Fin Coin

Build a high-performance, agency-grade 3D section called "Fin Coin" 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:
money-talks-hero;financial education personal finance money skills budgeting saving financial confidence wealth habits interactive learning full-screen black editorial website lime neon accent #eaff70 premium educational brand Instrument Serif display typography Manrope utility text fixed wordmark top-left centered navigation pill dark monochrome interface immersive 3D WebGL glass coins iridescent metallic translucent coin sculptures floating conveyor lanes procedural studio lighting oil-slick spectral reflections interactive drag rotation trackball motion finance metaphor money language learning hero centered oversized serif headline practical guidance smarter money decisions secure financial future compact eyebrow body copy lime EXPLORE CTA cinematic generative visuals Three.js experience scroll-driven storytelling pinned text reveal word-by-word

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