@media(max-width:680px){
 body .topbar .nav{justify-content:flex-start;gap:8px}
 body .topbar .nav>.brand{flex:1 1 auto;min-width:0;max-width:none;margin-right:auto}
 body .topbar .site-logo{max-width:min(170px,100%);max-height:48px;width:auto}
 body .topbar .nav-actions{display:none}
 body .topbar .theme-toggle{flex:0 0 36px;width:36px;height:40px;margin:0;padding:8px}
 body .topbar .language-switch{margin:0;gap:3px;font-size:10px;flex:none}
 body .topbar .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex:0 0 42px;width:42px;height:42px;margin:0;padding:0;border:1px solid #d8cfbc;border-radius:12px;background:transparent;color:#173c32;font-size:0;cursor:pointer}
 .menu-toggle .menu-line{display:block;width:20px;height:2px;flex:none;background:currentColor;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
 .menu-toggle.is-open .menu-line:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .menu-toggle.is-open .menu-line:nth-child(2){opacity:0}
 .menu-toggle.is-open .menu-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 body .topbar .mainnav.open{position:fixed;inset:68px 0 0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:22px 24px calc(28px + env(safe-area-inset-bottom));overflow-y:auto;background:#f7f6f0;box-shadow:none;animation:mobile-menu-enter .22s ease-out}
 body .topbar .mainnav.open>a{display:block;padding:15px 0;border-bottom:1px solid #e1ddce;font:400 27px/1.3 Georgia,serif}
 body .topbar .mainnav.open>a.nav-team-button{font:600 15px/1.4 Manrope,system-ui,sans-serif;margin-top:12px;padding:13px 16px;text-align:center;border-radius:10px}
 body.mobile-navigation-open{overflow:hidden}
 body.mobile-navigation-open .mobile-contact-bar,body.mobile-navigation-open .smart-float{display:none}
 html[data-theme=dark] body .topbar .menu-toggle{border-color:#4a5b52;color:#e0ece2}
 html[data-theme=dark] body .topbar .mainnav.open{background:#182335;color:#edf1f7}
 html[data-theme=dark] body .topbar .mainnav.open>a{border-color:#354156}
 .menu-toggle:focus-visible{outline:3px solid #d3af51;outline-offset:3px}
}
@keyframes mobile-menu-enter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.menu-toggle .menu-line{transition:none}body .topbar .mainnav.open{animation:none}}