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/FloatingElements.tsx

@@ -1,11 +1,21 @@
 "use client";
 
-import { useRef, useMemo } from "react";
+import {
+  Float,
+  MeshDistortMaterial,
+  MeshTransmissionMaterial,
+} from "@react-three/drei";
 import { Canvas, useFrame } from "@react-three/fiber";
-import { Float, MeshDistortMaterial, MeshTransmissionMaterial } from "@react-three/drei";
+import { useMemo, useRef } from "react";
 import * as THREE from "three";
 
-function GlassSphere({ position, scale = 1 }: { position: [number, number, number]; scale?: number }) {
+function GlassSphere({
+  position,
+  scale = 1,
+}: {
+  position: [number, number, number];
+  scale?: number;
+}) {
   const meshRef = useRef<THREE.Mesh>(null);
 
   useFrame((state) => {
@@ -32,7 +42,13 @@ function GlassSphere({ position, scale = 1 }: { position: [number, number, numbe
   );
 }
 
-function WireframeRing({ position, scale = 1 }: { position: [number, number, number]; scale?: number }) {
+function WireframeRing({
+  position,
+  scale = 1,
+}: {
+  position: [number, number, number];
+  scale?: number;
+}) {
   const meshRef = useRef<THREE.Mesh>(null);
 
   useFrame((state) => {
@@ -80,7 +96,9 @@ function DataStream({ count = 50 }: { count?: number }) {
     const t = state.clock.elapsedTime;
     pointsRef.current.rotation.y = t * 0.05;
 
-    const posAttr = pointsRef.current.geometry.getAttribute("position") as THREE.BufferAttribute;
+    const posAttr = pointsRef.current.geometry.getAttribute(
+      "position",
+    ) as THREE.BufferAttribute;
     const arr = posAttr.array as Float32Array;
 
     for (let i = 0; i < count; i++) {
@@ -127,7 +145,11 @@ export default function FloatingElements({
       <Canvas
         camera={{ position: [0, 0, 6], fov: 50 }}
         dpr={[1, 1.5]}
-        gl={{ antialias: false, alpha: true, powerPreference: "high-performance" }}
+        gl={{
+          antialias: false,
+          alpha: true,
+          powerPreference: "high-performance",
+        }}
         style={{ background: "transparent" }}
       >
         <ambientLight intensity={0.2} />