/* ===== ENHANCEMENTS, Clear My Debts ===== */

/* ── DEBT CALCULATOR ─────────────────────── */
.calc-section{background:linear-gradient(160deg,#FFF8F5 0%,#FFFBF7 100%);position:relative;overflow:hidden;}
.calc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-10),6vw,var(--space-16));align-items:center;}
.calc-card{background:var(--color-surface);border:2.5px solid var(--color-border);border-radius:var(--r-2xl);padding:clamp(var(--space-6),4vw,var(--space-10));box-shadow:var(--shadow-lg);position:relative;z-index:2;overflow:hidden;box-sizing:border-box;}
.calc-card h2{font-size:var(--text-xl);font-weight:900;margin-bottom:var(--space-2);}
.calc-card .sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);}
.calc-field{margin-bottom:var(--space-5);}
.calc-field label{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:800;color:var(--color-text);margin-bottom:var(--space-2);}
.calc-field label span{font-weight:700;color:var(--color-primary);}
.calc-slider{-webkit-appearance:none;width:100%;height:8px;border-radius:var(--r-full);background:var(--color-surface-2);outline:none;margin-bottom:var(--space-3);}
.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-primary);box-shadow:0 2px 12px rgba(255,107,53,0.4);cursor:pointer;border:3px solid #fff;}
.calc-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--color-primary);box-shadow:0 2px 12px rgba(255,107,53,0.4);cursor:pointer;border:3px solid #fff;}
.calc-range-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-faint);font-weight:700;}
.calc-result{background:linear-gradient(120deg,var(--color-green-soft),var(--color-accent-soft));border:2px solid var(--color-green);border-radius:var(--r-xl);padding:var(--space-6);margin-top:var(--space-6);}
.calc-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5);}
.calc-result-item{text-align:center;}
.calc-result-num{font-size:var(--text-xl);font-weight:900;color:var(--color-text);display:block;}
.calc-result-lbl{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);}
.calc-disclaimer{font-size:var(--text-xs);color:var(--color-text-faint);text-align:center;margin-top:var(--space-3);line-height:1.5;}
.calc-intro h2{font-size:var(--text-2xl);font-weight:900;line-height:1.15;margin-bottom:var(--space-5);}
.calc-intro p{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-6);}
.calc-intro-points{display:flex;flex-direction:column;gap:var(--space-4);}
.calc-point{display:flex;align-items:flex-start;gap:var(--space-3);}
.calc-point-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;}
.calc-point-text strong{display:block;font-weight:800;font-size:var(--text-sm);color:var(--color-text);}
.calc-point-text span{font-size:var(--text-xs);color:var(--color-text-muted);}

/* ── WHAT HAPPENS NEXT TIMELINE ──────────── */
.timeline-section{background:var(--color-surface);}
.timeline{display:flex;flex-direction:column;gap:0;position:relative;max-width:680px;margin:0 auto;}
.timeline::before{content:'';position:absolute;left:28px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-primary),var(--color-yellow),var(--color-green));border-radius:3px;opacity:.3;}
.timeline-item{display:grid;grid-template-columns:56px 1fr;gap:var(--space-5);padding-bottom:var(--space-8);position:relative;z-index:1;}
.timeline-item:last-child{padding-bottom:0;}
.tl-dot{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:var(--text-base);flex-shrink:0;border:3px solid var(--color-surface);box-shadow:0 0 0 3px currentColor;}
.tl-dot--1{background:#FFF0EB;color:var(--color-primary);}
.tl-dot--2{background:#E0F9EE;color:var(--color-green);}
.tl-dot--3{background:#E0F7FC;color:var(--color-accent);}
.tl-dot--4{background:#FFF8E0;color:#B87800;}
.tl-dot--5{background:#E0F9EE;color:var(--color-green);}
.tl-content{padding-top:var(--space-3);}
.tl-when{font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-1);}
.tl-content h3{font-size:var(--text-lg);font-weight:800;margin-bottom:var(--space-2);}
.tl-content p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7;max-width:48ch;}
.tl-tag{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:2px var(--space-3);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:800;background:var(--color-green-soft);color:var(--color-green);}

/* ── TESTIMONIALS (enhanced) ────────────── */
.testi-enhanced-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);}
.testi-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--r-xl);padding:var(--space-6);box-shadow:var(--shadow-card);transition:transform var(--ease),box-shadow var(--ease);}
.testi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.testi-card .stars{font-size:var(--text-sm);color:var(--color-yellow);margin-bottom:var(--space-3);}
.testi-debt-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:800;margin-bottom:var(--space-3);}
.testi-quote{font-size:var(--text-sm);color:var(--color-text);line-height:1.75;margin-bottom:var(--space-4);font-style:italic;}
.testi-outcome{background:var(--color-green-soft);border-radius:var(--r-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-xs);font-weight:800;color:var(--color-green);}
.testi-footer{display:flex;align-items:center;gap:var(--space-3);}
.testi-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-yellow));display:flex;align-items:center;justify-content:center;font-weight:900;font-size:var(--text-xs);color:#fff;flex-shrink:0;}
.testi-name{font-weight:800;font-size:var(--text-sm);color:var(--color-text);}
.testi-meta{font-size:var(--text-xs);color:var(--color-text-muted);}

/* ── IS THIS RIGHT FOR ME CHECKER ────────── */
.checker-section{background:linear-gradient(160deg,#FFF0EB 0%,#FFFBF7 60%,#E0F9EE 100%);position:relative;overflow:hidden;}
.checker-inner{max-width:680px;margin:0 auto;text-align:center;}
.checker-inner h2{font-size:var(--text-2xl);font-weight:900;margin-bottom:var(--space-3);}
.checker-inner .sub{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-10);}
.checker-card{background:var(--color-surface);border:2.5px solid var(--color-border);border-radius:var(--r-2xl);padding:clamp(var(--space-6),5vw,var(--space-10));box-shadow:var(--shadow-lg);text-align:left;}
.checker-step{display:none;}
.checker-step.active{display:block;}
.checker-q{font-size:var(--text-lg);font-weight:800;color:var(--color-text);margin-bottom:var(--space-6);line-height:1.4;}
.checker-progress{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);}
.checker-pip{height:4px;flex:1;border-radius:var(--r-full);background:var(--color-surface-2);transition:background .3s;}
.checker-pip.done{background:var(--color-primary);}
.checker-options{display:flex;flex-direction:column;gap:var(--space-3);}
.checker-opt{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--r-xl);cursor:pointer;transition:all .2s;font-weight:700;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);}
.checker-opt:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);}
.checker-opt-icon{width:40px;height:40px;border-radius:50%;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem;}
.checker-result{text-align:center;padding:var(--space-4);}
.checker-result-icon{font-size:3.5rem;margin-bottom:var(--space-4);}
.checker-result h3{font-size:var(--text-xl);font-weight:900;margin-bottom:var(--space-3);}
.checker-result p{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:1.7;}
.checker-result-yes{color:var(--color-green);}
.checker-result-maybe{color:var(--color-primary);}
.checker-restart{font-size:var(--text-xs);color:var(--color-text-faint);background:none;border:none;cursor:pointer;text-decoration:underline;margin-top:var(--space-3);}

/* ── CALLBACK WIDGET ─────────────────────── */
.callback-widget{position:fixed;bottom:100px;right:var(--space-5);z-index:190;}
.callback-fab{width:58px;height:58px;border-radius:50%;background:var(--color-green);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(6,185,111,0.45);transition:transform .2s,box-shadow .2s;}
.callback-fab:hover{transform:scale(1.08);box-shadow:0 10px 32px rgba(6,185,111,0.55);}
.callback-fab svg{transition:transform .3s;}
.callback-fab.open svg{transform:rotate(45deg);}
.callback-panel{position:absolute;bottom:70px;right:0;width:300px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:var(--space-6);display:none;}
.callback-panel.open{display:block;animation:slideUp .25s var(--ease);}
@keyframes slideUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.callback-panel h4{font-size:var(--text-base);font-weight:800;margin-bottom:var(--space-2);}
.callback-panel p{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.6;}
.callback-panel .input{margin-bottom:var(--space-3);}
.callback-success{text-align:center;padding:var(--space-4);}
.callback-success-icon{font-size:2.5rem;margin-bottom:var(--space-3);}
.callback-success h4{font-size:var(--text-base);font-weight:800;margin-bottom:var(--space-2);}
.callback-success p{font-size:var(--text-sm);color:var(--color-text-muted);}

/* ── CREDITOR LOGOS STRIP ────────────────── */
.creditors-section{background:var(--color-bg);border-block:1px solid var(--color-divider);}
.creditors-label{font-size:var(--text-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint);text-align:center;margin-bottom:var(--space-6);}
.creditors-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-5) var(--space-8);}
.creditor-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:2px solid var(--color-border);border-radius:var(--r-full);background:var(--color-surface);font-weight:800;font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;}
.creditor-badge svg,.creditor-badge span.cb-dot{flex-shrink:0;}
.cb-dot{width:10px;height:10px;border-radius:50%;background:var(--color-primary);display:inline-block;}
/* Logo pill style */
.creditor-logo-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--r-full);background:var(--color-surface);font-weight:800;font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,0.06);transition:box-shadow var(--ease),border-color var(--ease);}
.creditor-logo-pill:hover{border-color:var(--color-primary);box-shadow:0 2px 10px rgba(255,107,53,0.15);}
.creditor-logo-pill svg{flex-shrink:0;}
.creditor-logo-pill--more{border-style:dashed;color:var(--color-text-faint);font-size:var(--text-xs);}

/* ── MENTAL HEALTH SECTION ───────────────── */
.mh-section{background:linear-gradient(135deg,#1A1008 0%,#0D2030 100%);color:#fff;position:relative;overflow:hidden;}
.mh-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-10),6vw,var(--space-16));align-items:center;}
.mh-text .eyebrow{color:var(--color-yellow);}
.mh-text .eyebrow::before{background:var(--color-yellow);}
.mh-text h2{font-size:var(--text-2xl);font-weight:900;color:#fff;line-height:1.15;margin-block:var(--space-4) var(--space-5);}
.mh-text p{color:rgba(255,255,255,0.7);font-size:var(--text-base);line-height:1.8;margin-bottom:var(--space-8);}
.mh-symptoms{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8);}
.mh-sym{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:rgba(255,255,255,0.8);}
.mh-sym-dot{width:8px;height:8px;border-radius:50%;background:var(--color-yellow);flex-shrink:0;}
.mh-cards{display:flex;flex-direction:column;gap:var(--space-4);}
.mh-card{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:var(--r-xl);padding:var(--space-5);}
.mh-card-top{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);}
.mh-card-icon{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;}
.mh-card-title{font-weight:800;font-size:var(--text-base);color:#fff;}
.mh-card-body{font-size:var(--text-sm);color:rgba(255,255,255,0.6);line-height:1.7;}
.mh-crisis{background:rgba(255,183,3,0.12);border:1px solid rgba(255,183,3,0.3);border-radius:var(--r-lg);padding:var(--space-4) var(--space-5);margin-top:var(--space-6);font-size:var(--text-xs);color:rgba(255,255,255,0.65);line-height:1.6;}
.mh-crisis strong{color:var(--color-yellow);display:block;margin-bottom:var(--space-1);}

/* ── RESPONSIVE OVERRIDES ────────────────── */
@media(max-width:1024px){
  .testi-enhanced-grid{grid-template-columns:repeat(2,1fr);}
  .mh-inner{grid-template-columns:1fr;}
  .calc-wrap{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .testi-enhanced-grid{grid-template-columns:1fr;}
  .callback-widget{bottom:88px;right:var(--space-4);}
  .callback-panel{width:calc(100vw - 48px);right:-4px;}
  .timeline::before{left:22px;}
  .timeline-item{grid-template-columns:44px 1fr;}
  .tl-dot{width:44px;height:44px;font-size:var(--text-sm);}
  .mh-text h2{font-size:var(--text-xl);}
  .calc-wrap{grid-template-columns:1fr;}
  .calc-result-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .creditors-row{gap:var(--space-3) var(--space-4);}
  .creditor-badge{font-size:var(--text-xs);padding:var(--space-2) var(--space-4);}
}

/* ── Mobile card overflow fixes ── */
@media(max-width:768px){
  /* Calculator card, prevent slider overflow */
  .calc-card{
    overflow:hidden;
    padding:var(--space-5);
  }
  .calc-slider{
    width:100%;
    box-sizing:border-box;
    max-width:100%;
  }
  .calc-range-labels{
    width:100%;
    box-sizing:border-box;
  }
  .calc-result{
    overflow:hidden;
  }
}

/* ── CHECKER LEAD CAPTURE FORM ── */
.checker-lead-field{margin-bottom:var(--space-4);}
.checker-lead-field label{display:block;font-size:var(--text-sm);font-weight:800;color:var(--color-text);margin-bottom:var(--space-2);}
.checker-lead-field input{width:100%;box-sizing:border-box;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--r-xl);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-text);background:var(--color-surface);transition:border-color .2s;outline:none;}
.checker-lead-field input:focus{border-color:var(--color-primary);}
.checker-lead-field input::placeholder{color:var(--color-text-faint);font-weight:400;}
#checker-summary .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--color-surface-2);border-radius:var(--r-full);font-size:12px;font-weight:700;color:var(--color-text-muted);}