
.menu-toggle{display:none}
@media(max-width:1024px){
.responsive-header{position:sticky;top:0;z-index:50}
.responsive-header .wrap{position:relative;height:74px!important;display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding-top:0!important;padding-bottom:0!important}
.responsive-header .brand{flex:0 1 auto;min-width:0}
.responsive-header .brand img{width:96px!important;max-height:48px;object-fit:contain}
.responsive-header .brand span{display:none}
.responsive-header .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;flex:0 0 48px;border:1px solid #005475;border-radius:8px;background:white;color:#005475;cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px}
.menu-toggle:focus-visible{outline:3px solid #54B9E0;outline-offset:3px}
.responsive-header #primary-menu{display:none!important}
.responsive-header.menu-open #primary-menu{display:flex!important;position:absolute;top:100%;left:0;right:0;width:auto!important;flex-direction:column;align-items:stretch!important;gap:8px!important;padding:16px 20px 20px;background:white;border:1px solid #dce8ed;box-shadow:0 16px 28px #00547520;max-height:calc(100dvh - 90px);overflow-y:auto}
.responsive-header #primary-menu a,.responsive-header #primary-menu a:not(.btn){display:flex!important;align-items:center;min-height:48px;padding:12px 16px!important;font-size:16px!important;line-height:1.35;text-decoration:none;color:#005475;box-sizing:border-box}
.responsive-header #primary-menu .btn{justify-content:center}
.responsive-header #primary-menu .audit-button{background:white!important;color:#005475!important;border:1px solid #005475}
.responsive-header #primary-menu .login-button,.responsive-header #primary-menu a[href$="/client-login"]{background:#005475!important;color:white!important;border-radius:8px;justify-content:center}
html{scroll-padding-top:90px!important}
}

/* Shared Erio navigation and footer across marketing and legal pages. */
.shared-header{position:sticky;top:0;z-index:50;background:#005475;color:#fff;border-bottom:1px solid #ffffff26;backdrop-filter:none}
.shared-header .wrap,.shared-footer .wrap{max-width:1260px;margin:0 auto;padding:0 44px}
.shared-header .wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.shared-header .brand{display:flex;align-items:center;text-decoration:none}
.shared-header .brand img{width:103px;display:block;filter:none}
.shared-header #primary-menu{display:flex;align-items:center;gap:18px;flex-wrap:nowrap}
.shared-header #primary-menu a{color:#fff;font-size:14px;font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.shared-header #primary-menu .btn{gap:20px;justify-content:center;padding:12px 20px;border-radius:8px;line-height:1.4}
.shared-header #primary-menu .audit-button{background:#fff!important;color:#005475!important;border:1px solid #fff}
.shared-header #primary-menu .login-button{background:transparent!important;color:#fff!important;border:1px solid #fff!important}
.shared-header #primary-menu .audit-button:hover{background:#edf6f9!important}
.shared-header #primary-menu .login-button:hover{background:#ffffff18!important}
.shared-footer{display:block;max-width:none;margin:0;border-top:1px solid #dce8ec;background:white;padding:43px 0 30px;color:#607781;font-size:12px}
.shared-footer .top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
.shared-footer .brand{display:flex;text-decoration:none}
.shared-footer .brand img{width:83px;display:block;filter:none}
.shared-footer p{font-size:12px;line-height:1.65;margin-bottom:0;color:#607781}
.shared-footer nav{display:flex;gap:23px;flex-wrap:wrap}
.shared-footer nav a{font-size:12px;color:#607781}
.shared-footer .bottom{border-top:1px solid #dce8ec;margin-top:30px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.65}
@media(max-width:1024px){
.shared-header .wrap,.shared-footer .wrap{padding-left:28px;padding-right:28px}
.shared-header .menu-toggle{background:transparent;border-color:#ffffff80;color:white}
.shared-header.menu-open #primary-menu{background:#005475;border-color:#ffffff26}
.shared-header #primary-menu a:not(.btn){color:white}
.shared-header #primary-menu .btn{min-height:48px}
}
@media(max-width:720px){
.shared-header .wrap,.shared-footer .wrap{padding-left:22px;padding-right:22px}
.shared-footer .top,.shared-footer .bottom{flex-direction:column;align-items:flex-start}
.shared-footer nav{gap:8px 20px}
.shared-footer nav a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:480px){.shared-header .wrap,.shared-footer .wrap{padding-left:18px;padding-right:18px}}

/* Slimmer shared navigation and inverted CTA hierarchy. */
.shared-header .wrap{height:70px}
.shared-header #primary-menu a{min-height:36px}
.shared-header #primary-menu .btn{min-height:36px;padding:8px 17px;font-size:13px;gap:0}
.shared-header #primary-menu .audit-button{background:#005475!important;color:#fff!important;border-color:#ffffff80!important}
.shared-header #primary-menu a.login-button{background:#fff!important;color:#005475!important;border-color:#fff!important}
.shared-header #primary-menu .audit-button:hover{background:#003d57!important}
.shared-header #primary-menu a.login-button:hover{background:#edf6f9!important}
@media(max-width:1024px){.shared-header .wrap{height:62px!important}.shared-header .menu-toggle{height:42px;width:42px;flex-basis:42px}.shared-header #primary-menu a{min-height:44px}.shared-header #primary-menu .btn{min-height:44px}}

/* Matching branded footer on marketing and legal pages. */
.shared-footer{background:#005475;color:#fff;border-top-color:#ffffff26}
.shared-footer p,.shared-footer nav a,.shared-footer .bottom,.shared-footer address{color:#fff}
.shared-footer .bottom{border-top-color:#ffffff40}
.shared-footer address{font-style:normal;font-size:12px;line-height:1.65;margin-top:12px}
.shared-footer .brand img{filter:none}

/* White underline draws from left to right on navigation text links. */
.shared-header #primary-menu a:not(.btn){position:relative}
.shared-header #primary-menu a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:#fff;transform:scaleX(0);transform-origin:left center;transition:transform .28s ease;pointer-events:none}
.shared-header #primary-menu a:not(.btn):hover::after,.shared-header #primary-menu a:not(.btn):focus-visible::after{transform:scaleX(1)}
@media(max-width:1024px){.shared-header #primary-menu a:not(.btn)::after{left:16px;right:16px}}
@media(prefers-reduced-motion:reduce){.shared-header #primary-menu a:not(.btn)::after{transition:none}}
