@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap');

:root { --ink:#17191c; --muted:#686d73; --paper:#f2f0eb; --line:#d6d4ce; --cyan:#0c9eae; --purple:#6552bf; --lime:#b7d891; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:'DM Sans',system-ui,sans-serif; line-height:1.5; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1160px,calc(100% - 48px)); margin:0 auto; }
.grain { position:fixed; inset:0; pointer-events:none; opacity:.05; z-index:5; 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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E"); }
.site-header { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; font:600 18px 'Space Grotesk',sans-serif; letter-spacing:-.04em; }
.brand-mark { display:grid; place-items:center; width:25px; height:25px; color:white; background:var(--ink); border-radius:7px; font-size:22px; line-height:1; transform:rotate(-10deg); }
nav { display:flex; align-items:center; gap:28px; font-size:13px; color:var(--muted); } nav a:hover,.text-link:hover,.arrow-link:hover { color:var(--ink); }
.nav-link { color:var(--ink); border-bottom:1px solid var(--ink); padding-bottom:3px; }
.hero { min-height:660px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; padding:76px 0 90px; }
.eyebrow { margin:0 0 20px; color:var(--purple); font:500 11px 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }
.live-dot { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 4px #cce5df; }
h1,h2,h3,p { margin-top:0; } h1,h2 { font-family:'Space Grotesk',sans-serif; letter-spacing:-.065em; font-weight:600; } h1 { max-width:590px; margin-bottom:24px; font-size:clamp(55px,6vw,83px); line-height:.98; } h2 { font-size:clamp(38px,4vw,57px); line-height:1.01; } h2 i { color:var(--purple); font-style:normal; } h3 { margin-bottom:10px; font-size:20px; letter-spacing:-.03em; }
.lede { max-width:465px; margin-bottom:32px; color:var(--muted); font-size:18px; line-height:1.55; }
.hero-actions { display:flex; align-items:center; gap:24px; margin-bottom:32px; }.button { display:inline-flex; align-items:center; gap:20px; padding:14px 17px; border-radius:5px; font-size:13px; font-weight:600; }.button span { font-size:18px; line-height:0; }.button-primary { color:white; background:var(--ink); }.button-primary:hover { background:var(--purple); }.text-link,.arrow-link { font-size:13px; font-weight:600; }.text-link span,.arrow-link span { margin-left:7px; color:var(--purple); font-size:18px; }.microcopy { color:#898b89; font:11px 'DM Mono',monospace; }.terminal-prompt { display:inline-grid; place-items:center; width:17px; height:17px; margin-right:6px; color:white; background:var(--purple); border-radius:3px; }
.hero-art { position:relative; min-height:470px; display:grid; place-items:center; }.hero-console { position:relative; z-index:2; width:min(100%,470px); overflow:hidden; color:#ebf0e9; background:#1b1d21; box-shadow:25px 32px 0 #d9d5ce, 0 25px 60px #5553; transform:rotate(3deg); }.console-top { display:flex; align-items:center; gap:12px; height:42px; padding:0 17px; border-bottom:1px solid #363b3c; color:#8c9694; font:11px 'DM Mono',monospace; }.window-dots { display:flex; gap:5px; }.window-dots i { width:6px; height:6px; border-radius:50%; background:#56605e; }.console-status { margin-left:auto; color:var(--lime); font-size:10px; }.console-body { padding:28px 30px 31px; }.console-label { color:#75817c; font:10px 'DM Mono',monospace; letter-spacing:.09em; }.fleet-total { display:flex; align-items:baseline; gap:11px; margin:13px 0 18px; }.fleet-total strong { font:500 58px 'DM Mono',monospace; letter-spacing:-.1em; }.fleet-total span { color:#bec5bd; font-size:13px; }.fleet-total b { margin-left:auto; color:var(--lime); font:10px 'DM Mono',monospace; font-weight:400; }.mini-chart { height:72px; display:flex; align-items:end; gap:6px; padding:0 0 12px; border-bottom:1px solid #343a38; }.mini-chart span { flex:1; min-height:8px; background:linear-gradient(to top,#3b8d86,#b3d88d); border-radius:2px 2px 0 0; opacity:.8; }.gateway-row { display:grid; grid-template-columns:10px 1fr .8fr auto; align-items:center; gap:11px; padding:15px 0 0; font:12px 'DM Mono',monospace; }.gateway-row small { color:#7f8984; }.gateway-row em { color:#c5d8be; font-style:normal; font-size:10px; }.row-dot { width:6px; height:6px; border-radius:50%; }.green { background:#b7d891; }.cyan { background:#5cc5c1; }.purple { background:#9a8ce4; }.orbit { position:absolute; border:1px solid #d7d3cb; border-radius:50%; }.orbit-one { width:570px; height:300px; transform:rotate(-23deg); }.orbit-two { width:400px; height:490px; transform:rotate(54deg); border-color:#dcd8e6; }.signal { position:absolute; z-index:3; width:9px; height:9px; border-radius:50%; background:var(--purple); box-shadow:0 0 0 5px #e1dbef; }.signal-a { top:16%; right:11%; }.signal-b { bottom:17%; left:8%; background:var(--cyan); box-shadow:0 0 0 5px #c9e5df; }.signal-c { top:28%; left:6%; width:6px; height:6px; background:#d0924c; }
.ticker { overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.ticker-inner { width:min(1160px,calc(100% - 48px)); margin:auto; display:flex; justify-content:space-between; align-items:center; height:84px; color:#8a8985; font:11px 'DM Mono',monospace; letter-spacing:.1em; }.ticker b { color:var(--purple); font-size:18px; font-weight:400; }
.section { display:grid; grid-template-columns:1.2fr .8fr; gap:80px; padding-top:145px; padding-bottom:80px; }.section-intro h2 { margin-bottom:0; }.section-copy { align-self:end; padding-bottom:7px; color:var(--muted); font-size:17px; line-height:1.6; }.section-copy p { max-width:400px; margin-bottom:24px; }
.feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding-bottom:150px; }.feature { min-height:340px; padding:29px; background:#e8e6e0; border:1px solid #dedbd3; }.feature-wide { grid-column:span 2; display:grid; grid-template-columns:1fr 1fr; gap:35px; min-height:315px; background:#26282b; color:#eef0e8; border-color:#26282b; }.feature-number { margin-bottom:43px; color:var(--purple); font:11px 'DM Mono',monospace; }.feature p { max-width:350px; color:#898d8d; font-size:14px; }.feature-wide p { color:#afb4af; }.topology { position:relative; min-height:190px; margin-top:-5px; font:11px 'DM Mono',monospace; }.node { position:absolute; display:grid; place-items:center; padding:10px 13px; border:1px solid #58615f; border-radius:3px; }.root { top:15px; left:39%; color:#d7e2d2; border-color:#83ac91; }.n1,.n2,.n3 { top:134px; color:#aeb9b0; }.n1 { left:7%; }.n2 { left:40%; }.n3 { right:4%; }.line { position:absolute; background:#58615f; }.l1 { top:67px; left:28%; width:44%; height:1px; }.l1:after,.l1:before { content:''; position:absolute; top:0; width:1px; height:67px; background:#58615f; }.l1:before { left:0; transform:rotate(34deg); transform-origin:top; }.l1:after { right:0; transform:rotate(-34deg); transform-origin:top; }.tree-visual { display:flex; flex-direction:column; gap:11px; margin-top:38px; color:#656b6d; font:11px 'DM Mono',monospace; }.tree-visual span:first-child { color:#464b4e; }.indent { padding-left:14px; }.deep { padding-left:28px; color:var(--purple); }.safe-list { display:flex; flex-direction:column; gap:10px; margin-top:35px; color:#636b68; font:11px 'DM Mono',monospace; }.safe-list span:first-child { color:#36796d; }
.quote-band { color:#f1f0ea; background:#6453b5; }.quote-inner { display:flex; align-items:center; gap:24px; min-height:260px; }.quote-mark { align-self:flex-start; padding-top:29px; color:#a9a0df; font:80px Georgia,serif; line-height:1; }.quote-inner blockquote { max-width:640px; margin:0; font:500 clamp(25px,3vw,40px) 'Space Grotesk',sans-serif; letter-spacing:-.04em; line-height:1.13; }.quote-inner blockquote em { color:#d5efbb; font-style:normal; }.quote-rule { width:80px; height:1px; margin-left:auto; background:#a59bdd; }.quote-inner small { color:#c1bce4; font:10px 'DM Mono',monospace; white-space:nowrap; }
.install { display:grid; grid-template-columns:1fr 1fr; gap:100px; padding-top:145px; padding-bottom:145px; align-items:center; }.install-copy { max-width:410px; color:var(--muted); }.button-dark { margin-top:15px; color:white; background:var(--ink); }.code-card { overflow:hidden; color:#cfd8ce; background:#202327; box-shadow:14px 14px 0 #dbd7d0; }.code-head { display:flex; justify-content:space-between; padding:14px 19px; border-bottom:1px solid #383d40; color:#818886; font:10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }.code-card pre { margin:0; padding:28px 25px 32px; font:12px/2 'DM Mono',monospace; }.code-card code b { color:#b7d891; font-weight:400; }.code-card code span { color:#b7d891; }.site-footer { display:flex; align-items:center; gap:30px; min-height:115px; border-top:1px solid var(--line); color:#898a86; font-size:12px; }.site-footer .brand { color:var(--ink); margin-right:auto; }.site-footer div { display:flex; gap:22px; }.site-footer a:hover { color:var(--purple); }
@media (max-width:800px) { .wrap { width:min(100% - 34px,600px); }.site-header { height:72px; } nav a:not(.nav-link) { display:none; }.hero { display:block; padding:70px 0 100px; }.hero-copy { margin-bottom:70px; } h1 { font-size:clamp(48px,13vw,76px); }.hero-art { min-height:400px; }.hero-console { width:90%; }.ticker-inner { width:calc(100% - 34px); gap:18px; justify-content:flex-start; }.ticker-inner span:nth-of-type(2),.ticker-inner span:nth-of-type(4) { display:none; }.section,.install { display:block; padding-top:95px; padding-bottom:55px; }.section-copy { margin-top:35px; }.feature-grid { display:block; padding-bottom:95px; }.feature { margin-bottom:14px; }.feature-wide { display:block; }.topology { margin-top:30px; }.quote-inner { min-height:290px; flex-wrap:wrap; gap:5px 18px; padding-top:25px; padding-bottom:25px; }.quote-mark { padding-top:0; }.quote-inner blockquote { width:calc(100% - 55px); }.quote-rule { display:none; }.quote-inner small { margin-left:56px; }.install .code-card { margin-top:55px; }.site-footer { flex-wrap:wrap; gap:14px; padding:28px 0; }.site-footer .brand { width:100%; }.site-footer div { margin-left:auto; } }

/* Dark instrument-panel treatment: deliberately avoids the usual bright SaaS/AI landing-page palette. */
:root { --ink:#e7ece8; --muted:#89928e; --paper:#0e1112; --line:#2a3030; --cyan:#64d7cf; --purple:#a69af0; --lime:#c1e68f; }
body { background-color:var(--paper); background-image:linear-gradient(rgba(105,215,207,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(105,215,207,.035) 1px,transparent 1px); background-size:48px 48px; }
.grain { opacity:.025; }
.brand-mark { color:#0e1112; background:var(--cyan); border-radius:3px; }
nav a:hover,.text-link:hover,.arrow-link:hover { color:var(--cyan); }
.nav-link { border-color:var(--cyan); }
.live-dot { box-shadow:0 0 0 4px #1d4442; }
h2 i { color:var(--cyan); }
.button-primary { color:#0e1112; background:var(--cyan); }
.button-primary:hover { background:var(--lime); }
.text-link span,.arrow-link span { color:var(--cyan); }
.microcopy { color:#68736e; }
.terminal-prompt { color:#0e1112; background:var(--cyan); }
.hero-console { background:#171b1c; border:1px solid #394342; box-shadow:18px 18px 0 #182323,0 25px 60px #0009; transform:rotate(2deg); }
.mini-chart span { background:linear-gradient(to top,#267e7c,#b3d88d); }
.orbit { border-color:#273c3c; }
.orbit-two { border-color:#342d50; }
.signal { box-shadow:0 0 0 5px #2c2846; }
.signal-b { box-shadow:0 0 0 5px #1e4442; }
.ticker-inner { color:#68736e; }
.ticker b { color:var(--cyan); }
.feature { background:#171b1c; border-color:#2b3332; }
.feature-wide { background:#171b1c; border-color:#34403e; }
.feature-number { color:var(--cyan); }
.tree-visual { color:#89928e; }
.tree-visual span:first-child { color:#d0d8d2; }
.safe-list { color:#89928e; }
.safe-list span:first-child { color:var(--lime); }
.quote-band { color:#e8eeea; background:#182625; border-top:1px solid #304642; border-bottom:1px solid #304642; }
.quote-mark { color:#5ca8a0; }
.quote-inner blockquote em { color:var(--lime); }
.quote-rule { background:#457d78; }
.quote-inner small { color:#8cadab; }
.button-dark { color:#0e1112; background:var(--lime); }
.code-card { background:#171b1c; border:1px solid #34403e; box-shadow:14px 14px 0 #182323; }
.code-card code b { color:var(--cyan); }
.code-card code span { color:var(--lime); }
.site-footer { color:#68736e; }
.site-footer a:hover { color:var(--cyan); }