@font-face{font-family:Unbounded;src:url(/fonts/unbounded.woff2) format('woff2');font-weight:200 900;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url(/fonts/instrumentsans.woff2) format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'DM Mono';src:url(/fonts/dmmono.woff2) format('woff2');font-weight:500;font-display:swap}
:root{--ink:#121615;--ink2:#1b2220;--ink3:#2a3532;--paper:#f3f4f1;--card:#fff;--line:#dde1dc;--accent:#3ec491;--coral:#c2410c;--sky:#3ec491;--txt:#151a18;--mut:#56605c;--r:18px;--disp:Unbounded,system-ui,sans-serif;--body:'Instrument Sans',system-ui,-apple-system,sans-serif;--mono:'DM Mono',ui-monospace,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--txt);font:17px/1.55 var(--body)}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px}
img{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
/* top bar */
.disc{background:var(--accent);color:var(--ink);font-size:13px;line-height:1.35;padding:7px 0;text-align:center}
.disc a{font-weight:700}
header.top{background:var(--ink);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff14}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}
.logo{font:800 19px/1 var(--disp);letter-spacing:-.5px;text-decoration:none;display:flex;align-items:center;gap:9px;white-space:nowrap}
.logo i{font-style:normal;color:var(--accent)}
.logo svg{flex:none}
nav.main{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
nav.main::-webkit-scrollbar{display:none}
nav.main a{font-weight:600;font-size:15px;text-decoration:none;padding:8px 11px;border-radius:999px;white-space:nowrap;color:#d6ddd9}
nav.main a:hover,nav.main a[aria-current]{background:var(--ink3);color:#fff}
.menu-btn{display:none}
@media (max-width:820px){
 header.top .wrap{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:6px}
 nav.main{width:100%;margin:0 -18px;padding:0 12px 6px}
 nav.main a{font-size:14px;padding:7px 10px;background:#ffffff0d}
}
/* hero */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:44px 0 56px}
.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-28deg,transparent 0 34px,#ffffff06 34px 36px)}
.hero .wrap{position:relative}
.kicker{font:600 12.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.hero h1{font:800 clamp(38px,9.5vw,82px)/.98 var(--disp);letter-spacing:-.04em;margin:14px 0 16px;max-width:13ch}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p.lede{font-size:clamp(17px,2.6vw,21px);color:#d2d9d5;max-width:640px;margin:0 0 22px}
.hero .stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.hero .stats div{border:1.5px solid #ffffff2a;border-radius:14px;padding:10px 14px;background:#ffffff08}
.hero .stats b{display:block;font:800 26px/1.1 var(--disp);color:var(--accent)}
.hero .stats span{font-size:13px;color:#b6c0bb}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--ink);font:700 16px/1 var(--body);padding:14px 20px;border-radius:999px;text-decoration:none;border:0;cursor:pointer}
.btn.ghost{background:transparent;color:inherit;border:2px solid currentColor}
.btn.dark{background:var(--ink);color:#fff}
.btn+.btn{margin-left:8px}
/* sections */
section{padding:34px 0}
h2{font:800 clamp(26px,5.5vw,40px)/1.05 var(--disp);letter-spacing:-.03em;margin:0 0 10px}
h3{font:700 20px/1.2 var(--disp);letter-spacing:-.01em;margin:22px 0 8px}
.sub{color:var(--mut);margin:0 0 18px;max-width:720px}
.panel{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r);padding:18px}
.panel+.panel{margin-top:14px}
.step{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.step b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--accent);font:800 15px var(--disp);flex:none}
.step h2{font-size:clamp(21px,4.5vw,28px);margin:0}
/* calculator */
.calc{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:980px){.calc{grid-template-columns:minmax(0,430px) 1fr;align-items:start}.calc .inputs{position:sticky;top:76px;max-height:calc(100vh - 90px);overflow:auto;padding-right:4px}}
.fields{display:grid;gap:10px}
.field{display:grid;grid-template-columns:1fr 132px;gap:10px;align-items:center}
.field label{font-weight:600;font-size:15.5px;line-height:1.25}
.field small{display:block;font-weight:400;color:var(--mut);font-size:13px}
.money{position:relative}
.money:before{content:'$';position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mut);font:500 16px var(--mono)}
input[type=number],input[type=text],input[type=email],input[type=date],select{width:100%;font:500 17px var(--mono);padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;background:#fafbf9;color:var(--txt)}
.money input{padding-left:24px}
input:focus,select:focus{outline:3px solid var(--sky);outline-offset:1px;border-color:var(--ink)}
.seg{display:inline-flex;background:#e8ebe6;border-radius:999px;padding:3px;margin-bottom:12px}
.seg button{border:0;background:none;font:600 14px var(--body);padding:7px 14px;border-radius:999px;cursor:pointer;color:var(--mut)}
.seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.two label{font-weight:600;font-size:14px;display:block;margin-bottom:4px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0}
.chip span{display:inline-block;padding:9px 13px;border-radius:999px;border:1.5px solid var(--line);background:#fafbf9;font-size:14.5px;font-weight:600;cursor:pointer;line-height:1.25}
.chip input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip input:checked+span:before{content:'✓ ';color:var(--accent)}
.chip input:focus-visible+span{outline:3px solid var(--sky)}
.range{display:flex;align-items:center;gap:12px;margin-top:14px}
.range input{flex:1;accent-color:var(--ink)}
.range output{font:500 17px var(--mono);min-width:52px;text-align:right}
.toggles{display:grid;gap:8px;margin-top:6px}
.toggles label{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.toggles input{width:20px;height:20px;accent-color:var(--ink);flex:none;margin-top:2px}
details.cpp summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center}
details.cpp summary::-webkit-details-marker{display:none}
details.cpp summary:after{content:'+';font:800 22px var(--disp)}
details.cpp[open] summary:after{content:'–'}
.cppgrid{display:grid;gap:8px;margin-top:12px}
.cpprow{display:grid;grid-template-columns:1fr 96px;gap:8px;align-items:center;font-size:14.5px}
.cpprow .u{position:relative}.cpprow .u:after{content:'¢';position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--mut);font-family:var(--mono)}
.cpprow input{padding-right:24px}
.note{font-size:13.5px;color:var(--mut);margin:10px 0 0}
.tag{display:inline-block;font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;border-radius:6px;background:#e8ebe6;color:var(--mut);vertical-align:middle}
.tag.warn{background:#ffe3dc;color:#a3290f}.tag.ok{background:#dcf3e8;color:#11603f}.tag.biz{background:#dff3ff;color:#0f5878}
/* results */
.resbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:12px}
.results{display:grid;gap:12px;counter-reset:r}
.res{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r);padding:16px;position:relative}
.res.top1{border:2.5px solid var(--ink);box-shadow:6px 6px 0 var(--accent)}
.res .rk{font:800 14px/1 var(--disp);color:var(--mut)}
.res h3{margin:4px 0 2px;font-size:18px;line-height:1.25}
.res h3 a{text-decoration:none}.res h3 a:hover{text-decoration:underline}
.res .iss{font-size:14px;color:var(--mut)}
.nums{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 6px}
.num{background:var(--paper);border-radius:12px;padding:10px 12px}
.num span{display:block;font-size:12.5px;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.num b{font:800 clamp(24px,6vw,30px)/1.1 var(--disp);letter-spacing:-.02em}
.num b.neg{color:var(--coral)}
.res .meta{font-size:14px;color:var(--mut);display:flex;flex-wrap:wrap;gap:4px 14px}
.res details{margin-top:8px}
.res summary{cursor:pointer;font-weight:700;font-size:14.5px}
table.math{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}
table.math td{padding:6px 4px;border-bottom:1px solid var(--line);vertical-align:top}
table.math td:last-child{text-align:right;font-family:var(--mono);white-space:nowrap}
table.math tr.sum td{font-weight:700;border-bottom:0;border-top:2px solid var(--ink)}
.warnbox{background:#fdf3ec;border-left:4px solid var(--coral);padding:8px 10px;border-radius:8px;font-size:13.5px;margin-top:8px}
.sticky-top{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;background:var(--ink);color:#fff;border-radius:16px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;box-shadow:0 8px 30px #0006;font-size:14px}
.sticky-top b{color:var(--accent);font:800 18px var(--disp)}
.sticky-top a{color:var(--accent);font-weight:700;white-space:nowrap}
@media (min-width:980px){.sticky-top{display:none}}
/* tables */
.tablewrap{overflow-x:auto;border:1.5px solid var(--line);border-radius:var(--r);background:var(--card);-webkit-overflow-scrolling:touch}
table.cmp{border-collapse:separate;border-spacing:0;width:100%;min-width:860px;font-size:14.5px}
table.cmp th,table.cmp td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.cmp thead th{background:var(--ink);color:#fff;font:700 12.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;position:sticky;top:0;cursor:pointer;white-space:nowrap}
table.cmp th:first-child,table.cmp td:first-child{position:sticky;left:0;background:var(--card);z-index:1;min-width:190px;max-width:220px;box-shadow:2px 0 0 var(--line)}
table.cmp thead th:first-child{background:var(--ink);z-index:2}
table.cmp td.n{font-family:var(--mono);white-space:nowrap}
table.cmp a{font-weight:700;text-decoration:none}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.filters select,.filters input{width:auto;font-size:15px;padding:9px 10px}
/* card page */
.cardhero{background:var(--ink);color:#fff;padding:30px 0 34px}
.cardhero h1{font:800 clamp(28px,6.5vw,52px)/1.04 var(--disp);letter-spacing:-.03em;margin:10px 0 12px;max-width:20ch}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}
@media (min-width:760px){.facts{grid-template-columns:repeat(4,1fr)}}
.fact{background:var(--ink2);border:1.5px solid #ffffff1f;border-radius:14px;padding:12px}
.fact span{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#a9b4af;font-weight:600}
.fact b{font:800 22px/1.15 var(--disp);color:var(--accent)}
.fact small{display:block;color:#d2d9d5;font-size:13px;margin-top:2px}
.src{font-size:13.5px;color:var(--mut)}
.src a{color:var(--txt);text-decoration:underline}
.cardhero .src,.hero .src{color:#d2d9d5}
.cardhero .src a,.hero .src a{color:#fff}
ul.clean{padding-left:20px}ul.clean li{margin:4px 0}
.grid2{display:grid;gap:14px}
@media (min-width:860px){.grid2{grid-template-columns:1fr 1fr}}
.flag{background:#fdf3ec;border:1.5px solid #ffc9b9;border-radius:14px;padding:12px 14px;font-size:15px}
.paid{font:700 11px/1 var(--mono);background:#ffe3dc;color:#a3290f;padding:4px 6px;border-radius:5px;margin-left:6px}
.prose{max-width:760px}
.prose h2{margin-top:30px}
.prose p,.prose li{font-size:17px}
/* newsletter */
.news{background:var(--ink);color:#fff;border-radius:22px;padding:22px;position:relative;overflow:hidden}
.news h2{color:#fff}
.news .soon{display:inline-block;background:var(--coral);color:#fff;font:700 12px/1 var(--mono);letter-spacing:.1em;padding:6px 9px;border-radius:6px;text-transform:uppercase}
.news form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.news input{flex:1 1 220px;background:#ffffff12;color:#fff;border-color:#ffffff33}
.news button[disabled]{opacity:.6;cursor:not-allowed}
/* footer */
footer{background:var(--ink);color:#c4ccc8;margin-top:40px;padding:34px 0 90px;font-size:14.5px}
footer .cols{display:grid;gap:18px}
@media (min-width:760px){footer .cols{grid-template-columns:2fr 1fr 1fr}}
footer a{color:#fff}
footer ul{list-style:none;padding:0;margin:0}footer li{margin:6px 0}
footer .fine{border-top:1px solid #ffffff1f;margin-top:22px;padding-top:16px;font-size:13px;color:#9eaaa4}
.crumbs{font-size:13.5px;color:#a9b4af}.crumbs a{color:#fff}
/* 5/24 */
.checker .row{display:grid;grid-template-columns:1fr 150px 40px;gap:8px;margin-bottom:8px}
.big{font:800 clamp(40px,12vw,72px)/1 var(--disp);letter-spacing:-.03em}
.verdict{border-radius:16px;padding:16px;margin-top:12px;font-weight:600}
.verdict.good{background:#dcf3e8}.verdict.bad{background:#ffe3dc}
.partner{display:flex;flex-wrap:wrap;gap:6px}
.partner span{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:14px}
.partner span b{font-family:var(--mono);font-weight:500;color:var(--mut);margin-left:6px}
@media (max-width:600px){table.cmp th:first-child,table.cmp td:first-child{min-width:150px;max-width:160px}.checker .row{grid-template-columns:1fr 1fr 44px}}
.filters select{max-width:100%}
#cmpout table.cmp thead th{white-space:normal;text-transform:none;font:700 14px/1.25 var(--body);letter-spacing:0}
#cmpout table.cmp td{min-width:230px}#cmpout table.cmp td:first-child{min-width:110px}

/* Theme B: Graphite (charcoal + emerald), adopted 2026-10-23 */
.disc{background:#d9f2e6;color:#121615}.disc a{color:#121615}

/* ===== Welcome bonus blocks (2026-10-23) ===== */
.bonus{background:var(--ink);color:#fff;border-radius:14px;padding:12px 14px 13px;min-width:0}
.bonus .bl{display:block;font:600 11px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#a9b4af}
.bonus .bl em{font-style:normal;color:#f2c4b2}
.bonus .bfig{margin:7px 0 3px;line-height:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.bonus .bfig b{font:800 clamp(32px,9vw,40px)/1 var(--disp);letter-spacing:-.04em;color:#fff}
.bonus .bfig i{font:600 15px/1.1 var(--body);font-style:normal;color:#d2d9d5}
.bonus .bplus{font-size:12.5px;line-height:1.35;color:#c4ccc8;margin:2px 0 3px}
.bonus .busd{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:4px}
.bonus .busd b{font:800 22px/1.1 var(--disp);letter-spacing:-.02em;color:var(--accent)}
.bonus .busd small{font-size:12.5px;color:#a9b4af}
.bonus .bcond{font-size:13px;color:#d2d9d5;margin-top:5px;padding-top:6px;border-top:1px solid #ffffff1a}
.bonus.xl{background:var(--ink2);border:1.5px solid #3ec49166;padding:16px 18px 18px;border-radius:18px}
.bonus.xl .bfig b{font-size:clamp(46px,13vw,78px)}
.bonus.xl .bfig i{font-size:18px}
.bonus.xl .busd b{font-size:clamp(26px,6vw,34px)}
.bonus.xl .busd small,.bonus.xl .bcond{font-size:14px}
.cardtop{display:grid;gap:12px;margin:18px 0 12px}
.cardtop .facts{margin:0;grid-template-columns:repeat(2,1fr)}
@media (min-width:860px){.cardtop{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch}}
/* result tiles */
.resgrid{display:grid;gap:10px;margin:12px 0 8px}
.resgrid .nums{margin:0}
@media (min-width:600px){.resgrid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.resgrid .nums{grid-template-columns:1fr;align-content:stretch}}
/* value-per-point line + sources */
details.val{margin-top:8px;font-size:13.5px}
details.val summary{cursor:pointer;color:var(--mut);list-style:none;line-height:1.4}
details.val summary::-webkit-details-marker{display:none}
details.val summary b{color:var(--txt);font-weight:700}
details.val summary:after{content:'▾';margin-left:6px;font-size:11px}
details.val[open] summary:after{content:'▴'}
details.val .mine{color:var(--coral);font-weight:600}
details.val ul{list-style:none;margin:8px 0 0;padding:6px 12px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
details.val li{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:6px 0;border-bottom:1px dashed var(--line)}
details.val li:last-child{border-bottom:0}
details.val li a{font-weight:600}
details.val li b{font:500 14px var(--mono);text-align:right}
details.val li small{grid-column:1/-1;color:var(--mut);font-size:12px;line-height:1.35}
details.val p{font-size:12.5px;color:var(--mut);margin:6px 2px 0}
details.val.dark{background:var(--ink2);border:1.5px solid #ffffff1f;border-radius:14px;padding:12px 14px;margin:0 0 16px;font-size:15px}
details.val.dark summary{color:#d2d9d5}
details.val.dark summary b{color:var(--accent)}
details.val.dark ul{background:#ffffff0a;border-color:#ffffff1f}
details.val.dark li{border-color:#ffffff22}
details.val.dark li a{color:#fff}
details.val.dark li small,details.val.dark p{color:#a9b4af}
details.val.dark p a{color:#fff}
.cpprow label small{display:block;font-size:12px;color:var(--mut);font-weight:400}
/* sort controls */
.sortbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.sortlbl{font:600 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.sortbar .seg{flex-wrap:wrap;border-radius:16px;margin:0}
.sortbar .seg button{border-radius:12px}
.seg button.hot:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:1px}
.sortbar.big{margin:0 0 6px}
.sortbar.big .seg button{font-size:15px;padding:9px 14px}
/* all-cards table: bonus column */
table.cmp.cards td.c-bonus{min-width:280px}
table.cmp.cards td.c-earn{min-width:150px}
table.cmp.cards .chk{display:block;font:500 11.5px var(--mono);color:var(--mut);margin-top:6px}
table.cmp.cards .chk a{font-weight:500;text-decoration:underline}
table.cmp.cards td.c-rew{min-width:180px}
@media (min-width:761px){table.cmp.cards{min-width:0}table.cmp.cards thead th{white-space:normal}table.cmp.cards td.c-earn{max-width:200px}table.cmp.cards th,table.cmp.cards td{padding:10px 9px}table.cmp.cards td.c-first,table.cmp.cards td.c-ong{font-weight:700}}
table.cmp.cards .bonus .bfig b{font-size:31px}
table.cmp.cards .bonus .busd b{font-size:19px}
table.cmp .iss{font-size:13px;color:var(--mut);font-weight:400}
table.cmp th[aria-sort]{color:var(--accent)}
/* compare page */
.cmpb{display:block;font:800 26px/1.05 var(--disp);letter-spacing:-.03em}
.cmpv{display:block;font:800 18px/1.3 var(--disp);color:#11734d;margin:2px 0}
code{font:500 .9em var(--mono);background:#e8ebe6;padding:1px 5px;border-radius:5px}
td.mut{color:#a9b0ac}
/* mobile: all-cards table becomes stacked cards */
@media (max-width:760px){
 .tablewrap.cardsview{border:0;background:none;overflow:visible;border-radius:0}
 table.cmp.cards{min-width:0;display:block}
 table.cmp.cards thead{display:none}
 table.cmp.cards tbody{display:grid;gap:12px}
 table.cmp.cards tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:14px}
 table.cmp.cards tr[hidden]{display:none}
 table.cmp.cards td{display:block;border:0;padding:0;position:static;min-width:0!important;max-width:none!important;box-shadow:none!important;background:none!important;font-size:14px}
 table.cmp.cards td[data-l]:before{content:attr(data-l);display:block;font:600 10.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:2px}
 table.cmp.cards td.c-name,table.cmp.cards td.c-bonus,table.cmp.cards td.c-rew,table.cmp.cards td.c-earn{grid-column:1/-1}
 table.cmp.cards td.c-name>a{font:700 17px/1.25 var(--disp);letter-spacing:-.01em}
 table.cmp.cards td.c-first,table.cmp.cards td.c-ong{font:800 18px/1.2 var(--disp)}
 table.cmp.cards .bonus .bfig b{font-size:clamp(34px,10vw,42px)}
 table.cmp.cards .bonus .busd b{font-size:22px}
}
@media (max-width:760px){
 table.cmp.cards td.c-name{order:1}table.cmp.cards td.c-bonus{order:2}table.cmp.cards td.c-af{order:3}table.cmp.cards td.c-first{order:4}table.cmp.cards td.c-ong{order:5}table.cmp.cards td.c-rew{order:6}table.cmp.cards td.c-earn{order:7}
 table.cmp.cards td.c-rew,table.cmp.cards td.c-earn{border-top:1px solid var(--line)!important;padding-top:8px}
 table.cmp.cards td.c-af{font:800 18px/1.2 var(--disp)}
 table.cmp.cards td.c-af small{font:500 11.5px var(--body);color:var(--mut)}
 .hint-desk{display:none}
}
/* methodology valuation table */
table.valtab td:first-child{min-width:230px;max-width:280px}
table.valtab td small{font-size:12px;color:var(--mut);line-height:1.35;display:inline-block}
table.valtab td.n a{font-weight:500;text-decoration:underline;text-decoration-thickness:1px}
/* credits & perks (card pages) */
.feeline{display:block;margin:4px 0 14px;padding:12px 14px;border-radius:14px;background:#ffffff0d;border:1.5px solid #ffffff1f;text-decoration:none;font:700 clamp(17px,4.6vw,22px)/1.25 var(--disp);letter-spacing:-.01em;color:#fff}
.feeline b{color:var(--accent);font-weight:800}
.feeline span{display:block;font:500 13.5px/1.4 var(--body);color:#c9d2cd;letter-spacing:0;margin-top:4px}
.credsec{padding-top:24px}
.creds .feevs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:16px;padding:16px}
.creds .fv span{display:block;font:600 11.5px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#a9b4af}
.creds .fv b{display:block;font:800 clamp(30px,9vw,52px)/1.05 var(--disp);letter-spacing:-.03em}
.creds .fv.hi b{color:var(--accent)}
.creds .fv small{display:block;color:#c9d2cd;font-size:13px}
.creds .vs{font:800 16px var(--disp);color:#8d9a94}
.creds .fvx{margin:10px 0 0;font-size:14.5px;color:var(--mut)}
.creds .honest{margin:14px 0 0;padding:12px 14px;border-left:4px solid var(--accent);background:#eef7f2;border-radius:0 12px 12px 0;font-size:15px}
ul.clean.crlist{margin:0;padding:0}
.crlist li.cr{border:1.5px solid var(--line);border-radius:14px;margin:8px 0;padding:0!important;list-style:none}
.crlist li.cr:before{display:none}
.crlist label{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:12px;cursor:pointer;align-items:start}
.crlist input{width:20px;height:20px;margin:2px 0 0;accent-color:#11734d}
.crlist li.cr:has(input:checked){border-color:#11734d;background:#f3faf6}
.crh{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.crh b{font-size:15.5px;line-height:1.3}
.crv{font:800 16px/1.2 var(--disp);white-space:nowrap;text-align:right}
.crv small{display:block;font:500 11px/1.3 var(--body);color:var(--mut);white-space:normal;max-width:150px;margin-left:auto}
.crf{display:block;font-size:13.5px;color:var(--mut);margin:3px 0 6px;line-height:1.4}
.crt{display:flex;flex-wrap:wrap;gap:5px}
.netbox{display:grid;gap:10px;margin:14px 0 6px;grid-template-columns:1fr}
@media (min-width:700px){.netbox{grid-template-columns:1.2fr 1fr 1fr}}
.netbox>div{background:var(--paper);border-radius:14px;padding:12px 14px}
.netbox>div:first-child{background:var(--ink);color:#fff}
.netbox span{display:block;font:600 11.5px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--mut)}
.netbox>div:first-child span{color:#a9b4af}
.netbox b{display:block;font:800 clamp(26px,7vw,34px)/1.1 var(--disp);letter-spacing:-.02em}
.netbox>div:first-child b{color:var(--accent)}
.netbox small{display:block;font-size:13px;color:var(--mut);line-height:1.35}
.netbox>div:first-child small{color:#c9d2cd}
.btn.sm{padding:8px 13px;font-size:14px}
ul.perks li{margin:6px 0}
@media (max-width:420px){.crh{flex-direction:column;gap:2px}.crv{text-align:left}.crv small{margin-left:0;max-width:none}.creds .feevs{padding:12px;gap:6px}}
/* all-cards credits column */
table.cmp.cards td.c-cred{min-width:150px}
table.cmp.cards .crbig{display:block;font:800 19px/1.15 var(--disp)}
table.cmp.cards td.c-cred small{display:block;font-size:12px;color:var(--mut);line-height:1.3}
table.cmp.cards .netl{display:block;font-size:12.5px;margin-top:5px;line-height:1.3}
table.cmp.cards .thsub{display:block;font:500 10.5px/1.25 var(--body);text-transform:none;letter-spacing:0;color:var(--mut);margin-top:2px}
@media (max-width:760px){table.cmp.cards td.c-cred{order:6;grid-column:1/-1;display:flex!important;flex-wrap:wrap;align-items:baseline;gap:2px 8px;border-top:1px solid var(--line)!important;padding-top:8px!important}table.cmp.cards td.c-cred:before{width:100%}table.cmp.cards .netl{margin:0}table.cmp.cards td.c-rew{order:7}table.cmp.cards td.c-earn{order:8}.hide-m{display:none}}
.num small{display:block;font-size:11.5px;color:var(--mut);line-height:1.3;margin-top:2px}
.easyt{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;font-size:14.5px;background:#eef7f2;border:1.5px solid #cfe9dc;border-radius:12px;padding:10px 12px;cursor:pointer}
.easyt input{width:18px;height:18px;margin:2px 0 0;accent-color:#11734d}
.cmpcr li{margin:6px 0}
@media (min-width:761px){table.cmp.cards td.c-bonus{min-width:236px}table.cmp.cards td.c-rew{min-width:130px}table.cmp.cards td.c-earn{min-width:120px;max-width:150px}table.cmp.cards td.c-cred{min-width:120px}table.cmp.cards .bonus .bfig b{font-size:27px}table.cmp.cards th,table.cmp.cards td{padding:10px 7px}.creds .feevs{max-width:620px}}
.byline{font-size:13.5px;color:#c9d2cd;margin:8px 0}.byline a{color:#fff}
section:not(.hero):not(.cardhero) .byline{color:var(--mut)}section:not(.hero):not(.cardhero) .byline a{color:inherit}
ol.toplist{padding-left:22px;margin:0}ol.toplist li{margin:6px 0}ol.toplist small,ul.rel small{display:block;color:var(--mut);font-size:13px}
ul.rel li{margin:7px 0}.issl{margin:0;font-size:15px;line-height:1.7}
@media (min-width:760px){ul.cols2{columns:2;column-gap:28px}}
table.cmp.wrapth th{white-space:normal;position:static;min-width:0;width:auto}table.cmp.wrapth td:first-child{position:static}
