/* Alphatec LP V2 | Layout inspirado nos mockups aprovados; mobile-first em comportamento. */
:root{--forest:#00291d;--forest2:#003c29;--green:#04ae40;--lime:#50e866;--ink:#101a25;--muted:#54616a;--pale:#f2f5f4;--line:#e3eae6;--shadow:0 12px 25px rgba(0,33,22,.07)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:#fff;color:var(--ink);font-family:Inter,'Segoe UI',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{display:block}button,a,summary{-webkit-tap-highlight-color:transparent}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.container{width:min(100% - 108px,1320px);margin:0 auto}.eyebrow{margin:0 0 10px;font-size:10px;font-weight:900;letter-spacing:1.45px;line-height:1.35;text-transform:uppercase;color:#0caa3e}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}h2{font-size:clamp(23px,2.45vw,32px);line-height:1.14;font-weight:850;margin-bottom:13px}h3{font-size:15px;line-height:1.22;margin-bottom:6px;font-weight:800}p{line-height:1.45}.section{padding:26px 0 28px}
.site-header{height:87px;position:absolute;top:0;left:0;right:0;z-index:10;color:white;background:linear-gradient(180deg,rgba(0,29,23,.76),rgba(0,29,23,0))}.header-inner{height:100%;display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:8px;color:#fff;user-select:none}.brand-icon{position:relative;display:block;width:34px;height:38px;flex:none}.brand-icon::before{content:"";position:absolute;top:4px;left:9px;width:18px;height:30px;transform:skewX(-18deg);border-left:8px solid #45dd5f;border-right:8px solid #1bbb44}.brand-icon i{position:absolute;display:block;width:23px;height:7px;left:2px;bottom:3px;background:#27ca53;transform:skewX(-35deg) rotate(-7deg)}.brand-icon b{position:absolute;display:block;height:5px;width:12px;right:-1px;bottom:4px;background:#31d962;transform:rotate(27deg)}.brand-name{display:block;font-size:29px;font-weight:900;letter-spacing:-1.65px;line-height:.99}.brand-name small{display:block;text-align:center;font-size:7px;font-weight:800;letter-spacing:1.1px;margin-top:5px;color:#effaf1}
/* Conversion CTA: one destination, consistent wording across the experience. */
.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:linear-gradient(115deg,#03ad43,#05c54d);color:white;border-radius:9px;min-height:51px;padding:10px 21px;font-size:14px;font-weight:850;line-height:1.2;white-space:nowrap;border:1px solid rgba(20,190,82,.65);box-shadow:0 6px 13px rgba(1,70,29,.17);transition:background .16s,transform .16s}.cta-button:hover{background:linear-gradient(115deg,#009c3c,#04b84a);transform:translateY(-1px)}.cta-button:focus-visible{outline:3px solid #d2ff7a;outline-offset:3px}.cta-button .wa-icon{height:26px;width:26px}.cta-button .arrow{width:18px;height:18px;margin-left:auto}
/* HERO: diagonal forest overlay and the exact worker/camera crop from the approved mockup. */
.hero{position:relative;min-height:409px;background:var(--forest);color:#fff;overflow:hidden;isolation:isolate;display:flex;align-items:end}.hero-photo{position:absolute;z-index:-3;top:0;right:0;bottom:0;width:58%;background-image:url('../img/hero-desktop-hq.webp');background-size:cover;background-position:center 30%;background-repeat:no-repeat}.hero::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#00271b 0%,#002a1d 35%,rgba(0,39,26,.95) 45%,rgba(0,32,22,.55) 53%,transparent 61%);clip-path:polygon(0 0,50% 0,60% 100%,0 100%)}.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,32,23,.52) 0%,transparent 61%),linear-gradient(180deg,transparent 74%,rgba(0,20,12,.19) 100%);pointer-events:none}.hero-inner{position:relative;z-index:2;padding-top:122px;padding-bottom:29px}.hero-content{width:min(57%,660px)}.hero .eyebrow{color:var(--lime);margin-bottom:12px}.hero h1{font-size:clamp(36px,4vw,54px);letter-spacing:-.052em;line-height:1.015;font-weight:900;margin:0 0 9px;max-width:640px}.hero h1 span{display:block;color:#4fe35e}.hero-lead{font-size:clamp(14px,1.37vw,18px);line-height:1.35;max-width:540px;margin-bottom:17px;color:#fff}.hero-lead strong{font-weight:750}.hero-cta{min-width:342px}.hero-benefits{display:flex;gap:16px;margin-top:21px;max-width:590px}.hero-benefits>div{display:flex;align-items:center;gap:9px;line-height:1.28;font-size:11.5px;font-weight:660;min-width:0;padding-right:17px;border-right:1px solid rgba(255,255,255,.17)}.hero-benefits>div:last-child{border:0;padding-right:0}.hero-benefits .icon{color:#48e164;width:27px;height:27px}
/* Sections 2 and 3: matching desktop image/card rhythm. */
.split-grid{display:grid;grid-template-columns:29% 1fr;gap:25px;align-items:center}.section-title h2{max-width:365px}.under-title{font-size:13px;color:#5b6770;max-width:365px;margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.feature{background:linear-gradient(135deg,#f7f9f8,#eef1f0);border-radius:6px;min-height:160px;padding:15px 13px 12px}.feature-icon{display:flex;align-items:center;margin-bottom:12px;color:#0b693a}.feature-icon .icon{width:32px;height:32px}.feature h3{font-size:15px}.feature p{font-size:12px;line-height:1.35;margin:0;color:#505f64}
.environments{background:linear-gradient(120deg,#f7f9f9 0%,#fff 90%)}.env-grid{display:grid;grid-template-columns:29% 1fr;gap:25px;align-items:center}.env-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.env-card{position:relative;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 8px 20px rgba(0,28,19,.04)}.env-image{height:111px;overflow:hidden}.env-image img{width:100%;height:100%;object-fit:cover;object-position:center 33%}.env-badge{position:absolute;top:90px;left:13px;display:grid;place-items:center;background:#00522f;color:#fff;width:35px;height:35px;border-radius:50%;border:3px solid #fff;z-index:2}.env-badge .icon{width:19px;height:19px}.env-content{padding:13px 12px 11px}.env-content h3{font-size:13.5px;margin-bottom:4px}.env-content p{font-size:11.4px;color:#50616d;margin:0;line-height:1.32}
/* Proof section: do not reproduce fictitious project count from conceptual mockup. */
.trust{background:linear-gradient(120deg,#002d1e,#003d2b 54%,#00291c);color:white;padding:25px 0 24px}.trust-layout{display:grid;grid-template-columns:32% 1fr;gap:28px;align-items:center}.trust .eyebrow{color:#54eb68}.trust-copy h2{font-size:clamp(25px,2.5vw,32px);margin-bottom:13px}.trust-copy p:not(.eyebrow){font-size:13px;color:#e0f3e6;line-height:1.45;margin:0}.trust-right{display:grid;gap:13px}.trust-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.trust-benefits>div{display:flex;align-items:center;gap:11px;font-weight:750;font-size:12px;line-height:1.3}.trust-benefits .icon{color:#51e667;width:30px;height:30px}.trust-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.trust-images img{width:100%;height:117px;object-fit:cover;object-position:center;border-radius:6px;border:1px solid rgba(255,255,255,.6)}
.steps-faq{padding:24px 0 27px}.steps-faq-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:33px}.steps-faq-grid>.faq{border-left:1px solid var(--line);padding-left:33px}.steps h2,.faq h2{font-size:25px;max-width:375px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:23px}.step{position:relative;padding:25px 5px 0 26px;border-left:1px solid #dee6e1}.step-number{position:absolute;left:-13px;top:0;display:grid;place-items:center;border-radius:50%;height:27px;width:27px;background:#20b234;color:#fff;font-size:13px;font-weight:850}.step .icon{color:#075c35;width:27px;height:27px;margin-bottom:9px}.step h3{font-size:13px;margin-bottom:5px}.step p{font-size:11px;color:#526170;margin:0;line-height:1.4}.faq-items{display:grid;gap:6px}.faq details{background:#fafbfb;border:1px solid #e4e9e8;border-radius:7px;overflow:hidden}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;cursor:pointer;font-size:12.5px;font-weight:800;padding:10px 12px}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{height:16px;width:16px;transition:transform .2s}.faq details[open] summary .icon{transform:rotate(180deg)}.faq details p{color:#53616b;font-size:12px;margin:0;padding:0 12px 11px}
.last-cta{position:relative;isolation:isolate;overflow:hidden;background:#002b1d;color:#fff;padding:29px 0}.last-photo{position:absolute;z-index:-2;inset:0 0 0 45%;background-image:url('../img/condo-hq.webp');background-repeat:no-repeat;background-size:cover;background-position:center 43%;filter:saturate(1.08)}.last-cta::before{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(90deg,#002b1e 0%,rgba(0,38,25,.98) 40%,rgba(0,41,25,.80) 65%,rgba(0,23,16,.36) 100%)}.last-content{display:flex;align-items:center;justify-content:space-between;gap:28px}.last-content>div{max-width:580px}.last-cta .eyebrow{color:var(--lime)}.last-content h2{font-size:clamp(24px,2.45vw,33px);margin-bottom:9px}.last-content p:not(.eyebrow){font-size:13px;margin:0;color:#e6f4e8}.footer{background:#001f17;color:#d5e6dc;padding:15px 0}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px}.footer-content>span:first-child{font-weight:900;font-size:20px;color:white}.footer-content small{display:block;letter-spacing:1.4px;text-transform:uppercase;font-size:8px;font-weight:750}.sticky-whatsapp{display:none}
@media(min-width:1440px){.hero{min-height:510px}.hero-inner{padding-top:130px;padding-bottom:43px}.hero-photo{background-position:center 34%}.hero-benefits{margin-top:26px}.section{padding:37px 0}.trust{padding:35px 0}}
@media(min-width:768px) and (max-width:1140px){.container{width:min(100% - 70px,1320px)}.hero h1{font-size:clamp(35px,4vw,45px)}.hero-content{width:59%}.hero::before{clip-path:polygon(0 0,54% 0,66% 100%,0 100%)}.split-grid,.env-grid{grid-template-columns:28% 1fr;gap:17px}.feature{padding:12px 10px}.feature h3{font-size:13.5px}.feature p{font-size:11px}.trust-layout{gap:20px}.trust-benefits>div{font-size:11px}}
@media(min-width:768px) and (max-width:900px){.container{width:min(100% - 48px,1320px)}.hero-content{width:67%}.hero-photo{width:54%;background-position:center 27%}.hero h1{font-size:38px}.hero-lead{font-size:14px}.split-grid,.env-grid{grid-template-columns:1fr;align-items:start}.feature-grid{grid-template-columns:repeat(4,1fr)}.env-grid .section-title h2{max-width:100%}.trust-layout{grid-template-columns:1fr 1.5fr}.trust-images img{height:110px}.steps-faq-grid{gap:20px}.steps-faq-grid>.faq{padding-left:20px}.last-cta .cta-button{font-size:12px}}
/* MOBILE: same reading order and close visual proportions to the approved iPhone concept. */
@media(max-width:767px){
 .container{width:min(100% - 28px,515px)}.eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:6px}h2{font-size:clamp(22px,6vw,29px);line-height:1.1}.section{padding:22px 0}
 .site-header{height:69px;background:transparent;color:#003422}.header-inner{align-items:center}.brand{color:#022e1d;gap:6px}.brand-icon{width:29px;height:34px;transform:scale(.83);transform-origin:left center}.brand-name{color:#063721;font-size:25px;letter-spacing:-1.35px}.brand-name small{font-size:6px;color:#14563a;letter-spacing:.9px;margin-top:3px}
 .hero{color:#0b211b;background:#fff;display:block;min-height:0;padding:0}.hero-photo{top:0;right:0;bottom:auto;left:auto;width:64%;height:330px;background-image:url('../img/hero-mobile-hq.webp');background-position:center 40%;background-size:cover;opacity:1;z-index:-3}.hero::before{clip-path:none;inset:0 auto auto 0;width:100%;height:400px;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 30%,rgba(255,255,255,.72) 53%,rgba(255,255,255,0) 87%)}.hero::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.02) 49%,#fff 83%);inset:0;height:390px}.hero-inner{padding-top:101px;padding-bottom:16px}.hero-content{width:100%}.hero .eyebrow{color:#008b34;font-size:10px;line-height:1.22;max-width:180px;margin-bottom:9px}.hero h1{color:#082b21;font-size:clamp(33px,9.3vw,46px);font-weight:900;line-height:1.005;letter-spacing:-.047em;max-width:266px;margin-bottom:8px}.hero h1 span{display:block;color:#007c30}.hero-lead{font-size:clamp(13px,3.55vw,16px);line-height:1.34;max-width:270px;color:#20352b;margin-bottom:15px}.hero-lead strong{color:#153b2b}.cta-button{width:100%;min-height:50px;border-radius:9px;padding:10px 12px;gap:9px;font-size:clamp(11px,3.25vw,15px);font-weight:850}.cta-button .wa-icon{width:25px;height:25px}.cta-button .arrow{width:18px;height:18px}.hero-cta{min-width:0;min-height:53px}.hero-benefits{margin-top:19px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.hero-benefits>div{border-right:1px solid #d4dfda;color:#17382b;padding:0 7px 0 0;font-size:clamp(9px,2.5vw,12px);line-height:1.2;gap:6px;font-weight:750}.hero-benefits>div:not(:first-child){padding-left:8px}.hero-benefits>div:last-child{padding-right:0}.hero-benefits .icon{width:22px;height:22px;color:#058e37}
 .solutions{margin:0 8px;border-radius:22px;background:linear-gradient(130deg,#f4f7f7,#edf3f0);padding:22px 0}.solutions .container{width:min(100% - 28px,495px)}.split-grid{grid-template-columns:1fr;gap:14px}.section-title h2{max-width:500px;margin-bottom:6px}.under-title{display:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.feature{background:#fff;border:1px solid #eff3f1;box-shadow:0 3px 11px rgba(31,86,47,.03);min-height:106px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto 1fr;column-gap:8px;align-items:start;padding:12px 10px}.feature-icon{display:grid;place-items:center;grid-row:1/3;width:40px;height:40px;border-radius:50%;background:#dcf8e5;margin:0;color:#028e32}.feature-icon .icon{width:26px;height:26px}.feature h3{font-size:clamp(11px,3.1vw,14px);line-height:1.16;margin:0 0 5px}.feature p{font-size:clamp(10px,2.7vw,12px);line-height:1.31;color:#51616a}
 .environments{background:#fff;padding:21px 0}.env-grid{grid-template-columns:1fr;gap:13px}.env-cards{gap:7px}.env-card{background:#003826;color:#fff;border-radius:9px;box-shadow:0 7px 15px rgba(0,42,20,.09)}.env-image{height:93px}.env-image img{object-fit:cover;object-position:center 40%}.env-badge{top:99px;left:7px;border:0;background:transparent;width:20px;height:20px}.env-badge .icon{width:18px;height:18px}.env-content{min-height:102px;padding:9px 8px;background:linear-gradient(140deg,#003b27,#005332);color:white}.env-content h3{font-size:clamp(10px,2.6vw,13px);color:white;margin:0 0 6px 22px;min-height:21px}.env-content p{font-size:clamp(9px,2.4vw,11px);line-height:1.25;color:#e3f0e8}
 .trust{display:none} /* the approved mobile concept goes straight from applications to the process */
 .steps-faq{padding:15px 0 22px}.steps-faq-grid{grid-template-columns:1fr;gap:21px}.steps-faq-grid>.faq{border:0;padding:0}.steps h2,.faq h2{font-size:clamp(21px,5.9vw,27px);max-width:520px;margin-bottom:11px}.steps-grid{margin:15px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.step{border:0;padding:2px 4px 0 0;min-width:0}.step-number{top:0;left:0;width:25px;height:25px;font-size:12px}.step .icon{display:none}.step h3{margin:2px 0 5px 27px;font-size:clamp(10px,2.8vw,12px);min-height:27px}.step p{color:#4d5c66;font-size:clamp(9px,2.5vw,11px);line-height:1.25;margin-top:8px}.faq-items{gap:5px}.faq details{background:#f5f7f7;border:0;border-radius:7px}.faq summary{font-size:clamp(11px,3vw,14px);padding:11px 12px}.faq summary .icon{width:14px;height:14px}.faq details p{font-size:12px;padding:0 12px 12px}
 .last-cta{min-height:197px;padding:19px 0 24px;background:#002b1f}.last-photo{inset:0 0 0 40%;background-image:url('../img/hero-mobile-hq.webp');background-size:cover;background-position:center 42%;opacity:.85}.last-cta::before{background:linear-gradient(90deg,rgba(0,38,27,1) 0%,rgba(0,39,29,.98) 38%,rgba(0,40,29,.60) 76%,rgba(0,25,19,.15) 100%)}.last-content{display:block}.last-content h2{max-width:260px;font-size:clamp(24px,6.2vw,30px);line-height:1.09;margin-bottom:8px}.last-content p:not(.eyebrow){font-size:12px;max-width:290px;line-height:1.3}.last-content .cta-button{display:none}
 .footer{padding:13px 0 85px}.footer-content{flex-direction:column;align-items:flex-start;gap:7px;font-size:11px}.footer-content>span:first-child{font-size:17px}
 .sticky-whatsapp{display:block;position:fixed;bottom:0;left:0;right:0;z-index:30;padding:7px 10px max(10px,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(255,255,255,1) 82%,rgba(255,255,255,.94));box-shadow:0 -4px 18px rgba(0,44,24,.11)}.sticky-whatsapp .cta-button{min-height:52px;border-radius:10px;box-shadow:0 7px 19px rgba(0,130,55,.25)}
}
@media(max-width:380px){.container{width:calc(100% - 26px)}.hero h1{font-size:33px;max-width:252px}.hero-lead{max-width:238px;font-size:13px}.hero-photo{width:68%;height:320px;background-position:46% 35%}.hero-benefits>div{font-size:9px}.hero-benefits .icon{width:20px;height:20px}.feature{grid-template-columns:35px 1fr;column-gap:6px;padding:10px 7px}.feature-icon{width:34px;height:34px}.feature-icon .icon{width:22px;height:22px}.env-content{padding:8px 6px}.env-image{height:83px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta-button,.faq summary .icon{transition:none}}


/* Official logo integration */
.brand{display:flex;align-items:center;gap:8px}
.brand-logo{display:block;height:48px;width:auto;max-width:min(340px,72vw);object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08))}
.footer-brand{display:flex;align-items:center}
.footer-logo{display:block;height:34px;width:auto;max-width:min(260px,55vw);object-fit:contain;opacity:.98}
@media(max-width:767px){
  .site-header{height:auto;min-height:69px}
  .header-inner{padding-top:11px;padding-bottom:8px}
  .brand{gap:0}
  .brand-logo{height:41px;max-width:min(250px,76vw)}
  .footer-logo{height:28px;max-width:min(220px,62vw)}
  .footer-content{align-items:flex-start}
}


/* V5 refinements: white logo on dark backgrounds and larger key conversion sections on desktop */
.brand-logo,.footer-logo{filter:none}
@media(min-width:768px){
  .section{padding:34px 0 38px}
  h2{font-size:clamp(27px,2.75vw,38px);margin-bottom:16px}
  .split-grid,.env-grid{gap:32px}
  .section-title h2{max-width:430px}
  .under-title{font-size:14px;max-width:420px}
  .feature-grid{gap:12px}
  .feature{min-height:184px;padding:19px 16px 16px;border-radius:8px}
  .feature-icon{margin-bottom:14px}
  .feature-icon .icon{width:36px;height:36px}
  .feature h3{font-size:16px;margin-bottom:7px}
  .feature p{font-size:12.6px;line-height:1.42}

  .env-cards{gap:12px}
  .env-card{border-radius:8px}
  .env-image{height:134px}
  .env-badge{top:109px;left:14px;width:39px;height:39px}
  .env-content{padding:15px 14px 13px}
  .env-content h3{font-size:15px;margin-bottom:5px}
  .env-content p{font-size:12px;line-height:1.38}

  .steps-faq{padding:34px 0 40px}
  .steps-faq-grid{gap:40px}
  .steps-faq-grid>.faq{padding-left:40px}
  .steps h2,.faq h2{font-size:29px;max-width:430px}
  .steps-grid{gap:18px;margin-top:28px}
  .step{padding:30px 10px 0 30px}
  .step-number{height:31px;width:31px;left:-15px;font-size:14px}
  .step .icon{width:30px;height:30px;margin-bottom:11px}
  .step h3{font-size:14px;margin-bottom:6px}
  .step p{font-size:12px;line-height:1.45}

  .trust{padding:34px 0 36px}
  .trust-layout{gap:34px}
  .trust-copy h2{font-size:clamp(28px,2.85vw,38px);margin-bottom:16px}
  .trust-copy p:not(.eyebrow){font-size:14px;line-height:1.52}
  .trust-benefits{gap:18px}
  .trust-benefits>div{font-size:13px}
  .trust-images{gap:8px}
  .trust-images img{height:132px;border-radius:8px}
}


/* V6: WhatsApp flutuante circular exclusivo do desktop. CTA fixo mobile preservado. */
.desktop-whatsapp-float {
  position: fixed;
  z-index: 90;
  right: 26px;
  bottom: 26px;
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #06ad43;
  color: #fff;
  border: 2px solid rgba(255,255,255,.96);
  box-shadow: 0 8px 27px rgba(0,30,15,.27);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  text-decoration: none;
}
.desktop-whatsapp-float .icon {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.desktop-whatsapp-float:hover,
.desktop-whatsapp-float:focus-visible {
  background: #008f39;
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0,30,15,.31);
}
.desktop-whatsapp-float:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width:767px) {
  .desktop-whatsapp-float { display: none !important; }
  .site-header .brand picture { display: block; }
  .site-header .brand-logo { filter: none; }
}
@media (prefers-reduced-motion:reduce) {
  .desktop-whatsapp-float { transition: none; }
  .desktop-whatsapp-float:hover { transform: none; }
}


/* V9: official brand glyph, expanded contact footer, legible mobile content. */
svg.wa-icon {fill:currentColor;stroke:none;stroke-width:0}
.desktop-whatsapp-float svg.wa-icon{fill:currentColor;stroke:none;stroke-width:0;width:35px;height:39px}
.step svg.wa-icon{fill:currentColor;stroke:none}
.footer{padding:0;background:#001f17;color:#e7f3ee}
.footer-content{display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(230px,1.2fr) minmax(180px,.85fr);align-items:start;gap:clamp(28px,4.5vw,76px);padding-top:42px;padding-bottom:36px;font-size:14px}
.footer-logo{width:auto;height:auto;max-width:min(250px,100%);max-height:64px;object-fit:contain}
.footer-company>p{font-size:14px;line-height:1.6;color:#b3c9bf;max-width:330px;margin:18px 0 0}
.footer-heading{font-size:17px;letter-spacing:-.025em;color:white;margin:3px 0 19px;line-height:1.2}
.footer-links{list-style:none;display:grid;gap:14px;margin:0;padding:0}
.footer-links li,.footer-service p{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:14px;line-height:1.5}
.footer-links li>.icon,.footer-service p>.icon{width:19px;height:19px;min-width:19px;flex-shrink:0;color:#55e179;margin-top:1px}
.footer-links a{overflow-wrap:anywhere;text-underline-offset:3px}
.footer-links a:hover,.footer-links a:focus-visible{color:#66f18d;text-decoration:underline}
.footer-service{display:grid;align-content:start;gap:14px}
.footer-service .footer-heading{margin-bottom:5px}
.footer-service p{color:#d5e4db}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:17px;padding-bottom:19px;display:flex;justify-content:space-between;gap:16px;color:#95b1a2;font-size:12px}

@media(min-width:768px) and (max-width:1050px){
  .footer-content{grid-template-columns:1fr 1.15fr .85fr;gap:22px}
  .footer-links li,.footer-service p{font-size:13px;gap:8px}
  .footer-company>p{font-size:13px}
}

@media(max-width:767px){
  /* Cards remain two-by-two, but all below-hero copy is larger and easier to read. */
  .solutions,.environments,.steps-faq{padding-top:30px;padding-bottom:32px}
  .solutions .container{width:min(100% - 30px,495px)}
  .section-title h2{font-size:clamp(25px,6.6vw,31px);line-height:1.15;margin-bottom:12px}
  .solutions .eyebrow,.environments .eyebrow,.steps-faq .eyebrow{font-size:11.5px;line-height:1.4;letter-spacing:1.1px;margin-bottom:9px}
  .split-grid{gap:15px}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .feature{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;min-height:175px;gap:0;padding:15px 12px 15px;align-content:start}
  .feature-icon{grid-row:auto;width:40px;height:40px;margin-bottom:10px}
  .feature h3{font-size:clamp(15px,4vw,17px);line-height:1.22;margin-bottom:6px}
  .feature p{font-size:clamp(14px,3.65vw,15px);line-height:1.43}
  .env-grid{gap:16px}
  .env-cards{grid-template-columns:1fr;gap:16px}
  .env-card{border-radius:13px;overflow:hidden}
  .env-image{height:clamp(170px,49vw,235px)}
  .env-image img{object-position:center center}
  .env-content{min-height:auto;padding:17px 18px 18px}
  .env-content h3{font-size:clamp(17px,4.5vw,20px);margin:0 0 8px;min-height:0;line-height:1.23}
  .env-content p{font-size:clamp(14px,3.5vw,16px);line-height:1.48;margin:0}
  .steps-faq-grid{gap:30px}
  .steps h2,.faq h2{font-size:clamp(25px,6.4vw,30px);line-height:1.18;margin-bottom:18px}
  .steps-grid{grid-template-columns:1fr;gap:13px;margin-top:18px}
  .step{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:15px 16px;min-height:0;border:1px solid #e6eeea;background:#fbfcfb;border-radius:11px}
  .step-number{position:static;grid-column:1;grid-row:1/3;width:32px;height:32px;font-size:15px}
  .step h3{grid-column:2;grid-row:1;font-size:17px;margin:0 0 5px;min-height:0}
  .step p{grid-column:2;grid-row:2;font-size:14px;line-height:1.48;margin:0}
  .faq-items{gap:9px}
  .faq details{border-radius:10px}
  .faq summary{font-size:clamp(14px,3.85vw,16px);line-height:1.38;padding:15px 14px;gap:12px}
  .faq summary .icon{width:17px;height:17px}
  .faq details p{font-size:14px;line-height:1.55;padding:0 14px 15px}
  .last-cta{padding:28px 0 31px;min-height:206px}
  .last-content h2{font-size:clamp(26px,6.4vw,31px);max-width:300px;line-height:1.12}
  .last-content p:not(.eyebrow){font-size:14px;line-height:1.48}
  .footer{padding:0}
  .footer-content{display:grid;grid-template-columns:1fr;gap:28px;padding-top:38px;padding-bottom:28px}
  .footer-logo{height:auto;max-height:55px;max-width:235px}
  .footer-company>p{font-size:14px;margin-top:15px}
  .footer-heading{font-size:19px;margin-bottom:16px}
  .footer-links{gap:13px}
  .footer-links li,.footer-service p{font-size:15px;line-height:1.5;gap:12px}
  .footer-service{gap:13px}
  .footer-service .footer-heading{margin-bottom:3px}
  .footer-bottom{flex-direction:column;gap:4px;padding-bottom:90px;font-size:12px}
}
@media(max-width:380px){
  .feature{min-height:180px;padding:12px 10px}
  .feature h3{font-size:15px}
  .feature p{font-size:14px}
  .env-image{height:170px}
}