/* Final readability and brand polish for the marketing pages. */

:root {
  --ink: #0a1522;
}

body {
  background-color: var(--ink);
}

.site-footer {
  background-color: #0a1522 !important;
}

/* Havgra-style dark section treatment */
.b2b-ad-panel {
  padding: 76px 0;
  border-top: 1px solid var(--line-light);
  background-color: var(--ink);
  color: var(--paper);
}

.screen-product {
  padding-bottom: 0;
}

.b2b-ad-panel .business-grid h3 {
  font-size: clamp(2rem, 3.6vw, 3.6rem);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 0.98;
}

/* The coverage block is a primary selling point. */
.coverage h3 {
  max-width: 18ch;
  margin-bottom: 24px;
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 4vw, 3.4rem);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 0.98;
  text-transform: none;
}

.coverage .city-list {
  gap: 10px;
}

.coverage .city-list li {
  padding: 10px 14px;
  font-size: 12px;
}

.coverage > p {
  max-width: 82ch;
  margin-top: 22px;
  font-size: 1rem;
  line-height: 1.7;
}

/* Remove the AI-looking yellow image shadows. */
.hero-app-shot,
.route-app img,
.showroom-frame img,
.showroom-large img,
.showroom-teaser-link img {
  filter: none !important;
}

.map-panel,
.coverage-map-frame,
.subpage-frame,
.purpose-visual,
.audience-visual,
.display-frame {
  box-shadow: none !important;
}

/* Larger supporting text across the site. */
.mono,
.kicker,
.section-index,
.feature-num,
.reason-index,
.value-index,
.step-index,
.audience-index,
.screen-point-icon,
.hero-download-label,
.hero-download-meta,
.hero-app-label,
.proof-chip,
.coverage-map-tag,
.visual-caption,
.screen-item figcaption .mono,
.screens-hint,
.screens-foot p,
.download-meta,
.stat-grid span,
.stat-note,
.city-list li,
.subpage-note,
.frame-tag,
.surface-best,
.surface-price,
.showroom-note,
.price-note,
.quote-head .mono,
.quote-format span,
.quote-format strong,
.quote-field > span,
.quote-mail,
.quote-demo,
.footer-col h3,
.nav-desktop a,
.text-link,
.subpage-caption,
.hero-price span,
.stat-block span,
.showroom-teaser figcaption,
.price-amount span,
.price-free {
  font-size: 11px;
}

.section-index span {
  font-size: 10px;
}

.btn {
  font-size: 12px;
}

.btn-compact {
  font-size: 11px;
}

.feature p,
.reason p,
.value p,
.step p,
.vertical p,
.audience-item p,
.screen-step p,
.surface-desc,
.price-list li,
.price-extras,
.screen-points p,
.screen-item figcaption p,
.check-list p {
  font-size: 0.95rem;
  line-height: 1.6;
}

.faq-intro > p,
.faq-item > p,
.pricing-copy p,
.showroom-copy > p,
.closing-copy,
.business-grid p,
.screen-product-lede,
.screen-story p {
  font-size: 1rem;
  line-height: 1.65;
}

.surface-tagline {
  font-size: 0.97rem;
}

.quote-subtitle,
.quote-success p {
  font-size: 0.95rem;
}

.quote-error {
  font-size: 0.9rem;
}

.closing-note {
  font-size: 10px;
}

.footer-brand p {
  font-size: 1rem;
}

.footer-brand > a,
.footer-brand .footer-company {
  font-family: var(--font-display);
  font-size: 1.05rem;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
}

.footer-brand .footer-company {
  margin-top: 5px;
  color: var(--muted);
}

.footer-col h3 {
  font-size: 10px;
}

.footer-col a {
  padding: 6px 0;
  font-size: 1rem;
}

.footer-bottom {
  font-size: 10px;
}

/* The merged B2B section keeps the screen and advertising offers together. */
@media (max-width: 720px) {
  .b2b-ad-panel {
    padding: 56px 0;
  }

  .b2b-ad-panel .business-grid h3 {
    font-size: clamp(1.9rem, 8.5vw, 2.8rem);
  }

  .coverage h3 {
    font-size: clamp(1.9rem, 9vw, 2.9rem);
  }
}