[Mohib-76]

Website only. Like #6, this goes straight into main so the Website workflow publishes it now, with no app release. dev gets fast-forwarded afterwards.

What and why

A 12-second feature loop right after the hero. It shows clipboard, notifications, files and screen mirroring moving between the PC and the phone, which still screenshots can't show.

• Light and dark versions follow the theme toggle, like the screenshots. Both are rendered from the OrbitIntro Remotion project, which now has a light palette and an OrbitLoopLight composition.
• Files: 720p H.264 MP4 (about 0.5 MB each) plus a poster JPEG per theme, in site/media/.
• Loading: nothing loads until the video is near the screen, and it plays only while visible, so first-screen speed is unchanged (throttled mobile LCP about 1.6 s).
• Pause/Play button (WCAG 2.2.2). Under reduced motion it starts paused on its poster.
• Description: the video has a text description for screen readers.
• docs/SITE_DESIGN.md explains how to re-render it.

How I tested it

• Playback: checked in a real browser at desktop, phone and reduced-motion sizes. Nothing loads up front, it plays in view, switching the theme switches the video, Pause stops it, and reduced motion waits on the poster.
• SEO/meta audit: 0 failures.
• Privacy scan: clean.

Checklist

• dotnet test windows/Orbit.Tests and gradlew testDebugUnitTest lintDebug pass (no app code changed)
• New packets are documented in docs/PROTOCOL.md and unknown packets stay non-fatal (none)
• No personal data, secrets or binaries added; logs don't contain notification or clipboard content (the videos are our own renders, with sample data only)
• UI works in light and dark themes, and icon-only buttons have accessible names
• CHANGELOG.md updated (Unreleased section) if users will notice the change (website only)

🤖 Generated with Claude Code