Add /vs/mem0 comparison page

src/App.tsx

@@ -9,6 +9,7 @@ const UseCasesPage = lazy(() => import('./pages/UseCasesPage').then(m => ({ defa
 const MultiAgentMemoryPage = lazy(() => import('./pages/MultiAgentMemoryPage').then(m => ({ default: m.MultiAgentMemoryPage })))
 const PersonalAssistantMemoryPage = lazy(() => import('./pages/PersonalAssistantMemoryPage').then(m => ({ default: m.PersonalAssistantMemoryPage })))
 const MultiAgentSharedContextPage = lazy(() => import('./pages/MultiAgentSharedContextPage').then(m => ({ default: m.MultiAgentSharedContextPage })))
+const StatewaveVsMem0Page = lazy(() => import('./pages/StatewaveVsMem0Page').then(m => ({ default: m.StatewaveVsMem0Page })))
 const ConnectorsPage = lazy(() => import('./pages/ConnectorsPage').then(m => ({ default: m.ConnectorsPage })))
 const DevelopersPage = lazy(() => import('./pages/DevelopersPage').then(m => ({ default: m.DevelopersPage })))
 const CookiesPage = lazy(() => import('./pages/CookiesPage').then(m => ({ default: m.CookiesPage })))
@@ -36,6 +37,7 @@ export default function App() {
           <Route path="/use-cases/multi-agent-memory" element={<MultiAgentMemoryPage />} />
           <Route path="/use-cases/personal-assistant-memory" element={<PersonalAssistantMemoryPage />} />
           <Route path="/use-cases/multi-agent-shared-context" element={<MultiAgentSharedContextPage />} />
+          <Route path="/vs/mem0" element={<StatewaveVsMem0Page />} />
           <Route path="/connectors" element={<ConnectorsPage />} />
           <Route path="/developers" element={<DevelopersPage />} />
           <Route path="/launch" element={<LaunchPage />} />

src/components/Footer.tsx

@@ -27,6 +27,7 @@ export function Footer() {
               <li><Link to="/product" className="text-sm text-theme-muted hover:text-theme-primary transition-colors">How it works</Link></li>
               <li><Link to="/why" className="text-sm text-theme-muted hover:text-theme-primary transition-colors">Why Statewave</Link></li>
               <li><Link to="/use-cases" className="text-sm text-theme-muted hover:text-theme-primary transition-colors">Use Cases</Link></li>
+              <li><Link to="/vs/mem0" className="text-sm text-theme-muted hover:text-theme-primary transition-colors">vs Mem0</Link></li>
               <li><Link to="/connectors" className="text-sm text-theme-muted hover:text-theme-primary transition-colors">Connectors</Link></li>
               <li>
                 <button

src/index.css

@@ -146,6 +146,16 @@
   --viz-green: var(--color-success);
   --viz-amber: #F2D16B;
 
+  /* Benchmark chart series (/benchmarks scoreboard, /vs/mem0). Categorical:
+   * each hue identifies one system, never its rank. Dark-mode steps are
+   * chosen against the --theme-surface-1 card (#0C1833), not flipped from
+   * the light set, and validated for the OKLCH lightness band, chroma
+   * floor, adjacent-pair CVD separation (worst pair ΔE 14.3 deutan, target
+   * >= 8), and 3:1 contrast. Re-run the validator if you change these. */
+  --series-statewave: #5E8CFF;
+  --series-mem0-cloud: #CC7A0D;
+  --series-mem0-oss: #12A594;
+
   --viz-code-text: #C7D6F2;
   --viz-code-muted: #7385A8;
   --viz-code-keyword: #8FA5FF;
@@ -183,6 +193,12 @@
   --viz-green: #059669;
   --viz-amber: #B45309;
 
+  /* Benchmark chart series, light-mode steps, validated against the
+   * --theme-surface-1 card (#F2F6FC). See the dark block for the contract. */
+  --series-statewave: #4A72E8;
+  --series-mem0-cloud: #B86A08;
+  --series-mem0-oss: #0D9488;
+
   --viz-code-text: #334155;
   --viz-code-muted: #64748B;
   --viz-code-keyword: #4F46E5;
@@ -633,6 +649,17 @@ h6 {
   opacity: .45;
 }
 
+/* For sections that bring their own color — the /benchmarks scoreboard and
+   /vs/mem0 comparison charts run saturated categorical series hues — so the
+   ambient wash stays behind the data instead of washing over it. */
+.section-glow--soft {
+  opacity: .4;
+}
+
+[data-theme="light"] .section-glow--soft {
+  opacity: .2;
+}
+
 .install-cmd-field {
   box-shadow: 0 12px 35px rgba(0, 0, 0, .14);
 }

src/lib/seo-meta.ts

@@ -45,6 +45,7 @@ export type RouteKey =
   | '/use-cases/multi-agent-memory'
   | '/use-cases/personal-assistant-memory'
   | '/use-cases/multi-agent-shared-context'
+  | '/vs/mem0'
   | '/connectors'
   | '/developers'
   | '/about'
@@ -62,6 +63,7 @@ export const PUBLIC_ROUTES: readonly RouteKey[] = [
   '/use-cases/multi-agent-memory',
   '/use-cases/personal-assistant-memory',
   '/use-cases/multi-agent-shared-context',
+  '/vs/mem0',
   '/connectors',
   '/developers',
   '/about',
@@ -153,6 +155,15 @@ export const PAGE_META: Record<RouteKey, PageMeta> = {
     priority: 0.7,
     changefreq: 'monthly',
   },
+  '/vs/mem0': {
+    title: 'Statewave vs. Mem0 — Deterministic Context vs. Ranked Retrieval',
+    description:
+      'How Statewave compares to Mem0: deterministic, token-bounded context assembly with policy enforcement and integrity-hashed receipts vs. ranked similarity retrieval — plus LoCoMo and LongMemEval benchmark results measured on Mem0’s own harness.',
+    breadcrumbLabel: 'vs Mem0',
+    ogType: 'article',
+    priority: 0.7,
+    changefreq: 'monthly',
+  },
   '/connectors': {
     title: 'Connectors — Feed GitHub, Docs, Slack, and More into Statewave Memory',
     description: