.header{gap:20px}.header nav{margin-left:auto}.theme-toggle{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;border:1px solid #758ba855;border-radius:50%;background:transparent;color:#2d9df8;cursor:pointer;transition:background .2s,transform .2s}.theme-toggle svg{width:24px;height:24px}.theme-toggle:hover{background:#2099ff15;transform:rotate(12deg)}.theme-toggle .moon-icon{display:none}html[data-theme=light] .theme-toggle .moon-icon{display:block}html[data-theme=light] .theme-toggle .sun-icon{display:none}
/* Actual alpha artwork. Foreground lights sit above the cutout, below readable text. */
.agency-art{z-index:0}.agency-art img{mix-blend-mode:normal;mask-image:none;filter:drop-shadow(0 0 18px #098bff15)}#protection-network{z-index:1}.agency-hero-inner{position:relative;z-index:2}.hero-bottom{z-index:3}
.whatsapp-float{position:fixed;right:26px;bottom:max(24px,env(safe-area-inset-bottom));width:64px;height:64px;display:grid;place-items:center;background:#287fea;color:#fff;border:1px solid #398df3;border-radius:50%;box-shadow:0 6px 25px #0004,0 0 0 5px #2677ee20;z-index:80;transition:transform .2s,box-shadow .2s,background .2s}.whatsapp-float svg{width:35px;height:35px}.whatsapp-float:hover{transform:translateY(-4px);background:#1a6ddd;box-shadow:0 10px 30px #0005,0 0 0 9px #2677ee1a}.whatsapp-label{position:absolute;right:calc(100% + 14px);white-space:nowrap;padding:9px 14px;background:#fff;color:#152839;border-radius:8px;box-shadow:0 4px 16px #0002;opacity:0;transform:translateX(6px);pointer-events:none;font-size:12px;transition:opacity .2s,transform .2s}.whatsapp-float:hover .whatsapp-label,.whatsapp-float:focus-visible .whatsapp-label{opacity:1;transform:translateX(0)}.mobile-cta{display:none}.legal{padding-bottom:90px}
html[data-theme=dark]{--ink:#f2f5fa;--muted:#a8b2c4;--paper:#07090e;--line:#262d3a;--soft:#151f32;color-scheme:dark}
html[data-theme=dark] body{background:#07090e;color:#f2f5fa}
html[data-theme=dark] header,html[data-theme=dark] header.scrolled{background:#000000f5;border-color:#191e26}
html[data-theme=dark] .agency-hero{background:#000}
html[data-theme=dark] .agency-hero:before{background:none}
html[data-theme=dark] .agency-benefits{background:#0c1017;border-color:#242b38}
html[data-theme=dark] .agency-about{background:#0d1119}
html[data-theme=dark] .agency-help,html[data-theme=dark] footer{background:#000}
html[data-theme=dark] .illustrated{background:#101620!important;border-color:#273141;box-shadow:0 12px 25px #0004}
html[data-theme=dark] .illustrated:hover,html[data-theme=dark] .illustrated:focus-within{border-color:#287fea;box-shadow:0 12px 28px #1673e320}
html[data-theme=dark] .product-copy .eyebrow{background:#172c46;color:#79b8ff}
html[data-theme=dark] .product-copy .card-end{color:#b6c7df}
html[data-theme=dark] .carousel-toolbar button{background:#111d30;color:#83bbff;border-color:#304361}
html[data-theme=dark] .carousel-track{scrollbar-color:#328bef #151d2b}
html[data-theme=dark] .agency-checks li{color:#dce6f5}
html[data-theme=dark] .agency-checks li:before{background:#142b48;color:#72b1ff}
html[data-theme=dark] .process-grid article,html[data-theme=dark] .product,html[data-theme=dark] .quote-form{background:#101620;border-color:#273141}
html[data-theme=dark] .process-grid article:hover{box-shadow:0 14px 28px #0005}
html[data-theme=dark] .intro{background:transparent}
html[data-theme=dark] .values,html[data-theme=dark] .quote-card{background:#111a28;border-color:#2b3749}
html[data-theme=dark] .faqs details[open]{background:#101c2d}
html[data-theme=dark] .banner{background:linear-gradient(120deg,#112749,#141d30);border-color:#2a3950}
html[data-theme=dark] .filters button{background:#111c2c;border-color:#31425a;color:#c5d7ee}
html[data-theme=dark] .filters button.active{background:#277fe8;border-color:#398bf2;color:#fff}
html[data-theme=dark] .quote-form input:not([type=radio]),html[data-theme=dark] select{background:#0a111d;color:#e9f0fa;border-color:#405371}
html[data-theme=dark] .phone{color:#68b1ff}
html[data-theme=dark] .footer-grid h3{color:#fff}
html[data-theme=dark] .whatsapp-label{background:#182436;color:#fff;border:1px solid #344763}
html[data-theme=dark] .skip{background:#14253e;color:#fff}
@media(max-width:1050px){.header{gap:13px}.header nav{gap:14px}.theme-toggle{width:44px;height:44px}}
@media(max-width:760px){.header{gap:12px}.menu-toggle{margin-left:auto}.header nav{margin-left:0}.theme-toggle{width:44px;height:44px}.whatsapp-float{right:18px;bottom:max(20px,env(safe-area-inset-bottom));width:58px;height:58px}.whatsapp-float svg{width:32px;height:32px}.agency-art img{mask-image:none}.hero-bottom{padding-right:65px;align-items:flex-start;gap:10px}.hero-bottom button{min-height:44px}.scroll-cue{max-width:105px}.legal{padding-bottom:100px}html[data-theme=dark] .header nav{background:#070b13;border-color:#263244}.whatsapp-label{display:none}}
@media(prefers-reduced-motion:reduce){.theme-toggle:hover,.whatsapp-float:hover{transform:none}}

/* Proportional hero on small screens. Brand logo uses logo-primary.png, recolored to the site primary blue (#287fea). */
.agency-art{width:54%;left:-3%}
@media(max-width:1050px) and (min-width:761px){.agency-art{width:56%;left:-6%}.agency-hero h1{font-size:39px}}
@media(max-width:760px){
 .header{min-height:74px}.brand{order:0}.theme-toggle{order:1;margin-left:auto}.menu-toggle{order:2;margin-left:0;font-size:0;padding:8px;background:transparent;border:0;width:44px}.menu-toggle span{font-size:27px;line-height:1}.header nav{order:3;top:74px}.brand img{width:133px;height:40px}
 .agency-hero{padding:16px 0 34px;gap:0;min-height:0}
 .agency-art{order:0;position:relative;left:auto;top:auto;width:100%;height:clamp(220px,66vw,310px);margin:0;transform:none}
 .agency-art img{width:100%;height:100%;object-fit:contain;object-position:center}
 .agency-hero-inner{order:1;width:calc(100% - 40px);margin-top:-12px}
 .agency-hero-copy{text-align:center}.agency-hero .eyebrow{display:none}
 .agency-hero h1{font-size:clamp(27px,7.3vw,35px);line-height:1.15;margin-bottom:12px;letter-spacing:-.03em}
 .rotating-line{font-size:21px;line-height:1.35;min-height:29px;margin-bottom:17px}
 .agency-hero .lead{font-size:14px;line-height:1.65;max-width:390px;margin:0 auto 23px}
 .agency-actions{display:flex;flex-direction:column;gap:10px;max-width:400px;margin-inline:auto}
 .agency-actions .button{width:100%;min-height:48px;font-size:13px;justify-content:center;padding:11px 16px}
 .agency-actions .outline{min-height:40px;border:0;box-shadow:none;background:transparent;font-size:12px}
 .hero-contact-note,.hero-bottom{display:none}
 .agency-benefits>.wrap{padding-block:20px;gap:12px}
 .agency-services .section-heading h2{font-size:30px}
}
@media(max-width:360px){.agency-hero-inner{width:calc(100% - 32px)}.agency-art{height:220px}.agency-hero h1{font-size:27px}.agency-hero .lead{font-size:13px}.rotating-line{font-size:19px}.header{gap:8px}}

/* Partner showcase follows the active theme. Keep brand artwork legible. */
html[data-theme=dark] .agency-partners{background:#07090e!important}
html[data-theme=dark] .agency-partners .partner-logo{background:#101620;border:1px solid #273141;box-shadow:0 8px 24px #0003}
html[data-theme=dark] .agency-partners .partner-logo img{background:#fff;border-radius:6px;padding:8px;box-sizing:border-box;filter:none;opacity:1}
html[data-theme=dark] .agency-partners .partner-logo-text{color:#dcecff}
html[data-theme=dark] .agency-partners .partners-network{opacity:.55}
html[data-theme=dark] body footer{background:#07090e!important}

/* Contraste no tema escuro: estes textos usavam --blue direto (pensado para fundo claro).
   Sobre fundo escuro a razão de contraste cai para ~2.3–2.7:1, abaixo do mínimo de 4,5:1 (WCAG 2.1 AA).
   Usa o mesmo azul claro já adotado em .phone e no eyebrow dos cards de produto (#79b8ff). */
html[data-theme=dark] em{color:#79b8ff}
html[data-theme=dark] .blue-section em{color:#b4c3ff}
html[data-theme=dark] .header nav>a:not(.button):hover,html[data-theme=dark] .header nav [aria-current]{color:#79b8ff}
html[data-theme=dark] .eyebrow{color:#79b8ff}
html[data-theme=dark] .blue-section .eyebrow{color:#b4c3ff}
html[data-theme=dark] .icon{color:#79b8ff}
html[data-theme=dark] .quote-card .icon{color:var(--blue)}
html[data-theme=dark] .faqs summary span{color:#79b8ff}
html[data-theme=dark] .footer-brand{color:#79b8ff}
html[data-theme=dark] .check-list li:before{color:#79b8ff}