/* Shared homepage-section navigation. Namespaced to preserve page styles. */
.bas-header,.bas-header *{box-sizing:border-box}
.bas-header{position:sticky;top:0;z-index:1100;background:#0c203d;color:#fff;border-bottom:1px solid #ffffff20;margin-bottom:76px;font-family:"DM Sans",Arial,sans-serif}
.bas-header .bas-header-inner{display:flex;align-items:center;gap:clamp(14px,1.5vw,24px);max-width:1600px;min-height:104px;margin:0 auto;padding:8px max(20px,env(safe-area-inset-right)) 8px max(20px,env(safe-area-inset-left));position:relative;width:100%;height:auto;background:transparent;border:0;box-shadow:none}
.bas-header a{color:#f2f5fa;text-decoration:none;line-height:1.3;letter-spacing:0}
.bas-header .bas-header-logo{display:flex;align-items:center;position:relative;align-self:flex-start;flex:0 0 172px;width:172px;height:88px;margin:0;border:0;z-index:2}
.bas-header .bas-header-logo::before{content:"";position:absolute;left:0;top:0;width:172px;height:172px;background:#0c203d;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 5px 12px #06152b26;z-index:-1}
.bas-header-logo img{position:absolute;top:6px;left:6px;display:block;width:160px;height:160px;max-width:none;object-fit:contain;background:transparent;border:0;border-radius:0}
.bas-header .bas-header-links{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,1.2vw,20px);flex:1;min-width:0}
.bas-header-links a{display:flex;align-items:center;min-height:44px;white-space:nowrap;font-size:clamp(12px,.96vw,14px);font-weight:700;padding:8px 0}
.bas-header .bas-header-contact{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;font-size:13px;font-weight:700;min-height:44px;flex-shrink:0;border-bottom:1px solid #f7b51e;padding:8px 0;margin-left:auto}
.bas-header-contact span{color:#f7b51e;font-size:24px;line-height:1}
.bas-header a:hover{color:#f7b51e}.bas-header :focus-visible{outline:3px solid #f7b51e;outline-offset:4px;border-radius:3px}
.bas-header-toggle{display:none;flex:0 0 44px;min-width:44px;min-height:44px;align-items:center;justify-content:center;background:transparent;color:#fff;border:1px solid #ffffff60;border-radius:8px;padding:12px;cursor:pointer}
.bas-header-toggle>span{display:grid;gap:4px;width:18px}.bas-header-toggle i{height:2px;width:18px;display:block;background:currentColor}
.bas-header [hidden]{display:none!important}
html{scroll-padding-top:181px}
:is(#our-difference,#models,#watch-a-subie,#buying-guides,#sell-your-subie,#after-the-sale,#arcade,#subie-feed,#newsletter,#get-started){scroll-margin-top:16px}
/* The homepage artwork sits behind the badge; content pages reserve its overhang. */
.bas-header:has(+ .hero){margin-bottom:0}
@media(max-width:1199px){
 html{scroll-padding-top:107px}
 .bas-header{margin-bottom:0}
 .bas-header .bas-header-logo{align-self:auto;z-index:auto}
 .bas-header .bas-header-logo::before{display:none}
 .bas-header-logo img{position:static}
 .bas-header .bas-header-links{margin-top:0}
 .bas-header:not([data-enhanced]){position:static}
 .bas-header .bas-header-inner{flex-wrap:wrap;gap:16px;min-height:106px;padding:6px max(16px,env(safe-area-inset-right)) 6px max(16px,env(safe-area-inset-left))}
 .bas-header .bas-header-logo,.bas-header-logo img{width:90px;height:90px;flex-basis:90px}
 .bas-header .bas-header-links{order:4;flex:1 0 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;padding:10px 8px 16px}
 .bas-header-links a{font-size:14px;white-space:normal;min-height:46px}
 .bas-header[data-enhanced] .bas-header-toggle{display:flex}
 .bas-header[data-enhanced] .bas-header-links{position:absolute;top:100%;left:0;right:0;margin:0;max-height:calc(100vh - 107px);max-height:calc(100dvh - 107px);overflow-y:auto;overscroll-behavior:contain;background:#0c203d;border-bottom:1px solid #ffffff30;box-shadow:0 16px 25px #06152b33;padding:14px max(24px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-bottom));}
 .bas-header[data-enhanced][data-menu-open="false"] .bas-header-links{display:none}
}
@media(max-width:480px){.bas-header .bas-header-links{grid-template-columns:1fr}.bas-header .bas-header-contact{font-size:12px;gap:10px}.bas-header .bas-header-inner{gap:12px}}
@media(prefers-reduced-motion:reduce){.bas-header *{scroll-behavior:auto;transition:none}}