.dsl-lang-toggle {
  box-sizing: border-box;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 44px;
  padding: 0 10px;
  border: 1px solid rgba(170, 190, 201, .46);
  border-radius: 12px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}
.dsl-lang-toggle:hover { border-color: currentColor; }
.dsl-lang-toggle:focus-visible { outline: 2px solid #22d3e6; outline-offset: 3px; }
.site-header .dsl-lang-toggle, .experience-header .dsl-lang-toggle { margin-left: 0; }
html[data-dsl-language="en"] #app .hero h1,
html[data-dsl-language="en"] .experience-shell.home-view #top.ds-refresh h1 {
  height: auto !important;
  min-height: 0 !important;
  font-size: clamp(48px, 5vw, 70px) !important;
  line-height: 1.12 !important;
}
html[data-dsl-language="en"] #app .hero h1 { font-size: clamp(48px, 4.6vw, 64px) !important; }
html[data-dsl-language="en"] #app .hero > .hero-copy,
html[data-dsl-language="en"] .experience-shell.home-view #top.ds-refresh .ds-refresh-description {
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.55 !important;
}
html[data-dsl-language="en"] #app .hero-metrics strong { font-size: clamp(28px, 2.8vw, 42px) !important; }
@media (min-width: 1101px) {
  html[data-dsl-language="en"] #app > .site-header > nav {
    display: flex !important;
    flex: 0 1 auto !important;
    width: auto !important;
    gap: clamp(12px, 1.4vw, 22px) !important;
    margin-left: auto !important;
  }
  html[data-dsl-language="en"] #app > .site-header > nav > a { flex: 0 0 auto !important; width: auto !important; white-space: nowrap; }
  html[data-dsl-language="en"] #app > .site-header > .account-links { flex: 0 0 auto !important; width: auto !important; }
  html[data-dsl-language="en"] #app .site-header .register { flex: 0 0 auto !important; width: auto !important; padding-inline: 16px; white-space: nowrap; }
  html[data-dsl-language="en"] .experience-shell.home-view > .experience-header.home-header > nav { display: flex !important; flex: 0 1 auto !important; width: auto !important; gap: clamp(12px, 1.4vw, 22px) !important; margin-left: auto !important; }
  html[data-dsl-language="en"] .experience-shell.home-view > .experience-header.home-header > nav > a { flex: 0 0 auto !important; width: auto !important; white-space: nowrap; }
}
@media (max-width: 760px) {
  .site-header .dsl-lang-toggle, .experience-header .dsl-lang-toggle { min-width: 44px; height: 44px; padding: 0 7px; font-size: 13px; }
  html[data-dsl-language="en"] .experience-shell.home-view .home-header .experience-menu::after { content: 'Menu' !important; }
  html[data-dsl-language="en"] #app .hero h1,
  html[data-dsl-language="en"] .experience-shell.home-view #top.ds-refresh h1 { font-size: clamp(36px, 9vw, 52px) !important; line-height: 1.16 !important; }
  html[data-dsl-language="en"] #app .hero > .hero-copy,
  html[data-dsl-language="en"] .experience-shell.home-view #top.ds-refresh .ds-refresh-description { line-height: 1.58 !important; }
  html[data-dsl-language="en"] #app .hero-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; width: 100% !important; max-width: 100% !important; }
  html[data-dsl-language="en"] #app .hero-metrics > div { min-width: 0 !important; }
  html[data-dsl-language="en"] #app .hero-metrics strong { font-size: clamp(18px, 5.6vw, 25px) !important; letter-spacing: -0.02em !important; white-space: nowrap; }
  html[data-dsl-language="en"] #app .hero-metrics span { font-size: 11px !important; line-height: 1.4 !important; white-space: normal !important; }
}
@media (max-width: 360px) {
  html[data-dsl-language] #app > .site-header > .brand,
  html[data-dsl-language] #root .experience-shell > .experience-header.home-header > a.brand { flex: 0 0 min(46vw, 160px) !important; width: min(46vw, 160px) !important; min-width: 0 !important; }
  html[data-dsl-language] #app > .site-header > .brand img,
  html[data-dsl-language] #root .experience-shell > .experience-header.home-header > a.brand img { width: 100% !important; max-width: 100% !important; height: auto !important; }
  html[data-dsl-language="en"] #app .section.pricing { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-dsl-language="en"] #app .pricing .price-intro,
  html[data-dsl-language="en"] #app .pricing .price-card { width: 100% !important; min-width: 0 !important; }
  html[data-dsl-language="en"] #app .pricing .service-label { white-space: normal !important; overflow-wrap: anywhere; }
}