:root { color-scheme: light; --ink:#172235; --muted:#58677c; --navy:#172842; --teal:#007f77; --paper:#f7f8fa; --edge:#dce3e9; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
a { color:var(--teal); text-underline-offset:3px; } a:hover { color:#005e58; }
header { background:var(--navy); color:#fff; } .nav { max-width:1040px; margin:auto; padding:18px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.logo { font-weight:800; font-size:1.25rem; letter-spacing:-.04em; color:#fff; text-decoration:none; } .logo span { color:#54ddd0; } nav {display:flex;gap:22px; flex-wrap:wrap;} nav a {color:#e0e8f2;text-decoration:none;font-size:.92rem;} nav a:hover {color:#fff;text-decoration:underline;}
.hero {background:linear-gradient(125deg,#172842 0%,#23465a 100%);color:#fff;padding:76px 24px 86px;} .wrap {max-width:1040px;margin:auto;} .hero-content {max-width:750px;} .eyebrow {font-size:.78rem; letter-spacing:.13em; text-transform:uppercase; color:#8fe6dd;font-weight:800;} h1 {font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.12;letter-spacing:-.045em;margin:16px 0 22px;} .hero p{color:#deebf2;font-size:1.14rem;max-width:700px;}
main {max-width:1040px;margin:auto;padding:50px 24px 76px;} h2{font-size:1.45rem;line-height:1.25;letter-spacing:-.02em;margin-top:0;} h3{font-size:1.06rem;margin:24px 0 4px;} p {margin:0 0 15px;} .lead{font-size:1.06rem;color:var(--muted)} .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 40px;} .card{background:#fff;border:1px solid var(--edge);padding:25px;border-radius:14px;} .card .num{display:inline-block;font-size:.8rem;font-weight:800;color:var(--teal);margin-bottom:10px;} .card p{color:var(--muted);font-size:.94rem;}
.note {border-left:4px solid var(--teal);background:#ecf7f5;padding:21px 24px;border-radius:0 10px 10px 0;margin:28px 0;} .note p{margin:0;} .sections {max-width:770px;background:#fff;border:1px solid var(--edge);border-radius:14px;padding:38px;} .sections h2{margin:35px 0 10px;} .sections h2:first-of-type{margin-top:0;} .sections ul{padding-left:23px;} .muted{color:var(--muted)} .update {font-size:.9rem;color:var(--muted);margin-bottom:24px;}
footer {border-top:1px solid var(--edge);padding:28px 24px;font-size:.9rem;color:var(--muted);} .footer-inner{max-width:1040px;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;} .footer-links{display:flex;gap:18px;} .small{font-size:.88rem;} .placeholder {background:#fff1c7; border-radius:3px; padding:1px 4px;font-weight:700;color:#6c4500;overflow-wrap:anywhere;} 
@media(max-width:720px){.grid{grid-template-columns:1fr}.sections{padding:25px}.hero{padding:55px 24px 65px}.nav{align-items:flex-start}}