/* Stable vector bounds and compact controls, independent of external libraries. */
.icon{display:block;flex:none;vertical-align:middle;pointer-events:none}
.btn{max-width:100%;text-align:center}
.header-inner{gap:22px}
.header-inner>a:first-child{min-width:0;flex-shrink:0}
.header-call{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;min-height:44px;padding:11px 15px;border-radius:var(--radius-btn);background:var(--fonce);color:#fff;font-size:12px;font-weight:650;line-height:1;white-space:nowrap;margin-left:0}
.header-call:hover{background:var(--fonce-hover)}
.header-call>.icon{width:18px;height:18px}
.header-call>.contact-label{display:block;font-size:12px;line-height:1;white-space:nowrap}
.brand-copy{white-space:nowrap}
.service-details summary{min-height:44px;align-items:center}
.service-details summary>.icon{width:17px;height:17px}
.menu-toggle{padding:0}
.mobile-call{z-index:35}
.mobile-call a{white-space:nowrap;line-height:1.3}
.footer-nav{align-items:center;flex-wrap:wrap}
.footer-nav a{padding-block:8px}
.whatsapp-status{font-size:11px!important;line-height:1.7;color:var(--muted);margin-top:15px}
.whatsapp-status[hidden]{display:none}
[data-whatsapp][aria-disabled="true"]{opacity:.62;cursor:not-allowed}
@media(max-width:1100px){.desktop-nav{gap:17px;font-size:12px}.header-inner{gap:16px}.header-call{padding-inline:12px}}
@media(max-width:1000px){.desktop-nav{display:none}.menu-toggle{display:flex}.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;height:78px;gap:14px}.header-call{margin:0}.brand-copy{font-size:12px}.brand-copy small{font-size:8px}.mobile-nav{top:calc(100% + 8px)}body.menu-open{overflow:hidden}}
@media(max-width:640px){
 html{scroll-padding-top:88px}
 .header-inner{height:72px;gap:10px}
 .header .brand{gap:8px}
 .header .brand-symbol{font-size:20px;line-height:1;padding:12px 8px}
 .header .brand-copy{font-size:10px;letter-spacing:.03em;line-height:1.25}
 .header .brand-copy small{display:none}
 .header-call{min-height:44px;padding:11px 12px;gap:7px}
 .header-call>.contact-label{font-size:11px}
 .header-call>.icon{width:17px;height:17px}
 .menu-toggle{width:44px;height:44px}
 .mobile-nav{left:12px;right:12px;padding:16px;max-width:none;max-height:calc(100dvh - 130px)}
 .mobile-nav>a{font-size:14px;min-height:48px;padding:13px 11px;line-height:1.4}
 .mobile-nav>a.menu-quote{justify-content:center;white-space:nowrap;gap:9px}
 .hero h1{font-size:clamp(31px,7.9vw,40px);line-height:1.17;letter-spacing:-.045em}
 .hero-grid{min-width:0}
 .hero-copy{min-width:0}
 .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:11px}
 .hero-actions .btn{width:100%;min-width:0;flex:none;font-size:13px;padding:14px 18px;gap:10px;white-space:normal;min-height:50px}
 .hero-actions .btn-outline{align-self:flex-start;width:fit-content;font-size:12px;padding:12px 17px;min-height:45px}
 .hero-visual{margin-left:0;height:280px}
 .transport-badge{left:10px;right:10px;bottom:14px;width:fit-content;max-width:calc(100% - 20px);padding:12px 14px;gap:10px}
 .transport-badge strong{font-size:12px}.transport-badge span{font-size:10px}
 .local-team-photo{height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover}
 .local-team-copy{padding:24px}
 .section-title{font-size:clamp(28px,7.8vw,34px)}
 .service-body{min-width:0}
 .service-body h3{font-size:24px;line-height:1.2}
 .contact-card{padding:23px}
 .contact-card .btn{gap:9px;padding-inline:14px;font-size:12px;min-height:50px}
 .contact-card .btn>.icon{width:17px;height:17px}
 .footer-top{flex-direction:column;align-items:center;gap:18px;text-align:center;padding-bottom:22px}
 .footer-tagline{margin:0;max-width:none;font-size:12px}
 .footer-nav{width:100%;justify-content:center;gap:10px 24px;font-size:12px}
 .footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:8px;line-height:1.8}
 .footer-credit{text-align:center;font-size:10px;margin-top:18px}
 .mobile-call{padding:9px 16px calc(9px + env(safe-area-inset-bottom))}
 .mobile-call a{font-size:12px;min-height:46px;padding:12px;gap:9px}
 .mobile-call .icon{width:18px;height:18px}
}
@media(max-width:380px){.header-call{width:44px;height:44px;padding:0}.header-call>.contact-label{display:none}.header .brand-copy{font-size:10px}.header .brand-symbol{font-size:19px}.hero-note{font-size:10px}.contact-card .btn{font-size:11px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}