/* A persistent language control, visible on desktop and mobile. */
.site-header{gap:22px}
.language-switch{display:flex;align-items:center;gap:2px;flex-shrink:0;padding:3px;border:1px solid #34465c;border-radius:6px;background:#0c1624}
.language-switch a{display:flex;align-items:center;justify-content:center;min-height:32px;min-width:34px;padding:5px 8px;font-size:10px;font-weight:650;color:#9eb2ca;line-height:1.2;white-space:nowrap;border-radius:3px;transition:color .2s,background .2s}
.language-switch a:hover{color:#fff;background:#172b3f}
.language-switch a[aria-current=page]{color:#b7f0ff;background:#1b3548;box-shadow:inset 0 0 0 1px #3b647c}
.brand,.header-contact,.desktop-nav{flex-shrink:0}
html[lang=en] body{letter-spacing:0}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{letter-spacing:-.035em;line-height:1.2;text-wrap:balance}
html[lang=en] h2{font-size:clamp(30px,3.3vw,48px)}
html[lang=en] .hero h1{font-size:clamp(52px,5.5vw,80px);line-height:1.06;letter-spacing:-.045em}
html[lang=en] .hero-copy{padding-top:77px}
html[lang=en] .hero-lead{font-size:14px;line-height:1.9;margin-top:26px}
html[lang=en] .hero-actions{margin-top:28px}
html[lang=en] .hero-copy .eyebrow{margin-bottom:23px}
html[lang=en] .brand-name{font-size:10px}
html[lang=en] .brand-name small{font-size:7px;letter-spacing:.08em}
html[lang=en] .ai-panel h3{font-size:34px}
html[lang=en] .ai-header>p{max-width:46%}
html[lang=en] .ai-header>p br,html[lang=en] .infra-heading>p br,html[lang=en] .intro-heading p br,html[lang=en] .lab-heading p br{display:none}
html[lang=en] .input-pills{gap:12px}
html[lang=en] .input-pills span{white-space:normal;flex:1;font-size:10px;min-width:0;text-align:center}
html[lang=en] .diagram-output>span{font-size:10px}
html[lang=en] .lab-card h3{font-size:24px;min-height:58px}
html[lang=en] .rack-note-body,html[lang=en] .infra-heading>div{min-width:0}
html[lang=en] .rack-detail{line-height:1.65}
html[lang=en] .rack-note strong{font-size:16px}
html[lang=en] .mac-capacity strong:last-child span{font-size:11px;margin-left:5px}
html[lang=en] .company-data>div{grid-template-columns:130px minmax(0,1fr)}
html[lang=en] .company-data dd{overflow-wrap:anywhere}
html[lang=en] .company-data dt{line-height:1.6}
html[lang=en] .contact-copy h2{font-size:clamp(30px,3.1vw,45px)}
html[lang=en] .works-hero h1{font-size:clamp(32px,3.5vw,54px);line-height:1.2}
html[lang=en] .signal-rail>div{grid-template-columns:1fr}
html[lang=en] .signal-rail strong{font-size:21px}
html[lang=en] .signal-rail small{font-size:10px;line-height:1.6}
html[lang=en] .case-heading h2>span{line-height:1.4}
html[lang=en] .case-summary,html[lang=en] .case-facts dd{line-height:1.9}
html[lang=en] .case-facts>div{grid-template-columns:110px minmax(0,1fr)}
html[lang=en] .case-facts dt{line-height:1.5}
html[lang=en] .voice-connection{font-size:9px}
html[lang=en] .system-flow strong{font-size:12px}
html[lang=en] .case-visual figcaption{line-height:1.8}
html[lang=en] .possibility-grid h3{font-size:27px}
@media(max-width:1320px){.brand-name{display:none}.site-header{gap:18px}.desktop-nav{gap:18px}}
@media(max-width:1000px) and (min-width:851px){.site-header{padding:0 22px;gap:13px}.desktop-nav{gap:14px;font-size:10px}.header-contact{padding:10px 12px;gap:10px}.brand-logo{width:106px!important;height:auto!important}}
@media(max-width:850px){.language-switch{margin-left:0}.header-contact{margin-left:auto}.site-header{gap:12px}.mobile-nav{top:72px}html[lang=en] .hero-copy{padding-top:62px}html[lang=en] .hero h1{font-size:66px}html[lang=en] .ai-header>p{max-width:none}html[lang=en] .hero-art{top:470px}html[lang=en] .hero{min-height:1040px}html[lang=en] .company-data>div{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:600px){.site-header{padding:0 18px;gap:9px}.language-switch a{min-height:34px;min-width:32px;padding:5px 7px;font-size:10px}.menu-toggle{width:36px;flex-shrink:0;padding:8px}.mobile-nav{top:68px}.header-contact{padding:4px}.site-header .brand-logo{width:96px!important;height:auto!important}html[lang=en] .hero h1{font-size:clamp(44px,12vw,64px);line-height:1.08}html[lang=en] .hero-copy{padding-top:46px}html[lang=en] .hero-copy .eyebrow{font-size:8px;margin-bottom:20px}html[lang=en] .hero-lead{font-size:11px;line-height:1.9;margin-top:21px}html[lang=en] .hero-actions{margin-top:23px}html[lang=en] .hero-art{top:450px}html[lang=en] .hero{min-height:910px}html[lang=en] .hero-bottom>span:last-child{font-size:7px}html[lang=en] h2{font-size:31px}html[lang=en] .ai-tabs button{font-size:9px;gap:3px;padding:15px 5px;white-space:normal}html[lang=en] .ai-tabs button>span{display:none}html[lang=en] .ai-panel h3{font-size:28px}html[lang=en] .input-pills{gap:6px}html[lang=en] .input-pills span{font-size:9px}html[lang=en] .diagram-output>span{font-size:9px}html[lang=en] .rack-note strong{font-size:14px}html[lang=en] .lab-card h3{min-height:0;font-size:23px}html[lang=en] .company-data>div{grid-template-columns:90px minmax(0,1fr);gap:12px}html[lang=en] .possibility-grid h3{font-size:23px}html[lang=en] .contact-copy h2{font-size:33px}html[lang=en] .works-hero h1{font-size:35px}html[lang=en] .works-index a{font-size:10px}html[lang=en] .case-facts>div{grid-template-columns:1fr}html[lang=en] .case-facts dt{margin-bottom:6px}html[lang=en] .case-heading h2>span{font-size:20px}html[lang=en] .system-flow strong{font-size:10px}html[lang=en] .case-topline{font-size:7px;gap:12px}}
@media(prefers-reduced-motion:reduce){.language-switch a{transition:none}}