:root {
  --ground:#03281F;
  --panel:#06392B;
  --ink:#F2F7F1;
  --muted:#A8C9BB;
  --mint:#47F0BD;
  --coral:#FF435F;
  --signal:#C8FF32;
  --rule:#17664C;
}

* { box-sizing:border-box; }
html { scroll-behavior:auto; background:var(--ground); }
body { margin:0; min-width:320px; overflow-x:hidden; color:var(--ink); background:var(--ground); font:400 17px/1.55 Barlow,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
img,video { display:block; max-width:100%; }
::selection { color:var(--ground); background:var(--signal); }

.boot { position:fixed; inset:0; z-index:90; display:grid; place-content:center; gap:16px; padding:30px; background:var(--ground); transition:opacity .45s ease,visibility .45s ease; }
.boot.is-gone { opacity:0; visibility:hidden; }
.boot__mark,.boot__status { font:600 11px/1.2 "Spline Sans Mono",monospace; letter-spacing:.12em; color:var(--mint); }
.boot__bar { width:min(420px,80vw); height:3px; background:var(--rule); overflow:hidden; }
.boot__bar span { display:block; width:18%; height:100%; background:var(--mint); transition:width .2s ease; }
.page-meter { position:fixed; inset:0 auto auto 0; z-index:80; width:0; height:2px; background:var(--mint); box-shadow:0 0 12px var(--mint); }

.site-header { position:fixed; z-index:50; top:0; left:0; right:0; height:72px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:0 3.2vw; border-bottom:1px solid color-mix(in srgb,var(--rule) 65%,transparent); background:color-mix(in srgb,var(--ground) 86%,transparent); backdrop-filter:blur(15px); }
.wordmark { display:flex; align-items:center; gap:12px; font:700 23px/1 "Saira Semi Condensed",sans-serif; letter-spacing:.03em; }
.wordmark__icon { display:block; width:34px; height:34px; flex:0 0 34px; object-fit:contain; }
.main-nav,.social-nav { display:flex; align-items:center; gap:26px; white-space:nowrap; font:600 11px/1 "Spline Sans Mono",monospace; letter-spacing:.05em; }
.social-nav { justify-content:flex-end; }
.main-nav a,.social-nav a { padding:10px 0; color:var(--muted); }
.main-nav a:hover,.social-nav a:hover,.main-nav a.is-active,.social-nav a.is-active { color:var(--ink); }
.main-nav a.is-active { box-shadow:inset 0 -2px var(--mint); }
.social-nav .nav-pill { padding:10px 17px; border:1px solid var(--coral); border-radius:999px; color:var(--ink); }

main { min-height:80vh; }
.shell { width:min(1320px,calc(100% - 64px)); margin:0 auto; }
.mono { overflow-wrap:anywhere; font-family:"Spline Sans Mono",monospace; }
.eyebrow { margin:0 0 18px; color:var(--mint); font:600 11px/1.25 "Spline Sans Mono",monospace; letter-spacing:.09em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:"Saira Semi Condensed",Arial,sans-serif; text-transform:uppercase; }
h1 { margin-bottom:20px; font-size:clamp(54px,7vw,112px); line-height:.84; letter-spacing:-.045em; }
h2 { margin-bottom:20px; font-size:clamp(38px,5vw,72px); line-height:.95; letter-spacing:-.035em; }
h3 { margin-bottom:10px; font-size:25px; line-height:1; }
.lede { max-width:720px; color:var(--muted); font-size:clamp(18px,2vw,23px); line-height:1.35; }
.source-line { display:flex; flex-wrap:wrap; gap:9px 22px; color:var(--muted); font:400 10px/1.35 "Spline Sans Mono",monospace; text-transform:uppercase; }
.source-line b { color:var(--ink); font-weight:600; }
.source-line a { color:var(--signal); text-decoration:underline; text-underline-offset:3px; }
.tag { display:inline-flex; align-items:center; min-height:28px; padding:0 11px; border:1px solid var(--rule); border-radius:999px; color:var(--muted); font:600 10px/1 "Spline Sans Mono",monospace; letter-spacing:.04em; }
.tag--signal { color:var(--ground); border-color:var(--signal); background:var(--signal); }
.tag--coral { color:var(--ink); border-color:var(--coral); }
.dot { width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--signal); box-shadow:0 0 9px var(--signal); }
.button { display:inline-flex; min-height:54px; align-items:center; justify-content:center; gap:10px; padding:0 26px; border:1px solid var(--mint); border-radius:7px; color:var(--ink); background:transparent; cursor:pointer; font:600 12px/1 "Spline Sans Mono",monospace; letter-spacing:.03em; text-transform:uppercase; transition:transform .2s ease,background .2s ease,color .2s ease; }
.button:hover { transform:translateY(-2px); background:var(--mint); color:var(--ground); }
.button--coral { border-color:var(--coral); background:var(--coral); color:var(--ink); }
.button--signal { border-color:var(--signal); background:var(--signal); color:var(--ground); }
.button[disabled] { cursor:not-allowed; opacity:.48; transform:none; background:transparent; color:var(--muted); border-color:var(--rule); }

.hero-track { height:180vh; }
.hero { position:sticky; top:0; height:100svh; min-height:720px; overflow:hidden; background:var(--ground); }
.hero__media { position:absolute; inset:0; background:url('/assets/comp/hero_poster.webp') center/cover no-repeat; }
.hero__media video,.hero__media img { width:100%; height:100%; object-fit:cover; object-position:center; }
.hero__media img { position:absolute; inset:0; }
.hero__grain { position:absolute; inset:0; pointer-events:none; opacity:.05; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E"); }
.hero__content { position:relative; z-index:3; display:flex; width:calc(100% - 6.4vw); max-width:none; height:100%; align-items:flex-start; padding-top:clamp(150px,20vh,215px); }
.hero__copy { width:55%; max-width:790px; }
.hero h1 { white-space:nowrap; font-size:clamp(62px,6.2vw,94px); }
.hero__rule { width:185px; height:5px; margin:28px 0 22px; background:var(--coral); }
.hero__support { margin-bottom:6px; color:var(--muted); font-size:22px; letter-spacing:.02em; }
.hero__note { margin-bottom:30px; color:var(--muted); }
.hero__actions { display:flex; flex-wrap:wrap; gap:12px; }
.command { width:min(450px,100%); margin-top:44px; }
.command__label { margin-bottom:10px; color:var(--mint); font:600 10px/1 "Spline Sans Mono",monospace; }
.command__well { display:flex; align-items:center; justify-content:space-between; min-height:55px; padding:0 10px 0 22px; border:1px solid var(--rule); border-radius:8px; background:#022018; font:400 14px/1 "Spline Sans Mono",monospace; }
.copy-mini { min-height:36px; padding:0 13px; border:1px solid var(--rule); border-radius:5px; color:var(--muted); background:transparent; cursor:pointer; font:600 9px/1 "Spline Sans Mono",monospace; }
.copy-mini:hover { color:var(--ground); border-color:var(--mint); background:var(--mint); }
.hero-tote { position:absolute; z-index:4; left:3.2vw; right:3.2vw; bottom:8px; display:grid; grid-template-columns:1.5fr .7fr .7fr .7fr; align-items:center; gap:22px; min-height:96px; padding:18px 25px; border:1px solid var(--rule); border-radius:18px; background:color-mix(in srgb,var(--ground) 91%,transparent); backdrop-filter:blur(13px); }
.hero-tote__token { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.hero-tote__token strong { width:100%; color:var(--mint); font:600 10px/1 "Spline Sans Mono",monospace; }
.hero-tote__token b { font:600 15px/1.2 "Spline Sans Mono",monospace; }
.hero-tote__cell small { display:block; margin-bottom:8px; color:var(--muted); font:600 9px/1 "Spline Sans Mono",monospace; }
.hero-tote__cell b { font:600 13px/1.2 "Spline Sans Mono",monospace; }

.section { position:relative; padding:110px 0; border-top:1px solid var(--rule); background:var(--ground); }
.section--panel { background:var(--panel); }
.section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.65fr); gap:70px; align-items:end; margin-bottom:52px; }
.section-head h2 { margin-bottom:0; }
.fact-rail { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--rule); border-radius:16px; overflow:hidden; }
.fact { min-height:118px; padding:23px; border-right:1px solid var(--rule); background:color-mix(in srgb,var(--panel) 80%,transparent); }
.fact:last-child { border-right:0; }
.fact small { display:block; margin-bottom:13px; color:var(--muted); font:600 9px/1 "Spline Sans Mono",monospace; letter-spacing:.06em; text-transform:uppercase; }
.fact strong { display:block; font:700 clamp(25px,3vw,40px)/1 "Saira Semi Condensed",sans-serif; }
.fact em { display:block; margin-top:8px; color:var(--muted); font:400 10px/1.35 "Spline Sans Mono",monospace; font-style:normal; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:12px; }
.metric-grid .fact { border:1px solid var(--rule); border-radius:12px; }
.source-console { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:18px 0 0; border:1px solid var(--rule); border-radius:12px; overflow:hidden; background:var(--rule); }
.source-console div { min-height:76px; padding:17px 20px; background:#02251c; }
.source-console span { display:block; margin-bottom:9px; color:var(--muted); font:600 9px/1 "Spline Sans Mono",monospace; letter-spacing:.05em; }
.source-console b { color:var(--mint); font:600 13px/1.2 "Spline Sans Mono",monospace; }

.control-label { display:grid; min-width:260px; gap:9px; color:var(--muted); font:600 10px/1 "Spline Sans Mono",monospace; letter-spacing:.05em; }
.control-label select,.filter-bar select { min-height:48px; padding:0 42px 0 15px; border:1px solid var(--rule); border-radius:6px; color:var(--ink); background:var(--panel); font:600 11px/1 "Spline Sans Mono",monospace; }
.market-focus { overflow:hidden; border:1px solid var(--rule); border-radius:18px; background:#021f18; }
.market-focus__identity { display:grid; grid-template-columns:auto 1fr auto; gap:7px 16px; align-items:center; padding:18px 20px; border-bottom:1px solid var(--rule); }
.market-focus__identity span { grid-column:1/-1; color:var(--muted); font:600 9px/1 "Spline Sans Mono",monospace; }
.market-focus__identity b { color:var(--signal); font:700 35px/1 "Saira Semi Condensed",sans-serif; }
.market-focus__identity em { color:var(--muted); font:400 11px/1.3 "Spline Sans Mono",monospace; font-style:normal; }
.market-focus__identity strong { padding:8px 10px; border:1px solid var(--rule); border-radius:999px; font:600 9px/1 "Spline Sans Mono",monospace; }
.market-focus__stats { display:grid; grid-template-columns:repeat(6,1fr); gap:1px; background:var(--rule); }
.market-focus__stats div { min-height:92px; padding:19px; background:var(--panel); }
.market-focus__stats span,.pool-address span { display:block; margin-bottom:10px; color:var(--muted); font:600 9px/1 "Spline Sans Mono",monospace; letter-spacing:.05em; }
.market-focus__stats b { font:700 21px/1.05 "Saira Semi Condensed",sans-serif; }
.market-focus .chart-shell { margin:0; border-width:1px 0; border-radius:0; }
.pool-address { display:grid; grid-template-columns:55px 1fr; gap:10px 20px; align-items:center; padding:20px; font:400 11px/1.4 "Spline Sans Mono",monospace; }
.pool-address span { margin:0; }
.pool-address a { overflow-wrap:anywhere; color:var(--mint); }
.depth-board { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.depth-row { padding:23px; border:1px solid var(--rule); border-radius:15px; background:#02251c; }
.depth-row__head { display:grid; grid-template-columns:auto 1fr; gap:5px 13px; align-items:center; padding-bottom:20px; border-bottom:1px solid var(--rule); }
.depth-row__head b { color:var(--signal); font:700 30px/1 "Saira Semi Condensed",sans-serif; }
.depth-row__head span { overflow:hidden; color:var(--muted); font:400 9px/1.3 "Spline Sans Mono",monospace; text-overflow:ellipsis; white-space:nowrap; }
.depth-row__head strong { grid-column:1/-1; margin-top:9px; font:700 32px/1 "Saira Semi Condensed",sans-serif; }
.depth-meter { display:grid; grid-template-columns:70px 1fr 58px; gap:10px; align-items:center; margin-top:20px; color:var(--muted); font:600 8px/1 "Spline Sans Mono",monospace; }
.depth-meter i { height:7px; overflow:hidden; border-radius:999px; background:var(--rule); }
.depth-meter i b { display:block; height:100%; border-radius:inherit; background:var(--mint); }
.depth-meter--volume i b { background:var(--coral); }
.depth-meter em { overflow:hidden; color:var(--ink); font-style:normal; text-align:right; }
.depth-row__foot { display:flex; justify-content:space-between; gap:10px; margin-top:24px; color:var(--muted); font:400 8px/1.3 "Spline Sans Mono",monospace; }

.agent-selector { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:14px; }
.agent-card { display:grid; grid-template-columns:1fr auto; gap:9px 16px; padding:21px; border:1px solid var(--rule); border-radius:13px; color:var(--ink); background:var(--ground); cursor:pointer; text-align:left; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.agent-card:hover,.agent-card.is-active { transform:translateY(-2px); border-color:var(--mint); background:var(--panel); }
.agent-card span { color:var(--muted); font:600 9px/1 "Spline Sans Mono",monospace; }
.agent-card b { grid-column:1/-1; font:700 23px/1 "Saira Semi Condensed",sans-serif; }
.agent-card em { color:var(--signal); font:600 11px/1 "Spline Sans Mono",monospace; font-style:normal; }
.agent-card strong { font:600 11px/1 "Spline Sans Mono",monospace; }
.agent-focus { padding:34px; border:1px solid var(--rule); border-radius:18px; background:var(--panel); }
.agent-focus__top { display:flex; justify-content:space-between; gap:40px; align-items:flex-start; }
.agent-focus__top h2 { margin-bottom:12px; }
.agent-state-track { display:grid; grid-template-columns:repeat(4,1fr); margin-top:30px; border:1px solid var(--rule); border-radius:999px; overflow:hidden; }
.agent-state-track span { padding:14px; border-right:1px solid var(--rule); color:var(--muted); text-align:center; font:600 9px/1 "Spline Sans Mono",monospace; }
.agent-state-track span:last-child { border:0; }
.agent-state-track .is-done { color:var(--ground); background:var(--mint); }
.agent-position-line { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px 30px; margin-top:24px; color:var(--muted); font:400 10px/1.4 "Spline Sans Mono",monospace; }
.agent-position-line b { color:var(--ink); }
.strategy-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.strategy-grid article { min-height:270px; display:flex; flex-direction:column; padding:27px; border:1px solid var(--rule); border-radius:15px; background:var(--panel); }
.strategy-grid span { color:var(--signal); font:600 9px/1 "Spline Sans Mono",monospace; }
.strategy-grid h3 { margin-top:58px; }
.strategy-grid p { color:var(--muted); }
.strategy-grid a { margin-top:auto; color:var(--mint); font:600 10px/1 "Spline Sans Mono",monospace; }

.transition-board { display:grid; gap:10px; }
.transition-lane { display:grid; grid-template-columns:42px 115px repeat(4,1fr) 78px; gap:8px; align-items:center; padding:12px; border:1px solid var(--rule); border-radius:12px; background:var(--panel); font:600 9px/1 "Spline Sans Mono",monospace; }
.transition-lane > b { display:grid; width:34px; height:34px; place-items:center; border-radius:50%; color:var(--ground); background:var(--coral); }
.transition-lane > span,.transition-lane > em { color:var(--muted); font-style:normal; }
.transition-lane > em { text-align:right; }
.transition-lane > i { padding:12px 8px; border:1px solid var(--mint); border-radius:999px; color:var(--ink); font-style:normal; text-align:center; }
.filter-bar { display:grid; grid-template-columns:repeat(3,1fr) auto; gap:12px; align-items:end; margin-bottom:18px; }
.filter-bar label { display:grid; gap:8px; color:var(--muted); font:600 9px/1 "Spline Sans Mono",monospace; }
.activity-summary { margin:0 0 18px; }
.activity-table .status { color:var(--mint); }

.art-stage { position:relative; min-height:560px; margin:58px 0; overflow:hidden; border:1px solid var(--rule); border-radius:24px; background:radial-gradient(circle at 65% 45%,rgba(71,240,189,.08),transparent 45%),#021e17; }
.art-stage img { width:100%; height:100%; min-height:560px; object-fit:contain; }
.art-stage__labels { position:absolute; inset:24px; pointer-events:none; display:flex; flex-direction:column; justify-content:space-between; }
.art-stage__top,.art-stage__bottom { display:flex; justify-content:space-between; gap:14px; }
.art-stage__labels span { padding:10px 13px; border:1px solid var(--rule); border-radius:999px; color:var(--muted); background:var(--ground); font:600 9px/1 "Spline Sans Mono",monospace; }

.table-tools { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:30px 0 15px; }
.table-tools select { min-height:42px; padding:0 38px 0 14px; border:1px solid var(--rule); border-radius:5px; color:var(--ink); background:var(--panel); font:600 11px/1 "Spline Sans Mono",monospace; }
.data-table { width:100%; border-collapse:collapse; font-family:"Spline Sans Mono",monospace; font-size:12px; }
.data-table th { padding:14px 16px; color:var(--muted); font-size:9px; letter-spacing:.06em; text-align:left; border-bottom:1px solid var(--rule); }
.data-table td { padding:19px 16px; border-bottom:1px solid color-mix(in srgb,var(--rule) 70%,transparent); vertical-align:top; }
.data-table tbody tr { transition:background .18s ease; }
.data-table tbody tr:hover { background:var(--panel); }
.data-table a { color:var(--mint); }
.market-table tbody tr:first-child { background:color-mix(in srgb,var(--panel) 72%,transparent); }
.num { text-align:right!important; font-variant-numeric:tabular-nums; }
.negative { color:var(--coral); }
.positive { color:var(--signal); }
.status { display:inline-flex; align-items:center; gap:7px; color:var(--signal); }
.status:before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 8px currentColor; }

.tape { border-top:1px solid var(--rule); }
.tape-row { display:grid; grid-template-columns:55px 1.2fr 1.5fr .7fr .8fr; gap:18px; align-items:center; min-height:61px; padding:10px 0; border-bottom:1px solid var(--rule); font:400 11px/1.35 "Spline Sans Mono",monospace; }
.tape-row span:first-child { color:var(--muted); }
.tape-row b { color:var(--mint); font-weight:600; }
.mechanism { display:grid; grid-template-columns:repeat(4,1fr); counter-reset:step; border-top:1px solid var(--rule); }
.mechanism article { position:relative; min-height:250px; padding:34px 28px; border-right:1px solid var(--rule); counter-increment:step; }
.mechanism article:before { content:"0" counter(step); display:block; margin-bottom:70px; color:var(--signal); font:600 11px/1 "Spline Sans Mono",monospace; }
.mechanism article:last-child { border-right:0; }
.mechanism p { color:var(--muted); }

.route-hero { padding:165px 0 75px; border-bottom:1px solid var(--rule); background:linear-gradient(115deg,var(--ground),var(--panel)); }
.route-hero h1 { max-width:970px; font-size:clamp(52px,7vw,100px); }
.route-hero__meta { display:flex; flex-wrap:wrap; gap:10px; margin-top:35px; }
.route-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:68px; align-items:start; }
.route-layout > * { min-width:0; }
.route-layout--equal { grid-template-columns:1fr 1fr; }
.route-copy { position:sticky; top:110px; }
.route-art { min-height:630px; margin:0; }
.route-art img { min-height:630px; }
.list-clean { margin:0; padding:0; list-style:none; }
.list-clean li { display:grid; grid-template-columns:38px 1fr; gap:18px; padding:20px 0; border-bottom:1px solid var(--rule); }
.list-clean li>span { color:var(--signal); font:600 11px/1.4 "Spline Sans Mono",monospace; }
.list-clean p { margin:5px 0 0; color:var(--muted); }
.code-block { position:relative; overflow:auto; margin:22px 0; padding:24px; border:1px solid var(--rule); border-radius:9px; color:var(--mint); background:#021D16; font:400 12px/1.65 "Spline Sans Mono",monospace; white-space:pre; }
.code-block .copy-mini { position:absolute; top:10px; right:10px; }
.formula { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:18px; align-items:center; margin:35px 0; padding:30px; border:1px solid var(--mint); border-radius:15px; background:var(--panel); text-align:center; font-family:"Spline Sans Mono",monospace; }
.formula b { color:var(--signal); font-size:18px; }
.simulator { display:grid; grid-template-columns:.7fr 1.3fr; gap:1px; margin:35px 0; border:1px solid var(--rule); border-radius:16px; overflow:hidden; background:var(--rule); }
.simulator__controls { display:grid; align-content:center; gap:22px; padding:30px; background:#02251c; }
.simulator label,.chart-toolbar label { display:grid; gap:9px; color:var(--muted); font:600 10px/1 "Spline Sans Mono",monospace; }
.simulator input,.simulator select,.chart-toolbar select,.request-lab select { width:100%; min-height:48px; padding:0 13px; border:1px solid var(--rule); border-radius:6px; outline:none; color:var(--ink); background:var(--ground); font:600 12px/1 "Spline Sans Mono",monospace; }
.simulator input:focus,.simulator select:focus,.chart-toolbar select:focus,.request-lab select:focus { border-color:var(--mint); }
.simulator__output { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--rule); }
.simulator__output div { min-height:105px; padding:22px; background:var(--panel); }
.simulator__output span { display:block; margin-bottom:14px; color:var(--muted); font:600 9px/1 "Spline Sans Mono",monospace; }
.simulator__output b { font:700 20px/1.15 "Saira Semi Condensed",sans-serif; }
.chart-shell { min-height:520px; overflow:hidden; border:1px solid var(--rule); border-radius:18px; background:radial-gradient(circle at 50% 20%,rgba(71,240,189,.1),transparent 48%),#021e17; }
.chart-shell--large { min-height:610px; }
.chart-wait { display:grid; place-items:center; min-height:520px; color:var(--muted); font:600 11px/1 "Spline Sans Mono",monospace; letter-spacing:.06em; }
.chart-wait--action { align-content:center; gap:22px; }
.chart-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border-bottom:1px solid var(--rule); background:var(--rule); }
.chart-summary div { padding:20px; background:var(--panel); }
.chart-summary span { display:block; margin-bottom:9px; color:var(--muted); font:600 9px/1 "Spline Sans Mono",monospace; }
.chart-summary b { font:600 15px/1.2 "Spline Sans Mono",monospace; }
.market-chart { width:100%; height:auto; padding:8px 12px 0; }
.chart-grid line { stroke:var(--rule); stroke-width:1; }
.chart-area { opacity:.95; }
.chart-line { fill:none; stroke:var(--mint); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 8px rgba(71,240,189,.38)); }
.chart-volume rect { fill:var(--rule); }
.chart-fill { stroke:var(--coral); stroke-width:2; stroke-dasharray:9 7; }
.chart-cursor { stroke:var(--signal); stroke-width:1; opacity:.7; }
.chart-point { fill:var(--signal); stroke:var(--ink); stroke-width:3; filter:drop-shadow(0 0 8px var(--signal)); }
.chart-axis { display:flex; justify-content:space-between; gap:12px; padding:0 28px 22px; color:var(--muted); font:400 9px/1 "Spline Sans Mono",monospace; }
.chart-toolbar { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:0 0 15px; }
.chart-toolbar label { width:min(360px,100%); }
.request-lab { overflow:hidden; border:1px solid var(--rule); border-radius:16px; background:#011b14; }
.request-lab__bar { display:grid; grid-template-columns:90px 1fr auto; gap:12px; align-items:center; padding:14px; border-bottom:1px solid var(--rule); background:var(--panel); }
.request-lab__bar .method { display:grid; min-height:48px; place-items:center; border:1px solid var(--signal); border-radius:6px; color:var(--ground); background:var(--signal); font:600 11px/1 "Spline Sans Mono",monospace; }
.request-lab__meta { padding:13px 20px; border-bottom:1px solid var(--rule); color:var(--muted); font:600 10px/1 "Spline Sans Mono",monospace; }
.request-lab__body { min-height:360px; max-height:620px; overflow:auto; margin:0; padding:24px; color:var(--mint); font:400 12px/1.55 "Spline Sans Mono",monospace; }
.form-actions { display:flex; flex-wrap:wrap; gap:10px; }
.endpoint { display:grid; grid-template-columns:90px 240px 1fr; gap:18px; padding:20px 0; border-bottom:1px solid var(--rule); font:400 12px/1.4 "Spline Sans Mono",monospace; }
.endpoint b { color:var(--signal); }
.endpoint code { color:var(--mint); }
.error-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; border:1px solid var(--rule); background:var(--rule); }
.error-grid div { padding:20px; background:var(--ground); font:400 12px/1.4 "Spline Sans Mono",monospace; }
.error-grid b { display:block; margin-bottom:7px; color:var(--coral); }

.form { display:grid; gap:18px; padding:30px; border:1px solid var(--rule); border-radius:16px; background:var(--panel); }
.field label { display:block; margin-bottom:9px; color:var(--muted); font:600 10px/1 "Spline Sans Mono",monospace; }
.field input { width:100%; min-height:53px; padding:0 15px; border:1px solid var(--rule); border-radius:6px; outline:none; color:var(--ink); background:var(--ground); font-family:"Spline Sans Mono",monospace; }
.field input:focus { border-color:var(--mint); box-shadow:0 0 0 3px rgba(71,240,189,.1); }
.field small { display:block; margin-top:8px; color:var(--muted); }
.form-state { padding:15px; border-left:3px solid var(--signal); color:var(--muted); background:var(--ground); font:400 11px/1.5 "Spline Sans Mono",monospace; }
.replay-control { display:grid; grid-template-columns:160px 1fr 180px; gap:24px; align-items:center; padding:28px; border:1px solid var(--rule); border-radius:14px; background:var(--panel); }
.replay-control input { width:100%; accent-color:var(--coral); }
.replay-value { text-align:right; font:600 12px/1.5 "Spline Sans Mono",monospace; }
.notice { padding:24px; border:1px solid var(--rule); border-left:4px solid var(--signal); color:var(--muted); background:var(--panel); }
.notice strong { color:var(--ink); }

.site-footer { padding:45px 3.2vw; border-top:1px solid var(--rule); color:var(--muted); background:#021D16; font:400 10px/1.65 "Spline Sans Mono",monospace; }
.site-footer p { max-width:1180px; margin:11px 0 0; }
.footer-meta { display:flex; flex-wrap:wrap; gap:16px 32px; margin-bottom:22px; }
.footer-meta b { color:var(--mint); }
.footer-community { display:flex; align-items:center; gap:10px; padding-top:20px; border-top:1px solid var(--rule); }
.footer-community span { margin-right:auto; color:var(--muted); letter-spacing:.08em; }
.footer-community a { min-width:104px; padding:11px 15px; border:1px solid var(--rule); border-radius:999px; color:var(--ink); text-align:center; font-weight:600; }
.footer-community a:hover { color:var(--ground); border-color:var(--mint); background:var(--mint); }
.toast { position:fixed; z-index:100; right:20px; bottom:20px; transform:translateY(20px); opacity:0; padding:13px 18px; border:1px solid var(--mint); border-radius:7px; color:var(--ground); background:var(--mint); font:600 10px/1 "Spline Sans Mono",monospace; transition:.25s ease; }
.toast.is-on { transform:none; opacity:1; }

@media (max-width:1024px) {
  .site-header { height:112px; grid-template-columns:1fr auto; grid-template-rows:62px 50px; gap:0 18px; padding:0 24px; }
  .wordmark,.social-nav { grid-row:1; }
  .main-nav { grid-column:1/-1; grid-row:2; width:calc(100vw - 48px); gap:25px; overflow-x:auto; border-top:1px solid color-mix(in srgb,var(--rule) 65%,transparent); scrollbar-width:none; }
  .main-nav::-webkit-scrollbar { display:none; }
  .main-nav a { flex:0 0 auto; }
  .shell { width:min(100% - 48px,1320px); }
  .hero__copy { width:54%; }
  .hero-tote { left:24px; right:24px; grid-template-columns:1.4fr repeat(3,.7fr); }
  .section-head { gap:35px; }
  .route-layout { gap:38px; }
}

@media (max-width:768px) {
  .site-header { height:108px; padding:0 18px; }
  .main-nav { width:calc(100vw - 36px); }
  .wordmark { font-size:20px; }
  .social-nav { gap:13px; }
  .shell { width:min(100% - 36px,1320px); }
  .hero { min-height:700px; }
  .hero__media video,.hero__media img { object-position:43% center; }
  .hero__content { align-items:flex-end; padding:0 0 235px; }
  .hero__copy { width:100%; max-width:610px; }
  .hero h1 { width:72%; font-size:clamp(49px,12vw,78px); text-shadow:0 2px 20px var(--ground); }
  .hero__support { width:65%; font-size:18px; }
  .hero__note { display:none; }
  .command { margin-top:17px; }
  .hero-tote { bottom:8px; grid-template-columns:1.3fr 1fr; min-height:120px; padding:15px; }
  .hero-tote__cell:nth-last-child(-n+2) { display:none; }
  .section { padding:80px 0; }
  .section-head,.route-layout,.route-layout--equal { grid-template-columns:1fr; }
  .route-copy { position:static; }
  .fact-rail { grid-template-columns:1fr 1fr; }
  .metric-grid,.source-console,.chart-summary { grid-template-columns:1fr 1fr; }
  .fact:nth-child(2) { border-right:0; }
  .fact:nth-child(-n+2) { border-bottom:1px solid var(--rule); }
  .mechanism { grid-template-columns:1fr 1fr; }
  .mechanism article:nth-child(2) { border-right:0; }
  .mechanism article:nth-child(-n+2) { border-bottom:1px solid var(--rule); }
  .art-stage,.art-stage img,.route-art,.route-art img { min-height:460px; }
  .route-hero { padding-top:155px; }
  .replay-control { grid-template-columns:1fr; }
  .replay-value { text-align:left; }
  .formula { grid-template-columns:1fr; text-align:left; }
  .simulator { grid-template-columns:1fr; }
  .chart-shell,.chart-shell--large { min-height:430px; }
  .market-focus__stats { grid-template-columns:repeat(3,1fr); }
  .depth-board,.strategy-grid { grid-template-columns:1fr; }
  .agent-focus__top { flex-direction:column; }
  .filter-bar { grid-template-columns:1fr 1fr; }
  .transition-lane { grid-template-columns:42px 100px repeat(4,minmax(90px,1fr)) 75px; min-width:720px; }
  .transition-board { overflow-x:auto; }
  .site-header,.hero-tote { backdrop-filter:none; }
}

@media (max-width:480px) {
  body { font-size:16px; }
  .site-header { gap:10px; }
  .main-nav { gap:18px; font-size:9px; }
  .wordmark__icon { width:30px; height:30px; flex-basis:30px; }
  .social-nav { gap:8px; }
  .social-nav .nav-pill { padding:9px 12px; }
  .shell { width:calc(100% - 28px); }
  h1 { font-size:53px; }
  h2 { font-size:43px; }
  .hero-track { height:160vh; }
  .hero { min-height:650px; }
  .hero__content { padding-bottom:215px; }
  .hero__copy { padding-top:120px; }
  .hero h1 { width:100%; font-size:40px; }
  .hero__rule { width:110px; margin:16px 0 14px; }
  .hero__support { width:85%; margin-bottom:15px; font-size:16px; }
  .hero__actions { gap:8px; }
  .button { min-height:46px; padding:0 14px; font-size:10px; }
  .command { width:100%; }
  .command__well { min-height:47px; padding-left:13px; font-size:11px; }
  .hero-tote { left:14px; right:14px; grid-template-columns:1fr; border-radius:13px; }
  .hero-tote__token { gap:8px; }
  .hero-tote__cell { display:none; }
  .section { padding:68px 0; }
  .section-head { margin-bottom:35px; }
  .fact-rail { grid-template-columns:1fr; }
  .metric-grid,.source-console,.chart-summary { grid-template-columns:1fr; }
  .fact { min-height:96px; border-right:0; border-bottom:1px solid var(--rule); }
  .fact:last-child { border-bottom:0; }
  .art-stage,.art-stage img,.route-art,.route-art img { min-height:330px; }
  .art-stage { margin:34px 0; border-radius:15px; }
  .art-stage__labels { inset:10px; }
  .art-stage__labels span { padding:7px 8px; font-size:7px; }
  .table-scroll { width:100%; max-width:100%; overflow-x:auto; margin-right:-14px; padding-right:14px; }
  .data-table { min-width:760px; }
  .tape-row { grid-template-columns:38px 1fr 1fr; gap:10px; font-size:9px; }
  .tape-row span:nth-last-child(-n+2) { display:none; }
  .mechanism { grid-template-columns:1fr; }
  .mechanism article { min-height:180px; border-right:0; border-bottom:1px solid var(--rule); }
  .mechanism article:before { margin-bottom:38px; }
  .route-hero { padding:150px 0 55px; }
  .route-hero h1 { font-size:52px; }
  .endpoint { grid-template-columns:70px 1fr; }
  .simulator__output { grid-template-columns:1fr 1fr; }
  .chart-shell,.chart-shell--large { min-height:360px; }
  .chart-summary { grid-template-columns:1fr 1fr; }
  .chart-summary div { padding:14px; }
  .market-chart { min-width:650px; }
  .chart-shell { overflow-x:auto; }
  .chart-axis { min-width:650px; }
  .chart-toolbar { align-items:stretch; flex-direction:column; }
  .request-lab__bar { grid-template-columns:62px 1fr; }
  .request-lab__bar .button { grid-column:1/-1; }
  .market-focus__stats { grid-template-columns:1fr 1fr; }
  .market-focus__stats div { padding:14px; }
  .pool-address { grid-template-columns:1fr; }
  .depth-row { padding:18px; }
  .agent-selector { grid-template-columns:1fr; }
  .agent-focus { padding:22px; }
  .agent-state-track { grid-template-columns:1fr 1fr; border-radius:12px; }
  .agent-state-track span:nth-child(2) { border-right:0; }
  .agent-state-track span:nth-child(-n+2) { border-bottom:1px solid var(--rule); }
  .filter-bar { grid-template-columns:1fr; }
  .filter-bar .button { width:100%; }
  .endpoint span { grid-column:1/-1; color:var(--muted); }
  .error-grid { grid-template-columns:1fr; }
  .form { padding:18px; }
  .footer-meta { display:grid; grid-template-columns:1fr 1fr; }
  .footer-community { flex-wrap:wrap; }
  .footer-community span { width:100%; margin:0 0 6px; }
  .footer-community a { flex:1; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*:before,*:after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .hero__media video { display:none; }
  .boot { display:none; }
}

.fact strong a { color:inherit; text-decoration:none; }
.fact strong a:hover { text-decoration:underline; }