feat: Integrate Remotion for video generation, add video compositions, and adapt ContactForm for Remotion compatibility.

video/style.css

@@ -0,0 +1,44 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@font-face {
+  font-family: 'Inter';
+  src: url('https://rsms.me/inter/font-files/Inter-Regular.woff2?v=3.19') format('woff2');
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: url('https://rsms.me/inter/font-files/Inter-Bold.woff2?v=3.19') format('woff2');
+  font-weight: 700;
+}
+
+body {
+  font-family: 'Inter', sans-serif;
+  margin: 0;
+  padding: 0;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* 
+  REMOTION HARD-FREEZE 
+  We must disable EVERY browser-native transition and animation.
+  These run on real-time and will always lag in frame-by-frame renders.
+*/
+* {
+  transition: none !important;
+  transition-property: none !important;
+  transition-duration: 0s !important;
+  transition-delay: 0s !important;
+  animation: none !important;
+  animation-duration: 0s !important;
+  animation-delay: 0s !important;
+  animation-iteration-count: 0 !important;
+  animation-fill-mode: none !important;
+}
+
+/* Ensure no smooth scrolling which fights Remotion */
+html {
+  scroll-behavior: auto !important;
+}