@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#090911;--paper:#f4f0e9;--hot:#ff603c;--line:#ffffff24;--mute:#b6aeb8}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.5 'DM Sans',sans-serif}
a{color:inherit}a:focus-visible{outline:2px solid var(--hot);outline-offset:4px}
header{display:flex;align-items:center;justify-content:space-between;padding:0 4%;height:88px;max-width:1100px;margin:0 auto}
.wordmark{text-decoration:none;font:600 42px 'Space Grotesk';letter-spacing:-7px;display:flex;align-items:center;min-height:44px}
.wordmark span{font:25px 'DM Sans';color:var(--hot);margin-left:4px;transform:translateY(-10px)}
.back{text-decoration:none;font-size:14px;min-height:44px;display:flex;align-items:center;gap:10px}.back:hover{color:var(--hot)}.back i{font-style:normal;font-size:20px}
main{max-width:1100px;margin:0 auto;padding:24px 4% 80px}
.tiny{font:12px 'DM Sans';letter-spacing:2px;color:var(--mute)}
h1{font:400 clamp(42px,6vw,84px)/.97 'Space Grotesk';letter-spacing:-.05em;margin:22px 0 18px}h1 em{font-style:normal;color:var(--hot)}
.lead{font-size:18px;max-width:34em;color:#d8d2dc;margin:0 0 44px}
.paper{border-top:1px solid var(--line);padding:30px 0 34px;max-width:900px}
.chip{display:inline-block;font:600 12px 'DM Sans';letter-spacing:1.5px;padding:7px 12px;border:1px solid var(--line);border-radius:30px;color:var(--mute)}
.paper.used .chip{background:var(--hot);border-color:var(--hot);color:#170c0d}
h2{font:400 clamp(24px,3vw,34px)/1.1 'Space Grotesk';letter-spacing:-.02em;margin:18px 0 10px}
.by{font-size:14px;color:var(--mute);margin:0 0 14px}.by a{color:var(--paper)}
.plain{font-size:18px;margin:0 0 18px;max-width:34em}
.facts{margin:0 0 18px;padding-left:20px;font-size:15px;max-width:40em}.facts li{margin:6px 0}
.tbl{overflow-x:auto;margin:0 0 18px;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}
caption{caption-side:top;text-align:left;font-size:12px;color:var(--mute);padding:12px 14px;letter-spacing:.3px}
th,td{padding:10px 14px;text-align:left;border-top:1px solid var(--line);white-space:nowrap}
th{font:600 12px 'DM Sans';letter-spacing:1px;color:var(--mute)}
td:first-child{white-space:normal;min-width:200px}
.why{font-size:15px;margin:0;max-width:40em}.why b{color:var(--hot);font-weight:600}
.foot{font-size:12px;color:var(--mute);max-width:46em;margin-top:30px;border-top:1px solid var(--line);padding-top:18px}
@media(max-width:700px){.tbl{overflow:visible;border:0}table,tbody,tr,td{display:block;min-width:0;width:100%}thead{display:none}caption{display:block;padding:0 0 10px}tr{border:1px solid var(--line);margin:0 0 10px;padding:6px 0}td{border:0;white-space:normal;padding:5px 14px;display:flex;justify-content:space-between;gap:16px}td::before{content:attr(data-label);color:var(--mute);font-size:12px;flex:none}td:first-child{display:block;font-weight:600;min-width:0}td:first-child::before{display:none}header{height:78px}.wordmark{font-size:34px}.wordmark span{font-size:18px}.lead,.plain{font-size:16px}.paper{padding:24px 0 28px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}