feat: add Remotion video project + SquareMCP brand compositions

- Scaffold videos/remotion-demo with Remotion 4.0.459
- SquareMCPLinkedIn: 90s 1080×1080 LinkedIn explainer (6 scenes, spring animations)
- SquareMCPHeroLoop: 30s 1920×1080 seamless hero loop (node network + MCP layer + logo)
- Brand tokens from squaremcp-logo.svg (#0E63F6/#7DB6FF), Inter via @remotion/google-fonts
- Both compositions rendered to out/ and type-checked clean
- Update .gitignore to exclude videos/remotion-demo/node_modules and out/

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

videos/remotion-demo/src/styles.ts

@@ -0,0 +1,25 @@
+import { loadFont } from "@remotion/google-fonts/Inter";
+
+const { fontFamily } = loadFont("normal", {
+  weights: ["400", "600", "700", "800"],
+  subsets: ["latin"],
+});
+
+export const FONT = fontFamily;
+
+export const COLORS = {
+  bg: "#09090f",
+  bgCard: "#12121f",
+  accent: "#0E63F6",
+  accentLight: "#7DB6FF",
+  accentGlow: "rgba(14, 99, 246, 0.45)",
+  text: "#ffffff",
+  textSecondary: "#94a3b8",
+  success: "#22c55e",
+  warning: "#ef4444",
+  border: "#1e1e2e",
+  borderBlue: "rgba(14, 99, 246, 0.35)",
+} as const;
+
+export const SPRING_CFG = { damping: 14, mass: 0.8, stiffness: 120 } as const;
+export const SPRING_SOFT = { damping: 12, mass: 1, stiffness: 80 } as const;