:root{--sea:#0b3c49;--ink:#12303a;--muted:#4f6b73;--paper:#eef5f2;--card:#fff;--line:#d8e5e6;--trail:#f26b4f;--water:#2cc1d0;--mist:#e2f2f4}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;padding:24px 16px 60px}
a{color:var(--sea)}
.wrap{max-width:860px;margin:0 auto}
.brand{display:flex;justify-content:center;margin:0 0 16px}.brand img{height:52px;width:auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:28px 24px;margin:0 0 18px}
h1,h2,h3{font-family:'Bricolage Grotesque','Figtree',system-ui,sans-serif;color:var(--sea);margin:0;line-height:1.15;text-wrap:balance}
h1{font-size:clamp(2rem,6vw,3rem);letter-spacing:-.02em}
h2{font-size:1.4rem;margin:0 0 12px}
.kicker{font:700 .8rem/1.4 'Figtree',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--trail);margin:0 0 6px}
.hero{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.badges{display:flex;gap:10px}
.badge{width:92px;height:92px;border-radius:50%;background:var(--mist);border:4px solid var(--fam,#0b3c49);display:grid;place-items:center;overflow:hidden}
.badge img{width:78%;height:78%;object-fit:contain}
.fam{display:inline-block;margin:10px 0 0;padding:4px 12px;border-radius:999px;font-weight:700;font-size:.9rem;color:#fff;background:var(--fam,#0b3c49)}
.lede{font-size:1.15rem;margin:14px 0 0}
ul.list{margin:0;padding:0;list-style:none;display:grid;gap:10px}
ul.list li{background:var(--paper);border-radius:16px;padding:12px 14px}
ul.list b{color:var(--sea)}
.cta{text-align:center}
.btn{display:inline-block;background:#f26b4f;color:#fff;text-decoration:none;font-weight:800;padding:15px 28px;border-radius:999px;margin:6px 0}
.btn.ghost{background:#fff;color:var(--sea);border:2px solid var(--line)}
.note{font-size:.95rem;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tile{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px;text-align:center}
.tile .badges{justify-content:center}.tile .badge{width:58px;height:58px;border-width:3px}
.tile b{display:block;margin:8px 0 2px;font-family:'Bricolage Grotesque','Figtree',sans-serif;color:var(--sea)}
.tile span{font-size:.85rem;color:var(--muted)}
.famhead{display:flex;align-items:center;gap:10px;margin:22px 0 10px}.famhead i{width:14px;height:14px;border-radius:50%;background:var(--fam)}
footer{text-align:center;font-size:.9rem;color:var(--muted);margin-top:26px}
@media (max-width:640px){.hero{grid-template-columns:1fr;justify-items:start}.grid{grid-template-columns:repeat(2,1fr)}.badge{width:76px;height:76px}}