Systema

Build a high-performance, agency-grade SaaS section called "Systema" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Create an ultra-refined, interactive SaaS with cinematic transitions and smooth spring physics.

Visual Aesthetics & Mood:
systems-become-intelligence;ai adaptive systems intelligent infrastructure data platform machine learning saas pure black minimal two-section landing solid black navbar band video starting below nav right-anchored cropped hero video white inter headline two-line masked wipe-up grey subcopy white cta three dark charcoal sharp-corner feature cards inline svg diagrams stacked ellipse plates converging data sources crosshair node network hover-only ambient diagram drift reversing home on leave urbanist section type staggered card entrance monochrome stark restrained technical modern precise sleek confident

## 2. Technical Stack & Dependencies
- Framework: React 19 + TypeScript + Vite
- Styling: Tailwind CSS v4 + Lucide React icons
- Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)