:root { color-scheme:dark; --bg:#0c0c0e; --text:#f1efe9; --muted:#99989e; --line:#2b2b30; --acid:#dcff47; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:15px/1.75 Arial,sans-serif; }
main { max-width:850px; margin:auto; padding:0 24px 80px; }
header { height:76px; display:flex; align-items:center; border-bottom:1px solid var(--line); }
a { color:var(--muted); text-decoration:none; }
a:hover { color:var(--text); }
.eyebrow { color:var(--acid); margin:70px 0 15px; font-size:10px; letter-spacing:2px; }
h1 { font:400 clamp(38px,7vw,70px)/1.08 Arial,sans-serif; letter-spacing:-4px; margin:0 0 80px; }
section { display:grid; grid-template-columns:220px 1fr; gap:45px; border-top:1px solid var(--line); padding:38px 0; }
h2 { font-size:14px; font-weight:400; margin:0; }
p { color:var(--muted); margin:0 0 17px; }
ol { margin:0; padding:0; list-style:none; counter-reset:rules; }
li { position:relative; padding:0 0 22px 34px; counter-increment:rules; }
li::before { content:counter(rules,decimal-leading-zero); position:absolute; left:0; color:var(--acid); font-size:10px; }
li b,li span { display:block; }
li span { color:var(--muted); }
footer { border-top:1px solid var(--line); padding-top:30px; color:#666; font-size:11px; }
@media(max-width:650px){ h1{letter-spacing:-2px;margin-bottom:55px}section{grid-template-columns:1fr;gap:20px}.eyebrow{margin-top:50px} }