.how-row{align-items:flex-start;gap:72px;margin:0 auto;display:flex}.how-head{flex-shrink:0;width:min(540px,46%);position:sticky;top:120px}.how-head .lp-h2{max-width:none;margin-bottom:20px}.how-steps{flex-direction:column;flex:1 1 0;gap:28px;display:flex}.how-step{--box-fill:var(--bg);border-radius:12px;flex-direction:column;gap:14px;padding:clamp(26px,3.4vw,40px);display:flex}.how-step-n{font-variant-numeric:tabular-nums;color:var(--accent-unit);font-size:13px;font-weight:500}.how-step h3{font-family:var(--ui-font-display);letter-spacing:-.03em;color:var(--fg);margin:0;font-size:26px;font-weight:500;line-height:1.15}.how-step p{max-width:480px;color:var(--muted-fg);margin:0;font-size:15px;line-height:1.6}.how-step-bar{background:var(--border);height:2px;margin-top:10px;overflow:hidden}.how-step-bar .grow-bar{background:var(--accent-light);height:100%}@media (max-width:900px){.how-row{flex-direction:column;gap:40px}.how-head{width:auto;position:static}.how-head .lp-h2{max-width:17ch}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.how-steps{perspective:1400px;timeline-scope:--how-s2, --how-s3;gap:12px}.how-step{top:calc(112px + var(--k) * 14px);transform-origin:50% 0;padding:32px;position:sticky}.how-step-bar{display:none}.how-step:first-child{animation:linear both how-tilt;animation-timeline:--how-s2;animation-range:cover calc(100vh - 400px) cover calc(100vh - 126px)}.how-step:nth-child(2){view-timeline-name:--how-s2;animation:linear both how-tilt;animation-timeline:--how-s3;animation-range:cover calc(100vh - 414px) cover calc(100vh - 140px)}.how-step:nth-child(3){view-timeline-name:--how-s3}}}@keyframes how-tilt{to{filter:brightness(.72);transform:scale(.92)rotateX(7deg)}}@media (max-width:720px){.how-row{gap:32px}.how-steps .how-step{gap:10px;padding:22px}.how-step h3{font-size:22px}}