Antes e depois de uma obra ou serviço

Crie um único ficheiro HTML (1920×1080 px, 16:9 horizontal, GSAP via CDN) com um vídeo de 12 segundos de "antes e depois" para nivelamento e regularização de pavimento industrial, realizado pela empresa Atlanti Nível.

Estilo: limpo e profissional. Fundo branco (#FFFFFF) com tipografia sans-serif bold, etiquetas "ANTES" e "DEPOIS" em caixas, destaque em #0E38B1. Em vez de fotografias, represente o estado inicial e o resultado com composições gráficas abstratas em CSS (por exemplo, uma superfície irregular com fissuras versus uma superfície lisa e regular), fáceis de substituir por imagens reais.

Cenas, por ordem:
1. Abertura: "Atlanti Nível" e, por baixo, "nivelamento e regularização de pavimento industrial" em letra menor, com uma linha em #0E38B1 a separar.
2. Antes: a composição do estado inicial ocupa o ecrã, com a etiqueta "ANTES" e duas ou três anotações com setas a apontar problemas.
3. Cortina: uma linha vertical em #0E38B1 desliza da esquerda para a direita e revela o resultado por baixo, com a etiqueta "DEPOIS". A cortina recua e avança uma vez para reforçar a comparação.
4. Dados: três cartões entram em stagger: "1 200 m²", "3 dias" e um terceiro com "Garantia" ou outro dado relevante, cada um com um ícone simples.
5. Final: "Peça o seu orçamento" num botão em #0E38B1 com um cursor a clicar, e o nome da empresa por baixo.

Requisitos: tudo em HTML/CSS animado com GSAP, reprodução automática, sem interação, total de 12 segundos. Respeite as zonas seguras do formato para redes sociais.