Edit /Users/sara/Documents/projects/agent-replay/web/src/pages/index.astro to add two things, in this order:

1. Right after the existing 'cta-row' div (the row with 'Watch a real recording', 'Pricing', 'Star on GitHub' links), add a new section with:
   - A small uppercase label 'Works with' (style like the existing section labels — small, fg-dim color, letter-spacing)
   - Four pill-style chips on a row: 'Claude Code', 'Cursor (capture)', 'Codex (capture)', 'Aider (capture)'. The first chip should look 'primary' (accent border/text) since it's live; the other three should look 'secondary' (muted) since they're capture-only. Use the existing CSS variables (--bg-elev-2, --border, --accent, --fg-muted, --fg-dim).
   - Center the row.

2. Directly below the pills, add a single trust line in muted text: 'Self-hosted on Hetzner · Open source (MIT) · No AI training on your recordings'.

Keep all other content unchanged. Do not restructure the page.

After editing, run 'cd /Users/sara/Documents/projects/agent-replay && npm -w web run build' to verify the build still passes. Show the build's last 5 output lines.