/* 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}}