chore(branding): multi-modal press kit, hero OG + dashboard.gif (#323)

- Recolor banner/wordmark SVGs to the Otter Orange palette with brand fonts
- Rebuild social-preview.png as a hero-style OG card (trust badges, headline, five modality cards with section counts), synced to apps/landing + apps/web og-image.png
- Replace static dashboard PNGs with dashboard.gif: a guided tab tour of all 157 tools across the five modalities
- Update branding/README.md (Otter Palette, brand fonts, asset list); add scripts/branding generator + sync helpers

branding/banner.svg

@@ -1,9 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 200" fill="none">
-  <rect width="720" height="200" rx="16" fill="#0f172a"/>
-  <text x="220" y="105" font-family="Nunito, Inter, system-ui, sans-serif" font-size="64" font-weight="800" fill="#ffffff">
-    <tspan>Snap</tspan><tspan fill="#3b82f6">Otter</tspan>
+  <rect width="720" height="200" rx="16" fill="#1A1210"/>
+  <text x="360" y="103" text-anchor="middle" font-family="'Bricolage Grotesque', 'Nunito', system-ui, sans-serif" font-size="64" font-weight="800" fill="#F0EBE4">
+    <tspan>Snap</tspan><tspan fill="#E07832">Otter</tspan>
   </text>
-  <text x="220" y="140" font-family="Inter, system-ui, sans-serif" font-size="18" fill="#94a3b8">
-    Self-hosted image processing suite
+  <text x="360" y="140" text-anchor="middle" font-family="'Instrument Sans', 'Inter', system-ui, sans-serif" font-size="18" letter-spacing="0.3" fill="#B0A79B">
+    Self-hosted file processing suite
   </text>
 </svg>