#primary-nav{gap:2rem;margin-right:2rem}
.language-picker{position:relative;margin-left:1.5rem;flex-shrink:0;font-size:.9rem;line-height:1.2}
.language-picker>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.4rem;padding:.85rem .5rem;min-height:32px;color:#164578}
.language-picker>summary::-webkit-details-marker{display:none}
.language-picker>summary svg{width:1.15rem;height:1.15rem}
.language-picker>summary:focus-visible{outline:2px solid #0751cf;outline-offset:3px}
.language-picker[open]>summary svg{transform:rotate(180deg)}
.language-switch{position:absolute;right:0;top:100%;width:140px;padding:7px;background:#fff;border:1px solid #c7d7e9;box-shadow:0 12px 30px #0b31501a;z-index:30;font-size:14px}
.language-switch a{display:block;padding:11px 12px;white-space:nowrap}
.language-switch a:hover{background:#f1f6fd;color:#0751cf}
.language-switch a[aria-current=page]{background:#edf4fd;color:#0751cf;font-weight:600}
html:not([lang=tr]) .hero-eyebrow{font-size:.68rem;letter-spacing:.04rem}
html:not([lang=tr]) .hero h1{font-size:3.15rem}
html:not([lang=tr]) .hero-intro>p{font-size:.91rem}
html:not([lang=tr]) .hero-actions{gap:1rem;flex-wrap:wrap}
html:not([lang=tr]) .hero-actions .button{font-size:.85rem;padding:.45rem .8rem}
html:not([lang=tr]) .hero-actions .text-link{font-size:.78rem}
html:not([lang=tr]) .section-nav{gap:1.45rem;font-size:.87rem}
html:not([lang=tr]) .section-copy h2{font-size:2.7rem}
html:not([lang=tr]) .section-copy .description{font-size:1.12rem}
html:not([lang=tr]) .business-role{font-size:1rem}
html:not([lang=tr]) .closing-copy h2{font-size:3.3rem}
html:not([lang=tr]) .closing-actions{gap:2rem}
html:not([lang=tr]) .closing-actions .text-link{font-size:.98rem}
html:not([lang=tr]) .closing-features li{font-size:.95rem}
html:not([lang=tr]) .department-change{font-size:1.08rem;gap:.5rem}
html:not([lang=tr]) .department-change svg{width:1.5rem}
html[lang=de] .hero-actions{gap:.6rem}
html[lang=de] .hero-actions .button{padding:.45rem .6rem;font-size:.81rem}
.content-page h1,.content-page h2{overflow-wrap:anywhere;hyphens:auto}
@media(min-width:701px){
  html[lang=tr] .department-change{gap:.8rem}
}
html[lang=de] .section-kicker{font-size:.72rem;letter-spacing:.14rem}
html[lang=de] .feature-row li{font-size:.85rem;padding:0 1rem;gap:.75rem}
html[lang=de] .feature-row li:first-child{padding-left:0}
@media(max-width:700px){
  .site-header{padding:0 18px;gap:12px}
  .site-header .brand{width:106px;flex-shrink:0}
  .header-demo{margin-left:auto;font-size:10px;padding:9px 10px;gap:7px;white-space:nowrap}
  .header-demo svg{width:13px;height:13px}
  .language-picker{margin-left:0;font-size:11px}
  .language-picker>summary{padding:10px 0;gap:3px;min-height:40px}
  .language-picker>summary svg{width:12px;height:12px}
  .menu-toggle{width:22px;flex-shrink:0}
  #primary-nav{margin:0;gap:2px}
  html:not([lang=tr]) .hero-eyebrow{font-size:8px;letter-spacing:.8px}
  html:not([lang=tr]) .hero h1{font-size:34px}
  html:not([lang=tr]) .hero-intro>p{font-size:13px}
  html:not([lang=tr]) .hero-actions{gap:18px;flex-wrap:wrap}
  html:not([lang=tr]) .hero-actions .button{font-size:11px;padding:10px 14px}
  html:not([lang=tr]) .hero-actions .text-link{font-size:11px}
  html:not([lang=tr]) .section-nav{font-size:10px;gap:12px}
  html:not([lang=tr]) .section-copy h2{font-size:30px}
  html:not([lang=tr]) .section-copy .description{font-size:14px}
  html:not([lang=tr]) .business-role{font-size:10px}
  html:not([lang=tr]) .closing-copy h2{font-size:32px}
  html:not([lang=tr]) .closing-actions{gap:16px}
  html:not([lang=tr]) .closing-actions .text-link{font-size:11px}
  html:not([lang=tr]) .closing-features li{font-size:10px}
  html:not([lang=tr]) .department-change{font-size:8px;gap:4px}
  html:not([lang=tr]) .department-change svg{width:12px}
  html[lang=de] .hero-actions{gap:18px}
  html[lang=de] .hero-actions .button{padding:10px 14px;font-size:11px}
  html[lang=de] .section-kicker{font-size:8px;letter-spacing:1.3px}
  html[lang=de] .feature-row li{font-size:9px;padding:0 9px;gap:7px}
}
@media(max-width:359px){
  .sync-card{padding:8px 5px}
  .department-change{font-size:9px;gap:4px}
  .department-change svg{width:12px}
  .site-header{padding:0 12px;gap:9px}
  .site-header .brand{width:90px}
  .header-demo{font-size:9px;padding:8px;gap:5px}
  .language-picker{font-size:10px}
  .menu-toggle,.menu-toggle span{width:20px}
  html:not([lang=tr]) .hero h1{font-size:30px}
  html:not([lang=tr]) .section-nav{gap:10px;font-size:9px}
  html[lang=de] .feature-row li{font-size:8px;gap:5px;padding:0 7px}
}