:root{--bg:#FBF8F1;--ink:#12262B;--mute:#4D6268;--lagoon:#0E4D5C;--aqua:#2BB3AA;--sun:#F2B84B;--card:#fff;--line:#DCE5E3}
@media(prefers-color-scheme:dark){:root{--bg:#0C1A1E;--ink:#EAF2F1;--mute:#9FB5B8;--lagoon:#7FD6CF;--card:#132A30;--line:#24424A}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Figtree,system-ui,sans-serif}
h1,h2{font-family:Fraunces,Georgia,serif;line-height:1.1;margin:0}
header.top{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}
.bar{max-width:1080px;margin:auto;padding:10px 20px;display:flex;gap:18px;align-items:center}
.logo{font-family:Fraunces,serif;font-weight:800;color:var(--lagoon);text-decoration:none;white-space:nowrap}
nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}nav a{color:var(--mute);text-decoration:none;padding:4px 10px;border-radius:99px;white-space:nowrap;font-size:15px}
nav a:hover,nav a:focus-visible{background:var(--line);color:var(--ink)}
.hero{background:var(--lagoon);color:#fff;padding:72px 20px 80px;border-radius:0 0 50% 50%/0 0 40px 40px}
.hero div{max-width:1080px;margin:auto}
h1{font-size:clamp(2.4rem,7vw,4.6rem);font-weight:800;max-width:14ch}
.hero p{max-width:52ch;font-size:1.15rem;margin:18px 0 26px;opacity:.92}
.btn{display:inline-block;background:var(--sun);color:#12262B;font-weight:600;text-decoration:none;padding:12px 22px;border-radius:99px}
main{max-width:1080px;margin:auto;padding:40px 20px}
section{padding:34px 0;border-bottom:1px solid var(--line)}
h2{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:600}.sub{color:var(--mute);margin:6px 0 20px}
ol{list-style:none;counter-reset:n;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px}
li{counter-increment:n;display:grid;grid-template-columns:2.4rem 1fr;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
li::before{content:counter(n);grid-row:span 2;font:800 1.5rem Fraunces,serif;color:var(--aqua)}
li b{font-weight:600}li span{color:var(--mute);font-size:15px}
.ad{margin:26px 0;min-height:110px;border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;color:var(--mute);font-size:12px}
.legal{max-width:72ch}.legal h2{font-size:1.5rem;margin-top:26px}
footer{background:var(--lagoon);color:#fff;padding:30px 20px;text-align:center;font-size:15px}footer a{color:var(--sun)}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.prose{max-width:68ch}.prose p{margin:0 0 14px}.prose h2{font-size:1.5rem;margin:28px 0 8px}.more{display:inline-block;margin-top:14px;color:var(--lagoon);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chips a{border:1px solid var(--line);border-radius:99px;padding:4px 14px;color:var(--ink);text-decoration:none;background:var(--card)}.mini{padding:44px 20px 52px}.mini h1{font-size:clamp(2rem,5vw,3.2rem);max-width:none}.mini p{margin:10px 0 0}
li p{grid-column:2;margin:8px 0 0;font-size:15px}