:root{--ink:#0b0b0b;--paper:#f2f1ec;--sub:#5a5958;--green:#007a33;--line:#c4c3bf}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.bar{display:flex;justify-content:space-between;align-items:center;padding:16px clamp(16px,4vw,40px);border-top:4px solid var(--ink);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.bar a{text-decoration:none}
.mark::before{content:"";display:inline-block;width:9px;height:9px;background:var(--green);margin-right:8px}
.hero{padding:clamp(48px,12vw,140px) clamp(16px,4vw,40px);max-width:1100px}
.kicker{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sub);margin:0 0 18px}
.hero h1{font-size:clamp(44px,9vw,112px);line-height:.95;letter-spacing:-.04em;font-weight:800;margin:0}
.lede{font-size:clamp(17px,2vw,21px);max-width:34em;color:var(--sub);margin:24px 0 32px}
.btn{display:inline-block;background:var(--ink);color:var(--paper);padding:14px 22px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.doc{max-width:720px;padding:clamp(32px,6vw,72px) clamp(16px,4vw,40px)}
.doc h1{font-size:clamp(36px,6vw,56px);line-height:1;letter-spacing:-.03em;margin:0 0 10px}
.doc h2{font-size:18px;margin:36px 0 8px;padding-top:14px;border-top:1px solid var(--line)}
.doc .meta{color:var(--sub);font-size:14px;margin:0 0 28px}
.doc li{margin:6px 0}
.doc code{font-size:14px;background:#e4e3df;padding:1px 4px}
.foot{padding:28px clamp(16px,4vw,40px);border-top:1px solid var(--line);font-size:13px;color:var(--sub)}