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/PageIntro.test.tsx

@@ -8,7 +8,7 @@ jest.mock("react-dom", () => ({
   createPortal: (children: ReactNode) => children,
 }));
 
-jest.mock("framer-motion", () => {
+jest.mock("motion/react", () => {
   const React = require("react");
   const motion = new Proxy(
     {},
@@ -31,9 +31,7 @@ describe("PageIntro", () => {
   it("renders the compact signal loading state without a fake percentage", () => {
     render(<PageIntro />);
 
-    expect(
-      screen.getByRole("heading", { name: /EVANDRO.*DEV/ }),
-    ).toBeInTheDocument();
+    expect(screen.getByText(/EVANDRO.*DEV/)).toBeInTheDocument();
     expect(screen.getByText("SINAL DE ENTRADA")).toBeInTheDocument();
     expect(screen.getByText("Preparando o portfólio")).toBeInTheDocument();
     expect(screen.queryByText("000")).not.toBeInTheDocument();
@@ -47,7 +45,9 @@ describe("PageIntro", () => {
     expect(screen.getByText("Preparando o portfólio")).toBeInTheDocument();
 
     act(() => jest.runAllTimers());
-    expect(screen.queryByText("Preparando o portfólio")).not.toBeInTheDocument();
+    expect(
+      screen.queryByText("Preparando o portfólio"),
+    ).not.toBeInTheDocument();
     jest.useRealTimers();
   });
 });