:root{--green:#07532f;--green2:#0c6a3b;--gold:#d5a325;--text:#111913;--soft:#f6f7f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}button,a{font:inherit}.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(18px,5vw,60px);background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 3px 18px rgba(0,0,0,.08)}.brand img{display:block;width:265px;max-width:62vw}.header-actions{display:flex;align-items:center;gap:14px}.header-whatsapp{width:50px;height:50px;border-radius:9px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:27px}.menu-toggle{width:48px;height:48px;border:0;background:transparent;display:grid;align-content:center;gap:6px;cursor:pointer}.menu-toggle i{height:4px;background:#202520;border-radius:8px}.mobile-menu{position:fixed;right:0;top:0;bottom:0;width:min(340px,86vw);background:#fff;z-index:80;padding:90px 28px 30px;transform:translateX(105%);transition:.25s;box-shadow:-12px 0 35px rgba(0,0,0,.18)}.mobile-menu.open{transform:none}.mobile-menu a{display:block;padding:16px 4px;border-bottom:1px solid #e7e7e7;font-weight:800}.menu-close{position:absolute;right:18px;top:16px;border:0;background:none;font-size:38px}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:70;opacity:0;pointer-events:none;transition:.2s}.menu-overlay.show{opacity:1;pointer-events:auto}
.hero{height:540px;position:relative;overflow:hidden;background:#fff;display:flex;align-items:center;padding:46px max(6vw,48px)}.city{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.87)),linear-gradient(#eef1ef 0 0);opacity:.9}.city:before{content:"";position:absolute;left:34%;right:5%;bottom:70px;height:250px;background:linear-gradient(90deg,transparent 0 4%,#e5e9e7 4% 9%,transparent 9% 12%,#e8ebe9 12% 18%,transparent 18% 22%,#e2e7e4 22% 29%,transparent 29% 33%,#e7ebe8 33% 39%,transparent 39% 43%,#e2e7e4 43% 51%,transparent 51% 56%,#e8ebe9 56% 64%,transparent 64%);filter:blur(2px);opacity:.55}.hero-green{position:absolute;right:-130px;top:-120px;width:520px;height:760px;background:var(--green);transform:rotate(34deg);z-index:1}.hero-copy{position:relative;z-index:4;width:48%;max-width:610px}.hero h1{font-size:clamp(42px,5.2vw,72px);line-height:.99;margin:0 0 20px;font-weight:900;letter-spacing:-1.8px}.hero h1 span{color:var(--green)}.hero-copy p{font-size:clamp(17px,1.8vw,22px);line-height:1.5;max-width:510px;margin:0 0 24px}.hero-buttons{display:grid;gap:10px;width:min(330px,100%)}.btn{min-height:52px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}.btn.primary{background:var(--green);color:#fff;border:2px solid var(--green)}.btn.secondary{background:#fff;color:var(--green);border:2px solid var(--green)}.hero-photo{position:absolute;z-index:3;right:-25px;bottom:-12px;width:58%;display:flex;justify-content:flex-end}.hero-photo img{width:min(760px,100%);display:block;filter:drop-shadow(0 18px 20px rgba(0,0,0,.22))}
.benefits{position:relative;z-index:5;width:min(1120px,92%);margin:-28px auto 0;background:linear-gradient(135deg,#053b24,#07532f);color:#fff;border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);padding:22px 8px;box-shadow:0 12px 30px rgba(0,0,0,.14)}.benefits article{text-align:center;padding:0 12px;border-right:1px solid rgba(255,255,255,.2)}.benefits article:last-child{border:0}.benefit-icon{color:var(--gold);font-size:36px;line-height:1}.benefits h3{font-size:14px;margin:8px 0 6px}.benefits p{font-size:12px;line-height:1.35;margin:0;color:#f4f7f5}.section{padding:66px max(20px,4vw)}.section-title{text-align:center;margin-bottom:32px}.section-title small{color:var(--green);font-weight:900}.section-title h2{font-size:clamp(28px,3.3vw,42px);line-height:1.12;margin:8px 0 11px}.section-title span{display:block;width:40px;height:4px;background:var(--gold);border-radius:4px;margin:auto}.slider-shell{max-width:1180px;margin:auto}.cards{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:15px 8px 28px;scrollbar-width:none}.cards::-webkit-scrollbar{display:none}.dumpster-card{scroll-snap-align:center;flex:0 0 290px;border:1px solid #ddd;border-radius:14px;background:#fff;padding:18px;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.06)}.dumpster-card.featured{box-shadow:0 15px 34px rgba(0,0,0,.12);transform:translateY(-7px)}.dumpster-card h3{font-size:32px;color:var(--green);margin:0 0 5px}.dumpster-card img{display:block;width:100%;height:180px;object-fit:contain}.dumpster-card ul{padding:0;margin:8px 0 18px;list-style:none;min-height:96px}.dumpster-card li{margin:8px 0;font-size:14px}.dumpster-card li:before{content:"✓";display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;font-weight:900;margin-right:8px}.tag{position:absolute;right:14px;top:14px;background:var(--gold);color:#fff;border-radius:5px;padding:8px 9px;font-size:10px;font-weight:900}.card-button{height:48px;border-radius:7px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}.dots{display:flex;justify-content:center;gap:9px}.dots button{width:10px;height:10px;border-radius:50%;border:0;background:#ddd;padding:0}.dots button.active{background:var(--green)}.how{padding-top:36px}.steps{max-width:960px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.steps:before{content:"";position:absolute;left:12%;right:12%;top:59px;border-top:2px dashed #d5ddd8}.steps article{text-align:center;position:relative}.steps em{position:absolute;left:50%;top:-5px;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900;z-index:2}.step-icon{width:70px;height:70px;border-radius:50%;background:#fff;box-shadow:0 7px 18px rgba(0,0,0,.12);margin:14px auto 10px;display:grid;place-items:center;color:var(--green);font-size:30px;position:relative;z-index:1}.steps p{font-size:14px;font-weight:800;line-height:1.35}.eco-strip{width:min(1120px,92%);margin:0 auto 48px;border-radius:18px;background:linear-gradient(120deg,#053b24,#07532f);color:#fff;padding:25px 30px;display:flex;align-items:center;gap:20px}.eco-icon{width:66px;height:66px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:32px;flex:none}.eco-strip h2{font-size:18px;margin:0 0 7px}.eco-strip p{margin:0;line-height:1.45}.faq{background:var(--soft)}.faq details{max-width:850px;margin:12px auto;background:#fff;border:1px solid #e0e4e1;border-radius:10px;padding:18px 20px}.faq summary{font-weight:900;cursor:pointer}.faq p{line-height:1.55;color:#475248}.float-wa{position:fixed;right:18px;bottom:18px;z-index:40;width:66px;height:66px;border-radius:50%;background:#17ac4e;color:#fff;border:5px solid rgba(255,255,255,.9);box-shadow:0 9px 24px rgba(0,0,0,.25);display:grid;place-items:center;font-size:32px}footer{background:#071f15;color:#fff;text-align:center;padding:42px 24px}footer img{width:230px;background:#fff;border-radius:8px;padding:8px}footer p{color:#d8e1dc;max-width:580px;margin:18px auto}footer div{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}footer a{color:#fff;text-decoration:underline}footer small{display:block;margin-top:24px;color:#9fb0a6}
@media(max-width:760px){.header{height:82px;padding:11px 15px}.brand img{width:218px;max-width:61vw}.header-actions{gap:8px}.header-whatsapp,.menu-toggle{width:45px;height:45px}.hero{height:510px;padding:42px 22px 24px;align-items:flex-start}.city:before{left:22%;right:-20%;bottom:78px;height:220px}.hero-green{width:305px;height:600px;right:-146px;top:-112px;transform:rotate(34deg)}.hero-copy{width:67%;padding-top:8px}.hero h1{font-size:38px;line-height:1.01;letter-spacing:-1.2px}.hero-copy p{font-size:16px;line-height:1.45;margin-bottom:18px}.hero-buttons{width:250px;gap:9px}.btn{height:46px;min-height:46px;font-size:12px}.hero-photo{right:-56px;bottom:13px;width:63%}.hero-photo img{width:100%}.benefits{width:94%;margin:-1px auto 0;border-radius:15px;padding:18px 3px}.benefits article{padding:0 4px}.benefit-icon{font-size:28px}.benefits h3{font-size:10px;line-height:1.18}.benefits p{font-size:9px}.section{padding:54px 15px}.section-title{margin-bottom:28px}.section-title h2{font-size:28px}.cards{padding-left:10vw;padding-right:10vw;gap:14px}.dumpster-card{flex-basis:78vw;max-width:330px}.dumpster-card.featured{transform:none}.dumpster-card img{height:175px}.steps{gap:2px}.steps:before{top:48px;left:10%;right:10%}.step-icon{width:57px;height:57px;font-size:24px}.steps em{top:-6px;width:23px;height:23px;font-size:12px}.steps p{font-size:10px}.eco-strip{width:100%;border-radius:0;margin:0;padding:22px 18px}.eco-icon{width:58px;height:58px}.eco-strip h2{font-size:14px}.eco-strip p{font-size:12px}.float-wa{width:62px;height:62px}}
@media(max-width:430px){.brand img{width:190px}.hero{height:505px;padding-left:18px}.hero h1{font-size:34px}.hero-copy{width:70%}.hero-copy p{font-size:15px}.hero-buttons{width:238px}.hero-photo{right:-72px;width:68%;bottom:17px}.benefits{width:100%;border-radius:0}.benefits p{display:none}.cards{padding-left:9vw;padding-right:9vw}.dumpster-card{flex-basis:82vw}}

/* Refinamento final mobile baseado no layout aprovado */
.wa-svg{width:25px;height:25px;display:block;flex:none}.btn,.card-button{gap:9px}.circle-arrow{width:23px;height:23px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:14px;line-height:1}.header-whatsapp .wa-svg{width:29px;height:29px}.float-wa .wa-svg{width:35px;height:35px}
.brand img{background:transparent!important}
.hero-photo img,.dumpster-card img{background:transparent!important}
@media(max-width:760px){
  .header{height:88px;padding:12px 17px;box-shadow:0 4px 16px rgba(0,0,0,.08)}
  .brand img{width:215px;max-width:58vw}
  .header-whatsapp{width:48px;height:48px;border-radius:8px}
  .menu-toggle{width:47px;height:47px;padding:8px 4px}
  .menu-toggle i{height:4px}
  .hero{height:525px;padding:49px 20px 20px;align-items:flex-start;background:#fff}
  .city{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 52%,rgba(255,255,255,.72) 100%)}
  .city:before{left:42%;right:-4%;bottom:90px;height:260px;opacity:.42}
  .hero-green{right:-180px;top:-75px;width:360px;height:560px;transform:rotate(32deg);clip-path:polygon(22% 0,100% 0,100% 100%,0 72%);background:linear-gradient(150deg,#07532f,#0f6d3c)}
  .hero-copy{width:72%;max-width:295px;padding-top:0}
  .hero h1{font-size:35px;line-height:1.02;letter-spacing:-1.25px;margin-bottom:17px}
  .hero-copy p{font-size:15.5px;line-height:1.46;max-width:282px;margin-bottom:18px}
  .hero-buttons{width:248px;gap:9px}
  .btn{height:47px;min-height:47px;border-radius:7px;font-size:11.5px;justify-content:center}
  .btn .wa-svg{width:22px;height:22px}
  .hero-photo{right:-66px;bottom:12px;width:67%;height:228px;align-items:flex-end;overflow:visible}
  .hero-photo img{width:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(0,0,0,.19))}
  .benefits{width:94%;margin:-18px auto 0;border-radius:16px;padding:16px 2px;box-shadow:0 10px 24px rgba(0,0,0,.15)}
  .benefits article{padding:0 5px;min-width:0}
  .benefit-icon{font-size:27px;margin-bottom:4px}
  .benefits h3{font-size:9.5px;line-height:1.18;margin:5px 0 4px}
  .benefits p{font-size:8.5px;line-height:1.3}
  .float-wa{right:17px;bottom:18px;width:59px;height:59px;border-width:4px}
}
@media(max-width:430px){
  .brand img{width:205px;max-width:59vw}
  .hero{height:520px;padding-left:18px;padding-top:46px}
  .hero-copy{width:73%;max-width:286px}
  .hero h1{font-size:34px}
  .hero-photo{right:-78px;bottom:17px;width:70%;height:218px}
  .hero-green{right:-188px;width:355px}
  .benefits{width:94%;border-radius:15px}
  .benefits p{display:block;font-size:8px}
}
@media(max-width:380px){
  .brand img{width:180px}.header-actions{gap:5px}.header-whatsapp,.menu-toggle{width:43px;height:43px}
  .hero h1{font-size:31px}.hero-copy p{font-size:14px}.hero-buttons{width:228px}.hero-photo{right:-76px;width:70%}
}


/* HERO FINAL — ajuste fiel ao layout mobile aprovado */
@media (max-width: 760px) {
  .header {
    height: 86px;
    padding: 11px 16px;
  }

  .brand img {
    width: 215px;
    max-width: 59vw;
  }

  .hero {
    height: 548px;
    padding: 48px 18px 22px;
    align-items: flex-start;
    background:
      linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.96) 48%, rgba(255,255,255,.78) 100%),
      #fff;
  }

  .city {
    opacity: 1;
    background: transparent;
    pointer-events: none;
  }

  .city::before {
    left: 31%;
    right: -12%;
    bottom: 91px;
    height: 255px;
    opacity: .46;
    filter: blur(2.5px);
    background:
      linear-gradient(to top, rgba(229,234,231,.92), rgba(244,247,245,.32)),
      repeating-linear-gradient(
        90deg,
        transparent 0 25px,
        rgba(204,213,208,.55) 25px 61px,
        transparent 61px 82px
      );
    clip-path: polygon(0 45%, 8% 45%, 8% 28%, 17% 28%, 17% 12%, 27% 12%, 27% 37%, 38% 37%, 38% 18%, 49% 18%, 49% 2%, 60% 2%, 60% 32%, 70% 32%, 70% 15%, 82% 15%, 82% 41%, 100% 41%, 100% 100%, 0 100%);
  }

  .hero-green {
    right: -151px;
    top: -48px;
    width: 275px;
    height: 470px;
    transform: rotate(34deg);
    clip-path: polygon(25% 0,100% 0,100% 100%,0 76%);
    background: linear-gradient(145deg,#063f27 0%,#075c35 58%,#0b7040 100%);
    opacity: .98;
  }

  .hero-copy {
    width: 69%;
    max-width: 286px;
    padding-top: 0;
  }

  .hero h1 {
    font-size: 35px;
    line-height: 1.01;
    letter-spacing: -1.2px;
    margin: 0 0 16px;
  }

  .hero-copy p {
    font-size: 15.5px;
    line-height: 1.45;
    max-width: 270px;
    margin: 0 0 17px;
    color: #27302a;
  }

  .hero-buttons {
    width: 247px;
    gap: 8px;
    position: relative;
    z-index: 8;
  }

  .btn {
    height: 47px;
    min-height: 47px;
    font-size: 11.5px;
  }

  .hero-photo {
    right: -92px;
    bottom: 18px;
    width: 86%;
    height: 287px;
    z-index: 5;
    overflow: visible;
    align-items: flex-end;
  }

  .hero-photo img {
    width: 100%;
    max-width: none;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 15px 12px rgba(0,0,0,.23));
  }

  .benefits {
    width: 94%;
    margin: -25px auto 0;
    border-radius: 17px;
    padding: 17px 3px;
  }

  .benefits article {
    padding: 0 5px;
  }

  .benefit-icon {
    font-size: 29px;
  }

  .benefits h3 {
    font-size: 9.7px;
  }

  .benefits p {
    font-size: 8.2px;
  }

  .float-wa {
    width: 57px;
    height: 57px;
    right: 16px;
    bottom: 17px;
  }
}

@media (max-width: 430px) {
  .hero {
    height: 545px;
    padding-top: 45px;
  }

  .hero-copy {
    width: 70%;
    max-width: 278px;
  }

  .hero h1 {
    font-size: 33px;
  }

  .hero-copy p {
    font-size: 14.7px;
    max-width: 260px;
  }

  .hero-buttons {
    width: 238px;
  }

  .hero-green {
    right: -150px;
    width: 265px;
    height: 455px;
  }

  .hero-photo {
    right: -102px;
    bottom: 20px;
    width: 91%;
    height: 276px;
  }

  .benefits {
    width: 94%;
    border-radius: 16px;
  }
}

@media (max-width: 380px) {
  .hero {
    height: 535px;
  }

  .hero h1 {
    font-size: 30px;
  }

  .hero-copy p {
    font-size: 13.8px;
  }

  .hero-buttons {
    width: 220px;
  }

  .hero-photo {
    right: -105px;
    width: 94%;
    height: 264px;
  }
}


/* ÍCONES VETORIAIS FINAIS */
.icon-svg{
  width:1em;
  height:1em;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.header-whatsapp .icon-svg{width:28px;height:28px}
.btn .icon-svg,.card-button .icon-svg{width:20px;height:20px}
.float-wa .icon-svg{width:34px;height:34px}
.benefit-icon .icon-svg{width:38px;height:38px;margin:0 auto}
.step-icon .icon-svg{width:34px;height:34px}
.eco-icon .icon-svg{width:34px;height:34px}
.btn span,.card-button span{display:inline-block}

@media(max-width:760px){
  .benefit-icon .icon-svg{width:30px;height:30px}
  .step-icon .icon-svg{width:28px;height:28px}
  .header-whatsapp .icon-svg{width:26px;height:26px}
}


/* ACABAMENTO FINAL — 2022 */
@media (max-width: 760px) {
  .hero-green {
    right: -168px;
    width: 338px;
    opacity: .94;
  }

  .hero-photo {
    right: -82px;
    bottom: 14px;
    width: 75%;
    height: 248px;
  }

  .hero-photo img {
    transform: scale(1.08);
    transform-origin: right bottom;
  }

  .benefits {
    padding-top: 21px;
    padding-bottom: 20px;
  }

  .benefit-icon .icon-svg {
    width: 34px;
    height: 34px;
  }

  .benefits h3 {
    margin-top: 7px;
  }

  .dumpster-card img {
    height: 188px;
    transform: scale(1.05);
  }

  footer img {
    width: 245px;
  }

  footer p {
    color: #eef4f0;
  }
}

@media (max-width: 430px) {
  .hero-photo {
    right: -88px;
    width: 78%;
    height: 242px;
  }

  .hero-green {
    right: -174px;
    width: 334px;
  }

  .dumpster-card img {
    height: 184px;
  }

  footer img {
    width: 235px;
  }
}