:root { color-scheme: dark; --bg:#0b0d0c; --panel:#131715; --line:#29302c; --text:#f1f4f2; --muted:#98a39d; --accent:#51d39d; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html,body { min-height:100%; margin:0; }
body { background:radial-gradient(circle at 74% 5%,#183a2b 0,transparent 29%),var(--bg); color:var(--text); }
a { color:inherit; }
.shell { width:min(1120px,calc(100% - 40px)); min-height:100vh; margin:auto; display:flex; flex-direction:column; }
.topbar { display:flex; min-height:82px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:11px; font-size:14px; font-weight:750; text-decoration:none; letter-spacing:.02em; }
.brand span { display:grid; width:34px; height:34px; place-items:center; border:1px solid #39795f; border-radius:10px; background:#153d2c; color:var(--accent); font-size:11px; }
nav { display:flex; gap:26px; }
nav a { color:var(--muted); font-size:13px; text-decoration:none; }
nav a:hover,nav a[aria-current] { color:var(--text); }
.hero { padding:clamp(76px,12vw,150px) 0 90px; }
.eyebrow { margin:0 0 22px; color:var(--accent); font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.18em; }
h1 { max-width:850px; margin:0; font-size:clamp(48px,8.5vw,108px); line-height:.92; letter-spacing:-.065em; }
.lede { max-width:650px; margin:38px 0 32px; color:var(--muted); font-size:clamp(17px,2vw,22px); line-height:1.55; }
.status { display:inline-grid; grid-template-columns:9px auto auto; align-items:center; gap:9px; padding:10px 13px; border:1px solid var(--line); border-radius:999px; background:#101310; font-size:12px; }
.status i { width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px #51d39d1c; }
.status small { padding-left:9px; border-left:1px solid var(--line); color:var(--muted); }
.grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:20px; overflow:hidden; background:var(--panel); }
.grid article { min-height:230px; padding:30px; }
.grid article+article { border-left:1px solid var(--line); }
.grid b { color:var(--accent); font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace; }
.grid h2 { margin:54px 0 12px; font-size:18px; }
.grid p,.page p { color:var(--muted); font-size:14px; line-height:1.65; }
.page { max-width:760px; padding:clamp(72px,11vw,140px) 0; }
.page h1 { font-size:clamp(44px,7vw,78px); line-height:1; }
.page p { max-width:650px; margin:28px 0; font-size:17px; }
.back { display:inline-block; margin-top:20px; color:var(--accent); text-decoration:none; }
.error { margin:auto 0; }
footer { display:flex; justify-content:space-between; margin-top:auto; padding:32px 0; color:#68736d; font-size:11px; }
@media(max-width:720px){.shell{width:min(100% - 28px,1120px)}.topbar{min-height:70px}nav{gap:14px}.hero{padding:70px 0 55px}.grid{grid-template-columns:1fr}.grid article{min-height:180px}.grid article+article{border-top:1px solid var(--line);border-left:0}.grid h2{margin-top:30px}footer{gap:20px;flex-direction:column}}