@font-face {
  font-family: "Eurostile A24";
  src: local("Eurostile Bold"), local("Eurostile-Bold"), url("fonts/Eurostile_Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --bg: #080808;
  --paper: #f4f4f1;
  --muted: #9a9a92;
  --line: rgba(244,244,241,.18);
  --accent: #daff02;
  --display: "Eurostile A24", "Eurostile", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --body: "Metropolis", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pad: clamp(20px, 4vw, 64px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--body);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
::selection{background:var(--accent);color:#000}

.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:200;box-shadow:0 0 18px rgba(218,255,2,.7)}
.container{width:min(1440px,100%);margin:0 auto;padding-inline:var(--pad)}
.section{position:relative;overflow:hidden}
.section--full{min-height:100svh;display:grid;align-items:center}

.site-header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);z-index:100;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(to bottom,rgba(8,8,8,.78),rgba(8,8,8,0));backdrop-filter:blur(4px)}
.brand{display:inline-flex;align-items:baseline;gap:.38em;font-family:var(--display);font-size:18px;font-weight:700;line-height:1;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}
.brand span{font:inherit;letter-spacing:inherit;line-height:inherit}
.brand__24{color:var(--accent);text-shadow:0 0 20px rgba(218,255,2,.25)}
.header-date{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--accent)}

.hero{padding-top:130px}
.hero__media,.hero__overlay,.hero__grid,.hero__image{position:absolute;inset:0}
.hero__image{background:radial-gradient(circle at 66% 42%,rgba(218,255,2,.10),transparent 18%),radial-gradient(circle at 55% 46%,rgba(255,255,255,.10),transparent 1.5%),linear-gradient(115deg,#030303 0%,#121212 53%,#020202 100%);transform:scale(1.03)}
.hero__image:after{content:"";position:absolute;right:9vw;bottom:0;width:min(37vw,570px);height:82%;background:linear-gradient(to top,rgba(0,0,0,.98),rgba(0,0,0,.12)),radial-gradient(ellipse at 60% 38%,rgba(255,255,255,.10),transparent 36%);clip-path:polygon(51% 0,62% 9%,68% 24%,76% 37%,82% 57%,97% 100%,5% 100%,22% 69%,30% 42%,37% 24%);opacity:.68;filter:blur(.2px)}
.hero__overlay{background:linear-gradient(90deg,rgba(8,8,8,.98) 0%,rgba(8,8,8,.88) 42%,rgba(8,8,8,.22) 100%),linear-gradient(0deg,rgba(8,8,8,.6),transparent 38%)}
.hero__grid{opacity:.08;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,black,transparent 72%)}
.hero__content{position:relative;z-index:2;padding-top:44px;padding-bottom:112px}
.eyebrow{font-size:11px;letter-spacing:.25em;font-weight:700;color:var(--accent);margin:0 0 24px}
.hero h1,.modal h2{font-family:var(--display);font-size:clamp(52px,8.1vw,132px);font-weight:700;letter-spacing:-.055em;line-height:.82;margin:0;text-transform:uppercase;max-width:1100px}
.hero h1 span{display:block}.hero h1 .accent-line{color:var(--paper)}
.launch-block{margin-top:clamp(48px,8vh,96px)}
.launch-label{font-size:11px;letter-spacing:.22em;color:#c2c2ba;margin:0 0 16px}
.countdown{display:flex;align-items:flex-start;gap:clamp(10px,1.5vw,24px)}
.countdown__unit{display:grid;gap:7px}.countdown__unit strong{font-family:var(--display);font-size:clamp(39px,5vw,76px);font-weight:700;line-height:.95;letter-spacing:-.05em}.countdown__unit span{font-size:8px;letter-spacing:.22em;color:var(--muted)}
.countdown__separator{font-family:var(--display);font-size:clamp(34px,4vw,64px);font-weight:700;line-height:.9;color:var(--accent);opacity:.7}
.launch-date{margin:20px 0 0;font-size:10px;letter-spacing:.18em;color:var(--muted)}
.hero__actions{display:flex;margin-top:30px}
.btn{border:1px solid transparent;min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:10px;font-weight:800;letter-spacing:.14em;cursor:pointer;transition:.25s ease;text-transform:uppercase}
.btn--primary{background:var(--accent);color:#050505}.btn--primary:hover{box-shadow:0 0 30px rgba(218,255,2,.24);transform:translateY(-2px)}
.launch-block--live h2{font-family:var(--display);font-size:clamp(54px,8vw,122px);font-weight:700;line-height:.82;letter-spacing:-.05em;margin:0 0 34px}.launch-block--live h2 span{color:var(--accent)}

.footer{border-top:1px solid var(--line);padding:34px 0 40px;background:#080808}
.footer__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.brand--footer{font-size:14px}
.footer p{font-size:9px;letter-spacing:.18em;color:var(--accent);text-align:center}
.footer__links{justify-self:end;display:flex;gap:22px;font-size:8px;letter-spacing:.16em;color:var(--muted)}
.footer__links a:hover{color:var(--paper)}

.modal{width:min(760px,calc(100% - 32px));border:1px solid rgba(255,255,255,.16);background:#0b0b0b;color:var(--paper);padding:0;box-shadow:0 30px 100px rgba(0,0,0,.8)}
.modal::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(10px)}
.modal__content{padding:clamp(36px,6vw,72px)}
.modal h2{font-size:clamp(44px,7vw,86px);margin-bottom:24px}
.modal__content>p:not(.eyebrow){color:var(--muted);line-height:1.65;max-width:560px}
.modal__close{position:absolute;top:14px;right:17px;background:none;border:0;color:var(--paper);font-size:30px;cursor:pointer;z-index:3}
.notify-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:30px}
.notify-form input{min-height:52px;background:#111;border:1px solid var(--line);color:var(--paper);padding:0 16px;outline:none;font-size:11px;letter-spacing:.08em}
.notify-form input:focus{border-color:var(--accent)}
.form-status{min-height:22px;font-size:11px;color:var(--accent)!important}
.form-status.is-error{color:#ff8c8c!important}
.botcheck{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.notify-form .btn:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}

.loader{position:fixed;inset:0;z-index:999;background:#050505;display:grid;place-content:center;text-align:center;transition:opacity .7s ease,visibility .7s ease}
.loader.is-hidden{opacity:0;visibility:hidden}
.loader__mark{font-family:var(--display);font-size:30px;font-weight:700;line-height:1;letter-spacing:.035em;text-transform:uppercase}
.loader__mark span{font:inherit;color:var(--accent);text-shadow:0 0 30px rgba(218,255,2,.2);animation:loaderGlow 1.25s infinite alternate}
.loader p{font-size:8px;letter-spacing:.2em;color:var(--muted);margin-top:24px}
@keyframes loaderGlow{to{filter:brightness(1.5);text-shadow:0 0 50px rgba(218,255,2,.45)}}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}
.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}

@media (max-width: 820px){
  .site-header{padding-top:18px;padding-bottom:18px}.brand{font-size:14px}.header-date{font-size:10px}.section--full{min-height:100svh}.hero{padding-top:110px}.hero__content{padding-bottom:112px}.hero h1{font-size:clamp(52px,15vw,86px);line-height:.84}.hero__image:after{right:-15vw;width:76vw;opacity:.35}.hero__overlay{background:linear-gradient(0deg,rgba(8,8,8,.94),rgba(8,8,8,.45)),linear-gradient(90deg,rgba(8,8,8,.96),rgba(8,8,8,.45))}.countdown{gap:7px}.countdown__unit strong{font-size:clamp(32px,10vw,50px)}.countdown__separator{font-size:32px}.launch-date{line-height:1.6}.btn{width:100%}.footer__inner{grid-template-columns:1fr;text-align:center}.brand--footer{justify-self:center;font-size:14px}.footer__links{justify-self:center}.footer p{text-align:center}.notify-form{grid-template-columns:1fr}
}

@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.loader__mark span{animation:none}}