.language-switcher { display: flex; align-items: center; flex-shrink: 0; gap: 5px; padding-inline: 10px 4px; height: 44px; border: 1px solid #42d6a43b; border-radius: 10px; background: #102229; color: var(--cv-accent); }
.language-switcher svg { width: 18px; height: 18px; flex-shrink: 0; }
.language-select { max-width: 100px; min-width: 73px; border: 0; padding: 7px 0; background: transparent; color: var(--cv-text); font: 14px/1.5 Arial, Tahoma, sans-serif; cursor: pointer; }
.language-select option { background: #141e30; color: #f4f7fa; }
.language-switcher:focus-within { outline: 2px solid var(--cv-accent); outline-offset: 4px; }
.language-select:focus { outline: none; }
.header-inner { gap: 14px; }
html:not([lang="fa"]) { --cv-font: Arial, 'Segoe UI', Tahoma, sans-serif; --cv-display-font: Arial, 'Segoe UI', Tahoma, sans-serif; }
html[lang="ar"] { --cv-font: Tahoma, Arial, sans-serif; --cv-display-font: 'Vazirmatn Display', Tahoma, sans-serif; }
html[lang="zh-Hans"] { --cv-font: 'Microsoft YaHei', 'PingFang SC', 'Noto Sans CJK SC', sans-serif; --cv-display-font: var(--cv-font); }
html[lang="ja"] { --cv-font: 'Yu Gothic', Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif; --cv-display-font: var(--cv-font); }
html:not([lang="fa"]) .hero .hero-title,
html:not([lang="fa"]) .ecosystem-heading h2,
html:not([lang="fa"]) .pricing-heading h2,
html:not([lang="fa"]) .network-heading h2,
html:not([lang="fa"]) .network-gate h3,
html:not([lang="fa"]) .club-copy h2,
html:not([lang="fa"]) .pricing-how h3 { font-family: var(--cv-display-font); }
html:not([lang="fa"]) .hero .hero-title { font-size: clamp(32px, 3.5vw, 56px); line-height: 1.25; font-synthesis: weight; }
html:not([lang="fa"]) .hero-title .hero-title-line { white-space: normal; overflow-wrap: anywhere; }
html:not([lang="fa"]) .hero .hero-title em { margin-inline-start: 0; margin-top: .12em; font-size: 1em; }
html:not([lang="fa"]) .hero-slide-copy { line-height: 1.7; }
html:not([lang="fa"]) .hero-slide-copy .hero-slide-lead { font-size: 18px; }
html:not([lang="fa"]) .hero-actions .button { white-space: normal; }
html:not([lang="fa"]) .pricing-title-row h3 { font-family: var(--cv-display-font); font-size: 30px; }
html:not([lang="fa"]) .pricing-credit-title p { white-space: normal; font-size: 17px; }
html:not([lang="fa"]) .pricing-price { font-size: 15px; }
html:not([lang="fa"]) .club-copy h2 { font-size: clamp(28px, 2.9vw, 38px); line-height: 1.4; }
html[dir="ltr"] .section-kicker-numbered,
html[dir="ltr"] .card-index-numbered,
html[dir="ltr"] .pricing-comparison,
html[dir="ltr"] .pricing-card,
html[dir="ltr"] .pricing-how { direction: ltr; }
html[dir="ltr"] .club .section-kicker,
html[dir="ltr"] .product-name,
html[dir="ltr"] .hero-slide-control { text-align: start; }
html[dir="ltr"] .hero .hero-content { display: flex; flex-direction: column; align-items: flex-end; }
html[dir="ltr"] .hero .hero-bottom { flex-direction: row-reverse; }
/* Keep the copy on the artwork's right-hand side without reversing LTR text. */
html[dir="ltr"] .hero .hero-slide { text-align: right; }
html[dir="ltr"] .hero .hero-signature,
html[dir="ltr"] .hero .hero-slide-copy,
html[dir="ltr"] .hero .hero-title .hero-title-line {
  margin-inline-start: auto;
  margin-inline-end: 0;
}
html[dir="ltr"] .hero .hero-signature-meta { align-items: flex-end; }
html[dir="ltr"] .hero .hero-actions { justify-content: flex-end; }
html[dir="ltr"] .product-link .arrow,
html[dir="ltr"] .hero-actions .button-primary .arrow,
html[dir="ltr"] .pricing-detail .arrow { transform: scaleX(-1); }
html[dir="ltr"] .member-node,
html[dir="ltr"] .club-visual-note { direction: ltr; }
html:not([lang="fa"]) .member-node { min-width: 110px; max-width: 45%; font-size: 14px; text-align: center; }
html:not([lang="fa"]) .orbit-label { font-size: 12px; max-width: 48%; text-align: center; }
html:not([lang="fa"]) .orbit-top,
html:not([lang="fa"]) .orbit-bottom { max-width: 90%; white-space: normal; }
html:not([lang="fa"]) .hero-signature-meta > span { white-space: normal; max-width: 210px; }
html:not([lang="fa"]) .hero-slide-control { font-size: 13px; }
.account-header { gap: 18px; flex-wrap: wrap; }
.account-header .language-switcher { margin-inline-start: auto; }
html:not([lang="fa"]) #network-members h3,
html:not([lang="fa"]) #network-members h4 { font-family: var(--cv-display-font); }
html:not([lang="fa"]) #network-members .nw-label { font-size: 17px; }
html:not([lang="fa"]) #network-members .nw-root-label { font-size: 20px; }
html[dir="ltr"] #network-members .network-graphic text { direction: ltr; }
/* Keep the four section links visible on tablets; compact labels are authored
   translations, not clipped text. The native language selector remains usable. */
@media (min-width: 768px) and (max-width: 1250px) {
  .site-header .header-inner { gap: 10px; }
  .site-header .brand { gap: 8px; font-size: 21px; flex-shrink: 0; }
  .site-header .brand img { width: 48px; height: 30px; }
  .site-header .desktop-nav { display: flex; gap: 6px; font-size: 14px; }
  .site-header .desktop-nav a { min-height: 44px; padding: 10px 9px; border-radius: 8px; flex-shrink: 0; }
  .site-header .desktop-nav a::after { inset-inline: 9px; }
  .site-header .header-cta { display: inline-flex; min-height: 44px; padding-inline: 12px; font-size: 14px; }
  .site-header .nav-label-full, .site-header .header-cta .arrow { display: none; }
  .site-header .nav-label-compact { display: inline; }
  .site-header .menu-button, .site-header .mobile-nav.is-open { display: none; }
}
@media (min-width: 768px) and (max-width: 1250px), (max-width: 360px) {
  .site-header .language-switcher { position: relative; justify-content: center; width: 44px; padding: 0; gap: 0; }
  .site-header .language-switcher svg { width: 20px; height: 20px; pointer-events: none; }
  .site-header .language-select { position: absolute; inset: 0; width: 100%; height: 100%; min-width: 0; max-width: none; padding: 0; opacity: 0; }
}
@media (max-width: 767px) {
  .site-header .desktop-nav, .site-header .header-cta { display: none; }
  .site-header .menu-button { display: block; }
  .site-header .language-switcher { margin-inline-start: auto; }
  .site-header .mobile-nav.is-open { display: grid; gap: 9px; padding: 16px 24px; background: #0b1220fa; }
  .site-header .mobile-nav a { justify-content: flex-start; }
}
@media (max-width: 800px) {
  html:not([lang="fa"]) .hero .hero-content { padding-bottom: calc(220px + min(36.6vw, 172px)); }
  html:not([lang="fa"]) .hero .hero-title { font-size: clamp(28px, 6.8vw, 46px); }
  html[dir="ltr"] .hero .hero-slides, html[dir="ltr"] .hero .hero-actions { align-self: stretch; }
  html:not([lang="fa"]) .hero .hero-signature { max-width: 100%; }
  html:not([lang="fa"]) .hero-signature-meta > span { max-width: 180px; }
}
@media (max-width: 480px) {
  .header-inner { gap: 9px; }
  .header-inner .brand { font-size: 19px; gap: 6px; }
  .header-inner .brand img { width: 46px; }
  .language-switcher { padding-inline: 6px 2px; gap: 2px; }
  .language-select { font-size: 12px; min-width: 67px; max-width: 80px; }
  .language-switcher svg { width: 16px; height: 16px; }
  .menu-button { padding-inline: 9px; }
  html:not([lang="fa"]) .hero .hero-title { font-size: 30px; }
  html:not([lang="fa"]) .hero-slide-copy { font-size: 15px; }
  html:not([lang="fa"]) .hero .hero-actions .button { font-size: 13px; }
  html:not([lang="fa"]) .section-heading h2 { font-size: 29px; }
  html:not([lang="fa"]) .pricing-heading .section-kicker { font-size: 11px; }
  .account-header .back-link { font-size: 14px; }
}