:root{--paper:#f2f5f7;--ink:#0e2433;--mute:#4e6372;--line:#c4d0d8;--acc:#0a7d6e}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 Georgia,"Times New Roman",serif}
h1,h2,h3,nav,.logo,.btn,dt,footer{font-family:"Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif}
a{color:var(--acc)}
a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.wrap{max-width:880px;margin:0 auto;padding:0 24px}
header .wrap{display:flex;justify-content:space-between;align-items:baseline;padding-top:28px;padding-bottom:28px}
.logo{font-weight:700;font-size:1.1rem;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
nav a{margin-left:24px;color:var(--mute);text-decoration:none;font-size:.95rem}
nav a:hover,nav a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}
h1{font-size:clamp(2.2rem,6.4vw,4rem);line-height:1.05;letter-spacing:-.03em;font-weight:800;margin:0 0 24px}
h2{font-size:1.5rem;letter-spacing:-.01em;margin:0 0 20px}
.hero{padding:72px 0 48px;max-width:720px}
.hero p,.lead{font-size:1.2rem;color:var(--mute);max-width:34em}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:12px 26px;text-decoration:none;font-weight:600;border-radius:3px;margin-top:12px}
.btn:hover{background:var(--acc)}
section{padding:36px 0}
dl{margin:0}
dl div{display:grid;grid-template-columns:220px 1fr;gap:8px 32px;padding:22px 0;border-top:1px solid var(--line)}
dl div:last-child{border-bottom:1px solid var(--line)}
dt{font-weight:700}
dd{margin:0;color:var(--mute)}
ol,ul{padding-left:22px;color:var(--mute)}
li{margin-bottom:10px}
.page{padding:48px 0 8px;max-width:720px}
footer{margin-top:56px;padding:28px 0 40px;border-top:1px solid var(--line);color:var(--mute);font-size:.9rem}
@media(max-width:600px){dl div{grid-template-columns:1fr}nav a{margin-left:16px}.hero{padding:40px 0 32px}}
@media(prefers-reduced-motion:no-preference){.btn{transition:background .15s}}