/* 0819 typography system
 * Chinese: Microsoft YaHei; Latin/numbers: Inter; formulas: Cambria Math.
 * This file is loaded after each page stylesheet so the same scale is shared
 * by the homepage, product pages and resource pages.
 */
:root {
  --font-sans: Inter, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  --font-zh: Inter, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  --font-latin: Inter, Arial, sans-serif;
  --font-math: "Cambria Math", "Times New Roman", Georgia, serif;
}

html,
body,
button,
input,
textarea,
select {
  font-family: var(--font-sans);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-zh);
}

body h1 {
  font-size: 36px;
  font-weight: 700;
}

.nav-logo,
.nav-logo .logo-mark,
.site-footer__logo,
.site-footer__logo-mark {
  font-family: var(--font-sans);
}

.nav-logo {
  font-size: 20px;
  font-weight: 700;
}

.nav-logo .logo-mark,
.site-footer__logo-mark {
  font-family: var(--font-zh);
  font-size: 15px;
  font-weight: 900;
}

.nav-menu a,
.nav-dropdown-trigger,
.mega-tab {
  font-size: 15px;
  font-weight: 600;
}

.btn-ghost,
.btn-primary,
.btn-gradient,
.btn-outline {
  font-size: 14px;
  font-weight: 600;
}

.announce,
.hero-eyebrow,
.section-eyebrow,
.eyebrow,
.badge,
[class*="badge"] {
  font-size: 13px;
  font-weight: 600;
}

.hero h1 {
  font-family: var(--font-zh);
  font-size: 36px;
  font-weight: 700;
}

.home-page > .hero h1,
.partner-hero h1,
.product-hero h1 {
  font-size: 52px;
}

.section-head h2,
.section h2 {
  font-family: var(--font-zh);
  font-size: 32px;
  font-weight: 700;
}

.section-head h3,
.section h3 {
  font-family: var(--font-zh);
  font-size: 24px;
  font-weight: 600;
}

.hero-sub,
.hero-copy > p,
.section-head p,
.section-desc {
  font-size: 18px;
  font-weight: 400;
}

.res-card-body h3,
.framework-card h3,
.capability-copy h3,
.product-card-content h3,
.cap-item h3,
.workflow-card h3,
.scenario h3 {
  font-family: var(--font-zh);
  font-size: 18px;
  font-weight: 600;
}

.res-card-body p,
.framework-card p,
.capability-copy p,
.product-value,
.cap-item p,
.workflow-card p,
.scenario p,
.card p {
  font-size: 14px;
  font-weight: 400;
}

.capability-link,
.res-card-link,
.card-link,
.pt-cta,
.cap-link {
  font-size: 14px;
  font-weight: 600;
}

.trust-logo,
.res-tag,
.framework-tag,
.product-card-content small,
.product-identity small,
.product-card-content .feature-kicker {
  font-size: 12px;
  font-weight: 600;
}

.tst-metric .tm-value,
.res-stat .rs-value,
.c-value {
  font-family: var(--font-latin);
  font-size: 32px;
  font-weight: 700;
}

.tst-metric .tm-label,
.res-stat .rs-label,
.c-label,
.cred-note,
.site-footer__bottom p {
  font-size: 13px;
  font-weight: 400;
}

.site-footer__col h4 {
  font-family: var(--font-zh);
  font-size: 14px;
  font-weight: 700;
}

.site-footer__col a,
.site-footer__compliance a {
  font-size: 14px;
  font-weight: 400;
}

.arch-formula,
.mx-formula,
.formula,
[class*="formula"] {
  font-family: var(--font-math);
}

.mx-formula {
  font-size: 28px;
  font-weight: 400;
}

@media (max-width: 900px) {
  .hero h1,
  .home-page > .hero h1,
  .partner-hero h1,
  .product-hero h1 {
    font-size: 42px;
  }
}

@media (max-width: 620px) {
  .hero h1,
  .home-page > .hero h1,
  .partner-hero h1,
  .product-hero h1 {
    font-size: 36px;
  }

  .section-head h2,
  .section h2 {
    font-size: 28px;
  }
}