:root { color-scheme: dark; --bg:#051424; --cyan:#00dbe9; --text:#d4e4fa; --muted:#8da5b5; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; color:var(--text); font-family:Inter,system-ui,sans-serif; background:linear-gradient(rgba(0,240,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.025) 1px,transparent 1px),var(--bg); background-size:40px 40px; }
header,footer { width:min(960px,calc(100% - 40px)); margin:auto; display:flex; justify-content:space-between; align-items:center; }
header { height:84px; border-bottom:1px solid rgba(0,219,233,.12); }
header a { color:#72e8f3; text-decoration:none; font:700 24px/1 JetBrains Mono,monospace; letter-spacing:-.06em; }
header span,.eyebrow,.updated { color:rgba(0,219,233,.58); font:700 10px/1 JetBrains Mono,monospace; letter-spacing:.18em; }
main { width:min(780px,calc(100% - 40px)); margin:0 auto; padding:80px 0 100px; }
.eyebrow { margin:0 0 18px; }
h1 { margin:0; color:#a5edf4; font-size:clamp(38px,6vw,62px); line-height:1.02; letter-spacing:-.045em; }
.intro { margin:22px 0 60px; max-width:620px; color:var(--muted); font-size:17px; line-height:1.7; }
section { padding:27px 0; border-top:1px solid rgba(132,148,149,.13); }
h2 { margin:0 0 13px; color:#5cdde9; font:700 12px/1.3 JetBrains Mono,monospace; letter-spacing:.1em; }
section p { margin:0; color:#a9bdc9; font-size:14px; line-height:1.85; }
section p + p { margin-top:16px; }
section ul { margin:14px 0 18px; padding-left:22px; color:#a9bdc9; font-size:14px; line-height:1.85; }
.updated { margin-top:40px; }
footer { min-height:76px; border-top:1px solid rgba(0,219,233,.1); color:rgba(185,202,203,.35); font:700 9px/1 JetBrains Mono,monospace; letter-spacing:.12em; }
footer a { color:rgba(0,219,233,.65); text-decoration:none; }
footer a:hover { color:#9eeaf2; }
@media(max-width:600px){ body{overflow-wrap:anywhere} header{height:68px} header a{font-size:clamp(16px,5vw,20px)} header span{font-size:7px;text-align:right} main{width:calc(100% - 32px);padding:55px 0 75px} h1{font-size:clamp(34px,11vw,46px)} .intro{margin-bottom:40px;font-size:15px} section p,section ul{font-size:14px} footer{width:calc(100% - 32px);flex-direction:column;justify-content:center;gap:12px;padding-bottom:env(safe-area-inset-bottom)} }