
:root{
  color-scheme:dark;
  --bg:#020705;--bg2:#05100c;--surface:rgba(8,24,18,.72);--surface-strong:rgba(7,20,16,.92);
  --surface-soft:rgba(16,42,32,.58);--primary:#00f58b;--secondary:#00d9ff;--tertiary:#b6ff4d;
  --text:#effff7;--muted:#91b5a5;--muted2:#658778;--outline:rgba(114,255,202,.18);
  --outline-strong:rgba(0,245,139,.36);--danger:#ff667e;--warning:#ffd166;
  --shadow:0 28px 90px rgba(0,0,0,.48);--shadow-soft:0 12px 34px rgba(0,0,0,.28);
  --r1:12px;--r2:18px;--r3:26px;--r4:34px;--sans:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}
a{color:inherit}button,input,select,textarea{font:inherit}
.matrix-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3;background:radial-gradient(circle at 50% -10%,rgba(0,217,255,.13),transparent 38%),#010503}
.ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(1,7,4,.08),rgba(1,7,4,.76)),radial-gradient(circle at 85% 8%,rgba(0,245,139,.12),transparent 26%),radial-gradient(circle at 8% 76%,rgba(0,217,255,.09),transparent 30%)}
.noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.025;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)'/%3E%3C/svg%3E")}
.shell{width:min(1240px,calc(100% - 32px));margin:auto;padding:22px 0 46px}
.glass{border:1px solid var(--outline);background:linear-gradient(145deg,rgba(9,28,21,.82),rgba(4,15,11,.76));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(22px) saturate(132%);-webkit-backdrop-filter:blur(22px) saturate(132%)}
.appbar{position:sticky;top:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px 12px 18px;border-radius:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#00150c;font-weight:1000;box-shadow:0 0 28px rgba(0,245,139,.24)}
.brand-copy strong,.brand-copy span{display:block}.brand-copy strong{font-size:.92rem}.brand-copy span{margin-top:3px;color:var(--muted);font:600 .64rem var(--mono);letter-spacing:.12em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:5px}.nav a{padding:10px 13px;border-radius:13px;color:var(--muted);text-decoration:none;font:650 .74rem var(--mono);transition:.2s}.nav a:hover,.nav a.active{color:var(--primary);background:rgba(0,245,139,.07)}
.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--outline);border-radius:13px;background:rgba(255,255,255,.035);color:var(--text)}
.hero{min-height:620px;display:grid;grid-template-columns:1.16fr .84fr;gap:28px;align-items:center;padding:80px 34px 42px}.kicker,.eyebrow{color:var(--primary);font:750 .68rem var(--mono);letter-spacing:.15em;text-transform:uppercase}.kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--outline-strong);border-radius:999px;background:rgba(0,245,139,.055)}.kicker i{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 14px var(--primary)}
.hero h1{margin:20px 0 18px;font-size:clamp(3.6rem,8.2vw,7.4rem);line-height:.86;letter-spacing:-.085em;text-transform:uppercase}.hero h1 span{display:block;background:linear-gradient(180deg,#fff 5%,#b9ffe0 65%,var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:680px;margin:0;color:var(--muted);font-size:1.03rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:1px solid transparent;border-radius:14px;text-decoration:none;font-weight:850;font-size:.78rem;letter-spacing:.03em;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#00150c;box-shadow:0 12px 28px rgba(0,245,139,.16)}.btn.tonal{background:rgba(0,245,139,.075);border-color:var(--outline-strong);color:var(--primary)}.btn.outline{background:rgba(255,255,255,.025);border-color:var(--outline);color:var(--text)}
.terminal-card{position:relative;min-height:420px;padding:24px;border-radius:var(--r4);overflow:hidden}.terminal-card:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,217,255,.065),transparent 42%,rgba(0,245,139,.05));pointer-events:none}.terminal-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--outline)}.terminal-dots{display:flex;gap:7px}.terminal-dots i{width:9px;height:9px;border-radius:50%;background:var(--muted2)}.terminal-dots i:first-child{background:var(--danger)}.terminal-dots i:nth-child(2){background:var(--warning)}.terminal-dots i:last-child{background:var(--primary)}.terminal-status{color:var(--primary);font:700 .64rem var(--mono);letter-spacing:.12em}.terminal-body{padding:22px 4px;font:500 .76rem/1.9 var(--mono);color:#b7d8ca}.terminal-body .prompt{color:var(--primary)}.terminal-body .cyan{color:var(--secondary)}.terminal-body .dim{color:var(--muted2)}.terminal-meter{height:7px;margin:20px 0;border:1px solid var(--outline);border-radius:999px;background:#03100b;overflow:hidden}.terminal-meter span{display:block;height:100%;width:83%;background:linear-gradient(90deg,var(--primary),var(--secondary));box-shadow:0 0 22px var(--primary)}
.section{padding:70px 0 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{margin:7px 0 0;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.05em}.section-head p{max-width:540px;color:var(--muted);line-height:1.65}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{position:relative;padding:22px;border-radius:var(--r3);overflow:hidden}.card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(0,217,255,.035),transparent 44%,rgba(0,245,139,.03))}.card>*{position:relative;z-index:1}.icon-tile{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--outline-strong);border-radius:16px;background:rgba(0,245,139,.07);color:var(--primary);font:900 .75rem var(--mono)}.card h3{margin:18px 0 8px;font-size:1.03rem}.card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.62}.card-link{display:inline-flex;margin-top:18px;color:var(--secondary);text-decoration:none;font:700 .72rem var(--mono)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.metric{padding:18px;border-radius:20px}.metric span{display:block;color:var(--muted);font:650 .64rem var(--mono);text-transform:uppercase;letter-spacing:.09em}.metric strong{display:block;margin-top:8px;font-size:1.45rem;letter-spacing:-.04em}
.footer{display:flex;justify-content:space-between;gap:20px;margin-top:72px;padding:18px 4px;color:var(--muted2);font:600 .68rem var(--mono);border-top:1px solid var(--outline)}
.page-hero{padding:74px 20px 26px;text-align:center}.page-hero h1{margin:12px 0;font-size:clamp(2.8rem,7vw,5.8rem);letter-spacing:-.075em}.page-hero p{max-width:720px;margin:auto;color:var(--muted);line-height:1.7}.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.doc-card{display:flex;gap:17px;align-items:flex-start;padding:22px;border-radius:26px;text-decoration:none}.doc-card:hover{border-color:var(--outline-strong);transform:translateY(-2px)}.doc-card h2{margin:0 0 7px;font-size:1.05rem}.doc-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}.doc-card .route{display:inline-flex;margin-top:12px;color:var(--primary);font:700 .66rem var(--mono)}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding:62px 12px 30px}.terminal-card{min-height:340px}.cards{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.nav{position:absolute;top:60px;right:0;display:none;min-width:230px;padding:10px;border-radius:18px;background:rgba(5,18,13,.97);border:1px solid var(--outline);box-shadow:var(--shadow)}.nav.open{display:grid}.nav-toggle{display:block}.doc-grid{grid-template-columns:1fr}}
@media(max-width:580px){.shell{width:min(100% - 20px,1240px)}.appbar{top:8px}.brand-copy{display:none}.hero h1{font-size:3.2rem}.cards,.metrics{grid-template-columns:1fr}.section-head{display:block}.footer{display:block;line-height:1.8}}
