fix(website): correct the comments the loud band made false

The call site in page.tsx still described 'a slim dark strip, not a second
CTA' -- both halves now wrong, and the second is the exact thing the spec
records the change as deliberately accepting the opposite of. It survived
because the plan's comment sweep only listed files the diff already touched.

Also: the licence is no longer a pill 'tag'; the docblock's 'four words'
counted only half the band's copy; and the headline guard's comment claimed
a word count where the assertion is a character budget.

Two style fixes with existing precedent: the runway takes pointer-events
none like the dark surface's top seam, so it cannot swallow a selection
drag across the band's bottom padding, and the hand-rolled eyebrow carries
the line-height the Eyebrow primitive would have pinned.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

Author: blove

apps/website/src/app/page.tsx

@@ -40,8 +40,8 @@ export default function HomePage() {
           (live-stage spec §3, §8). Copy lives in STAGE_RAIL (positioning.ts). */}
       <Stage proof={STAGE_PROOF} />
 
-      {/* The open-source beat: a slim dark strip, not a second CTA. Copy lives
-          in OPEN_SOURCE_STRIP (positioning.ts). */}
+      {/* The open-source full stop: a loud dark band with one fork CTA. Copy
+          lives in OPEN_SOURCE_STRIP (positioning.ts). */}
       <OpenSourceStrip />
       <TeamsBlock formPolicy={formPolicy} />
       <HomeFAQ />

apps/website/src/components/landing/OpenSourceStrip.tsx

@@ -15,7 +15,7 @@ import { GITHUB_REPO_URL, OPEN_SOURCE_STRIP } from '../../lib/positioning';
  * page — the reasoning was that the offer is "no catch, no upsell," so it
  * should not read as a second pitch. That restraint is now spent on purpose:
  * the open-source offer is one of the strongest things the product has to
- * say, and it is said here in four words and one aviation marking.
+ * say, and it is said here in two words over an aviation code.
  *
  * The band takes its ~461px from the standard section rhythm; there is no
  * padding override, which is why `tight` is absent rather than false.

apps/website/src/lib/positioning.spec.ts

@@ -161,8 +161,9 @@ describe('homepage restructure copy (live-stage spec §3)', () => {
     const { OPEN_SOURCE_STRIP } = await import('./positioning');
     expect(OPEN_SOURCE_STRIP.eyebrow).toBe('Squawk 1200');
     expect(OPEN_SOURCE_STRIP.headline).toBe('Fork us.');
-    // The headline is set at up to 116px. More than two short words wraps,
-    // and a wrapped headline stops reading as a full stop.
+    // A length budget, not a word count: 12 characters is about what fits
+    // on one line at 116px in Archivo Black inside the 1200px container.
+    // A wrapped headline stops reading as a full stop.
     expect(OPEN_SOURCE_STRIP.headline.length).toBeLessThanOrEqual(12);
     // The eyebrow sits on one line at 0.18em tracking beside nothing else.
     expect(OPEN_SOURCE_STRIP.eyebrow.length).toBeLessThanOrEqual(14);

apps/website/src/lib/positioning.ts

@@ -77,7 +77,7 @@ export const OPEN_SOURCE_STRIP = {
   eyebrow: 'Squawk 1200',
   /** Two words at up to 116px. The band's entire argument. */
   headline: 'Fork us.',
-  /** The licence tag beside the action. */
+  /** The bare licence, set in mono after the action. */
   licence: 'MIT',
   cta: 'Fork on GitHub',
 } as const;

apps/website/src/styles/landing.css

@@ -630,6 +630,10 @@
   font-weight: 700;
   letter-spacing: 0.18em;
   text-transform: uppercase;
+  /* The Eyebrow primitive pins 1.4; this rule is hand-rolled for the tighter
+     11px/.18em the band wants, so it has to carry the line-height too rather
+     than inherit the body's. */
+  line-height: 1.4;
   color: var(--color-signal);
   margin: 0 0 22px;
 }
@@ -661,6 +665,10 @@
 /* The runway centreline. A fixed 46px dash on a 92px period rather than a
  * proportional one, so it reads as the same painted marking at every width. */
 .open-source-strip-runway {
+  /* Decorative and layered over the band's bottom padding, so it must not
+     swallow a text-selection drag — the dark surface's top seam
+     (ui.css, [data-surface="dark"]::before) sets this for the same reason. */
+  pointer-events: none;
   position: absolute;
   left: 0;
   right: 0;