:root {
  --ink: #070817;
  --ink-2: #0d1025;
  --paper: #f7f8fc;
  --line: rgba(222, 228, 255, .14);
  --muted: #a9b0c7;
  --text: #f6f7ff;
  --violet: #8c5cff;
  --violet-bright: #b69aff;
  --cyan: #71d9ff;
  --mint: #83f2c0;
  --shadow: 0 24px 80px rgba(0, 0, 0, .32);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .32;
  background-image: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(to bottom, black, transparent 68%);
}
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }

.shell { position: relative; overflow: hidden; }
.shell::before, .shell::after {
  content: ""; position: absolute; z-index: -1; border-radius: 999px; filter: blur(30px); pointer-events: none;
}
.shell::before { width: 560px; height: 560px; top: -230px; left: -260px; background: rgba(130, 69, 255, .24); }
.shell::after { width: 460px; height: 460px; top: 80px; right: -230px; background: rgba(51, 196, 255, .12); }

.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.eyebrow {
  display: inline-flex; align-items: center; gap: 8px; color: var(--violet-bright);
  font-size: 12px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 14px currentColor; }
.display { margin: 16px 0; font-size: clamp(40px, 6vw, 76px); line-height: .98; letter-spacing: -.065em; max-width: 900px; }
.display .accent, .gradient-text { color: var(--violet-bright); text-shadow: 0 0 32px rgba(147, 97, 255, .4); }
.lede { max-width: 650px; color: var(--muted); font-size: clamp(17px, 2vw, 20px); }
.section { padding: 112px 0; position: relative; }
.section-tight { padding: 56px 0; }
.section-heading { max-width: 700px; margin-bottom: 42px; }
.section-heading h2 { margin: 12px 0 0; font-size: clamp(30px, 4vw, 49px); line-height: 1.04; letter-spacing: -.045em; }
.section-heading p { color: var(--muted); margin: 18px 0 0; font-size: 17px; }

.site-header { position: sticky; top: 0; z-index: 20; backdrop-filter: blur(20px); background: rgba(7, 8, 23, .74); border-bottom: 1px solid rgba(255,255,255,.06); }
.nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 15px; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; }
.brand-mark { width: 26px; height: 26px; position: relative; border-radius: 9px 5px 9px 5px; transform: rotate(45deg); background: linear-gradient(135deg, #d9c9ff, #8d56ff 45%, #4ce1ff); box-shadow: 0 0 24px rgba(138, 82, 255, .7); }
.brand-mark::after { content: ""; position: absolute; inset: 7px; border-radius: 3px; background: var(--ink); }
.nav-links { display: flex; align-items: center; gap: 2px; }
.nav-links a { color: #c9cee0; font-size: 14px; padding: 9px 12px; border-radius: 9px; }
.nav-links a:hover, .nav-links a.active { color: var(--text); background: rgba(255,255,255,.075); }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.nav-toggle { display: none; color: var(--text); background: transparent; border: 1px solid var(--line); padding: 9px 11px; border-radius: 10px; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid transparent; border-radius: 12px; padding: 12px 17px; font-size: 14px; font-weight: 750; transition: .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: linear-gradient(135deg, #a779ff, #6b41ff); color: white; box-shadow: 0 10px 32px rgba(117, 67, 255, .3); }
.button-primary:hover { box-shadow: 0 15px 40px rgba(117, 67, 255, .46); }
.button-ghost { border-color: var(--line); color: #e7eaff; background: rgba(255,255,255,.025); }
.button-ghost:hover { background: rgba(255,255,255,.08); }
.button-small { padding: 9px 13px; font-size: 13px; }

.hero { padding: 118px 0 78px; min-height: 660px; display: grid; align-items: center; }
.hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 50px; align-items: center; }
.hero-copy .actions { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 12px; }
.trust-line { color: #9fa8c3; font-size: 13px; margin-top: 30px; }
.trust-line strong { color: #e9ecfa; }

.signal-stage { min-height: 440px; position: relative; display: grid; place-items: center; }
.signal-orbit { width: min(420px, 90vw); aspect-ratio: 1; border: 1px solid rgba(188, 151, 255, .26); border-radius: 50%; position: relative; box-shadow: inset 0 0 55px rgba(94, 52, 237, .1), 0 0 80px rgba(74, 128, 255, .11); }
.signal-orbit::before, .signal-orbit::after { content: ""; position: absolute; border: 1px solid rgba(184, 132, 255, .17); border-radius: inherit; inset: 14%; }
.signal-orbit::after { inset: 28%; }
.signal-core { position: absolute; inset: 34%; border-radius: 26px 14px 30px 14px; transform: rotate(-35deg); background: linear-gradient(135deg, #fbf6ff 0%, #bf90ff 12%, #6525e8 46%, #22074e 100%); box-shadow: 0 12px 65px #743cf3, inset 0 1px 0 rgba(255,255,255,.65); }
.signal-core::after { content: ""; position: absolute; width: 43%; height: 43%; left: 87%; top: -35%; border-radius: 13px 8px 13px 8px; background: linear-gradient(135deg, #f0e4ff, #8e52ff 50%, #4c1cb5); box-shadow: 0 8px 28px rgba(145,85,255,.8); }
.orb { width: 11px; height: 11px; border-radius: 50%; position: absolute; background: var(--violet); box-shadow: 0 0 20px var(--violet); }
.orb-a { top: 7%; left: 26%; } .orb-b { bottom: 21%; right: 1%; background: var(--cyan); box-shadow: 0 0 20px var(--cyan); } .orb-c { top: 58%; left: -3%; width: 8px; height: 8px; }
.metric-float { position: absolute; min-width: 170px; padding: 14px 16px; border: 1px solid rgba(221,225,255,.14); border-radius: 16px; background: rgba(14, 16, 42, .78); box-shadow: var(--shadow); backdrop-filter: blur(15px); }
.metric-float small { display: block; color: #aeb6cf; font-size: 11px; text-transform: uppercase; letter-spacing: .11em; }
.metric-float strong { display: block; margin-top: 4px; font-size: 21px; letter-spacing: -.04em; }
.metric-float.one { top: 12%; right: 0; } .metric-float.two { bottom: 10%; left: -2%; }
.metric-float .dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #71efab; margin-right: 6px; box-shadow: 0 0 13px #71efab; }

.logo-strip { border-block: 1px solid var(--line); background: rgba(255,255,255,.018); }
.logo-strip-inner { display: flex; align-items: center; gap: 32px; padding: 20px 0; overflow: auto; color: #788099; white-space: nowrap; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.logo-strip strong { color: #cad0df; font-size: 14px; }

.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.card { border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(155deg, rgba(255,255,255,.07), rgba(255,255,255,.015)); padding: 27px; box-shadow: 0 14px 40px rgba(0,0,0,.1); }
.card-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; color: white; background: linear-gradient(135deg, rgba(169,126,255,.45), rgba(63,224,255,.2)); border: 1px solid rgba(255,255,255,.13); font-size: 18px; }
.card h3 { margin: 23px 0 9px; font-size: 20px; letter-spacing: -.035em; }
.card p { color: var(--muted); margin: 0; font-size: 14px; }

.dashboard { border: 1px solid rgba(210,213,255,.16); border-radius: 24px; overflow: hidden; background: #0c0f25; box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.dashboard-top { min-height: 56px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid var(--line); color: #b9c0d7; font-size: 13px; }
.dots { display: flex; gap: 6px; } .dots i { width: 8px; height: 8px; border-radius: 50%; display: block; background: #39405d; }.dots i:nth-child(1){background:#fb7293}.dots i:nth-child(2){background:#fdca60}.dots i:nth-child(3){background:#72e5a5}
.dashboard-body { display: grid; grid-template-columns: 180px 1fr; min-height: 410px; }
.dashboard-side { padding: 20px 12px; border-right: 1px solid var(--line); background: rgba(0,0,0,.12); }
.side-label { color:#79829b; font-size:10px; letter-spacing:.13em; text-transform:uppercase; padding: 8px; }
.side-item { display:block; padding: 10px; border-radius:9px; color: #bac0d6; font-size: 12px; margin: 3px 0; }.side-item.active{background:rgba(150,111,255,.16);color:#f2efff}
.dashboard-main { padding: 26px; min-width: 0; }
.dashboard-main h3 { margin: 0; font-size: 23px; letter-spacing: -.04em; }.dashboard-main p { margin: 5px 0 25px; color: var(--muted); font-size: 13px; }
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.mini-metric { border:1px solid var(--line); border-radius:12px; padding:15px; }.mini-metric span{color:#99a2bc;font-size:11px}.mini-metric strong{display:block;font-size:22px;margin-top:7px;letter-spacing:-.04em}
.chart { margin-top: 18px; height: 148px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; position: relative; background: repeating-linear-gradient(to bottom, transparent 0 36px, rgba(255,255,255,.04) 37px); }
.chart svg { width: 100%; height: 100%; overflow: visible; }
.table-list { margin-top: 16px; border-top: 1px solid var(--line); }.table-item { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.05); color:#cbd1e2; font-size:12px; }.status-pill{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8af5bd}.status-pill::before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:6px;box-shadow:0 0 10px currentColor}

.split { display:grid; grid-template-columns: .92fr 1.08fr; gap: 45px; align-items: center; }.split.reverse { grid-template-columns: 1.08fr .92fr; }
.numbers { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.number-card { padding:24px; border-radius:16px; border:1px solid var(--line); background:rgba(255,255,255,.035) }.number-card strong{display:block;font-size:42px;letter-spacing:-.07em}.number-card span{color:var(--muted);font-size:13px}
.quote { padding: 32px; border-radius: 18px; color: #dce0ef; background: radial-gradient(circle at 80% 0%, rgba(116,69,255,.22), transparent 38%), rgba(255,255,255,.04); border:1px solid var(--line); }.quote p{font-size:20px;line-height:1.4;margin:0 0 24px;letter-spacing:-.025em}.quote footer{color:var(--muted);font-size:13px}

.page-hero { padding: 95px 0 50px; }.page-hero .display{max-width:800px;font-size:clamp(42px,5vw,66px)}.page-hero .lede{margin-bottom:25px}
.page-tabs { display:flex; gap:10px; flex-wrap:wrap; margin-top:28px; }.page-tab{border:1px solid var(--line);color:#c5cbe0;border-radius:999px;padding:8px 12px;font-size:13px}.page-tab:hover{border-color:#a887ff;color:white}

.feature-row { display:grid; grid-template-columns: 1.15fr .85fr; gap: 18px; padding: 26px; border-top:1px solid var(--line); }.feature-row:last-child{border-bottom:1px solid var(--line)}.feature-row h3{font-size:21px;letter-spacing:-.035em;margin:0}.feature-row p{color:var(--muted);margin:0;font-size:14px}.feature-tag{display:inline-flex;align-items:center;gap:6px;color:#c4b1ff;font-size:12px;font-weight:700;margin-bottom:10px}.feature-tag i{display:block;width:7px;height:7px;background:#a776ff;border-radius:2px}
.arch { min-height: 405px; padding: 28px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:20px; background: radial-gradient(circle at 72% 40%, rgba(90, 214, 255, .12), transparent 24%), linear-gradient(140deg, #111535, #090b1d); }.arch::before{content:"";position:absolute;inset:12%;border:1px solid rgba(186,138,255,.2);border-radius:30px;transform:rotate(-12deg)}.node{position:absolute;padding:10px 12px;border:1px solid rgba(237,240,255,.13);background:rgba(15,18,44,.8);border-radius:10px;color:#dee2f5;font-size:12px;box-shadow:0 10px 30px rgba(0,0,0,.28)}.node small{display:block;color:#8390ac;margin-top:2px}.node.a{left:11%;top:16%}.node.b{right:10%;top:27%}.node.c{left:20%;bottom:13%}.node.d{right:23%;bottom:10%}.arch-line{position:absolute;height:1px;background:linear-gradient(90deg,rgba(157,105,255,.1),rgba(157,105,255,.8),rgba(113,219,255,.1));transform-origin:left center}.arch-line.l1{left:28%;top:29%;width:42%;transform:rotate(14deg)}.arch-line.l2{left:27%;top:68%;width:45%;transform:rotate(-21deg)}

.status-hero { display:grid; grid-template-columns: 1fr auto; align-items:end; gap:30px; padding:30px; border:1px solid var(--line); border-radius:20px; background:radial-gradient(circle at 84% 5%, rgba(87,214,255,.14),transparent 23%), rgba(255,255,255,.03) }.all-systems{color:#8cf2bf;font-size:16px;font-weight:750}.all-systems::before{content:"";display:inline-block;width:10px;height:10px;background:currentColor;border-radius:50%;box-shadow:0 0 20px currentColor;margin-right:10px}
.region-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:16px; }.region{padding:24px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.region-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.region h3{margin:0;font-size:18px}.region p{color:var(--muted);font-size:13px;margin:6px 0 0}.spark{height:42px;margin:20px 0 9px;background:repeating-linear-gradient(to bottom,transparent 0 13px,rgba(255,255,255,.04) 14px);position:relative;overflow:hidden}.spark::after{content:"";position:absolute;left:0;right:0;top:15px;height:18px;border-top:2px solid #76ecae;border-radius:50% 50% 0 0;transform:skewY(-4deg)}.uptime{font-size:12px;color:#a4acc4}.uptime strong{color:#f5f6ff}
.incident { padding:22px; border-radius:15px; border:1px solid var(--line); background:rgba(255,255,255,.025); display:flex; justify-content:space-between;gap:20px;align-items:center; }.incident h3{font-size:16px;margin:0}.incident p{font-size:13px;color:var(--muted);margin:5px 0 0}.incident time{color:#95a0be;font-size:12px;white-space:nowrap}

.docs-layout { display:grid; grid-template-columns:260px 1fr; gap:36px; }.doc-nav{border-right:1px solid var(--line);padding-right:25px}.doc-nav h4{color:#8992ae;text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin:0 0 14px}.doc-nav a{display:block;padding:9px 10px;border-radius:8px;color:#bcc3d8;font-size:14px}.doc-nav a:hover,.doc-nav a.active{color:#fff;background:rgba(255,255,255,.07)}.search{position:relative}.search input{width:100%;padding:14px 16px 14px 43px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#f5f5ff;outline:none}.search input:focus{border-color:#9e7aff;box-shadow:0 0 0 3px rgba(156,119,255,.12)}.search::before{content:"⌕";position:absolute;left:15px;top:9px;color:#a8b0c7;font-size:22px}.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:24px}.doc-card{padding:20px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);transition:.18s}.doc-card:hover{border-color:rgba(178,141,255,.7);transform:translateY(-2px)}.doc-card small{color:#ac94ff;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.doc-card h3{margin:10px 0 8px;font-size:18px;letter-spacing:-.03em}.doc-card p{color:var(--muted);font-size:13px;margin:0}.empty-search{display:none;padding:24px;color:var(--muted);border:1px dashed var(--line);border-radius:12px;margin-top:24px}

.timeline { position:relative; margin-left:12px; border-left:1px solid rgba(180,148,255,.35); padding-left:38px; }.timeline-item{position:relative;padding-bottom:44px}.timeline-item::before{content:"";position:absolute;left:-45px;top:5px;width:13px;height:13px;border-radius:50%;background:#a26dff;box-shadow:0 0 0 5px rgba(162,109,255,.14),0 0 20px rgba(162,109,255,.7)}.timeline-item time{color:#9d83e8;font-size:12px;font-weight:800;letter-spacing:.09em}.timeline-item h3{font-size:21px;margin:6px 0}.timeline-item p{color:var(--muted);max-width:590px;margin:0}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value{padding:25px;border-top:2px solid rgba(167,125,255,.8);background:rgba(255,255,255,.024)}.value h3{margin:0 0 9px;font-size:19px}.value p{margin:0;color:var(--muted);font-size:14px}

.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.contact-panel{padding:34px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 90% 0%,rgba(91,64,255,.22),transparent 36%),rgba(255,255,255,.028)}.contact-panel h2{font-size:42px;letter-spacing:-.05em;margin:16px 0}.contact-panel p{color:var(--muted);max-width:420px}.contact-list{margin:34px 0 0;padding:0;list-style:none}.contact-list li{padding:13px 0;border-bottom:1px solid var(--line);color:#d8dced;font-size:14px}.contact-list strong{display:block;color:#fff;margin-bottom:3px}.contact-form{padding:30px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;color:#b9c0d7;font-weight:700;margin-bottom:7px}.field input,.field textarea{display:block;width:100%;border:1px solid var(--line);border-radius:10px;background:rgba(7,8,23,.6);color:#fff;padding:12px 13px;outline:none}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#a17bff}.form-note{color:#a9b0c7;font-size:12px;margin:13px 0 0}.form-success{display:none;margin-top:16px;padding:12px;border-radius:10px;background:rgba(88,229,153,.1);border:1px solid rgba(88,229,153,.25);color:#a5f4c7;font-size:14px}

.cta-panel{border:1px solid rgba(183,151,255,.25);border-radius:24px;padding:54px;position:relative;overflow:hidden;background:radial-gradient(circle at 92% 20%,rgba(117,78,255,.35),transparent 26%),radial-gradient(circle at 77% 110%,rgba(65,215,255,.15),transparent 32%),#11112c}.cta-panel h2{margin:8px 0;font-size:clamp(32px,4vw,52px);line-height:1.03;letter-spacing:-.05em;max-width:640px}.cta-panel p{color:#bec5dd;max-width:600px}.cta-panel .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

.site-footer{border-top:1px solid var(--line);padding:56px 0 28px;margin-top:50px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer-grid p{color:var(--muted);max-width:300px;font-size:14px}.footer-col h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#7f89a4;margin:0 0 13px}.footer-col a{display:block;color:#c8cee0;font-size:14px;padding:4px 0}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:#818aa3;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

@media (max-width: 900px) {
  .nav-toggle{display:inline-flex}.nav-actions .button{display:none}.nav-links{display:none;position:absolute;top:78px;left:20px;right:20px;padding:12px;flex-direction:column;align-items:stretch;background:#12142c;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:12px}
  .hero{padding-top:70px}.hero-grid,.split,.split.reverse,.contact-layout{grid-template-columns:1fr}.signal-stage{order:-1;min-height:360px}.cards,.values{grid-template-columns:1fr}.dashboard-body{grid-template-columns:1fr}.dashboard-side{display:none}.docs-layout{grid-template-columns:1fr}.doc-nav{border-right:0;border-bottom:1px solid var(--line);padding:0 0 14px;display:flex;gap:5px;overflow:auto}.doc-nav h4{display:none}.doc-nav a{white-space:nowrap}.footer-grid{grid-template-columns:1fr 1fr}.status-hero{grid-template-columns:1fr}.region-grid{grid-template-columns:1fr}.feature-row{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.section{padding:78px 0}
}
@media (max-width: 560px) {
  .container{width:min(100% - 28px,1180px)}.nav{min-height:68px}.nav-links{top:68px;left:14px;right:14px}.hero{padding:54px 0}.signal-stage{min-height:300px}.metric-float{transform:scale(.82)}.metric-float.one{right:-25px}.metric-float.two{left:-25px}.metric-row{grid-template-columns:1fr}.dashboard-main{padding:18px}.cards,.numbers,.doc-grid{grid-template-columns:1fr}.cta-panel{padding:32px 23px}.footer-grid{grid-template-columns:1fr}.page-hero{padding-top:62px}.page-hero .display{font-size:42px}.contact-panel,.contact-form{padding:23px}.site-footer{margin-top:10px}
}