
  /* ---- Hero v3: full-bleed background photo, text overlaid (per client reference) ---- */
  .hero{background:none;overflow:visible}
  .hero::before{display:none}
  .slide{position:relative;height:560px;padding:0;overflow:hidden}
  .slide.is-active{display:flex;align-items:center}
  .hero .slide .slide-title{font-size:clamp(26px,3.4vw,40px);max-width:15ch}
  .hero .wrap{width:var(--maxw);max-width:100%;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
  .hero .slide-tag{margin-bottom:12px}
  .hero .slide-lead{margin-top:12px;max-width:44ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hero .slide-mini{margin-top:12px}
  .hero .slide .checks{margin-top:10px;gap:8px}
  .hero .checks li{font-size:15.5px;line-height:1.35}
  .hero .slide-actions{margin-top:20px}
  .slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
  .slide-scrim{
    position:absolute;inset:0;
    background:linear-gradient(90deg, rgba(10,58,84,.80) 0%, rgba(10,58,84,.62) 38%, rgba(10,58,84,.24) 68%, rgba(10,58,84,.04) 100%);
  }
  .slide .wrap{position:relative;z-index:2;display:block;padding-top:32px;padding-bottom:32px}
  .hero .slide-text{max-width:600px}
  .hero .slide-tag.eyebrow{color:#bfe88c}
  .hero .slide-tag.eyebrow::before{background:#8fd15a}
  .hero .slide .slide-title{color:#fff}
  .hero .slide-lead{color:rgba(255,255,255,.88)}
  .hero .slide-mini{color:#bfe88c}
  .hero .checks li{color:rgba(255,255,255,.9)}
  .hero .checks li::before{background:rgba(255,255,255,.16)}
  .hero .checks li::after{border-color:#bfe88c}
  .hero .slide-actions .assure{color:rgba(255,255,255,.7)}
  @media (max-width:900px){
    .slide{height:480px}
    .slide-scrim{background:linear-gradient(180deg, rgba(10,58,84,.28) 0%, rgba(10,58,84,.72) 62%, rgba(10,58,84,.84) 100%)}
    .hero .slide-text{max-width:none}
  }
  .standards .wrap{grid-template-columns:auto 1fr}
  #services .card,.benefits .benefit,.dirs .dir-card{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center}
  #services .card>.ic,.benefits .benefit>.ic,.dirs .dir-card>.ic{margin-bottom:0}
  #services .card>p,#services .card>.subservices,#services .card>.more,.benefits .benefit>p,.dirs .dir-card>ul{grid-column:1/-1;margin-top:12px}

  /* ---- Contact: blend with page background, stack messenger links ---- */
  .contact{background:var(--bg);color:var(--ink)}
  .contact .eyebrow{color:var(--green-700)}
  .contact .eyebrow::before{background:var(--green)}
  .contact h2{color:var(--ink)}
  .contact .c-lead{color:var(--muted)}
  .contact .checks.on-dark li{color:var(--ink-2)}
  .contact .checks.on-dark li::before{background:var(--green-050)}
  .contact .checks.on-dark li::after{border-color:var(--green-700)}
  .contact .c-assure{background:var(--green-050);border-color:var(--green-100);color:var(--green-ink)}
  .contact .c-assure svg{color:var(--green-700)}
  .contact .socials{flex-direction:column;align-items:flex-start}
  .contact .social{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}
  .contact .social:hover{border-color:var(--green);background:var(--green-050)}
  .contact .form-card{box-shadow:var(--shadow)}

