/* Use the native UI typeface on each platform: Microsoft YaHei on Windows,
   PingFang SC on macOS, with a standard system fallback elsewhere. */
:root {
  --sans: "Microsoft YaHei", "PingFang SC", sans-serif;
  --mono: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.hero h1 em,
.experience-section em,
.use-cases em,
.contact-section em {
  font-family: var(--sans);
  font-style: normal;
  font-weight: 400;
}

/* Chinese glyphs need more vertical breathing room than the Latin layout. */
html[lang="zh-CN"] .hero h1 {
  line-height: calc(1.02em + 2px);
  letter-spacing: 0.02em;
}

html[lang="zh-CN"] .product-intro h2,
html[lang="zh-CN"] .experience-section h2,
html[lang="zh-CN"] .use-cases h2,
html[lang="zh-CN"] .contact-section h2,
html[lang="zh-CN"] .spec-card h3,
html[lang="zh-CN"] .flow-step h3,
html[lang="zh-CN"] .use-case h3 {
  letter-spacing: 0.01em;
}

html[lang="zh-CN"] .product-intro h2 {
  line-height: calc(0.95em + 8px);
}

html[lang="zh-CN"] .experience-head h2 {
  line-height: calc(0.95em + 8px);
}

html[lang="zh-CN"] .hero-description,
html[lang="zh-CN"] .product-intro p,
html[lang="zh-CN"] .flow-step p,
html[lang="zh-CN"] .use-cases-copy > p,
html[lang="zh-CN"] .use-case p,
html[lang="zh-CN"] .contact-section > p:not(.eyebrow,.form-message) {
  font-size: 16px;
  line-height: calc(1.8em + 2px);
  letter-spacing: 0.02em;
}