/* Solar Clean – visual refresh r1 for /commercial (preview). Loaded after the page's own <style>. */
:root{--sc-gold:#e6b200;--sc-ink:#0d0d0d;--sc-muted:#5c5c5c;--sc-line:#ebebeb;--sc-soft:#f6f6f3;--sc-r:18px;--sc-pad:clamp(72px,9vw,120px)}
body{-webkit-font-smoothing:antialiased;color:#1b1b1b}
.container{max-width:1200px;padding:0 24px}

/* header: same look as the refreshed homepage */
.header{background:rgba(255,255,255,.94);box-shadow:none;border-bottom:1px solid var(--sc-line);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.nav-link{font-size:15px}
.nav-pill{border-width:1.5px;background:#fff}
.nav-pill.active{background:var(--sc-gold)}
.header-call,.btn-primary,.btn-secondary,.btn-outline-white{border-radius:999px}
.btn-primary:hover{transform:none}

/* type scale */
section h2.font-bebas,.cta-box h2,.enquiry-box h2{font-size:clamp(40px,5.2vw,64px)!important;line-height:1!important;letter-spacing:.5px}
.section-label{font-size:13px;letter-spacing:2.5px}
.hero h1{font-size:clamp(46px,6.4vw,84px);line-height:1}
.hero p{color:#4a4a4a;font-size:18px;line-height:1.65}

/* rhythm + spacing */
.hero{padding:clamp(120px,13vw,160px) 0 var(--sc-pad)}
.enquiry,.benefits,.services-section,.industries,.safety,.cta-section{padding-top:var(--sc-pad);padding-bottom:var(--sc-pad)}
.protect{padding-top:var(--sc-pad)}
.enquiry{background:var(--sc-soft)}
.benefits{background:#fff}
.services-section{background:var(--sc-soft)}
.protect{background:#fff}
.industries.bg-gray2{background:var(--sc-soft)}
.stats{background:var(--sc-ink);padding:clamp(56px,7vw,88px) 0}
.stats .stat-label{color:rgba(255,255,255,.72)}
.safety:not(.protect){background:#fff}
.cta-section{padding-top:0}

/* cleaner cards */
.enquiry-box{border:1px solid var(--sc-line);box-shadow:0 30px 60px -40px rgba(0,0,0,.35);border-radius:22px}
.form-field input,.form-field select,.form-field textarea{border-width:1px;border-color:#dedede;border-radius:10px}
.benefit-card,.safety-item{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-r);text-align:left}
.benefit-icon{margin:0 0 18px;width:48px;height:48px;border-radius:12px}
.service-card{border:1px solid var(--sc-line);border-radius:var(--sc-r)}
.industry-item{border:1px solid var(--sc-line);border-radius:12px}
.cta-box{background:var(--sc-ink);border-radius:26px}
.footer{background:var(--sc-ink)}

@media (max-width:768px){
  .container{padding:0 18px}
  .hero{padding-top:112px}
  .hero h1{font-size:44px}
  .benefits-grid,.safety-grid{gap:14px}
  .services-grid{gap:14px}
}
.hero .section-label{color:var(--sc-gold);font-size:13px}
.safety-item h3,.benefit-card h3{line-height:1.1;margin-bottom:10px}