:root{--paper:#f3f2ee;--paper2:#e9e7e1;--ink:#0e0e0e;--ink2:#5e5c57;--rule:#d6d3cb;--red:#d62d20;
--disp:"League Spartan","Arial Black",sans-serif;--sans:"Inter Tight",ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.62 var(--sans)}
a{color:var(--ink);text-underline-offset:4px}a:hover{color:var(--red)}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip:focus{width:auto;height:auto;clip:auto;inset-inline-start:16px;top:10px;background:var(--ink);color:#fff;padding:8px;z-index:9}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
.mast{position:sticky;top:0;z-index:5;background:#f3f2eee6;backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.mast .row{display:flex;align-items:center;gap:20px;height:60px}
.mast .title{font:800 20px var(--disp);letter-spacing:-.02em;text-transform:uppercase;color:var(--ink);text-decoration:none;white-space:nowrap}
.mast .title em{font-style:normal;color:var(--red)}
.mast nav{display:flex;gap:2px;margin-inline-start:auto}.mast nav a{color:var(--ink);text-decoration:none;font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.08em;padding:8px 10px}
.mast nav a:hover{color:var(--red)}
.lang{position:relative}.lang summary{list-style:none;cursor:pointer;font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--ink);border-radius:999px;padding:6px 12px}
.lang summary::-webkit-details-marker{display:none}
.lang div{position:absolute;inset-inline-end:0;top:130%;background:var(--paper);border:1px solid var(--ink);border-radius:14px;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));z-index:6;max-height:70vh;overflow:auto}
.lang div a{text-decoration:none;padding:6px 8px;font-size:14px;border-radius:8px}.lang div a:hover,.lang div a[aria-current]{background:var(--paper2)}
@media(max-width:900px){.mast nav{display:none}.lang{margin-inline-start:auto}}@media(max-width:600px){.mast .title{font-size:16px;white-space:normal;line-height:1.1}}
.hx{padding:46px 0 10px}
.hx .wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:end}@media(max-width:860px){.hx .wrap{grid-template-columns:1fr}}
.hx h1{font-size:clamp(38px,5.6vw,74px);max-width:15ch}
.tldr{border:2px solid var(--ink);border-radius:18px;padding:22px;background:#fff}
.tldr b{font:800 13px var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--red)}.tldr p{margin:8px 0 16px;font-size:17px;line-height:1.5}
/* hover-ink hero: corner text, one giant word */
.giant{position:relative;min-height:min(78vh,720px);display:grid;grid-template-rows:auto 1fr auto;padding:28px 0 22px;overflow:hidden}
.giant .tl{max-width:34ch;font-size:18px;line-height:1.35;font-weight:500}
.giant .word{align-self:center;font:800 clamp(64px,19vw,300px)/.82 var(--disp);letter-spacing:-.05em;text-transform:uppercase;margin:0;white-space:nowrap;text-align:center}
.giant .word span{display:block;font:500 clamp(15px,1.6vw,19px)/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink2);margin-top:22px;white-space:normal}
.giant .bl{display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2)}
.cta{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);text-decoration:none;font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:11px 18px;margin-top:14px}
.cta:hover{background:var(--red);color:#fff}
@supports (animation-timeline: scroll()){@media (prefers-reduced-motion:no-preference){
  .giant .word{animation:squeeze linear both;animation-timeline:scroll();animation-range:0 60vh}
  @keyframes squeeze{to{letter-spacing:.02em;opacity:.15}}}}
.opener{padding:56px 0 30px;border-bottom:1px solid var(--rule)}
.edition{font:600 12px var(--sans);text-transform:uppercase;letter-spacing:.16em;color:var(--red)}
h1{font:800 clamp(38px,6.4vw,84px)/.92 var(--disp);letter-spacing:-.04em;text-transform:uppercase;margin:12px 0 18px;max-width:14ch}
h2{font:800 clamp(26px,3.6vw,42px)/1 var(--disp);letter-spacing:-.03em;text-transform:uppercase;margin:0 0 14px}
h3{font:700 19px/1.25 var(--sans);margin:0 0 6px}
.dek{font-size:20px;line-height:1.45;color:var(--ink2);max-width:56ch;margin:0}
.dateline{display:inline-block;margin-top:18px;font:600 12px var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--ink2)}
section{padding:40px 0}.muted{color:var(--ink2)}
/* entries: invert on hover (the "ink") */
.entry{display:grid;grid-template-columns:110px 1fr 240px;gap:26px;padding:28px 22px;border-top:1px solid var(--ink);align-items:start;transition:background .35s,color .35s;margin:0 -22px}
.entry:last-child{border-bottom:1px solid var(--ink)}
.entry:hover{background:var(--ink);color:var(--paper)}.entry:hover a{color:var(--paper)}.entry:hover .offer,.entry:hover aside dt{color:#b9b6ae}
.entry:hover .code{background:#1d1d1d;color:#fff;border-color:#444}
.entry .num{font:800 96px/.8 var(--disp);letter-spacing:-.06em}
.entry h2{margin-bottom:4px}.entry h2 a{text-decoration:none}
.entry .offer{font-size:18px;color:var(--ink2);margin:0 0 14px}
.entry .cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.entry .cols b{display:block;font:700 11px var(--sans);text-transform:uppercase;letter-spacing:.14em;margin-bottom:4px}
.entry .cols .neg b{color:var(--red)}
.entry aside{font-size:14px}
.entry aside img{height:26px;width:auto;max-width:130px;background:#111;padding:6px 10px;border-radius:999px;margin-bottom:10px;box-sizing:content-box}
.entry aside dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px}.entry aside dt{color:var(--ink2)}.entry aside dd{margin:0;font-weight:700;text-align:end}
@media(max-width:860px){.entry{grid-template-columns:60px 1fr;margin:0;padding:24px 0}.entry .num{font-size:56px}.entry aside{grid-column:1/-1}.entry .cols{grid-template-columns:1fr}.entry:hover{background:none;color:inherit}.entry:hover a{color:inherit}}
.code{display:inline-flex;gap:10px;align-items:center;font:700 15px ui-monospace,Menlo,monospace;letter-spacing:.12em;background:#fff;border:1px solid var(--ink);border-radius:999px;padding:7px 14px;cursor:pointer;margin:8px 0;color:var(--ink)}
.code small{font:600 10px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);text-decoration:none;font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.1em;padding:11px 18px;border-radius:999px}
.btn:hover{background:var(--red);color:#fff}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.boxed{border-top:1px solid var(--ink);padding:22px 0}
.pull{font:700 clamp(24px,3vw,34px)/1.2 var(--sans);letter-spacing:-.02em;margin:0;max-width:30ch}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.three>div{border-top:1px solid var(--ink);padding-top:14px}@media(max-width:820px){.three{grid-template-columns:1fr}}
.crit{counter-reset:c;list-style:none;padding:0;margin:0}
.crit li{counter-increment:c;display:grid;grid-template-columns:70px 1fr;padding:16px 0;border-top:1px solid var(--rule);font-size:19px}
.crit li::before{content:counter(c,decimal-leading-zero);font:800 22px var(--disp);color:var(--red)}
.article{display:grid;grid-template-columns:1fr 300px;gap:44px}@media(max-width:860px){.article{grid-template-columns:1fr}}
.article .body h2{font-size:28px;margin-top:34px}
.article .body p{max-width:66ch}
.side{border-top:4px solid var(--ink);padding-top:14px;position:sticky;top:80px}.side dl{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0}.side dt{color:var(--ink2)}.side dd{margin:0;font-weight:700;text-align:end}
.score{font:800 72px/1 var(--disp);letter-spacing:-.05em}.score small{font:500 14px var(--sans);letter-spacing:0;color:var(--ink2)}
ul.tick{list-style:none;padding:0;margin:0}ul.tick li{padding:7px 0 7px 22px;position:relative;border-bottom:1px solid var(--rule)}
ul.tick li::before{content:"+";position:absolute;inset-inline-start:0;font-weight:800}ul.tick.neg li::before{content:"−";color:var(--red)}
.tbl{width:100%;border-collapse:collapse;font-size:15px}.tbl th{font:700 11px var(--sans);text-transform:uppercase;letter-spacing:.12em;text-align:start;border-bottom:2px solid var(--ink);padding:10px 8px}
.tbl td{padding:13px 8px;border-bottom:1px solid var(--rule)}.tbl td.r{font:800 26px var(--disp)}
.tbl tr{transition:background .25s,color .25s}.tbl tbody tr:hover{background:var(--ink);color:var(--paper)}.tbl tbody tr:hover a{color:var(--paper)}
.scroll{overflow-x:auto}
.faq dt{font:700 21px/1.3 var(--sans);margin-top:26px;letter-spacing:-.01em}.faq dd{margin:6px 0 0;color:var(--ink2);max-width:70ch}
.crumbs{font:600 12px var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink2)}.crumbs a{color:var(--ink2)}
.prose p{max-width:68ch}
@supports (animation-timeline: view()){@media (prefers-reduced-motion:no-preference){
  .entry,.boxed,.crit li{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
  @keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}}
.foot{border-top:1px solid var(--ink);margin-top:40px;padding:30px 0;font-size:14px;color:var(--ink2)}
.foot .wrap{display:grid;grid-template-columns:2fr 1fr;gap:30px}@media(max-width:760px){.foot .wrap{grid-template-columns:1fr}}
.foot nav{display:grid;gap:6px}.foot b.age{background:var(--ink);color:var(--paper);padding:1px 8px;border-radius:999px;margin-inline-end:6px}

.tk-gold,.tr-gold,.st-gold,.ed-gold{--m1:#fff3b8;--m2:#e6b23a;--m3:#a87a12;--mt:#2b1d00}
.tk-silver,.tr-silver,.st-silver,.ed-silver{--m1:#ffffff;--m2:#c3cad2;--m3:#7d8790;--mt:#1c232a}
.tk-bronze,.tr-bronze,.st-bronze,.ed-bronze{--m1:#ffd9bf;--m2:#cf8a59;--m3:#8f4d22;--mt:#2e1607}
.tk-logo,.tr-logo,.st-logo,.sl-logo,.ed-logo{display:grid;place-items:center;background:#141414;border-radius:10px;padding:6px 10px;min-width:0}
.tk-logo img,.tr-logo img,.st-logo img,.sl-logo img,.ed-logo img{height:26px;width:auto;max-width:120px;object-fit:contain}
.pd-c{font:800 22px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
button[data-copy] small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.75}
button[data-copy]{font-family:inherit}
.pd-rev{font-size:13px;opacity:.75;color:inherit}
.pd-h{margin:0 0 16px}

.pd-steps{padding:20px 0 34px}
.st-podium{display:grid;grid-template-columns:1fr 1.3fr;align-items:end;gap:14px;max-width:920px;margin:0 auto}
.st{display:grid;min-width:0}
.st-card{display:grid;gap:10px;justify-items:center;text-align:center;padding:18px 16px;border:2px solid #0e0e0e;border-bottom:0;border-radius:16px 16px 0 0;background:#fff}
.st-bonus b{display:block;font:800 36px/1 var(--pd-font,system-ui);letter-spacing:-.03em}.st-bonus span{font-weight:600;color:#5e5c57}
.st-code{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;cursor:pointer;background:#f3f2ee;border:2px dashed #0e0e0e55;border-radius:10px;padding:10px;color:#0e0e0e}
.st-cta{display:block;width:100%;text-align:center;font:800 14px/1.25 var(--pd-font,system-ui);text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#0e0e0e;border-radius:999px;padding:12px;text-decoration:none}
.st-cta:hover{background:#d62d20;color:#fff}.st-cta.off{background:transparent;color:#0e0e0e;border:1px solid #0e0e0e;text-transform:none}
.st-block{display:grid;place-items:center;align-content:center;gap:2px;font:800 13px var(--pd-font,system-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--mt,#0e0e0e);background:linear-gradient(180deg,var(--m1,#e9e7e1),var(--m2,#d6d3cb));border:2px solid #0e0e0e;border-radius:0 0 6px 6px}
.st-block span{font-size:56px;line-height:1;letter-spacing:-.04em}
.st-gold .st-block{height:150px}.st-silver .st-block{height:105px}.st-bronze .st-block{height:80px}
.st-gold .st-card{padding:26px 20px;box-shadow:0 -10px 40px #e6b23a33}.st-gold .st-bonus b{font-size:clamp(50px,6vw,74px)}.st-gold .pd-c{font-size:30px}.st-gold .st-cta{font-size:16px;padding:15px}
.st-silver .st-bonus b{font-size:46px}.st-silver .pd-c{font-size:24px}
.st-bronze .st-bonus b{font-size:34px}.st-bronze .pd-c{font-size:20px}
@media(max-width:820px){.st-podium{grid-template-columns:1fr}.st-gold{order:-1}.st-block{height:56px!important;grid-auto-flow:column;gap:10px}.st-block span{font-size:28px}}
.sl{list-style:none;margin:16px 0 0;padding:0;border-top:2px solid #0e0e0e}
.sl li{display:grid;grid-template-columns:40px 120px 1fr 200px 230px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #d6d3cb}
.sl-n{font:800 24px var(--pd-font,system-ui)}.sl-b b{font:800 22px var(--pd-font,system-ui)}
.sl-code{display:flex;justify-content:space-between;align-items:center;gap:6px;cursor:pointer;background:#fff;border:2px dashed #0e0e0e44;border-radius:10px;padding:8px 10px;color:#0e0e0e}
.sl-code .pd-c{font-size:18px}
.sl-cta{text-align:center;font:700 13px var(--pd-font,system-ui);text-transform:uppercase;color:#fff;background:#0e0e0e;border-radius:999px;padding:11px;text-decoration:none}
.sl-cta:hover{background:#d62d20;color:#fff}.sl-cta.off{background:transparent;color:#0e0e0e;border:1px solid #0e0e0e;text-transform:none}
@media(max-width:900px){.sl li{grid-template-columns:34px 1fr}.sl-b,.sl-code,.sl-cta{grid-column:1/-1}}
.st-one .st{max-width:420px}.st-one .st-block{height:46px;grid-auto-flow:column;gap:8px}.st-one .st-block span{font-size:24px}
:root{--pd-font:"Inter Tight",system-ui;--pd-r:16px}
main h1{overflow-wrap:anywhere;text-wrap:balance}
.opener h1{max-width:24ch;font-size:clamp(34px,5vw,68px)}
.head h1{max-width:24ch}

.intent-article{padding:52px 0;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.intent-article .reading-column{width:min(780px,calc(100% - 40px));margin-inline:auto;line-height:1.8;font-size:17px}
.intent-article h2{font-size:clamp(24px,3vw,34px);line-height:1.18;letter-spacing:-.015em;max-width:none;margin:40px 0 18px;text-transform:none}
.intent-article h2:first-child{margin-top:0}
.intent-article p{max-width:none;margin:0 0 20px}
.editorial-related{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);margin-top:32px;padding-top:20px;font-size:15px}
.editorial-related a{text-decoration:underline;text-underline-offset:3px}
.page-illustration{display:block;box-sizing:border-box;width:100%;max-width:900px;margin:32px auto;overflow:hidden;border-radius:12px}
.page-illustration img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:contain}
.page-illustration figcaption{font:inherit;font-size:13px;line-height:1.55;margin:12px 0 0;opacity:.75;text-align:start}
.page-illustration:before,.page-illustration:after{display:none}
@media(max-width:600px){.intent-article{padding:32px 0}.intent-article .reading-column{width:calc(100% - 32px);font-size:16px}.page-illustration{margin:24px auto;border-radius:8px}}