:root{--green:#0e3b2c;--green2:#145d42;--gold:#f2a900;--gold2:#d99000;--ink:#132019;--muted:#5d6a63;--paper:#fff;--soft:#f3f6f4;--line:#d8e1dc;--red:#842d2d;--shadow:0 18px 48px rgba(14,59,44,.12);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font:400 16px/1.6 Roboto,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(calc(100% - 2rem),var(--max));margin:auto}.narrow{max-width:900px}.section{padding:clamp(4rem,8vw,7rem) 0}.section:nth-of-type(even){background:var(--soft)}.eyebrow{margin:0 0 .5rem;color:var(--gold2);font:800 .78rem/1.2 Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase}.section-heading{max-width:780px;margin:0 auto 2.5rem;text-align:center}.section-heading h2,.final-cta h2{margin:0;color:var(--green);font:800 clamp(2rem,5vw,3.6rem)/1.08 Poppins,sans-serif;letter-spacing:-.035em}.section-heading>p:last-child{margin:.8rem auto 0;color:var(--muted);font-size:1.08rem}.center{display:flex;justify-content:center;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:55px;padding:.9rem 1.45rem;border:2px solid transparent;border-radius:8px;font:800 .95rem/1 Poppins,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:.2s}.btn:hover,.btn:focus-visible{transform:translateY(-2px);filter:brightness(.97);box-shadow:0 8px 20px rgba(0,0,0,.15)}.btn-gold{color:#171c18;background:var(--gold)}.btn-dark{color:#fff;background:var(--green)}.btn-whatsapp{color:#fff;background:#168b4d}.btn-outline{color:var(--green);background:#fff;border-color:var(--green)}.button-row{display:flex;gap:.75rem;flex-wrap:wrap}.topbar{position:sticky;z-index:50;top:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(0,0,0,.06)}.topbar-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:grid;font-family:Poppins,sans-serif}.brand strong{font-size:1.08rem;color:var(--green)}.brand span{font-size:.76rem;color:var(--muted);font-weight:600}.desktop-header-actions{display:flex;align-items:center;gap:1rem}.header-phone{display:grid;color:var(--green);font:800 1.25rem Poppins,sans-serif}.header-phone small{color:var(--muted);font:700 .65rem Poppins,sans-serif;text-transform:uppercase;letter-spacing:.08em}.mobile-header-actions{display:none}.hero{position:relative;overflow:hidden;padding:clamp(2.5rem,6vw,5.5rem) 0;background:linear-gradient(135deg,#f5f8f6 0%,#fff 65%)}.hero:before{content:"";position:absolute;left:0;bottom:0;width:35%;height:7px;background:var(--gold)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,6vw,5rem)}.hero-copy h1{margin:0;color:var(--green);font:800 clamp(3.2rem,7vw,6.3rem)/.94 Poppins,sans-serif;letter-spacing:-.065em;text-transform:uppercase}.hero-copy h1 span{display:block;color:var(--gold2)}.hero-includes{margin:1.3rem 0 .4rem;font:800 clamp(1.2rem,3vw,1.65rem) Poppins,sans-serif}.hero-includes b{color:var(--gold)}.trust-line{margin:0;color:var(--muted);font-weight:700}.hero-urgency{margin:1.3rem 0;padding:.8rem 1rem;border-left:4px solid var(--gold);background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.05)}.owner-note{display:flex;align-items:center;gap:.8rem;margin-top:1.5rem}.owner-note img{width:58px;height:58px;border:3px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 3px 15px rgba(0,0,0,.18)}.owner-note p{display:grid;margin:0}.owner-note span{color:var(--muted);font-size:.9rem}.hero-image{position:relative;min-height:560px;border-radius:18px;background:url("./assets/bin-sizes.png") center/cover;box-shadow:var(--shadow)}.image-badge{position:absolute;right:-1rem;bottom:2rem;display:grid;padding:1rem 1.5rem;border-radius:8px;background:var(--gold);box-shadow:var(--shadow)}.image-badge strong{font:800 1.5rem Poppins,sans-serif}.image-badge span{font-weight:700}.trust-bar{padding:1.1rem 0;color:#fff;background:var(--green)}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;text-align:center;font-weight:700;font-size:.84rem}.trust-grid span{display:grid;place-items:center}.trust-grid b{color:var(--gold);letter-spacing:.08em}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.benefit-grid article,.review-grid article,.size-grid article{padding:1.4rem;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(14,59,44,.07)}.benefit-grid i{width:48px;height:48px;display:grid;place-items:center;margin-bottom:.9rem;border-radius:50%;color:var(--green);background:#fff3ce;font:800 1.05rem Poppins,sans-serif;font-style:normal}.benefit-grid h3,.size-grid h3{margin:0 0 .35rem;color:var(--green);font:700 1rem Poppins,sans-serif}.benefit-grid p{margin:0;color:var(--muted);font-size:.9rem}.pricing-note{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:2rem 0 0;padding:1rem;border-radius:8px;color:#fff;background:var(--green);font-weight:700}.pricing-note strong{color:var(--gold)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.review-grid article{display:grid}.review-grid p{font-size:1.02rem}.review-grid span{color:var(--muted);font-size:.85rem}.stars{color:var(--gold2);letter-spacing:.1em}.why-section{background:#fff!important}.compact-grid{grid-template-columns:repeat(4,1fr)}.form-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;margin-top:4rem;padding:clamp(1.5rem,4vw,3rem);border-radius:16px;color:#fff;background:var(--green);box-shadow:var(--shadow)}.form-intro h2{margin:.2rem 0 .6rem;font:800 clamp(2rem,4vw,3rem)/1 Poppins,sans-serif}.form-intro p{color:#dce9e2}.form-intro a{color:var(--gold);font-weight:800}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.quote-form label{display:grid;gap:.3rem;color:#fff;font-weight:700;font-size:.85rem}.quote-form input,.quote-form select{width:100%;min-height:50px;padding:.7rem .8rem;border:1px solid #b9c9c0;border-radius:6px;background:#fff;font:inherit}.btn-submit,.form-status{grid-column:1/-1}.form-status{margin:0;text-align:center}.size-overview{width:100%;max-height:430px;margin-bottom:1.5rem;border-radius:14px;object-fit:cover;box-shadow:var(--shadow)}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.size-grid article{position:relative}.size-grid article.featured{border:2px solid var(--gold)}.popular{position:absolute;top:0;right:0;padding:.35rem .7rem;border-radius:0 10px 0 8px;background:var(--gold);font-weight:800;font-size:.72rem;text-transform:uppercase}.size-number{color:var(--green);font:800 3.2rem/1 Poppins,sans-serif}.size-number span{font-size:1rem}.size-grid ul{padding-left:1.2rem;color:var(--muted)}.size-grid .btn{width:100%;font-size:.78rem}.process-section{color:#fff;background:var(--green)!important}.process-section .section-heading h2{color:#fff}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.process-grid article{text-align:center}.process-grid b{width:56px;height:56px;display:grid;place-items:center;margin:0 auto .8rem;border-radius:50%;color:var(--ink);background:var(--gold);font:800 1.3rem Poppins,sans-serif}.process-grid h3{margin:0;font:700 .95rem Poppins,sans-serif}.materials-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.materials-layout>div{padding:1.5rem;border:1px solid var(--line);border-radius:12px;background:#fff}.materials-layout h3{margin-top:0;color:var(--red);font:800 1.2rem Poppins,sans-serif}.materials-layout h3.allowed{color:var(--green)}.chip-grid{display:flex;gap:.55rem;flex-wrap:wrap}.chip-grid span,.city-list span{padding:.5rem .7rem;border-radius:999px;background:var(--soft);font-weight:700;font-size:.85rem}.prohibited{border-color:#e3caca!important;background:#fffafa!important}.callout{margin:1.5rem 0 0;padding:1rem;border-left:4px solid var(--gold);background:#fff;font-weight:700;text-align:center}.callout a{color:var(--green);text-decoration:underline}.gallery-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1rem}.gallery-grid figure{margin:0;overflow:hidden;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.gallery-large{grid-row:span 2}.gallery-photo,.gallery-grid img{width:100%;height:230px;object-fit:cover}.gallery-large .gallery-photo{height:526px}.photo-1{background:url("./assets/bin-sizes.png") center/cover}.photo-2{background:url("./assets/bin-sizes.png") 25% center/cover}.photo-3{background:url("./assets/bin-sizes.png") 75% center/cover}.gallery-grid figcaption{padding:.8rem 1rem;font-weight:700}.faq-list{display:grid;gap:.7rem}.faq-list details{border:1px solid var(--line);border-radius:8px;background:#fff}.faq-list summary{padding:1rem 3rem 1rem 1rem;color:var(--green);font:700 1rem Poppins,sans-serif;cursor:pointer}.faq-list p{margin:0;padding:0 1rem 1rem;color:var(--muted)}.map-frame{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.map-frame img{width:100%;max-height:650px;object-fit:contain}.city-list{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;margin:1.5rem auto}.final-cta{padding:clamp(4rem,9vw,7rem) 0;color:#fff;background:linear-gradient(135deg,#092b20,#145d42);text-align:center}.final-cta h2{color:#fff}.final-cta p:not(.eyebrow){font-size:1.15rem}.final-cta .center{align-items:center}.final-cta small{display:block;margin-top:1.4rem;color:#d9e8df;font-weight:700}.mobile-sticky-bar{position:fixed;z-index:60;right:0;bottom:0;left:0;display:none;grid-template-columns:1fr 1fr;gap:.5rem;padding:.55rem .7rem calc(.55rem + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 20px rgba(0,0,0,.12)}.mobile-sticky-bar a{display:grid;min-height:50px;place-items:center;border-radius:6px;color:#171c18;background:var(--gold);font:800 .85rem Poppins,sans-serif;text-transform:uppercase}.mobile-sticky-bar a:last-child{color:#fff;background:#168b4d}
@media(max-width:900px){.benefit-grid,.compact-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-large{grid-row:auto;grid-column:1/-1}.gallery-large .gallery-photo{height:350px}}
@media(max-width:700px){body{padding-bottom:70px}.section{padding:3.5rem 0}.desktop-header-actions{display:none}.mobile-header-actions{display:flex;gap:.4rem}.mobile-header-actions a{padding:.55rem .65rem;border-radius:5px;color:#fff;background:var(--green);font:700 .68rem Poppins,sans-serif}.mobile-header-actions a:last-child{background:#168b4d}.topbar-inner{min-height:68px}.brand strong{font-size:.9rem}.brand span{font-size:.62rem}.hero{padding:2rem 0}.hero-grid{grid-template-columns:1fr;gap:1.5rem}.hero-copy h1{font-size:clamp(3rem,15vw,4.5rem)}.hero-image{min-height:290px;grid-row:1}.image-badge{right:.7rem;bottom:.7rem}.hero-copy .button-row .btn{flex:1}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid span:last-child{grid-column:1/-1}.benefit-grid,.compact-grid,.review-grid,.size-grid,.materials-layout,.form-panel,.quote-form{grid-template-columns:1fr}.form-panel{gap:1.2rem}.process-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr}.gallery-large{grid-column:auto}.gallery-large .gallery-photo,.gallery-photo,.gallery-grid img{height:250px}.pricing-note{display:grid;text-align:center}.button-row.center .btn{width:100%}.mobile-sticky-bar{display:grid}}
.photo-4{background:url("./assets/bin-sizes.png") 45% center/cover}.photo-5{background:url("./assets/bin-sizes.png") 90% center/cover}

/* Simplified offer-first opening */
.hero{padding:clamp(2.8rem,7vw,6rem) 0;text-align:center;background:#fff}
.hero:before{width:100%}
.hero-copy{max-width:1000px;margin:auto}
.hero-copy h1{font-size:clamp(3.5rem,9vw,7.5rem)}
.hero-includes{display:grid;gap:.35rem;max-width:1000px;margin:2rem auto 0;text-align:center}
.hero-includes p{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:nowrap;margin:0;white-space:nowrap}
.hero-includes strong{color:var(--green);font:800 clamp(1.35rem,3vw,2rem) Poppins,sans-serif}
.hero-includes span{color:var(--muted);font:700 clamp(1.15rem,2.4vw,1.6rem) Poppins,sans-serif}
.hero-includes b{color:var(--gold2);font-size:1.35em}
.tomorrow-line{margin:1.7rem 0 0;color:var(--gold2);font:800 clamp(2.6rem,6vw,4.8rem)/1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:-.03em}
.quick-sizes{padding:2.5rem 0 5rem;background:var(--soft)}
.size-banner{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;max-width:900px;margin:0 auto;border:2px solid var(--green);border-radius:10px 10px 0 0;background:var(--green);color:#fff;text-align:center}
.size-banner span{padding:1rem;font:800 clamp(1rem,3vw,1.4rem) Poppins,sans-serif;text-transform:uppercase}
.size-banner span+span{border-left:1px solid rgba(255,255,255,.35)}
.top-size-image{width:100%;max-width:900px;margin:0 auto;border-radius:0 0 12px 12px;box-shadow:var(--shadow)}
.direct-call{margin:1.5rem 0 0;text-align:center;color:var(--green);font:800 clamp(1.3rem,4vw,2rem) Poppins,sans-serif}
.direct-call a{color:var(--gold2);text-decoration:underline}
.top-form{margin-top:2rem}
.gallery-grid{grid-template-columns:1.5fr 1fr 1fr}
.gallery-grid figure{min-height:100%}
.gallery-grid img{height:260px;object-fit:cover}
.gallery-large img{height:100%;min-height:560px}

@media(max-width:700px){
  .topbar-inner{min-height:116px;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.55rem 0}
  .brand{grid-column:1/-1;text-align:center}
  .mobile-header-actions{grid-column:1/-1;display:grid;grid-template-columns:1.45fr .75fr;align-items:stretch;gap:.5rem;width:100%}
  .mobile-header-actions .mobile-phone{display:grid;min-height:52px;place-items:center;padding:.42rem .7rem;font-size:1.08rem;line-height:1.05;text-align:center}
  .mobile-phone small{font-size:.56rem;text-transform:uppercase;letter-spacing:.08em}
  .mobile-header-actions a:last-child{display:grid;min-height:52px;place-items:center;padding:.55rem .4rem;font-size:.72rem}
  .hero-copy h1{font-size:clamp(3.1rem,16vw,4.7rem)}
  .hero-includes{gap:.35rem;margin-top:1.4rem}
  .hero-includes p{gap:.4rem}
  .hero-includes strong{font-size:clamp(.95rem,4.4vw,1.15rem)}
  .hero-includes span{font-size:clamp(.76rem,3.5vw,.95rem)}
  .hero-includes b{font-size:1em}
  .tomorrow-line{font-size:clamp(1.75rem,8.5vw,3.5rem);letter-spacing:-.055em;white-space:nowrap}
  .size-banner span{padding:.75rem .3rem;font-size:.85rem}
  .quick-sizes{padding-top:1.5rem}
  .gallery-large img,.gallery-grid img{height:250px;min-height:0}
}