@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/fonts/overpass-latin-variable.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  ascent-override: 98.3%;
  descent-override: 28.3%;
  line-gap-override: 0%;
}

body[data-page="home"] {
  --font-ui: 'Overpass', -apple-system, BlinkMacSystemFont, 'PingFang SC',
    'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
  --font-editorial: 'Overpass', 'Songti SC', STSong, 'SimSun', serif;
  font-family: 'Overpass', var(--font-ui);
}

body[data-page="home"] :is(button, input, select, textarea, .nn-download-popover),
#home-page header[data-mobile-navigation] .marketing-mobile-menu,
#home-page .hero-side h1 .en {
  font-family: 'Overpass', var(--font-ui);
}

#home-page .hero-side h1,
#home-page .sec-title,
#home-page .article-title,
#home-page .agent-name,
#home-page .seo-special-home-cover-fallback span {
  font-family: 'Overpass', var(--font-editorial);
}

/* Keep each label intact; narrow screens wrap complete buttons. */
#home-page .hero .hero-actions {
  flex-wrap: wrap;
}

#home-page .hero .hero-actions .btn {
  width: auto;
  max-width: 100%;
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 0 20px;
  line-height: 1.25;
}

#home-page .hero .hero-actions .arrow {
  flex-shrink: 0;
}

@media (max-width: 760px) {
  #home-page .hero .hero-actions .btn {
    padding: 0 16px;
  }
}