/* ============================================================
   FUMIPLAG BRAND MOTION V8
   Paleta tomada del logotipo: verde + rojo + negro + blanco.
   Movimiento sutil, premium y responsive. Sin texto rasterizado.
   ============================================================ */
:root{
  --green-950:#062c1d;
  --green-900:#064f2d;
  --green-800:#006f38;
  --green-700:#008f44;
  --green-600:#0aa356;
  --green-100:#e4f6ec;
  --green-50:#f3fbf7;
  --red:#e2322b;
  --red-dark:#bb241f;
  --red-soft:#fff0ef;
  --brand-black:#111311;
  --ink:#151816;
  --muted:#5d6962;
  --line:#dbe6df;
  --soft:#f6faf7;
  --shadow-sm:0 14px 32px rgba(3,75,40,.09);
  --shadow-md:0 28px 72px rgba(4,70,38,.15);
}

body{
  background:
    radial-gradient(circle at 10% 2%,rgba(0,143,68,.035),transparent 20rem),
    radial-gradient(circle at 90% 22%,rgba(226,50,43,.025),transparent 19rem),
    #fff;
}

/* Barra de progreso y cabecera con identidad de marca */
.scroll-progress{height:4px;background:linear-gradient(90deg,var(--green-700) 0 58%,var(--red) 58% 100%);box-shadow:0 1px 12px rgba(0,143,68,.26)}
.site-header{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--green-700),var(--green-700) 62%,var(--red) 62%,var(--red));transform:scaleX(.22);transform-origin:left;opacity:.85;transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.site-header.scrolled::after{transform:scaleX(1)}
.brand-logo{filter:drop-shadow(0 6px 10px rgba(0,0,0,.05))}
.brand-copy strong{color:var(--brand-black)}
.brand-copy strong em{background:linear-gradient(135deg,var(--red),#f04b44);box-shadow:0 6px 14px rgba(226,50,43,.18)}
.brand-copy small{color:var(--green-700)}
.main-nav a:not(.nav-cta):hover,.main-nav a.active{color:var(--green-800);background:rgba(0,143,68,.07)}
.main-nav a.active::after{background:linear-gradient(90deg,var(--green-700),var(--red))}
.main-nav .nav-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--green-700),#006e36);box-shadow:0 12px 28px rgba(0,143,68,.2)}
.main-nav .nav-cta::after,.button.primary::after{content:"";position:absolute;inset:-60% auto -60% -35%;width:32%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);animation:brandSheen 4.8s ease-in-out infinite}
.main-nav .nav-cta:hover{background:linear-gradient(135deg,#007c3c,#005e2e)}

/* Franja de movimiento - visible y elegante, no invasiva */
.brand-motion{position:relative;z-index:12;overflow:hidden;border-bottom:1px solid rgba(0,143,68,.11);background:linear-gradient(90deg,#08150f,#06351f 50%,#111311);color:#fff}
.brand-motion::before,.brand-motion::after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:80px;pointer-events:none}
.brand-motion::before{left:0;background:linear-gradient(90deg,#08150f,transparent)}
.brand-motion::after{right:0;background:linear-gradient(270deg,#111311,transparent)}
.brand-motion-track{display:flex;width:max-content;min-width:100%;align-items:center;gap:0;animation:brandTicker 25s linear infinite;will-change:transform}
.brand-motion-item{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:8px 18px;color:#d9ebe0;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.brand-motion-item::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(226,50,43,.11)}
.brand-motion-item b{color:#74e09f;font-weight:900}

/* Hero: mezcla de verde/rojo del logo con movimiento orgánico */
.hero.hero-v6{
  --mx:78%;--my:20%;
  padding-top:44px;
  background:
    radial-gradient(circle at var(--mx) var(--my),rgba(226,50,43,.09),transparent 19rem),
    radial-gradient(circle at 10% 24%,rgba(0,143,68,.12),transparent 22rem),
    linear-gradient(180deg,#f6fcf8 0%,#fff 78%);
}
.hero-v6::before{width:430px;height:430px;right:-170px;top:45px;border:1px solid rgba(0,143,68,.16);box-shadow:inset 0 0 0 34px rgba(0,143,68,.025);animation:brandOrbit 13s ease-in-out infinite}
.hero-v6::after{content:"";position:absolute;left:-100px;bottom:80px;width:270px;height:270px;border-radius:48% 52% 58% 42%;background:radial-gradient(circle at 62% 36%,rgba(226,50,43,.11),rgba(226,50,43,.02) 58%,transparent 62%);filter:blur(1px);animation:brandBlob 10s ease-in-out infinite;pointer-events:none}
.hero-v6-brand{border-color:rgba(0,143,68,.15);box-shadow:0 16px 38px rgba(0,85,42,.1)}
.hero-v6-brandline strong{color:var(--brand-black)}
.hero-v6-brandline b{background:linear-gradient(135deg,var(--red),#f14a43);box-shadow:0 7px 16px rgba(226,50,43,.18)}
.hero-v6-kicker{color:var(--green-800)}
.hero-v6-kicker span{background:var(--red);box-shadow:0 0 0 5px rgba(226,50,43,.11);animation:brandPulse 2.2s ease-out infinite}
.hero-v6 h1{color:var(--brand-black);background:linear-gradient(95deg,#111311 0%,#111311 62%,var(--green-800) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-v6-special{color:#174a30}
.hero-v6-special>span{background:var(--red-soft);color:var(--red)}
.hero-v6-secondary{border-color:rgba(0,143,68,.22);color:var(--green-900)}
.hero-v6-secondary:hover{border-color:var(--green-700);background:var(--green-50);box-shadow:0 12px 30px rgba(0,143,68,.12)}
.hero-v6-details>div{position:relative;overflow:hidden;border-color:rgba(0,143,68,.12);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.hero-v6-details>div::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--green-700),var(--red));transform:scaleY(.25);transition:transform .25s ease}
.hero-v6-details>div:hover{transform:translateY(-3px);border-color:rgba(0,143,68,.28);box-shadow:0 12px 30px rgba(0,143,68,.08)}
.hero-v6-details>div:hover::after{transform:scaleY(1)}
.hero-v6-details>div>span{background:var(--green-50);color:var(--green-700)}

.hero-v7-media::before{background:radial-gradient(circle at 77% 18%,rgba(226,50,43,.13),transparent 34%),linear-gradient(145deg,#dff5e8,#fbfdfb 72%)}
.hero-v7-video-card{border:1px solid rgba(0,143,68,.25);box-shadow:0 30px 82px rgba(3,69,37,.2),14px 14px 0 -8px rgba(226,50,43,.14);transition:box-shadow .32s ease,transform .18s ease}
.hero-v7-video-card:hover{box-shadow:0 38px 94px rgba(3,69,37,.24),16px 16px 0 -7px rgba(226,50,43,.18)}
.hero-v7-video-topline{background:rgba(5,48,28,.72)}
.hero-v7-video-topline .live-dot{background:var(--red);box-shadow:0 0 0 4px rgba(226,50,43,.16);animation:brandPulse 2s ease-out infinite}
.hero-v7-dengue-card{border-color:#fff;box-shadow:0 26px 62px rgba(5,52,31,.23),0 0 0 2px rgba(226,50,43,.18);transition:transform .2s ease,box-shadow .25s ease}
.hero-v7-dengue-copy small{color:#aef1c6}.hero-v7-dengue-copy b{color:#ffd5d2}
.hero-v7-float{border-color:rgba(0,143,68,.16)}
.hero-v7-float>span{color:var(--red);animation:brandPulse 2.2s ease-out infinite}
.hero-v7-contactbar{border-color:rgba(0,143,68,.15);box-shadow:0 18px 48px rgba(0,100,50,.09)}
.hero-v7-contact-title{position:relative;overflow:hidden;background:linear-gradient(135deg,#07130d,#064a2b);color:#fff}
.hero-v7-contact-title::after{content:"";position:absolute;right:-28px;bottom:-34px;width:82px;height:82px;border-radius:50%;background:rgba(226,50,43,.9);filter:blur(1px)}
.hero-v7-contact-title p,.hero-v7-contact-title>span{position:relative;z-index:1}
.hero-v7-contact-title>span{color:#7de3a4}
.contact-ico{background:var(--green-50);color:var(--green-700);transition:transform .2s ease,background .2s ease,color .2s ease}
.hero-v7-contactbar>a:hover .contact-ico{transform:rotate(-7deg) scale(1.08);background:var(--red-soft);color:var(--red)}
.hero-v6-proof{border-color:rgba(0,143,68,.14)}
.hero-v6-proof>div{position:relative;transition:background .25s ease,transform .25s ease}
.hero-v6-proof>div::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--green-700),var(--red));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.hero-v6-proof>div:hover{background:linear-gradient(180deg,var(--green-50),#fff);transform:translateY(-2px)}
.hero-v6-proof>div:hover::before{transform:scaleX(1)}

/* Tipografía y acentos de todas las secciones */
.eyebrow{color:var(--red)}
.section-head h2,.about-copy h2,.dengue-copy h2,.coverage-copy h2,.quote-intro h2,.responsibility-card h2,.faq-intro h2{color:var(--brand-black)}
.section-head h2::after,.about-copy h2::after,.faq-intro h2::after{content:"";display:block;width:64px;height:4px;margin-top:18px;border-radius:99px;background:linear-gradient(90deg,var(--green-700) 0 62%,var(--red) 62%)}
.text-link{color:var(--green-800)}

/* Nosotros */
.about{position:relative;overflow:hidden}
.about::before{content:"";position:absolute;left:-180px;top:110px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(0,143,68,.07),transparent 66%);pointer-events:none}
.about-visual{transform-style:preserve-3d}
.about-visual::before{background:linear-gradient(145deg,var(--green-100) 0 62%,#ffd9d6 62%);animation:brandGradientDrift 8s ease-in-out infinite}
.about-visual>img{box-shadow:0 28px 70px rgba(4,70,38,.16);transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s ease}
.about-visual:hover>img{transform:scale(1.018);filter:saturate(1.05) contrast(1.02)}
.about-badge{background:linear-gradient(135deg,var(--green-800),var(--green-950));box-shadow:0 18px 34px rgba(0,92,45,.2)}
.about-badge::after{content:"";position:absolute;inset:auto -14px -14px auto;width:44px;height:44px;border-radius:50%;background:var(--red);opacity:.88}
.about-highlights span{border-color:rgba(0,143,68,.12);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.about-highlights span:hover{transform:translateY(-3px);border-color:rgba(0,143,68,.28);box-shadow:0 12px 28px rgba(0,143,68,.08)}
.about-highlights b{color:var(--green-800)}

/* Servicios: tarjetas con más vida, sin perder legibilidad */
.services{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8fcf9 50%,#fff 100%)}
.services::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,143,68,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,143,68,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,transparent,black 24%,black 78%,transparent)}
.service-grid{position:relative;z-index:1}
.service-card{position:relative;isolation:isolate;border-color:rgba(0,143,68,.13);box-shadow:0 10px 28px rgba(3,66,35,.06);transform-style:preserve-3d;will-change:transform}
.service-card::before{content:"";position:absolute;z-index:3;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--green-700),var(--green-700) 58%,var(--red) 58% 100%);transform:scaleX(.28);transform-origin:left;transition:transform .36s ease}
.service-card:hover{border-color:rgba(0,143,68,.3);box-shadow:0 26px 56px rgba(3,66,35,.13)}
.service-card:hover::before{transform:scaleX(1)}
.service-media-link{overflow:hidden;background:#e9f5ee}
.service-media-link img,.service-media{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease!important}
.service-card:hover .service-media-link img,.service-card:hover .service-media{transform:scale(1.065)!important;filter:saturate(1.06) contrast(1.02)}
.service-number{color:var(--red)!important;background:var(--red-soft)!important}
.service-card h3{color:var(--brand-black)}
.service-actions button{background:var(--green-700)!important;color:#fff!important;border-color:var(--green-700)!important}
.service-actions button:hover{background:var(--green-800)!important}
.service-actions a{color:var(--green-800)!important}

/* Atención responsable */
.responsibility{position:relative;overflow:hidden;background:#fff}
.responsibility-card{position:relative;overflow:hidden;border-color:rgba(0,143,68,.15)!important;background:linear-gradient(135deg,#07160e 0%,#064c2c 58%,#073920 100%)!important;color:#fff!important;box-shadow:0 28px 64px rgba(2,52,27,.18)!important}
.responsibility-card::before{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-120px;border-radius:50%;background:radial-gradient(circle,var(--red),rgba(226,50,43,.15) 42%,transparent 66%);opacity:.9;animation:brandBlob 9s ease-in-out infinite}
.responsibility-card>*{position:relative;z-index:1}
.responsibility-card .eyebrow{color:#ff918c}
.responsibility-card h2{color:#fff}
.responsibility-card>div>p{color:#d9ebe0}
.responsibility-card .text-link{color:#8be8ae}

/* Dengue */
.dengue{overflow:hidden;background:radial-gradient(circle at 92% 18%,rgba(226,50,43,.08),transparent 23rem),radial-gradient(circle at 6% 84%,rgba(0,143,68,.09),transparent 26rem),#fff}
.dengue-copy h2 em{color:var(--red)}
.dengue-tags span{border:1px solid rgba(0,143,68,.14);background:var(--green-50);color:var(--green-900);transition:transform .2s ease,background .2s ease,color .2s ease}
.dengue-tags span:nth-child(even){border-color:rgba(226,50,43,.14);background:var(--red-soft);color:#8e211d}
.dengue-tags span:hover{transform:translateY(-3px)}
.dengue-media{border:1px solid rgba(0,143,68,.16);background:linear-gradient(145deg,var(--green-100),#fff 62%,var(--red-soft));box-shadow:0 26px 64px rgba(4,70,38,.14);transform-style:preserve-3d;animation:dengueFloat 6.5s ease-in-out infinite}
.dengue-media::before{content:"";position:absolute;z-index:-1;right:-26px;top:-28px;width:96px;height:96px;border-radius:50%;background:var(--red);opacity:.1}
.dengue-media figcaption{border:1px solid rgba(0,143,68,.14)}

/* Galería */
.work{background:linear-gradient(180deg,#fff,#f8fbf9)}
.gallery-filters button:hover,.gallery-filters button.active{border-color:var(--green-700);background:linear-gradient(135deg,var(--green-700),var(--green-900));box-shadow:0 8px 18px rgba(0,143,68,.15)}
.gallery a{border:1px solid rgba(0,143,68,.08);box-shadow:0 8px 24px rgba(3,66,35,.05);transition:transform .28s ease,box-shadow .28s ease}
.gallery a:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(3,66,35,.13)}
.gallery a::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.22) 48%,transparent 61%);transform:translateX(-130%);transition:transform .7s ease}
.gallery a:hover::before{transform:translateX(130%)}
.gallery a::after{z-index:3;border-left:4px solid var(--red);color:var(--brand-black)}

/* Cobertura */
.coverage{position:relative;overflow:hidden}
.coverage-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#06130c 0%,#064527 50%,#008143 100%);box-shadow:0 30px 74px rgba(2,55,29,.2)}
.coverage-card::before{content:"";position:absolute;width:300px;height:300px;right:-110px;bottom:-180px;border-radius:50%;background:radial-gradient(circle,var(--red) 0 26%,rgba(226,50,43,.22) 27% 44%,transparent 67%);animation:brandOrbit 12s ease-in-out infinite}
.coverage-card>*{position:relative;z-index:1}
.coverage-copy .eyebrow{color:#ffaaa6}
.coverage-label{color:#9be7b7}
.zones li{border-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.08)!important;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.zones li:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.14)!important}

/* FAQ + orientador */
.faq-section{background:#fff}
.diagnostic-card{position:relative;overflow:hidden;border-color:rgba(0,143,68,.15)!important;box-shadow:0 15px 36px rgba(2,68,34,.07)!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important}
.diagnostic-card::after{content:"";position:absolute;right:-44px;top:-44px;width:96px;height:96px;border-radius:50%;background:linear-gradient(145deg,rgba(0,143,68,.14),rgba(226,50,43,.14));transition:transform .35s ease}
.diagnostic-card:hover{transform:translateY(-5px);border-color:rgba(0,143,68,.3)!important;box-shadow:0 24px 54px rgba(2,68,34,.12)!important}
.diagnostic-card:hover::after{transform:scale(1.35)}
.diagnostic-card-icon{background:linear-gradient(135deg,var(--green-700),var(--green-900))!important;color:#fff!important}
.diagnostic-badge{background:var(--red-soft)!important;color:var(--red)!important}
.diagnostic-progress span{background:linear-gradient(90deg,var(--green-700),var(--red))!important}

/* Cotización */
.quote{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7fbf8 100%)}
.quote::before{content:"";position:absolute;left:-110px;bottom:80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(0,143,68,.07),transparent 68%)}
.quote-note{border:1px solid rgba(0,143,68,.12);background:var(--green-50)}
.quote-note>span{background:linear-gradient(135deg,var(--green-700),var(--green-900))}
.contact-mini a{border-color:rgba(0,143,68,.13)}
.contact-mini a:hover{border-color:rgba(0,143,68,.32);background:var(--green-50);color:var(--green-900)}
.quote-form{position:relative;border-color:rgba(0,143,68,.15);background:#fff;box-shadow:0 28px 70px rgba(3,69,37,.1)}
.quote-form::before{content:"";position:absolute;left:24px;right:24px;top:0;height:4px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,var(--green-700),var(--green-700) 66%,var(--red) 66%)}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:rgba(0,143,68,.65)!important;box-shadow:0 0 0 4px rgba(0,143,68,.09)!important}
.file-field:hover b{border-color:var(--green-700)!important;color:var(--green-800)!important}

/* Botones */
.button.primary{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--red),#c92923);box-shadow:0 14px 30px rgba(226,50,43,.22)}
.button.primary:hover{background:linear-gradient(135deg,#ef4038,var(--red-dark));box-shadow:0 18px 36px rgba(226,50,43,.28)}
.button.primary span{transition:transform .2s ease}.button.primary:hover span{transform:translateX(3px)}

/* Footer */
footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#080b09 0%,#052619 45%,#06462a 100%)}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--green-700) 0 64%,var(--red) 64%)}
footer::after{content:"";position:absolute;right:-90px;top:60px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(226,50,43,.16),transparent 66%);pointer-events:none}
.footer-grid,.footer-bottom{position:relative;z-index:1}
.footer-brand .brand-logo{box-shadow:0 10px 30px rgba(0,0,0,.12)}
.official-socials a{transition:transform .2s ease,color .2s ease}.official-socials a:hover{transform:translateX(4px);color:#fff}

/* WhatsApp: conserva el verde de la plataforma, añade vida sin exagerar */
.whatsapp-float{animation:whatsappFloat 3.8s ease-in-out infinite;box-shadow:0 16px 40px rgba(0,120,58,.24)}
.whatsapp-icon{position:relative}
.whatsapp-icon::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(37,211,102,.45);border-radius:50%;animation:whatsappRing 2.4s ease-out infinite}

/* Interacción con puntero. JS actualiza estas variables, CSS mantiene el fallback. */
.brand-tilt{--rx:0deg;--ry:0deg;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease,box-shadow .25s ease!important}
.brand-tilt.is-tilting{transition:box-shadow .25s ease!important}
.brand-tilt.service-card:hover{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-8px)}
.brand-tilt.hero-v7-video-card:hover{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-3px)}
.brand-tilt.about-visual,.brand-tilt.dengue-media{transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry))}

/* Stagger adicional: los componentes no aparecen todos a la vez */
.brand-enter{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .68s cubic-bezier(.2,.72,.2,1),transform .68s cubic-bezier(.2,.72,.2,1);transition-delay:var(--enter-delay,0ms)}
.brand-enter.brand-entered{opacity:1;transform:none}

@keyframes brandTicker{to{transform:translateX(-50%)}}
@keyframes brandSheen{0%,64%{transform:translateX(-180%) skewX(-18deg)}78%,100%{transform:translateX(560%) skewX(-18deg)}}
@keyframes brandOrbit{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-18px,18px,0) rotate(9deg)}}
@keyframes brandBlob{0%,100%{transform:translate3d(0,0,0) scale(1);border-radius:48% 52% 58% 42%}50%{transform:translate3d(16px,-14px,0) scale(1.08);border-radius:58% 42% 43% 57%}}
@keyframes brandPulse{0%{box-shadow:0 0 0 0 rgba(226,50,43,.18)}75%,100%{box-shadow:0 0 0 11px rgba(226,50,43,0)}}
@keyframes brandGradientDrift{0%,100%{filter:saturate(1)}50%{filter:saturate(1.12)}}
@keyframes dengueFloat{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-8px) rotate(.35deg)}}
@keyframes whatsappFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes whatsappRing{0%{opacity:.7;transform:scale(.88)}75%,100%{opacity:0;transform:scale(1.34)}}

@media(max-width:900px){
  .brand-motion-item{padding:7px 14px;font-size:7px}
  .hero.hero-v6{padding-top:30px}
  .hero-v6::before{width:330px;height:330px;right:-170px}
  .hero-v7-video-card{box-shadow:0 26px 64px rgba(3,69,37,.17),10px 10px 0 -7px rgba(226,50,43,.14)}
}

@media(max-width:640px){
  .brand-motion::before,.brand-motion::after{width:32px}
  .brand-motion-item{padding:7px 11px;font-size:6.5px;letter-spacing:.09em}
  .hero.hero-v6{padding-top:22px}
  .hero-v6 h1{background:linear-gradient(95deg,#111311 0 70%,var(--green-800) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .section-head h2::after,.about-copy h2::after,.faq-intro h2::after{width:52px;height:3px;margin-top:14px}
  .service-card:hover,.gallery a:hover,.about-highlights span:hover,.zones li:hover{transform:none}
  .dengue-media{animation:none}
}

@media(prefers-reduced-motion:reduce){
  .brand-motion-track,.hero-v6::before,.hero-v6::after,.hero-v6-kicker span,.hero-v7-video-topline .live-dot,.hero-v7-float>span,.responsibility-card::before,.coverage-card::before,.dengue-media,.whatsapp-float,.whatsapp-icon::after,.main-nav .nav-cta::after,.button.primary::after{animation:none!important}
  .brand-tilt,.brand-tilt:hover{transform:none!important}
  .brand-enter{opacity:1!important;transform:none!important;transition:none!important}
}