fix(public): repair homepage managed-service heading hierarchy (H2->H3)

public/index.html

@@ -295,7 +295,7 @@ <h2 id="managed-service-title">The Website Correction.</h2>
 
           <div class="team-feature">
             <p class="team-mark">Website Correction</p>
-            <h4>Fit and scope are reviewed by a human first.</h4>
+            <h3>Fit and scope are reviewed by a human first.</h3>
             <p>
               Apply through the contact page's application route, share your
               site and the page that matters most, and a person reviews

public/styles.css

@@ -427,10 +427,17 @@ h4 {
   box-shadow: var(--shadow);
 }
 
-.team-feature h4 {
+/* The managed-service feature heading is a semantic H3 (section outline is
+   H2 -> H3), kept at the former h4 scale and margin so the block renders
+   identically to before the hierarchy repair. */
+.team-feature :is(h3, h4) {
   margin-top: 12px;
 }
 
+.team-feature h3 {
+  font-size: clamp(1.55rem, 1.8vw, 2rem);
+}
+
 .team-feature p {
   margin: 16px 0 0;
   max-width: 30rem;

scripts/test-public-heading-hierarchy.mjs

@@ -16,7 +16,9 @@ const ok = (cond, msg) => {
   }
 }
 
-// The exact public pages covered by the heading-hierarchy finding.
+// The exact public pages covered by the card-heading finding. The homepage
+// (public/index.html) is covered separately in section D below, including
+// the managed-service section's H2 -> H3 outline.
 const AFFECTED_PAGES = [
   "public/contact/index.html",
   "public/promptly/index.html",
@@ -82,7 +84,42 @@ ok(
   "the old .info-card h3-only rule is replaced by the shared :is(h2, h3) rule"
 )
 
-console.log("C. npm test/ci wiring")
+console.log("D. homepage managed-service heading hierarchy")
+const home = read("public/index.html")
+const homeLevels = headingLevelsOf(home)
+ok(homeLevels.filter((l) => l === 1).length === 1, "homepage has exactly one H1")
+ok(homeLevels[0] === 1, "the H1 is the first heading in the homepage outline")
+let homeJumps = 0
+for (let i = 1; i < homeLevels.length; i++) {
+  if (homeLevels[i] - homeLevels[i - 1] > 1) {
+    homeJumps++
+    console.error(`    bad transition H${homeLevels[i - 1]} -> H${homeLevels[i]}`)
+  }
+}
+ok(homeJumps === 0, "homepage outline has no heading-level jump greater than one")
+const serviceStart = home.indexOf('<section class="shape" id="managed-service"')
+ok(serviceStart !== -1, "homepage contains the #managed-service section")
+if (serviceStart !== -1) {
+  const serviceEnd = home.indexOf("</section>", serviceStart)
+  const serviceLevels = headingLevelsOf(home.slice(serviceStart, serviceEnd))
+  ok(
+    serviceLevels.length >= 2 && serviceLevels[0] === 2 && serviceLevels[1] === 3,
+    `managed-service section starts H2 then H3 (got H${serviceLevels.join(" -> H")})`
+  )
+}
+
+console.log("E. managed-service heading CSS pairing")
+const teamRuleStart = css.indexOf(".team-feature :is(h3, h4) {")
+ok(teamRuleStart !== -1, "styles.css defines .team-feature :is(h3, h4) {")
+const teamRuleEnd = css.indexOf("}", teamRuleStart)
+const teamRuleBody = teamRuleStart === -1 ? "" : css.slice(teamRuleStart, teamRuleEnd)
+ok(teamRuleBody.includes("margin-top: 12px"), "team-feature rule keeps margin-top: 12px")
+ok(
+  /\.team-feature h3\s*{[^}]*font-size: clamp\(1\.55rem, 1\.8vw, 2rem\)/.test(css),
+  ".team-feature h3 keeps the former h4 heading scale"
+)
+
+console.log("F. npm test/ci wiring")
 const pkg = JSON.parse(read("package.json"))
 ok(
   pkg.scripts.test.includes("test-public-heading-hierarchy.mjs"),