visual-qa: constellation hero canvas paints over hero title, occluding glyphs (both themes)

[vedantggwp]

Found in W1d first-ever visual QA (v0.5.0). Full report: .growth/truth/W1d-visual-qa.md.

Symptom

On the hub landing page, animated constellation nodes render on top of the hero title/subtitle and intermittently occlude characters — a solid teal disc covers the "th" in "Anthropic" (subtitle) and sits over "auth" in the paragraph. Visible in both light and dark, both viewports, worse at 390px.

Trail

• Hero <canvas>: position: absolute; z-index: auto.
• Hero text: position: static; z-index: auto.
• Equal auto stacking + canvas later in paint order → canvas paints above the text. pointer-events:none keeps clicks working but does not affect paint order.
• Screenshots: scratchpad/qa-shots/hub__desktop__{dark,light}__viewport.png, hub__mobile390__dark__viewport.png.

Impact

Severity: MEDIUM, but it's on the demo landing page (first impression) and text legibility is affected → worth fixing before showing.

Fix (any one)

• Lift the hero text above the canvas: position: relative; z-index: 1 on the hero content.
• Keep the node field outside the text bounding box.
• Add a subtle radial legibility scrim behind the title.