@font-face {
  font-family: "Chakra Petch";
  src: url("./assets/fonts/chakra-petch-latin-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Chakra Petch";
  src: url("./assets/fonts/chakra-petch-latin-600.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Chakra Petch";
  src: url("./assets/fonts/chakra-petch-latin-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Chakra Petch";
  src: url("./assets/fonts/chakra-petch-latin-700-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
:root {
  --font-body: "Chakra Petch", "PingFang SC", "Microsoft YaHei", "Hiragino Sans", "Malgun Gothic", sans-serif;
  --font-ui: var(--font-body);
  --font-display: "Chakra Petch", "Arial Black", "PingFang SC", "Microsoft YaHei", "Hiragino Sans", "Malgun Gothic", sans-serif;
}
body { font-family: var(--font-body); font-weight: 400; }
h1, h2, h3, .brand, .brand-word, .product-title,
.eyebrow, .footer-brand, .company-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0;
}
.button, .primary-action, .secondary-action, nav a, .language-trigger,
.language-options button, .panel-link, .email-link {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: 0;
}
.brand-word, .product-title {
  transform: none;
  text-shadow: none;
}
.feature-grid article > span, .panel::before { font-family: var(--font-display); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}