.landing-how{padding:72px 0}.landing-how__right{align-self:center}.landing-how__inner{grid-template-columns:1.1fr .9fr;align-items:start;gap:3rem;display:grid}.landing-how__heading .feature-layout__label{margin-bottom:.75rem}.landing-how__heading .feature-layout__title{margin-bottom:0}.landing-how__steps{flex-direction:column;gap:0;margin-top:1rem;display:flex}.landing-how-step{border-bottom:1px solid color-mix(in srgb, var(--portal-primary) 12%, var(--surface-border));cursor:pointer;align-items:flex-start;gap:1rem;padding:1.2rem .25rem 1.2rem 0;transition:background-color .2s;display:flex}.landing-how-step__num{width:2.4rem;height:2.4rem;color:var(--portal-primary);border:1.5px solid color-mix(in srgb, var(--portal-primary) 42%, transparent);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;line-height:1;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.landing-how-step:hover .landing-how-step__num{background:var(--portal-primary);color:#fff;border-color:var(--portal-primary);transform:translateY(-1px)}.landing-how-step__title{color:var(--text-color);margin:0;font-size:clamp(1.15rem,2vw,1.3rem);font-weight:700;line-height:1.25}.landing-how-step__desc{color:var(--text-color-secondary);margin:.5rem 0 0;font-size:clamp(1rem,1.2vw,1.15rem);font-weight:500;line-height:1.5}.landing-how-mockup{border:1px solid color-mix(in srgb, var(--portal-primary) 18%, var(--surface-border));background:var(--surface-card);border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #00000014,0 2px 8px #0000000a}.landing-how-mockup__bar{background:color-mix(in srgb, var(--portal-primary) 8%, var(--surface-ground));border-bottom:1px solid color-mix(in srgb, var(--portal-primary) 14%, var(--surface-border));align-items:center;gap:.45rem;padding:.75rem .9rem;display:flex}.landing-how-mockup__dot{border-radius:999px;width:.58rem;height:.58rem}.landing-how-mockup__dot--red{background:#ff5f57}.landing-how-mockup__dot--yellow{background:#febc2e}.landing-how-mockup__dot--green{background:#28c840}.landing-how-mockup__url{background:color-mix(in srgb, var(--portal-primary) 18%, transparent);border-radius:999px;flex:1;height:.95rem;margin-left:.55rem}.landing-how-mockup__body{padding:1rem}.landing-how-mockup__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.landing-how-mockup__title{color:var(--text-color);margin:0;font-size:1rem;font-weight:700}.landing-how-mockup__meta{color:var(--text-color-secondary);margin:.25rem 0 0;font-size:.8rem}.landing-how-mockup__action{color:#fff;background:var(--portal-primary);border:none;border-radius:8px;padding:.38rem .75rem;font-size:.78rem;font-weight:600}.landing-how-mockup__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:.8rem;display:grid}.landing-how-stat{text-align:center;border:1px solid color-mix(in srgb, var(--portal-primary) 16%, var(--surface-border));background:color-mix(in srgb, var(--portal-primary) 4%, var(--surface-card));border-radius:10px;padding:.7rem .45rem}.landing-how-stat__icon{font-size:1.1rem}.landing-how-stat__value{color:var(--text-color);margin-top:.3rem;font-size:.9rem;font-weight:700}.landing-how-stat__label{color:var(--text-color-secondary);margin-top:.15rem;font-size:.72rem}.landing-how-mockup__events{border:1px solid color-mix(in srgb, var(--portal-primary) 14%, var(--surface-border));border-radius:10px;overflow:hidden}.landing-how-event{background:var(--surface-card);border-bottom:1px solid color-mix(in srgb, var(--portal-primary) 10%, var(--surface-border));align-items:flex-start;gap:.55rem;padding:.6rem .75rem;display:flex}.landing-how-event:last-child{border-bottom:none}.landing-how-event__icon{font-size:.95rem;line-height:1.2}.landing-how-event__title{color:var(--text-color);font-size:.8rem;font-weight:600;line-height:1.4}.landing-how-event__time{color:var(--text-color-secondary);margin-top:.15rem;font-size:.72rem}@media (max-width:992px){.landing-how{padding:56px 0}.landing-how__inner{grid-template-columns:1fr;gap:2rem}.landing-how__steps{margin-top:2rem}.landing-how-step{gap:.85rem;padding:1rem 0}.landing-how-step__num{border-width:1.25px;width:2rem;height:2rem;font-size:1rem}.landing-how-step__title{font-size:clamp(1.15rem,4.6vw,1.5rem)}.landing-how-step__desc{margin-top:.35rem;font-size:clamp(.92rem,3.5vw,1.1rem);line-height:1.5}}