fix(home): oferta leva ao formulário, ofertas logo depois da vitrine

O botão das ofertas rola até o contato com o tipo marcado e não quebra mais as âncoras; ofertas com o que você recebe e primeiro passo, logo depois da vitrine; bloco de IA fora da home; cartão largo da SEV no hero do celular; separador da faixa de clientes só entre itens; favicon de 13 para 1,8 KB; pré-carregamento só no hover e nunca de /#... fora da home; X do menu e cabeçalho opaco; WhatsApp com "o case"; /ia com 3 passos e modelo de relatório ilustrativo; Sobre alinhado ao currículo; CSP Report-Only com os domínios do Ads.

app/components/Hero.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import Link from "next/link";
 import { type CSSProperties, Fragment } from "react";
 import { trackEmailClick, trackSocialClick } from "@/lib/analytics";
 import { CONTACT_EMAIL, LINKEDIN_URL } from "@/lib/site-navigation";
@@ -9,6 +8,8 @@ import ClientStrip, { type ClientLink } from "./ClientStrip";
 import HeroField from "./cinematic/HeroField";
 import { HERO_CTA_ID } from "./FloatingWhatsApp";
 import HeroWork, { type HeroWorkUrl } from "./HeroWork";
+import HoverPrefetchLink from "./HoverPrefetchLink";
+import { HERO_CAPTIONS } from "./hero-captions";
 import WhatsAppLink from "./WhatsAppLink";
 
 const SOCIAL_LINKS = [
@@ -45,16 +46,6 @@ const TITLE =
       accent: ACCENT.has(index),
     }));
 
-/** O que cada camada da cena significa, em linguagem simples. */
-const CAPTIONS = [
-  ["A tela", "O que sua equipe e seus clientes usam no dia a dia."],
-  [
-    "As integrações",
-    "Os programas que você já usa conversando entre si, sem retrabalho.",
-  ],
-  ["Os dados", "Suas informações guardadas, organizadas e seguras."],
-] as const;
-
 export default function Hero({
   stats,
   clients,
@@ -76,8 +67,13 @@ export default function Hero({
         <div className="hero-scrim" aria-hidden="true" />
         {/* Legendas do mergulho: aparecem enquanto a câmera atravessa cada camada (só no hero fixo, telas grandes). */}
         <ol className="hero-captions">
-          {CAPTIONS.map(([title, text], index) => (
-            <li key={title} style={{ "--i": index } as CSSProperties}>
+          {HERO_CAPTIONS.map(({ title, text, from, to }, index) => (
+            <li
+              key={title}
+              style={
+                { "--i": index, "--from": from, "--to": to } as CSSProperties
+              }
+            >
               <span className="hero-caption-title">{title}</span>
               {text}
             </li>
@@ -86,7 +82,8 @@ export default function Hero({
 
         {/* Os espaços verticais acompanham a altura da tela (svh): subtítulo, botões e faixa de clientes precisam caber no palco fixo. */}
         <div className="hero-content relative mx-auto flex w-full max-w-[max(1400px,var(--shell))] flex-1 flex-col justify-center px-sp-6 pt-[calc(var(--site-header-height)+clamp(8px,2.5svh,32px))] pb-[clamp(16px,3svh,32px)] lg:px-sp-12">
-          <p className="hero-in mb-sp-4 flex items-center gap-sp-3 font-mono text-[12px] uppercase leading-[1.5] tracking-[0.14em] text-[rgba(244,242,237,.72)]">
+          {/* Space Grotesk (a fonte do título, já carregada), e não a Geist Mono: assim nada de fonte nova é baixado antes do LCP. */}
+          <p className="hero-in mb-sp-4 flex items-center gap-sp-3 font-display text-[12px] uppercase leading-[1.5] tracking-[0.14em] text-[rgba(244,242,237,.72)]">
             <span aria-hidden="true" className="h-2 w-2 bg-[var(--slash)]" />
             Evandro Fonseca Junior · Engenharia de software
           </p>
@@ -106,7 +103,7 @@ export default function Hero({
           </h1>
           <p className="hero-in mt-sp-4 max-w-[34em] text-[clamp(16px,0.95rem+0.4vw,22px)] leading-[1.55] text-[rgba(244,242,237,.8)] [--d:.55s] lg:max-w-[min(36em,54%)]">
             Do catálogo com pedido no WhatsApp ao painel da sua equipe. Você
-            fala direto com quem desenvolve.
+            fala com quem desenvolve.
           </p>
 
           <div className="hero-in mt-sp-5 flex flex-col gap-sp-3 [--d:.65s] sm:flex-row sm:flex-wrap sm:items-center">
@@ -117,7 +114,7 @@ export default function Hero({
               placement="hero"
               className="group inline-flex min-h-12 items-center justify-center gap-sp-3 bg-[var(--slash)] px-sp-4 py-sp-3 text-center text-[15px] font-semibold leading-6 text-[var(--ink)] no-underline transition-colors hover:bg-[#d9ff40] motion-reduce:transition-none sm:px-sp-6 sm:text-[16px]"
             >
-              Conversar sobre meu projeto
+              Falar sobre meu projeto
               <svg
                 aria-hidden="true"
                 viewBox="0 0 16 16"
@@ -129,12 +126,12 @@ export default function Hero({
                 <path d="M2 8h11M9 3.5 13.5 8 9 12.5" />
               </svg>
             </WhatsAppLink>
-            <Link
+            <HoverPrefetchLink
               href="/cases"
               className="inline-flex min-h-12 items-center justify-center border border-white/25 bg-transparent px-sp-5 py-sp-3 text-center text-[15px] font-medium leading-6 text-[#f4f2ed] no-underline transition-colors hover:border-white/55 motion-reduce:transition-none sm:text-[16px]"
             >
               Ver projetos entregues
-            </Link>
+            </HoverPrefetchLink>
           </div>
 
           <ClientStrip
@@ -188,7 +185,7 @@ export default function Hero({
           </div>
           <p
             aria-hidden="true"
-            className="hero-cue hidden items-center gap-sp-3 font-mono text-[12px] uppercase tracking-[0.14em] text-[rgba(244,242,237,.55)] lg:flex"
+            className="hero-cue hidden items-center gap-sp-3 font-display text-[12px] uppercase tracking-[0.14em] text-[rgba(244,242,237,.55)] lg:flex"
           >
             Role para mergulhar
             <span className="hero-cue-line" />