*{box-sizing:border-box} :root{--bg:#07090d;--panel:#0d1118;--text:#f4f7fb;--muted:#8994a5;--line:#202936;--cyan:#55e6ff;--violet:#a88cff;--pink:#ff5fc7;--green:#8cffbd;--max:1180px}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.7}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(85,230,255,.09),transparent 30%),radial-gradient(circle at 15% 50%,rgba(168,140,255,.07),transparent 32%)}
a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
header{border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:800;letter-spacing:.08em;font-size:18px}.brand b{color:var(--cyan)}nav{display:flex;gap:28px;font-size:13px;color:var(--muted)}nav a:hover{color:var(--text)}
.hero{min-height:650px;display:grid;align-items:center}.hero-copy{max-width:850px;padding:80px 0}.kicker{font:11px ui-monospace,SFMono-Regular,monospace;color:var(--cyan);letter-spacing:.18em}
h1{font-size:clamp(58px,10vw,128px);line-height:.9;letter-spacing:-.07em;margin:22px 0}.glow{color:var(--cyan);text-shadow:0 0 30px rgba(85,230,255,.25)}
.lead{max-width:650px;color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:24px;padding:28px;min-height:210px;transition:.2s}
.card:hover{transform:translateY(-3px);border-color:#354252}.num{font:11px ui-monospace,monospace;color:var(--cyan)}.card h2{font-size:24px;letter-spacing:-.03em;margin:25px 0 8px}.card p{color:var(--muted);font-size:14px;margin:0}
.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head h2{font-size:42px;letter-spacing:-.05em;margin:0}.section-head p{color:var(--muted)}
.terminal{background:#05070a;border:1px solid var(--line);border-radius:24px;overflow:hidden}.term-top{padding:13px 18px;border-bottom:1px solid var(--line);color:var(--muted);font:11px ui-monospace,monospace}.term-body{padding:28px;font:13px/2 ui-monospace,monospace;color:#b9c4d2}
.c{color:var(--cyan)}.g{color:var(--green)}.v{color:var(--violet)}.p{color:var(--pink)}.stat{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat div{padding:28px;border-right:1px solid var(--line)}.stat div:last-child{border:0}.stat strong{display:block;font-size:30px}.stat span{color:var(--muted);font-size:12px}
.article{max-width:820px}.article h1{font-size:64px}.article h2{font-size:30px;margin-top:55px}.article p,.article li{color:#b8c1ce}.back{color:var(--cyan);font-size:13px}
footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}
@media(max-width:800px){.grid{grid-template-columns:1fr}.stat{grid-template-columns:1fr 1fr}.stat div:nth-child(2){border-right:0}.stat div{border-bottom:1px solid var(--line)}nav{gap:12px}.hero{min-height:560px}}
@media(max-width:500px){.wrap{width:calc(100% - 28px)}nav a:nth-child(2){display:none}h1{font-size:58px}.article h1{font-size:45px}.section-head{display:block}.section-head h2{font-size:34px}.footer{display:block}.footer span{display:block;margin:5px 0}}