.lp-hero{position:relative;z-index:1;height:340vh}
.lp-hero .lp-hero-sticky{position:sticky;top:72px;height:calc(100vh - 72px);overflow:hidden}
.lp-hero .lp-hero-canvas{position:absolute;inset:0;width:100%;height:100%}
.lp-hero .lp-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,20,.85) 0%,rgba(7,13,20,.4) 55%,transparent 100%);pointer-events:none}
.lp-hero .lp-hero-inner{position:relative;max-width:1280px;margin:0 auto;padding:24px clamp(20px,4vw,32px) 84px;height:100%;display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,3vh,36px)}
.lp-hero .lp-hero-tag{display:inline-flex;align-items:center;gap:10px}
.lp-hero .lp-hero-dot{width:8px;height:8px;border-radius:50%;background:#FACC15;box-shadow:0 0 12px #FACC15;animation:lp-pulse 2s infinite}
.lp-hero .lp-hero-phase{color:#7A8B9C;margin-left:8px}
.lp-hero .lp-hero-stack{display:grid;flex:none;align-items:start}
.lp-hero .lp-hero-layer{grid-area:1/1;display:flex;flex-direction:column;gap:clamp(8px,2vh,24px);transition:opacity .25s,transform .25s;pointer-events:none}
.lp-hero .lp-hero-layer.is-on{pointer-events:auto}
.lp-hero .lp-hero-h{margin:0;font-size:clamp(34px,min(7.2vw,8.5vh),116px);line-height:.94;letter-spacing:-.04em;font-weight:700;max-width:14ch;text-wrap:balance;color:#E6EDF3}
.lp-hero .lp-hero-sub{margin:0;font-size:clamp(14px,2.6vh,19px);line-height:1.4;color:#9FB0C0;max-width:520px;text-wrap:pretty}
.lp-hero .lp-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center;position:relative;z-index:2}
.lp-hero .lp-hero-foot{position:absolute;left:clamp(20px,4vw,32px);right:clamp(20px,4vw,32px);bottom:28px;display:flex;align-items:center;gap:20px;font-family:'JetBrains Mono',monospace;font-size:11px;color:#7A8B9C}
.lp-hero .lp-hero-scroll{letter-spacing:.08em;text-transform:uppercase}
.lp-hero .lp-hero-bar{flex:1;height:1px;background:rgba(255,255,255,.1);position:relative}
.lp-hero .lp-hero-bar-fill{position:absolute;left:0;top:-1px;height:3px;border-radius:2px;background:#FACC15;box-shadow:0 0 12px #FACC15;width:0}
.lp-hero .lp-hero-marks{display:flex;gap:28px}
@media (prefers-reduced-motion:reduce){.lp-hero .lp-hero-dot{animation:none}}