.header-tools { display: flex; align-items: center; }
.site-header nav { gap: clamp(12px, 2vw, 32px); margin-left: auto; }
.site-header .nav-contact { padding-inline: 14px; }
html:not([lang="zh-CN"]) .hero h1 { font-size: clamp(36px, 4.2vw, 65px); }
html:not([lang="zh-CN"]) .hero p { max-width: min(41em, 52vw); }
html:not([lang="zh-CN"]) .steps h3 { font-size: clamp(16px, 1.5vw, 23px); }
html:not([lang="zh-CN"]) .steps h3::after { display: none; }
@media (max-width: 880px) {
  .site-header nav { margin-left: 0; }
  .header-tools { margin-left: auto; }
  .site-header .menu { display: flex; order: 2; width: 43px; height: 43px; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border: 1px solid #ffffff58; border-radius: 3px; background: transparent; flex: 0 0 auto; }
  .site-header .menu span { width: 17px; height: 1px; background: #f7f9fc; }
  .site-header .menu[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .site-header .menu[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .site-header nav { display: none; position: absolute; top: var(--header); inset-inline: 0; padding: 10px var(--gutter) 18px; background: var(--ink); border-bottom: 1px solid #ffffff40; }
  .site-header nav.open { display: flex; flex-direction: column; align-items: stretch; gap: 2px; }
  .site-header .nav-contact { border: 0; padding-inline: 0; }
}
@media (max-width: 700px) {
  html:not([lang="zh-CN"]) .hero h1 { font-size: clamp(28px, 7.5vw, 49px); }
  html:not([lang="zh-CN"]) .hero p { max-width: 30em; }
  .header-inner { gap: 8px; }
  .brand { font-size: clamp(12px, 3.3vw, 17px); letter-spacing: .06em; }
  .brand svg { width: 19px; height: 19px; }
  .site-header .menu { width: 38px; height: 42px; }
  #brief-dialog .button { white-space: normal; }
}
@media (max-width: 420px) {
  html:not([lang="zh-CN"]) .steps { grid-template-columns: 1fr; }
}

.languages { position: relative; }
.languages summary { display: flex; align-items: center; gap: 6px; padding: 0 10px; min-height: 42px; list-style: none; cursor: pointer; border: 1px solid #ffffff58; border-radius: 3px; color: #e7eef6; font-size: 13px; font-weight: 650; }
.languages summary::-webkit-details-marker { display: none; }
.languages[open] summary, .languages summary:hover { border-color: #b9defe; color: #b9defe; }
.languages[open] summary svg { transform: rotate(180deg); }
.language-options { position: absolute; z-index: 3; right: 0; top: calc(100% + 8px); min-width: 134px; padding: 4px; border: 1px solid #ffffff40; border-radius: 4px; background: #101821; box-shadow: 0 10px 26px #0007; }
.language-options a { display: flex; align-items: center; min-height: 42px; padding: 0 12px; border-radius: 3px; color: #e7eef6; font-size: 14px; white-space: nowrap; }
.language-options a:hover { background: #ffffff1c; }
.language-options a[aria-current] { background: #b9defe; color: #080b10; font-weight: 650; }