@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
/* Business Liftoff approved brand artwork — the wordmark is an IMAGE, not recreated web text. */
:root{--vf-tech:'Audiowide','Exo 2',system-ui,sans-serif}
.m-public .bl-approved-brand,
body:not(.m-public) .bl-approved-brand{
  display:flex;align-items:center;justify-content:flex-start;
  flex:0 0 auto;min-width:0;height:60px;max-width:248px;
  margin:0;padding:0;overflow:visible;
}
.bl-approved-logo{width:242px;height:auto;max-height:59px;object-fit:contain;object-position:left center;flex:none;}
.m-public .bl-logo-on-light{display:block;}
.m-public .bl-logo-on-dark{display:none;}
body:not(.m-public) .bl-logo-on-dark{display:block;}
body:not(.m-public) .bl-logo-on-light{display:none;}
/* No former handmade mark, icon badge, or reconstructed lettering */
.m-public .m-footer-logo.bl-approved-footer{
 display:flex;align-items:center;min-height:61px;
 width:auto;max-width:100%;padding:0;margin:0;
}
.m-public .m-footer-logo.bl-approved-footer>img{
 display:block;width:264px;height:auto;max-width:100%;
 object-fit:contain;
}
.m-public .m-footer .m-footer-logo.bl-approved-footer{gap:0;}
.m-public .m-footer .m-footer-identity>p{margin-top:19px;}
/* Keep the exact original logo proportions and prevent iPhone zoom/oversized headers */
.m-public .topbar,
body:not(.m-public) .topbar{min-height:76px;gap:13px;}
.m-public .topbar .brand,.m-public .topbar .bl-approved-brand{
 white-space:nowrap;line-height:normal;
}
.m-public #public-nav{min-width:0;gap:clamp(8px,1.25vw,18px);}
.m-public #public-nav>a:not(.btn){font-size:11px;white-space:nowrap;}
.m-public #public-nav .btn{padding:11px 13px;}
/* Brand colors match the approved graphic */
.m-public .vf-hero h1 em,.m-public .vf-amount:not(span){color:#086ff2;}
.m-public .vf-hero .vf-kicker{color:#1e5799;}
.m-public .vf-section-heading h2{font-weight:700;letter-spacing:-.04em;}
.m-public .vf-final h2{font-weight:700;}
.m-public .m-subhero h1{font-weight:700;}
/* Restore exact wordmark in Mission Control header on dark backgrounds */
body:not(.m-public) .topbar .bl-approved-brand{max-width:248px}
@media (max-width:1200px){
  .bl-approved-logo{width:210px;max-height:50px}
  .m-public .bl-approved-brand,body:not(.m-public) .bl-approved-brand{max-width:213px;height:54px}
  .m-public #public-nav{gap:9px}
  .m-public #public-nav>a:not(.btn){font-size:10px}
  .m-public #public-nav .btn{padding:9px 10px}
}
@media (max-width:860px){
  .m-public .topbar,body:not(.m-public) .topbar{height:74px;min-height:74px}
  .m-public .bl-approved-brand,body:not(.m-public) .bl-approved-brand{max-width:240px;height:56px}
  .bl-approved-logo{width:238px;max-height:53px}
  .m-public #public-nav.open>a:not(.btn){font-size:13px}
  .m-public #public-nav.open .btn{padding:13px 16px}
  .m-public .m-nav-menu{flex:none}
}
@media (max-width:430px){
  .m-public .topbar{padding-left:14px;padding-right:14px}
  .m-public .bl-approved-brand,body:not(.m-public) .bl-approved-brand{max-width:min(241px,calc(100vw - 92px))}
  .bl-approved-logo{width:min(241px,calc(100vw - 92px));max-height:52px}
}
@media (max-width:360px){
  .m-public .bl-approved-brand,body:not(.m-public) .bl-approved-brand{max-width:205px}
  .bl-approved-logo{width:205px}
}