*{box-sizing:border-box}body{margin:0;background:#f4f7f9;color:#143247;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.compare-decision-hero{height:460px;overflow:hidden;background:radial-gradient(circle at 78% 45%,rgba(0,96,255,.2),transparent 31%),linear-gradient(180deg,#021424,#031a2d);color:#fff}.compare-decision-hero-inner{height:460px;padding-top:42px}.compare-decision-hero-inner>span,.compare-controls-head span,.compare-section-head span{color:#13cc76;font-size:10px;font-weight:900;letter-spacing:.13em}.compare-decision-hero h1{max-width:700px;margin:14px 0 17px;font-size:50px;line-height:1.04;letter-spacing:-.045em}.compare-decision-hero h1 em{color:#13cc76;font-style:normal}.compare-decision-hero p{max-width:690px;margin:0;color:#d4e1e9;font-size:17px;line-height:1.62}.compare-hero-points{display:flex;gap:25px;margin-top:28px;color:#d3e1e9;font-size:12px;font-weight:750}.compare-hero-points span::first-letter{color:#18d47d}.compare-workspace{position:relative;margin-top:-112px;padding-bottom:70px}.compare-controls{padding:25px;border:1px solid #d8e2e8;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(8,30,46,.15)}.compare-controls-head{display:flex;align-items:start;justify-content:space-between;gap:25px}.compare-controls-head h2,.compare-section-head h2{margin:5px 0 5px;color:#15384e;font-size:24px;letter-spacing:-.025em}.compare-controls-head p,.compare-section-head p{margin:0;color:#657a88;font-size:12px}.compare-controls-head>strong{padding:8px 11px;border-radius:999px;background:#eaf8f1;color:#087e4b;font-size:11px}.compare-input-row{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(235px,330px);gap:12px;align-items:end;margin-top:20px}.compare-input-row label{display:grid;gap:7px;color:#294c61;font-size:11px;font-weight:850}.compare-input-row select,.compare-input-row input,.compare-input-row button{height:46px;border-radius:7px;font:inherit}.compare-input-row select,.compare-input-row input{width:100%;border:1px solid #afc0cb;background:#fff;padding:0 12px;color:#17384d}.compare-input-row button{border:0;background:linear-gradient(180deg,#14c875,#079b57);padding:0 21px;color:#fff;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(5,175,96,.22)}.spend-field{position:relative}.spend-field input{padding-right:72px;font-size:16px;font-weight:850}.spend-field>span{position:absolute;right:13px;bottom:14px;color:#71828d;font-size:11px}.compare-selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.compare-selected-chips>div{display:flex;align-items:center;gap:8px;padding:7px 7px 7px 11px;border:1px solid #d9e4e9;border-radius:8px;background:#f8fafb}.compare-selected-chips span{font-size:11px;font-weight:800}.compare-selected-chips button{width:24px;height:24px;border:0;border-radius:50%;background:#fff;color:#c33b45;cursor:pointer}.compare-empty{margin-top:22px;padding:52px 20px;border:1px dashed #cbd8df;border-radius:14px;background:#fff;text-align:center}.empty-card-symbol{color:#0bad5b;font-size:42px;transform:rotate(-7deg)}.compare-empty h2{margin:8px 0 6px}.compare-empty p{margin:0;color:#6d7e89}.compare-empty a{display:inline-flex;margin-top:17px;color:#087d4b;font-size:12px;font-weight:850}#compare-results{margin-top:24px}.compare-insight{position:relative;margin-bottom:28px;padding:23px 25px 23px 82px;border:1px solid #a9dcc2;border-radius:13px;background:linear-gradient(120deg,#f4fcf8,#eaf7f1);box-shadow:0 10px 25px rgba(8,96,52,.07)}.compare-insight::before{position:absolute;top:22px;left:24px;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#0bad5b;color:#fff;font-weight:950;content:"✓"}.compare-insight>span{color:#087849;font-size:9px;font-weight:900;letter-spacing:.12em}.compare-insight strong{display:block;margin:5px 0;color:#153d52;font-size:20px}.compare-insight p{margin:0;color:#526c7a;font-size:13px;line-height:1.6}.compare-insight small{display:block;margin-top:9px;color:#738690;font-size:9px}.compare-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 14px}.compare-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compare-result-card{position:relative;padding:19px;border:1px solid #dbe4e9;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(13,38,57,.05)}.compare-result-card.is-best{border-color:#76cda2;box-shadow:0 10px 26px rgba(5,145,79,.1)}.result-badge{position:absolute;top:12px;right:12px;padding:5px 7px;border-radius:5px;background:#e8f8f0;color:#07804b;font-size:8px;font-weight:900}.compare-result-card img{width:145px;height:92px;margin:7px auto 12px;object-fit:contain}.compare-result-card h3{min-height:38px;margin:0;color:#163a51;font-size:15px}.result-value{display:block;margin:12px 0 3px;color:#078e51;font-size:21px}.compare-result-card>small{color:#71828d;font-size:9px}.result-facts{display:grid;gap:7px;margin-top:15px;padding-top:13px;border-top:1px solid #e8edf0}.result-facts div{display:flex;justify-content:space-between;gap:8px;font-size:10px}.result-facts span{color:#788993}.result-facts b{text-align:right}.compare-breakpoint{margin:23px 0;padding:20px 22px;border:1px solid #cbddec;border-radius:12px;background:#f4f9fd}.compare-breakpoint span{color:#2f6f9e;font-size:9px;font-weight:900;letter-spacing:.12em}.compare-breakpoint strong{display:block;margin:5px 0;color:#153d52;font-size:17px}.compare-breakpoint p{margin:0;color:#587080;font-size:12px}.compare-details{margin-top:34px}.difference-toggle{display:flex;align-items:center;gap:8px;color:#355267;font-size:11px;font-weight:800}.difference-toggle input{width:17px;height:17px;accent-color:#0bad5b}.compare-table-wrap{overflow:auto;border:1px solid #dce4ea;border-radius:12px;background:#fff}#compare-table{width:100%;min-width:850px;border-collapse:collapse}#compare-table th,#compare-table td{min-width:190px;padding:13px 15px;border-right:1px solid #edf1f4;border-bottom:1px solid #e9eef2;text-align:left;vertical-align:top;font-size:11px;line-height:1.5}#compare-table th:first-child,#compare-table td:first-child{position:sticky;left:0;z-index:2;min-width:165px;background:#f5f8fa;font-weight:850}#compare-table thead th{background:#f8fbfc}.compare-table-card{display:grid;gap:5px}.compare-table-card img{width:105px;height:62px;object-fit:contain}.compare-yes{color:#07854c;font-weight:850}.compare-no{color:#bd4047;font-weight:850}.compare-source{color:#08764e;font-weight:800}.compare-missing{color:#84919a;font-style:italic}.compare-method{display:grid;grid-template-columns:170px 1fr;gap:20px;margin-top:20px;padding:18px 20px;border-radius:11px;background:#09253a;color:#fff}.compare-method p{margin:0;color:#c7d6df;font-size:11px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.compare-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.compare-decision-hero,.compare-decision-hero-inner{height:auto;min-height:auto}.compare-decision-hero-inner{padding-top:38px;padding-bottom:145px}.compare-workspace{margin-top:-112px}.compare-input-row{grid-template-columns:1fr}.compare-hero-points{flex-wrap:wrap}.compare-controls-head,.compare-section-head{align-items:start;flex-direction:column}.compare-card-grid{grid-template-columns:1fr}.compare-method{grid-template-columns:1fr}}@media(max-width:520px){.compare-decision-hero h1{font-size:37px}.compare-insight{padding:70px 18px 18px}.compare-controls{padding:19px}}
/* Match the comparison frame to the cashback calculator card. */
.compare-controls{border-color:#d9e4ea;box-shadow:0 14px 34px rgba(8,30,46,.1)}

/* Use the same prominent CTA treatment as the site's other green actions. */
.compare-empty a{display:inline-flex;min-height:52px;align-items:center;justify-content:center;margin-top:20px;padding:0 22px;border:1px solid #06a95d;border-radius:7px;background:linear-gradient(180deg,#14c875,#079b57);color:#fff;font-size:13px;font-weight:900;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.65);box-shadow:0 8px 20px rgba(5,175,96,.3);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.compare-empty a:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 10px 22px rgba(5,140,86,.24)}
.compare-empty a:focus-visible{outline:3px solid #73f0b5;outline-offset:2px}