:root { color-scheme:dark; font-family:Inter,"SF Pro Display",Arial,sans-serif; background:#060a14; color:#f4f7fc; }
* { box-sizing:border-box; }
html,body { margin:0; width:100%; height:100%; overflow:hidden; }
#hero-shell { width:100%; height:100%; display:grid; place-items:center; background:#060a14; }
#hero-stage { position:relative; width:min(100%,calc(100vh * 16 / 9)); aspect-ratio:16/9; overflow:hidden; isolation:isolate; }
.khan-hero-webgl,.khan-hero-hud { position:absolute; inset:0; display:block; width:100%; height:100%; }
.khan-hero-hud { pointer-events:none; z-index:2; }
#hero-fallback { position:absolute; inset:0; z-index:4; display:grid; align-content:center; padding:7%;
  background:radial-gradient(ellipse at 80% 28%,#352246 0,transparent 55%),radial-gradient(ellipse at 0 85%,#142e4b 0,transparent 55%),#060a14; }
#hero-fallback[hidden] { display:none; }
#hero-fallback .eyebrow { color:#ff8a4c; font-size:clamp(12px,1.5vw,20px); letter-spacing:.16em; text-transform:uppercase; }
#hero-fallback h1 { max-width:1000px; font-size:clamp(28px,5.1vw,84px); line-height:1.05; letter-spacing:-.045em; font-weight:600; margin:.36em 0; }
#hero-fallback p { max-width:850px; line-height:1.55; color:#bdcbe0; font-size:clamp(14px,1.55vw,23px); }
#hero-fallback a { color:#ffad7e; }
#hero-status { font-family:monospace; font-size:13px!important; }
#hero-controls { position:absolute; right:20px; bottom:20px; z-index:6; display:flex; gap:8px; }
#hero-controls[hidden] { display:none; }
#hero-controls button { border:1px solid #617083; color:white; background:#111b2b; padding:8px 12px; border-radius:8px; cursor:pointer; font:inherit; font-size:13px; }
#hero-controls button:focus-visible { outline:3px solid #ff8a4c; outline-offset:3px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
html[data-capture="true"] #hero-stage { width:1920px; height:1080px; max-height:none; }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }