:root{color-scheme:dark}
html,body{margin:0!important;padding:0!important;background:#000!important;color:#f2f2f2!important;font-family:Arial,Helvetica,sans-serif!important}
body.bmdoc-gateway,body.bmdoc-subpage{min-height:100vh;overflow-x:hidden}
body.bmdoc-gateway #wpadminbar,body.bmdoc-subpage #wpadminbar{position:fixed}
.bgw-shell{min-height:100svh;background:#000;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:relative;overflow:hidden}
.bgw-intro{flex:0 0 auto;text-align:center;padding:54px 24px 28px;box-sizing:border-box}
.bgw-intro h1{margin:0;color:#f3f3f3;font-size:clamp(22px,2.25vw,34px);line-height:1.15;font-weight:600;letter-spacing:-.025em}
.bgw-intro p{margin:11px 0 0;color:#777;font-size:clamp(13px,1.05vw,16px);line-height:1.45;font-weight:400}
.bgw-intro p strong{color:inherit;font-weight:700}
.bgw-grid{width:100%;flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(3,1fr)}
.bgw-card{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none!important;color:#fff!important;padding:5vh 3vw;position:relative;transition:opacity .32s ease,background-color .32s ease,transform .32s ease;border-right:1px solid #171717;box-sizing:border-box}
.bgw-card:last-child{border-right:0}
.bgw-logo-frame{width:min(25vw,390px);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.bgw-logo{display:block;width:100%;height:100%;object-fit:contain;opacity:.64;filter:brightness(.82);transform:scale(.96);transition:opacity .32s ease,filter .32s ease,transform .32s ease}
.bgw-logo-doc{transform:scale(.816)}
.bgw-line{font-size:clamp(13px,1.15vw,17px);line-height:1.45;font-weight:400;letter-spacing:.01em;color:#7f7f7f;max-width:330px;margin:18px 0 0;transition:color .32s ease}
.bgw-mobile-progress{display:none}
@media (hover:hover) and (pointer:fine){
  .bgw-grid:hover .bgw-card{opacity:.54}
  .bgw-grid .bgw-card:hover{opacity:1;background:#050505;transform:translateY(-2px)}
  .bgw-card:hover .bgw-logo{opacity:1;filter:brightness(1);transform:scale(1)}
  .bgw-card:hover .bgw-logo-doc{transform:scale(.85)}
  .bgw-card:hover .bgw-line{color:#d3d3d3}
}

.bsub-shell{min-height:100svh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;box-sizing:border-box}
.bsub-logo{width:min(520px,78vw);height:min(520px,55vh);object-fit:contain;margin-bottom:10px}
.bsub-shell p{margin:0}
.bsub-status{font-size:16px!important;line-height:1.5;color:#aaa!important;font-weight:400;margin-top:2px!important}
.bsub-note{font-size:13px!important;line-height:1.5;color:#555!important;margin-top:8px!important}
.bsub-logo,.bsub-status,.bsub-note{animation:bsubReveal .7s cubic-bezier(.22,1,.36,1) both}
.bsub-status{animation-delay:.08s}
.bsub-note{animation-delay:.14s}
@keyframes bsubReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.bsub-logo,.bsub-status,.bsub-note{animation:none!important}}
.bsub-back{position:fixed;top:28px;left:30px;color:#777!important;text-decoration:none!important;font-size:13px}
.bsub-back:hover{color:#fff!important}

@media(max-width:760px){
  .bgw-shell{min-height:100svh;overflow:hidden}
  .bgw-intro{padding:36px 22px 18px}
  .bgw-intro h1{font-size:24px;line-height:1.16}
  .bgw-intro p{font-size:14px;max-width:320px;margin:9px auto 0}

  /* Mobile mirrors the desktop gateway: one continuous three-column rail. */
  .bgw-grid{display:flex;flex:1 1 auto;min-height:0;width:calc(100% - 36px);margin:0 18px;overflow-x:auto;overflow-y:hidden;gap:0;padding:0;border-left:1px solid #171717;border-right:1px solid #171717;box-sizing:border-box;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}
  .bgw-grid::-webkit-scrollbar{display:none}
  .bgw-card{flex:0 0 100%;min-height:0;height:auto;scroll-snap-align:start;scroll-snap-stop:always;border:0!important;border-radius:0!important;background:#000!important;padding:48px 7vw 62px;justify-content:flex-start;opacity:.38;transform:none!important;transition:opacity .34s ease,background-color .34s ease}
  .bgw-card.is-active{opacity:1;background:#000!important}
  .bgw-logo-frame{width:min(61vw,300px);aspect-ratio:1/1;flex:0 0 auto}
  .bgw-logo{width:100%;height:100%;opacity:.58;filter:brightness(.78);transform:scale(.96);transition:opacity .34s ease,filter .34s ease,transform .34s ease}
  .bgw-logo-doc{transform:scale(.816)}
  .bgw-card.is-active .bgw-logo{opacity:1;filter:brightness(1);transform:scale(1)}
  .bgw-card.is-active .bgw-logo-doc{transform:scale(.85)}
  .bgw-line{font-size:15px;line-height:1.5;color:#6f6f6f;max-width:310px;margin:16px 0 0;transition:color .34s ease}
  .bgw-card.is-active .bgw-line{color:#aaa}

  .bgw-mobile-progress{display:flex;position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);align-items:center;justify-content:center;gap:7px;z-index:10}
  .bgw-progress-seg{display:block;width:24px;height:1px;background:#171717;transition:background-color .28s ease,width .28s ease}
  .bgw-progress-seg.is-active{background:#5f5f5f;width:32px}
  .bsub-logo{width:min(78vw,390px);height:auto;aspect-ratio:1/1}
}

@media(max-width:390px){
  .bgw-intro{padding-top:30px;padding-bottom:14px}
  .bgw-card{flex-basis:100%;padding-top:42px;padding-left:6vw;padding-right:6vw;padding-bottom:58px}
  .bgw-logo-frame{width:min(60vw,270px)}
}


/* v1.9 - assessment CTA below brand gateway, matching 300 CLUB funnel */
.bgw-cta-wrap{
  flex:0 0 auto;
  display:flex;
  justify-content:center;
  padding:22px 24px 30px;
}
.bgw-assessment-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 24px;
  border-radius:3px!important;
  background:#3b3b39!important;
  border:1px solid #3b3b39!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
  transition:background .2s,border-color .2s,color .2s;
}
@media (hover:hover) and (pointer:fine){
  .bgw-assessment-cta:hover{background:#4b4b48!important;border-color:#4b4b48!important;color:#fff!important}
}

@media(max-width:760px){
  .bgw-shell{min-height:100svh;overflow:hidden}
  .bgw-intro{padding:34px 22px 0}
  .bgw-intro h1{font-size:24px;line-height:1.16}
  .bgw-intro p{font-size:14px;max-width:320px;margin:9px auto 0}

  .bgw-grid{
    flex:0 0 auto;
    width:calc(100% - 36px);
    height:54svh;
    min-height:370px;
    max-height:535px;
    margin:22px 18px 0;
    border-left:1px solid rgba(255,255,255,.035);
    border-right:1px solid rgba(255,255,255,.035);
  }
  .bgw-card{
    height:100%;
    padding:24px 7vw;
    justify-content:center;
  }
  .bgw-mobile-progress{
    display:flex;
    position:static;
    left:auto;
    bottom:auto;
    transform:none;
    margin:14px auto 0;
  }
  .bgw-progress-seg{background:rgba(255,255,255,.04)}
  .bgw-progress-seg.is-active{background:#4f4f4f}
  .bgw-cta-wrap{padding:20px 18px max(24px,env(safe-area-inset-bottom))}
  .bgw-assessment-cta{width:100%;min-height:46px;padding:0 16px;font-size:13px!important}
}

@media(max-width:390px){
  .bgw-intro{padding-top:30px;padding-bottom:0}
  .bgw-grid{height:53svh;min-height:360px;margin-top:18px}
  .bgw-card{padding:20px 6vw}
}

/* v1.10 - enforce semantic mobile order: intro -> brands -> progress -> assessment CTA */
.bgw-intro{order:1}
.bgw-grid{order:2}
.bgw-mobile-progress{order:3}
.bgw-cta-wrap{order:4}
@media(max-width:760px){
  .bgw-intro{order:1}
  .bgw-grid{order:2}
  .bgw-mobile-progress{order:3}
  .bgw-cta-wrap{order:4;padding-top:18px}
}