/* Styles are isolated to the replacement comparison block. */
.ecali-compare{position:relative;isolation:isolate;padding:24px 0;color:#172744;background:#f8fcff}
.ecali-compare .compare-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ecali-compare .compare-bg img{width:100%;height:100%;object-fit:cover}
.ecali-compare .compare-inner{width:min(1200px,calc(100% - 64px));margin:auto}
.ecali-compare .compare-heading{text-align:center;margin-bottom:20px}
.ecali-compare .compare-kicker{display:inline-block;padding:3px 14px;border-radius:30px;background:#dceaff;color:#2558ac;font-size:12px;font-weight:700;letter-spacing:.25em;margin-bottom:10px}
.ecali-compare h2{font-size:clamp(28px,2.65vw,40px);line-height:1.12;letter-spacing:-.035em}
.ecali-compare h2 em{color:#2679f8}
.ecali-compare .compare-heading p{font-size:16px;margin:9px 0 0;line-height:1.4;color:#5a6b88}
.ecali-compare .compare-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ecali-compare .compare-card{border:1px solid #dce6f2;border-radius:20px;background:#ffffffc9;padding:18px 26px 14px;min-width:0}
.ecali-compare .compare-card h3{font-size:27px;letter-spacing:-.03em;line-height:1.15}
.ecali-compare .compare-card>p{margin:3px 0 12px;color:#536688;font-size:16px;line-height:1.4}
.ecali-compare .compare-with{border-color:#85d7f6;background:linear-gradient(120deg,#f7fcffe8,#e8f7ffc9)}
.ecali-compare .compare-with h3{color:#0873f4}
.ecali-compare ul{list-style:none;margin:0;padding:0}
.ecali-compare li{display:flex;align-items:center;gap:14px;font-size:16px;line-height:1.35;min-height:33px;padding:5px 0}
.ecali-compare li+li{border-top:1px solid #e4edf6}
.ecali-compare li strong{font-weight:600}
.ecali-compare li svg{width:23px;height:23px;padding:4px;border-radius:50%;flex-shrink:0;background:#ffe0e0;color:#df3131}
.ecali-compare .compare-with li svg{background:#0bb8d1;color:#fff}
.ecali-compare .compare-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:18px;padding:16px 26px;border-radius:18px;background:linear-gradient(100deg,#eef3f9e8,#e1f6ffe8)}
.ecali-compare .compare-totals>div+div{border-left:1px solid #d2e1ee;padding-left:24px}
.ecali-compare h4{font-size:16px;line-height:1.3;margin:0 0 4px;color:#173c77}
.ecali-compare .compare-totals p{font-size:14px;line-height:1.35;margin:5px 0 0;color:#5a6b88}
.ecali-compare .compare-totals .compare-total{font-size:18px;line-height:1.3;color:#123369;font-weight:700;margin:0}
.ecali-compare .compare-totals .compare-subscription{font-size:22px;color:#00a5c6}
.ecali-compare .compare-subscription strong{font-size:27px}
.ecali-compare .compare-disclaimer{font-size:12px;line-height:1.4;color:#617491;text-align:right;margin:8px 0 10px}
.ecali-compare .compare-cta{display:flex;align-items:center;justify-content:center;gap:22px;width:fit-content;min-height:48px;margin:0 auto;padding:11px 36px;border-radius:40px;background:#1675f8;color:#fff;font-size:17px;font-weight:700;line-height:1.4;transition:background .2s}
.ecali-compare .compare-cta:hover{background:#065ed7}
.ecali-compare .compare-cta svg{width:22px;height:22px}
@media(min-width:640px) and (max-width:1100px){.ecali-compare .compare-inner{width:calc(100% - 40px)}.ecali-compare .compare-cards{gap:16px}.ecali-compare .compare-card{padding:18px}.ecali-compare li{min-height:43px;gap:10px}.ecali-compare .compare-totals{padding:16px 18px;gap:16px}.ecali-compare .compare-totals>div+div{padding-left:16px}}
@media(max-width:639px){.ecali-compare{padding:28px 0}.ecali-compare .compare-inner{width:calc(100% - 36px)}.ecali-compare h2{font-size:29px}.ecali-compare .compare-heading{margin-bottom:22px}.ecali-compare .compare-heading p{font-size:16px}.ecali-compare .compare-cards,.ecali-compare .compare-totals{grid-template-columns:1fr;gap:16px}.ecali-compare .compare-card{padding:20px 18px 15px;border-radius:18px}.ecali-compare .compare-card h3{font-size:25px}.ecali-compare li{padding-block:9px;gap:11px}.ecali-compare .compare-totals{padding:20px;margin-top:18px;gap:18px}.ecali-compare .compare-totals>div+div{border-left:0;border-top:1px solid #d2e1ee;padding:16px 0 0}.ecali-compare .compare-disclaimer{text-align:center;margin:12px 0 18px}.ecali-compare .compare-cta{width:100%;max-width:330px;min-height:50px}}
@media(prefers-reduced-motion:reduce){.ecali-compare .compare-cta{transition:none}}
@media(min-width:1101px){.ecali-compare{padding-block:20px}.ecali-compare .compare-heading{margin-bottom:16px}.ecali-compare .compare-kicker{margin-bottom:6px;padding-block:2px}.ecali-compare h2{font-size:34px}.ecali-compare .compare-card{padding:14px 24px 10px}.ecali-compare .compare-card h3{font-size:25px}.ecali-compare .compare-card>p{font-size:15px;margin-bottom:8px}.ecali-compare li{font-size:15px;min-height:30px;padding-block:3px}.ecali-compare .compare-totals{padding-block:12px;margin-top:14px}.ecali-compare .compare-cta{min-height:44px;padding-block:9px}.ecali-compare .compare-disclaimer{margin-block:6px 8px}}

/* Match the Hero container, preserving readable content-driven card heights. */
.ecali-compare .compare-inner{width:var(--ecali-content-width);max-width:var(--ecali-container-max)}
.ecali-compare .compare-bg{max-width:1440px;margin-inline:auto}
.ecali-compare{padding-block:18px}
.ecali-compare .compare-heading{margin-bottom:14px}
.ecali-compare .compare-card{padding-block:12px 8px}
.ecali-compare .compare-totals{padding-block:10px;margin-top:12px}
.ecali-compare .compare-card>p{margin-bottom:7px}
.ecali-compare .compare-totals p{margin-top:4px}
@media(max-width:639px){.ecali-compare{padding-block:24px}.ecali-compare .compare-card{padding-block:18px 12px}.ecali-compare .compare-totals{padding-block:16px}.ecali-compare .compare-bg{max-width:none}}
/* Mobile-first compact layout; CTA belongs to the ECALI+ price panel. */
.ecali-compare{padding-block:22px}
.ecali-compare .compare-cards,.ecali-compare .compare-totals{grid-template-columns:minmax(0,1fr);gap:16px}
.ecali-compare .compare-card{padding:16px 18px 11px}
.ecali-compare li{font-size:16px;line-height:1.35;min-height:0;padding-block:7px}
.ecali-compare .compare-totals{padding:16px 20px;margin-top:14px}
.ecali-compare .compare-totals>div+div{border-left:0;border-top:1px solid #d2e1ee;padding:14px 0 0}
.ecali-compare .compare-totals .compare-cta{width:100%;max-width:330px;min-height:48px;margin:12px 0 0;padding:11px 24px;font-size:17px}
.ecali-compare .compare-disclaimer{margin:9px 0 0}
@media(min-width:640px){.ecali-compare{padding-block:18px}.ecali-compare .compare-cards,.ecali-compare .compare-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ecali-compare .compare-card{padding:14px 20px 10px}.ecali-compare li{padding-block:5px}.ecali-compare .compare-totals{padding:12px 20px}.ecali-compare .compare-totals>div+div{border-top:0;border-left:1px solid #d2e1ee;padding:0 0 0 20px}.ecali-compare .compare-totals .compare-cta{width:fit-content;min-height:46px;font-size:16px;padding:10px 22px;margin-top:10px}}
@media(min-width:1101px){.ecali-compare .compare-heading{margin-bottom:12px}.ecali-compare .compare-card{padding:12px 22px 8px}.ecali-compare li{padding-block:3px}.ecali-compare .compare-totals{padding-block:10px;margin-top:12px}.ecali-compare .compare-totals>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-content:start}.ecali-compare .compare-totals>div:last-child>h4,.ecali-compare .compare-totals>div:last-child>p{grid-column:1}.ecali-compare .compare-totals .compare-cta{grid-column:2;grid-row:1 / 4;align-self:center;margin:0;gap:10px;padding-inline:18px}.ecali-compare .compare-totals .compare-subscription{font-size:18px}.ecali-compare .compare-subscription strong{font-size:26px}}