:root { color-scheme: dark; --bg:#000; --text:#fff; --muted:#a6ada8; --line:#2c332d; --accent:#65ff57; --serif:"Source Serif 4",Georgia,serif; --mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; color:var(--text); background:var(--bg); font:15px/1.65 var(--mono); }
a { color:inherit; text-underline-offset:5px; }
.shell { width:min(calc(100% - 40px),920px); margin:0 auto; }
header { display:flex; min-height:72px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.mark { display:grid; width:30px; height:30px; place-items:center; color:var(--accent); border:1px solid var(--accent); }
main { padding:clamp(64px,10vw,120px) 0; }
.eyebrow { color:var(--accent); font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
h1,h2 { font-family:var(--serif); line-height:.98; letter-spacing:-.035em; }
h1 { max-width:780px; margin:20px 0 28px; font-size:clamp(48px,8vw,84px); }
h2 { margin:54px 0 16px; font-size:30px; }
p,li { color:var(--muted); }
.lede { max-width:720px; font-family:var(--serif); font-size:20px; }
.notice { margin:40px 0; padding:20px 22px; color:var(--text); border:1px solid var(--accent); }
ul { display:grid; gap:12px; padding-left:22px; }
footer { min-height:100px; padding:30px 0; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
@media (max-width:560px) { header { align-items:flex-start; flex-direction:column; gap:16px; padding:18px 0; } main { padding-top:56px; } }