feat(home): posicionamento com prova, menu sem recarregar e WhatsApp em todo o site

H1 'Sites e sistemas que trazem pedidos pelo WhatsApp e tiram sua operação da planilha.'; HeroWork maior com a SEV; menu Cases, Serviços, Como trabalho, Sobre e IA com next/link e pré-carregamento no hover; menu do celular em tela cheia; WhatsApp flutuante e no rodapé com a mensagem da rota; rodapé em todas as páginas; FAQ da home; /ia como oferta de revisão de app feito com IA; formulário com noscript, validação do mailto e plano B do pop-up; cartões sem foco indevido; sem a fonte Monument.

app/components/HeroWork.tsx

@@ -1,18 +1,18 @@
 import { getShowcaseAssets } from "@/lib/project-showcase";
 import { BrowserFrame } from "./showcase/BrowserFrame";
 import { PhoneFrame } from "./showcase/PhoneFrame";
-import "./showcase/showcase.css";
 
 /** Endereço mostrado na barra do navegador (mesmo formato de displayUrl em showcase/BrowserFrame). */
 export type HeroWorkUrl = { text: string; secure: boolean } | null;
 
-const DESKTOP_PROJECT = "lavacao-047";
+const DESKTOP_PROJECT = "sev-modaintima";
 const MOBILE_PROJECT = "as-servicos";
 
 /**
- * Trabalho real ao lado do título, só em telas de 1024 px ou mais: o pôster do site da Lavação 047 no navegador
- * e o do aplicativo da AS Serviços no celular. A coluna inteira fica escondida (display: none) abaixo disso,
- * então as imagens (lazy) nem são baixadas no celular, e elas são menores que o título para o H1 seguir como maior elemento.
+ * Trabalho real ao lado do título, só em telas de 1024 px ou mais: o pôster do site da SEV Moda Íntima no navegador
+ * (com o domínio próprio, sevmodaintima.com.br, na barra de endereço) e o do aplicativo da AS Serviços no celular.
+ * A coluna ocupa cerca de 40% da largura. Ela fica escondida (display: none) abaixo de 1024 px,
+ * então as imagens (lazy) nem são baixadas no celular.
  */
 export default function HeroWork({ url = null }: { url?: HeroWorkUrl }) {
   const desktop = getShowcaseAssets(DESKTOP_PROJECT, "desktop");
@@ -21,13 +21,13 @@ export default function HeroWork({ url = null }: { url?: HeroWorkUrl }) {
   return (
     <div
       data-testid="hero-work"
-      className="hero-in pointer-events-none absolute right-sp-12 bottom-sp-8 hidden w-[clamp(300px,24vw,400px)] [--d:.8s] lg:block"
+      className="hero-in pointer-events-none absolute top-1/2 right-sp-12 hidden w-[40%] -translate-y-[46%] [--d:.8s] lg:block"
     >
       <BrowserFrame url={url} className="w-[88%]">
         {/* biome-ignore lint/performance/noImgElement: pôster de 1440 px já otimizado em /public/videos; next/image pediria o otimizador para um arquivo menor que o necessário */}
         <img
           src={desktop.poster}
-          alt="Site da Lavação 047 aberto no computador"
+          alt="Site da SEV Moda Íntima aberto no computador"
           width={desktop.width}
           height={desktop.height}
           loading="lazy"
@@ -36,7 +36,11 @@ export default function HeroWork({ url = null }: { url?: HeroWorkUrl }) {
           className="block h-auto w-full"
         />
       </BrowserFrame>
-      <PhoneFrame className="absolute right-0 bottom-[-12%] w-[34%]">
+      {/* position inline: .ds-phone (showcase.css, sem camada) define position: relative e vence a utilidade "absolute" */}
+      <PhoneFrame
+        className="right-0 bottom-[-12%] w-[26%]"
+        style={{ position: "absolute" }}
+      >
         {/* biome-ignore lint/performance/noImgElement: mesmo motivo do pôster desktop */}
         <img
           src={phone.poster}