/* SaasAble-style navigation: brand, central pill, independent actions. */
.header.saas-navigation,.home-campaign .header.saas-navigation{position:fixed;inset:0 0 auto;background:transparent!important;border:0;box-shadow:none!important;backdrop-filter:none}
.saas-navigation .nav-wrap{width:min(1340px,calc(100% - 80px));height:96px;display:grid;grid-template-columns:1fr auto 1fr;gap:32px}
.saas-navigation .brand{width:205px}.saas-navigation #main-nav,.home-campaign .saas-navigation #main-nav{position:static;display:flex;align-items:center;gap:2px;padding:6px;background:#e9edf4;border:0;border-radius:100px;box-shadow:none;font-size:13px}
.saas-navigation #main-nav>a,.nav-dropdown>summary{padding:10px 19px;line-height:1.5;white-space:nowrap;border-radius:100px;color:#25334a;font-weight:400;cursor:pointer}
.saas-navigation #main-nav>a:hover,.nav-dropdown>summary:hover{background:#dfe6f1;color:var(--blue)}.saas-navigation #main-nav>a[aria-current=page]{color:var(--blue)}
.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none;display:flex;gap:12px;align-items:center}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary>span{font-size:15px;line-height:1;transition:transform .15s}.nav-dropdown[open]>summary>span{transform:rotate(180deg)}.nav-dropdown[open]>summary{background:#dfe6f1;color:var(--blue)}.nav-dropdown-panel{position:absolute;top:calc(100% + 12px);left:0;min-width:230px;padding:9px;background:white;border:1px solid #e1e7f0;border-radius:17px;box-shadow:0 12px 35px #15294916}.nav-dropdown-panel>a{display:block;padding:12px 14px;font-size:13px;line-height:1.4;border-radius:9px;color:#34455e;white-space:nowrap}.nav-dropdown-panel>a:hover,.nav-dropdown-panel>a[aria-current=page]{background:#edf2ff;color:var(--blue)}.nav-dropdown summary:focus-visible{outline:3px solid #028bdc;outline-offset:3px}
.header-actions{display:flex;justify-self:end;align-items:center;gap:12px;white-space:nowrap}.header-login{display:inline-flex;align-items:center;gap:9px;border:1px solid #b8c8e3;padding:11px 17px;border-radius:100px;background:transparent;color:#001ab9;font-size:12px;line-height:1.4}.header-login:hover{background:#e7edfa}.header-login:disabled{cursor:default;color:#40587f}.header-actions .button.header-start,.home-campaign .header-actions .button.header-start{padding:12px 20px;font-size:12px;border-radius:100px;line-height:1.4;min-height:42px}.saas-navigation .menu-toggle{display:none}
@media(max-width:1150px){.saas-navigation .nav-wrap{width:calc(100% - 48px);gap:20px}.saas-navigation .brand{width:185px}.saas-navigation #main-nav>a,.nav-dropdown>summary{padding:10px 13px;font-size:12px}.header-actions{gap:8px}.header-login{padding:11px 13px;font-size:11px}.header-actions .button.header-start,.home-campaign .header-actions .button.header-start{padding:12px 16px;font-size:11px}}
@media(max-width:950px){.saas-navigation .nav-wrap{grid-template-columns:1fr auto auto;gap:13px;height:82px}.saas-navigation .menu-toggle{display:block;border:1px solid #ccd7e8;border-radius:50%;width:41px;height:41px;padding:0;font-size:17px;color:#16345e;background:transparent}.saas-navigation #main-nav,.home-campaign .saas-navigation #main-nav{display:none;position:absolute;top:76px;left:24px;right:24px;padding:12px;background:#f5f7fb;border:1px solid #e1e7f0;border-radius:22px;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px #15294916}.saas-navigation #main-nav.open,.home-campaign .saas-navigation #main-nav.open{display:flex}.saas-navigation #main-nav>a,.nav-dropdown>summary{padding:13px 16px;font-size:14px}.nav-dropdown>summary{justify-content:space-between}.nav-dropdown-panel{position:static;box-shadow:none;border:0;background:#e9eef7;border-radius:12px;margin:4px 8px 8px;min-width:0}.nav-dropdown-panel>a{font-size:13px}.header-actions .header-start{display:none}.header-login{font-size:12px}.header-actions{justify-self:end}}
@media(max-width:480px){.saas-navigation .nav-wrap{width:calc(100% - 32px);height:78px;gap:9px}.saas-navigation .brand{width:167px}.header-login{font-size:10px;padding:10px 12px;gap:5px}.saas-navigation .menu-toggle{width:34px;height:34px;font-size:14px}.saas-navigation #main-nav,.home-campaign .saas-navigation #main-nav{left:16px;right:16px;top:71px}}
@media(max-width:360px){.saas-navigation .brand{width:140px}.saas-navigation .nav-wrap{gap:6px}.header-login{font-size:9px;padding:10px}.header-login>span{display:none}}