/* Scoped enhancements for the static preview. No framework or commercial logic. */
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}
.seo-grid article{background:var(--pale);border:1px solid var(--line);border-radius:14px;padding:24px}
.seo-grid h3{margin-top:0}.seo-region>p,.seo-explainer>p{max-width:920px;font-size:16px}
.trust .wrap{color:#56657d}
.article-block a{text-decoration:underline;text-underline-offset:3px;color:#244bd6}
.seo-footer-contact{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;font-size:14px;color:#d1dbea}
.seo-footer-contact a{min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}
.article-toc a{min-height:44px}.breadcrumbs a{min-height:44px;display:inline-flex;align-items:center}.breadcrumbs{align-items:center}
.article-toc{max-height:calc(100dvh - 150px);overflow-y:auto}
.brand:focus-visible,.table-scroll:focus-visible{outline:3px solid #7295ff;outline-offset:4px}
.visual-note,.fine{font-size:14px}.plan .button{font-size:14px;min-height:48px}
.article-visual img{max-height:360px;max-width:100%;height:auto;width:auto;margin-inline:auto}
.logo{height:auto;aspect-ratio:720/320}.contact-info a{min-height:44px;display:inline-flex;align-items:center}
.page-hero h1{overflow-wrap:break-word}.article-content,.seo-grid article{min-width:0}
@media(max-width:1000px){.header-actions .client{font-size:12px}.mobile-menu>summary{font-size:12px}}
@media(max-width:700px){
 .seo-grid{grid-template-columns:1fr}.article-toc{max-height:none;overflow:visible}
 .article-visual img{max-height:320px}.comparison{font-size:14px}
 .top .nav{gap:8px}.top .logo{width:105px;max-height:48px}.nav.wrap{padding-left:12px;padding-right:12px}
 .header-actions{gap:6px}.header-actions .client{font-size:12px;padding:8px}.mobile-menu>summary{font-size:12px;min-width:65px;padding:9px 8px}
 .hero .button{font-size:14px;min-height:48px}.hero-notes{font-size:12px}.caption{font-size:11px}
 .float-card{font-size:13px}.float-card small{font-size:12px}.whatsapp{font-size:13px;min-height:44px}
 footer{padding-bottom:78px}.footer-bottom{padding-bottom:0}.footer-top a{min-height:44px}
 .hero h1{font-size:clamp(32px,9vw,40px)}.page-hero h1{font-size:clamp(30px,8vw,37px)}
 .seo-footer-contact{flex-direction:column;gap:4px}.seo-region>p,.seo-explainer>p{font-size:16px}
}
@media(max-width:340px){.top .nav{flex-wrap:wrap}.header-actions{margin-left:auto}.page-hero h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.solution-card{transition:none}.button:hover{transform:none}}

/* Blue accents and accessible header actions — 20/10/2026. */
.primary,.whatsapp,.mobile-menu nav a.menu-contact{background:#173b70;color:#fff;border:1px solid #8aaada}
.primary:hover,.whatsapp:hover,.header-whatsapp:hover{background:#102d57;color:#fff}
.hero .eyebrow,.contact .eyebrow,.page-hero .eyebrow,.steps-section .eyebrow,.steps span,.hero-notes span:before,.nav nav a:hover{color:#b9d5ff}
.header-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #8aaada;border-radius:8px;background:#173b70;color:#fff;font-size:13px;font-weight:700;white-space:nowrap}
@media(min-width:1001px){.nav{gap:18px}.nav>nav{gap:16px}.header-actions{gap:8px}}
@media(max-width:700px){
 .top .nav{display:grid;grid-template-columns:1fr;gap:8px;padding-top:8px;padding-bottom:8px}
 .top .brand{justify-self:start}.top .logo{width:120px;max-height:48px}
 .header-actions{display:grid;grid-template-columns:1.25fr 1fr auto;width:100%;margin-left:0;gap:8px}
 .header-actions .client,.header-whatsapp{justify-content:center;font-size:12px;min-height:44px;padding:8px}
 .mobile-menu>summary{min-height:44px;justify-content:center}
 html{scroll-padding-top:155px}
}