:root{--card:#EEF2F7;--ink:#0B1F3A;--soft:#8A9BB4;--muted:#55657D;--line:#D6DEE9}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:'Red Hat Text',system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
header{max-width:900px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
header a{text-decoration:none}
header a:last-child{border:1px solid var(--ink);border-radius:0;padding:9px 16px}
.brand{font-weight:600;font-size:20px;letter-spacing:-.03em}
.brand span{font-weight:300;color:var(--soft)}
main{max-width:900px;margin:16px auto 0;padding:clamp(24px,5vw,56px);background:var(--card);border-radius:0}
h1{font-weight:400;font-size:clamp(40px,6vw,64px);line-height:1;letter-spacing:-.05em;margin:0 0 16px}
h2{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--muted);margin:40px 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
p{margin:0 0 12px}
.small{font-size:14px;color:var(--muted)}
.todo{background:#fff;border:1px dashed var(--soft);padding:0 6px;border-radius:0}
footer{max-width:900px;margin:0 auto;padding:24px 20px 48px;font-size:13px;color:var(--muted)}
footer a{text-decoration:none}
@media (max-width:640px){main{margin:8px 12px 0;}}
h1,.brand{font-family:'Red Hat Display','Red Hat Text',sans-serif}