*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;color:#202b27;background:#f6faf7;line-height:1.6}a{text-decoration:none;color:inherit}.hero{min-height:620px;background:linear-gradient(135deg,#103c2d 0%,#176d4d 55%,#9bd44a 140%);color:white;padding:24px 7%;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-170px;bottom:-220px;background:rgba(255,255,255,.10)}nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.brand{font-weight:900;font-size:25px;letter-spacing:1px}.brand span{color:#b8e35b}.brand small{display:block;font-size:9px;letter-spacing:4px;color:white}.nav-btn{border:1px solid rgba(255,255,255,.6);padding:10px 18px;border-radius:30px}.hero-content{max-width:850px;padding:105px 0 70px;position:relative;z-index:2}.eyebrow{font-size:13px;font-weight:800;letter-spacing:2px;color:#65a83f;margin:0 0 10px}.hero .eyebrow{color:#d6f58e}.hero h1{font-size:clamp(48px,7vw,82px);line-height:1.02;margin:10px 0 22px}.hero h1 span{color:#d1f36f}.lead{font-size:20px;max-width:650px;color:#edf7f1}.buttons{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 24px;border-radius:30px;font-weight:800}.primary{background:#b9e35b;color:#183329}.light{border:1px solid rgba(255,255,255,.7);color:white}.section{padding:80px 7%;max-width:1200px;margin:auto}.section h2{font-size:42px;line-height:1.1;margin:0 0 15px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.cards article,.laundry{background:white;border-radius:20px;padding:26px;box-shadow:0 12px 35px rgba(25,70,50,.08);border:1px solid #e5eee8}.icon{font-size:35px}.cards h3{margin:12px 0 6px}.residential{display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center}.laundry{background:#dff1bf}.cta{text-align:center;background:#143b2e;color:white;padding:80px 7%}.cta h2{font-size:46px;line-height:1.1;margin:5px 0}.cta p{font-size:19px}.cta .email{display:block;margin-top:18px;color:#d1f36f}footer{padding:30px 7%;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;background:#10251e;color:#dfe9e3}footer p{margin:0;font-size:13px}@media(max-width:850px){.cards{grid-template-columns:1fr 1fr}.residential{grid-template-columns:1fr}}@media(max-width:560px){.hero{min-height:650px}.hero-content{padding-top:80px}.cards{grid-template-columns:1fr}.hero h1{font-size:50px}.section{padding:60px 6%}.cta h2{font-size:38px}}
.hero-visual{margin-top:45px;max-width:1050px;position:relative;z-index:2}
.hero-visual img{width:100%;display:block;border-radius:22px;box-shadow:0 20px 55px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.18)}
.visual-section{text-align:center}
.visual-section>p:not(.eyebrow){max-width:700px;margin:0 auto 28px}
.site-visual{display:block;width:100%;max-width:1150px;margin:30px auto 0;border-radius:20px;box-shadow:0 16px 45px rgba(25,70,50,.12)}
@media(max-width:850px){.hero-visual{margin-top:30px}.hero-visual img,.site-visual{border-radius:14px}}

/* Responsive improvements */
img{max-width:100%;height:auto}
.hero-content,.section,nav,footer{width:100%;max-width:100%}
@media(max-width:850px){
  .hero{padding-left:5%;padding-right:5%;min-height:auto}
  nav{gap:14px;flex-wrap:wrap}
  .brand{font-size:22px}
  .nav-btn{padding:9px 14px;font-size:14px}
  .hero-content{padding:70px 0 45px}
  .hero h1{font-size:clamp(42px,11vw,64px)}
  .lead{font-size:18px}
  .hero-visual{width:100%;max-width:100%;margin-top:32px}
  .hero-visual img,.site-visual{width:100%;height:auto;max-width:100%;display:block}
  .section{padding-left:5%;padding-right:5%}
}
@media(max-width:560px){
  .hero{padding-left:5%;padding-right:5%}
  nav{align-items:flex-start}
  .nav-btn{margin-left:auto}
  .hero-content{padding-top:55px}
  .buttons{gap:10px}
  .btn{width:100%;text-align:center;padding:12px 18px}
  .hero-visual{margin-top:28px}
  .hero-visual img,.site-visual{border-radius:10px}
  .section{padding-top:50px;padding-bottom:50px}
  .section h2{font-size:34px}
  .cards{gap:14px}
  .cards article{padding:20px}
  .residential{gap:22px}
  .cta{padding:55px 5%}
  .cta h2{font-size:34px}
  footer{padding:25px 5%;align-items:flex-start}
}