refactor: replace RobotCategoryGrid with CategoryShowcaseScroll and update styles across components

- Updated HomePage to use CategoryShowcaseScroll instead of RobotCategoryGrid for better category display.
- Modified BrandShowcase component to adjust background gradients and text colors for improved aesthetics.
- Changed CompanyStory component to enhance visual consistency with updated accent colors.
- Refined ExclusiveAccessSection to align with new design standards, including gradient adjustments.
- Enhanced Hero3DRobotics with new gradient backgrounds and updated text colors for better readability.
- Updated RoboticsScrollShowcase to reflect new color scheme and improved text visibility.
- Adjusted RoboticsSplineShowcase to maintain design consistency with updated colors and gradients.
- Improved MotionSection to enhance scroll behavior and visibility transitions.
- Updated container-scroll-animation styles for better visual effects.
- Introduced new CategoryShowcaseScroll component for a more dynamic category display experience.

src/components/robotics/CompanyStory.tsx

@@ -31,7 +31,7 @@ const PILLARS: Pillar[] = [
     title: 'Digital Transformation',
     body: 'Automation systems and smart projects that modernize operations.',
     Icon: Workflow,
-    accent: '#BFC3E2',
+    accent: '#D7DBEA',
   },
   {
     num: '04',
@@ -63,7 +63,7 @@ export function CompanyStory() {
           position: 'absolute',
           inset: 0,
           backgroundImage:
-            'linear-gradient(rgba(191,195,226,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(191,195,226,0.06) 1px, transparent 1px)',
+            'linear-gradient(rgba(199, 207, 230,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(199, 207, 230,0.06) 1px, transparent 1px)',
           backgroundSize: '36px 36px',
           maskImage: 'radial-gradient(ellipse 70% 80% at 50% 40%, #000 25%, transparent 80%)',
           WebkitMaskImage: 'radial-gradient(ellipse 70% 80% at 50% 40%, #000 25%, transparent 80%)',
@@ -348,7 +348,7 @@ function CapabilityTile({ pillar, offset }: { pillar: Pillar; offset: 'up' | 'do
           margin: 0,
           fontSize: '0.88rem',
           lineHeight: 1.55,
-          color: '#BFC3E2',
+          color: '#D7DBEA',
           position: 'relative',
         }}
       >