feat: control room hero, SEO/AEO optimization and design system fixes

Hero: replace particle field with cobe globe (Capricorn view, multi-axis drag, reduced-motion safe), telemetry HUD with pointer parallax, particle text build effect, Space Grotesk display font. SEO: short titles with template, PT-BR accents, twitter cards on dynamic cases, escaped JSON-LD via lib/jsonld.ts, CSP report-only, 25 service FAQs answer-first. Design: fix TW4 layered reset killing spacing utilities, literal @theme tokens, mobile hero overflow, header overlap, empty case cards. Remove framer-motion (unified on motion/react), header version badge, phone number from hero CTA. Production build verified (24 static pages).

app/components/cinematic/ScrollVelocityText.tsx

@@ -1,14 +1,14 @@
 "use client";
 
-import { useRef, useEffect, useState } from "react";
 import {
   motion,
   useAnimationFrame,
   useMotionValue,
-  useTransform,
-  useSpring,
   useScroll,
-} from "framer-motion";
+  useSpring,
+  useTransform,
+} from "motion/react";
+import { useEffect, useRef, useState } from "react";
 
 interface ScrollVelocityTextProps {
   text: string;
@@ -89,7 +89,9 @@ export default function ScrollVelocityText({
             className="mr-8 inline-block font-display text-[clamp(3rem,10vw,8rem)] font-extrabold uppercase leading-none tracking-[-0.04em]"
           >
             {text}
-            <span className="mx-8 inline-block text-[var(--slash)]">&#x2022;</span>
+            <span className="mx-8 inline-block text-[var(--slash)]">
+              &#x2022;
+            </span>
           </span>
         ))}
       </motion.div>