/* modern.css — brand polish overrides loaded after main.css */
.hero .badge svg{color:var(--brand-accent)}
.tile:focus-visible{outline-offset:4px}
.btn--primary:focus-visible{outline-offset:3px}
.section-head{max-width:760px;margin:0 auto clamp(20px,4vw,40px)}
.section-head.center{text-align:center}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}
.kpi .n{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;color:var(--brand-primary)}
.kpi .l{font-size:.82rem;color:var(--ink-500);font-weight:600}
.note{background:var(--paper-2);border-left:4px solid var(--brand-accent);padding:1rem 1.1rem;border-radius:0 10px 10px 0;color:var(--ink-700)}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.checklist li{display:flex;gap:.6rem;align-items:flex-start}
.checklist li::before{content:"\2713";color:var(--ok);font-weight:800;flex:none}
.brand--lock img{width:auto;height:46px;display:block}
@media(max-width:560px){.brand--lock img{height:40px}}
.site-footer .brand--lock img{height:50px}