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

@@ -1,12 +1,6 @@
-import Link from "next/link";
-import { textLink } from "./button-styles";
+import { Faq, type FaqEntry } from "./Faq";
 
-export interface FaqItem {
-  question: string;
-  /** Resposta vazia = pergunta preparada, que ainda não é exibida. */
-  answer: string;
-  link?: { href: string; label: string };
-}
+export type FaqItem = FaqEntry;
 
 /**
  * Perguntas da home. As cinco primeiras só dizem o que o site já sustenta (contato, rodapé, /ia) ou o que o dono
@@ -47,51 +41,10 @@ export const FAQ_ITEMS: FaqItem[] = [
   { question: "Como funciona o pagamento?", answer: "" },
 ];
 
-/** Perguntas frequentes da home, antes do contato. Só aparecem as que têm resposta; sem nenhuma, a seção não existe. */
+/**
+ * Perguntas frequentes da home, antes do contato (`#faq`). O desenho é o de `Faq`, o mesmo das páginas de serviço:
+ * só aparecem as perguntas com resposta; sem nenhuma, a seção não existe.
+ */
 export default function HomeFaq({ items = FAQ_ITEMS }: { items?: FaqItem[] }) {
-  const answered = items.filter((item) => item.answer.trim() !== "");
-  if (answered.length === 0) return null;
-
-  return (
-    <section id="faq" aria-labelledby="faq-title" className="ds-section">
-      <div className="ds-section-shell">
-        <p className="ds-eyebrow">Dúvidas comuns</p>
-        <h2
-          id="faq-title"
-          className="ds-section-title max-w-[22ch] text-balance"
-        >
-          Perguntas frequentes
-        </h2>
-        <div className="mt-sp-8 max-w-[860px]">
-          {answered.map((item) => (
-            <details
-              key={item.question}
-              className="group border-t border-[var(--border)] last:border-b"
-            >
-              <summary className="flex min-h-14 cursor-pointer list-none items-center justify-between gap-sp-4 py-sp-4 font-display text-[17px] font-semibold leading-snug text-[var(--ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ink)] [&::-webkit-details-marker]:hidden">
-                {item.question}
-                <span
-                  aria-hidden="true"
-                  className="shrink-0 font-mono text-xl leading-none text-[var(--meta)] transition-transform group-open:rotate-45 motion-reduce:transition-none"
-                >
-                  +
-                </span>
-              </summary>
-              <div className="pb-sp-5">
-                <p className="ds-copy max-w-[65ch]">{item.answer}</p>
-                {item.link ? (
-                  <Link
-                    href={item.link.href}
-                    className={`${textLink} mt-sp-2 text-[var(--ink-80)]`}
-                  >
-                    {item.link.label}
-                  </Link>
-                ) : null}
-              </div>
-            </details>
-          ))}
-        </div>
-      </div>
-    </section>
-  );
+  return <Faq items={items} />;
 }