Put the interactive headline panels back under the teaser

Preferred placement: demo, then the selection schematic, then the interactive
four-benchmark panels, all above the abstract. Results at a glance keeps the
headline number cards.

README.md

@@ -82,9 +82,9 @@ rounds them from unrounded rates.
 **3. WebArena-Infinity evolution curve.** All 37 evaluated variants with a best-so-far envelope,
 from `notes/tw_dynamics.json` → `wai_adaptive_scores`. Toggle either series.
 
-**4. Headline four-benchmark panels.** Replaces the right half of the teaser, and lives in `Results at
-a glance` rather than the hero: the teaser expands in place to the paper's full figure, whose static
-bars would otherwise sit directly above the interactive version of the same chart. From
+**4. Headline four-benchmark panels.** Replaces the right half of the teaser, and sits directly under
+it. Clicking the schematic expands it in place to the paper's full figure, so while expanded the
+paper's static bars and this interactive version of the same chart are both on screen. From
 `scripts/gen_summary_figure.py`. The reason to make this one interactive is that the paper's figure
 has to *state* its truncation in the caption: on a shared axis WebArena-Infinity's +49.5 flattens the
 two terminal benchmarks into slivers, so each panel is scaled to its own range. Here the reader can

index.html

@@ -391,6 +391,21 @@
         four benchmark panels alongside; click again to come back.
       </figcaption>
     </figure>
+
+    <div class="block">
+      <div class="widget" id="hl-widget">
+        <div class="wtop">
+          <span class="wlabel">y-axis</span>
+          <div class="chips" id="hl-chips"></div>
+          <span style="flex:1"></span>
+          <label class="toggle"><input type="checkbox" id="hl-prior" checked /> best prior agent</label>
+        </div>
+        <div class="panels" id="hl-panels"></div>
+        <div class="wlegend" id="hl-legend"></div>
+        <p class="tnote" id="hl-note"></p>
+      </div>
+      <noscript class="nojs"><img src="assets/teaser.png" alt="Four-benchmark summary: base vs. evolved vs. best prior agent." /></noscript>
+    </div>
   </div>
 </section>
 
@@ -505,21 +520,6 @@
       (Terminal-Bench&nbsp;2.1), held-out task split (TerminalWorld), synthetic&nbsp;&rarr;&nbsp;real intent
       shift (WebArena-Infinity), and zero-shot cross-benchmark transfer (SWE-bench Verified).
     </p>
-
-    <div class="block">
-      <div class="widget" id="hl-widget">
-        <div class="wtop">
-          <span class="wlabel">y-axis</span>
-          <div class="chips" id="hl-chips"></div>
-          <span style="flex:1"></span>
-          <label class="toggle"><input type="checkbox" id="hl-prior" checked /> best prior agent</label>
-        </div>
-        <div class="panels" id="hl-panels"></div>
-        <div class="wlegend" id="hl-legend"></div>
-        <p class="tnote" id="hl-note"></p>
-      </div>
-      <noscript class="nojs"><img src="assets/teaser.png" alt="Four-benchmark summary: base vs. evolved vs. best prior agent." /></noscript>
-    </div>
   </div>
 </section>