@oracle-agent/oracle 0.5.0 → 0.7.0

package/public/oracle-splash/index.html

@@ -4,12 +4,12 @@
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>ORACLE</title>
-<meta name="description" content="Oracle multichain agent control. 13 chains, six bounded surfaces, prepare-only public plane. Self-custody. Powered by Hermes." />
+<meta name="description" content="Oracle multichain agent control. Prepare-only public plane. Self-custody. Powered by Hermes." />
 <meta name="theme-color" content="#0B1018" />
 <meta name="robots" content="noindex,nofollow" />
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:wght@500;700&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@500;650;750;850&family=Manrope:wght@600;800&family=Outfit:wght@300;400;500;700&family=Sora:wght@500;700&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet" />
+<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:wght@500;700&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@500;650;750;850&family=UnifrakturCook:wght@700&family=Manrope:wght@600;800&family=Outfit:wght@300;400;500;700&family=Sora:wght@500;700&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet" />
 <style>
 :root{
  --bg:#0B1018;
@@ -18,9 +18,9 @@
  --blue:#7CC4FF;
  --blue2:#A7D8FF;
  --blue-dim:#3a6f99;
- --ink:#E8F1FA;
- --cool:#9BB6D1;
- --mute:#5B738F;
+ --ink:#F4F9FE;
+ --cool:#C9DAEC;
+ --mute:#9FB8D2;
  --line:rgba(124,196,255,.14);
  --line-2:rgba(124,196,255,.24);
  --evm:#7CC4FF;
@@ -39,8 +39,8 @@
 *{box-sizing:border-box;margin:0;padding:0}
 html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
 body{
- min-height:100dvh;background:var(--bg);color:var(--ink);
- font-family:var(--sans);font-weight:300;overflow-x:hidden;
+ min-height:100dvh;background:var(--bg);color:var(--ink);position:relative;isolation:isolate;
+ font-family:var(--sans);font-weight:400;overflow-x:hidden;
 }
 ::selection{background:var(--blue);color:#061018}
 a{color:inherit;text-decoration:none}
@@ -92,7 +92,6 @@ img{display:inline-block}
  align-items:center;gap:16px;
  padding:14px var(--pad);
  background:rgba(11,16,24,.82);
- backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
 }
 .brand{
@@ -118,12 +117,12 @@ img{display:inline-block}
 .nav-cta:hover{border-color:var(--blue);color:var(--blue2);box-shadow:0 0 0 1px rgba(124,196,255,.12)}
 
 /* fixed soft field behind content */
-#gl{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;opacity:.9}
+#gl{position:fixed;inset:0;width:100%;height:100%;z-index:-1;display:block;opacity:.4;pointer-events:none}
 .veil{
  position:fixed;inset:0;z-index:1;pointer-events:none;
  background:
-  radial-gradient(60% 50% at 50% 28%, rgba(124,196,255,.08), transparent 58%),
-  linear-gradient(180deg, rgba(11,16,24,.2), var(--bg) 88%);
+  radial-gradient(60% 50% at 50% 28%, rgba(124,196,255,.10), transparent 58%),
+  linear-gradient(180deg, rgba(11,16,24,.12), rgba(11,16,24,.42));
 }
 main{position:relative;z-index:2;padding-top:84px}
 
@@ -146,10 +145,10 @@ main{position:relative;z-index:2;padding-top:84px}
  margin-bottom:6px;position:relative;z-index:3;
 }
 .hero-stage{position:relative;width:100%;display:grid;place-items:center;min-height:clamp(360px,52vh,560px)}
-.hero-art{position:absolute;inset:0;display:grid;place-items:center;z-index:1;pointer-events:none}
-#orb-gl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(96vw,840px);aspect-ratio:1;display:none}
-.webgl-orb #orb-gl{display:block}
-.webgl-orb .hero-orb{display:none}
+.hero-art{position:absolute;inset:0;display:grid;place-items:center;z-index:0;pointer-events:none}
+#orb-vid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(74vw,620px);aspect-ratio:1;object-fit:contain;opacity:0;transition:opacity 1.4s var(--ease);mix-blend-mode:screen}
+#orb-vid.ready{opacity:.62}
+.blender-orb .hero-orb{display:none}
 .hero-orb{
  width:clamp(380px,50vw,640px);aspect-ratio:1;position:relative;transform-style:preserve-3d;
  animation:orb-slew 22s linear infinite;
@@ -178,6 +177,9 @@ main{position:relative;z-index:2;padding-top:84px}
  text-shadow:0 2px 30px rgba(0,0,0,.6);
 }
 .home-title em{font-style:italic;color:var(--blue2)}
+.hero-lockup{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
+.hero-byline{margin-top:12px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--blue2);position:relative;z-index:3}
+.hero-byline:hover{color:var(--ink)}
 .home-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center}
 .home-copy p:not(.home-kicker){max-width:56ch;color:#aac0d6;font-size:16px;line-height:1.7;margin:18px 0 0;text-shadow:0 1px 20px rgba(0,0,0,.65)}
 .home-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;align-items:center;justify-content:center}
@@ -193,12 +195,12 @@ main{position:relative;z-index:2;padding-top:84px}
 .hero-note{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
 @keyframes orb-slew{0%{transform:rotateX(18deg) rotateZ(-8deg) rotateY(0deg)}100%{transform:rotateX(18deg) rotateZ(-8deg) rotateY(360deg)}}
 @keyframes home-breathe{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}
-@keyframes drop-line{0%,100%{opacity:.25;transform:translateX(-50%) scaleY(.45)}50%{opacity:1;transform:translateX(-50%) scaleY(1)}}}
+@keyframes drop-line{0%,100%{opacity:.25;transform:translateX(-50%) scaleY(.45)}50%{opacity:1;transform:translateX(-50%) scaleY(1)}}
 
 
 .section{
  position:relative;z-index:2;max-width:var(--max);margin:0 auto;
- padding:clamp(28px,5vh,48px) var(--pad) 0;
+ padding:clamp(56px,10vh,110px) var(--pad) 0;
 }
 .section:first-of-type{padding-top:clamp(18px,3vh,28px)}
 .section-label{
@@ -211,7 +213,7 @@ main{position:relative;z-index:2;padding-top:84px}
  max-width:18ch;margin-bottom:12px;
 }
 .section-title em{font-style:italic;color:var(--blue2)}
-.section-lede{max-width:52ch;color:var(--cool);font-size:15px;line-height:1.65;margin-bottom:clamp(28px,4vw,44px)}
+.section-lede{max-width:52ch;color:#C9DAEC;font-size:16px;line-height:1.7;margin-bottom:clamp(28px,4vw,44px)}
 
 /* orchestration graph */
 .graph-shell{
@@ -219,9 +221,9 @@ main{position:relative;z-index:2;padding-top:84px}
  background:linear-gradient(180deg, rgba(124,196,255,.04), transparent 42%), var(--panel);
 }
 .graph-top{
- display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;
+ display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  padding:14px 18px;border-bottom:1px solid var(--line);
- font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);
+ font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#9FB8D2;
 }
 .graph-top b{color:var(--blue);font-weight:500}
 .graph-canvas{padding:clamp(28px,4vw,40px) clamp(14px,2.5vw,24px) clamp(22px,3vw,30px);overflow:auto}
@@ -246,7 +248,7 @@ main{position:relative;z-index:2;padding-top:84px}
  .route-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
 }
 .node{
- border:1px solid var(--line-2);border-radius:14px;background:rgba(11,16,24,.72);
+ border:1px solid rgba(124,196,255,.42);border-radius:14px;background:rgba(21,32,49,.92);
  padding:14px 12px;text-align:center;
  transition:border-color .3s,transform .3s var(--ease),box-shadow .3s;
 }
@@ -260,11 +262,11 @@ main{position:relative;z-index:2;padding-top:84px}
  display:flex;flex-direction:column;align-items:center;
 }
 .node.hub .orbital{width:74px;height:74px;margin:2px 0 10px;filter:drop-shadow(0 0 20px rgba(124,196,255,.35))}
-.node .tag{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
+.node .tag{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9FB8D2;margin-bottom:8px}
 .node.hub .tag{color:var(--blue)}
-.node .name{font-family:var(--display);font-size:22px;line-height:1;letter-spacing:.01em;margin-bottom:6px}
+.node .name{font-family:var(--display);font-size:22px;font-weight:500;color:#DCEAF6;line-height:1;letter-spacing:.01em;margin-bottom:6px}
 .node.hub .name{font-size:34px;font-weight:400;font-style:italic}
-.node .sub{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--cool);line-height:1.45}
+.node .sub{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:#C9DAEC;line-height:1.5}
 .node.route{min-height:138px;display:flex;flex-direction:column;justify-content:flex-start;text-align:left;padding:14px}
 .node.route .name{font-size:18px;margin-bottom:8px}
 .node.route .chains{
@@ -360,14 +362,14 @@ main{position:relative;z-index:2;padding-top:84px}
  margin-top:22px;
 }
 .moat-card{
- background:var(--bg);padding:clamp(20px,3vw,28px);min-height:140px;
+ background:rgba(17,25,37,.94);padding:clamp(20px,3vw,28px);min-height:140px;
  display:flex;flex-direction:column;gap:10px;
  transition:background .35s;
 }
 .moat-card:hover{background:var(--panel-2)}
 .moat-card .n{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
 .moat-card h3{font-family:var(--display);font-weight:400;font-size:clamp(20px,2.2vw,26px)}
-.moat-card p{color:var(--cool);font-size:14px;line-height:1.55;max-width:44ch}
+.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}}
 .evolve-rail{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
@@ -382,7 +384,7 @@ main{position:relative;z-index:2;padding-top:84px}
 .wires{height:40px;position:relative}
 .wires svg{width:100%;height:100%;display:block;overflow:visible}
 .wires path{
- fill:none;stroke:rgba(124,196,255,.35);stroke-width:1.25;stroke-linecap:round;
+ fill:none;stroke:rgba(124,196,255,.58);stroke-width:1.5;stroke-linecap:round;
  stroke-dasharray:1;stroke-dashoffset:1;
  transition:stroke-dashoffset 1.3s var(--ease);
 }
@@ -403,7 +405,7 @@ main{position:relative;z-index:2;padding-top:84px}
 .wires.multi circle.c-sol{fill:var(--sol)}
 
 /* route detail cards */
-.route-card{
+.route-card{background:rgba(17,25,37,.94);
  background:var(--bg);padding:22px 20px;min-height:150px;
  display:flex;flex-direction:column;gap:10px;transition:background .35s;
 }
@@ -411,8 +413,11 @@ main{position:relative;z-index:2;padding-top:84px}
 .route-card h3{font-family:var(--display);font-weight:400;font-size:26px;display:flex;align-items:center;gap:10px}
 .route-card h3 img{width:20px;height:20px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.06)}
 .route-card .where{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
-.route-card p{color:var(--cool);font-size:13.5px;line-height:1.55}
+.route-card p{color:#C9DAEC;font-size:15px;line-height:1.55}
 .route-card .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
+.route-card.p-add{grid-column:1/-1;align-items:center;text-align:center;justify-content:center;gap:14px;padding:30px 22px}
+.route-card.p-add .chips{justify-content:center;margin-top:4px}
+.route-card.p-add p{max-width:46ch}
 .chip-s{
  font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--cool);
@@ -434,9 +439,19 @@ main{position:relative;z-index:2;padding-top:84px}
 
 /* chains */
 .chain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
+.hl-surface{margin-top:34px;border:1px solid var(--line);border-radius:14px;padding:20px;background:rgba(124,196,255,.02)}
+.hl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
+.hl-grid article{border:1px solid rgba(124,196,255,.22);border-radius:10px;padding:16px 17px;background:rgba(17,25,37,.92)}
+.hl-grid h3{font-family:var(--display);font-size:15px;font-weight:500;color:var(--ink);margin:0 0 6px}
+.hl-grid p{font-size:14px;line-height:1.6;color:#C9DAEC;margin:0}
+.hl-note{margin:16px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--cool);opacity:.62}
+.hip3{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
+.hl-note code{font-family:var(--mono);color:var(--blue2);opacity:.9}
+@media(max-width:900px){.hl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
+@media(max-width:620px){.hl-grid{grid-template-columns:1fr}}
 .chain{
  border:1px solid var(--line);border-radius:14px;padding:16px;
- background:linear-gradient(180deg, rgba(124,196,255,.035), transparent 55%), var(--panel);
+ background:linear-gradient(180deg, rgba(124,196,255,.06), transparent 55%), rgba(17,25,37,.94);
  min-height:100px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;
  transition:border-color .3s,transform .3s var(--ease);
 }
@@ -453,6 +468,7 @@ main{position:relative;z-index:2;padding-top:84px}
 .badge.live{border-color:rgba(124,196,255,.35);color:var(--blue)}
 
 .venues{margin-top:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(17,25,37,.85)}
+.venues{background:rgba(17,25,37,.86);border:1px solid rgba(124,196,255,.16);border-radius:16px;overflow:hidden;margin-bottom:14px}
 .venues-head{
  padding:11px 14px;border-bottom:1px solid var(--line);
  font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);
@@ -463,6 +479,7 @@ main{position:relative;z-index:2;padding-top:84px}
 .marquee + .marquee{border-top:1px solid rgba(124,196,255,.08)}
 .track{display:inline-flex;gap:26px;padding:12px 0;animation:scroll 48s linear infinite;will-change:transform}
 .marquee.rev .track{animation-direction:reverse;animation-duration:56s}
+a.chip{text-decoration:none;color:inherit}
 .chip{
  display:inline-flex;align-items:center;gap:10px;
  font-size:15px;letter-spacing:-.015em;text-transform:none;color:var(--proto-color,var(--cool));
@@ -471,7 +488,8 @@ main{position:relative;z-index:2;padding-top:84px}
 }
 .chip img{width:18px;height:18px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.06)}
 .chip.wm-chip{padding:10px 16px}
-.chip img.wm{width:auto;height:20px;max-width:150px;border-radius:0;object-fit:contain;background:none;opacity:.92}
+.chip img.wm{width:auto;height:20px;max-width:150px;border-radius:0;object-fit:contain;background:none;opacity:1}
+.chip img.wm.tall{height:22px;max-width:26px}
 
 .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}
 .proto-uniswap{--proto-font:"Inter",var(--sans);--proto-color:#ff4dcb;--proto-weight:850}
@@ -505,7 +523,7 @@ main{position:relative;z-index:2;padding-top:84px}
  margin-top:8px;
 }
 .wallet-card{
- background:var(--bg);padding:clamp(22px,3vw,30px);
+ background:rgba(17,25,37,.94);padding:clamp(22px,3vw,30px);
  display:flex;flex-direction:column;gap:12px;min-height:170px;
  transition:background .35s;
 }
@@ -522,6 +540,8 @@ main{position:relative;z-index:2;padding-top:84px}
 }
 
 footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);padding:32px var(--pad) 40px;position:relative;z-index:2}
+.labs-link{font-family:"UnifrakturCook","Old English Text MT","Lucida Blackletter",serif;font-size:16px;letter-spacing:.04em;text-transform:none;color:var(--blue2)}
+.labs-link:hover{color:var(--ink)}
 .foot-row{
  max-width:var(--max);margin:0 auto 14px;
  display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;align-items:center;
@@ -541,9 +561,9 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);
 }
 
-.js .rv{opacity:0;transform:translateY(18px);filter:blur(4px)}
-.js .rv.in{opacity:1;transform:none;filter:blur(0);transition:opacity 1s var(--ease),transform 1s var(--ease),filter .9s var(--ease)}
-.js .rv.done{filter:none;transform:none;will-change:auto}
+.js .rv{opacity:0;transform:translateY(18px)}
+.js .rv.in{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}
+.js .rv.done{transform:none;will-change:auto}
 
 @media (max-width:960px){
  .hero-stage{min-height:clamp(300px,44vh,460px)}.home-title{font-size:clamp(80px,20vw,150px)}
@@ -602,7 +622,6 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
   </span>
   oracle</a>
  <nav class="nav-links" aria-label="Primary">
-  <span class="nav-chip">13 chains · 6 bounded surfaces</span>
   <a class="hide-sm" href="#orchestration">How it works</a>
   <a class="hide-sm" href="#wallets">Wallets</a>
   <a class="hide-sm" href="#chains">Chains</a>
@@ -617,7 +636,9 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  <div class="home-inner">
   <div class="hero-stage">
    <div class="hero-art" aria-hidden="true">
-    <canvas id="orb-gl"></canvas>
+    <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>
@@ -626,14 +647,16 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
      <span class="orbit-dot"></span>
     </div>
    </div>
-   <h1 class="home-title" id="hero-title">OR<em>ACLE</em></h1>
+   <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>
   </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. The model prepares. Policy bounds. You enter when your wallet signs.</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>
-    <span class="hero-note">13 chains · 6 bounded surfaces · protocol builder</span>
    </div>
   </div>
  </div>
@@ -642,13 +665,11 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
 <section class="section" id="orchestration">
  <p class="section-label rv">How it works</p>
  <h2 class="section-title rv">Multi-profile. <em>Customizable.</em></h2>
- <p class="section-lede rv">Not one bot. A mesh: Input / Command hits the oracle control plane, then fans out across venue profiles, multi-chain EVM, Bitcoin, Solana, and a protocol builder. The public plane is prepare-only. Your wallet signs.</p>
+ <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. The public plane is prepare-only. Your wallet signs.</p>
 
  <div class="graph-shell rv">
   <div class="graph-top">
-   <span>for <b>users</b></span>
    <span>multi-profile // protocol builder // multi-chain</span>
-   <span><b>prepare-only</b> public plane</span>
   </div>
 
   <div class="evolve-rail">
@@ -723,7 +744,7 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
       <div class="tag">profile</div>
       <div class="name">robinhood agent</div>
       <div class="sub">markets · nfts · names</div>
-      <div class="chains"><span class="ch">Robinhood Chain 4663 <img src="https://icons.llamao.fi/icons/chains/rsz_robinhood?w=24&h=24" alt="" loading="lazy"></span></div>
+      <div class="chains"><span class="ch">Robinhood Chain <img src="https://icons.llamao.fi/icons/chains/rsz_robinhood?w=24&h=24" alt="" loading="lazy"></span></div>
      </div>
      <div class="node route p-sol">
       <div class="tag">profile</div>
@@ -806,11 +827,11 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
    <article class="route-card p-rh">
     <div class="where">robinhood agent →</div>
     <h3>Robinhood <img src="https://icons.llamao.fi/icons/chains/rsz_robinhood?w=40&h=40" alt="Robinhood Chain" loading="lazy"></h3>
-    <p>RH Chain markets, NFTs, names, token scans, and chain-local routing on 4663.</p>
+    <p>RH Chain markets, NFTs, names, token scans, and chain-local routing.</p>
     <div class="chips">
      <span class="chip-s">markets</span>
      <span class="chip-s">NFTs</span>
-     <span class="chip-s">4663</span>
+     <span class="chip-s">rh chain</span>
     </div>
    </article>
    <article class="route-card p-sol">
@@ -843,13 +864,23 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
      <span class="chip-s">best route</span>
     </div>
    </article>
+   <article class="route-card p-nft">
+    <div class="where">nft agent →</div>
+    <h3>Cross-chain NFTs <img src="assets/protocols/opensea.png" alt="OpenSea" loading="lazy"></h3>
+    <p>List across 22 EVM chains and Solana via OpenSea. Buy and list Ordinals through Satflow with proven PSBT provenance. Solana listings via Magic Eden. Floors, holdings and PnL are read first, then prepared for your signature.</p>
+    <div class="chips">
+     <span class="chip-s">list</span>
+     <span class="chip-s">buy</span>
+     <span class="chip-s">floor · pnl</span>
+    </div>
+   </article>
    <article class="route-card p-stable">
     <div class="where">stable agent →</div>
     <h3>Stable <img src="https://icons.llamao.fi/icons/chains/rsz_stable?w=40&h=40" alt="Stable" loading="lazy"></h3>
-    <p>Stable mainnet launch radar and venue ops on chain 988, scanned straight from the chain's own logs.</p>
+    <p>Stable mainnet launch radar and venue ops, scanned straight from the chain's own logs.</p>
     <div class="chips">
      <span class="chip-s">launches</span>
-     <span class="chip-s">Stable 988</span>
+     <span class="chip-s">Stable</span>
     </div>
    </article>
    <article class="route-card p-build">
@@ -943,10 +974,25 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  <h2 class="section-title rv">Where you can <em>operate.</em></h2>
  <p class="section-lede rv">Live coverage grows with the profile mesh. Each chain maps to an agent, and new agents can join.</p>
  <div class="chain-grid" id="chain-grid"></div>
+ <div class="hl-surface rv">
+  <div class="venues-head"><span>hyperliquid // what oracle actually does</span><span><b>prepare-only</b> · your wallet signs</span></div>
+  <div class="hl-grid">
+   <article><h3>Perps</h3><p>Asset info, order + bracket prepare, cancel, leverage and isolated-margin updates. Tick and lot sizing enforced to 5 sig figs.</p></article>
+   <article><h3>Spot &amp; markets</h3><p>Spot meta, mids, L2 book, candles, market and coin datapoints, leaderboards.</p></article>
+   <article><h3>Staking</h3><p>Validator summaries, delegations, rewards and history. Stake deposit, withdraw and delegate prepare with a 7-day unstaking queue.</p></article>
+   <article><h3>Outcome markets</h3><p>HIP-4 outcome listing plus order and cancel prepare.</p></article>
+   <article><h3>Account state</h3><p>Clearinghouse state, open orders, user fills, positions.</p></article>
+   <article><h3>HyperEVM</h3><p>Token search and metadata on Hyperliquid, routed with the EVM lane.</p></article>
+  </div>
+ </div>
  <div class="venues rv">
   <div class="venues-head"><span>protocols // venues</span><span><b>routed by name</b> · quotes ranked · prepare-only</span></div>
-  <div class="marquee" aria-hidden="true"><div class="track" id="proto-track-a"></div></div>
-  <div class="marquee rev" aria-hidden="true"><div class="track" id="proto-track-b"></div></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>
+ <div class="venues rv">
+  <div class="venues-head"><span>models // harnesses</span><span><b>bring your own model</b> · oracle is the control plane</span></div>
+  <div class="marquee"><div class="track" id="llm-track"></div></div>
  </div>
  </section>
 
@@ -977,9 +1023,8 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
   </div>
  </div>
  <div class="foot-meta">
-  <span>oracle · for users</span>
-  <span>13 chains · six bounded surfaces · protocol builder</span>
-  <span>you sign // no house custody</span>
+  <span>oracle · <a class="labs-link" href="https://demi.la">locals only labs</a></span>
+  <span>self custodial // the future is agentic</span>
  </div>
 </footer>
 
@@ -1008,53 +1053,79 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
   var cls = c.badge === "live" ? "badge live" : "badge";
   var label = c.badge === "live" ? "live" : "read";
   return '<article class="chain rv"><div class="chain-top"><div class="nm">' + c.name +
-   ' <img src="' + ICON + c.logo + '?w=36&h=36" alt="' + c.name + ' logo" loading="lazy"></div><div class="id">' + c.id +
-   '</div></div><div class="meta"><span>' + c.note + '</span><span class="' + cls + '">' + label + '</span></div></article>';
+   ' <img src="' + ICON + c.logo + '?w=36&h=36" alt="' + c.name + ' logo" loading="lazy"></div></div><div class="meta"><span>' + c.note + '</span><span class="' + cls + '">' + label + '</span></div></article>';
  }).join("");
 
  var WM = "assets/wordmarks/";
  var PROTOS_A = [
-  { n: "Uniswap",     wm: "uniswap.svg" },
-  { n: "Hyperliquid", wm: "hyperliquid.svg" },
-  { n: "Polymarket",  wm: "polymarket.png" },
-  { n: "Aerodrome",   wm: "aerodrome.svg" },
-  { n: "Velodrome",   wm: "velodrome.svg" },
-  { n: "PancakeSwap", wm: "pancakeswap.svg" },
-  { n: "QuickSwap",   wm: "quickswap.png" },
-  { n: "LFJ",         c: "lfj", s: "protocols/lfj" },
-  { n: "HyperSwap",   wm: "hyperswap.svg" },
-  { n: "Curve",       c: "curve", s: "protocols/curve-dex" },
-  { n: "Balancer",    wm: "balancer.svg" },
-  { n: "Pendle",      wm: "pendle.png" }
+  { 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 By Kinetiq", wm: "kinetiq.svg", tall: 1, u: "https://kinetiq.xyz" },
+  { n: "HyENA",       wm: "hyena.svg", u: "https://hyena.trade" },
+  { n: "Paragon",     wm: "paragon.svg", tall: 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" },
-  { n: "GMX",        wm: "gmx.svg" },
-  { n: "LI.FI",      wm: "lifi.png" },
-  { n: "Relay",      wm: "relay.svg" },
-  { n: "Velora",     wm: "paraswap.svg" },
-  { n: "Odos",       wm: "odos.svg" },
-  { n: "CoW Swap",   wm: "cowswap.svg" },
-  { n: "1inch",      wm: "oneinch.svg" },
-  { n: "Jupiter",    wm: "jupiter.svg" },
-  { n: "OpenSea",    wm: "opensea.svg" },
-  { n: "Across",     wm: "across.svg" },
-  { n: "Stargate",   wm: "stargate.svg" },
-  { n: "Magic Eden", wm: "magic-eden.svg" }
+  { 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: "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.svg", u: "https://opensea.io" },
+  { n: "Across",     wm: "across.svg", u: "https://across.to" },
+  { n: "Stargate",   wm: "stargate.svg", u: "https://stargate.finance" },
+  { n: "Magic Eden", wm: "magic-eden.svg", u: "https://magiceden.io" }
  ];
 
  function chipRow(list) {
   var seq = list.concat(list);
   return seq.map(function (x) {
-   if (x.wm) {
-    return '<span class="chip wm-chip"><img class="wm" src="' + WM + x.wm + '" alt="' + x.n + '" loading="lazy"></span>';
-   }
-   return '<span class="chip proto-' + x.c + '"><img src="' + ICON + x.s + '?w=32&h=32" alt="" loading="lazy"><span class="wordmark">' + x.n + '</span></span>';
+   var body = x.wm
+    ? '<img class="' + (x.tall ? 'wm tall' : 'wm') + '" 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>';
   }).join("");
  }
  document.getElementById("proto-track-a").innerHTML = chipRow(PROTOS_A);
  document.getElementById("proto-track-b").innerHTML = chipRow(PROTOS_B);
 
+ var LM = "assets/llms/";
+ var LLMS = [
+  { n: "Hermes Agent", wm: "hermes.png", tall: 1, u: "https://hermes.nousresearch.com" },
+  { n: "Claude",       wm: "claude.svg", u: "https://claude.ai" },
+  { n: "Grok",         wm: "grok.svg", u: "https://grok.com" },
+  { n: "Codex",        wm: "codex.svg", u: "https://openai.com/codex" },
+  { n: "Gemini",       wm: "gemini.svg", u: "https://gemini.google.com" },
+  { n: "OpenClaw",     wm: "openclaw.svg", tall: 1, u: "https://openclaw.ai" },
+  { n: "Perplexity",   wm: "perplexity.svg", u: "https://perplexity.ai" },
+  { n: "Manus",        wm: "manus.svg", u: "https://manus.im" },
+  { n: "Cursor",       wm: "cursor-icon.svg", tall: 1, u: "https://cursor.com" },
+  { n: "Windsurf",     wm: "windsurf.svg", u: "https://windsurf.com" },
+  { n: "DeepSeek",     wm: "deepseek.svg", u: "https://deepseek.com" },
+  { n: "Qwen",         wm: "qwen.svg", tall: 1, u: "https://chat.qwen.ai" },
+  { n: "Kimi",         wm: "kimi-icon.svg", tall: 1, u: "https://kimi.com" }
+ ];
+ 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 + '" decoding="async">' + (x.tall ? '<span class="wordmark">' + x.n + '</span>' : '') + '</a>';
+ }).join("");
+
  var loader = document.getElementById("loader");
  var fill = document.getElementById("loader-fill");
  requestAnimationFrame(function () { fill.style.width = "100%"; });
@@ -1102,106 +1173,7 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
   }, { passive: true });
  }
 
- (function () {
-  var cv = document.getElementById("orb-gl");
-  if (!cv || reduced) return;
-  var g = cv.getContext("webgl", { antialias: true, alpha: true, premultipliedAlpha: false });
-  if (!g) return;
-  document.querySelector(".hero-art").classList.add("webgl-orb");
-  document.body.classList.add("webgl-orb");
-
-  var N = 4200;
-  var pos = new Float32Array(N * 4);
-  var GA = Math.PI * (3 - Math.sqrt(5));
-  for (var i = 0; i < N; i++) {
-   var y = 1 - (i / (N - 1)) * 2;
-   var r = Math.sqrt(1 - y * y);
-   var th = GA * i;
-   pos[i * 4] = Math.cos(th) * r;
-   pos[i * 4 + 1] = y;
-   pos[i * 4 + 2] = Math.sin(th) * r;
-   pos[i * 4 + 3] = (i % 97) / 97;
-  }
-  var vs = [
-   "attribute vec4 p;",
-   "uniform float t; uniform float dpr; uniform vec2 m;",
-   "varying float vd; varying float vtw;",
-   "void main(){",
-   " float a = t*.22 + m.x*.35;",
-   " float ca=cos(a), sa=sin(a);",
-   " vec3 q = vec3(p.x*ca + p.z*sa, p.y, -p.x*sa + p.z*ca);",
-   " float b = .42 + m.y*.22;",
-   " float cb=cos(b), sb=sin(b);",
-   " q = vec3(q.x, q.y*cb - q.z*sb, q.y*sb + q.z*cb);",
-   " float persp = 2.2/(2.2 - q.z*.9);",
-   " vd = q.z*.5+.5;",
-   " vtw = p.w;",
-   " gl_Position = vec4(q.x*.58*persp, q.y*.58*persp, 0., 1.);",
-   " gl_PointSize = (1.8 + vd*4.2) * dpr;",
-   "}"
-  ].join("\n");
-  var fs = [
-   "precision mediump float;",
-   "uniform float t;",
-   "varying float vd; varying float vtw;",
-   "void main(){",
-   " vec2 c = gl_PointCoord - .5;",
-   " float d = length(c);",
-   " if (d > .5) discard;",
-   " float soft = smoothstep(.5, .28, d);",
-   " float tw = .82 + .18*sin(t*2.2 + vtw*40.0);",
-   " vec3 near = vec3(.86,.95,1.0);",
-   " vec3 far = vec3(.24,.44,.68);",
-   " vec3 col = mix(far, near, vd);",
-   " float alpha = soft * mix(.2, 1.0, vd*vd) * tw;",
-   " gl_FragColor = vec4(col*alpha, alpha);",
-   "}"
-  ].join("\n");
-  function sh(ty, src) { var s = g.createShader(ty); g.shaderSource(s, src); g.compileShader(s); return s; }
-  var pr = g.createProgram();
-  g.attachShader(pr, sh(g.VERTEX_SHADER, vs));
-  g.attachShader(pr, sh(g.FRAGMENT_SHADER, fs));
-  g.linkProgram(pr); g.useProgram(pr);
-  var buf = g.createBuffer();
-  g.bindBuffer(g.ARRAY_BUFFER, buf);
-  g.bufferData(g.ARRAY_BUFFER, pos, g.STATIC_DRAW);
-  var loc = g.getAttribLocation(pr, "p");
-  g.enableVertexAttribArray(loc);
-  g.vertexAttribPointer(loc, 4, g.FLOAT, false, 0, 0);
-  var uT = g.getUniformLocation(pr, "t");
-  var uD = g.getUniformLocation(pr, "dpr");
-  var uM = g.getUniformLocation(pr, "m");
-  var mx = 0, my = 0, tx = 0, ty = 0;
-  window.addEventListener("pointermove", function (e) {
-   tx = (e.clientX / window.innerWidth - .5) * 2;
-   ty = (e.clientY / window.innerHeight - .5) * 2;
-  }, { passive: true });
-  g.enable(g.BLEND);
-  g.blendFunc(g.ONE, g.ONE_MINUS_SRC_ALPHA);
-  var dpr = Math.min(window.devicePixelRatio || 1, 2);
-  function size() {
-   var w = Math.floor(cv.clientWidth * dpr), h = Math.floor(cv.clientHeight * dpr);
-   if (cv.width !== w || cv.height !== h) { cv.width = w; cv.height = h; g.viewport(0, 0, w, h); }
-  }
-  var run = true;
-  function frame(now) {
-   if (!run) return;
-   size();
-   g.clearColor(0, 0, 0, 0);
-   g.clear(g.COLOR_BUFFER_BIT);
-   mx += (tx - mx) * .04; my += (ty - my) * .04;
-   g.uniform1f(uT, now * .001);
-   g.uniform1f(uD, dpr);
-   g.uniform2f(uM, mx, my);
-   g.drawArrays(g.POINTS, 0, N);
-   requestAnimationFrame(frame);
-  }
-  document.addEventListener("visibilitychange", function () {
-   run = document.visibilityState === "visible";
-   if (run) requestAnimationFrame(frame);
-  });
-  requestAnimationFrame(frame);
- })();
+ // Hero is the original CSS orb.
 
  var nodes = Array.prototype.slice.call(document.querySelectorAll(".rv, .wires"));
  if (reduced || !("IntersectionObserver" in window)) {