:root { --navy:#070b1b; --blue:#7182bc; --silver:#d9deed; --ice:#f4f7ff; }
* { box-sizing:border-box; }
html { background:var(--navy); }
body { margin:0; color:var(--ice); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; }

.launch-shell {
  min-height:100svh; position:relative; overflow:hidden; isolation:isolate;
  background:
    radial-gradient(circle at 50% 18%, rgba(99,117,184,.2), transparent 34%),
    radial-gradient(circle at 50% 105%, rgba(57,75,140,.22), transparent 40%),
    linear-gradient(135deg,#040612 0%,#0b1027 52%,#050814 100%);
  display:flex; flex-direction:column; padding:24px clamp(20px,4vw,72px) 22px;
}
.grid-lines { position:absolute; inset:0; z-index:-3; opacity:.22; background-image:linear-gradient(rgba(120,140,205,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,205,.14) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,black,transparent 85%); transform:perspective(600px) rotateX(56deg) scale(1.8) translateY(16%); transform-origin:center bottom; }
.orb { position:absolute; z-index:-2; border-radius:50%; filter:blur(2px); border:1px solid rgba(160,174,230,.12); box-shadow:0 0 100px rgba(81,103,189,.12),inset 0 0 80px rgba(62,83,165,.1); }
.orb-one { width:570px;height:570px;left:-380px;top:20%; }
.orb-two { width:480px;height:480px;right:-330px;top:12%; }
.particles i { position:absolute;width:3px;height:3px;background:#b9c5f1;border-radius:50%;box-shadow:0 0 12px #8fa5ff;animation:float 7s ease-in-out infinite;opacity:.6; }
.particles i:nth-child(3n){left:12%;top:30%;animation-delay:-2s}.particles i:nth-child(3n+1){right:12%;top:44%;animation-delay:-5s}.particles i:nth-child(3n+2){left:calc(25% + 35px);bottom:17%;animation-delay:-3s}

.topbar { display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; }
.brand-logo { width:min(405px,48vw); height:auto; filter:drop-shadow(0 12px 26px rgba(0,0,0,.45)); }
.status { font-size:10px; letter-spacing:.22em; color:#909bbd; display:flex; align-items:center; gap:10px; }
.status b { width:7px;height:7px;background:#859bff;border-radius:50%;box-shadow:0 0 14px #8fa5ff;animation:pulse 1.8s infinite; }

.hero { flex:1; width:min(1050px,100%); margin:auto; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:36px 0 22px; }
.signal { font-size:11px;letter-spacing:.28em;color:#9ba8d1;display:flex;align-items:center;gap:14px;margin-bottom:13px; }
.signal span { width:42px;height:1px;background:linear-gradient(90deg,transparent,#8396d8); }
.signal span:last-child { transform:scaleX(-1); }
.eyebrow { margin:0 0 17px;font-size:12px;letter-spacing:.48em;font-weight:700;color:#d9dff3; }
h1 { margin:0;font-family:"Agency FB","Arial Narrow",Impact,sans-serif;font-size:clamp(52px,7.2vw,105px);font-weight:700;line-height:.88;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 10px 40px rgba(0,0,0,.55); }
h1 em { color:transparent;font-style:normal;background:linear-gradient(180deg,#fff 10%,#aeb9dc 52%,#7585b9 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 25px rgba(128,151,232,.22)); }
.lead { max-width:690px;font-size:clamp(15px,1.4vw,19px);line-height:1.65;color:#aeb6cf;margin:22px auto 25px; }

.countdown { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(710px,100%);perspective:800px; }
.time-unit { position:relative;padding:14px 12px 10px;border:1px solid rgba(159,174,223,.22);background:linear-gradient(180deg,rgba(31,39,75,.72),rgba(13,18,42,.72));box-shadow:inset 0 1px rgba(255,255,255,.07),0 18px 45px rgba(0,0,0,.25);backdrop-filter:blur(12px); }
.time-unit::after { content:"";position:absolute;left:0;right:0;top:52%;height:1px;background:rgba(0,0,0,.4);box-shadow:0 1px rgba(255,255,255,.05); }
.time-unit strong { display:block;font-family:"Agency FB","Arial Narrow",Impact,sans-serif;font-size:clamp(42px,5vw,68px);line-height:1;font-weight:500;letter-spacing:.06em; }
.time-unit span { display:block;margin-top:7px;font-size:9px;letter-spacing:.32em;color:#919dbf; }
.activated { padding:24px 30px;border:1px solid #8195dd;box-shadow:0 0 35px rgba(105,129,220,.2);letter-spacing:.18em; }
.not-another { color:#d5daea;font-size:12px;letter-spacing:.1em;margin:18px 0 14px; }
.actions { display:flex;align-items:center;justify-content:center;gap:22px; }
.primary-cta { text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.13em;padding:15px 19px;background:linear-gradient(135deg,#dfe5f4,#8e9dc9);color:#0a0e22;box-shadow:0 0 30px rgba(129,151,225,.22);transition:.25s ease; }
.primary-cta:hover { transform:translateY(-3px);box-shadow:0 8px 38px rgba(138,160,236,.38); }
.primary-cta span { margin-left:10px; }
.secondary-cta { font-size:11px;color:#aab4d1;text-underline-offset:5px; }
.clues { margin-top:30px;display:flex;gap:38px;justify-content:center;color:#687393;font-size:9px;letter-spacing:.12em;text-align:left; }
.clues span { display:flex;gap:9px;align-items:center; }
.clues b { color:#bfc7db;font-weight:400; }
footer { display:flex;align-items:center;gap:18px;justify-content:center;color:#626c88;font-size:8px;letter-spacing:.19em;text-align:center; }
.footer-line { height:1px;width:46px;background:#3a435f; }

@keyframes pulse { 50%{opacity:.35;transform:scale(.78)} }
@keyframes float { 50%{transform:translateY(-22px);opacity:.18} }
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){
  .launch-shell{padding:18px 16px 16px;min-height:100svh}
  .brand-logo{width:235px}.status{display:none}
  .hero{padding:34px 0 16px;justify-content:flex-start}
  .signal{font-size:9px}.signal span{width:23px}.eyebrow{font-size:9px;letter-spacing:.31em}
  h1{font-size:clamp(43px,13vw,64px);line-height:.92} h1 br{display:none}
  .lead{font-size:14px;line-height:1.5;margin:18px 7px 22px}
  .countdown{grid-template-columns:repeat(2,1fr);max-width:390px;gap:8px}
  .time-unit{padding:11px 8px 8px}.time-unit strong{font-size:43px}
  .not-another{line-height:1.5;margin:15px 8px}
  .actions{flex-direction:column;gap:12px;width:100%}.primary-cta{width:100%;max-width:390px;padding:16px 12px}
  .clues{gap:9px;flex-direction:column;margin:23px 0 8px}.clues span{justify-content:flex-start}
  footer{margin-top:auto}.footer-line,footer span:last-child{display:none}
}