:root { --muted:#4f6478; }
.skip-link { position:fixed; left:16px; top:-100px; z-index:100; padding:12px; background:white; color:#061c36; }
.skip-link:focus { top:10px; }
:focus-visible { outline:3px solid #058bc9; outline-offset:5px; }
.menu-toggle { display:none; }
.topbar { gap:20px; }
.brand-copy strong { font-size:1.3rem; letter-spacing:-.025em; }
.brand-copy span { font-size:.75rem; letter-spacing:.07em; }
.hero { height:auto; min-height:650px; padding-top:90px; padding-bottom:140px; }
.hero h1 { font-size:clamp(2.8rem,5.6vw,5.5rem); line-height:1.04; letter-spacing:-.045em; max-width:780px; }
.intro h2,.section-heading h2,.brands h2,.about h2,.contact h2 { font-size:clamp(2rem,3.6vw,3.9rem); line-height:1.12; letter-spacing:-.04em; }
.intro,.services,.brands,.contact { padding-top:80px; padding-bottom:80px; }
.eyebrow,.brand-chips b,.brand-wall span,.header-cta { font-size:.875rem; }
.brand-chips b { line-height:1.4; font-weight:650; }
.brands small { color:#b1c4d5; font-size:.875rem; }
.about-panel { background:#087cb4; }
.about-panel .eyebrow { color:white; }
.service-body { min-width:0; }
.service-body h3 { font-size:1.4rem; line-height:1.25; }
.service-body p { line-height:1.65; }
.service-card:nth-child(2)>img { object-position:30% center; }
.service-card:nth-child(3)>img { object-position:36% center; }
.service-card:nth-child(4)>img { object-position:72% center; }
.service-card:nth-child(5)>img { object-position:65% center; }
.contact-action a { overflow-wrap:anywhere; }
.contact-links { display:grid; gap:8px; margin:18px 0 24px; }
.contact-links a { width:max-content; max-width:100%; }
.whatsapp-button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; padding:15px 18px; border-radius:4px; background:#061c36; color:white!important; font-size:1rem!important; text-decoration:none; }
.whatsapp-button:hover { background:#087cb4; }
.whatsapp-float { position:fixed; right:22px; bottom:22px; z-index:50; display:flex; align-items:center; gap:9px; min-height:48px; padding:0 17px 0 13px; border-radius:999px; background:#25d366; color:#062b16; box-shadow:0 10px 28px #061c3640; font-weight:750; text-decoration:none; }
.whatsapp-float svg { width:24px; height:24px; fill:currentColor; }
.whatsapp-float:hover { transform:translateY(-2px); box-shadow:0 14px 32px #061c3652; }
@media (min-width:801px) and (max-width:1100px) {
  .service-card:nth-child(5),.service-card:nth-child(6) { grid-column:span 6; display:block; }
  .service-card:nth-child(6)>img { height:230px; min-height:0; }
  .service-card:nth-child(6) .service-body { min-height:245px; justify-content:initial; }
}
@media (max-width:1100px) {
  .menu-toggle { display:block; margin-left:auto; border:1px solid #dce6ed; border-radius:4px; background:white; color:#061c36; padding:10px 12px; min-height:44px; font:inherit; cursor:pointer; }
  .topbar nav { display:none; position:absolute; top:100%; left:0; right:0; padding:16px 24px; background:white; border-bottom:1px solid #dce6ed; box-shadow:0 12px 22px #061c3614; }
  .topbar nav.is-open { display:flex; flex-direction:column; gap:4px; }
  .topbar nav a { display:block; padding:12px; font-size:1rem; }
}
@media (max-width:800px) {
  .service-card { min-height:0; }
  .service-body { padding:24px; min-height:0; }
  .service-body h3 { margin:12px 0; }
  .brand-chips { margin-top:0; }
  .hero-proof { flex-wrap:wrap; gap:8px 18px; }
  .hero-proof span { border:0; padding:0; white-space:normal; min-width:0; font-size:.875rem; }
  .about { gap:0; }
  .about-panel,.about-copy { padding:56px 24px; }
}
@media (max-width:560px) {
  .topbar { height:auto; min-height:88px; flex-wrap:wrap; gap:10px; padding:14px 16px; }
  .topbar .brand { flex:1 1 100%; }
  .menu-toggle { margin-left:0; }
  .header-actions { margin-left:auto; }
  .brand-copy strong { font-size:1.3rem; }
  .brand-copy span { font-size:.75rem; }
  .hero { padding-top:60px; min-height:0; padding-bottom:150px; }
  .hero h1 { font-size:2.8rem; }
  .hero-proof { padding:20px; }
  .intro,.services,.brands,.contact { padding-top:56px; padding-bottom:56px; }
  .lang { min-height:44px; font-size:.875rem; }
  .brand-wall span { font-size:.875rem; }
  html { scroll-padding-top:150px; }
  .whatsapp-float { right:14px; bottom:14px; }
  .whatsapp-float span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  .whatsapp-float { width:52px; height:52px; padding:0; justify-content:center; }
}
@media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} *,*:before,*:after {transition:none!important;} }