:root { color-scheme:light; --ink:#17251f; --paper:#f8f7f1; --lime:#d9f27d; --display:"Space Grotesk",sans-serif; --body:"DM Sans",sans-serif; --mono:"DM Mono",monospace; }
* { box-sizing:border-box; } body { margin:0; background:var(--paper); color:var(--ink); font:14px/1.65 var(--body); -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; }
header { height:66px; display:flex; align-items:center; justify-content:space-between; padding:0 max(22px,calc((100vw - 940px)/2)); background:var(--ink); color:#fff; }.brand { display:flex; align-items:center; gap:9px; font:700 13px var(--display); }.brand > span:last-child { display:flex; gap:4px; }.brand > span:last-child > span { color:#a7b1a6; font-weight:400; }.brand-symbol { width:27px; height:27px; display:grid; place-items:center; border-radius:8px; background:var(--lime); color:var(--ink); font:700 18px var(--display); letter-spacing:-2px; transform:rotate(-5deg); }.brand-symbol span { color:#6b8c47; }.back { color:#b9c3b4; font-size:9px; }.back:hover { color:var(--lime); }
main { max-width:760px; min-height:calc(100vh - 126px); margin:auto; padding:67px 25px 60px; }.eyebrow { display:flex; align-items:center; gap:8px; color:#858d7e; font:8px var(--mono); letter-spacing:.85px; }.eyebrow span { color:#718e5b; font-size:14px; }.eyebrow + h1 { margin:19px 0 14px; font:600 clamp(43px,7vw,65px)/.98 var(--display); letter-spacing:-3.6px; }.eyebrow + h1 em { color:#607d51; font-style:normal; }.lede { max-width:560px; margin:0 0 35px; color:#70796e; font-size:13px; line-height:1.8; }.lede::after { content:""; display:block; width:100%; height:1px; margin-top:30px; background:#e3e3d9; }.lede + section { margin-top:22px; }section h2 { margin:0 0 7px; color:#2e4132; font:600 16px var(--display); letter-spacing:-.25px; }section p { max-width:700px; margin:0; color:#778075; font-size:11px; line-height:1.85; }.updated { margin-top:32px; padding:11px 13px; border-left:2px solid #96aa7c; background:#eff1e8; color:#697568; font-size:9px; }
footer { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px max(22px,calc((100vw - 940px)/2)); background:var(--ink); color:#8d9a8c; font:7px var(--mono); letter-spacing:.5px; }footer a { color:#d6dfd2; font:8px var(--body); }footer a:hover { color:var(--lime); }
@media(max-width:550px){header { height:59px; padding:0 17px; }.brand-symbol { width:24px; height:24px; font-size:16px; }.brand { font-size:11px; }main { padding:48px 21px 45px; }.eyebrow + h1 { font-size:45px; letter-spacing:-2.5px; }.lede { font-size:11px; }section p { font-size:10px; }footer { padding:12px 16px; } }