.language-switch{display:flex;align-items:center;gap:3px;flex-shrink:0;border:1px solid #768a7250;border-radius:10px;padding:3px;font-family:Manrope,sans-serif;font-size:10px;font-weight:600;letter-spacing:.3px}
.language-switch a{display:grid;place-items:center;min-width:32px;min-height:36px;padding:4px 7px;border-radius:7px;text-decoration:none}
.language-switch a[aria-current="page"]{background:var(--night);color:var(--lime)}
.language-switch a:hover{background:#d5f779;color:#153d36}
.language-switch a:focus-visible{outline:2px solid #368378;outline-offset:3px}
.site-header{gap:16px}.desktop-nav{gap:16px}.site-header .language-switch{margin-left:0}
.preview>.language-switch,.board>.language-switch{width:max-content;margin:20px 0 0 auto}
.preview>.language-switch a[aria-current="page"]{background:var(--lime);color:var(--night)}
.board>.language-switch{margin:0 30px 20px auto}
html[lang="de"] h1,html[lang="de"] h2,html[lang="de"] h3{overflow-wrap:break-word;hyphens:auto}
html[lang="de"] .hero-copy h1{font-size:clamp(58px,6.2vw,94px)}
html[lang="de"] .hero-copy h1>span{font-size:.55em}
html[lang="de"] .hero-actions{flex-wrap:wrap;gap:18px}
html[lang="de"] .hero-description{max-width:390px}
html[lang="de"] .hub-top{flex-wrap:wrap;gap:8px}
html[lang="de"] .hub-top>span{max-width:155px}
html[lang="de"] .hub-card h3{hyphens:auto}
html[lang="de"] .button,html[lang="de"] .text-link{white-space:normal}
html[lang="de"] .device-row small{line-height:1.5}
@media(max-width:1250px){
 .site-header .desktop-nav{display:none}
 .site-header .header-cta{margin-left:auto}
 .site-header .menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;width:28px;min-width:28px;height:44px;padding:5px;border:0;background:none}
 .site-header .menu-toggle span{display:block;width:20px;height:1px;background:var(--ink)}
 .mobile-nav{display:flex;flex-direction:column;gap:20px}
 .mobile-nav[hidden]{display:none}
 html[lang="de"] .hero-copy h1{font-size:6.1vw;letter-spacing:-3px}
}
@media(max-width:760px){
 .site-header{gap:8px}.site-header .header-cta{display:none}.site-header .language-switch{margin-left:auto}
 .language-switch a{min-width:29px;min-height:36px;padding-inline:5px}
 html[lang="de"] .hero-copy h1{font-size:clamp(42px,11.7vw,65px);letter-spacing:-2.4px}
 html[lang="de"] .hero-copy h1>span{font-size:27px;letter-spacing:-1px}
 html[lang="de"] .hero-topline .eyebrow{letter-spacing:.45px}
 html[lang="de"] .hero-actions{gap:12px}
 html[lang="de"] .hero-actions .button{padding:15px 17px}
 html[lang="de"] .setup-copy h2{font-size:45px;letter-spacing:-2px}
 html[lang="de"] .demo-title{font-size:11px}
 html[lang="de"] .demo-toolbar{gap:8px}
 html[lang="de"] .window-dots{display:none}
 html[lang="de"] .hub-card{grid-template-columns:1fr}
 html[lang="de"] .hub-illustration{grid-row:auto;height:180px}
 html[lang="de"] .hub-card h3{font-size:27px}
 html[lang="de"] .preview h1{font-size:42px;letter-spacing:-2px}
 html[lang="de"] .frames figcaption{flex-wrap:wrap;gap:12px}
 html[lang="de"] .board-intro h1{font-size:39px;letter-spacing:-2px;hyphens:none}
 html[lang="de"] .board-font{font-size:29px}
 html[lang="de"] .swatch b{font-size:12px;overflow-wrap:anywhere}
}