Website: update demo screenshots & videos (placeholders → real UI)

[YJack0000]

The landing page in website/ currently renders placeholder media slots — the hero window and the three Showcase rows show "drop a file here" hints instead of real product visuals. We need updated screenshots / GIFs / videos that reflect the current UI.

How the slots work (see website/README.md): drop a file into website/assets/ with the matching name and it appears automatically — no HTML edits needed.

• .mp4 is auto-detected and mounts as a muted, looping, autoplaying clip (usually smaller/crisper than a GIF for screen recordings).
• Ratios: hero is 16:9, the showcase rows are 16:10. Record close to those for the cleanest fit (object-fit: cover).
• Accepted extensions: gif, png, jpg, webp, mp4.

Slots to fill

• Hero window — assets/showcase-hero.* (Website: add real hero showcase media #3)
• Live transcript — assets/showcase-transcript.* (Website: add Live transcript demo media #4)
• Q&A sidebar — assets/showcase-qa.* (Website: add Q&A sidebar demo media #5)
• Playbooks / evaluations — assets/showcase-eval.* (Website: add Playbooks / evaluations demo media #6)

Notes

• Use real, current UI (the app chrome and panels have changed).
• Scrub any sensitive content from sample meetings before recording.
• Keep file sizes reasonable for web (prefer .mp4/.webp over large GIFs).