.agent-compare{background:#f4f8fc}
.compare-intro{margin-bottom:24px}
.compare-lead{max-width:850px;margin:0 auto 52px;text-align:center;color:var(--muted);font-size:18px}
.compare-grid{position:relative;max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.compare-card{padding:42px;border:1px solid #d7e3ee;background:#fff}
.compare-card.agent-card{color:#fff;background:linear-gradient(145deg,#061a31,#0b3156);border-color:#135286;box-shadow:0 24px 60px rgba(4,31,57,.16)}
.compare-label{display:flex;justify-content:space-between;align-items:center;gap:20px}
.compare-label span{font:800 13px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#66778a}
.agent-card .compare-label span{color:#5fc8ff}
.compare-label small{padding:5px 9px;background:#edf2f7;color:#6a7885;font-weight:700;font-size:10px;text-transform:uppercase}
.agent-card .compare-label small{background:rgba(49,183,255,.13);color:#78d3ff}
.compare-card h3{font:700 30px/1.2 Inter,sans-serif;margin:25px 0}
.mini-flow,.agent-flow{display:flex;align-items:center;gap:7px;min-height:86px;padding:15px;background:#f5f7fa;overflow:hidden}
.agent-flow{background:rgba(255,255,255,.06)}
.mini-flow span,.agent-flow span{flex:1;text-align:center;padding:8px 4px;font-size:11px;font-weight:800;line-height:1.25}
.mini-flow i,.agent-flow i{font-style:normal;color:#91a0ae}
.agent-flow i{color:#43baff}
.compare-card ul{list-style:none;padding:0;margin:26px 0}
.compare-card li{position:relative;padding:10px 0 10px 26px;border-bottom:1px solid #e6edf3;font-size:14px}
.agent-card li{border-color:rgba(255,255,255,.1);color:#d4e2ee}
.compare-card li:before{content:"";position:absolute;left:2px;top:18px;width:7px;height:7px;border:2px solid #8797a5;border-radius:50%}
.agent-card li:before{border-color:#37b9ff;background:#1067a7}
.result{margin:0;padding-top:8px;color:#5e6d7c}
.agent-card .result{color:#b7cada}
.agent-card .result strong{color:#fff}
.versus{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font:800 12px Inter,sans-serif;border:5px solid #f4f8fc}
.compare-quote{max-width:880px;margin:48px auto 0;text-align:center;font:600 clamp(21px,2.2vw,29px)/1.45 Inter,sans-serif;color:#0b3156}
@media(max-width:900px){.compare-grid{grid-template-columns:1fr}.versus{top:50%;left:50%}.compare-card{padding:34px}.mini-flow,.agent-flow{min-height:auto}}
@media(max-width:560px){.compare-card{padding:28px 20px}.compare-label{align-items:flex-start}.mini-flow,.agent-flow{flex-direction:column}.mini-flow i,.agent-flow i{transform:rotate(90deg)}.compare-card h3{font-size:26px}.versus{display:none}.compare-lead{text-align:left}}