feat(site): loop a faithful copy of the app's recording capsule in the hero

Replace the press-to-play demo and the "see how it works" button with an
example that keeps playing on the right: hold Right Alt, the capsule appears
with live wave bars, elapsed time and the partial transcript, releasing shows
the processing bar, and the cleaned sentence is pasted at the cursor of a
notes window. It cycles through two samples per language.

- Same numbers as apps/desktop recording-tip: 9 bars with cos weights, 100 ms
  updates, 0.5 smoothing, +/-35% jitter, 2-28 px, per-bar colours, 120 px
  progress bar min(95, (1 - 1/(1 + 1.5t)) * 100)%.
- WCAG 2.2.2: a pause button; stops when off screen or the tab is hidden.
  Reduced motion shows one still frame. The animation is aria-hidden with a
  text description for screen readers. Chinese and Japanese transcripts
  appear three characters at a time.
- Add 404.html so unknown paths stop falling back to the landing page, delete
  the duplicate accept-invite.html (/accept-invite/ is canonical) and link it
  straight to /#download, and move the legal pages off the retired orange
  accent (primary button contrast 5.2:1).

site/src/i18n/locales/de.ts

@@ -27,23 +27,32 @@ export const de: Translations = {
     subtitle: 'Halten Sie die Tastenkombination gedrückt, sprechen Sie, lassen Sie los. Spracherkennung und Bereinigung laufen auf Ihrem PC, und das Ergebnis wird direkt in die App eingefügt, die Sie gerade verwenden.',
     hotkeyKey: 'rechte Alt-Taste',
     hotkeyAction: 'gedrückt halten zum Sprechen',
-    secondaryCta: 'Funktionsweise ansehen',
     trust: 'Kostenlos starten · Kein Konto nötig · Funktioniert offline, sobald die Modelle heruntergeladen sind',
     windowsOnly: 'Derzeit ist nur eine Windows-Version verfügbar. Öffnen Sie diese Seite auf einem Windows-PC, um sie herunterzuladen.',
   },
   demo: {
-    title: 'Beispiel',
-    note: 'Dies ist ein vorbereitetes Beispiel. Es wird nichts aufgenommen.',
-    idle: 'Drücken Sie auf Wiedergabe, um zu sehen, wie Sprache zu Text wird und bereinigt wird.',
-    listening: 'Hört zu',
-    polishing: 'Wird bereinigt',
-    done: 'Eingefügt',
+    label: 'So funktioniert die App',
+    description: 'Wenn Sie die rechte Alt-Taste gedrückt halten und sprechen, erscheint unten am Bildschirm die Aufnahmekapsel, die Ihre Worte zeigt, während Sie sie sagen. Wenn Sie loslassen, wird der Satz bereinigt und an der Cursorposition im Notizfenster eingefügt. Das Beispiel wiederholt sich.',
+    note: 'Ein vorbereitetes Beispiel, keine echte Aufnahme.',
+    windowTitle: 'Notizen',
+    docLine: 'Notizen zum Team-Meeting am Freitag',
+    processing: 'Wird verarbeitet...',
+    stateIdle: 'Wartet',
+    stateListening: 'Gedrückt halten und sprechen',
+    statePolishing: 'Losgelassen, wird bereinigt',
+    stateDone: 'An der Cursorposition eingefügt',
+    pause: 'Beispiel pausieren',
     play: 'Beispiel abspielen',
-    replay: 'Erneut abspielen',
-    rawLabel: 'Was gehört wurde',
-    cleanLabel: 'Was eingefügt wurde',
-    sampleRaw: 'ähm also ich denke wir können den Release quasi auf nächsten Freitag legen vielleicht',
-    sampleClean: 'Ich denke, wir können den Release für nächsten Freitag ansetzen.',
+    samples: [
+      {
+        raw: 'ähm also ich denke wir können den Release quasi auf nächsten Freitag legen vielleicht',
+        clean: 'Ich denke, wir können den Release für nächsten Freitag ansetzen.',
+      },
+      {
+        raw: 'kannst du die Besprechungsnotizen aufräumen und heute noch in den Team-Channel stellen ach und die Anhänge auch',
+        clean: 'Bitte räume die Besprechungsnotizen auf und poste sie heute noch zusammen mit den Anhängen im Team-Channel.',
+      },
+    ],
   },
   features: {
     title: 'Von kurzen Notizen bis zum Besprechungsprotokoll, alles auf Ihrem PC.',