Ascera AI

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

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

Visual Aesthetics & Mood:
apogee-predictive;predictive ai infrastructure analytics revenue sales pipeline forecasting saas b2b enterprise data platform dark full-viewport hero looping background video subtle cool tint no scroll cream warm off-white text on dark serif display logo and headline sans-serif ui glass capsule nav pill with inset floating buttons heavy backdrop blur outlined and solid cream pill ctas photorealistic macos browser window dashboard mock bleeding off bottom edge traffic lights url pill warm peach glow slab behind glass panel five translucent rounded stat cards hairline bar chart dot matrix grid column chart inference log rows long staggered cascade entrance choreography premium polished sophisticated modern refined high contrast

## 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)