/* Results V2 CRO layer — 2026-09-21
   Additive by design: preserves the mature results stylesheet and only changes
   hierarchy introduced by the V2 journey. */

.hero-opportunity{
  max-width:720px;
  margin:22px auto 0;
  padding:16px 18px;
  border:1px solid var(--line-strong);
  border-radius:12px;
  background:var(--paper-2);
  text-align:left;
}
.hero-opportunity strong{
  display:block;
  color:var(--ink);
  font-size:15px;
  line-height:1.35;
  margin-bottom:4px;
}
.hero-opportunity span{
  display:block;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.55;
}
.hero-cta{margin-top:20px}

.results-v2-eyebrow{
  margin:0 0 8px;
  color:var(--cta);
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
#teaser-section{
  scroll-margin-top:84px;
  max-width:var(--content-narrow,760px);
  margin:0 auto;
  padding:28px 20px 10px;
}
#teaser-section .teaser-box{
  margin:0;
}
#teaser-section .teaser-head,
#teaser-section .teaser-sev{
  display:none!important;
}
#teaser-section .teaser-list{
  margin-top:0;
}
#teaser-section .teaser-fix-card{
  border-width:1.5px;
  box-shadow:0 14px 36px -28px rgba(15,23,42,.35);
}
#teaser-section .tfc-rank{
  color:var(--cta);
}
#teaser-section .teaser-item.locked:nth-of-type(n+4){
  display:none;
}

.results-v2-bridge{
  margin-top:20px;
  padding:18px;
  border-top:1px solid var(--line);
  text-align:center;
}
.results-v2-bridge>strong{
  display:block;
  font-size:18px;
  line-height:1.3;
  color:var(--ink);
  letter-spacing:-.015em;
}
.results-v2-bridge>p{
  max-width:580px;
  margin:7px auto 14px;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}
.results-v2-bridge .teaser-capture{margin-top:4px}

#email-gate-section{
  scroll-margin-top:80px;
  padding-top:18px;
}
#email-gate-section .gate-title{
  max-width:15ch;
  text-wrap:balance;
}
#email-gate-section .gate-sub{
  max-width:52ch;
}
#email-gate-section .gate-trust{
  display:none;
}

.results-v2-score-intro{
  max-width:760px;
  margin:56px auto 16px;
  padding:0 20px;
  text-align:center;
}
.results-v2-score-intro .pillars-heading{
  margin:0 0 8px;
}
.results-v2-score-intro p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}
.score-card-meaning{
  min-height:38px;
  margin-top:7px;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.4;
}
.scores-grid{margin-top:0}

@media (max-width:640px){
  .hero-opportunity{
    margin-top:18px;
    padding:14px 15px;
  }
  #teaser-section{
    padding:22px 16px 6px;
  }
  .results-v2-bridge{
    padding:16px 8px 8px;
  }
  .results-v2-bridge>strong{font-size:17px}
  .results-v2-score-intro{
    margin-top:42px;
    padding:0 16px;
  }
  .score-card-meaning{
    min-height:0;
    max-width:28ch;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (max-width:420px){
  .hero-opportunity strong{font-size:14px}
  .hero-opportunity span{font-size:13px}
  .results-v2-bridge .tcap-btn{width:100%;justify-content:center}
}