:root{--nuit:#090C18;--accent:#4A8FFF;--text:#EAF0FF;--muted:#9FB0D0}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--nuit);color:var(--text)}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 90% at 72% 28%,rgba(74,143,255,.16),transparent 55%),
    radial-gradient(120% 120% at 25% 85%,rgba(20,40,96,.5),transparent 60%),
    linear-gradient(180deg,#0A0E1C,var(--nuit) 55%,#070A14)}
.hero__poster{position:absolute;inset:0;z-index:0;background:url("hero-fallback.webp") center/cover}
#gl{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;opacity:0;transition:opacity 1s ease}
#gl.live{opacity:1}
.scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,9,20,.15),rgba(6,9,20,.55));pointer-events:none}
.hero__content{position:relative;z-index:2;width:min(92%,880px);text-align:center;pointer-events:none}
.eyebrow{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1.1rem;font-weight:600}
h1{font-size:clamp(2.3rem,7vw,4.6rem);line-height:1.04;letter-spacing:-.02em;font-weight:700;text-wrap:balance;text-shadow:0 2px 50px rgba(0,0,0,.55)}
h1 .accent{color:var(--accent)}
.sub{margin:1.4rem auto 0;max-width:36ch;color:#c9d6ef;font-size:clamp(1rem,2.4vw,1.15rem);line-height:1.55}
.cta{display:inline-block;margin-top:2rem;padding:.85rem 1.6rem;border-radius:999px;background:var(--accent);color:#04101f;font-weight:600;text-decoration:none;box-shadow:0 8px 30px rgba(74,143,255,.35);pointer-events:auto}
.cta:focus-visible{outline:2px solid #fff;outline-offset:3px}
.back{position:absolute;top:1rem;left:1rem;z-index:3;color:var(--muted);text-decoration:none;font-size:.85rem;background:rgba(9,12,24,.5);padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(159,176,208,.2)}
.badge{position:absolute;left:50%;bottom:1.1rem;transform:translateX(-50%);z-index:3;font-size:.72rem;color:var(--muted);background:rgba(9,12,24,.5);padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(159,176,208,.2)}
@media (prefers-reduced-motion:reduce){#gl{display:none}}