:root{color-scheme:dark;--bg:#07100f;--panel:#0b1816;--ink:#eef8f4;--muted:#8ca39c;--mint:#69e4b0;--line:#19342d}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 78% 18%,rgba(105,228,176,.11),transparent 26rem),linear-gradient(150deg,#07100f 0%,#081512 100%)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(105,228,176,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(105,228,176,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
header,main,footer{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:auto}
header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font-size:24px;letter-spacing:-.04em}
.mark{position:relative;width:30px;height:30px;display:block;transform:rotate(30deg)}
.mark i{position:absolute;inset:7px;border:1px solid var(--mint)}
.mark i:nth-child(2){transform:rotate(60deg)}
.mark i:nth-child(3){transform:rotate(120deg)}
.status{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.status i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 18px var(--mint)}
main{padding:110px 0 80px}
.eyebrow{color:var(--mint);text-transform:uppercase;letter-spacing:.22em;font-size:12px;margin:0 0 25px}
h1{font-size:clamp(48px,7.4vw,96px);line-height:.98;letter-spacing:-.065em;margin:0;max-width:950px;font-weight:620}
.intro{max-width:610px;margin:38px 0 85px;color:var(--muted);font-size:19px;line-height:1.65}
section{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
article{padding:30px 34px 10px 0;min-height:180px;border-right:1px solid var(--line)}
article+article{padding-left:34px}
article:last-child{border-right:0}
article>span{color:var(--mint);font:11px ui-monospace,SFMono-Regular,Consolas,monospace}
h2{font-size:18px;margin:32px 0 10px;font-weight:520}
article p{color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:270px}
footer{display:flex;justify-content:space-between;padding:28px 0 38px;border-top:1px solid var(--line);color:#61756f;font-size:12px;text-transform:uppercase;letter-spacing:.11em}
.mesh{position:fixed;right:5vw;top:14vh;width:420px;height:420px;border:1px solid rgba(105,228,176,.08);border-radius:50%;z-index:1;opacity:.7}
.mesh:before,.mesh:after{content:"";position:absolute;inset:17%;border:1px solid rgba(105,228,176,.11);transform:rotate(45deg)}
.mesh:after{inset:34%;transform:rotate(15deg);border-radius:50%}
.node{position:absolute;width:8px;height:8px;border:1px solid var(--mint);border-radius:50%;box-shadow:0 0 18px rgba(105,228,176,.75)}
.n1{left:10%;top:47%}.n2{left:34%;top:18%}.n3{right:15%;top:30%}.n4{right:8%;bottom:28%}.n5{left:38%;bottom:8%}.n6{left:48%;top:48%;background:var(--mint)}
@media(max-width:760px){header,main,footer{width:min(100% - 30px,1180px)}header{height:82px}.status{font-size:10px}main{padding:72px 0 52px}.intro{margin:30px 0 55px;font-size:16px}section{grid-template-columns:1fr}article,article+article{padding:24px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}article:last-child{border-bottom:0}h2{margin:16px 0 7px}.mesh{right:-190px;top:110px;opacity:.35}footer{gap:18px;flex-direction:column}}