:root{color-scheme: dark;--bg: #0d0f0e;--accent: #7dcbc1;--accent-bright: #7fddd4;--accent-soft: #68b6b0;--accent-deep: #2c6463;--tint: #112d2d;--ink: #f3f5f4;--muted: #b6b8b7;--grey: #75797a;--line: #3b4141;--surface: color-mix(in oklab,var(--bg) 82%,var(--tint));--surface-2: color-mix(in oklab,var(--bg) 62%,var(--tint));--line-strong: var(--grey);--faint: color-mix(in oklab,var(--muted) 72%,var(--bg));--ink-hover: var(--accent-bright);--ink-inverse: var(--bg);--ink-04: color-mix(in srgb,var(--ink) 4%,transparent);--ink-08: color-mix(in srgb,var(--ink) 8%,transparent);--ink-14: color-mix(in srgb,var(--ink) 14%,transparent);--ink-24: color-mix(in srgb,var(--ink) 24%,transparent);--ink-40: color-mix(in srgb,var(--ink) 40%,transparent);--acc-08: color-mix(in srgb,var(--accent) 8%,transparent);--acc-16: color-mix(in srgb,var(--accent) 16%,transparent);--acc-30: color-mix(in srgb,var(--accent) 30%,transparent);--acc-50: color-mix(in srgb,var(--accent) 50%,transparent);--shade-60: color-mix(in srgb,var(--bg) 60%,transparent);--glow: color-mix(in srgb,var(--accent-bright) 22%,transparent);--skel-a: color-mix(in oklab,var(--bg) 80%,var(--tint));--skel-b: color-mix(in oklab,var(--bg) 45%,var(--tint));--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(--acc-16),transparent 70%),radial-gradient(42% 40% at 8% 78%,var(--acc-08),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(--acc-08) 1px,transparent 1px),linear-gradient(90deg,var(--acc-08) 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(--accent-soft)}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(--accent);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(--accent);transform-origin: 0 50%;transform: scaleX(var(--p,0));pointer-events: none}.top{position: sticky;top: 0;z-index: 100;background: color-mix(in srgb,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(--accent)}.ca-icon{flex: none;display: grid;place-items: center;color: var(--muted)}.ca-copy:hover .ca-icon{color: var(--accent)}.ca-toast{position: absolute;right: var(--gutter);top: calc(100% + 8px);padding: 8px 14px;border-radius: 10px;background: var(--accent);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{width: 32px;height: 32px;transition: transform calc(600ms * var(--ts)) var(--ease-out)}.brand:hover .mark{transform: scale(1.12)}.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(--accent);color: var(--ink-inverse);border-color: var(--accent)}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(--accent)}.dot::after{content: "";position: absolute;inset: 0;border-radius: 50%;border: 1px solid var(--accent);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(--accent);border-color: var(--accent);color: var(--ink-inverse)}.btn-solid:hover{background: var(--accent-bright);border-color: var(--accent-bright)}.btn-ghost{background: transparent;color: var(--ink)}.btn-ghost:hover{background: var(--acc-16);border-color: var(--accent)}.hero-visual{position: relative;min-height: 300px;overflow: hidden;background: radial-gradient(60% 70% at 70% 100%,var(--acc-16),transparent 70%),radial-gradient(40% 50% at 30% 100%,var(--acc-08),transparent 70%)}.hero-visual::after{content: "";position: absolute;inset: -30%;pointer-events: none;background: linear-gradient(120deg,transparent 42%,var(--acc-08) 48%,var(--acc-30) 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(--acc-50);transform: rotateX(66deg) rotateZ(0deg);animation: orbit-spin calc(60s * var(--ts)) linear infinite}.orbit-b{width: min(62%,300px);color: var(--acc-30);animation-duration: calc(34s * var(--ts));animation-direction: reverse}.logo-float{grid-area: 1 / 1;width: clamp(130px,38%,230px);height: auto;filter: drop-shadow(0 18px 40px var(--glow));animation: logo-float calc(8s * var(--ts)) var(--ease-float) infinite}.chip{position: absolute;padding: 8px 14px;border: 1px solid var(--acc-30);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(--accent);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(--acc-16);stroke: none}.spark-line{fill: none;stroke: var(--accent);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;align-content: start;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(--accent);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(--acc-08)}.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(--accent)}.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(--accent);border-color: var(--accent);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(--accent);border-bottom: 1px solid var(--acc-50);transition: border-color var(--dur-fast) ease,color var(--dur-fast) ease}.rec-link:hover{border-color: var(--accent)}@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 logo-float{0%,100%{transform: translateY(0)}50%{transform: translateY(-16px)}}@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}}