/* Approved homepage masthead, shared by every public marketing page. */
@font-face{font-family:ReesponderHeader;src:url('/reesponder-design/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--header-height:66px}
#siteHeader{position:sticky;top:0;z-index:100;background:#fff;border:0;box-shadow:0 1px 0 #102d501a;font-family:ReesponderHeader,Inter,Arial,sans-serif;-webkit-font-smoothing:auto;color:#070707}
#siteHeader .header-inner{height:66px;width:min(1480px,calc(100% - 48px))}
#siteHeader .brand-mark{width:40px!important;height:40px!important;flex-basis:40px;border-radius:999px!important}
#siteHeader .brand-mark img{width:36px!important;height:36px!important}
#siteHeader .brand-name{font-weight:650}
#siteHeader .login-button{font-weight:560}
@media(max-width:900px){
 :root{--header-height:54px}
 #siteHeader .header-inner{height:54px;width:calc(100% - 40px);gap:12px}
 #siteHeader .brand{gap:9px}
 #siteHeader .brand-mark{width:32px!important;height:32px!important;flex-basis:32px}
 #siteHeader .brand-mark img{width:29px!important;height:29px!important}
 #siteHeader .brand-name{font-size:21px}
 #siteHeader .header-actions{gap:10px}
 #siteHeader .login-button{display:inline-flex;border:0;border-radius:0;padding:0 8px;min-height:44px;font-size:13px}
 #siteHeader .menu-button{width:40px;height:44px}
 #siteHeader .menu-button span{width:22px;left:9px}
 #siteHeader .mobile-nav{left:0;right:0;top:100%;border:0;border-top:1px solid #dce3e7;border-bottom:1px solid #dce3e7;border-radius:0;box-shadow:none;padding:12px 24px 24px;background:#fff;max-height:calc(100dvh - 54px)}
 #siteHeader .mobile-nav summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:17px 0}
 #siteHeader .mobile-nav summary::-webkit-details-marker{display:none}
 #siteHeader .mobile-nav summary:after{content:'+';font-size:22px;font-weight:400}
 #siteHeader .mobile-nav details[open] summary:after{content:'−'}
 #siteHeader .mobile-nav details a{padding:12px 0;font-size:15px}
 #siteHeader .mobile-nav .mobile-login{border-radius:7px}
}
@media(max-width:650px){
 #siteHeader .header-inner{width:calc(100% - 32px)}
 #siteHeader .brand-name{font-size:20px}
 #siteHeader .header-actions{gap:2px}
 #siteHeader .login-button{font-size:12px;padding:0 6px}
}
@media print{#siteHeader{display:none}}