:root{
  color-scheme:dark;
  --night:#0b1020;
  --cosmos-1:#1c1240;
  --cosmos-2:#120b2b;
  --cosmos-3:#070512;
  --velvet:#8a68e8;
  --velvet-soft:#6a52c9;
  --ivory:#f2e6d2;
  --secondary:#b9c0cf;
  font-family:system-ui,-apple-system,Arial,Helvetica,sans-serif;
  background:var(--cosmos-3);
  color:var(--ivory);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;overflow:hidden;background:var(--cosmos-3)}

.skip-link{position:absolute;left:1rem;top:-3rem;z-index:30;background:var(--ivory);color:var(--night);padding:.6rem 1rem;border-radius:.4rem;font-weight:600;text-decoration:none;transition:top .2s ease}
.skip-link:focus-visible{top:1rem}

.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}

.stage{
  position:relative;
  width:100vw;
  height:100vh;
  height:100dvh;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(ellipse 46% 38% at 10% 92%, rgba(150,110,235,.09) 0%, rgba(150,110,235,0) 72%),
    radial-gradient(ellipse 42% 36% at 90% 12%, rgba(170,130,240,.10) 0%, rgba(170,130,240,0) 72%),
    radial-gradient(ellipse 70% 60% at 78% 38%, rgba(122,90,230,.20) 0%, rgba(122,90,230,0) 60%),
    radial-gradient(ellipse 90% 80% at 22% 70%, var(--cosmos-1) 0%, var(--cosmos-2) 45%, var(--cosmos-3) 78%);
}

.starfield-sm,.starfield-lg,.starfield-xl{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-repeat:no-repeat;
}
.starfield-sm{
  background-size:2px 2px;
  animation:twinkle 7s ease-in-out infinite;
  background-image:
    radial-gradient(circle, rgba(240,236,255,0.67) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.56) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.61) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.43) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.60) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.53) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.64) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.42) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.36) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.46) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.48) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.53) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.62) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.40) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.44) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.57) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.37) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.44) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.59) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.70) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.66) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.58) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.50) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.60) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.68) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.54) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.50) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.62) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.40) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.58) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.66) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.70) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.63) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.50) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.50) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.47) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.39) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.67) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.69) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.61) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.68) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.66) 0%, rgba(255,255,255,0) 75%);
  background-position:
    18.44% 19.00%, 43.08% 38.10%, 54.40% 54.36%, 45.51% 39.51%, 56.52% 92.79%,
    19.92% 20.89%, 41.18% 73.16%, 12.24% 67.40%, 20.10% 80.27%, 43.60% 38.69%,
    14.25% 25.25%, 29.28% 57.11%, 85.93% 95.73%, 15.96% 25.92%, 25.96% 32.87%,
    15.82% 73.35%, 59.86% 57.03%, 26.51% 83.37%, 52.56% 60.48%, 85.44% 14.01%,
    31.37% 39.57%, 96.77% 64.33%, 34.59% 1.51%, 90.04% 33.85%, 18.23% 49.13%,
    5.97% 3.10%, 54.63% 68.52%, 46.41% 40.99%, 72.70% 5.67%, 68.86% 60.23%,
    69.24% 46.66%, 40.72% 42.49%, 21.59% 44.34%, 39.54% 84.95%, 90.07% 80.66%,
    51.04% 11.17%, 65.27% 49.29%, 31.41% 2.65%, 77.05% 29.29%, 21.98% 22.43%;
}
.starfield-lg{
  background-size:3px 3px;
  animation:twinkle 11s ease-in-out infinite 1.4s;
  background-image:
    radial-gradient(circle, rgba(240,236,255,0.89) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.75) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.69) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.65) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.81) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.57) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.57) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.74) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.86) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.76) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.71) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.69) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.71) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.93) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.65) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.62) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.78) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.73) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(240,236,255,0.77) 0%, rgba(255,255,255,0) 75%),
    radial-gradient(circle, rgba(178,150,255,0.79) 0%, rgba(255,255,255,0) 75%);
  background-position:
    15.00% 50.32%, 24.43% 59.12%, 22.07% 61.72%, 53.18% 80.42%, 71.00% 12.43%,
    40.10% 13.83%, 23.02% 80.18%, 4.76% 44.11%, 84.96% 89.95%, 49.18% 37.22%,
    16.69% 83.72%, 83.39% 29.90%, 31.49% 2.20%, 39.55% 12.73%, 67.61% 41.31%,
    63.45% 5.92%, 69.07% 79.91%, 74.00% 47.72%, 35.75% 16.98%, 13.97% 34.72%;
}
.starfield-xl{
  background-size:4px 4px;
  animation:twinkle 15s ease-in-out infinite .6s;
  background-image:
    radial-gradient(circle, rgba(255,250,238,0.98) 0%, rgba(255,255,255,0) 82%),
    radial-gradient(circle, rgba(196,172,255,0.81) 0%, rgba(255,255,255,0) 82%),
    radial-gradient(circle, rgba(255,250,238,0.93) 0%, rgba(255,255,255,0) 82%),
    radial-gradient(circle, rgba(255,250,238,0.83) 0%, rgba(255,255,255,0) 82%),
    radial-gradient(circle, rgba(196,172,255,0.91) 0%, rgba(255,255,255,0) 82%),
    radial-gradient(circle, rgba(196,172,255,0.78) 0%, rgba(255,255,255,0) 82%),
    radial-gradient(circle, rgba(196,172,255,0.86) 0%, rgba(255,255,255,0) 82%),
    radial-gradient(circle, rgba(196,172,255,0.98) 0%, rgba(255,255,255,0) 82%),
    radial-gradient(circle, rgba(255,250,238,0.77) 0%, rgba(255,255,255,0) 82%),
    radial-gradient(circle, rgba(196,172,255,0.96) 0%, rgba(255,255,255,0) 82%),
    radial-gradient(circle, rgba(255,250,238,0.87) 0%, rgba(255,255,255,0) 82%);
  background-position:
    54.67% 27.86%, 66.88% 28.79%, 34.42% 58.77%, 60.76% 99.42%, 85.99% 20.05%,
    18.71% 22.35%, 12.51% 19.70%, 56.58% 49.19%, 12.48% 85.43%, 68.41% 31.34%,
    99.53% 10.09%;
}
@keyframes twinkle{0%,100%{opacity:.55}50%{opacity:1}}

main{isolation:isolate;position:relative;z-index:2;height:100%}

.hero-grid{
  height:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  grid-template-rows:repeat(4,auto);
  grid-template-areas:
    "wordmark  globe"
    "title     globe"
    "ctas      globe"
    "countdown globe";
  align-items:center;
  align-content:center;
  row-gap:clamp(.7rem,1.8vw,1.1rem);
  column-gap:clamp(1.5rem,4vw,4rem);
  padding:clamp(1.25rem,4vw,3.5rem) clamp(1.5rem,5vw,5rem);
}

.wordmark{grid-area:wordmark;margin:0;font-size:clamp(.85rem,1.4vw,1rem);font-weight:600;letter-spacing:.42em;text-indent:.42em;color:var(--ivory);animation:arrival 1.8s ease-out both}

.hero-grid h1{grid-area:title;margin:0;font-size:clamp(1.5rem,2.55vw,3.1rem);line-height:1.1;font-weight:600;letter-spacing:-.01em;color:var(--ivory);white-space:nowrap;animation:arrival 2s .15s both}

.cta-row{grid-area:ctas;display:flex;flex-wrap:wrap;gap:.85rem;animation:arrival 2s .35s both}
.btn{display:inline-flex;align-items:center;justify-content:center;min-width:11.5rem;padding:.8rem 1.5rem;border-radius:999px;font-size:.95rem;font-weight:600;text-decoration:none;cursor:not-allowed;transition:transform .15s ease}
.btn-primary{background:var(--ivory);color:var(--night);border:1px solid var(--ivory);box-shadow:0 8px 24px #f2e6d224}
.btn-secondary{background:transparent;color:var(--ivory);border:1px solid var(--velvet)}
.btn.is-disabled{opacity:.55;pointer-events:none}

.countdown{grid-area:countdown;margin:0;animation:arrival 2s .5s both}
.countdown-card{display:inline-flex;gap:0;padding:.7rem 1rem;border-radius:1.1rem;background:#0b102066;backdrop-filter:blur(6px);border:1px solid #8a68e84d;box-shadow:0 8px 24px #0b102040}
.countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:2.9rem;padding:0 .7rem;position:relative}
.countdown-unit:not(:first-child):before{content:"/";position:absolute;left:-.05rem;top:.1rem;color:var(--secondary);opacity:.45;font-size:1rem}
.countdown-value{font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:600;letter-spacing:.02em;color:var(--ivory);line-height:1.1}
.countdown-unit-label{margin-top:.2rem;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--secondary)}

.hero-globe{grid-area:globe;position:relative;height:100%;display:flex;align-items:center;justify-content:center}
.scene{position:relative;width:min(42vw,72dvh,640px);aspect-ratio:1;flex-shrink:0;animation:arrival 2.4s ease-out both}
.halo{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle, rgba(138,104,232,.22) 0%, rgba(106,82,201,.14) 42%, rgba(20,14,45,0) 72%);filter:blur(28px);z-index:0}
.sunflare{position:absolute;z-index:0;width:14%;height:14%;left:84%;top:25%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle, #fffdf6 0%, rgba(255,247,222,.98) 20%, rgba(255,221,163,.92) 42%, rgba(255,191,120,.55) 68%, rgba(255,183,112,0) 100%);filter:blur(1px)}
.sunflare:before{content:"";position:absolute;inset:-280%;border-radius:50%;background:radial-gradient(circle, rgba(255,220,168,.40) 0%, rgba(255,200,138,.20) 28%, rgba(255,180,120,0) 64%);filter:blur(18px)}
.flare-ray{position:absolute;left:84%;top:25%;height:2px;background:linear-gradient(to right, rgba(255,238,205,.7) 0%, rgba(255,222,175,0) 100%);transform-origin:0 50%;filter:blur(1px);z-index:0}
.flare-ray-1{width:38%;transform:rotate(-8deg);opacity:.9}
.flare-ray-2{width:50%;height:1.4px;transform:rotate(-37deg);opacity:.6}
.flare-ray-3{width:28%;height:1.4px;transform:rotate(19deg);opacity:.55}
.flare-ray-4{width:22%;height:1px;transform:rotate(-63deg);opacity:.42}
.earth{position:absolute;inset:0;z-index:1}
.earth canvas{width:100%;height:100%;display:block}
.symbol{position:absolute;z-index:2;width:29%;height:29%;left:35.5%;top:35.5%;display:grid;place-items:center;background:radial-gradient(ellipse,#0b1020cc 15%,rgba(11,16,32,0) 72%)}
.symbol img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 18px #0b1020)}

@keyframes arrival{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .hero-grid{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto auto auto;
    grid-template-areas:
      "wordmark"
      "globe"
      "title"
      "ctas"
      "countdown";
    justify-items:center;
    text-align:center;
    row-gap:clamp(.5rem,2.2dvh,1rem);
    padding:clamp(.9rem,3vw,1.5rem);
  }
  .hero-grid h1{font-size:clamp(1.5rem,4.6vw,2.5rem)}
  .wordmark{font-size:.72rem;letter-spacing:.34em}
  .hero-globe{height:auto;margin:.2rem 0}
  .scene{width:min(50vw,36dvh,300px)}
  .cta-row{flex-direction:column;align-items:stretch;width:100%;max-width:16rem;gap:.55rem}
  .btn{width:100%;min-width:0;padding:.65rem 1.2rem;font-size:.85rem}
  .countdown-card{padding:.5rem .4rem}
  .countdown-unit{min-width:2.3rem;padding:0 .45rem}
  .countdown-value{font-size:1rem}
  .countdown-unit-label{font-size:.52rem}
}

@media(max-width:480px){
  .hero-grid h1{white-space:normal;max-width:16ch;font-size:clamp(1.3rem,7vw,1.8rem)}
}

@media(max-height:620px){
  .scene{width:min(30dvh,220px)}
  .hero-grid h1{font-size:clamp(1.2rem,5vw,1.6rem)}
}

@media(prefers-reduced-motion:reduce){
  .wordmark,.hero-grid h1,.cta-row,.countdown,.scene{animation:none}
  .starfield-sm,.starfield-lg,.starfield-xl{animation:none}
}