@import url("1e5fab63e65c-localized-base.css");

.page-hero {
  padding: 175px max(5vw, 32px) 95px;
  background: radial-gradient(circle at 82% 20%, rgba(40,120,255,.18), transparent 32%), linear-gradient(145deg,#0e2032,#07111d);
}

.page-hero > div {
  max-width: 1180px;
  margin: auto;
}

.page-hero h1 {
  max-width: 950px;
  margin: 18px 0 24px;
  font-size: clamp(48px, 6vw, 82px);
}

.page-hero p:last-child {
  max-width: 760px;
  color: #a9bacb;
}

.quote-form input[type="checkbox"] {
  width: auto;
  margin: 0 8px;
  vertical-align: middle;
}

.product-cta {
  padding: 90px max(5vw, 32px);
  background: #e8edf3;
  color: #101923;
  text-align: center;
}

.product-cta h2 {
  max-width: 850px;
  margin: 0 auto 22px;
  font-size: clamp(38px, 4vw, 60px);
}

.product-cta p {
  max-width: 720px;
  margin: 0 auto 30px;
  color: #657384;
}

@media (max-width: 600px) {
  .page-hero { padding: 135px 22px 75px; }
  .product-cta { padding: 75px 22px; }
}

.locale-product {
  color: #101923;
  transition: transform .2s ease, background .2s ease;
}

.locale-product:hover {
  background: #e2e9f1;
  transform: translateY(-3px);
}

.locale-page { overflow-x: hidden; }

.locale-header,
.page-hero,
.locale-contact,
.locale-contact-copy,
.quote-form,
.locale-heading > *,
.locale-product {
  min-width: 0;
  max-width: 100%;
}

.page-hero h1,
.locale-contact h2 { overflow-wrap: anywhere; }

@media (max-width: 600px) {
  .page-hero h1 { font-size: 40px; }
  .locale-contact h2 { font-size: 35px; }
  .quote-form { width: 100%; }
}