:root{color-scheme: dark;--bg: oklch(0.14 0 0);--surface: oklch(0.18 0 0);--surface-2: oklch(0.23 0 0);--line: oklch(0.30 0 0);--line-strong: oklch(0.44 0 0);--muted: oklch(0.70 0 0);--faint: oklch(0.56 0 0);--ink: oklch(0.97 0 0);--ink-hover: oklch(0.86 0 0);--ink-inverse: oklch(0.14 0 0);--ink-04: oklch(1 0 0 / 0.04);--ink-08: oklch(1 0 0 / 0.08);--ink-14: oklch(1 0 0 / 0.14);--ink-24: oklch(1 0 0 / 0.24);--ink-40: oklch(1 0 0 / 0.4);--shade-60: oklch(0 0 0 / 0.6);--glow: oklch(1 0 0 / 0.1);--slab-face: oklch(0.2 0 0 / 0.55);--slab-edge-1: oklch(0.5 0 0);--slab-edge-2: oklch(0.34 0 0);--skel-a: oklch(0.2 0 0);--skel-b: oklch(0.27 0 0);--font-sans: ui-sans-serif,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono: ui-monospace,"Cascadia Mono","SF Mono",Consolas,"Liberation Mono",monospace;--ease-out: cubic-bezier(0.16,1,0.3,1);--ease-float: cubic-bezier(0.45,0,0.55,1);--dur-fast: calc(150ms * var(--ts));--dur-mid: calc(320ms * var(--ts));--ts: 1;--radius: 14px;--radius-lg: 22px;--gutter: clamp(16px,4vw,40px);--tap: 48px}:root[data-clock="fast"]{--ts: 0.04}*,*::before,*::after{box-sizing: border-box}html{background: var(--bg);color: var(--ink);font-family: var(--font-sans);-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 104px}body{margin: 0;min-height: 100vh;line-height: 1.55;font-size: 16px;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}h1,h2,h3,p,ul,ol{margin: 0;padding: 0}ul,ol{list-style: none}a{color: inherit;text-decoration: none}svg{display: block}::selection{background: var(--ink);color: var(--ink-inverse)}:focus-visible{outline: 2px solid var(--ink);outline-offset: 3px;border-radius: 8px}body::before{content: "";position: fixed;inset: -10%;z-index: -2;pointer-events: none;background: radial-gradient(50% 40% at 72% 8%,var(--ink-08),transparent 70%),radial-gradient(42% 40% at 8% 78%,var(--ink-04),transparent 70%);animation: ambient-drift calc(22s * var(--ts)) ease-in-out infinite alternate}body::after{content: "";position: fixed;inset: -72px;z-index: -1;pointer-events: none;background-image: linear-gradient(var(--ink-04) 1px,transparent 1px),linear-gradient(90deg,var(--ink-04) 1px,transparent 1px);background-size: 72px 72px;animation: ambient-grid calc(26s * var(--ts)) linear infinite}.wrap{width: 100%;max-width: 1180px;margin-inline: auto;padding-inline: var(--gutter)}.section{padding-block: clamp(56px,9vw,112px) 0}.section-head{display: grid;gap: 14px;max-width: 720px;margin-bottom: clamp(28px,4vw,44px)}.eyebrow{font: 500 12px/1 var(--font-mono);letter-spacing: 0.14em;text-transform: uppercase;color: var(--muted)}h2{font-size: clamp(28px,4.4vw,48px);line-height: 1.08;letter-spacing: -0.035em;font-weight: 600;text-wrap: balance}.sub{color: var(--muted);font-size: clamp(15px,1.5vw,18px);max-width: 62ex}.skip{position: fixed;top: 8px;left: 8px;z-index: 120;display: inline-flex;align-items: center;min-height: var(--tap);padding: 0 18px;border-radius: 12px;background: var(--ink);color: var(--ink-inverse);font-weight: 600;transform: translateY(-200%)}.skip:focus{transform: none}.progress{position: fixed;inset: 0 0 auto 0;z-index: 110;height: 3px;background: var(--ink);transform-origin: 0 50%;transform: scaleX(var(--p,0));pointer-events: none}.top{position: sticky;top: 0;z-index: 100;background: color-mix(in oklch,var(--bg) 86%,transparent);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);border-bottom: 1px solid var(--line)}.ca-bar{position: relative;display: flex;align-items: center;gap: 14px;padding-block: 8px}.ca-label{flex: none;font: 500 11px/1 var(--font-mono);letter-spacing: 0.14em;text-transform: uppercase;color: var(--faint)}.ca-slot{flex: 1;min-width: 0;min-height: var(--tap);display: flex;align-items: center;gap: 12px;padding: 6px 14px;border: 1px solid var(--line);border-radius: 12px;background: var(--surface);color: var(--ink);font: inherit;text-align: left}.ca-addr{flex: 1;min-width: 0;font: 500 13px/1.35 var(--font-mono);overflow-wrap: anywhere;word-break: break-all}.ca-empty{border-style: dashed;color: var(--muted);cursor: default}.ca-copy{cursor: pointer;transition: background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease}.ca-copy:hover{background: var(--surface-2);border-color: var(--line-strong)}.ca-copy:active{transform: translateY(1px)}.ca-copy[data-copied]{border-color: var(--ink)}.ca-icon{flex: none;display: grid;place-items: center;color: var(--muted)}.ca-copy:hover .ca-icon{color: var(--ink)}.ca-toast{position: absolute;right: var(--gutter);top: calc(100% + 8px);padding: 8px 14px;border-radius: 10px;background: var(--ink);color: var(--ink-inverse);font: 600 12px/1 var(--font-mono);opacity: 0;transform: translateY(-6px);pointer-events: none;transition: opacity var(--dur-mid) var(--ease-out),transform var(--dur-mid) var(--ease-out)}.ca-toast[data-show]{opacity: 1;transform: none}.site-header{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 16px;padding-block: 14px}.brand{display: inline-flex;align-items: center;gap: 10px;min-height: var(--tap);min-width: var(--tap);padding-right: 10px;border-radius: 12px;font-weight: 650;font-size: 20px;letter-spacing: -0.03em;transition: color var(--dur-fast) ease,opacity var(--dur-fast) ease}.brand:hover{opacity: 0.72}.brand .mark{transition: transform calc(900ms * var(--ts)) var(--ease-out)}.brand:hover .mark{transform: rotate(180deg)}.socials{display: flex;gap: 6px;margin-left: auto;order: 2}.icon-btn{display: grid;place-items: center;width: var(--tap);height: var(--tap);border: 1px solid var(--line);border-radius: 12px;color: var(--ink);background: var(--surface);transition: background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) ease}a.icon-btn:hover{background: var(--ink);color: var(--ink-inverse);border-color: var(--ink)}a.icon-btn:active{transform: translateY(1px)}.icon-btn.is-inert{color: var(--faint);background: transparent;border-style: dashed;cursor: default}.status-pill{order: 3;flex: 1 1 100%;display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 40px;padding: 0 16px;border: 1px solid var(--line);border-radius: 999px;background: var(--surface);font: 500 13px/1 var(--font-mono);color: var(--muted)}.dot{position: relative;width: 8px;height: 8px;border-radius: 50%;background: var(--ink)}.dot::after{content: "";position: absolute;inset: 0;border-radius: 50%;border: 1px solid var(--ink);animation: pulse-ring calc(2s * var(--ts)) var(--ease-out) infinite}.status-pill[data-state="live"]{color: var(--ink)}.status-pill[data-state="connecting"] .dot{animation: dot-blink calc(1s * var(--ts)) ease-in-out infinite}.status-pill[data-state="connecting"] .dot::after,.status-pill[data-state="offline"] .dot::after{animation: none;border-color: transparent}.status-pill[data-state="offline"] .dot{background: var(--faint)}@media (min-width: 640px){.status-pill{order: 0;flex: 0 1 auto}.socials{order: 0;margin-left: 0}}.hero{position: relative;display: grid;grid-template-columns: 1fr;overflow: hidden;border: 1px solid var(--line);border-radius: var(--radius-lg);background: linear-gradient(115deg,var(--surface),var(--bg));box-shadow: inset 0 1px var(--ink-08)}.hero-copy{position: relative;z-index: 2;display: flex;flex-direction: column;align-items: flex-start;gap: 22px;padding: clamp(24px,4vw,56px)}h1{font-size: clamp(40px,6.4vw,84px);line-height: 1.02;letter-spacing: -0.045em;font-weight: 650;text-wrap: balance;max-width: 11em}.lede{max-width: 34em;color: var(--muted);font-size: clamp(16px,1.6vw,20px)}.actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 8px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: var(--tap);padding: 0 24px;border: 1px solid var(--line-strong);border-radius: 14px;font-weight: 600;font-size: 15px;transition: background-color var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) ease}.btn:active{transform: translateY(1px)}.btn svg{transition: transform var(--dur-mid) var(--ease-out)}.btn:hover svg{transform: translateY(3px)}.btn-solid{background: var(--ink);border-color: var(--ink);color: var(--ink-inverse)}.btn-solid:hover{background: var(--ink-hover);border-color: var(--ink-hover)}.btn-ghost{background: transparent;color: var(--ink)}.btn-ghost:hover{background: var(--ink-08);border-color: var(--ink-40)}.hero-visual{position: relative;min-height: 300px;overflow: hidden;background: radial-gradient(60% 70% at 70% 100%,var(--ink-08),transparent 70%),radial-gradient(40% 50% at 30% 100%,var(--ink-04),transparent 70%)}.hero-visual::after{content: "";position: absolute;inset: -30%;pointer-events: none;background: linear-gradient(120deg,transparent 42%,var(--ink-04) 48%,var(--ink-14) 50%,transparent 56%);animation: hologram-sweep calc(13s * var(--ts)) var(--ease-float) infinite}.hv-glow{position: absolute;inset: 20% 15%;border-radius: 50%;background: radial-gradient(closest-side,var(--glow),transparent)}.depth{position: absolute;inset: 0;display: grid;place-items: center;perspective: 900px;pointer-events: none;transform: translate3d(calc(var(--px,0) * var(--d) * 1px),calc((var(--py,0) + var(--sy,0)) * var(--d) * 1px),0);transition: transform calc(700ms * var(--ts)) var(--ease-out)}.orbit{grid-area: 1 / 1;width: min(88%,420px);aspect-ratio: 1;color: var(--ink-40);transform: rotateX(66deg) rotateZ(0deg);animation: orbit-spin calc(60s * var(--ts)) linear infinite}.orbit-b{width: min(62%,300px);color: var(--ink-24);animation-duration: calc(34s * var(--ts));animation-direction: reverse}.slab{grid-area: 1 / 1;width: clamp(120px,32%,190px);aspect-ratio: 1.3;display: grid;place-items: center;border: 1px solid var(--ink-24);border-radius: 24px;background: var(--slab-face);box-shadow: 0 7px var(--slab-edge-1),0 14px var(--slab-edge-2),0 30px 56px var(--glow);transform: rotateX(58deg) rotateZ(-34deg);animation: slab-float calc(8s * var(--ts)) var(--ease-float) infinite}.slab-face{width: 44%;aspect-ratio: 1;border-radius: 50%;border: 6px solid var(--ink);border-right-color: transparent}.chip{position: absolute;padding: 8px 14px;border: 1px solid var(--ink-24);border-radius: 999px;background: var(--shade-60);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);font: 500 12px/1 var(--font-mono);letter-spacing: 0.08em;color: var(--ink);animation: chip-bob calc(6s * var(--ts)) var(--ease-float) infinite}.chip-a{top: 16%;left: 12%}.chip-b{top: 24%;right: 12%;animation-delay: calc(-2s * var(--ts))}.chip-c{bottom: 14%;left: 34%;animation-delay: calc(-4s * var(--ts))}@media (min-width: 900px){.hero{grid-template-columns: 1.05fr 0.95fr;min-height: 500px}.hero-visual{min-height: 500px}}.stats{display: grid;grid-template-columns: 1fr;gap: 16px}.stat{position: relative;overflow: hidden;display: grid;align-content: start;gap: 10px;padding: 22px 24px;border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);transition: border-color var(--dur-mid) ease,background-color var(--dur-mid) ease}.stat:hover{border-color: var(--line-strong);background: var(--surface-2)}.stat-label{font: 500 12px/1 var(--font-mono);letter-spacing: 0.12em;text-transform: uppercase;color: var(--muted)}.stat-val{min-height: 44px;display: flex;align-items: center;font-size: clamp(28px,3.4vw,44px);font-weight: 650;letter-spacing: -0.035em;font-variant-numeric: tabular-nums;line-height: 1}.stat-wide .stat-val{font-size: clamp(34px,5.2vw,64px);min-height: 64px}.num{border-radius: 8px}.num.flash{animation: value-flash calc(900ms * var(--ts)) var(--ease-out)}.stat-sub{display: flex;flex-wrap: wrap;gap: 4px 12px;color: var(--muted);font-size: 14px}.stat-sub [data-num="tvlchg"]:not(:empty){color: var(--ink);font-family: var(--font-mono);font-size: 13px}.skel{display: none;width: 150px;max-width: 70%;height: 32px;border-radius: 8px;background: linear-gradient(100deg,var(--skel-a) 20%,var(--skel-b) 45%,var(--skel-a) 70%);background-size: 220% 100%;animation: skeleton-shimmer calc(1.8s * var(--ts)) linear infinite}.stat-wide .skel{width: 240px;height: 52px}.stat[data-state="loading"] .skel{display: block}.stat[data-state="loading"] .num,.stat[data-state="error"] .num,.err{display: none}.stat[data-state="error"] .err{display: inline;font-size: 20px;font-weight: 500;color: var(--faint);letter-spacing: -0.01em}.spark{position: absolute;right: 0;bottom: 0;width: 55%;height: 56%;opacity: 0;transition: opacity var(--dur-mid) ease;pointer-events: none}.stat[data-state="ready"] .spark{opacity: 1}.spark-area{fill: var(--ink-08);stroke: none}.spark-line{fill: none;stroke: var(--ink);stroke-width: 1.6;stroke-linejoin: round;stroke-linecap: round;stroke-dasharray: 1;stroke-dashoffset: 0;vector-effect: non-scaling-stroke}.stat.in[data-state="ready"] .spark-line{animation: spark-draw calc(1800ms * var(--ts)) var(--ease-out) both}@media (min-width: 560px){.stats{grid-template-columns: repeat(2,1fr)}.stat-wide,.stat[data-card="chainid"]{grid-column: 1 / -1}}@media (min-width: 760px){.stats{grid-template-columns: repeat(3,1fr)}.stat[data-card="chainid"]{grid-column: auto}.stat-wide{padding: 28px 32px}}.steps{display: grid;gap: 16px}.step{position: relative;display: grid;gap: 12px;padding: 28px;border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);transition: border-color var(--dur-mid) ease,background-color var(--dur-mid) ease}.step:hover{border-color: var(--line-strong);background: var(--surface-2)}.step-no{font: 500 12px/1 var(--font-mono);letter-spacing: 0.12em;color: var(--faint)}.step-ring{width: 56px;height: 56px;color: var(--ink);transform: rotate(-90deg);transition: transform calc(1100ms * var(--ts)) var(--ease-out)}.step:hover .step-ring{transform: rotate(90deg)}.step h3{font-size: 24px;letter-spacing: -0.03em;font-weight: 600}.step p{color: var(--muted);max-width: 30em}@media (min-width: 900px){.steps{grid-template-columns: repeat(3,1fr)}}.panel{border: 1px solid var(--line);border-radius: var(--radius-lg);background: var(--surface);overflow: hidden}.pairs-head{display: none;padding: 14px 24px;border-bottom: 1px solid var(--line);font: 500 11px/1 var(--font-mono);letter-spacing: 0.12em;text-transform: uppercase;color: var(--faint)}.pair-item{border-bottom: 1px solid var(--line)}.pair-row{display: grid;grid-template-areas: "sym chg" "px liq";grid-template-columns: 1fr auto;align-items: center;gap: 4px 16px;min-height: 76px;padding: 12px 18px;font-variant-numeric: tabular-nums;transition: background-color var(--dur-fast) ease,color var(--dur-fast) ease}a.pair-row:hover{background: var(--ink-04)}.pair-sym{grid-area: sym;min-width: 0;overflow-wrap: anywhere}.pair-sym b{font-weight: 650;font-size: 16px}.pair-sym i{font-style: normal;color: var(--faint);margin-left: 2px}.pair-px{grid-area: px;color: var(--muted);font-size: 14px}.pair-chg{grid-area: chg;justify-self: end;font: 500 13px/1 var(--font-mono)}.pair-chg[data-dir="down"]{color: var(--muted)}.pair-liq{grid-area: liq;justify-self: end;color: var(--muted);font-size: 14px}.pair-go{display: none;color: var(--faint);transition: transform var(--dur-mid) var(--ease-out),color var(--dur-fast) ease}a.pair-row:hover .pair-go{color: var(--ink);transform: translate(2px,-2px)}.pair-row.is-skel{display: block}.pair-row.is-skel .skel{display: block;width: 100%;max-width: none;height: 28px}.pair-msg{padding: 28px 24px;color: var(--muted);border-bottom: 1px solid var(--line)}.kline{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 18px;min-height: 64px;padding: 14px 24px;border-bottom: 1px solid var(--line);background: var(--ink-04)}.kline-label{font: 500 11px/1 var(--font-mono);letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink)}.kline-empty{color: var(--muted);font-size: 14px}.kline-data{display: none;gap: 18px;align-items: baseline}.kline-data i{font-style: normal;color: var(--muted)}.kline[data-ready] .kline-empty{display: none}.kline[data-ready] .kline-data{display: flex}.panel-note{padding: 14px 24px 18px;font: 500 12px/1.4 var(--font-mono);color: var(--faint)}@media (min-width: 640px){.pairs-head{display: grid;grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,0.8fr) minmax(0,1fr) 24px;column-gap: 16px}.pair-row{grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,0.8fr) minmax(0,1fr) 24px;grid-template-areas: "sym px chg liq go";min-height: 64px;padding: 0 24px}.pair-chg,.pair-liq{justify-self: start}.pair-px{font-size: 15px;color: var(--ink)}.pair-liq{color: var(--ink);font-size: 15px}.pair-go{display: block;grid-area: go}}.records{display: grid;gap: 12px}.rec-row{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 16px;min-height: 72px;padding: 16px 22px;border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface)}.rec-label{font-weight: 600;font-size: 17px;min-width: 140px}.badge{display: inline-flex;align-items: center;min-height: 28px;padding: 0 12px;border: 1px solid var(--line-strong);border-radius: 999px;font: 500 11px/1 var(--font-mono);letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted)}.badge[data-state="stated"]{background: var(--ink);border-color: var(--ink);color: var(--ink-inverse)}.rec-val{flex: 1 1 100%;min-width: 0;color: var(--muted);overflow-wrap: anywhere}.rec-link{display: inline-flex;align-items: center;min-height: var(--tap);color: var(--ink);border-bottom: 1px solid var(--ink-40);transition: border-color var(--dur-fast) ease,color var(--dur-fast) ease}.rec-link:hover{border-color: var(--ink)}@media (min-width: 720px){.rec-val{flex: 1 1 0;text-align: right}}.site-footer{display: grid;gap: 18px;margin-top: clamp(64px,10vw,120px);padding-block: 40px 56px;border-top: 1px solid var(--line)}.foot-main{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px}.foot-brand{display: inline-flex;align-items: center;gap: 10px;font-weight: 650;font-size: 18px;letter-spacing: -0.03em}.foot-domain{font: 500 13px/1 var(--font-mono);color: var(--muted)}.foot-note{max-width: 62ex;color: var(--faint);font-size: 14px}.foot-links{display: flex;flex-wrap: wrap;gap: 8px}.foot-links a{display: inline-flex;align-items: center;min-height: var(--tap);padding: 0 16px;border: 1px solid var(--line);border-radius: 12px;color: var(--muted);font-size: 14px;transition: background-color var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease}.foot-links a:hover{color: var(--ink);border-color: var(--line-strong);background: var(--surface)}.js [data-reveal]:not(.in){opacity: 0}.js [data-reveal].in{animation: reveal-up calc(850ms * var(--ts)) var(--ease-out) calc(var(--i,0) * 90ms * var(--ts)) both}@keyframes reveal-up{from{opacity: 0;transform: translate3d(0,26px,0)}to{opacity: 1;transform: none}}@keyframes ambient-drift{0%{opacity: 0.65;transform: translate(-3%,-2%) scale(1)}100%{opacity: 1;transform: translate(4%,3%) scale(1.08)}}@keyframes ambient-grid{to{transform: translate(72px,72px)}}@keyframes hologram-sweep{0%,15%{opacity: 0;transform: translateX(-45%)}40%,60%{opacity: 0.8}85%,100%{opacity: 0;transform: translateX(45%)}}@keyframes orbit-spin{from{transform: rotateX(66deg) rotateZ(0deg)}to{transform: rotateX(66deg) rotateZ(360deg)}}@keyframes slab-float{0%,100%{transform: rotateX(58deg) rotateZ(-34deg) translateZ(0)}50%{transform: rotateX(58deg) rotateZ(-34deg) translateZ(34px)}}@keyframes chip-bob{0%,100%{transform: translateY(0)}50%{transform: translateY(-10px)}}@keyframes pulse-ring{0%{transform: scale(1);opacity: 0.7}100%{transform: scale(3.2);opacity: 0}}@keyframes dot-blink{50%{opacity: 0.3}}@keyframes skeleton-shimmer{from{background-position: 120% 0}to{background-position: -100% 0}}@keyframes spark-draw{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}@keyframes value-flash{0%{background: var(--ink-24)}100%{background: transparent}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation: none !important;transition: none !important}.js [data-reveal]:not(.in){opacity: 1}}