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

@@ -1,6 +1,6 @@
 "use client";
 
-import { motion, type Variants } from "framer-motion";
+import { motion, type Variants } from "motion/react";
 import { useReducedMotion } from "@/app/hooks/useReducedMotion";
 import profilePhoto from "@/public/edev.jpg";
 import { DrawLine } from "./animations/DrawLine";
@@ -10,39 +10,39 @@ import { Section } from "./Section";
 const STORY_DATA = [
   {
     label: "Hardware + software",
-    title: "Do sinal fisico ao produto digital",
+    title: "Do sinal físico ao produto digital",
     content:
-      "Construo a ponte entre dispositivos, protocolos de baixo nivel, backend e interface para que o sistema inteiro pareca uma unica experiencia coerente.",
+      "Construo a ponte entre dispositivos, protocolos de baixo nível, backend e interface para que o sistema inteiro pareça uma única experiência coerente.",
   },
   {
     label: "Execution",
-    title: "Entrega clara mesmo sob restricao",
+    title: "Entrega clara mesmo sob restrição",
     content:
-      "Trabalho bem em contextos com legado, integracoes complexas e pouca margem para erro, priorizando estabilidade, leitura tecnica e evolucao sustentavel.",
+      "Trabalho bem em contextos com legado, integrações complexas e pouca margem para erro, priorizando estabilidade, leitura técnica e evolução sustentável.",
   },
   {
     label: "Production mindset",
-    title: "Do codigo ao sistema no ar",
+    title: "Do código ao sistema no ar",
     content:
-      "Penso alem da feature: deploy, observabilidade, manutencao e riscos de operacao entram na decisao tecnica desde o primeiro corte.",
+      "Penso além da feature: deploy, observabilidade, manutenção e riscos de operação entram na decisão técnica desde o primeiro corte.",
   },
 ];
 
 const PROFILE_POINTS = [
   {
-    title: "Arquitetura pragmatica",
+    title: "Arquitetura pragmática",
     description:
       "Escolhas guiadas por contexto, operabilidade e impacto real no produto.",
   },
   {
-    title: "Integracao profunda",
+    title: "Integração profunda",
     description:
-      "Capacidade de atravessar camada fisica, servicos e interface sem perder consistencia.",
+      "Capacidade de atravessar camada física, serviços e interface sem perder consistência.",
   },
   {
     title: "Ownership ponta a ponta",
     description:
-      "Responsabilidade que cobre discovery, implementacao, qualidade e operacao.",
+      "Responsabilidade que cobre discovery, implementação, qualidade e operação.",
   },
 ];
 
@@ -87,8 +87,8 @@ export default function About() {
     <Section
       id="about"
       eyebrow="Operating context"
-      title="Engenharia de software, arquitetura e integracoes complexas"
-      description="Atuo na intersecao entre arquitetura de software, integracoes de sistemas, hardware + software e entrega full-stack para produtos que precisam funcionar com confiabilidade."
+      title="Engenharia de software, arquitetura e integrações complexas"
+      description="Atuo na interseção entre arquitetura de software, integrações de sistemas, hardware + software e entrega full-stack para produtos que precisam funcionar com confiabilidade."
       disableChildrenAnimation
       aside={
         <div className="mt-sp-4 ds-metric">
@@ -140,12 +140,12 @@ export default function About() {
           />
           <div className="ds-kicker">Technical profile</div>
           <DrawLine delay={0.05} />
-          <h3 className="ds-card-title">Base tecnica e postura de entrega</h3>
+          <h3 className="ds-card-title">Base técnica e postura de entrega</h3>
           <p className="ds-copy">
             Sou engenheiro da computação e desenvolvedor de software full-stack,
-            atuando ha 5 anos com foco em integrar camadas que normalmente
-            ficam separadas: hardware, servicos, operacao e interface. Meu
-            trabalho e dar forma clara ao que costuma nascer fragmentado.
+            atuando ha 5 anos com foco em integrar camadas que normalmente ficam
+            separadas: hardware, servicos, operacao e interface. Meu trabalho e
+            dar forma clara ao que costuma nascer fragmentado.
           </p>
           <div className="mt-sp-6 space-y-sp-4">
             {PROFILE_POINTS.map((point) => (