.header .nav{gap:18px;white-space:nowrap}.header .nav-link{font-size:13px}.header .header-container{gap:20px}.header .logo{flex-shrink:0}.header-phone>.site-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-link[aria-current="page"],.mobile-nav-link[aria-current="page"]{color:var(--primary,#2563eb);font-weight:700}.mobile-nav-header .logo-main{font-size:20px}.mobile-close,.burger{min-width:44px;min-height:44px}.mobile-nav{overflow-y:auto;overscroll-behavior:contain}.mobile-nav-link{min-height:48px;display:flex;align-items:center;border-radius:12px}.mobile-nav-link:hover{background:#eff6ff}.header .header-phone{white-space:nowrap}
@media(max-width:1120px){.header .nav{display:none}.header .burger{display:flex}.header .header-right{margin-left:auto}}
@media(max-width:600px){.header .header-phone{display:none}.header .header-container{gap:12px}}
/* One theme control, also visible beside the burger on small screens. */
.site-theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid #dce5f0;border-radius:13px;background:#f4f7fb;color:#385575;cursor:pointer;transition:background .15s,border-color .15s}
.site-theme-toggle:hover{background:#e7effb;border-color:#a9c8ed}.site-theme-toggle:focus-visible{outline:3px solid #438bea;outline-offset:3px}
.site-theme-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-theme-toggle .theme-sun{display:none}
html[data-theme="dark"] .site-theme-toggle{background:#23344a;border-color:#3c526c;color:#ffd580}html[data-theme="dark"] .site-theme-toggle:hover{background:#2c405a}html[data-theme="dark"] .site-theme-toggle .theme-sun{display:block}html[data-theme="dark"] .site-theme-toggle .theme-moon{display:none}
.header .header-right{gap:12px}
@media(min-width:1121px) and (max-width:1280px){.header .header-phone{display:none}}
@media(max-width:600px){.header .header-right{gap:6px}}
/* Let the existing app callout fit the same narrow viewport as the header. */
.hero-container>.hero-content{min-width:0}
@media(max-width:600px){.app-hero-promo>.btn,.install-actions>.btn,.app-download-actions>.btn{white-space:normal;max-width:100%}}
@media(max-width:600px){.btn{max-width:100%;white-space:normal}}

.header{transition:box-shadow .3s}