.header-inner > .brand {order:0}
.header-inner > nav {order:1;gap:25px}
.language-picker {order:2;display:flex;align-items:center;gap:7px;color:var(--soft);flex-shrink:0}
.language-picker svg {width:17px;height:17px}
.language-picker select {font:inherit;font-size:13px;min-height:44px;background:transparent;color:var(--ink);border:0;border-radius:5px;cursor:pointer;padding:8px 4px;max-width:116px}
.menu-toggle {order:3}
html[lang=en] .hero h1 {font-size:clamp(42px,5.1vw,70px)}
html[lang=en] .section-heading h2 {font-size:clamp(28px,2.8vw,38px)}
@media(max-width:980px) {
  .header-inner {flex-wrap:wrap;gap:12px 18px}
  .header-inner > .brand {margin-right:auto}
  .language-picker {order:1}
  .menu-toggle {display:flex;order:2}
  .header-inner > nav {order:3;width:100%;flex-wrap:wrap;gap:10px 25px;padding-top:8px}
  .menu-ready nav:not(.is-open) {display:none}
  .site-header .nav-web {margin-left:0}
}
@media(max-width:680px) {
  .header-inner {gap:10px}
  .language-picker {gap:4px}
  .language-picker select {font-size:12px;max-width:94px}
  .language-picker svg {width:15px;height:15px}
  .hero-actions {gap:18px}
  html[lang=en] .hero h1 {font-size:38px}
  html[lang=en] .hero-description {font-size:15px}
  html[lang=en] .hero-actions {gap:8px 18px}
  html[lang=en] .view-controls button {padding-inline:7px;min-width:44px}
  html[lang=en] .stage-label {max-width:105px;line-height:1.5}
  html[lang=en] .quality-presets {line-height:1.4}
  html[lang=en] .quality-presets > div {grid-template-columns:110px 1fr}
  html[lang=en] .quality-presets dt {font-size:14px}
}