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/ui/NumberIcons.tsx

@@ -1,5 +1,5 @@
 // src/components/ui/NumberIcons.tsx
-import React from "react";
+import type React from "react";
 
 interface NumberIconProps extends React.SVGProps<SVGSVGElement> {
   /** Tamanho em pixels. Escala mantendo o viewBox 80x80 */
@@ -65,7 +65,7 @@ export const NumberOne = ({
     <text
       x="40"
       y="54"
-      fontFamily="Syne, sans-serif"
+      fontFamily="Space Grotesk, sans-serif"
       fontSize="40"
       fontWeight="800"
       textAnchor="middle"
@@ -94,7 +94,7 @@ export const NumberTwo = ({
     <text
       x="40"
       y="54"
-      fontFamily="Syne, sans-serif"
+      fontFamily="Space Grotesk, sans-serif"
       fontSize="40"
       fontWeight="800"
       textAnchor="middle"
@@ -123,7 +123,7 @@ export const NumberThree = ({
     <text
       x="40"
       y="54"
-      fontFamily="Syne, sans-serif"
+      fontFamily="Space Grotesk, sans-serif"
       fontSize="40"
       fontWeight="800"
       textAnchor="middle"
@@ -152,7 +152,7 @@ export const NumberFour = ({
     <text
       x="40"
       y="54"
-      fontFamily="Syne, sans-serif"
+      fontFamily="Space Grotesk, sans-serif"
       fontSize="40"
       fontWeight="800"
       textAnchor="middle"