/* ============================================================
   ShaFX Conversion / Why-ShaFX / Move-to-ShaFX — dark theme (v39)
   ============================================================ */

.stat-counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:32px 0}
.stat-counter{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg-3) 100%);
  border:1px solid var(--line);border-radius:14px;
  padding:24px;text-align:center;
}
.stat-counter .num{
  font-size:2.4rem;font-weight:900;color:var(--text);
  line-height:1;margin-bottom:6px;font-variant-numeric:tabular-nums;
}
.stat-counter .num span{color:var(--brand)}
.stat-counter .lbl{
  font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;
  color:var(--text-3);font-weight:700;
}

.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:24px 0}
.testimonial{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg-3) 100%);
  border:1px solid var(--line);border-radius:14px;
  padding:24px;display:flex;flex-direction:column;
}
.testimonial .stars{color:var(--brand);margin-bottom:10px;letter-spacing:1.5px}
.testimonial .quote{color:var(--text-2);line-height:1.65;font-size:.95rem;margin:0 0 16px;flex:1}
.testimonial .who{
  display:flex;justify-content:space-between;align-items:center;
  font-size:.85rem;border-top:1px solid var(--line);padding-top:12px;
}
.testimonial .who strong{color:var(--text)}
.testimonial .who .role{color:var(--text-3)}

.conv-hero{
  background:linear-gradient(135deg,var(--brand-ink) 0%,var(--bg) 100%);
  color:#fff;border-radius:18px;padding:56px 40px;
  margin:24px auto;max-width:1100px;text-align:center;
  border:1px solid var(--line-2);
}
.conv-hero h1{font-size:2.6rem;color:#fff;margin:0 0 12px;font-weight:900;line-height:1.15}
.conv-hero .lede{font-size:1.15rem;color:rgba(255,255,255,.78);max-width:680px;margin:0 auto 24px;line-height:1.6}
.conv-hero .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.conv-hero .btn{padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1rem;display:inline-block}
.conv-hero .btn-primary{background:var(--brand);color:var(--brand-ink)}
.conv-hero .btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.18)}

.conv-section{max-width:1100px;margin:48px auto;padding:0 16px}
.conv-section h2{font-size:1.9rem;font-weight:900;margin:0 0 14px;color:var(--text);line-height:1.2}
.conv-section .lede{font-size:1.05rem;color:var(--text-2);margin:0 0 28px;max-width:760px;line-height:1.6}

.bullet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.bullet-card{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg-3) 100%);
  border:1px solid var(--line);border-radius:12px;padding:22px;
}
.bullet-card .icn{
  width:40px;height:40px;border-radius:10px;
  background:rgba(255,204,0,.12);
  border:1px solid rgba(255,204,0,.25);
  color:var(--brand);
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;font-weight:900;margin-bottom:14px;
}
.bullet-card h3{margin:0 0 6px;font-size:1.05rem;font-weight:700;color:var(--text)}
.bullet-card p{margin:0;color:var(--text-2);font-size:.92rem;line-height:1.6}

.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;counter-reset:step;margin-top:18px}
.step-card{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg-3) 100%);
  border:1px solid var(--line);border-radius:12px;
  padding:24px;position:relative;counter-increment:step;
}
.step-card::before{
  content:counter(step);position:absolute;top:-14px;left:24px;
  width:32px;height:32px;border-radius:50%;
  background:var(--brand);color:var(--brand-ink);
  font-weight:900;font-size:1rem;
  display:flex;align-items:center;justify-content:center;
}
.step-card h3{margin:8px 0 6px;font-size:1.05rem;font-weight:700;color:var(--text)}
.step-card p{margin:0;color:var(--text-2);line-height:1.6;font-size:.92rem}

.calc-cb-form{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg-3) 100%);
  border:1px solid var(--line);border-radius:14px;
  padding:28px;margin:24px 0;
}
.calc-cb-form label{color:var(--text-2);font-weight:600;font-size:.88rem;display:block;margin:10px 0 6px}
.calc-cb-form input,.calc-cb-form select{
  width:100%;padding:11px 14px;border-radius:8px;
  background:rgba(0,0,0,.28);color:var(--text);
  border:1px solid var(--line-2);font-size:.95rem;box-sizing:border-box;
}
.calc-cb-form input:focus,.calc-cb-form select:focus{
  outline:none;border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(255,204,0,.15);
}
.calc-cb-results{
  background:linear-gradient(135deg,rgba(255,204,0,.08),rgba(255,255,255,.02));
  border:1px solid rgba(255,204,0,.25);border-radius:14px;
  padding:28px;margin-top:18px;
}
.calc-cb-results .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.calc-cb-results .item{text-align:center}
.calc-cb-results .lbl{
  font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;
  color:var(--text-3);font-weight:700;margin-bottom:6px;
}
.calc-cb-results .val{font-size:2rem;font-weight:900;color:var(--brand);line-height:1}
.calc-cb-results .val.green{color:#4ade80}

.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:24px 0}
.tier-card{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg-3) 100%);
  border:2px solid var(--line);border-radius:14px;
  padding:24px;position:relative;display:flex;flex-direction:column;
}
.tier-card.gold{border-color:var(--brand);background:linear-gradient(180deg,rgba(255,204,0,.06),var(--bg-3))}
.tier-card .name{
  font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;
  color:var(--text-3);font-weight:800;margin-bottom:8px;
}
.tier-card.gold .name{color:var(--brand)}
.tier-card .req{font-size:1.6rem;font-weight:900;color:var(--text);margin-bottom:12px}
.tier-card .req span{color:var(--text-3);font-size:1rem;font-weight:600}
.tier-card ul{margin:0 0 18px;padding-left:18px;color:var(--text-2);font-size:.92rem;line-height:1.7;flex:1}
.tier-card li{margin-bottom:4px}

.lead-mag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:24px 0}
.lead-mag-card{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg-3) 100%);
  border:1px solid var(--line);border-radius:14px;
  padding:24px;display:flex;flex-direction:column;
}
.lead-mag-card .badge{
  font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;
  color:var(--brand);font-weight:800;margin-bottom:10px;
}
.lead-mag-card h3{margin:0 0 8px;font-size:1.1rem;font-weight:800;color:var(--text)}
.lead-mag-card p{color:var(--text-2);font-size:.92rem;line-height:1.6;margin:0 0 18px;flex:1}

.faq-section{max-width:760px;margin:0 auto;padding:0 16px}
.faq-section h2{color:var(--text)}

.exit-popup-overlay{position:fixed;inset:0;background:rgba(11,14,28,.72);z-index:9998;display:none;align-items:center;justify-content:center;padding:16px}
.exit-popup-overlay.active{display:flex}
.exit-popup{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg-3) 100%);
  border:1px solid var(--line-2);border-radius:18px;
  max-width:480px;width:100%;padding:36px 32px;position:relative;
  box-shadow:0 24px 64px rgba(0,0,0,.55);
}
.exit-popup .close{position:absolute;top:14px;right:18px;background:none;border:0;font-size:1.4rem;cursor:pointer;color:var(--text-3)}
.exit-popup h3{margin:0 0 8px;font-size:1.4rem;font-weight:900;color:var(--text)}
.exit-popup p{margin:0 0 18px;color:var(--text-2);line-height:1.6}
.exit-popup form{display:flex;flex-direction:column;gap:10px}
.exit-popup input{
  padding:13px 16px;border:1px solid var(--line-2);border-radius:8px;
  font-size:1rem;background:rgba(0,0,0,.28);color:var(--text);
}
.exit-popup button{
  padding:13px;background:var(--brand);color:var(--brand-ink);
  border:0;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;
}
.exit-popup small{font-size:.78rem;color:var(--text-3);text-align:center}

.global-cta{
  background:linear-gradient(135deg,var(--brand-ink),var(--bg));
  color:#fff;border-radius:16px;padding:36px 28px;
  margin:32px auto;max-width:1100px;text-align:center;
  border:1px solid var(--line-2);
}
.global-cta h3{margin:0 0 8px;font-size:1.5rem;color:#fff;font-weight:800}
.global-cta p{color:rgba(255,255,255,.78);margin:0 0 18px;font-size:1rem}
.global-cta .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.global-cta .btn{padding:13px 24px;border-radius:8px;text-decoration:none;font-weight:700;font-size:.95rem}
.global-cta .primary{background:var(--brand);color:var(--brand-ink)}
.global-cta .ghost{color:#fff;border:1px solid rgba(255,255,255,.2)}

@media (max-width:768px){
  .conv-hero{padding:36px 22px;border-radius:14px}
  .conv-hero h1{font-size:1.8rem}
  .conv-hero .lede{font-size:1rem}
  .conv-section h2{font-size:1.5rem}
  .stat-counter .num{font-size:1.8rem}
  .calc-cb-results .val{font-size:1.5rem}
}