/* Core styles copied from the shared public pricing page. */
.savings-calculator {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(380px, 1.05fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid var(--line-strong);
    border-radius: var(--radius);
    background: #fff;
    box-shadow: var(--shadow-sm);
}
.calculator-panel {
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: #fbfcff;
}
.calculator-panel h3,
.calculator-result h3 { margin: 0 0 10px; font-size: 24px; line-height: 1.1; }
.calculator-panel p,
.calculator-result p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.62; font-weight: 650; }
.calc-mode {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 22px;
    padding: 5px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: #fff;
}
.calc-mode button {
    min-height: 40px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #596374;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
}
.calc-mode button.is-active { background: #eef3ff; color: var(--blue); box-shadow: inset 0 0 0 1px rgba(49,88,245,.14); }
.calc-fields { display: grid; gap: 18px; margin-top: 24px; }
.calc-field { display: grid; gap: 10px; }
.calc-field__head { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
.calc-field label { color: #343a45; font-size: 13px; font-weight: 900; }
.calc-field output { color: var(--ink); font-size: 13px; font-weight: 950; white-space: nowrap; }
.calc-field input[type="range"] { width: 100%; accent-color: var(--blue); }
.calc-pricing-rule {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: -2px;
    color: #506075;
    font-size: 11px;
    line-height: 1.45;
    font-weight: 800;
}
.calc-pricing-rule::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #28a566;
    box-shadow: 0 0 0 4px rgba(40,165,102,.12);
    content: "";
    flex: 0 0 auto;
}
.calc-field select,
.calc-field input[type="number"] {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--line-strong);
    border-radius: var(--radius);
    background: #fff;
    color: var(--ink);
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    padding: 0 12px;
}
.calc-estimate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: #fff;
    color: #4c5463;
    font-size: 13px;
    font-weight: 800;
}
.calc-estimate input {
    width: min(180px, 100%);
    min-height: 36px;
    border: 0;
    background: transparent;
    color: var(--ink);
    font: inherit;
    font-size: 18px;
    font-weight: 950;
    text-align: right;
    outline: none;
}
.calc-estimate span { color: #677080; font-weight: 900; white-space: nowrap; }
.calculator-result {
    display: grid;
    align-content: space-between;
    gap: 24px;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: var(--radius);
    color: #fff;
    background: linear-gradient(135deg, #17181d, #1736b7 72%, #3158f5);
    box-shadow: 0 22px 54px rgba(20,38,108,.2);
    overflow: hidden;
    transition: background .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.compare-card--active,
.calculator-result[data-calc-outcome="savings"] {
    border-color: rgba(96,239,164,.28);
    background: linear-gradient(140deg, #101a16 0%, #0e5134 64%, #168a55 100%);
    box-shadow: 0 24px 58px rgba(16,112,68,.24);
}
.compare-card--competitor,
.calculator-result[data-calc-outcome="premium"] {
    border-color: rgba(255,181,163,.24);
    background: linear-gradient(140deg, #1b1717 0%, #6b3027 70%, #9a4839 100%);
    box-shadow: 0 24px 58px rgba(109,50,39,.2);
}
.calculator-result p { color: rgba(255,255,255,.72); }
.calc-outcome-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-bottom: 16px;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.88);
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
}
.calc-outcome-pill::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #6df2aa;
    box-shadow: 0 0 0 4px rgba(109,242,170,.12);
    content: "";
}
.calculator-result[data-calc-outcome="premium"] .calc-outcome-pill::before { background: #ffb5a3; box-shadow: 0 0 0 4px rgba(255,181,163,.12); }
.calculator-result[data-calc-outcome="leado"] .calc-outcome-pill::before { background: #a9bdff; box-shadow: 0 0 0 4px rgba(169,189,255,.14); }
.calc-total {
    display: grid;
    gap: 8px;
    margin-top: 24px;
    padding: 20px;
    border: 1px solid rgba(109,242,170,.24);
    border-radius: var(--radius);
    background: rgba(109,242,170,.1);
}
.calculator-result[data-calc-outcome="premium"] .calc-total { border-color: rgba(255,181,163,.25); background: rgba(255,181,163,.1); }
.calculator-result[data-calc-outcome="leado"] .calc-total { border-color: rgba(169,189,255,.25); background: rgba(169,189,255,.1); }
.calc-total span { color: rgba(255,255,255,.72); font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.calc-total strong { color: #74f4af; font-size: clamp(34px, 4vw, 52px); line-height: .98; letter-spacing: -.025em; }
.calculator-result[data-calc-outcome="premium"] .calc-total strong { color: #ffc0b1; }
.calculator-result[data-calc-outcome="leado"] .calc-total strong { color: #fff; }
.calc-total small { color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.45; font-weight: 750; }
.calc-bars { display: grid; gap: 12px; }
.calc-bar { display: grid; gap: 7px; }
.calc-bar__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: rgba(255,255,255,.72); font-size: 11px; font-weight: 850; }
.calc-bar__head strong { color: #fff; font-size: 12px; }
.calc-bar__track { height: 9px; border-radius: 999px; background: rgba(255,255,255,.12); overflow: hidden; }
.calc-bar__fill { width: var(--calc-bar-width, 100%); height: 100%; border-radius: inherit; background: rgba(255,255,255,.46); transition: width .25s ease; }
.calc-bar--leado .calc-bar__fill { background: #6df2aa; }
.calculator-result[data-calc-outcome="premium"] .calc-bar--leado .calc-bar__fill { background: #ffb5a3; }
.calc-breakdown { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.calc-metric { padding: 14px; border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius); background: rgba(255,255,255,.08); }
.calc-metric[data-calc-highlight] { border-color: rgba(109,242,170,.26); background: rgba(109,242,170,.11); }
.calculator-result[data-calc-outcome="premium"] .calc-metric[data-calc-highlight] { border-color: rgba(255,181,163,.25); background: rgba(255,181,163,.1); }
.calculator-result[data-calc-outcome="leado"] .calc-metric[data-calc-highlight] { border-color: rgba(169,189,255,.25); background: rgba(169,189,255,.1); }
.calc-metric span { display: block; color: rgba(255,255,255,.64); font-size: 11px; font-weight: 880; line-height: 1.35; }
.calc-metric strong { display: block; margin-top: 6px; color: #fff; font-size: 18px; line-height: 1.1; }
.calc-metric small { display: block; margin-top: 6px; color: rgba(255,255,255,.62); font-size: 10px; line-height: 1.35; font-weight: 750; }
.calc-note { color: rgba(255,255,255,.7); font-size: 12px; line-height: 1.55; font-weight: 650; }
.calc-note a { color: #fff; font-weight: 850; text-decoration: underline; text-underline-offset: 3px; }
.calc-methodology {
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.16);
}
.calc-methodology summary {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 850;
}
.calc-methodology .calc-note { margin-top: 12px; }
.savings-calculator[data-calc-mode="leado"] [data-calc-compare-only] { display: none; }


.comparison-pricing{--radius:8px;--line-strong:#cfd5df;--shadow-sm:0 14px 34px rgba(23,24,29,.08)}
.comparison-pricing .calculator-panel p{font-weight:500}
.comparison-pricing .calc-field__numbers{display:grid;grid-template-columns:1fr 150px;gap:15px;align-items:center}
.comparison-pricing .calc-field__numbers input[type=number]{font-size:16px;text-align:right}
.comparison-pricing .calc-field input[type=range]{min-height:30px;cursor:pointer}
.comparison-pricing .calc-field__hint{font-size:13px;color:#505969;line-height:1.6;margin:0}
.comparison-pricing .calc-mode button{padding:11px 13px;font-size:14px;font-weight:700;line-height:1.4}
.comparison-pricing .calc-field label{font-size:15px;font-weight:750}
.comparison-pricing .calc-field output{font-size:15px;font-weight:750}
.comparison-pricing .calc-pricing-rule{font-size:13px;font-weight:600;line-height:1.6}
.comparison-pricing .calc-estimate input{min-width:0;max-width:70%}
.comparison-pricing .calculator-result h3{font-size:28px;line-height:1.2;letter-spacing:-.02em}
.comparison-pricing .calculator-result p{font-weight:500;font-size:16px;color:rgba(255,255,255,.86)}
.comparison-pricing .calc-outcome-pill{font-size:13px;line-height:1.35;font-weight:700}
.comparison-pricing .calc-total span,.comparison-pricing .calc-total small{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
.comparison-pricing .calc-bar__head,.comparison-pricing .calc-bar__head strong{font-size:14px;font-weight:650}
.comparison-pricing .calc-metric span,.comparison-pricing .calc-metric small{font-size:13px;font-weight:500;line-height:1.5}
.comparison-pricing .calc-metric strong{font-size:23px;overflow-wrap:anywhere}
.comparison-pricing .calc-note{font-size:13px;line-height:1.75;font-weight:500}
.comparison-pricing .calc-methodology summary{font-size:14px;font-weight:650}
.comparison-pricing .calc-note a{font-weight:650}
.comparison-pricing [data-calc-mode=leado] .calc-breakdown{grid-template-columns:1fr 1fr}
.comparison-pricing .calc-equal-pill::before{background:#a9bdff}
@media(max-width:980px){.comparison-pricing .savings-calculator{grid-template-columns:1fr}}
@media(max-width:620px){.comparison-pricing .savings-calculator{padding:10px;gap:12px}.comparison-pricing .calculator-panel,.comparison-pricing .calculator-result{padding:22px}.comparison-pricing .calc-mode{grid-template-columns:1fr}.comparison-pricing .calc-field__numbers{grid-template-columns:1fr 110px;gap:10px}.comparison-pricing .calc-breakdown,.comparison-pricing [data-calc-mode=leado] .calc-breakdown{grid-template-columns:1fr}.comparison-pricing .calc-total{padding:18px}.comparison-pricing .calc-total strong{font-size:39px}.comparison-pricing .calc-field__head{gap:10px}.comparison-pricing .calc-field__head label{font-size:14px}.comparison-pricing .calc-bar__head{gap:12px}}

/* The same result cards support the vendor's own pricing units. */
.comparison-pricing .calc-field input[type=number],.comparison-pricing .calc-field select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.comparison-pricing [hidden]{display:none!important}
.comparison-pricing .calc-provider-scope,.comparison-pricing .calc-email-extras{padding:18px;border:1px solid #dbe2ec;border-radius:14px;background:#fff}
.comparison-pricing .calc-provider-scope p:last-child{margin-bottom:0}
.comparison-pricing .calc-email-extras summary{cursor:pointer;font-size:16px;font-weight:700;line-height:1.5;color:#172033}
.comparison-pricing .calc-email-extras[open] .calc-field{margin-top:16px}
.comparison-pricing .calc-cost-components{border-top:1px solid #dbe2ec;padding-top:16px;margin-top:16px}
.comparison-pricing .calc-cost-components>div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;font-size:15px}
.comparison-pricing .calc-scope-summary{font-size:15px;line-height:1.6;padding:16px;background:#fff;border:1px solid #dbe2ec;border-radius:12px}
.comparison-pricing .calc-breakdown strong,.comparison-pricing .calc-metric small{overflow-wrap:anywhere}
.comparison-pricing .calc-field [aria-invalid=true]{border-color:#a34b58;box-shadow:0 0 0 2px #faebee}
.comparison-pricing .calculator-result .calc-scope-summary{color:#43516a}
@media(min-width:981px){.comparison-pricing .calculator-result{align-self:start;position:sticky;top:95px}}

.comparison-pricing .calc-cost-components a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Compact default view: usage + outcome; secondary controls open on demand. */
.comparison-pricing .savings-calculator{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px;gap:14px;align-items:start}
.comparison-pricing .savings-calculator>.calculator-panel,.comparison-pricing .savings-calculator>.calculator-result{padding:20px}
.comparison-pricing .savings-calculator>.calculator-panel h3,.comparison-pricing .savings-calculator>.calculator-result h3{font-size:22px;line-height:1.3;margin:0 0 8px;letter-spacing:-.02em}
.comparison-pricing .calculator-panel .calc-example-note{padding:0;margin:0;color:#626978;background:none;border:0;font-size:13px;line-height:1.5;font-weight:400}
.comparison-pricing .calculator-panel .calc-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.comparison-pricing .calc-input-grid>.calc-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.comparison-pricing .calc-input-grid .calc-field__head{margin:0;min-height:0}
.comparison-pricing .calc-input-grid label{font-size:13px;line-height:1.45;font-weight:700}
.comparison-pricing .calc-input-grid input[type=number]{height:42px;min-height:42px;padding:8px 10px;font-size:16px;margin-top:auto}
.comparison-pricing .calc-options{border-top:1px solid #dbe2ec;border-bottom:1px solid #dbe2ec;padding:12px 0;margin:0}
.comparison-pricing .calc-options>summary{position:relative;list-style:none;cursor:pointer;padding-right:26px;display:grid;gap:4px;line-height:1.4;color:#172033;font-size:14px;font-weight:750}
.comparison-pricing .calc-options>summary::-webkit-details-marker{display:none}
.comparison-pricing .calc-options>summary::after{content:'+';position:absolute;right:2px;top:0;font-size:21px;font-weight:500;color:#3158f5}
.comparison-pricing .calc-options[open]>summary::after{content:'−'}
.comparison-pricing .calc-options>summary small{display:flex;flex-wrap:wrap;gap:2px 10px;color:#626978;font-size:12px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
.comparison-pricing .calc-options__body{display:grid;gap:16px;padding-top:16px}
.comparison-pricing .calc-options__body .calc-mode{margin:0}
.comparison-pricing .calc-advanced-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.comparison-pricing .calc-advanced-fields>.calc-field{display:grid;align-content:start;gap:6px;min-width:0}
.comparison-pricing .calc-advanced-fields>[data-calc-flex-only]{grid-column:1/-1}
.comparison-pricing .calc-advanced-fields select{font-size:14px;padding:10px;min-height:42px}
.comparison-pricing .calc-options__body .calc-provider-scope{padding:12px;border-radius:6px}
.comparison-pricing .calc-options__body .calc-provider-scope p{font-size:13px;line-height:1.6;margin-top:8px}
.comparison-pricing .calc-options__body .calc-provider-scope strong{font-size:14px}
.comparison-pricing .calc-input-help{font-size:13px;color:#505969;line-height:1.6}
.comparison-pricing .calc-input-help summary{font-weight:650;cursor:pointer}
.comparison-pricing .calc-input-help dl{margin:10px 0 0}
.comparison-pricing .calc-input-help dt{font-weight:700;color:#172033;margin-top:10px}
.comparison-pricing .calc-input-help dd{margin:3px 0 0}
.comparison-pricing .calculator-panel .calc-base-rule,.comparison-pricing .calculator-panel .calc-compact-scope{font-size:12px;line-height:1.6;font-weight:450;color:#626978;margin:12px 0 0}
.comparison-pricing .calculator-panel .calc-compact-scope{color:#3e4c68}
.comparison-pricing .savings-calculator>.calculator-result{gap:14px;align-content:start;box-shadow:0 10px 25px rgba(20,38,108,.12)}
.comparison-pricing .calculator-result .calc-outcome-pill{font-size:12px;padding:6px 9px;margin:0 0 10px}
.comparison-pricing .calculator-result .calc-total{margin-top:12px;padding:14px;gap:6px}
.comparison-pricing .calculator-result .calc-total strong{font-size:clamp(28px,3vw,38px);line-height:1.08;overflow-wrap:anywhere}
.comparison-pricing .calculator-result .calc-total span,.comparison-pricing .calculator-result .calc-total small{font-size:13px;font-weight:500;line-height:1.5}
.comparison-pricing .calculator-result .calc-result-status{display:none}
.comparison-pricing .calculator-result[data-calc-outcome=leado] .calc-result-status{display:block;font-size:14px;line-height:1.6}
.comparison-pricing .savings-calculator .calc-breakdown--compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.comparison-pricing .calc-breakdown--compact .calc-metric{padding:10px;gap:6px;min-width:0}
.comparison-pricing .calc-breakdown--compact .calc-metric>span{font-size:13px;line-height:1.4}
.comparison-pricing .calc-breakdown--compact .calc-metric>strong{font-size:24px;line-height:1.2}
.comparison-pricing .calculator-result .calc-cost-components{padding-top:10px;margin-top:0}
.comparison-pricing .calculator-result .calc-cost-components>div{font-size:13px;line-height:1.5;padding:4px 0}
.comparison-pricing .calculator-result .calc-methodology{margin-top:0;padding-top:10px}
.comparison-pricing .calculator-result .calc-methodology>summary{font-size:13px;line-height:1.5}
.comparison-pricing .calculator-result .calc-methodology>small{display:block;font-size:13px;line-height:1.6;margin:8px 0}
.comparison-pricing .calculator-result .calc-methodology .calc-bars{margin:14px 0}
.comparison-pricing .calculator-result .calc-methodology .calc-note{margin-top:12px}
.comparison-pricing .calculator-result .calc-scope-summary{padding:10px;font-size:13px;margin:0;border-radius:6px}
.comparison-pricing [data-calc-mode=leado] .calc-options>summary small{display:none}
@media(max-width:980px){.comparison-pricing .savings-calculator{grid-template-columns:1fr}}
@media(max-width:620px){
 .comparison-pricing .savings-calculator{padding:10px;gap:10px}
 .comparison-pricing .savings-calculator>.calculator-panel,.comparison-pricing .savings-calculator>.calculator-result{padding:16px}
 .comparison-pricing .calc-advanced-fields{grid-template-columns:1fr}
 .comparison-pricing .savings-calculator .calc-breakdown--compact{gap:8px}
 .comparison-pricing .calc-breakdown--compact .calc-metric>strong{font-size:22px}
 .comparison-pricing .calculator-result .calc-total strong{font-size:34px}
}
@media(max-width:360px){
 .comparison-pricing .savings-calculator .calc-breakdown--compact{grid-template-columns:1fr}
 .comparison-pricing .calc-breakdown--compact .calc-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
 .comparison-pricing .calc-breakdown--compact .calc-metric>strong{font-size:20px;white-space:nowrap}
}

.comparison-pricing .calculator-result[data-has-comparison=false] .calc-breakdown--compact{display:none}