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/cases/[slug]/page.tsx

@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
+import { safeJsonLd } from "@/lib/jsonld";
 import { caseStudies, siteName, siteUrl } from "@/lib/site-content";
 
 interface CasePageProps {
@@ -17,11 +18,11 @@ export async function generateMetadata({
   const { slug } = await params;
   const caseStudy = caseStudies.find((item) => item.id === slug);
 
-  if (!caseStudy) return { title: `Case não encontrado | ${siteName}` };
+  if (!caseStudy) return { title: "Case não encontrado" };
 
   const url = `${siteUrl}/cases/${caseStudy.id}`;
   return {
-    title: `${caseStudy.title}: ${caseStudy.subtitle} | ${siteName}`,
+    title: `${caseStudy.title} | Case de Engenharia de Software`,
     description: caseStudy.summary,
     alternates: { canonical: url },
     openGraph: {
@@ -31,6 +32,11 @@ export async function generateMetadata({
       siteName,
       type: "article",
     },
+    twitter: {
+      card: "summary_large_image",
+      title: caseStudy.title,
+      description: caseStudy.summary,
+    },
   };
 }
 
@@ -54,7 +60,7 @@ export default async function CasePage({ params }: CasePageProps) {
       {
         "@type": "BreadcrumbList",
         itemListElement: [
-          { "@type": "ListItem", position: 1, name: "Inicio", item: siteUrl },
+          { "@type": "ListItem", position: 1, name: "Início", item: siteUrl },
           {
             "@type": "ListItem",
             position: 2,
@@ -74,10 +80,7 @@ export default async function CasePage({ params }: CasePageProps) {
 
   return (
     <main>
-      <script
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
-      />
+      <script type="application/ld+json">{safeJsonLd(jsonLd)}</script>
       <article>
         <section className="ds-section ds-section-dark">
           <div className="ds-section-shell max-w-[960px]">
@@ -117,7 +120,9 @@ export default async function CasePage({ params }: CasePageProps) {
         </section>
         <section className="ds-section">
           <div className="ds-section-shell max-w-[960px]">
-            <h2 className="ds-section-title">Tecnologias e contexto técnico</h2>
+            <h2 className="ds-section-title !leading-snug">
+              Tecnologias e contexto técnico
+            </h2>
             <p className="ds-section-description">
               Este case demonstra como aplico engenharia de software a produtos
               com requisitos de performance, integração e operação, para