/* Marketing page typography standard.
   Scope is limited by index.html setting html[data-route="marketing"]. */

html[data-route="marketing"] main,
html[data-route="marketing"] header,
html[data-route="marketing"] footer {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html[data-route="marketing"] main h1 {
  font-size: clamp(30px, 4vw, 42px) !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

html[data-route="marketing"] main h2 {
  font-size: clamp(22px, 3vw, 29px) !important;
  line-height: 1.12 !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

html[data-route="marketing"] main h3,
html[data-route="marketing"] main h4 {
  letter-spacing: 0 !important;
}

html[data-route="marketing"] main blockquote {
  font-size: clamp(15px, 1.65vw, 18px) !important;
  line-height: 1.55 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

html[data-route="marketing"] main blockquote + p,
html[data-route="marketing"] main figcaption {
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

/* Keep the existing yellow eyebrow identity, only normalize the type. */
html[data-route="marketing"] main p[class*="uppercase"],
html[data-route="marketing"] main span[class*="uppercase"],
html[data-route="marketing"] main div[class*="uppercase"] {
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
  letter-spacing: 0.1em !important;
}

html[data-route="marketing"] main a,
html[data-route="marketing"] main button {
  letter-spacing: 0 !important;
}

html[data-route="marketing"] main a[style*="padding"],
html[data-route="marketing"] main button[style*="padding"] {
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

@media (max-width: 640px) {
  html[data-route="marketing"] main h1 {
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.07 !important;
  }

  html[data-route="marketing"] main h2 {
    font-size: clamp(22px, 7vw, 29px) !important;
  }
}
/* Home hero fallback: force the approved uppercase headline and keep it to the intended two lines. */
html[data-route="home"] main section:first-of-type div[class*="max-w-lg"] {
  max-width: min(720px, calc(100vw - 48px)) !important;
}

html[data-route="home"] main section:first-of-type h1 {
  text-transform: uppercase !important;
  white-space: nowrap !important;
  font-size: clamp(22px, 4vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

html[data-route="home"] main section:first-of-type h1 span {
  display: inline-block !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}