/* =============================================================================
   Home mobile WHY-benchmark — full card system (not accent-only)
   ≤980px. Score-card “Trust signals” panel + photo overlays left alone.
   ============================================================================= */

@media (max-width:980px){

  /* Un-hide hero proof strip (site.css had display:none) */
  section#top .hero-proof-row,
  #top .hero-proof-row,
  .hero-editorial .hero-proof-row,
  .hero-proof-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:18px!important;
    visibility:visible!important;
    opacity:1!important;
  }

  /* ---- Shared WHY card shell ---- */
  #top .proof-reason-card,
  .hero-proof-row .proof-reason-card,
  #proof .proof-grid .proof-reason-card,
  #setup .setup-reason-card,
  #scenarios .scenario-reason-card,
  #concern-map .concern-card{
    position:relative!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:50px minmax(0,1fr)!important;
    column-gap:14px!important;
    row-gap:0!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:18px 16px 18px 20px!important;
    border-radius:23px!important;
    border:1px solid rgba(231,233,238,.96)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.92))!important;
    box-shadow:0 16px 44px rgba(7,17,31,.08)!important;
    backdrop-filter:none!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }

  /* Left accent bar */
  #top .proof-reason-card::after,
  .hero-proof-row .proof-reason-card::after,
  #proof .proof-grid .proof-reason-card::after,
  #setup .setup-reason-card::after,
  #scenarios .scenario-reason-card::after,
  #concern-map .concern-card::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:5px!important;
    border-radius:23px 0 0 23px!important;
    background:linear-gradient(180deg,var(--red,#ed0000),#ffb703)!important;
    opacity:.92!important;
    pointer-events:none!important;
    z-index:2!important;
  }

  /* Icon / number column */
  #top .proof-reason-card > .proof-num,
  #top .proof-reason-card > i,
  .hero-proof-row .proof-reason-card > .proof-num,
  .hero-proof-row .proof-reason-card > i,
  #proof .proof-reason-card > .icon-badge,
  #setup .setup-reason-card > .icon-badge,
  #scenarios .scenario-reason-card > .scenario-icon,
  #scenarios .scenario-reason-card > .scenario-number{
    grid-column:1!important;
    grid-row:1 / span 20!important;
    align-self:start!important;
    margin:0!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    border-radius:16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(135deg,#fff1f2,#fff)!important;
    box-shadow:inset 0 0 0 1px #ffd0d5!important;
    border:0!important;
    color:var(--red,#ed0000)!important;
    font-family:var(--title)!important;
    font-size:1.05rem!important;
    font-weight:800!important;
    font-style:normal!important;
    line-height:1!important;
  }

  #proof .proof-reason-card > .icon-badge .svg,
  #proof .proof-reason-card > .icon-badge svg,
  #setup .setup-reason-card > .icon-badge .svg,
  #setup .setup-reason-card > .icon-badge svg,
  #scenarios .scenario-reason-card > .scenario-icon svg,
  #scenarios .scenario-reason-card > .scenario-number svg{
    width:22px!important;
    height:22px!important;
    display:block!important;
    stroke:currentColor!important;
    fill:none!important;
  }

  /* Copy column */
  #top .proof-reason-copy,
  .hero-proof-row .proof-reason-copy,
  #proof .proof-reason-copy,
  #setup .setup-reason-copy,
  #scenarios .scenario-reason-copy{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    text-align:left!important;
  }

  #top .proof-reason-copy strong,
  .hero-proof-row .proof-reason-copy strong,
  #proof .proof-reason-copy h3,
  #setup .setup-reason-copy h3,
  #scenarios .scenario-reason-copy .scenario-title,
  #scenarios .scenario-reason-copy h3{
    margin:0!important;
    min-height:0!important;
    color:#101828!important;
    font-family:var(--title)!important;
    font-size:1.2rem!important;
    font-weight:760!important;
    line-height:1.18!important;
    letter-spacing:-.028em!important;
    text-align:left!important;
    text-wrap:balance!important;
    display:block!important;
  }

  #top .proof-reason-copy small,
  .hero-proof-row .proof-reason-copy small,
  #proof .proof-reason-copy p,
  #setup .setup-reason-copy p,
  #scenarios .scenario-reason-copy .scenario-body,
  #scenarios .scenario-reason-copy p{
    margin:0!important;
    color:#475467!important;
    font-family:var(--body)!important;
    font-size:15.5px!important;
    font-weight:400!important;
    line-height:1.52!important;
    letter-spacing:0!important;
    text-align:left!important;
    display:block!important;
  }

  #scenarios .scenario-reason-copy .scenario-closing,
  #scenarios .scenario-reason-copy .micro-outcome{
    margin-top:8px!important;
    padding-top:0!important;
    border-top:0!important;
    border:0!important;
    color:#101828!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.45!important;
    text-align:left!important;
  }

  /* Grids → one column */
  #proof .proof-grid,
  #setup .setup-cards,
  #scenarios .story-scenario-grid,
  #concern-map .concern-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
  }

  /* ---- Concern cards: full WHY shell, single-column content + accent ---- */
  #concern-map .concern-card{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:18px 16px 18px 22px!important;
  }

  #concern-map .concern-card .concern-kicker{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#fff1f2,#fff)!important;
    border:1px solid #ffd0d5!important;
    color:var(--red,#ed0000)!important;
    box-shadow:inset 0 0 0 1px rgba(255,208,213,.35)!important;
    font-family:var(--title)!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }

  #concern-map .concern-card h3{
    margin:0!important;
    color:#101828!important;
    font-family:var(--title)!important;
    font-size:1.2rem!important;
    font-weight:760!important;
    line-height:1.18!important;
    letter-spacing:-.028em!important;
    text-align:left!important;
  }

  #concern-map .concern-card p{
    margin:0!important;
    color:#475467!important;
    font-size:15.5px!important;
    font-weight:400!important;
    line-height:1.52!important;
    text-align:left!important;
  }

  #concern-map .concern-card > a{
    margin-top:6px!important;
    justify-self:start!important;
    align-self:start!important;
    width:max-content!important;
    max-width:100%!important;
    text-align:left!important;
  }

  #concern-map .concern-card > a.btn{
    width:100%!important;
    justify-content:center!important;
  }

  /* Concern bottom decision strip */
  #concern-map .concern-bottom-bar{
    position:relative!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    margin-top:16px!important;
    padding:18px 16px 18px 22px!important;
    border-radius:23px!important;
    border:1px solid rgba(231,233,238,.96)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.92))!important;
    box-shadow:0 16px 44px rgba(7,17,31,.08)!important;
    text-align:left!important;
  }

  #concern-map .concern-bottom-bar::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:5px!important;
    background:linear-gradient(180deg,var(--red,#ed0000),#ffb703)!important;
    opacity:.92!important;
  }

  #concern-map .concern-bottom-bar .conversion-rule-label{
    display:inline-flex!important;
    width:max-content!important;
    padding:7px 11px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#fff1f2,#fff)!important;
    border:1px solid #ffd0d5!important;
    color:var(--red,#ed0000)!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }

  #concern-map .concern-bottom-bar strong,
  #concern-map .concern-bottom-bar .conversion-rule-text{
    display:block!important;
    text-align:left!important;
  }

  #concern-map .concern-bottom-bar strong{
    margin:8px 0 6px!important;
    color:#101828!important;
    font-family:var(--title)!important;
    font-size:1.15rem!important;
    line-height:1.2!important;
  }

  #concern-map .concern-bottom-bar .conversion-rule-text{
    color:#475467!important;
    font-size:15.5px!important;
    font-weight:400!important;
    line-height:1.52!important;
  }

  #concern-map .concern-bottom-bar .btn{
    width:100%!important;
  }

  /* Section heads left-aligned */
  #concern-map .section-head,
  #scenarios .section-head,
  #setup .setup-copy .section-head{
    text-align:left!important;
    justify-items:start!important;
    align-items:flex-start!important;
  }

  #concern-map .section-head h2,
  #concern-map .section-head p,
  #scenarios .section-head h2,
  #scenarios .section-head p,
  #setup .setup-copy h2,
  #setup .setup-route-plain{
    text-align:left!important;
    max-width:100%!important;
  }

  /* Conversion band polish */
  .conversion-band .conversion-band-shell{
    position:relative!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    padding:20px 16px!important;
    border-radius:23px!important;
    text-align:left!important;
  }

  .conversion-band .conversion-band-shell::before,
  .conversion-band .conversion-band-shell::after{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    background:none!important;
  }

  .conversion-band .conversion-band-shell h2,
  .conversion-band .conversion-band-shell p,
  .conversion-band .retention-kicker{
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .conversion-band .conversion-band-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .conversion-band .conversion-band-actions .btn{
    width:100%!important;
  }

  /* Do not restyle #proof .score-card (Trust signals panel) */
}

@media (max-width:420px){
  #top .proof-reason-card,
  .hero-proof-row .proof-reason-card,
  #proof .proof-grid .proof-reason-card,
  #setup .setup-reason-card,
  #scenarios .scenario-reason-card{
    grid-template-columns:44px minmax(0,1fr)!important;
    column-gap:12px!important;
    padding:16px 14px 16px 18px!important;
    border-radius:20px!important;
  }

  #top .proof-reason-card > .proof-num,
  #top .proof-reason-card > i,
  .hero-proof-row .proof-reason-card > i,
  #proof .proof-reason-card > .icon-badge,
  #setup .setup-reason-card > .icon-badge,
  #scenarios .scenario-reason-card > .scenario-icon,
  #scenarios .scenario-reason-card > .scenario-number{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:14px!important;
  }

  #top .proof-reason-copy strong,
  #proof .proof-reason-copy h3,
  #setup .setup-reason-copy h3,
  #scenarios .scenario-reason-copy .scenario-title,
  #concern-map .concern-card h3{
    font-size:1.1rem!important;
  }

  #top .proof-reason-copy small,
  #proof .proof-reason-copy p,
  #setup .setup-reason-copy p,
  #scenarios .scenario-reason-copy .scenario-body,
  #concern-map .concern-card p{
    font-size:15px!important;
  }
}

/* Kill scenario top gradient bar (::before) */
#scenarios .story-scenario-card::before,
#scenarios .scenario-reason-card::before,
.story-scenario-card::before,
.scenario-reason-card::before{
  display:none!important;
  content:none!important;
  height:0!important;
  width:0!important;
  background:none!important;
  opacity:0!important;
  visibility:hidden!important;
}