Add hero image block with demo outputs

README.md

@@ -28,6 +28,23 @@ The repo demonstrates that the published dataset is self-sufficient: with
 no other inputs you can `pip install -r requirements.txt`, run `train.py`,
 and reproduce the same per-slot accuracy reported in the dataset card.
 
+<p align="center">
+  <img src="demo_sample_midsnap_d6.jpg" width="900" alt="annotated reading: 06672429, d6 mid-snap"/><br/>
+  <em><code>06672429</code> — d6 at θ=97° (just past park-2, mid-snap stress case)</em>
+</p>
+
+<p align="center">
+  <img src="demo_sample_rollover_d4.jpg" width="900" alt="annotated reading: 06629789, d4 mid-roll"/><br/>
+  <em><code>06629789</code> — d4 = 9 mid-roll (single rollover edge)</em>
+</p>
+
+<p align="center">
+  <img src="demo_sample_rollover_d6d7.jpg" width="900" alt="annotated reading: 06615699, double rollover"/><br/>
+  <em><code>06615699</code> — d6 = 9 <strong>and</strong> d7 = 9 (double rollover, hardest case)</em>
+</p>
+
+<p align="center"><sub>Each card shows the chosen digit, θ, the consensus confidence, and both voters (CLA + P90). A grey informational chip means that head disagreed with the consensus.</sub></p>
+
 ## Layout
 
 ```
@@ -117,30 +134,8 @@ embedded) and picks a clean test-split frame to decode. Writes
 | `sample_rollover_d4.jpg` | `06629789` (662,978.9 gal) | d4 = 9 mid-roll (single rollover edge) |
 | `sample_rollover_d6d7.jpg` | `06615699` (661,569.9 gal) | d6 = 9 **and** d7 = 9 (double rollover, hardest case) |
 
-All three should match digit-for-digit. Reference annotated outputs are
-checked in next to each input.
-
-#### Reference outputs
-
-Each card shows the chosen digit, θ, the consensus confidence, and both
-voters (CLA + P90). A grey informational chip means that head's vote
-disagreed with the consensus — useful for eyeballing where the heads
-diverge.
-
-<p align="center">
-  <img src="demo_sample_midsnap_d6.jpg" width="420" alt="sample_midsnap_d6.jpg → 06672429"><br>
-  <em>sample_midsnap_d6.jpg → <code>06672429</code> (d6 just past park-2)</em>
-</p>
-
-<p align="center">
-  <img src="demo_sample_rollover_d4.jpg" width="420" alt="sample_rollover_d4.jpg → 06629789"><br>
-  <em>sample_rollover_d4.jpg → <code>06629789</code> (d4 = 9 mid-roll)</em>
-</p>
-
-<p align="center">
-  <img src="demo_sample_rollover_d6d7.jpg" width="420" alt="sample_rollover_d6d7.jpg → 06615699"><br>
-  <em>sample_rollover_d6d7.jpg → <code>06615699</code> (d6 = 9 <strong>and</strong> d7 = 9, double rollover)</em>
-</p>
+All three should match digit-for-digit. Annotated reference outputs are
+shown at the top of this card.
 
 ## How the per-slot decision is made