html[lang="vi"] body {
  font-family: "Segoe UI", Arial, "Noto Sans", sans-serif;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}
html[lang="vi"] .hero h1,
html[lang="vi"] .section h2,
html[lang="vi"] .intent-grid b,
html[lang="vi"] .collection-grid h3,
html[lang="vi"] .state-grid b,
html[lang="vi"] .method-flow b {
  font-family: "Segoe UI", Arial, "Noto Sans", sans-serif;
  letter-spacing: -0.022em;
  line-height: 1.08;
}
html[lang="vi"] .hero h1 {
  font-weight: 760;
  max-width: 940px;
}
html[lang="vi"] .section h2 {
  font-weight: 720;
}
html[lang="vi"] .eyebrow {
  font-family: "Segoe UI", Arial, "Noto Sans", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.55;
}
html[lang="vi"] .status {
  font-family: "Segoe UI", Arial, "Noto Sans", sans-serif;
  letter-spacing: 0.04em;
  line-height: 1.45;
}
html[lang="vi"] .brand b,
html[lang="vi"] .brand small {
  letter-spacing: 0.07em;
}
html[lang="vi"] button,
html[lang="vi"] input,
html[lang="vi"] .assistant-panel {
  font-family: "Segoe UI", Arial, "Noto Sans", sans-serif;
}
html[lang="vi"] .assistant-kicker,
html[lang="vi"] .assistant-note {
  letter-spacing: 0.045em;
}
@media (max-width: 620px) {
  html[lang="vi"] .hero h1 {
    font-size: clamp(2.45rem, 11.5vw, 3.75rem);
    line-height: 1.1;
  }
}