Alethia

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

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

Visual Aesthetics & Mood:
alethia-environmental-intelligence-hero;environmental intelligence ecosystem science enterprise strategy climate technology sustainability carbon accounting ESG compliance biodiversity science-backed decision making scroll-film landing page cinematic nature video scroll-scrubbed storytelling dark navy background deep black palette bright electric blue accents white typography high-contrast editorial layout left-aligned oversized three-line headline technical HUD overlay crosshair data visualization impact marker evidence annotation scientific interface geospatial monitoring environmental measurement blockchain-backed data real-time carbon intelligence ecosystem-level accounting compliance-ready metrics interactive hotspots pulsing blue pins mono labels robotic interface cues precise technical branding premium enterprise sustainability platform modern climate-tech aesthetic inter typography roboto mono geometric wordmark glass outlined CTA masked text reveal staggered entrance data-decoding animation fixed viewport film experience hero-to-vision-to-ecosystem transitions responsive flow layout mobile burger panel cinematic immersive scientific credible analytical futuristic polished sophisticated enterprise environmental-tech design

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