:root{--bg:#020304;--ink:#f8fafc;--muted:#aeb7c4;--gold:#ffd86f;--gold-soft:rgba(255,216,111,.36)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
.launch-page{min-height:100vh;position:relative;isolation:isolate;display:grid;place-items:center;padding:104px 4vw 30px;background:radial-gradient(circle at 50% 9%,rgba(255,216,111,.18),transparent 33rem),radial-gradient(circle at 50% 82%,rgba(255,216,111,.055),transparent 38rem),linear-gradient(180deg,#050607 0%,#020304 76%,#000 100%)}
.launch-page:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(0,0,0,.90),transparent 29%,transparent 71%,rgba(0,0,0,.90)),radial-gradient(ellipse at center,transparent 0 46%,rgba(0,0,0,.80) 100%)}
.grain{position:absolute;inset:0;z-index:-2;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.brand{position:absolute;top:clamp(24px,4vh,42px);left:clamp(28px,4vw,58px);display:flex;align-items:center;gap:14px;z-index:10}.brand-mark{width:52px;filter:drop-shadow(0 0 18px rgba(255,216,111,.34))}.brand-name{font-size:clamp(25px,2.35vw,35px);font-weight:950;letter-spacing:-.045em;line-height:1}.brand-sub{text-transform:uppercase;letter-spacing:.38em;color:var(--muted);font-size:11px;margin-top:8px}
.stage{width:min(1150px,92vw);position:relative;display:flex;align-items:center;justify-content:center}.hero-shell{width:100%;height:min(73vh,570px);min-height:505px;position:relative;overflow:hidden;border:1px solid rgba(255,216,111,.39);border-radius:34px;background:#030507;box-shadow:0 54px 170px rgba(0,0,0,.86),0 0 125px rgba(255,216,111,.09),inset 0 1px 0 rgba(255,255,255,.05)}
.hero-shell:before{content:"";position:absolute;inset:20px;border-radius:25px;border:1px solid rgba(255,216,111,.15);z-index:3;pointer-events:none;box-shadow:inset 0 0 90px rgba(0,0,0,.35)}
.hero-shell:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.50),transparent 15%,transparent 85%,rgba(0,0,0,.50)),linear-gradient(180deg,rgba(0,0,0,.08),transparent 43%,rgba(0,0,0,.68))}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;z-index:1;filter:saturate(1.08) contrast(1.06) brightness(.95)}
.countdown-panel{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:5;width:min(830px,74vw);padding:18px clamp(18px,2.6vw,32px) 24px;border:1px solid rgba(255,216,111,.50);border-radius:28px;background:linear-gradient(180deg,rgba(5,8,13,.78),rgba(0,0,0,.82)),radial-gradient(circle at 50% 0%,rgba(255,216,111,.13),transparent 70%);backdrop-filter:blur(20px);box-shadow:0 32px 100px rgba(0,0,0,.80),0 0 80px rgba(255,216,111,.07),inset 0 1px 0 rgba(255,255,255,.07)}
.countdown-panel:before{content:"";position:absolute;left:50%;top:-1px;width:48%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,216,111,.82),transparent)}.timer-label{text-align:center;text-transform:uppercase;letter-spacing:.48em;color:var(--gold);font-weight:950;font-size:12px;margin-bottom:18px;text-shadow:0 0 22px rgba(255,216,111,.34)}.timer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.6vw,18px)}.timebox{min-height:100px;display:grid;place-items:center;padding:14px;border:1px solid rgba(255,216,111,.34);border-radius:18px;background:linear-gradient(180deg,rgba(5,8,13,.90),rgba(0,0,0,.62)),radial-gradient(circle at 50% 0%,rgba(255,216,111,.11),transparent 74%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 34px rgba(0,0,0,.35)}.timebox strong{font-size:clamp(46px,5.6vw,70px);line-height:.9;letter-spacing:-.075em;font-weight:950}.timebox span{text-transform:uppercase;letter-spacing:.25em;color:var(--muted);font-size:11px;margin-top:8px}
@media(max-width:780px){body{overflow:auto}.launch-page{min-height:100svh;overflow:auto;padding:88px 16px 22px}.brand{top:20px;left:20px}.brand-mark{width:42px}.brand-sub{font-size:9px}.stage{width:100%}.hero-shell{height:calc(100svh - 120px);min-height:620px;border-radius:28px}.hero-shell:before{inset:14px;border-radius:22px}.hero-art{object-position:center center}.countdown-panel{width:calc(100% - 28px);bottom:18px;border-radius:24px}.timer-grid{grid-template-columns:repeat(2,1fr)}.timebox{min-height:94px}.timer-label{letter-spacing:.32em}}
@media(max-height:720px) and (min-width:781px){.launch-page{padding-top:82px;padding-bottom:18px}.hero-shell{height:calc(100vh - 110px);min-height:500px}.countdown-panel{bottom:18px;padding-top:15px;padding-bottom:18px}.timebox{min-height:86px}.timebox strong{font-size:56px}.timer-label{margin-bottom:12px}}