@font-face{font-family:Readex Pro;font-style:normal;font-weight:160 700;font-display:swap;src:url(/assets/readex-arabic-DiwT_uOQ.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Readex Pro;font-style:normal;font-weight:160 700;font-display:swap;src:url(/assets/readex-latin--ekFhJJC.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f5f4fb;--surface:#fff;--surface-2:#eeedf7;--text:#17153a;--muted:#57557a;--line:#dddbec;--brand:#3b2fc9;--brand-ink:#fff;--brand-soft:#e9e7ff;--link:#3b2fc9;--accent:#ff8a2a;--accent-ink:#2b1400;--hero:#2c2399;--hero-ink:#fff;--hero-muted:#d9d6ff;--good:#0b7a47;--good-soft:#dcf4e7;--warn:#8a5000;--warn-soft:#fff0d3;--est:#a51f6c;--est-soft:#fce3f0;--focus:#3b2fc9;--shadow:0 1px 2px #17153a0f, 0 10px 28px -14px #2c239947;--c-groceries:#2f9e5b;--c-dining:#c8324b;--c-fuel:#c98f00;--c-online:#5b4fe0;--c-travel:#1c8fd6;--c-international:#f07a1a;--c-bills:#64748b;--c-government:#7c8b2a;--c-school:#d6458f;--c-other:#b08a5a;--c-base:#8e8bae;--radius:1rem;--ease:cubic-bezier(.16, 1, .3, 1);--origin:left;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[dir=rtl]{--origin:right}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e0d1d;--surface:#18162d;--surface-2:#221f40;--text:#ecebfa;--muted:#aaa7cc;--line:#322f58;--brand:#a79fff;--brand-ink:#120f33;--brand-soft:#2a2560;--link:#b6b0ff;--hero:#221c6e;--hero-muted:#cfcbff;--good:#4fdc9c;--good-soft:#10372a;--warn:#ffc266;--warn-soft:#3b290c;--est:#ff8fca;--est-soft:#3d1730;--focus:#b6b0ff;--shadow:0 1px 2px #0000004d, 0 12px 30px -16px #000000b3;--c-base:#6f6c92;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e0d1d;--surface:#18162d;--surface-2:#221f40;--text:#ecebfa;--muted:#aaa7cc;--line:#322f58;--brand:#a79fff;--brand-ink:#120f33;--brand-soft:#2a2560;--link:#b6b0ff;--hero:#221c6e;--hero-muted:#cfcbff;--good:#4fdc9c;--good-soft:#10372a;--warn:#ffc266;--warn-soft:#3b290c;--est:#ff8fca;--est-soft:#3d1730;--focus:#b6b0ff;--shadow:0 1px 2px #0000004d, 0 12px 30px -16px #000000b3;--c-base:#6f6c92;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);accent-color:var(--brand);caret-color:var(--brand);scrollbar-color:var(--line) transparent;margin:0;font-family:Readex Pro,system-ui,Segoe UI,Tahoma,sans-serif;font-size:1rem;line-height:1.55}::selection{background:var(--brand-soft);color:var(--text)}main{max-inline-size:80rem;margin-inline:auto;padding:1rem 1rem 2rem}h1{text-wrap:balance;margin-block:.5rem .75rem;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.1rem);font-weight:650;line-height:1.2}h2{text-wrap:balance;margin-block:2rem .75rem;font-size:1.25rem;font-weight:620;line-height:1.3}h3{margin:0;font-size:1.05rem;font-weight:600;line-height:1.35}:lang(en) h1,:lang(en) h2{letter-spacing:-.015em}a{color:var(--link);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:.4rem}.muted{color:var(--muted)}.small{font-size:.85rem}.num,table{font-variant-numeric:tabular-nums}.icon{flex:none;block-size:1.25rem;inline-size:1.25rem}.skip{z-index:50;background:var(--brand);color:var(--brand-ink);border-radius:.5rem;padding:.5rem 1rem;position:absolute;inset-block-start:-3rem;inset-inline-start:1rem}.skip:focus{inset-block-start:.5rem}.lede{max-inline-size:65ch;color:var(--muted);margin-block:0 1rem}.empty{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:2rem 1rem}.btn{border:1px solid var(--line);background:var(--surface);min-block-size:2.75rem;color:var(--text);font:inherit;cursor:pointer;transition:background .15s, border-color .15s, transform .15s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--brand)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{background:0 0}.icon-btn{border:1px solid var(--line);block-size:2.75rem;inline-size:2.75rem;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:inline-grid}.icon-btn:hover{border-color:var(--brand);color:var(--brand)}input:not([type=checkbox]):not([type=range]),select,textarea{min-block-size:2.75rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:.7rem;inline-size:100%;padding-inline:.75rem}input:not([type=checkbox]):not([type=range]):hover,select:hover{border-color:var(--muted)}input::placeholder{color:var(--muted)}input[type=checkbox]{flex:none;block-size:1.2rem;inline-size:1.2rem}input[type=range]{inline-size:100%;accent-color:var(--cat,var(--brand));margin:0}label{gap:.3rem;font-size:.92rem;display:grid}label.check{align-items:center;gap:.5rem;display:flex}fieldset{min-inline-size:0;margin:0}.chip{border:1px solid var(--line);background:var(--surface);min-block-size:2.5rem;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;padding:.35rem 1rem;font-weight:550;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--brand)}.chip[aria-current=true]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.seg{background:var(--surface-2);border-radius:999px;padding:.2rem;display:inline-flex}.seg button{min-block-size:2.4rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding-inline:1rem;font-weight:550}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.top{z-index:20;background:color-mix(in srgb, var(--surface) 92%, transparent);border-block-end:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);align-items:center;gap:.5rem 1rem;padding:.6rem max(1rem,50% - 39rem);display:flex;position:sticky;inset-block-start:0}.brand{color:var(--text);align-items:center;gap:.55rem;margin-inline-end:auto;font-size:1.08rem;font-weight:700;text-decoration:none;display:inline-flex}.logo{block-size:2rem;inline-size:2rem}.logo rect:first-child{fill:var(--accent)}.logo rect:nth-child(2){fill:var(--brand)}.logo path{stroke:var(--brand-ink);stroke-width:2.2px;stroke-linecap:round}.nav{align-items:center;gap:.25rem;display:flex}.nav a,.nav button{min-block-size:2.5rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.45rem;padding-inline:.85rem;font-weight:550;text-decoration:none;display:inline-flex}.nav a:hover,.nav button:hover{color:var(--text);background:var(--surface-2)}.nav a[aria-current=page],.nav a.active{color:var(--brand);background:var(--brand-soft)}.nav .soon{color:var(--muted);padding-inline:.5rem;font-size:.85rem}.nav-alert{color:var(--warn);font-size:.85rem}.tools{gap:.4rem;display:flex}.foot{text-align:center;color:var(--muted);padding:1.5rem 1rem}@media (width<=47.99rem){.nav{z-index:30;padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom,0px));background:var(--surface);border-block-start:1px solid var(--line);justify-content:space-around;gap:0;position:fixed;inset-block-end:0;inset-inline:0;box-shadow:0 -8px 24px -18px #00000059}.nav a,.nav button{text-align:center;border-radius:.8rem;flex-direction:column;flex:1 1 0;gap:.15rem;min-block-size:3.2rem;padding:.25rem;font-size:.72rem}.nav .soon{text-align:center;flex:1 1 0;font-size:.72rem}.nav-alert{background:var(--warn-soft);border-radius:.5rem;padding:.5rem;position:absolute;inset-block-end:100%;inset-inline:.5rem}.lang .icon{display:none}.lang{padding-inline:.8rem}.top{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface);gap:.5rem}body{padding-block-end:calc(4.5rem + env(safe-area-inset-bottom,0px))}}.hero{background:var(--hero);color:var(--hero-ink);border-radius:1.5rem;justify-items:start;gap:1rem;margin-block:.25rem 1.25rem;padding:clamp(1.25rem,1rem + 2vw,2.5rem);padding-block-end:calc(clamp(1.25rem,1rem + 2vw,2.5rem) + 6px);display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(to right, var(--c-groceries) 0 10%, var(--c-dining) 0 20%, var(--c-fuel) 0 30%, var(--c-online) 0 40%, var(--c-travel) 0 50%, var(--c-international) 0 60%, var(--c-bills) 0 70%, var(--c-government) 0 80%, var(--c-school) 0 90%, var(--c-other) 0);block-size:6px;position:absolute;inset-block-end:0;inset-inline:0}.hero h1{max-inline-size:22ch;margin:0;font-size:clamp(1.7rem,1.1rem + 2.6vw,3rem);line-height:1.12}.hero-sub{max-inline-size:58ch;color:var(--hero-muted);margin:0;font-size:1.05rem}.hero .big-btn{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);min-block-size:3rem;padding-inline:1.4rem;font-weight:650}.hero .chips{flex-wrap:wrap;gap:.5rem;display:flex}.hero .chip{color:var(--hero-ink);background:#ffffff1a;border-color:#ffffff47}.hero .chip:hover{background:#ffffff2e}.hero .chip[aria-current=true]{color:#2c2399;background:#fff;border-color:#fff}.banks{grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:.5rem;inline-size:100%;display:grid}.bank-link{min-block-size:3rem;color:var(--hero-ink);background:#ffffff12;border-radius:.8rem;align-items:center;gap:.6rem;padding:.35rem .6rem;font-size:.85rem;line-height:1.25;text-decoration:none;display:flex}.bank-link:hover{background:#ffffff26}.bank-link[aria-current=true]{color:#17153a;background:#fff}.mono{--m:var(--brand);background:var(--m);color:#fff;letter-spacing:.02em;direction:ltr;border-radius:.7rem;flex:none;place-items:center;block-size:2.4rem;inline-size:2.4rem;font-size:.72rem;font-weight:700;display:inline-grid}.mono[data-bank=alrajhi]{--m:#4c3fd6}.mono[data-bank=snb]{--m:#0f7a6c}.mono[data-bank=riyad]{--m:#c2410c}.mono[data-bank=sab]{--m:#9d174d}.mono[data-bank=anb]{--m:#1d6fb8}.mono[data-bank=alinma]{--m:#8a5a00}.mono[data-bank=albilad]{--m:#6d28d9}.mono[data-bank=bsf]{--m:#b91c1c}.mono[data-bank=aljazira]{--m:#3f6212}.filter-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-block-end:1rem}.filter-box>summary{cursor:pointer;align-items:center;gap:.5rem;min-block-size:3rem;padding-inline:1rem;font-weight:600;list-style:none;display:flex}.filter-box>summary::-webkit-details-marker{display:none}.filter-box>summary:after{content:"";block-size:.5rem;inline-size:.5rem;transition:transform .2s var(--ease);border-bottom:2px solid;border-right:2px solid;margin-inline-start:auto;transform:rotate(45deg)}.filter-box[open]>summary:after{transform:rotate(-135deg)}.count-dot{background:var(--accent);block-size:1.4rem;min-inline-size:1.4rem;color:var(--accent-ink);border-radius:999px;place-items:center;padding-inline:.35rem;font-size:.75rem;display:inline-grid}.filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));align-items:end;gap:.85rem;padding:0 1rem 1rem;display:grid}.checks{flex-wrap:wrap;grid-column:1/-1;gap:.6rem 1.25rem;display:flex}.toolbar{flex-wrap:wrap;align-items:end;gap:.75rem 1rem;margin-block-end:1rem;display:flex}.count{align-self:center;margin:0 auto 0 0;font-size:1.1rem;font-weight:650}:root[dir=rtl] .count{margin:0 0 0 auto}.sort-control{align-items:end;gap:.5rem;display:flex}.sort-control select{inline-size:auto}.tiles,.recs{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:1rem;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .25s var(--ease), border-color .2s;flex-direction:column;gap:.75rem;padding:1.1rem;display:flex}.tile:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--line))}.tile.picked{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft), var(--shadow)}.tile p{margin:0}.tile-head{align-items:center;gap:.75rem;display:flex}.tile-sub{color:var(--muted);font-size:.82rem}.tile footer{border-block-start:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-block-start:auto;padding-block-start:.5rem;display:flex}.badges{flex-wrap:wrap;gap:.4rem;margin:0;display:flex}.badge{background:var(--surface-2);border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .6rem;font-size:.78rem;font-weight:550;line-height:1.6;display:inline-flex}.badge.best{background:color-mix(in srgb, var(--cat) 15%, var(--surface))}.badge.best:before{content:"";background:var(--cat);border-radius:50%;block-size:.5rem;inline-size:.5rem}.badge.good{background:var(--good-soft);color:var(--good)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.est-badge{background:var(--est-soft);color:var(--est)}.figures{background:var(--surface-2);border-radius:.8rem;flex-wrap:wrap;gap:.5rem 1.75rem;margin:0;padding:.75rem 1rem;display:flex}.figures dt{color:var(--muted);font-size:.78rem}.figures dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.15rem;font-weight:650}.figures .lead dd{font-size:1.75rem;line-height:1.2}.rates{gap:.2rem;font-size:.9rem;display:grid}.rates p{margin:0}.bars{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.bars li{grid-template-columns:minmax(5.5rem,7.5rem) 1fr 3.4rem;align-items:center;gap:.6rem;font-size:.82rem;display:grid}.bar{background:var(--surface-2);border-radius:999px;block-size:.55rem;overflow:hidden}.bar i{block-size:100%;inline-size:var(--w);border-radius:inherit;background:var(--cat);min-inline-size:3px;transform-origin:var(--origin);display:block}.bars b{text-align:end}details.more>summary{cursor:pointer;color:var(--link);align-items:center;min-block-size:2.25rem;font-size:.9rem;font-weight:550;display:flex}.facts{gap:.5rem;margin:.5rem 0 0;display:grid}.facts div{grid-template-columns:minmax(7rem,38%) 1fr;gap:.75rem;font-size:.9rem;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.est{vertical-align:middle;background:var(--est-soft);min-block-size:1.5rem;color:var(--est);font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;align-items:center;margin-inline-start:.25rem;padding:.05rem .5rem;font-size:.72rem;font-weight:650;display:inline-flex}.est:hover{outline:1px solid var(--est)}.est-pop{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);inline-size:min(22rem,100vw - 2rem);color:var(--text);margin:auto;padding:1rem;font-size:.92rem;font-weight:400;box-shadow:0 24px 60px -20px #00000073}.est-pop:popover-open{gap:.6rem;display:grid}.est-pop::backdrop{background:#0e0d1d59}.est-title{color:var(--est)}.est-item{gap:.15rem;display:grid}.est-pop .btn{justify-self:end;min-block-size:2.4rem}.scroll{overflow-x:auto}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-block-size:78vh;box-shadow:var(--shadow);overflow:auto}table{border-collapse:separate;border-spacing:0;inline-size:100%}th,td{text-align:start;vertical-align:top;border-block-end:1px solid var(--line);padding:.65rem .75rem}thead th{z-index:2;background:var(--surface);color:var(--muted);white-space:nowrap;font-size:.82rem;font-weight:600;position:sticky;inset-block-start:0}.grid{background:var(--surface)}.sticky-col tbody th,.sticky-col thead th:first-child{z-index:1;background:var(--surface);box-shadow:inset -1px 0 0 var(--line);position:sticky;inset-inline-start:0}:root[dir=rtl] .sticky-col tbody th,:root[dir=rtl] .sticky-col thead th:first-child{box-shadow:inset 1px 0 0 var(--line)}.sticky-col thead th:first-child{z-index:3}tbody tr:hover>*{background:var(--surface-2)}tr.picked>*{background:var(--brand-soft)}.main-table tbody th{min-inline-size:13rem;font-weight:400}.main-table td:nth-child(5){min-inline-size:15rem}.main-table td:nth-child(9){min-inline-size:13rem}.main-table td:nth-child(2){min-inline-size:8rem}.cell-card{align-items:flex-start;gap:.6rem;display:flex}.cell-card>span:last-child{justify-items:start;gap:.3rem;display:grid}.sort-btn{min-block-size:2.25rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:0;display:inline-flex}.sort-btn:hover{color:var(--text)}.sort-ind{opacity:.45;align-items:center;display:inline-flex}.sort-ind.asc,.sort-ind.desc{opacity:1;color:var(--brand)}.sort-ind .icon{block-size:1rem;inline-size:1rem}.sort-ind sup{font-size:.65rem}th[aria-sort=ascending],th[aria-sort=descending]{color:var(--text)}.strong{font-weight:650}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-block:1rem;padding:1.1rem}.panel .scroll{margin-block-start:.75rem}.sticky{z-index:10;margin-block:1rem;position:sticky;inset-block-end:1rem;box-shadow:0 10px 30px -10px #2c23998c}.disclaimer{border-radius:var(--radius);background:var(--surface-2);color:var(--muted);margin-block:2rem .5rem;padding:1rem 1.1rem;font-size:.9rem}.disclaimer p{margin:0}.disclaimer p+p{color:var(--est);margin-block-start:.4rem}.stepper{flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.stepper a{background:var(--surface);border:1px solid var(--line);min-block-size:2.5rem;color:var(--text);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .9rem .25rem .35rem;font-size:.9rem;font-weight:550;text-decoration:none;display:inline-flex}:root[dir=rtl] .stepper a{padding:.25rem .35rem .25rem .9rem}.stepper a:hover{border-color:var(--brand)}.step-n{background:var(--brand);block-size:1.9rem;inline-size:1.9rem;color:var(--brand-ink);border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:700;display:inline-grid}.presets{flex-wrap:wrap;gap:.5rem;margin-block-end:1rem;display:flex}.wizard{gap:1rem;display:grid}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:.9rem;padding:1.1rem;scroll-margin-block-start:5rem;display:grid}.step>legend{float:inline-start;align-items:center;gap:.6rem;inline-size:100%;padding:0;font-size:1.1rem;font-weight:650;display:flex}.step>legend+*{clear:both}.step>p{margin:0}.fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.85rem;display:grid}.amounts{grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));gap:.85rem 1rem;display:grid}.amount{gap:.35rem;display:grid}.amount label{grid-template-columns:auto 1fr;align-items:center;column-gap:.45rem}.amount label:before{content:"";background:var(--cat);border-radius:50%;block-size:.6rem;inline-size:.6rem}.amount label input{grid-column:1/-1}.rows{gap:.5rem;display:grid}.row{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));align-items:center;gap:.5rem;display:grid}.options{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:end;margin-block-start:1rem}.rec-results{scroll-margin-block-start:5rem;container-type:inline-size}.rec-results>h2:first-of-type{align-items:center;gap:.6rem;margin-block-start:1.5rem;display:flex}.podium{gap:1rem;display:grid}@container (width>=36rem){.podium{grid-template-columns:1fr 1fr}.podium>.rank-1{grid-column:1/-1}}.rank{background:var(--surface-2);block-size:2.2rem;inline-size:2.2rem;color:var(--text);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.rank-1 .rank{background:var(--accent);color:var(--accent-ink)}.rank-2 .rank{color:#1f2433;background:#cfd3de}.rank-3 .rank{color:#3a1a06;background:#e2a37c}.result.rank-1{border:2px solid var(--accent)}.net{background:var(--surface-2);border-radius:.8rem;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin:0;padding:.75rem 1rem;display:flex}.net span{color:var(--muted);font-size:.85rem}.net b{font-size:1.5rem;font-weight:700}.rank-1 .net{background:var(--brand-soft)}.rank-1 .net b{font-size:2rem}.why{font-size:.92rem}.spend-bar{gap:.5rem;display:grid}.stack-bar{border-radius:999px;gap:2px;block-size:.7rem;display:flex;overflow:hidden}.stack-bar i{background:var(--cat);min-inline-size:3px;transform-origin:var(--origin)}.legend{flex-wrap:wrap;gap:.3rem 1rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.legend li{align-items:center;gap:.35rem;display:inline-flex}.legend li:before{content:"";background:var(--cat);border-radius:.2rem;block-size:.6rem;inline-size:.6rem}.verified{margin-block-start:auto!important}.pair .pair-names{margin-block:0 .75rem;font-size:1.05rem}.pair .legend{margin-block-start:.75rem}.more-results{margin-block:1.25rem}.more-results>summary{cursor:pointer;color:var(--link);align-items:center;min-block-size:2.75rem;font-weight:600;display:flex}.ineligible ul{padding-inline-start:1.1rem}.leader-bar{z-index:25;background:var(--hero);color:var(--hero-ink);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:.65rem 1rem;font-size:.9rem;text-decoration:none;display:flex;position:fixed;inset-block-end:calc(4.6rem + env(safe-area-inset-bottom,0px));inset-inline:.75rem;box-shadow:0 16px 40px -14px #17153a99}.leader-bar span:first-child{flex:10rem;min-inline-size:0}.leader-bar b{font-size:1.05rem}.leader-cta{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:.2rem .75rem;font-weight:650}body:has(.leader-bar) main{padding-block-end:6rem}@media (width>=48rem){.leader-bar{max-inline-size:26rem;inset-block-end:1rem;inset-inline:auto 1rem}:root[dir=rtl] .leader-bar{inset-inline:1rem auto}}@media (width>=70rem){.rec-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.rec-results{overscroll-behavior:contain;max-block-size:calc(100dvh - 5.5rem);padding-inline:.25rem;position:sticky;inset-block-start:4.5rem;overflow:auto}.rec-results>h2:first-of-type{margin-block-start:0}.leader-bar{display:none}body:has(.leader-bar) main{padding-block-end:2rem}}.stack{gap:.85rem;display:grid}.picker{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.picker li{background:var(--surface-2);border-radius:.7rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .35rem .35rem .75rem;display:flex}.json-field{gap:.25rem;display:grid}.json-field textarea{padding:.6rem;font:.85rem/1.45 ui-monospace,monospace}.timeline{padding-inline-start:1.1rem}.prose{max-inline-size:70ch}.prose section{margin-block-start:1.75rem}.prose h2{margin-block:0 .4rem;font-size:1.1rem}.prose li+li{margin-block-start:.35rem}[role=alert]{color:var(--warn)}[role=alertdialog]{background:var(--warn-soft);border-radius:.8rem;padding:1rem}@media (width>=48rem){main{padding:1.5rem 1.5rem 3rem}}@media (prefers-reduced-motion:no-preference){.bar i,.stack-bar i{animation:fill .7s var(--ease) both}.tile:hover{transform:translateY(-2px)}html{scroll-behavior:smooth}}@keyframes fill{0%{transform:scaleX(0)}}@media (width>=64rem){.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-content:center;column-gap:2.5rem}.hero>*{grid-column:1}.hero .banks{grid-area:1/2/span 4;grid-template-columns:repeat(3,minmax(0,1fr));align-self:center}}.brand span{white-space:nowrap}@media (width<=39.99rem){.hero .chips,.hero .banks{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;inline-size:calc(100% + 2.5rem);margin-inline:-1.25rem;padding-inline:1.25rem;display:flex;overflow-x:auto}.hero .chip,.bank-link{scroll-snap-align:start;flex:none}.bank-link{inline-size:10.5rem}}input[type=range]{appearance:none;cursor:pointer;background:0 0;block-size:1.4rem}input[type=range]::-webkit-slider-runnable-track{background:var(--surface-2);border-radius:999px;block-size:.4rem}input[type=range]::-moz-range-track{background:var(--surface-2);border-radius:999px;block-size:.4rem}input[type=range]::-moz-range-progress{background:var(--cat,var(--brand));border-radius:999px;block-size:.4rem}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cat,var(--brand));border:2px solid var(--surface);border-radius:50%;block-size:1.1rem;inline-size:1.1rem;margin-block-start:-.35rem;box-shadow:0 1px 3px #0000004d}input[type=range]::-moz-range-thumb{background:var(--cat,var(--brand));border:2px solid var(--surface);border-radius:50%;block-size:1.1rem;inline-size:1.1rem}form.panel,p.panel[role=note]{max-inline-size:34rem}
