.how-section{background:var(--ink);color:var(--white);padding-block:clamp(7rem,11vw,11rem);overflow:clip}.how-process{grid-template-columns:minmax(20rem,.84fr) minmax(28rem,1.16fr);gap:clamp(4rem,9vw,10rem);display:grid}.how-sticky{align-self:start;position:sticky;top:7rem}.how-copy h2 em{color:#55acff;font-style:normal}.how-copy>p{color:#a9b3c0;max-width:29rem;margin:1.4rem 0 0;font-size:.89rem;line-height:1.7}.how-progress{background:#ffffff21;width:2px;height:7rem;margin-top:2.5rem;position:relative;overflow:hidden}.how-progress span{background:var(--blue);transform-origin:top;position:absolute;inset:0;transform:scaleY(.25)}.how-steps{border-top:1px solid #ffffff24}.how-step{opacity:.3;border-bottom:1px solid #ffffff24;grid-template-columns:4rem minmax(0,1fr) auto;align-items:center;gap:2rem;min-height:clamp(24rem,58vh,34rem);padding-block:4rem;transition:opacity .45s,transform .45s;display:grid;transform:translateY(1.25rem)}.how-step.is-active{opacity:1;transform:translateY(0)}.how-step-number{color:#55acff;font-family:var(--font-geist-mono), monospace;align-self:start;font-size:.7rem}.how-step-copy>span{color:#55acff;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:700}.how-step h3{max-width:36rem;color:var(--white);letter-spacing:-.055em;margin:.8rem 0 0;font-size:clamp(2rem,3.5vw,4.2rem);font-weight:590;line-height:1}.how-step p{color:#a9b3c0;max-width:28rem;margin:1.4rem 0 0;font-size:.82rem;line-height:1.65}.how-step-marker{color:#8e99a8;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:color .35s,background .35s,border-color .35s,box-shadow .35s,transform .35s;display:flex;position:relative}.how-step.is-active .how-step-marker{color:var(--white);background:var(--blue);border-color:var(--blue);transform:scale(1.06);box-shadow:0 0 0 8px #0878e821}@media (max-width:1080px){.how-process{grid-template-columns:minmax(18rem,.85fr) minmax(25rem,1.15fr);gap:4rem}.how-step{gap:1.4rem}}@media (max-width:820px){.how-section{padding-block:84px}.how-process{grid-template-columns:1fr;gap:3rem}.how-sticky{max-width:650px;position:relative;top:0}.how-progress{display:none}.how-step{min-height:22rem}}@media (max-width:560px){.how-step{grid-template-columns:2rem minmax(0,1fr);gap:1rem;min-height:20rem;padding-block:3rem}.how-step h3{font-size:clamp(2rem,11vw,3.15rem)}.how-step-marker{display:none}}@media (prefers-reduced-motion:reduce){.how-step{opacity:1;transform:none}.how-progress{display:none}}
