:root{color-scheme:dark;--bg:#07090d;--white:#f3f4f6;--muted:#adb0b8}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;color:var(--white)}
.landing{min-height:100vh;min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 70% 63% at 50% -22%,#1c2531 0,transparent 75%),linear-gradient(150deg,#07090d 10%,#090d14 75%,#101721 100%)}
.atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 57% 32% at 60% 80%,rgba(73,92,119,.14),transparent 74%);animation:atmosphere 12s ease-in-out infinite alternate}
.horizon{position:absolute;z-index:-1;pointer-events:none;width:155vw;height:58vw;min-height:450px;left:-15vw;top:75%;transform:rotate(-7deg);border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 49% 0%,rgba(139,153,173,.13),rgba(24,33,47,.12) 25%,rgba(7,9,13,0) 72%);border-top:1px solid rgba(207,218,235,.18);box-shadow:0 -10px 33px -20px rgba(167,193,226,.27),inset 0 7px 30px -22px rgba(181,197,219,.23)}
.hero{width:min(94%,1350px);text-align:center;position:relative;padding:clamp(82px,13vh,150px) 12px clamp(112px,16vh,160px);margin-top:-3vh}
.logo{display:block;width:clamp(160px,21vw,310px);height:auto;max-height:110px;object-fit:contain;margin:0 auto clamp(54px,8vh,92px)}
.intro{display:flex;align-items:center;justify-content:center;gap:clamp(15px,2.4vw,34px);margin-bottom:clamp(20px,3vh,34px)}
.intro p{margin:0;font-size:clamp(11px,1.3vw,19px);font-weight:400;letter-spacing:.49em;padding-left:.49em;white-space:nowrap;color:#d7d8dc}
.rule{width:clamp(28px,6vw,84px);height:1px;background:linear-gradient(90deg,transparent,rgba(170,181,195,.44))}
.rule:last-child{transform:rotate(180deg)}
h1{font-size:clamp(29px,4.25vw,66px);font-weight:300;letter-spacing:.075em;line-height:1.21;margin:0 auto;max-width:1400px;text-wrap:balance}
.amp{font-weight:200}.last{white-space:nowrap}
.tagline{color:var(--muted);letter-spacing:.47em;padding-left:.47em;font-size:clamp(10px,1.18vw,17px);margin:clamp(25px,4.3vh,43px) auto 0;line-height:2}
.launch{margin-top:clamp(60px,10vh,110px);display:flex;align-items:center;flex-direction:column;gap:23px}
.launch-mark{width:75px;height:1px;background:linear-gradient(90deg,transparent,#c3c9d2,transparent);position:relative}
.launch-mark::after{content:"";position:absolute;width:25px;left:25px;top:0;height:1px;background:#fff;box-shadow:0 0 13px 2px rgba(211,226,255,.3);animation:breath 5s ease-in-out infinite}
.launch p{margin:0;font-size:clamp(11px,1.15vw,15px);letter-spacing:.55em;padding-left:.55em;font-weight:400;color:#e3e4e9}
.footer{position:absolute;bottom:26px;left:clamp(22px,4vw,60px);right:clamp(22px,4vw,60px);display:flex;justify-content:space-between;gap:18px;color:rgba(196,202,211,.35);font-size:10px;letter-spacing:.22em}
.reveal{animation:fade-up 1s cubic-bezier(.2,.7,.2,1) both}.delay-1{animation-delay:.17s}.delay-2{animation-delay:.29s}.delay-3{animation-delay:.43s}.delay-4{animation-delay:.57s}
@keyframes fade-up{from{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes breath{0%,100%{opacity:.45;transform:scaleX(.65)}50%{opacity:1;transform:scaleX(1)}}
@keyframes atmosphere{from{opacity:.55;transform:translateY(0)}to{opacity:1;transform:translateY(-12px)}}
@media(max-width:700px){.hero{margin-top:-2vh;padding:110px 5px 130px}.logo{width:195px;margin-bottom:65px}.intro p{letter-spacing:.3em;padding-left:.3em}.intro{gap:14px}h1{font-size:clamp(29px,7.4vw,43px);letter-spacing:.045em;max-width:490px}.last{white-space:normal}.tagline{max-width:340px;letter-spacing:.27em;padding-left:.27em;font-size:11px;line-height:2}.launch{margin-top:74px}.horizon{width:230vw;height:100vw;left:-65vw;top:80%;transform:rotate(-9deg)}.footer{font-size:8px;letter-spacing:.13em;bottom:17px}}
@media(max-width:380px){.intro p{font-size:10px}.rule{width:22px}h1{font-size:28px}.footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.reveal,.atmosphere,.launch-mark::after{animation:none!important}}

/* Background traffic: subdued, slow, and never blocking the primary copy. */
.motion-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.motion-defs{position:absolute;width:0;height:0;overflow:hidden}
.vehicle{position:absolute;left:0;will-change:transform;opacity:0;filter:drop-shadow(0 0 4px rgba(180,197,222,.08))}
.vehicle svg{display:block;width:100%;height:100%;overflow:visible}
.aircraft{width:23px;height:23px;color:#a4aebb}
.aircraft svg{transform:rotate(90deg)}
.aircraft-one{top:17%;animation:fly-across 39s linear 2s infinite}
.aircraft-two{top:29%;width:15px;height:15px;color:#8e9aaa;animation:fly-across 57s linear 19s infinite}
.road{width:38px;height:18px;color:#838e9c}
.road-one{bottom:10%;animation:drive-across 33s linear 3s infinite}
.road-two{bottom:6%;width:28px;height:13px;color:#687484;animation:drive-across 46s linear 19s infinite}
@keyframes fly-across{
  0%{transform:translate3d(-7vw,12px,0);opacity:0}
  6%{opacity:.33}
  46%{transform:translate3d(48vw,-14px,0);opacity:.28}
  92%{opacity:.33}
  100%{transform:translate3d(107vw,-40px,0);opacity:0}
}
@keyframes drive-across{
  0%{transform:translate3d(-7vw,0,0);opacity:0}
  6%{opacity:.3}
  94%{opacity:.3}
  100%{transform:translate3d(107vw,0,0);opacity:0}
}
@media(max-width:700px){
  .aircraft-one{top:13%}.aircraft-two{top:24%}
  .road-one{bottom:10%}.road-two{bottom:7%}
  .aircraft{width:17px;height:17px}.road{width:29px;height:13px}
}
@media(prefers-reduced-motion:reduce){.vehicle{animation:none!important;opacity:0!important}}
