feat: Embed SVG charts in docs/index.html GitHub Pages

Added 5 chart images after the Cost/Accuracy/Robustness section:
- chart-routerena-leaderboard.svg (full width)
- chart-accuracy-by-tier.svg + chart-confusion-matrix.svg (side by side)
- chart-cost-comparison.svg + chart-latency-overhead.svg (side by side)

GitHub Pages serves from main:/docs, paths resolve to docs/assets/.

Author: Das-rebel

docs/index.html

@@ -405,6 +405,22 @@ <h2>&#x1F4B0; Cost / Accuracy / Robustness</h2>
         </tbody>
       </table>
       </div>
+
+      <!-- RouterArena Evaluation Results -->
+      <div style="margin: 2rem 0; text-align: center;">
+        <h3 style="color: #94a3b8; font-size: 0.85rem; font-weight: 600; margin-bottom: 1rem;">ROUTERARENA EVALUATION — 8,400 QUERIES</h3>
+        <img src="assets/chart-routerena-leaderboard.svg" alt="RouterArena Evaluation Results" style="max-width: 100%; border-radius: 8px; margin-bottom: 0.5rem;">
+      </div>
+
+      <!-- Local Benchmark Charts -->
+      <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.5rem 0;">
+        <img src="assets/chart-accuracy-by-tier.svg" alt="Routing Accuracy by Tier" style="max-width: 100%; border-radius: 8px;">
+        <img src="assets/chart-confusion-matrix.svg" alt="Confusion Matrix" style="max-width: 100%; border-radius: 8px;">
+      </div>
+      <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.5rem 0;">
+        <img src="assets/chart-cost-comparison.svg" alt="Cost Comparison" style="max-width: 100%; border-radius: 8px;">
+        <img src="assets/chart-latency-overhead.svg" alt="Latency Overhead" style="max-width: 100%; border-radius: 8px;">
+      </div>
     </section>
 
     <!-- Comparison -->