@import url("489f1bd009bc-site-pages-base.css");

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

/* Dark components own their foreground colors instead of relying on page inheritance. */
.dark-section .application-heading h2,
.dark-section .application-card h3,
.contact-layout .contact-copy h2,
.contact-layout .contact-details strong,
.contact-layout .contact-details a {
  color: #f5f8fc;
}

.application-grid > *,
.contact-layout > *,
.split > * {
  min-width: 0;
}

@media (max-width: 600px) {
  .page-hero h1,
  .application-heading h2,
  .contact-copy h2 {
    overflow-wrap: break-word;
  }

  .page-hero > div {
    width: 100%;
    min-width: 0;
  }
}

.page-footer {
  color: #9badbf;
}

.page-footer a {
  color: #f5f8fc;
}

.footer-legal {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}

/* Older legal-page footer links are superseded by the complete link group. */
.page-footer:has(.footer-legal) > a {
  display: none;
}

/* Contact pages prioritize getting the inquiry form into view. */
.contact-page .page-hero {
  padding-top: 150px;
  padding-bottom: 78px;
}

.contact-page .page-hero h1 {
  max-width: 1080px;
  font-size: clamp(48px, 5.6vw, 78px);
  line-height: 1.02;
}

.contact-page .contact-layout {
  padding-top: 92px;
  padding-bottom: 92px;
}

html[lang="zh-CN"] .contact-page .contact-copy h2 {
  font-size: clamp(36px, 3.3vw, 50px);
}

@media (max-width: 900px) {
  .inner-header nav a[lang] {
    display: inline-flex;
    color: #f5f8fc;
  }
}

@media (max-width: 600px) {
  .contact-page .page-hero {
    padding-top: 125px;
    padding-bottom: 64px;
  }

  .contact-page .page-hero h1 {
    font-size: clamp(40px, 12vw, 56px);
  }
}

.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) {
  .product-cta { padding: 75px 22px; }
}