:root{--navy:#132442;--orange:#EB7F21;--line:#C9CED4;--muted:#56667B;--concrete:#E4E6E8}
*{box-sizing:border-box}
body{margin:0;font-family:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:18px;line-height:1.6;color:var(--navy);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.top{background:var(--navy);color:#fff}
.top div{max-width:760px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:24px}
main{max-width:760px;margin:0 auto;padding:48px 20px 72px}
h1,h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;line-height:1.05;margin:0}
h1{font-size:clamp(40px,6vw,60px);font-weight:800}
h2{font-size:28px;font-weight:700;margin:36px 0 8px}
.todo{background:#FFF1E6;border-bottom:2px solid var(--orange);padding:0 4px}
.btn{display:inline-block;background:var(--orange);color:var(--navy);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:22px;text-decoration:none;border-radius:6px;padding:12px 24px;box-shadow:0 3px 0 #C96A18}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:15px}
footer div{max-width:760px;margin:0 auto;padding:28px 20px 40px}