:root{
  --bg:#07111f;
  --bg2:#0a1627;
  --ink:#f5f8fc;
  --muted:#8fa0b5;
  --line:rgba(255,255,255,.085);
  --blue:#1597ff;
  --blue2:#5eb8ff;
  --card:rgba(255,255,255,.035);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 70% 8%,rgba(13,116,255,.14),transparent 24rem),
    linear-gradient(180deg,#06101d 0%,#081320 48%,#050b13 100%);
  overflow-x:hidden;
}
body::selection{background:#1b8cff;color:white}
.grain{
  position:fixed;inset:0;pointer-events:none;opacity:.13;z-index:50;
  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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")
}
.topbar{
  position:fixed;left:0;top:0;width:100%;z-index:40;
  display:flex;align-items:center;justify-content:space-between;
  padding:24px clamp(22px,5vw,72px);
  background:linear-gradient(180deg,rgba(5,12,21,.86),rgba(5,12,21,0));
  backdrop-filter:blur(8px);
}
.brand img{display:block;width:170px;max-width:42vw}
.toplink{color:#b8c4d2;text-decoration:none;font-size:13px;letter-spacing:.03em}
.toplink span{color:var(--blue2);margin-left:5px}
.hero{
  min-height:100svh;position:relative;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  padding:140px 24px 90px;isolation:isolate;
}
.hero::after{
  content:"";position:absolute;left:50%;bottom:-1px;width:min(1050px,88vw);height:1px;
  transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--line),transparent)
}
.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.65;z-index:-1}
.glow-a{width:380px;height:380px;background:rgba(0,111,255,.22);top:17%;left:10%}
.glow-b{width:340px;height:340px;background:rgba(40,171,255,.15);right:8%;bottom:12%}
.eyebrow,.section-kicker{
  color:#93a7bd;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase
}
.eyebrow{display:flex;align-items:center;gap:9px}
.dot{width:6px;height:6px;background:#43a7ff;border-radius:50%;box-shadow:0 0 18px #43a7ff}
.hero h1{
  max-width:1100px;margin:26px 0 24px;font-size:clamp(45px,7vw,96px);
  line-height:.98;letter-spacing:-.055em;font-weight:600
}
.hero h1 span,.platform h2 span,.statement h2 span,.signal h2 span,.future h2 span{
  color:#6f8299
}
.hero-copy{font-size:clamp(16px,1.65vw,21px);line-height:1.75;color:#9aaabd;margin:0}
.mystery{margin:22px 0 0;color:#dce7f3;font-size:14px;font-weight:500}
.orbital{
  position:relative;margin-top:58px;width:330px;height:175px;display:flex;align-items:center;justify-content:center
}
.ring{position:absolute;border:1px solid rgba(81,165,255,.18);border-radius:50%;transform:rotate(-8deg)}
.ring-1{width:310px;height:110px}.ring-2{width:230px;height:80px;transform:rotate(13deg)}
.core{
  width:54px;height:54px;border-radius:18px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(145deg,#0d3f84,#148fff);
  box-shadow:0 15px 50px rgba(0,119,255,.32);font-weight:700;font-size:22px
}
.node{position:absolute;font-size:10px;letter-spacing:.09em;color:#8496aa;background:#091725;border:1px solid var(--line);padding:7px 9px;border-radius:999px}
.n1{left:4px;top:25px}.n2{right:8px;top:20px}.n3{left:20px;bottom:17px}.n4{right:15px;bottom:21px}.n5{top:-6px}
.scroll-cue{
  position:absolute;bottom:28px;color:#718499;font-size:11px;text-decoration:none;text-transform:uppercase;letter-spacing:.15em
}
.scroll-cue span{margin-left:7px}
.platform,.signal,.future,.closing,.statement{
  width:min(1180px,calc(100% - 44px));margin:0 auto;padding:130px 0
}
.platform h2,.signal h2,.future h2{
  margin:18px 0 58px;font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-.045em;font-weight:600
}
.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.capability{
  min-height:260px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,255,255,.025),transparent)
}
.capability:hover{background:rgba(255,255,255,.04)}
.cap-no{font-size:10px;color:#4f6c89;letter-spacing:.15em}
.capability h3{font-size:28px;margin:42px 0 12px;letter-spacing:-.025em}
.capability p{color:#8ea0b4;line-height:1.7;max-width:440px;margin:0;font-size:14px}
.ticker{margin-top:26px;color:#5dafff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.statement{padding-top:170px;padding-bottom:170px}
.statement-inner{max-width:980px}
.statement .small{font-size:11px;color:#6e8298;letter-spacing:.2em;font-weight:700}
.statement h2{font-size:clamp(42px,6vw,80px);letter-spacing:-.052em;line-height:1.04;font-weight:600;margin:20px 0 30px}
.signature{color:#52adff;font-size:18px}
.signal{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.signal-copy p{color:#879aae;line-height:1.75;max-width:520px}
.terminal{
  border:1px solid rgba(113,170,229,.17);border-radius:22px;padding:18px;
  background:linear-gradient(180deg,rgba(13,29,48,.82),rgba(5,13,23,.96));
  box-shadow:0 40px 90px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.03)
}
.terminal-top{display:flex;justify-content:space-between;color:#6f839a;font-size:10px;letter-spacing:.13em;padding:5px 6px 17px}
.live{color:#8ed0ff}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36a8ff;margin-right:6px;box-shadow:0 0 12px #36a8ff}
.terminal-row{display:flex;align-items:center;justify-content:space-between;padding:19px 16px;border-top:1px solid var(--line)}
.terminal-row div{display:flex;align-items:baseline;gap:10px}.terminal-row strong{font-size:22px;font-weight:600}.terminal-row span{font-size:12px;color:#74879a}
.terminal-row b{font-size:10px;letter-spacing:.16em;color:#77c0ff}
.warning b{color:#d9b46e}
.pulse-line{height:58px;border-top:1px solid var(--line);margin-top:6px;position:relative;overflow:hidden}
.pulse-line::before{
  content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#168fff 20%,#7ec7ff 49%,#168fff 70%,transparent)
}
.pulse-line span{
  position:absolute;width:70px;height:70px;border:1px solid rgba(45,155,255,.25);border-radius:50%;left:58%;top:50%;transform:translate(-50%,-50%)
}
.future{position:relative;text-align:center;padding-top:180px;padding-bottom:180px}
.future-glow{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:55vw;height:28vw;background:rgba(0,116,255,.11);filter:blur(100px);border-radius:50%;z-index:-1}
.future h2{margin-left:auto;margin-right:auto;max-width:980px}
.future-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:850px;margin:0 auto 42px}
.future-tags span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:#8da1b7;font-size:12px;background:rgba(255,255,255,.025)}
.future-tags .locked{color:#2b4158;letter-spacing:.2em}
.future-copy{color:#a7b6c7;line-height:1.85}
.closing{text-align:center;padding-top:200px;padding-bottom:190px}
.closing-logo{width:min(360px,74vw);filter:brightness(1.18)}
.closing h2{font-size:clamp(38px,5.8vw,78px);letter-spacing:-.05em;line-height:1.02;margin:46px auto 24px;max-width:900px}
.closing p{color:#7f91a5;line-height:1.7}
.cta{display:inline-flex;gap:10px;align-items:center;margin-top:30px;color:#e8f4ff;text-decoration:none;border-bottom:1px solid rgba(69,167,255,.45);padding-bottom:7px;font-size:13px}
.cta span{color:#55adff}
footer{
  width:min(1180px,calc(100% - 44px));margin:0 auto;padding:28px 0 36px;
  border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  color:#53677b;font-size:10px;letter-spacing:.06em
}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:none}
.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.42s}
@media (max-width:850px){
  .capability-grid{grid-template-columns:1fr}
  .signal{grid-template-columns:1fr;gap:40px}
  .platform,.signal,.future,.closing,.statement{padding-top:95px;padding-bottom:95px}
  .statement{padding-top:125px;padding-bottom:125px}
  .closing{padding-top:130px;padding-bottom:120px}
}
@media (max-width:560px){
  .topbar{padding:20px}.brand img{width:145px}.toplink{display:none}
  .hero{padding-left:20px;padding-right:20px}
  .hero h1{font-size:46px}
  .orbital{transform:scale(.9);margin-top:45px}
  .capability{padding:26px;min-height:230px}
  .platform,.signal,.future,.closing,.statement,footer{width:min(100% - 34px,1180px)}
  .terminal-row{padding:17px 10px}.terminal-row div{gap:7px}.terminal-row strong{font-size:19px}
  footer{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}
}