/* V0LT V18.63 — breathing room for the approved homepage hero.
   Copy, links, artwork and the V18.62 service-section spacing are unchanged.
   This file loads only on the homepage. Scoped !important declarations
   supersede earlier geometry/typography locks without editing shared CSS. */
html[data-homepage-copy] .hero h1 {
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  line-height: 1.1 !important;
}
html[data-homepage-copy] .hero .hero-line-accent {
  margin-top: 6px !important;
}
html[data-homepage-copy] .hero .hero-summary {
  width: 100% !important;
  max-width: 560px !important;
  margin-top: 26px !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  overflow-wrap: normal;
}
html[data-homepage-copy] .hero .home-offer {
  display: block;
  margin: 0 0 8px;
  font-size: 19px;
  font-weight: 650;
  line-height: 1.5;
  letter-spacing: -.01em;
}
html[data-homepage-copy] .hero .hero-summary-detail {
  display: block;
  font-weight: 400;
}
html[data-homepage-copy] .hero .hero-actions {
  margin-top: 28px !important;
  gap: 16px !important;
}
html[data-homepage-copy] .hero .hero-actions .button {
  height: 52px !important;
  padding-inline: 20px !important;
  font-size: 16px !important;
  font-weight: 650;
  letter-spacing: normal;
}
html[data-homepage-copy] .hero .benefit-copy {
  min-width: 0;
  line-height: 1.5;
}
html[data-homepage-copy] .hero .benefit-copy > strong {
  display: block;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.5;
}
html[data-homepage-copy] .hero .benefit-copy > span {
  display: block;
  margin-top: 2px;
  color: #525a64;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 821px) {
  html[data-homepage-copy] .hero h1 {
    width: max-content !important;
    max-width: 100% !important;
  }
  html[data-homepage-copy] .hero .hero-line-main,
  html[data-homepage-copy] .hero .hero-line-accent {
    white-space: nowrap !important;
  }
  html[data-homepage-copy] .hero .benefits {
    margin-top: 32px !important;
    gap: 24px !important;
    align-items: center;
  }
}
@media (min-width: 821px) and (max-width: 1449px) {
  html[data-homepage-copy] .hero .hero-copy {
    top: 44px !important;
  }
  html[data-homepage-copy] .hero h1 {
    font-size: 56px !important;
  }
}
@media (min-width: 1450px) {
  html[data-homepage-copy] .hero .hero-line-accent {
    margin-top: 8px !important;
  }
}
@media (max-width: 820px) {
  html[data-homepage-copy] .hero .hero-copy {
    padding-top: 34px !important;
    padding-bottom: 28px !important;
  }
  html[data-homepage-copy] .hero h1 {
    font-size: clamp(30px, 7.8vw, 38px) !important;
    line-height: 1.16 !important;
    letter-spacing: -.025em !important;
  }
  html[data-homepage-copy] .hero .hero-summary {
    max-width: 620px !important;
    margin-top: 20px !important;
    font-size: 17px !important;
  }
  html[data-homepage-copy] .hero .home-offer {
    font-size: 18px;
  }
  html[data-homepage-copy] .hero .hero-actions {
    margin-top: 24px !important;
    gap: 12px !important;
  }
  html[data-homepage-copy] .hero .hero-actions .button {
    height: 54px !important;
    padding-inline: 18px !important;
    font-size: 17px !important;
  }
  html[data-homepage-copy] .hero .benefit-copy > strong {
    font-size: 17px;
  }
}