Slate

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

## 1. Overview & Visual Objective
Build a full-screen hero landing page for a productivity SaaS called "Slate" with the exact specs below.

Visual Aesthetics & Mood:
fullscreen video backdrop ultra-light thin helvetica typography weight two hundred liquid glass frosted panels glowing hairline gradient borders animated split-text heading reveal minimal airy elegant productivity calm sleek refined delicate premium understated smooth

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