🛠️ Fluxo de trabalho — etapas 5 a 7

5. Cortar + comprimir quadros (ffmpeg)

• scripts/extract-frames.sh <clip.mp4> frames/<nome> 180 → ~179 JPGs numerados.
• scripts/compress-frames.sh frames/<nome> 1600 88 → 1600px de largura, q88 (nítido, <~15MB/seção).
• Uma pasta por clipe (ex.: frames/spin, frames/explode).

6. Construa o site a partir de templates/

• Copie templates/index.html, styles.css e scroll-cinematic.js para o projeto.
• Edite a configuração SCRUB_SECTIONS (parte inferior do index.html) — uma entrada por clipe:

{ section:"#hero", frameCount:179, bg:"#0a0a12", framePath:(i)=>\frames/spin/frame_${String(i).padStart(4,"0")}.jpg\ }.

• Escreva o texto da marca, a paleta (variáveis CSS), seções de benefícios/variantes de cor/recursos, estatísticas e CTA.
• Técnica de deslocamento de matiz para variantes de produto/cores (sem geração extra):

ffmpeg -i base.png -vf "hue=h=120:s=1.15" variant.png.

7. Inicie no localhost

• Copie templates/Launch Demo.command para o projeto, edite PORT + nome, execute chmod +x.
• Inicie (python3 -m http.server <port>), use curl na página e em um frame para confirmar status 200, abra a URL.
• Informe ao usuário a URL e que clicar duas vezes no .command reinicia o servidor para gravação.