.lp-how{background:var(--lp-bg);padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);position:relative}.lp-how-title{text-align:center;max-width:18ch;margin:clamp(2rem,5vw,4rem) auto 0;font-size:clamp(2.2rem,4.6vw,4.2rem);line-height:.98}.lp-how-stage{margin-top:clamp(2rem,5vw,4rem);position:relative}.lp-rail{z-index:3;pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:50%}.lp-rail-sticky{width:0;height:min(38vh,340px);position:sticky;top:calc(50vh - min(19vh,170px))}.lp-rail-track{background:#1622ee1f;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:-1px}html[data-theme=dark] .lp-rail-track{background:#8fb2ff29}.lp-rail-line{transform-origin:50% 0;will-change:transform;background:linear-gradient(#1622ee00,#1622ee 30%,#5b66ff);width:2px;height:100%;position:absolute;top:0;left:-1px;transform:scaleY(0);box-shadow:0 0 18px #5b66ffb3}.lp-rail-dot{background:var(--lp-bg);border:2px solid #1622ee59;border-radius:999px;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;left:0}html[data-theme=dark] .lp-rail-dot{background:#8fb2ff;border-color:#8fb2ff;box-shadow:0 0 8px #8fb2ffb3}.lp-rail-arrow{z-index:2;will-change:transform;width:20px;height:20px;position:absolute;top:0;left:0;transform:translate(-50%,-10px)}.lp-rail-glyph{filter:drop-shadow(0 0 8px #5b66ffe6);will-change:transform;transition:opacity .25s}.lp-rail-glyph svg{fill:#1622ee;display:block}html[data-theme=dark] .lp-rail-glyph svg{fill:#8fb2ff}.lp-rail-start,.lp-rail-flag{color:#fff;font-family:var(--lp-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;background:#1622ee;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .65rem .3rem .5rem;font-size:11px;line-height:1;transition:opacity .25s,transform .4s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7);box-shadow:0 0 18px #5b66ffb3}html[data-theme=dark] .lp-rail-start,html[data-theme=dark] .lp-rail-flag{color:#0e1130;background:#8fb2ff}.lp-rail-start svg,.lp-rail-flag svg{fill:currentColor;width:12px;height:12px}.lp-rail-arrow[data-phase=start] .lp-rail-start,.lp-rail-arrow[data-phase=win] .lp-rail-flag{opacity:1;transform:translate(-50%,-50%)scale(1)}.lp-rail-arrow:not([data-phase=run]) .lp-rail-glyph{opacity:0}@media (prefers-reduced-motion:reduce){.lp-rail-start,.lp-rail-flag,.lp-rail-glyph{transition:none}}.lp-how-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);display:grid}.lp-how-visual{position:relative}.lp-how-device{aspect-ratio:1088/800;position:sticky;top:calc(50vh - min(19vw,230px))}.lp-how-panel{opacity:0;filter:blur(6px);background:#f7f8fb;border-radius:22px;transition:opacity .55s,transform .7s cubic-bezier(.22,1,.36,1),filter .55s;position:absolute;inset:0;overflow:hidden;transform:scale(.96)}.lp-how-panel[data-on=true]{opacity:1;filter:none;transform:none}.lp-how-panel video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.lp-how-steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lp-how-steps li{opacity:.28;flex-direction:column;justify-content:center;gap:1rem;min-height:clamp(420px,85vh,820px);padding-left:clamp(0rem,2vw,1.5rem);transition:opacity .5s;display:flex}.lp-how-steps li[data-on=true]{opacity:1}.lp-how-n{color:var(--lp-accent);font-family:var(--lp-mono);letter-spacing:.08em;font-size:12px}.lp-how-steps h3{color:var(--lp-head);letter-spacing:-.045em;margin:0;font-size:clamp(1.9rem,3.4vw,3.2rem);font-weight:900;line-height:1}.lp-how-steps p{max-width:38ch;color:var(--lp-body);text-wrap:pretty;margin:0;font-size:1.08rem}.lp-how-inline{display:none}@media (prefers-reduced-motion:reduce){.lp-how-panel,.lp-how-steps li{transition:none}}@media (max-width:900px){.lp-rail,.lp-how-visual{display:none}.lp-how-cols{display:block}.lp-how-steps{gap:3.5rem}.lp-how-steps li{opacity:1;min-height:0;padding-left:0}.lp-how-steps h3{font-size:clamp(1.8rem,7vw,2.4rem)}.lp-how-inline{border-radius:18px;margin-top:.5rem;display:block;overflow:hidden}.lp-how-inline video{aspect-ratio:1088/800;object-fit:cover;background:#f7f8fb;width:100%;display:block}}