.header{gap:22px}.header>.brand{order:1}.header>nav{order:2;margin-left:auto}.language-switch{order:3;display:flex;gap:2px;align-items:center;padding:4px;border:1px solid #d9deec;border-radius:999px;flex-shrink:0;background:#ffffff80}.language-switch a{font-size:11px;line-height:1.4;font-weight:700;display:grid;place-items:center;min-width:32px;min-height:32px;padding:6px 7px;border-radius:50%;color:#53647b;transition:background .2s,color .2s}.language-switch a:hover{background:#e9e3f5;color:#6c3fc5}.language-switch a[aria-current=page]{background:#2457a7;color:#fff}.header>.menu{order:4}
html[lang=vi] h1{font-size:clamp(42px,4.4vw,66px);line-height:1.25;letter-spacing:-.04em}html[lang=vi] h2,html[lang=vi] h3{line-height:1.3;letter-spacing:-.035em}html[lang=vi] em{letter-spacing:-.04em}html[lang=vi] .hero-copy .eyebrow{font-size:10px}html[lang=vi] .hero-note{flex-wrap:wrap;gap:10px 20px}html[lang=vi] .about h2{font-size:46px}html[lang=vi] .header nav{font-size:12px;gap:17px}html[lang=vi] .service p{min-height:165px}html[lang=vi] .hero-actions{flex-wrap:wrap}html:not([lang=de]) .contact .email-link{font-size:clamp(18px,1.9vw,26px)}
@media(max-width:1150px) and (min-width:761px){.header{gap:14px}.header .brand{width:185px}.header nav{gap:13px;font-size:12px}.nav-contact{padding:10px 13px}.nav-contact span{margin-left:7px}html[lang=vi] .header nav{gap:12px;font-size:11px}.language-switch a{min-width:28px;padding-inline:5px}}
@media(max-width:760px){.header{height:122px;display:grid;grid-template-columns:1fr auto;grid-template-rows:76px 38px;gap:0 12px}.header>.brand{grid-row:1;grid-column:1;width:180px}.header>.menu{grid-row:1;grid-column:2;min-height:42px;padding-inline:14px}.header>.language-switch{grid-row:2;grid-column:1/-1;justify-self:start;align-self:start;margin:0;padding:2px}.language-switch a{min-height:27px;min-width:34px;padding:5px 7px}.header>nav{top:121px;margin:0;font-size:15px}.header nav.open{display:flex;gap:20px}html[lang=vi] .header nav{font-size:15px;gap:20px}html[lang=vi] .hero h1{font-size:clamp(39px,9.6vw,58px);line-height:1.25}html[lang=vi] .about h2{font-size:38px}html[lang=vi] .service p{min-height:0}html[lang=vi] .contact h2{font-size:38px}.language-switch{background:#fff}.demo-tabs{scrollbar-width:thin}}
@media(prefers-reduced-motion:reduce){.language-switch a{transition:none}}