[verified] fix: preserve hero heading hierarchy

Author: michaelgold

app.vue

@@ -88,7 +88,7 @@ useSeoMeta({
           <figure class="hero-video-card">
             <div class="hero-demo-intro">
               <p class="mini-label">Reference image → agent → headless Blender</p>
-              <h2>Watch an agent rebuild images without opening the GUI.</h2>
+              <p class="hero-demo-title">Watch an agent rebuild images without opening the GUI.</p>
               <p>It reads the reference, writes Python through the CLI, renders headlessly, inspects the result, and iterates.</p>
             </div>
             <div class="hero-video-topbar"><span>BlenderBench / Run 001</span><span>27 tasks · 270 rounds</span></div>

assets/css/main.css

@@ -99,9 +99,15 @@ def test_primary_message_leads_with_image_to_headless_blender_workflow(self):
         self.assertLess(self.text.lower().find("give your agent a reference image"), 1_000)
 
     def test_video_explains_the_reference_to_cli_workflow_before_playback(self):
-        intro = self.source.index('<div class="hero-demo-intro">')
-        video = self.source.index('<video')
-        self.assertLess(intro, video)
+        intro = re.search(
+            r'<div class="hero-demo-intro">(?P<body>.*?)</div>',
+            self.html,
+            flags=re.S,
+        )
+        self.assertIsNotNone(intro)
+        assert intro
+        self.assertLess(intro.end(), self.html.index("<video", intro.end()))
+        intro_text = " ".join(re.sub(r"<[^>]+>", " ", intro.group("body")).split())
         for phrase in (
             "Reference image → agent → headless Blender",
             "without opening the GUI",
@@ -111,7 +117,20 @@ def test_video_explains_the_reference_to_cli_workflow_before_playback(self):
             "iterates",
         ):
             with self.subTest(phrase=phrase):
-                self.assertIn(phrase, self.text)
+                self.assertIn(phrase, intro_text)
+
+    def test_page_heading_precedes_demo_styling_text_semantically(self):
+        headings = re.findall(r"<h([1-6])\b", self.html, flags=re.I)
+        self.assertTrue(headings)
+        self.assertEqual(headings[0], "1")
+        intro = re.search(
+            r'<div class="hero-demo-intro">(?P<body>.*?)</div>',
+            self.html,
+            flags=re.S,
+        )
+        self.assertIsNotNone(intro)
+        assert intro
+        self.assertNotRegex(intro.group("body"), r"<h[1-6]\b")
 
     def test_community_preview_and_verified_evidence_are_present(self):
         required = [