:root {
  --bg: #0A0D12; --surface: #121720; --surface-2: #18202A; --surface-3: #202B37;
  --ink: #EDF2F5; --muted: #98A6B5; --dim: #657384; --line: rgba(237,242,245,.11);
  --accent: #FF785A; --accent-ink: #180F0B; --up: #70D6B1; --down: #FF808C;
  --wrap: 1240px; --r: 12px; --r-sm: 8px; --mono: "Cascadia Mono", Consolas, monospace;
  --shadow: 0 20px 60px rgba(2,5,8,.24);
}
* { box-sizing: border-box; }
html { background: var(--bg); scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--bg); font-family: "Segoe UI Variable", "Noto Sans", Arial, sans-serif; font-size: 15px; line-height: 1.55; }
body::before { content: ""; pointer-events: none; position: fixed; z-index: 20; inset: 0; opacity: .026; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; } button, input { font: inherit; }
.wrap { width: min(var(--wrap), calc(100% - 48px)); margin-inline: auto; }
.skip { position: fixed; z-index: 50; left: 12px; top: -50px; background: var(--accent); color: var(--accent-ink); padding: 10px 14px; border-radius: 0 0 8px 8px; font-weight: 800; }
.skip:focus { top: 0; }
.topbar { position: sticky; top: 0; z-index: 30; background: rgba(10,13,18,.86); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.topbar__in { min-height: 72px; display: flex; align-items: center; gap: 30px; }
.brand { display: inline-flex; gap: 10px; align-items: center; font-weight: 800; font-size: 18px; letter-spacing: -.035em; white-space: nowrap; }
.brand__accent { color: var(--accent); }
.brand__mark { width: 23px; height: 23px; border: 1px solid rgba(255,120,90,.65); border-radius: 7px; display: inline-flex; align-items: end; justify-content: center; gap: 2px; padding: 4px; transform: rotate(-9deg); }
.brand__mark i { display:block; width: 3px; background: var(--accent); border-radius: 3px; }
.brand__mark i:nth-child(1) { height: 6px; opacity: .6; }.brand__mark i:nth-child(2) { height: 11px; opacity: .82; }.brand__mark i:nth-child(3) { height: 15px; }
.mainnav { display: flex; align-items: center; gap: 6px; flex: 1; }
.mainnav a { position: relative; padding: 10px 11px; color: var(--muted); font-weight: 650; font-size: 13px; white-space: nowrap; }
.mainnav a::after { content: ""; position:absolute; left: 11px; right: 11px; bottom: 3px; height: 2px; border-radius: 2px; background: var(--accent); transform: scaleX(0); transition: transform .2s ease; transform-origin: left; }
.mainnav a:hover, .mainnav a.is-active { color: var(--ink); }.mainnav a.is-active::after, .mainnav a:hover::after { transform: scaleX(1); }
.topbar__actions { display:flex; align-items:center; gap: 10px; margin-left:auto; }.icon-btn, .nav-toggle { border: 1px solid var(--line); color: var(--ink); background: transparent; border-radius: 8px; cursor:pointer; min-width: 40px; min-height:40px; }.icon-btn { font-size: 22px; line-height:1; }.icon-btn:hover { border-color: var(--accent); color: var(--accent); }
.lang { position:relative; font-size:13px; color:var(--muted); }.lang summary { cursor:pointer; list-style:none; border: 1px solid var(--line); border-radius: 8px; padding: 8px 11px; color: var(--ink); }.lang summary::-webkit-details-marker { display:none; }.lang__menu { position:absolute; right:0; top:calc(100% + 8px); width: 164px; padding: 7px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow); }.lang__menu a { display:block; padding: 8px 9px; border-radius:6px; }.lang__menu a:hover, .lang__menu a.is-current { background: rgba(255,120,90,.12); color: var(--accent); }.nav-toggle { display:none; gap:4px; align-items:center; justify-content:center; flex-direction:column; padding: 8px; }.nav-toggle span { display:block; width:16px; height:1px; background: currentColor; }.nav-toggle b { display:none; }
.search-drawer { display:none; position:fixed; z-index:29; left:0; right:0; top:72px; padding: 18px 0 24px; background: rgba(18,23,32,.98); border-bottom: 1px solid var(--line); box-shadow: var(--shadow); }.search-drawer.is-open { display:block; }.search-drawer label { display:block; font-size:12px; color:var(--muted); margin-bottom:8px; }.search-row { display:flex; gap:8px; }.search-row input { flex:1; min-height:48px; color:var(--ink); background:var(--bg); border:1px solid var(--line); border-radius:8px; padding: 0 14px; outline:none; }.search-row input:focus { border-color:var(--accent); box-shadow: 0 0 0 3px rgba(255,120,90,.17); }.search-row button { min-width:80px; border:1px solid var(--line); border-radius:8px; background:transparent; color:var(--muted); cursor:pointer; }
.page { min-height: 70vh; }.hero { min-height: 530px; display:grid; grid-template-columns: 1.02fr .98fr; align-items:center; gap:72px; padding: 86px 0 72px; position:relative; }.hero::before { content:""; position:absolute; width:520px; height:360px; right:-220px; top:70px; pointer-events:none; background: radial-gradient(ellipse, rgba(255,120,90,.13), transparent 68%); filter: blur(12px); }.hero__copy { position:relative; z-index:1; max-width: 650px; }.eyebrow { color: var(--accent); text-transform:uppercase; letter-spacing:.18em; font-size:10px; font-weight:800; margin:0 0 14px; }.hero h1 { font-family: Bahnschrift, "Arial Narrow", "Segoe UI", sans-serif; font-size: clamp(54px, 8vw, 110px); line-height:.9; letter-spacing:-.06em; margin:0 0 24px; max-width: 700px; }.hero__sub { max-width: 430px; color:var(--muted); font-size:17px; margin:0 0 30px; }.btn { display:inline-flex; align-items:center; gap:12px; min-height:44px; padding: 0 17px; border-radius:8px; border:1px solid transparent; font-weight:800; font-size:13px; transition:transform .18s ease, background .18s ease, border-color .18s ease; }.btn:hover { transform:translateY(-2px); }.btn--accent { background:var(--accent); color:var(--accent-ink); }.btn--accent:hover { background:#ff8d73; }.btn--ghost { border-color:var(--line); color:var(--ink); margin-top: 22px; }.btn--ghost:hover { border-color:var(--accent); color:var(--accent); }
.pulse-board { position:relative; z-index:1; padding:24px; min-height:310px; border-radius:14px; background: linear-gradient(145deg, #151c26, #0f141c); border:1px solid rgba(255,120,90,.28); box-shadow: 0 30px 80px rgba(0,0,0,.2); overflow:hidden; }.pulse-board::after { content:""; position:absolute; width:270px; height:270px; right:-100px; bottom:-130px; border:1px solid rgba(255,120,90,.12); border-radius:50%; box-shadow:0 0 0 35px rgba(255,120,90,.035), 0 0 0 70px rgba(255,120,90,.022); }.pulse-board__top { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:11px; }.pulse-board__top time { margin-left:auto; font-family:var(--mono); font-size:10px; }.live-dot { width:7px; height:7px; border-radius:50%; background:var(--up); box-shadow:0 0 0 4px rgba(112,214,177,.12); }.pulse-board__asset { display:flex; align-items:center; gap:16px; margin: 40px 0 16px; }.coin-orb { width:52px; height:52px; display:grid; place-items:center; border:1px solid rgba(255,120,90,.48); border-radius:50%; color:var(--accent); font-size:28px; }.pulse-board__asset .eyebrow { margin-bottom:4px; }.pulse-board__asset strong { display:block; font-family:var(--mono); font-size: clamp(28px,4vw,46px); letter-spacing:-.08em; line-height:1; }.delta { margin-left:auto; font-family:var(--mono); font-size:15px; }.pulse-wave { position:relative; display:flex; align-items:end; gap: 7px; height: 88px; padding:10px 0; }.pulse-wave::before { content:""; position:absolute; left:0; right:0; top:50%; height:1px; background:var(--line); }.pulse-wave span { display:block; width: 7%; min-width:8px; border-radius:4px 4px 1px 1px; background:linear-gradient(to top, rgba(255,120,90,.28), var(--accent)); transform-origin:bottom; animation: pulsebar 3s ease-in-out infinite alternate; }.pulse-wave span:nth-child(1){height:22%}.pulse-wave span:nth-child(2){height:36%;animation-delay:.2s}.pulse-wave span:nth-child(3){height:30%;animation-delay:.1s}.pulse-wave span:nth-child(4){height:54%;animation-delay:.5s}.pulse-wave span:nth-child(5){height:46%;animation-delay:.3s}.pulse-wave span:nth-child(6){height:70%;animation-delay:.7s}.pulse-wave span:nth-child(7){height:58%;animation-delay:.4s}.pulse-wave span:nth-child(8){height:78%;animation-delay:.2s}.pulse-wave span:nth-child(9){height:62%;animation-delay:.8s}.pulse-wave span:nth-child(10){height:86%;animation-delay:.4s}.pulse-wave span:nth-child(11){height:74%;animation-delay:.9s}.pulse-wave span:nth-child(12){height:92%;animation-delay:.6s}@keyframes pulsebar{to{opacity:.55;transform:scaleY(.78)}}.pulse-board__foot { display:flex; gap:20px; color:var(--muted); font-size:11px; }.pulse-board__foot b { font-family:var(--mono); color:var(--ink); margin-left:5px; }
.ticker { display:flex; align-items:center; gap:18px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); min-height:60px; overflow:hidden; }.ticker__label { color:var(--accent); text-transform:uppercase; font-size:10px; letter-spacing:.12em; font-weight:800; white-space:nowrap; }.ticker__items { display:flex; gap:26px; overflow-x:auto; scrollbar-width:none; }.ticker__items a { display:flex; align-items:baseline; gap:8px; white-space:nowrap; font-family:var(--mono); font-size:12px; }.ticker__items a b { font-family:inherit; color:var(--ink); }.ticker__items a span { color:var(--muted); }.ticker__items a em { font-style:normal; }
.section { padding: 76px 0 0; }.section-head { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:22px; }.section-head--tight { align-items:start; }.section-head h2 { margin:0; font-size: clamp(24px,3vw,38px); letter-spacing:-.05em; line-height:1; }.section-head p { color:var(--muted); margin: 7px 0 0; max-width:520px; }.text-link, .back-link { color:var(--accent); font-size:12px; font-weight:800; white-space:nowrap; }.text-link:hover, .back-link:hover { text-decoration:underline; }.metric-grid { display:grid; gap:12px; }.metric-grid--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }.metric-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:19px; min-height:128px; display:flex; flex-direction:column; gap:7px; }.metric-card--accent { background:var(--accent); color:var(--accent-ink); border-color:transparent; }.metric-card span { color:var(--muted); font-size:12px; }.metric-card--accent span, .metric-card--accent small { color:rgba(24,15,11,.66); }.metric-card strong { font-family:var(--mono); font-size:25px; letter-spacing:-.07em; line-height:1.08; }.metric-card small { color:var(--dim); margin-top:auto; font-size:11px; }.mono { font-family:var(--mono); font-variant-numeric:tabular-nums; }
.section--split { display:grid; grid-template-columns: 1.45fr .55fr; gap:12px; }.panel { background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:22px; min-width:0; }.panel--wide { min-width:0; }.liq-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }.liq-strip__item { padding:14px 10px; background:var(--surface-2); border-radius:var(--r-sm); }.liq-strip__item > span { color:var(--muted); font-family:var(--mono); font-size:12px; }.liq-strip__item strong { display:block; font-family:var(--mono); font-size:17px; margin:7px 0 14px; }.liq-strip__item small { display:flex; justify-content:space-between; gap:5px; flex-wrap:wrap; color:var(--muted); font-size:9px; }.liq-strip__item small b:first-child { color:var(--up); }.liq-strip__item small b:last-child { color:var(--down); }.bar { height:5px; border-radius:5px; background:var(--down); overflow:hidden; }.bar i { display:block; height:100%; background:var(--up); border-radius:5px; }.panel--signal { display:flex; flex-direction:column; }.signal-head { display:flex; gap:16px; align-items:center; }.signal-ring { width:88px; height:88px; display:block; border-radius:50%; background: conic-gradient(var(--accent) var(--ring), var(--surface-3) 0); position:relative; }.signal-ring::after { content:""; position:absolute; inset:10px; border-radius:50%; background:var(--surface); }.signal-head span:not(.signal-ring) { color:var(--muted); font-size:12px; display:block; }.signal-head strong { display:block; font-family:var(--mono); font-size:32px; line-height:1.1; }.signal-head small { color:var(--accent); }.signal-line { border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:12px; padding:15px 0 0; margin-top:15px; color:var(--muted); font-size:12px; }.signal-line b { font-family:var(--mono); color:var(--ink); }.section--manifesto { border-top:1px solid var(--line); max-width:850px; }.section--manifesto h2 { font-size: clamp(30px,4vw,56px); letter-spacing:-.06em; line-height:.96; margin:0 0 16px; }.section--manifesto > p:not(.eyebrow) { max-width:620px; color:var(--muted); font-size:17px; }
.page-intro { padding: 86px 0 24px; max-width:760px; }.page-intro h1 { font-family:Bahnschrift,"Arial Narrow","Segoe UI",sans-serif; font-size:clamp(44px,7vw,84px); line-height:.94; letter-spacing:-.06em; margin:0 0 18px; }.page-intro > p:last-child { color:var(--muted); font-size:17px; max-width:600px; margin:0; }.table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:var(--r); background:var(--surface); }.data-table { width:100%; border-collapse:collapse; min-width:660px; }.data-table th, .data-table td { padding:13px 16px; border-bottom:1px solid var(--line); text-align:left; white-space:nowrap; }.data-table thead th { font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); font-weight:800; background:rgba(255,255,255,.02); }.data-table tbody th { color:var(--ink); font-weight:700; }.data-table tbody tr:last-child th, .data-table tbody tr:last-child td { border-bottom:0; }.data-table tbody tr:hover { background:rgba(255,120,90,.045); }.data-table .num { text-align:right; }.asset-link { display:inline-flex; align-items:center; gap:9px; }.asset-dot { display:inline-grid; place-items:center; width:27px; height:27px; border-radius:50%; background:var(--surface-3); color:var(--accent); border:1px solid rgba(255,120,90,.34); font-family:var(--mono); font-size:11px; }.muted { color:var(--muted); font-weight:400; }.data-note { color:var(--dim); font-size:11px; margin-top:10px; }
.order-list { display:grid; gap:0; }.order { display:flex; justify-content:space-between; gap:12px; padding:13px 0; border-bottom:1px solid var(--line); }.order:last-child { border:0; }.order b, .order strong { font-family:var(--mono); }.order span { display:block; font-size:11px; color:var(--muted); margin-top:3px; }.signal-grid { display:grid; grid-template-columns: 1.4fr .8fr .8fr; gap:12px; }.signal-hero { background:var(--accent); color:var(--accent-ink); border-radius:var(--r); padding:27px; min-height:240px; }.signal-hero .eyebrow, .signal-hero > span:last-of-type { color:rgba(24,15,11,.66); }.signal-hero__value { font-family:var(--mono); font-size:92px; letter-spacing:-.1em; line-height:1; margin:15px 0 4px; }.signal-hero strong { font-size:18px; }.signal-hero > span:last-of-type { display:block; font-size:12px; margin-top:3px; }.meter { height:7px; background:rgba(24,15,11,.18); border-radius:8px; margin-top:35px; overflow:hidden; }.meter i { display:block; height:100%; background:var(--accent-ink); border-radius:8px; }.signal-number { font-family:var(--mono); font-size:58px; letter-spacing:-.09em; line-height:1; margin:28px 0 4px; }.panel > p { color:var(--muted); font-size:12px; }.guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.guide-grid article { position:relative; padding:26px; border:1px solid var(--line); border-radius:var(--r); background:var(--surface); min-height:210px; }.guide-grid h2 { font-size:23px; letter-spacing:-.04em; margin:35px 0 8px; }.guide-grid p { color:var(--muted); max-width:430px; }.guide-index { display:inline-grid; place-items:center; width:30px; height:30px; color:var(--accent); border:1px solid rgba(255,120,90,.42); border-radius:50%; font-family:var(--mono); font-size:11px; }.guide-grid__wide { grid-column:1 / -1; min-height:170px!important; }.coin-hero { display:flex; justify-content:space-between; align-items:end; gap:28px; padding:72px 0 32px; border-bottom:1px solid var(--line); }.coin-hero h1 { font-family:Bahnschrift,"Arial Narrow","Segoe UI",sans-serif; font-size:clamp(45px,7vw,90px); line-height:.9; letter-spacing:-.06em; margin:12px 0; }.coin-hero h1 span { color:var(--muted); font-family:var(--mono); font-size:.33em; letter-spacing:-.05em; }.coin-hero p:not(.eyebrow) { color:var(--muted); margin:0; max-width:500px; }.coin-hero__price { text-align:right; min-width:210px; }.coin-hero__price span { display:block; color:var(--muted); font-size:12px; }.coin-hero__price strong { display:block; font-family:var(--mono); font-size:36px; letter-spacing:-.08em; }.coin-hero__price b { font-family:var(--mono); }.stats-list { display:grid; gap:0; }.stats-list > div { display:flex; justify-content:space-between; gap:15px; padding:13px 0; border-bottom:1px solid var(--line); }.stats-list > div:last-child { border-bottom:0; }.stats-list span { color:var(--muted); font-size:12px; }.stats-list b { text-align:right; font-family:var(--mono); }.empty, .empty-page { border:1px solid var(--line); border-radius:var(--r); background:var(--surface); color:var(--muted); padding:30px; text-align:center; }.empty-page { margin:100px auto; max-width:570px; }.empty-page h1 { font-size:46px; letter-spacing:-.05em; margin:10px 0; }.empty-page p { margin:0 0 24px; }.is-up { color:var(--up)!important; }.is-down { color:var(--down)!important; }
.footer { margin-top:100px; border-top:1px solid var(--line); background:var(--surface); }.footer__grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; padding:52px 0 40px; }.brand--footer { margin-bottom:13px; }.footer p { color:var(--muted); max-width:350px; font-size:12px; }.footer h2 { margin:0 0 12px; font-size:11px; text-transform:uppercase; letter-spacing:.14em; color:var(--accent); }.footer__grid > div:not(:first-child) { display:grid; align-content:start; gap:7px; }.footer__grid > div:not(:first-child) a { color:var(--muted); font-size:13px; }.footer__grid > div:not(:first-child) a:hover { color:var(--ink); }.footer__bottom { display:flex; flex-wrap:wrap; gap:10px 26px; padding:16px 0 22px; border-top:1px solid var(--line); color:var(--dim); font-size:10px; }.footer__bottom span:last-child { margin-left:auto; }
[dir="rtl"] { --mono:"Cascadia Mono", Consolas, monospace; }.rtl, [dir="rtl"] .num, [dir="rtl"] .mono, [dir="rtl"] .coin-hero__price strong { direction:ltr; unicode-bidi:isolate; }.rtl { display:inline-block; }.lang__menu { right:auto; left:0; }[dir="rtl"] .lang__menu { left:auto; right:0; }[dir="rtl"] .mainnav a::after { transform-origin:right; }[dir="rtl"] .coin-hero__price { text-align:left; }[dir="rtl"] .data-table th, [dir="rtl"] .data-table td { text-align:right; }[dir="rtl"] .data-table .num { text-align:left; }[dir="rtl"] .footer__bottom span:last-child { margin-left:0; margin-right:auto; }
@media (max-width: 980px) { .topbar__in { gap:18px; }.mainnav { gap:0; }.mainnav a { padding-inline:8px; }.hero { gap:36px; }.metric-grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); }.section--split { grid-template-columns:1fr; }.signal-grid { grid-template-columns:1fr 1fr; }.signal-hero { grid-column:1 / -1; } }
@media (max-width: 760px) { .wrap { width:min(var(--wrap),calc(100% - 28px)); }.topbar__in { min-height:64px; flex-wrap:wrap; padding:10px 0; }.brand { flex:1; }.nav-toggle { display:flex; order:2; }.topbar__actions { order:3; margin-left:0; }.mainnav { display:none; order:4; flex-basis:100%; padding:6px 0 4px; }.mainnav.is-open { display:flex; flex-direction:column; align-items:stretch; }.mainnav a { padding:11px 9px; }.mainnav a::after { left:9px; right:auto; width:24px; }.topbar__actions .icon-btn { display:none; }.lang summary { padding:7px 9px; }.search-drawer { top:64px; }.hero { grid-template-columns:1fr; min-height:auto; padding:66px 0 44px; gap:38px; }.hero h1 { font-size:clamp(54px,16vw,84px); }.hero__sub { font-size:16px; }.pulse-board { min-height:280px; }.ticker { margin-inline:0; padding:0 0; gap:12px; }.ticker__label { font-size:9px; }.ticker__items { gap:18px; }.section { padding-top:54px; }.section-head { align-items:start; }.metric-grid--4 { grid-template-columns:1fr 1fr; }.liq-strip { grid-template-columns:1fr 1fr; }.page-intro { padding:62px 0 14px; }.page-intro h1 { font-size:clamp(46px,14vw,72px); }.signal-grid { grid-template-columns:1fr; }.signal-hero { grid-column:auto; }.guide-grid { grid-template-columns:1fr; }.guide-grid__wide { grid-column:auto; }.coin-hero { align-items:start; flex-direction:column; padding-top:56px; }.coin-hero__price { text-align:left; }.footer__grid { grid-template-columns:1fr 1fr; gap:30px; }.footer__grid > div:first-child { grid-column:1 / -1; }.footer__bottom span:last-child { margin-left:0; }[dir="rtl"] .coin-hero__price { text-align:right; } }
@media (max-width: 480px) { .metric-grid--4 { grid-template-columns:1fr; }.liq-strip { grid-template-columns:1fr 1fr; }.metric-card { min-height:112px; padding:16px; }.metric-card strong { font-size:21px; }.panel { padding:17px; }.section-head h2 { font-size:26px; }.data-table { min-width:610px; }.data-table th, .data-table td { padding:12px 11px; }.footer__grid { grid-template-columns:1fr; }.footer__grid > div:first-child { grid-column:auto; }.signal-hero__value { font-size:78px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }

/* PulseAtlas density pass: one readable UI family, one deliberate numeric family. */
:root { --font-ui: "Noto Sans", "Noto Sans SC", "Segoe UI", Arial, sans-serif; --font-display: "Noto Sans", "Noto Sans SC", "Segoe UI", Arial, sans-serif; --font-data: ui-monospace, "Cascadia Mono", Consolas, monospace; --space-section: 52px; }
body { font-family: var(--font-ui); font-size: 15px; line-height: 1.52; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
h1, h2, h3, .brand, .btn, .mainnav a, .section-head h2 { font-family: var(--font-display); font-weight: 750; text-wrap: balance; }
.mono, .data-table .num, .metric-card strong, .pulse-board__asset strong, .pulse-board__metrics b, .rank-row__value b { font-family: var(--font-data); font-variant-numeric: tabular-nums; }
.hero { min-height: 0; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 42px; padding: 64px 0 48px; }
.hero h1 { font-family: var(--font-display); font-size: clamp(46px, 6.2vw, 78px); line-height: .94; letter-spacing: -.045em; max-width: 620px; text-wrap: balance; }
.hero__sub { font-size: 16px; line-height: 1.62; }
.pulse-board { padding: 22px; min-height: 0; }
.pulse-board__asset { margin: 28px 0 14px; }
.pulse-board__asset strong { font-size: clamp(27px, 3.4vw, 42px); }
.pulse-wave { height: 72px; }
.pulse-board__metrics { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 18px; border-top: 1px solid var(--line); margin-top: 18px; padding-top: 4px; }
.pulse-board__metrics div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 10px 0 7px; border-bottom: 1px solid rgba(237,242,245,.07); }
.pulse-board__metrics span { color: var(--muted); font-size: 11px; }
.pulse-board__metrics b { color: var(--ink); font-size: 12px; white-space: nowrap; }
.section { padding-top: var(--space-section); }
.section-head { margin-bottom: 18px; }
.section-head h2 { font-size: clamp(22px, 2.5vw, 32px); letter-spacing: -.035em; }
.metric-grid { gap: 14px; }
.metric-card { min-height: 116px; padding: 18px; }
.metric-card strong { font-size: 23px; }
.section--split { gap: 16px; }
.panel { padding: 20px; }
.section--desk { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.rank-list { display: grid; }
.rank-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 0; border-bottom: 1px solid var(--line); transition: background .18s ease, padding .18s ease; }
.rank-row:last-child { border-bottom: 0; }
.rank-row:hover { background: rgba(255,120,90,.05); padding-inline: 8px; }
.rank-row__asset, .rank-row__value { display: flex; align-items: baseline; gap: 10px; min-width: 0; }
.rank-row__asset b, .rank-row__value b { font-size: 14px; }
.rank-row__asset small, .rank-row__value small { color: var(--muted); font-size: 11px; white-space: nowrap; }
.rank-row__value { justify-content: flex-end; text-align: right; }
.page-intro { padding: 64px 0 20px; }
.page-intro h1, .coin-hero h1 { font-family: var(--font-display); letter-spacing: -.045em; text-wrap: balance; }
.page-intro h1 { font-size: clamp(42px, 5.8vw, 72px); }
.coin-hero h1 { font-size: clamp(43px, 6vw, 78px); }
.data-table th, .data-table td { padding: 11px 14px; }
.data-table thead th { font-family: var(--font-ui); font-size: 10px; }
.ticker, .ticker__items, .table-wrap { min-width: 0; }
.page { overflow-x: hidden; }
.footer { margin-top: 76px; }
@media (max-width: 980px) { .hero { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; }.section--desk { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .hero { grid-template-columns: 1fr; padding: 52px 0 40px; gap: 30px; }.hero h1 { font-size: clamp(44px, 13vw, 70px); }.pulse-board__metrics { gap: 0 14px; }.section { padding-top: 44px; }.section--desk { grid-template-columns: 1fr; }.rank-row { padding: 11px 0; } }
@media (max-width: 480px) { .pulse-board { padding: 18px; }.pulse-board__asset { gap: 11px; }.pulse-board__asset strong { font-size: 27px; }.pulse-board__metrics { gap: 0 10px; }.pulse-board__metrics div { display: block; }.pulse-board__metrics b { display: block; margin-top: 4px; }.metric-card { padding: 15px; }.metric-card strong { font-size: 21px; }.section-head h2 { font-size: 25px; }.rank-row__asset, .rank-row__value { display: block; }.rank-row__value { text-align: right; }.rank-row__asset small, .rank-row__value small { display: block; margin-top: 3px; }.data-table { min-width: 100%; table-layout: fixed; }.data-table th, .data-table td { padding: 10px 8px; overflow: hidden; text-overflow: ellipsis; }.data-table th:nth-child(n+4), .data-table td:nth-child(n+4) { display: none; }.data-table th:nth-child(1), .data-table td:nth-child(1) { width: 38%; }.data-table th:nth-child(2), .data-table td:nth-child(2) { width: 31%; }.data-table th:nth-child(3), .data-table td:nth-child(3) { width: 31%; } }

/* Interaction and dense-data refinements. */
:where(a, button, input, summary, [role="button"]):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.data-table thead th[data-sortable] { cursor: pointer; user-select: none; position: relative; padding-right: 28px; }
.data-table thead th[data-sortable]::after { content: "↕"; position: absolute; right: 10px; color: var(--dim); font-size: 12px; }
.data-table thead th[data-sortable][aria-sort="ascending"]::after { content: "↑"; color: var(--accent); }
.data-table thead th[data-sortable][aria-sort="descending"]::after { content: "↓"; color: var(--accent); }
.market-tools { padding-top: 0; display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.market-search { flex: 1; max-width: 760px; }
.market-search > label { display:block; color:var(--muted); font-size:12px; margin-bottom:7px; }
.market-search .search-row { align-items: center; }
.market-search .search-row input { min-height:44px; }
.market-search .btn { min-height:44px; }
.market-search .btn--ghost { margin-top:0; }
.result-count { color:var(--muted); font-size:12px; white-space:nowrap; margin:0 0 12px; }
.section--compact { padding-top: 20px; }
.performance-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.performance-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--r-sm); padding:15px; }
.performance-card span { display:block; color:var(--muted); font-size:11px; letter-spacing:.12em; }
.performance-card strong { display:block; font-family:var(--font-data); font-size:20px; margin-top:8px; }
.policy-copy { max-width: 840px; padding-top: 16px; }
.policy-copy .panel { line-height:1.8; }
.policy-copy h2 { margin-top:0; }
@media (max-width: 760px) { .market-tools { display:block; }.result-count { margin-top:12px; }.market-search .search-row { flex-wrap:wrap; }.market-search .search-row input { flex:1 1 100%; }.market-search .btn { flex:1; }.performance-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width: 480px) { .performance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.data-table thead th[data-sortable] { padding-right:18px; }.data-table thead th[data-sortable]::after { right:4px; } }
