@font-face{font-family:Pixel;src:url('fonts/press-start-2p.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--night:#060e1d;--gold:#ffda45;--cream:#fff5d9;--muted:#a6b5ca}
*{box-sizing:border-box}
body{margin:0;background:var(--night);color:var(--cream);font-family:Arial,sans-serif}
main{min-height:100svh;overflow:hidden;position:relative;isolation:isolate;background:var(--night);display:flex;flex-direction:column}
.intro{text-align:center;padding:clamp(32px,5vh,64px) 24px 0;z-index:1}
.eyebrow{font-family:Pixel,monospace;font-size:12px;line-height:2;letter-spacing:2px;color:var(--gold);margin:0 0 22px}
.eyebrow span{margin:0 12px}
h1{margin:0 auto;max-width:740px;line-height:0}
.logo{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 24px #0008)}
.subtitle{font-size:clamp(16px,1.4vw,20px);letter-spacing:.04em;color:#d0dbe7;margin:20px 0 32px}
.launch{position:relative;z-index:1;text-align:center;padding:0 24px}
h2{font-family:Pixel,monospace;font-size:12px;line-height:2;letter-spacing:3px;font-weight:400;color:var(--muted);margin:0 0 26px}
.countdown{display:grid;grid-template-columns:1.35fr .15fr 1fr .15fr 1fr .15fr 1fr;align-items:start;max-width:1180px;margin:0 auto}
.unit{display:flex;flex-direction:column;gap:23px;min-width:0}
.number{font-family:Pixel,monospace;font-size:clamp(28px,6.3vw,88px);line-height:1.2;color:var(--gold);text-shadow:0 5px 0 #9b5919,0 10px 28px #ffb70022;font-variant-numeric:tabular-nums}
.label{font-family:Pixel,monospace;font-size:12px;letter-spacing:3px;line-height:1.7;color:var(--muted)}
.separator{font-family:Pixel,monospace;font-size:clamp(24px,4vw,54px);line-height:1.6;color:#637187}
.launch-date{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0 0;font-family:Pixel,monospace;font-size:12px;line-height:2;color:var(--cream)}
.launch-date span{color:var(--gold);font-size:10px}
.landscape{position:absolute;inset:0;z-index:-1;pointer-events:none}
.landscape:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060e1d55 0%,#060e1d66 35%,#060e1dcc 75%,var(--night) 100%);z-index:1;pointer-events:none}
.landscape img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(3px);transform:scale(1.02)}
footer{margin-top:auto;position:relative;display:flex;justify-content:space-between;gap:20px;padding:52px 40px 26px;color:#93a5bb;font-family:Pixel,monospace;font-size:10px;line-height:1.8;letter-spacing:1px;background:transparent}
@media(min-width:1600px){h1{max-width:850px}.intro{padding-top:60px}}
@media(max-width:600px){.intro{padding:34px 16px 0}.eyebrow{font-size:10px;letter-spacing:0;margin-bottom:25px}.eyebrow span{margin:0 4px}.subtitle{max-width:270px;margin:22px auto 28px;line-height:1.6}.launch{padding:0 12px}h2{font-size:10px;letter-spacing:2px;margin-bottom:24px}.number{font-size:clamp(22px,6vw,36px);text-shadow:0 3px 0 #9b5919}.unit{gap:15px}.label{font-family:Arial,sans-serif;font-size:12px;letter-spacing:1px}.separator{font-size:20px;line-height:1.4}.launch-date{font-size:9px;gap:8px;line-height:2.2;margin-top:28px}.landscape img{object-position:60% center}footer{padding:20px 16px;justify-content:center;text-align:center;font-size:9px}footer span:last-child{display:none}}