
:root{
  --space:#122845; --space2:#17365f; --ink:#f3fbff; --muted:#c9d9e8; --dim:#8eabc7;
  --blue:#00d4ff; --cobalt:#2563eb; --cyan:#67e8f9; --purple:#8b5cf6; --pink:#ec4899;
  --green:#10b981; --gold:#fbbf24; --rose:#fb7185; --orange:#fb923c;
  --panel:rgba(17,40,72,.72); --panel2:rgba(255,255,255,.08); --line:rgba(186,225,255,.22);
  --shadow:0 24px 80px rgba(10,20,38,.30); --radius:30px;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --display:Orbitron,Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{
  min-height:100vh;font-family:var(--sans);color:var(--ink);
  background:
    radial-gradient(circle at 9% 8%,rgba(0,212,255,.24),transparent 28rem),
    radial-gradient(circle at 82% 10%,rgba(236,72,153,.23),transparent 30rem),
    radial-gradient(circle at 70% 24%,rgba(139,92,246,.25),transparent 30rem),
    radial-gradient(circle at 54% 76%,rgba(16,185,129,.17),transparent 34rem),
    radial-gradient(circle at 16% 95%,rgba(251,191,36,.13),transparent 25rem),
    linear-gradient(135deg,#10233f,#17355f 44%,#1a2f52 69%,#14263e);
  overflow-x:hidden;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.52;background-image:linear-gradient(rgba(186,225,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(186,225,255,.07) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000 0 70%,transparent 96%)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.04) 40%,transparent 43% 100%);transform:translateX(-100%);animation:sheen 14s ease-in-out infinite}
@keyframes sheen{0%,65%{transform:translateX(-100%)}82%,100%{transform:translateX(100%)}}@keyframes pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.09)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(1200px,calc(100% - 40px));margin-inline:auto}.mono{font-family:var(--mono)}.display{font-family:var(--display)}.skip-link{position:absolute;left:16px;top:-90px;z-index:100;background:#fff;color:#06101d;padding:10px 14px;border-radius:12px;font-weight:800}.skip-link:focus{top:16px}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(12,27,49,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:950}.brand img{width:44px;height:44px;display:block;filter:drop-shadow(0 0 22px rgba(0,212,255,.25))}.brand-text{font-family:var(--display);font-size:1.22rem;letter-spacing:.08em}.nav-links{display:flex;align-items:center;gap:20px;color:#d6e8f7;font-size:.88rem;font-weight:780}.nav-links a{position:relative;padding-block:10px}.nav-links a:after{content:"";position:absolute;left:0;bottom:5px;width:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--gold));transition:width .25s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.mobile-toggle{display:none;background:rgba(255,255,255,.08);color:white;border:1px solid var(--line);border-radius:14px;padding:10px}.mobile-menu{display:none;padding:0 20px 18px}.mobile-menu a{display:block;padding:12px 0;color:#d7e8f7;font-weight:800}
main{padding-top:78px}.hero{position:relative;padding:88px 0 70px}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 22% 20%,rgba(236,72,153,.08),transparent 20rem),radial-gradient(circle at 75% 25%,rgba(0,212,255,.10),transparent 24rem),radial-gradient(circle at 55% 80%,rgba(139,92,246,.10),transparent 24rem);mix-blend-mode:screen}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:46px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(186,225,255,.26);color:#d6f8ff;background:rgba(0,212,255,.075);border-radius:999px;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:22px}.dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 18px var(--green);animation:pulse 2.5s ease-in-out infinite}h1{font-family:var(--display);font-size:clamp(2.9rem,7vw,6.6rem);line-height:.90;letter-spacing:-.08em;margin-bottom:26px}.gradient-text{background:linear-gradient(120deg,#fff 5%,var(--cyan) 28%,var(--blue) 45%,#c4b5fd 66%,var(--pink) 82%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.72;max-width:760px;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid transparent;cursor:pointer;font-weight:900;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s}.hero-actions .btn{padding:14px 22px}.btn-primary{color:#04111f;background:linear-gradient(135deg,var(--cyan),var(--blue) 42%,#c4b5fd 72%,#f9a8d4);box-shadow:0 18px 44px rgba(0,212,255,.24)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 26px 70px rgba(0,212,255,.34)}.btn-ghost{color:var(--ink);border-color:var(--line);background:rgba(255,255,255,.075)}.btn-ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}
.trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;color:#e1f2ff;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.13);font-size:.78rem;font-weight:850}
.section{padding:82px 0}.page-hero{padding:82px 0 36px}.section-head{max-width:880px;margin:0 auto 42px;text-align:center}.kicker{color:var(--cyan);font-weight:950;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;margin-bottom:12px;font-family:var(--mono)}h2{font-family:var(--display);font-size:clamp(2rem,4vw,3.8rem);line-height:1.04;letter-spacing:-.06em;margin-bottom:14px}h3{font-family:var(--display);letter-spacing:-.035em}.section-head p,.section-copy{color:var(--muted);font-size:1.05rem;line-height:1.72}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.panel,.brief-panel,.tool-demo,.convergence{backdrop-filter:blur(18px)}.card{position:relative;overflow:hidden;padding:25px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 60px rgba(0,0,0,.16);transition:transform .25s,border-color .25s,background .25s}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--blue),var(--purple),var(--green),var(--gold),var(--pink));opacity:.9}.card:hover{transform:translateY(-5px);border-color:rgba(186,225,255,.38);background:rgba(31,62,102,.80)}.icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;margin-bottom:18px;color:var(--cyan);background:rgba(0,212,255,.10);border:1px solid rgba(186,225,255,.18)}.icon svg{width:27px;height:27px}.card p{color:var(--muted);line-height:1.62;font-size:.96rem;margin-top:9px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tag{font-family:var(--mono);font-size:.68rem;color:#d5f7ff;border:1px solid rgba(186,225,255,.18);background:rgba(0,212,255,.07);border-radius:999px;padding:6px 8px}
.split{display:grid;grid-template-columns:.94fr 1.06fr;gap:30px;align-items:start}.panel,.brief-panel{border-radius:34px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(26px,4vw,44px)}.panel p,.brief-panel p{color:var(--muted);line-height:1.75;margin-bottom:16px}.brief-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}.brief-panel ul{margin:10px 0 0 20px;color:var(--muted);line-height:1.65}.brief-panel li{margin:7px 0}
.feature-list{display:grid;gap:14px}.feature{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:16px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}.feature-num{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,212,255,.20),rgba(236,72,153,.16));font-family:var(--display);font-weight:950}.feature p{margin:4px 0 0;color:var(--muted);font-size:.94rem;line-height:1.55}.lab-meta{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 0}
.dashboard-panel{border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border:1px solid rgba(186,225,255,.24);box-shadow:var(--shadow);padding:18px;position:relative;overflow:hidden}.dashboard-panel:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 120deg,transparent,rgba(0,212,255,.22),transparent,rgba(236,72,153,.20),transparent,rgba(139,92,246,.18),transparent);animation:spin 18s linear infinite}.dashboard-inner{position:relative;border-radius:27px;background:rgba(12,28,51,.86);border:1px solid rgba(255,255,255,.12);padding:18px;min-height:390px}.dashboard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.dashboard-title{font-family:var(--display);font-size:1rem}.dashboard-sub{font-family:var(--mono);font-size:.72rem;color:var(--dim);margin-top:5px}.status-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 10px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.28);color:#c5f9e5;font-family:var(--mono);font-size:.68rem;white-space:nowrap}.status-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);animation:pulse 1.8s infinite}.dashboard-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.radar-card,.telemetry-card,.feed-card{border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);padding:14px;overflow:hidden}.radar-svg{width:100%;height:205px;display:block}.radar-ring{fill:none;stroke:rgba(186,225,255,.20);stroke-width:1.4}.radar-axis{stroke:rgba(255,255,255,.12);stroke-width:1}.radar-poly{fill:rgba(0,212,255,.15);stroke:url(#dashGrad);stroke-width:2.5}.metric-list{display:grid;gap:10px}.metric-row{display:grid;gap:6px}.metric-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:.70rem;color:#e2f5ff}.metric-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.10);overflow:hidden}.metric-fill{height:100%;width:40%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--pink),var(--gold));transition:width .7s}.feed-card{grid-column:1/-1}.feed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.feed-head strong{font-family:var(--display);font-size:.9rem}.feed-head span{font-family:var(--mono);font-size:.68rem;color:var(--dim)}.event-feed{display:grid;gap:7px}.event-line{display:grid;grid-template-columns:74px 1fr auto;gap:10px;align-items:center;font-family:var(--mono);font-size:.70rem;color:#d8ebfa}.event-line .time{color:var(--cyan)}.event-line .sev{border-radius:999px;padding:4px 7px;border:1px solid rgba(251,191,36,.24);color:#ffedb2;background:rgba(251,191,36,.08)}.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.dash-button{border:1px solid rgba(186,225,255,.22);background:rgba(0,212,255,.08);color:#e4faff;border-radius:999px;padding:8px 11px;font-family:var(--mono);font-size:.70rem;cursor:pointer}.dash-button:hover{background:rgba(0,212,255,.13)}
.convergence{position:relative;border-radius:42px;padding:clamp(28px,5vw,58px);overflow:hidden;background:linear-gradient(135deg,rgba(0,212,255,.14),rgba(236,72,153,.15),rgba(139,92,246,.13),rgba(16,185,129,.08));border:1px solid rgba(186,225,255,.24);box-shadow:var(--shadow)}.grid-map{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}.grid-node{min-height:116px;display:grid;place-items:center;text-align:center;border-radius:22px;padding:16px;background:rgba(12,28,51,.64);border:1px solid rgba(255,255,255,.10)}.grid-node strong{display:block;font-family:var(--display);font-size:.95rem}.grid-node span{display:block;margin-top:6px;color:var(--dim);font-family:var(--mono);font-size:.68rem}.grid-node.core{background:radial-gradient(circle,rgba(0,212,255,.26),rgba(236,72,153,.16),rgba(139,92,246,.16));border-color:rgba(186,225,255,.38);transform:scale(1.03)}
.signal-board{display:grid;gap:12px}.signal{display:grid;grid-template-columns:118px 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}.signal .level{font-family:var(--mono);color:var(--cyan);font-size:.78rem}.signal span{color:var(--muted);font-size:.9rem}.badge{font-family:var(--mono);border:1px solid rgba(251,191,36,.26);color:#ffedb2;background:rgba(251,191,36,.08);border-radius:999px;padding:7px 9px;font-size:.68rem}
.prognosis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.prognosis-card{border-radius:26px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.12)}.prognosis-card .year{font-family:var(--mono);color:var(--gold);font-size:.78rem;margin-bottom:10px}.prognosis-card h3{font-size:1.08rem;margin-bottom:8px}.prognosis-card p{color:var(--muted);line-height:1.58;font-size:.94rem}.output-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.output{border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);padding:16px}.output b{display:block;margin-bottom:5px}.output span{color:var(--dim);font-size:.88rem;line-height:1.45}.maturity{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.maturity span{font-family:var(--mono);font-size:.70rem;border-radius:999px;padding:7px 9px;background:rgba(0,212,255,.08);border:1px solid rgba(186,225,255,.16);color:#d9f8ff}
.tool-demo{border-radius:30px;background:rgba(12,28,51,.72);border:1px solid rgba(255,255,255,.11);padding:22px;box-shadow:var(--shadow)}.tool-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.tool-head strong{font-family:var(--display)}.codebox{border-radius:18px;background:rgba(0,0,0,.22);border:1px solid rgba(186,225,255,.12);padding:16px;overflow:auto;color:#e6faff;font-family:var(--mono);font-size:.78rem;line-height:1.55}.matrix-table{width:100%;border-collapse:separate;border-spacing:0 10px}.matrix-table th{font-family:var(--mono);font-size:.72rem;color:var(--cyan);text-align:left;padding:0 12px 3px}.matrix-table td{padding:14px 12px;background:rgba(255,255,255,.06);border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);color:var(--muted);font-size:.92rem;line-height:1.45}.matrix-table td:first-child{border-left:1px solid rgba(255,255,255,.10);border-radius:16px 0 0 16px;color:#fff;font-weight:800}.matrix-table td:last-child{border-right:1px solid rgba(255,255,255,.10);border-radius:0 16px 16px 0}
.contact-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px}.contact-list{display:grid;gap:14px;margin-top:24px}.contact-item{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:15px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:20px}.contact-item svg{width:22px;height:22px;color:var(--cyan)}.contact-item span,.contact-item a{color:var(--muted);line-height:1.5;font-size:.94rem}form{display:grid;gap:16px}label{display:block;font-weight:850;margin-bottom:7px;color:#e2f3ff;font-size:.9rem}input,textarea,select{width:100%;color:var(--ink);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:14px 15px;outline:none}input:focus,textarea:focus,select:focus{border-color:rgba(186,225,255,.60);box-shadow:0 0 0 4px rgba(0,212,255,.12)}textarea{min-height:140px;resize:vertical}.form-note{color:var(--dim);line-height:1.45;font-size:.82rem}
footer{padding:42px 0;border-top:1px solid var(--line);color:var(--dim);background:rgba(8,16,30,.52);backdrop-filter:blur(16px)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer-inner p{font-size:.9rem}.fade{opacity:0;transform:translateY(18px);animation:fadeUp .7s ease forwards}.d1{animation-delay:.08s}.d2{animation-delay:.16s}.d3{animation-delay:.24s}.d4{animation-delay:.32s}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:1020px){.hero-grid,.split,.contact-grid,.brief-grid{grid-template-columns:1fr}.dashboard-panel{max-width:680px}.dashboard-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}.grid-map{grid-template-columns:repeat(3,1fr)}.prognosis-grid{grid-template-columns:1fr 1fr}.output-strip{grid-template-columns:1fr 1fr}}@media(max-width:760px){.shell{width:min(100% - 28px,1200px)}.nav-links{display:none}.mobile-toggle{display:inline-grid;place-items:center}.mobile-menu.open{display:block}.hero{padding:58px 0 48px}.dashboard-grid,.cards,.grid-map,.prognosis-grid,.output-strip{grid-template-columns:1fr}.event-line,.signal{grid-template-columns:1fr}.event-line .sev{justify-self:start}h1{font-size:clamp(2.5rem,14vw,4.2rem)}.matrix-wrap{overflow:auto}.matrix-table{min-width:720px}}


/* Active visual panels across site */
.visual-lab{
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));
  border:1px solid rgba(186,225,255,.24);
  box-shadow:var(--shadow);
  padding:18px;
  position:relative;
  overflow:hidden;
}
.visual-lab:before{
  content:"";
  position:absolute;
  inset:-45%;
  background:conic-gradient(from 90deg,transparent,rgba(0,212,255,.18),transparent,rgba(236,72,153,.16),transparent,rgba(16,185,129,.13),transparent);
  animation:spin 22s linear infinite;
}
.visual-inner{
  position:relative;
  border-radius:27px;
  background:rgba(12,28,51,.86);
  border:1px solid rgba(255,255,255,.12);
  padding:18px;
  min-height:360px;
}
.visual-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.visual-title strong{font-family:var(--display)}
.visual-title span{
  display:block;
  margin-top:4px;
  color:var(--dim);
  font-family:var(--mono);
  font-size:.72rem;
}
.graph-canvas{
  position:relative;
  min-height:250px;
  border-radius:22px;
  background:
    radial-gradient(circle at 20% 30%,rgba(0,212,255,.12),transparent 8rem),
    radial-gradient(circle at 75% 55%,rgba(236,72,153,.11),transparent 9rem),
    rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}
.graph-canvas svg{
  width:100%;
  height:250px;
  display:block;
}
.flow-line{
  stroke-dasharray:8 10;
  animation:flowDash 4.5s linear infinite;
}
@keyframes flowDash{to{stroke-dashoffset:-90}}
.pulse-node{
  transform-origin:center;
  animation:nodePulse 2.7s ease-in-out infinite;
}
@keyframes nodePulse{0%,100%{opacity:.72}50%{opacity:1}}
.mini-telemetry{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:12px;
}
.mini-tile{
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  padding:12px;
}
.mini-tile b{
  display:block;
  font-family:var(--display);
  font-size:1.05rem;
}
.mini-tile span{
  display:block;
  margin-top:4px;
  color:var(--dim);
  font-family:var(--mono);
  font-size:.68rem;
  line-height:1.35;
}
.signal-orbit{
  transform-origin:210px 125px;
  animation:spin 18s linear infinite;
}
.lockdown-list{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.lockdown-item{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:start;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.lockdown-item b{display:block;margin-bottom:3px}
.lockdown-item span{color:var(--muted);font-size:.92rem;line-height:1.45}
@media(max-width:760px){
  .mini-telemetry{grid-template-columns:1fr}
  .visual-inner{min-height:auto}
}
