.method-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.method-toggle .btn{flex:1;padding:.75rem}.method-toggle .btn.active{box-shadow:0 0 0 2px var(--accent, #2563eb)}.comparison-card{border:2px solid var(--border-color, #e2e8f0);border-radius:.75rem;padding:1.25rem;transition:all .2s ease}.comparison-card.recommended{border-color:var(--success, #16a34a);background:#16a34a08}.comparison-card .badge-recommended{background:var(--success, #16a34a);color:#fff;font-size:.7rem;padding:.25rem .5rem;border-radius:1rem}.savings-highlight{background:linear-gradient(135deg,#16a34a0d,#16a34a1a);border:1px solid rgba(22,163,74,.2);border-radius:.5rem;padding:1rem;text-align:center}.savings-amount{font-size:1.5rem;font-weight:700;color:var(--success, #16a34a)}@media (max-width: 576px){.method-toggle{flex-direction:column}.savings-amount{font-size:1.25rem}}