:root {
  --bg: #050706;
  --panel: #0a0d0b;
  --panel-2: #0e120f;
  --line: rgba(218, 255, 230, .11);
  --line-strong: rgba(218, 255, 230, .22);
  --text: #edf7ef;
  --muted: #87928b;
  --muted-2: #566159;
  --acid: #b8ff69;
  --acid-2: #83f044;
  --cyan: #76ffe1;
  --max: 1240px;
  --radius: 24px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Manrope, system-ui, sans-serif; overflow-x: hidden; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; background: radial-gradient(circle at 75% 12%, rgba(120,255,120,.07), transparent 26%), radial-gradient(circle at 10% 48%, rgba(80,255,200,.035), transparent 24%); z-index:-2; }
.noise { position:fixed; inset:0; pointer-events:none; z-index:50; opacity:.035; 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='.8'/%3E%3C/svg%3E"); }
.cursor-glow { position:fixed; width:360px; height:360px; border-radius:50%; pointer-events:none; z-index:0; transform:translate(-50%,-50%); background:radial-gradient(circle, rgba(184,255,105,.055), transparent 66%); mix-blend-mode:screen; }
a { color:inherit; text-decoration:none; }
button, input, textarea { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
.site-header { position:fixed; top:0; left:50%; transform:translateX(-50%); width:min(calc(100% - 32px), 1180px); height:68px; z-index:40; display:flex; align-items:center; justify-content:space-between; margin-top:16px; padding:0 10px 0 16px; border:1px solid var(--line); border-radius:18px; background:rgba(5,7,6,.72); backdrop-filter:blur(22px); box-shadow:0 16px 60px rgba(0,0,0,.3); }
.brand { display:flex; gap:10px; align-items:center; font:600 12px/1 DM Mono, monospace; letter-spacing:.12em; }
.brand b { color:var(--acid); font-weight:500; }
.brand-mark { width:25px; height:25px; display:flex; gap:2px; align-items:end; }
.brand-mark span { width:6px; border-radius:3px 3px 1px 1px; background:var(--acid); box-shadow:0 0 14px rgba(184,255,105,.35); }
.brand-mark span:nth-child(1){height:11px}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:25px}
.nav { display:flex; gap:30px; font:500 11px DM Mono, monospace; color:#aeb9b1; letter-spacing:.06em; text-transform:uppercase; }
.nav a:hover { color:var(--acid); }
.header-cta, .primary-btn, .ghost-btn { border:1px solid var(--line-strong); border-radius:12px; padding:11px 14px; font-size:11px; font-weight:700; letter-spacing:.04em; cursor:pointer; transition:.25s ease; }
.header-cta { background:var(--acid); color:#091006; border-color:var(--acid); }
.header-cta:hover, .primary-btn:hover { transform:translateY(-2px); box-shadow:0 12px 30px rgba(184,255,105,.14); }
.section-pad { width:min(calc(100% - 40px), var(--max)); margin:0 auto; padding-top:130px; }
.hero { min-height:860px; padding-top:150px; display:grid; grid-template-columns: .9fr 1.1fr; align-items:center; gap:50px; }
.eyebrow, .section-kicker { font:500 10px DM Mono, monospace; letter-spacing:.16em; color:var(--acid); }
.eyebrow { display:flex; align-items:center; gap:9px; margin-bottom:24px; }
.eyebrow i, .status-dot, .mock-state i { width:6px; height:6px; display:inline-block; border-radius:50%; background:var(--acid); box-shadow:0 0 12px var(--acid); }
h1 { margin:0; font-size:clamp(54px, 6.4vw, 92px); line-height:.95; letter-spacing:-.065em; font-weight:700; max-width:720px; }
h1 em, h2 em { color:var(--acid); font-style:normal; }
.hero-lede { max-width:610px; color:#a0aaa3; font-size:16px; line-height:1.75; margin:28px 0; }
.hero-actions, .contact-actions { display:flex; gap:10px; flex-wrap:wrap; }
.primary-btn { background:var(--acid); color:#081006; border-color:var(--acid); }
.ghost-btn { color:#d7e1da; background:rgba(255,255,255,.02); display:inline-flex; align-items:center; gap:18px; }
.ghost-btn:hover { border-color:rgba(184,255,105,.5); color:var(--acid); transform:translateY(-2px); }
.hero-footnote { margin-top:38px; color:#66736b; font:500 9px DM Mono, monospace; letter-spacing:.11em; display:flex; gap:10px; align-items:center; }
.hero-visual { position:relative; height:640px; border:1px solid var(--line); border-radius:32px; overflow:hidden; background:radial-gradient(circle at center, rgba(184,255,105,.055), transparent 34%), linear-gradient(145deg, #0b0f0c, #050706 60%); box-shadow:inset 0 0 90px rgba(184,255,105,.025), 0 40px 100px rgba(0,0,0,.28); }
.hero-visual::before { content:""; position:absolute; inset:8%; border:1px solid rgba(184,255,105,.05); border-radius:50%; transform:scaleY(.55); }
.hero-visual::after { content:""; position:absolute; left:50%; top:50%; width:1px; height:80%; transform:translate(-50%,-50%); background:linear-gradient(transparent, rgba(184,255,105,.11), transparent); }
#networkCanvas { width:100%; height:100%; display:block; }
.visual-topline, .visual-bottomline { position:absolute; left:24px; right:24px; display:flex; justify-content:space-between; font:500 9px DM Mono,monospace; letter-spacing:.12em; color:#657168; z-index:2; }
.visual-topline { top:22px; }.visual-topline span:last-child { color:var(--acid); }
.visual-bottomline { bottom:22px; color:#6e7a73; }
.hero-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:130px; height:130px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(184,255,105,.25); background:rgba(6,10,7,.72); box-shadow:0 0 80px rgba(184,255,105,.1), inset 0 0 30px rgba(184,255,105,.04); z-index:3; }
.hero-core strong { font-size:25px; letter-spacing:-.06em; }.hero-core small { color:var(--acid); font:500 8px DM Mono,monospace; letter-spacing:.2em; margin-top:2px; }
.core-ring { position:absolute; inset:-16px; border:1px dashed rgba(184,255,105,.2); border-radius:50%; animation:spin 18s linear infinite; }
.orbital-label { position:absolute; z-index:4; padding:6px 8px; border:1px solid var(--line); background:rgba(4,7,5,.8); color:#87958c; font:500 8px DM Mono,monospace; letter-spacing:.12em; }
.label-a{top:30%;left:8%}.label-b{top:16%;right:10%}.label-c{bottom:25%;left:13%}.label-d{bottom:18%;right:10%}
.marquee-wrap { border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; white-space:nowrap; }
.marquee { width:max-content; display:flex; gap:28px; align-items:center; padding:15px 0; color:#67736b; font:500 9px DM Mono,monospace; letter-spacing:.14em; animation:marquee 34s linear infinite; }
.marquee b { color:var(--acid); font-size:8px; }
.section-intro { max-width:780px; }.section-intro h2, .demo-head h2, .contact h2 { margin:14px 0 18px; font-size:clamp(42px,5vw,72px); line-height:.98; letter-spacing:-.055em; }
h2 span { color:#7f8a83; }
.section-intro > p, .split > p { color:#89948d; line-height:1.75; font-size:15px; max-width:570px; }
.stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:55px; }
.stat-card { min-height:190px; padding:24px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.006)); border-radius:20px; display:flex; flex-direction:column; justify-content:space-between; }
.stat-number { font-size:66px; line-height:1; letter-spacing:-.08em; color:var(--acid); }.stat-label { font:500 11px/1.6 DM Mono,monospace; color:#d1d9d3; letter-spacing:.03em; }.stat-label span{color:#626e66}
.demo { padding-top:170px; }.demo-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:36px; }.demo-head h2 { margin-bottom:0; }
.pipeline-shell { border:1px solid var(--line); border-radius:28px; padding:20px; background:#080b09; overflow:hidden; }
.pipeline-status { display:flex; gap:10px; align-items:center; padding:0 4px 22px; font:500 9px DM Mono,monospace; letter-spacing:.1em; color:#849088; }.pipeline-status .mono { margin-left:auto; color:#4e5a52; }
.pipeline-track { display:grid; grid-template-columns:1fr .35fr 1fr .35fr 1fr .35fr 1fr .35fr 1fr .35fr 1fr .35fr 1fr; align-items:center; gap:8px; min-width:950px; padding:30px 12px 45px; }
.pipeline-node { min-height:112px; border:1px solid var(--line); border-radius:18px; padding:15px; display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(145deg,rgba(255,255,255,.025),transparent); transition:.35s ease; }.pipeline-node .node-index { font:500 8px DM Mono,monospace;color:#556158 }.pipeline-node strong { font-size:13px; letter-spacing:-.02em; }.pipeline-node small{font:500 8px DM Mono,monospace;color:#68746d;text-transform:uppercase;}.pipeline-node.active,.pipeline-node.done{border-color:rgba(184,255,105,.5);box-shadow:0 0 35px rgba(184,255,105,.07);transform:translateY(-4px)}.pipeline-node.active strong{color:var(--acid)}
.pipeline-line { height:1px; background:var(--line); position:relative; }.pipeline-line i { position:absolute; left:0; top:-2px; width:6px; height:5px; border-radius:50%; background:var(--acid); opacity:0; }.pipeline-line.live i { opacity:1; animation:travel 1s linear infinite; }
.event-log { border-top:1px solid var(--line); padding:10px 4px 2px; max-height:180px; overflow:auto; }.event-log div{display:grid;grid-template-columns:90px 1fr 70px;gap:15px;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.035);font:500 10px DM Mono,monospace;color:#829088}.event-log time{color:#4f5b53}.event-log b{color:var(--acid);font-weight:500;text-align:right}
.split { max-width:none; display:grid; grid-template-columns:1.1fr .7fr; gap:80px; align-items:end; }.arch-diagram { margin-top:60px; border:1px solid var(--line); border-radius:28px; padding:36px 22px; background:radial-gradient(circle at 50% 30%,rgba(184,255,105,.045),transparent 36%),#080b09; }.arch-row { display:flex; justify-content:center; gap:12px; }.arch-box { position:relative; border:1px solid var(--line-strong); border-radius:15px; padding:16px 18px; min-width:300px; background:rgba(255,255,255,.018); box-shadow:inset 0 0 30px rgba(255,255,255,.01); transition:.3s ease; }.arch-box:hover { transform:translateY(-3px); border-color:rgba(184,255,105,.35); }.arch-box small{font:500 8px DM Mono,monospace;color:var(--acid);letter-spacing:.13em}.arch-box strong{display:block;font-size:15px;margin:6px 0}.arch-box span{font:500 9px DM Mono,monospace;color:#68746c}.providers .arch-box{min-width:0;flex:1}.accounts .arch-box{min-width:0;flex:1}.arch-connector{width:1px;height:34px;margin:0 auto;background:linear-gradient(var(--line-strong),rgba(184,255,105,.4),var(--line-strong));position:relative}.arch-connector::after{content:"";position:absolute;bottom:-2px;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}
.cap-grid { margin-top:55px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.cap-card{min-height:300px;border:1px solid var(--line);border-radius:22px;padding:25px;background:linear-gradient(145deg,rgba(255,255,255,.022),rgba(255,255,255,.004));display:flex;flex-direction:column}.cap-icon{font:500 10px DM Mono,monospace;color:var(--acid);border:1px solid rgba(184,255,105,.2);width:max-content;padding:6px 8px;border-radius:7px}.cap-card h3{font-size:22px;letter-spacing:-.04em;margin:40px 0 10px}.cap-card p{color:#7d8981;line-height:1.7;font-size:13px;margin:0}.cap-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:22px}.cap-tags span{font:500 8px DM Mono,monospace;color:#6d7971;border:1px solid var(--line);padding:5px 7px;border-radius:6px}
.quality { padding-top:160px; }.quality-panel{display:grid;grid-template-columns:1.1fr .8fr;gap:70px;border:1px solid var(--line);border-radius:28px;padding:55px;background:radial-gradient(circle at 70% 40%,rgba(184,255,105,.07),transparent 35%),#080b09}.quality-copy h2{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.055em;margin:15px 0 20px}.quality-copy>p{color:#89948d;line-height:1.8;max-width:600px}.quote-line{margin-top:30px;border-left:1px solid var(--acid);padding-left:15px;color:#c5d0c8;font:500 10px/1.6 DM Mono,monospace}.quality-stack{display:flex;flex-direction:column;justify-content:center;gap:10px}.stack-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:20px;padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);overflow:hidden}.stack-row::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:65%;background:var(--acid);opacity:.5}.stack-row span,.stack-row strong{font:500 9px DM Mono,monospace;letter-spacing:.09em}.stack-row span{color:#68746d}.stack-row strong{color:var(--acid)}
.dashboard-preview { padding-top:160px; }.mock-dashboard{border:1px solid var(--line);border-radius:28px;padding:18px;background:#080b09;box-shadow:0 40px 100px rgba(0,0,0,.25)}.mock-top{display:flex;align-items:center;gap:20px;padding:8px 8px 18px;border-bottom:1px solid var(--line);font:500 9px DM Mono,monospace;letter-spacing:.1em;color:#6c7870}.mock-brand{color:#d8e0da}.mock-state{color:var(--acid);margin-left:auto}.mock-state i{margin-right:6px}.mock-time{color:#48544c}.mock-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding-top:10px}.mock-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:rgba(255,255,255,.015);min-height:140px}.mock-card.big{grid-row:span 2}.mock-card.wide{grid-column:span 2;min-height:260px}.mock-card.log{min-height:260px}.mock-card small{font:500 8px DM Mono,monospace;color:#657169;letter-spacing:.12em}.mock-card strong{display:block;font-size:38px;letter-spacing:-.07em;margin-top:25px}.mock-card strong span{font-size:18px;color:#657169;letter-spacing:-.04em}.mock-card p{font:500 9px DM Mono,monospace;color:#59655d}.mock-card p.up{color:var(--acid)}.progress{height:4px;background:#171d19;margin-top:24px;border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;background:var(--acid);border-radius:4px}.mock-card-head{display:flex;justify-content:space-between}.mock-card-head span{font:500 8px DM Mono,monospace;color:#48544d}.chart{height:180px;margin-top:20px;color:var(--acid)}.chart svg{width:100%;height:100%}.log-lines{margin-top:20px}.log-lines p{border-top:1px solid rgba(255,255,255,.045);padding:11px 0;margin:0;color:#728078}.log-lines b{font:500 8px DM Mono,monospace;color:#4f5b53;margin-right:8px}.log-lines em{float:right;font-style:normal;color:var(--acid);font:500 8px DM Mono,monospace}
.principles{padding-top:130px;padding-bottom:130px}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;border-top:1px solid var(--line);padding-top:35px}.principle span{font:500 9px DM Mono,monospace;color:var(--acid)}.principle h3{font-size:24px;letter-spacing:-.04em;margin:22px 0 10px}.principle p{color:#7d8981;font-size:13px;line-height:1.7;margin:0}
.contact{position:relative;max-width:none;width:100%;min-height:760px;display:flex;justify-content:center;text-align:center;align-items:center;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 55%,rgba(184,255,105,.09),transparent 22%),linear-gradient(#060806,#040504)}.contact-inner{max-width:820px;position:relative;z-index:2}.contact h2{font-size:clamp(52px,7vw,100px);margin:18px 0}.contact p{color:#89948d;font-size:15px;line-height:1.8;max-width:620px;margin:0 auto 30px}.contact-actions{justify-content:center}.contact-note{margin-top:30px;color:#536058;font:500 9px DM Mono,monospace}.contact-orbit{position:absolute;inset:8% 24%;border:1px solid rgba(184,255,105,.08);border-radius:50%;transform:rotate(-14deg) scaleY(.55)}.contact-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 20px var(--acid)}.contact-orbit span:nth-child(1){left:20%;top:-3%}.contact-orbit span:nth-child(2){right:15%;bottom:8%}.contact-orbit span:nth-child(3){left:4%;bottom:32%}
.site-footer{border-top:1px solid var(--line);padding:20px max(20px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;color:#4f5a53;font:500 8px DM Mono,monospace;letter-spacing:.09em}.site-footer a:hover{color:var(--acid)}
.message-modal{display:none;position:fixed;inset:0;z-index:100}.message-modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100% - 32px),520px);padding:32px;border:1px solid var(--line-strong);border-radius:22px;background:#090c0a;box-shadow:0 30px 100px rgba(0,0,0,.5)}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#78847c;font-size:28px;cursor:pointer}.modal-card h2{font-size:32px;line-height:1;letter-spacing:-.05em;margin:12px 0 25px}.modal-card label{display:block;color:#6f7b73;font:500 9px DM Mono,monospace;letter-spacing:.08em;margin-top:15px}.modal-card input,.modal-card textarea{width:100%;margin-top:8px;background:#060806;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px;outline:none;resize:vertical}.modal-card input:focus,.modal-card textarea:focus{border-color:rgba(184,255,105,.45)}.modal-card .primary-btn{margin-top:20px}.modal-card small,.copy-status{color:#56635b;font:500 9px/1.6 DM Mono,monospace}.copy-status{min-height:14px;color:var(--acid)}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes travel{to{left:100%}}
@media (max-width: 950px){.nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-visual{height:520px}.stat-grid{grid-template-columns:1fr 1fr}.split,.quality-panel{grid-template-columns:1fr;gap:25px}.providers,.accounts{display:grid;grid-template-columns:1fr 1fr}.providers .arch-box,.accounts .arch-box{min-width:0}.cap-grid{grid-template-columns:1fr 1fr}.mock-grid{grid-template-columns:1fr 1fr}.mock-card.wide{grid-column:span 2}.principles-grid{grid-template-columns:1fr;gap:35px}.contact-orbit{inset:20% 5%}}
@media (max-width: 640px){.site-header{height:60px}.header-cta{padding:9px}.header-cta span{display:none}.section-pad{width:min(calc(100% - 28px),var(--max));padding-top:95px}.hero{min-height:auto;padding-top:115px;gap:30px}.hero h1{font-size:54px}.hero-lede{font-size:14px}.hero-visual{height:430px;border-radius:22px}.visual-bottomline span:nth-child(2){display:none}.stat-grid,.cap-grid{grid-template-columns:1fr}.stat-card{min-height:155px}.demo{padding-top:100px}.demo-head{display:block}.demo-btn{margin-top:12px}.pipeline-shell{overflow-x:auto}.pipeline-track{padding-bottom:30px}.split{display:block}.split>p{margin-top:25px}.providers,.accounts{grid-template-columns:1fr}.arch-box{min-width:0!important}.quality-panel{padding:30px 22px}.mock-grid{grid-template-columns:1fr}.mock-card.wide{grid-column:auto}.mock-card.big{grid-row:auto}.site-footer{gap:15px;flex-wrap:wrap}.site-footer span:nth-child(2){display:none}.contact{min-height:650px}.contact h2{font-size:56px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}