@oracle-agent/oracle 0.12.0 → 0.13.1

package/public/oracle-splash/index.html

@@ -11,7 +11,7 @@
 <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=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" />
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=IBM+Plex+Mono:wght@400;500;600&family=Outfit:wght@300;400;500;600;700&family=UnifrakturCook:wght@700&display=swap" rel="stylesheet" />
 <style>
 :root{
  --bg:#0B1018;
@@ -36,21 +36,45 @@
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --pad:clamp(18px,4vw,48px);
+
+ --fs-micro:10px;
+ --fs-xs:12px;
+ --fs-sm:13.5px;
+ --fs-base:15px;
+ --fs-md:clamp(18px,1.6vw,20px);
+ --fs-lg:clamp(22px,2.2vw,26px);
+ --fs-xl:clamp(28px,3.2vw,34px);
+ --fs-2xl:clamp(34px,4.4vw,50px);
+ --fs-3xl:clamp(46px,6.5vw,84px);
+ --fs-4xl:clamp(64px,10vw,150px);
+ --r-sm:12px;
+ --r-md:16px;
+ --r-lg:22px;
+ --r-pill:999px;
+ --space-1:4px;
+ --space-2:8px;
+ --space-3:12px;
+ --space-4:16px;
+ --space-5:24px;
+ --space-6:32px;
+ --space-7:48px;
+ --space-8:72px;
+ --space-9:110px;
  --max:1100px;
 }
 *{box-sizing:border-box;margin:0;padding:0}
-html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
+html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;max-width:100%}
 body{
  min-height:100dvh;background:var(--bg);color:var(--ink);position:relative;isolation:isolate;
- font-family:var(--sans);font-weight:400;overflow-x:hidden;
+ font-family:var(--sans);font-weight:400;overflow-x:clip;max-width:100vw;
 }
-::selection{background:var(--blue);color:#061018}
+::selection{background:var(--blue);color:#071018}
 a{color:inherit;text-decoration:none}
 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
 img{display:inline-block}
 
 .grain{
- position:fixed;inset:-40%;z-index:40;pointer-events:none;opacity:.04;mix-blend-mode:soft-light;
+ position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.04;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
 }
 
@@ -77,10 +101,7 @@ img{display:inline-block}
 }
 .loader.out{opacity:0;visibility:hidden;pointer-events:none}
 .loader-inner{display:flex;flex-direction:column;align-items:center;gap:18px}
-.loader-mark{width:64px;height:64px;filter:drop-shadow(0 0 18px rgba(124,196,255,.4))}
-.loader-word{font-family:var(--display);font-size:18px;letter-spacing:.08em;text-transform:none;color:var(--cool);font-style:italic}
-.loader-bar{width:120px;height:1px;background:rgba(124,196,255,.15);overflow:hidden}
-.loader-bar span{display:block;height:100%;width:0;background:var(--blue);transition:width 1.1s var(--ease)}
+.loader-mark{width:clamp(150px,26vmin,240px);height:clamp(150px,26vmin,240px);filter:drop-shadow(0 0 34px rgba(124,196,255,.42))}
 
 .progress{
  position:fixed;top:0;left:0;right:0;height:2px;z-index:35;pointer-events:none;
@@ -100,18 +121,18 @@ img{display:inline-block}
 }
 .brand{
  display:flex;align-items:center;gap:12px;
- font-family:var(--display);font-size:24px;font-weight:400;letter-spacing:.02em;
+ font-family:var(--display);font-size:var(--fs-lg);font-weight:400;letter-spacing:.02em;
  text-transform:none;justify-self:start;
 }
 .brand .orbital{width:26px;height:26px;filter:drop-shadow(0 0 10px rgba(124,196,255,.6))}
 .nav-links{
  display:flex;align-items:center;gap:18px;justify-self:end;
- font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--cool);
+ font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--cool);
 }
 .nav-links a{opacity:.78;transition:opacity .25s,color .25s}
 .nav-links a:hover{opacity:1;color:var(--blue2)}
 .nav-chip{
- font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;
+ font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;
  border:1px solid rgba(124,196,255,.3);border-radius:999px;padding:7px 11px;color:var(--blue2);opacity:.95;
 }
 .nav-cta{
@@ -133,27 +154,26 @@ main{position:relative;z-index:2;padding-top:84px}
 
 /* homepage */
 .home{
+ overflow-x:clip;
  min-height:calc(100dvh - 84px);
+ padding-block:clamp(28px,6vh,72px);
  display:grid;place-items:center;
  padding:clamp(20px,4vh,44px) var(--pad) clamp(56px,9vh,96px);
- position:relative;overflow:hidden;text-align:center;
+ position:relative;overflow:hidden;text-align:left;
 }
 .home::after{
  content:"";position:absolute;left:50%;bottom:22px;width:1px;height:74px;
  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(920px,100%);width:100%;margin:0 auto;position:relative}
+.home-inner{max-width:min(1180px,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);
+ font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.34em;text-transform:uppercase;color:var(--blue);
  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: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-art{position:absolute;inset:0;display:grid;place-items:center;z-index:0;pointer-events:none;overflow:clip}
 .hero-orb{
  width:clamp(380px,50vw,640px);aspect-ratio:1;position:relative;transform-style:preserve-3d;
  animation:orb-slew 22s linear infinite;
@@ -193,58 +213,67 @@ 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(72px,10vw,150px);line-height:.9;letter-spacing:-.045em;
+ font-family:var(--display);font-weight:300;font-size:var(--fs-4xl);line-height:.9;letter-spacing:-.045em;
  text-transform:uppercase;color:var(--ink);
  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-copy p:not(.home-kicker){max-width:56ch;color:var(--mute);font-size:var(--fs-base);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}
 .enter-cta{
  display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(124,196,255,.45);border-radius:999px;
- padding:14px 22px;color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;
+ padding:14px 22px;color:var(--ink);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase;
  background:linear-gradient(180deg, rgba(124,196,255,.12), rgba(124,196,255,.035));
  box-shadow:0 0 0 1px rgba(124,196,255,.08),0 20px 46px rgba(0,0,0,.3);
  transition:transform .35s var(--ease),border-color .35s,box-shadow .35s;
 }
-.enter-cta::after{content:"↓";font-size:13px;color:var(--blue)}
+.enter-cta::after{content:"↓";font-size:var(--fs-sm);color:var(--blue)}
 .enter-cta:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 0 0 1px rgba(124,196,255,.18),0 24px 58px rgba(0,0,0,.36)}
-.hero-note{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
+.hero-note{font-family:var(--mono);font-size:var(--fs-micro);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)}}
 
 
+code{font-family:var(--mono)}
+
+.hero-note-line{white-space:nowrap;overflow:visible}
+.hero-note-line code{white-space:nowrap}
+@media (max-width:1180px){
+ .hero-note-line{white-space:normal}
+ .hero-note-line code{display:inline-block}
+}
+/* figcaption was stranded at the far left of a 742px figure while the orb sits
+   right of centre -- it read as a loose fragment, not a caption. Centre it under
+   the mark it belongs to. */
+.hero-product figcaption{text-align:center;width:100%}
 .section{
  position:relative;z-index:2;max-width:var(--max);margin:0 auto;
- padding:clamp(56px,10vh,110px) var(--pad) 0;
+ padding:clamp(56px,10vh,110px) var(--pad) var(--space-8);
 }
 .section:first-of-type{padding-top:clamp(18px,3vh,28px)}
 .section-label{
- font-family:var(--mono);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--blue);margin-bottom:14px;
+ font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.34em;text-transform:uppercase;color:var(--blue);margin-bottom:14px;
  display:inline-flex;align-items:center;gap:12px;
 }
 .section-title{
  font-family:var(--display);font-weight:400;
- font-size:clamp(34px,5vw,54px);line-height:1.06;letter-spacing:-.01em;
+ font-size:var(--fs-2xl);line-height:1.06;letter-spacing:-.01em;
  max-width:18ch;margin-bottom:12px;
 }
 .section-title em{font-style:italic;color:var(--blue2)}
-.section-lede{max-width:52ch;color:#C9DAEC;font-size:16px;line-height:1.7;margin-bottom:clamp(28px,4vw,44px)}
+.section-lede{max-width:52ch;color:var(--cool);font-size:var(--fs-base);line-height:1.7;margin-bottom:clamp(28px,4vw,44px)}
 
 /* orchestration graph */
 .graph-shell{
- border:1px solid var(--line);border-radius:20px;overflow:hidden;
+ border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(180deg, rgba(124,196,255,.04), transparent 42%), var(--panel);
 }
 .graph-top{
  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:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#9FB8D2;
+ font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);
 }
 .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}
@@ -269,7 +298,7 @@ main{position:relative;z-index:2;padding-top:84px}
  .route-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
 }
 .node{
- border:1px solid rgba(124,196,255,.42);border-radius:14px;background:rgba(21,32,49,.92);
+ border:1px solid rgba(124,196,255,.42);border-radius:var(--r-md);background:rgba(21,32,49,.92);
  padding:14px 12px;text-align:center;
  transition:border-color .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease);
 }
@@ -283,18 +312,19 @@ 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:10px;letter-spacing:.18em;text-transform:uppercase;color:#9FB8D2;margin-bottom:8px}
+.node .tag{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
 .node.hub .tag{color:var(--blue)}
-.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:11px;letter-spacing:.05em;color:#C9DAEC;line-height:1.5}
+.node .name{font-family:var(--display);font-size:var(--fs-lg);font-weight:500;color:var(--ink);line-height:1;letter-spacing:.01em;margin-bottom:6px}
+.node.hub .name{font-size:var(--fs-xl);font-weight:400;font-style:italic}
+.node .sub{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.05em;color:var(--cool);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 .name{font-size:var(--fs-md);margin-bottom:8px}
 .node.route .chains{
  margin-top:auto;padding-top:10px;
- font-family:var(--mono);font-size:10px;letter-spacing:.04em;line-height:1.7;
+ font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.04em;line-height:1.7;
  display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;
 }
+.ch-add{border:1px dashed color-mix(in oklab,var(--blue) 42%,transparent);border-radius:999px;padding:1px 7px;color:var(--blue);opacity:.92}
 .ch{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
 .ch img{width:13px;height:13px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.06)}
 .node.add{
@@ -303,13 +333,13 @@ main{position:relative;z-index:2;padding-top:84px}
  min-height:138px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  text-align:left;padding:14px;
 }
-.node.add .name{font-size:18px;color:var(--blue2)}
+.node.add .name{font-size:var(--fs-md);color:var(--blue2)}
 .node.add .sub{color:var(--mute)}
 .node.add:hover{border-color:rgba(124,196,255,.55);background:rgba(124,196,255,.06)}
 
 .builder-row{margin-top:0;display:flex;justify-content:center}
 .node.builder-sink{width:min(430px,100%);text-align:center;align-items:center;min-height:162px;position:relative}
-.node.builder-sink .name{font-size:26px}
+.node.builder-sink .name{font-size:var(--fs-lg)}
 .node.builder-sink .chains{justify-content:center}
 .wires.funnel{height:62px}
 .wires.funnel path{stroke:rgba(255,176,137,.48)}
@@ -320,33 +350,33 @@ main{position:relative;z-index:2;padding-top:84px}
 /* protocol colors */
 .node.p-hl{border-color:rgba(80,210,193,.45);background:linear-gradient(180deg, rgba(80,210,193,.14), rgba(11,16,24,.88))}
 .node.p-hl .tag,.node.p-hl .name{color:var(--hl)}
-.node.p-hl .chains{color:rgba(80,210,193,.9)}
+.node.p-hl .chains{color:var(--hl)}
 .node.p-hl:hover{border-color:var(--hl);box-shadow:0 12px 30px rgba(80,210,193,.12)}
 
 .node.p-rh{border-color:rgba(215,255,77,.55);background:linear-gradient(180deg, rgba(215,255,77,.14), rgba(11,16,24,.88))}
 .node.p-rh .tag,.node.p-rh .name{color:var(--rh)}
-.node.p-rh .chains{color:rgba(215,255,77,.92)}
+.node.p-rh .chains{color:var(--rh)}
 .node.p-rh:hover{border-color:var(--rh);box-shadow:0 12px 30px rgba(215,255,77,.16)}
 
 .node.p-sol{border-color:rgba(153,69,255,.5);background:linear-gradient(180deg, rgba(153,69,255,.14), rgba(11,16,24,.88))}
 .node.p-sol .tag,.node.p-sol .name{color:#c4a0ff}
-.node.p-sol .chains{color:rgba(196,160,255,.9)}
+.node.p-sol .chains{color:#c4a0ff}
 .node.p-sol:hover{border-color:var(--sol);box-shadow:0 12px 30px rgba(153,69,255,.14)}
 
 .node.p-poly{border-color:rgba(59,130,246,.5);background:linear-gradient(180deg, rgba(59,130,246,.14), rgba(11,16,24,.88))}
 .node.p-poly .tag,.node.p-poly .name{color:#93c5fd}
-.node.p-poly .chains{color:rgba(147,197,253,.9)}
+.node.p-poly .chains{color:#93c5fd}
 .node.p-poly:hover{border-color:var(--poly);box-shadow:0 12px 30px rgba(59,130,246,.14)}
 
 .node.p-stable{border-color:rgba(240,185,11,.5);background:linear-gradient(180deg, rgba(240,185,11,.12), rgba(11,16,24,.88))}
 .node.p-build{border-color:rgba(255,140,90,.55);background:linear-gradient(180deg, rgba(255,140,90,.14), rgba(11,16,24,.88))}
 .node.p-build .tag,.node.p-build .name{color:#ffb089}
-.node.p-build .chains{color:rgba(255,176,137,.92)}
+.node.p-build .chains{color:#ffb089}
 .node.p-build:hover{border-color:#ff8c5a;box-shadow:0 12px 30px rgba(255,140,90,.14)}
 .route-card.p-build .where{color:#ffb089}
 .route-card.p-build{box-shadow:inset 3px 0 0 #ff8c5a}
 .node.p-stable .tag,.node.p-stable .name{color:#fcd34d}
-.node.p-stable .chains{color:rgba(252,211,77,.9)}
+.node.p-stable .chains{color:#fcd34d}
 .node.p-stable:hover{border-color:var(--stable);box-shadow:0 12px 30px rgba(240,185,11,.12)}
 
 .route-card.p-hl .where{color:var(--hl)}
@@ -364,22 +394,40 @@ main{position:relative;z-index:2;padding-top:84px}
 
 .node.p-btc{border-color:rgba(247,147,26,.55);background:linear-gradient(180deg, rgba(247,147,26,.14), rgba(11,16,24,.88))}
 .node.p-btc .tag,.node.p-btc .name{color:#fbbf24}
-.node.p-btc .chains{color:rgba(251,191,36,.92)}
+.node.p-btc .chains{color:#fbbf24}
 .node.p-btc:hover{border-color:#f7931a;box-shadow:0 12px 30px rgba(247,147,26,.14)}
 .route-card.p-btc .where{color:#fbbf24}
 .route-card.p-btc{box-shadow:inset 3px 0 0 #f7931a}
 
+.node.p-base{border-color:rgba(0,82,255,.5);background:linear-gradient(180deg, rgba(0,82,255,.14), rgba(11,16,24,.88))}
+.node.p-base .tag,.node.p-base .name{color:#7aa2ff}
+.node.p-base .chains{color:#7aa2ff}
+.node.p-base:hover{border-color:#0052ff;box-shadow:0 12px 30px rgba(0,82,255,.16)}
+.route-card.p-base .where{color:#7aa2ff}
+.route-card.p-base{box-shadow:inset 3px 0 0 #0052ff}
 .node.p-evm{border-color:rgba(98,126,234,.5);background:linear-gradient(180deg, rgba(98,126,234,.14), rgba(11,16,24,.88))}
 .node.p-evm .tag,.node.p-evm .name{color:#a5b4fc}
-.node.p-evm .chains{color:rgba(165,180,252,.92)}
+.node.p-evm .chains{color:#a5b4fc}
 .node.p-evm:hover{border-color:#627eea;box-shadow:0 12px 30px rgba(98,126,234,.14)}
 .route-card.p-evm .where{color:#a5b4fc}
 .route-card.p-evm{box-shadow:inset 3px 0 0 #627eea}
 
 
+.selfcustody{margin-top:clamp(34px,5vw,58px);padding-top:clamp(28px,4vw,40px);border-top:1px solid var(--line)}
+.selfcustody h3{font-family:var(--display);font-weight:400;font-size:var(--fs-xl);line-height:1.12;margin-top:8px;max-width:24ch}
+.selfcustody-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.6vw,30px);margin-top:clamp(22px,3vw,32px)}
+.selfcustody-grid h4{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--blue2);font-weight:500;margin-bottom:8px}
+.selfcustody-grid p{color:var(--cool);font-size:var(--fs-base);line-height:1.65;max-width:52ch}
+.selfcustody-grid > *{opacity:0;transform:translate3d(0,18px,0);transition:opacity .55s var(--ease),transform .55s var(--ease)}
+.selfcustody-grid > *:nth-child(1){transition-delay:.05s}
+.selfcustody-grid > *:nth-child(2){transition-delay:.15s}
+.selfcustody-grid > *:nth-child(3){transition-delay:.25s}
+.selfcustody-grid > *:nth-child(4){transition-delay:.35s}
+.selfcustody.in .selfcustody-grid > *{opacity:1;transform:none}
+@media (max-width:760px){.selfcustody-grid{grid-template-columns:1fr}}
 .moat-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
- gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;
+ gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
  margin-top:22px;
 }
 .moat-card{
@@ -388,49 +436,212 @@ main{position:relative;z-index:2;padding-top:84px}
  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:#C9DAEC;font-size:15px;line-height:1.55;max-width:44ch}
+.moat-card .n{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
+.moat-card h3{font-family:var(--display);font-weight:400;font-size:var(--fs-lg)}
+.moat-card p{color:var(--cool);font-size:var(--fs-base);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;
+ margin-top:clamp(30px,5vw,52px);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(145deg,rgba(124,196,255,.07),rgba(17,25,37,.92) 40%,rgba(11,16,24,.98));
+ max-width:960px;margin-left:auto;margin-right:auto;
 }
 .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-kicker{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
+.strategy-head h3{font-family:var(--display);font-weight:400;font-size:var(--fs-xl);line-height:1.05;margin-top:8px}
+.strategy-head p{max-width:50ch;color:var(--cool);font-size:var(--fs-sm);line-height:1.6}
+.strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,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-card .mode{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--blue2)}
+.strategy-card h4{font-family:var(--display);font-weight:400;font-size:var(--fs-lg)}
+.strategy-card p{color:var(--cool);font-size:var(--fs-sm);line-height:1.6}
+.strategy-posture{padding:14px clamp(20px,3vw,34px);border-top:1px solid var(--line);font-family:var(--mono);font-size:var(--fs-micro);line-height:1.6;letter-spacing:.11em;text-transform:uppercase;color:var(--mute)}
+.strategy-posture b{font-weight:500;color:var(--warm);letter-spacing:.04em}
+@media (max-width:900px){
+ .strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
+ .strategy-head{align-items:start;flex-direction:column}
+ .strategy-posture{padding:12px clamp(16px,2.5vw,28px)}
+ .route-proof{margin-top:14px}
+ .route-tree{width:100%;height:auto}
+}
+
 .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-copy h3{font-family:var(--display);font-weight:400;font-size:var(--fs-xl);line-height:1.1}
+.convert-copy p{color:var(--cool);font-size:var(--fs-base);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}
+.convert-pills span{font-family:var(--mono);font-size:var(--fs-micro);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:block;max-width:56ch;font-family:var(--sans);font-size:var(--fs-sm);line-height:1.7;letter-spacing:0;color:var(--mute)}
+.platform-beta b{float:left;margin:3px 10px 0 0;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:#071018;background:var(--blue2);border-radius:var(--r-pill);padding:4px 9px}
+.app-shot-title{margin-top:clamp(34px,4.5vw,56px)}
+.app-shot{margin-top:clamp(20px,2.6vw,30px);display:flex;flex-direction:column;gap:10px}
+.app-shot{margin-top:12px}
+.app-shot + .platform-beta{margin-top:14px}
+.os-dl{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}
+.os-link{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:10px 18px;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--warm);text-decoration:none;transition:border-color .2s}
+.os-link:hover{border-color:var(--blue)}
+.app-shot img{width:100%;height:auto;display:block;border-radius:var(--r-md);border:1px solid rgba(124,196,255,.2);box-shadow:0 24px 60px rgba(0,0,0,.45)}
+.app-shot figcaption{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
+
 .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}
+.agent-caret{display:inline-block;width:2px;height:1.15em;margin-left:1px;vertical-align:-.2em;background:#7cc4ff;animation:agentblink 1s step-end infinite;flex:0 0 auto}
+@keyframes agentblink{50%{opacity:0}}
+.agent-prompt .agent-does,.agent-prompt .agent-out{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
+.agent-prompt .agent-does.in,.agent-prompt .agent-out.in{opacity:1;transform:none}
+.agent-tool.working{position:relative}
+.agent-tool.working::after{content:"";position:absolute;inset:-1px;border-radius:999px;border:1px solid rgba(124,196,255,.85);animation:agentpulse 1.1s ease-out infinite}
+@keyframes agentpulse{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}
+@media (prefers-reduced-motion:reduce){
+ .agent-caret{animation:none}
+ .agent-tool.working::after{animation:none}
+ .agent-prompt .agent-does,.agent-prompt .agent-out{opacity:1;transform:none;transition:none}
+}
+.agent-install{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0 0;padding:13px 18px;border:1px solid rgba(124,196,255,.3);border-radius:var(--r-sm);background:rgba(8,13,21,.7)}
+.agent-install code{font-family:var(--mono);font-size:14px;color:var(--ink)}
+.agent-install span{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
+.agent-install b{color:var(--dim);font-weight:600}
+.agent-install .btn{font-family:var(--mono);font-size:13px;color:var(--ink);text-decoration:none;padding:7px 16px;border:1px solid rgba(124,196,255,.35);border-radius:999px;transition:background .2s var(--ease),border-color .2s var(--ease)}
+.agent-install .btn:hover{background:rgba(124,196,255,.12);border-color:var(--blue)}
+.agent-install .btn-claude{color:#d97706;border-color:rgba(217,119,6,.35)}
+.agent-install .btn-claude:hover{background:rgba(217,119,6,.1);border-color:#d97706}
+.agent-install .btn-chatgpt{color:#10a37f;border-color:rgba(16,163,127,.35)}
+.agent-install .btn-chatgpt:hover{background:rgba(16,163,127,.1);border-color:#10a37f}
+.agent-install .btn-cursor{color:#a855f7;border-color:rgba(168,85,247,.35)}
+.agent-install .btn-cursor:hover{background:rgba(168,85,247,.1);border-color:#a855f7}
+.agent-install .btn-vscode{color:#0078d4;border-color:rgba(0,120,212,.35)}
+.agent-install .btn-vscode:hover{background:rgba(0,120,212,.1);border-color:#0078d4}
+.agent-install .btn-copilot{color:#2ea44f;border-color:rgba(46,164,79,.35)}
+.agent-install .btn-copilot:hover{background:rgba(46,164,79,.1);border-color:#2ea44f}
+.harness-marquee{margin:24px 0 0}
+.harness-marquee .track{gap:18px;padding:14px 0}
+.harness-marquee .btn{font-family:var(--mono);font-size:13px;color:var(--ink);text-decoration:none;padding:8px 18px;border:1px solid rgba(124,196,255,.35);border-radius:999px;transition:background .2s var(--ease),border-color .2s var(--ease);white-space:nowrap}
+.harness-marquee .btn:hover{background:rgba(124,196,255,.12);border-color:var(--blue)}
+.harness-marquee .btn-claude{color:#d97706;border-color:rgba(217,119,6,.35)}
+.harness-marquee .btn-claude:hover{background:rgba(217,119,6,.1);border-color:#d97706}
+.harness-marquee .btn-chatgpt{color:#10a37f;border-color:rgba(16,163,127,.35)}
+.harness-marquee .btn-chatgpt:hover{background:rgba(16,163,127,.1);border-color:#10a37f}
+.harness-marquee .btn-cursor{color:#a855f7;border-color:rgba(168,85,247,.35)}
+.harness-marquee .btn-cursor:hover{background:rgba(168,85,247,.1);border-color:#a855f7}
+.harness-marquee .btn-vscode{color:#0078d4;border-color:rgba(0,120,212,.35)}
+.harness-marquee .btn-vscode:hover{background:rgba(0,120,212,.1);border-color:#0078d4}
+.harness-marquee .btn-copilot{color:#2ea44f;border-color:rgba(46,164,79,.35)}
+.harness-marquee .btn-copilot:hover{background:rgba(46,164,79,.1);border-color:#2ea44f}
+.harness-marquee code{font-family:var(--mono);font-size:13px;color:var(--cool);white-space:nowrap}
+.agent-prompts{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:22px;margin:32px 0 0}
+.agent-prompt{padding:0;text-align:left}
+.agent-chips{display:flex;align-items:center;gap:8px;margin:0 0 12px}
+.agent-chip{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--dim);border:1px solid var(--line);border-radius:8px;padding:5px 11px;background:rgba(255,255,255,.02)}
+/* Real app composers. Text is positioned in % of the shot so it tracks the
+   image at every width -- derived from measured pixel geometry:
+     claude.png 1610x264  text band y136-160, left inset x54
+     codex.png  1490x204  text band y42-64,  left inset x84  */
+.agent-shot{margin:0}
+/* Claude and Codex composers rebuilt 1:1 in DOM from DEMI's screenshots.
+   Real elements, so they stay crisp at any width -- a 1474px PNG could only
+   ever be downscaled. Colours and geometry sampled from the source images:
+   Claude field #292929 on #161716, radius ~37px, coral #d87656 accent;
+   Codex field #2c2c2a on #20201f, radius ~9px, amber "Auto". */
+.agent-panel{margin:0;padding:20px;border-radius:14px}
+.is-claude{background:#161716}
+.is-codex{background:#20201f}
+.agent-panel .ai{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
+.agent-spacer{flex:1}
+.agent-line{display:flex;align-items:center;min-height:26px;font-family:var(--sans);font-size:19px;line-height:1.4;color:#ececec;overflow-wrap:anywhere}
+.agent-typed:empty::before{content:attr(data-ph);color:#8b8b8b}
+.agent-caret{display:inline-block;width:2px;height:1.15em;margin-left:2px;background:#c9c9c9;animation:agentblink 1.05s step-end infinite;flex:0 0 auto}
+.agent-bar{display:flex;align-items:center;gap:13px}
+@keyframes agentblink{50%{opacity:0}}
+
+/* Claude: one rounded field, controls on the bottom row inside it. */
+.is-claude .agent-box{background:#292929;border-radius:26px;padding:18px 20px 14px}
+.is-claude .agent-line{margin:0 0 22px}
+.is-claude .agent-bar{color:#9a9a9a}
+.ca-access{display:inline-flex;align-items:center;gap:7px;color:#e0763f;font-size:15px}
+.ca-model{display:inline-flex;align-items:center;gap:9px;font-size:15px}
+.ca-model b{color:#ededed;font-weight:600}
+.ca-model span{color:#8f8f8f}
+.ca-orb{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#1a1a1a;transition:transform .2s ease}
+.ca-orb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
+.agent-panel.sent .ca-orb{transform:scale(1.12)}
+
+/* Codex: chips above, bordered field, controls below it. */
+.cx-chips{display:flex;align-items:center;gap:9px;margin:0 0 12px}
+.cx-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:9px;background:#2f2f2e;color:#d6d6d4;font-size:14px}
+.cx-chip .ai{width:16px;height:16px;opacity:.75}
+.cx-sq{padding:7px 9px}
+.is-codex .agent-box{display:flex;align-items:center;gap:12px;background:#2c2c2a;border:1px solid #4a4a48;border-radius:12px;padding:15px 16px;transition:border-color .3s ease}
+.is-codex .agent-box.focus{border-color:#6f6f6c}
+.is-codex .agent-line{flex:1;min-width:0}
+.cx-return{color:#8b8b89}
+.is-codex .agent-bar{margin:13px 0 0;color:#8b8b89;gap:12px}
+.cx-auto{color:#e3b341;font-size:14px}
+.cx-model,.cx-eff{color:#c8c8c6;font-size:14px}
+.cx-ring{width:15px;height:15px;border-radius:50%;border:1.7px solid #6f6f6c;border-right-color:transparent;flex:0 0 auto}
+
+@media (max-width:640px){
+ .agent-line{font-size:16px}
+ .is-claude .agent-box{padding:14px 15px 11px;border-radius:20px}
+ .agent-bar{gap:9px}
+ .ca-model span,.cx-eff{display:none}
+}
+.agent-prompt .agent-does,.agent-prompt .agent-out{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
+.agent-prompt .agent-does.in,.agent-prompt .agent-out.in{opacity:1;transform:none}
+.agent-tool.working{position:relative}
+.agent-tool.working::after{content:"";position:absolute;inset:-1px;border-radius:999px;border:1px solid rgba(124,196,255,.85);animation:agentpulse 1.1s ease-out infinite}
+@keyframes agentpulse{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}
+@media (prefers-reduced-motion:reduce){
+ .agent-caret{animation:none}
+ .agent-tool.working::after{animation:none}
+ .agent-prompt .agent-does,.agent-prompt .agent-out{opacity:1;transform:none;transition:none}
+}
+.agent-install{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0 0;padding:13px 18px;border:1px solid rgba(124,196,255,.3);border-radius:var(--r-sm);background:rgba(8,13,21,.7)}
+.agent-install code{font-family:var(--mono);font-size:14px;color:var(--ink)}
+.agent-install span{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
+.agent-install b{color:var(--dim);font-weight:600}
+.agent-prompts{display:grid;grid-template-columns:1fr;gap:34px;margin:32px 0 0}
+.agent-prompt{padding:0;text-align:left}
+.agent-chips{display:flex;align-items:center;gap:8px;margin:0 0 12px}
+.agent-chip{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--dim);border:1px solid var(--line);border-radius:8px;padding:5px 11px;background:rgba(255,255,255,.02)}
+/* Real app composers. Text is positioned in % of the shot so it tracks the
+   image at every width -- derived from measured pixel geometry:
+     claude.png 1610x264  text band y136-160, left inset x54
+     codex.png  1490x204  text band y42-64,  left inset x84  */
+.agent-shot{margin:0}
+.agent-frame{position:relative;container-type:inline-size;overflow:hidden}
+.is-claude .agent-frame{border-radius:2.5cqw}
+.is-codex .agent-frame{border-radius:.6cqw}
+.agent-frame img{display:block;width:100%;height:auto}
+.agent-type{position:absolute;display:flex;align-items:center;white-space:nowrap;overflow:hidden;pointer-events:none}
+.is-claude .agent-type{left:5.22%;right:6%;top:17.7%;height:16.2%;font-family:var(--sans);font-size:1.02cqw;color:#f5f6f6}
+.is-codex .agent-type{left:1.30%;right:6%;top:44.4%;height:19.4%;font-family:var(--sans);font-size:0.98cqw;color:#f5f4ee}
+.agent-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;animation:agentblink 1s step-end infinite;flex:0 0 auto}
+.is-claude .agent-caret{background:#f5f6f6}
+.is-codex .agent-caret{background:#d87656}
+@keyframes agentblink{50%{opacity:0}}
+.agent-ask{margin:14px 0 16px;font-size:19px;line-height:1.45;color:var(--ink)}
+.agent-does{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 0;padding:11px 14px;border-radius:10px;background:rgba(8,13,21,.6);border:1px solid rgba(124,196,255,.18)}
+.agent-tool{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7cc4ff;border:1px solid rgba(124,196,255,.4);border-radius:999px;padding:3px 9px;flex:0 0 auto}
+.agent-does code{font-family:var(--mono);font-size:13px;color:var(--ink);overflow-wrap:anywhere}
+.agent-out{margin:16px 0 0;font-family:var(--mono);font-size:14.5px;line-height:1.65;color:var(--dim)}
+.agent-out b{color:var(--ink);font-weight:600}
+.agent-caption{margin:20px 0 0;color:var(--mute);font-size:14px}
+.agent-caption code{font-family:var(--mono);font-size:12.5px;color:var(--dim)}
+@media (max-width:640px){.agent-prompts{grid-template-columns:1fr}.agent-ask{font-size:17px}}
+.cli-install-hint{display:block;margin-top:8px;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
+.cli-install-cmd{padding:16px 20px;border-radius:var(--r-sm);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:var(--fs-base);letter-spacing:.02em;color:var(--blue2);white-space:nowrap}
+.cli-install-gate{display:block;font-family:var(--sans);font-size:var(--fs-sm);letter-spacing:0;color:var(--mute);margin:0;line-height:1.7}
+.cli-install-gate b{display:inline;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:#071018;background:var(--blue2);border-radius:var(--r-pill);padding:4px 9px;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{border:1px solid var(--line);border-radius:var(--r-md);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-cap{font-family:var(--mono);font-size:var(--fs-micro);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:var(--r-sm);border:1px solid var(--line);background:rgba(17,25,37,.9);font-family:var(--mono);font-size:var(--fs-xs);line-height:1.55;color:var(--cool);overflow-x:auto;text-align:left}
 .cli-code b{color:var(--blue2);font-weight:500}
 
 .evolve-rail{
@@ -438,7 +649,7 @@ main{position:relative;z-index:2;padding-top:84px}
  padding:14px 16px 4px;
 }
 .evolve-pill{
- font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
+ font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;
  border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--cool);
 }
 .evolve-pill.on{border-color:rgba(124,196,255,.35);color:var(--blue2)}
@@ -466,24 +677,49 @@ main{position:relative;z-index:2;padding-top:84px}
 .wires.multi circle.c-rh{fill:var(--rh)}
 .wires.multi circle.c-sol{fill:var(--sol)}
 
+/* Live lanes. The wires draw once on scroll and then sit still, which reads as
+   a diagram rather than a control plane moving traffic. A second stroked copy
+   of each path runs a short dash along it on a loop, so every lane shows flow
+   in its own colour. Pure CSS on paths that already exist -- no extra DOM. */
+.wires.in path{animation:lane-flow 2.6s linear infinite}
+.wires.in path.w-2{animation-delay:.35s}
+.wires.in path.w-3{animation-delay:.7s}
+.wires.in path.w-4{animation-delay:1.05s}
+.wires.in path.w-5{animation-delay:1.4s}
+@keyframes lane-flow{
+ 0%{stroke-dasharray:.16 .84;stroke-dashoffset:1}
+ 100%{stroke-dasharray:.16 .84;stroke-dashoffset:0}
+}
+/* The endpoint dots breathe so the lane reads as connected, not decorative. */
+.wires.in circle{animation:lane-node 2.6s var(--ease) infinite}
+@keyframes lane-node{0%,100%{opacity:.55;r:1.4}50%{opacity:1;r:1.8}}
+@media (prefers-reduced-motion:reduce){
+ .wires.in path,.wires.in circle{animation:none}
+ .wires.in path{stroke-dasharray:1;stroke-dashoffset:0}
+}
+
 /* route detail cards */
 .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;
 }
 .route-card:hover{background:var(--panel-2)}
-.route-card h3{font-family:var(--display);font-weight:400;font-size:26px;display:flex;align-items:center;gap:10px}
+.route-card h3{font-family:var(--display);font-weight:400;font-size:var(--fs-lg);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:#C9DAEC;font-size:15px;line-height:1.55}
+.route-card .where{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
+.route-card p{color:var(--cool);font-size:var(--fs-base);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;
+ font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--cool);
 }
+.band-head{max-width:var(--max);margin:96px auto 0;padding:0 var(--pad)}
+.band-head .eyebrow{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:3.4px;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
+.band-head h2{font-family:var(--display);font-weight:400;font-size:var(--fs-2xl);line-height:1.06;letter-spacing:-.01em}
+@media (max-width:760px){.band-head{margin-top:60px}}
 .why-band{
  border-top:1px solid var(--line);
  padding:22px 24px 24px;
@@ -492,48 +728,52 @@ main{position:relative;z-index:2;padding-top:84px}
 .why-band p{
  max-width:62ch;margin:0 auto;text-align:center;
  font-family:var(--display);font-style:italic;font-weight:400;
- font-size:clamp(18px,2.2vw,24px);line-height:1.4;color:var(--blue2);
+ font-size:var(--fs-md);line-height:1.4;color:var(--blue2);
 }
 .why-band span{
  display:block;margin-top:10px;
- font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);font-style:normal;
+ font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);font-style:normal;
 }
 
 /* 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)}
+.chain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
+.chain{transition:border-color .5s var(--ease),transform .5s var(--ease),background .5s var(--ease)}
+.chain:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--blue) 34%,transparent)}
+.chain .badge{font-variant-numeric:tabular-nums;letter-spacing:.1em}
+.chain .badge:not(.live){opacity:.62;border-style:dashed}
+.hl-surface{margin-top:34px;border:1px solid var(--line);border-radius:var(--r-md);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}
+.hl-grid article{border:1px solid rgba(124,196,255,.22);border-radius:var(--r-sm);padding:16px 17px;background:rgba(17,25,37,.92)}
+.hl-grid h3{font-family:var(--display);font-size:var(--fs-base);font-weight:500;color:var(--ink);margin:0 0 6px}
+.hl-grid p{font-size:var(--fs-sm);line-height:1.6;color:var(--cool);margin:0}
+.hl-note{margin:16px 0 0;font-family:var(--mono);font-size:var(--fs-micro);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;
+ border:1px solid var(--line);border-radius:var(--r-md);padding:16px;
  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 .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease);
 }
 .chain:hover{border-color:rgba(124,196,255,.45);transform:translate3d(0,-3px,0)}
 .chain-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
-.chain .nm{font-family:var(--display);font-size:20px;display:flex;align-items:center;gap:8px}
+.chain .nm{font-family:var(--display);font-size:var(--fs-md);display:flex;align-items:center;gap:8px}
 .chain .nm img{width:18px;height:18px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.06)}
-.chain .id{font-family:var(--mono);font-size:11px;color:var(--blue);white-space:nowrap;padding-top:4px}
+.chain .id{font-family:var(--mono);font-size:var(--fs-xs);color:var(--blue);white-space:nowrap;padding-top:4px}
 .chain .meta{
  display:flex;justify-content:space-between;gap:8px;
- font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);
+ font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);
 }
 .badge{border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--cool)}
 .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{margin-top:14px;border:1px solid var(--line);border-radius:var(--r-md);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:var(--r-md);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);
+ font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
 }
 .venues-head b{color:var(--blue);font-weight:500}
@@ -545,7 +785,7 @@ main{position:relative;z-index:2;padding-top:84px}
 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));
+ font-size:var(--fs-base);letter-spacing:-.015em;text-transform:none;color:var(--proto-color,var(--cool));
  padding:8px 13px;border:1px solid rgba(124,196,255,.1);border-radius:999px;background:rgba(11,16,24,.38);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
  transition:border-color .35s var(--ease),background .35s var(--ease),transform .35s var(--ease);
@@ -554,7 +794,7 @@ a.chip:hover{border-color:rgba(124,196,255,.3);background:rgba(21,32,49,.6);tran
 .chip img{width:18px;height:18px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.06)}
 .chip.wm-chip{padding:11px 18px}
 .chip img.wm{width:auto;height:27px;max-width:180px;border-radius:0;object-fit:contain;background:none;opacity:1}
-.chip img.wm.tall{height:28px;max-width:32px}
+.chip img.wm.tall{width:30px;height:30px;min-width:30px;max-width:30px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
 .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}
@@ -584,8 +824,200 @@ a.chip:hover{border-color:rgba(124,196,255,.3);background:rgba(21,32,49,.6);tran
 @keyframes scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
 
 
+
+/* dense premium layer: protocol atlas + hero metrics */
+.home-stats{margin-top:clamp(40px,6vw,72px);border-top:1px solid var(--line);padding-top:26px;
+ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
+ width:100%;margin:28px 0 0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
+ background:var(--line);position:relative;z-index:3;box-shadow:0 24px 70px rgba(0,0,0,.28);
+}
+.home-stat{background:rgba(17,25,37,.82);padding:15px 16px 14px;text-align:left;min-height:86px;position:relative;overflow:hidden}
+.home-stat::after{content:"";position:absolute;inset:-1px;opacity:0;background:radial-gradient(160px 120px at var(--mx,50%) var(--my,50%),rgba(124,196,255,.16),transparent 65%);transition:opacity .35s var(--ease)}
+.home-stat:hover::after{opacity:1}
+.home-stat b{display:block;font-family:var(--display);font-weight:400;font-size:var(--fs-2xl);line-height:.9;color:var(--ink);letter-spacing:-.03em;position:relative;z-index:1}
+.home-stat .stat-suffix{font-size:.42em;letter-spacing:0;color:var(--cool);margin-left:.18em;vertical-align:.42em}
+.home-stat span{display:block;margin-top:9px;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);position:relative;z-index:1}
+
+.protocol-atlas{max-width:min(1280px,100%)}
+.protocol-atlas .section-title{max-width:15ch;font-size:var(--fs-3xl);line-height:.94;letter-spacing:-.035em}
+.protocol-atlas .section-lede{max-width:62ch}
+.atlas-sticky{position:sticky;top:96px;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(180deg,rgba(124,196,255,.10),rgba(17,25,37,.88) 42%,rgba(11,16,24,.94));box-shadow:0 30px 90px rgba(0,0,0,.34)}
+.atlas-orbit{height:220px;position:relative;display:grid;place-items:center;border-bottom:1px solid var(--line);overflow:hidden}
+.atlas-orbit::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(124,196,255,.24),rgba(124,196,255,.08) 28%,transparent 62%);filter:blur(12px);animation:home-breathe 5.8s var(--ease) infinite}
+.atlas-orbit .orbital{width:124px;height:124px;filter:drop-shadow(0 0 32px rgba(124,196,255,.4))}
+.atlas-copy{padding:clamp(20px,3vw,30px)}
+.atlas-count{font-family:var(--display);font-weight:300;font-size:var(--fs-4xl);line-height:.82;letter-spacing:-.055em;color:var(--ink)}
+.atlas-count span{font-style:italic;color:var(--blue2)}
+.atlas-sub{margin-top:16px;color:var(--cool);font-size:var(--fs-base);line-height:1.68;max-width:34ch}
+.atlas-ledger{display:grid;gap:1px;margin-top:24px;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--line)}
+.atlas-ledger div{display:grid;grid-template-columns:1fr auto;gap:16px;padding:11px 13px;background:rgba(11,16,24,.62);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.13em;text-transform:uppercase;color:var(--mute)}
+.atlas-ledger b{color:var(--blue2);font-weight:500}
+.mega-oracle{font-family:var(--display);font-weight:300;font-size:var(--fs-4xl);line-height:.8;letter-spacing:-.06em;text-align:center;color:transparent;-webkit-text-stroke:1px rgba(124,196,255,.20);margin:clamp(54px,9vw,110px) auto -26px;max-width:1280px;mask-image:linear-gradient(180deg,#000 28%,transparent 96%);-webkit-mask-image:linear-gradient(180deg,#000 28%,transparent 96%)}
+
+@media (max-width:960px){
+ .home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
+ .atlas-sticky{position:relative;top:auto}
+}
+@media (max-width:560px){.home-stats{grid-template-columns:1fr}.home-stat{min-height:0}.atlas-orbit{height:170px}.atlas-count{font-size:var(--fs-3xl)}}
+
+
+
+/* high-end motion surface, replaces visible DEX/lending lists */
+.motion-lab{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);gap:clamp(22px,4vw,54px);align-items:start;margin-top:clamp(26px,5vw,58px);perspective:1200px}
+.motion-main{display:flex;flex-direction:column;gap:16px;min-width:0}
+.motion-command{transform-style:preserve-3d}
+.toolbelt{display:flex;flex-wrap:wrap;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px;background:rgba(11,16,24,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);overflow:hidden}
+.toolbelt span{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--blue2);border:1px solid rgba(124,196,255,.18);border-radius:999px;padding:8px 10px;background:rgba(124,196,255,.045);white-space:nowrap}
+.operator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
+.motion-card{--mx:50%;--my:50%;position:relative;min-height:252px;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;padding:clamp(20px,3vw,30px);background:linear-gradient(155deg,rgba(124,196,255,.095),rgba(17,25,37,.84) 34%,rgba(11,16,24,.96));box-shadow:0 30px 90px rgba(0,0,0,.22);transform-style:preserve-3d;will-change:transform;transition:transform .55s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease)}
+.motion-card::before{content:"";position:absolute;inset:-40%;opacity:.62;background:radial-gradient(340px 220px at var(--mx) var(--my),rgba(184,240,255,.18),transparent 58%),conic-gradient(from var(--spin,0deg),transparent,rgba(124,196,255,.24),transparent 34%,rgba(80,210,193,.18),transparent 66%);filter:blur(26px);transform:translateZ(-1px);animation:card-spin 12s linear infinite}
+.motion-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 44%,transparent 58%);transform:translateX(-120%);transition:transform .9s var(--ease);pointer-events:none}
+.motion-card:hover{border-color:rgba(184,240,255,.38);box-shadow:0 34px 110px rgba(0,0,0,.34),0 0 0 1px rgba(184,240,255,.06)}
+.motion-card:hover::after{transform:translateX(120%)}
+.motion-card .num{position:relative;z-index:1;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
+.motion-card h3{position:relative;z-index:1;margin:44px 0 12px;font-family:var(--display);font-weight:400;font-size:var(--fs-2xl);line-height:.96;letter-spacing:-.03em}
+.motion-card p{position:relative;z-index:1;color:var(--cool);font-size:var(--fs-base);line-height:1.62;max-width:34ch}
+.motion-card .sig{position:absolute;left:clamp(20px,3vw,30px);right:clamp(20px,3vw,30px);bottom:18px;z-index:1;display:flex;justify-content:space-between;gap:14px;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);border-top:1px solid rgba(124,196,255,.12);padding-top:13px}
+.motion-card.is-hot .sig span:last-child{color:var(--blue2)}
+.motion-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(124,196,255,.08),transparent);height:38%;animation:scan-pass 4.8s var(--ease) infinite;mix-blend-mode:screen}
+.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.16em;margin-bottom:-.16em}.word-mask>span{display:inline-block}
+@keyframes card-spin{to{--spin:360deg}}
+@keyframes scan-pass{0%,100%{transform:translateY(-115%);opacity:0}18%,70%{opacity:.7}100%{transform:translateY(215%);opacity:0}}
+@media (max-width:960px){.motion-lab{grid-template-columns:1fr}.operator-grid{grid-template-columns:1fr}.toolbelt{border-radius:var(--r-md)}.motion-card{min-height:220px}}
+@media (prefers-reduced-motion:reduce){.motion-card::before,.motion-scan{animation:none}.motion-card{will-change:auto}}
+
+/* ── hero: product-first split. Real artifact leads, orb is ambience ── */
+.hero-split{
+ display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);
+ gap:clamp(28px,4vw,56px);align-items:center;text-align:left;width:100%;
+}
+.hero-lede{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
+.hero-lede .home-kicker{margin-bottom:14px}
+.hero-split .home-title{
+ font-size:var(--fs-3xl);line-height:.98;letter-spacing:-.035em;
+ text-transform:none;text-align:left;margin:0;
+}
+.hero-sub{
+ max-width:46ch;margin:20px 0 0;color:var(--cool);
+ font-size:var(--fs-base);line-height:1.65;text-shadow:0 1px 20px rgba(0,0,0,.6);
+}
+.hero-split .home-actions{justify-content:flex-start;margin-top:30px}
+.enter-cta.primary{
+ background:linear-gradient(180deg,rgba(184,240,255,.98),rgba(124,196,255,.9));
+ color:#071018;border-color:transparent;font-weight:600;
+}
+.enter-cta.primary::after{color:#071018}
+.enter-cta.primary:hover{box-shadow:0 0 0 1px rgba(184,240,255,.4),0 22px 54px rgba(124,196,255,.22)}
+.enter-cta.ghost{background:none}
+.hero-note-line{
+ margin-top:18px;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.14em;
+ text-transform:uppercase;color:var(--mute);
+}
+.hero-note-line code{color:var(--blue2);font-size:var(--fs-micro)}
+
+.hero-product{position:relative;margin:0;min-width:0;perspective:1600px;overflow:clip}
+.hero-product .hero-art{display:none}
+.hero-product .hero-orb{width:min(100%,560px)}
+.hero-shot{
+ position:relative;z-index:1;border-radius:var(--r-md);overflow:hidden;
+ border:1px solid var(--line-2);background:#05080D;
+ box-shadow:0 40px 120px rgba(0,0,0,.62),0 0 0 1px rgba(184,240,255,.06),inset 0 1px 0 rgba(255,255,255,.05);
+ transform:perspective(2000px) rotateY(-4deg) rotateX(1.5deg);
+ transition:transform 1s var(--ease),box-shadow 1s var(--ease);
+ /* Bleed toward the viewport edge so the shot reads at a legible size. */
+ width:calc(100% + max(0px,(100vw - var(--max))/2 - var(--pad) + 20px));
+ max-width:none;
+}
+.hero-shot img{display:block;width:100%;height:auto}
+.hero-shot::after{
+ content:"";position:absolute;inset:0;pointer-events:none;
+ background:linear-gradient(130deg,rgba(184,240,255,.1),transparent 42%);
+}
+.hero-product:hover .hero-shot{transform:perspective(2000px) rotateY(-1deg) rotateX(.5deg)}
+.hero-product figcaption{
+ position:relative;z-index:1;margin-top:14px;font-family:var(--mono);font-size:var(--fs-micro);
+ letter-spacing:.2em;text-transform:uppercase;color:var(--mute);text-align:right;
+}
+@media (max-width:960px){
+ .hero-split{grid-template-columns:minmax(0,1fr);gap:36px}
+ .hero-shot{transform:none;width:100%}
+ .hero-product .hero-art{inset:-10% -6%;opacity:.34}
+ .hero-product figcaption{text-align:left}
+}
+@media (prefers-reduced-motion:reduce){.hero-shot{transform:none;transition:none}}
+
+/* Route proof: the ranking claim, recorded. */
+.risk-proof,
+.route-proof{position:relative;margin:0 auto var(--space-5);max-width:868px;border:1px solid rgba(124,196,255,.16);border-radius:var(--r-md);overflow:hidden;background:#080d15;line-height:0}
+.risk-proof video,
+.route-proof video{display:block;width:100%;max-width:868px;height:auto;opacity:0;transition:opacity .5s var(--ease)}
+.risk-proof video.ready,
+.route-proof video.ready{opacity:1}
+.risk-proof #risk-still,
+.route-proof #route-still{display:block;width:100%;max-width:868px;height:auto}
+.risk-proof video.ready ~ #risk-still,
+.route-proof video.ready ~ #route-still{position:absolute;inset:0;opacity:0;pointer-events:none}
+.risk-proof figcaption,
+.route-proof figcaption{line-height:1.4;padding:10px 14px;border-top:1px solid rgba(124,196,255,.12);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--blue2)}
+@media (prefers-reduced-motion:reduce){
+ .risk-proof video,
+ .route-proof video{display:none}
+ .risk-proof #risk-still,
+ .route-proof #route-still{position:static;opacity:1}
+}
+
+/* The orb is the hero mark, so it drops the terminal panel chrome entirely:
+   no border, no dark fill, no 3D tilt, no edge bleed. */
+.hero-shot-orb{
+ border:0;background:transparent;box-shadow:none;transform:none;overflow:visible;
+ width:min(100%,560px);margin-inline:auto;border-radius:0;
+}
+.hero-shot-orb::after{display:none}
+.hero-product:hover .hero-shot-orb{transform:none}
+.hero-shot-orb video,
+.hero-shot-orb #orb-still{
+ display:block;width:100%;height:auto;
+ /* The render's background is rgb(10,16,23) at full alpha -- near-black, but not
+    black. Screen/additive blending can only cancel true #000, which is why the
+    plate stayed visible. Crush the floor to real black first, then screen it
+    away. Highlights sit at 244+ so they survive the crush untouched. */
+ filter:brightness(1.16) contrast(1.3);
+ mix-blend-mode:screen;
+ /* Belt and braces: feather the boundary so no engine can show a hard edge. */
+ -webkit-mask-image:radial-gradient(ellipse 64% 64% at 50% 47%, #000 42%, transparent 74%);
+ mask-image:radial-gradient(ellipse 64% 64% at 50% 47%, #000 42%, transparent 74%);
+}
+.hero-shot-orb video{opacity:0;transition:opacity .6s var(--ease)}
+.hero-shot-orb video.ready{opacity:1}
+.hero-shot-orb video.ready ~ #orb-still{position:absolute;inset:0;opacity:0;pointer-events:none}
+@media (prefers-reduced-motion:reduce){
+ .hero-shot-orb video{display:none}
+ .hero-shot-orb #orb-still{position:static;opacity:1}
+}
+/* CLI section leads with the filled active-surface still. */
+.cli-proof{position:relative;aspect-ratio:auto;height:auto;min-height:0;padding:0;
+ max-width:868px;margin-inline:auto;line-height:0;display:block}
+.cli-proof #cli-still{display:block;width:100%;height:auto}
+.cli-proof video.ready ~ #cli-still{position:absolute;inset:0;opacity:0;pointer-events:none}
+@media (prefers-reduced-motion:reduce){
+ .cli-proof video{display:none}
+ .cli-proof #cli-still{position:static;opacity:1}
+}
+
+/* Recorded session leads; the still is the fallback underneath it. */
+.hero-shot{position:relative}
+.hero-shot video{display:block;width:100%;height:auto;opacity:0;transition:opacity .6s var(--ease)}
+.hero-shot video.ready{opacity:1}
+.hero-shot video.ready + #cli-still{opacity:0}
+#cli-still{display:block;width:100%;height:auto;transition:opacity .6s var(--ease)}
+.hero-shot video.ready ~ #cli-still{position:absolute;inset:0;pointer-events:none}
+@media (prefers-reduced-motion:reduce){
+ .hero-shot video{display:none}
+ #cli-still{position:static;opacity:1}
+}
+
 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{font-family:"UnifrakturCook","Old English Text MT","Lucida Blackletter",serif;font-size:var(--fs-base);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;
@@ -593,17 +1025,17 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
 }
 .powered{
  display:inline-flex;align-items:center;gap:10px;
- font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);
+ font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);
 }
 .powered .mark{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px rgba(124,196,255,.7)}
 .powered a{color:var(--blue);font-weight:600;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}
 .powered a:hover{border-bottom-color:var(--blue);color:var(--ink)}
-.foot-links{display:flex;gap:18px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
+.foot-links{display:flex;gap:18px;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
 .foot-links a:hover{color:var(--blue)}
 .foot-meta{
  max-width:var(--max);margin:0 auto;
  display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:space-between;
- font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);
+ font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);
 }
 
 .js .rv{opacity:0;transform:translate3d(0,22px,0);will-change:opacity,transform}
@@ -612,7 +1044,7 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
 
 @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)}
+ .hero-stage{min-height:clamp(300px,44vh,460px)}.home-title{font-size:var(--fs-4xl)}
  .nav-chip{display:none}
  .nav-links .hide-sm{display:none}
  .route-strip{grid-template-columns:1fr}
@@ -621,27 +1053,28 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
 }
 @media (max-width:720px){
  :root{--pad:clamp(16px,5vw,24px)}
+ .cli-frame,.cli-frame img,.convert-copy,.convert-grid{max-width:100%;width:100%}
+ .cli-frame img{height:auto}
  main{padding-top:68px}
  .nav{padding:12px var(--pad)}
- .brand{font-size:22px}
+ .brand{font-size:var(--fs-lg)}
  .brand .orbital{width:24px;height:24px}
  .home{min-height:auto;padding-top:22px;padding-bottom:58px}
  .home::after{bottom:8px;height:48px}
  .hero-stage{min-height:240px}
- #orb-vid,.hero-orb{width:min(78vw,300px)}
+ .hero-orb{width:min(78vw,300px)}
  .hero-orb .orbit-dot{animation-name:orbit-travel-mobile}
  @keyframes orbit-travel-mobile{from{transform:rotateX(76deg) rotateZ(0deg) translateX(min(30vw,128px))}to{transform:rotateX(76deg) rotateZ(360deg) translateX(min(30vw,128px))}}
- .home-title{font-size:clamp(64px,19vw,82px);letter-spacing:-.05em}
- .hero-byline{margin-top:8px;font-size:9px;letter-spacing:.2em}
- .home-kicker{font-size:9px;letter-spacing:.22em}
- .home-copy p:not(.home-kicker){max-width:34ch;font-size:15px;line-height:1.58;margin-top:14px}
+ .home-title{font-size:var(--fs-4xl);letter-spacing:-.05em}
+  .home-kicker{font-size:var(--fs-micro);letter-spacing:.22em}
+ .home-copy p:not(.home-kicker){max-width:34ch;font-size:var(--fs-base);line-height:1.58;margin-top:14px}
  .home-actions{width:100%;margin-top:22px}
  .enter-cta{width:100%;max-width:280px;min-height:48px;justify-content:center;padding:13px 18px}
  .section{padding:clamp(44px,8vh,72px) var(--pad) 0}
  .section-label{letter-spacing:.22em}
- .section-title{font-size:clamp(30px,11vw,42px);max-width:12ch}
- .section-lede{font-size:15px;line-height:1.6;margin-bottom:24px}
- .graph-top{justify-content:flex-start;padding:12px;font-size:9px;line-height:1.55;letter-spacing:.12em}
+ .section-title{font-size:var(--fs-xl);max-width:12ch}
+ .section-lede{font-size:var(--fs-base);line-height:1.6;margin-bottom:24px}
+ .graph-top{justify-content:flex-start;padding:12px;font-size:var(--fs-micro);line-height:1.55;letter-spacing:.12em}
  .evolve-rail{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:12px;-webkit-overflow-scrolling:touch}
  .evolve-pill{white-space:nowrap;flex:0 0 auto}
  .graph-canvas{overflow:visible;padding:22px 12px 24px}
@@ -656,18 +1089,19 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  .wires.funnel{height:42px}
  .builder-row{margin-top:4px}
  .route-card{min-height:auto;padding:20px 16px;background:rgba(17,25,37,.94)}
- .route-card h3{font-size:23px;line-height:1.05;flex-wrap:wrap}
+ .route-card h3{font-size:var(--fs-lg);line-height:1.05;flex-wrap:wrap}
  .why-band{padding:20px 16px 22px}
  .hl-surface{padding:16px}
  .chain .id{white-space:normal;text-align:right}
- .venues-head{font-size:9px;letter-spacing:.12em;line-height:1.5}
+ .venues-head{font-size:var(--fs-micro);letter-spacing:.12em;line-height:1.5}
  .marquee{overflow-x:auto;overflow-y:hidden;mask-image:none;-webkit-mask-image:none;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .marquee::-webkit-scrollbar{display:none}
  .marquee .track,.marquee.rev .track{min-width:max-content;animation:none;transform:none;will-change:auto}
  .track{gap:16px}
- .chip{font-size:14px;padding:8px 11px}
+ .chip{font-size:var(--fs-sm);padding:8px 11px}
  .chip.wm-chip{padding:10px 14px}
  .chip img.wm{height:24px;max-width:132px}
+ .chip img.wm.tall{width:26px;height:26px;min-width:26px;max-width:26px}
  footer{padding:28px var(--pad) 34px}
  .foot-row,.foot-meta{justify-content:center;text-align:center}
  .foot-links{flex-wrap:wrap;justify-content:center;gap:12px 16px}
@@ -676,9 +1110,9 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  .chain-grid{grid-template-columns:1fr}
 }
 @media (max-width:380px){
- .home-title{font-size:62px}
+ .home-title{font-size:var(--fs-3xl)}
  .hero-stage{min-height:220px}
- .section-title{font-size:30px}
+ .section-title{font-size:var(--fs-xl)}
 }
 @media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
@@ -706,8 +1140,6 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
     <circle class="core" cx="50" cy="50" r="6.5"/>
    </svg>
   </div>
-  <div class="loader-word">oracle</div>
-  <div class="loader-bar"><span id="loader-fill"></span></div>
  </div>
 </div>
 
@@ -726,7 +1158,6 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
   <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>
 
@@ -736,12 +1167,20 @@ 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-primary">
-   <div class="hero-stage">
+  <div class="hero-split">
+   <div class="hero-lede">
+    <p class="home-kicker rv">self-custody agent control</p>
+    <h1 class="home-title rv">Trade every chain<br>from <em>one</em> agent</h1>
+    <p class="hero-sub rv">Hyperliquid, EVM, Bitcoin, Solana, Stable and Robinhood Chain in a single control plane. Oracle reads state, prices routes and prepares the transaction. Your wallet signs it.</p>
+    <div class="home-actions">
+     <a class="enter-cta primary" href="#cli">Download</a>
+     <a class="enter-cta ghost" href="#cli">See the CLI</a>
+    </div>
+    <p class="hero-note-line">macOS · Windows · Linux &nbsp;/&nbsp; desktop app or holder-gated CLI</p>
+   </div>
+
+   <figure class="hero-product">
     <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>
@@ -750,55 +1189,27 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
       <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="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 class="hero-shot hero-shot-orb" id="hero-title">
+     <video id="orb-video" width="900" height="900"
+            poster="assets/hero/orb-poster.jpg?v=2026080623"
+            muted loop playsinline autoplay preload="metadata"
+            aria-label="Oracle mark">
+      <source src="assets/hero/orb.webm?v=2026080623" type="video/webm">
+     </video>
+     <img id="orb-still" src="assets/hero/orb-poster.jpg?v=2026080623" alt="Oracle mark" width="900" height="900" loading="eager" fetchpriority="high" decoding="async">
     </div>
-   </div>
-  </div>
- </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" />
+    <figcaption>the future is agentic</figcaption>
    </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 class="home-stats rv" aria-label="Oracle surface metrics">
+   <div class="home-stat"><b id="hero-protocol-count" data-count="110">110</b><span>protocol entries wired</span></div>
+   <div class="home-stat"><b id="hero-provider-count" data-count="70">70</b><span>data providers</span></div>
+   <div class="home-stat"><b id="hero-op-count" data-count="322">322</b><span>data operations</span></div>
+   <div class="home-stat"><b id="hero-chain-count">13 + EVM</b><span>chains wired</span></div>
   </div>
  </div>
 </section>
-
 <section class="section" id="orchestration">
  <p class="section-label rv">Profiles</p>
  <h2 class="section-title rv">Multi-profile. <em>Customizable.</em></h2>
@@ -886,27 +1297,33 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
      <div class="node route p-sol">
       <div class="tag">profile</div>
       <div class="name">solana agent</div>
-      <div class="sub">jup · nfts · dexs</div>
+      <div class="sub">jup · lst · lending · mev</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>
       <div class="name">bitcoin agent</div>
-      <div class="sub">ord · runes · research</div>
+      <div class="sub">ord · runes · staking · lightning</div>
       <div class="chains"><span class="ch">Bitcoin <img src="https://icons.llamao.fi/icons/chains/rsz_bitcoin?w=24&h=24" alt="" loading="lazy"></span><span class="ch">inscriptions</span></div>
      </div>
-     <div class="node route p-evm">
-      <div class="tag">profile</div>
-      <div class="name">evm / bridge agent</div>
-      <div class="sub">swaps · bridges · defi</div>
-      <div class="chains"><span class="ch">ETH <img src="https://icons.llamao.fi/icons/chains/rsz_ethereum?w=24&h=24" alt="" loading="lazy"></span><span class="ch">Base <img src="https://icons.llamao.fi/icons/chains/rsz_base?w=24&h=24" alt="" loading="lazy"></span><span class="ch">Arb <img src="https://icons.llamao.fi/icons/chains/rsz_arbitrum?w=24&h=24" alt="" loading="lazy"></span><span class="ch">OP <img src="https://icons.llamao.fi/icons/chains/rsz_optimism?w=24&h=24" alt="" loading="lazy"></span><span class="ch">BNB <img src="https://icons.llamao.fi/icons/chains/rsz_binance?w=24&h=24" alt="" loading="lazy"></span><span class="ch">Avax <img src="https://icons.llamao.fi/icons/chains/rsz_avalanche?w=24&h=24" alt="" loading="lazy"></span></div>
-     </div>
      <div class="node route p-stable">
       <div class="tag">profile</div>
       <div class="name">stable agent</div>
       <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 route p-base">
+      <div class="tag">profile</div>
+      <div class="name">base agent</div>
+      <div class="sub">swaps · defi · onchain apps</div>
+      <div class="chains"><span class="ch">Base <img src="https://icons.llamao.fi/icons/chains/rsz_base?w=24&h=24" alt="" loading="lazy"></span></div>
+     </div>
+     <div class="node route p-evm">
+      <div class="tag">profile</div>
+      <div class="name">evm / bridge agent</div>
+      <div class="sub">swaps · bridges · lending · restaking</div>
+      <div class="chains"><span class="ch">ETH <img src="https://icons.llamao.fi/icons/chains/rsz_ethereum?w=24&h=24" alt="" loading="lazy"></span><span class="ch">Arb <img src="https://icons.llamao.fi/icons/chains/rsz_arbitrum?w=24&h=24" alt="" loading="lazy"></span><span class="ch">OP <img src="https://icons.llamao.fi/icons/chains/rsz_optimism?w=24&h=24" alt="" loading="lazy"></span><span class="ch">BNB <img src="https://icons.llamao.fi/icons/chains/rsz_binance?w=24&h=24" alt="" loading="lazy"></span><span class="ch">Avax <img src="https://icons.llamao.fi/icons/chains/rsz_avalanche?w=24&h=24" alt="" loading="lazy"></span><span class="ch">Polygon <img src="https://icons.llamao.fi/icons/chains/rsz_polygon?w=24&h=24" alt="" loading="lazy"></span><span class="ch">Abstract <img src="https://icons.llamao.fi/icons/chains/rsz_abstract?w=24&h=24" alt="" loading="lazy"></span><span class="ch ch-add" title="Any EVM chain: register a chainId and RPC, no code change">+ any EVM chain</span></div>
+     </div>
     </div>
 
     <div class="wires funnel" aria-hidden="true">
@@ -934,6 +1351,8 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
    </div>
   </div>
 
+
+
   <div class="route-strip">
    <article class="route-card p-poly">
     <div class="where">polymarket agent →</div>
@@ -969,7 +1388,7 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
    <article class="route-card p-sol">
     <div class="where">solana agent →</div>
     <h3>Solana <img src="https://icons.llamao.fi/icons/chains/rsz_solana?w=40&h=40" alt="Solana" loading="lazy"></h3>
-    <p>Swaps, research, Jupiter routes. The bounded lane decodes every instruction and bans delegation ops outright.</p>
+    <p>Jupiter routes, Sanctum liquid-staking tokens, Solend lending, Kamino strategies, Meteora DLMM, Jito MEV, and Pyth feeds. The bounded lane decodes every instruction and bans delegation ops outright.</p>
     <div class="chips">
      <span class="chip-s">Jupiter</span>
      <span class="chip-s">swaps</span>
@@ -979,7 +1398,7 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
    <article class="route-card p-btc">
     <div class="where">bitcoin agent →</div>
     <h3>Bitcoin <img src="https://icons.llamao.fi/icons/chains/rsz_bitcoin?w=40&h=40" alt="Bitcoin" loading="lazy"></h3>
-    <p>Ordinals, runes, and BTC research. Every PSBT input carries proven provenance, so fees are computed, not asserted.</p>
+    <p>Ordinals, runes, Babylon staking, Lightning topology, mining economics, and the Liquid and Stacks sidechains. Every PSBT input carries proven provenance, so fees are computed, not asserted.</p>
     <div class="chips">
      <span class="chip-s">ordinals</span>
      <span class="chip-s">runes</span>
@@ -989,7 +1408,7 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
    <article class="route-card p-evm">
     <div class="where">evm / bridge agent →</div>
     <h3>Multi-chain EVM <img src="https://icons.llamao.fi/icons/chains/rsz_ethereum?w=40&h=40" alt="Ethereum" loading="lazy"></h3>
-    <p>DEX routes, LI.FI and Relay bridges, DeFi across ETH and L2s. Bounded evm-swap and evm-bridge lanes.</p>
+    <p>Multi-chain routes, LI.FI and Relay bridges, Aave lending, Spark, Beefy, Symbiotic restaking, and CoW solver auctions. Bounded evm-swap and evm-bridge lanes.</p>
     <div class="chips">
      <span class="chip-s">evm-swap</span>
      <span class="chip-s">evm-bridge</span>
@@ -1028,12 +1447,15 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
     </div>
    </article>
   </div>
-
   <div class="why-band">
    <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>
 
+ <div class="band-head rv">
+  <p class="eyebrow">Custody</p>
+  <h2>The wallet stays yours.</h2>
+ </div>
  <div class="moat-grid rv" style="margin-top:28px">
   <article class="moat-card">
    <div class="n">bound grants</div>
@@ -1046,28 +1468,144 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
    <p>hl, poly, evm-swap, evm-bridge, btc, sol. Each decodes its own envelope, proves every value-moving field, and refuses while its allowlists are empty.</p>
   </article>
   <article class="moat-card">
-   <div class="n">receipts</div>
-   <h3>Every action ends in a receipt</h3>
-   <p>Prepared actions ship as stamped, hash-bound envelopes. Money claims end in tx hash, receipt status, balance delta, and allowance state. No “looks filled.”</p>
-  </article>
-  <article class="moat-card">
-   <div class="n">simulation</div>
-   <h3>Show the work before you sign</h3>
-   <p>minOut, impact, spender, and decoded calldata before approval. Export unsigned artifacts for hardware wallets.</p>
-  </article>
-  <article class="moat-card">
-   <div class="n">allowlists</div>
-   <h3>Where money may land</h3>
-   <p>Destination allowlists stop silent router drift. New contracts stay blocked until you add them.</p>
+   <div class="n">evidence</div>
+   <h3>Decoded before you sign, receipted after</h3>
+   <p>minOut, impact, spender, and decoded calldata before approval; tx hash, receipt status, balance delta, and allowance state after. Unsigned artifacts export to hardware wallets. No “looks filled.”</p>
   </article>
   <article class="moat-card">
    <div class="n">fail closed</div>
    <h3>Unconfigured means refused</h3>
-   <p>A fresh install signs nothing. Every lane refuses while its allowlists are empty, so nothing moves until you set the bounds.</p>
+   <p>A fresh install signs nothing. Destination allowlists stop silent router drift, and every lane refuses while its allowlists are empty, so new contracts stay blocked until you add them.</p>
   </article>
  </div>
 
- <div class="strategy-surface rv" id="strategies" aria-labelledby="strategies-title">
+ <div class="selfcustody rv">
+  <p class="section-label rv">Works in any harness</p>
+ <h2 class="section-title rv" data-split>Ask in <em>your</em> agent.</h2>
+ <p class="section-lede rv">Oracle installs as an MCP server, so the agent you already use gets 110 protocol entries across 13 chains. Type the request the way you would say it. Oracle reads state, prices routes and prepares the transaction. You sign.</p>
+ <div class="agent-install rv">
+  <span>Add Oracle to your agent:</span>
+  <div class="install-cmds">
+   <button class="btn btn-claude" onclick="navigator.clipboard.writeText('oracle mcp install claude-code');var b=this;b.textContent='Copied ✓';setTimeout(function(){b.textContent='Claude'},1500)">Claude</button>
+   <button class="btn btn-chatgpt" onclick="navigator.clipboard.writeText('oracle mcp install chatgpt');var b=this;b.textContent='Copied ✓';setTimeout(function(){b.textContent='ChatGPT'},1500)">ChatGPT</button>
+   <button class="btn btn-cursor" onclick="navigator.clipboard.writeText('oracle mcp install cursor');var b=this;b.textContent='Copied ✓';setTimeout(function(){b.textContent='Cursor'},1500)">Cursor</button>
+   <button class="btn btn-vscode" onclick="navigator.clipboard.writeText('oracle mcp install vscode');var b=this;b.textContent='Copied ✓';setTimeout(function(){b.textContent='VS Code'},1500)">VS Code</button>
+   <button class="btn btn-copilot" onclick="navigator.clipboard.writeText('oracle mcp install copilot');var b=this;b.textContent='Copied ✓';setTimeout(function(){b.textContent='Copilot'},1500)">Copilot</button>
+  </div>
+  <p class="cmd-hint">Click copies the install command — paste it in your terminal</p>
+ </div>
+ <div class="agent-prompts rv">
+  <figure class="agent-panel is-claude" data-agent-seq
+       data-ask="is this token safe to buy on base?">
+   <div class="agent-box">
+    <div class="agent-line"><span class="agent-typed" data-ph="Do anything"></span><span class="agent-caret"></span></div>
+    <div class="agent-bar">
+     <svg class="ai" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>
+     <span class="ca-access"><svg class="ai" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.2 3h7.6L21 8.2v7.6L15.8 21H8.2L3 15.8V8.2z"/><path d="M12 8v5"/><path d="M12 16.2v.1"/></svg>Full access</span>
+     <span class="agent-spacer"></span>
+     <span class="ca-model"><b>5.6 Sol</b><span>Extra High</span><svg class="ai" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg></span>
+     <svg class="ai" viewBox="0 0 24 24" aria-hidden="true"><rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0M12 18v3"/></svg>
+     <span class="ca-orb"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 10v4M9 6v12M13 8v8M17 10v4M21 11v2"/></svg></span>
+    </div>
+   </div>
+   <p class="agent-out" hidden><b>PASS</b> metadata &middot; <b>PASS</b> liquidity &middot; <b>PASS</b> sellable &middot; unknown is not pass</p>
+   <noscript><p class="agent-ask">is this token safe to buy on base?</p></noscript>
+  </figure>
+  <figure class="agent-panel is-codex" data-agent-seq
+       data-ask="move 5k usdc into weth, cheapest route">
+   <div class="cx-chips">
+    <span class="cx-chip"><svg class="ai" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="5" width="18" height="12" rx="2"/><path d="M2 20h20"/></svg>Local</span>
+    <span class="cx-chip"><svg class="ai" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>clawd-local</span>
+    <span class="cx-chip cx-sq"><svg class="ai" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><path d="M12 11v5M9.5 13.5h5"/></svg></span>
+   </div>
+   <div class="agent-box">
+    <div class="agent-line"><span class="agent-typed" data-ph="Describe a task or ask a question"></span><span class="agent-caret"></span></div>
+    <svg class="ai cx-return" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6v5a3 3 0 0 1-3 3H5"/><path d="M8 11l-3 3 3 3"/></svg>
+   </div>
+   <div class="agent-bar">
+    <span class="cx-auto">Auto</span>
+    <svg class="ai" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>
+    <svg class="ai" viewBox="0 0 24 24" aria-hidden="true"><rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0M12 18v3"/></svg>
+    <svg class="ai" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
+    <span class="agent-spacer"></span>
+    <span class="cx-model">Fable 5</span>
+    <span class="cx-eff">High</span>
+    <span class="cx-ring"></span>
+   </div>
+   <p class="agent-out" hidden>best route across 5 aggregators &middot; quoted live &middot; <b>unsigned</b> &mdash; your wallet signs</p>
+   <noscript><p class="agent-ask">move 5k usdc into weth, cheapest route</p></noscript>
+  </figure>
+ </div>
+ <p class="agent-caption rv">Same tool from the terminal, the desktop app, or any MCP client. Prepare-only everywhere: Oracle never holds your keys.</p>
+ <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>
+ 
+<p class="section-label rv">Self-custodial agents</p>
+  <h2 class="section-title rv">No third party holds your keys. Not even Oracle.</h2>
+  <div class="selfcustody-grid">
+   <div>
+    <h4>Everything runs on your machine</h4>
+    <p>The CLI and the desktop app are the whole product. There is no Oracle account, no hosted wallet, and no server that brokers your trades. Reads go straight from your machine to public RPCs and venue APIs.</p>
+   </div>
+   <div>
+    <h4>Your keys never reach Oracle</h4>
+    <p>The shipped package contains no signer, no vault, and no key material. Whatever key you use stays where you already keep it, in your wallet extension or on your hardware device, under that tool&rsquo;s own protection. A boundary test walks the real import graph on every build and fails if a public module so much as reaches toward signer code.</p>
+   </div>
+   <div>
+    <h4>Your wallet signs, not Oracle</h4>
+    <p>Oracle prepares an unsigned transaction and hands it to your browser extension or hardware wallet. It cannot broadcast. If you close the prompt, nothing happened.</p>
+   </div>
+   <div>
+    <h4>Nothing to seize, nothing to leak</h4>
+    <p>No custody means no honeypot. There is no server holding user keys to breach, no operator who can freeze you, and no counterparty risk from Oracle itself. Delete the app and your funds never moved.</p>
+   </div>
+  </div>
+ </div>
+
+ 
+  <div class="motion-lab rv" aria-label="Oracle high-end operator stack">
+  <aside class="atlas-sticky motion-command" aria-label="Oracle runtime metrics">
+   <div class="atlas-orbit" aria-hidden="true">
+    <div class="orbital">
+     <svg viewBox="0 0 100 100">
+      <g class="ring r1"><ellipse cx="50" cy="50" rx="46" ry="16"/></g>
+      <g class="ring r2"><ellipse cx="50" cy="50" rx="46" ry="16" transform="rotate(60 50 50)"/></g>
+      <g class="ring r3"><ellipse cx="50" cy="50" rx="46" ry="16" transform="rotate(120 50 50)"/></g>
+      <circle class="tickring" cx="50" cy="50" r="32"/>
+      <circle class="halo" cx="50" cy="50" r="10"/>
+      <circle class="core" cx="50" cy="50" r="7.5"/>
+     </svg>
+    </div>
+   </div>
+   <div class="atlas-copy">
+    <div class="atlas-count"><span id="atlas-protocol-count">110</span></div>
+    <p class="atlas-sub">Source-backed roster stays in the runtime. The landing page shows the control system, not a grocery list.</p>
+    <div class="atlas-ledger">
+     <div><span>quote / route</span><b id="atlas-route-count">0</b></div>
+     <div><span>prepare / policy</span><b id="atlas-prepare-count">0</b></div>
+     <div><span>chains</span><b id="atlas-chain-count">13 + EVM</b></div>
+     <div><span>custody</span><b>self</b></div>
+    </div>
+   </div>
+  </aside>
+  <div class="motion-main">
+   <div class="toolbelt" aria-label="What the operator stack does">
+    <span>read state</span><span>price routes</span><span>prepare unsigned</span><span>enforce policy</span><span>you sign</span>
+   </div>
+   <div class="operator-grid" id="protocol-atlas-grid" aria-live="polite"></div>
+  </div>
+  </div>
+  <div class="venues rv">
+  <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>
+  </section>
+  
+
+<div class="strategy-surface rv" id="strategies" aria-labelledby="strategies-title">
   <div class="strategy-head">
    <div>
     <div class="strategy-kicker">Agentic strategies</div>
@@ -1075,6 +1613,61 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
    </div>
    <p>Oracle reads the position, models the route and costs, then prepares only the steps the selected lane can actually support.</p>
   </div>
+   <figure class="route-proof rv">
+   <video id="route-session" width="868" height="456"
+          poster="assets/hero/route-session-poster.jpg"
+          muted loop playsinline preload="none"
+          aria-label="Recorded Oracle session pricing one swap across five venues and ranking them net of cost">
+    <source src="assets/hero/route-session.webm" type="video/webm">
+    <source src="assets/hero/route-session.mp4" type="video/mp4">
+   </video>
+   <img id="route-still" src="assets/hero/route-session-poster.jpg" alt="Oracle pricing a swap across paraswap, cow, uniswap-v3, lifi and uniswap-v4, ranked net of cost" width="868" height="456" loading="lazy" decoding="async">
+   <figcaption>one swap, five venues, ranked net of cost</figcaption>
+  </figure>
+ <figure class="route-proof rv" style="margin-top:18px">
+  <svg viewBox="0 0 868 456" preserveAspectRatio="xMidYMid meet" class="route-tree" aria-label="Oracle routing tree">
+   <style>
+    .route-tree line { stroke-dasharray: 20 8; animation: flow-down 3s linear infinite; opacity:1; }
+    @keyframes flow-down { to { stroke-dashoffset: -56; } }
+   </style>
+   <defs>
+    <marker id="arrow-t2" markerWidth="8" markerHeight="6" refX="0" refY="3" orient="auto"><path d="M0 0l8 3L0 6z" fill="var(--blue)" opacity=".8"/></marker>
+   </defs>
+   <rect x="334" y="30" width="200" height="40" rx="8" fill="rgba(124,196,255,.1)" stroke="var(--blue)" stroke-width="1.5"/>
+   <text x="434" y="55" text-anchor="middle" fill="var(--warm)" font-family="var(--mono)" font-size="13">oracle route swap</text>
+   <line x1="434" y1="70" x2="434" y2="110" stroke="var(--blue)" stroke-width="2" opacity=".8"/>
+   <line x1="434" y1="110" x2="110" y2="160" stroke="var(--blue)" stroke-width="1.5" marker-end="url(#arrow-t2)" opacity=".8"/>
+   <line x1="434" y1="110" x2="270" y2="160" stroke="var(--blue)" stroke-width="1.5" marker-end="url(#arrow-t2)" opacity=".8"/>
+   <line x1="434" y1="110" x2="434" y2="160" stroke="var(--blue)" stroke-width="1.5" marker-end="url(#arrow-t2)" opacity=".8"/>
+   <line x1="434" y1="110" x2="598" y2="160" stroke="var(--blue)" stroke-width="1.5" marker-end="url(#arrow-t2)" opacity=".8"/>
+   <line x1="434" y1="110" x2="758" y2="160" stroke="var(--blue)" stroke-width="1.5" marker-end="url(#arrow-t2)" opacity=".8"/>
+   <rect x="35" y="170" width="150" height="34" rx="7" fill="rgba(124,196,255,.08)" stroke="rgba(124,196,255,.25)" stroke-width="1"/>
+   <text x="110" y="192" text-anchor="middle" fill="var(--blue2)" font-family="var(--mono)" font-size="12">paraswap</text>
+   <rect x="195" y="170" width="150" height="34" rx="7" fill="rgba(124,196,255,.08)" stroke="rgba(124,196,255,.25)" stroke-width="1"/>
+   <text x="270" y="192" text-anchor="middle" fill="var(--blue2)" font-family="var(--mono)" font-size="12">cow protocol</text>
+   <rect x="359" y="170" width="150" height="34" rx="7" fill="rgba(124,196,255,.08)" stroke="rgba(124,196,255,.25)" stroke-width="1"/>
+   <text x="434" y="192" text-anchor="middle" fill="var(--blue2)" font-family="var(--mono)" font-size="12">uniswap v3</text>
+   <rect x="523" y="170" width="150" height="34" rx="7" fill="rgba(124,196,255,.08)" stroke="rgba(124,196,255,.25)" stroke-width="1"/>
+   <text x="598" y="192" text-anchor="middle" fill="var(--blue2)" font-family="var(--mono)" font-size="12">lifi</text>
+   <rect x="683" y="170" width="150" height="34" rx="7" fill="rgba(124,196,255,.08)" stroke="rgba(124,196,255,.25)" stroke-width="1"/>
+   <text x="758" y="192" text-anchor="middle" fill="var(--blue2)" font-family="var(--mono)" font-size="12">uniswap v4</text>
+   <line x1="110" y1="204" x2="110" y2="240" stroke="var(--blue)" stroke-width="1.5" opacity=".6"/>
+   <line x1="270" y1="204" x2="270" y2="240" stroke="var(--blue)" stroke-width="1.5" opacity=".6"/>
+   <line x1="434" y1="204" x2="434" y2="240" stroke="var(--blue)" stroke-width="1.5" opacity=".6"/>
+   <line x1="598" y1="204" x2="598" y2="240" stroke="var(--blue)" stroke-width="1.5" opacity=".6"/>
+   <line x1="758" y1="204" x2="758" y2="240" stroke="var(--blue)" stroke-width="1.5" opacity=".6"/>
+   <rect x="334" y="248" width="200" height="40" rx="8" fill="rgba(124,196,255,.15)" stroke="var(--blue)" stroke-width="1.5"/>
+   <text x="434" y="271" text-anchor="middle" fill="var(--warm)" font-family="var(--mono)" font-size="12">ranked net of cost</text>
+   <line x1="110" y1="240" x2="434" y2="248" stroke="var(--blue)" stroke-width="1.5" opacity=".5"/>
+   <line x1="270" y1="240" x2="434" y2="248" stroke="var(--blue)" stroke-width="1.5" opacity=".5"/>
+   <line x1="434" y1="240" x2="434" y2="248" stroke="var(--blue)" stroke-width="1.5" opacity=".5"/>
+   <line x1="598" y1="240" x2="434" y2="248" stroke="var(--blue)" stroke-width="1.5" opacity=".5"/>
+   <line x1="758" y1="240" x2="434" y2="248" stroke="var(--blue)" stroke-width="1.5" opacity=".5"/>
+  </svg>
+ </figure>
+
+ 
+
   <div class="strategy-grid">
    <article class="strategy-card">
     <div class="mode">read · model · prepare</div>
@@ -1099,17 +1692,49 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
    <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>
+    <p>Rank 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>
+   <article class="strategy-card">
+    <div class="mode">model · hedge · prepare</div>
+    <h4>Farming methods</h4>
+    <p>Six delta-aware playbooks, from stablecoin loops to collateral-plus-perp hedges and LP incentive hedges. Each one carries explicit exposure, hedge, monitoring and exit rules rather than a bare APR.</p>
+   </article>
+   <article class="strategy-card">
+    <div class="mode">hedge · fund · rebalance</div>
+    <h4>Delta neutral</h4>
+    <p>Pair a spot or LP leg against a short perp so the position earns funding and fees without directional exposure. Oracle reads both legs, models funding, borrow and rebalance drag, then prepares each leg for your signature.</p>
+   </article>
+   <article class="strategy-card">
+    <div class="mode">split · schedule · prepare</div>
+    <h4>TWAP accumulate &amp; distribute</h4>
+    <p>Buy or sell over time instead of in one print. Oracle splits the notional into scheduled child orders, prices each against live venue depth, and prepares them individually so a single fill never moves the market against you. Same engine for distribution — size each tranche, cap participation, keep every child order unsigned.</p>
+   </article>
+   <article class="strategy-card">
+    <div class="mode">route · revoke · bridge</div>
+    <h4>deBridge · ChangeNOW · LI.FI · revoke.cash</h4>
+    <p>Bridge and cross-chain integration with deBridge, ChangeNOW, LI.FI, Squid, Stargate, THORChain, Bungee, Connext, Wormhole, and Across. Every route checks revoke.cash before execution — Oracle prepares the unsigned tx, you sign.</p>
+   </article>
+   <article class="strategy-card">
+    <div class="mode">discover · score · rank</div>
+    <h4>Live farm discovery</h4>
+    <p>Scan live pools across chains and score each candidate on net APR after estimated borrow, funding and gas, minus a risk haircut for thin TVL. Ranked candidates feed straight into a prepare plan.</p>
+   </article>
+   <article class="strategy-card">
+    <div class="mode">alert · shadow · notify</div>
+    <h4>Custom alerts + shadow trading</h4>
+    <p>Follow favorite chains, wallets, funds and deployer addresses, then get notified when one opens, rotates or exits. Run the playbook in shadow mode against live prices before you arm it for live execution.</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>
+  <div class="strategy-posture"><b>Public posture:</b> research, simulation and unsigned preparation. MEV and flash-loan broadcast stays off; supported staking, LP, yield and farming actions require the user wallet to sign. Farm discovery reads live third-party yield data. Custom alerts and shadow loops notify or simulate first; live execution still requires arming and a user signature.</div>
 
-<section class="section" id="chains">
+  </div>
+  </div>
+
+ <section class="section" id="chains">
  <p class="section-label rv">Chains</p>
  <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>
+ <p class="section-lede rv">Every chain reads live. <b>Route</b> means Oracle can also price and prepare a swap there; <b>read only</b> means the venue registry is still empty, so routing fail-closes rather than guessing a router. Any EVM chain can be registered with a chain id and an RPC.</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></div>
@@ -1121,19 +1746,42 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
    <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>
+  </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>oracle</code> <span class="cli-install-hint">npm install -g @oracle-agent/oracle</span></div>
+  <p class="cli-install-gate"><b>Locals Only</b> Holders get 0% Oracle fees. The CLI recognises your agent wallet and applies the holder rate automatically. The public package never touches keys.</p>
  </div>
- <div class="venues rv">
-  <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>
- <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>
+ <p class="section-lede rv">The real Oracle shell, isolated from desktop chrome. No accounts, no servers. The CLI runs on your machine and reads straight from public RPCs.</p>
+ <p class="section-lede rv">Pin the active surface with <code style="color:var(--blue2)">/chain hyperliquid</code>, switch models, ask naturally. Oracle reads, prices, and prepares — you sign.</p>
+ <div class="convert-grid rv">
+  <div>
+   <figure class="cli-frame cli-proof">
+    <img id="cli-still" src="assets/cli-chain-hyperliquid.jpg?v=cli-visible" alt="Oracle CLI selecting Hyperliquid with the /chain hyperliquid command, showing the active surface: chain, chain id, agent, HyperCore and HyperEVM" width="1600" height="900" loading="eager" fetchpriority="high" />
+   </figure>
+   <p class="cli-cap">actual oracle shell</p>
+  </div>
+  <div class="convert-copy">
+   <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>
+    <h2 class="section-title app-shot-title">Oracle Desktop App</h2>
+    <figure class="app-shot">
+     <img src="assets/desktop-app.jpg" width="1736" height="959" loading="lazy" decoding="async" alt="Oracle desktop app showing the specialist mesh, with Portfolio, Approvals, Prepare, CLI, Farming Methods, Agent Connect, Receipts, Campaigns and Routes panes.">
+     <figcaption>Portfolio, approvals, prepare, farming, receipts and routes in one pane.</figcaption>
+    </figure>
+    <div class="os-dl"><a class="os-link" href="https://github.com/demi-hl/oracle/releases/download/v0.2.0/Oracle-0.2.0-arm64.dmg">macOS</a><a class="os-link" href="https://github.com/demi-hl/oracle/releases/download/v0.2.0/Oracle-0.2.0.AppImage">Linux</a><a class="os-link" href="https://github.com/demi-hl/oracle/releases/download/v0.2.0/Oracle-Setup-0.2.0.exe">Windows</a></div>
+    </div>
  </div>
- </section>
+</section>
 
- <section class="section" id="custody" style="padding-top:clamp(48px,8vh,80px)">
+<section class="section" id="custody" style="padding-top:clamp(48px,8vh,80px)">
   <div class="strip-inner rv" style="border:1px solid var(--line);border-radius:16px;padding:22px 24px;display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;background:linear-gradient(180deg, rgba(124,196,255,.05), transparent)">
    <div class="strip-left">
     <strong style="font-family:var(--display);font-weight:400;font-size:26px;display:block;margin-bottom:6px">You keep custody.</strong>
@@ -1144,10 +1792,10 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
     <span class="pill on" style="font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(124,196,255,.35);border-radius:999px;padding:9px 12px;color:var(--blue)">Per-wallet limits</span>
     <span class="pill" style="font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:var(--cool)">Revoke anytime</span>
    </div>
-  </div>
- </section>
-</main>
+   </div>
+   </section>
 
+<div class="mega-oracle rv" aria-hidden="true">oracle</div>
 <footer>
  <div class="foot-row">
   <div class="powered">
@@ -1161,10 +1809,13 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  </div>
  <div class="foot-meta">
   <span>oracle · <a class="labs-link" href="https://demi.la">locals only labs</a></span>
-  <span>self custodial // the future is agentic</span>
+  <span>self custodial // locals only labs</span>
  </div>
 </footer>
 
+<script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lenis@1.3.11/dist/lenis.min.js"></script>
 <script>
 (function () {
  "use strict";
@@ -1172,22 +1823,23 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
 
  var ICON = "https://icons.llamao.fi/icons/";
  var CHAINS = [
-  { name: "Ethereum",  id: "1",     logo: "chains/rsz_ethereum",    note: "evm / bridge agent", badge: "live" },
-  { name: "Base",      id: "8453",  logo: "chains/rsz_base",        note: "evm / bridge agent", badge: "live" },
-  { name: "Arbitrum",  id: "42161", logo: "chains/rsz_arbitrum",    note: "evm / bridge agent", badge: "live" },
-  { name: "Optimism",  id: "10",    logo: "chains/rsz_optimism",    note: "evm / bridge agent", badge: "live" },
-  { name: "BNB Chain", id: "56",    logo: "chains/rsz_binance",     note: "evm / bridge agent", badge: "live" },
-  { name: "Avalanche", id: "43114", logo: "chains/rsz_avalanche",   note: "evm / bridge agent", badge: "live" },
-  { name: "Hyperliquid", id: "999", logo: "chains/rsz_hyperliquid", note: "hyperliquid agent",  badge: "live" },
-  { name: "Abstract",  id: "2741",  logo: "chains/rsz_abstract",    note: "open / add agent",   badge: "live" },
-  { name: "Stable",    id: "988",   logo: "chains/rsz_stable",      note: "stable agent",       badge: "live" },
-  { name: "Robinhood", id: "4663",  logo: "chains/rsz_robinhood",   note: "robinhood agent",    badge: "live" },
-  { name: "Solana",    id: "SOL",   logo: "chains/rsz_solana",      note: "solana agent",       badge: "live" },
-  { name: "Bitcoin",   id: "BTC",   logo: "chains/rsz_bitcoin",     note: "bitcoin agent",      badge: "live" }
+  { name: "Ethereum",  id: "1",     logo: "chains/rsz_ethereum",    note: "evm / bridge agent", badge: "route" },
+  { name: "Base",      id: "8453",  logo: "chains/rsz_base",        note: "evm / bridge agent", badge: "route" },
+  { name: "Arbitrum",  id: "42161", logo: "chains/rsz_arbitrum",    note: "evm / bridge agent", badge: "route" },
+  { name: "Optimism",  id: "10",    logo: "chains/rsz_optimism",    note: "evm / bridge agent", badge: "route" },
+  { name: "BNB Chain", id: "56",    logo: "chains/rsz_binance",     note: "evm / bridge agent", badge: "route" },
+  { name: "Avalanche", id: "43114", logo: "chains/rsz_avalanche",   note: "evm / bridge agent", badge: "route" },
+  { name: "Polygon",   id: "137",   logo: "chains/rsz_polygon",     note: "evm / bridge agent", badge: "route" },
+  { name: "Robinhood", id: "4663",  logo: "chains/rsz_robinhood",   note: "robinhood agent",    badge: "route" },
+  { name: "Hyperliquid", id: "999", logo: "chains/rsz_hyperliquid", note: "hyperliquid agent",  badge: "route" },
+  { name: "Abstract",  id: "2741",  logo: "chains/rsz_abstract",    note: "open / add agent",   badge: "route" },
+  { name: "Stable",    id: "988",   logo: "chains/rsz_stable",      note: "stable agent",       badge: "route" },
+  { name: "Solana",    id: "SOL",   logo: "chains/rsz_solana",      note: "solana agent",       badge: "route" },
+  { name: "Bitcoin",   id: "BTC",   logo: "chains/rsz_bitcoin",     note: "bitcoin agent",      badge: "route" }
  ];
  document.getElementById("chain-grid").innerHTML = CHAINS.map(function (c) {
-  var cls = c.badge === "live" ? "badge live" : "badge";
-  var label = c.badge === "live" ? "live" : "read";
+  var cls = c.badge === "route" ? "badge live" : "badge";
+  var label = c.badge === "route" ? "route" : "read only";
   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><div class="meta"><span>' + c.note + '</span><span class="' + cls + '">' + label + '</span></div></article>';
  }).join("");
@@ -1200,7 +1852,7 @@ var BRAND = "brand/";
  { 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: "Pendle Router", wm: "pendle.png", 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" },
@@ -1225,7 +1877,7 @@ var BRAND = "brand/";
  { 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: "Polymarket", wm: "polymarket.png", 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/" },
@@ -1255,7 +1907,7 @@ var BRAND = "brand/";
 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: "QuickSwap", wm: "quickswap.png", 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/" },
@@ -1303,7 +1955,7 @@ var PROTOS_B = [
  { 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: "LI.FI", wm: "lifi.png", 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" }
@@ -1319,6 +1971,7 @@ var PROTOS_B = [
   img.style.height = h.toFixed(1) + "px";
  }
  function wireMarks(root) {
+  if (!root) return;
   root.querySelectorAll("img.wm").forEach(function (img) {
    if (img.complete) {
     if (!img.classList.contains("tall") && img.naturalWidth) normalizeMark(img);
@@ -1401,9 +2054,63 @@ var PROTOS_B = [
    return '<a class="chip wm-chip" href="' + x.u + '" target="_blank" rel="noopener noreferrer" aria-label="' + label + '">' + body + '</a>';
   }).join("");
  }
- 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));
+ (function () {
+  // Marquee is the BREADTH signal (every brand, moving). The per-tier chip
+  // wall that used to sit below it was removed: this section states "110
+  // protocol entries without the list wall", and printing all 110 names in
+  // three stacked grids WAS the list wall.
+  var marqueeSeen = Object.create(null);
+  var trackA = document.getElementById("proto-track-a");
+  var trackB = document.getElementById("proto-track-b");
+  if (trackA) trackA.innerHTML = chipRow(uniqueProtocols(PROTOS_A, marqueeSeen));
+  if (trackB) trackB.innerHTML = chipRow(uniqueProtocols(PROTOS_B, marqueeSeen));
+  wireMarks(trackA);
+  wireMarks(trackB);
+ })();
+
+ function exactProtocolEntries() {
+  var out = [];
+  var seen = Object.create(null);
+  PROTOS_A.concat(PROTOS_B).forEach(function (x) {
+   var key = String(x.n).toLowerCase();
+   if (seen[key]) return;
+   seen[key] = true;
+   out.push(x);
+  });
+  return out;
+ }
+ function renderProtocolAtlas() {
+  var root = document.getElementById("protocol-atlas-grid");
+  var entries = exactProtocolEntries();
+  var routeCount = entries.filter(function (x) { return /quote|route|bridge/i.test(x.cap); }).length;
+  var prepareCount = entries.filter(function (x) { return /prepare|policy|mint|collect|supply|withdraw|stake/i.test(x.cap); }).length;
+  // The hero stat is animated from data-count, so only the atlas value is
+  // written directly here -- otherwise this would stomp the count mid-flight.
+  ["atlas-protocol-count"].forEach(function (id) { var el = document.getElementById(id); if (el) el.textContent = String(entries.length); });
+  // Keep the hero target honest: if the protocol table grows, the number the
+  // counter climbs to grows with it.
+  var heroProto = document.getElementById("hero-protocol-count");
+  if (heroProto) heroProto.setAttribute("data-count", String(entries.length));
+  // Only the atlas count tracks the splash's own chain cards. The hero stat
+  // reports the catalog's 21 wired chainIds, which is a different, larger set.
+  ["atlas-chain-count"].forEach(function (id) { var el = document.getElementById(id); if (el) el.textContent = CHAINS.length + " + EVM"; });
+  var r = document.getElementById("atlas-route-count"); if (r) r.textContent = String(routeCount);
+  var pr = document.getElementById("atlas-prepare-count"); if (pr) pr.textContent = String(prepareCount);
+  if (!root) return;
+  var cards = [
+   ["01", "State engine", "Portfolio, markets, positions, pools, NFTs, ordinals and venue state pulled before any action is proposed.", String(entries.length) + " sources"],
+   ["02", "Route brain", "Quotes and bridges normalize into comparable intents, with slippage, destination and calldata shape surfaced before signing.", routeCount + " route-capable"],
+   ["03", "Policy wall", "Every value-moving path passes local bounds: chain, spender, destination, amount, TTL and simulation posture.", prepareCount + " prepare paths"],
+   ["04", "Wallet handoff", "Oracle prepares. Your wallet signs. Broadcast lives behind owner auth, armed state and receipts.", "self custody"],
+   ["05", "Agent mesh", "Hyperliquid, Polymarket, Solana, Bitcoin, EVM, Stable, Robinhood Chain and protocol builder profiles stay separate.", CHAINS.length + " lanes"],
+   ["06", "Builder layer", "New contracts, route modules and chain-specific scaffolds get generated with checks before deployment ever reaches a wallet.", "extendable"]
+  ];
+  root.innerHTML = cards.map(function (x) {
+   return '<article class="motion-card"><div class="motion-scan"></div><div class="num">' + x[0] + '</div><h3>' + x[1] + '</h3><p>' + x[2] + '</p><div class="sig"><span>oracle</span><span>' + x[3] + '</span></div></article>';
+  }).join("");
+}
+renderProtocolAtlas();
+
 
  var LM = "assets/llms/";
  var LLMS = [
@@ -1426,8 +2133,6 @@ var PROTOS_B = [
   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);
@@ -1438,14 +2143,35 @@ var PROTOS_B = [
  });
 
  var loader = document.getElementById("loader");
- var fill = document.getElementById("loader-fill");
- requestAnimationFrame(function () { fill.style.width = "100%"; });
  window.addEventListener("load", function () {
   setTimeout(function () { loader.classList.add("out"); }, 650);
  });
 
  var reduced = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
  var coarse = window.matchMedia("(pointer: coarse)").matches;
+var activeLenis = null;
+
+
+ if (!reduced && !coarse) {
+  document.querySelectorAll(".home-stat,.motion-card").forEach(function (card) {
+   card.addEventListener("pointermove", function (ev) {
+    var r = card.getBoundingClientRect();
+    var x = (ev.clientX - r.left) / r.width;
+    var y = (ev.clientY - r.top) / r.height;
+    card.style.setProperty("--mx", (x * 100).toFixed(2) + "%");
+    card.style.setProperty("--my", (y * 100).toFixed(2) + "%");
+    if (card.classList.contains("motion-card")) {
+     card.classList.add("is-hot");
+     card.style.transform = "rotateX(" + ((.5 - y) * 5).toFixed(2) + "deg) rotateY(" + ((x - .5) * 7).toFixed(2) + "deg) translateY(-3px)";
+    }
+   });
+   card.addEventListener("pointerleave", function () {
+    if (!card.classList.contains("motion-card")) return;
+    card.classList.remove("is-hot");
+    card.style.transform = "";
+   });
+  });
+ }
 
  var progress = document.getElementById("progress");
  var ticking = false;
@@ -1453,7 +2179,7 @@ var PROTOS_B = [
   if (ticking) return;
   ticking = true;
   requestAnimationFrame(function () {
-   var h = document.documentElement;
+   var h = document.scrollingElement || document.documentElement;
    var max = h.scrollHeight - h.clientHeight;
    progress.style.transform = "scaleX(" + (max > 0 ? h.scrollTop / max : 0) + ")";
    ticking = false;
@@ -1498,9 +2224,65 @@ var PROTOS_B = [
      io.unobserve(e.target);
     }
    });
-  }, { threshold: 0.1, rootMargin: "0px 0px -6% 0px" });
+  }, { threshold: 0.01, rootMargin: "0px 0px -2% 0px" });
   nodes.forEach(function (n) { io.observe(n); });
+  setTimeout(function () {
+   nodes.forEach(function (n) { n.classList.add("in"); n.classList.add("done"); });
+  }, 2600);
+ }
+
+ function splitWords(root) {
+  root.querySelectorAll("[data-split]").forEach(function (el) {
+   if (el.dataset.splitDone) return;
+   el.dataset.splitDone = "1";
+   el.innerHTML = el.textContent.split(/(\s+)/).map(function (w) {
+    if (/^\s+$/.test(w)) return w;
+    return '<span class="word-mask"><span>' + w + '</span></span>';
+   }).join("");
+  });
+ }
+ function initPremiumMotion() {
+  if (reduced || coarse || !window.gsap) return;
+  var gsap = window.gsap;
+  if (window.ScrollTrigger) gsap.registerPlugin(window.ScrollTrigger);
+  var LenisCtor = typeof window.Lenis === "function" ? window.Lenis : (window.Lenis && window.Lenis.Lenis);
+  if (LenisCtor && window.ScrollTrigger) {
+   activeLenis = new LenisCtor({ lerp:.08, smoothWheel:true, wheelMultiplier:.86 });
+   activeLenis.on("scroll", window.ScrollTrigger.update);
+   gsap.ticker.add(function (time) { activeLenis.raf(time * 1000); });
+   gsap.ticker.lagSmoothing(0);
+  }
+  splitWords(document);
+  if (window.ScrollTrigger) {
+   gsap.fromTo("[data-split] .word-mask > span", { yPercent:112, rotate:2 }, { yPercent:0, rotate:0, duration:1.1, ease:"power4.out", stagger:.035, scrollTrigger:{ trigger:"#protocols", start:"top 78%" }, clearProps:"transform" });
+   gsap.to(".hero-art", { yPercent:18, scale:.9, ease:"none", scrollTrigger:{ trigger:".home", start:"top top", end:"bottom top", scrub:true } });
+   gsap.fromTo(".motion-card", { y:80, rotateX:8, scale:.965 }, { y:0, rotateX:0, scale:1, duration:1.25, ease:"power4.out", stagger:.08, scrollTrigger:{ trigger:".operator-grid", start:"top 82%" }, clearProps:"transform" });
+   gsap.to(".motion-command", { y:-34, rotateX:3, ease:"none", scrollTrigger:{ trigger:".motion-lab", start:"top 70%", end:"bottom top", scrub:true } });
+   gsap.to(".mega-oracle", { xPercent:-8, ease:"none", scrollTrigger:{ trigger:".mega-oracle", start:"top bottom", end:"bottom top", scrub:true } });
+  }
+  document.documentElement.classList.add("premium-motion");
+ }
+ initPremiumMotion();
+
+ function scrollToHash(hash) {
+  var target = document.getElementById(hash.slice(1));
+  if (!target) return false;
+  var top = target.getBoundingClientRect().top + (document.scrollingElement || document.documentElement).scrollTop - 88;
+  if (activeLenis && activeLenis.scrollTo) activeLenis.scrollTo(top, { duration: 1.05, easing: function (t) { return 1 - Math.pow(1 - t, 4); } });
+  else window.scrollTo({ top: top, behavior: reduced ? "auto" : "smooth" });
+  return true;
  }
+ document.querySelectorAll('a[href^="#"]').forEach(function (a) {
+  a.addEventListener("click", function (ev) {
+   var hash = a.getAttribute("href");
+   if (!hash || hash === "#") return;
+   if (scrollToHash(hash)) {
+    ev.preventDefault();
+    history.replaceState(null, "", hash);
+   }
+  });
+ });
+ if (location.hash) setTimeout(function () { scrollToHash(location.hash); }, 60);
 
  var canvas = document.getElementById("gl");
  if (!canvas || reduced || coarse) return;
@@ -1564,5 +2346,192 @@ var PROTOS_B = [
  requestAnimationFrame(frame);
 })();
 </script>
+<script>
+(function(){
+ var orb=document.getElementById("orb-video")||document.getElementById("hero-cli-video");
+ if(orb){
+  var showOrb=function(){orb.classList.add("ready");};
+  if(orb.readyState>=2)showOrb();else orb.addEventListener("loadeddata",showOrb,{once:true});
+  orb.addEventListener("error",function(){orb.style.display="none";},{once:true});
+  var pl=orb.play&&orb.play();if(pl&&pl.catch)pl.catch(function(){});
+ }
+ var vids=[document.getElementById("route-session"),document.getElementById("risk-session")].filter(Boolean);
+ if(!vids.length)return;
+ var reduce=window.matchMedia&&window.matchMedia("(prefers-reduced-motion:reduce)").matches;
+ if(reduce)return;
+ vids.forEach(function(v){
+  function start(){var pr=v.play();if(pr&&pr.catch)pr.catch(function(){});}
+  v.addEventListener("loadeddata",function(){v.classList.add("ready");},{once:true});
+  if(!("IntersectionObserver" in window)){v.preload="auto";start();return;}
+  var io=new IntersectionObserver(function(es){
+   es.forEach(function(e){
+    if(e.isIntersecting){v.preload="auto";start();}
+    else{v.pause();}
+   });
+  },{threshold:.15});
+  io.observe(v);
+ });
+})();
+</script>
+<script>
+(function () {
+  var cards = [].slice.call(document.querySelectorAll("[data-agent-seq]"));
+  if (!cards.length) return;
+  var reduced = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+
+  function fill(card) {
+    var typed = card.querySelector(".agent-typed");
+    var caret = card.querySelector(".agent-caret");
+    var out = card.querySelector(".agent-out");
+    if (typed) typed.textContent = card.dataset.ask;
+    if (out) { out.hidden = false; out.classList.add("in"); }
+    if (caret) caret.style.display = "none";
+  }
+
+  function play(card, delay) {
+    if (card.dataset.played) return;
+    card.dataset.played = "1";
+    // Reduced motion still needs the content, just not the theatre.
+    if (reduced) { fill(card); return; }
+    var typed = card.querySelector(".agent-typed");
+    var caret = card.querySelector(".agent-caret");
+    var out = card.querySelector(".agent-out");
+    var box = card.querySelector(".agent-box");
+    var ask = card.dataset.ask;
+    var i = 0;
+    setTimeout(function step() {
+      if (i <= ask.length) {
+        if (box) box.classList.add("focus");
+        typed.textContent = ask.slice(0, i);
+        i += 1;
+        setTimeout(step, 26 + Math.random() * 34);
+        return;
+      }
+      if (caret) caret.style.display = "none";
+      // Send: the field releases focus and the button kicks, like a real submit.
+      if (box) box.classList.remove("focus");
+      card.classList.add("sent");
+      setTimeout(function () { card.classList.remove("sent"); }, 300);
+      // Straight from the question to the answer. The oracle_cli row in
+      // between was implementation detail cluttering the card.
+      setTimeout(function () {
+        if (!out) return;
+        out.hidden = false;
+        requestAnimationFrame(function () { out.classList.add("in"); });
+      }, 700);
+    }, delay);
+  }
+
+  if (!("IntersectionObserver" in window)) { cards.forEach(fill); return; }
+  var io = new IntersectionObserver(function (entries) {
+    entries.forEach(function (e) {
+      if (!e.isIntersecting) return;
+      play(e.target, cards.indexOf(e.target) * 900);
+      io.unobserve(e.target);
+    });
+  }, { threshold: 0.35 });
+  cards.forEach(function (c) { io.observe(c); });
+})();
+
+ // Hero stats count up when the row scrolls into view. Numbers that snap into
+ // place read as static text; numbers that climb read as a system reporting
+ // itself. Targets live in data-count so the markup stays the source of truth.
+ // The counter waits for the page loader to disappear — an earlier version
+ // fired behind the fullscreen loader, finished, and showed dead numbers.
+ (function () {
+   var stats = document.querySelectorAll(".home-stat b[data-count]");
+   if (!stats.length) return;
+   var reduced = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+   function paint(el, value) {
+    var suffix = el.getAttribute("data-suffix") || "";
+    el.textContent = String(value);
+    if (suffix) {
+     var s = document.createElement("span");
+     s.className = "stat-suffix";
+     s.textContent = suffix;
+     el.appendChild(s);
+    }
+   }
+   function land(el) {
+    paint(el, el.getAttribute("data-count"));
+   }
+   if (reduced || !("IntersectionObserver" in window)) { stats.forEach(land); return; }
+   function run(el) {
+    var target = parseInt(el.getAttribute("data-count"), 10);
+    if (!isFinite(target)) { land(el); return; }
+    var dur = 1400, t0 = null;
+    function step(ts) {
+     if (t0 === null) t0 = ts;
+     var k = Math.min(1, (ts - t0) / dur);
+     // Ease out cubic: slow settle for the last few frames so the number
+     // visibly lands rather than snapping.
+     var v = Math.round(target * (1 - Math.pow(1 - k, 3)));
+     paint(el, v);
+     if (k < 1) requestAnimationFrame(step); else land(el);
+    }
+    requestAnimationFrame(step);
+   }
+   function start() {
+    var io = new IntersectionObserver(function (entries) {
+     entries.forEach(function (e) {
+      if (!e.isIntersecting || e.target.dataset.counted) return;
+      e.target.dataset.counted = "1";
+      run(e.target);
+     });
+    }, { threshold: 0.4 });
+    stats.forEach(function (el) { io.observe(el); });
+   }
+   var loader = document.getElementById("loader");
+   if (!loader || loader.classList.contains("out")) { start(); }
+   else {
+    loader.addEventListener("transitionend", function go() {
+     if (!loader.classList.contains("out")) return;
+     loader.removeEventListener("transitionend", go);
+     start();
+    });
+   }
+ })();
+</script>
+<script>
+// Scroll-triggered reveal animations
+(function(){
+ var observer = new IntersectionObserver(function(entries) {
+  entries.forEach(function(e) {
+   if (e.isIntersecting) {
+    e.target.classList.add('revealed');
+    observer.unobserve(e.target);
+   }
+  });
+ }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });
+
+ // Animate: section titles, agent panels, strategy cards, profile cards, proto-cards, bridge demo
+ var targets = document.querySelectorAll('.rv, .agent-panel, .strategy-card, .proto-card, .bridge-demo, .strategy-head, .strategy-grid article');
+ for (var i = 0; i < targets.length; i++) {
+  targets[i].style.opacity = '0';
+  targets[i].style.transform = 'translateY(24px)';
+  targets[i].style.transition = 'opacity .6s var(--ease), transform .6s var(--ease)';
+  observer.observe(targets[i]);
+ }
+
+ // CSS class applied on scroll
+ var style = document.createElement('style');
+ style.textContent =
+  '.revealed { opacity: 1 !important; transform: translateY(0) !important; }' +
+  '.strategy-card:nth-child(1) { transition-delay: 0s !important; }' +
+  '.strategy-card:nth-child(2) { transition-delay: .1s !important; }' +
+  '.strategy-card:nth-child(3) { transition-delay: .15s !important; }' +
+  '.strategy-card:nth-child(4) { transition-delay: .2s !important; }' +
+  '.strategy-card:nth-child(5) { transition-delay: .25s !important; }' +
+  '.strategy-card:nth-child(6) { transition-delay: .3s !important; }' +
+  '.strategy-card:nth-child(7) { transition-delay: .35s !important; }' +
+  '.proto-card:nth-child(1) { transition-delay: 0s !important; }' +
+  '.proto-card:nth-child(2) { transition-delay: .06s !important; }' +
+  '.proto-card:nth-child(3) { transition-delay: .12s !important; }' +
+  '.proto-card:nth-child(4) { transition-delay: .18s !important; }' +
+  '.proto-card:nth-child(5) { transition-delay: .24s !important; }' +
+  '.proto-card:nth-child(6) { transition-delay: .3s !important; }';
+ document.head.appendChild(style);
+})();
+</script>
 </body>
 </html>