/* Butler HVAC — modern home-comfort theme */
.theme-hvac{
  --hvac-bg:#f7f9fc;
  --hvac-soft:#edf3f8;
  --hvac-ink:#10213c;
  --hvac-muted:#607087;
  --hvac-deep:#0c1b31;
  --hvac-cool:#2587c8;
  --hvac-hot:#ef6a3b;
  --hvac-line:rgba(16,33,60,.12);
  background:var(--hvac-bg);
  color:var(--hvac-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.theme-hvac h1,.theme-hvac h2,.theme-hvac h3,.theme-hvac .brand-word{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:760;
  letter-spacing:-.045em;
}
.theme-hvac .demo-bar{background:#081426;color:rgba(255,255,255,.78);border:0}
.theme-hvac .demo-bar a{color:#fff}
.theme-hvac .site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--hvac-line);backdrop-filter:blur(18px)}
.theme-hvac .header-inner{min-height:80px;gap:24px}
.theme-hvac .brand-word{font-size:1.08rem;text-transform:uppercase;letter-spacing:-.025em}
.theme-hvac .brand-word::after{
  content:"HEATING · COOLING";
  display:block;
  margin-top:3px;
  color:var(--hvac-muted);
  font-size:.56rem;
  font-weight:800;
  letter-spacing:.16em;
}
.theme-hvac .nav-link{color:var(--hvac-ink);font-size:.76rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.theme-hvac .nav-link:hover{color:var(--hvac-cool)}
.theme-hvac .header-cta{border-radius:8px;background:linear-gradient(90deg,var(--hvac-cool),#3268c9);color:#fff;padding-inline:18px}

/* Hero */
.theme-hvac .hero-layout-background{position:relative;min-height:min(760px,84vh);background:var(--hvac-deep);color:#fff;overflow:hidden}
.theme-hvac .hero-layout-background>.hero-media{position:absolute;inset:0;min-height:100%;z-index:0;border-radius:0;box-shadow:none}
.theme-hvac .hero-layout-background>.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.theme-hvac .hero-layout-background>.hero-media::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(6,16,30,.91) 0%,rgba(6,16,30,.76) 43%,rgba(6,16,30,.28) 74%,rgba(6,16,30,.10) 100%),
    linear-gradient(0deg,rgba(6,16,30,.30),transparent 44%);
}
.theme-hvac .hero-layout-background .hero-grid{position:relative;z-index:2;display:block;min-height:min(760px,84vh)}
.theme-hvac .hero-layout-background .hero-copy{
  min-height:min(760px,84vh);max-width:780px;display:flex;flex-direction:column;justify-content:center;padding:80px 0 70px
}
.theme-hvac .hero-copy .eyebrow,.theme-hvac .section-head .eyebrow,.theme-hvac .split-copy .eyebrow,.theme-hvac .quote-copy .eyebrow,.theme-hvac .cta-section .eyebrow{
  color:var(--hvac-cool);font-size:.73rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase
}
.theme-hvac .hero-layout-background .hero-copy .eyebrow{color:rgba(255,255,255,.76)}
.theme-hvac .hero-layout-background .hero-copy h1{
  max-width:760px;margin-top:18px;color:#fff;font-size:clamp(3.9rem,7vw,7.3rem);line-height:.9;letter-spacing:-.065em
}
.theme-hvac .hero-layout-background .hero-lead{max-width:620px;margin-top:24px;color:rgba(255,255,255,.80);font-size:clamp(1.02rem,1.35vw,1.2rem);line-height:1.65}
.theme-hvac .hero-actions{margin-top:31px;gap:10px}
.theme-hvac .hero-layout-background .button-primary{background:var(--hvac-hot);border-color:var(--hvac-hot);color:#fff;border-radius:8px}
.theme-hvac .hero-layout-background .button-secondary{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.38);color:#fff;border-radius:8px}
.theme-hvac .hero-layout-background .hero-highlights{margin-top:34px;padding-top:17px;border-top:1px solid rgba(255,255,255,.22)}
.theme-hvac .hero-layout-background .hero-highlights span{color:rgba(255,255,255,.66);font-size:.73rem;letter-spacing:.065em;text-transform:uppercase}
.theme-hvac .hero-layout-background .media-label{display:none}

/* Section rhythm */
.theme-hvac .site-section{padding:0;border-bottom:1px solid var(--hvac-line)}
.theme-hvac .site-section>.site-wrap{padding-top:clamp(50px,5.5vw,82px);padding-bottom:clamp(50px,5.5vw,82px)}
.theme-hvac .tone-plain{background:var(--hvac-bg)}
.theme-hvac .tone-soft{background:var(--hvac-soft)}
.theme-hvac .tone-dark{background:var(--hvac-deep);color:#fff}
.theme-hvac .tone-accent{background:linear-gradient(90deg,var(--hvac-cool),#3268c9);color:#fff}

/* Trust */
.theme-hvac .trust-strip{padding:0}
.theme-hvac .trust-strip>.site-wrap{padding-top:0!important;padding-bottom:0!important}
.theme-hvac .trust-items{min-height:70px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.theme-hvac .trust-items span{
  min-height:70px;display:flex;align-items:center;position:relative;padding:14px 20px 14px 36px;
  border-right:1px solid rgba(255,255,255,.22);font-size:.75rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase
}
.theme-hvac .trust-items span:first-child{border-left:1px solid rgba(255,255,255,.22)}
.theme-hvac .trust-items span::before{content:"";position:absolute;left:18px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#fff}

/* Headings */
.theme-hvac .section-head{
  max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.48fr);column-gap:clamp(30px,5vw,68px);
  align-items:end;margin-bottom:clamp(30px,3.5vw,46px)
}
.theme-hvac .section-head .eyebrow{grid-column:1/-1;margin-bottom:10px}
.theme-hvac .section-head h2{max-width:820px;font-size:clamp(2.55rem,4.2vw,4.75rem);line-height:.96;margin:0}
.theme-hvac .section-head>p{max-width:500px;color:var(--hvac-muted);line-height:1.65;margin:0}

/* Icon services */
.theme-hvac .icon-services-section{position:relative;overflow:hidden;background:#fff}
.theme-hvac .icon-services-section>.site-wrap{position:relative;z-index:2;padding-top:54px;padding-bottom:58px}
.theme-hvac .icon-services-watermark{
  position:absolute;z-index:0;top:2px;left:50%;transform:translateX(-50%);color:rgba(16,33,60,.035);
  font-size:clamp(5rem,9vw,8.5rem);font-weight:900;letter-spacing:-.06em;line-height:.9;text-transform:uppercase;white-space:nowrap
}
.theme-hvac .icon-services-heading{text-align:center;max-width:760px;margin:0 auto 26px}
.theme-hvac .icon-services-heading h2{
  display:inline-block;position:relative;margin:0;padding-bottom:15px;color:var(--hvac-ink);
  font-size:clamp(1.35rem,2vw,1.85rem);font-weight:850;letter-spacing:.08em;text-transform:uppercase
}
.theme-hvac .icon-services-heading h2::after{
  content:"";position:absolute;left:50%;bottom:0;width:62px;height:3px;transform:translateX(-50%);
  background:linear-gradient(90deg,var(--hvac-cool) 0 50%,var(--hvac-hot) 50% 100%)
}
.theme-hvac .icon-services-heading p{margin:14px auto 0;max-width:620px;color:var(--hvac-muted);line-height:1.65}
.theme-hvac .icon-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}
.theme-hvac .icon-service-item{
  min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:18px 12px 20px;text-align:center;text-decoration:none;color:inherit;border:1px solid transparent;border-radius:10px;
  transition:background .2s ease,border-color .2s ease,transform .2s ease
}
.theme-hvac .icon-service-item:hover{background:var(--hvac-soft);border-color:rgba(37,135,200,.18);transform:translateY(-2px)}
.theme-hvac .icon-service-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:11px}
.theme-hvac .icon-service-icon img{max-width:56px;max-height:56px;object-fit:contain;filter:invert(43%) sepia(92%) saturate(635%) hue-rotate(163deg) brightness(90%) contrast(91%)}
.theme-hvac .icon-service-item:nth-child(n+5) .icon-service-icon img{filter:invert(51%) sepia(77%) saturate(1835%) hue-rotate(339deg) brightness(101%) contrast(88%)}
.theme-hvac .icon-service-item h3{margin:0;color:var(--hvac-ink);font-size:.91rem;font-weight:850;letter-spacing:.025em}
.theme-hvac .icon-service-item p{margin:8px 0 0;max-width:250px;color:var(--hvac-muted);font-size:.84rem;line-height:1.5}

/* Split */
.theme-hvac .split-grid{gap:clamp(32px,5vw,68px);align-items:center}
.theme-hvac .split-copy h2{margin-top:12px;font-size:clamp(2.5rem,4vw,4.5rem);line-height:.97}
.theme-hvac .split-copy>p{margin-top:18px;color:var(--hvac-muted);line-height:1.7}
.theme-hvac .split-media{min-height:440px;border-radius:12px;box-shadow:none;background:#dce6f0;overflow:hidden}
.theme-hvac .split-media img{width:100%;height:100%;object-fit:cover}
.theme-hvac .check-list li{border-bottom:1px solid var(--hvac-line);color:var(--hvac-muted)}
.theme-hvac .check-list li::before{color:var(--hvac-cool);background:rgba(37,135,200,.10)}
.theme-hvac .text-link{color:var(--hvac-cool);border-bottom:1px solid currentColor}

/* Image band */
.theme-hvac .image-band-section{padding:0;border-bottom:0;overflow:hidden}
.theme-hvac .image-band-heading{padding:42px max(22px,calc((100vw - 1160px)/2)) 22px}
.theme-hvac .image-band-heading h2{margin-top:8px;max-width:820px;font-size:clamp(2.3rem,3.8vw,4.2rem);line-height:.96}
.theme-hvac .image-band-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;min-height:360px;gap:4px;background:var(--hvac-deep)}
.theme-hvac .image-band-item{position:relative;min-height:360px;overflow:hidden;margin:0}
.theme-hvac .image-band-item:nth-child(4){display:none}
.theme-hvac .image-band-item img{width:100%;height:100%;object-fit:cover}
.theme-hvac .image-band-item::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(5,14,27,.78))}
.theme-hvac .image-band-item figcaption{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;font-weight:800}

/* Stats */
.theme-hvac .stats-grid{gap:10px}
.theme-hvac .stat{
  min-height:150px;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.045)
}
.theme-hvac .stat strong{color:#fff;font-size:clamp(2.3rem,4vw,4rem)}
.theme-hvac .stat:nth-child(1) strong,.theme-hvac .stat:nth-child(3) strong{color:#6bbcf0}
.theme-hvac .stat:nth-child(2) strong,.theme-hvac .stat:nth-child(4) strong{color:#ff9a72}
.theme-hvac .stat span{color:rgba(255,255,255,.68)}

/* Testimonials */
.theme-hvac .quote-card{border-radius:10px;box-shadow:none;border:1px solid var(--hvac-line);background:#fff}
.theme-hvac .quote-card blockquote{font-size:1rem;line-height:1.68}
.theme-hvac .quote-card figcaption{color:var(--hvac-ink)}
.theme-hvac .quote-card figcaption span{color:var(--hvac-muted)}

/* FAQ */
.theme-hvac .faq-item{border-radius:10px;background:#fff;border-color:var(--hvac-line)}
.theme-hvac .faq-item summary{color:var(--hvac-ink)}

/* Dark */
.theme-hvac .tone-dark p,.theme-hvac .tone-dark li,.theme-hvac .tone-dark .section-head>p,.theme-hvac .tone-dark .split-copy>p{color:rgba(255,255,255,.69)}
.theme-hvac .tone-dark h2,.theme-hvac .tone-dark h3,.theme-hvac .tone-dark strong{color:#fff}
.theme-hvac .tone-dark .eyebrow{color:#76c2f2}

/* Quote */
.theme-hvac .quote-layout{gap:clamp(32px,5vw,66px)}
.theme-hvac .quote-copy h2{margin-top:12px;font-size:clamp(2.5rem,4vw,4.5rem);line-height:.96}
.theme-hvac .quote-section.tone-dark .quote-form{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:none}
.theme-hvac .quote-section.tone-dark .quote-form label,.theme-hvac .quote-section.tone-dark .quote-submit p{color:rgba(255,255,255,.72)}
.theme-hvac .quote-section.tone-dark input,.theme-hvac .quote-section.tone-dark select,.theme-hvac .quote-section.tone-dark textarea{
  background:rgba(255,255,255,.075);color:#fff;border-color:rgba(255,255,255,.18);border-radius:8px
}
.theme-hvac .quote-section.tone-dark select option{color:#111;background:#fff}
.theme-hvac .quote-section.tone-dark .button-primary{background:var(--hvac-hot);border-color:var(--hvac-hot);color:#fff}

/* Footer */
.theme-hvac .site-footer{background:#081426;color:rgba(255,255,255,.72)}
.theme-hvac .footer-grid>div:first-child strong{font-size:1.3rem;font-weight:800}
.theme-hvac .mobile-action-bar{background:rgba(8,20,38,.97);border-top:1px solid rgba(255,255,255,.12)}
.theme-hvac .mobile-action-link{color:#fff}

@media(max-width:980px){
  .theme-hvac .hero-layout-background,.theme-hvac .hero-layout-background .hero-grid,.theme-hvac .hero-layout-background .hero-copy{min-height:690px}
  .theme-hvac .section-head{grid-template-columns:1fr;gap:14px}
  .theme-hvac .icon-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .theme-hvac .trust-items{grid-template-columns:repeat(2,1fr)}
  .theme-hvac .image-band-grid{grid-template-columns:1.1fr .9fr;min-height:320px}
  .theme-hvac .image-band-item{min-height:320px}
  .theme-hvac .image-band-item:nth-child(3){display:none}
}
@media(max-width:700px){
  .theme-hvac .header-inner{min-height:70px}
  .theme-hvac .brand-word{font-size:.94rem}
  .theme-hvac .brand-word::after{font-size:.5rem}
  .theme-hvac .hero-layout-background,.theme-hvac .hero-layout-background .hero-grid,.theme-hvac .hero-layout-background .hero-copy{min-height:600px}
  .theme-hvac .hero-layout-background .hero-copy{padding:58px 0 48px}
  .theme-hvac .hero-layout-background .hero-copy h1{font-size:clamp(3.2rem,15.5vw,4.9rem);max-width:360px}
  .theme-hvac .hero-layout-background .hero-lead{max-width:340px;font-size:.98rem;line-height:1.55}
  .theme-hvac .hero-layout-background>.hero-media img{object-position:58% center}
  .theme-hvac .hero-layout-background>.hero-media::after{
    background:linear-gradient(90deg,rgba(6,16,30,.92) 0%,rgba(6,16,30,.74) 62%,rgba(6,16,30,.48) 100%)
  }
  .theme-hvac .hero-layout-background .hero-highlights{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:24px}
  .theme-hvac .trust-items{grid-template-columns:repeat(2,1fr)}
  .theme-hvac .trust-items span,.theme-hvac .trust-items span:first-child{min-height:54px;padding:11px 12px 11px 28px;border-left:0;border-bottom:1px solid rgba(255,255,255,.18);font-size:.66rem}
  .theme-hvac .trust-items span::before{left:12px}
  .theme-hvac .icon-services-section>.site-wrap{padding-top:40px;padding-bottom:42px}
  .theme-hvac .icon-services-watermark{top:10px;font-size:3.5rem}
  .theme-hvac .icon-services-heading{margin-bottom:18px}
  .theme-hvac .icon-services-heading h2{font-size:1.1rem;padding-bottom:12px}
  .theme-hvac .icon-service-item{min-height:142px;padding:14px 8px}
  .theme-hvac .icon-service-icon{width:50px;height:50px;margin-bottom:8px}
  .theme-hvac .icon-service-icon img{max-width:46px;max-height:46px}
  .theme-hvac .icon-service-item h3{font-size:.76rem;line-height:1.25}
  .theme-hvac .icon-service-item p{display:none}
  .theme-hvac .image-band-grid{grid-template-columns:1fr}
  .theme-hvac .image-band-item,.theme-hvac .image-band-item:nth-child(3){display:block;min-height:270px}
  .theme-hvac .stats-grid{grid-template-columns:1fr 1fr}
}


/* Butler trust strip refinement: clean light proof bar instead of blue blocks */
.theme-hvac .trust-strip {
  background: #fff;
  color: var(--hvac-ink);
  border-top: 1px solid var(--hvac-line);
  border-bottom: 1px solid var(--hvac-line);
}

.theme-hvac .trust-strip > .site-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.theme-hvac .trust-items {
  min-height: 76px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.theme-hvac .trust-items span {
  position: relative;
  min-height: 76px;
  display: flex;
  align-items: center;
  padding: 14px 20px 14px 42px;
  border-right: 1px solid var(--hvac-line);
  color: #40516a;
  background: #fff;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1.35;
  text-transform: uppercase;
}

.theme-hvac .trust-items span:first-child {
  border-left: 1px solid var(--hvac-line);
}

.theme-hvac .trust-items span::before {
  content: "✓";
  position: absolute;
  left: 18px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(37,135,200,.10);
  color: var(--hvac-cool);
  font-size: .7rem;
  font-weight: 900;
}

.theme-hvac .trust-items span:nth-child(2)::before,
.theme-hvac .trust-items span:nth-child(3)::before {
  background: rgba(239,106,59,.10);
  color: var(--hvac-hot);
}

@media(max-width:700px){
  .theme-hvac .trust-items {
    grid-template-columns: repeat(2, 1fr);
  }

  .theme-hvac .trust-items span,
  .theme-hvac .trust-items span:first-child {
    min-height: 58px;
    padding: 10px 10px 10px 34px;
    border-left: 0;
    border-bottom: 1px solid var(--hvac-line);
    font-size: .64rem;
  }

  .theme-hvac .trust-items span::before {
    left: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    font-size: .62rem;
  }
}




/* Butler HVAC exact supplied logo */
.theme-hvac .site-brand {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  overflow: visible;
  background: none;
}

.theme-hvac .site-brand img {
  width: auto;
  height: 52px;
  max-width: 240px;
  max-height: 52px;
  object-fit: contain;
  object-position: center;
}

.theme-hvac .header-inner {
  min-height: 82px;
}

@media(max-width:720px){
  .theme-hvac .site-brand img {
    height: 38px;
    max-width: 174px;
    max-height: 38px;
  }

  .theme-hvac .header-inner {
    min-height: 70px;
  }
}


/* Butler HVAC exact supplied logo */
.theme-hvac .site-brand {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  background: none !important;
  overflow: visible;
}

.theme-hvac .site-brand > img {
  display: block !important;
  width: auto;
  height: 52px;
  max-width: 250px;
  max-height: 52px;
  object-fit: contain;
}

.theme-hvac .site-brand .brand-word {
  display: none !important;
}

/* Consistent HVAC service icon system */
.theme-hvac .icon-service-icon {
  width: 76px;
  height: 76px;
  margin-bottom: 14px;
  border-radius: 20px;
  background: #eef7fd;
  border: 1px solid rgba(37,135,200,.16);
}

.theme-hvac .icon-service-item:nth-child(n+5) .icon-service-icon {
  background: #fff3ee;
  border-color: rgba(239,106,59,.18);
}

.theme-hvac .icon-service-icon img {
  display: block !important;
  width: 58px;
  height: 58px;
  max-width: 58px;
  max-height: 58px;
  object-fit: contain;
  filter: none !important;
}

.theme-hvac .icon-service-item h3 {
  font-size: .96rem;
  letter-spacing: .01em;
  text-transform: none;
}

@media(max-width:720px){
  .theme-hvac .site-brand > img {
    height: 38px;
    max-width: 180px;
    max-height: 38px;
  }

  .theme-hvac .icon-service-icon {
    width: 62px;
    height: 62px;
    border-radius: 16px;
  }

  .theme-hvac .icon-service-icon img {
    width: 46px;
    height: 46px;
    max-width: 46px;
    max-height: 46px;
  }
}