feat(site): blocos 3D da marca, novas ofertas e hero mais abrangente

Hero e movimento
- cena 3D em tempo real com os blocos da marca (kit feito no Blender, 3d/blocos.py):
  marca, tela, integrações e dados; segue a rolagem, tem vida em repouso, reage ao
  cursor e, parada no topo, passa sozinha pelos estados com legenda
- três níveis de aparelho (full, lite, static); sem WebGL fica o pôster
- título novo: "Sites e sistemas sob medida para o jeito que a sua empresa trabalha."
- faixa de clientes com o ramo, linha do primeiro passo, hero alinhado às seções
- rótulos digitados, entrada dos blocos, cortina de blocos entre páginas e capa
  compartilhada entre a lista de cases e o case

Ofertas
- atendimento no WhatsApp com IA e nota fiscal para a reforma tributária
  (páginas de serviço, cartões da home, formulário e aviso com data de validade)
- página /ia atualizada, com fontes
- peças 3D em loop nos cartões e topos de página (3d/pecas.py)

Design
- hover por papel (bloco nos botões, barra nos links), rótulos sem caixa alta
- um destino por rótulo: "Falar sobre meu projeto" leva ao formulário,
  "Chamar no WhatsApp" abre o WhatsApp
- logo montado em blocos, 404 redesenhado, grades sem célula vazia
- ícones do PWA e manifesto novos

Specs em specs/, contexto de design em DESIGN.md e PRODUCT.md.

app/components/Header.tsx

@@ -15,6 +15,8 @@ import WhatsAppLink from "./WhatsAppLink";
 
 const MENU_ID = "site-navigation-menu";
 const CTA_LABEL = "Falar sobre meu projeto";
+/** Fora da home o botão abre o WhatsApp: "Falar sobre meu projeto" é sempre o formulário. */
+const WHATSAPP_LABEL = "Chamar no WhatsApp";
 /** Ids que ficam inertes com o menu aberto: o conteúdo da página e o rodapé (o id do rodapé vem de app/layout.tsx). */
 const INERT_IDS = ["main-content", "site-footer"];
 /** A partir do breakpoint xl a barra mostra os links e o menu do celular deixa de existir. */
@@ -55,7 +57,8 @@ function trapTab(event: KeyboardEvent, header: HTMLElement) {
 
 /**
  * Botão de contato do cabeçalho. Fora da home (serviço, case, /ia, /cases, /servicos e /curriculo) ele abre o WhatsApp
- * já com o assunto da página; na home e nas demais páginas leva ao formulário da home.
+ * já com o assunto da página, com o nome "Chamar no WhatsApp"; na home e nas demais páginas leva ao formulário da home
+ * ("Falar sobre meu projeto").
  */
 function ContactCta({
   className,
@@ -78,7 +81,7 @@ function ContactCta({
         placement={placement}
         onClick={onNavigate}
       >
-        {CTA_LABEL}
+        {WHATSAPP_LABEL}
       </WhatsAppLink>
     );
   }
@@ -218,7 +221,7 @@ export function Header({
               <li key={item.href}>
                 <HoverPrefetchLink
                   href={item.href}
-                  className="inline-flex min-h-11 items-center whitespace-nowrap rounded-sm px-sp-3 font-display text-[15px] font-medium normal-case tracking-normal text-white/80 no-underline transition-colors hover:bg-white/5 hover:text-white"
+                  className="cv-bar inline-flex min-h-11 items-center whitespace-nowrap rounded-sm px-sp-3 font-display text-[15px] font-medium normal-case tracking-normal text-white/80 no-underline [--bar-x:var(--sp-3)] hover:text-white"
                 >
                   {item.label}
                 </HoverPrefetchLink>
@@ -230,7 +233,7 @@ export function Header({
         <div className="flex shrink-0 items-center">
           <div className="hidden xl:block" data-menu-trap-skip="">
             <ContactCta
-              className="inline-flex min-h-11 items-center whitespace-nowrap rounded-sm bg-[var(--slash)] px-sp-4 font-display text-[15px] font-semibold normal-case tracking-normal text-[var(--ink)] no-underline transition-colors hover:bg-[var(--white)]"
+              className="cv-fill inline-flex min-h-11 items-center whitespace-nowrap rounded-sm bg-[var(--slash)] px-sp-4 font-display text-[15px] font-semibold normal-case tracking-normal text-[var(--ink)] no-underline"
               placement="header"
               viaWhatsApp={viaWhatsApp}
               subject={subject}
@@ -262,7 +265,7 @@ export function Header({
       {mobileMenuOpen ? (
         // Tela cheia abaixo da barra, com fundo opaco: o conteúdo da página não aparece por trás dos links.
         // A barra de cookies (fixa, acima do cabeçalho) cobre a base da tela: o espaço dela sobe o botão de contato.
-        <div className="absolute inset-x-0 top-[var(--site-header-height)] flex h-[calc(100dvh-var(--site-header-height))] flex-col overflow-y-auto overscroll-contain bg-[var(--ink)] px-sp-6 pb-[calc(var(--sp-6)+env(safe-area-inset-bottom)+var(--cookie-bar-height,0px))] lg:px-sp-8 xl:hidden">
+        <div className="ds-enter absolute inset-x-0 top-[var(--site-header-height)] flex h-[calc(100dvh-var(--site-header-height))] flex-col overflow-y-auto overscroll-contain bg-[var(--ink)] px-sp-6 pb-[calc(var(--sp-6)+env(safe-area-inset-bottom)+var(--cookie-bar-height,0px))] [--enter-y:-8px] lg:px-sp-8 xl:hidden">
           <div className="ds-section-shell flex flex-1 flex-col">
             <nav
               id={MENU_ID}
@@ -274,7 +277,7 @@ export function Header({
                   <li key={item.href} className="border-b border-white/10">
                     <HoverPrefetchLink
                       href={item.href}
-                      className="flex min-h-14 items-center font-display text-[22px] font-medium normal-case leading-tight tracking-normal text-white/85 no-underline transition-colors hover:text-white"
+                      className="cv-bar flex min-h-14 items-center font-display text-[22px] font-medium normal-case leading-tight tracking-normal text-white/85 no-underline [--bar-y:100%] hover:text-white"
                       onClick={closeMobileMenu}
                     >
                       {item.label}
@@ -284,7 +287,7 @@ export function Header({
               </ul>
               <div className="mt-auto pt-sp-8">
                 <ContactCta
-                  className="flex min-h-14 w-full items-center justify-center rounded-sm bg-[var(--slash)] px-sp-4 font-display text-[18px] font-semibold normal-case tracking-normal text-[var(--ink)] no-underline transition-colors hover:bg-[var(--white)]"
+                  className="cv-fill flex min-h-14 w-full items-center justify-center rounded-sm bg-[var(--slash)] px-sp-4 font-display text-[18px] font-semibold normal-case tracking-normal text-[var(--ink)] no-underline"
                   placement="header_menu"
                   viaWhatsApp={viaWhatsApp}
                   subject={subject}