/* ===== Tool-page styles extracted from WordPress mirror ===== */

/* --- roi-calculator-cinematic --- */

.rc-layout{display:grid!important;grid-template-columns:1fr 380px!important;gap:52px!important;align-items:start!important;margin-top:8px!important}
.rc-panel{display:flex;flex-direction:column;gap:28px}
.rc-slider-group{display:flex;flex-direction:column;gap:10px}
.rc-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.rc-label-text{font-size:14px;font-weight:600;color:#2a2a2a;letter-spacing:-0.01em}
.rc-label-value{font-size:14px;font-weight:700;color:#0066cc;white-space:nowrap;font-variant-numeric:tabular-nums}
.rc-range{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:100px;outline:none;cursor:pointer;background:linear-gradient(to right,#0066cc 24%,#e0e8f4 24%)}
.rc-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2.5px solid #0066cc;box-shadow:0 2px 8px rgba(0,102,204,0.3);cursor:pointer}
.rc-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2.5px solid #0066cc;cursor:pointer}
.rc-range-bounds{display:flex;justify-content:space-between;font-size:11px;color:#9aa5b4;font-weight:500}
.rc-results-card{background:#fff;border:1.5px solid #dce6f4;border-radius:20px;padding:32px;box-shadow:0 8px 40px rgba(0,60,140,0.10);position:sticky;top:90px}
.rc-results-header{text-align:center;margin-bottom:28px;padding-bottom:24px;border-bottom:1.5px solid #eef2f8}
.rc-results-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0066cc;margin-bottom:10px}
.rc-results-total{font-size:52px;font-weight:800;color:#0a0a0a;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.rc-results-breakdown{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}
.rc-result-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.rc-result-label{color:#556;font-weight:500}
.rc-result-val{font-weight:700;color:#1a6bd4;font-variant-numeric:tabular-nums;white-space:nowrap}
.rc-result-row--total{padding-top:14px;border-top:1.5px solid #eef2f8;margin-top:4px}
.rc-result-row--total .rc-result-label{font-weight:700;color:#0a0a0a;font-size:15px}
.rc-result-row--total .rc-result-val{font-size:18px;color:#0f8c5a}
.rc-payback{background:#f0f7ff;border:1px solid #cce0fa;border-radius:10px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13.5px}
.rc-payback-label{color:#445;font-weight:500}
.rc-payback-val{font-weight:800;color:#0066cc;font-variant-numeric:tabular-nums}
.rc-assumption{font-size:11.5px;color:#9aa5b4;line-height:1.5;margin-bottom:22px;font-style:italic}
.rc-cta-btn{display:block;width:100%;text-align:center;background:#0066cc;color:#fff;font-size:14.5px;font-weight:700;padding:15px 24px;border-radius:100px;text-decoration:none;box-shadow:0 4px 16px rgba(0,102,204,0.35)}
.rc-panel-wrap{display:grid;grid-template-columns:1fr 380px;gap:52px;align-items:start;margin-top:8px}


/* --- playbook-cinematic --- */

/* ===== PLAYBOOK PAGE LAYOUT FIX, pb- classes ===== */

/* Hero two-column grid */
.sec:has(.pb-hero-grid){background:#0a0a0a;padding:0}
.pb-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;align-items:stretch}
.pb-cover{background:linear-gradient(145deg,#111 0%,#1a1a2e 40%,#0a0a1a 100%);display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,96px) clamp(32px,5vw,72px);position:relative;overflow:hidden}
.pb-cover::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 30% 40%,rgba(255,0,0,.12),transparent);pointer-events:none}
.pb-cover-book{position:relative;z-index:1;max-width:480px}
.pb-cover-in{display:flex;flex-direction:column;gap:24px}
.pb-cover-eyebrow,.sec .pb-cover-eyebrow,.pb-cover .pb-cover-eyebrow{color:#FF0000!important;font-family:'Quicksand',sans-serif;font-weight:700!important;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}
.pb-cover-t,.sec .pb-cover-t,.pb-cover-in .pb-cover-t,.pb-hero-grid .pb-cover-t{color:#fff!important;font-weight:700!important;font-family:'Quicksand',sans-serif;font-size:clamp(2.8rem,4.5vw,4.2rem);line-height:1.05;letter-spacing:-.03em;margin:0}
.pb-cover-sub,.pb-hero-grid .pb-cover-sub,.pb-cover .pb-cover-sub{color:rgba(255,255,255,.7)!important;font-size:1.06rem;line-height:1.65;max-width:400px;margin:0}
.pb-cover-foot,.pb-cover .pb-cover-foot{display:flex;align-items:center;gap:12px;font-family:'Quicksand',sans-serif;font-size:.88rem;color:rgba(255,255,255,.5)!important;margin-top:8px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
.pb-cover-foot *{color:rgba(255,255,255,.5)!important}

/* Form side */
.pb-hero-grid>div:last-child{background:#fff;display:flex;align-items:center;justify-content:center;padding:clamp(40px,5vw,72px) clamp(28px,4vw,56px)}
.pb-form-card{width:100%;max-width:480px}
.pb-form-card h2,.pb-form-card h1,.pb-hero-grid .pb-form-card h2{color:#101010!important;font-weight:700!important;font-family:'Quicksand',sans-serif;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;margin-bottom:10px}
.pb-form-card h2 em,.pb-form-card h2 i{font-style:italic;font-weight:400}
.pb-form-card .sub,.pb-hero-grid .pb-form-card .sub{font-size:.97rem;color:#5a5a5a!important;line-height:1.62;margin-bottom:28px}
.pb-fld{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.pb-fld label{font-family:'Quicksand',sans-serif;font-size:.85rem;font-weight:600;color:#333}
.pb-fld input,.pb-fld select{border:1.5px solid #e0e0e0;border-radius:10px;padding:12px 16px;font-size:.97rem;color:#101010;background:#fafafa;width:100%;box-sizing:border-box;outline:none;appearance:auto}
.pb-fld input:focus,.pb-fld select:focus{border-color:#FF0000;background:#fff}
.pb-cta{display:inline-flex;align-items:center;gap:12px;background:#101010;color:#fff;border:none;border-radius:100px;padding:15px 32px;font-family:'Quicksand',sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:background .22s,transform .22s;margin-top:8px}
.pb-cta:hover{background:#FF0000;transform:translateY(-2px)}
.pb-cta svg{width:18px;height:18px}
.pb-note{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#9a9a9a!important;margin-top:14px;line-height:1.4}
.pb-note svg{width:16px!important;height:16px!important;max-width:16px!important;flex-shrink:0;color:#9a9a9a}

/* What's inside: TOC grid */
.pb-toc{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e4e4e4;border-radius:12px;overflow:hidden;margin-top:8px;grid-column:1/-1}
.pb-chap{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;padding:22px 24px;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;background:#fff}
.pb-chap:nth-child(even){border-right:none}
.pb-chap:nth-last-child(-n+2){border-bottom:none}
.pb-chap-n,.sec .pb-chap-n{color:#FF0000!important;font-family:'Quicksand',sans-serif;font-weight:700!important;font-size:1.8rem;line-height:1}
.pb-chap-bd h3,.sec .pb-chap-bd h3{color:#101010!important;font-weight:700!important;font-size:1rem;margin-bottom:5px;display:block}
.pb-chap-bd,.sec .pb-chap-bd{font-size:.9rem;color:#5a5a5a!important}

/* Stats row */
.pb-stats{display:flex;gap:0;grid-column:1/-1;border:1px solid #e4e4e4;border-radius:12px;overflow:hidden;margin-top:24px}
.pb-stat{flex:1;padding:28px 24px;border-right:1px solid #e4e4e4;text-align:center}
.pb-stat:last-child{border-right:none}
.pb-stat-n,.sec .pb-stat-n{font-family:'Quicksand',sans-serif;font-weight:800!important;font-size:clamp(1.6rem,2.5vw,2.4rem);color:#101010!important;line-height:1;margin-bottom:6px;letter-spacing:-.03em}
.pb-stat-l,.sec .pb-stat-l{font-size:.84rem;color:#6a6a6a!important}

/* Section titles */
.sec-title,.sec .sec-title{font-family:'Quicksand',sans-serif;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:700!important;line-height:1.12;letter-spacing:-.02em;color:#101010!important;margin-bottom:18px}

/* CTA section */
body .endcta h2,html body .endcta h2,section.endcta h2{color:#fff!important;font-weight:500!important}
body .endcta p,html body .endcta p{color:rgba(255,255,255,.75)!important}

/* Responsive */
@media(max-width:900px){
  .pb-hero-grid{grid-template-columns:1fr;min-height:auto}
  .pb-cover{padding:56px 28px;min-height:50vh}
  .pb-hero-grid>div:last-child{padding:40px 24px}
  .pb-toc{grid-template-columns:1fr}
  .pb-chap{border-right:none}
  .pb-stats{flex-wrap:wrap}
  .pb-stat{flex:0 0 50%}
  .pb-stat:nth-child(2){border-right:none}
  .pb-stat:nth-child(n+3){border-top:1px solid #e4e4e4}
}
@media(max-width:560px){
  .pb-stat{flex:0 0 100%;border-right:none;border-bottom:1px solid #e4e4e4}
  .pb-stat:last-child{border-bottom:none}
}

/* ===== FORM CARD BOX FIX ===== */
/* Proper card container for the form */
.pb-form-card {
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px solid #e8e8ee !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.10), 0 1px 4px rgba(0,0,0,.06) !important;
  padding: 36px 36px 32px !important;
}

/* Fix the right column to properly center the card */
.pb-hero-grid > div:last-child {
  background: #f0f4fa !important;
  padding: clamp(40px,5vw,72px) clamp(28px,4vw,56px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Fix input border-radius and appearance */
.pb-fld input,
.pb-fld select,
.pb-fld textarea {
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-size: .97rem !important;
  background: #fafafa !important;
  color: #101010 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  outline: none !important;
  transition: border-color .2s, background .2s !important;
}

.pb-fld input:focus,
.pb-fld select:focus {
  border-color: #FF0000 !important;
  background: #ffffff !important;
}

/* Form heading inside card */
.pb-form-card h2,
.pb-form-card h1 {
  font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important;
  margin-bottom: 8px !important;
  line-height: 1.25 !important;
}

/* Subtitle inside card */
.pb-form-card .sub {
  margin-bottom: 24px !important;
  font-size: .94rem !important;
  line-height: 1.6 !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #eee !important;
}

/* Label spacing */
.pb-fld label {
  font-size: .82rem !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  color: #444 !important;
  margin-bottom: 0 !important;
}

/* Field spacing */
.pb-fld {
  margin-bottom: 14px !important;
  gap: 5px !important;
}

/* CTA button - full width inside card */
.pb-cta {
  width: 100% !important;
  justify-content: center !important;
  padding: 15px 24px !important;
  border-radius: 12px !important;
  font-size: 1rem !important;
  margin-top: 6px !important;
}

/* Privacy note */
.pb-note {
  margin-top: 10px !important;
  font-size: .8rem !important;
  color: #aaa !important;
  justify-content: center !important;
}

@media(max-width:900px){
  .pb-form-card {
    padding: 28px 22px 24px !important;
  }
  .pb-hero-grid > div:last-child {
    padding: 32px 20px !important;
  }
}



/* --- quote-cinematic --- */

.qt-chip.active {
  background: #0A0F1E !important;
  color: #ffffff !important;
  border-color: #0A0F1E !important;
}