:root{--bg:#0b0d12;--surface:#11141b;--surface2:#161a23;--ink:#f5f5f4;--body:#a8a29e;--meta:#6b7280;--rule:#1f2330;--rule2:#262b3a;--accent:#a78bfa;--accent-soft:#1a1530;--up:#4ade80;--down:#f87171;--gold:#fcd34d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--body);font-family:Inter,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2{font-family:"Source Serif 4",serif;color:var(--ink);font-weight:700;margin:0 0 .5em;letter-spacing:-.015em}
h1{font-size:2.6rem;line-height:1.1;font-weight:800}
h2{font-family:"JetBrains Mono",monospace;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--meta);margin-top:2.5rem;border-bottom:1px solid var(--rule);padding-bottom:8px;font-weight:500}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.ticker{background:#000;color:#fafafa;font-family:"JetBrains Mono",monospace;font-size:.78rem;padding:10px 0;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--rule)}
.ticker .up{color:var(--up)}.ticker .down{color:var(--down)}
.ticker .lbl{color:#9ca3af;font-weight:600;letter-spacing:.06em}
.ticker .px{color:#f5f5f4;font-weight:500}
.ticker .dt{font-weight:600}
header{border-bottom:1px solid var(--rule);background:var(--bg);position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{font-family:"Source Serif 4",serif;font-weight:800;font-size:1.55rem;color:var(--ink);letter-spacing:-.02em}
.brand em{color:var(--accent);font-style:normal}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:.88rem;font-weight:500}
.nav ul a{color:var(--body)}.nav ul a:hover{color:var(--ink)}
.crumbs{font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--meta);padding:18px 0 0;text-transform:uppercase;letter-spacing:.06em}
main{padding:4px 0 80px}
.headrow{display:grid;grid-template-columns:1.7fr 1fr;gap:36px;border-bottom:1px solid var(--rule);padding:22px 0 28px;margin-bottom:8px;align-items:start}
.headrow__logo{display:flex;align-items:stretch;background:#000;border-radius:8px;overflow:hidden}
.headrow__logo img{width:100%;height:100%;object-fit:cover}
.headrow__logo img[src$=".svg"]{width:auto;height:auto;max-width:100px;max-height:100px;object-fit:contain;background:transparent;border-radius:0}
.headrow__logo--coin{background:transparent;justify-content:flex-end;align-items:flex-start;padding-top:8px}
.headrow__logo--coin img,.headrow__logo--coin img[src$=".svg"],.headrow__logo--coin img[src$=".png"]{width:64px;height:64px;max-width:64px;max-height:64px;object-fit:contain}
.kicker{font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}
.lede{font-size:1.12rem;color:var(--body);margin:10px 0 0;line-height:1.55}
.byline{font-family:"JetBrains Mono",monospace;font-size:.72rem;color:var(--meta);margin-top:18px;text-transform:uppercase;letter-spacing:.05em}
.statgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.statbox{border:1px solid var(--rule);background:var(--surface);padding:14px 16px;border-radius:6px}
.statbox h3{font-family:"JetBrains Mono",monospace;font-size:.64rem;text-transform:uppercase;color:var(--meta);margin:0 0 6px;letter-spacing:.08em;font-weight:500}
.statbox .v{font-family:"Source Serif 4",serif;font-size:1.5rem;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.statbox .delta{font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--meta);margin-top:2px}
.cmp{width:100%;border-collapse:collapse;margin:14px 0;font-size:.92rem;background:var(--surface);border:1px solid var(--rule);border-radius:6px;overflow:hidden}
.cmp th{text-align:left;padding:13px 16px;font-family:"JetBrains Mono",monospace;font-size:.66rem;color:var(--meta);text-transform:uppercase;letter-spacing:.08em;font-weight:500;border-bottom:1px solid var(--rule);background:#0e1118}
.cmp td{padding:16px;border-bottom:1px solid var(--rule);vertical-align:middle;font-variant-numeric:tabular-nums}
.cmp tr:hover td{background:var(--surface2)}
.cmp tr:last-child td{border-bottom:none}
.cmp .name{color:var(--ink);font-weight:600;font-size:1rem}
.cmp .bestfor{color:var(--body);font-size:.85rem}
.btn{display:inline-block;background:var(--accent);color:#0b0d12;padding:9px 18px;border-radius:5px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.btn:hover{background:#bfa3ff;text-decoration:none}
p{}.lorem{color:var(--body)}
.callout{border:1px solid var(--rule);border-left:3px solid var(--accent);background:var(--surface);padding:18px 22px;margin:24px 0;border-radius:0 6px 6px 0}
.callout--warn{border-left-color:#fbbf24}
.callout--warn strong{color:#fbbf24}
.callout--tip{border-left-color:var(--accent);background:var(--accent-soft)}
.callout--tip strong{color:var(--accent)}
.callout--action{border-left-color:var(--accent);background:var(--surface)}
.callout--action strong{color:var(--ink)}
.callout--action a{color:var(--accent);font-weight:600}

/* Fee table: compact structured display of what each purchase size costs.
   Narrower than the main data-table, shown inline within an exchange profile. */
.fee-table-wrap{margin:16px 0;border:1px solid var(--rule);border-radius:6px;overflow:hidden}
.fee-table{width:100%;border-collapse:collapse}
.fee-table th{text-align:left;padding:10px 14px;font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--meta);text-transform:uppercase;letter-spacing:.05em;font-weight:500;background:#0b0d12;border-bottom:1px solid var(--rule)}
.fee-table th.num{text-align:right}
.fee-table td{padding:12px 14px;border-bottom:1px solid var(--rule);font-size:.95rem}
.fee-table td.num{text-align:right;font-family:"JetBrains Mono",monospace;font-size:.88rem}
.fee-table tr:last-child td{border-bottom:none}
/* Small secondary label inside a fee table th, shows the fee rate beneath the platform name. */
.fee-table .th-sublabel{display:block;font-size:.68rem;color:var(--meta);font-weight:400;text-transform:none;letter-spacing:0;margin-top:2px}
.data-table .th-sublabel{display:block;font-size:.68rem;color:var(--meta);font-weight:400;text-transform:none;letter-spacing:0;margin-top:2px}
/* Simple-buy column cells get a slight tint to visually separate the expensive path from the pro path. */
.data-table td.sim{background:rgba(251,191,36,.04)}

/* Worked example: real-purchase block on exchange profiles. Sets itself
   apart visually from generic content because it's unique data (actual
   purchase we made, not a theoretical table). Left-border accent ties it
   back to the slippage callout above it. */
.worked-example{margin:24px 0;padding:20px 24px;background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:0 6px 6px 0}
.worked-example__header{font-family:"JetBrains Mono",monospace;font-size:.72rem;color:var(--meta);text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin-bottom:10px}
.worked-example__intro{margin:0 0 12px 0;font-weight:600}
.worked-example .plain-list{margin:0 0 16px 0;max-width:none}
.worked-example p:last-child{margin-bottom:0;color:var(--meta);font-size:.92rem;line-height:1.55}

/* Exchange profile: availability row pairs a status icon with descriptive text. */
.availability-row{display:flex;align-items:flex-start;gap:12px;margin:16px 0}
.availability-row > div{flex:1}

/* Pros/cons two-column layout used on exchange profile pages. Gives the
   page scannable editorial content. Collapses to single column on mobile. */
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0;padding:24px;background:var(--surface);border:1px solid var(--rule);border-radius:8px}
.proscons h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--meta);margin:0 0 12px 0;font-weight:600}
.proscons__col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.proscons__col li{padding-left:22px;position:relative;font-size:.95rem;line-height:1.5}
.proscons__col--pros li::before{content:"+";position:absolute;left:0;top:0;color:#4ade80;font-weight:700;font-size:1.1rem;line-height:1.3}
.proscons__col--cons li::before{content:"-";position:absolute;left:2px;top:-2px;color:#f87171;font-weight:700;font-size:1.2rem;line-height:1.3}
@media(max-width:720px){.proscons{grid-template-columns:1fr;gap:20px}}

/* Two-column profile section: prose on the left, key facts on the right.
   Gives the exchange pages horizontal structure instead of thin full-width
   sections that waste screen space. */
.profile-row{display:grid;grid-template-columns:1fr 300px;gap:32px;margin:12px 0 16px 0;align-items:start}
.profile-row__main{min-width:0}
.profile-row__main p{margin:0 0 8px 0}
.profile-row__side{display:grid;gap:10px;padding:14px 16px;background:var(--surface);border:1px solid var(--rule);border-radius:6px}
@media(max-width:720px){.profile-row{grid-template-columns:1fr;gap:12px}}
.fact-table{border-collapse:collapse;max-width:600px;margin:0 0 28px 0;font-size:.9rem}
.fact-table td{padding:9px 16px 9px 0;border-bottom:1px solid var(--rule);color:var(--ink);vertical-align:top}
.fact-table__label{color:var(--meta);text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;font-family:"JetBrains Mono",monospace;font-weight:500;white-space:nowrap;width:160px;padding-right:32px}

/* Compact key/value row used inside profile-row side panels. */
.inline-fact{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;align-items:baseline}
.inline-fact__label{color:var(--meta);text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;font-family:"JetBrains Mono",monospace;font-weight:500}
.inline-fact__value{color:var(--ink);font-weight:600;text-align:right}

/* FAQ list: each question is a subheading, each answer a short paragraph.
   Simple styling, no accordion, optimized for SEO crawlability. */
.faq-list{display:grid;gap:20px;margin:16px 0}
.faq-item h3{font-size:1rem;margin:0 0 6px 0;color:var(--ink)}
.faq-item p{margin:0;color:var(--meta);line-height:1.55}

/* Action row: primary CTA button alongside a quieter secondary link. */
.action-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:16px 0 8px 0}
.link-quiet{color:var(--meta);font-size:.88rem;text-decoration:none;border-bottom:1px dotted var(--rule)}
.link-quiet:hover{color:var(--accent)}

/* Plain stacked list (no bullets, tight spacing). Used for key-value info
   like the Company block on exchange profiles. */
.plain-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}
.plain-list li{padding:6px 0;border-bottom:1px solid var(--rule)}
.plain-list li:last-child{border-bottom:none}

/* Two-column link grid. Used for Related guides so a long list of
   jurisdictions reads compactly without becoming overwhelming. */
.link-grid{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 32px}
.link-grid li{padding:4px 0}
@media(max-width:640px){.link-grid{grid-template-columns:1fr}}

/* Comparison article styles */
.article-wrap h2{margin-top:40px}
.article-wrap h3{margin-top:24px;color:var(--accent)}
.article-wrap p{line-height:1.7}
.article-hero{margin:24px 0 32px 0}
.article-hero img{width:100%;border-radius:8px}
.callout--accent{border-left-color:var(--accent)}

/* Compact comparison table used inside articles. Wider than prose to
   give the data room, with the banner image sitting above the header row. */
.cmp-table-wrap{margin:20px 0;border:1px solid var(--rule);border-radius:8px;overflow:hidden}
.cmp-banner{width:100%;overflow:hidden}
.cmp-banner img{width:100%;display:block}
.cmp-table{width:100%;border-collapse:collapse}
.cmp-table th{text-align:left;padding:10px 14px;font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--meta);text-transform:uppercase;letter-spacing:.05em;font-weight:500;background:#0b0d12;border-bottom:1px solid var(--rule)}
.cmp-table td{padding:10px 14px;border-bottom:1px solid var(--rule);font-size:.9rem;vertical-align:top}
.cmp-table tr:last-child td{border-bottom:none}
.cmp-table th.center,.cmp-table td.center{text-align:center}
.cmp-label{color:var(--meta);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}

/* CTA grid: 3 cards in a row on desktop, stacks on mobile. */
.cta-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:32px 0}
.cta-card{padding:24px;background:var(--surface);border:1px solid var(--rule);border-radius:8px;display:flex;flex-direction:column}
.cta-card h3{margin:0 0 10px 0;font-size:1.05rem;color:var(--ink)}
.cta-card p{margin:0 0 16px 0;color:var(--meta);font-size:.9rem;line-height:1.5;flex:1}
@media(max-width:820px){.cta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cta-grid{grid-template-columns:1fr}}
.callout strong{color:var(--ink)}
footer{border-top:1px solid var(--rule);padding:36px 0;margin-top:60px;font-family:"JetBrains Mono",monospace;font-size:.72rem;color:var(--meta);text-transform:uppercase;letter-spacing:.05em}
footer .footer-link{color:var(--accent);text-decoration:none}
footer .footer-link:hover{text-decoration:underline}
.mono{font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums}
.bonus{font-family:"JetBrains Mono",monospace;font-weight:700;color:var(--gold);background:rgba(252,211,77,.08);padding:4px 9px;border-radius:3px;display:inline-block;font-size:.82rem}
.code{font-family:"JetBrains Mono",monospace;background:var(--accent-soft);color:var(--gold);padding:6px 10px 6px 11px;border:1px solid #3d2d6e;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .15s;user-select:none}
.code:hover{background:#241a40;border-color:var(--accent);color:#fde68a}
.code:active{transform:translateY(1px)}
.code svg{width:12px;height:12px;opacity:.7}
.code.copied{color:var(--up);border-color:var(--up)}
.callout strong{color:var(--ink);font-weight:600}
.ticker .up,.ticker .down,.ticker span{font-variant-numeric:tabular-nums}
.statbox .delta{font-family:"JetBrains Mono",monospace}
.cmp td{font-family:Inter,sans-serif}
.cmp td.mono,.cmp td.fees{font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums;font-size:.86rem}
/* Hamburger toggle - hidden on desktop, visible on mobile */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;transition:all .2s}

@media(max-width:760px){
  .headrow{grid-template-columns:1fr;gap:16px}
  h1{font-size:1.85rem}
  /* Hamburger nav */
  .nav-toggle{display:block}
  .nav ul{display:none;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--rule);padding:16px 24px;gap:0;z-index:100}
  .nav ul li{border-bottom:1px solid var(--rule)}
  .nav ul li:last-child{border-bottom:none}
  .nav ul a{display:block;padding:14px 0;font-size:1rem}
  .nav--open ul{display:flex}
  /* Coin logo inline on jurisdiction pages */
  .headrow__logo--coin{position:absolute;right:24px;top:18px}
  .headrow__logo--coin img,.headrow__logo--coin img[src$=".png"]{width:48px;height:48px;max-width:48px;max-height:48px}
  .headrow{position:relative}
  /* Tables */
  .cmp{font-size:.82rem}
  .cmp th,.cmp td{padding:11px 10px}
  .statgrid{grid-template-columns:repeat(4,1fr)}
  .statbox .v{font-size:1.05rem}
  /* Exchange index table: hide Market(5), US Available(6), Founded(7) */
  #exchangeTable th:nth-child(n+5),#exchangeTable td:nth-child(n+5){display:none}
  /* Exchange fee table: hide $10k and Simple Buy columns */
  .data-table th[colspan],
  .data-table th:nth-child(n+4):not(:first-child){white-space:normal}
}

/* contrast bands - 5 zones alternating */
.band{padding:96px 0;border-bottom:1px solid var(--rule)}
.band-deep{background:#080a0f}
.band-lift{background:#181b24}
.band-violet{background:linear-gradient(135deg,#1a1530 0%,#15181f 100%);border-bottom:1px solid #2d2154}
.band-deep-cta{background:#08090d;border-bottom:none}
.band .wrap{max-width:1200px}

/* HERO */
.hero{padding:88px 0 104px}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.hero .kicker{font-family:"JetBrains Mono",monospace;font-size:.74rem;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:24px;font-weight:600}
.hero h1{font-family:"Source Serif 4",serif;font-size:3.5rem;line-height:1.02;font-weight:700;color:var(--ink);margin:0 0 28px;letter-spacing:-.025em}
.hero h1 em{color:var(--accent);font-style:italic;font-weight:600}
.hero p{font-size:1.25rem;color:var(--body);max-width:520px;line-height:1.55;margin:0 0 36px}
.hero-zk{font-size:1.05rem;color:var(--accent);line-height:1.5;padding:8px 0 0;margin-top:80px;margin-bottom:-48px;font-style:italic}
.hero-zk__cap{color:var(--accent);font-weight:700}
.cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cta-primary{display:inline-block;background:linear-gradient(180deg,#bfa3ff 0%,#a78bfa 55%,#9575f0 100%);color:#0b0d12;padding:16px 32px;border-radius:6px;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:all .15s;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.15),0 4px 12px rgba(167,139,250,.25),0 1px 2px rgba(0,0,0,.4);cursor:pointer;border:none;font-family:inherit}
.cta-primary:hover{background:linear-gradient(180deg,#cdb5ff 0%,#b296ff 55%,#a182f5 100%);text-decoration:none;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.15),0 6px 16px rgba(167,139,250,.35),0 1px 2px rgba(0,0,0,.4)}
.cta-primary:active{transform:translateY(1px);box-shadow:inset 0 1px 2px rgba(0,0,0,.2),0 1px 4px rgba(167,139,250,.2)}
.cta-ghost{display:inline-block;color:var(--body);padding:16px 24px;font-size:.92rem;font-weight:500;text-decoration:none}
.cta-ghost:hover{color:var(--ink)}
.cta-ghost::after{content:" \2192";color:var(--accent)}
.hero-visual{aspect-ratio:1/1;position:relative;display:flex;align-items:center;justify-content:center}
.hero-visual img{width:135%;height:135%;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

/* SECTION HEADERS */
.section-kicker{font-family:"JetBrains Mono",monospace;font-size:.72rem;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;font-weight:600}
.section-title{font-family:"Source Serif 4",serif;font-size:2.6rem;line-height:1.1;color:var(--ink);font-weight:700;margin:0 0 20px;letter-spacing:-.02em;max-width:720px}
.section-sub{font-size:1.15rem;color:var(--body);max-width:620px;line-height:1.6;margin:0}

/* FRICTION GAP BAND */
.friction-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center;margin-top:48px}
.friction-visual{aspect-ratio:4/3;background:linear-gradient(135deg,#11141b,#1a1d28);border:1px solid var(--rule);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--meta);font-family:"JetBrains Mono",monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.friction-steps{list-style:none;padding:0;margin:0 0 32px}
.friction-steps li{display:flex;align-items:flex-start;gap:18px;padding:18px 0;border-bottom:1px solid var(--rule)}
.friction-steps li:last-child{border-bottom:none}
.friction-steps .num{font-family:"JetBrains Mono",monospace;font-size:.78rem;color:var(--accent);background:var(--accent-soft);border:1px solid #2d2154;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600}
.friction-steps .txt{font-size:1.02rem;color:var(--ink);font-weight:500;line-height:1.45}
.friction-steps .txt span{display:block;color:var(--body);font-size:.88rem;font-weight:400;margin-top:3px}

/* DATA BILLBOARD BAND */
.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:56px}
.data-cell{text-align:left}
.data-cell .lbl{font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--meta);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-weight:500}
.data-cell .num{font-family:"Source Serif 4",serif;font-size:3.2rem;line-height:1;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.data-cell .delta{font-family:"JetBrains Mono",monospace;font-size:.82rem;color:var(--up);margin-top:10px}
.data-cell .delta.muted{color:var(--meta)}

/* PILLAR BAND - 3 big nav cards */
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.pillar{border:1px solid #2d2154;background:linear-gradient(180deg,#181b24 0%,#11141b 100%);padding:44px 36px;border-radius:10px;transition:all .2s;display:flex;flex-direction:column;text-decoration:none}
.pillar:hover{border-color:var(--accent);transform:translateY(-2px)}
.pillar-img{aspect-ratio:16/9;background:#0a0c11;border:1px solid var(--rule);border-radius:6px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;color:var(--meta);font-family:"JetBrains Mono",monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}
.pillar h3{font-family:"Source Serif 4",serif;font-size:1.55rem;color:var(--ink);margin:0 0 10px;font-weight:700;line-height:1.2}
.pillar p{font-size:.92rem;color:var(--body);line-height:1.55;margin:0 0 20px}
.pillar .more{margin-top:auto;font-family:"JetBrains Mono",monospace;font-size:.72rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-weight:600}


/* FINAL CTA */
.cta-band{text-align:center;padding:120px 0}
.cta-band h2{font-family:"Source Serif 4",serif;font-size:3rem;color:var(--ink);font-weight:700;margin:0 0 18px;border:none;padding:0;text-transform:none;letter-spacing:-.02em}
.cta-band p{font-size:1.18rem;color:var(--body);max-width:560px;margin:0 auto 36px;line-height:1.6}

@media(max-width:840px){
.hero{padding:56px 0 64px}
.hero-grid,.friction-grid{grid-template-columns:1fr;gap:48px}
.hero h1{font-size:2.4rem}
.section-title{font-size:1.8rem}
.cta-band h2{font-size:2rem}
.data-grid{grid-template-columns:repeat(2,1fr);gap:36px}
.data-cell .num{font-size:2.2rem}
.pillar-grid{grid-template-columns:1fr}
.band{padding:64px 0}
.cta-band{padding:72px 0}
}


/* coin chooser two-column section */
.coin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.coin-card{border:1px solid #2d2154;background:linear-gradient(180deg,#181b24 0%,#11141b 100%);padding:36px 32px;border-radius:10px;display:flex;flex-direction:column}
.coin-name{font-family:"Source Serif 4",serif;font-size:2rem;color:var(--ink);font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.coin-tag{font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px;font-weight:600}
.coin-card p{font-size:.98rem;color:var(--body);line-height:1.55;margin:0 0 14px;max-width:none}
.coin-best{color:var(--ink);font-weight:500}
.coin-card .cta-primary{margin-top:auto;align-self:flex-start}
.coin-foot{text-align:center;margin:32px auto 0;max-width:none;font-family:"JetBrains Mono",monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:840px){.coin-grid{grid-template-columns:1fr}}



.coin-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.coin-logo{width:52px;height:52px;flex-shrink:0}
.coin-head .coin-name{margin:0}


.lookup-band{padding:120px 0}
.lookup-title{font-size:3rem;max-width:820px}
.lookup{display:flex;flex-direction:column;gap:10px;margin-top:40px;align-items:stretch;max-width:560px}
.lookup select{background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:6px;padding:16px 18px;font-family:Inter,sans-serif;font-size:.98rem;min-width:180px;cursor:pointer}
.lookup select:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:760px){.lookup-title{font-size:2rem}.lookup{flex-direction:column;align-items:stretch}.lookup select,.lookup button{width:100%}}


.lookup-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.lookup-right{display:flex;align-items:center;justify-content:flex-end;margin-left:-240px;position:relative;z-index:0}
.lookup-right img{max-width:100%;height:auto;max-height:420px;-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 5%,#000 35%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,transparent 5%,#000 35%,#000 100%)}
.lookup .cta-primary{align-self:stretch;text-align:center;margin-top:4px}
@media(max-width:900px){.lookup-grid{grid-template-columns:1fr;gap:32px}.lookup-right{order:-1}.lookup-right img{max-height:280px}}

.lookup-left{position:relative;z-index:1}

.lookup-selects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}

.lookup-selects.two-col{grid-template-columns:1fr 1fr}
.lookup select{width:100%;min-width:0;text-overflow:ellipsis;overflow:hidden}
@media(max-width:600px){.lookup-selects,.lookup-selects.two-col{grid-template-columns:1fr}}

.pillar-img{padding:0;overflow:hidden}
.pillar-img img{width:100%;height:100%;object-fit:cover;display:block}


.ticker{overflow:hidden}
.ticker-track{display:inline-flex;align-items:center;white-space:nowrap;animation:ticker-scroll 70s linear infinite;will-change:transform}
.ticker-track:hover{animation-play-state:paused}
.tk-group{display:inline-flex;align-items:baseline;gap:10px;padding:0 36px;border-right:1px solid #1f2330}
.tk-group .lbl{margin:0}
.tk-group .px{margin:0}
.tk-group .dt{margin:0}
@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}


/* === Hero answer callout (coin x jurisdiction pages) === */
.hero-answer{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:10px;border:1px solid var(--rule);background:var(--surface);margin:18px 0 14px 0}
@media(max-width:600px){.hero-answer{padding:14px}}
.hero-answer__body{flex:1 1 auto}
.hero-answer__lede{margin:0 0 6px 0;font-size:1.05rem;font-weight:600;line-height:1.45;color:var(--ink)}
.hero-answer__badge{margin:0;font-size:.82rem;letter-spacing:.02em;text-transform:uppercase;opacity:.78}
.hero-answer--yes{border-color:rgba(60,180,90,.45)}
.hero-answer--no{border-color:rgba(220,80,80,.45)}
.hero-answer--mixed{border-color:rgba(220,170,60,.45)}
@media(max-width:600px){.hero-answer{padding:14px}}


/* === Availability legend (reusable) === */
.legend{padding:18px;border:1px solid var(--rule);border-radius:10px;background:var(--surface);margin:18px 0}
.legend__title{margin:0 0 10px 0;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}
.legend__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.legend__item{display:flex;align-items:center;gap:10px;font-size:.95rem}
.legend__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;flex:0 0 auto;font-size:.95rem}
.legend__item--yes .legend__icon{background:rgba(60,180,90,.14);color:#7be0a0}
.legend__item--no .legend__icon{background:rgba(220,80,80,.14);color:#f08c8c}
.legend__item--mixed .legend__icon{background:rgba(220,170,60,.14);color:#f0c97a}

/* Brand: now an anchor, kill underline default */
a.brand{text-decoration:none}
a.brand:hover{opacity:.85}

/* Crumbs: include trailing color for the active (text) crumb, contrast for links */
.crumbs a{color:var(--meta);text-decoration:none;border-bottom:1px solid transparent}
.crumbs a:hover{color:var(--ink);border-bottom-color:currentColor}

/* Directory grid for /buy/ etc */
.dir-group{margin:48px 0}
.dir-group__head{border-bottom:1px solid var(--rule,#2a2a2a);padding-bottom:10px;margin-bottom:18px}
.dir-group__title{font-size:1.3rem;margin:0;font-weight:600;border-bottom:none;padding-bottom:0;text-transform:none;letter-spacing:normal;color:var(--ink);font-family:inherit}
.dir-group__sub{font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--meta);text-transform:uppercase;letter-spacing:.06em;font-weight:400;margin-left:8px}
/* Vertical alphabetical flow: column-count handles breakpoint math */
.dir-grid{list-style:none;padding:0;margin:0;column-count:5;column-gap:32px}
.dir-grid li{margin:0;break-inside:avoid}
.dir-grid a{display:block;padding:8px 0;color:var(--ink);text-decoration:none;border-bottom:1px solid transparent}
.dir-grid a:hover{color:var(--accent);border-bottom-color:var(--accent)}
/* Row layout for short groups like territories and DC */
.dir-grid--row{column-count:1}
@media(max-width:1100px){.dir-grid{column-count:4}}
@media(max-width:850px){.dir-grid{column-count:3}}
@media(max-width:600px){.dir-grid{column-count:2}}
@media(max-width:380px){.dir-grid{column-count:1}}

/* Status badge in upper corner of coin cards */
.coin-card{position:relative}
/* Position the unified status icon in the upper-right of jurisdiction-landing
   coin cards. */
.coin-card{position:relative}
.coin-card__badge{position:absolute;top:14px;right:14px}

/* Step-by-step how-to-buy list on coin x jurisdiction pages */
.how-to{list-style:none;counter-reset:step;padding:0;margin:24px 0}
.how-to>li{counter-increment:step;position:relative;padding:0 0 0 58px;margin:0 0 28px;min-height:44px}
.how-to>li::before{content:counter(step);position:absolute;left:0;top:-2px;width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#bfa3ff 0%,#a78bfa 100%);color:#0b0d12;font-weight:700;font-family:"JetBrains Mono",monospace;display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.how-to>li h3{margin:6px 0 8px;font-size:1.1rem;font-weight:600}
.how-to>li p{margin:0 0 10px;color:var(--body);line-height:1.6}
.how-to>li ul{margin:8px 0 10px;padding-left:22px}
.how-to>li ul li{margin:4px 0;color:var(--body)}
.how-to>li strong{color:var(--ink)}
/* Smaller steps inside article pages */
.article-wrap .how-to>li{padding:0 0 0 42px;margin:0 0 22px;min-height:30px}
.article-wrap .how-to>li::before{width:28px;height:28px;font-size:.78rem;top:0}
.article-wrap .how-to>li h3{margin:2px 0 6px;font-size:.98rem}
.article-wrap .how-to>li p{font-size:.92rem}

/* Related guides block at bottom of tier-3 pages */
.related-list{list-style:none;padding:0;margin:16px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:10px 32px}
.related-list li{margin:0}
.related-list a{color:var(--ink);text-decoration:none;padding:8px 0;display:block;border-bottom:1px solid transparent}
.related-list a:hover{color:var(--accent);border-bottom-color:var(--accent)}
@media(max-width:600px){.related-list{grid-template-columns:1fr}}

/* Privacy coin data table at /market/ */
/* Wider container than .wrap so the 10+ column table breathes on big screens */
/* Data table container */
.data-table-wrap{margin:24px 0;border:1px solid var(--rule,#2a2a2a);border-radius:8px;background:var(--surface,#0e1118);overflow-x:auto;scrollbar-width:none}
.data-table-wrap::-webkit-scrollbar{display:none}
.data-table{width:100%;border-collapse:collapse;font-size:.88rem}
.data-table th{text-align:left;padding:12px 8px;font-family:"JetBrains Mono",monospace;font-size:.68rem;color:var(--meta);text-transform:uppercase;letter-spacing:.05em;font-weight:500;border-bottom:1px solid var(--rule);background:#0b0d12;white-space:nowrap}
.data-table th.num{text-align:right}
.data-table th.center{text-align:center}
.data-table td.center{text-align:center}
.data-table th.sortable{cursor:pointer;user-select:none;position:relative}
.data-table th.sortable:hover{color:var(--ink)}
/* Wrap the header label in an inline-flex span so the sort arrow stays
   alongside the full label even when it wraps to two lines. */
.data-table th.sortable .th-label{display:inline-flex;align-items:center;gap:4px}
.data-table th.sortable .th-label::after{content:"\2195";opacity:.3;font-size:.85em;font-weight:700;line-height:1}
.data-table th.sort-asc .th-label::after{content:"\2191";opacity:1;color:var(--accent)}
.data-table th.sort-desc .th-label::after{content:"\2193";opacity:1;color:var(--accent)}
.data-table td{padding:12px 8px;border-bottom:1px solid var(--rule);vertical-align:middle;font-variant-numeric:tabular-nums}
.data-table tr:last-child td{border-bottom:none}
.data-table tr:hover td{background:var(--surface2,#161922)}
.data-table td.num{text-align:right;font-family:"JetBrains Mono",monospace;font-size:.88rem}
.data-table td.rank{color:var(--meta)}
.data-table .anchor-tag{font-size:.62rem;background:#222;color:var(--meta);padding:2px 6px;border-radius:3px;font-family:"JetBrains Mono",monospace;letter-spacing:.05em}
.data-table .coin-cell{display:flex;align-items:center;gap:10px}
.data-table .coin-logo-wrap{position:relative;width:24px;height:24px;flex:0 0 24px}
.data-table .coin-icon{width:24px;height:24px;border-radius:50%;display:block}
.data-table .coin-fallback{display:none;position:absolute;inset:0;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;font-family:"JetBrains Mono",monospace;font-weight:700;font-size:.7rem;color:#fff;background:#3a3552;border:1px solid #4a4467}
.data-table .coin-name{color:var(--ink);font-weight:600;font-family:Inter,sans-serif;font-size:.95rem;white-space:nowrap;text-decoration:none}
.data-table a.coin-name:hover{color:var(--accent)}
.data-table .coin-ticker{color:var(--meta);font-family:"JetBrains Mono",monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.data-table .delta-cell.up,.data-table .change-cell.up{color:#4ade80}
.data-table .delta-cell.down,.data-table .change-cell.down{color:#f87171}
.data-table .spark-col{width:100px}
.data-table .spark{display:block;width:80px;height:30px}
/* Availability badges (US Access column). Style: flat solid square with white glyph. */
/* Unified status icon used in: market table US Access column, jurisdiction
   landing coin cards (top-right badge), and tier-3 hero answer card icon.
   Three sizes (sm/md/lg) but identical visual treatment so the same shape
   means the same thing across the site. */
.status-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid;flex:0 0 auto;line-height:1}
.status-icon svg{display:block}
.status-icon--sm{width:24px;height:24px}
.status-icon--sm svg{width:14px;height:14px}
.status-icon--md{width:28px;height:28px}
.status-icon--md svg{width:16px;height:16px}
.status-icon--lg{width:36px;height:36px}
.status-icon--lg svg{width:20px;height:20px}
.status-icon--yes{background:rgba(40,180,80,.12);color:#4ade80;border-color:rgba(74,222,128,.4)}
.status-icon--no{background:rgba(220,60,60,.12);color:#f87171;border-color:rgba(248,113,113,.4)}
.status-icon--mixed{background:rgba(245,180,40,.12);color:#fbbf24;border-color:rgba(251,191,36,.4)}
.status-icon--unknown{background:transparent;color:var(--meta);border-color:#374151}
/* Bitcoin REF label in the market table - just text, not a status icon */
.ref-tag{color:var(--meta);font-family:"JetBrains Mono",monospace;font-size:.7rem;font-weight:500}
/* Hide low-priority columns at narrower viewports before scroll kicks in.
   Priority order (least to most important):
   1. 7d sparkline    - hide first (~1100px)
   2. Default         - merge concept into Privacy Model (~960px)
   3. Circulating Supply - drop next (~820px)
   4. Privacy Model   - drop on phones (~640px)
   5. 24h Volume      - drop on phones (~640px)
   Coin name ticker badge hides at ~640px. */
@media(max-width:1100px){
  .data-table .spark-col,.data-table th.spark-col{display:none}
}
@media(max-width:960px){
  .data-table .default-col,.data-table th.default-col{display:none}
}
@media(max-width:820px){
  .data-table .supply-col,.data-table th.supply-col{display:none}
}
@media(max-width:640px){
  .data-table .privacy-col,.data-table th.privacy-col,
  .data-table .volume-col,.data-table th.volume-col{display:none}
  .data-table th,.data-table td{padding:8px 6px;font-size:.78rem}
  .data-table .coin-ticker{display:none}
}
@media(max-width:480px){
  /* Market table: keep only #, Coin, Price on smallest screens */
  .data-table .avail-col,.data-table th.avail-col{display:none}
  .data-table td.num{font-size:.76rem}
  .data-table .coin-name{font-size:.85rem}
  .data-table .coin-logo-wrap{width:20px;height:20px;flex:0 0 20px}
  .data-table .coin-icon{width:20px;height:20px}
  .data-table .coin-cell{gap:6px}
  /* Hide market cap column on phones */
  #coinTable th:nth-child(5),#coinTable td:nth-child(5){display:none}
  /* Coin logo on jurisdiction pages: smaller, no overlap */
  .headrow__logo--coin{position:static;margin-top:-8px}
  .headrow__logo--coin img,.headrow__logo--coin img[src$=".png"]{width:48px;height:48px;max-width:48px;max-height:48px}
}

/* Toolbar above the market table: period toggle for change column */
.market-toolbar{display:flex;align-items:center;gap:14px;margin:18px 0 8px;flex-wrap:wrap;justify-content:flex-end}
.market-toolbar__label{font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--meta);text-transform:uppercase;letter-spacing:.06em}
.period-toggle{display:inline-flex;gap:2px;background:var(--surface,#0e1118);border:1px solid var(--rule);border-radius:6px;padding:3px}
.period-btn{background:transparent;border:0;color:var(--meta);padding:6px 12px;font-family:"JetBrains Mono",monospace;font-size:.75rem;font-weight:500;cursor:pointer;border-radius:4px;text-transform:lowercase}
.period-btn:hover{color:var(--ink)}
.period-btn.is-active{background:var(--accent);color:#fff}

/* Two-line column header (Circulating / Supply) keeps column width tight */
.data-table th br{display:block}

/* Hero stat cards above the market table */
.market-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0 8px}
.stat-card{background:var(--surface,#0e1118);border:1px solid var(--rule);border-radius:8px;padding:14px 16px}
.stat-card__label{font-family:"JetBrains Mono",monospace;font-size:.65rem;color:var(--meta);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.stat-card__value{font-family:Inter,sans-serif;font-size:1.4rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1;margin-bottom:6px}
.stat-card__value.up{color:#4ade80}
.stat-card__value.down{color:#f87171}
.stat-card__value.neutral{color:#fbbf24}
.stat-card__note{font-size:.72rem;color:var(--meta)}
.stat-card--accent{background:var(--accent-soft);border-color:#2d2154}
.stat-card--accent .stat-card__value{color:var(--accent)}
@media(max-width:880px){.market-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.market-stats{grid-template-columns:1fr}}
/* Treasury cards on market page */
.treasury-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 0}
.treasury-card{display:block;background:var(--accent-soft);border:1px solid #2d2154;border-radius:8px;padding:18px 20px;text-decoration:none;transition:border-color .15s}
.treasury-card:hover{border-color:var(--accent);text-decoration:none}
.treasury-card--total{background:#1a1530;border-color:var(--accent);border-width:2px}
.treasury-card__name{font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:2px}
.treasury-card__ticker{font-family:"JetBrains Mono",monospace;font-size:.72rem;color:var(--meta);margin-bottom:12px}
.treasury-card__amount{font-size:1.3rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:8px}
.treasury-card__row{display:flex;justify-content:space-between;font-size:.78rem;color:var(--body)}
@media(max-width:760px){.treasury-cards{grid-template-columns:1fr}}
/* Treasury donut chart + legend layout */
.treasury-chart-row{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center;margin:28px 0 0}
.treasury-donut{width:200px;height:200px}
.treasury-donut svg{width:100%;height:100%}
.treasury-legend{display:flex;flex-direction:column;gap:10px}
.treasury-legend__item{display:flex;align-items:center;gap:10px;font-size:.88rem}
.treasury-legend__dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}
.treasury-legend__name{color:var(--body);flex:1}
.treasury-legend__pct{font-family:"JetBrains Mono",monospace;font-size:.82rem;color:var(--ink);font-variant-numeric:tabular-nums}
.treasury-legend__note{font-size:.72rem;color:var(--meta);margin:8px 0 0;line-height:1.5}
@media(max-width:600px){.treasury-chart-row{grid-template-columns:1fr;justify-items:center}.treasury-legend{width:100%}}
@media(max-width:640px){
  .cmp th:nth-child(3),.cmp td:nth-child(3),
  .cmp th:nth-child(6),.cmp td:nth-child(6),
  .cmp th:nth-child(7),.cmp td:nth-child(7){display:none}
  .cmp th,.cmp td{padding:10px 8px;font-size:.8rem}
  footer .wrap{font-size:.72rem}
}
/* Category tags for research index */
.cat-tag{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:3px;color:var(--ink);border:1px solid var(--rule)}
/* Research hero cards - 2-col version of pillar grid */
.research-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.research-hero .pillar{padding:24px 22px}
.research-hero .pillar-img{aspect-ratio:16/9}
.research-hero .pillar h3{font-size:1.2rem}
.research-hero .pillar p{font-size:.84rem}
@media(max-width:900px){.research-hero{grid-template-columns:1fr}}
/* Method headers for guide articles */
.method-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:8px;padding:0 0 12px;margin:48px 0 18px;border-bottom:2px solid var(--accent)}
.method-header--soon{border-bottom-color:var(--meta)}
.method-header__title{font-family:"Source Serif 4",serif;font-size:1.6rem;font-weight:700;color:var(--ink);margin:0;line-height:1.2}
.method-header__tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:2px}
.method-detail{font-family:"JetBrains Mono",monospace;font-size:.72rem;color:var(--body);letter-spacing:.02em}
/* Method badges - 3 tiers: star (recommended), primary (purple), default (muted) */
.mbadge{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:3px;color:var(--ink);border:1px solid var(--rule);background:transparent}
.mbadge--primary{color:#0b0d12;background:var(--accent);border-color:var(--accent);font-weight:700}
.mbadge--star{color:#0b0d12;background:var(--gold);border-color:var(--gold);font-weight:700}
/* Summary table recommended row highlight */
.method-summary--rec{background:var(--accent-soft)}
.method-summary--rec td{border-bottom-color:#2d2154}
@media(max-width:700px){.method-header{flex-direction:column;align-items:flex-start}.method-header__tags{margin-top:6px}}