MAKE MY WEBSITE FEEL EXPENSIVE.

Raise the perceived quality of this page without changing its content or layout structure.

Apply exactly these changes:
1. Motion system: define tokens fast 180ms, normal 350ms, slow 700ms, and use cubic-bezier(0.22, 1, 0.36, 1) everywhere. No bounce, no spring.
2. Buttons: primary buttons lift translateY(-3px) with a soft shadow on hover and settle to -1px on press. Arrows inside links translate 3px up-right.
3. Cards: hover lifts 4px, the 1px border brightens from 10% to 28% white, and the surface lightens one step. No tilt, no glow.
4. Sections: reveal on scroll from opacity 0 / translateY(14px) using one shared IntersectionObserver hook. Only section headers and grids animate, never every element.
5. Typography: tighten display headings to -0.03em tracking and 0.92 line-height, and increase the size gap between display and body type.
6. Surfaces: use one dark glass treatment (blur 24px, 1px translucent border, inset top highlight) for floating controls only.

Constraints: animate transform and opacity only, keep the palette monochromatic, add no new libraries, define every value as a design-system token instead of inline classes, and disable decorative motion under prefers-reduced-motion.

---
Tool: Lovable. Apply the changes directly to the existing codebase, reuse the current design tokens and component structure, and do not introduce new dependencies.