remove stat-pills

index.html

@@ -40,7 +40,7 @@
     </header>
 
     <!-- Stats -->
-    <section class="stat-row max-w-5xl w-full mt-8 fade d3" id="stat-row" aria-label="Summary statistics"></section>
+
 
     <!-- Controls -->
     <section class="controls max-w-5xl w-full fade d3">

script.js

@@ -201,24 +201,8 @@
   // Rendering — text-QA leaderboard
   // ---------------------------------------------------------------------
 
-  function renderStats(models, benches) {
-    const latest = state.data.latest_generation;
-    const genLabel = state.gen === "all" ? "all generations" : state.gen;
-    let bestModel = null, bestAvg = null;
-    for (const m of models) {
-      const a = avgScore(m, benches);
-      if (a !== null && (bestAvg === null || a > bestAvg)) { bestAvg = a; bestModel = m; }
-    }
-    $("#stat-row").innerHTML = `
-      <div class="stat-pill"><div class="label">Models</div>
-        <div class="value">${models.length}</div></div>
-      <div class="stat-pill"><div class="label">Benchmarks</div>
-        <div class="value">${benches.length}</div></div>
-      <div class="stat-pill"><div class="label">Best avg</div>
-        <div class="value${bestAvg !== null ? " good" : ""}">${bestAvg !== null ? bestAvg.toFixed(3) : "—"}</div>
-        <div class="sub">${bestModel ? esc(bestModel.name) : "no runs yet"}</div></div>
-      <div class="stat-pill"><div class="label">Updated</div>
-        <div class="value">${esc(latest)}</div><div class="sub">${esc(state.data.updated)}</div></div>`;
+  function renderStats(_models, _benches) {
+    // stat-pills removed
   }
 
   function renderChips() {

style.css

@@ -138,41 +138,6 @@ a:hover { color: var(--accent-2); text-decoration: none; }
 .subtitle { color: var(--muted); text-shadow: 0 1px 12px rgba(0,0,0,0.45); }
 .subtitle strong { color: var(--ink); font-weight: 500; }
 
-/* =========== Stat pills =========== */
-.stat-row {
-  display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
-  gap: 12px; margin-bottom: 1.2rem;
-  width: 100%;
-}
-.stat-pill {
-  background: rgba(255,255,255,0.07);
-  border: 1px solid var(--line);
-  border-radius: 14px;
-  padding: 0.85rem 1rem;
-  backdrop-filter: blur(14px);
-  -webkit-backdrop-filter: blur(14px);
-  box-shadow: var(--shadow-sm);
-  transition: border-color var(--t), background var(--t), transform var(--t), box-shadow var(--t);
-}
-.stat-pill:hover {
-  border-color: rgba(255,255,255,0.15);
-  background: rgba(255,255,255,0.09);
-  transform: translateY(-1px);
-  box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset, 0 12px 28px rgba(0,0,0,0.4);
-}
-.stat-pill .label {
-  font-size: 10px; text-transform: uppercase; letter-spacing: 0.14em;
-  color: var(--muted-2); font-weight: 500; margin-bottom: 4px;
-}
-.stat-pill .value {
-  font-size: 1.45rem; font-weight: 700; letter-spacing: -0.02em;
-  font-variant-numeric: tabular-nums; color: var(--ink);
-}
-.stat-pill .value.good { color: var(--green); }
-.stat-pill .sub {
-  font-size: 11px; color: var(--muted-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px;
-}
-
 /* =========== Controls =========== */
 .controls {
   display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
@@ -502,7 +467,6 @@ tr.detail-row td { background: rgba(255,255,255,0.07); padding: 16px 18px; white
 @media (max-width: 768px) {
   .shell { padding: 1.2rem 1rem 2rem; }
   .hero h1 { font-size: 2rem !important; }
-  .stat-row { grid-template-columns: repeat(2, 1fr); }
   .search-pill input { width: 130px; }
 }
 
@@ -514,9 +478,6 @@ tr.detail-row td { background: rgba(255,255,255,0.07); padding: 16px 18px; white
   .search-pill input { width: 100%; }
 }
 
-@media (max-width: 480px) {
-  .stat-row { grid-template-columns: 1fr; }
-}
 
 
 /* ============================================================