/* BPF Website v14.1 — Homepage Funnel Simplification — STAGING CANDIDATE
   Presentation and homepage decision-flow polish only.
   Preserves existing offers, links, analytics, checkout, forms, SEO content, and app/coaching destinations. */

/* The unified shell already offsets the fixed header. The legacy homepage hero also reserved
   header space, producing the large blank band visible on mobile. Remove the duplicate offset. */
body.bpf-final-shell.bpf-revenue-clarity .hero{
  min-height:0!important;
  align-items:flex-start!important;
  padding-top:32px!important;
  padding-bottom:34px!important;
}
body.bpf-final-shell.bpf-revenue-clarity .hero-grid{align-items:start!important}
body.bpf-final-shell.bpf-revenue-clarity .hero-eyebrow{margin-top:0!important}

/* Keep one obvious first action. Secondary paths remain available but visually quieter. */
body.bpf-revenue-clarity .hero-btns{
  display:grid!important;
  grid-template-columns:max-content max-content max-content;
  align-items:center!important;
  gap:9px!important;
  margin:18px 0 0!important;
}
body.bpf-revenue-clarity .hero-btns .btn-or,
body.bpf-revenue-clarity .hero-btns .bpf-revenue-secondary{min-height:46px}

/* The next section is a comparison, not a repeat of the hero decision. */
body.bpf-revenue-clarity .path-chooser-section{padding-top:34px!important;padding-bottom:38px!important}
body.bpf-revenue-clarity .path-chooser-head{gap:18px!important;margin-bottom:20px!important}
body.bpf-revenue-clarity .path-grid-clean{gap:12px!important}
body.bpf-revenue-clarity .path-card-clean{min-height:0!important}

/* Tighter conversion spine after the first screen. */
body.bpf-revenue-clarity #results,
body.bpf-revenue-clarity #programs{padding-top:42px!important;padding-bottom:42px!important}
body.bpf-revenue-clarity #contact{padding-top:42px!important;padding-bottom:42px!important}

@media(max-width:820px){
  /* Smaller, cleaner mobile shell. */
  body.bpf-final-shell{padding-top:64px!important}
  .bpf-final-site-header__inner{min-height:58px!important;padding:8px 14px!important}
  .bpf-final-brand img{width:36px!important;height:36px!important;border-radius:11px!important}
  .bpf-final-brand__title{font-size:18px!important}
  .bpf-final-brand__sub{font-size:8.5px!important;margin-top:2px!important}
  .bpf-final-menu-btn{min-width:42px!important;min-height:42px!important;font-size:26px!important;padding:4px!important}
  .bpf-final-mobile{top:58px!important}

  /* First useful content begins immediately after the header. */
  body.bpf-final-shell.bpf-revenue-clarity .hero{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    margin:10px auto 0!important;
    padding:18px 16px 24px!important;
    border-radius:20px!important;
  }
  body.bpf-final-shell.bpf-revenue-clarity .hero-grid{gap:0!important}
  body.bpf-revenue-clarity .hero-eyebrow{
    display:inline-flex!important;
    max-width:100%!important;
    margin:0 0 12px!important;
    padding:6px 10px!important;
    white-space:normal!important;
    line-height:1.25!important;
  }
  body.bpf-revenue-clarity .hero .page-title{
    font-size:clamp(44px,13.5vw,62px)!important;
    line-height:.91!important;
    margin:0 0 14px!important;
    letter-spacing:-.045em!important;
  }
  body.bpf-revenue-clarity .hero-sub{
    font-size:15.5px!important;
    line-height:1.52!important;
    margin:0!important;
    max-width:38rem!important;
  }
  body.bpf-revenue-clarity .hero-btns{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:18px!important;
  }
  body.bpf-revenue-clarity .hero-btns .btn-or{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:13px 16px!important;
    border-radius:12px!important;
  }
  body.bpf-revenue-clarity .hero-btns .bpf-revenue-secondary{
    width:100%!important;
    min-height:42px!important;
    padding:10px 8px!important;
    font-size:11px!important;
    border-radius:10px!important;
  }

  body.bpf-revenue-clarity .path-chooser-section{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    margin:12px auto 0!important;
    padding:22px 12px 26px!important;
    border-radius:20px!important;
  }
  body.bpf-revenue-clarity .path-chooser-section>.path-chooser-wrap{
    padding:15px!important;
    border-radius:17px!important;
  }
  body.bpf-revenue-clarity .path-chooser-head{display:block!important;margin-bottom:14px!important}
  body.bpf-revenue-clarity .path-chooser-title{
    font-size:clamp(34px,10vw,46px)!important;
    line-height:.94!important;
    margin-bottom:10px!important;
  }
  body.bpf-revenue-clarity .path-chooser-copy{font-size:14px!important;line-height:1.5!important;max-width:38rem!important}
  body.bpf-revenue-clarity .path-grid-clean{grid-template-columns:1fr!important;gap:10px!important}
  body.bpf-revenue-clarity .path-card-clean{padding:16px!important;border-radius:16px!important}
  body.bpf-revenue-clarity .path-card-clean .path-icon{margin:8px 0!important}

  body.bpf-revenue-clarity #results,
  body.bpf-revenue-clarity #programs,
  body.bpf-revenue-clarity #contact{padding-top:32px!important;padding-bottom:32px!important}
}

@media(max-width:430px){
  body.bpf-final-shell{padding-top:60px!important}
  .bpf-final-site-header__inner{min-height:56px!important;padding:7px 12px!important}
  .bpf-final-brand{gap:8px!important}
  .bpf-final-brand img{width:34px!important;height:34px!important}
  .bpf-final-brand__title{font-size:17px!important}
  .bpf-final-brand__sub{display:none!important}
  .bpf-final-mobile{top:56px!important;padding:12px 14px!important}

  body.bpf-final-shell.bpf-revenue-clarity .hero{
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    margin-top:7px!important;
    padding:15px 13px 20px!important;
    border-radius:17px!important;
  }
  body.bpf-revenue-clarity .hero .page-title{font-size:clamp(42px,13vw,54px)!important}
  body.bpf-revenue-clarity .hero-btns{grid-template-columns:1fr!important}
  body.bpf-revenue-clarity .hero-btns .btn-or{grid-column:auto!important}
  body.bpf-revenue-clarity .hero-btns .bpf-revenue-secondary{min-height:40px!important}

  body.bpf-revenue-clarity .path-chooser-section{
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    padding:16px 9px 20px!important;
  }
  body.bpf-revenue-clarity .path-chooser-section>.path-chooser-wrap{padding:13px!important}
}


/* v14.1: remove repeated decision layers. The visitor chooses once, then sees proof/content. */
body.bpf-revenue-clarity .hero-hook-grid{display:none!important}
body.bpf-revenue-clarity .hero-stats{display:none!important}

/* The lower Programs block is now a compact exploration handoff rather than a second 3-tier chooser. */
.bpf-v141-explore{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:24px;
  align-items:center;
}
.bpf-v141-explore h2{
  font-family:var(--bpf-font-display);
  font-weight:950;
  font-size:clamp(38px,5vw,64px);
  line-height:.92;
  letter-spacing:-.04em;
  text-transform:uppercase;
  color:var(--wh);
  margin:4px 0 10px;
}
.bpf-v141-explore h2 span{color:var(--r);font-style:italic}
.bpf-v141-explore p{font-size:15px;color:var(--mt);line-height:1.6;max-width:680px;margin:0}
.bpf-v141-explore-actions{display:grid;gap:9px}
.bpf-v141-explore-actions a{
  min-height:48px;
  border-radius:12px;
  border:1px solid var(--bd2);
  background:rgba(255,255,255,.035);
  color:var(--wh);
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  font-family:var(--bpf-font-display);
  font-weight:900;
  font-size:13px;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.bpf-v141-explore-actions a:first-child{border-color:rgba(39,135,255,.48);background:rgba(39,135,255,.08)}
.bpf-v141-explore-actions a:hover{border-color:var(--r);background:rgba(196,30,58,.09)}
.bpf-v141-explore-actions small{display:block;font-family:Barlow,sans-serif;font-weight:500;text-transform:none;letter-spacing:0;color:var(--mt2);font-size:11px;margin-top:2px}

@media(max-width:820px){
  /* Keep the first mobile screen deliberately quiet. */
  body.bpf-revenue-clarity .trust-strip{display:none!important}
  body.bpf-revenue-clarity .path-chooser-section{margin-top:10px!important}
  .bpf-v141-explore{grid-template-columns:1fr;gap:16px}
  .bpf-v141-explore h2{font-size:clamp(36px,10vw,48px)}
  .bpf-v141-explore-actions{grid-template-columns:1fr}

  /* Reduce desktop-era breathing room across the homepage conversion spine. */
  body.bpf-revenue-clarity .section-outer,
  body.bpf-revenue-clarity .hub-section,
  body.bpf-revenue-clarity .tools-section{padding-top:28px!important;padding-bottom:28px!important}
  body.bpf-revenue-clarity #glp1-flagship{margin-top:18px!important;margin-bottom:18px!important;padding-left:10px!important;padding-right:10px!important}
  body.bpf-revenue-clarity #glp1-flagship .bpf-glp1-flagship-grid{padding:18px!important;gap:16px!important;border-radius:18px!important}
}

@media(max-width:430px){
  /* One dominant CTA; Programs and Coaching stay visible as quiet alternatives. */
  body.bpf-revenue-clarity .hero-btns{grid-template-columns:1fr 1fr!important;gap:4px 8px!important}
  body.bpf-revenue-clarity .hero-btns .btn-or{grid-column:1/-1!important}
  body.bpf-revenue-clarity .hero-btns .bpf-revenue-secondary{
    width:auto!important;
    min-height:32px!important;
    padding:7px 4px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:10.5px!important;
  }
  .bpf-v141-explore-actions a{min-height:46px;padding:11px 12px}
}