Processo de produção em cinco etapas

Crie um único ficheiro HTML (1920×1080 px, 16:9 horizontal, GSAP via CDN) com um vídeo de 20 segundos que explica o processo de produção de portões e guardas em ferro forjado na empresa Serralharia Artística do Norte, em cinco etapas.

Estilo: aspeto técnico e industrial. Fundo cinzento-escuro (#1A1C20) com grelha milimétrica discreta, tipografia sans-serif condensada, etiquetas em caixa alta, linhas finas com cotas e setas, destaque em #F5A623. Ícones geométricos desenhados em CSS para cada etapa.

Cenas, por ordem:
1. Abertura: o nome "Serralharia Artística do Norte" surge com uma linha de cota a medir a sua largura. Por baixo, "Como fazemos portões e guardas em ferro forjado".
2. Linha de processo: uma linha horizontal desenha-se da esquerda para a direita com cinco nós. A câmara acompanha o traço.
3. Etapas: para cada etapa, a câmara aproxima-se do nó, o ícone anima-se (por exemplo, uma peça a ser cortada, uma faísca de soldadura, uma pistola de pintura) e surge a etiqueta: Projeto e medição; Corte e forja; Soldadura e montagem; Tratamento e pintura; Instalação. Um pequeno contador no canto mostra o número da etapa.
4. Visão geral: a câmara recua e mostra a linha completa com os cinco ícones ativos e as etiquetas alinhadas.
5. Final: a linha transforma-se num sublinhado em #F5A623 e surge "Do desenho à instalação, tudo feito por nós." com o nome da empresa.

Requisitos: tudo em HTML/CSS animado com GSAP, reprodução automática, sem interação, total de 20 segundos. Ritmo constante e legível, adequado a feiras e a ecrãs de receção.