From 422d09eb57aa2dd17fd4a09728a20b18828becac Mon Sep 17 00:00:00 2001
From: "abhishek.rdx" <codeforstartups@gmail.com>
Date: Sun, 25 Oct 2026 12:55:15 +0530
Subject: [PATCH 1/2] feat(site): redesign landing page with lifecycle, pillars
 and new logo

- New dynavec logo (SVG mark, light/dark wordmarks, favicon)
- Warm ember-on-charcoal palette; re-tuned shared design tokens
- Floating nav with Products mega menu and mobile menu
- Dark hero with demo window, live stars, works-with marquee
- Interactive lifecycle orbit (Remember/Build/Observe/Measure) with
  product mock panels for dynavec, dynaflow, dynalogs, dynaevals
- Four-pillars section (#309), how-they-fit-together loop (#310),
  honest positioning table (#311)
- Keeps architecture, benchmarks, cost calculator, code tabs, quick
  start and contributors sections and all script.js hooks

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 opensource/dynavec/favicon.svg                |  16 +
 .../images/brand/dynavec-logo-dark.svg        |   6 +
 .../images/brand/dynavec-logo-light.svg       |   6 +
 .../dynavec/images/brand/dynavec-mark.svg     |  16 +
 opensource/dynavec/index.html                 | 631 ++++++++++++++----
 opensource/dynavec/site.css                   | 504 ++++++++++++++
 opensource/dynavec/site.js                    | 169 +++++
 opensource/dynavec/styles.css                 |  27 +-
 8 files changed, 1217 insertions(+), 158 deletions(-)
 create mode 100644 opensource/dynavec/favicon.svg
 create mode 100644 opensource/dynavec/images/brand/dynavec-logo-dark.svg
 create mode 100644 opensource/dynavec/images/brand/dynavec-logo-light.svg
 create mode 100644 opensource/dynavec/images/brand/dynavec-mark.svg
 create mode 100644 opensource/dynavec/site.css
 create mode 100644 opensource/dynavec/site.js

diff --git a/opensource/dynavec/favicon.svg b/opensource/dynavec/favicon.svg
new file mode 100644
index 0000000..1bf64da
--- /dev/null
+++ b/opensource/dynavec/favicon.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-label="dynavec">
+  <defs>
+    <linearGradient id="dv-g" x1="8" y1="4" x2="58" y2="62" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#FF9A5C"/>
+      <stop offset=".55" stop-color="#E8623B"/>
+      <stop offset="1" stop-color="#B83A1C"/>
+    </linearGradient>
+  </defs>
+  <rect x="2" y="2" width="60" height="60" rx="17" fill="url(#dv-g)"/>
+  <path d="M19 20 L45 20" stroke="#fff" stroke-opacity=".45" stroke-width="3" stroke-linecap="round"/>
+  <path d="M19 20 L32 45 L45 20" fill="none" stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+  <circle cx="19" cy="20" r="5" fill="#fff"/>
+  <circle cx="45" cy="20" r="5" fill="#fff"/>
+  <circle cx="32" cy="45" r="7" fill="#fff"/>
+  <circle cx="32" cy="45" r="2.8" fill="#E8623B"/>
+</svg>
diff --git a/opensource/dynavec/images/brand/dynavec-logo-dark.svg b/opensource/dynavec/images/brand/dynavec-logo-dark.svg
new file mode 100644
index 0000000..9c11e26
--- /dev/null
+++ b/opensource/dynavec/images/brand/dynavec-logo-dark.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 64" width="260" height="64" role="img" aria-label="dynavec">
+  <defs><linearGradient id="dv-g" x1="8" y1="4" x2="58" y2="62" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FF9A5C"/><stop offset=".55" stop-color="#E8623B"/><stop offset="1" stop-color="#B83A1C"/></linearGradient></defs>
+  <rect x="2" y="2" width="60" height="60" rx="17" fill="url(#dv-g)"/>
+  <path d="M19 20 L45 20" stroke="#fff" stroke-opacity=".45" stroke-width="3" stroke-linecap="round"/><path d="M19 20 L32 45 L45 20" fill="none" stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="19" cy="20" r="5" fill="#fff"/><circle cx="45" cy="20" r="5" fill="#fff"/><circle cx="32" cy="45" r="7" fill="#fff"/><circle cx="32" cy="45" r="2.8" fill="#E8623B"/>
+  <text x="78" y="44" font-family="'Space Grotesk', Inter, 'Helvetica Neue', Arial, sans-serif" font-size="38" font-weight="600" letter-spacing="-1" fill="#16110D">dyna<tspan fill="#E8623B">vec</tspan></text>
+</svg>
diff --git a/opensource/dynavec/images/brand/dynavec-logo-light.svg b/opensource/dynavec/images/brand/dynavec-logo-light.svg
new file mode 100644
index 0000000..4febd61
--- /dev/null
+++ b/opensource/dynavec/images/brand/dynavec-logo-light.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 64" width="260" height="64" role="img" aria-label="dynavec">
+  <defs><linearGradient id="dv-g" x1="8" y1="4" x2="58" y2="62" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FF9A5C"/><stop offset=".55" stop-color="#E8623B"/><stop offset="1" stop-color="#B83A1C"/></linearGradient></defs>
+  <rect x="2" y="2" width="60" height="60" rx="17" fill="url(#dv-g)"/>
+  <path d="M19 20 L45 20" stroke="#fff" stroke-opacity=".45" stroke-width="3" stroke-linecap="round"/><path d="M19 20 L32 45 L45 20" fill="none" stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="19" cy="20" r="5" fill="#fff"/><circle cx="45" cy="20" r="5" fill="#fff"/><circle cx="32" cy="45" r="7" fill="#fff"/><circle cx="32" cy="45" r="2.8" fill="#E8623B"/>
+  <text x="78" y="44" font-family="'Space Grotesk', Inter, 'Helvetica Neue', Arial, sans-serif" font-size="38" font-weight="600" letter-spacing="-1" fill="#FFFFFF">dyna<tspan fill="#E8623B">vec</tspan></text>
+</svg>
diff --git a/opensource/dynavec/images/brand/dynavec-mark.svg b/opensource/dynavec/images/brand/dynavec-mark.svg
new file mode 100644
index 0000000..1bf64da
--- /dev/null
+++ b/opensource/dynavec/images/brand/dynavec-mark.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-label="dynavec">
+  <defs>
+    <linearGradient id="dv-g" x1="8" y1="4" x2="58" y2="62" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#FF9A5C"/>
+      <stop offset=".55" stop-color="#E8623B"/>
+      <stop offset="1" stop-color="#B83A1C"/>
+    </linearGradient>
+  </defs>
+  <rect x="2" y="2" width="60" height="60" rx="17" fill="url(#dv-g)"/>
+  <path d="M19 20 L45 20" stroke="#fff" stroke-opacity=".45" stroke-width="3" stroke-linecap="round"/>
+  <path d="M19 20 L32 45 L45 20" fill="none" stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+  <circle cx="19" cy="20" r="5" fill="#fff"/>
+  <circle cx="45" cy="20" r="5" fill="#fff"/>
+  <circle cx="32" cy="45" r="7" fill="#fff"/>
+  <circle cx="32" cy="45" r="2.8" fill="#E8623B"/>
+</svg>
diff --git a/opensource/dynavec/index.html b/opensource/dynavec/index.html
index cce5601..b708f72 100644
--- a/opensource/dynavec/index.html
+++ b/opensource/dynavec/index.html
@@ -3,169 +3,462 @@
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>dynavec — serverless hybrid vector database on AWS</title>
-  <meta name="description" content="dynavec fuses DynamoDB and Amazon S3 Vectors into a serverless, in-your-own-account vector database. An open-source alternative to Pinecone, Qdrant, Milvus, Weaviate, and OpenSearch." />
+  <title>dynavec — the serverless agent stack in your AWS account</title>
+  <meta name="description" content="dynavec is an open-source, serverless agent stack that runs in your own AWS account: a hybrid vector database on DynamoDB + Amazon S3 Vectors, plus agent orchestration (dynaflow), observability (dynalogs) and evaluation (dynaevals)." />
+  <meta name="theme-color" content="#0f0b08" />
+  <link rel="icon" href="favicon.svg" type="image/svg+xml" />
+  <meta property="og:title" content="dynavec — the serverless agent stack in your AWS account" />
+  <meta property="og:description" content="Memory, orchestration, observability and evals in one open-source Python library. Serverless, pay-per-use, in your own AWS account." />
+  <meta property="og:image" content="images/brand/dynavec-logo-dark.svg" />
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="site.css" />
 </head>
 <body>
-  <!-- Ambient background: node network + blobs -->
-  <canvas id="bg-canvas" aria-hidden="true"></canvas>
-  <div class="bg-blobs" aria-hidden="true">
-    <div class="bg-blob bg-blob--1"></div>
-    <div class="bg-blob bg-blob--2"></div>
-    <div class="bg-blob bg-blob--3"></div>
-    <div class="bg-blob bg-blob--4"></div>
-  </div>
-
   <a class="skip" href="#main">Skip to content</a>
 
-  <!-- ============ NAV ============ -->
-  <header class="nav" id="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="#top" aria-label="dynavec home">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/>
-          <circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="#why">Why</a>
-        <a href="#architecture">Architecture</a>
-        <a href="#benchmarks">Benchmarks</a>
-        <a href="#quickstart">Quick start</a>
-        <a href="explainer.html">Watch</a>
-        <a href="docs/index.html">Docs</a>
-        <a href="#contribute">Contribute</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">★</span> Star
-        <span class="star__count" data-stars>27</span>
+  <!-- ================= NAV ================= -->
+  <header class="snav" id="nav">
+    <div class="snav__bar">
+      <a class="snav__brand" href="#top" aria-label="dynavec home">
+        <img src="images/brand/dynavec-mark.svg" alt="" width="30" height="30" />
+        <span>dyna<b>vec</b></span>
       </a>
+
+      <ul class="snav__links" id="snav-links">
+        <li>
+          <button class="snav__link" aria-expanded="false" aria-controls="mega-products" data-mega>
+            Products
+            <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden="true"><path d="M2 3.5 5 6.5 8 3.5" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
+          </button>
+          <div class="mega" id="mega-products" role="region" aria-label="Products">
+            <div class="mega__col">
+              <h4>The agent stack</h4>
+              <div class="mega__grid">
+                <a class="mega__item" href="docs/quickstart.html">
+                  <span class="mega__ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><ellipse cx="12" cy="6" rx="7" ry="3"/><path d="M5 6v12c0 1.7 3.1 3 7 3s7-1.3 7-3V6"/><path d="M5 12c0 1.7 3.1 3 7 3s7-1.3 7-3"/></svg></span>
+                  <span><strong>dynavec</strong><small>Remember — hybrid vector DB on DynamoDB + S3 Vectors</small></span>
+                </a>
+                <a class="mega__item" href="docs/ecosystem.html">
+                  <span class="mega__ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="5" cy="6" r="2.5"/><circle cx="19" cy="6" r="2.5"/><circle cx="12" cy="18" r="2.5"/><path d="M7.2 7.4 10.6 16M16.8 7.4 13.4 16M7.5 6h9"/></svg></span>
+                  <span><strong>dynaflow</strong><small>Build &amp; run — agents, tools, supervisor routing</small></span>
+                </a>
+                <a class="mega__item" href="docs/dashboard.html">
+                  <span class="mega__ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M4 6h10M7 10h12M5 14h8M9 18h11"/></svg></span>
+                  <span><strong>dynalogs</strong><small>Observe — structured logs, traces, telemetry</small></span>
+                </a>
+                <a class="mega__item" href="docs/metrics-and-rerank.html">
+                  <span class="mega__ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M5 20v-6M11 20V9M17 20v-9M3 20h18"/></svg></span>
+                  <span><strong>dynaevals</strong><small>Measure &amp; improve — RAG metrics, trends</small></span>
+                </a>
+              </div>
+            </div>
+            <div class="mega__col">
+              <h4>Built on AWS</h4>
+              <ul class="mega__list">
+                <li><a href="#architecture">How the memory layer works</a></li>
+                <li><a href="https://aws.amazon.com/dynamodb/" target="_blank" rel="noopener">Amazon DynamoDB ↗</a></li>
+                <li><a href="https://aws.amazon.com/s3/features/vectors/" target="_blank" rel="noopener">Amazon S3 Vectors ↗</a></li>
+                <li><a href="docs/credentials.html">Credentials &amp; IAM</a></li>
+                <li><a href="#cost-calculator">Cost calculator</a></li>
+              </ul>
+            </div>
+            <div class="mega__col">
+              <h4>Resources</h4>
+              <ul class="mega__list">
+                <li><a href="docs/index.html">Documentation</a></li>
+                <li><a href="docs/ecosystem.html">Ecosystem overview</a></li>
+                <li><a href="https://github.com/codeforstartups/dynavec/blob/development/docs/roadmap.md" target="_blank" rel="noopener">Roadmap ↗</a></li>
+                <li><a href="docs/release-notes.html">Release notes</a></li>
+                <li><a href="explainer.html">Watch the explainer</a></li>
+              </ul>
+            </div>
+          </div>
+        </li>
+        <li><a class="snav__link" href="docs/index.html">Docs</a></li>
+        <li><a class="snav__link" href="#benchmarks">Benchmarks</a></li>
+        <li><a class="snav__link" href="#quickstart">Quick start</a></li>
+        <li><a class="snav__link" href="#contribute">Community</a></li>
+      </ul>
+
+      <div class="snav__actions">
+        <a class="sbtn sbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          Star <span class="sbtn__count" data-stars>—</span>
+        </a>
+        <a class="sbtn sbtn--primary" href="#quickstart">Get started</a>
+        <button class="snav__burger" aria-label="Open menu" aria-expanded="false" aria-controls="snav-links">
+          <svg width="18" height="18" viewBox="0 0 18 18" aria-hidden="true"><path d="M2 5h14M2 9h14M2 13h14" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
+        </button>
+      </div>
     </div>
   </header>
 
   <main id="main">
-    <!-- ============ HERO ============ -->
-    <section class="hero" id="top">
-      <div class="wrap">
-        <div class="hero__grid">
-        <div class="hero__col">
-        <p class="eyebrow">Open source · Apache-2.0 · runs in your AWS account</p>
-        <h1 class="hero__title">The serverless vector database<br />that lives in <span class="u">your</span> AWS account.</h1>
-        <p class="hero__lede">
-          dynavec fuses <a class="svc-link" href="https://aws.amazon.com/dynamodb/" target="_blank" rel="noopener"><strong>Amazon DynamoDB</strong></a> (single-digit-millisecond metadata &amp; document store)
-          with <a class="svc-link" href="https://aws.amazon.com/s3/features/vectors/" target="_blank" rel="noopener"><strong>Amazon S3 Vectors</strong></a> (billion-scale, serverless ANN) into one Python client —
-          a drop-in alternative to Pinecone, Qdrant, Milvus, Weaviate, and OpenSearch that
-          <strong>bills only when you use it</strong> and keeps every byte in your own region.
-        </p>
-
-        <div class="install">
-          <div class="install__row">
+    <!-- ================= HERO ================= -->
+    <section class="dark dark-top" id="top">
+      <div class="shero">
+        <div class="shero__grid" aria-hidden="true"></div>
+        <div class="wrap--wide">
+          <a class="shero__announce" href="docs/ecosystem.html"><b>New</b> dynaflow agents, tool registry &amp; supervisor routing →</a>
+          <h1 class="shero__title">The agent stack that lives in <em>your</em> AWS account</h1>
+          <p class="shero__lede">
+            Start with <strong>dynavec</strong> — a serverless hybrid vector database on Amazon DynamoDB + Amazon S3 Vectors — and grow into
+            agents, traces and evals. <strong>One open-source Python library.</strong> Pay only when you use it; every byte stays in your region.
+          </p>
+          <div class="shero__cta">
+            <a class="sbtn sbtn--primary" href="#quickstart">Get started</a>
+            <a class="sbtn sbtn--ghost" href="docs/index.html">Read the docs</a>
+          </div>
+          <div class="shero__install">
             <code>pip install dynavec</code>
-            <button class="copy" data-copy="pip install dynavec" aria-label="Copy">copy</button>
+            <button class="copy" data-copy="pip install dynavec" aria-label="Copy install command">copy</button>
           </div>
-          <div class="install__row">
-            <code>uv add dynavec</code>
-            <button class="copy" data-copy="uv add dynavec" aria-label="Copy">copy</button>
+
+          <div class="window">
+            <div class="window__inner">
+              <div class="window__bar"><i></i><i></i><i></i><span>dynavec — 4-minute demo</span></div>
+              <a class="yt-facade" id="yt-facade" href="https://www.youtube.com/watch?v=UJ9MBALD380" target="_blank" rel="noopener noreferrer" aria-label="Watch dynavec demo video (opens in a new tab)">
+                <img class="yt-facade__thumb" src="https://img.youtube.com/vi/UJ9MBALD380/maxresdefault.jpg" alt="dynavec demo video thumbnail" loading="lazy" />
+                <span class="yt-facade__play" aria-hidden="true">
+                  <svg viewBox="0 0 68 48" width="68" height="48"><path d="M66.5 7.7a8.5 8.5 0 0 0-6-6C56 0 34 0 34 0S12 0 7.5 1.7a8.5 8.5 0 0 0-6 6C0 12.1 0 24 0 24s0 11.9 1.5 16.3a8.5 8.5 0 0 0 6 6C12 48 34 48 34 48s22 0 26.5-1.7a8.5 8.5 0 0 0 6-6C68 35.9 68 24 68 24s0-11.9-1.5-16.3z" fill="#e8623b"/><path d="M27 34l18-10-18-10v20z" fill="#fff"/></svg>
+                </span>
+              </a>
+            </div>
           </div>
-        </div>
 
-        <div class="hero__cta">
-          <a class="btn btn--solid" href="docs/index.html">Read the docs</a>
-          <a class="btn btn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">View on GitHub</a>
+          <ul class="shero__stats">
+            <li><b data-stars>—</b><span>GitHub stars</span></li>
+            <li><b class="hot">$469</b><span>/mo at 1B vectors*</span></li>
+            <li><b class="hot">100%</b><span>in your account</span></li>
+            <li><b>0</b><span>servers to run</span></li>
+          </ul>
         </div>
-        </div><!-- /hero__col -->
-
-        <div class="hero__media">
-          <a class="yt-facade" id="yt-facade" href="https://www.youtube.com/watch?v=UJ9MBALD380" target="_blank" rel="noopener noreferrer" aria-label="Watch dynavec demo video (opens in a new tab)">
-            <img class="yt-facade__thumb" src="https://img.youtube.com/vi/UJ9MBALD380/maxresdefault.jpg" alt="dynavec demo video thumbnail" loading="lazy" />
-            <span class="yt-facade__play" aria-hidden="true">
-              <svg viewBox="0 0 68 48" width="68" height="48"><path d="M66.5 7.7a8.5 8.5 0 0 0-6-6C56 0 34 0 34 0S12 0 7.5 1.7a8.5 8.5 0 0 0-6 6C0 12.1 0 24 0 24s0 11.9 1.5 16.3a8.5 8.5 0 0 0 6 6C12 48 34 48 34 48s22 0 26.5-1.7a8.5 8.5 0 0 0 6-6C68 35.9 68 24 68 24s0-11.9-1.5-16.3z" fill="#ff0000"/><path d="M27 34l18-10-18-10v20z" fill="#fff"/></svg>
-            </span>
-          </a>
+      </div>
+
+      <div class="strip">
+        <p class="strip__label">Built on AWS · works with the tools you already use</p>
+        <div class="marquee" aria-label="Integrations">
+          <div class="marquee__track">
+            <span class="aws">Amazon DynamoDB</span><span class="aws">Amazon S3 Vectors</span><span class="aws">Amazon Bedrock</span><span class="aws">AWS Lambda</span>
+            <span>LangChain</span><span>LlamaIndex</span><span>CrewAI</span><span>Haystack</span><span>DSPy</span><span>Semantic Kernel</span><span>OpenAI</span><span>Anthropic</span><span>MCP</span>
+            <span class="aws" aria-hidden="true">Amazon DynamoDB</span><span class="aws" aria-hidden="true">Amazon S3 Vectors</span><span class="aws" aria-hidden="true">Amazon Bedrock</span><span class="aws" aria-hidden="true">AWS Lambda</span>
+            <span aria-hidden="true">LangChain</span><span aria-hidden="true">LlamaIndex</span><span aria-hidden="true">CrewAI</span><span aria-hidden="true">Haystack</span><span aria-hidden="true">DSPy</span><span aria-hidden="true">Semantic Kernel</span><span aria-hidden="true">OpenAI</span><span aria-hidden="true">Anthropic</span><span aria-hidden="true">MCP</span>
+          </div>
         </div>
-        </div><!-- /hero__grid -->
-
-        <ul class="hero__stats">
-          <li><span class="stat__n" data-stars>—</span><span class="stat__l">GitHub stars</span></li>
-          <li><span class="stat__n stat__n--accent">$469</span><span class="stat__l">/mo at 1B vectors*</span></li>
-          <li><span class="stat__n stat__n--accent">100%</span><span class="stat__l">in your account</span></li>
-          <li><span class="stat__n">0</span><span class="stat__l">servers to run</span></li>
-        </ul>
       </div>
     </section>
 
-    <!-- ============ BUILT ON AWS ============ -->
-    <section class="builton" aria-label="Built on AWS">
-      <div class="wrap">
-        <p class="builton__eyebrow">Built on two AWS primitives you already trust</p>
-        <div class="stack">
-          <a class="svc" href="https://aws.amazon.com/dynamodb/" target="_blank" rel="noopener">
-            <span class="svc__icon">
-              <svg viewBox="0 0 48 48" width="46" height="46" aria-hidden="true">
-                <defs>
-                  <linearGradient id="gddb" x1="0" y1="0" x2="1" y2="1">
-                    <stop offset="0" stop-color="#5B7BF7" /><stop offset="1" stop-color="#1B2C93" />
-                  </linearGradient>
-                </defs>
-                <rect width="48" height="48" rx="11" fill="url(#gddb)" />
-                <g fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round">
-                  <ellipse cx="24" cy="15" rx="10" ry="4" />
-                  <path d="M14 15 v18 c0 2.2 4.5 4 10 4 s10 -1.8 10 -4 V15" />
-                  <path d="M14 24 c0 2.2 4.5 4 10 4 s10 -1.8 10 -4" />
+    <!-- ================= LIFECYCLE ================= -->
+    <section class="dark cycle" id="lifecycle" aria-label="Agent lifecycle">
+      <div class="wrap--wide">
+        <div class="shead">
+          <p class="shead__eyebrow">The agent lifecycle, in one library</p>
+          <h2 class="shead__title">Remember. Build. Observe. Measure.</h2>
+          <p class="shead__lede">Each stage is a pillar of dynavec — and they share one install, one AWS account and one mental model.</p>
+        </div>
+
+        <div class="cycle__stage" data-cycle>
+          <div class="orbit" role="tablist" aria-label="Lifecycle stages">
+            <div class="orbit__ring" aria-hidden="true"></div>
+            <div class="orbit__ray" aria-hidden="true"></div>
+            <div class="orbit__core" aria-hidden="true"><img src="images/brand/dynavec-mark.svg" alt="" /></div>
+            <button class="orbit__node is-active" role="tab" aria-selected="true" data-stage="0" style="left:127px;top:70px">01 · Remember</button>
+            <button class="orbit__node" role="tab" aria-selected="false" data-stage="1" style="left:214px;top:205px">02 · Build</button>
+            <button class="orbit__node" role="tab" aria-selected="false" data-stage="2" style="left:212px;top:320px">03 · Observe</button>
+            <button class="orbit__node" role="tab" aria-selected="false" data-stage="3" style="left:120px;top:455px">04 · Measure</button>
+          </div>
+
+          <div class="cycle__copy">
+            <div class="cycle__pane is-active" role="tabpanel">
+              <div class="cycle__kicker"><span>dynavec</span><i class="pill pill--live">Available</i></div>
+              <h3>Remember</h3>
+              <p class="lead">A vector database that bills like S3 and answers like DynamoDB.</p>
+              <ul>
+                <li><b>Hybrid search</b> — S3 Vectors ANN + BM25 lexical, fused with RRF</li>
+                <li><b>Knowledge graph</b> — weighted edges, GraphRAG, shortest-path</li>
+                <li><b>Hot tier &amp; caching</b> — in-memory ANN, semantic and DynamoDB caches</li>
+              </ul>
+              <div class="cycle__links"><a class="sbtn sbtn--ghost" href="docs/search.html">Search ↗</a><a class="sbtn sbtn--ghost" href="docs/knowledge-graph.html">Knowledge graph ↗</a></div>
+            </div>
+            <div class="cycle__pane" role="tabpanel">
+              <div class="cycle__kicker"><span>dynaflow</span><i class="pill pill--build">In progress</i></div>
+              <h3>Build</h3>
+              <p class="lead">Compose agents from typed nodes — and run them serverless.</p>
+              <ul>
+                <li><b>Agents &amp; tools</b> — ReAct loop, planner, tool registry, MCP connectors</li>
+                <li><b>Multi-agent</b> — supervisor routing and handoffs with shared state</li>
+                <li><b>Durable state</b> — DynamoDB checkpointer to resume any run</li>
+                <li><b>Visual builder</b> — code ⇄ canvas round-trip <em>roadmap</em></li>
+              </ul>
+              <div class="cycle__links"><a class="sbtn sbtn--ghost" href="docs/ecosystem.html">Ecosystem ↗</a><a class="sbtn sbtn--ghost" href="https://github.com/codeforstartups/dynavec/issues/273" target="_blank" rel="noopener">Epic #273 ↗</a></div>
+            </div>
+            <div class="cycle__pane" role="tabpanel">
+              <div class="cycle__kicker"><span>dynalogs</span><i class="pill pill--early">Early</i></div>
+              <h3>Observe</h3>
+              <p class="lead">See every step your agent took — without data leaving your account.</p>
+              <ul>
+                <li><b>Structured logs</b> — per run and per node, correlated by run/span id</li>
+                <li><b>Secret redaction</b> — keys and tokens scrubbed, token counts kept</li>
+                <li><b>Telemetry dashboard</b> — latency, QPS, cache hit-rate, cost</li>
+                <li><b>Run history</b> — searchable runs with trace drill-down <em>roadmap</em></li>
+              </ul>
+              <div class="cycle__links"><a class="sbtn sbtn--ghost" href="docs/dashboard.html">Dashboard ↗</a><a class="sbtn sbtn--ghost" href="https://github.com/codeforstartups/dynavec/issues/274" target="_blank" rel="noopener">Epic #274 ↗</a></div>
+            </div>
+            <div class="cycle__pane" role="tabpanel">
+              <div class="cycle__kicker"><span>dynaevals</span><i class="pill pill--early">Partial</i></div>
+              <h3>Measure</h3>
+              <p class="lead">Score retrieval and answers, then track quality over time.</p>
+              <ul>
+                <li><b>Retrieval metrics</b> — recall@k, MRR, nDCG out of the box</li>
+                <li><b>LLM-judged quality</b> — faithfulness and answer relevance</li>
+                <li><b>Trend tracking</b> — compare runs across versions</li>
+                <li><b>CI gating</b> — fail a build on regression <em>roadmap</em></li>
+              </ul>
+              <div class="cycle__links"><a class="sbtn sbtn--ghost" href="docs/metrics-and-rerank.html">Metrics ↗</a><a class="sbtn sbtn--ghost" href="https://github.com/codeforstartups/dynavec/issues/275" target="_blank" rel="noopener">Epic #275 ↗</a></div>
+            </div>
+          </div>
+
+          <div class="cycle__visual" aria-hidden="true">
+            <!-- 01 Remember: search -->
+            <div class="cycle__shot is-active mock">
+              <div class="mock__bar"><b>db.search</b><span>namespace: kb</span><span style="margin-left:auto" class="chip chip--ok">top_k=3</span></div>
+              <div class="mock__body">
+                <div class="q"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>how do cells make energy?</div>
+                <div class="hits">
+                  <div class="hit"><span class="hit__score">0.912</span><span class="hit__text">Mitochondria power the cell.<small>doc-a · topic=bio</small></span><span class="chip chip--hot">top-1</span></div>
+                  <div class="hit"><span class="hit__score">0.847</span><span class="hit__text">ATP is produced by cellular respiration.<small>doc-f · topic=bio</small></span><span class="chip">bm25 + ann</span></div>
+                  <div class="hit"><span class="hit__score">0.791</span><span class="hit__text">Chloroplasts convert light into chemical energy.<small>doc-k · topic=bio</small></span><span class="chip">graph +1 hop</span></div>
+                </div>
+                <div class="timing">
+                  <div><b>hybrid</b><span>BM25 + ANN · RRF</span></div>
+                  <div><b>6 ms</b><span>DynamoDB hydrate</span></div>
+                  <div><b>in-region</b><span>your AWS account</span></div>
+                </div>
+              </div>
+            </div>
+
+            <!-- 02 Build: flow graph -->
+            <div class="cycle__shot mock flow">
+              <div class="mock__bar"><b>support_agent</b><span>Supervisor · 3 specialists</span><span style="margin-left:auto" class="chip chip--hot">running</span></div>
+              <svg viewBox="0 0 560 330" role="img">
+                <g class="art-dash"><path d="M280 270 C 470 300, 520 120, 400 60"/></g>
+                <g class="art-line">
+                  <path d="M280 54 V 104"/>
+                  <path d="M280 146 C 280 175, 120 175, 120 204"/>
+                  <path d="M280 146 V 204"/>
+                  <path d="M280 146 C 280 175, 440 175, 440 204"/>
+                  <path d="M120 246 C 120 262, 280 255, 280 270"/>
+                  <path d="M280 246 V 270"/>
+                  <path d="M440 246 C 440 262, 280 255, 280 270"/>
                 </g>
+                <rect class="art-box" x="230" y="20" width="100" height="34" rx="8"/><text class="art-txt" x="280" y="41" text-anchor="middle">request</text>
+                <rect class="art-box art-box--hot" x="205" y="104" width="150" height="42" rx="9"/><text class="art-txt" x="280" y="130" text-anchor="middle" style="font-size:12px">supervisor · router</text>
+                <rect class="art-box" x="60" y="204" width="120" height="42" rx="9"/><text class="art-txt" x="120" y="230" text-anchor="middle">retriever · dynavec</text>
+                <rect class="art-box art-box--hot" x="220" y="204" width="120" height="42" rx="9"/><text class="art-txt" x="280" y="230" text-anchor="middle">ReAct · tools</text>
+                <rect class="art-box" x="380" y="204" width="120" height="42" rx="9"/><text class="art-txt" x="440" y="230" text-anchor="middle">writer</text>
+                <rect class="art-box" x="230" y="270" width="100" height="34" rx="8"/><text class="art-txt" x="280" y="291" text-anchor="middle">result</text>
+                <text class="art-txt" x="548" y="150" text-anchor="end" style="fill:#c9bdb1">checkpoint → DynamoDB</text>
+                <circle class="art-dot" cx="280" cy="175" r="4"><animate attributeName="cy" values="146;204" dur="1.4s" repeatCount="indefinite"/></circle>
               </svg>
-            </span>
-            <span class="svc__body">
-              <span class="svc__name">Amazon DynamoDB <span class="svc__ext" aria-hidden="true">↗</span></span>
-              <span class="svc__role">Single-digit-ms metadata &amp; document store · partition-key scale</span>
-            </span>
+            </div>
+
+            <!-- 03 Observe: trace -->
+            <div class="cycle__shot mock">
+              <div class="mock__bar"><b>Trace</b><span>run 7f3a…c21</span><span style="margin-left:auto" class="chip chip--ok">success · 2.41 s</span></div>
+              <div class="trace">
+                <div class="trace__tree">
+                  <div class="trow"><span class="trow__name"><i style="background:#e8623b"></i>support_agent</span><span class="trow__bar"><u style="left:0;width:100%;background:#e8623b"></u></span></div>
+                  <div class="trow"><span class="trow__name" style="padding-left:14px"><i style="background:#f5b14c"></i>retrieve</span><span class="trow__bar"><u style="left:0;width:9%;background:#f5b14c"></u></span></div>
+                  <div class="trow is-sel"><span class="trow__name" style="padding-left:14px"><i style="background:#ff9a5c"></i>BedrockChatModel</span><span class="trow__bar"><u style="left:9%;width:48%;background:#ff9a5c"></u></span></div>
+                  <div class="trow"><span class="trow__name" style="padding-left:28px"><i style="background:#c9bdb1"></i>lookup_order</span><span class="trow__bar"><u style="left:57%;width:14%;background:#c9bdb1"></u></span></div>
+                  <div class="trow"><span class="trow__name" style="padding-left:14px"><i style="background:#ff9a5c"></i>BedrockChatModel</span><span class="trow__bar"><u style="left:71%;width:29%;background:#ff9a5c"></u></span></div>
+                </div>
+                <div class="trace__detail">
+                  <h5>Input</h5>
+                  <div class="kv"><span class="k">"user"</span>: <span class="s">"where is order 1182?"</span><br><span class="k">"api_key"</span>: <span class="r">[REDACTED]</span></div>
+                  <h5>Output · 812 tokens</h5>
+                  <div class="kv"><span class="k">"answer"</span>: <span class="s">"Order 1182 shipped on Oct 3…"</span></div>
+                </div>
+              </div>
+            </div>
+
+            <!-- 04 Measure: evals -->
+            <div class="cycle__shot mock">
+              <div class="mock__bar"><b>Eval run</b><span>dataset: support-v3 · 120 cases</span><span style="margin-left:auto" class="chip chip--ok">↑ vs baseline</span></div>
+              <div class="mock__body evals">
+                <div class="metric"><span>faithfulness</span><span class="metric__bar"><u style="width:92%"></u></span><b>0.92</b></div>
+                <div class="metric"><span>answer relevance</span><span class="metric__bar"><u style="width:88%"></u></span><b>0.88</b></div>
+                <div class="metric"><span>recall@5</span><span class="metric__bar"><u style="width:94%"></u></span><b>0.94</b></div>
+                <div class="metric"><span>nDCG@10</span><span class="metric__bar"><u style="width:81%"></u></span><b>0.81</b></div>
+                <div class="spark">
+                  <span>faithfulness · last 8 versions</span>
+                  <svg viewBox="0 0 300 70" preserveAspectRatio="none"><defs><linearGradient id="spk" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#e8623b" stop-opacity=".45"/><stop offset="1" stop-color="#e8623b" stop-opacity="0"/></linearGradient></defs><path d="M0 52 L42 48 L84 50 L126 38 L168 40 L210 28 L252 22 L300 14 L300 70 L0 70Z" fill="url(#spk)"/><path d="M0 52 L42 48 L84 50 L126 38 L168 40 L210 28 L252 22 L300 14" fill="none" stroke="#ff9a5c" stroke-width="2"/></svg>
+                </div>
+                <div class="gate"><span>✓ 0 regressions vs previous version</span><span class="chip chip--ok">trend</span></div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="cycle__progress" aria-hidden="true"><button class="is-active" data-stage="0"></button><button data-stage="1"></button><button data-stage="2"></button><button data-stage="3"></button></div>
+      </div>
+    </section>
+
+    <!-- ================= PILLARS ================= -->
+    <section class="pillars" id="pillars">
+      <div class="wrap--wide">
+        <div class="shead shead--left">
+          <div>
+            <p class="shead__eyebrow">The ecosystem</p>
+            <h2 class="shead__title">Four pillars.<br />One library.</h2>
+          </div>
+          <p class="shead__lede">Adopt one and grow into the rest. Everything installs together, runs serverless, and stays in your own AWS account — no external control plane, no separate SaaS for traces or evals.</p>
+        </div>
+
+        <div class="pgrid">
+          <a class="pcard" href="docs/quickstart.html">
+            <div class="pcard__art">
+              <svg viewBox="0 0 320 256" aria-hidden="true">
+                <g class="art-line"><path d="M160 58 V 88"/><path d="M160 118 C 160 140, 90 135, 90 156"/><path d="M160 118 C 160 140, 230 135, 230 156"/><path d="M90 186 C 90 206, 160 200, 160 214"/><path d="M230 186 C 230 206, 160 200, 160 214"/></g>
+                <rect class="art-box" x="115" y="30" width="90" height="28" rx="7"/><text class="art-txt" x="160" y="48" text-anchor="middle">query</text>
+                <rect class="art-box" x="115" y="88" width="90" height="30" rx="7"/><text class="art-txt" x="160" y="107" text-anchor="middle">embed</text>
+                <rect class="art-box" x="38" y="156" width="104" height="30" rx="7"/><text class="art-txt" x="90" y="175" text-anchor="middle">S3 Vectors · ANN</text>
+                <rect class="art-box" x="178" y="156" width="104" height="30" rx="7"/><text class="art-txt" x="230" y="175" text-anchor="middle">DynamoDB · docs</text>
+                <rect class="art-box art-box--hot" x="115" y="214" width="90" height="28" rx="7"/><text class="art-txt" x="160" y="232" text-anchor="middle">top-k</text>
+              </svg>
+            </div>
+            <div class="pcard__head"><span class="pcard__ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><ellipse cx="12" cy="6" rx="7" ry="3"/><path d="M5 6v12c0 1.7 3.1 3 7 3s7-1.3 7-3V6"/><path d="M5 12c0 1.7 3.1 3 7 3s7-1.3 7-3"/></svg></span><div><div class="pcard__name">dynavec</div><div class="pcard__tag">Remember</div></div></div>
+            <h3>Memory that bills like S3</h3>
+            <p>Hybrid vector database on DynamoDB + S3 Vectors: hybrid search, GraphRAG, quantization, hot tier and caching.</p>
+            <div class="pcard__foot"><span class="pill pill--live">Available</span><span class="pcard__more">Explore ↗</span></div>
           </a>
 
-          <span class="stack__plus" aria-hidden="true">+</span>
-
-          <a class="svc" href="https://aws.amazon.com/s3/features/vectors/" target="_blank" rel="noopener">
-            <span class="svc__icon">
-              <svg viewBox="0 0 48 48" width="46" height="46" aria-hidden="true">
-                <defs>
-                  <linearGradient id="gs3" x1="0" y1="0" x2="1" y2="1">
-                    <stop offset="0" stop-color="#6FBF4F" /><stop offset="1" stop-color="#1E7A38" />
-                  </linearGradient>
-                </defs>
-                <rect width="48" height="48" rx="11" fill="url(#gs3)" />
-                <g stroke="#fff" stroke-width="2" fill="none" stroke-linejoin="round">
-                  <path d="M15 16 h18 l-2.2 18.5 a1 1 0 0 1 -1 .9 H18.2 a1 1 0 0 1 -1 -.9 Z" />
-                  <ellipse cx="24" cy="16" rx="9" ry="3" />
-                </g>
-                <g fill="#fff">
-                  <circle cx="20" cy="25" r="1.7" /><circle cx="28" cy="23" r="1.7" /><circle cx="25" cy="31" r="1.7" />
-                </g>
-                <g stroke="#fff" stroke-width="1.3" opacity=".85">
-                  <line x1="20" y1="25" x2="28" y2="23" /><line x1="28" y1="23" x2="25" y2="31" /><line x1="25" y1="31" x2="20" y2="25" />
-                </g>
+          <a class="pcard" href="docs/ecosystem.html">
+            <div class="pcard__art">
+              <svg viewBox="0 0 320 256" aria-hidden="true">
+                <g class="art-dash"><path d="M160 214 C 300 230, 300 70, 205 62"/></g>
+                <g class="art-line"><path d="M160 60 V 96"/><path d="M160 124 C 160 146, 70 140, 70 160"/><path d="M160 124 V 160"/><path d="M160 124 C 160 146, 250 140, 250 160"/><path d="M70 188 C 70 204, 160 200, 160 214"/><path d="M160 188 V 214"/><path d="M250 188 C 250 204, 160 200, 160 214"/></g>
+                <rect class="art-box" x="115" y="32" width="90" height="28" rx="7"/><text class="art-txt" x="160" y="50" text-anchor="middle">start</text>
+                <rect class="art-box art-box--hot" x="105" y="96" width="110" height="28" rx="7"/><text class="art-txt" x="160" y="114" text-anchor="middle">supervisor</text>
+                <rect class="art-box" x="28" y="160" width="84" height="28" rx="7"/><text class="art-txt" x="70" y="178" text-anchor="middle">research</text>
+                <rect class="art-box" x="118" y="160" width="84" height="28" rx="7"/><text class="art-txt" x="160" y="178" text-anchor="middle">tools</text>
+                <rect class="art-box" x="208" y="160" width="84" height="28" rx="7"/><text class="art-txt" x="250" y="178" text-anchor="middle">writer</text>
+                <rect class="art-box" x="115" y="214" width="90" height="28" rx="7"/><text class="art-txt" x="160" y="232" text-anchor="middle">end</text>
+              </svg>
+            </div>
+            <div class="pcard__head"><span class="pcard__ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="5" cy="6" r="2.5"/><circle cx="19" cy="6" r="2.5"/><circle cx="12" cy="18" r="2.5"/><path d="M7.2 7.4 10.6 16M16.8 7.4 13.4 16M7.5 6h9"/></svg></span><div><div class="pcard__name">dynaflow</div><div class="pcard__tag">Build &amp; run</div></div></div>
+            <h3>Agents with low-level control</h3>
+            <p>Typed nodes, ReAct agents, a tool registry with MCP, supervisor routing and a DynamoDB checkpointer.</p>
+            <div class="pcard__foot"><span class="pill pill--build">In progress</span><span class="pcard__more">Explore ↗</span></div>
+          </a>
+
+          <a class="pcard" href="docs/dashboard.html">
+            <div class="pcard__art">
+              <svg viewBox="0 0 320 256" aria-hidden="true">
+                <g class="art-dash"><path d="M40 40 V 216"/></g>
+                <rect class="art-box art-box--hot" x="40" y="42" width="240" height="22" rx="6"/><text class="art-txt" x="52" y="57">run · support_agent · 2.41s</text>
+                <rect class="art-box" x="56" y="78" width="50" height="22" rx="6"/><text class="art-txt" x="64" y="93">retrieve</text>
+                <rect class="art-box" x="106" y="114" width="120" height="22" rx="6"/><text class="art-txt" x="116" y="129">llm · Bedrock</text>
+                <rect class="art-box" x="180" y="150" width="56" height="22" rx="6"/><text class="art-txt" x="186" y="165">tool</text>
+                <rect class="art-box" x="220" y="186" width="60" height="22" rx="6"/><text class="art-txt" x="230" y="201">llm</text>
+                <circle class="art-dot" cx="40" cy="89" r="3"/><circle class="art-dot" cx="40" cy="125" r="3"/><circle class="art-dot" cx="40" cy="161" r="3"/><circle class="art-dot" cx="40" cy="197" r="3"/>
               </svg>
-            </span>
-            <span class="svc__body">
-              <span class="svc__name">Amazon S3 Vectors <span class="svc__ext" aria-hidden="true">↗</span></span>
-              <span class="svc__role">Billion-scale serverless ANN · storage priced like S3</span>
-            </span>
+            </div>
+            <div class="pcard__head"><span class="pcard__ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M4 6h10M7 10h12M5 14h8M9 18h11"/></svg></span><div><div class="pcard__name">dynalogs</div><div class="pcard__tag">Observe</div></div></div>
+            <h3>See exactly what agents did</h3>
+            <p>Per-run and per-node structured logs with secret redaction, plus a telemetry dashboard — kept in-account.</p>
+            <div class="pcard__foot"><span class="pill pill--early">Early</span><span class="pcard__more">Explore ↗</span></div>
+          </a>
+
+          <a class="pcard" href="docs/metrics-and-rerank.html">
+            <div class="pcard__art">
+              <svg viewBox="0 0 320 256" aria-hidden="true">
+                <g class="art-line"><path d="M96 60 H 136"/><path d="M196 60 H 226"/></g>
+                <rect class="art-box" x="24" y="46" width="72" height="28" rx="7"/><text class="art-txt" x="60" y="64" text-anchor="middle">dataset</text>
+                <rect class="art-box" x="136" y="46" width="60" height="28" rx="7"/><text class="art-txt" x="166" y="64" text-anchor="middle">run</text>
+                <rect class="art-box art-box--hot" x="226" y="46" width="70" height="28" rx="7"/><text class="art-txt" x="261" y="64" text-anchor="middle">score</text>
+                <text class="art-txt" x="40" y="112">faithfulness</text><rect x="140" y="104" width="140" height="8" rx="4" fill="#2a211b"/><rect x="140" y="104" width="129" height="8" rx="4" fill="#ff9a5c"/>
+                <text class="art-txt" x="40" y="142">relevance</text><rect x="140" y="134" width="140" height="8" rx="4" fill="#2a211b"/><rect x="140" y="134" width="123" height="8" rx="4" fill="#e8623b"/>
+                <text class="art-txt" x="40" y="172">recall@5</text><rect x="140" y="164" width="140" height="8" rx="4" fill="#2a211b"/><rect x="140" y="164" width="132" height="8" rx="4" fill="#f5b14c"/>
+                <rect class="art-box" x="40" y="196" width="240" height="30" rx="7" style="stroke:rgba(63,191,127,.6)"/><text class="art-txt" x="160" y="215" text-anchor="middle" style="fill:#9fe0bd">✓ no regressions vs baseline</text>
+              </svg>
+            </div>
+            <div class="pcard__head"><span class="pcard__ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M5 20v-6M11 20V9M17 20v-9M3 20h18"/></svg></span><div><div class="pcard__name">dynaevals</div><div class="pcard__tag">Measure &amp; improve</div></div></div>
+            <h3>Quality you can track</h3>
+            <p>Recall@k, MRR, nDCG, faithfulness and answer relevance, with trend tracking across versions.</p>
+            <div class="pcard__foot"><span class="pill pill--early">Partial</span><span class="pcard__more">Explore ↗</span></div>
           </a>
         </div>
-        <p class="builton__note">No servers, no managed-database bill — dynavec is just a Python client that orchestrates these two services inside <strong>your</strong> account.</p>
+      </div>
+    </section>
+
+    <!-- ================= HOW THEY FIT ================= -->
+    <section class="dark loop" id="loop">
+      <div class="wrap--wide">
+        <div class="shead">
+          <p class="shead__eyebrow">How they fit together</p>
+          <h2 class="shead__title">One loop, one account</h2>
+          <p class="shead__lede">dynaflow runs the agent, every step reads and writes memory through dynavec, dynalogs records what happened, and dynaevals scores it — feeding improvements back into the next run.</p>
+        </div>
+        <svg class="loop__svg" viewBox="0 0 1100 320" role="img" aria-label="dynaflow reads and writes dynavec, emits traces to dynalogs, which dynaevals scores and feeds back to dynaflow">
+          <defs>
+            <marker id="arw" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0 0 10 5 0 10z" fill="#e8623b"/></marker>
+          </defs>
+          <path class="flow-path" d="M300 140 C 400 80, 440 70, 470 70" marker-end="url(#arw)"/>
+          <path class="flow-path" d="M470 100 C 430 110, 380 140, 300 160" marker-end="url(#arw)"/>
+          <path class="flow-path" d="M300 190 C 380 240, 430 250, 470 250" marker-end="url(#arw)"/>
+          <path class="flow-path" d="M630 250 C 720 250, 760 210, 810 180" marker-end="url(#arw)"/>
+          <path class="flow-path" d="M900 210 C 880 330, 260 330, 200 215" marker-end="url(#arw)"/>
+          <g font-family="JetBrains Mono, monospace" font-size="12" fill="#c9bdb1" style="paint-order:stroke;stroke:#0f0b08;stroke-width:6px;stroke-linejoin:round">
+            <text x="350" y="78">write memory</text><text x="340" y="148">retrieve</text><text x="340" y="252">trace</text><text x="700" y="238">score</text><text x="520" y="312">improve prompts, steps &amp; retrieval</text>
+          </g>
+          <g>
+            <rect x="110" y="110" width="190" height="110" rx="16" fill="#1d1611" stroke="#ff9a5c"/><text x="205" y="158" text-anchor="middle" font-family="Space Grotesk, sans-serif" font-size="24" font-weight="600" fill="#f6efe8">dynaflow</text><text x="205" y="184" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="12" fill="#ff9a5c">build &amp; run</text>
+            <rect x="470" y="30" width="160" height="90" rx="16" fill="#1d1611" stroke="rgba(255,154,92,.45)"/><text x="550" y="72" text-anchor="middle" font-family="Space Grotesk, sans-serif" font-size="22" font-weight="600" fill="#f6efe8">dynavec</text><text x="550" y="96" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="12" fill="#c9bdb1">remember</text>
+            <rect x="470" y="205" width="160" height="90" rx="16" fill="#1d1611" stroke="rgba(255,154,92,.45)"/><text x="550" y="247" text-anchor="middle" font-family="Space Grotesk, sans-serif" font-size="22" font-weight="600" fill="#f6efe8">dynalogs</text><text x="550" y="271" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="12" fill="#c9bdb1">observe</text>
+            <rect x="810" y="110" width="190" height="110" rx="16" fill="#1d1611" stroke="rgba(255,154,92,.45)"/><text x="905" y="158" text-anchor="middle" font-family="Space Grotesk, sans-serif" font-size="24" font-weight="600" fill="#f6efe8">dynaevals</text><text x="905" y="184" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="12" fill="#c9bdb1">measure &amp; improve</text>
+          </g>
+        </svg>
+        <div class="loop__legend">
+          <div><b>dynaflow → dynavec</b><span>Retriever and memory nodes read and write the vector DB; run state is checkpointed to DynamoDB.</span></div>
+          <div><b>dynaflow → dynalogs</b><span>Every run and node emits structured, redacted, correlated log records.</span></div>
+          <div><b>dynalogs → dynaevals</b><span>Recorded runs become eval inputs, scored with retrieval and LLM-judged metrics.</span></div>
+          <div><b>dynaevals → dynaflow</b><span>Scores and trends guide prompt, step and retrieval changes for the next version.</span></div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ================= COMPARE ================= -->
+    <section class="compare" id="compare">
+      <div class="wrap">
+        <div class="shead">
+          <p class="shead__eyebrow">Positioning</p>
+          <h2 class="shead__title">One library instead of five</h2>
+          <p class="shead__lede">The usual agent stack stitches together a hosted vector DB, a framework, a tracing SaaS and an eval tool. dynavec aims to cover the same jobs in-account. Here's where we honestly are today.</p>
+        </div>
+        <table class="ctable">
+          <thead><tr><th>Job to be done</th><th>Typical assembled stack</th><th>dynavec</th></tr></thead>
+          <tbody>
+            <tr><td>Vector memory &amp; RAG</td><td>Hosted vector DB (always-on cluster)</td><td><span class="mark mark--yes">✓ shipping</span>DynamoDB + S3 Vectors, hybrid + graph, pay-per-use</td></tr>
+            <tr><td>Agents, tools &amp; multi-agent</td><td>Agent framework library</td><td><span class="mark mark--part">◐ partial</span>ReAct, planner, tool registry, supervisor, checkpointer</td></tr>
+            <tr><td>Human-in-the-loop &amp; durable runs</td><td>Framework + hosted runtime</td><td><span class="mark mark--soon">○ roadmap</span>Interrupts, Step Functions durable execution</td></tr>
+            <tr><td>Traces &amp; logs</td><td>Separate tracing SaaS</td><td><span class="mark mark--part">◐ partial</span>Structured logs + redaction + dashboard, in your account</td></tr>
+            <tr><td>Evaluation</td><td>Separate eval library / service</td><td><span class="mark mark--part">◐ partial</span>Retrieval + LLM-judged metrics, trends; CI gating next</td></tr>
+            <tr><td>Visual builder</td><td>Separate no-code tool</td><td><span class="mark mark--soon">○ roadmap</span>Code ⇄ canvas round-trip on one graph format</td></tr>
+            <tr><td>Where your data lives</td><td>Several vendors' clouds</td><td><span class="mark mark--yes">✓ shipping</span>Only your AWS account and region</td></tr>
+          </tbody>
+        </table>
+        <p class="compare__note">Status reflects the current release and the public <a href="https://github.com/codeforstartups/dynavec/blob/development/docs/roadmap.md" target="_blank" rel="noopener">roadmap</a>.</p>
       </div>
     </section>
 
     <!-- ============ WHY ============ -->
-    <section class="section" id="why">
+    <section class="section section--alt" id="why">
       <div class="wrap">
-        <h2 class="section__title" data-reveal>Why dynavec</h2>
+        <h2 class="section__title" data-reveal>Why teams start with dynavec</h2>
         <div class="grid grid--3">
           <article class="card" data-reveal>
             <span class="card__icon" aria-hidden="true"><svg width="28" height="28" viewBox="0 0 28 28" fill="none"><circle cx="14" cy="14" r="13" stroke="var(--accent)" stroke-width="1.5" stroke-dasharray="3 2"/><text x="14" y="19" text-anchor="middle" font-family="var(--mono)" font-size="14" font-weight="700" fill="var(--accent)">$</text></svg></span>
@@ -202,9 +495,9 @@ <h3>Framework-native</h3>
     </section>
 
     <!-- ============ ARCHITECTURE ============ -->
-    <section class="section section--alt" id="architecture">
+    <section class="section" id="architecture">
       <div class="wrap">
-        <h2 class="section__title" data-reveal>How it works</h2>
+        <h2 class="section__title" data-reveal>How the memory layer works</h2>
         <p class="section__lede">Two AWS primitives, each doing the one job it is best at, joined by a shared key.</p>
 
         <div class="arch" data-reveal="fade">
@@ -783,26 +1076,74 @@ <h2 class="section__title" data-reveal>Built by the community</h2>
         </div>
       </div>
     </section>
+
+    <!-- ================= CTA ================= -->
+    <section class="dark cta" id="get-started">
+      <div class="wrap--wide">
+        <h2>Ship agents without shipping your data</h2>
+        <p>Install the library, point it at your AWS account, and you have memory today — with orchestration, traces and evals growing in the same package.</p>
+        <div class="shero__cta">
+          <a class="sbtn sbtn--primary" href="docs/quickstart.html">Read the quickstart</a>
+          <a class="sbtn sbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">Star on GitHub · <span data-stars>—</span></a>
+        </div>
+      </div>
+    </section>
   </main>
 
-  <!-- ============ FOOTER ============ -->
-  <footer class="footer">
-    <div class="wrap footer__inner">
-      <div>
-        <span class="brand__name">dynavec</span>
-        <p class="footer__tag">Serverless hybrid vector database · DynamoDB + Amazon S3 Vectors</p>
+  <!-- ================= FOOTER ================= -->
+  <footer class="sfoot">
+    <div class="wrap--wide">
+      <div class="sfoot__grid">
+        <div class="sfoot__about">
+          <a class="snav__brand" href="#top" aria-label="dynavec home"><img src="images/brand/dynavec-mark.svg" alt="" width="30" height="30" /><span>dyna<b>vec</b></span></a>
+          <p>The open-source, serverless agent stack that lives in your AWS account. Apache-2.0.</p>
+        </div>
+        <div>
+          <h5>Pillars</h5>
+          <ul>
+            <li><a href="docs/quickstart.html">dynavec</a></li>
+            <li><a href="docs/ecosystem.html">dynaflow</a></li>
+            <li><a href="docs/dashboard.html">dynalogs</a></li>
+            <li><a href="docs/metrics-and-rerank.html">dynaevals</a></li>
+          </ul>
+        </div>
+        <div>
+          <h5>Learn</h5>
+          <ul>
+            <li><a href="docs/index.html">Documentation</a></li>
+            <li><a href="docs/quickstart.html">Quickstart</a></li>
+            <li><a href="explainer.html">Explainer</a></li>
+            <li><a href="docs/release-notes.html">Release notes</a></li>
+          </ul>
+        </div>
+        <div>
+          <h5>Project</h5>
+          <ul>
+            <li><a href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">GitHub</a></li>
+            <li><a href="https://github.com/codeforstartups/dynavec/blob/development/docs/roadmap.md" target="_blank" rel="noopener">Roadmap</a></li>
+            <li><a href="https://github.com/codeforstartups/dynavec/issues" target="_blank" rel="noopener">Issues</a></li>
+            <li><a href="https://github.com/codeforstartups/dynavec/blob/development/ARCHITECTURE.md" target="_blank" rel="noopener">Architecture</a></li>
+          </ul>
+        </div>
+        <div>
+          <h5>Community</h5>
+          <ul>
+            <li><a href="https://chat.whatsapp.com/D73Mf1aDyIZHHMCgd32XHg" target="_blank" rel="noopener">WhatsApp group</a></li>
+            <li><a href="https://github.com/codeforstartups/dynavec/blob/development/CONTRIBUTING.md" target="_blank" rel="noopener">Contributing</a></li>
+            <li><a href="#contributors">Contributors</a></li>
+            <li><a href="https://pypi.org/project/dynavec/" target="_blank" rel="noopener">PyPI</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="sfoot__legal">
+        <span>© dynavec contributors · Apache-2.0</span>
+        <span>*Cost figures are cost-model estimates from public AWS list prices. Amazon Web Services, DynamoDB and S3 are trademarks of Amazon.com, Inc.</span>
       </div>
-      <nav class="footer__links" aria-label="Footer">
-        <a href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">GitHub</a>
-        <a href="https://github.com/codeforstartups/dynavec#readme" target="_blank" rel="noopener">README</a>
-        <a href="https://github.com/codeforstartups/dynavec/blob/development/ARCHITECTURE.md" target="_blank" rel="noopener">Architecture</a>
-        <a href="https://github.com/codeforstartups/dynavec/issues" target="_blank" rel="noopener">Issues</a>
-      </nav>
-      <p class="footer__legal">Apache-2.0 · *cost figures are cost-model estimates from public list prices.</p>
     </div>
   </footer>
 
   <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.4/dist/chart.umd.min.js"></script>
   <script src="script.js"></script>
+  <script src="site.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/site.css b/opensource/dynavec/site.css
new file mode 100644
index 0000000..960650c
--- /dev/null
+++ b/opensource/dynavec/site.css
@@ -0,0 +1,504 @@
+/* ================================================
+   dynavec · site layer (nav, hero, lifecycle, pillars, footer)
+   Loaded after styles.css. Warm "ember on charcoal" system.
+   ================================================ */
+
+:root {
+  --ink:        #0f0b08;   /* page-dark */
+  --ink-2:      #17110d;   /* raised dark surface */
+  --ink-3:      #221a14;   /* card on dark */
+  --ink-line:   rgba(255, 214, 190, .10);
+  --ink-line-2: rgba(255, 214, 190, .18);
+  --on-ink:     #f6efe8;
+  --on-ink-2:   #c9bdb1;
+  --on-ink-3:   #8f8377;
+
+  --ember:      #e8623b;
+  --ember-hi:   #ff9a5c;
+  --ember-lo:   #b83a1c;
+  --amber:      #f5b14c;
+  --cream:      #faf6f0;
+
+  --display: "Space Grotesk", "Inter", system-ui, sans-serif;
+  --wide:   1200px;
+}
+
+html { scroll-behavior: smooth; }
+body { background: var(--bg); }
+
+.wrap--wide { max-width: var(--wide); margin: 0 auto; padding: 0 24px; }
+.mono { font-family: var(--mono); }
+
+/* ---------- Status pills ---------- */
+.pill {
+  display: inline-flex; align-items: center; gap: 6px;
+  font: 500 11px/1 var(--mono); letter-spacing: .04em; text-transform: uppercase;
+  padding: 5px 9px; border-radius: 999px; border: 1px solid currentColor;
+  white-space: nowrap;
+}
+.pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
+.pill--live    { color: #3fbf7f; }
+.pill--build   { color: var(--ember-hi); }
+.pill--early   { color: var(--amber); }
+
+/* ================================================
+   NAV — floating bar with mega menu
+   ================================================ */
+.snav {
+  position: sticky; top: 0; z-index: 50;
+  padding: 14px 16px 0;
+  background: transparent;
+}
+.snav__bar {
+  max-width: var(--wide); margin: 0 auto;
+  display: flex; align-items: center; gap: 20px;
+  position: relative;
+  height: 64px; padding: 0 12px 0 20px;
+  border: 1px solid var(--ink-line-2); border-radius: 14px;
+  background: rgba(15, 11, 8, .78);
+  backdrop-filter: saturate(160%) blur(14px);
+  -webkit-backdrop-filter: saturate(160%) blur(14px);
+  color: var(--on-ink);
+}
+.snav__brand { display: flex; align-items: center; gap: 10px; color: var(--on-ink); text-decoration: none; }
+.snav__brand img { width: 30px; height: 30px; display: block; }
+.snav__brand span { font: 600 21px/1 var(--display); letter-spacing: -.02em; }
+.snav__brand b { color: var(--ember-hi); font-weight: 600; }
+
+.snav__links { display: flex; align-items: center; gap: 4px; margin: 0 auto; list-style: none; padding: 0; }
+.snav__links > li { position: static; }
+.snav__link {
+  display: inline-flex; align-items: center; gap: 6px;
+  font: 500 13.5px/1 var(--mono); letter-spacing: .02em;
+  color: var(--on-ink-2); text-decoration: none; background: none; border: 0; cursor: pointer;
+  padding: 10px 12px; border-radius: 8px;
+  transition: color var(--t), background var(--t);
+}
+.snav__link:hover, .snav__link[aria-expanded="true"] { color: var(--on-ink); background: rgba(255,255,255,.05); }
+.snav__link svg { transition: transform var(--t); }
+.snav__link[aria-expanded="true"] svg { transform: rotate(180deg); }
+
+.snav__actions { display: flex; align-items: center; gap: 8px; }
+.sbtn {
+  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
+  font: 500 13.5px/1 var(--mono); letter-spacing: .02em;
+  padding: 12px 18px; border-radius: 10px; text-decoration: none; cursor: pointer;
+  border: 1px solid transparent; transition: transform var(--t), background var(--t), border-color var(--t), color var(--t), box-shadow var(--t);
+  white-space: nowrap;
+}
+.sbtn--primary { background: linear-gradient(135deg, var(--ember-hi), var(--ember) 60%); color: #1a0d06; box-shadow: 0 8px 24px -10px rgba(232,98,59,.7); }
+.sbtn--primary:hover { transform: translateY(-1px); box-shadow: 0 12px 30px -10px rgba(232,98,59,.85); }
+.sbtn--ghost { border-color: var(--ink-line-2); color: var(--on-ink); background: rgba(255,255,255,.02); }
+.sbtn--ghost:hover { border-color: rgba(255,154,92,.55); background: rgba(255,154,92,.06); }
+.sbtn--light { border-color: var(--border-md); color: var(--fg); background: #fff; }
+.sbtn--light:hover { border-color: var(--ember); color: var(--accent-dk); }
+.sbtn__count { font-size: 12px; color: var(--on-ink-3); padding-left: 8px; border-left: 1px solid var(--ink-line-2); }
+
+.snav__burger { display: none; margin-left: auto; background: none; border: 1px solid var(--ink-line-2); border-radius: 10px; width: 42px; height: 42px; color: var(--on-ink); cursor: pointer; }
+
+/* mega menu */
+.mega {
+  position: absolute; left: 50%; top: calc(100% + 10px);
+  width: min(1000px, calc(100vw - 32px));
+  transform: translate(-50%, -6px); opacity: 0; visibility: hidden;
+  transition: opacity .18s var(--ease), transform .18s var(--ease), visibility .18s;
+  background: var(--ink-2); color: var(--on-ink);
+  border: 1px solid var(--ink-line-2); border-radius: 16px;
+  box-shadow: 0 30px 80px -20px rgba(0,0,0,.7);
+  padding: 28px; display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 28px;
+}
+.mega.is-open { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
+.mega__col h4 {
+  margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid var(--ink-line);
+  font: 500 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--on-ink-3);
+}
+.mega__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; }
+.mega__item {
+  display: flex; gap: 12px; align-items: flex-start; padding: 10px; border-radius: 10px;
+  color: inherit; text-decoration: none; transition: background var(--t);
+}
+.mega__item:hover { background: rgba(255,255,255,.04); }
+.mega__item strong { display: block; font: 600 14.5px/1.3 var(--sans); color: var(--ember-hi); margin-bottom: 3px; }
+.mega__item small { display: block; font-size: 13px; line-height: 1.45; color: var(--on-ink-2); }
+.mega__ico {
+  flex: none; width: 36px; height: 36px; border-radius: 9px; display: grid; place-items: center;
+  background: var(--ink-3); border: 1px solid var(--ink-line-2); color: var(--ember-hi);
+}
+.mega__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
+.mega__list a { display: block; padding: 9px 10px; border-radius: 8px; color: var(--on-ink-2); text-decoration: none; font-size: 14px; }
+.mega__list a:hover { color: var(--on-ink); background: rgba(255,255,255,.04); }
+
+/* ================================================
+   DARK BANDS
+   ================================================ */
+.dark {
+  background: var(--ink); color: var(--on-ink);
+  position: relative; isolation: isolate;
+}
+.dark a:not(.sbtn):not(.mega__item) { color: var(--ember-hi); }
+.dark-top { margin-top: -92px; padding-top: 92px; } /* sit under floating nav */
+
+/* ================================================
+   HERO
+   ================================================ */
+.shero { position: relative; overflow: hidden; padding: 72px 0 40px; text-align: center; }
+.shero::before { /* ember glow */
+  content: ""; position: absolute; z-index: -1; inset: -20% -10% auto -10%; height: 900px;
+  background:
+    radial-gradient(40% 50% at 50% 30%, rgba(232,98,59,.30), transparent 70%),
+    radial-gradient(30% 40% at 18% 60%, rgba(245,177,76,.12), transparent 70%),
+    radial-gradient(30% 40% at 85% 55%, rgba(184,58,28,.22), transparent 70%);
+  filter: blur(10px);
+}
+.shero__bg {
+  position: absolute; inset: 0; z-index: -1; opacity: .55;
+  background-size: cover; background-position: center top;
+  -webkit-mask-image: linear-gradient(to bottom, #000 30%, transparent 92%);
+          mask-image: linear-gradient(to bottom, #000 30%, transparent 92%);
+}
+.shero__grid { /* faint blueprint grid */
+  position: absolute; inset: 0; z-index: -1; opacity: .5;
+  background-image:
+    linear-gradient(var(--ink-line) 1px, transparent 1px),
+    linear-gradient(90deg, var(--ink-line) 1px, transparent 1px);
+  background-size: 64px 64px;
+  -webkit-mask-image: radial-gradient(70% 60% at 50% 30%, #000, transparent 75%);
+          mask-image: radial-gradient(70% 60% at 50% 30%, #000, transparent 75%);
+}
+.shero__announce {
+  display: inline-flex; align-items: center; gap: 10px;
+  padding: 6px 8px 6px 6px; border-radius: 999px; margin-bottom: 28px;
+  border: 1px solid var(--ink-line-2); background: rgba(255,255,255,.03);
+  font: 500 12.5px/1 var(--mono); color: var(--on-ink-2); text-decoration: none;
+}
+.shero__announce b { background: var(--ember); color: #1a0d06; padding: 5px 9px; border-radius: 999px; font-weight: 600; }
+.shero__announce:hover { border-color: rgba(255,154,92,.5); color: var(--on-ink); }
+.shero__title {
+  margin: 0 auto 22px; max-width: 15ch;
+  font: 600 clamp(42px, 7.2vw, 88px)/1.0 var(--display); letter-spacing: -.035em;
+  background: linear-gradient(180deg, #fff 0%, #ffe3d1 55%, #ffb489 100%);
+  -webkit-background-clip: text; background-clip: text; color: transparent;
+}
+.shero__title em { font-style: normal; background: linear-gradient(120deg, var(--amber), var(--ember-hi) 45%, var(--ember)); -webkit-background-clip: text; background-clip: text; color: transparent; }
+.shero__lede { max-width: 680px; margin: 0 auto 34px; font-size: clamp(16px, 1.6vw, 19px); line-height: 1.6; color: var(--on-ink-2); }
+.shero__lede strong { color: var(--on-ink); font-weight: 600; }
+.shero__cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 22px; }
+.shero__install {
+  display: inline-flex; align-items: center; gap: 14px;
+  font: 500 14px/1 var(--mono); color: var(--on-ink-2);
+  padding: 8px 8px 8px 16px; border-radius: 10px; border: 1px solid var(--ink-line); background: rgba(255,255,255,.02);
+}
+.shero__install code { color: var(--on-ink); background: none; padding: 0; font: inherit; }
+.shero__install code::before { content: "$ "; color: var(--ember-hi); }
+.shero__install .copy {
+  font: 500 12px/1 var(--mono); padding: 7px 10px; border-radius: 7px; cursor: pointer;
+  background: var(--ink-3); color: var(--on-ink-2); border: 1px solid var(--ink-line-2);
+}
+.shero__install .copy.is-done { color: #3fbf7f; }
+
+/* product window holding the demo video */
+.window {
+  position: relative; max-width: 1040px; margin: 56px auto 0; text-align: left;
+  border-radius: 16px; padding: 10px; background: linear-gradient(180deg, rgba(255,154,92,.28), rgba(255,154,92,.04) 40%, transparent);
+}
+.window__inner { border-radius: 12px; overflow: hidden; background: var(--ink-2); border: 1px solid var(--ink-line-2); box-shadow: 0 40px 120px -30px rgba(232,98,59,.35), 0 20px 60px -20px rgba(0,0,0,.8); }
+.window__bar { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-bottom: 1px solid var(--ink-line); }
+.window__bar i { width: 11px; height: 11px; border-radius: 50%; background: #3a2f27; }
+.window__bar i:first-child { background: #ff6159; } .window__bar i:nth-child(2) { background: #ffbd2e; } .window__bar i:nth-child(3) { background: #28c941; }
+.window__bar span { margin: 0 auto; font: 500 12px/1 var(--mono); color: var(--on-ink-3); }
+.window .yt-facade { border-radius: 0; aspect-ratio: 16/9; }
+
+.shero__stats {
+  list-style: none; margin: 48px auto 0; padding: 0; max-width: 900px;
+  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px;
+  border: 1px solid var(--ink-line); border-radius: 14px; overflow: hidden; background: var(--ink-line);
+}
+.shero__stats li { background: var(--ink); padding: 18px 12px; text-align: center; }
+.shero__stats b { display: block; font: 600 26px/1.1 var(--display); color: var(--on-ink); letter-spacing: -.02em; }
+.shero__stats b.hot { color: var(--ember-hi); }
+.shero__stats span { font: 500 11.5px/1.3 var(--mono); color: var(--on-ink-3); letter-spacing: .03em; }
+
+/* works-with marquee */
+.strip { padding: 34px 0 56px; border-bottom: 1px solid var(--ink-line); }
+.strip__label { text-align: center; font: 500 12px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--on-ink-3); margin: 0 0 22px; }
+.marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
+.marquee__track { display: flex; gap: 56px; width: max-content; animation: marquee 38s linear infinite; }
+.marquee__track span { font: 600 20px/1 var(--display); color: #6f6359; letter-spacing: -.01em; white-space: nowrap; transition: color var(--t); }
+.marquee__track span:hover { color: var(--on-ink); }
+.marquee__track span.aws { color: #a3968a; }
+@keyframes marquee { to { transform: translateX(-50%); } }
+
+/* ================================================
+   SECTION HEADS
+   ================================================ */
+.shead { max-width: 820px; margin: 0 auto 56px; text-align: center; }
+.shead__eyebrow { font: 500 12.5px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ember); margin: 0 0 16px; }
+.dark .shead__eyebrow { color: var(--ember-hi); }
+.shead__title { margin: 0 0 18px; font: 600 clamp(32px, 4.6vw, 56px)/1.05 var(--display); letter-spacing: -.03em; }
+.dark .shead__title { background: linear-gradient(180deg, #fff, #ffd1b5); -webkit-background-clip: text; background-clip: text; color: transparent; }
+.shead__lede { margin: 0 auto; font-size: 18px; line-height: 1.6; color: var(--fg-3); max-width: 640px; }
+.dark .shead__lede { color: var(--on-ink-2); }
+.shead--left { text-align: left; margin-left: 0; display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: end; max-width: none; }
+.shead--left .shead__lede { margin: 0; }
+
+/* ================================================
+   LIFECYCLE — orbit + stage panels
+   ================================================ */
+.cycle { padding: 110px 0 120px; overflow: hidden; }
+.cycle__stage { display: grid; grid-template-columns: 250px minmax(0,1fr) minmax(0,1.55fr); gap: 40px; align-items: center; min-height: 520px; }
+
+.orbit { position: relative; width: 250px; height: 520px; }
+.orbit__ring {
+  position: absolute; left: -260px; top: 50%; width: 480px; height: 480px; transform: translateY(-50%);
+  border-radius: 50%; border: 1px solid var(--ink-line-2);
+  box-shadow: inset 0 0 80px rgba(232,98,59,.08);
+}
+.orbit__ring::after { content: ""; position: absolute; inset: 70px; border-radius: 50%; border: 1px dashed var(--ink-line); }
+.orbit__core {
+  position: absolute; left: -58px; top: 50%; transform: translateY(-50%);
+  width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center;
+  background: radial-gradient(circle at 35% 30%, #2c211a, var(--ink-2)); border: 1px solid var(--ink-line-2);
+  box-shadow: 0 0 0 10px rgba(232,98,59,.06), 0 0 40px rgba(232,98,59,.35);
+}
+.orbit__core img { width: 40px; height: 40px; }
+.orbit__ray { position: absolute; left: 18px; top: 50%; height: 1px; width: 160px; background: linear-gradient(90deg, var(--ember), transparent); }
+.orbit__node {
+  position: absolute; transform: translate(-50%, -50%);
+  font: 500 13px/1 var(--mono); letter-spacing: .03em; color: var(--on-ink-3);
+  padding: 10px 16px; border-radius: 999px; border: 1px solid var(--ink-line-2); background: var(--ink-2);
+  cursor: pointer; transition: color var(--t), border-color var(--t), background var(--t), box-shadow var(--t);
+  white-space: nowrap;
+}
+.orbit__node:hover { color: var(--on-ink); }
+.orbit__node.is-active { color: #1a0d06; background: linear-gradient(135deg, var(--ember-hi), var(--ember)); border-color: transparent; box-shadow: 0 0 30px rgba(232,98,59,.5); }
+
+.cycle__copy { position: relative; }
+.cycle__pane { display: none; animation: paneIn .45s var(--ease); }
+.cycle__pane.is-active { display: block; }
+@keyframes paneIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
+.cycle__kicker { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
+.cycle__kicker span { font: 600 13px/1 var(--mono); color: var(--ember-hi); letter-spacing: .06em; text-transform: uppercase; }
+.cycle__pane h3 { margin: 0 0 14px; font: 600 clamp(36px, 4vw, 54px)/1 var(--display); letter-spacing: -.03em; color: var(--on-ink); }
+.cycle__pane .lead { margin: 0 0 24px; font-size: 19px; line-height: 1.5; color: #ffc7a6; }
+.cycle__pane ul { list-style: none; margin: 0 0 28px; padding: 0; display: grid; gap: 10px; }
+.cycle__pane li { position: relative; padding-left: 20px; color: var(--on-ink-2); line-height: 1.5; font-size: 15.5px; }
+.cycle__pane li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--ember); }
+.cycle__pane li b { color: var(--on-ink); font-weight: 600; }
+.cycle__pane li em { font-style: normal; font: 500 11px/1 var(--mono); color: var(--amber); border: 1px solid rgba(245,177,76,.4); padding: 2px 6px; border-radius: 6px; margin-left: 4px; }
+.cycle__links { display: flex; gap: 10px; flex-wrap: wrap; }
+
+.cycle__visual { position: relative; }
+.cycle__shot { display: none; }
+.cycle__shot.is-active { display: block; animation: paneIn .5s var(--ease); }
+.cycle__progress { display: flex; gap: 6px; margin-top: 40px; justify-content: center; }
+.cycle__progress button { width: 34px; height: 4px; border-radius: 4px; border: 0; background: var(--ink-line-2); cursor: pointer; padding: 0; overflow: hidden; position: relative; }
+.cycle__progress button.is-active::after { content: ""; position: absolute; inset: 0; background: var(--ember); transform-origin: left; animation: prog var(--cycle-ms, 7000ms) linear forwards; }
+.cycle.is-paused .cycle__progress button.is-active::after { animation-play-state: paused; }
+@keyframes prog { from { transform: scaleX(0); } to { transform: scaleX(1); } }
+
+/* mock product panels */
+.mock {
+  border-radius: 16px; background: linear-gradient(180deg, #1d1611, #140f0b);
+  border: 1px solid var(--ink-line-2); overflow: hidden;
+  box-shadow: 0 40px 100px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(255,154,92,.05), 0 30px 80px -40px rgba(232,98,59,.45);
+  font-size: 13px; color: var(--on-ink-2);
+}
+.mock__bar { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--ink-line); font: 500 12px/1 var(--mono); color: var(--on-ink-3); }
+.mock__bar b { color: var(--on-ink); font-weight: 600; }
+.chip { font: 500 11px/1 var(--mono); padding: 5px 8px; border-radius: 6px; background: var(--ink-3); border: 1px solid var(--ink-line-2); color: var(--on-ink-2); white-space: nowrap; }
+.chip--ok { color: #3fbf7f; border-color: rgba(63,191,127,.35); }
+.chip--hot { color: var(--ember-hi); border-color: rgba(255,154,92,.35); }
+.mock__body { padding: 16px; }
+
+/* search mock */
+.q { display: flex; gap: 10px; align-items: center; padding: 12px 14px; border-radius: 10px; background: #0d0907; border: 1px solid var(--ink-line-2); font: 500 13px/1.3 var(--mono); color: var(--on-ink); margin-bottom: 14px; }
+.q svg { color: var(--ember-hi); flex: none; }
+.hits { display: grid; gap: 8px; }
+.hit { display: grid; grid-template-columns: 56px 1fr auto; gap: 12px; align-items: center; padding: 11px 12px; border-radius: 10px; border: 1px solid var(--ink-line); background: rgba(255,255,255,.015); }
+.hit:first-child { border-color: rgba(255,154,92,.35); background: rgba(232,98,59,.06); }
+.hit__score { font: 600 13px/1 var(--mono); color: var(--ember-hi); }
+.hit__text { color: var(--on-ink); line-height: 1.4; }
+.hit__text small { display: block; font: 500 11px/1.4 var(--mono); color: var(--on-ink-3); margin-top: 3px; }
+.timing { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 14px; }
+.timing div { padding: 10px; border-radius: 10px; border: 1px solid var(--ink-line); background: #0d0907; }
+.timing b { display: block; font: 600 18px/1.1 var(--display); color: var(--on-ink); }
+.timing span { font: 500 11px/1.3 var(--mono); color: var(--on-ink-3); }
+
+/* flow mock */
+.flow svg { display: block; width: 100%; height: auto; }
+
+/* trace mock */
+.trace { display: grid; grid-template-columns: 1.25fr 1fr; }
+.trace__tree { border-right: 1px solid var(--ink-line); padding: 12px 0; }
+.trow { display: grid; grid-template-columns: minmax(0,1fr) 78px; align-items: center; gap: 10px; padding: 7px 14px; font: 500 12px/1.2 var(--mono); color: var(--on-ink-2); }
+.trow.is-sel { background: rgba(232,98,59,.08); box-shadow: inset 2px 0 0 var(--ember); }
+.trow__name { display: flex; align-items: center; gap: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.trow__name i { width: 14px; height: 14px; border-radius: 4px; flex: none; display: inline-block; }
+.trow__bar { position: relative; height: 6px; border-radius: 4px; background: var(--ink-3); }
+.trow__bar u { position: absolute; top: 0; bottom: 0; border-radius: 4px; text-decoration: none; }
+.trow small { color: var(--on-ink-3); font-size: 10.5px; }
+.trace__detail { padding: 14px; font: 500 12px/1.55 var(--mono); }
+.trace__detail h5 { margin: 0 0 8px; font: 600 11px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--on-ink-3); }
+.kv { padding: 10px 12px; border-radius: 8px; background: #0d0907; border: 1px solid var(--ink-line); margin-bottom: 12px; color: var(--on-ink-2); }
+.kv .k { color: #f0a77f; } .kv .s { color: #b9d48a; } .kv .r { color: var(--amber); background: rgba(245,177,76,.12); padding: 0 4px; border-radius: 4px; }
+
+/* eval mock */
+.evals { display: grid; gap: 12px; }
+.metric { display: grid; grid-template-columns: 140px 1fr 52px; gap: 12px; align-items: center; font: 500 12.5px/1 var(--mono); }
+.metric__bar { height: 8px; border-radius: 6px; background: var(--ink-3); overflow: hidden; }
+.metric__bar u { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--ember-lo), var(--ember-hi)); text-decoration: none; }
+.metric b { color: var(--on-ink); text-align: right; }
+.gate { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 6px; padding: 12px 14px; border-radius: 10px; border: 1px solid rgba(63,191,127,.3); background: rgba(63,191,127,.06); font: 500 12.5px/1.4 var(--mono); color: #9fe0bd; }
+.spark { margin-top: 4px; padding: 12px; border-radius: 10px; border: 1px solid var(--ink-line); background: #0d0907; }
+.spark svg { display: block; width: 100%; height: 70px; }
+.spark span { font: 500 11px/1 var(--mono); color: var(--on-ink-3); }
+
+/* ================================================
+   PILLARS — "four pillars, one library"
+   ================================================ */
+.pillars { padding: 120px 0; background: var(--cream); }
+.pgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
+.pcard { display: flex; flex-direction: column; color: var(--fg); text-decoration: none; }
+.pcard__art {
+  aspect-ratio: 5 / 4; border-radius: 14px; background: var(--ink); overflow: hidden; position: relative;
+  border: 1px solid #2a211b; transition: transform .35s var(--ease), box-shadow .35s var(--ease);
+}
+.pcard__art::after { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 60% at 50% 40%, rgba(232,98,59,.18), transparent 70%); pointer-events: none; }
+.pcard__art svg { position: absolute; inset: 0; width: 100%; height: 100%; }
+.pcard:hover .pcard__art { transform: translateY(-4px); box-shadow: 0 30px 60px -30px rgba(232,98,59,.55); }
+.pcard__head { display: flex; align-items: center; gap: 12px; margin: 22px 0 14px; }
+.pcard__ico { width: 40px; height: 40px; border-radius: 10px; background: var(--ink); color: var(--ember-hi); display: grid; place-items: center; flex: none; }
+.pcard__name { font: 500 18px/1 var(--mono); color: var(--fg); }
+.pcard__tag { font: 500 12px/1 var(--mono); color: var(--fg-3); }
+.pcard h3 { margin: 0 0 10px; font: 600 24px/1.15 var(--display); letter-spacing: -.02em; }
+.pcard p { margin: 0 0 18px; color: var(--fg-3); line-height: 1.55; font-size: 15px; flex: 1; }
+.pcard__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 14px; border-top: 1px solid var(--border); }
+.pcard__more { font: 500 13px/1 var(--mono); color: var(--fg-3); transition: color var(--t); }
+.pcard:hover .pcard__more { color: var(--accent-dk); }
+.pillars .pill--live { color: #1f8f57; }
+.pillars .pill--build { color: var(--accent-dk); }
+.pillars .pill--early { color: #a76b0e; }
+
+/* art strokes (used inside pillar svgs) */
+.art-line { stroke: rgba(255,154,92,.55); stroke-width: 1.4; fill: none; }
+.art-dash { stroke: rgba(255,214,190,.28); stroke-width: 1.2; fill: none; stroke-dasharray: 3 4; }
+.art-box { fill: #1d1611; stroke: rgba(255,154,92,.45); stroke-width: 1; }
+.art-box--hot { fill: #3a1c10; stroke: var(--ember-hi); }
+.art-txt { font: 500 10px var(--mono); fill: #f3d8c6; }
+.art-dot { fill: var(--ember-hi); }
+
+/* ================================================
+   LOOP (how they fit together) + COMPARE
+   ================================================ */
+.loop { padding: 120px 0; }
+.loop__svg { display: block; width: 100%; max-width: 1100px; height: auto; margin: 0 auto; }
+.loop__svg .flow-path { stroke: var(--ember); stroke-width: 1.6; fill: none; stroke-dasharray: 6 8; animation: dash 1.6s linear infinite; }
+@keyframes dash { to { stroke-dashoffset: -28; } }
+.loop__legend { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 40px; }
+.loop__legend div { padding: 18px; border-radius: 12px; border: 1px solid var(--ink-line); background: rgba(255,255,255,.02); }
+.loop__legend b { display: block; font: 600 15px/1.2 var(--mono); color: var(--ember-hi); margin-bottom: 6px; }
+.loop__legend span { color: var(--on-ink-2); font-size: 14px; line-height: 1.5; }
+
+.compare { padding: 110px 0; background: #fff; }
+.ctable { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--border); border-radius: 14px; overflow: hidden; font-size: 15px; }
+.ctable th, .ctable td { padding: 16px 20px; text-align: left; border-bottom: 1px solid var(--border); vertical-align: top; }
+.ctable thead th { background: var(--cream); font: 500 12px/1.2 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--fg-3); }
+.ctable thead th:last-child { color: var(--accent-dk); }
+.ctable tbody tr:last-child td { border-bottom: 0; }
+.ctable td:first-child { font-weight: 600; color: var(--fg); width: 26%; }
+.ctable td:nth-child(2) { color: var(--fg-3); }
+.ctable td:last-child { background: #fffaf6; }
+.mark { font: 600 12px/1 var(--mono); padding: 3px 7px; border-radius: 6px; margin-right: 8px; display: inline-block; }
+.mark--yes { color: #1f8f57; background: #e9f7ef; }
+.mark--part { color: #a76b0e; background: #fdf3e2; }
+.mark--soon { color: var(--fg-3); background: var(--subtle); }
+.compare__note { margin-top: 16px; font-size: 13px; color: var(--fg-4); text-align: center; }
+
+/* ================================================
+   CTA band + footer
+   ================================================ */
+.cta { padding: 110px 0; text-align: center; overflow: hidden; }
+.cta::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(50% 80% at 50% 100%, rgba(232,98,59,.32), transparent 70%); }
+.cta h2 { margin: 0 auto 18px; max-width: 18ch; font: 600 clamp(34px, 5vw, 60px)/1.04 var(--display); letter-spacing: -.03em; color: var(--on-ink); }
+.cta p { margin: 0 auto 32px; max-width: 560px; color: var(--on-ink-2); font-size: 18px; line-height: 1.6; }
+.cta .shero__cta { margin: 0; }
+
+.sfoot { background: var(--ink); color: var(--on-ink-2); border-top: 1px solid var(--ink-line); padding: 64px 0 36px; }
+.sfoot__grid { display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 32px; }
+.sfoot h5 { margin: 0 0 14px; font: 500 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--on-ink-3); }
+.sfoot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
+.sfoot a { color: var(--on-ink-2); text-decoration: none; font-size: 14px; }
+.sfoot a:hover { color: var(--ember-hi); }
+.sfoot__about p { margin: 16px 0 0; max-width: 300px; font-size: 14px; line-height: 1.6; color: var(--on-ink-3); }
+.sfoot__legal { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--ink-line); font: 500 12px/1.5 var(--mono); color: var(--on-ink-3); }
+
+/* ================================================
+   Light sections — refresh existing components
+   ================================================ */
+.section { padding: 110px 0; }
+.section__title { font-family: var(--display); letter-spacing: -.03em; }
+.section--alt { background: var(--cream); }
+.card { border-radius: 14px; }
+.card:hover { border-color: rgba(232,98,59,.35); }
+
+/* ================================================
+   Responsive
+   ================================================ */
+@media (max-width: 1080px) {
+  .cycle__stage { grid-template-columns: 1fr; gap: 28px; min-height: 0; }
+  .orbit { width: 100%; height: auto; display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
+  .orbit__ring, .orbit__core, .orbit__ray { display: none; }
+  .orbit__node { position: static; transform: none; }
+  .pgrid { grid-template-columns: repeat(2, 1fr); gap: 36px 20px; }
+  .mega { grid-template-columns: 1fr 1fr; }
+  .mega__col:first-child { grid-column: 1 / -1; }
+  .loop__legend { grid-template-columns: repeat(2, 1fr); }
+  .sfoot__grid { grid-template-columns: 1fr 1fr; }
+  .sfoot__about { grid-column: 1 / -1; }
+}
+@media (max-width: 860px) {
+  .snav__links, .snav__actions .sbtn--ghost { display: none; }
+  .snav__burger { display: grid; place-items: center; }
+  .snav.is-open .snav__links {
+    display: flex; flex-direction: column; align-items: stretch; gap: 2px;
+    position: absolute; left: 16px; right: 16px; top: calc(100% + 8px);
+    padding: 10px; border-radius: 14px; border: 1px solid var(--ink-line-2); background: var(--ink-2);
+  }
+  .snav.is-open .mega { position: static; transform: none; width: auto; box-shadow: none; padding: 12px 4px; grid-template-columns: 1fr; display: none; }
+  .snav.is-open .mega.is-open { display: grid; }
+  .mega__grid { grid-template-columns: 1fr; }
+  .shead--left { grid-template-columns: 1fr; gap: 16px; }
+  .shero__stats { grid-template-columns: repeat(2, 1fr); }
+  .trace { grid-template-columns: 1fr; }
+  .trace__detail { display: none; }
+  .ctable { font-size: 14px; }
+  .ctable th, .ctable td { padding: 12px; }
+}
+@media (max-width: 600px) {
+  .snav { padding: 10px 10px 0; }
+  .snav__bar { padding: 0 8px 0 14px; gap: 8px; }
+  .snav__actions .sbtn--primary { padding: 10px 12px; }
+  .pgrid { grid-template-columns: 1fr; }
+  .loop__legend { grid-template-columns: 1fr; }
+  .metric { grid-template-columns: 110px 1fr 44px; }
+  .timing { grid-template-columns: 1fr 1fr; }
+  .ctable thead { display: none; }
+  .ctable tr { display: grid; border-bottom: 1px solid var(--border); }
+  .ctable td { border: 0; width: auto !important; }
+  .ctable td:first-child { padding-bottom: 0; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .marquee__track, .loop__svg .flow-path { animation: none; }
+  .cycle__progress button.is-active::after { animation: none; transform: scaleX(1); }
+}
+
+/* body accent line removed for the dark hero */
+body { border-top: 0; }
+
+.cycle .shead { max-width: 1000px; }
+
+/* mobile menu: scroll long menus, flatten nested panel */
+@media (max-width: 860px) {
+  .snav.is-open .snav__links { max-height: calc(100vh - 100px); overflow-y: auto; }
+  .snav.is-open .mega { border: 0; background: transparent; padding: 4px 0 8px; }
+}
diff --git a/opensource/dynavec/site.js b/opensource/dynavec/site.js
new file mode 100644
index 0000000..00f33af
--- /dev/null
+++ b/opensource/dynavec/site.js
@@ -0,0 +1,169 @@
+/* ================================================
+   dynavec landing — site.js
+   Mega menu, mobile nav, lifecycle orbit.
+   (Charts, calculator, tabs, copy, stars live in script.js.)
+   ================================================ */
+
+/* ---- Mega menu + mobile nav ---- */
+(function () {
+  const nav = document.getElementById("nav");
+  if (!nav) return;
+  const triggers = nav.querySelectorAll("[data-mega]");
+  const burger = nav.querySelector(".snav__burger");
+
+  function closeAll(except) {
+    triggers.forEach((t) => {
+      if (t === except) return;
+      t.setAttribute("aria-expanded", "false");
+      const panel = document.getElementById(t.getAttribute("aria-controls"));
+      if (panel) panel.classList.remove("is-open");
+    });
+  }
+
+  triggers.forEach((t) => {
+    const panel = document.getElementById(t.getAttribute("aria-controls"));
+    let hoverOpenedAt = 0;
+    t.addEventListener("click", (e) => {
+      e.stopPropagation();
+      // A click that follows a hover-open should keep the menu open, not toggle it shut.
+      const justHovered = Date.now() - hoverOpenedAt < 600;
+      const open = justHovered || t.getAttribute("aria-expanded") !== "true";
+      closeAll(t);
+      t.setAttribute("aria-expanded", String(open));
+      if (panel) panel.classList.toggle("is-open", open);
+    });
+    if (panel) {
+      // hover-intent on desktop pointers only
+      const li = t.closest("li");
+      let timer;
+      const fine = window.matchMedia("(hover: hover) and (pointer: fine)");
+      li.addEventListener("mouseenter", () => {
+        if (!fine.matches || window.innerWidth <= 860) return;
+        clearTimeout(timer);
+        closeAll(t);
+        if (t.getAttribute("aria-expanded") !== "true") hoverOpenedAt = Date.now();
+        t.setAttribute("aria-expanded", "true");
+        panel.classList.add("is-open");
+      });
+      li.addEventListener("mouseleave", () => {
+        if (!fine.matches || window.innerWidth <= 860) return;
+        timer = setTimeout(() => {
+          t.setAttribute("aria-expanded", "false");
+          panel.classList.remove("is-open");
+        }, 160);
+      });
+      panel.addEventListener("click", (e) => {
+        if (e.target.closest("a")) {
+          closeAll();
+          nav.classList.remove("is-open");
+          if (burger) burger.setAttribute("aria-expanded", "false");
+        }
+      });
+    }
+  });
+
+  document.addEventListener("click", (e) => {
+    if (!nav.contains(e.target)) {
+      closeAll();
+      nav.classList.remove("is-open");
+      if (burger) burger.setAttribute("aria-expanded", "false");
+    }
+  });
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "Escape") {
+      closeAll();
+      nav.classList.remove("is-open");
+      if (burger) burger.setAttribute("aria-expanded", "false");
+    }
+  });
+
+  if (burger) {
+    burger.addEventListener("click", (e) => {
+      e.stopPropagation();
+      const open = !nav.classList.contains("is-open");
+      nav.classList.toggle("is-open", open);
+      burger.setAttribute("aria-expanded", String(open));
+      if (!open) closeAll();
+    });
+    nav.querySelectorAll(".snav__links > li > a").forEach((a) =>
+      a.addEventListener("click", () => {
+        nav.classList.remove("is-open");
+        burger.setAttribute("aria-expanded", "false");
+      })
+    );
+  }
+})();
+
+/* ---- Lifecycle orbit (auto-advance, pause on hover/focus) ---- */
+(function () {
+  const root = document.querySelector("[data-cycle]");
+  if (!root) return;
+  const section = root.closest(".cycle");
+  const nodes = root.querySelectorAll(".orbit__node");
+  const panes = root.querySelectorAll(".cycle__pane");
+  const shots = root.querySelectorAll(".cycle__shot");
+  const bars = section.querySelectorAll(".cycle__progress button");
+  const DURATION = 7000;
+  const reduced = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  section.style.setProperty("--cycle-ms", DURATION + "ms");
+
+  let current = 0;
+  let timer = null;
+  let paused = false;
+  let visible = false;
+
+  function show(i) {
+    current = (i + nodes.length) % nodes.length;
+    nodes.forEach((n, k) => {
+      n.classList.toggle("is-active", k === current);
+      n.setAttribute("aria-selected", String(k === current));
+    });
+    panes.forEach((p, k) => p.classList.toggle("is-active", k === current));
+    shots.forEach((s, k) => s.classList.toggle("is-active", k === current));
+    bars.forEach((b, k) => {
+      b.classList.remove("is-active");
+      if (k === current) {
+        void b.offsetWidth; // restart the progress animation
+        b.classList.add("is-active");
+      }
+    });
+    schedule();
+  }
+
+  function schedule() {
+    clearTimeout(timer);
+    if (reduced || paused || !visible) return;
+    timer = setTimeout(() => show(current + 1), DURATION);
+  }
+
+  function setPaused(p) {
+    paused = p;
+    section.classList.toggle("is-paused", p);
+    if (p) clearTimeout(timer);
+    else show(current); // restart the timer and progress bar from zero
+  }
+
+  nodes.forEach((n, k) => n.addEventListener("click", () => show(k)));
+  bars.forEach((b, k) => b.addEventListener("click", () => show(k)));
+
+  root.addEventListener("keydown", (e) => {
+    if (!e.target.classList.contains("orbit__node")) return;
+    if (e.key === "ArrowDown" || e.key === "ArrowRight") { e.preventDefault(); show(current + 1); nodes[current].focus(); }
+    if (e.key === "ArrowUp" || e.key === "ArrowLeft") { e.preventDefault(); show(current - 1); nodes[current].focus(); }
+  });
+
+  root.addEventListener("mouseenter", () => setPaused(true));
+  root.addEventListener("mouseleave", () => setPaused(false));
+  root.addEventListener("focusin", () => setPaused(true));
+  root.addEventListener("focusout", (e) => { if (!root.contains(e.relatedTarget)) setPaused(false); });
+
+  if ("IntersectionObserver" in window) {
+    new IntersectionObserver((entries) => {
+      visible = entries[0].isIntersecting;
+      if (visible) show(current); else clearTimeout(timer);
+    }, { threshold: 0.35 }).observe(section);
+  } else {
+    visible = true;
+    show(0);
+  }
+})();
diff --git a/opensource/dynavec/styles.css b/opensource/dynavec/styles.css
index 167b016..ef7ade6 100644
--- a/opensource/dynavec/styles.css
+++ b/opensource/dynavec/styles.css
@@ -66,25 +66,26 @@
 .nav, main, footer { position: relative; z-index: 1; }
 
 :root {
+  /* warm "ember on charcoal" palette */
   --bg:        #ffffff;
-  --surface:   #fafafa;
-  --subtle:    #f3f3f3;
+  --surface:   #faf6f0;
+  --subtle:    #f3ede5;
 
-  --fg:        #0d0d0d;
-  --fg-2:      #3a3a3a;
-  --fg-3:      #6a6a6a;
-  --fg-4:      #9a9a9a;
+  --fg:        #16110d;
+  --fg-2:      #3d342c;
+  --fg-3:      #6e635a;
+  --fg-4:      #a0958b;
 
-  --border:    #e8e8e8;
-  --border-md: #cecece;
+  --border:    #ece5db;
+  --border-md: #d8cec1;
 
   --accent:    #e8623b;
-  --accent-dk: #c44820;
-  --accent-bg: #fff3ef;
+  --accent-dk: #c2471f;
+  --accent-bg: #fff1ea;
 
-  --dark:      #0d0d0d;
-  --dark-fg:   #f0f0f0;
-  --dark-sub:  #6a6a6a;
+  --dark:      #0f0b08;
+  --dark-fg:   #f6efe8;
+  --dark-sub:  #8f8377;
 
   --sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
   --mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

From 256dafd5472d79970a6de87f910d3f039af773ec Mon Sep 17 00:00:00 2001
From: "abhishek.rdx" <codeforstartups@gmail.com>
Date: Sun, 25 Oct 2026 12:59:38 +0530
Subject: [PATCH 2/2] feat(docs): LangChain-style docs refresh with search and
 page outline

- New header: dynavec logo, centred Cmd/Ctrl+K search, GitHub and
  Get started buttons
- Client-side search over every page and h2 section (search-index.js,
  generated by build_docs.py) with keyboard navigation
- "On this page" right rail with scroll-spy and h2 anchor links
- Docs home: agent-lifecycle cards (Remember/Build/Observe/Measure with
  status), Start-here cards, guide grid as cards
- Fix code blocks rendering without their dark background
  (.doc pre.code specificity), warmer syntax colours

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 opensource/dynavec/docs/benchmarking.html     |  53 ++++---
 opensource/dynavec/docs/caching.html          |  53 ++++---
 opensource/dynavec/docs/concurrency.html      |  53 ++++---
 opensource/dynavec/docs/configuration.html    |  53 ++++---
 opensource/dynavec/docs/credentials.html      |  53 ++++---
 opensource/dynavec/docs/dashboard.html        |  53 ++++---
 opensource/dynavec/docs/docs.css              | 127 +++++++++++++++++
 opensource/dynavec/docs/docs.js               | 115 ++++++++++++++-
 opensource/dynavec/docs/ecosystem.html        |  53 ++++---
 opensource/dynavec/docs/embeddings.html       |  53 ++++---
 opensource/dynavec/docs/faq.html              |  53 ++++---
 opensource/dynavec/docs/hot-tier.html         |  53 ++++---
 opensource/dynavec/docs/index.html            |  84 +++++++----
 opensource/dynavec/docs/ingestion.html        |  53 ++++---
 opensource/dynavec/docs/installation.html     |  53 ++++---
 opensource/dynavec/docs/integrations.html     |  53 ++++---
 opensource/dynavec/docs/knowledge-graph.html  |  53 ++++---
 .../dynavec/docs/metrics-and-rerank.html      |  53 ++++---
 opensource/dynavec/docs/namespaces.html       |  53 ++++---
 opensource/dynavec/docs/quantization.html     |  53 ++++---
 opensource/dynavec/docs/quickstart.html       |  53 ++++---
 opensource/dynavec/docs/release-notes.html    |  53 ++++---
 opensource/dynavec/docs/search-index.js       |   2 +
 opensource/dynavec/docs/search.html           |  53 ++++---
 opensource/dynavec/docs/streaming.html        |  53 ++++---
 .../dynavec/docs/update-and-lambda.html       |  53 ++++---
 opensource/dynavec/docs/upsert.html           |  53 ++++---
 tools/build_docs.py                           | 134 ++++++++++++++----
 28 files changed, 1160 insertions(+), 521 deletions(-)
 create mode 100644 opensource/dynavec/docs/search-index.js

diff --git a/opensource/dynavec/docs/benchmarking.html b/opensource/dynavec/docs/benchmarking.html
index 59f6551..0f56485 100644
--- a/opensource/dynavec/docs/benchmarking.html
+++ b/opensource/dynavec/docs/benchmarking.html
@@ -6,33 +6,44 @@
   <title>Benchmarking · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -94,8 +105,10 @@ <h1>Benchmarking</h1>
 
       <div class="doc__next"><a href="dashboard.html"><span>Previous</span>Telemetry dashboard</a><a href="release-notes.html" style="text-align:right"><span>Next</span>Release notes</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/caching.html b/opensource/dynavec/docs/caching.html
index c095043..c6d45b3 100644
--- a/opensource/dynavec/docs/caching.html
+++ b/opensource/dynavec/docs/caching.html
@@ -6,33 +6,44 @@
   <title>Caching · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -103,8 +114,10 @@ <h1>Caching</h1>
 
       <div class="doc__next"><a href="streaming.html"><span>Previous</span>Streaming</a><a href="knowledge-graph.html" style="text-align:right"><span>Next</span>Knowledge graph</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/concurrency.html b/opensource/dynavec/docs/concurrency.html
index ef12879..d877117 100644
--- a/opensource/dynavec/docs/concurrency.html
+++ b/opensource/dynavec/docs/concurrency.html
@@ -6,33 +6,44 @@
   <title>Concurrency · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -95,8 +106,10 @@ <h1>Concurrency</h1>
 
       <div class="doc__next"><a href="quantization.html"><span>Previous</span>Product quantization</a><a href="credentials.html" style="text-align:right"><span>Next</span>Credentials & IAM</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/configuration.html b/opensource/dynavec/docs/configuration.html
index 597c6d9..50250c3 100644
--- a/opensource/dynavec/docs/configuration.html
+++ b/opensource/dynavec/docs/configuration.html
@@ -6,33 +6,44 @@
   <title>Configuration · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -115,8 +126,10 @@ <h2>Key parameters</h2>
 
       <div class="doc__next"><a href="quickstart.html"><span>Previous</span>Quickstart</a><a href="faq.html" style="text-align:right"><span>Next</span>FAQ</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/credentials.html b/opensource/dynavec/docs/credentials.html
index f6d3865..1317af6 100644
--- a/opensource/dynavec/docs/credentials.html
+++ b/opensource/dynavec/docs/credentials.html
@@ -6,33 +6,44 @@
   <title>Credentials & IAM · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -159,8 +170,10 @@ <h2>Least-privilege IAM policy</h2>
 
       <div class="doc__next"><a href="concurrency.html"><span>Previous</span>Concurrency</a><a href="ecosystem.html" style="text-align:right"><span>Next</span>Ecosystem overview</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/dashboard.html b/opensource/dynavec/docs/dashboard.html
index 7098f77..b496629 100644
--- a/opensource/dynavec/docs/dashboard.html
+++ b/opensource/dynavec/docs/dashboard.html
@@ -6,33 +6,44 @@
   <title>Telemetry dashboard · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -113,8 +124,10 @@ <h2>Tracing view</h2>
 
       <div class="doc__next"><a href="integrations.html"><span>Previous</span>Framework integrations</a><a href="benchmarking.html" style="text-align:right"><span>Next</span>Benchmarking</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/docs.css b/opensource/dynavec/docs/docs.css
index 95da8cd..46614fb 100644
--- a/opensource/dynavec/docs/docs.css
+++ b/opensource/dynavec/docs/docs.css
@@ -410,3 +410,130 @@
   .doc__next { flex-direction: column; }
   .doc__next a { max-width: 100%; }
 }
+
+/* ================================================
+   v2 — header, search, cards, "On this page" rail
+   ================================================ */
+body.docs { border-top: 0; background: #fff; }
+body.docs.is-searching { overflow: hidden; }
+
+.dnav {
+  position: sticky; top: 0; z-index: 60;
+  background: rgba(255,255,255,.88);
+  backdrop-filter: saturate(180%) blur(14px); -webkit-backdrop-filter: saturate(180%) blur(14px);
+  border-bottom: 1px solid var(--border);
+}
+.dnav__inner { max-width: 1440px; margin: 0 auto; height: 64px; padding: 0 24px; display: flex; align-items: center; gap: 18px; }
+.dnav__brand { display: flex; align-items: center; gap: 9px; text-decoration: none; color: var(--fg); flex: none; }
+.dnav__brand img { width: 28px; height: 28px; display: block; }
+.dnav__brand span { font: 600 20px/1 "Space Grotesk", var(--sans); letter-spacing: -.02em; }
+.dnav__brand b { color: var(--accent); font-weight: 600; }
+.dnav__brand em { font: 500 20px/1 "Space Grotesk", var(--sans); font-style: normal; color: var(--fg-3); letter-spacing: -.02em; }
+.dnav__home { font-size: 14px; color: var(--fg-3); text-decoration: none; padding: 7px 10px; border-radius: 8px; }
+.dnav__home:hover { color: var(--fg); background: var(--subtle); }
+
+.dsearch {
+  flex: 1 1 auto; max-width: 440px; margin: 0 auto;
+  display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 10px 0 14px;
+  border-radius: 10px; border: 1px solid var(--border); background: var(--surface);
+  color: var(--fg-4); font: 400 14px/1 var(--sans); cursor: text; text-align: left;
+  transition: border-color var(--t), background var(--t);
+}
+.dsearch:hover { border-color: var(--border-md); background: #fff; }
+.dsearch span { flex: 1; }
+.dsearch kbd, .dsearch__field kbd {
+  font: 500 11px/1 var(--mono); color: var(--fg-3); padding: 4px 6px;
+  border: 1px solid var(--border); border-radius: 6px; background: #fff;
+}
+.dnav__actions { display: flex; gap: 8px; flex: none; }
+.dbtn {
+  display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px;
+  border-radius: 10px; font: 500 14px/1 var(--sans); text-decoration: none; white-space: nowrap;
+  transition: background var(--t), border-color var(--t), color var(--t), box-shadow var(--t);
+}
+.dbtn--ghost { color: var(--fg-2); border: 1px solid var(--border); background: #fff; }
+.dbtn--ghost:hover { border-color: var(--border-md); color: var(--fg); }
+.dbtn--primary { color: #fff; background: var(--accent); box-shadow: 0 6px 16px -8px rgba(232,98,59,.8); }
+.dbtn--primary:hover { background: var(--accent-dk); }
+
+/* search dialog */
+.dsearch__dialog { position: fixed; inset: 0; z-index: 100; background: rgba(22,17,13,.42); backdrop-filter: blur(3px); display: grid; justify-items: center; align-items: start; padding: 12vh 16px 16px; }
+.dsearch__dialog[hidden] { display: none; }
+.dsearch__panel { width: min(640px, 100%); background: #fff; border-radius: 16px; border: 1px solid var(--border); box-shadow: 0 30px 80px -20px rgba(22,17,13,.45); overflow: hidden; }
+.dsearch__field { display: flex; align-items: center; gap: 12px; padding: 0 16px; height: 56px; border-bottom: 1px solid var(--border); color: var(--fg-4); }
+.dsearch__field input { flex: 1; border: 0; outline: 0; font: 400 16px/1 var(--sans); color: var(--fg); background: transparent; }
+.dsearch__field input::-webkit-search-cancel-button { display: none; }
+.dsearch__results { list-style: none; margin: 0; padding: 8px; max-height: min(60vh, 460px); overflow-y: auto; }
+.dsearch__results a { display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; text-decoration: none; color: var(--fg); }
+.dsearch__results li.is-active a, .dsearch__results a:hover { background: var(--accent-bg); }
+.dsearch__results strong { display: block; font-weight: 600; font-size: 14.5px; }
+.dsearch__results small { display: block; font-size: 13px; color: var(--fg-3); margin-top: 2px; }
+.dsearch__results mark { background: transparent; color: var(--accent-dk); font-weight: 700; }
+.dsearch__kind { flex: none; width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center; background: var(--subtle); color: var(--fg-3); font: 600 12px/1 var(--mono); }
+.dsearch__empty { padding: 28px 12px; text-align: center; color: var(--fg-3); font-size: 14px; }
+
+/* three-column shell */
+.docshell { max-width: 1440px; grid-template-columns: 248px minmax(0, 1fr) 210px; gap: 56px; }
+.side { top: 88px; max-height: calc(100vh - 110px); padding-top: 24px; }
+.side__list a { border-left: 0; border-radius: 8px; }
+.side__list a.is-current { background: var(--accent-bg); color: var(--accent-dk); }
+.doc { max-width: 820px; padding-top: 36px; }
+
+.doc h1 { font-family: "Space Grotesk", var(--sans); font-weight: 600; letter-spacing: -.03em; font-size: clamp(30px, 4vw, 44px); }
+.doc h2 { position: relative; font-family: "Space Grotesk", var(--sans); font-weight: 600; font-size: 24px; scroll-margin-top: 90px; }
+.doc h2::before { display: none; }
+.doc h2.plain { margin-top: 40px; }
+.doc__anchor { margin-left: 10px; color: var(--fg-4) !important; border: 0 !important; opacity: 0; font-weight: 400; transition: opacity var(--t); }
+.doc h2:hover .doc__anchor, .doc__anchor:focus { opacity: 1; }
+
+.toc { position: sticky; top: 88px; align-self: start; padding-top: 40px; max-height: calc(100vh - 110px); overflow-y: auto; }
+.toc__title { font: 600 12px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--fg-3); margin: 0 0 12px; }
+.toc ul { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--border); }
+.toc a { display: block; padding: 6px 0 6px 14px; margin-left: -1px; border-left: 2px solid transparent; font-size: 13.5px; line-height: 1.4; color: var(--fg-3); text-decoration: none; }
+.toc a:hover { color: var(--fg); }
+.toc a.is-active { color: var(--accent-dk); border-left-color: var(--accent); font-weight: 600; }
+
+/* lifecycle / start-here cards */
+.lcards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 18px 0 8px; }
+.lcards--3 { grid-template-columns: repeat(3, 1fr); }
+.doc a.lcard {
+  position: relative; display: flex; flex-direction: column; gap: 8px;
+  padding: 24px; border: 1px solid var(--border); border-radius: 16px; background: #fff;
+  color: var(--fg); text-decoration: none; transition: border-color var(--t), box-shadow var(--t), transform var(--t);
+}
+.doc a.lcard:hover { border-color: rgba(232,98,59,.45); box-shadow: 0 12px 32px -18px rgba(232,98,59,.45); transform: translateY(-2px); color: var(--fg); }
+.lcard__ico { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: var(--accent-bg); color: var(--accent-dk); margin-bottom: 6px; }
+.lcard h3 { margin: 0; font-size: 16.5px; font-weight: 650; }
+.doc .lcard p { margin: 0; font-size: 14.5px; color: var(--fg-3); line-height: 1.55; }
+.lcard__cta { margin-top: auto; padding-top: 10px; font-size: 14px; color: var(--fg-3); }
+.doc a.lcard:hover .lcard__cta { color: var(--accent-dk); }
+.dpill { position: absolute; top: 24px; right: 24px; font: 500 11px/1 var(--mono); letter-spacing: .04em; text-transform: uppercase; padding: 5px 8px; border-radius: 999px; border: 1px solid currentColor; }
+.dpill--available { color: #1f8f57; } .dpill--in-progress { color: var(--accent-dk); } .dpill--early, .dpill--partial { color: #a76b0e; }
+
+/* guide grid as cards */
+.docgrid { grid-template-columns: repeat(3, 1fr); gap: 12px; background: none; border: 0; border-radius: 0; overflow: visible; margin-top: 18px; }
+.docgrid a { border: 1px solid var(--border) !important; border-radius: 12px; padding: 18px 20px; transition: border-color var(--t), background var(--t); }
+.docgrid a:hover { border-color: rgba(232,98,59,.45) !important; background: #fffaf6; }
+
+/* warmer code blocks */
+.doc .code, .doc pre.code { background: #16110d; border: 1px solid rgba(255,214,190,.08); border-radius: 14px; color: #e9ded4; }
+.doc pre.code code { color: #e9ded4; }
+.doc .code .c-kw { color: #ff9a5c; }
+.doc .code .c-str { color: #b9d48a; }
+.doc .code .c-comment { color: #7d7067; }
+
+@media (max-width: 1180px) {
+  .docshell { grid-template-columns: 232px minmax(0, 1fr); gap: 40px; }
+  .toc { display: none; }
+}
+@media (max-width: 860px) {
+  .dnav__home, .dnav__actions .dbtn--ghost { display: none; }
+  .dsearch { max-width: none; }
+  .dsearch span, .dsearch kbd { display: none; }
+  .dsearch { flex: 0 0 auto; width: 40px; padding: 0; justify-content: center; margin: 0 0 0 auto; }
+  .dnav__brand em { display: none; }
+  .lcards, .lcards--3, .docgrid { grid-template-columns: 1fr; }
+}
+@media (max-width: 820px) {
+  .docshell { grid-template-columns: 1fr; gap: 0; }
+}
diff --git a/opensource/dynavec/docs/docs.js b/opensource/dynavec/docs/docs.js
index 25e230c..32e3264 100644
--- a/opensource/dynavec/docs/docs.js
+++ b/opensource/dynavec/docs/docs.js
@@ -1,4 +1,5 @@
-/* dynavec docs — code highlighting, sidebar toggle, copy buttons. */
+/* dynavec docs — code highlighting, copy buttons, sidebar toggle,
+   heading anchors, "On this page" rail and ⌘K search. */
 (function () {
   "use strict";
 
@@ -49,4 +50,116 @@
     });
     pre.appendChild(btn);
   });
+
+  // ---- heading anchors (same slug rule as build_docs.heading_id) ----
+  function slugify(s) { return s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, ""); }
+  var heads = Array.prototype.slice.call(document.querySelectorAll(".doc h2"));
+  heads.forEach(function (h) {
+    if (!h.id) h.id = slugify(h.textContent);
+    var a = document.createElement("a");
+    a.className = "doc__anchor";
+    a.href = "#" + h.id;
+    a.setAttribute("aria-label", "Link to this section");
+    a.textContent = "#";
+    h.appendChild(a);
+  });
+
+  // ---- "On this page" rail with scroll-spy ----
+  var toc = document.querySelector(".toc");
+  if (toc && heads.length >= 2) {
+    var html = '<p class="toc__title">On this page</p><ul>';
+    heads.forEach(function (h) {
+      var label = h.textContent.replace(/#$/, "").trim();
+      html += '<li><a href="#' + h.id + '">' + label.replace(/</g, "&lt;") + "</a></li>";
+    });
+    toc.innerHTML = html + "</ul>";
+    var links = toc.querySelectorAll("a");
+    if ("IntersectionObserver" in window) {
+      var io = new IntersectionObserver(function (entries) {
+        entries.forEach(function (e) {
+          if (!e.isIntersecting) return;
+          links.forEach(function (l) { l.classList.toggle("is-active", l.getAttribute("href") === "#" + e.target.id); });
+        });
+      }, { rootMargin: "-90px 0px -70% 0px" });
+      heads.forEach(function (h) { io.observe(h); });
+    }
+  } else if (toc) {
+    toc.classList.add("is-empty");
+  }
+
+  // ---- ⌘K search ----
+  var trigger = document.querySelector(".dsearch");
+  var dialog = document.querySelector(".dsearch__dialog");
+  var data = window.DV_SEARCH || [];
+  if (!trigger || !dialog || !data.length) return;
+  var input = dialog.querySelector("input");
+  var list = dialog.querySelector(".dsearch__results");
+  var results = [];
+  var cursor = 0;
+
+  function esc(s) { return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"); }
+  function mark(s, terms) {
+    var out = esc(s);
+    terms.forEach(function (t) {
+      if (!t) return;
+      out = out.replace(new RegExp("(" + t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + ")", "ig"), "<mark>$1</mark>");
+    });
+    return out;
+  }
+  function score(e, terms) {
+    var t = e.t.toLowerCase(), d = (e.d + " " + e.g).toLowerCase(), x = e.x.toLowerCase(), s = 0;
+    for (var i = 0; i < terms.length; i++) {
+      var q = terms[i];
+      if (t.indexOf(q) === 0) s += 12; else if (t.indexOf(q) > -1) s += 8;
+      else if (d.indexOf(q) > -1) s += 4; else if (x.indexOf(q) > -1) s += 1;
+      else return 0;
+    }
+    return s + (e.u.indexOf("#") === -1 ? 1 : 0);
+  }
+  function run() {
+    var terms = input.value.toLowerCase().trim().split(/\s+/).filter(Boolean);
+    if (!terms.length) {
+      results = data.filter(function (e) { return e.u.indexOf("#") === -1; }).slice(0, 8);
+    } else {
+      results = data.map(function (e) { return { e: e, s: score(e, terms) }; })
+        .filter(function (r) { return r.s > 0; })
+        .sort(function (a, b) { return b.s - a.s; })
+        .slice(0, 10).map(function (r) { return r.e; });
+    }
+    cursor = 0;
+    if (!results.length) { list.innerHTML = '<li class="dsearch__empty">No results for &ldquo;' + esc(input.value) + "&rdquo;</li>"; return; }
+    list.innerHTML = results.map(function (e, i) {
+      var sub = e.d || e.g;
+      return '<li role="option"' + (i === 0 ? ' class="is-active" aria-selected="true"' : "") + '><a href="' + e.u + '">' +
+        '<span class="dsearch__kind">' + (e.u.indexOf("#") > -1 ? "#" : "&#9636;") + "</span>" +
+        "<span><strong>" + mark(e.t, terms) + "</strong>" + (sub ? "<small>" + mark(sub, terms) + "</small>" : "") + "</span></a></li>";
+    }).join("");
+  }
+  function move(d) {
+    var items = list.querySelectorAll("li[role=option]");
+    if (!items.length) return;
+    items[cursor].classList.remove("is-active");
+    cursor = (cursor + d + items.length) % items.length;
+    items[cursor].classList.add("is-active");
+    items[cursor].scrollIntoView({ block: "nearest" });
+  }
+  function open() { dialog.hidden = false; document.body.classList.add("is-searching"); input.value = ""; run(); setTimeout(function () { input.focus(); }, 0); }
+  function close() { dialog.hidden = true; document.body.classList.remove("is-searching"); trigger.focus(); }
+
+  trigger.addEventListener("click", open);
+  dialog.addEventListener("click", function (e) { if (e.target === dialog) close(); });
+  input.addEventListener("input", run);
+  input.addEventListener("keydown", function (e) {
+    if (e.key === "ArrowDown") { e.preventDefault(); move(1); }
+    else if (e.key === "ArrowUp") { e.preventDefault(); move(-1); }
+    else if (e.key === "Enter") {
+      var a = list.querySelector("li.is-active a");
+      if (a) { e.preventDefault(); window.location.href = a.getAttribute("href"); }
+    }
+  });
+  document.addEventListener("keydown", function (e) {
+    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") { e.preventDefault(); if (dialog.hidden) open(); else close(); }
+    else if (e.key === "/" && dialog.hidden && !/input|textarea/i.test(document.activeElement.tagName)) { e.preventDefault(); open(); }
+    else if (e.key === "Escape" && !dialog.hidden) close();
+  });
 })();
diff --git a/opensource/dynavec/docs/ecosystem.html b/opensource/dynavec/docs/ecosystem.html
index 7d07ac9..82655ea 100644
--- a/opensource/dynavec/docs/ecosystem.html
+++ b/opensource/dynavec/docs/ecosystem.html
@@ -6,33 +6,44 @@
   <title>Ecosystem overview · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -203,8 +214,10 @@ <h2>Roadmap</h2>
 
       <div class="doc__next"><a href="credentials.html"><span>Previous</span>Credentials & IAM</a><a href="integrations.html" style="text-align:right"><span>Next</span>Framework integrations</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/embeddings.html b/opensource/dynavec/docs/embeddings.html
index e2327e5..a722e88 100644
--- a/opensource/dynavec/docs/embeddings.html
+++ b/opensource/dynavec/docs/embeddings.html
@@ -6,33 +6,44 @@
   <title>Embeddings · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -106,8 +117,10 @@ <h2>Bring your own vectors</h2>
 
       <div class="doc__next"><a href="faq.html"><span>Previous</span>FAQ</a><a href="upsert.html" style="text-align:right"><span>Next</span>Upsert</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/faq.html b/opensource/dynavec/docs/faq.html
index 515ab37..2af2d52 100644
--- a/opensource/dynavec/docs/faq.html
+++ b/opensource/dynavec/docs/faq.html
@@ -6,33 +6,44 @@
   <title>Frequently Asked Questions · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -145,8 +156,10 @@ <h3>How does multi-tenancy work?</h3>
 
       <div class="doc__next"><a href="configuration.html"><span>Previous</span>Configuration</a><a href="embeddings.html" style="text-align:right"><span>Next</span>Embeddings</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/hot-tier.html b/opensource/dynavec/docs/hot-tier.html
index 2caf723..05204c9 100644
--- a/opensource/dynavec/docs/hot-tier.html
+++ b/opensource/dynavec/docs/hot-tier.html
@@ -6,33 +6,44 @@
   <title>In-memory hot tier · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -122,8 +133,10 @@ <h2>How it works</h2>
 
       <div class="doc__next"><a href="knowledge-graph.html"><span>Previous</span>Knowledge graph</a><a href="quantization.html" style="text-align:right"><span>Next</span>Product quantization</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/index.html b/opensource/dynavec/docs/index.html
index 2e044b2..b24bba1 100644
--- a/opensource/dynavec/docs/index.html
+++ b/opensource/dynavec/docs/index.html
@@ -3,36 +3,47 @@
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>dynavec documentation · dynavec docs</title>
+  <title>The agent stack in your AWS account · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -75,16 +86,27 @@
 </nav>
     <main class="doc">
       <div class="doc__crumbs"><a href="../index.html">dynavec</a> / Docs</div>
-      <h1>dynavec documentation</h1>
-      <p class="doc__sub">A serverless hybrid vector database that runs inside your own AWS account.</p>
+      <h1>The agent stack in your AWS account</h1>
+      <p class="doc__sub">Open-source, serverless memory, orchestration, observability and evaluation &mdash; one Python library.</p>
       
-<p>dynavec fuses <a href="https://aws.amazon.com/dynamodb/">Amazon DynamoDB</a> (single-digit-millisecond
-metadata &amp; document store) with <a href="https://aws.amazon.com/s3/features/vectors/">Amazon S3 Vectors</a>
-(billion-scale serverless ANN) into one Python client — a drop-in alternative to Pinecone, Qdrant, Milvus,
-Weaviate, and OpenSearch that bills only when you use it.</p>
-<div class="callout">New here? Start with <a href="installation.html">Installation</a> then the
-<a href="quickstart.html">Quickstart</a>. Every feature has its own page in the sidebar.</div>
-<h2>Explore by feature</h2>
+<p>dynavec starts as a hybrid vector database that fuses <a href="https://aws.amazon.com/dynamodb/">Amazon DynamoDB</a>
+(single-digit-millisecond document store) with <a href="https://aws.amazon.com/s3/features/vectors/">Amazon S3 Vectors</a>
+(billion-scale serverless ANN), and grows into agents, traces and evals. Everything runs in <strong>your</strong> AWS
+account and bills only when you use it &mdash; no external control plane.</p>
+<h2 class="plain">Agent lifecycle</h2>
+<div class="lcards">
+<a class="lcard" href="quickstart.html"><span class="lcard__ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><ellipse cx="12" cy="6" rx="7" ry="3"/><path d="M5 6v12c0 1.7 3.1 3 7 3s7-1.3 7-3V6"/><path d="M5 12c0 1.7 3.1 3 7 3s7-1.3 7-3"/></svg></span><span class="dpill dpill--available">Available</span><h3>Remember &middot; dynavec</h3><p>Store and search memory: hybrid BM25 + ANN search, GraphRAG, hot tier and caching.</p><span class="lcard__cta">Get started &rsaquo;</span></a>
+<a class="lcard" href="ecosystem.html"><span class="lcard__ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="5" cy="6" r="2.5"/><circle cx="19" cy="6" r="2.5"/><circle cx="12" cy="18" r="2.5"/><path d="M7.2 7.4 10.6 16M16.8 7.4 13.4 16M7.5 6h9"/></svg></span><span class="dpill dpill--in-progress">In progress</span><h3>Build &middot; dynaflow</h3><p>Compose agents: chat models, ReAct and planner, tool registry with MCP, supervisor routing.</p><span class="lcard__cta">Get started &rsaquo;</span></a>
+<a class="lcard" href="dashboard.html"><span class="lcard__ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M4 6h10M7 10h12M5 14h8M9 18h11"/></svg></span><span class="dpill dpill--early">Early</span><h3>Observe &middot; dynalogs</h3><p>Structured per-run and per-node logs with secret redaction, plus a telemetry dashboard.</p><span class="lcard__cta">Get started &rsaquo;</span></a>
+<a class="lcard" href="metrics-and-rerank.html"><span class="lcard__ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M5 20v-6M11 20V9M17 20v-9M3 20h18"/></svg></span><span class="dpill dpill--partial">Partial</span><h3>Measure &middot; dynaevals</h3><p>Score retrieval and answers with recall@k, MRR, nDCG and LLM-judged quality.</p><span class="lcard__cta">Get started &rsaquo;</span></a>
+</div>
+<h2 class="plain">Start here</h2>
+<div class="lcards lcards--3">
+<a class="lcard" href="installation.html"><span class="lcard__ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 4v11M7 10l5 5 5-5M5 20h14"/></svg></span><h3>Installation</h3><p>pip or uv, plus optional embedder and framework extras.</p><span class="lcard__cta">Install &rsaquo;</span></a>
+<a class="lcard" href="quickstart.html"><span class="lcard__ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 15c-1 1-1.5 3.5-1.5 5.5 2 0 4.5-.5 5.5-1.5M9 12a12 12 0 0 1 11-8 12 12 0 0 1-8 11l-3-3Z"/><circle cx="15" cy="9" r="1.5"/></svg></span><h3>Quickstart</h3><p>Your first upsert and semantic search in a few lines.</p><span class="lcard__cta">Start &rsaquo;</span></a>
+<a class="lcard" href="configuration.html"><span class="lcard__ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M4 7h10M18 7h2M4 17h4M12 17h8"/><circle cx="16" cy="7" r="2"/><circle cx="10" cy="17" r="2"/></svg></span><h3>Configuration</h3><p>Every DynavecConfig option, with sensible defaults.</p><span class="lcard__cta">Configure &rsaquo;</span></a>
+</div>
+<h2 class="plain">Guides</h2>
 <div class="docgrid">
   <a href="embeddings.html"><h3>Embeddings</h3><p>Pluggable, bring-your-own-key: OpenAI, Gemini, Cohere, Bedrock, local.</p></a>
   <a href="search.html"><h3>Search</h3><p>Semantic search with metadata pre-filtering and document hydration.</p></a>
@@ -103,8 +125,10 @@ <h2>Explore by feature</h2>
 
       <div class="doc__next"><span></span><a href="installation.html" style="text-align:right"><span>Next</span>Installation</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/ingestion.html b/opensource/dynavec/docs/ingestion.html
index 2fd9a15..e3e2050 100644
--- a/opensource/dynavec/docs/ingestion.html
+++ b/opensource/dynavec/docs/ingestion.html
@@ -6,33 +6,44 @@
   <title>Ingestion & MCP · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -122,8 +133,10 @@ <h2>From any MCP server</h2>
 
       <div class="doc__next"><a href="update-and-lambda.html"><span>Previous</span>Update & Lambda</a><a href="search.html" style="text-align:right"><span>Next</span>Search</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/installation.html b/opensource/dynavec/docs/installation.html
index 8da8239..dceb243 100644
--- a/opensource/dynavec/docs/installation.html
+++ b/opensource/dynavec/docs/installation.html
@@ -6,33 +6,44 @@
   <title>Installation · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -104,8 +115,10 @@ <h2>Optional extras</h2>
 
       <div class="doc__next"><a href="index.html"><span>Previous</span>Overview</a><a href="quickstart.html" style="text-align:right"><span>Next</span>Quickstart</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/integrations.html b/opensource/dynavec/docs/integrations.html
index aa1b27f..aabeea5 100644
--- a/opensource/dynavec/docs/integrations.html
+++ b/opensource/dynavec/docs/integrations.html
@@ -6,33 +6,44 @@
   <title>Framework integrations · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -126,8 +137,10 @@ <h2>FastMCP server (Claude Desktop, Cursor, AI agents)</h2>
 mcp.run(transport="stdio")</code></pre>
       <div class="doc__next"><a href="ecosystem.html"><span>Previous</span>Ecosystem overview</a><a href="dashboard.html" style="text-align:right"><span>Next</span>Telemetry dashboard</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/knowledge-graph.html b/opensource/dynavec/docs/knowledge-graph.html
index bd0c976..543db26 100644
--- a/opensource/dynavec/docs/knowledge-graph.html
+++ b/opensource/dynavec/docs/knowledge-graph.html
@@ -6,33 +6,44 @@
   <title>Knowledge graph · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -112,8 +123,10 @@ <h2>Removing nodes and edges</h2>
 
       <div class="doc__next"><a href="caching.html"><span>Previous</span>Caching</a><a href="hot-tier.html" style="text-align:right"><span>Next</span>In-memory hot tier</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/metrics-and-rerank.html b/opensource/dynavec/docs/metrics-and-rerank.html
index 8453d55..bf55294 100644
--- a/opensource/dynavec/docs/metrics-and-rerank.html
+++ b/opensource/dynavec/docs/metrics-and-rerank.html
@@ -6,33 +6,44 @@
   <title>Metrics & rerank · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -94,8 +105,10 @@ <h2>MMR diversity rerank</h2>
 fused = reciprocal_rank_fusion([dense_hits, keyword_hits])</code></pre>
       <div class="doc__next"><a href="search.html"><span>Previous</span>Search</a><a href="namespaces.html" style="text-align:right"><span>Next</span>Namespaces</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/namespaces.html b/opensource/dynavec/docs/namespaces.html
index d77cf1c..35e9390 100644
--- a/opensource/dynavec/docs/namespaces.html
+++ b/opensource/dynavec/docs/namespaces.html
@@ -6,33 +6,44 @@
   <title>Namespaces · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -115,8 +126,10 @@ <h2>Runnable example</h2>
 
       <div class="doc__next"><a href="metrics-and-rerank.html"><span>Previous</span>Metrics & rerank</a><a href="streaming.html" style="text-align:right"><span>Next</span>Streaming</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/quantization.html b/opensource/dynavec/docs/quantization.html
index 850cbbc..8160bc2 100644
--- a/opensource/dynavec/docs/quantization.html
+++ b/opensource/dynavec/docs/quantization.html
@@ -6,33 +6,44 @@
   <title>Product quantization · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -99,8 +110,10 @@ <h1>Product quantization</h1>
 
       <div class="doc__next"><a href="hot-tier.html"><span>Previous</span>In-memory hot tier</a><a href="concurrency.html" style="text-align:right"><span>Next</span>Concurrency</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/quickstart.html b/opensource/dynavec/docs/quickstart.html
index cd12af8..1f5a52f 100644
--- a/opensource/dynavec/docs/quickstart.html
+++ b/opensource/dynavec/docs/quickstart.html
@@ -6,33 +6,44 @@
   <title>Quickstart · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -105,8 +116,10 @@ <h1>Quickstart</h1>
 
       <div class="doc__next"><a href="installation.html"><span>Previous</span>Installation</a><a href="configuration.html" style="text-align:right"><span>Next</span>Configuration</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/release-notes.html b/opensource/dynavec/docs/release-notes.html
index ac8aaa9..bc8e08e 100644
--- a/opensource/dynavec/docs/release-notes.html
+++ b/opensource/dynavec/docs/release-notes.html
@@ -6,33 +6,44 @@
   <title>Release notes · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -215,8 +226,10 @@ <h2 id="v0-2-0">0.2.0 <span class="doc__sub" style="font-weight:400">&mdash; 202
 
       <div class="doc__next"><a href="benchmarking.html"><span>Previous</span>Benchmarking</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/search-index.js b/opensource/dynavec/docs/search-index.js
new file mode 100644
index 0000000..9a5a435
--- /dev/null
+++ b/opensource/dynavec/docs/search-index.js
@@ -0,0 +1,2 @@
+/* generated by tools/build_docs.py */
+window.DV_SEARCH = [{"u": "index.html", "t": "Overview", "g": "Getting started", "d": "Open-source, serverless memory, orchestration, observability and evaluation — one Python library.", "x": "dynavec starts as a hybrid vector database that fuses Amazon DynamoDB (single-digit-millisecond document store) with Amazon S3 Vectors (billion-scale serverless ANN), and grows into agents, traces and evals. Everything runs in your AWS account and bills only when you use it — no external control plane. Agent lifecycle Available Remember · dynavec Store and search memory: hybrid BM25 + ANN search, GraphRAG, hot tier and caching. Get started › In progress Build · dynaflow Compose agents: chat models, ReAct and planner, tool registry with MCP, supervisor routing. Get started › Early Observe · dyn"}, {"u": "index.html#agent-lifecycle", "t": "Agent lifecycle", "g": "Overview", "d": "", "x": ""}, {"u": "index.html#start-here", "t": "Start here", "g": "Overview", "d": "", "x": ""}, {"u": "index.html#guides", "t": "Guides", "g": "Overview", "d": "", "x": ""}, {"u": "installation.html", "t": "Installation", "g": "Getting started", "d": "Base install is boto3 + numpy. Everything else is an optional extra.", "x": "Install with pip or uv — both pull from PyPI. # base (boto3 + numpy only) pip install dynavec uv add dynavec # with an embedder pip install \"dynavec[openai]\" pip install \"dynavec[sentence-transformers]\" # everything (all embedders + framework adapters) pip install \"dynavec[all]\" Optional extras Extra Adds openai , gemini , cohere hosted embedders (bring your own key) sentence-transformers local / offline embedder, also used for cross-encoder rerank langchain , llamaindex , crewai framework vector stores / tools redis RedisCache (AWS ElastiCache) mcp MCP client ingestion benchmark pandas / matp"}, {"u": "installation.html#optional-extras", "t": "Optional extras", "g": "Installation", "d": "", "x": ""}, {"u": "quickstart.html", "t": "Quickstart", "g": "Getting started", "d": "Provision, upsert, and search in a dozen lines.", "x": "With auto_provision=True , dynavec creates the S3 vector bucket, the vector index, and the DynamoDB table on first use. from dynavec import Dynavec, DynavecConfig, Document from dynavec.embeddings import OpenAIEmbedder cfg = DynavecConfig( vector_bucket=\"my-vectors\", index=\"docs\", table=\"dynavec_docs\", dimension=1536, region=\"us-east-1\", auto_provision=True, ) db = Dynavec(cfg, embedder=OpenAIEmbedder(model=\"text-embedding-3-small\")) db.upsert([ Document(id=\"a\", text=\"Mitochondria power the cell.\", metadata={\"topic\": \"bio\"}), Document(id=\"b\", text=\"Rockets reach orbit near 28,000 km/h.\", metad"}, {"u": "configuration.html", "t": "Configuration", "g": "Getting started", "d": "Everything the client needs, in one frozen dataclass.", "x": "DynavecConfig is an immutable description of your resources and tuning. It never holds secrets — credentials are passed separately (see Credentials & IAM ). from dynavec import DynavecConfig cfg = DynavecConfig( vector_bucket=\"my-vectors\", # S3 vector bucket name index=\"docs\", # vector index name table=\"dynavec_docs\", # DynamoDB table name dimension=1536, # must match your embedder distance_metric=\"cosine\", # \"cosine\" or \"euclidean\" (S3 Vectors native) region=\"us-east-1\", filterable_keys=[\"topic\"], # metadata keys pushed to S3 Vectors for filtering store_text_in_s3vectors=True, # mirror trunca"}, {"u": "configuration.html#key-parameters", "t": "Key parameters", "g": "Configuration", "d": "", "x": ""}, {"u": "faq.html", "t": "FAQ", "g": "Getting started", "d": "Common questions about regions, limits, consistency, costs, and architecture.", "x": "Regions & Availability Which AWS regions are supported? dynavec runs in any AWS region where both Amazon S3 Vectors and Amazon DynamoDB are supported (for example, us-east-1 , us-west-2 , ap-south-1 , eu-west-1 , and others). Specify your target region in DynavecConfig(region=\"...\") . Can I query across multiple AWS regions? Each DynavecConfig connects to a single AWS region. Keeping your S3 vector bucket and DynamoDB table in the same region as your application workloads (e.g. Lambda, ECS, EC2) ensures single-digit millisecond latency and eliminates cross-region data transfer fees. If you nee"}, {"u": "faq.html#regions-availability", "t": "Regions & Availability", "g": "FAQ", "d": "", "x": ""}, {"u": "faq.html#limits-constraints", "t": "Limits & Constraints", "g": "FAQ", "d": "", "x": ""}, {"u": "faq.html#consistency-latency", "t": "Consistency & Latency", "g": "FAQ", "d": "", "x": ""}, {"u": "faq.html#costs-billing", "t": "Costs & Billing", "g": "FAQ", "d": "", "x": ""}, {"u": "faq.html#security-privacy-architecture", "t": "Security, Privacy & Architecture", "g": "FAQ", "d": "", "x": ""}, {"u": "embeddings.html", "t": "Embeddings", "g": "Writing data", "d": "Pluggable, bring-your-own-key — or bring your own vectors.", "x": "Choose an embedder and supply your own API key, or skip the embedder entirely and pass pre-computed vectors. Embedder backends are imported lazily, so the base install stays light. from dynavec.embeddings import ( OpenAIEmbedder, GeminiEmbedder, MistralEmbedder, BedrockEmbedder, SentenceTransformerEmbedder, ) # hosted (BYO key via env var or argument) emb = OpenAIEmbedder(model=\"text-embedding-3-small\") # 1536-d emb = GeminiEmbedder(model=\"text-embedding-004\") # 768-d emb = MistralEmbedder(model=\"mistral-embed\") # 1024-d # in-account (no third party) or fully local / offline emb = BedrockEmbed"}, {"u": "embeddings.html#bring-your-own-vectors", "t": "Bring your own vectors", "g": "Embeddings", "d": "", "x": ""}, {"u": "upsert.html", "t": "Upsert", "g": "Writing data", "d": "Write documents to both stores in one call.", "x": "Each document carries an id , either text (which gets embedded) or a vector , and optional metadata . dynavec splits metadata: a small filterable subset goes to S3 Vectors, the full copy plus text goes to DynamoDB. from dynavec import Document db.upsert([ Document(id=\"1\", text=\"apple pie recipe\", metadata={\"cat\": \"food\", \"rating\": 5}), Document(id=\"2\", text=\"rocket launch schedule\", metadata={\"cat\": \"space\"}), ], namespace=\"kb\", auto_metadata=True) The metadata switch You provide metadata — stored verbatim. auto_metadata=True — dynavec also derives created_at , content_hash , word_count , char"}, {"u": "upsert.html#the-metadata-switch", "t": "The metadata switch", "g": "Upsert", "d": "", "x": ""}, {"u": "upsert.html#document-size-limit", "t": "Document size limit", "g": "Upsert", "d": "", "x": ""}, {"u": "update-and-lambda.html", "t": "Update & Lambda", "g": "Writing data", "d": "Change text, vector, or metadata — and transform data in-account.", "x": "update() is a read-modify-write: metadata merges by default, and the vector is only re-derived when the text changes or you pass a new vector. # merge new metadata, keep existing text + vector db.update(\"1\", namespace=\"kb\", metadata={\"rating\": 4}) # change text -> re-embbeds and overwrites the vector db.update(\"1\", namespace=\"kb\", text=\"new content\") Transform pipeline Transforms are plain callables run on each document before it is written — for enrichment, redaction, or deriving vectors elsewhere. from dynavec.transforms import TransformPipeline def redact(ctx): ctx.metadata[\"pii\"] = False r"}, {"u": "update-and-lambda.html#transform-pipeline", "t": "Transform pipeline", "g": "Update & Lambda", "d": "", "x": ""}, {"u": "update-and-lambda.html#run-the-transform-in-your-own-aws-lambda", "t": "Run the transform in your own AWS Lambda", "g": "Update & Lambda", "d": "", "x": ""}, {"u": "ingestion.html", "t": "Ingestion & MCP", "g": "Writing data", "d": "Suck in content from anywhere — including any MCP server.", "x": "A source is any iterable of records. ingest() chunks, embeds, and upserts them. from dynavec.ingest import ingest, IterableSource src = IterableSource([ {\"id\": \"doc1\", \"text\": long_text, \"metadata\": {\"src\": \"wiki\"}}, ]) ingest(db, src, namespace=\"kb\", chunk_size=1000, overlap=150) From a Markdown or text directory MarkdownSource reads UTF-8 .md and .txt files recursively. Install dynavec[ingest] for YAML front matter support. from dynavec.ingest import MarkdownSource, ingest source = MarkdownSource(\"./notes\") # Or select files with a root-relative glob: source = MarkdownSource(\"./notes\", glob="}, {"u": "ingestion.html#from-a-markdown-or-text-directory", "t": "From a Markdown or text directory", "g": "Ingestion & MCP", "d": "", "x": ""}, {"u": "ingestion.html#from-any-mcp-server", "t": "From any MCP server", "g": "Ingestion & MCP", "d": "", "x": ""}, {"u": "search.html", "t": "Search", "g": "Searching", "d": "ANN in S3 Vectors, document hydration from DynamoDB.", "x": "Provide a query string (embedded for you) or a raw vector . S3 Vectors returns the nearest keys; dynavec hydrates the full documents from DynamoDB via BatchGetItem . hits = db.search( \"how do cells make energy?\", top_k=5, namespace=\"kb\", filter={\"topic\": \"biology\"}, # metadata pre-filter (S3 Vectors) ) for h in hits: print(h.score, h.id, h.text, h.metadata) Metadata filtering Filters use the S3 Vectors dialect — bare {\"k\": v} is equality; operators like $gte , $in , $and , $or are supported. Only keys in filterable_keys can be filtered. db.search(\"q\", filter={\"$and\": [{\"topic\": \"bio\"}, {\"year\""}, {"u": "search.html#metadata-filtering", "t": "Metadata filtering", "g": "Search", "d": "", "x": ""}, {"u": "metrics-and-rerank.html", "t": "Metrics & rerank", "g": "Searching", "d": "Cosine, dot, euclidean, manhattan, weighted combinations, and MMR.", "x": "The S3 Vectors index metric is cosine or euclidean. On top of the returned candidates, dynavec can rescore with any metric — or a weighted combination — client-side. # single metric db.search(\"q\", top_k=5, rescore=\"manhattan\") # weighted combination (normalized per candidate set) db.search(\"q\", top_k=5, rescore={\"cosine\": 0.7, \"dot\": 0.3}) MMR diversity rerank Maximal Marginal Relevance balances relevance against diversity so results are not near-duplicates. db.search(\"q\", top_k=5, rerank=\"mmr\", mmr_lambda=0.5) # 1=relevance, 0=diversity Both over-fetch top_k * over_fetch candidates first. You"}, {"u": "metrics-and-rerank.html#mmr-diversity-rerank", "t": "MMR diversity rerank", "g": "Metrics & rerank", "d": "", "x": ""}, {"u": "namespaces.html", "t": "Namespaces", "g": "Searching", "d": "Multi-tenant / multi-collection isolation on a single index.", "x": "A namespace gives each tenant an isolated view of the same dynavec index. Every vector is tagged with its namespace, and searches are automatically scoped to that namespace. This lets multiple customers share the same infrastructure while keeping their retrieval results separated. Namespace-per-tenant Use db.namespace(\"tenant-id\") to create a lightweight handle bound to one tenant. The same document ID can exist in multiple namespaces because the namespace is part of the storage key. acme = db.namespace(\"acme\") globex = db.namespace(\"globex\") acme.upsert([Document(id=\"refund-policy\", text=\"Acm"}, {"u": "namespaces.html#namespace-per-tenant", "t": "Namespace-per-tenant", "g": "Namespaces", "d": "", "x": ""}, {"u": "namespaces.html#end-to-end-multi-tenant-rag", "t": "End-to-end multi-tenant RAG", "g": "Namespaces", "d": "", "x": ""}, {"u": "namespaces.html#runnable-example", "t": "Runnable example", "g": "Namespaces", "d": "", "x": ""}, {"u": "streaming.html", "t": "Streaming", "g": "Searching", "d": "Deliver results to agents page-by-page as they arrive.", "x": "search_stream() is a generator: it yields one hit at a time as S3 Vectors paginates, so an agent can start consuming the first results before the full set returns. Amazon S3 Vectors returns at most 100 vectors per response page; dynavec follows nextToken up to the service limit of 10,000 results. for hit in db.search_stream(\"large query\", top_k=250, namespace=\"kb\", page_size=50): handle(hit) # one hit at a time; page_size is the DynamoDB hydration batch page_size (or DynavecConfig(top_k_page_size=50) ) only changes how many hits are hydrated from DynamoDB per batch. It does not change the S3 V"}, {"u": "caching.html", "t": "Caching", "g": "Searching", "d": "Skip the vector DB for repeated or similar queries.", "x": "Attach a cache and repeated queries are served without hitting S3 Vectors. Three backends: from dynavec import Dynavec, SemanticCache, DynamoDBCache, RedisCache # 1) in-process semantic cache — also serves near-duplicate queries db = Dynavec(cfg, embedder=emb, cache=SemanticCache(threshold=0.97)) # 2) durable, shared cache with TTL jitter to spread simultaneous expiry db = Dynavec( cfg, embedder=emb, cache=DynamoDBCache(cfg, ttl_seconds=3600, ttl_jitter_seconds=300), ) # 3) sub-millisecond shared cache on Redis / AWS ElastiCache db = Dynavec(cfg, embedder=emb, cache=RedisCache(\"redis://my-elas"}, {"u": "knowledge-graph.html", "t": "Knowledge graph", "g": "Advanced", "d": "Attach meaning to embeddings and traverse it to guide search.", "x": "Alongside the vector index, dynavec keeps a lightweight entity-relationship graph in DynamoDB. Entities link to documents; you can traverse the graph first (cheap key lookups) to gather a candidate set, then rank only those against the query embedding. That is the DynamoDB → S3 Vectors reference join. # build the graph db.graph_add_edge(\"acme\", \"competes_with\", \"globex\", namespace=\"kb\") db.graph_link(\"acme\", [\"doc-1\", \"doc-2\"], namespace=\"kb\") # GraphRAG: traverse from seeds, then rank related docs by the query hits = db.graph_search( \"recent product launches\", seed_entities=[\"acme\"], hops=2, "}, {"u": "knowledge-graph.html#removing-nodes-and-edges", "t": "Removing nodes and edges", "g": "Knowledge graph", "d": "", "x": ""}, {"u": "hot-tier.html", "t": "In-memory hot tier", "g": "Advanced", "d": "Pinecone-class latency for the hot working set — without a paid cluster.", "x": "Amazon S3 Vectors is cheap and serverless, but it is an object-backed ANN: its per-query server time is hundreds of milliseconds. For the hot working set, dynavec can keep vectors in RAM (via the built-in SPFreshHotIndex ) so a warmed namespace is served entirely from memory — no S3 Vectors query and no DynamoDB hydration, since the hot index already holds text and metadata. That collapses p50 from hundreds of ms to sub-millisecond, and it costs nothing extra: the index lives in the compute you already run. Correctness first. A namespace is served from RAM only when it is authoritative — every"}, {"u": "hot-tier.html#enable-it", "t": "Enable it", "g": "In-memory hot tier", "d": "", "x": ""}, {"u": "hot-tier.html#how-it-works", "t": "How it works", "g": "In-memory hot tier", "d": "", "x": ""}, {"u": "quantization.html", "t": "Product quantization", "g": "Advanced", "d": "Compress cached vectors up to 32× with asymmetric distance.", "x": "S3 Vectors stores float32 and manages its own layout, so PQ does not change what it stores. PQ compresses the vectors dynavec caches — the in-memory hot tier and local candidate caches — turning a dim × 4 byte vector into m bytes. from dynavec import ProductQuantizer pq = ProductQuantizer(m=96, nbits=8).fit(training_vectors) # 768-d -> 96 bytes (32x) codes = pq.encode(vectors) # uint8 codes dists = pq.asymmetric_distances(query, codes) # ADC, fast at scale print(pq.reconstruction_error(vectors)) # Persist and reload codebooks across restarts pq.save(\"pq_model.npz\") loaded_pq = ProductQuantizer"}, {"u": "concurrency.html", "t": "Concurrency", "g": "Advanced", "d": "GIL-aware thread pool for I/O-bound AWS calls.", "x": "dynavec's workload is I/O-bound (network calls to AWS), and Python releases the GIL during those calls — so a thread pool gives real parallelism without an async rewrite. Batched writes fan out across threads, and search_many runs several queries concurrently. # many queries at once results = db.search_many([\"q1\", \"q2\", \"q3\"], top_k=5, namespace=\"kb\") # tune the pool cfg = DynavecConfig(..., max_workers=16, parallel_writes=True) # clean up the pool (or use the client as a context manager) with Dynavec(cfg, embedder=emb) as db: ... A native asyncio client ( aioboto3 ) is on the roadmap for very"}, {"u": "credentials.html", "t": "Credentials & IAM", "g": "Advanced", "d": "Connect to your account, with least-privilege permissions.", "x": "dynavec uses the standard boto3 credential chain, so exported env vars just work. You can also pass keys explicitly or assume a cross-account role. from dynavec import Dynavec, AWSCredentials # explicit keys / profile / cross-account role creds = AWSCredentials( access_key_id=\"AKIA...\", secret_access_key=\"...\", region=\"us-east-1\", # profile_name=\"prod\", # assume_role_arn=\"arn:aws:iam::OTHER_ACCOUNT:role/dynavec\", ) db = Dynavec(cfg, credentials=creds) Step-by-step: create the IAM user & keys AWS Console → IAM → Users → Create user . Name it dynavec (programmatic access only — no console sign-i"}, {"u": "credentials.html#step-by-step-create-the-iam-user-keys", "t": "Step-by-step: create the IAM user & keys", "g": "Credentials & IAM", "d": "", "x": ""}, {"u": "credentials.html#least-privilege-iam-policy", "t": "Least-privilege IAM policy", "g": "Credentials & IAM", "d": "", "x": ""}, {"u": "integrations.html", "t": "Framework integrations", "g": "Ecosystem", "d": "LangChain, LlamaIndex, and a tool for any agent framework.", "x": "LangChain from dynavec.integrations.langchain import DynavecVectorStore store = DynavecVectorStore(db, namespace=\"kb\") retriever = store.as_retriever(search_kwargs={\"k\": 4}) LlamaIndex from dynavec.integrations.llamaindex import DynavecLlamaStore from llama_index.core import VectorStoreIndex, StorageContext store = DynavecLlamaStore(db, namespace=\"kb\") ctx = StorageContext.from_defaults(vector_store=store) index = VectorStoreIndex.from_documents(docs, storage_context=ctx) LangGraph / CrewAI / Strands A framework-agnostic retriever tool — just a callable that takes a query and returns text. fro"}, {"u": "integrations.html#langchain", "t": "LangChain", "g": "Framework integrations", "d": "", "x": ""}, {"u": "integrations.html#llamaindex", "t": "LlamaIndex", "g": "Framework integrations", "d": "", "x": ""}, {"u": "integrations.html#langgraph-crewai-strands", "t": "LangGraph / CrewAI / Strands", "g": "Framework integrations", "d": "", "x": ""}, {"u": "integrations.html#fastmcp-server-claude-desktop-cursor-ai-agents", "t": "FastMCP server (Claude Desktop, Cursor, AI agents)", "g": "Framework integrations", "d": "", "x": ""}, {"u": "benchmarking.html", "t": "Benchmarking", "g": "Ecosystem", "d": "Recall, latency, and cost — with tables and charts.", "x": "The suite measures recall@k and latency against a labeled dataset and models cost versus Pinecone, OpenSearch, Qdrant, Weaviate, and Milvus across dimensions and scale. pip install \"dynavec[benchmark]\" # recall + latency (local control, or real AWS) python -m benchmarks.run_benchmark --backend local --n 50000 --dim 384 python -m benchmarks.run_benchmark --backend dynavec --bucket my-vectors \\ --index bench --table dynavec_bench --n 100000 --dim 1536 # cost comparison + charts (dimensions 384-3072, 100K -> 1B vectors) python -m benchmarks.report --qpm 1_000_000 Cost figures are cost-model estim"}, {"u": "release-notes.html", "t": "Release notes", "g": "About", "d": "What changed in each version of dynavec, newest first.", "x": "dynavec follows semantic versioning . Upgrade with: pip install --upgrade dynavec uv pip install --upgrade dynavec The full machine-readable history lives in CHANGELOG.md , and every version is a GitHub Release . For what's coming next, see the Ecosystem overview and its phased roadmap. 0.7.0 — 2026-10-01 Concurrency and scale: a native async client, a lexical/hybrid retrieval path, per-document TTL, a new framework connector, and a graph data-loss fix. Added Native async client — AsyncDynavec with async / await upsert / search / get / delete for concurrent agent and web workloads. BM25 lexica"}, {"u": "release-notes.html#v0-7-0", "t": "0.7.0 — 2026-10-01", "g": "Release notes", "d": "", "x": ""}, {"u": "release-notes.html#v0-6-0", "t": "0.6.0 — 2026-09-25", "g": "Release notes", "d": "", "x": ""}, {"u": "release-notes.html#v0-5-0", "t": "0.5.0 — 2026-09-16", "g": "Release notes", "d": "", "x": ""}, {"u": "release-notes.html#v0-4-0", "t": "0.4.0 — 2026-09-12", "g": "Release notes", "d": "", "x": ""}, {"u": "release-notes.html#v0-3-0", "t": "0.3.0 — 2026-09-10", "g": "Release notes", "d": "", "x": ""}, {"u": "release-notes.html#v0-2-0", "t": "0.2.0 — 2026-08", "g": "Release notes", "d": "", "x": ""}, {"u": "dashboard.html", "t": "Telemetry dashboard", "g": "Ecosystem", "d": "A native, in-your-brand observability dashboard — a Langfuse-style view of real query telemetry.", "x": "Attach a recorder to your client and every search is captured with latency, cache outcome, result count, and score stats. No simulated data. Live interactive preview: codeforstartups.github.io/dynavec/dashboard (landing-page theme). 1. Expose real telemetry Attach a recorder to your client and serve the API: from dynavec import Dynavec, DynavecConfig, SemanticCache from dynavec.telemetry import TelemetryRecorder from dynavec.dashboard import serve rec = TelemetryRecorder() db = Dynavec(cfg, embedder=emb, cache=SemanticCache(), telemetry=rec) # ... your app runs searches; the recorder fills aut"}, {"u": "dashboard.html#1-expose-real-telemetry", "t": "1. Expose real telemetry", "g": "Telemetry dashboard", "d": "", "x": ""}, {"u": "dashboard.html#2-run-the-dashboard", "t": "2. Run the dashboard", "g": "Telemetry dashboard", "d": "", "x": ""}, {"u": "dashboard.html#tracing-view", "t": "Tracing view", "g": "Telemetry dashboard", "d": "", "x": ""}, {"u": "ecosystem.html", "t": "Ecosystem overview", "g": "Ecosystem", "d": "Four projects that together cover remembering, running, observing and measuring an AI application.", "x": "dynavec started as a vector database, and it's growing into a full agent stack that runs inside your own cloud account. The plan has four parts. Each one answers a question about an AI application: what does it know, what does it do, what happened when it ran, and how good were the results? This page follows the ecosystem epics ( #273 – #276 ). It's a living plan: the order is a proposal rather than a fixed schedule, and it will change as work lands. The four projects Project Tagline What it covers Status dynavec Remember The vector database: S3 Vectors for search, DynamoDB for documents, plus"}, {"u": "ecosystem.html#the-four-projects", "t": "The four projects", "g": "Ecosystem overview", "d": "", "x": ""}, {"u": "ecosystem.html#how-they-fit-together", "t": "How they fit together", "g": "Ecosystem overview", "d": "", "x": ""}, {"u": "ecosystem.html#what-you-can-use-today", "t": "What you can use today", "g": "Ecosystem overview", "d": "", "x": ""}, {"u": "ecosystem.html#roadmap", "t": "Roadmap", "g": "Ecosystem overview", "d": "", "x": ""}];
diff --git a/opensource/dynavec/docs/search.html b/opensource/dynavec/docs/search.html
index 3d7c0ba..82a1e6e 100644
--- a/opensource/dynavec/docs/search.html
+++ b/opensource/dynavec/docs/search.html
@@ -6,33 +6,44 @@
   <title>Search · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -100,8 +111,10 @@ <h2>Metadata filtering</h2>
 
       <div class="doc__next"><a href="ingestion.html"><span>Previous</span>Ingestion & MCP</a><a href="metrics-and-rerank.html" style="text-align:right"><span>Next</span>Metrics & rerank</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/streaming.html b/opensource/dynavec/docs/streaming.html
index e3f5d69..1c72f20 100644
--- a/opensource/dynavec/docs/streaming.html
+++ b/opensource/dynavec/docs/streaming.html
@@ -6,33 +6,44 @@
   <title>Streaming · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -89,8 +100,10 @@ <h1>Streaming</h1>
 
       <div class="doc__next"><a href="namespaces.html"><span>Previous</span>Namespaces</a><a href="caching.html" style="text-align:right"><span>Next</span>Caching</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/update-and-lambda.html b/opensource/dynavec/docs/update-and-lambda.html
index 52c2427..ea12c6d 100644
--- a/opensource/dynavec/docs/update-and-lambda.html
+++ b/opensource/dynavec/docs/update-and-lambda.html
@@ -6,33 +6,44 @@
   <title>Update & Lambda transforms · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -107,8 +118,10 @@ <h2>Run the transform in your own AWS Lambda</h2>
 
       <div class="doc__next"><a href="upsert.html"><span>Previous</span>Upsert</a><a href="ingestion.html" style="text-align:right"><span>Next</span>Ingestion & MCP</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/opensource/dynavec/docs/upsert.html b/opensource/dynavec/docs/upsert.html
index 3970ff0..eb74780 100644
--- a/opensource/dynavec/docs/upsert.html
+++ b/opensource/dynavec/docs/upsert.html
@@ -6,33 +6,44 @@
   <title>Upsert · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     <button class="side__toggle">☰ Menu</button>
 <nav class="side" aria-label="Docs">
@@ -116,8 +127,10 @@ <h2>Document size limit</h2>
     )</code></pre>
       <div class="doc__next"><a href="embeddings.html"><span>Previous</span>Embeddings</a><a href="update-and-lambda.html" style="text-align:right"><span>Next</span>Update & Lambda</a></div>
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
diff --git a/tools/build_docs.py b/tools/build_docs.py
index 1006bdd..f6314b5 100644
--- a/tools/build_docs.py
+++ b/tools/build_docs.py
@@ -7,7 +7,10 @@
 
 from __future__ import annotations
 
+import html
+import json
 import os
+import re
 
 OUT = os.path.join(os.path.dirname(__file__), "..", "opensource", "dynavec", "docs")
 
@@ -105,16 +108,48 @@ def code(src: str) -> str:
 # ---- page bodies (slug -> (title, subtitle, html)) ----
 PAGES: dict[str, tuple[str, str, str]] = {}
 
-PAGES["index"] = ("dynavec documentation",
-    "A serverless hybrid vector database that runs inside your own AWS account.",
+ICONS = {
+    "db": '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><ellipse cx="12" cy="6" rx="7" ry="3"/><path d="M5 6v12c0 1.7 3.1 3 7 3s7-1.3 7-3V6"/><path d="M5 12c0 1.7 3.1 3 7 3s7-1.3 7-3"/></svg>',
+    "flow": '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="5" cy="6" r="2.5"/><circle cx="19" cy="6" r="2.5"/><circle cx="12" cy="18" r="2.5"/><path d="M7.2 7.4 10.6 16M16.8 7.4 13.4 16M7.5 6h9"/></svg>',
+    "logs": '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M4 6h10M7 10h12M5 14h8M9 18h11"/></svg>',
+    "evals": '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M5 20v-6M11 20V9M17 20v-9M3 20h18"/></svg>',
+    "download": '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 4v11M7 10l5 5 5-5M5 20h14"/></svg>',
+    "rocket": '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 15c-1 1-1.5 3.5-1.5 5.5 2 0 4.5-.5 5.5-1.5M9 12a12 12 0 0 1 11-8 12 12 0 0 1-8 11l-3-3Z"/><circle cx="15" cy="9" r="1.5"/></svg>',
+    "sliders": '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M4 7h10M18 7h2M4 17h4M12 17h8"/><circle cx="16" cy="7" r="2"/><circle cx="10" cy="17" r="2"/></svg>',
+}
+
+
+def lcard(href: str, icon: str, title: str, text: str, status: str = "", cta: str = "Get started") -> str:
+    pill = f'<span class="dpill dpill--{status.lower().replace(" ", "-")}">{status}</span>' if status else ""
+    return (f'<a class="lcard" href="{href}"><span class="lcard__ico">{ICONS[icon]}</span>{pill}'
+            f'<h3>{title}</h3><p>{text}</p><span class="lcard__cta">{cta} &rsaquo;</span></a>')
+
+
+PAGES["index"] = ("The agent stack in your AWS account",
+    "Open-source, serverless memory, orchestration, observability and evaluation &mdash; one Python library.",
     """
-<p>dynavec fuses <a href="https://aws.amazon.com/dynamodb/">Amazon DynamoDB</a> (single-digit-millisecond
-metadata &amp; document store) with <a href="https://aws.amazon.com/s3/features/vectors/">Amazon S3 Vectors</a>
-(billion-scale serverless ANN) into one Python client — a drop-in alternative to Pinecone, Qdrant, Milvus,
-Weaviate, and OpenSearch that bills only when you use it.</p>
-<div class="callout">New here? Start with <a href="installation.html">Installation</a> then the
-<a href="quickstart.html">Quickstart</a>. Every feature has its own page in the sidebar.</div>
-<h2>Explore by feature</h2>
+<p>dynavec starts as a hybrid vector database that fuses <a href="https://aws.amazon.com/dynamodb/">Amazon DynamoDB</a>
+(single-digit-millisecond document store) with <a href="https://aws.amazon.com/s3/features/vectors/">Amazon S3 Vectors</a>
+(billion-scale serverless ANN), and grows into agents, traces and evals. Everything runs in <strong>your</strong> AWS
+account and bills only when you use it &mdash; no external control plane.</p>
+<h2 class="plain">Agent lifecycle</h2>
+<div class="lcards">
+""" + lcard("quickstart.html", "db", "Remember &middot; dynavec",
+            "Store and search memory: hybrid BM25 + ANN search, GraphRAG, hot tier and caching.", "Available") + """
+""" + lcard("ecosystem.html", "flow", "Build &middot; dynaflow",
+            "Compose agents: chat models, ReAct and planner, tool registry with MCP, supervisor routing.", "In progress") + """
+""" + lcard("dashboard.html", "logs", "Observe &middot; dynalogs",
+            "Structured per-run and per-node logs with secret redaction, plus a telemetry dashboard.", "Early") + """
+""" + lcard("metrics-and-rerank.html", "evals", "Measure &middot; dynaevals",
+            "Score retrieval and answers with recall@k, MRR, nDCG and LLM-judged quality.", "Partial") + """
+</div>
+<h2 class="plain">Start here</h2>
+<div class="lcards lcards--3">
+""" + lcard("installation.html", "download", "Installation", "pip or uv, plus optional embedder and framework extras.", cta="Install") + """
+""" + lcard("quickstart.html", "rocket", "Quickstart", "Your first upsert and semantic search in a few lines.", cta="Start") + """
+""" + lcard("configuration.html", "sliders", "Configuration", "Every DynavecConfig option, with sensible defaults.", cta="Configure") + """
+</div>
+<h2 class="plain">Guides</h2>
 <div class="docgrid">
   <a href="embeddings.html"><h3>Embeddings</h3><p>Pluggable, bring-your-own-key: OpenAI, Gemini, Cohere, Bedrock, local.</p></a>
   <a href="search.html"><h3>Search</h3><p>Semantic search with metadata pre-filtering and document hydration.</p></a>
@@ -1195,33 +1230,44 @@ def render(slug: str) -> str:
   <title>%(title)s · dynavec docs</title>
   <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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
+  <link rel="icon" href="../favicon.svg" type="image/svg+xml" />
   <link rel="stylesheet" href="../styles.css" />
   <link rel="stylesheet" href="docs.css" />
 </head>
-<body>
-  <header class="nav">
-    <div class="wrap nav__inner">
-      <a class="brand" href="../index.html">
-        <svg class="brand__mark" width="22" height="22" viewBox="0 0 22 22" aria-hidden="true">
-          <rect x="1" y="1" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="1" y1="11" x2="21" y2="11" stroke="currentColor" stroke-width="1.5"/>
-          <line x1="11" y1="1" x2="11" y2="21" stroke="currentColor" stroke-width="1.5"/>
-          <circle cx="6" cy="6" r="2" fill="currentColor"/><circle cx="16" cy="16" r="2" fill="currentColor"/>
-        </svg>
-        <span class="brand__name">dynavec</span>
-      </a>
-      <nav class="nav__links" aria-label="Primary">
-        <a href="../index.html#why">Why</a>
-        <a href="../index.html#benchmarks">Benchmarks</a>
-        <a href="index.html">Docs</a>
-      </nav>
-      <a class="btn btn--ghost star" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
-        <span aria-hidden="true">&#9733;</span> Star <span class="star__count" data-stars>&mdash;</span>
+<body class="docs">
+  <header class="dnav">
+    <div class="dnav__inner">
+      <a class="dnav__brand" href="index.html" aria-label="dynavec docs home">
+        <img src="../images/brand/dynavec-mark.svg" alt="" width="28" height="28" />
+        <span>dyna<b>vec</b></span><em>Docs</em>
       </a>
+      <a class="dnav__home" href="../index.html">Home</a>
+      <button class="dsearch" type="button" aria-label="Search the docs" aria-haspopup="dialog">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <span>Search docs&hellip;</span><kbd>&#8984;K</kbd>
+      </button>
+      <div class="dnav__actions">
+        <a class="dbtn dbtn--ghost" href="https://github.com/codeforstartups/dynavec" target="_blank" rel="noopener">
+          <svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>
+          GitHub
+        </a>
+        <a class="dbtn dbtn--primary" href="quickstart.html">Get started &rsaquo;</a>
+      </div>
     </div>
   </header>
 
+  <div class="dsearch__dialog" role="dialog" aria-modal="true" aria-label="Search docs" hidden>
+    <div class="dsearch__panel">
+      <div class="dsearch__field">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg>
+        <input type="search" placeholder="Search pages and sections" aria-label="Search query" autocomplete="off" />
+        <kbd>esc</kbd>
+      </div>
+      <ul class="dsearch__results" role="listbox"></ul>
+    </div>
+  </div>
+
   <div class="docshell">
     %(side)s
     <main class="doc">
@@ -1231,20 +1277,48 @@ def render(slug: str) -> str:
       %(body)s
       %(next)s
     </main>
+    <aside class="toc" aria-label="On this page"></aside>
   </div>
 
+  <script src="search-index.js"></script>
   <script src="docs.js"></script>
 </body>
 </html>
 """
 
 
+def _text(fragment: str) -> str:
+    return " ".join(html.unescape(re.sub(r"<[^>]+>", " ", fragment)).split())
+
+
+def heading_id(inner: str) -> str:
+    """Slug used for h2 anchors; docs.js applies the same rule to h2s without an id."""
+    return re.sub(r"[^a-z0-9]+", "-", _text(inner).lower()).strip("-")
+
+
+def search_index() -> str:
+    """Client-side search data: one entry per page plus one per h2 section."""
+    groups = {slug: group for group, items in NAV for slug, _ in items}
+    entries = []
+    for slug, (title, sub, body) in PAGES.items():
+        page_title = TITLES.get(slug, _text(title))
+        entries.append({"u": f"{slug}.html", "t": page_title, "g": groups.get(slug, ""),
+                        "d": _text(sub), "x": _text(body)[:600]})
+        for attrs, inner in re.findall(r"<h2([^>]*)>(.*?)</h2>", body, flags=re.S):
+            m = re.search(r'id="([^"]+)"', attrs)
+            anchor = m.group(1) if m else heading_id(inner)
+            entries.append({"u": f"{slug}.html#{anchor}", "t": _text(inner), "g": page_title, "d": "", "x": ""})
+    return "/* generated by tools/build_docs.py */\nwindow.DV_SEARCH = " + json.dumps(entries, ensure_ascii=False) + ";\n"
+
+
 def main() -> None:
     os.makedirs(OUT, exist_ok=True)
     for slug in PAGES:
         with open(os.path.join(OUT, slug + ".html"), "w", encoding="utf-8") as f:
             f.write(render(slug))
-    print(f"Wrote {len(PAGES)} docs pages to {os.path.normpath(OUT)}")
+    with open(os.path.join(OUT, "search-index.js"), "w", encoding="utf-8") as f:
+        f.write(search_index())
+    print(f"Wrote {len(PAGES)} docs pages + search index to {os.path.normpath(OUT)}")
 
 
 if __name__ == "__main__":