@oracle-agent/oracle 0.9.8 → 0.11.0

package/public/oracle-splash/index.html

@@ -143,7 +143,8 @@ main{position:relative;z-index:2;padding-top:84px}
  background:linear-gradient(180deg, rgba(124,196,255,.65), transparent);
  transform-origin:50% 0;animation:drop-line 2.8s var(--ease) infinite;
 }
-.home-inner{max-width:min(1100px,100%);width:100%;margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center}
+.home-inner{max-width:min(920px,100%);width:100%;margin:0 auto;position:relative}
+.hero-primary{min-width:0;display:flex;flex-direction:column;align-items:center}
 .home-kicker{
  font-family:var(--mono);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--blue);
  margin-bottom:6px;position:relative;z-index:3;
@@ -192,7 +193,7 @@ main{position:relative;z-index:2;padding-top:84px}
 .hero-orb .orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 38% 34%, #fff, var(--blue2) 55%, rgba(124,196,255,.5));box-shadow:0 0 22px rgba(167,216,255,.95), 0 0 44px rgba(124,196,255,.4);left:calc(50% - 4.5px);top:calc(50% - 4.5px);transform-style:preserve-3d;animation:orbit-travel 14s linear infinite}
 .home-title{
  position:relative;z-index:2;
- font-family:var(--display);font-weight:300;font-size:clamp(96px,17vw,230px);line-height:.9;letter-spacing:-.045em;
+ font-family:var(--display);font-weight:300;font-size:clamp(72px,10vw,150px);line-height:.9;letter-spacing:-.045em;
  text-transform:uppercase;color:var(--ink);
  text-shadow:0 2px 30px rgba(0,0,0,.6);
 }
@@ -391,6 +392,41 @@ main{position:relative;z-index:2;padding-top:84px}
 .moat-card h3{font-family:var(--display);font-weight:400;font-size:clamp(20px,2.2vw,26px)}
 .moat-card p{color:#C9DAEC;font-size:15px;line-height:1.55;max-width:44ch}
 @media (max-width:860px){.moat-grid{grid-template-columns:1fr}}
+
+.strategy-surface{
+ margin-top:clamp(30px,5vw,52px);border:1px solid var(--line);border-radius:20px;overflow:hidden;
+ background:linear-gradient(145deg,rgba(124,196,255,.07),rgba(17,25,37,.92) 40%,rgba(11,16,24,.98));
+}
+.strategy-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:clamp(22px,3vw,34px);border-bottom:1px solid var(--line)}
+.strategy-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
+.strategy-head h3{font-family:var(--display);font-weight:400;font-size:clamp(28px,4vw,42px);line-height:1.05;margin-top:8px}
+.strategy-head p{max-width:50ch;color:#C9DAEC;font-size:14px;line-height:1.6}
+.strategy-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line)}
+.strategy-card{min-height:205px;padding:clamp(20px,2.6vw,28px);background:rgba(11,16,24,.96);display:flex;flex-direction:column;gap:11px}
+.strategy-card .mode{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue2)}
+.strategy-card h4{font-family:var(--display);font-weight:400;font-size:clamp(23px,2.5vw,30px)}
+.strategy-card p{color:#C9DAEC;font-size:14px;line-height:1.6}
+.strategy-posture{padding:14px clamp(20px,3vw,34px);border-top:1px solid var(--line);font-family:var(--mono);font-size:9px;line-height:1.6;letter-spacing:.11em;text-transform:uppercase;color:var(--mute)}
+.strategy-posture b{color:var(--blue2);font-weight:500}
+@media (max-width:1180px){.strategy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
+@media (max-width:980px){.strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.strategy-head{align-items:start;flex-direction:column}}
+@media (max-width:620px){.strategy-grid{grid-template-columns:1fr}.strategy-card{min-height:0}}
+
+/* actual Oracle CLI */
+.convert-grid{display:grid;grid-template-columns:1fr;gap:clamp(18px,3vw,28px);align-items:stretch;margin-top:8px}
+.convert-copy{display:flex;flex-direction:column;gap:14px;text-align:left;max-width:780px}
+.convert-copy h3{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,34px);line-height:1.1}
+.convert-copy p{color:#C9DAEC;font-size:15px;line-height:1.65;max-width:54ch}
+.convert-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
+.convert-pills span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(124,196,255,.28);border-radius:999px;padding:8px 12px;color:var(--blue2)}
+.platform-beta{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--cool)}
+.platform-beta b{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#071018;background:var(--blue2);border-radius:999px;padding:5px 8px}
+.cli-frame{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0d1420;box-shadow:0 24px 60px rgba(0,0,0,.35)}
+.cli-frame img{display:block;width:100%;height:auto}
+.cli-cap{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-top:10px;text-align:left}
+.cli-code{margin-top:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:rgba(17,25,37,.9);font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--cool);overflow-x:auto;text-align:left}
+.cli-code b{color:var(--blue2);font-weight:500}
+
 .evolve-rail{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
  padding:14px 16px 4px;
@@ -401,18 +437,6 @@ main{position:relative;z-index:2;padding-top:84px}
 }
 .evolve-pill.on{border-color:rgba(124,196,255,.35);color:var(--blue2)}
 
-.venue-rail-head{
- font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
- color:var(--cool);text-align:center;padding:14px 16px 0;opacity:.75;
-}
-.venue-rail-head b{color:var(--blue2);font-weight:600}
-.venue-rail{padding:10px 16px 4px;max-height:96px;overflow:hidden;position:relative}
-.venue-rail .evolve-pill{font-size:9px;padding:6px 10px;opacity:.9}
-.venue-rail::after{
- content:"";position:absolute;left:0;right:0;bottom:0;height:34px;pointer-events:none;
- background:linear-gradient(to bottom,transparent,var(--bg));
-}
-
 .wires{height:40px;position:relative}
 .wires svg{width:100%;height:100%;display:block;overflow:visible}
 .wires path{
@@ -510,8 +534,8 @@ main{position:relative;z-index:2;padding-top:84px}
 .marquee{overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
 .marquee:hover .track{animation-play-state:paused}
 .marquee + .marquee{border-top:1px solid rgba(124,196,255,.08)}
-.track{display:inline-flex;gap:26px;padding:12px 0;animation:scroll 75s linear infinite;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}
-.marquee.rev .track{animation-direction:reverse;animation-duration:88s}
+.track{display:inline-flex;gap:26px;padding:12px 0;animation:scroll var(--marquee-duration,240s) linear infinite;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}
+.marquee.rev .track{animation-direction:reverse}
 a.chip{text-decoration:none;color:inherit}
 .chip{
  display:inline-flex;align-items:center;gap:10px;
@@ -581,6 +605,7 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
 .js .rv.done{transform:none;will-change:auto}
 
 @media (max-width:960px){
+ .home-inner{max-width:760px}
  .hero-stage{min-height:clamp(300px,44vh,460px)}.home-title{font-size:clamp(80px,20vw,150px)}
  .nav-chip{display:none}
  .nav-links .hide-sm{display:none}
@@ -692,7 +717,9 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
   </span>
   oracle</a>
  <nav class="nav-links" aria-label="Primary">
-  <a class="hide-sm" href="#orchestration">How it works</a>
+  <a class="hide-sm" href="#cli">CLI</a>
+  <a class="hide-sm" href="#orchestration">Profiles</a>
+  <a class="hide-sm" href="#strategies">Strategies</a>
   <a class="hide-sm" href="#chains">Chains</a>
  </nav>
 </header>
@@ -703,38 +730,69 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
 
 <section class="home" id="home">
  <div class="home-inner">
-  <div class="hero-stage">
-   <div class="hero-art" aria-hidden="true">
-    <video id="orb-vid" muted loop playsinline preload="none" hidden>
-     <source src="assets/hero/orb.webm" type="video/webm">
-    </video>
-    <div class="hero-orb" id="hero-orb">
-     <span class="lat l1"></span><span class="lat l2"></span><span class="lat l3"></span><span class="lat l4"></span>
-     <span class="par p1"></span><span class="par p2"></span><span class="par p3"></span>
-     <span class="eq"></span>
-     <span class="core-glow"></span>
-     <span class="orbit-dot"></span>
+  <div class="hero-primary">
+   <div class="hero-stage">
+    <div class="hero-art" aria-hidden="true">
+     <video id="orb-vid" muted loop playsinline preload="none" hidden>
+      <source src="assets/hero/orb.webm" type="video/webm">
+     </video>
+     <div class="hero-orb" id="hero-orb">
+      <span class="lat l1"></span><span class="lat l2"></span><span class="lat l3"></span><span class="lat l4"></span>
+      <span class="par p1"></span><span class="par p2"></span><span class="par p3"></span>
+      <span class="eq"></span>
+      <span class="core-glow"></span>
+      <span class="orbit-dot"></span>
+     </div>
+    </div>
+    <div class="hero-lockup" id="hero-title">
+     <h1 class="home-title">OR<em>ACLE</em></h1>
     </div>
    </div>
-   <div class="hero-lockup" id="hero-title">
-    <h1 class="home-title">OR<em>ACLE</em></h1>
-    <a class="hero-byline" href="https://x.com/demi_hl" target="_blank" rel="noopener noreferrer">BY DEMI</a>
+   <div class="home-copy">
+    <p class="home-kicker">self-custody agent control</p>
+    <p>One control plane for Hyperliquid, Polymarket, EVM, Bitcoin, Solana, Stable, Robinhood Chain, and new protocol builds. Cross-chain research, trade, protocol interactions, NFT listing and buying. The all-in-one crypto agent. The future is agentic.</p>
+    <div class="home-actions">
+     <a class="enter-cta" href="#cli">See the CLI</a>
+     <a class="enter-cta" href="#orchestration" style="margin-left:10px;opacity:.85">See profiles</a>
+    </div>
    </div>
   </div>
-  <div class="home-copy">
-   <p class="home-kicker">self-custody agent control</p>
-   <p>One control plane for Hyperliquid, Polymarket, EVM, Bitcoin, Solana, Stable, Robinhood Chain, and new protocol builds. Cross-chain research, trade, protocol interactions, NFT listing and buying. The all-in-one crypto agent. The future is agentic.</p>
-   <div class="home-actions">
-    <a class="enter-cta" href="#orchestration">Enter oracle</a>
+ </div>
+</section>
+
+<section class="section cli-section" id="cli">
+ <p class="section-label rv">Oracle CLI</p>
+ <h2 class="section-title rv">One surface. <em>Every chain.</em></h2>
+ <p class="section-lede rv">The real Oracle shell, isolated from desktop chrome. Pin the active surface with <code style="color:var(--blue2)">/chain hyperliquid</code>, switch models with <code style="color:var(--blue2)">/model</code>, then ask naturally.</p>
+ <div class="convert-grid rv">
+  <div>
+   <figure class="cli-frame">
+    <img src="assets/cli-chain-hyperliquid.jpg?v=cli-visible" alt="Oracle CLI selecting Hyperliquid with the /chain hyperliquid command" width="1600" height="900" loading="eager" fetchpriority="high" />
+   </figure>
+   <p class="cli-cap">actual oracle shell // /chain hyperliquid</p>
+  </div>
+  <div class="convert-copy">
+   <h3>The actual Oracle CLI</h3>
+   <p>The active chain follows each read, quote, prepare, and bounded execution path.</p>
+   <div class="convert-pills">
+    <span>HyperCore + HyperEVM</span>
+    <span>multichain routing</span>
+    <span>self-custody</span>
+   </div>
+   <p class="platform-beta"><b>Beta</b> Linux, Windows, and macOS apps are in beta.</p>
+   <div class="cli-code">
+    <div><b>oracle ›</b> /chain hyperliquid</div>
+    <div><b>oracle ›</b> /chain show</div>
+    <div><b>oracle ›</b> what can you do on hyperliquid?</div>
    </div>
   </div>
  </div>
 </section>
 
 <section class="section" id="orchestration">
- <p class="section-label rv">How it works</p>
+ <p class="section-label rv">Profiles</p>
  <h2 class="section-title rv">Multi-profile. <em>Customizable.</em></h2>
- <p class="section-lede rv">Not one bot. A mesh with profile routing via Hermes: Input / Command hits the oracle control plane, then fans out across venue profiles, multi-chain EVM, Bitcoin, Solana, and a protocol builder. Any MCP harness can drive a single agent.</p>
+ <p class="section-lede rv">Input / Command hits the Oracle control plane, then routes across venue profiles, multi-chain EVM, Bitcoin, Solana, and the protocol builder. Any MCP harness can drive a single agent.</p>
 
  <div class="graph-shell rv">
   <div class="graph-top">
@@ -747,98 +805,6 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
    <span class="evolve-pill on">more chains</span>
   </div>
 
-  <div class="venue-rail-head">solana venues routed · <b id="sol-count">101</b> programs verified on-chain · 88 venues</div>
-  <div class="evolve-rail venue-rail" id="sol-venue-rail">
-   <span class="evolve-pill on">1DEX</span>
-   <span class="evolve-pill on">Aldrin</span>
-   <span class="evolve-pill on">AlphaQ</span>
-   <span class="evolve-pill on">Aquifer</span>
-   <span class="evolve-pill on">BinaryFi</span>
-   <span class="evolve-pill on">BisonFi</span>
-   <span class="evolve-pill on">Bonkswap</span>
-   <span class="evolve-pill on">Boop.fun</span>
-   <span class="evolve-pill on">Byreal</span>
-   <span class="evolve-pill on">Carrot</span>
-   <span class="evolve-pill on">Crema</span>
-   <span class="evolve-pill on">Cropper</span>
-   <span class="evolve-pill on">DefiTuna</span>
-   <span class="evolve-pill on">Denali</span>
-   <span class="evolve-pill on">Deriverse</span>
-   <span class="evolve-pill on">DexLab</span>
-   <span class="evolve-pill on">Dynamic Bonding Curve</span>
-   <span class="evolve-pill on">Flint</span>
-   <span class="evolve-pill on">Flux</span>
-   <span class="evolve-pill on">FluxBeam</span>
-   <span class="evolve-pill on">GatorSwap</span>
-   <span class="evolve-pill on">Gavel</span>
-   <span class="evolve-pill on">GoonFi</span>
-   <span class="evolve-pill on">GooseFX GAMMA</span>
-   <span class="evolve-pill on">Guacswap</span>
-   <span class="evolve-pill on">Hadron</span>
-   <span class="evolve-pill on">Heaven</span>
-   <span class="evolve-pill on">Helium Network</span>
-   <span class="evolve-pill on">Huma</span>
-   <span class="evolve-pill on">HumidiFi</span>
-   <span class="evolve-pill on">Hylo Exchange</span>
-   <span class="evolve-pill on">Hylo Stability</span>
-   <span class="evolve-pill on">Invariant</span>
-   <span class="evolve-pill on">Jupiter Lend</span>
-   <span class="evolve-pill on">JupiterRfqV2</span>
-   <span class="evolve-pill on">JupLend</span>
-   <span class="evolve-pill on">Kipseli</span>
-   <span class="evolve-pill on">LemmingsFi</span>
-   <span class="evolve-pill on">M Swap</span>
-   <span class="evolve-pill on">Manifest</span>
-   <span class="evolve-pill on">Mercurial</span>
-   <span class="evolve-pill on">MetaDAO</span>
-   <span class="evolve-pill on">Meteora</span>
-   <span class="evolve-pill on">Meteora DAMM</span>
-   <span class="evolve-pill on">Metric</span>
-   <span class="evolve-pill on">Moonit</span>
-   <span class="evolve-pill on">Obric</span>
-   <span class="evolve-pill on">Obsidian</span>
-   <span class="evolve-pill on">Omnipair</span>
-   <span class="evolve-pill on">OpenBook</span>
-   <span class="evolve-pill on">Orca</span>
-   <span class="evolve-pill on">PancakeSwap</span>
-   <span class="evolve-pill on">Penguin</span>
-   <span class="evolve-pill on">Perena</span>
-   <span class="evolve-pill on">Perena Star</span>
-   <span class="evolve-pill on">Perps</span>
-   <span class="evolve-pill on">Phoenix</span>
-   <span class="evolve-pill on">Pump.fun</span>
-   <span class="evolve-pill on">Quantum</span>
-   <span class="evolve-pill on">Raydium</span>
-   <span class="evolve-pill on">Riptide</span>
-   <span class="evolve-pill on">RunnerRodeo</span>
-   <span class="evolve-pill on">Saber</span>
-   <span class="evolve-pill on">Saber (Decimals)</span>
-   <span class="evolve-pill on">Sanctum</span>
-   <span class="evolve-pill on">Sanctum Infinity</span>
-   <span class="evolve-pill on">Saros</span>
-   <span class="evolve-pill on">Scale</span>
-   <span class="evolve-pill on">Scale Vmm</span>
-   <span class="evolve-pill on">Scorch</span>
-   <span class="evolve-pill on">Solayer</span>
-   <span class="evolve-pill on">SolFi</span>
-   <span class="evolve-pill on">Stabble</span>
-   <span class="evolve-pill on">Stabble Stable Swap</span>
-   <span class="evolve-pill on">Stabble Weighted Swap</span>
-   <span class="evolve-pill on">StepN</span>
-   <span class="evolve-pill on">TaurusFi</span>
-   <span class="evolve-pill on">TesseraV</span>
-   <span class="evolve-pill on">Token Swap</span>
-   <span class="evolve-pill on">Trends</span>
-   <span class="evolve-pill on">VaultLiquidUnstake</span>
-   <span class="evolve-pill on">Virtuals</span>
-   <span class="evolve-pill on">Voltr</span>
-   <span class="evolve-pill on">WhaleStreet</span>
-   <span class="evolve-pill on">Whirlpool</span>
-   <span class="evolve-pill on">Woofi</span>
-   <span class="evolve-pill on">XOrca</span>
-   <span class="evolve-pill on">ZeroFi</span>
-  </div>
-
   <div class="graph-canvas">
    <div class="orch" aria-label="Oracle multi-profile graph">
     <div class="row">
@@ -911,7 +877,7 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
       <div class="tag">profile</div>
       <div class="name">solana agent</div>
       <div class="sub">jup · nfts · dexs</div>
-      <div class="chains"><span class="ch">Solana <img src="https://icons.llamao.fi/icons/chains/rsz_solana?w=24&h=24" alt="" loading="lazy"></span><span class="ch" id="sol-venue-count">88 venues routed</span></div>
+      <div class="chains"><span class="ch">Solana <img src="https://icons.llamao.fi/icons/chains/rsz_solana?w=24&h=24" alt="" loading="lazy"></span></div>
      </div>
      <div class="node route p-btc">
       <div class="tag">profile</div>
@@ -931,12 +897,6 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
       <div class="sub">launches · memecoins</div>
       <div class="chains"><span class="ch">Stable <img src="https://icons.llamao.fi/icons/chains/rsz_stable?w=24&h=24" alt="" loading="lazy"></span></div>
      </div>
-     <div class="node add">
-      <div class="tag">open slot</div>
-      <div class="name">+ add agent</div>
-      <div class="sub">new chain · new venue · your rules</div>
-      <div class="chains" style="margin-top:12px;font-family:var(--mono);font-size:10px;color:var(--blue2)">sits beside stable · same custody</div>
-     </div>
     </div>
 
     <div class="wires funnel" aria-hidden="true">
@@ -1057,20 +1017,10 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
      <span class="chip-s">unsigned deploy</span>
     </div>
    </article>
-   <article class="route-card p-add">
-    <div class="where">+ add agent →</div>
-    <h3>Next chain</h3>
-    <p>Drop in another profile for a new chain or venue. Same custody model, your wallet, your limits, your revoke.</p>
-    <div class="chips">
-     <span class="chip-s">custom profile</span>
-     <span class="chip-s">more chains</span>
-     <span class="chip-s">same custody</span>
-    </div>
-   </article>
   </div>
 
   <div class="why-band">
-   <p>The model proposes. Policy bounds. You own signatures. Multi-profile desks, not one omniscient chatbot. Vaults, perps, bridges, and protocol scaffolds, not just swaps. Empty allowlists refuse everything until you configure them.</p>
+   <p>The model proposes. Policy bounds. You own signatures. Multi-profile desks route each request to the right surface. Vaults, perps, bridges, and protocol scaffolds, not just swaps. Empty allowlists refuse everything until you configure them.</p>
   </div>
  </div>
 
@@ -1106,7 +1056,45 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
    <p>A fresh install signs nothing. Every lane refuses while its allowlists are empty, so nothing moves until you set the bounds.</p>
   </article>
  </div>
- </section>
+
+ <div class="strategy-surface rv" id="strategies" aria-labelledby="strategies-title">
+  <div class="strategy-head">
+   <div>
+    <div class="strategy-kicker">Agentic strategies</div>
+    <h3 id="strategies-title">Move liquidity. Bound the risk.</h3>
+   </div>
+   <p>Oracle reads the position, models the route and costs, then prepares only the steps the selected lane can actually support.</p>
+  </div>
+  <div class="strategy-grid">
+   <article class="strategy-card">
+    <div class="mode">read · model · prepare</div>
+    <h4>LP rebalancing</h4>
+    <p>Read concentrated-liquidity positions, model new ranges and fee drag, then prepare collect, swap and redeploy steps on supported venues. You sign each step.</p>
+   </article>
+   <article class="strategy-card">
+    <div class="mode">monitor · shadow · simulate</div>
+    <h4>MEV</h4>
+    <p>Monitor cross-venue divergence and simulate net edge after gas, slippage and lender costs. Public mode is shadow analysis, not autonomous execution.</p>
+   </article>
+   <article class="strategy-card">
+    <div class="mode">simulate · policy-check</div>
+    <h4>Flash loans</h4>
+    <p>Build bounded atomic loan routes and test premium, calldata, gas and minimum-profit gates. Public live execution remains disabled.</p>
+   </article>
+   <article class="strategy-card">
+    <div class="mode">read · quote · prepare</div>
+    <h4>Staking</h4>
+    <p>Compare validators, staking vaults, rewards and unlock periods, then prepare supported stake, withdraw and delegate actions for your signature.</p>
+   </article>
+   <article class="strategy-card">
+    <div class="mode">discover · compare · prepare</div>
+    <h4>Yield</h4>
+    <p>Rank lending, staking, vault and LP opportunities by net APY after fees, liquidity, lockups and smart-contract risk, then prepare supported deposits or migrations for your signature.</p>
+   </article>
+  </div>
+  <div class="strategy-posture"><b>Public posture:</b> research, simulation and unsigned preparation. MEV and flash-loan broadcast stays off; supported staking, LP and yield actions require the user wallet to sign.</div>
+ </div>
+</section>
 
 <section class="section" id="chains">
  <p class="section-label rv">Chains</p>
@@ -1125,7 +1113,7 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
   </div>
  </div>
  <div class="venues rv">
-  <div class="venues-head"><span>protocols // venues</span><span><b>routed by name</b> · quotes ranked</span></div>
+  <div class="venues-head"><span>protocols // venues</span></div>
   <div class="marquee"><div class="track" id="proto-track-a"></div></div>
   <div class="marquee rev"><div class="track" id="proto-track-b"></div></div>
  </div>
@@ -1195,43 +1183,121 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  }).join("");
 
  var WM = "assets/wordmarks/";
+var BRAND = "brand/";
  var PROTOS_A = [
-  { n: "Hyperliquid", wm: "hyperliquid.svg", u: "https://hyperliquid.xyz" },
-  { n: "Outcome",     wm: "outcome.svg", u: "https://outcome.xyz" },
-  { n: "XYZ",         wm: "xyz.svg", u: "https://trade.xyz" },
-  { n: "Markets",     wm: "markets.svg", tall: 1, u: "https://markets.xyz" },
-  { n: "HyENA",       wm: "hyena.svg", u: "https://hyena.trade" },
-  { n: "Paragon",     wm: "paragon.svg", tall: 1, mono: 1, u: "https://paragon.trade" },
-  { n: "HyperSwap",   wm: "hyperswap.svg", u: "https://hyperswap.exchange" },
-  { n: "Uniswap",     wm: "uniswap.svg", u: "https://uniswap.org" },
-  { n: "Polymarket",  wm: "polymarket.png", u: "https://polymarket.com" },
-  { n: "Aerodrome",   wm: "aerodrome.svg", u: "https://aerodrome.finance" },
-  { n: "Velodrome",   wm: "velodrome.svg", u: "https://velodrome.finance" },
-  { n: "PancakeSwap", wm: "pancakeswap.svg", u: "https://pancakeswap.finance" },
-  { n: "QuickSwap",   wm: "quickswap.png", u: "https://quickswap.exchange" },
-  { n: "LFJ",         wm: "lfj.webp", tall: 1, u: "https://lfj.gg" },
-  { n: "Curve",       wm: "curve.png", tall: 1, u: "https://curve.finance" },
-  { n: "Balancer",    wm: "balancer.svg", u: "https://balancer.fi" },
-  { n: "Pendle",      wm: "pendle.png", u: "https://pendle.finance" }
- ];
- var PROTOS_B = [
-  { n: "Morpho",     wm: "morpho.svg", u: "https://morpho.org" },
-  { n: "GMX",        wm: "gmx.svg", u: "https://gmx.io" },
-  { n: "LI.FI",      wm: "lifi.png", u: "https://li.fi" },
-  { n: "Relay",      wm: "relay.svg", u: "https://relay.link" },
-  { n: "Velora",     wm: "paraswap.svg", u: "https://velora.xyz" },
-  { n: "Odos",       wm: "odos.svg", u: "https://odos.xyz" },
-  { n: "0x",         wm: "zerox-icon.webp", tall: 1, u: "https://0x.org" },
-  { n: "Hop",        wm: "hop-icon.webp", tall: 1, u: "https://hop.exchange" },
-  { n: "Satflow",    wm: "satflow-icon.png", tall: 1, u: "https://satflow.com" },
-  { n: "CoW Swap",   wm: "cowswap.svg", u: "https://cow.fi" },
-  { n: "1inch",      wm: "oneinch.svg", u: "https://1inch.io" },
-  { n: "Jupiter",    wm: "jupiter.svg", u: "https://jup.ag" },
-  { n: "OpenSea",    wm: "opensea-icon.svg", tall: 1, u: "https://opensea.io" },
-  { n: "Across",     wm: "across-icon.webp", tall: 1, u: "https://across.to" },
-  { n: "Stargate",   wm: "stargate-icon.webp", tall: 1, u: "https://stargate.finance" },
-  { n: "Magic Eden", wm: "magic-eden.svg", u: "https://magiceden.io" }
- ];
+ { n: "Uniswap V3", wm: "uniswap.svg", cap: "read + quote + prepare + policy", u: "https://app.uniswap.org/" },
+ { n: "Aerodrome Slipstream", wm: "aerodrome.svg", cap: "read + quote + prepare", u: "https://aerodrome.finance/" },
+ { n: "Pancake V3", wm: "pancakeswap.svg", cap: "read + quote", u: "https://pancakeswap.finance/swap" },
+ { n: "LFJ Liquidity Book", img: "lfj", cap: "read + quote", u: "https://lfj.gg/avalanche/trade" },
+ { n: "Curve RouterNG", img: "curve", cap: "read + quote + prepare + policy", u: "https://curve.finance" },
+ { n: "Pendle Router", img: "pendle", cap: "read + quote + prepare + policy", u: "https://pendle.finance/" },
+ { n: "Morpho vaults", wm: "morpho.svg", cap: "read + deposit prepare", u: "https://app.morpho.org/" },
+ { n: "Lido stETH", img: "lido", cap: "read + stake prepare + policy", u: "https://lido.fi/" },
+ { n: "Kinetiq kHYPE", wm: "kinetiq.svg", tall: 1, cap: "read + quote + stake prepare + policy", u: "https://kinetiq.xyz/stake" },
+ { n: "Project X", img: "projectx", cap: "read", u: "https://www.prjx.com" },
+ { n: "Uniswap V4", img: "uniswapv4", cap: "read + quote", u: "https://app.uniswap.org/" },
+ { n: "Aborean CL", img: "aborean", cap: "read + quote", u: "https://aborean.finance/" },
+ { n: "Aborean AMM", img: "aborean", cap: "read + quote", u: "https://aborean.finance/" },
+ { n: "Stable Swap V3", img: "stableswap", cap: "read + quote", u: "https://swap.stable.xyz/" },
+ { n: "Stable Swap V2", img: "stableswap", cap: "read + quote", u: "https://swap.stable.xyz/" },
+ { n: "Compound V3", img: "compound", cap: "read + quote", u: "https://www.compound.xyz/" },
+ { n: "Aerodrome V1", img: "aerodrome", cap: "read + quote", u: "https://aerodrome.finance/" },
+ { n: "Ethena sUSDe", img: "ethena", cap: "read + quote", u: "https://app.ethena.fi/" },
+ { n: "Lido wstETH", img: "lido", cap: "read + quote", u: "https://lido.fi/" },
+ { n: "Benqi sAVAX", img: "benqi", cap: "read + quote", u: "https://app.benqi.fi/savax" },
+ { n: "EigenLayer", img: "eigenlayer", cap: "read + quote", u: "https://www.eigencloud.xyz/eigenlayer" },
+ { n: "SSV Network", img: "ssv", cap: "read", u: "https://ssv.network/" },
+ { n: "Fluid Lending", img: "fluid", cap: "read + quote", u: "https://www.fluid.io/" },
+ { n: "Rain", img: "rain", cap: "read + quote", u: "https://www.rain.one/" },
+ { n: "Derive V2", img: "derive", cap: "read", u: "https://app.derive.xyz" },
+ { n: "PancakeSwap AMM", img: "pancakeswap", cap: "read + quote", u: "https://pancakeswap.finance/" },
+ { n: "Lista Lending", img: "lista", cap: "read + quote", u: "https://lista.org/lending" },
+ { n: "Lista CDP", img: "lista", cap: "read", u: "https://lista.org/" },
+ { n: "Benqi Lending", img: "benqi", cap: "read", u: "https://benqi.fi" },
+ { n: "Pharaoh V3", img: "pharaoh", cap: "read + quote", u: "https://www.phar.gg/" },
+ { n: "Polymarket", img: "polymarket", cap: "read", u: "https://polymarket.com/" },
+ { n: "XSY", img: "xsy", cap: "read", u: "https://xsy.fi" },
+ { n: "Balancer V2", wm: "balancer.svg", cap: "read + quote", u: "https://balancer.fi/" },
+ { n: "Harmonix", img: "harmonix", cap: "read + quote", u: "https://app.harmonix.fi/" },
+ { n: "Hyperliquid HLP", wm: "hyperliquid.svg", cap: "read", u: "https://app.hyperliquid.xyz" },
+ { n: "stHYPE + wstHYPE", img: "sthype", cap: "read + quote", u: "https://app.valantis.xyz" },
+ { n: "Arcus Perps", img: "arcus", cap: "read", u: "https://arcus.xyz/" },
+ { n: "NOXA Fun", img: "noxa", cap: "read + quote", u: "https://fun.noxa.eth.limo/" },
+ { n: "Kona V2", img: "kona", cap: "read + quote", u: "https://kona.surf/" },
+ { n: "Kona Stableswap", img: "kona", cap: "read + quote", u: "https://kona.surf/" },
+ { n: "NOXA DEX V2", img: "noxa", cap: "read", u: "https://fun.noxa.eth.limo/" },
+ { n: "AFI Protocol", img: "afi", cap: "read + quote", u: "https://afiprotocol.xyz/" },
+ { n: "Kelp", img: "kelp", cap: "read + quote", u: "https://kelpdao.xyz/" },
+ { n: "Dolomite", img: "dolomite", cap: "read", u: "https://dolomite.io" },
+ { n: "Camelot V3", img: "camelot", cap: "read + quote", u: "https://camelot.exchange/" },
+ { n: "Beefy", img: "beefy", cap: "read + quote", u: "https://beefy.com" },
+ { n: "BounceBit", img: "bouncebit", cap: "read", u: "https://bouncebit.io/" },
+ { n: "BitFi", img: "bitfi", cap: "read", u: "https://www.bitfi.one/" },
+ { n: "Hypha", img: "hypha", cap: "read + quote", u: "https://www.hypha.sh/" },
+ { n: "40 Acres", img: "fortyacres", cap: "read + quote", u: "https://www.40acres.finance/" },
+ { n: "Hyperbeat", img: "hyperbeat", cap: "read + quote", u: "https://app.hyperbeat.org/" },
+ { n: "GMX V2", wm: "gmx.svg", cap: "read + order attestation", u: "https://gmx.io/" },
+ { n: "Relay", wm: "relay.svg", cap: "route source", u: "https://relay.link/" },
+ { n: "Odos", wm: "odos.svg", cap: "read + route source", u: "https://app.odos.xyz" },
+ { n: "Jupiter", wm: "jupiter.svg", cap: "solana route source", u: "https://jup.ag/" },
+ { n: "Stargate", wm: "stargate.svg", cap: "read + bridge route", u: "https://stargate.finance/" }
+];
+var PROTOS_B = [
+ { n: "Uniswap V3 LP", img: "uniswap", cap: "preview + mint/collect prepare", u: "https://app.uniswap.org/" },
+ { n: "Velodrome V2", wm: "velodrome.svg", cap: "read + quote", u: "https://velodrome.finance/" },
+ { n: "QuickSwap", img: "quickswap", cap: "read + quote", u: "https://quickswap.exchange/" },
+ { n: "HyperSwap V3", wm: "hyperswap.svg", cap: "read + quote", u: "https://app.hyperswap.exchange/" },
+ { n: "Balancer V3", img: "balancer", cap: "read + quote + prepare + policy", u: "https://balancer.fi/" },
+ { n: "Aave V3", img: "aave", cap: "read + supply/withdraw prepare + policy", u: "https://aave.com/" },
+ { n: "Morpho Blue", img: "morpho", cap: "read", u: "https://app.morpho.org" },
+ { n: "Concrete", img: "concrete", cap: "read + quote", u: "https://app.concrete.xyz" },
+ { n: "HyperLend", img: "hyperlend", cap: "read + supply/withdraw prepare + policy", u: "https://app.hyperlend.finance/" },
+ { n: "Kinetiq Earn", img: "kinetiq", cap: "read + quote", u: "https://kinetiq.xyz/stake-hype#kinetiq-earn" },
+ { n: "Kona Lend", img: "konalend", cap: "read + supply/withdraw prepare + policy", u: "https://app.kona.surf/lending" },
+ { n: "Uniswap V2", img: "uniswapv2", cap: "read + quote", u: "https://app.uniswap.org/" },
+ { n: "SakuraSwap AMM", img: "sakuraswap", cap: "read + quote", u: "https://sakuraswap.com/" },
+ { n: "SakuraSwap CLMM", img: "sakuraswap", cap: "read + quote", u: "https://sakuraswap.com/" },
+ { n: "Curve DEX", img: "curve", cap: "read + quote", u: "https://curve.finance" },
+ { n: "Aave V2", img: "aavev2", cap: "read + quote", u: "https://aave.com" },
+ { n: "Velodrome Slipstream", img: "velodrome", cap: "read + quote", u: "https://velodrome.finance/" },
+ { n: "Sky sUSDS", img: "sky", cap: "read + quote", u: "https://app.sky.money/" },
+ { n: "ether.fi weETH", img: "etherfi", cap: "read + quote", u: "https://www.ether.fi/" },
+ { n: "SparkLend", img: "spark", cap: "read + supply/withdraw prepare + policy", u: "https://spark.finance/" },
+ { n: "Binance wBETH", img: "wbeth", cap: "read + quote", u: "https://www.binance.com/en/wbeth" },
+ { n: "Spark Savings", img: "sparksavings", cap: "read + quote", u: "https://spark.finance/" },
+ { n: "Fluid DEX", img: "fluid", cap: "read + quote", u: "https://www.fluid.io/" },
+ { n: "ZEROBASE", img: "zerobase", cap: "read", u: "https://app.zerobase.pro/" },
+ { n: "EtherFi Cash", img: "etherfiborrow", cap: "read", u: "https://www.ether.fi/cash" },
+ { n: "Venus", img: "venus", cap: "read + quote", u: "https://app.venus.io/" },
+ { n: "Lista slisBNB", img: "lista", cap: "read + quote", u: "https://lista.org/" },
+ { n: "Solv", img: "solv", cap: "read + quote", u: "https://solv.finance/" },
+ { n: "Avant avUSD", img: "avant", cap: "read + quote", u: "https://app.avantprotocol.com/" },
+ { n: "Yield Yak", img: "yieldyak", cap: "read + quote", u: "https://yieldyak.com/" },
+ { n: "SushiSwap", img: "sushiswap", cap: "read + quote", u: "https://sushi.com/" },
+ { n: "Sphere", img: "sphere", cap: "read", u: "https://sphere.finance/" },
+ { n: "Felix", img: "felix", cap: "read + quote", u: "https://www.usefelix.xyz/" },
+ { n: "Unit", img: "unit", cap: "read", u: "https://hyperunit.xyz/" },
+ { n: "Hyperliquid Spot", img: "hyperliquidspot", cap: "read + quote", u: "https://app.hyperliquid.xyz/" },
+ { n: "Kinetiq kmHYPE", img: "kmhype", cap: "read + quote", u: "https://markets.xyz" },
+ { n: "Lighter Robinhood", img: "lighter", cap: "read", u: "https://robinhoodchain.lighter.xyz/trade/LIT" },
+ { n: "Ekubo", img: "ekubo", cap: "read", u: "https://ekubo.org/" },
+ { n: "Myriad Markets", img: "myriad", cap: "read + quote", u: "https://myriad.markets/markets" },
+ { n: "GASSSS", img: "gassss", cap: "read + quote", u: "https://gassss.xyz" },
+ { n: "Rocket Pool", img: "rocketpool", cap: "read + quote", u: "https://rocketpool.net" },
+ { n: "StakeWise V2", img: "stakewise", cap: "read + quote", u: "https://stakewise.io/" },
+ { n: "Ostium", img: "ostium", cap: "read + quote", u: "https://www.ostium.io/" },
+ { n: "Gains Network", img: "gainsnetwork", cap: "read + quote", u: "https://gains.trade/" },
+ { n: "Aster asBNB", img: "aster", cap: "read + quote", u: "https://www.asterdex.com/en/earn" },
+ { n: "Lorenzo", img: "lorenzo", cap: "read", u: "https://www.lorenzo-protocol.xyz/" },
+ { n: "Trader Joe", img: "joedex", cap: "read + quote", u: "https://lfj.gg/avalanche" },
+ { n: "Folks Finance", img: "folks", cap: "read", u: "https://folks.finance/" },
+ { n: "Velodrome V1", img: "velodrome", cap: "read + quote", u: "https://velodrome.finance/" },
+ { n: "Looped Hype", img: "loopedhype", cap: "read + quote", u: "https://www.loopingcollective.org/" },
+ { n: "LI.FI", img: "lifi", cap: "read + route source", u: "https://li.fi/" },
+ { n: "Velora", img: "velora", cap: "read + route source", u: "https://app.velora.xyz" },
+ { n: "CoW Swap", wm: "cowswap.svg", cap: "read + route source", u: "https://cow.fi/" },
+ { n: "Across", wm: "across.svg", cap: "read + bridge route", u: "https://across.to" }
+];
 
  // Equalize optical weight: constant target area, clamped, then width-capped.
  function normalizeMark(img) {
@@ -1243,24 +1309,91 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
   img.style.height = h.toFixed(1) + "px";
  }
  function wireMarks(root) {
-  root.querySelectorAll("img.wm:not(.tall)").forEach(function (img) {
-   if (img.complete && img.naturalWidth) normalizeMark(img);
-   else img.addEventListener("load", function () { normalizeMark(img); }, { once: true });
+  root.querySelectorAll("img.wm").forEach(function (img) {
+   if (img.complete) {
+    if (!img.classList.contains("tall") && img.naturalWidth) normalizeMark(img);
+    return;
+   }
+   img.addEventListener("load", function () {
+    if (!img.classList.contains("tall")) normalizeMark(img);
+    syncMarqueeVelocity();
+   }, { once: true });
+  });
+ }
+
+ var MARQUEE_PX_PER_SECOND = 20;
+ var marqueeResizeTimer = 0;
+ function syncMarqueeVelocity() {
+  document.querySelectorAll(".track").forEach(function (track) {
+   var distance = track.scrollWidth / 2;
+   if (distance > 0) {
+    track.style.setProperty("--marquee-duration", Math.max(30, distance / MARQUEE_PX_PER_SECOND).toFixed(2) + "s");
+   }
   });
  }
 
+ function protocolName(name) {
+  var label = name.replace(/\s+(?:DEX\s+)?V\d+(?:\s+LP)?\b/gi, "").trim();
+  var aliases = [
+   [/^Aerodrome\b/i, "Aerodrome"],
+   [/^Pancake(?:Swap)?\b/i, "PancakeSwap"],
+   [/^LFJ\b/i, "LFJ"],
+   [/^Curve\b/i, "Curve"],
+   [/^Pendle\b/i, "Pendle"],
+   [/^Morpho\b/i, "Morpho"],
+   [/^Lido\b/i, "Lido"],
+   [/^Kinetiq\b/i, "Kinetiq"],
+   [/^Aborean\b/i, "Aborean"],
+   [/^Stable Swap\b/i, "Stable"],
+   [/^Ethena\b/i, "Ethena"],
+   [/^Benqi\b/i, "Benqi"],
+   [/^Fluid\b/i, "Fluid"],
+   [/^Lista\b/i, "Lista"],
+   [/^Hyperliquid\b/i, "Hyperliquid"],
+   [/^Arcus\b/i, "Arcus"],
+   [/^NOXA\b/i, "NOXA"],
+   [/^Kona\b/i, "Kona"],
+   [/^Velodrome\b/i, "Velodrome"],
+   [/^SakuraSwap\b/i, "SakuraSwap"],
+   [/^Spark(?:Lend|\b)/i, "Spark"],
+   [/^(?:ether\.fi|EtherFi)\b/i, "EtherFi"],
+   [/^Sky\b/i, "Sky"],
+   [/^Binance\b/i, "Binance"],
+   [/^Avant\b/i, "Avant"],
+   [/^Aster\b/i, "Aster"],
+   [/^Lighter\b/i, "Lighter"],
+   [/^stHYPE \+ wstHYPE$/i, "Valantis"]
+  ];
+  for (var i = 0; i < aliases.length; i++) {
+   if (aliases[i][0].test(label)) return aliases[i][1];
+  }
+  return label;
+ }
+ function uniqueProtocols(list, seen) {
+  return list.filter(function (x) {
+   var label = protocolName(x.n);
+   if (seen[label]) return false;
+   seen[label] = true;
+   return true;
+  });
+ }
  function chipRow(list) {
   var seq = list.concat(list);
   return seq.map(function (x) {
-   var body = x.wm
-    ? '<img class="' + (x.tall ? 'wm tall' : 'wm') + (x.mono ? ' mono' : '') + '" src="' + WM + x.wm + '" alt="' + x.n + '" loading="lazy" decoding="async" fetchpriority="low">' +
-      (x.tall ? '<span class="wordmark">' + x.n + '</span>' : '')
-    : '<span class="wordmark">' + x.n + '</span>';
-   return '<a class="chip wm-chip" href="' + x.u + '" target="_blank" rel="noopener noreferrer" aria-label="' + x.n + '">' + body + '</a>';
+   var label = protocolName(x.n);
+   var body = x.img
+    ? '<img class="wm tall" src="' + BRAND + x.img + '.webp" alt="' + label + '" decoding="async">' +
+      '<span class="wordmark">' + label + '</span>'
+    : x.wm
+     ? '<img class="' + (x.tall ? 'wm tall' : 'wm') + (x.mono ? ' mono' : '') + '" src="' + WM + x.wm + '" alt="' + label + '" decoding="async">' +
+       (x.tall ? '<span class="wordmark">' + label + '</span>' : '')
+     : '<span class="wordmark">' + label + '</span>';
+   return '<a class="chip wm-chip" href="' + x.u + '" target="_blank" rel="noopener noreferrer" aria-label="' + label + '">' + body + '</a>';
   }).join("");
  }
- document.getElementById("proto-track-a").innerHTML = chipRow(PROTOS_A);
- document.getElementById("proto-track-b").innerHTML = chipRow(PROTOS_B);
+ var visibleProtocols = Object.create(null);
+ document.getElementById("proto-track-a").innerHTML = chipRow(uniqueProtocols(PROTOS_A, visibleProtocols));
+ document.getElementById("proto-track-b").innerHTML = chipRow(uniqueProtocols(PROTOS_B, visibleProtocols));
 
  var LM = "assets/llms/";
  var LLMS = [
@@ -1280,12 +1413,19 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  ];
  document.getElementById("llm-track").innerHTML = LLMS.concat(LLMS).map(function (x) {
   var cls = x.tall ? "wm tall" : "wm";
-  return '<a class="chip wm-chip" href="' + x.u + '" target="_blank" rel="noopener noreferrer" aria-label="' + x.n + '"><img class="' + cls + '" src="' + LM + x.wm + '" alt="' + x.n + '" loading="lazy" decoding="async" fetchpriority="low">' + (x.tall ? '<span class="wordmark">' + x.n + '</span>' : '') + '</a>';
+  return '<a class="chip wm-chip" href="' + x.u + '" target="_blank" rel="noopener noreferrer" aria-label="' + x.n + '"><img class="' + cls + '" src="' + LM + x.wm + '" alt="' + x.n + '" decoding="async">' + (x.tall ? '<span class="wordmark">' + x.n + '</span>' : '') + '</a>';
  }).join("");
 
  wireMarks(document.getElementById("proto-track-a"));
  wireMarks(document.getElementById("proto-track-b"));
  wireMarks(document.getElementById("llm-track"));
+ syncMarqueeVelocity();
+ if (document.fonts && document.fonts.ready) document.fonts.ready.then(syncMarqueeVelocity);
+ window.addEventListener("load", syncMarqueeVelocity);
+ window.addEventListener("resize", function () {
+  clearTimeout(marqueeResizeTimer);
+  marqueeResizeTimer = setTimeout(syncMarqueeVelocity, 120);
+ });
 
  var loader = document.getElementById("loader");
  var fill = document.getElementById("loader-fill");