:root{--paper:#eef3e7;--paper-2:#f7faf2;--mint:#d6e8d4;--mint-2:#c7dfca;--sage:#b9d3bf;--ink:#2b463a;--ink-soft:#566e62;--ink-mute:#7d9386;--line:#d7e2d0;--line-mint:#2b463a29;--accent:#62b98a;--accent-soft:#62b98a33;--accent-deep:#2f7d56;--bad:#bb4630;--font-display:"Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-sans:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background-color:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.5}a{color:inherit}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2.5px solid var(--accent-deep);outline-offset:2px;border-radius:4px}.shell{max-width:960px;margin:0 auto;padding:26px 22px 80px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.brand{align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand__logo{width:auto;height:30px;display:block}.brand__word{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:27px;font-weight:800}.topbar__right{align-items:center;gap:18px;display:flex}.brand__tag{font-family:var(--font-mono);color:var(--ink-mute);margin:0;font-size:12px}.langswitch{border:1.5px solid var(--ink);border-radius:8px;display:inline-flex;overflow:hidden}.langswitch button{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.04em;background:0 0;border:none;padding:6px 12px;font-size:12px;font-weight:500;transition:background .16s,color .16s}.langswitch button:hover{color:var(--ink)}.langswitch button.on{background:var(--ink);color:var(--paper-2);font-weight:600}.cats{gap:8px;margin:22px 0 0;display:flex}.cats button{border:1.5px solid var(--ink);color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;background:0 0;border-radius:11px;flex:1;padding:12px 18px;font-size:15px;font-weight:700;transition:background .16s,color .16s}.cats button:hover{background:#2b463a0f}.cats button.on{color:var(--paper-2);background:var(--ink)}.ctxbar{margin:16px 0 0;display:flex}.ctxchip{font-family:var(--font-mono);color:var(--ink-soft);border:1.5px solid var(--line);background:var(--paper-2);border-radius:999px;padding:5px 14px;font-size:12px}.ctxchip strong{color:var(--accent-deep);margin-left:4px;font-weight:600}.hero{background:linear-gradient(158deg, var(--mint) 0%, var(--mint-2) 100%);color:var(--ink);border-radius:22px;margin-top:16px;padding:42px 38px 34px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(70% 120% at 100% 0,#62b98a38,#0000 55%);position:absolute;inset:0}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.24em;color:var(--accent-deep);margin:0;font-size:11px;font-weight:600;position:relative}.hero__num{font-family:var(--font-display);letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:14px;font-size:clamp(66px,13vw,132px);font-weight:800;line-height:.92;position:relative}.hero__unit{color:var(--accent-deep);vertical-align:.5em;letter-spacing:-.02em;margin-left:.1em;font-size:.36em;font-weight:700}.hero__num--muted{color:var(--ink-mute);font-size:clamp(28px,6vw,44px)}.hero__meta{font-family:var(--font-mono);color:var(--ink-soft);flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:18px 0 0;font-size:13px;display:flex;position:relative}.hero__for{color:var(--ink);font-weight:600}.hero__list{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-mute);text-decoration-color:var(--ink-mute)}.hero__gap{color:var(--accent-deep);font-weight:600}.gauge{margin-top:26px;padding:0 7px;position:relative}.gauge__track{height:22px;position:relative}.gauge__base{background:var(--line-mint);height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.gauge__fill{background:linear-gradient(90deg, var(--accent), #62b98a33);border-radius:3px;height:3px;position:absolute;top:50%;transform:translateY(-50%)}.gauge__node{position:absolute;top:50%;transform:translate(-50%,-50%)}.gauge__node--best{background:var(--accent);width:13px;height:13px;box-shadow:0 0 0 4px var(--accent-soft), 0 1px 3px #2b463a4d;border-radius:50%}.gauge__node--avg{background:var(--ink-mute);border-radius:2px;width:2px;height:16px}.gauge__node--high{background:var(--ink-mute);border-radius:50%;width:8px;height:8px}.gauge__labels{height:15px;font-family:var(--font-mono);margin-top:9px;font-size:11px;position:relative}.gauge__lab{white-space:nowrap;color:var(--ink-mute);position:absolute;top:0}.gauge__lab strong{color:var(--accent-deep);font-variant-numeric:tabular-nums;font-weight:600}.gauge__lab em{text-transform:uppercase;letter-spacing:.1em;margin-left:5px;font-size:9.5px;font-style:normal}.gauge__lab--lo{left:0}.gauge__lab--mid{transform:translate(-50%)}.gauge__lab--hi{left:100%;transform:translate(-100%)}.savings{font-family:var(--font-mono);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:12px 18px;margin:18px 2px 0;font-size:13px;display:flex}.savings__field{align-items:center;gap:8px;display:inline-flex}.savings__input{background:var(--paper-2);border:1.5px solid var(--line);width:128px;color:var(--ink);font-family:var(--font-mono);text-align:right;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:500;transition:border-color .16s,box-shadow .16s}.savings__input:focus{border-color:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.savings__input--rate{width:66px}.savings__field-suffix{color:var(--ink-mute)}.savings__out{flex-wrap:wrap;align-items:center;gap:8px 14px;display:inline-flex}.savings__save{color:var(--accent-deep);font-weight:600}.savings__cta{background:var(--accent);color:var(--ink);border:1.5px solid var(--accent-deep);border-radius:9px;padding:9px 15px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .16s}.savings__cta:hover{box-shadow:0 5px 0 -1px var(--accent-deep);transform:translateY(-1px)}.seg{flex-wrap:wrap;gap:7px;margin:22px 0 18px;display:flex}.seg button{border:1.5px solid var(--line);background:var(--paper-2);color:var(--ink-soft);font-family:var(--font-mono);border-radius:9px;padding:8px 15px;font-size:12.5px;font-weight:500;transition:color .16s,border-color .16s,background .16s}.seg button:hover{color:var(--ink);border-color:var(--ink-mute)}.seg button.on{color:var(--paper-2);background:var(--ink);border-color:var(--ink)}.panel{background:var(--paper-2);border:1.5px solid var(--line);border-radius:16px;overflow:hidden}table.rates{border-collapse:collapse;width:100%}table.rates th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);border-bottom:1.5px solid var(--line);padding:16px 18px 12px;font-size:10.5px;font-weight:600}.sortbtn{appearance:none;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin:0;padding:0;transition:color .16s;display:inline-flex}.sortbtn:hover{color:var(--ink)}.sortbtn.on{color:var(--accent-deep)}.sortarrow{font-size:10px}table.rates td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 18px}table.rates tbody tr:last-child td{border-bottom:none}table.rates tbody tr{transition:background .16s}table.rates tbody tr:hover{background:#2b463a0a}.bank{white-space:nowrap;font-weight:600}.bank a{border-bottom:1.5px solid #0000;text-decoration:none;transition:border-color .16s,color .16s}.bank a:hover{color:var(--accent-deep);border-bottom-color:var(--accent)}.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.num.dim{color:var(--ink-mute)}.num.avg{color:var(--ink);font-weight:600}.num.signal{color:var(--accent-deep);font-weight:600}.num.spread{color:var(--ink-mute);font-size:13px}.is-lowest{background:linear-gradient(90deg, var(--accent-soft), transparent 46%);box-shadow:inset 4px 0 0 var(--accent)}.is-lowest:hover{background:linear-gradient(90deg,#62b98a47,#0000 50%)}.tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;vertical-align:middle;border-radius:5px;margin-left:9px;padding:2px 6px;font-size:9.5px;font-weight:600;display:inline-block}.tag--official{color:var(--ink-mute);border:1.5px solid var(--line)}.tag--lowest{color:var(--ink);background:var(--accent);border:1.5px solid var(--accent)}.tag--ad{color:var(--ink-mute);border:1.5px solid var(--line)}.track-col{width:30%}.gap{height:22px;position:relative}.gap__track{background:var(--line);height:2px;position:absolute;top:50%;left:0;right:0}.gap__seg{background:linear-gradient(90deg, var(--ink-mute), var(--accent));border-radius:3px;height:3px;position:absolute;top:50%;transform:translateY(-50%)}.gap__mark{border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.gap__mark--list{background:var(--ink-mute);width:7px;height:7px}.gap__mark--avg{background:var(--accent-deep);width:10px;height:10px}.is-lowest .gap__mark--avg{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cta-col{width:1%}.cta-cell{text-align:right;white-space:nowrap}.cta{font-family:var(--font-mono);color:var(--ink);border:1.5px solid var(--ink);border-radius:8px;padding:7px 13px;font-size:12px;font-weight:500;text-decoration:none;transition:background .14s,color .14s,transform .12s}.cta:hover{background:var(--accent);border-color:var(--accent-deep);transform:translateY(-1px)}.boundary{text-align:center;max-width:520px;color:var(--ink-soft);font-family:var(--font-mono);flex-direction:column;align-items:center;gap:16px;margin:80px auto;padding:0 24px;display:flex}.skeleton__row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:16px 18px;display:flex}.skeleton__row:last-child{border-bottom:none}.skeleton__bar{background:linear-gradient(90deg, var(--paper), var(--sage), var(--paper));background-size:200% 100%;border-radius:6px;height:12px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{color:var(--ink-soft);margin:0;padding:30px 20px;font-size:14px;line-height:1.6}.empty.error{color:var(--bad)}.linkbtn{font:inherit;color:var(--accent-deep);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.repnote{font-family:var(--font-mono);color:var(--ink-mute);margin:14px 4px 0;font-size:12.5px;line-height:1.6}.trend{margin:28px 0 0}.trend__cap{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;display:flex}.trend__legend{text-transform:none;letter-spacing:0;gap:16px;display:flex}.trend__key{align-items:center;gap:6px;display:inline-flex}.trend__key:before{content:"";width:14px;height:0}.trend__key--scb:before{border-top:1.5px dashed var(--ink-mute)}.trend__key--bank:before{background:var(--accent-deep);border-radius:50%;width:8px;height:8px}.trend svg{width:100%;height:auto;display:block}.trend__grid{stroke:var(--line);stroke-width:1px}.trend__ylabel,.trend__xlabel{fill:var(--ink-mute);font-family:var(--font-mono);font-size:10px}.trend__scb{fill:none;stroke:var(--ink-mute);stroke-width:1.5px;stroke-dasharray:4 3}.trend__scblabel{fill:var(--ink-mute);font-family:var(--font-mono);font-size:10px}.trend__line{fill:none;stroke:var(--ink-mute);stroke-width:1.5px;opacity:.5}.trend__line--low{stroke:var(--accent-deep);stroke-width:2px;opacity:1}.trend__dot{fill:var(--ink-mute)}.trend__dot--low{fill:var(--accent-deep)}.foot{background:linear-gradient(158deg, var(--mint) 0%, var(--sage) 100%);color:var(--ink-soft);border-radius:22px;grid-template-columns:1.4fr 1fr;gap:32px;margin-top:34px;padding:30px 34px;display:grid}.foot__method h2{font-family:var(--font-display);color:var(--ink);margin:0 0 8px;font-size:16px;font-weight:700}.foot__method p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.65}.foot__disclosure{color:var(--ink-soft);opacity:.85;margin:12px 0 0;font-size:12px;line-height:1.6}.foot__meta{text-align:right;font-family:var(--font-mono);color:var(--ink-soft);font-size:12px}.foot__updated{margin:0 0 8px}.foot__sources{margin:0;line-height:1.8}.foot__sources a{color:var(--ink-soft);border-bottom:1px solid #0000;text-decoration:none}.foot__sources a:hover{color:var(--accent-deep);border-bottom-color:var(--accent)}.foot__copyright{border-top:1px solid var(--line-mint);font-family:var(--font-mono);color:var(--ink-soft);grid-column:1/-1;margin:4px 0 0;padding-top:16px;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero,.cats,.seg,.panel,.trend,.foot{animation:.5s both rise}.cats{animation-delay:20ms}.seg{animation-delay:60ms}.panel{animation-delay:.1s}.trend{animation-delay:.14s}table.rates tbody tr{animation:.4s both rise}table.rates tbody tr:nth-child(2){animation-delay:40ms}table.rates tbody tr:nth-child(3){animation-delay:80ms}table.rates tbody tr:nth-child(4){animation-delay:.12s}table.rates tbody tr:nth-child(5){animation-delay:.16s}table.rates tbody tr:nth-child(6){animation-delay:.2s}table.rates tbody tr:nth-child(n+7){animation-delay:.24s}@media (width<=640px){.shell{padding:18px 14px 56px}.brand__tag{display:none}.hero{padding:30px 22px 26px}.foot{grid-template-columns:1fr;gap:22px;padding:24px 22px}.foot__meta{text-align:left}.track-col{display:none}.cta{padding:6px 10px;font-size:11px}table.rates th,table.rates td{padding-left:10px;padding-right:10px}table.rates:not(.rates--rep) th:nth-child(2),table.rates:not(.rates--rep) td:nth-child(2),table.rates:not(.rates--rep) th:nth-child(5),table.rates:not(.rates--rep) td:nth-child(5),.rates--rep:not(.rates--cards) th:nth-child(4),.rates--rep:not(.rates--cards) td:nth-child(4),.rates--cards th:nth-child(2),.rates--cards td:nth-child(2),.rates--cards th:nth-child(5),.rates--cards td:nth-child(5),.rates--cards th:nth-child(6),.rates--cards td:nth-child(6){display:none}.bank{white-space:normal;line-height:1.3}.num{font-size:12.5px}.tag{margin-left:5px;padding:1px 4px;font-size:9px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
