feat: build steps 7a-10 — the site is complete and reviewable at 22 pages

Steps 7a through 10 as one authorised run. Nothing deployed (D11).

7a  Lighthouse returns as `lighthouse@13.4.1` + `chrome-launcher`, NOT
    `@lhci/cli`. AGENTS.md §7's advisory attribution was wrong: the carriers
    were @lhci/cli's own `tmp` and @puppeteer/browsers' `extract-zip`, not
    Lighthouse, which audits clean. A deliberate deviation from R11's literal
    trigger, recorded with what it costs. Local gate; CI has no Chrome.

7b  OG card generator (satori + sharp) discharges R15 — 20 typed cards plus
    per-article cards; the portrait stays on / and /about/ by Q40. Insights
    plumbing: ArticleCard, Prose, the index, the article route, articleGraph,
    and /'s section 7. Card copy is constrained structurally because text in a
    JPEG cannot be grepped by check:claims: every headline IS its page's <h1>,
    enforced by `npm run og:proof`.

7c  Five drafted launch articles, draft: true / reviewedByPouya: false. An
    independent compliance audit returned 76 findings and 57 unsourced
    assertions; all blocking and should-fix applied.

8   /contact/, the intake form, and backend/intake/ (undeployed). Plain HTML
    POST to a same-origin /api/intake with a 303 redirect, so the form works
    with zero JavaScript. docs/05 records three deliberate deviations.

9   /fees/ on Q59's ruling — overtime runs from the session cap, and the
    reservation point ships adjacent to the rate. One-page PDF bio discharges
    R16; /bio/ is its source, so the circulated artefact stays inside the
    review apparatus.

10  /legal/privacy/ and /legal/terms/, written to the backend as built. Three
    of the policy's statements are derived and cannot drift.

Also: /about/'s inverse credentials band (approved at step 6); Q59 closed;
R15 and R16 discharged; and a fix to shipped copy — /practice/energy/ asserted
the absence of a regulation the source extract says must not be asserted.

Review: adversarial-reviewer, two rounds (D20/D19). Round 1 returned 16
findings including two blocking — an invisible ghost button on /fees/ at
1.00:1 that Lighthouse scored 100, and a privacy policy that named one data
processor when there are two. All 16 acted on.

Lighthouse, 22 pages, mobile: performance 99-100, accessibility 100,
best practices 100, SEO 100 on every indexable page, CLS 0.000.

AGENTS.md entry (ah) has the detail, including four of my own verification
commands that were wrong and what each of them nearly caused.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Md3GndFqWPzK78xAoebsg5

src/pages/index.astro

@@ -10,15 +10,26 @@
  *   1 Hero · 2 Credential row · 3 The approach · 4 Two practices ·
  *   5 Practice areas · 6 Process preview · 7 Latest insights · 8 Contact band
  *
- * SECTION 7 IS NOT BUILT, DELIBERATELY, and this is the only spec item this
- * page does not deliver. `src/content/insights/` is empty: the collection ships
- * at build step 7, which is also where `ArticleCard` and the drafted slate
- * arrive (docs/01 §Build order; docs/03 §Launch article slate, D9). Rendering
- * the section now means importing a component with nothing to render — its
- * scoped CSS ships to every visitor for an empty block — and a props surface
- * with no call site, which is already an open finding against InfinityMark.
- * SiteHeader gates the Insights NAV item on the same collection, so the page
- * and the nav appear together. Do not "finish" this by hardcoding placeholders.
+ * SECTION 7 IS BUILT AS OF STEP 7b AND RENDERS NOTHING TODAY. The markup is
+ * behind `latest.length > 0`, so with no published article no card, no heading
+ * and no link is emitted. D9 means the flip is Pouya's — the schema refuses
+ * `draft: false` without `reviewedByPouya: true` — and `SiteHeader` gates the
+ * Insights NAV item on the same predicate at two pieces. Do not "finish" this by
+ * hardcoding a placeholder card.
+ *
+ * ⚠️ **THE STEP-2 REASONING FOR DEFERRING THIS SECTION WAS THAT AN UNRENDERED
+ * COMPONENT STILL SHIPS ITS CSS. THAT IS TRUE, AND IT IS NOW MEASURED RATHER
+ * THAN ARGUED:** importing `ArticleCard` puts **10 rules, 1,496 bytes, 4.4% of
+ * `dist/index.html`** into this page for a block that renders nothing. Astro
+ * bundles a component's scoped styles on IMPORT, not on render, and
+ * `inlineStylesheets: 'auto'` inlines them here.
+ *
+ * It is kept anyway, and the reason is also a measurement: `npm run lighthouse -- /`
+ * returns **performance 99, LCP 2.03 s, CLS 0.000 — identical before and after
+ * the 1,498-byte growth.** So the cost is real in bytes and absent in the metric,
+ * on the one page already at `docs/04`'s LCP budget. The dead weight clears
+ * itself the moment an article publishes, which is the same event that makes the
+ * section visible.
  *
  * EVERY FACTUAL CLAIM ON THIS PAGE TRACES TO AGENTS.md §4, and the ones that
  * carry risk are constants from src/data/site.ts rather than typed here.
@@ -35,9 +46,11 @@ import Eyebrow from '../components/Eyebrow.astro';
 import InfinityMark from '../components/InfinityMark.astro';
 import PracticeCard from '../components/PracticeCard.astro';
 import ProcessStep from '../components/ProcessStep.astro';
+import ArticleCard from '../components/ArticleCard.astro';
 import SectionHeading from '../components/SectionHeading.astro';
 import portrait from '../assets/pouya-lajevardi.jpg';
 import ogDefault from '../assets/og-portrait.jpg';
+import { getCollection } from 'astro:content';
 import { homeGraph } from '../data/schema';
 import {
   ASYMMETRY_LINE,
@@ -82,6 +95,14 @@ const ldImage = await getImage({
   height: 630,
 });
 const graph = homeGraph(new URL(ldImage.src, Astro.site).href);
+
+/* THE THREE MOST RECENT, and the same `!data.draft` predicate the rest of the
+   site uses — see the `draft` field in `src/content.config.ts`. Sorted here
+   rather than trusting the loader's order: `glob()` returns files in directory
+   order, which is alphabetical by filename and has nothing to do with date. */
+const latest = (await getCollection('insights', ({ data }) => !data.draft))
+  .sort((a, b) => b.data.publishDate.getTime() - a.data.publishDate.getTime())
+  .slice(0, 3);
 ---
 
 <BaseLayout
@@ -588,7 +609,40 @@ const graph = homeGraph(new URL(ldImage.src, Astro.site).href);
     </div>
   </section>
 
-  {/* ---- 7. Latest insights: NOT BUILT AT STEP 2. See the header note. -- */}
+  {/* ---- 7. Latest insights -------------------------------------------- */}
+  {
+    latest.length > 0 && (
+      <section class="section section-alt reveal">
+        <div class="wrap">
+          <div class="section-head">
+            <SectionHeading
+              eyebrow="Insights"
+              level={2}
+              lede="Notes on process, regulatory change, and the technical record underneath commercial disputes."
+            >
+              <span slot="heading">Recently written.</span>
+            </SectionHeading>
+          </div>
+          <div class="grid-autofit insights-grid" style="--grid-min: 20rem">
+            {latest.map((entry) => (
+              <ArticleCard
+                href={`/insights/${entry.id}/`}
+                title={entry.data.title}
+                description={entry.data.description}
+                date={entry.data.publishDate}
+                topics={entry.data.topics}
+                readingTime={entry.data.readingTime}
+                level={3}
+              />
+            ))}
+          </div>
+          <p class="insights-more">
+            <a href="/insights/">Everything written &rarr;</a>
+          </p>
+        </div>
+      </section>
+    )
+  }
 
   {/* ---- 8. Contact band ---------------------------------------------- */}
   {
@@ -602,6 +656,17 @@ const graph = homeGraph(new URL(ldImage.src, Astro.site).href);
 </BaseLayout>
 
 <style>
+  /* --- 7. Latest insights --------------------------------------------- */
+
+  /* `.grid-autofit` (global.css) carries the columns and the `min()` guard. */
+  .insights-grid {
+    gap: var(--space-5);
+  }
+  .insights-more {
+    margin-block-start: var(--space-6);
+    font-size: var(--text-base);
+  }
+
   /* --- 1. Hero -------------------------------------------------------- */
 
   .hero {