adaptive-memory-multi-model-router 2.14.49 → 2.14.52

package/assets/social-preview.svg

@@ -0,0 +1,194 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 640" width="1280" height="640">
+  <defs>
+    <!-- Background gradient -->
+    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#0d1117"/>
+      <stop offset="50%" style="stop-color:#111820"/>
+      <stop offset="100%" style="stop-color:#0d1117"/>
+    </linearGradient>
+    <!-- Green accent gradient -->
+    <linearGradient id="greenGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#238636"/>
+      <stop offset="100%" style="stop-color:#2ea043"/>
+    </linearGradient>
+    <!-- Blue accent gradient -->
+    <linearGradient id="blueGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#1f6feb"/>
+      <stop offset="100%" style="stop-color:#58a6ff"/>
+    </linearGradient>
+    <!-- Purple accent gradient -->
+    <linearGradient id="purpleGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#8b5cf6"/>
+      <stop offset="100%" style="stop-color:#a78bfa"/>
+    </linearGradient>
+    <!-- Title gradient -->
+    <linearGradient id="titleGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#58a6ff"/>
+      <stop offset="40%" style="stop-color:#a78bfa"/>
+      <stop offset="100%" style="stop-color:#2ea043"/>
+    </linearGradient>
+    <!-- Glow filter -->
+    <filter id="glow">
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <!-- Subtle shadow for cards -->
+    <filter id="cardShadow" x="-5%" y="-5%" width="110%" height="115%">
+      <feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#000000" flood-opacity="0.3"/>
+    </filter>
+    <!-- Emoji glow -->
+    <filter id="emojiGlow" x="-20%" y="-20%" width="140%" height="140%">
+      <feGaussianBlur stdDeviation="6" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1280" height="640" fill="url(#bgGrad)" rx="0"/>
+
+  <!-- Subtle grid pattern -->
+  <g opacity="0.03">
+    <line x1="0" y1="0" x2="1280" y2="640" stroke="#58a6ff" stroke-width="1"/>
+    <line x1="1280" y1="0" x2="0" y2="640" stroke="#58a6ff" stroke-width="1"/>
+    <line x1="640" y1="0" x2="640" y2="640" stroke="#58a6ff" stroke-width="0.5"/>
+    <line x1="0" y1="320" x2="1280" y2="320" stroke="#58a6ff" stroke-width="0.5"/>
+    <circle cx="640" cy="320" r="200" fill="none" stroke="#58a6ff" stroke-width="0.5"/>
+    <circle cx="640" cy="320" r="350" fill="none" stroke="#58a6ff" stroke-width="0.5"/>
+  </g>
+
+  <!-- Decorative accent lines -->
+  <rect x="0" y="0" width="6" height="640" fill="url(#titleGrad)" opacity="0.8"/>
+  <rect x="1274" y="0" width="6" height="640" fill="url(#titleGrad)" opacity="0.4"/>
+
+  <!-- Top decorative bar -->
+  <rect x="80" y="28" width="1120" height="2" fill="url(#titleGrad)" opacity="0.3" rx="1"/>
+
+  <!-- Emoji shuffle icon -->
+  <text x="120" y="130" font-size="72" filter="url(#emojiGlow)" opacity="0.9">🔀</text>
+
+  <!-- Main title -->
+  <text x="200" y="122" font-family="'SF Pro Display', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="72" font-weight="800" fill="url(#titleGrad)" filter="url(#glow)">
+    A3M Router
+  </text>
+
+  <!-- Subtitle -->
+  <text x="120" y="170" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="24" fill="#8b949e" font-weight="400">
+    Drop-in OpenAI proxy · 39 providers · 245% growth in 3 days
+  </text>
+
+  <!-- Stat cards row -->
+  <!-- Card 1: Downloads -->
+  <g filter="url(#cardShadow)">
+    <rect x="120" y="210" width="320" height="160" rx="16" fill="#161b22" stroke="#238636" stroke-width="2" opacity="0.95"/>
+    <rect x="120" y="210" width="320" height="4" rx="2" fill="url(#greenGrad)"/>
+    <text x="280" y="268" font-family="'SF Mono', 'Fira Code', 'Consolas', monospace" font-size="52" font-weight="800" fill="#2ea043" text-anchor="middle">
+      2,775
+    </text>
+    <text x="280" y="305" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="16" fill="#8b949e" text-anchor="middle" font-weight="500">
+      npm downloads
+    </text>
+    <text x="280" y="340" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="13" fill="#484f58" text-anchor="middle">
+      in first 3 days
+    </text>
+  </g>
+
+  <!-- Card 2: Growth -->
+  <g filter="url(#cardShadow)">
+    <rect x="480" y="210" width="320" height="160" rx="16" fill="#161b22" stroke="#1f6feb" stroke-width="2" opacity="0.95"/>
+    <rect x="480" y="210" width="320" height="4" rx="2" fill="url(#blueGrad)"/>
+    <text x="640" y="268" font-family="'SF Mono', 'Fira Code', 'Consolas', monospace" font-size="52" font-weight="800" fill="#58a6ff" text-anchor="middle">
+      245%
+    </text>
+    <text x="640" y="305" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="16" fill="#8b949e" text-anchor="middle" font-weight="500">
+      day-over-day growth
+    </text>
+    <text x="640" y="340" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="13" fill="#484f58" text-anchor="middle">
+      organic, no marketing
+    </text>
+  </g>
+
+  <!-- Card 3: Budget -->
+  <g filter="url(#cardShadow)">
+    <rect x="840" y="210" width="320" height="160" rx="16" fill="#161b22" stroke="#8b5cf6" stroke-width="2" opacity="0.95"/>
+    <rect x="840" y="210" width="320" height="4" rx="2" fill="url(#purpleGrad)"/>
+    <text x="1000" y="268" font-family="'SF Mono', 'Fira Code', 'Consolas', monospace" font-size="52" font-weight="800" fill="#a78bfa" text-anchor="middle">
+      $0
+    </text>
+    <text x="1000" y="305" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="16" fill="#8b949e" text-anchor="middle" font-weight="500">
+      marketing budget
+    </text>
+    <text x="1000" y="340" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="13" fill="#484f58" text-anchor="middle">
+      100% community driven
+    </text>
+  </g>
+
+  <!-- Provider logos row -->
+  <g transform="translate(0, 420)">
+    <text x="640" y="10" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="12" fill="#484f58" text-anchor="middle" letter-spacing="3" font-weight="600">
+      SUPPORTED PROVIDERS
+    </text>
+
+    <!-- Provider pills -->
+    <!-- OpenAI -->
+    <rect x="68" y="26" width="130" height="38" rx="19" fill="#1a1f27" stroke="#30363d" stroke-width="1"/>
+    <circle cx="95" cy="45" r="8" fill="#10a37f"/>
+    <text x="108" y="51" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="14" fill="#c9d1d9" font-weight="600">OpenAI</text>
+
+    <!-- Anthropic -->
+    <rect x="218" y="26" width="140" height="38" rx="19" fill="#1a1f27" stroke="#30363d" stroke-width="1"/>
+    <circle cx="248" cy="45" r="8" fill="#d4a574"/>
+    <text x="262" y="51" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="14" fill="#c9d1d9" font-weight="600">Anthropic</text>
+
+    <!-- Groq -->
+    <rect x="378" y="26" width="110" height="38" rx="19" fill="#1a1f27" stroke="#30363d" stroke-width="1"/>
+    <circle cx="405" cy="45" r="8" fill="#f55036"/>
+    <text x="418" y="51" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="14" fill="#c9d1d9" font-weight="600">Groq</text>
+
+    <!-- Cerebras -->
+    <rect x="508" y="26" width="130" height="38" rx="19" fill="#1a1f27" stroke="#30363d" stroke-width="1"/>
+    <circle cx="538" cy="45" r="8" fill="#7c3aed"/>
+    <text x="552" y="51" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="14" fill="#c9d1d9" font-weight="600">Cerebras</text>
+
+    <!-- Mistral -->
+    <rect x="658" y="26" width="120" height="38" rx="19" fill="#1a1f27" stroke="#30363d" stroke-width="1"/>
+    <circle cx="685" cy="45" r="8" fill="#ff7000"/>
+    <text x="698" y="51" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="14" fill="#c9d1d9" font-weight="600">Mistral</text>
+
+    <!-- DeepSeek -->
+    <rect x="798" y="26" width="140" height="38" rx="19" fill="#1a1f27" stroke="#30363d" stroke-width="1"/>
+    <circle cx="828" cy="45" r="8" fill="#4d6bfe"/>
+    <text x="842" y="51" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="14" fill="#c9d1d9" font-weight="600">DeepSeek</text>
+
+    <!-- Ollama -->
+    <rect x="958" y="26" width="120" height="38" rx="19" fill="#1a1f27" stroke="#30363d" stroke-width="1"/>
+    <circle cx="985" cy="45" r="8" fill="#6366f1"/>
+    <text x="998" y="51" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="14" fill="#c9d1d9" font-weight="600">Ollama</text>
+
+    <!-- +32 more -->
+    <rect x="1098" y="26" width="110" height="38" rx="19" fill="none" stroke="#30363d" stroke-width="1" stroke-dasharray="4 3"/>
+    <text x="1153" y="51" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="13" fill="#484f58" text-anchor="middle" font-weight="500">+32 more</text>
+  </g>
+
+  <!-- Bottom bar -->
+  <rect x="80" y="530" width="1120" height="1" fill="#21262d" rx="0.5"/>
+
+  <!-- Bottom tagline -->
+  <text x="640" y="570" font-family="'SF Mono', 'Fira Code', 'Consolas', monospace" font-size="15" fill="#484f58" text-anchor="middle">
+    $ npx adaptive-memory-router --provider auto
+  </text>
+
+  <!-- Bottom right badge -->
+  <rect x="1020" y="585" width="180" height="30" rx="15" fill="#161b22" stroke="#30363d" stroke-width="1"/>
+  <text x="1110" y="605" font-family="'SF Pro Text', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="12" fill="#8b949e" text-anchor="middle" font-weight="500">
+    github.com/Das-rebel
+  </text>
+
+  <!-- Bottom decorative bar -->
+  <rect x="80" y="610" width="1120" height="2" fill="url(#titleGrad)" opacity="0.3" rx="1"/>
+</svg>

package/assets/social-v2.svg

@@ -0,0 +1,130 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" width="1200" height="630">
+  <defs>
+    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0a0f1c"/>
+      <stop offset="50%" stop-color="#0f172a"/>
+      <stop offset="100%" stop-color="#1e1b4b"/>
+    </linearGradient>
+    <linearGradient id="heroGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#6366f1"/>
+      <stop offset="50%" stop-color="#8b5cf6"/>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+    <linearGradient id="a3mGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#10b981"/>
+      <stop offset="100%" stop-color="#059669"/>
+    </linearGradient>
+    <linearGradient id="glowGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#6366f1" stop-opacity="0.3"/>
+      <stop offset="100%" stop-color="#06b6d4" stop-opacity="0.1"/>
+    </linearGradient>
+    
+    <!-- Filters -->
+    <filter id="softGlow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="8" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    <filter id="textGlow" x="-20%" y="-20%" width="140%" height="140%">
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    
+    <!-- Grid pattern -->
+    <pattern id="gridPattern" width="60" height="60" patternUnits="userSpaceOnUse">
+      <path d="M 60 0 L 0 0 0 60" fill="none" stroke="#1f2937" stroke-width="0.5" opacity="0.3"/>
+    </pattern>
+  </defs>
+  
+  <!-- Background -->
+  <rect width="1200" height="630" fill="url(#bgGrad)"/>
+  <rect width="1200" height="630" fill="url(#gridPattern)"/>
+  
+  <!-- Ambient glow -->
+  <ellipse cx="600" cy="300" rx="400" ry="250" fill="url(#glowGrad)" filter="url(#softGlow)"/>
+  
+  <!-- Logo area -->
+  <g transform="translate(80, 60)">
+    <rect x="0" y="0" width="80" height="80" rx="16" fill="url(#heroGrad)"/>
+    <text x="40" y="55" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="28" font-weight="800">A3</text>
+  </g>
+  
+  <!-- Hero text -->
+  <g transform="translate(200, 85)">
+    <text x="0" y="32" fill="#f9fafb" font-family="system-ui,-apple-system,sans-serif" font-size="42" font-weight="800" filter="url(#textGlow)">A3M Router</text>
+    <text x="0" y="65" fill="url(#heroGrad)" font-family="system-ui,-apple-system,sans-serif" font-size="22" font-weight="500">One prompt in. The right model out.</text>
+  </g>
+  
+  <!-- Routing Flow -->
+  <g transform="translate(100, 180)">
+    <!-- Prompt box -->
+    <rect x="0" y="20" width="200" height="90" rx="12" fill="rgba(99,102,241,0.1)" stroke="#6366f1" stroke-width="2"/>
+    <text x="100" y="55" text-anchor="middle" fill="#9ca3af" font-family="system-ui,sans-serif" font-size="14">YOUR PROMPT</text>
+    <text x="100" y="85" text-anchor="middle" fill="#e5e7eb" font-family="system-ui,sans-serif" font-size="16">"Write Python sort"</text>
+    
+    <!-- Arrow 1 -->
+    <path d="M210,65 L300,65" stroke="url(#heroGrad)" stroke-width="3" fill="none" stroke-linecap="round"/>
+    <polygon points="300,57 315,65 300,73" fill="#06b6d4"/>
+    
+    <!-- A3M box -->
+    <rect x="325" y="0" width="140" height="130" rx="12" fill="#6366f1" fill-opacity="0.2" stroke="#6366f1" stroke-width="2"/>
+    <text x="395" y="50" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="32" font-weight="800">A3M</text>
+    <text x="395" y="80" text-anchor="middle" fill="#a78bfa" font-family="system-ui,sans-serif" font-size="16">Router</text>
+    <text x="395" y="110" text-anchor="middle" fill="#06b6d4" font-family="system-ui,sans-serif" font-size="12">12 signals →</text>
+    
+    <!-- Arrow 2 -->
+    <path d="M475,65 L565,65" stroke="url(#heroGrad)" stroke-width="3" fill="none" stroke-linecap="round"/>
+    <polygon points="565,57 580,65 565,73" fill="#06b6d4"/>
+    
+    <!-- Result box -->
+    <rect x="590" y="20" width="200" height="90" rx="12" fill="rgba(16,185,129,0.1)" stroke="#10b981" stroke-width="2"/>
+    <text x="690" y="55" text-anchor="middle" fill="#9ca3af" font-family="system-ui,sans-serif" font-size="14">BEST MODEL</text>
+    <text x="690" y="85" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="16">Groq (free, fast)</text>
+  </g>
+  
+  <!-- Metrics row -->
+  <g transform="translate(80, 360)">
+    <!-- Metric 1 -->
+    <g transform="translate(0, 0)">
+      <rect x="0" y="0" width="165" height="100" rx="16" fill="rgba(16,185,129,0.08)" stroke="#10b981" stroke-width="1.5"/>
+      <text x="82" y="40" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="36" font-weight="800" filter="url(#textGlow)">100%</text>
+      <text x="82" y="70" text-anchor="middle" fill="#9ca3af" font-family="system-ui,sans-serif" font-size="14">Routing Accuracy</text>
+    </g>
+    
+    <!-- Metric 2 -->
+    <g transform="translate(195, 0)">
+      <rect x="0" y="0" width="165" height="100" rx="16" fill="rgba(6,182,212,0.08)" stroke="#06b6d4" stroke-width="1.5"/>
+      <text x="82" y="40" text-anchor="middle" fill="#06b6d4" font-family="system-ui,sans-serif" font-size="36" font-weight="800" filter="url(#textGlow)">62%</text>
+      <text x="82" y="70" text-anchor="middle" fill="#9ca3af" font-family="system-ui,sans-serif" font-size="14">Cost Savings</text>
+    </g>
+    
+    <!-- Metric 3 -->
+    <g transform="translate(390, 0)">
+      <rect x="0" y="0" width="165" height="100" rx="16" fill="rgba(139,92,246,0.08)" stroke="#8b5cf6" stroke-width="1.5"/>
+      <text x="82" y="40" text-anchor="middle" fill="#8b5cf6" font-family="system-ui,sans-serif" font-size="36" font-weight="800" filter="url(#textGlow)">100%</text>
+      <text x="82" y="70" text-anchor="middle" fill="#9ca3af" font-family="system-ui,sans-serif" font-size="14">Fault Pass Rate</text>
+    </g>
+    
+    <!-- Metric 4 -->
+    <g transform="translate(585, 0)">
+      <rect x="0" y="0" width="165" height="100" rx="16" fill="rgba(244,114,182,0.08)" stroke="#f472b6" stroke-width="1.5"/>
+      <text x="82" y="40" text-anchor="middle" fill="#f472b6" font-family="system-ui,sans-serif" font-size="36" font-weight="800" filter="url(#textGlow)">47+</text>
+      <text x="82" y="70" text-anchor="middle" fill="#9ca3af" font-family="system-ui,sans-serif" font-size="14">Providers</text>
+    </g>
+    
+    <!-- Metric 5 -->
+    <g transform="translate(780, 0)">
+      <rect x="0" y="0" width="165" height="100" rx="16" fill="rgba(99,102,241,0.08)" stroke="#6366f1" stroke-width="1.5"/>
+      <text x="82" y="40" text-anchor="middle" fill="#a78bfa" font-family="system-ui,sans-serif" font-size="36" font-weight="800" filter="url(#textGlow)">19.5KB</text>
+      <text x="82" y="70" text-anchor="middle" fill="#9ca3af" font-family="system-ui,sans-serif" font-size="14">Package Size</text>
+    </g>
+  </g>
+  
+  <!-- CTA Button -->
+  <g transform="translate(350, 500)">
+    <rect x="0" y="0" width="500" height="65" rx="32" fill="url(#heroGrad)" filter="url(#softGlow)"/>
+    <text x="250" y="42" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-size="20" font-weight="600">npm install adaptive-memory-multi-model-router</text>
+  </g>
+  
+  <!-- Footer -->
+  <text x="600" y="600" text-anchor="middle" fill="#4b5563" font-family="system-ui,sans-serif" font-size="13">Open-source • Zero ML • No GPU • MIT License</text>
+</svg>

package/assets/social-v3.svg

@@ -0,0 +1,212 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 675" width="1200" height="675">
+  <defs>
+    <!-- Background gradient -->
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0a0a0f"/>
+      <stop offset="30%" stop-color="#0f0f1a"/>
+      <stop offset="70%" stop-color="#12121f"/>
+      <stop offset="100%" stop-color="#1a1a2e"/>
+    </linearGradient>
+    
+    <!-- Hero gradient -->
+    <linearGradient id="heroGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#6366f1"/>
+      <stop offset="33%" stop-color="#7c3aed"/>
+      <stop offset="66%" stop-color="#8b5cf6"/>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+    
+    <!-- Success gradient -->
+    <linearGradient id="successGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#10b981">
+        <animate attributeName="stop-color" values="#10b981;#34d399;#10b981" dur="2.5s" repeatCount="indefinite"/>
+      </stop>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+    
+    <!-- Box gradients -->
+    <linearGradient id="inputGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#6366f1" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#6366f1" stop-opacity="0.05"/>
+    </linearGradient>
+    
+    <linearGradient id="a3mBoxGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#6366f1" stop-opacity="0.3"/>
+      <stop offset="100%" stop-color="#8b5cf6" stop-opacity="0.15"/>
+    </linearGradient>
+    
+    <linearGradient id="outputGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#10b981" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#10b981" stop-opacity="0.05"/>
+    </linearGradient>
+    
+    <!-- Glow filters -->
+    <filter id="glowSoft" x="-30%" y="-30%" width="160%" height="160%">
+      <feGaussianBlur stdDeviation="6" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    
+    <filter id="glowMedium" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="10" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    
+    <filter id="glowIntense" x="-100%" y="-100%" width="300%" height="300%">
+      <feGaussianBlur stdDeviation="15" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    
+    <!-- Grid pattern -->
+    <pattern id="grid" width="60" height="60" patternUnits="userSpaceOnUse">
+      <path d="M 60 0 L 0 0 0 60" fill="none" stroke="#ffffff" stroke-width="0.5" opacity="0.03"/>
+    </pattern>
+  </defs>
+  
+  <style>
+    @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
+    @keyframes slideIn { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } }
+    @keyframes pulse { 0%, 100% { transform: scale(1); filter: brightness(1); } 50% { transform: scale(1.02); filter: brightness(1.1); } }
+    @keyframes glow { 0%, 100% { filter: url(#glowSoft); } 50% { filter: url(#glowMedium); } }
+    @keyframes textGlow { 0%, 100% { text-shadow: 0 0 20px rgba(99,102,241,0.5); } 50% { text-shadow: 0 0 40px rgba(99,102,241,0.8); } }
+    @keyframes flowPulse { 0%, 100% { stroke-dashoffset: 0; } 50% { stroke-dashoffset: -20; } }
+    .header { animation: fadeIn 0.8s ease-out; }
+    .logo { animation: slideIn 0.6s ease-out 0.1s both; }
+    .hero-text { animation: fadeIn 0.8s ease-out 0.2s both; }
+    .flow-box { animation: fadeIn 0.6s ease-out; animation-fill-mode: both; }
+    .input-box { animation: fadeIn 0.6s ease-out 0.3s both; }
+    .a3m-box { animation: fadeIn 0.6s ease-out 0.4s both; }
+    .output-box { animation: fadeIn 0.6s ease-out 0.5s both; }
+    .metric { animation: fadeIn 0.6s ease-out; animation-fill-mode: both; }
+    .metric:nth-child(1) { animation-delay: 0.6s; }
+    .metric:nth-child(2) { animation-delay: 0.7s; }
+    .metric:nth-child(3) { animation-delay: 0.8s; }
+    .metric:nth-child(4) { animation-delay: 0.9s; }
+    .metric:nth-child(5) { animation-delay: 1.0s; }
+    .cta { animation: fadeIn 0.6s ease-out 1.1s both; }
+    .cta:hover { transform: scaleY(1.05); }
+    .arrow { animation: flowPulse 1.5s ease-in-out infinite; }
+  </style>
+  
+  <!-- Background -->
+  <rect width="1200" height="675" fill="url(#bg)"/>
+  <rect width="1200" height="675" fill="url(#grid)"/>
+  
+  <!-- Ambient glows -->
+  <ellipse cx="600" cy="300" rx="500" ry="300" fill="#6366f1" opacity="0.06" filter="url(#glowMedium)">
+    <animate attributeName="opacity" values="0.06;0.1;0.06" dur="4s" repeatCount="indefinite"/>
+  </ellipse>
+  <ellipse cx="600" cy="450" rx="400" ry="150" fill="#10b981" opacity="0.04" filter="url(#glowSoft)"/>
+  
+  <!-- Header section -->
+  <g class="header">
+    <!-- Logo mark -->
+    <g class="logo" transform="translate(80, 55)">
+      <rect x="0" y="0" width="90" height="90" rx="18" fill="url(#heroGrad)" filter="url(#glowSoft)"/>
+      <text x="45" y="60" text-anchor="middle" fill="#ffffff" font-family="system-ui,-apple-system,sans-serif" font-size="36" font-weight="800">A3</text>
+      <circle cx="70" cy="70" r="8" fill="#10b981">
+        <animate attributeName="r" values="8;10;8" dur="2s" repeatCount="indefinite"/>
+        <animate attributeName="opacity" values="1;0.7;1" dur="2s" repeatCount="indefinite"/>
+      </circle>
+    </g>
+    
+    <!-- Title -->
+    <g class="hero-text" transform="translate(200, 70)">
+      <text x="0" y="38" fill="#ffffff" font-family="system-ui,-apple-system,sans-serif" font-size="48" font-weight="800" filter="url(#glowSoft)" style="animation: textGlow 3s ease-in-out infinite;">
+        A3M Router
+      </text>
+      <text x="0" y="75" fill="url(#heroGrad)" font-family="system-ui,-apple-system,sans-serif" font-size="24" font-weight="500">
+        One prompt in. The right model out.
+      </text>
+    </g>
+  </g>
+  
+  <!-- Routing Flow Diagram -->
+  <g transform="translate(100, 220)">
+    <!-- Input box -->
+    <g class="input-box" filter="url(#glowSoft)">
+      <rect x="0" y="15" width="220" height="100" rx="14" fill="url(#inputGrad)" stroke="#6366f1" stroke-width="2"/>
+      <text x="110" y="55" text-anchor="middle" fill="#8888aa" font-family="system-ui,sans-serif" font-size="14">YOUR PROMPT</text>
+      <text x="110" y="90" text-anchor="middle" fill="#e5e7eb" font-family="system-ui,sans-serif" font-size="18">"Write Python sort"</text>
+    </g>
+    
+    <!-- Arrow 1 -->
+    <g class="arrow">
+      <path d="M230,65 L330,65" stroke="url(#heroGrad)" stroke-width="4" fill="none" stroke-linecap="round" stroke-dasharray="8,8"/>
+      <polygon points="330,57 348,65 330,73" fill="#06b6d4">
+        <animate attributeName="opacity" values="0.8;1;0.8" dur="1s" repeatCount="indefinite"/>
+      </polygon>
+    </g>
+    
+    <!-- A3M Router box -->
+    <g class="a3m-box" filter="url(#glowMedium)">
+      <rect x="360" y="0" width="160" height="130" rx="14" fill="url(#a3mBoxGrad)" stroke="#6366f1" stroke-width="2.5"/>
+      <text x="440" y="50" text-anchor="middle" fill="#ffffff" font-family="system-ui,sans-serif" font-size="36" font-weight="800">A3M</text>
+      <text x="440" y="82" text-anchor="middle" fill="#a78bfa" font-family="system-ui,sans-serif" font-size="18">Router</text>
+      <text x="440" y="115" text-anchor="middle" fill="#06b6d4" font-family="system-ui,sans-serif" font-size="13">12 signals analyzed</text>
+    </g>
+    
+    <!-- Arrow 2 -->
+    <g class="arrow">
+      <path d="M530,65 L630,65" stroke="url(#heroGrad)" stroke-width="4" fill="none" stroke-linecap="round" stroke-dasharray="8,8"/>
+      <polygon points="630,57 648,65 630,73" fill="#06b6d4">
+        <animate attributeName="opacity" values="0.8;1;0.8" dur="1s" repeatCount="indefinite" begin="0.5s"/>
+      </polygon>
+    </g>
+    
+    <!-- Output box -->
+    <g class="output-box" filter="url(#glowSoft)">
+      <rect x="660" y="15" width="220" height="100" rx="14" fill="url(#outputGrad)" stroke="#10b981" stroke-width="2"/>
+      <text x="770" y="55" text-anchor="middle" fill="#8888aa" font-family="system-ui,sans-serif" font-size="14">BEST MODEL</text>
+      <text x="770" y="90" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="18" font-weight="600">Groq (free, fast)</text>
+    </g>
+  </g>
+  
+  <!-- Metrics row -->
+  <g transform="translate(80, 400)">
+    <!-- Metric 1 -->
+    <g class="metric" transform="translate(0, 0)">
+      <rect x="0" y="0" width="180" height="100" rx="14" fill="#10b981" fill-opacity="0.08" stroke="#10b981" stroke-width="1.5" filter="url(#glowSoft)"/>
+      <text x="90" y="40" text-anchor="middle" fill="#10b981" font-family="system-ui,sans-serif" font-size="36" font-weight="800">100%</text>
+      <text x="90" y="70" text-anchor="middle" fill="#9999bb" font-family="system-ui,sans-serif" font-size="14">Routing Accuracy</text>
+    </g>
+    
+    <!-- Metric 2 -->
+    <g class="metric" transform="translate(200, 0)">
+      <rect x="0" y="0" width="180" height="100" rx="14" fill="#06b6d4" fill-opacity="0.08" stroke="#06b6d4" stroke-width="1.5" filter="url(#glowSoft)"/>
+      <text x="90" y="40" text-anchor="middle" fill="#06b6d4" font-family="system-ui,sans-serif" font-size="36" font-weight="800">62%</text>
+      <text x="90" y="70" text-anchor="middle" fill="#9999bb" font-family="system-ui,sans-serif" font-size="14">Cost Savings</text>
+    </g>
+    
+    <!-- Metric 3 -->
+    <g class="metric" transform="translate(400, 0)">
+      <rect x="0" y="0" width="180" height="100" rx="14" fill="#8b5cf6" fill-opacity="0.08" stroke="#8b5cf6" stroke-width="1.5" filter="url(#glowSoft)"/>
+      <text x="90" y="40" text-anchor="middle" fill="#8b5cf6" font-family="system-ui,sans-serif" font-size="36" font-weight="800">100%</text>
+      <text x="90" y="70" text-anchor="middle" fill="#9999bb" font-family="system-ui,sans-serif" font-size="14">Fault Pass Rate</text>
+    </g>
+    
+    <!-- Metric 4 -->
+    <g class="metric" transform="translate(600, 0)">
+      <rect x="0" y="0" width="180" height="100" rx="14" fill="#f472b6" fill-opacity="0.08" stroke="#f472b6" stroke-width="1.5" filter="url(#glowSoft)"/>
+      <text x="90" y="40" text-anchor="middle" fill="#f472b6" font-family="system-ui,sans-serif" font-size="36" font-weight="800">47+</text>
+      <text x="90" y="70" text-anchor="middle" fill="#9999bb" font-family="system-ui,sans-serif" font-size="14">Providers</text>
+    </g>
+    
+    <!-- Metric 5 -->
+    <g class="metric" transform="translate(800, 0)">
+      <rect x="0" y="0" width="180" height="100" rx="14" fill="#6366f1" fill-opacity="0.08" stroke="#6366f1" stroke-width="1.5" filter="url(#glowSoft)"/>
+      <text x="90" y="40" text-anchor="middle" fill="#a78bfa" font-family="system-ui,sans-serif" font-size="36" font-weight="800">19.5KB</text>
+      <text x="90" y="70" text-anchor="middle" fill="#9999bb" font-family="system-ui,sans-serif" font-size="14">Package Size</text>
+    </g>
+  </g>
+  
+  <!-- CTA Button -->
+  <g class="cta" transform="translate(300, 540)">
+    <rect x="0" y="0" width="600" height="70" rx="35" fill="url(#heroGrad)" filter="url(#glowMedium)"/>
+    <text x="300" y="45" text-anchor="middle" fill="#ffffff" font-family="system-ui,sans-serif" font-size="22" font-weight="600">npm install adaptive-memory-multi-model-router</text>
+  </g>
+  
+  <!-- Footer -->
+  <text x="600" y="645" text-anchor="middle" fill="#555577" font-family="system-ui,sans-serif" font-size="14">
+    Open-source • Zero ML • No GPU Required • MIT License
+  </text>
+</svg>