:root{
    --hvac-blue:#2E3F75;
    --hvac-blue-2:#425896;
    --hvac-red:#E34B3F;
    --hvac-red-dark:#C93B30;
    --hvac-water:#6EB7CC;
    --hvac-green:#94C94C;
    --hvac-lime:#B8D85C;
    --hvac-sage:#DCE7C6;
    --hvac-cream:#F4F2E8;
    --hvac-text:#24304F;
    --hvac-muted:#66748A;
    --hvac-border:rgba(46,63,117,.10);
    --hvac-shadow:0 22px 55px rgba(36,48,79,.10);
    --hvac-shadow-soft:0 12px 30px rgba(36,48,79,.08);
  }

  .hvac-water-hero{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(850px 420px at 0% 0%, rgba(110,183,204,.28), transparent 60%),
      radial-gradient(850px 420px at 100% 10%, rgba(148,201,76,.18), transparent 58%),
      linear-gradient(135deg, #243766 0%, #2E3F75 52%, #425896 100%);
  }

  .hvac-water-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(12,18,34,.12) 0%, rgba(12,18,34,.24) 100%);
    pointer-events:none;
  }

  .hvac-water-hero-inner{
    position:relative;
    z-index:2;
    padding:100px 0 80px;
  }

  .hvac-breadcrumbs{
    display:flex;
    flex-wrap:wrap;
    gap:.55rem;
    align-items:center;
    margin-bottom:1rem;
    color:rgba(255,255,255,.82);
    font-weight:700;
    font-size:.92rem;
  }

  .hvac-breadcrumbs a{
    color:#fff;
    text-decoration:none;
  }

  .hvac-breadcrumbs a:hover{
    text-decoration:underline;
  }

  .hvac-pill{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    padding:.62rem .98rem;
    border-radius:999px;
    font-size:.8rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .hvac-pill-light{
    background:rgba(255,255,255,.16);
    color:#fff;
    border:1px solid rgba(255,255,255,.20);
    backdrop-filter:blur(8px);
  }

  .hvac-pill-primary{
    background:rgba(110,183,204,.12);
    color:var(--hvac-blue);
    border:1px solid rgba(110,183,204,.18);
  }

  .hvac-title{
    color:var(--hvac-blue);
    font-weight:900;
    line-height:1.02;
    letter-spacing:-.03em;
    font-family:'Montserrat',sans-serif;
  }

  .hvac-page-title{
    color:#fff;
    font-size:clamp(2.6rem, 6vw, 4.7rem);
    font-weight:900;
    line-height:.96;
    letter-spacing:-.04em;
    margin-bottom:1rem;
    max-width:920px;
    text-shadow:0 10px 26px rgba(0,0,0,.16);
  }

  .hvac-page-sub{
    max-width:800px;
    color:rgba(255,255,255,.90);
    font-size:1.06rem;
    line-height:1.82;
    font-weight:500;
    margin-bottom:1.4rem;
  }

  .hvac-logo-row{
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
    align-items:center;
    margin-bottom:1.2rem;
  }

  .hvac-logo-box{
    background:#fff;
    border-radius:20px;
    padding:.9rem 1rem;
    box-shadow:0 10px 24px rgba(0,0,0,.10);
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .hvac-logo-box img{
    display:block;
    max-height:58px;
    max-width:180px;
    width:auto;
    height:auto;
  }

  .hvac-logo-box.logo-crystal-right img{
    max-height:52px;
    max-width:220px;
  }

  .hvac-hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:1.2rem;
    align-items:center;
  }

  .hvac-hero-media{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.16);
    border-radius:28px;
    padding:1rem;
    box-shadow:0 18px 40px rgba(0,0,0,.10);
    backdrop-filter:blur(8px);
  }

  .hvac-hero-media img{
    width:100%;
    border-radius:22px;
    display:block;
    height:auto;
  }

  .hvac-stat-row{
    display:flex;
    flex-wrap:wrap;
    gap:.85rem;
    margin-top:1.4rem;
  }

  .hvac-stat-pill{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    min-height:44px;
    padding:.7rem .95rem;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    font-weight:800;
  }

  .btn-hvac{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    min-height:52px;
    padding:.92rem 1.3rem;
    border-radius:999px;
    font-weight:800;
    font-size:.84rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    text-decoration:none;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
  }

  .btn-hvac:hover{
    transform:translateY(-2px);
    text-decoration:none;
  }

  .btn-hvac-primary{
    color:#fff;
    background:linear-gradient(135deg,var(--hvac-red),var(--hvac-red-dark));
    border:1px solid transparent;
    box-shadow:0 14px 30px rgba(227,75,63,.22);
  }

  .btn-hvac-primary:hover{
    color:#fff;
  }

  .btn-hvac-light{
    color:#fff;
    background:transparent;
    border:1px solid rgba(255,255,255,.28);
  }

  .btn-hvac-light:hover{
    color:#fff;
    background:rgba(255,255,255,.08);
  }

  .hvac-section{ padding:88px 0; }
  .hvac-section-sm{ padding:64px 0; }

  .hvac-card{
    background:#fff;
    border:1px solid var(--hvac-border);
    border-radius:28px;
    box-shadow:var(--hvac-shadow);
    padding:2rem;
  }

  .hvac-soft-card,
  .hvac-feature-card,
  .hvac-media-card,
  .hvac-process-step,
  .hvac-stat-card{
    background:#fff;
    border:1px solid var(--hvac-border);
    border-radius:24px;
    box-shadow:var(--hvac-shadow-soft);
    padding:1.35rem;
    height:100%;
  }

  .hvac-media-card{
    overflow:hidden;
    padding:0;
  }

  .hvac-media-card img{
    display:block;
    width:100%;
    height:auto;
  }

  .hvac-media-card-body{
    padding:1.35rem;
  }

  .hvac-copy{
    color:var(--hvac-muted);
    font-weight:500;
    line-height:1.8;
  }

  .hvac-grid-2{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
  }

  .hvac-grid-3{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1rem;
  }

  .hvac-grid-4{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1rem;
  }

  .hvac-icon-circle{
    width:52px;
    height:52px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(110,183,204,.12);
    color:var(--hvac-blue);
    font-size:1.1rem;
    margin-bottom:.9rem;
  }

  .hvac-feature-card h3,
  .hvac-media-card h3,
  .hvac-process-step h3{
    font-family:'Montserrat',sans-serif;
    color:var(--hvac-blue);
    font-size:1.15rem;
    font-weight:900;
    margin:0 0 .7rem;
  }

  .hvac-stat-card .hvac-stat-value{
    color:var(--hvac-red);
    font-weight:900;
    font-size:2rem;
    line-height:1;
    margin-bottom:.35rem;
    font-family:'Montserrat',sans-serif;
  }

  .hvac-stat-card .hvac-stat-label{
    color:var(--hvac-text);
    font-weight:700;
    line-height:1.6;
  }

  .hvac-highlight-list{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    gap:.75rem;
  }

  .hvac-highlight-list li{
    position:relative;
    padding-left:1.7rem;
    color:#334155;
    line-height:1.7;
    font-weight:600;
  }

  .hvac-highlight-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:var(--hvac-green);
    font-weight:900;
  }

  .accordion-item.hvac-accordion{
    border:1px solid var(--hvac-border);
    border-radius:22px !important;
    overflow:hidden;
    box-shadow:var(--hvac-shadow-soft);
    margin-bottom:1rem;
  }

  .accordion-item.hvac-accordion .accordion-button{
    font-weight:800;
    color:var(--hvac-blue);
    padding:1.15rem 1.25rem;
    background:#fff;
    box-shadow:none !important;
  }

  .accordion-item.hvac-accordion .accordion-button:not(.collapsed){
    background:rgba(110,183,204,.10);
    color:var(--hvac-blue);
  }

  .accordion-item.hvac-accordion .accordion-body{
    color:#475569;
    line-height:1.8;
    font-weight:500;
    padding:0 1.25rem 1.2rem;
    background:#fff;
  }

  .hvac-callout{
    overflow:hidden;
    border-radius:30px;
    background:
      radial-gradient(700px 320px at 0% 0%, rgba(110,183,204,.24), transparent 58%),
      radial-gradient(700px 320px at 100% 0%, rgba(148,201,76,.16), transparent 58%),
      linear-gradient(135deg, var(--hvac-blue) 0%, var(--hvac-blue-2) 100%);
    box-shadow:var(--hvac-shadow);
    padding:2rem;
    color:#fff;
  }

  .hvac-callout .hvac-title,
  .hvac-callout .hvac-copy{
    color:#fff;
  }
.hvac-callout .hvac-soft-card{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  backdrop-filter:blur(8px);
}

.hvac-callout .hvac-soft-card .hvac-pill-primary{
  background:rgba(255,255,255,.14);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
}

.hvac-callout .hvac-soft-card .hvac-copy,
.hvac-callout .hvac-soft-card p,
.hvac-callout .hvac-soft-card h3,
.hvac-callout .hvac-soft-card .hvac-title{
  color:#fff;
}

.hvac-callout .hvac-soft-card .btn-hvac-light{
  color:#fff;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.26);
}

.hvac-callout .hvac-soft-card .btn-hvac-light:hover{
  color:#fff;
  background:rgba(255,255,255,.18);
}
  @media (max-width: 1199.98px){
    .hvac-grid-4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  }

  @media (max-width: 991.98px){
    .hvac-hero-grid,
    .hvac-grid-3,
    .hvac-grid-2{
      grid-template-columns:1fr;
    }

    .hvac-water-hero-inner{
      padding:78px 0 62px;
    }

    .hvac-section{
      padding:70px 0;
    }
  }

  @media (max-width: 575.98px){
    .hvac-card,
    .hvac-soft-card,
    .hvac-feature-card,
    .hvac-media-card-body,
    .hvac-process-step,
    .hvac-stat-card,
    .hvac-callout{
      padding:1.2rem;
    }

    .hvac-page-title{
      font-size:2.3rem;
    }

    .hvac-logo-box img{
      max-height:44px;
      max-width:150px;
    }

    .hvac-logo-box.logo-crystal-right img{
      max-height:40px;
      max-width:170px;
    }
  }