feat(website): blueprint-style workflow diagrams with tabs and animated edges

[montfort]

Summary

• Replace the single Mermaid workflow on the landing with five hand-authored SVG diagrams (Charter, AILOG, TDE, Compliance, Audit trail), one per tab.
• Blueprint aesthetic with CSS variables under [data-theme] — navy grid in dark mode, drafting paper in light, no flashes on theme toggle.
• Marching-ant edges: stroke-dasharray cycling along pathLength="1" paths; honors prefers-reduced-motion.
• Tabs + carousel: embla-carousel-react (~6 KB) with keyboard-accessible role="tablist" on desktop and swipe + dots + arrows on mobile.
• Full i18n: ~55 strings wrapped in <Translate>, populated for es and zh-CN. Old workflow.title / workflow.caption keys removed.

Why

The Mermaid diagram couldn't theme dark/light (its classDef colors were hardcoded hex), its node labels were never wrapped in <Translate> so es and zh-CN showed English boxes, and one diagram hid that StrayMark is five distinct workflows that deserve their own visual story.

Test plan

• npm run typecheck passes (verified locally).
• npm run build succeeds for all three locales: en, es, zh-CN (verified locally — build/{,es/,zh-CN/}index.html all contain the new section title in their respective language).
• On /, /es/, /zh-CN/: five tabs visible, click switches panel, marching-ant dashes flow along every edge in the direction of the arrow.
• Toggle dark / light: blueprint background, grid, strokes and text all swap without flashes.
• Mobile (< 768px): tabs hidden, swipe between panels works, dots + ‹ › arrows appear and are accessible.
• Keyboard: tablist navigable with Arrow Left/Right, Home, End; aria-selected updates.
• prefers-reduced-motion: reduce (DevTools → Rendering): edges visible and static, no animation.

🤖 Generated with Claude Code