refactor: simplify infinite-moving-cards and redesign agents page layout

- Removed getDirection callback in favor of inline style calculation for cleaner animation control
- Replaced BentoSection and AgentComponents with unified AgentBento component featuring video backgrounds and updated card structure
- Standardized border styling across CallToAction components (gray-700 → gray-800) for consistent visual hierarchy

tailwind.config.js

@@ -10,6 +10,11 @@ export default {
         sans: ['Mulish', 'system-ui', 'Avenir', 'Helvetica', 'Arial', 'sans-serif'],
       },
       keyframes: {
+        scroll: {
+          to: {
+            transform: "translate(calc(-100% - var(--gap)))",
+          },
+        },
         logoScroll: {
           '0%': { transform: 'translateX(0)' },
           '100%': { transform: 'translateX(-50%)' },
@@ -30,6 +35,8 @@ export default {
         },
       },
       animation: {
+        scroll:
+          "scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite",
         logoScroll: 'logoScroll 16s linear infinite',
         'glitch-1': 'glitch-1 1s infinite',
         'glitch-2': 'glitch-2 1s infinite',