:root{color-scheme:dark;--bg:#060911;--text:#f1f6ff;--muted:#aab9ce;--cyan:#a6f6ff;--line:#243346;font-family:"Inter",system-ui,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 19rem,#10223b 0%,transparent 52rem),var(--bg)}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.wrap,header,footer{width:min(1160px,calc(100% - 48px));margin-inline:auto}header,footer,nav{display:flex;align-items:center;gap:clamp(12px,3vw,34px);justify-content:space-between}header{min-height:76px;border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.9rem}.brand{font-weight:800;letter-spacing:.11em;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px}.brand::before{content:"";display:inline-block;width:20px;height:13px;border:1px solid var(--cyan);border-radius:4px;box-shadow:0 0 12px #48deff66,inset 0 0 6px #48deff55}.skip{position:absolute;left:12px;top:12px;z-index:3;background:#152840;padding:10px;transform:translateY(-200%)}.skip:focus{transform:none}
.hero{text-align:center;padding:clamp(48px,8vw,115px) 0 44px}.hero h1{font-family:"Space Grotesk","Inter",system-ui,sans-serif;font-size:clamp(2.8rem,7.4vw,6.6rem);line-height:.99;letter-spacing:-.075em;margin:0 auto 22px;font-weight:750}.glow{display:block;color:#d4faff;text-shadow:0 0 20px #51deff9c,0 0 56px #286af88c}.intro{color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);max-width:38rem;line-height:1.65;margin:0 auto 26px}.beam{height:2px;width:min(650px,95%);background:linear-gradient(90deg,transparent,#6678ff,#e1fbff,#9b74ff,transparent);margin:42px auto 0;box-shadow:0 0 32px #578dffa6}
.stage{position:relative;border:1px solid #354764;background:linear-gradient(155deg,#142239cc,#070b14 70%);padding:clamp(18px,4vw,48px);border-radius:24px;box-shadow:0 20px 80px #0007,inset 0 1px #b6d6ff28}.stage h2,h2{font-family:"Space Grotesk","Inter",system-ui,sans-serif;font-size:clamp(1.65rem,4vw,2.9rem);letter-spacing:-.055em;margin:0 0 8px}.stage p,.muted{color:var(--muted);line-height:1.6;margin:0}.frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,26px);margin:28px 0 14px}.frame{appearance:none;font:inherit;color:var(--text);min-width:0;cursor:pointer;text-align:left;padding:7px;background:#090d16;border:1px solid #455b76;border-radius:13px;box-shadow:0 12px 20px #0007;transition:border-color .2s,box-shadow .2s,transform .2s}.frame:hover,.frame[aria-pressed=true]{border-color:var(--cyan);box-shadow:0 0 25px #60dbff55;transform:translateY(-3px)}.photo{display:block;aspect-ratio:16/10;border-radius:7px;background-image:url("/scenes.webp");background-repeat:no-repeat;background-size:300% auto;background-color:#132e43}.photo[data-scene="0"]{background-position:left center}.photo[data-scene="1"]{background-position:center}.photo[data-scene="2"]{background-position:right center}.frame-name{display:block;padding:10px 4px 4px;font-size:clamp(.7rem,1.5vw,.95rem);font-weight:650;overflow-wrap:anywhere}.stage [role=status]{min-height:1.6em;color:var(--cyan);font-size:.9rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #80e5fa;padding:.65rem 1.1rem;border-radius:9px;background:#132e43;color:#e4fbff;box-shadow:0 0 20px #4ad9ff30;font-weight:700}.button:hover{background:#1e4662}.section{padding:clamp(50px,8vw,100px) 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,6vw,76px);align-items:center}.split img{display:block;width:100%;border-radius:16px;border:1px solid var(--line)}.split ol{color:var(--muted);line-height:1.6;padding-left:1.5rem}.split li{padding:.35rem 0}.faq{padding-bottom:65px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:650}details p{color:var(--muted);line-height:1.65;margin:.7em 0 0}
.account{max-width:760px;margin-inline:auto;min-height:72vh}.account .stage{text-align:left;margin:30px 0}.account .stage h2{font-size:1.7rem}
@media(max-width:650px){.wrap,header,footer{width:calc(100% - 28px)}header{min-height:68px}nav,.brand{font-size:.78rem}.brand{gap:7px}.brand::before{width:16px}.split{grid-template-columns:1fr}.frame{padding:4px;border-radius:9px}.frame-name{padding:6px 2px}.hero h1{letter-spacing:-.065em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}