@oracle-agent/oracle 0.10.0 → 0.12.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,47 @@ 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-install{margin:0 0 22px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
+.cli-install-cmd{padding:16px 20px;border-radius:12px;border:1px solid rgba(124,196,255,.34);background:rgba(17,25,37,.9);max-width:100%;overflow-x:auto}
+.cli-install-cmd code{font-family:var(--mono);font-size:15px;letter-spacing:.02em;color:var(--blue2);white-space:nowrap}
+.cli-install-gate{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--cool);margin:0;max-width:62ch;line-height:1.7}
+.cli-install-gate b{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#071018;background:var(--blue2);border-radius:999px;padding:5px 8px;white-space:nowrap}
+.cli-install-gate a{color:var(--blue2);text-decoration:underline;text-underline-offset:3px}
+.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;
@@ -498,8 +540,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 240s linear infinite;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}
-.marquee.rev .track{animation-direction:reverse;animation-duration:255s}
+.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;
@@ -516,9 +558,6 @@ a.chip:hover{border-color:rgba(124,196,255,.3);background:rgba(21,32,49,.6);tran
 .chip img.wm.mono{filter:brightness(0) invert(1)}
 
 .chip .wordmark{font-family:var(--proto-font,var(--sans));font-weight:var(--proto-weight,750);font-style:var(--proto-style,normal);text-transform:var(--proto-transform,none);letter-spacing:var(--proto-track,-.025em);line-height:1.2}
-.chip .cap{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-left:8px;border-left:1px solid rgba(124,196,255,.14)}
-.chip .cap.t4{color:var(--blue)}
-.chip .cap.t3{color:var(--cool)}
 .proto-uniswap{--proto-font:"Inter",var(--sans);--proto-color:#ff4dcb;--proto-weight:850}
 .proto-hyperliquid{--proto-font:var(--display);--proto-style:italic;--proto-color:#50d2c1;--proto-weight:500;--proto-track:.01em}
 .proto-polymarket{--proto-font:"Manrope",var(--sans);--proto-color:#7aa7ff;--proto-weight:800;--proto-track:-.035em}
@@ -572,6 +611,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}
@@ -683,7 +723,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>
@@ -694,37 +736,73 @@ 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>
+   <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>
+ <div class="cli-install rv">
+  <div class="cli-install-cmd"><code>npm i -g @oracle-agent/oracle</code></div>
+  <p class="cli-install-gate"><b>Locals Only access</b> Oracle unlocks when your agent wallet, or a wallet you import, holds a <a href="https://opensea.io/collection/locals-only-hyperevm" target="_blank" rel="noopener noreferrer">Locals Only</a> NFT.</p>
+ </div>
+ <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 desktop apps are in beta and not yet downloadable. The CLI runs on all three today.</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">
@@ -737,98 +815,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">
@@ -901,7 +887,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>
@@ -921,12 +907,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">
@@ -1047,20 +1027,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>
 
@@ -1096,7 +1066,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>
@@ -1115,7 +1123,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>exact proven rungs</b> · read + quote does not mean live submit</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>
@@ -1187,15 +1195,15 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  var WM = "assets/wordmarks/";
 var BRAND = "brand/";
  var PROTOS_A = [
- { n: "Uniswap V3", img: "uniswap", cap: "read + quote + prepare + policy", u: "https://app.uniswap.org/" },
- { n: "Aerodrome Slipstream", img: "aerodrome", cap: "read + quote + prepare", u: "https://aerodrome.finance/" },
- { n: "Pancake V3", img: "pancakeswap", cap: "read + quote", u: "https://pancakeswap.finance/swap" },
+ { 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", img: "morpho", cap: "read + deposit prepare", u: "https://app.morpho.org/" },
+ { 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", img: "kinetiq", cap: "read + quote + stake prepare + policy", u: "https://kinetiq.xyz/stake" },
+ { 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/" },
@@ -1219,9 +1227,9 @@ var BRAND = "brand/";
  { 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", img: "balancer", cap: "read + quote", u: "https://balancer.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", img: "hyperliquidhpl", cap: "read", u: "https://app.hyperliquid.xyz" },
+ { 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/" },
@@ -1238,17 +1246,17 @@ var BRAND = "brand/";
  { 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", img: "gmx", cap: "read + order attestation", u: "https://gmx.io/" },
- { n: "Relay", img: "relay", cap: "route source", u: "https://relay.link/" },
- { n: "Odos", img: "odos", cap: "read + route source", u: "https://app.odos.xyz" },
- { n: "Jupiter", img: "jupiter", cap: "solana route source", u: "https://jup.ag/" },
- { n: "Stargate", img: "stargate", cap: "read + bridge route", u: "https://stargate.finance/" }
+ { 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", img: "velodrome", cap: "read + quote", u: "https://velodrome.finance/" },
+ { 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", img: "hyperswap", cap: "read + quote", u: "https://app.hyperswap.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" },
@@ -1297,8 +1305,8 @@ var PROTOS_B = [
  { 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", img: "cow", cap: "read + route source", u: "https://cow.fi/" },
- { n: "Across", img: "across", cap: "read + bridge route", u: "https://across.to" }
+ { 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.
@@ -1311,29 +1319,91 @@ var PROTOS_B = [
   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 tier = /policy/.test(x.cap || "") ? " t4" : /prepare/.test(x.cap || "") ? " t3" : "";
+   var label = protocolName(x.n);
    var body = x.img
-    ? '<img class="wm tall" src="' + BRAND + x.img + '.webp" alt="' + x.n + '" decoding="async">' +
-      '<span class="wordmark">' + x.n + '</span>' +
-      '<span class="cap' + tier + '">' + x.cap + '</span>'
+    ? '<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="' + x.n + '" decoding="async">' +
-       (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>';
+     ? '<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 = [
@@ -1359,6 +1429,13 @@ var PROTOS_B = [
  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");