*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;font-family:Open Sans,system-ui,sans-serif}.nav,body{color:#0f172a}.nav{display:flex;font-size:14px;gap:20px}.nav a{color:inherit;cursor:pointer;font-weight:600;text-decoration:none}.main{display:flex;gap:0;margin:0 auto;max-width:1400px;min-height:60vh}.sidebar{background:#fff;border-right:1px solid #e8ece9;flex-shrink:0;height:calc(100vh - 56px);overflow-y:auto;padding:20px 0;position:sticky;top:56px;width:224px}.sidebar-title{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;padding:0 20px;text-transform:uppercase}.cat-item{align-items:center;border-left:3px solid transparent;color:#475569;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 20px;transition:all .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cat-item:hover{background:#f0fdf4;color:#16a34a}.cat-item.active{background:#f0fdf4;border-left-color:#22c55e;color:#15803d;font-weight:600}.cat-item .icon{font-size:14px;text-align:center;width:20px}.cat-item .count{background:#f1f5f9;border-radius:10px;color:#94a3b8;font-size:10.5px;margin-left:auto;padding:1px 6px}.cat-item .check{align-items:center;border:1.5px solid #cbd5e1;border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;transition:all .15s;width:16px}.cat-item.active .check{background:#22c55e;border-color:#22c55e}.content{flex:1;min-width:0;padding:16px 24px 48px}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.search-box{position:relative}.search-box input{background:#fff;border:2px solid #e4e4e7;border-radius:90px;font-family:inherit;font-size:14px;outline:none;padding:10px 12px 10px 38px;transition:border-color .2s;width:300px}.search-box input:focus{border-color:#47c057;box-shadow:0 0 0 3px #47c0571a}.search-box .icon{color:#94a3b8;font-size:15px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.controls-right{gap:10px}.controls-right,.toggle-btn{align-items:center;display:flex}.toggle-btn{background:#fff;border:2px solid #e4e4e7;border-radius:90px;color:#666;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;gap:5px;padding:7px 16px;transition:all .15s}.toggle-btn.active{background:#f0fdf4;border-color:#47c057;color:#215235}select.sort-select{background:#fff;border:2px solid #e4e4e7;border-radius:90px;color:#666;cursor:pointer;font-family:inherit;font-size:12.5px;padding:7px 13px}.empty-state{color:#94a3b8;padding:80px 20px;text-align:center}.empty-state .big-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{color:#475569;font-size:18px;font-weight:600;margin-bottom:6px}.empty-state p{font-size:14px;line-height:1.6;margin:0 auto;max-width:420px}.empty-teaser{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;margin:28px auto 0;max-width:560px;padding:28px 32px;text-align:center}.empty-teaser-text{color:#166534;font-size:15px;line-height:1.7;margin:0}.cards-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card{background:#fff;border:1px solid #e8ece9;border-radius:14px;display:flex;flex-direction:column;min-height:280px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#d1d9d4;box-shadow:0 4px 16px #0000000f}.card-header{border-bottom:1px solid #f1f5f9;padding:16px 18px 12px}.card-merchant{color:#0f172a;font-size:16px;font-weight:700}.card-category{color:#94a3b8;font-size:11.5px;margin-top:1px}.best-logo-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.best-deal-badge{background:#47c057;border-radius:100px;color:#fff;flex-shrink:0;font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.best-rate-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.best-rate-group{align-items:baseline;display:flex;gap:8px;min-width:0;overflow:hidden}.row-rate-best{color:#47c057;flex-shrink:0;font-size:20px;font-weight:700;white-space:nowrap}.rate-row{align-items:center;display:flex;gap:8px}.prog-logo{display:block;flex-shrink:0;height:20px;max-width:80px;-o-object-fit:contain;object-fit:contain;width:auto}.best-logo-row .prog-logo{height:24px;max-width:90px}.other-rate-group{align-items:baseline;display:flex;flex:1;gap:6px;min-width:0;overflow:hidden}.row-rate{color:#0f172a;flex-shrink:0;font-size:13px;font-weight:700;white-space:nowrap}.raw-text{color:#94a3b8;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activate-btn{border-radius:90px;cursor:pointer;display:inline-block;flex-shrink:0;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .15s,background .15s,color .15s;white-space:nowrap}.activate-primary{background:#ffbf00;border:none;color:#fff;padding:7px 14px}.activate-primary:hover{opacity:.88}.activate-secondary{background:#fff;border:2px solid #0f172a;color:#0f172a;padding:5px 12px}.activate-secondary:hover{background:#0f172a;color:#fff}.cash-eq-badge{color:#16a34a;font-size:13px;font-weight:600}.card-best{padding:12px 18px 10px}.card-chart{height:48px;padding:0 18px 10px}.card-chart svg{display:block;height:40px;width:100%}.card-others{border-top:1px solid #f1f5f9;padding:10px 18px}.others-label{color:#94a3b8;font-size:10.5px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.card-others .rate-row{padding:3px 0}.card-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding:8px 18px 12px}.card-footer a{align-items:center;color:#16a34a;display:flex;font-size:12px;font-weight:600;gap:4px;text-decoration:none}.card-footer a:hover{color:#15803d}.show-more-wrap{padding:28px;text-align:center}.show-more-btn{background:#fff;border:2px solid #0f172a;border-radius:90px;color:#0f172a;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:10px 28px;transition:all .15s}.show-more-btn:hover{background:#0f172a;color:#fff}.grid-sentinel{height:0;overflow:hidden}.cta-card{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1.5px solid #bbf7d0;border-radius:16px;grid-column:1/-1;padding:24px 28px}.cta-inner{align-items:flex-start;display:flex;gap:18px}.cta-icon{flex-shrink:0;font-size:28px;margin-top:2px}.cta-copy{flex:1}.cta-headline{color:#14532d;font-size:16px;font-weight:700;margin:0 0 6px}.cta-body{color:#166534;font-size:13.5px;line-height:1.55;margin:0 0 14px}.cta-btn{display:inline-block;font-size:13.5px;padding:10px 24px;text-decoration:none}.cta-sub{color:#6b7280;font-size:11.5px;margin:8px 0 0}.rewards-gap-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#166534;font-size:13.5px;font-weight:500;margin-bottom:14px;padding:12px 18px}.rewards-gap-banner p{margin:0}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.filter-chip{align-items:center;background:#0f172a;border-radius:100px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:5px 12px}.filter-chip .chip-x{cursor:pointer;font-size:10px;margin-left:2px;opacity:.6}.filter-chip .chip-x:hover{opacity:1}.clear-all{color:#64748b;cursor:pointer;font-size:12px;padding:5px 8px}.clear-all:hover{color:#ef4444}.results-meta{color:#64748b;font-size:13px;margin-bottom:14px}.results-meta strong{color:#0f172a}.results-meta .ts{color:#94a3b8;font-size:11.5px;margin-left:8px}.cta{background:linear-gradient(135deg,#47c057,#2db34b);color:#fff;margin-top:20px;padding:36px 28px;text-align:center}.cta h2{font-size:22px;font-weight:700;margin-bottom:6px}.cta p{color:#dcfce7;font-size:14px;margin-bottom:18px}.cta-btn{background:#0f172a;border:none;border-radius:90px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:12px 28px;transition:opacity .15s}.cta-btn:hover{opacity:.85}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:none;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:640px;overflow-y:auto;padding:28px;width:92%}.modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title-sub{color:#94a3b8;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.modal-title{color:#0f172a;font-size:19px;font-weight:700;margin-top:3px}.modal-close{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;padding:7px 11px}.modal-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:18px}.stat-block .stat-label{color:#94a3b8;font-size:10.5px}.stat-block .stat-value{font-size:22px;font-weight:700}.stat-raw{color:#94a3b8;font-size:11px;margin-top:1px}.chart-area{background:#f8faf9;border-radius:12px;padding:16px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.chart-legend-item{align-items:center;color:#64748b;display:flex;font-size:11px;gap:4px}.chart-legend-dot{border-radius:2px;height:3px;width:10px}.period-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:100px;color:#64748b;cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:500;padding:3px 9px;transition:all .15s}.period-btn:hover{border-color:#22c55e;color:#16a34a}.period-btn.active{background:#f0fdf4;border-color:#16a34a;color:#15803d;font-weight:600}.prog-tab{background:#fff;border:1.5px solid #e2e8f0;border-radius:100px;color:#64748b;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:4px 12px;transition:all .15s}.prog-tab:hover{border-color:#94a3b8;color:#475569}.prog-tab.active{font-weight:600}.chart-range-info{margin-bottom:12px}.chart-range-sentence{color:#475569;font-size:12.5px;line-height:1.55;margin-bottom:10px}.chart-range-sentence strong{color:#0f172a;font-weight:600}.chart-range-row{align-items:center;display:flex;gap:10px;padding-bottom:20px}.chart-range-edge{color:#64748b;flex-shrink:0;font-size:11px;font-weight:500;white-space:nowrap}.chart-range-track-wrap{flex:1;position:relative}.chart-range-track{background:#e2e8f0;border-radius:100px;height:6px;overflow:hidden}.chart-range-fill{border-radius:100px;height:100%;opacity:.75}.chart-range-marker{position:absolute;top:-3px;transform:translate(-50%);z-index:1}.chart-range-marker-dot{border:2.5px solid #fff;border-radius:50%;box-shadow:0 1px 4px #00000038;height:12px;width:12px}.chart-range-marker-now{font-size:10px;font-weight:700;position:absolute;top:11px;transform:translate(-50%);white-space:nowrap}.chart-range-median-note{color:#64748b;font-size:11.5px;margin-left:4px}.chart-outlook{background:#f1f5f9;border-radius:10px;margin-top:12px;padding:12px 14px}.chart-outlook-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.chart-outlook-title{color:#94a3b8;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.chart-outlook-badge{border-radius:100px;font-size:11.5px;font-weight:700;padding:3px 10px}.chart-outlook-badge.increase{background:#dcfce7;color:#15803d}.chart-outlook-badge.same{background:#fef9c3;color:#854d0e}.chart-outlook-badge.decrease{background:#fee2e2;color:#991b1b}.chart-outlook-text{color:#475569;font-size:12.5px;line-height:1.55;margin-bottom:5px}.chart-outlook-disclaimer{color:#94a3b8;font-size:10.5px;font-style:italic}.chart-tooltip{background:#1e293b;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 4px 16px #00000040;color:#fff;font-size:12px;padding:8px 12px;pointer-events:none;position:absolute;white-space:nowrap;z-index:100}.chart-tooltip-date{color:#94a3b8;font-size:10.5px;font-weight:500;margin-bottom:5px}.chart-tooltip-row{align-items:center;display:flex;gap:6px;padding:2px 0}.chart-tooltip-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.chart-tooltip-val{font-weight:700;margin-left:auto;padding-left:16px}@media(max-width:768px){.sidebar{display:none}.hero h1{font-size:20px}.search-box input{width:100%}.cards-grid{grid-template-columns:1fr}}