:root{
  --home-teal:#5CB1B8;
  --home-teal-dark:#2F8E99;
  --home-teal-light:#7EBDCA;
  --home-navy:#0F2740;
  --home-white:#FFFFFF;
  --home-offwhite:#F6F7F6;
  --home-muted:#66645B;
  --home-beige:#DAC8B6;
}

body.home-page{background:var(--home-white);color:var(--home-navy)}
.home-page .header{background:rgba(255,255,255,.97);border-bottom-color:rgba(126,189,202,.34);box-shadow:0 8px 24px rgba(15,39,64,.05)}
.home-page .nav-links a{color:var(--home-navy)}
.home-page .nav-links a:hover{color:var(--home-teal-dark)!important;text-decoration-color:var(--home-teal)}
.home-page .menu-btn{color:var(--home-navy)}

.home-page .hero{background-image:linear-gradient(270deg,rgba(15,39,64,.92) 0%,rgba(15,39,64,.76) 50%,rgba(92,177,184,.38) 100%),url('assets/hero-cleaning.webp');background-color:var(--home-navy)}
.home-page .hero h1{color:var(--home-white)}
.home-page .hero p{color:var(--home-white)}
.home-page .trust{color:var(--home-white)}

.home-page h1,.home-page h2,.home-page h3,.home-page h4,.home-page .card h3,.home-page .review b,.home-page .faq-wrap summary{color:var(--home-navy)}
.home-page .about-copy p,.home-page .section-head p,.home-page .card p,.home-page .review p,.home-page .features small,.home-page .faq-wrap details p{color:var(--home-muted)}
.home-page .eyebrow{background:rgba(218,200,182,.42)!important;color:var(--home-navy)!important;border-radius:999px;padding:4px 12px}
.home-page .pale,.home-page section#services,.home-page section#areas,.home-page section#faq{background:var(--home-offwhite)}
.home-page .reviews,.home-page .about{background:var(--home-white)}

.home-page .card,.home-page .mini-stats div,.home-page .faq-wrap details{background:var(--home-white);border-color:rgba(126,189,202,.48);box-shadow:0 12px 30px rgba(15,39,64,.065)}
.home-page .card-icon{background:var(--home-teal)!important;color:var(--home-white);border-bottom-color:var(--home-teal-dark)}
.home-page .card h3 a{color:var(--home-navy)}
.home-page .why-clean-valley-reference{display:none}
.home-page .why-clean-valley-reference img{display:block;width:calc(100% + 4px);max-width:none;height:auto;margin:auto;transform:translateX(-2px)}
.home-page .why-clean-valley-quality{padding:56px 0 50px;background:var(--home-white);border-top:1px solid rgba(126,189,202,.22)}
.home-page .why-quality-head{text-align:center;margin:0 auto 34px}
.home-page .why-quality-head h2{margin:0 0 7px;color:var(--home-navy);font-size:clamp(28px,3vw,38px);line-height:1.25;font-weight:900}
.home-page .why-quality-head p{margin:0;color:var(--home-muted);font-size:16px;font-weight:500}
.home-page .why-quality-grid{display:grid;grid-template-columns:repeat(4,1fr);direction:rtl}
.home-page .why-quality-grid article{text-align:center;padding:5px 28px 8px;min-width:0}
.home-page .why-quality-grid article:not(:last-child){border-left:1px solid rgba(15,39,64,.14)}
.home-page .why-quality-grid img{display:block;width:58px;height:58px;object-fit:contain;margin:0 auto 10px}
.home-page .why-quality-grid h3{margin:0 0 5px;color:var(--home-navy);font-size:19px;line-height:1.35;font-weight:900}
.home-page .why-quality-grid p{margin:0;color:var(--home-muted);font-size:14px;line-height:1.6;font-weight:500}
.home-page .before-after-badge{background:rgba(255,255,255,.94)!important;color:var(--home-navy)!important;border-color:var(--home-teal-light)!important}
.home-page .about-photo-wrap{background:var(--home-offwhite);box-shadow:0 18px 38px rgba(15,39,64,.10)}

.home-page .btn,.home-page .top-cta{background:var(--home-teal)!important;color:var(--home-navy)!important;border-color:transparent;box-shadow:0 9px 22px rgba(47,142,153,.18)}
.home-page .btn:hover,.home-page .top-cta:hover{background:var(--home-teal-dark)!important;color:var(--home-white)!important}
.home-page #about .btn.navy{background:var(--home-teal-dark)!important;color:var(--home-white)!important}
.home-page #about .btn.navy:hover{background:var(--home-navy)!important;color:var(--home-white)!important}

.home-page .area-list span,.home-page .area-list a{background:var(--home-white);border-color:var(--home-teal-light);color:var(--home-navy)}
.home-page .stars{color:var(--home-teal-dark)!important}
.home-page .faq-wrap details p{border-top-color:rgba(126,189,202,.35)}

.home-page .contact-banner-hd{background-color:var(--home-teal-light)}
.home-page .contact-banner-copy,.home-page .contact-banner-copy h2{color:var(--home-navy)}
.home-page .contact-banner-copy p{color:var(--home-muted)}
.home-page #contact .contact-banner-btn{background:var(--home-teal)!important;color:var(--home-navy)!important}
.home-page #contact .contact-banner-btn:hover{background:var(--home-teal-dark)!important;color:var(--home-white)!important}

.home-page footer{background:var(--home-offwhite);color:var(--home-navy);border-top:1px solid rgba(126,189,202,.35)}
.home-page footer h3,.home-page footer a,.home-page .footer-grid p,.home-page .footer-grid span,.home-page footer .footer-grid>div:nth-child(2) a{color:var(--home-navy)}
.home-page .copyright{background:var(--home-white);color:var(--home-muted);border-top:1px solid rgba(126,189,202,.35)}
.home-page .floating a,.home-page .floating a:first-child,.home-page .floating a:last-child{background:var(--home-teal-dark);color:var(--home-white);box-shadow:0 10px 28px rgba(47,142,153,.32)}
.home-page .floating a:hover,.home-page .floating a:first-child:hover,.home-page .floating a:last-child:hover{background:var(--home-navy)}

@media(max-width:800px){
  .home-page .nav-links.open{background:var(--home-white);border-color:var(--home-teal-light)}
  .home-page .hero{background-image:linear-gradient(270deg,rgba(15,39,64,.92) 0%,rgba(15,39,64,.70) 56%,rgba(92,177,184,.30) 100%),url('assets/hero-cleaning.webp')}
  .home-page .why-clean-valley-quality{padding:42px 0 36px}
  .home-page .why-quality-head{margin-bottom:25px}
  .home-page .why-quality-grid{grid-template-columns:repeat(2,1fr);row-gap:0}
  .home-page .why-quality-grid article{padding:20px 10px}
  .home-page .why-quality-grid article:not(:last-child){border-left:0}
  .home-page .why-quality-grid article:nth-child(odd){border-left:1px solid rgba(15,39,64,.12)}
  .home-page .why-quality-grid article:nth-child(n+3){border-top:1px solid rgba(15,39,64,.12)}
  .home-page .why-quality-grid img{width:50px;height:50px}
}