.steps{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.steps-list{list-style:none}.step{opacity:.32;min-height:62vh;transition:opacity .5s var(--ease);flex-direction:column;justify-content:center;padding-left:2rem;display:flex;position:relative}.step.is-active{opacity:1}.step-rail{background:var(--line);width:2px;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.step-rail:after{content:"";background:var(--lime);transform-origin:top;transition:transform .6s var(--ease);position:absolute;inset:0;transform:scaleY(0)}.step.is-active .step-rail:after{transform:scaleY(1)}.step-count{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--lime);margin-bottom:.9rem;font-size:.68rem}.step-title{font-family:var(--sans);letter-spacing:-.03em;color:var(--ink);margin-bottom:.85rem;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;line-height:1.12}.step-body{max-width:40ch;color:var(--ink-2);text-wrap:pretty;font-size:1rem;line-height:1.6}.steps-stage{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;height:100vh;display:flex;position:sticky;top:0}.steps-phone{flex-direction:column;align-items:center;gap:1.25rem;width:min(100%,17rem);display:flex}.steps-phone-body{aspect-ratio:.4764;background:linear-gradient(155deg,#3f5449 0%,#1b2721 40%,#070d09 100%);border-radius:13%/6.19%;width:100%;padding:2.1%;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,0 34px 70px -20px #000000e6}.steps-phone-screen{background:#000;border-radius:11.38%/5.3%;width:100%;height:100%;position:relative;overflow:hidden}.steps-media{object-fit:cover;width:100%;height:100%;animation:stepFade .45s var(--ease);display:block;position:absolute;inset:0}@keyframes stepFade{0%{opacity:0}to{opacity:1}}.steps-camera{aspect-ratio:1;z-index:5;background:#050a07;border-radius:50%;width:6%;position:absolute;top:1.8%;left:50%;transform:translate(-50%)}.steps-empty{background:radial-gradient(circle at 50% 45%,#a8e63d14 0%,#0000 62%),#05100b;position:absolute;inset:0}.steps-dots{gap:.45rem;display:flex}.steps-dots span{background:var(--line);width:1.6rem;height:3px;transition:background-color .4s var(--ease);border-radius:999px}.steps-dots span.is-on{background:var(--lime)}@media (max-width:56rem){.steps-stack{flex-direction:column;gap:2.75rem;list-style:none;display:flex}.step-card{border-top:1px solid var(--line);flex-direction:column;padding-top:1.75rem;display:flex}.step-card .step-title{margin-bottom:.75rem}.step-card-phone{width:min(100%,14rem);margin:1.5rem auto 0}}@media (prefers-reduced-motion:reduce){.step{opacity:1}.steps-media{animation:none}}