diff --git a/.claude/skills/_perfil-oney.md b/.claude/skills/_perfil-oney.md
new file mode 100644
index 00000000..ccc14bf3
--- /dev/null
+++ b/.claude/skills/_perfil-oney.md
@@ -0,0 +1,18 @@
+# Perfil do criador (lido por todas as skills /reel-oney, /reel-editorial-oney, /reel-explicativo-oney, /video-colagem-oney, /anuncios-oney)
+
+Antes do primeiro vídeo, procure `perfil.json` na raiz do kit. Se não existir, pergunte ao aluno
+UMA vez, numa mensagem só, e salve:
+
+```json
+{
+  "nome": "Nome que aparece no perfil",
+  "usuario": "arroba_sem_o_arroba",
+  "nicho": "Ex.: Marketing Digital",
+  "seguidores": "Ex.: 12,4 mil (como aparece no Instagram)",
+  "pasta_prints": "C:\\Users\\<voce>\\Pictures\\Screenshots",
+  "avatar": "caminho da foto de perfil (opcional)"
+}
+```
+
+Use esses dados sempre que um template mostrar nome, @, avatar ou número de seguidores.
+Nunca invente números, logos, capas ou prints. Se faltar algo, peça ao aluno o print exato.
diff --git a/.claude/skills/anuncios-oney/SKILL.md b/.claude/skills/anuncios-oney/SKILL.md
new file mode 100644
index 00000000..d9656f5e
--- /dev/null
+++ b/.claude/skills/anuncios-oney/SKILL.md
@@ -0,0 +1,109 @@
+---
+name: anuncios-oney
+description: Edit a talking-head recording into an AD in Oney Araujo's style (anúncio / criativo) — a headline title in the first 5 s, then animated SCHEMATICS above the head that illustrate what the person is saying (flows, before/after, não ✕ / sim ✓, mock app screens, real prints with view counters) instead of text that repeats the captions; word-by-word captions, Meta Reels safe zones, no pauses or retakes. Use when the user says /anuncios-oney", "anúncio", "criativo", or asks for the ad-style edit. For organic Reels use reel-oney instead.
+---
+
+# Anúncios no estilo do Oney
+
+First read `../_perfil-oney.md` and load (or create) `perfil.json`. Also ask, if not given: product name,
+the call to action, and the product images/prints to show (cover, mockup, results, prints of past videos
+with their view counts). Put them in `assets/img/` replacing the placeholders (see the list below).
+
+`src/index.template.html` (copied from `template/esquemas.template.html`) is a full working ad from the
+course author ("Edição Viral com Claude", 1:48) with placeholders where his images were. Keep its CSS
+system and helpers; rewrite the headline and the schematics for the new script. The older text-beat
+ad is in `src/classico.template.html` (use only if the user asks for that look).
+
+## Structure: headline, then schematics (mandatory)
+
+1. **0 → ~5 s: headline only.** One big Advercase Bold title (white line + yellow line, ~90–125 px,
+   optional yellow underline sweep on the key word). No diagram, no UI, no images.
+2. **After the headline: one schematic per spoken idea, changing on the word.** The top zone SHOWS the
+   mechanism; it never re-types the sentence (the captions already say it). Text inside a schematic is
+   limited to short labels (1–3 words: "bruto · 4:05", "gaguejo", "com IA", "seu vídeo").
+3. When the product sells a process, show the **complexity of the old way next to the simplicity of the
+   new one** (e.g. crowded manual timeline + clock to 40:00 + ✕ vs one request + 10:00 + ✓).
+
+Schematic patterns in the template (reuse and re-time them):
+
+| Idea said | Schematic |
+|---|---|
+| "I did X → sent to Y → got Z" | Flow: phone card (raw frame) → dashed arrow + travelling dot → round node → arrow → result phone card |
+| removes errors / pauses | Waveform panel: problem parts turn blue/red with tags, then shrink away; timer counts down to the new length |
+| happens automatically | Phone mock where elements appear by themselves + "0 cliques" counter |
+| old way × new way | Two panels: dense multi-track timeline + clock + ✕ stamp vs a single request box + ✓ stamp |
+| objections ("sem tempo", "não sei") | **Não ✕ / Sim ✓**: problem cards each get a red ✕ → arrow → solution card with green ✓ |
+| doubt → proof | Chat bubble with the doubt → test card with ✓ |
+| "you must explain what you want" | Generic request → grey generic result ✕ vs a detailed instruction file typing → ✓ |
+| list of offerings | Dashed empty slots that fill with real frames/images, one per spoken item |
+| course / product | Real cover + chips flying into it + rising chart |
+| social proof | Real prints with view counters ticking up (crop the print's own counter out) |
+| copy a style | Reference → node → the user's frame receiving the same styling + "= mesmo estilo" |
+| offer / launch | Price-tag shape + rubber-stamp discount → post mock with upload bar → "✓ publicado" |
+| "grava, edita, posta" | Three icon nodes lit on each word |
+
+Before rendering, read every beat and ask: "does the top zone SHOW it, or just repeat the caption?"
+
+Placeholders in `assets/img/` (replace with the user's real images; never invent logos, covers or results):
+`bruto.jpg` (made automatically from the recording) · `editado.jpg` (frame of an edited video) · `capa.jpg`
+(product cover, portrait) · `exemplo1-4.jpg` (frames of the user's own videos) · `referencia.jpg` ·
+`print1-3.png` (prints of the user's videos) · `avatar.png` · `produto.jpg`, `antes.png`, `agora.png` (classic
+template). Write the user's @ from `perfil.json` where the template says `seu_usuario`. If an image is
+missing, drop or redesign that schematic instead of showing a placeholder.
+
+## Safe zones (Meta Reels ads — mandatory)
+
+Keep **14 % top, 35 % bottom, 6 % each side** free of text. On 1080×1920 the safe box is
+**x 65–1015, y 270–1248**: every word, number, badge, CTA and the schematics' labels must sit inside it
+(including scale/rotation peaks). Only decoration (scrim, panel shadows) may bleed. Captions go on the chest
+just under the chin, centred, and above y ~1640 (the post's name/caption start below). Check with
+`node $S/safe-sheet.mjs renders/<draft>.mp4 safe.jpg t1 t2 …` (red box on each frame).
+
+## Look
+
+| Element | Rule |
+|---|---|
+| Top zone | y 280 → head top (measure per video on a contact sheet). Soft top scrim `linear-gradient(180deg, rgba(0,0,0,.66) → transparent)`. |
+| Schematic kit | Dark panels `rgba(16,16,19,.92)` radius 22 with a 1 px light border; phone cards 160×284 (9:16) with real frames; round orange node `#d97757` for the AI step; dashed arrows with a travelling yellow dot; red `#ff453a` ✕ and green `#30d158` ✓ round stamps that pop on the word; UI labels in Arial bold. Repeated decoration (waveform bars, timeline clips) uses the template's seeded `rnd()`, never `Math.random` or GSAP `from:"random"`. |
+| Type | Advercase Bold for headline, labels, captions. White; accent **yellow `#ffd21f`**. |
+| Motion | Short entrances: rise + fade 0.45–0.6 s (`power3.out` / `expo.out`), stamps `back.out` pop, counters ticking, bars filling, arrows growing. Exits 0.28 s fade. Beats change on the spoken word. |
+| Captions | One word at a time, Advercase Bold 46 px, white with dark stroke, just under the chin (`#cap{top:…}`, set per video). |
+| CTA | Comment-box mock typing the keyword ("EU QUERO") + direct-message card, or a white "Saiba mais ›" bar. |
+
+## Cuts
+
+Remove every pause (−30 dB / 0.15 s) and every retake, ≤ 90 s if possible. When a sentence is said twice,
+keep the LAST (corrected) version. Run `build-cut.mjs --no-jl`, re-transcribe `clean.mp4` and read it for
+doubled phrases / clipped words. The full transcript HIDES retakes: also scan the whole clean video in short
+windows in ONE call, `$PY $S/transcribe-local-whisper.py clean.mp4 --windows 1,3,5,7,…` (every 2 s to the
+end), and compare.
+
+## Speed rules (students may have slow PCs — these override the steps below)
+
+- The raw transcription in the scaffold step is automatically `--fast` (small model when there is no NVIDIA GPU):
+  it is only used to choose the cut. The re-transcription of `clean.mp4` (captions) uses the accurate settings —
+  run it once per cut version, not after every small change.
+- Check splices / retakes in ONE call (one model load) with `--windows`. Never transcribe windows one by one.
+- Do not render a full draft just to look at frames. Use `npx hyperframes snapshot --at t1,t2,… -o snapshots`
+  (one time per beat) and look at the PNGs. Render the video once, when the snapshots are right:
+  `npx hyperframes render --output renders/<slug>-final.mp4`. Render again only for requested changes.
+- raw.mp4 / clean.mp4 encoding picks the fastest encoder automatically. Do not override it.
+- Before each slow step, tell the user in one short Portuguese line what is running and that it may take a few
+  minutes ("Transcrevendo o vídeo — no seu PC pode levar uns minutos."), so the wait never looks like a freeze.
+
+## Workflow (run from the kit root)
+
+`S=.claude/skills/anuncios-oney/scripts` · `PY=~/.venvs/whisper/Scripts/python.exe` (Mac: `~/.venvs/whisper/bin/python`)
+
+1. `node $S/new-anuncio.mjs "<video>" <slug>` → project with raw.mp4, raw.json, words.txt, the templates,
+   placeholder images and `assets/img/bruto.jpg`.
+2. Contact sheet of raw.mp4 to find head top / chin; set the top zone and `#cap` top.
+3. Write `assets/keeps.json`; in `assets/`: `node ../../../$S/build-cut.mjs --no-jl`.
+4. In `assets/`: `PYTHONIOENCODING=utf-8 $PY ../../../$S/transcribe-local-whisper.py clean.mp4 transcript.json`;
+   read it; run the `--windows` scan; fix keeps until clean; mishearings → `assets/caption-fixes.json`.
+5. Rewrite `src/index.template.html`: headline for 0–5 s, then a schematic per spoken idea; fill name/@/avatar
+   from `perfil.json`; times from `node $S/anchors.mjs "frase" …`. Swap imagery in `assets/img/`.
+6. `node $S/build-index.mjs` → `npx hyperframes lint` (0 errors) → `npx hyperframes snapshot --at …` at every beat
+   and LOOK (face never covered, labels readable, numbers correct, no placeholder left) → render → `safe-sheet.mjs`
+   on the beat times → final `renders/<slug>-final.mp4`.
+7. Hand-off (Portuguese, short): path, what was cut, assets used, anything uncertain. Never publish.
diff --git a/.claude/skills/anuncios-oney/scripts/anchors.mjs b/.claude/skills/anuncios-oney/scripts/anchors.mjs
new file mode 100644
index 00000000..deb3731a
--- /dev/null
+++ b/.claude/skills/anuncios-oney/scripts/anchors.mjs
@@ -0,0 +1,11 @@
+// Print output-timeline times for spoken phrases, to time overlays.
+// Run in the project root: node <skill>/scripts/anchors.mjs "menos seguidores" "do que eu" ...
+import { readFileSync } from "node:fs";
+const w = JSON.parse(readFileSync("assets/transcript.json", "utf8")).words;
+const n = (s) => s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9%]/g, "");
+for (const phrase of process.argv.slice(2)) {
+  const p = phrase.split(/\s+/).map(n);
+  const hits = [];
+  for (let i = 0; i < w.length; i++) if (p.every((x, j) => w[i + j] && n(w[i + j].text) === x)) hits.push(`${w[i].start.toFixed(2)}–${w[i + p.length - 1].end.toFixed(2)}`);
+  console.log(`${phrase.padEnd(32)} ${hits.join("  ") || "??"}`);
+}
diff --git a/.claude/skills/anuncios-oney/scripts/build-cut.mjs b/.claude/skills/anuncios-oney/scripts/build-cut.mjs
new file mode 100644
index 00000000..f6538cbb
--- /dev/null
+++ b/.claude/skills/anuncios-oney/scripts/build-cut.mjs
@@ -0,0 +1,67 @@
+// Cut raw.mp4 into clean.mp4 from keeps.json, removing every measured pause, with J/L cuts at edit points.
+// Run inside <project>/assets:  node <skill>/scripts/build-cut.mjs [--jl 4] [--no-jl]
+// Inputs: raw.mp4, keeps.json ({fps, keeps:[{from,to,why}]}), silences.txt (made here if missing).
+// Outputs: clean.mp4, edit-decisions.json (audio timeline = caption timeline).
+import { readFileSync, writeFileSync, existsSync } from "node:fs";
+import { execFileSync, spawnSync } from "node:child_process";
+import { videoEncoder, HWDEC } from "./encoder.mjs";
+
+const args = process.argv.slice(2);
+const JL = args.includes("--no-jl") ? 0 : Number(args[args.indexOf("--jl") + 1] || 4); // frames
+const { keeps, fps = 30 } = JSON.parse(readFileSync("keeps.json", "utf8"));
+const frame = (t) => Math.round(t * fps) / fps;
+
+// 1. measured silences (ffmpeg silencedetect, -30 dB, 0.15 s)
+if (!existsSync("silences.txt")) {
+  const r = spawnSync("ffmpeg", ["-v", "info", "-i", "raw.mp4", "-vn", "-af", "silencedetect=noise=-30dB:d=0.15", "-f", "null", "-"], { encoding: "utf8" });
+  const s = [...r.stderr.matchAll(/silence_start: ([\d.]+)[\s\S]*?silence_end: ([\d.]+)/g)].map((m) => `${m[1]} ${m[2]}`);
+  writeFileSync("silences.txt", s.join("\n"));
+}
+// Keep a short tail after speech and a slightly longer lead-in before the next onset.
+const TAIL = 0.05, LEAD = 0.08;
+const silences = readFileSync("silences.txt", "utf8").trim().split(/\s*\n/).filter(Boolean).map((l) => l.trim().split(" ").map(Number))
+  .map(([a, b]) => [a + TAIL, b - LEAD]).filter(([a, b]) => b - a > 0.06);
+
+// 2. audio pieces = keep ranges minus silences
+const pieces = [];
+for (const k of keeps) {
+  let cur = k.from;
+  for (const [a, b] of silences) {
+    if (b <= cur || a >= k.to) continue;
+    if (a > cur) pieces.push({ s: frame(cur), e: frame(a), why: k.why });
+    cur = b;
+  }
+  if (k.to > cur) pieces.push({ s: frame(cur), e: frame(k.to), why: k.why });
+}
+const segs = pieces.filter((p) => p.e - p.s >= 2 / fps);
+
+// 3. video pieces: same durations, but at real edit points the picture cut is offset from the sound cut.
+//    Alternate J (sound of the next shot leads) and L (picture of the next shot leads).
+const d = JL / fps;
+const vsegs = segs.map((g) => ({ s: g.s, e: g.e }));
+let flip = 0;
+for (let i = 0; i < segs.length - 1 && d > 0; i++) {
+  const gap = segs[i + 1].s - segs[i].e;
+  if (gap < 0.25) continue; // not a visible edit point
+  if (flip++ % 2 === 0) { vsegs[i].e += d; vsegs[i + 1].s += d; }      // J: old picture holds while new sound starts
+  else { vsegs[i].e -= d; vsegs[i + 1].s -= d; }                        // L: new picture arrives before its sound
+}
+
+let out = 0;
+const decisions = segs.map((g, i) => {
+  const r = { source_start: g.s, source_end: g.e, video_start: +vsegs[i].s.toFixed(3), video_end: +vsegs[i].e.toFixed(3), output_start: +out.toFixed(3), output_end: +(out + g.e - g.s).toFixed(3), reason: g.why };
+  out += g.e - g.s;
+  return r;
+});
+
+const f = segs.map((g, i) => {
+  const v = vsegs[i], dur = g.e - g.s;
+  return `[0:v]trim=${v.s.toFixed(4)}:${v.e.toFixed(4)},setpts=PTS-STARTPTS[v${i}];` +
+    `[0:a]atrim=${g.s}:${g.e},asetpts=PTS-STARTPTS,afade=t=in:d=0.012,afade=t=out:st=${(dur - 0.012).toFixed(3)}:d=0.012[a${i}];`;
+}).join("") + segs.map((_, i) => `[v${i}]`).join("") + `concat=n=${segs.length}:v=1:a=0[v];` + segs.map((_, i) => `[a${i}]`).join("") + `concat=n=${segs.length}:v=0:a=1[a]`;
+writeFileSync("cut-filter.txt", f);
+execFileSync("ffmpeg", ["-y", "-v", "error", "-i", "raw.mp4", "-filter_complex_script", "cut-filter.txt",
+  "-map", "[v]", "-map", "[a]", ...videoEncoder(), "-r", String(fps),
+  "-c:a", "aac", "-b:a", "192k", "-shortest", "clean.mp4"], { stdio: "inherit" });
+writeFileSync("edit-decisions.json", JSON.stringify({ source: "assets/raw.mp4", fps, jl_frames: JL, duration: +out.toFixed(3), segments: decisions }, null, 1));
+console.log(`segments=${segs.length} jl_edits=${flip} duration=${out.toFixed(2)}s`);
diff --git a/.claude/skills/anuncios-oney/scripts/build-index.mjs b/.claude/skills/anuncios-oney/scripts/build-index.mjs
new file mode 100644
index 00000000..2b24cae2
--- /dev/null
+++ b/.claude/skills/anuncios-oney/scripts/build-index.mjs
@@ -0,0 +1,29 @@
+// Inlines captions (one clip per word) and duration into index.html from assets/transcript.json.
+// Run in the project root: node <skill>/scripts/build-index.mjs
+import { readFileSync, writeFileSync, existsSync } from "node:fs";
+const t = JSON.parse(readFileSync("assets/transcript.json", "utf8"));
+const dur = t.audio_duration_secs;
+// Whisper mishearings, fixed for captions only: assets/caption-fixes.json {"wrong": "right", "drop": ""}
+const fix = existsSync("assets/caption-fixes.json") ? JSON.parse(readFileSync("assets/caption-fixes.json", "utf8")) : {};
+const words = [];
+for (let i = 0; i < t.words.length; i++) {
+  const w = t.words[i], n = t.words[i + 1];
+  if (w.text === "e" && n && n.text === "-mail") { words.push({ text: "e-mail", start: w.start }); i++; continue; }
+  // Glue a lone "%" onto its number ("100" + "%" -> "100%").
+  if (n && n.text === "%") { words.push({ text: w.text + "%", start: w.start }); i++; continue; }
+  const txt = w.text.replace(/^-/, "");
+  const f = txt in fix ? fix[txt] : txt;
+  if (f) words.push({ text: f, start: w.start });
+}
+const esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;");
+const caps = words.map((w, i) => {
+  const next = words[i + 1] ? words[i + 1].start : dur;
+  const d = Math.min(next - w.start, 1.2);
+  if (d <= 0.01) return "";
+  return `<div class="w clip" id="w${i}" data-start="${w.start.toFixed(3)}" data-duration="${d.toFixed(3)}" data-track-index="5">${esc(w.text)}</div>`;
+}).join("\n");
+writeFileSync("index.html", readFileSync("src/index.template.html", "utf8").replaceAll("__DUR__", dur.toFixed(3)).replace("__CAPTIONS__", caps));
+const meta = JSON.parse(readFileSync("meta.json", "utf8"));
+Object.assign(meta, { id: "reel", width: 1080, height: 1920, fps: 30 });
+writeFileSync("meta.json", JSON.stringify(meta, null, 2));
+console.log("index.html built, duration", dur, "captions", words.length);
diff --git a/.claude/skills/anuncios-oney/scripts/encoder.mjs b/.claude/skills/anuncios-oney/scripts/encoder.mjs
new file mode 100644
index 00000000..cd175c31
--- /dev/null
+++ b/.claude/skills/anuncios-oney/scripts/encoder.mjs
@@ -0,0 +1,28 @@
+// Fastest H.264 encoder this machine actually supports, for intermediate files (raw.mp4, clean.mp4).
+// Tries the GPU / integrated-graphics encoders first (NVIDIA, Intel Quick Sync, AMD, Apple), then falls
+// back to libx264 ultrafast. Each candidate is probed with a tiny test encode, because ffmpeg lists
+// encoders the hardware may not have. Force CPU with EDITE_REELS_ENCODER=cpu.
+import { spawnSync } from "node:child_process";
+
+const CPU = ["-c:v", "libx264", "-preset", "ultrafast", "-crf", "18"];
+const CANDIDATES = [
+  ["h264_nvenc", ["-preset", "p4", "-rc", "vbr", "-cq", "20", "-b:v", "0"]],
+  ["h264_qsv", ["-global_quality", "22"]],
+  ["h264_amf", ["-quality", "balanced", "-rc", "cqp", "-qp_i", "20", "-qp_p", "22"]],
+  ["h264_videotoolbox", ["-b:v", "14M"]],
+];
+let cached;
+
+export function videoEncoder() {
+  if (cached) return cached;
+  if (process.env.EDITE_REELS_ENCODER === "cpu") return (cached = CPU);
+  for (const [name, args] of CANDIDATES) {
+    const probe = spawnSync("ffmpeg", ["-v", "error", "-f", "lavfi", "-i", "color=c=black:s=320x320:d=0.2",
+      "-pix_fmt", "yuv420p", "-c:v", name, ...args, "-f", "null", "-"]);
+    if (probe.status === 0) return (cached = ["-c:v", name, ...args]);
+  }
+  return (cached = CPU);
+}
+
+// Hardware-accelerated decoding where available (phone HEVC/4K decodes much faster); ffmpeg falls back silently.
+export const HWDEC = ["-hwaccel", "auto"];
diff --git a/.claude/skills/anuncios-oney/scripts/find-prints.mjs b/.claude/skills/anuncios-oney/scripts/find-prints.mjs
new file mode 100644
index 00000000..41d74752
--- /dev/null
+++ b/.claude/skills/anuncios-oney/scripts/find-prints.mjs
@@ -0,0 +1,24 @@
+// Search your screenshot index (OCR text) for candidate prints.
+// Usage: node find-prints.mjs "seguidores" "1,6 mi" [--min-w 600] [--since 2026-01-01] [--limit 15]
+// Score = number of query terms found in the OCR text (accent/case-insensitive). Always LOOK at a candidate before using it.
+import { readFileSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { dirname, join } from "node:path";
+
+const here = dirname(fileURLToPath(import.meta.url));
+const idx = JSON.parse(readFileSync(join(here, "..", "..", "reel-oney", "prints-index.json"), "utf8").replace(/^/, ""));
+const argv = process.argv.slice(2);
+const opt = (k, d) => (argv.includes(k) ? argv[argv.indexOf(k) + 1] : d);
+const flags = new Set(["--min-w", "--since", "--limit"]);
+const terms = argv.filter((a, i) => !a.startsWith("--") && !flags.has(argv[i - 1]));
+const norm = (s) => (s || "").normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+const minW = Number(opt("--min-w", 0)), since = opt("--since", ""), limit = Number(opt("--limit", 15));
+
+const hits = idx
+  .filter((x) => x.w >= minW && (!since || x.date >= since))
+  .map((x) => ({ x, score: terms.reduce((n, t) => n + (norm(x.text).includes(norm(t)) ? 1 : 0), 0) }))
+  .filter((h) => h.score > 0 || !terms.length)
+  .sort((a, b) => b.score - a.score || b.x.date.localeCompare(a.x.date))
+  .slice(0, limit);
+for (const { x, score } of hits) console.log(`${score} | ${x.date} | ${x.w}x${x.h} | ${x.file}\n    ${norm(x.text).replace(/\s+/g, " ").slice(0, 160)}`);
+if (!hits.length) console.log("no matches");
diff --git a/.claude/skills/anuncios-oney/scripts/new-anuncio.mjs b/.claude/skills/anuncios-oney/scripts/new-anuncio.mjs
new file mode 100644
index 00000000..5d5f5d25
--- /dev/null
+++ b/.claude/skills/anuncios-oney/scripts/new-anuncio.mjs
@@ -0,0 +1,48 @@
+// Scaffold an ad project from a phone recording and transcribe it.
+// Run from the kit root:  node .claude/skills/anuncios-oney/scripts/new-anuncio.mjs "<video path>" <slug>
+// Creates video-projects/<slug>/ with assets/raw.mp4 (1080x1920 30fps), assets/raw.json (word timings),
+// assets/words.txt (readable word/time dump with pauses), fonts, src/index.template.html.
+import { execFileSync } from "node:child_process";
+import { videoEncoder, HWDEC } from "./encoder.mjs";
+import { cpSync, mkdirSync, readFileSync, writeFileSync, existsSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { dirname, join, resolve } from "node:path";
+import { homedir } from "node:os";
+const PY = process.env.WHISPER_PYTHON || join(homedir(), ".venvs", "whisper", process.platform === "win32" ? "Scripts/python.exe" : "bin/python");
+
+const [src, slug] = process.argv.slice(2);
+if (!src || !slug) { console.error('usage: new-reel.mjs "<video>" <slug>'); process.exit(1); }
+const skill = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+const proj = resolve("video-projects", slug);
+if (!existsSync(proj)) execFileSync(process.execPath, ["scripts/new-video.mjs", slug], { stdio: "inherit" });
+mkdirSync(join(proj, "src"), { recursive: true });
+cpSync(join(skill, "template", "fonts"), join(proj, "assets", "fonts"), { recursive: true });
+// default structure: headline in the first 5 s, then schematics (esquemas). The older text-beat ad stays as classico.template.html.
+if (!existsSync(join(proj, "src", "index.template.html"))) cpSync(join(skill, "template", "esquemas.template.html"), join(proj, "src", "index.template.html"));
+cpSync(join(skill, "template", "index.template.html"), join(proj, "src", "classico.template.html"));
+cpSync(join(skill, "template", "DESIGN.md"), join(proj, "DESIGN.md"));
+// placeholder imagery used by the templates — replace with the student's own per ad
+cpSync(join(skill, "template", "example-img"), join(proj, "assets", "img"), { recursive: true });
+
+const a = join(proj, "assets");
+if (!existsSync(join(a, "raw.mp4"))) {
+  console.log("transcoding…");
+  // ffmpeg applies the phone's rotation flag, so the output is upright 1080x1920
+  execFileSync("ffmpeg", ["-y", "-v", "error", ...HWDEC, "-i", src, "-map", "0:v:0", "-map", "0:a:0", "-vf", "scale=1080:1920:force_original_aspect_ratio=increase,crop=1080:1920",
+    ...videoEncoder(), "-r", "30", "-c:a", "aac", "-b:a", "192k", "-movflags", "+faststart", join(a, "raw.mp4")], { stdio: "inherit" });
+}
+// a frame of the raw recording for the "bruto" phone cards in the schematics
+if (!existsSync(join(a, "img", "bruto.jpg"))) execFileSync("ffmpeg", ["-y", "-v", "error", "-ss", "3", "-i", join(a, "raw.mp4"), "-frames:v", "1", "-vf", "scale=360:640", "-q:v", "3", join(a, "img", "bruto.jpg")]);
+console.log("transcribing (Whisper local — na primeira vez baixa o modelo, demora)…");
+execFileSync(PY, [join(skill, "scripts", "transcribe-local-whisper.py"), join(a, "raw.mp4"), join(a, "raw.json"), "--fast"],
+  { stdio: ["ignore", "inherit", "ignore"], env: { ...process.env, PYTHONIOENCODING: "utf-8" } });
+
+const t = JSON.parse(readFileSync(join(a, "raw.json"), "utf8"));
+let out = "", line = "", ls = 0, prev = 0;
+for (const w of t.words) {
+  if (w.start - prev > 0.5 || line.length > 90) { if (line) out += `${ls.toFixed(2).padStart(7)} ${line}\n`; if (w.start - prev > 0.5) out += `        --- pause ${(w.start - prev).toFixed(1)}s\n`; line = ""; ls = w.start; }
+  line += `${w.text}@${w.start.toFixed(2)} `; prev = w.end;
+}
+out += `${ls.toFixed(2).padStart(7)} ${line}\n`;
+writeFileSync(join(a, "words.txt"), out);
+console.log(`ready: ${proj}  (duration ${t.audio_duration_secs}s, ${t.words.length} words; see assets/words.txt)`);
diff --git a/.claude/skills/anuncios-oney/scripts/safe-sheet.mjs b/.claude/skills/anuncios-oney/scripts/safe-sheet.mjs
new file mode 100644
index 00000000..988507b9
--- /dev/null
+++ b/.claude/skills/anuncios-oney/scripts/safe-sheet.mjs
@@ -0,0 +1,25 @@
+// Contact sheet of rendered frames with the Meta Reels safe box drawn on top (x 65–1015, y 270–1248).
+// Run from the project root:  node <skill>/scripts/safe-sheet.mjs renders/<file>.mp4 out.jpg 1.2 5.0 9.8 …
+// Look at every tile: no text, number, badge, CTA or caption may cross the red lines.
+// The shaded areas show what the Reels UI covers (profile/"Patrocinado" on top; caption + CTA below).
+import { execFileSync } from "node:child_process";
+import { mkdtempSync, rmSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+
+const [video, out, ...times] = process.argv.slice(2);
+if (!video || !out || !times.length) { console.error("usage: safe-sheet.mjs <video> <out.jpg> t1 t2 …"); process.exit(1); }
+const dir = mkdtempSync(join(tmpdir(), "safe-"));
+const box = [
+  "drawbox=x=0:y=0:w=1080:h=269:color=red@0.22:t=fill",
+  "drawbox=x=0:y=1249:w=1080:h=671:color=red@0.22:t=fill",
+  "drawbox=x=0:y=269:w=65:h=980:color=red@0.22:t=fill",
+  "drawbox=x=1015:y=269:w=65:h=980:color=red@0.22:t=fill",
+  "drawbox=x=65:y=270:w=950:h=979:color=red:t=4",
+].join(",");
+times.forEach((t, i) => execFileSync("ffmpeg", ["-v", "error", "-y", "-ss", t, "-i", video, "-frames:v", "1",
+  "-vf", `${box},scale=360:640`, "-update", "1", join(dir, `f${String(i).padStart(3, "0")}.png`)]));
+const cols = Math.min(6, times.length), rows = Math.ceil(times.length / cols);
+execFileSync("ffmpeg", ["-v", "error", "-y", "-i", join(dir, "f%03d.png"), "-vf", `tile=${cols}x${rows}:padding=6`, "-frames:v", "1", "-update", "1", out]);
+rmSync(dir, { recursive: true, force: true });
+console.log(`safe sheet: ${out} — tiles left→right, top→bottom: ${times.join(", ")} s`); // (ffmpeg drawtext crashes on this Windows build: no labels)
diff --git a/.claude/skills/anuncios-oney/scripts/transcribe-local-whisper.py b/.claude/skills/anuncios-oney/scripts/transcribe-local-whisper.py
new file mode 100644
index 00000000..ca461b69
--- /dev/null
+++ b/.claude/skills/anuncios-oney/scripts/transcribe-local-whisper.py
@@ -0,0 +1,94 @@
+"""Local word-level transcription with faster-whisper, tuned for slow PCs.
+
+Writes the kit's transcript shape: {"words": [{text,start,end}], "audio_duration_secs"}.
+
+Usage:
+  python transcribe-local-whisper.py <media> <out.json>              # captions quality
+  python transcribe-local-whisper.py <media> <out.json> --fast       # raw take, only to choose the cut
+  python transcribe-local-whisper.py <media> --windows 12.4,30.1,... # check splices: text of a 3 s window
+                                                                      # around each time, ONE model load
+Options: --model NAME_OR_DIR (env WHISPER_MODEL) · --lang pt · --span 3
+
+Speed rules (measured on CPU, 1 min of speech, 4 threads):
+  medium beam 5 = 19.5 s · medium beam 1 = 14.5 s · small beam 1 = 5.5 s (base is too inaccurate for PT)
+  With an NVIDIA GPU everything uses medium beam 5 (fast anyway).
+  Without one: --fast and --windows use small; captions use medium with beam 1.
+"""
+import argparse, glob, json, os, subprocess, sys, site, tempfile
+
+
+def add_cuda_dlls():
+    if os.name != "nt":
+        return
+    for base in site.getsitepackages():
+        for d in glob.glob(os.path.join(base, "nvidia", "*", "bin")):
+            os.add_dll_directory(d)
+            os.environ["PATH"] = d + os.pathsep + os.environ["PATH"]
+
+
+def to_wav(media, start=None, dur=None):
+    """Decode with ffmpeg to 16 kHz mono WAV: avoids decoder errors on phone files and is faster to read."""
+    fd, path = tempfile.mkstemp(suffix=".wav"); os.close(fd)
+    cmd = ["ffmpeg", "-v", "error", "-y"]
+    if start is not None:
+        cmd += ["-ss", f"{start:.3f}"]
+    cmd += ["-i", media]
+    if dur is not None:
+        cmd += ["-t", f"{dur:.3f}"]
+    subprocess.run(cmd + ["-vn", "-ac", "1", "-ar", "16000", path], check=True)
+    return path
+
+
+def load(model_name, fast):
+    add_cuda_dlls()
+    from faster_whisper import WhisperModel
+    try:
+        m = WhisperModel(model_name or "medium", device="cuda", compute_type="float16")
+        return m, "cuda", 5
+    except Exception:
+        name = model_name or ("small" if fast else "medium")
+        m = WhisperModel(name, device="cpu", compute_type="int8", cpu_threads=os.cpu_count() or 4)
+        return m, "cpu", 1
+
+
+def main():
+    ap = argparse.ArgumentParser()
+    ap.add_argument("media")
+    ap.add_argument("out", nargs="?")
+    ap.add_argument("--model", default=os.environ.get("WHISPER_MODEL"))
+    ap.add_argument("--lang", default="pt")
+    ap.add_argument("--fast", action="store_true")
+    ap.add_argument("--windows", default="")
+    ap.add_argument("--span", type=float, default=3.0)
+    a = ap.parse_args()
+
+    if a.windows:
+        model, device, beam = load(a.model, True)
+        for t in [float(x) for x in a.windows.split(",") if x.strip()]:
+            start = max(0.0, t - a.span / 2)
+            wav = to_wav(a.media, start, a.span)
+            segs, _ = model.transcribe(wav, language=a.lang, beam_size=beam, condition_on_previous_text=False)
+            print(f"[{t:8.2f}] {' '.join(s.text.strip() for s in segs)}", flush=True)
+            os.remove(wav)
+        return
+
+    if not a.out:
+        sys.exit("usage: transcribe-local-whisper.py <media> <out.json> [--fast]")
+    model, device, beam = load(a.model, a.fast)
+    wav = to_wav(a.media)
+    segments, info = model.transcribe(wav, language=a.lang, beam_size=beam, word_timestamps=True,
+                                      vad_filter=False, condition_on_previous_text=False)
+    words = []
+    for seg in segments:
+        for w in seg.words or []:
+            words.append({"text": w.word.strip(), "start": round(w.start, 3), "end": round(w.end, 3)})
+        print(f"[{seg.start:7.2f}] {seg.text.strip()}", flush=True)
+    os.remove(wav)
+    with open(a.out, "w", encoding="utf-8") as f:
+        json.dump({"language_code": a.lang, "audio_duration_secs": round(info.duration, 3),
+                   "text": " ".join(w["text"] for w in words), "words": words}, f, ensure_ascii=False, indent=1)
+    print(f"DONE device={device} beam={beam} words={len(words)} -> {a.out}")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/.claude/skills/anuncios-oney/template/DESIGN.md b/.claude/skills/anuncios-oney/template/DESIGN.md
new file mode 100644
index 00000000..30b3cc9a
--- /dev/null
+++ b/.claude/skills/anuncios-oney/template/DESIGN.md
@@ -0,0 +1,32 @@
+# Design — Oney ad style (anuncios-oney)
+
+## Style Prompt
+Talking-head ad. The speaker stays full-frame. The first ~5 s carry ONE headline above the head
+(Advercase Bold, white line + yellow line) and nothing else. After that, the space above the head
+shows an animated schematic of what he is saying — flows, before/after, não ✕ / sim ✓, mock editor
+and app UIs, real frames and prints — one idea at a time, changing on the spoken word. The schematics
+illustrate; they do not repeat the sentence (word-by-word captions already do). Labels stay 1–3 words.
+Short, confident entrances; nothing covers the face.
+
+## Colors
+- `#ffffff` — type
+- `#ffd21f` — headline accent, badges, travelling dots, charts
+- `#d97757` — Claude node / AI elements
+- `#ff453a` ✕ stamps, problems · `#30d158` ✓ stamps, results · `#5ac8fa` / `#e535e5` secondary UI accents
+- `rgba(0,0,0,.66)` → transparent — top scrim; panels `rgba(16,16,19,.92)`
+- IG ring `#feda75 → #d62976 → #4f5bd5`
+
+## Typography
+- Advercase Bold — headline (90–125 px), schematic titles and labels, captions (46 px)
+- Arial bold — UI text inside mock apps (prompts, file names, chips)
+
+## Safe box (Meta Reels ads)
+- 1080×1920: text only inside x 65–1015, y 270–1248 (14 % top / 35 % bottom / 6 % sides clear)
+- Decoration (scrim, student wall behind the speaker) may bleed past it
+
+## What NOT to Do
+- No schematic in the first ~5 s (headline only); no text beat that just repeats the caption
+- No text, number, badge, CTA or caption outside the safe box
+- No overlay below the head except captions; never cover the face
+- No invented logos, covers or follower numbers (use perfil.json and the user's real prints)
+- No long holds without a change; no flashing or shake effects
diff --git a/.claude/skills/anuncios-oney/template/esquemas.template.html b/.claude/skills/anuncios-oney/template/esquemas.template.html
new file mode 100644
index 00000000..82ae0da8
--- /dev/null
+++ b/.claude/skills/anuncios-oney/template/esquemas.template.html
@@ -0,0 +1,549 @@
+<!doctype html>
+<!--
+  MODELO "headline + esquemas" — anúncio real do autor do curso ("Edição Viral com Claude", 1:48).
+  Os tempos (segundos) e os textos dos esquemas são daquele vídeo: reescreva cada bloco para a fala do aluno.
+  Imagens em assets/img/ (troque pelas do aluno): bruto.jpg (gerado do vídeo bruto), editado.jpg, capa.jpg,
+  exemplo1-4.jpg, referencia.jpg, print1-3.png, avatar.png. "seu_usuario" = usuario do perfil.json.
+-->
+<html lang="pt-BR"><head><meta charset="utf-8"><title>Anúncio – headline + esquemas (modelo)</title>
+<script src="assets/gsap.min.js"></script>
+<style>
+@font-face{font-family:"Advercase";src:url("assets/fonts/Advercase-Regular.woff2") format("woff2");font-weight:400}
+@font-face{font-family:"Advercase";src:url("assets/fonts/Advercase-Bold.woff2") format("woff2");font-weight:700}
+:root{--safe-l:65px;--safe-r:1015px;--safe-t:270px;--safe-b:1248px;--y:#ffd21f;--cl:#d97757;--mg:#e535e5;--red:#ff453a;--grn:#30d158;--blu:#5ac8fa}
+*{box-sizing:border-box}
+html,body{margin:0;width:1080px;height:1920px;overflow:hidden;background:#000;font-family:"Advercase",Georgia,serif;color:#fff}
+#reel{position:relative;width:1080px;height:1920px;overflow:hidden}
+#cam{position:absolute;inset:0;width:1080px;height:1920px;object-fit:cover}
+.scrim{position:absolute;left:0;top:0;width:1080px;height:780px;pointer-events:none;
+  background:linear-gradient(180deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,0) 100%)}
+.shadow{text-shadow:0 2px 3px rgba(0,0,0,.55),0 6px 24px rgba(0,0,0,.45)}
+
+/* top zone: y 280..620 (head top ≈ 630–680 on this framing) */
+.beat{position:absolute;left:0;top:280px;width:1080px;height:340px;opacity:0}
+.abs{position:absolute}
+.ui{font-family:Arial,Helvetica,sans-serif}
+.panel{position:absolute;background:rgba(16,16,19,.92);border-radius:22px;border:1px solid rgba(255,255,255,.13);
+  box-shadow:0 18px 50px rgba(0,0,0,.55)}
+.ph9{position:absolute;width:160px;height:284px;border-radius:18px;overflow:hidden;background:#111;
+  box-shadow:0 16px 40px rgba(0,0,0,.55),0 0 0 3px rgba(255,255,255,.18)}
+.ph9 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.cap9{position:absolute;width:220px;text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:24px;text-shadow:0 2px 8px rgba(0,0,0,.8)}
+.node{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 40px rgba(0,0,0,.5)}
+.node.cl{background:var(--cl);color:#fff}
+.star svg{width:62%;height:62%}
+.arw{position:absolute;height:6px;transform-origin:left center;
+  background:repeating-linear-gradient(90deg,rgba(255,255,255,.9) 0 14px,transparent 14px 24px)}
+.arw::after{content:"";position:absolute;right:-6px;top:-9px;border-left:16px solid rgba(255,255,255,.9);border-top:12px solid transparent;border-bottom:12px solid transparent}
+.dot{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--y);box-shadow:0 0 16px var(--y)}
+.stamp{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.5)}
+.stamp svg{width:62%;height:62%}
+.stamp.x{background:var(--red)} .stamp.v{background:var(--grn)}
+.pill{position:absolute;font-family:Arial,Helvetica,sans-serif;font-weight:700;border-radius:999px;white-space:nowrap}
+.lbl{font-weight:700;font-size:34px;white-space:nowrap}
+.badge{position:absolute;background:var(--y);color:#111;font-weight:700;font-size:42px;padding:10px 24px;border-radius:999px;transform:rotate(-4deg);box-shadow:0 10px 26px rgba(0,0,0,.4);white-space:nowrap}
+.cover{position:absolute;width:186px;height:330px;border-radius:14px;object-fit:cover;box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 0 2px rgba(255,255,255,.14)}
+
+/* B3 waveform */
+.wave{position:absolute;left:30px;top:96px;width:870px;height:160px;display:flex;align-items:center;justify-content:center}
+.seg{position:relative;height:160px;display:flex;align-items:center;gap:4px;overflow:visible;flex:none}
+.seg .in{display:flex;align-items:center;gap:4px;overflow:hidden;width:100%;height:160px}
+.seg i{display:block;flex:none;width:5px;border-radius:3px;background:#e9e9e9}
+.seg .tag{position:absolute;left:50%;top:-30px;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:18px;padding:4px 10px;border-radius:999px;white-space:nowrap;opacity:0}
+.seg.br .tag{background:var(--blu);color:#062433}
+.seg.st .tag{background:var(--red);color:#fff}
+
+/* B5 manual timeline */
+.mrow{position:absolute;left:52px;height:28px;width:460px}
+.mrow .k{position:absolute;left:-40px;top:4px;font-size:15px;color:#888;font-family:Arial,Helvetica,sans-serif}
+.mclip{position:absolute;top:0;height:28px;border-radius:5px;opacity:.95}
+.kf{position:absolute;width:10px;height:10px;background:var(--y);transform:rotate(45deg);top:9px}
+.prompt{position:absolute;background:#fff;color:#111;border-radius:16px;display:flex;align-items:center;justify-content:space-between;font-family:Arial,Helvetica,sans-serif;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.4)}
+.prompt .go{width:44px;height:44px;border-radius:50%;background:var(--cl);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;flex:none}
+
+/* prints of past AI-edited reels */
+.pr{position:absolute;top:0;width:240px;height:345px;border-radius:20px;overflow:hidden;background:#111;
+  box-shadow:0 18px 46px rgba(0,0,0,.55),0 0 0 3px rgba(255,255,255,.18)}
+.pr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.pr .vw{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;display:flex;align-items:center;gap:8px;
+  font-weight:700;font-size:32px;font-family:Arial,Helvetica,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.85);
+  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7))}
+.pr .vw svg{width:30px;height:30px;flex:none}
+
+/* comment bar (white CTA mock) + direct */
+.cta{display:flex;align-items:center;justify-content:space-between;width:800px;padding:20px 32px;border-radius:18px;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:40px;box-shadow:0 14px 40px rgba(0,0,0,.45)}
+.cta .ph2{color:#999;font-weight:400}
+.cta .on{color:#111;font-weight:800}
+.cta .go{width:56px;height:56px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px}
+.dm{display:flex;align-items:center;gap:18px;margin-top:20px;width:800px;padding:14px 24px;border-radius:18px;background:#141414;font-family:Arial,Helvetica,sans-serif;box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 0 2px rgba(255,255,255,.1)}
+.dm img{width:66px;height:66px;border-radius:50%;object-fit:cover;padding:3px;background:linear-gradient(45deg,#feda75,#d62976,#4f5bd5)}
+.dm .h{font-size:24px;color:#aaa}
+.dm .m{font-size:34px;font-weight:700;margin-top:4px}
+
+/* captions: one word, just under the chin */
+#cap{position:absolute;left:0;top:1205px;width:1080px;height:80px}
+.w{position:absolute;left:0;top:0;width:1080px;text-align:center;font-weight:700;font-size:46px;line-height:80px;
+  -webkit-text-stroke:4px rgba(0,0,0,.8);paint-order:stroke fill;text-shadow:0 2px 8px rgba(0,0,0,.45)}
+</style></head><body>
+<div id="reel" data-composition-id="reel" data-start="0" data-duration="__DUR__" data-width="1080" data-height="1920">
+  <video id="cam" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="0" muted playsinline></video>
+  <audio id="voice" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="1" data-volume="1"></audio>
+  <div class="scrim" id="scrim"></div>
+
+  <!-- B1 0–5.4 HEADLINE (no schematic in the first 5 s): "tudo que você está vendo… está sendo editado com IA" -->
+  <div class="beat" id="b1"><div class="shadow" style="display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center">
+    <div id="h1a" style="font-size:92px;line-height:1;font-weight:700;letter-spacing:-1px">Este vídeo foi</div>
+    <div id="h1b" style="position:relative;font-size:124px;line-height:1.05;font-weight:700;letter-spacing:-1px;color:var(--y)">editado por IA
+      <div id="h1u" style="position:absolute;left:4px;right:4px;bottom:-6px;height:10px;border-radius:6px;background:var(--y);transform-origin:left center"></div></div>
+  </div></div>
+
+  <!-- B2 5.6–13.95 "gravei um vídeo → mandei pro Claude → ele editou pra mim" -->
+  <div class="beat" id="b2">
+    <div class="ph9" id="b2-a" style="left:110px;top:0"><img src="assets/img/bruto.jpg" alt="">
+      <div class="pill" style="left:10px;top:10px;background:rgba(0,0,0,.6);color:#fff;font-size:17px;padding:4px 10px"><span style="color:var(--red)">●</span> REC</div></div>
+    <div class="cap9" id="b2-al" style="left:80px;top:292px">bruto · 4:05</div>
+    <div class="arw" id="b2-r1" style="left:300px;top:139px;width:140px"></div>
+    <div class="dot" id="b2-d1" style="left:300px;top:132px;opacity:0"></div>
+    <div class="node cl star" id="b2-n" style="left:465px;top:60px;width:150px;height:150px"></div>
+    <div class="lbl shadow abs" id="b2-nl" style="left:440px;top:226px;width:200px;text-align:center">Claude</div>
+    <div class="arw" id="b2-r2" style="left:640px;top:139px;width:140px"></div>
+    <div class="dot" id="b2-d2" style="left:640px;top:132px;opacity:0"></div>
+    <div class="ph9" id="b2-b" style="left:810px;top:0"><img src="assets/img/editado.jpg" alt=""></div>
+    <div class="cap9" id="b2-bl" style="left:780px;top:292px;color:var(--y)">editado · 1:48</div>
+  </div>
+
+  <!-- B3 14.2–21.75 respirações + gaguejos marcados e cortados -->
+  <div class="beat" id="b3">
+    <div class="panel" style="left:75px;top:6px;width:930px;height:326px">
+      <div class="ui abs" style="left:30px;top:24px;font-size:22px;font-weight:700;color:#aaa;width:400px;height:30px">
+        <span id="b3-h1" style="position:absolute;left:0;top:0">◉ áudio bruto</span>
+        <span id="b3-h2" style="position:absolute;left:0;top:0;color:var(--grn);opacity:0">✓ áudio limpo</span></div>
+      <div class="abs" id="b3-t" style="right:30px;top:12px;font-size:48px;font-weight:700;color:var(--y)">4:05</div>
+      <div class="wave" id="b3-wave"></div>
+      <div class="pill" id="b3-z" style="left:50%;top:272px;background:rgba(48,209,88,.16);border:2px solid var(--grn);color:#fff;font-size:22px;padding:6px 18px;opacity:0">0 respirações · 0 gaguejos</div>
+    </div>
+  </div>
+
+  <!-- B4 22.0–25.6 elementos animados entrando sozinhos, 0 cliques -->
+  <div class="beat" id="b4">
+    <div class="pill" id="e1" style="left:90px;top:22px;background:#1c1c20;border:2px solid var(--mg);font-size:26px;padding:10px 20px">+ título <span style="color:var(--cl);font-size:18px">auto</span></div>
+    <div class="pill" id="e2" style="left:90px;top:98px;background:#1c1c20;border:2px solid var(--y);font-size:26px;padding:10px 20px">+ card <span style="color:var(--cl);font-size:18px">auto</span></div>
+    <div class="pill" id="e3" style="left:90px;top:174px;background:#1c1c20;border:2px solid var(--blu);font-size:26px;padding:10px 20px">+ legenda <span style="color:var(--cl);font-size:18px">auto</span></div>
+    <div class="pill" id="e4" style="left:90px;top:250px;background:#1c1c20;border:2px solid var(--cl);font-size:26px;padding:10px 20px">+ zoom <span style="color:var(--cl);font-size:18px">auto</span></div>
+    <div class="ph9" id="b4-p" style="left:455px;top:20px;width:170px;height:302px">
+      <img id="b4-img" src="assets/img/bruto.jpg" alt="">
+      <div class="abs" id="b4-t" style="left:22px;top:26px;width:126px"><div style="height:16px;background:#fff;border-radius:4px"></div><div style="height:11px;width:80px;margin:6px auto 0;background:var(--y);border-radius:4px"></div></div>
+      <div class="abs" id="b4-c" style="left:14px;top:72px;width:66px;height:46px;border-radius:8px;background:#111;border:2px solid var(--y)"></div>
+      <div class="abs" id="b4-l" style="left:0;top:232px;width:170px;text-align:center;font-weight:700;font-size:20px;-webkit-text-stroke:3px rgba(0,0,0,.8);paint-order:stroke fill">nada</div>
+    </div>
+    <div class="abs" id="b4-k" style="left:690px;top:40px;width:320px;text-align:center">
+      <svg viewBox="0 0 24 24" style="width:70px;height:70px"><path d="M5 2.5v17.2l4.6-4.4 2.9 6.6 3-1.3-2.9-6.5h6.3z" fill="#fff" stroke="#111" stroke-width="1.2"/></svg>
+      <div style="font-size:150px;line-height:.9;font-weight:700;color:var(--y)" class="shadow">0</div>
+      <div class="ui shadow" style="font-size:28px;font-weight:700">cliques seus</div>
+    </div>
+  </div>
+
+  <!-- B5 25.7–32.8 manual (30–40 min, timeline lotada) × IA (10 min, um pedido) -->
+  <div class="beat" id="b5">
+    <div class="panel" id="b5-l" style="left:70px;top:6px;width:545px;height:326px">
+      <div class="lbl abs" style="left:24px;top:16px;font-size:32px">edição manual</div>
+      <div class="abs" id="b5-c1" style="right:24px;top:10px;font-size:44px;font-weight:700">00:00</div>
+      <div id="b5-tl" class="abs" style="left:0;top:70px;width:545px;height:250px"></div>
+      <div class="stamp x" id="b5-x" style="left:212px;top:110px;width:120px;height:120px;opacity:0"><svg viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18" stroke="#fff" stroke-width="3.4" stroke-linecap="round"/></svg></div>
+    </div>
+    <div class="panel" id="b5-r" style="left:640px;top:6px;width:370px;height:326px;border-color:rgba(217,119,87,.7)">
+      <div class="lbl abs" style="left:24px;top:16px;font-size:32px;color:var(--y)">com IA</div>
+      <div class="abs" id="b5-c2" style="right:24px;top:10px;font-size:44px;font-weight:700;color:var(--y)">00:00</div>
+      <div class="prompt" id="b5-pr" style="left:22px;top:86px;width:326px;height:70px;padding:0 12px 0 20px;font-size:24px"><span style="position:relative;flex:1;height:30px"><span id="b5-ty" style="position:absolute;left:0;top:2px"></span></span><span class="go">↑</span></div>
+      <div class="abs" id="b5-one" style="left:22px;top:186px;width:326px;height:46px;border-radius:8px;background:var(--cl);display:flex;align-items:center;padding-left:14px;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:20px">vídeo editado</div>
+      <div class="stamp v" id="b5-v" style="left:140px;top:240px;width:76px;height:76px;opacity:0"><svg viewBox="0 0 24 24"><path d="M5 12.5l4.5 4.5L19 7.5" fill="none" stroke="#fff" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+    </div>
+  </div>
+
+  <!-- B6 32.86–39.75 NÃO: sem tempo / não sabe editar  →  SIM: a IA faz -->
+  <div class="beat" id="b6">
+    <div class="panel" id="b6-a" style="left:80px;top:14px;width:420px;height:140px">
+      <svg class="abs" viewBox="0 0 24 24" style="left:26px;top:30px;width:80px;height:80px" fill="none" stroke="#fff" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3.5 2.2" stroke-linecap="round"/></svg>
+      <div class="lbl abs" style="left:126px;top:46px;font-size:40px">sem tempo</div>
+      <div class="stamp x" id="b6-x1" style="right:-22px;top:-18px;width:64px;height:64px"><svg viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18" stroke="#fff" stroke-width="3.4" stroke-linecap="round"/></svg></div>
+    </div>
+    <div class="panel" id="b6-b" style="left:80px;top:180px;width:420px;height:140px">
+      <div class="abs" style="left:24px;top:30px;width:84px;height:80px">
+        <div style="height:16px;width:70px;background:#4a7dff;border-radius:4px;margin-bottom:6px"></div><div style="height:16px;width:50px;background:var(--mg);border-radius:4px;margin:0 0 6px 20px"></div><div style="height:16px;width:76px;background:var(--grn);border-radius:4px"></div>
+        <div class="abs" style="left:30px;top:6px;font-size:58px;font-weight:700;color:#fff;text-shadow:0 2px 10px #000">?</div></div>
+      <div class="lbl abs" style="left:126px;top:46px;font-size:40px">não sabe editar</div>
+      <div class="stamp x" id="b6-x2" style="right:-22px;top:-18px;width:64px;height:64px"><svg viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18" stroke="#fff" stroke-width="3.4" stroke-linecap="round"/></svg></div>
+    </div>
+    <div class="arw" id="b6-ar" style="left:526px;top:164px;width:90px"></div>
+    <div class="panel" id="b6-c" style="left:640px;top:14px;width:360px;height:306px;border-color:rgba(48,209,88,.7)">
+      <div class="node cl star" style="left:110px;top:34px;width:140px;height:140px"></div>
+      <div class="lbl abs" style="left:0;top:200px;width:360px;text-align:center;font-size:44px">a IA faz</div>
+      <div class="stamp v" id="b6-v" style="right:-22px;top:-18px;width:76px;height:76px"><svg viewBox="0 0 24 24"><path d="M5 12.5l4.5 4.5L19 7.5" fill="none" stroke="#fff" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+    </div>
+  </div>
+
+  <!-- B7 40.0–46.5 eu critiquei ("IA editando vídeo? duvido") → testei ✓ -->
+  <div class="beat" id="b7">
+    <div class="abs" id="b7-a" style="left:80px;top:40px;width:520px">
+      <div style="display:flex;align-items:flex-end;gap:16px">
+        <img src="assets/img/avatar.png" alt="" style="width:84px;height:84px;border-radius:50%;object-fit:cover;padding:3px;background:linear-gradient(45deg,#feda75,#d62976,#4f5bd5);flex:none">
+        <div class="ui" style="background:#26262b;border-radius:26px 26px 26px 6px;padding:22px 28px;font-size:34px;font-weight:700;box-shadow:0 14px 40px rgba(0,0,0,.5)">IA editando vídeo?<br><span style="color:#aaa">Duvido.</span></div>
+      </div>
+      <div class="ui shadow" style="margin:14px 0 0 100px;font-size:24px;color:#ccc;font-weight:700">eu, antes de testar</div>
+      <div class="pill" id="b7-dn" style="left:400px;top:-26px;background:var(--red);color:#fff;font-size:24px;padding:8px 16px;transform:rotate(6deg)">👎 critiquei</div>
+    </div>
+    <div class="ph9" id="b7-b" style="left:760px;top:10px;width:170px;height:302px"><img src="assets/img/editado.jpg" alt="">
+      <div class="abs" style="left:0;bottom:0;width:100%;padding:8px;background:rgba(0,0,0,.65);font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:19px;text-align:center">▶ teste 1</div></div>
+    <div class="stamp v" id="b7-v" style="left:890px;top:-6px;width:96px;height:96px;opacity:0"><svg viewBox="0 0 24 24"><path d="M5 12.5l4.5 4.5L19 7.5" fill="none" stroke="#fff" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+  </div>
+
+  <!-- B8 46.64–54.42 NÃO: "edita meu vídeo" → genérico   SIM: preset detalhado → do meu jeito -->
+  <div class="beat" id="b8">
+    <div class="panel" id="b8-a" style="left:70px;top:6px;width:420px;height:326px">
+      <div class="ui abs" style="left:22px;top:18px;font-size:20px;color:#999;font-weight:700">pedido genérico</div>
+      <div class="prompt" style="left:22px;top:52px;width:376px;height:62px;padding:0 10px 0 18px;font-size:24px"><span id="b8-ty" style="flex:1"></span><span class="go">↑</span></div>
+      <img src="assets/img/bruto.jpg" alt="" style="position:absolute;left:22px;top:130px;width:104px;height:180px;object-fit:cover;border-radius:10px;filter:grayscale(.6) brightness(.8)">
+      <div class="ui abs" style="left:146px;top:180px;font-size:28px;font-weight:700;color:#aaa">resultado<br>genérico</div>
+      <div class="stamp x" id="b8-x" style="left:300px;top:164px;width:88px;height:88px;opacity:0"><svg viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18" stroke="#fff" stroke-width="3.4" stroke-linecap="round"/></svg></div>
+    </div>
+    <div class="panel" id="b8-b" style="left:512px;top:6px;width:498px;height:326px;border-color:rgba(217,119,87,.7)">
+      <div class="ui abs" style="left:22px;top:16px;font-size:24px;font-weight:700;color:var(--cl);display:flex;align-items:center;gap:10px">
+        <svg viewBox="0 0 24 24" style="width:28px;height:28px" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 2.5h8l4.5 4.5v14.5H6z"/><path d="M14 2.5V7h4.5"/></svg>meu-preset.md</div>
+      <div class="ui abs" style="left:24px;top:66px;font-size:25px;line-height:1.75;font-weight:700">
+        <div id="q1"><span style="color:var(--y)">•</span> cortar pausas e gaguejos</div>
+        <div id="q2"><span style="color:var(--y)">•</span> legenda palavra por palavra</div>
+        <div id="q3"><span style="color:var(--y)">•</span> cards acima da cabeça</div>
+        <div id="q4"><span style="color:var(--y)">•</span> fonte e cores do meu perfil</div></div>
+      <div class="stamp v" id="b8-v" style="right:20px;top:-14px;width:84px;height:84px;opacity:0"><svg viewBox="0 0 24 24"><path d="M5 12.5l4.5 4.5L19 7.5" fill="none" stroke="#fff" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
+    </div>
+  </div>
+
+  <!-- B9 54.52–63.3 presets: Reels, Anúncios, Vídeos + Colagens (frames reais) -->
+  <div class="beat" id="b9">
+    <div class="ph9 slot" id="sl1" style="left:145px;top:26px;background:transparent;box-shadow:none;border:3px dashed rgba(255,255,255,.55)"></div>
+    <div class="ph9 slot" id="sl2" style="left:355px;top:26px;background:transparent;box-shadow:none;border:3px dashed rgba(255,255,255,.55)"></div>
+    <div class="ph9 slot" id="sl3" style="left:565px;top:26px;background:transparent;box-shadow:none;border:3px dashed rgba(255,255,255,.55)"></div>
+    <div class="ph9 slot" id="sl4" style="left:775px;top:26px;background:transparent;box-shadow:none;border:3px dashed rgba(255,255,255,.55)"></div>
+    <div class="ph9" id="pp1" style="left:145px;top:26px"><img src="assets/img/exemplo1.jpg" alt=""></div>
+    <div class="ph9" id="pp2" style="left:355px;top:26px"><img src="assets/img/exemplo2.jpg" alt=""></div>
+    <div class="ph9" id="pp3" style="left:565px;top:26px"><img src="assets/img/exemplo3.jpg" alt=""></div>
+    <div class="ph9" id="pp4" style="left:775px;top:26px"><img src="assets/img/exemplo4.jpg" alt=""></div>
+    <div class="pill" id="pl1" style="left:225px;top:2px;background:var(--y);color:#111;font-size:24px;padding:6px 16px">Reels</div>
+    <div class="pill" id="pl2" style="left:435px;top:2px;background:var(--y);color:#111;font-size:24px;padding:6px 16px">Anúncios</div>
+    <div class="pill" id="pl3" style="left:645px;top:2px;background:var(--y);color:#111;font-size:24px;padding:6px 16px">Vídeos</div>
+    <div class="pill" id="pl4" style="left:855px;top:2px;background:var(--mg);color:#fff;font-size:24px;padding:6px 16px">+ Colagens</div>
+  </div>
+
+  <!-- B10 63.44–70.85 curso express: os presets entram na capa → milhões de views -->
+  <div class="beat" id="b10">
+    <img class="cover" id="cv1" src="assets/img/capa.jpg" alt="" style="left:90px;top:5px">
+    <div class="pill" id="b10-k" style="left:183px;top:292px;background:var(--y);color:#111;font-size:24px;padding:6px 16px">curso express</div>
+    <div class="pill" id="k1" style="left:330px;top:22px;background:#1c1c20;border:2px solid rgba(255,255,255,.2);font-size:26px;padding:6px 18px 6px 6px;display:flex;align-items:center;gap:12px"><img src="assets/img/exemplo1.jpg" alt="" style="width:34px;height:50px;object-fit:cover;border-radius:6px">Reels</div>
+    <div class="pill" id="k2" style="left:600px;top:22px;background:#1c1c20;border:2px solid rgba(255,255,255,.2);font-size:26px;padding:6px 18px 6px 6px;display:flex;align-items:center;gap:12px"><img src="assets/img/exemplo2.jpg" alt="" style="width:34px;height:50px;object-fit:cover;border-radius:6px">Anúncios</div>
+    <div class="pill" id="k3" style="left:330px;top:96px;background:#1c1c20;border:2px solid rgba(255,255,255,.2);font-size:26px;padding:6px 18px 6px 6px;display:flex;align-items:center;gap:12px"><img src="assets/img/exemplo3.jpg" alt="" style="width:34px;height:50px;object-fit:cover;border-radius:6px">Vídeos</div>
+    <div class="pill" id="k4" style="left:600px;top:96px;background:#1c1c20;border:2px solid rgba(255,255,255,.2);font-size:26px;padding:6px 18px 6px 6px;display:flex;align-items:center;gap:12px"><img src="assets/img/exemplo4.jpg" alt="" style="width:34px;height:50px;object-fit:cover;border-radius:6px">Colagens</div>
+    <div class="panel" id="b10-g" style="left:320px;top:176px;width:690px;height:150px">
+      <svg viewBox="0 0 690 150" style="position:absolute;inset:0;width:690px;height:150px">
+        <defs><linearGradient id="gf" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#ffd21f" stop-opacity=".45"/><stop offset="1" stop-color="#ffd21f" stop-opacity="0"/></linearGradient></defs>
+        <path id="b10-area" d="M20 132 L120 126 L210 118 L300 104 L380 96 L450 72 L520 58 L590 30 L640 18 L640 140 L20 140Z" fill="url(#gf)"/>
+        <path id="b10-line" d="M20 132 L120 126 L210 118 L300 104 L380 96 L450 72 L520 58 L590 30 L640 18" fill="none" stroke="#ffd21f" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+        <circle id="b10-dot" cx="640" cy="18" r="11" fill="#ffd21f"/></svg>
+      <div class="abs ui" style="left:24px;top:16px;font-size:26px;font-weight:700;display:flex;align-items:center;gap:10px"><svg viewBox="0 0 24 24" style="width:30px;height:30px" fill="none" stroke="#fff" stroke-width="2.4"><path d="M1.5 12S5.5 4.5 12 4.5 22.5 12 22.5 12 18.5 19.5 12 19.5 1.5 12 1.5 12z"/><circle cx="12" cy="12" r="3.4"/></svg>milhões de views</div>
+    </div>
+  </div>
+
+  <!-- B11 70.9–80.3 "esses vídeos que você está vendo aqui… +1 milhão de views orgânicas" — prints -->
+  <div class="beat" id="b11">
+    <div class="pr" id="r1" style="left:92px"><img src="assets/img/print1.png" alt="">
+      <div class="vw"><svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.4"><path d="M1.5 12S5.5 4.5 12 4.5 22.5 12 22.5 12 18.5 19.5 12 19.5 1.5 12 1.5 12z"/><circle cx="12" cy="12" r="3.4"/></svg><span id="n1">0</span></div></div>
+    <div class="pr" id="r2" style="left:420px"><img src="assets/img/print2.png" alt="">
+      <div class="vw"><svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.4"><path d="M1.5 12S5.5 4.5 12 4.5 22.5 12 22.5 12 18.5 19.5 12 19.5 1.5 12 1.5 12z"/><circle cx="12" cy="12" r="3.4"/></svg><span id="n2">0</span></div></div>
+    <div class="pr" id="r3" style="left:748px"><img src="assets/img/print3.png" alt="">
+      <div class="vw"><svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.4"><path d="M1.5 12S5.5 4.5 12 4.5 22.5 12 22.5 12 18.5 19.5 12 19.5 1.5 12 1.5 12z"/><circle cx="12" cy="12" r="3.4"/></svg><span id="n3">0</span></div></div>
+    <div class="badge" id="b11-b" style="left:50%;top:140px;margin-left:-290px">+1 milhão de views orgânicas</div>
+    <div class="badge" id="b11-c" style="left:50%;top:140px;margin-left:-250px;background:#fff">todos editados com IA</div>
+  </div>
+
+  <!-- B12 80.44–90.95 referência → Claude copia o estilo → seu vídeo igual -->
+  <div class="beat" id="b12">
+    <div class="ph9" id="b12-a" style="left:110px;top:0"><img src="assets/img/referencia.jpg" alt=""></div>
+    <div class="cap9" id="b12-al" style="left:80px;top:292px">referência</div>
+    <div class="arw" id="b12-r1" style="left:300px;top:139px;width:140px"></div>
+    <div class="node cl star" id="b12-n" style="left:465px;top:60px;width:150px;height:150px"></div>
+    <div class="arw" id="b12-r2" style="left:640px;top:139px;width:140px"></div>
+    <div class="ph9" id="b12-b" style="left:810px;top:0"><img src="assets/img/bruto.jpg" alt="">
+      <div class="abs" id="b12-st" style="inset:0;opacity:0">
+        <div class="abs" style="left:0;top:0;width:100%;height:120px;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,0))"></div>
+        <div class="abs" style="left:0;top:22px;width:100%;text-align:center;font-family:Georgia,serif;font-size:19px;line-height:1.1;color:#fff">o que eu tenho que<br><i style="color:#f3e7a1;font-size:23px">responder?</i></div>
+      </div></div>
+    <div class="cap9" id="b12-bl" style="left:780px;top:292px">seu vídeo</div>
+    <div class="pill" id="b12-eq" style="left:540px;top:244px;background:var(--grn);color:#062b12;font-size:26px;padding:8px 20px">= mesmo estilo</div>
+  </div>
+
+  <!-- B13 91.1–102.2 capa + lançamento/desconto → posta o 1º vídeo editado -->
+  <div class="beat" id="b13">
+    <img class="cover" id="cv2" src="assets/img/capa.jpg" alt="" style="left:90px;top:5px">
+    <div class="abs" id="b13-a" style="left:330px;top:0;width:680px;height:340px">
+      <div class="abs" id="b13-tag" style="left:20px;top:46px;height:128px;width:560px;background:var(--y);color:#111;border-radius:16px 64px 64px 16px;display:flex;align-items:center;padding-left:60px;font-size:70px;font-weight:700;box-shadow:0 14px 40px rgba(0,0,0,.45)">
+        <span class="abs" style="left:22px;top:52px;width:24px;height:24px;border-radius:50%;background:#111;opacity:.85"></span>lançamento</div>
+      <div class="abs" id="b13-st" style="left:110px;top:200px;border:5px solid var(--red);color:var(--red);background:rgba(0,0,0,.55);border-radius:14px;padding:8px 22px;font-size:46px;font-weight:700;transform:rotate(-5deg);white-space:nowrap">desconto especialzíssimo</div>
+    </div>
+    <div class="panel" id="b13-b" style="left:330px;top:6px;width:680px;height:326px;opacity:0">
+      <img src="assets/img/editado.jpg" alt="" style="position:absolute;left:20px;top:18px;width:164px;height:290px;object-fit:cover;border-radius:12px">
+      <div class="ui abs" style="left:210px;top:30px;display:flex;align-items:center;gap:14px;font-size:26px;font-weight:700">
+        <span style="width:58px;height:58px;border-radius:50%;border:3px dashed var(--y);display:block"></span>seu.perfil</div>
+      <div class="lbl abs" style="left:210px;top:118px;font-size:44px">1º vídeo editado</div>
+      <div class="abs" style="left:210px;top:200px;width:430px;height:16px;border-radius:8px;background:#333;overflow:hidden"><div id="b13-bar" style="width:100%;height:100%;background:var(--grn);transform-origin:left center"></div></div>
+      <div class="ui abs" id="b13-ok" style="left:210px;top:240px;font-size:30px;font-weight:700;color:var(--grn)">✓ publicado</div>
+    </div>
+  </div>
+
+  <!-- B14 102.34–106.1 grava → edita → posta -->
+  <div class="beat" id="b14">
+    <div class="node" id="t1" style="left:150px;top:30px;width:150px;height:150px;background:#1c1c20;border:3px solid rgba(255,255,255,.25)">
+      <div style="width:84px;height:84px;border-radius:50%;border:6px solid #fff;display:flex;align-items:center;justify-content:center"><div style="width:52px;height:52px;border-radius:50%;background:var(--red)"></div></div></div>
+    <div class="lbl shadow abs" id="t1l" style="left:125px;top:200px;width:200px;text-align:center;font-size:44px">grava</div>
+    <div class="arw" id="t-r1" style="left:325px;top:102px;width:110px"></div>
+    <div class="node cl star" id="t2" style="left:465px;top:30px;width:150px;height:150px"></div>
+    <div class="lbl shadow abs" id="t2l" style="left:440px;top:200px;width:200px;text-align:center;font-size:44px">edita</div>
+    <div class="arw" id="t-r2" style="left:645px;top:102px;width:110px"></div>
+    <div class="node" id="t3" style="left:780px;top:30px;width:150px;height:150px;background:linear-gradient(45deg,#feda75,#d62976,#4f5bd5)">
+      <svg viewBox="0 0 24 24" style="width:76px;height:76px" fill="none" stroke="#fff" stroke-width="2.2" stroke-linejoin="round"><path d="M21.5 2.5 10.6 13.4M21.5 2.5l-7 19-3.9-8.1-8.1-3.9z"/></svg></div>
+    <div class="lbl shadow abs" id="t3l" style="left:755px;top:200px;width:200px;text-align:center;font-size:44px">posta</div>
+  </div>
+
+  <!-- B15 106.22–end "digita EU QUERO aqui que eu mando no seu direct" -->
+  <div class="beat" id="b15"><div style="display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%">
+    <div class="cta" id="b15-c"><span style="position:relative;flex:1;text-align:left"><span class="ph2" id="b15-ph">Adicione um comentário…</span><span class="on" id="b15-t" style="position:absolute;left:0;top:0"></span></span><span class="go">↑</span></div>
+    <div class="dm" id="b15-dm"><img src="assets/img/avatar.png" alt=""><div style="text-align:left"><div class="h">seu_usuario · direct</div><div class="m">Aqui está o seu link</div></div></div>
+  </div></div>
+
+  <div id="cap">__CAPTIONS__</div>
+</div>
+<script>
+const DUR = __DUR__;
+// ---- deterministic build of repeated decoration (no randomness at render time)
+let seed = 1642;
+const rnd = () => { seed = (seed * 1664525 + 1013904223) % 4294967296; return seed / 4294967296; };
+const STAR = '<svg viewBox="-12 -12 24 24">' + [0, 1, 2, 3, 4, 5, 6, 7].map((i) => `<line x1="0" y1="-2.5" x2="0" y2="-10.5" transform="rotate(${i * 45 + (i % 2) * 8})" stroke="currentColor" stroke-width="${i % 2 ? 2.2 : 2.9}" stroke-linecap="round"/>`).join("") + "</svg>";
+document.querySelectorAll(".star").forEach((el) => { el.innerHTML = STAR; });
+// B3 waveform: speech / breath / stutter blocks
+const segs = [["sp", 150], ["br", 74], ["sp", 120], ["st", 96], ["sp", 140], ["br", 64], ["sp", 104], ["st", 84], ["sp", 60]];
+document.querySelector("#b3-wave").innerHTML = segs.map(([k, w]) => {
+  const n = Math.floor(w / 9), bars = Array.from({ length: n }, () => {
+    const h = k === "sp" ? 34 + rnd() * 120 : k === "br" ? 10 + rnd() * 26 : 40 + rnd() * 90;
+    return `<i style="height:${Math.round(h)}px"></i>`; }).join("");
+  const tag = k === "br" ? '<span class="tag">respiração</span>' : k === "st" ? '<span class="tag">gaguejo</span>' : "";
+  return `<div class="seg ${k}" style="width:${w}px">${tag}<div class="in">${bars}</div></div>`; }).join("");
+// B5 manual timeline: 6 dense tracks + keyframes
+const cols = ["#4a7dff", "#a259ff", "#30d158", "#ff9f0a", "#e535e5", "#5ac8fa"];
+document.querySelector("#b5-tl").innerHTML = ["V3", "V2", "V1", "A1", "A2", "FX"].map((k, r) => {
+  let x = 0, html = "";
+  while (x < 440) { const w = 26 + Math.round(rnd() * 70); html += `<div class="mclip mc" style="left:${x}px;width:${Math.min(w, 460 - x)}px;background:${cols[(r + Math.floor(rnd() * 3)) % 6]}"></div>`;
+    if (rnd() > .45) html += `<div class="kf mc" style="left:${x + 8 + Math.round(rnd() * (w - 16))}px"></div>`; x += w + 4 + Math.round(rnd() * 8); }
+  return `<div class="mrow" style="top:${r * 38 + 12}px"><span class="k">${k}</span>${html}</div>`; }).join("");
+
+gsap.set("#b3-z, #pl1, #pl2, #pl3, #pl4, #b10-k, #b12-eq", { xPercent: -50 });
+const tl = gsap.timeline({ paused: true });
+
+// ---- captions: static clip per word (built in build-index.mjs); just a small settle on entry
+document.querySelectorAll("#cap .w").forEach((el) => {
+  tl.fromTo(el, { scale: 1.08 }, { scale: 1, duration: 0.14, ease: "power2.out" }, +el.dataset.start);
+});
+
+const inn = (sel, t, v = {}) => tl.fromTo(sel, { opacity: 0, y: v.y ?? 26 }, { opacity: 1, y: 0, duration: v.d ?? 0.5, ease: v.ease ?? "power3.out" }, t);
+const show = (sel, t) => tl.set(sel, { opacity: 1 }, t);
+const out = (sel, t) => { tl.to(sel, { opacity: 0, duration: 0.28, ease: "power1.in" }, t); tl.set(sel, { opacity: 0 }, t + 0.28); };
+const sub = (sel, t, y = 18) => tl.from(sel, { opacity: 0, y, duration: 0.45, ease: "power2.out" }, t);
+const rise = (sel, t, rot = 0) => tl.from(sel, { opacity: 0, y: 40, rotation: rot, duration: 0.55, ease: "expo.out" }, t);
+const pop = (sel, t, rot = 0) => tl.fromTo(sel, { opacity: 0, scale: 0.3, rotation: rot - 14 }, { opacity: 1, scale: 1, rotation: rot, duration: 0.42, ease: "back.out(2.4)" }, t);
+const grow = (sel, t, d = 0.4) => tl.from(sel, { scaleX: 0, duration: d, ease: "power2.out" }, t);
+const travel = (sel, t, dx, d = 0.55) => { tl.set(sel, { opacity: 1, x: 0 }, t); tl.to(sel, { x: dx, duration: d, ease: "power1.inOut" }, t); tl.to(sel, { opacity: 0, duration: 0.15 }, t + d); tl.set(sel, { opacity: 0 }, t + d + 0.15); };
+const count = (el, from, to, t, d, fmt = (v) => Math.round(v)) => {
+  const o = { v: from }, node = document.querySelector(el);
+  tl.fromTo(o, { v: from }, { v: to, duration: d, ease: "power2.out", onUpdate: () => { node.textContent = fmt(o.v); } }, t);
+};
+const type = (el, s, t, d) => { const o = { n: 0 }, node = document.querySelector(el);
+  tl.fromTo(o, { n: 0 }, { n: s.length, duration: d, ease: "none", onUpdate: () => { node.textContent = s.slice(0, Math.round(o.n)); } }, t); };
+const mmss = (v) => { const s = Math.round(v); return String(Math.floor(s / 60)).padStart(2, "0") + ":" + String(s % 60).padStart(2, "0"); };
+const mss = (v) => { const s = Math.round(v); return Math.floor(s / 60) + ":" + String(s % 60).padStart(2, "0"); };
+
+tl.fromTo("#scrim", { opacity: 0 }, { opacity: 1, duration: 0.4 }, 0);
+
+// B1 0.05 – 5.35  headline
+show("#b1", 0.05);
+tl.from("#h1a", { opacity: 0, y: 30, duration: 0.5, ease: "expo.out" }, 0.05);
+tl.from("#h1b", { opacity: 0, y: 30, scale: 0.9, duration: 0.55, ease: "expo.out" }, 0.3);
+tl.fromTo("#h1u", { scaleX: 0 }, { scaleX: 1, duration: 0.45, ease: "power2.out" }, 3.14);
+tl.to("#h1b", { scale: 1.06, duration: 0.18, yoyo: true, repeat: 1, ease: "power2.out" }, 4.38);
+out("#b1", 5.35);
+
+// B2 5.6 – 13.95  bruto → Claude → editado
+show("#b2", 5.6);
+rise("#b2-a", 5.7, -5); sub("#b2-al", 6.0);
+tl.to("#b2-a", { scale: 1.05, duration: 0.18, yoyo: true, repeat: 1 }, 6.64);
+grow("#b2-r1", 8.02); travel("#b2-d1", 8.2, 130);
+pop("#b2-n", 9.7); sub("#b2-nl", 9.9);
+tl.to("#b2-n", { rotation: 360, duration: 2.4, ease: "power1.inOut" }, 10.4);
+grow("#b2-r2", 11.16); travel("#b2-d2", 11.3, 130);
+rise("#b2-b", 11.6, 5); sub("#b2-bl", 11.9);
+tl.to("#b2-b", { scale: 1.07, duration: 0.2, yoyo: true, repeat: 1 }, 12.82);
+out("#b2", 13.95);
+
+// B3 14.2 – 21.75  respirações (azul) e gaguejos (vermelho) cortados
+show("#b3", 14.2);
+tl.from("#b3 .panel", { opacity: 0, y: 26, duration: 0.4, ease: "power3.out" }, 14.2);
+tl.from("#b3-wave .seg i", { scaleY: 0, duration: 0.3, stagger: 0.004, ease: "power2.out" }, 14.25);
+tl.to("#b3-wave .br i", { backgroundColor: "#5ac8fa", duration: 0.3 }, 14.82);
+tl.fromTo("#b3-wave .br .tag", { opacity: 0, y: 8 }, { opacity: 1, y: 0, duration: 0.3, stagger: 0.12 }, 14.82);
+tl.to("#b3-wave .st i", { backgroundColor: "#ff453a", duration: 0.3 }, 16.26);
+tl.fromTo("#b3-wave .st .tag", { opacity: 0, y: 8 }, { opacity: 1, y: 0, duration: 0.3, stagger: 0.12 }, 16.26);
+tl.to("#b3-wave .br, #b3-wave .st", { width: 0, opacity: 0, duration: 0.7, ease: "power2.inOut" }, 17.1);
+count("#b3-t", 245, 108, 17.1, 0.9, mss);
+tl.to("#b3-h1", { opacity: 0, duration: 0.2 }, 18.06); tl.set("#b3-h1", { opacity: 0 }, 18.26);
+tl.fromTo("#b3-h2", { opacity: 0 }, { opacity: 1, duration: 0.3 }, 18.1);
+tl.to("#b3-wave .sp i", { backgroundColor: "#30d158", duration: 0.4 }, 18.28);
+pop("#b3-z", 19.98);
+out("#b3", 21.75);
+
+// B4 22.0 – 25.6  elementos entram sozinhos, 0 cliques
+show("#b4", 22.0);
+rise("#b4-p", 22.0);
+pop("#e1", 22.54); tl.from("#b4-t", { opacity: 0, y: -14, duration: 0.35, ease: "back.out(2)" }, 22.6);
+pop("#e2", 23.2); tl.from("#b4-c", { opacity: 0, scale: 0.4, duration: 0.35, ease: "back.out(2)" }, 23.25);
+pop("#e3", 23.78); tl.from("#b4-l", { opacity: 0, scale: 1.4, duration: 0.25 }, 23.82);
+pop("#e4", 24.2); tl.to("#b4-img", { scale: 1.14, duration: 0.6, ease: "power2.out" }, 24.24);
+tl.from("#b4-k", { opacity: 0, scale: 0.6, duration: 0.45, ease: "back.out(2)" }, 24.52);
+out("#b4", 25.58);
+
+// B5 25.72 – 32.78  manual lotado × IA simples
+show("#b5", 25.72);
+tl.from("#b5-l", { opacity: 0, x: -30, duration: 0.45, ease: "expo.out" }, 25.72);
+tl.from("#b5-tl .mc", { opacity: 0, scale: 0.4, duration: 0.18, stagger: 0.035, ease: "power2.out" }, 25.9);
+count("#b5-c1", 0, 2400, 26.66, 2.4, mmss);
+pop("#b5-x", 29.4);
+tl.to("#b5-l", { opacity: 0.55, duration: 0.4 }, 29.8);
+tl.from("#b5-r", { opacity: 0, x: 30, duration: 0.45, ease: "expo.out" }, 29.88);
+type("#b5-ty", "edita no meu estilo", 30.1, 0.6);
+tl.to("#b5-pr", { scale: 1.05, duration: 0.14, yoyo: true, repeat: 1 }, 30.75);
+grow("#b5-one", 31.0, 0.5);
+count("#b5-c2", 0, 600, 30.8, 0.8, mmss);
+tl.fromTo("#b5-c2", { scale: 1.3 }, { scale: 1, duration: 0.35, ease: "back.out(2)" }, 31.6);
+pop("#b5-v", 31.9);
+out("#b5", 32.75);
+
+// B6 32.86 – 39.75  NÃO × SIM
+show("#b6", 32.86);
+rise("#b6-a", 32.9); pop("#b6-x1", 33.74);
+rise("#b6-b", 34.6); pop("#b6-x2", 35.14);
+grow("#b6-ar", 36.24, 0.35);
+tl.from("#b6-c", { opacity: 0, scale: 0.85, duration: 0.5, ease: "back.out(1.8)" }, 36.4);
+tl.to("#b6-c .node", { rotation: 360, duration: 2.0, ease: "power1.inOut" }, 37.0);
+pop("#b6-v", 38.52);
+out("#b6", 39.75);
+
+// B7 40.0 – 46.5  eu duvidava → testei
+show("#b7", 40.0);
+tl.from("#b7-a", { opacity: 0, y: 24, duration: 0.5, ease: "power3.out" }, 41.0);
+pop("#b7-dn", 43.52, 6);
+rise("#b7-b", 45.3, 4);
+pop("#b7-v", 45.7);
+out("#b7", 46.5);
+
+// B8 46.64 – 54.42  genérico ✕ × preset detalhado ✓
+show("#b8", 46.64);
+rise("#b8-a", 46.64);
+type("#b8-ty", "edita meu vídeo", 47.0, 0.6);
+tl.from("#b8-b", { opacity: 0, x: 30, duration: 0.5, ease: "expo.out" }, 48.76);
+pop("#b8-x", 51.2);
+tl.to("#b8-a", { opacity: 0.6, duration: 0.4 }, 51.6);
+sub("#q1", 52.06); sub("#q2", 52.64); sub("#q3", 53.2); sub("#q4", 53.76);
+pop("#b8-v", 54.1);
+out("#b8", 54.42);
+
+// B9 54.52 – 63.3  presets (vagas tracejadas → frames reais)
+show("#b9", 54.52);
+tl.from("#sl1, #sl2, #sl3", { opacity: 0, y: 20, duration: 0.35, stagger: 0.12, ease: "power2.out" }, 55.44);
+tl.from("#sl4", { opacity: 0, y: 20, duration: 0.35, ease: "power2.out" }, 59.5);
+tl.set("#pp1, #pp2, #pp3, #pp4, #pl1, #pl2, #pl3, #pl4", { opacity: 0 }, 54.52);
+const fill = (img, lab, t, rot) => { tl.fromTo(img, { opacity: 0, scale: 0.7, rotation: rot * 2 }, { opacity: 1, scale: 1, rotation: rot, duration: 0.45, ease: "back.out(1.8)" }, t);
+  tl.fromTo(lab, { opacity: 0, y: 10 }, { opacity: 1, y: 0, duration: 0.3 }, t + 0.1); };
+fill("#pp1", "#pl1", 57.22, -3); fill("#pp2", "#pl2", 58.3, 2); fill("#pp3", "#pl3", 59.22, -2); fill("#pp4", "#pl4", 60.48, 3);
+out("#b9", 63.28);
+
+// B10 63.44 – 70.85  presets entram no curso → milhões de views
+show("#b10", 63.44);
+rise("#cv1", 63.44, -5);
+pop("#b10-k", 64.04, -3);
+tl.from("#k1, #k2, #k3, #k4", { opacity: 0, x: 40, duration: 0.35, stagger: 0.14, ease: "expo.out" }, 66.68);
+tl.to("#k1, #k2, #k3, #k4", { x: -300, y: 60, scale: 0.3, opacity: 0, duration: 0.5, stagger: 0.08, ease: "power2.in" }, 68.0);
+tl.to("#cv1", { scale: 1.06, duration: 0.18, yoyo: true, repeat: 1 }, 68.5);
+tl.from("#b10-g", { opacity: 0, y: 20, duration: 0.4, ease: "power3.out" }, 69.1);
+tl.fromTo("#b10-line", { strokeDasharray: 700, strokeDashoffset: 700 }, { strokeDashoffset: 0, duration: 1.0, ease: "power2.out" }, 69.3);
+tl.from("#b10-area", { opacity: 0, duration: 0.8 }, 69.5);
+tl.from("#b10-dot", { opacity: 0, scale: 0, transformOrigin: "50% 50%", duration: 0.3, ease: "back.out(3)" }, 70.2);
+out("#b10", 70.85);
+
+// B11 71.0 – 80.3  prints dos vídeos editados com IA
+show("#b11", 71.0);
+tl.from("#r1", { opacity: 0, y: 50, rotation: -6, duration: 0.6, ease: "expo.out" }, 71.1);
+tl.from("#r2", { opacity: 0, y: 50, duration: 0.6, ease: "expo.out" }, 71.55);
+tl.from("#r3", { opacity: 0, y: 50, rotation: 6, duration: 0.6, ease: "expo.out" }, 72.0);
+const mil = (v) => Math.round(v) + " mil";
+count("#n1", 0, 262, 72.36, 1.2, mil);
+count("#n2", 0, 312, 72.66, 1.2, mil);
+count("#n3", 0, 793, 72.96, 1.5, mil);
+tl.to("#r3", { scale: 1.06, duration: 0.18, yoyo: true, repeat: 1, ease: "power2.out" }, 74.46);
+tl.set("#b11-b, #b11-c", { opacity: 0 }, 71.0);
+pop("#b11-b", 74.3, -3);
+out("#b11-b", 76.9);
+pop("#b11-c", 77.04, 3);
+out("#b11", 80.3);
+
+// B12 80.44 – 90.95  referência → Claude → seu vídeo no mesmo estilo
+show("#b12", 80.44);
+rise("#b12-a", 80.94, -4); sub("#b12-al", 81.2);
+grow("#b12-r1", 83.56);
+pop("#b12-n", 83.84);
+tl.to("#b12-n", { rotation: 360, duration: 2.2, ease: "power1.inOut" }, 84.3);
+grow("#b12-r2", 85.1);
+rise("#b12-b", 85.34, 4); sub("#b12-bl", 85.6);
+tl.to("#b12-st", { opacity: 1, duration: 0.4 }, 87.24);
+tl.to("#b12-b", { scale: 1.07, duration: 0.2, yoyo: true, repeat: 1 }, 87.3);
+tl.set("#b12-eq", { opacity: 0 }, 80.44);
+pop("#b12-eq", 87.6, -2);
+out("#b12", 90.95);
+
+// B13 91.1 – 102.2  capa + lançamento/desconto → posta o 1º vídeo
+show("#b13", 91.1);
+rise("#cv2", 91.1, -5);
+tl.from("#b13-tag", { opacity: 0, x: 60, rotation: 4, duration: 0.5, ease: "back.out(1.6)" }, 93.04);
+tl.fromTo("#b13-st", { opacity: 0, scale: 1.8 }, { opacity: 1, scale: 1, duration: 0.3, ease: "power3.in" }, 95.04);
+out("#b13-a", 96.4);
+tl.fromTo("#b13-b", { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.5, ease: "power3.out" }, 96.6);
+tl.to("#cv2", { scale: 1.06, duration: 0.2, yoyo: true, repeat: 1 }, 98.18);
+tl.fromTo("#b13-bar", { scaleX: 0 }, { scaleX: 1, duration: 1.3, ease: "power1.inOut" }, 100.1);
+tl.fromTo("#b13-ok", { opacity: 0, scale: 0.6 }, { opacity: 1, scale: 1, duration: 0.35, ease: "back.out(2.4)" }, 101.45);
+out("#b13", 102.2);
+
+// B14 102.34 – 106.1  grava → edita → posta
+show("#b14", 102.34);
+tl.set("#t1, #t1l, #t2, #t2l, #t3, #t3l", { opacity: 0 }, 102.34);
+tl.set("#t-r1, #t-r2", { scaleX: 0 }, 102.34);
+pop("#t1", 103.2); sub("#t1l", 103.3);
+grow("#t-r1", 103.8, 0.3); pop("#t2", 104.1); sub("#t2l", 104.14);
+tl.to("#t2", { rotation: 360, duration: 1.0, ease: "power1.inOut" }, 104.4);
+grow("#t-r2", 105.0, 0.3); pop("#t3", 105.3); sub("#t3l", 105.32);
+out("#b14", 106.08);
+
+// B15 106.2 – end  CTA
+inn("#b15", 106.2, { d: 0.35 });
+tl.set("#b15-ph", { opacity: 0 }, 106.4);
+type("#b15-t", "EU QUERO", 106.44, 0.35);
+tl.to("#b15-c", { scale: 1.05, duration: 0.15, yoyo: true, repeat: 1 }, 106.85);
+tl.from("#b15-dm", { opacity: 0, y: -20, duration: 0.4, ease: "expo.out" }, 107.15);
+
+window.__timelines = window.__timelines || {};
+window.__timelines["reel"] = tl;
+</script>
+</body></html>
diff --git a/.claude/skills/anuncios-oney/template/example-img/agora.png b/.claude/skills/anuncios-oney/template/example-img/agora.png
new file mode 100644
index 00000000..fd9fdd3d
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/agora.png differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/antes.png b/.claude/skills/anuncios-oney/template/example-img/antes.png
new file mode 100644
index 00000000..9bfcb05c
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/antes.png differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/avatar.png b/.claude/skills/anuncios-oney/template/example-img/avatar.png
new file mode 100644
index 00000000..3ce016b2
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/avatar.png differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/capa.jpg b/.claude/skills/anuncios-oney/template/example-img/capa.jpg
new file mode 100644
index 00000000..813f9846
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/capa.jpg differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/editado.jpg b/.claude/skills/anuncios-oney/template/example-img/editado.jpg
new file mode 100644
index 00000000..5ad27dd6
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/editado.jpg differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/exemplo1.jpg b/.claude/skills/anuncios-oney/template/example-img/exemplo1.jpg
new file mode 100644
index 00000000..f7b525ef
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/exemplo1.jpg differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/exemplo2.jpg b/.claude/skills/anuncios-oney/template/example-img/exemplo2.jpg
new file mode 100644
index 00000000..25fcf43f
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/exemplo2.jpg differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/exemplo3.jpg b/.claude/skills/anuncios-oney/template/example-img/exemplo3.jpg
new file mode 100644
index 00000000..f74a94e3
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/exemplo3.jpg differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/exemplo4.jpg b/.claude/skills/anuncios-oney/template/example-img/exemplo4.jpg
new file mode 100644
index 00000000..83f495f5
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/exemplo4.jpg differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/print1.png b/.claude/skills/anuncios-oney/template/example-img/print1.png
new file mode 100644
index 00000000..f9e06b0f
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/print1.png differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/print2.png b/.claude/skills/anuncios-oney/template/example-img/print2.png
new file mode 100644
index 00000000..9320b695
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/print2.png differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/print3.png b/.claude/skills/anuncios-oney/template/example-img/print3.png
new file mode 100644
index 00000000..91dde04d
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/print3.png differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/produto.jpg b/.claude/skills/anuncios-oney/template/example-img/produto.jpg
new file mode 100644
index 00000000..57ddb3f0
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/produto.jpg differ
diff --git a/.claude/skills/anuncios-oney/template/example-img/referencia.jpg b/.claude/skills/anuncios-oney/template/example-img/referencia.jpg
new file mode 100644
index 00000000..7c9c03ef
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/example-img/referencia.jpg differ
diff --git a/.claude/skills/anuncios-oney/template/fonts/Advercase-Bold.woff2 b/.claude/skills/anuncios-oney/template/fonts/Advercase-Bold.woff2
new file mode 100644
index 00000000..60735683
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/fonts/Advercase-Bold.woff2 differ
diff --git a/.claude/skills/anuncios-oney/template/fonts/Advercase-Regular.woff2 b/.claude/skills/anuncios-oney/template/fonts/Advercase-Regular.woff2
new file mode 100644
index 00000000..4520a51c
Binary files /dev/null and b/.claude/skills/anuncios-oney/template/fonts/Advercase-Regular.woff2 differ
diff --git a/.claude/skills/anuncios-oney/template/index.template.html b/.claude/skills/anuncios-oney/template/index.template.html
new file mode 100644
index 00000000..773320b5
--- /dev/null
+++ b/.claude/skills/anuncios-oney/template/index.template.html
@@ -0,0 +1,246 @@
+<!doctype html>
+<html lang="pt-BR"><head><meta charset="utf-8"><title>Seu Produto – atualização</title>
+<script src="assets/gsap.min.js"></script>
+<style>
+@font-face{font-family:"Advercase";src:url("assets/fonts/Advercase-Regular.woff2") format("woff2");font-weight:400}
+@font-face{font-family:"Advercase";src:url("assets/fonts/Advercase-Bold.woff2") format("woff2");font-weight:700}
+*{box-sizing:border-box}
+html,body{margin:0;width:1080px;height:1920px;overflow:hidden;background:#000;font-family:"Advercase",Georgia,serif;color:#fff}
+#reel{position:relative;width:1080px;height:1920px;overflow:hidden}
+#cam{position:absolute;inset:0;width:1080px;height:1920px;object-fit:cover}
+.scrim{position:absolute;left:0;top:0;width:1080px;height:640px;pointer-events:none;
+  background:linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.42) 45%,rgba(0,0,0,0) 100%)}
+.shadow{text-shadow:0 2px 3px rgba(0,0,0,.55),0 6px 24px rgba(0,0,0,.45)}
+
+/* top zone: y 130..620 */
+.beat{position:absolute;left:0;top:50px;width:1080px;height:420px;opacity:0}
+.split{display:flex;align-items:center;gap:40px;padding:0 60px 0 70px;height:100%}
+.center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:0 90px}
+.center h1{margin:0;font-size:100px;line-height:.98;font-weight:700;letter-spacing:-1px}
+.center .red{margin-top:14px;font-size:52px;color:#ffd21f;font-weight:700}
+.col{flex:1;display:flex;flex-direction:column;gap:18px}
+.col h2{margin:0;font-size:76px;line-height:1;font-weight:700}
+.col .red{font-size:44px;line-height:1.1;color:#ffd21f;font-weight:700}
+.col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
+.col li{font-size:44px;line-height:1.08;opacity:0}
+.col li b{color:#ffd21f;margin-right:10px}
+.steps{gap:10px!important}.steps li{font-size:41px}
+
+/* story mockup */
+.story{position:relative;flex:none;width:300px;height:533px;border-radius:28px;overflow:hidden;
+  background:radial-gradient(120% 80% at 20% 0%,#3a2a4a 0%,#161616 60%);
+  box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 0 2px rgba(255,255,255,.12);font-family:Arial,Helvetica,sans-serif}
+.story .bars{position:absolute;left:10px;right:10px;top:10px;display:flex;gap:4px}
+.story .bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35)}
+.story .bars i.on{background:#fff}
+.story .who{position:absolute;left:12px;top:22px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}
+.story .who .av{width:30px;height:30px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#feda75,#d62976,#4f5bd5)}
+.story .who .av span{display:block;width:100%;height:100%;border-radius:50%;background:#555 radial-gradient(circle at 50% 38%,#bbb 0 22%,transparent 23%),#555}
+.story .who em{font-style:normal;font-weight:400;opacity:.7}
+.story .body{position:absolute;left:18px;right:18px;top:92px;bottom:18px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
+.story .txt{font-size:29px;font-weight:800;line-height:1.15}
+.story .pill{background:#fff;color:#111;border-radius:12px;padding:10px 12px;font-size:17px;font-weight:700;width:100%}
+.story .pill small{display:block;font-weight:400;color:#888;font-size:14px;margin-top:4px}
+.story .dm{align-self:flex-start;background:#3a3a3c;border-radius:16px;padding:7px 11px;font-size:14px;opacity:0}
+.story .dm.r{align-self:flex-end;background:#6b3cf5}
+.story .views{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:6px;font-size:18px;font-weight:700}
+.story .big{font-size:58px;font-weight:900;line-height:1}
+.story .emoji{font-size:64px;line-height:1}
+.story .link{background:#fff;color:#1a5cff;border-radius:10px;padding:9px 14px;font-weight:800;font-size:18px}
+.story .card{position:absolute;inset:0}
+.col{position:relative}
+#b2-box{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}
+.story .blur{filter:blur(5px)}
+.story .empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#aaa;font-size:18px}
+.story .empty .ring{width:92px;height:92px;border-radius:50%;border:3px dashed #666}
+
+/* captions */
+#cap{position:absolute;left:0;top:1420px;width:1080px;height:80px}
+.w{position:absolute;left:0;top:0;width:1080px;text-align:center;font-weight:700;font-size:54px;line-height:80px;
+  -webkit-text-stroke:5px rgba(0,0,0,.8);paint-order:stroke fill;
+  text-shadow:0 2px 8px rgba(0,0,0,.45)}
+
+
+/* B3 profile cards */
+.vs{display:flex;gap:30px;justify-content:center;padding:6px 40px 0}
+.pc{width:470px;border-radius:24px;background:#111;padding:22px 22px 20px;font-family:Arial,Helvetica,sans-serif;box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 0 2px rgba(255,255,255,.1)}
+.pc .top{display:flex;gap:16px;align-items:center}
+.pc .av{flex:none;width:112px;height:112px;border-radius:50%;padding:4px;background:linear-gradient(45deg,#feda75,#d62976,#4f5bd5)}
+.pc .av img,.pc .av .ph{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #111}
+.pc .av .ph{background-color:#3a3a3c;background-image:radial-gradient(circle at 50% 36%,#8e8e93 0 20%,transparent 21%),radial-gradient(ellipse at 50% 100%,#8e8e93 0 38%,transparent 39%)}
+.pc .meta{min-width:0}
+.pc .u{font-size:30px;font-weight:700;display:flex;align-items:center;gap:8px}
+.pc .ver{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#3897f0;color:#fff;font-size:15px;font-style:normal;font-weight:900}
+.pc .st{margin-top:6px;font-size:24px;color:#ddd;white-space:nowrap;line-height:1}
+.pc .st b{display:block;color:#fff;font-size:58px;font-weight:900;letter-spacing:-1px;margin-bottom:2px}
+.pc .st i{font-style:normal;margin:0 8px;opacity:.5}
+.pc .nm{margin-top:14px;font-size:21px;color:#a8a8a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.pc .ch{margin-top:20px}
+.pc .cl{font-size:22px;color:#ccc;margin-bottom:8px}
+.pc .bar{height:20px;border-radius:9px;background:#2a2a2a;overflow:hidden}
+.pc .bar span{display:block;height:100%;width:100%;border-radius:9px;background:#ffd21f;transform-origin:left center}
+.vs-h{margin-top:22px;text-align:center;font-size:66px;font-weight:700;color:#ffd21f}
+/* product imagery */
+.ba{display:grid;grid-template-columns:190px 1fr;align-items:center;row-gap:22px;padding:0 50px 0 60px;height:100%}
+.ba .lbl{font-size:62px;font-weight:400;text-align:right;padding-right:26px}
+.ba img{height:182px;border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.5)}
+.badge{position:absolute;right:90px;bottom:6px;background:#ffd21f;color:#111;font-weight:700;font-size:40px;padding:10px 22px;border-radius:999px;transform:rotate(-4deg);box-shadow:0 10px 26px rgba(0,0,0,.4)}
+.cover{flex:none;width:236px;height:413px;border-radius:12px;object-fit:cover;box-shadow:0 18px 50px rgba(0,0,0,.55)}
+.col .note{font-size:40px}
+.cta{margin-top:26px;display:flex;align-items:center;justify-content:space-between;width:640px;padding:22px 34px;border-radius:18px;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:40px;box-shadow:0 14px 40px rgba(0,0,0,.45)}
+.tenday{flex:none;width:250px;height:360px;border-radius:26px;background:#141414;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 0 2px rgba(255,210,31,.5)}
+.tenday .n{font-size:180px;line-height:.85;font-weight:700;color:#ffd21f}
+.tenday .d{font-size:54px}
+.tenday .g{font-size:34px;opacity:.8;margin-top:6px}
+</style></head><body>
+<div id="reel" data-composition-id="reel" data-start="0" data-duration="__DUR__" data-width="1080" data-height="1920">
+  <video id="cam" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="0" muted playsinline></video>
+  <audio id="voice" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="1" data-volume="1"></audio>
+  <div class="scrim" id="scrim"></div>
+
+  <!-- B1 antes/agora -->
+  <div class="beat" id="b1"><div class="ba shadow">
+    <div class="lbl" id="l-antes">Antes</div><img id="i-antes" src="assets/img/antes.png" alt="">
+    <div class="lbl" id="l-agora">Agora</div><img id="i-agora" src="assets/img/agora.png" alt="">
+  </div><div class="badge" id="badge">100% atualizado</div></div>
+
+  <!-- B2 capa + mais atualizado -->
+  <div class="beat" id="b2"><div class="split">
+    <img class="cover" id="cv1" src="assets/img/produto.jpg" alt="">
+    <div class="col shadow">
+      <h2 id="b2-h">O curso mais atualizado</h2>
+      <div class="red" id="b2-r">do mercado</div>
+      <div class="note" id="b2-n">Não tem outro.</div>
+    </div>
+  </div></div>
+
+  <!-- B3 você (1 mil) vs eu (100 mil): mesma chance -->
+  <div class="beat" id="b3"><div class="vs">
+    <div class="pc" id="pc-you">
+      <div class="top"><div class="av"><span class="ph"></span></div>
+        <div class="meta"><div class="u">seu.perfil</div>
+          <div class="st"><b id="you-n">1 mil</b>seguidores</div></div></div>
+      <div class="nm">Você</div>
+      <div class="ch"><div class="cl">Chance de 1 mi de views</div><div class="bar"><span id="bar-you"></span></div></div>
+    </div>
+    <div class="pc" id="pc-me">
+      <div class="top"><div class="av"><img src="assets/img/avatar.png" alt=""></div>
+        <div class="meta"><div class="u">seu_usuario <em class="ver">✓</em></div>
+          <div class="st"><b id="me-n">100 mil</b>seguidores</div></div></div>
+      <div class="nm">Seu Nome | Seu Nicho</div>
+      <div class="ch"><div class="cl">Chance de 1 mi de views</div><div class="bar"><span id="bar-me"></span></div></div>
+    </div>
+  </div>
+  <div class="vs-h shadow" id="b3-r">mesma oportunidade</div></div>
+
+  <!-- B4 CTA -->
+  <div class="beat" id="b4"><div class="center shadow">
+    <h1 style="font-size:88px">Entra no Seu Produto</h1>
+    <div class="cta" id="cta"><span>Saiba mais</span><span>›</span></div>
+  </div></div>
+
+  <!-- B5 garantia -->
+  <div class="beat" id="b5"><div class="split">
+    <div class="tenday" id="ten"><div class="n">10</div><div class="d">dias</div><div class="g">de garantia</div></div>
+    <div class="col shadow">
+      <ul>
+        <li id="g1"><b>•</b>Não bateu 1 milhão de views?</li>
+        <li id="g2"><b>•</b>Manda um e-mail</li>
+        <li id="g3"><b>•</b>Dinheiro de volta</li>
+      </ul>
+    </div>
+  </div></div>
+
+  <!-- B6a / B6b -->
+  <div class="beat" id="b6a"><div class="center shadow">
+    <h1>Risco zero</h1>
+    <div class="red" id="b6a-r">você não perde nada</div>
+  </div></div>
+  <div class="beat" id="b6b"><div class="center shadow">
+    <h1>Curso de 3 horas</h1>
+    <div class="red" id="b6b-r">o pior que acontece: aprender a viralizar</div>
+  </div></div>
+
+  <!-- B7 -->
+  <div class="beat" id="b7"><div class="split">
+    <img class="cover" id="cv2" src="assets/img/produto.jpg" alt="">
+    <div class="col shadow">
+      <h2>Conheça o Seu Produto</h2>
+      <div class="red" id="b7-r">mais views hoje mesmo</div>
+    </div>
+  </div></div>
+
+  <div id="cap">__CAPTIONS__</div>
+</div>
+<script>
+const DUR = __DUR__;
+const tl = gsap.timeline({ paused: true });
+
+// ---- captions: static clip per word (built in build-index.mjs); just a small settle on entry
+document.querySelectorAll("#cap .w").forEach((el) => {
+  tl.fromTo(el, { scale: 1.08 }, { scale: 1, duration: 0.14, ease: "power2.out" }, +el.dataset.start);
+});
+
+const inn = (sel, t, v = {}) => tl.fromTo(sel, { opacity: 0, y: v.y ?? 26 }, { opacity: 1, y: 0, duration: v.d ?? 0.5, ease: v.ease ?? "power3.out" }, t);
+const out = (sel, t) => tl.to(sel, { opacity: 0, duration: 0.28, ease: "power1.in" }, t);
+const sub = (sel, t) => tl.from(sel, { opacity: 0, y: 18, duration: 0.45, ease: "power2.out" }, t);
+
+tl.fromTo("#scrim", { opacity: 0 }, { opacity: 1, duration: 0.4 }, 0);
+
+// B1 0.1 – 5.1  "Essa nova atualização… 100% do Seu Produto"
+inn("#b1", 0.1, { y: 0, d: 0.25 });
+tl.from(["#l-antes", "#i-antes"], { x: -40, opacity: 0, duration: 0.5, ease: "expo.out", stagger: 0.08 }, 0.15);
+tl.from(["#l-agora", "#i-agora"], { x: 40, opacity: 0, duration: 0.5, ease: "power3.out", stagger: 0.08 }, 1.4);
+tl.to(["#l-antes", "#i-antes"], { opacity: 0.45, duration: 0.4 }, 1.4);
+tl.fromTo("#badge", { opacity: 0, scale: 0.4, rotation: -16 }, { opacity: 1, scale: 1, rotation: -4, duration: 0.4, ease: "back.out(2.2)" }, 3.24);
+out("#b1", 5.05);
+
+// B2 5.16 – 13.5  capa + mais atualizado do mercado
+inn("#b2", 5.2);
+tl.from("#cv1", { y: 40, rotation: -4, opacity: 0, duration: 0.6, ease: "expo.out" }, 5.2);
+sub("#b2-h", 5.7);
+sub("#b2-r", 8.58);
+sub("#b2-n", 10.32);
+out("#b2", 12.9);
+
+// B3 13.0 – 20.55  "mesmo você tendo menos seguidores do que eu, nós ambos… mesma oportunidade"
+tl.set("#b3", { opacity: 1 }, 13.0);
+tl.from("#pc-you", { opacity: 0, y: 40, rotation: -3, duration: 0.55, ease: "expo.out" }, 13.06);
+tl.from("#you-n", { color: "#ffd21f", duration: 0.6 }, 13.76);
+tl.from("#pc-me", { opacity: 0, y: 40, rotation: 3, duration: 0.55, ease: "expo.out" }, 14.96);
+tl.fromTo("#me-n", { scale: 1.3, transformOrigin: "left center" }, { scale: 1, duration: 0.4, ease: "back.out(2)" }, 15.2);
+tl.fromTo(["#bar-you", "#bar-me"], { scaleX: 0 }, { scaleX: 1, duration: 1.1, ease: "power2.inOut" }, 16.04);
+tl.fromTo("#b3-r", { opacity: 0, scale: 1.2 }, { opacity: 1, scale: 1, duration: 0.45, ease: "expo.out" }, 17.68);
+out("#b3", 20.55);
+
+// B4 20.7 – 26.3  entra / toca aqui / saiba mais
+inn("#b4", 20.7);
+tl.from("#cta", { opacity: 0, y: 30, duration: 0.45, ease: "back.out(1.6)" }, 24.12);
+tl.to("#cta", { scale: 1.06, duration: 0.18, ease: "power2.out", yoyo: true, repeat: 3 }, 25.1);
+out("#b4", 26.3);
+
+// B5 26.38 – 32.8  garantia
+inn("#b5", 26.4);
+tl.from("#ten", { scale: 0.85, opacity: 0, duration: 0.5, ease: "back.out(1.8)" }, 26.4);
+inn("#g1", 28.2, { y: 12, d: 0.4 });
+inn("#g2", 30.6, { y: 12, d: 0.4 });
+inn("#g3", 31.94, { y: 12, d: 0.4 });
+out("#b5", 32.8);
+
+// B6a 32.88 – 36.6 / B6b 36.7 – 40.8
+inn("#b6a", 32.9);
+sub("#b6a-r", 33.6);
+out("#b6a", 36.55);
+inn("#b6b", 36.68);
+sub("#b6b-r", 39.0);
+out("#b6b", 40.75);
+
+// B7 40.86 – end
+inn("#b7", 40.9);
+tl.from("#cv2", { y: 40, rotation: 4, opacity: 0, duration: 0.6, ease: "expo.out" }, 40.9);
+tl.fromTo("#b7-r", { opacity: 0, scale: 1.2 }, { opacity: 1, scale: 1, duration: 0.45, ease: "expo.out" }, 42.6);
+
+window.__timelines = window.__timelines || {};
+window.__timelines["reel"] = tl;
+</script>
+</body></html>
diff --git a/.claude/skills/reel-editorial-oney/SKILL.md b/.claude/skills/reel-editorial-oney/SKILL.md
new file mode 100644
index 00000000..38fcec99
--- /dev/null
+++ b/.claude/skills/reel-editorial-oney/SKILL.md
@@ -0,0 +1,73 @@
+---
+name: reel-editorial-oney
+description: Edit a talking-head recording into a Reel in Oney Araujo's polished EDITORIAL look — one lowercase word at a time mid-frame with keywords in pale-yellow italic serif, phrase stacks built line by line, hard cuts between angles and punch-ins, floating rounded print cards, thumbnail bursts, film strip, grid wall of past reels, handwritten asides with drawn arrows. Use when the user says /reel-editorial-oney", "estilo editorial", "estilo serifado", or asks for a reel that looks visibly designed. For the raw phone look use reel-oney; explainer use reel-explicativo-oney; ads use anuncios-oney.
+---
+
+# Reel editorial (estilo "o Claude editou")
+
+**The one rule:** the edit is part of the message. Calm, expensive, obviously *designed* — the
+opposite of `reel-oney`. But every visual illustrates the exact words being said, enters on the word, and
+leaves within the sentence. Decoration with no line attached is a failure.
+
+First read `../_perfil-oney.md` and load (or create) `perfil.json`.
+
+## Look
+
+| Element | Rule |
+|---|---|
+| Captions | **One word at a time**, lowercase, centred mid-frame (`capTop` in `reel.json`). Inter SemiBold 92 px, tight tracking, soft shadow, **no outline**. Hard cut word to word. |
+| Serif voice | The word that carries the meaning (≈1 per sentence) switches to pale-yellow `#f4e27c` Instrument Serif Italic, 124 px. Set in `assets/emphasis.json` (`words` every occurrence, `at` one occurrence). Asides drop to the small size (`small` ranges). |
+| Phrase stack | Hook and big claims built **line by line** in the top third, mixing sans and serif lines. Lines blur-rise in on their spoken word; captions hidden (`hide` range) while a stack speaks. |
+| Camera | Hard cut every 1–2 sentences: between real angles if the creator recorded more than one, otherwise **punch-ins** (`punch(1.2–1.35)` ↔ `punch(1)`). Never an animated zoom. |
+| Cards | Real prints in **rounded** frames (34 px radius) with soft shadow, beside/above the head, sliding in with a slight tilt. Up to 2 at once. |
+| Thumbnail burst | "uma semana inteira de vídeos" → 10–14 small rounded thumbs burst out of the speaker (`scatter`). |
+| Film strip | "em lote", "B-roll" → a row of frames sliding across the top (`strip`). |
+| Grid wall | Proof beats → top and bottom close in with a grid of past reels, speaker in a band (`wallIn/wallOut`). |
+| Handwritten aside | One personal confession per video in Caveat + drawn arrow pointing at the speaker. |
+| UI moments | Small honest mockups of the tool doing the work (`restyle` toolbar, a timeline window). Max 2 per video, only where the line describes that action. |
+| CTA | Final 4–6 s: closest framing; "comenta *palavra*" with the keyword in serif. |
+
+Colors, sizes and don'ts: `template/DESIGN.md` (copied into every project).
+
+## Cut rules
+
+Remove every pause (−30 dB / 0.15 s) and every retake; ≤ 90 s; re-transcribe `clean.mp4` and read it
+end to end before composing. Aim for 35–60 s. Run `build-cut.mjs --no-jl`.
+
+## Speed rules (students may have slow PCs — these override the steps below)
+
+- The raw transcription in the scaffold step is automatically `--fast` (small model when there is no NVIDIA GPU):
+  it is only used to choose the cut. The re-transcription of `clean.mp4` (captions) uses the accurate settings —
+  run it once per cut version, not after every small change.
+- Check all splices in ONE call (one model load): `$PY $S/transcribe-local-whisper.py clean.mp4 --windows t1,t2,…`
+  (times on the clean timeline). Never transcribe windows one by one.
+- Do not render a full draft just to look at frames. Use `npx hyperframes snapshot --at t1,t2,… -o snapshots`
+  (one time per beat / overlay change) and look at the PNGs. Render the video once, when the snapshots are right:
+  `npx hyperframes render --output renders/<slug>-final.mp4`. Render again only for requested changes.
+- raw.mp4 / clean.mp4 encoding picks the fastest encoder automatically (NVIDIA / Intel Quick Sync / AMD / Apple,
+  else libx264 ultrafast). Do not override it.
+- Before each slow step, tell the user in one short Portuguese line what is running and that it may take a few
+  minutes ("Transcrevendo o vídeo — no seu PC pode levar uns minutos."), so the wait never looks like a freeze.
+
+## Workflow (run from the kit root)
+
+`S=.claude/skills/reel-editorial-oney/scripts` · `PY=~/.venvs/whisper/Scripts/python.exe`
+
+1. **Scaffold + transcribe**: `node $S/new-reel.mjs "<video>" <slug> ["<angle2>" …]`.
+2. **Probe framing**: contact sheet of raw.mp4; set `reel.json` → `{"capTop": <px>}` (≈ 950–1150).
+3. **Cut**: write `assets/keeps.json`; in `assets/`: `node ../../../$S/build-cut.mjs --no-jl` → `clean.mp4`.
+   Extra angles: sync to raw.mp4, trim to the same start, cut each with the same keeps.
+4. **Verify**: in `assets/`: `PYTHONIOENCODING=utf-8 $PY ../../../$S/transcribe-local-whisper.py clean.mp4 transcript.json`.
+   Fix keeps until clean; mishearings → `assets/caption-fixes.json`.
+5. **Plan beats** in `assets/beats.md`: for each sentence ONE of caption only · stack · card · burst · strip ·
+   wall · note · UI moment, plus camera and the serif word. Alternate busy and empty; never two takeovers in a row.
+6. **Assets**: prints via `node $S/find-prints.mjs "<terms>"` (uses the index built by the `reel-oney` skill;
+   view every candidate) → `assets/prints/`. Thumbs of the creator's past reels → `assets/thumbs/`.
+   Log sources in `assets/prints/SOURCES.md`. Never invent numbers, profiles or UI.
+7. **Compose**: in `src/index.template.html` adapt the components and write the TIMING block with the
+   helpers (`line`, `punch`, `cardIn/cardOut`, `scatter`, `strip`, `wallIn/wallOut`, `noteIn`, `restyle`,
+   `fadeOut`). Times from `node $S/anchors.mjs "frase" …`. Write `assets/emphasis.json`.
+8. **Build + check**: `node $S/build-index.mjs` → `npx hyperframes lint` → `npx hyperframes snapshot --at …` at
+   every beat and LOOK (face never covered, serif readable, cards not cropped). Then final render
+   `renders/<slug>-final.mp4`.
+9. **Hand-off** (Portuguese, short): final path, what was cut, the beat plan, assets used. Never publish.
diff --git a/.claude/skills/reel-editorial-oney/scripts/anchors.mjs b/.claude/skills/reel-editorial-oney/scripts/anchors.mjs
new file mode 100644
index 00000000..deb3731a
--- /dev/null
+++ b/.claude/skills/reel-editorial-oney/scripts/anchors.mjs
@@ -0,0 +1,11 @@
+// Print output-timeline times for spoken phrases, to time overlays.
+// Run in the project root: node <skill>/scripts/anchors.mjs "menos seguidores" "do que eu" ...
+import { readFileSync } from "node:fs";
+const w = JSON.parse(readFileSync("assets/transcript.json", "utf8")).words;
+const n = (s) => s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9%]/g, "");
+for (const phrase of process.argv.slice(2)) {
+  const p = phrase.split(/\s+/).map(n);
+  const hits = [];
+  for (let i = 0; i < w.length; i++) if (p.every((x, j) => w[i + j] && n(w[i + j].text) === x)) hits.push(`${w[i].start.toFixed(2)}–${w[i + p.length - 1].end.toFixed(2)}`);
+  console.log(`${phrase.padEnd(32)} ${hits.join("  ") || "??"}`);
+}
diff --git a/.claude/skills/reel-editorial-oney/scripts/build-cut.mjs b/.claude/skills/reel-editorial-oney/scripts/build-cut.mjs
new file mode 100644
index 00000000..f6538cbb
--- /dev/null
+++ b/.claude/skills/reel-editorial-oney/scripts/build-cut.mjs
@@ -0,0 +1,67 @@
+// Cut raw.mp4 into clean.mp4 from keeps.json, removing every measured pause, with J/L cuts at edit points.
+// Run inside <project>/assets:  node <skill>/scripts/build-cut.mjs [--jl 4] [--no-jl]
+// Inputs: raw.mp4, keeps.json ({fps, keeps:[{from,to,why}]}), silences.txt (made here if missing).
+// Outputs: clean.mp4, edit-decisions.json (audio timeline = caption timeline).
+import { readFileSync, writeFileSync, existsSync } from "node:fs";
+import { execFileSync, spawnSync } from "node:child_process";
+import { videoEncoder, HWDEC } from "./encoder.mjs";
+
+const args = process.argv.slice(2);
+const JL = args.includes("--no-jl") ? 0 : Number(args[args.indexOf("--jl") + 1] || 4); // frames
+const { keeps, fps = 30 } = JSON.parse(readFileSync("keeps.json", "utf8"));
+const frame = (t) => Math.round(t * fps) / fps;
+
+// 1. measured silences (ffmpeg silencedetect, -30 dB, 0.15 s)
+if (!existsSync("silences.txt")) {
+  const r = spawnSync("ffmpeg", ["-v", "info", "-i", "raw.mp4", "-vn", "-af", "silencedetect=noise=-30dB:d=0.15", "-f", "null", "-"], { encoding: "utf8" });
+  const s = [...r.stderr.matchAll(/silence_start: ([\d.]+)[\s\S]*?silence_end: ([\d.]+)/g)].map((m) => `${m[1]} ${m[2]}`);
+  writeFileSync("silences.txt", s.join("\n"));
+}
+// Keep a short tail after speech and a slightly longer lead-in before the next onset.
+const TAIL = 0.05, LEAD = 0.08;
+const silences = readFileSync("silences.txt", "utf8").trim().split(/\s*\n/).filter(Boolean).map((l) => l.trim().split(" ").map(Number))
+  .map(([a, b]) => [a + TAIL, b - LEAD]).filter(([a, b]) => b - a > 0.06);
+
+// 2. audio pieces = keep ranges minus silences
+const pieces = [];
+for (const k of keeps) {
+  let cur = k.from;
+  for (const [a, b] of silences) {
+    if (b <= cur || a >= k.to) continue;
+    if (a > cur) pieces.push({ s: frame(cur), e: frame(a), why: k.why });
+    cur = b;
+  }
+  if (k.to > cur) pieces.push({ s: frame(cur), e: frame(k.to), why: k.why });
+}
+const segs = pieces.filter((p) => p.e - p.s >= 2 / fps);
+
+// 3. video pieces: same durations, but at real edit points the picture cut is offset from the sound cut.
+//    Alternate J (sound of the next shot leads) and L (picture of the next shot leads).
+const d = JL / fps;
+const vsegs = segs.map((g) => ({ s: g.s, e: g.e }));
+let flip = 0;
+for (let i = 0; i < segs.length - 1 && d > 0; i++) {
+  const gap = segs[i + 1].s - segs[i].e;
+  if (gap < 0.25) continue; // not a visible edit point
+  if (flip++ % 2 === 0) { vsegs[i].e += d; vsegs[i + 1].s += d; }      // J: old picture holds while new sound starts
+  else { vsegs[i].e -= d; vsegs[i + 1].s -= d; }                        // L: new picture arrives before its sound
+}
+
+let out = 0;
+const decisions = segs.map((g, i) => {
+  const r = { source_start: g.s, source_end: g.e, video_start: +vsegs[i].s.toFixed(3), video_end: +vsegs[i].e.toFixed(3), output_start: +out.toFixed(3), output_end: +(out + g.e - g.s).toFixed(3), reason: g.why };
+  out += g.e - g.s;
+  return r;
+});
+
+const f = segs.map((g, i) => {
+  const v = vsegs[i], dur = g.e - g.s;
+  return `[0:v]trim=${v.s.toFixed(4)}:${v.e.toFixed(4)},setpts=PTS-STARTPTS[v${i}];` +
+    `[0:a]atrim=${g.s}:${g.e},asetpts=PTS-STARTPTS,afade=t=in:d=0.012,afade=t=out:st=${(dur - 0.012).toFixed(3)}:d=0.012[a${i}];`;
+}).join("") + segs.map((_, i) => `[v${i}]`).join("") + `concat=n=${segs.length}:v=1:a=0[v];` + segs.map((_, i) => `[a${i}]`).join("") + `concat=n=${segs.length}:v=0:a=1[a]`;
+writeFileSync("cut-filter.txt", f);
+execFileSync("ffmpeg", ["-y", "-v", "error", "-i", "raw.mp4", "-filter_complex_script", "cut-filter.txt",
+  "-map", "[v]", "-map", "[a]", ...videoEncoder(), "-r", String(fps),
+  "-c:a", "aac", "-b:a", "192k", "-shortest", "clean.mp4"], { stdio: "inherit" });
+writeFileSync("edit-decisions.json", JSON.stringify({ source: "assets/raw.mp4", fps, jl_frames: JL, duration: +out.toFixed(3), segments: decisions }, null, 1));
+console.log(`segments=${segs.length} jl_edits=${flip} duration=${out.toFixed(2)}s`);
diff --git a/.claude/skills/reel-editorial-oney/scripts/build-index.mjs b/.claude/skills/reel-editorial-oney/scripts/build-index.mjs
new file mode 100644
index 00000000..3862b9d7
--- /dev/null
+++ b/.claude/skills/reel-editorial-oney/scripts/build-index.mjs
@@ -0,0 +1,48 @@
+// Build <project>/index.html from src/index.template.html.
+// Run in the project root:  node <skill>/scripts/build-index.mjs
+// - __CAPTIONS__ : one caption clip per word from assets/transcript.json, lowercased.
+//     assets/caption-fixes.json  {"wrong": "right", "drop-me": ""}
+//     assets/emphasis.json       {"words": ["claude", "edit"], "at": [12.4, 30.1], "small": [[3.6, 6.2]], "hide": [[0.0, 3.6]]}
+//        words → every occurrence becomes yellow serif italic;  at → the word spoken at that time (±0.15 s)
+//        small → ranges where captions drop to the small "aside" size;  hide → ranges with no captions
+//        (use hide while a phrase stack or takeover carries the words itself)
+// - __DUR__ : clean.mp4 duration;  __CAP_TOP__ : reel.json {"capTop": 1040}
+import { readFileSync, writeFileSync, existsSync } from "node:fs";
+
+const t = JSON.parse(readFileSync("assets/transcript.json", "utf8"));
+const dur = t.audio_duration_secs;
+const fix = existsSync("assets/caption-fixes.json") ? JSON.parse(readFileSync("assets/caption-fixes.json", "utf8")) : {};
+const em = { words: [], at: [], small: [], hide: [], ...(existsSync("assets/emphasis.json") ? JSON.parse(readFileSync("assets/emphasis.json", "utf8")) : {}) };
+const norm = (s) => s.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^a-z0-9%]/g, "");
+const emWords = new Set(em.words.map(norm));
+const inRange = (x, rs) => rs.some(([a, b]) => x >= a && x < b);
+
+// ---- words (merge Whisper splits like "e" + "-mail" and "100" + "%")
+const words = [];
+for (let i = 0; i < t.words.length; i++) {
+  const w = t.words[i], n = t.words[i + 1];
+  if (n && (n.text.startsWith("-") || n.text === "%")) { words.push({ text: w.text + n.text, start: w.start, end: n.end }); i++; continue; }
+  const txt = w.text in fix ? fix[w.text] : w.text;
+  if (txt) words.push({ text: txt, start: w.start, end: w.end });
+}
+
+// ---- one caption clip per word (from its onset until the next word, max 1.0 s)
+const esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;");
+const caps = words.map((w, i) => {
+  if (inRange(w.start, em.hide)) return "";
+  const next = words[i + 1] ? words[i + 1].start : dur;
+  const d = Math.min(next - w.start, 1.0);
+  if (d <= 0.01) return "";
+  const cls = ["w", "clip"];
+  if (emWords.has(norm(w.text)) || em.at.some((x) => Math.abs(x - w.start) <= 0.15)) cls.push("em");
+  if (inRange(w.start, em.small)) cls.push("sm");
+  return `<div class="${cls.join(" ")}" id="w${i}" data-start="${w.start.toFixed(3)}" data-duration="${d.toFixed(3)}" data-track-index="5">${esc(w.text.toLowerCase())}</div>`;
+}).join("\n");
+
+const cfg = { capTop: 1040, ...(existsSync("reel.json") ? JSON.parse(readFileSync("reel.json", "utf8")) : {}) };
+const html = readFileSync("src/index.template.html", "utf8").replaceAll("__DUR__", dur.toFixed(3)).replace("__CAPTIONS__", caps).replace("__CAP_TOP__", String(cfg.capTop));
+writeFileSync("index.html", html);
+const meta = JSON.parse(readFileSync("meta.json", "utf8"));
+Object.assign(meta, { id: "reel", width: 1080, height: 1920, fps: 30 });
+writeFileSync("meta.json", JSON.stringify(meta, null, 2));
+console.log(`index.html built — ${dur.toFixed(2)}s, ${words.length} caption words`);
diff --git a/.claude/skills/reel-editorial-oney/scripts/encoder.mjs b/.claude/skills/reel-editorial-oney/scripts/encoder.mjs
new file mode 100644
index 00000000..cd175c31
--- /dev/null
+++ b/.claude/skills/reel-editorial-oney/scripts/encoder.mjs
@@ -0,0 +1,28 @@
+// Fastest H.264 encoder this machine actually supports, for intermediate files (raw.mp4, clean.mp4).
+// Tries the GPU / integrated-graphics encoders first (NVIDIA, Intel Quick Sync, AMD, Apple), then falls
+// back to libx264 ultrafast. Each candidate is probed with a tiny test encode, because ffmpeg lists
+// encoders the hardware may not have. Force CPU with EDITE_REELS_ENCODER=cpu.
+import { spawnSync } from "node:child_process";
+
+const CPU = ["-c:v", "libx264", "-preset", "ultrafast", "-crf", "18"];
+const CANDIDATES = [
+  ["h264_nvenc", ["-preset", "p4", "-rc", "vbr", "-cq", "20", "-b:v", "0"]],
+  ["h264_qsv", ["-global_quality", "22"]],
+  ["h264_amf", ["-quality", "balanced", "-rc", "cqp", "-qp_i", "20", "-qp_p", "22"]],
+  ["h264_videotoolbox", ["-b:v", "14M"]],
+];
+let cached;
+
+export function videoEncoder() {
+  if (cached) return cached;
+  if (process.env.EDITE_REELS_ENCODER === "cpu") return (cached = CPU);
+  for (const [name, args] of CANDIDATES) {
+    const probe = spawnSync("ffmpeg", ["-v", "error", "-f", "lavfi", "-i", "color=c=black:s=320x320:d=0.2",
+      "-pix_fmt", "yuv420p", "-c:v", name, ...args, "-f", "null", "-"]);
+    if (probe.status === 0) return (cached = ["-c:v", name, ...args]);
+  }
+  return (cached = CPU);
+}
+
+// Hardware-accelerated decoding where available (phone HEVC/4K decodes much faster); ffmpeg falls back silently.
+export const HWDEC = ["-hwaccel", "auto"];
diff --git a/.claude/skills/reel-editorial-oney/scripts/find-prints.mjs b/.claude/skills/reel-editorial-oney/scripts/find-prints.mjs
new file mode 100644
index 00000000..41d74752
--- /dev/null
+++ b/.claude/skills/reel-editorial-oney/scripts/find-prints.mjs
@@ -0,0 +1,24 @@
+// Search your screenshot index (OCR text) for candidate prints.
+// Usage: node find-prints.mjs "seguidores" "1,6 mi" [--min-w 600] [--since 2026-01-01] [--limit 15]
+// Score = number of query terms found in the OCR text (accent/case-insensitive). Always LOOK at a candidate before using it.
+import { readFileSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { dirname, join } from "node:path";
+
+const here = dirname(fileURLToPath(import.meta.url));
+const idx = JSON.parse(readFileSync(join(here, "..", "..", "reel-oney", "prints-index.json"), "utf8").replace(/^/, ""));
+const argv = process.argv.slice(2);
+const opt = (k, d) => (argv.includes(k) ? argv[argv.indexOf(k) + 1] : d);
+const flags = new Set(["--min-w", "--since", "--limit"]);
+const terms = argv.filter((a, i) => !a.startsWith("--") && !flags.has(argv[i - 1]));
+const norm = (s) => (s || "").normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+const minW = Number(opt("--min-w", 0)), since = opt("--since", ""), limit = Number(opt("--limit", 15));
+
+const hits = idx
+  .filter((x) => x.w >= minW && (!since || x.date >= since))
+  .map((x) => ({ x, score: terms.reduce((n, t) => n + (norm(x.text).includes(norm(t)) ? 1 : 0), 0) }))
+  .filter((h) => h.score > 0 || !terms.length)
+  .sort((a, b) => b.score - a.score || b.x.date.localeCompare(a.x.date))
+  .slice(0, limit);
+for (const { x, score } of hits) console.log(`${score} | ${x.date} | ${x.w}x${x.h} | ${x.file}\n    ${norm(x.text).replace(/\s+/g, " ").slice(0, 160)}`);
+if (!hits.length) console.log("no matches");
diff --git a/.claude/skills/reel-editorial-oney/scripts/new-reel.mjs b/.claude/skills/reel-editorial-oney/scripts/new-reel.mjs
new file mode 100644
index 00000000..068c19a6
--- /dev/null
+++ b/.claude/skills/reel-editorial-oney/scripts/new-reel.mjs
@@ -0,0 +1,42 @@
+// Scaffold an editorial-style reel project from a recording and transcribe it.
+// Run from the kit root:  node .claude/skills/reel-editorial-oney/scripts/new-reel.mjs "<video>" <slug> ["<angle2>" ...]
+// Extra video paths are additional camera angles of the SAME take (synced later by hand) → assets/angle2.mp4 …
+// Creates video-projects/<slug>/ with assets/raw.mp4 (1080x1920 30fps), raw.json, words.txt, fonts, src/index.template.html.
+import { execFileSync } from "node:child_process";
+import { videoEncoder, HWDEC } from "./encoder.mjs";
+import { cpSync, mkdirSync, readFileSync, writeFileSync, existsSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { dirname, join, resolve } from "node:path";
+import { homedir } from "node:os";
+const PY = process.env.WHISPER_PYTHON || join(homedir(), ".venvs", "whisper", process.platform === "win32" ? "Scripts/python.exe" : "bin/python");
+
+const [src, slug, ...angles] = process.argv.slice(2);
+if (!src || !slug) { console.error('usage: new-reel.mjs "<video>" <slug> ["<angle2>" ...]'); process.exit(1); }
+const skill = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+const proj = resolve("video-projects", slug);
+if (!existsSync(proj)) execFileSync(process.execPath, ["scripts/new-video.mjs", slug], { stdio: "inherit" });
+mkdirSync(join(proj, "src"), { recursive: true });
+cpSync(join(skill, "template", "fonts"), join(proj, "assets", "fonts"), { recursive: true });
+if (!existsSync(join(proj, "src", "index.template.html"))) cpSync(join(skill, "template", "index.template.html"), join(proj, "src", "index.template.html"));
+cpSync(join(skill, "template", "DESIGN.md"), join(proj, "DESIGN.md"));
+
+const a = join(proj, "assets");
+const toVertical = (input, out) => execFileSync("ffmpeg", ["-y", "-v", "error", ...HWDEC, "-i", input, "-map", "0:v:0", "-map", "0:a:0?",
+  "-vf", "scale=1080:1920:force_original_aspect_ratio=increase,crop=1080:1920",
+  ...videoEncoder(), "-r", "30", "-c:a", "aac", "-b:a", "192k", "-movflags", "+faststart", out], { stdio: "inherit" });
+if (!existsSync(join(a, "raw.mp4"))) { console.log("transcoding…"); toVertical(src, join(a, "raw.mp4")); }
+angles.forEach((p, i) => { const out = join(a, `angle${i + 2}.mp4`); if (!existsSync(out)) toVertical(p, out); });
+
+console.log("transcribing (Whisper local — na primeira vez baixa o modelo, demora)…");
+execFileSync(PY, [join(skill, "scripts", "transcribe-local-whisper.py"), join(a, "raw.mp4"), join(a, "raw.json"), "--fast"],
+  { stdio: ["ignore", "inherit", "ignore"], env: { ...process.env, PYTHONIOENCODING: "utf-8" } });
+
+const t = JSON.parse(readFileSync(join(a, "raw.json"), "utf8"));
+let out = "", line = "", ls = 0, prev = 0;
+for (const w of t.words) {
+  if (w.start - prev > 0.5 || line.length > 90) { if (line) out += `${ls.toFixed(2).padStart(7)} ${line}\n`; if (w.start - prev > 0.5) out += `        --- pause ${(w.start - prev).toFixed(1)}s\n`; line = ""; ls = w.start; }
+  line += `${w.text}@${w.start.toFixed(2)} `; prev = w.end;
+}
+out += `${ls.toFixed(2).padStart(7)} ${line}\n`;
+writeFileSync(join(a, "words.txt"), out);
+console.log(`ready: ${proj}  (duration ${t.audio_duration_secs}s, ${t.words.length} words; see assets/words.txt)`);
diff --git a/.claude/skills/reel-editorial-oney/scripts/transcribe-local-whisper.py b/.claude/skills/reel-editorial-oney/scripts/transcribe-local-whisper.py
new file mode 100644
index 00000000..ca461b69
--- /dev/null
+++ b/.claude/skills/reel-editorial-oney/scripts/transcribe-local-whisper.py
@@ -0,0 +1,94 @@
+"""Local word-level transcription with faster-whisper, tuned for slow PCs.
+
+Writes the kit's transcript shape: {"words": [{text,start,end}], "audio_duration_secs"}.
+
+Usage:
+  python transcribe-local-whisper.py <media> <out.json>              # captions quality
+  python transcribe-local-whisper.py <media> <out.json> --fast       # raw take, only to choose the cut
+  python transcribe-local-whisper.py <media> --windows 12.4,30.1,... # check splices: text of a 3 s window
+                                                                      # around each time, ONE model load
+Options: --model NAME_OR_DIR (env WHISPER_MODEL) · --lang pt · --span 3
+
+Speed rules (measured on CPU, 1 min of speech, 4 threads):
+  medium beam 5 = 19.5 s · medium beam 1 = 14.5 s · small beam 1 = 5.5 s (base is too inaccurate for PT)
+  With an NVIDIA GPU everything uses medium beam 5 (fast anyway).
+  Without one: --fast and --windows use small; captions use medium with beam 1.
+"""
+import argparse, glob, json, os, subprocess, sys, site, tempfile
+
+
+def add_cuda_dlls():
+    if os.name != "nt":
+        return
+    for base in site.getsitepackages():
+        for d in glob.glob(os.path.join(base, "nvidia", "*", "bin")):
+            os.add_dll_directory(d)
+            os.environ["PATH"] = d + os.pathsep + os.environ["PATH"]
+
+
+def to_wav(media, start=None, dur=None):
+    """Decode with ffmpeg to 16 kHz mono WAV: avoids decoder errors on phone files and is faster to read."""
+    fd, path = tempfile.mkstemp(suffix=".wav"); os.close(fd)
+    cmd = ["ffmpeg", "-v", "error", "-y"]
+    if start is not None:
+        cmd += ["-ss", f"{start:.3f}"]
+    cmd += ["-i", media]
+    if dur is not None:
+        cmd += ["-t", f"{dur:.3f}"]
+    subprocess.run(cmd + ["-vn", "-ac", "1", "-ar", "16000", path], check=True)
+    return path
+
+
+def load(model_name, fast):
+    add_cuda_dlls()
+    from faster_whisper import WhisperModel
+    try:
+        m = WhisperModel(model_name or "medium", device="cuda", compute_type="float16")
+        return m, "cuda", 5
+    except Exception:
+        name = model_name or ("small" if fast else "medium")
+        m = WhisperModel(name, device="cpu", compute_type="int8", cpu_threads=os.cpu_count() or 4)
+        return m, "cpu", 1
+
+
+def main():
+    ap = argparse.ArgumentParser()
+    ap.add_argument("media")
+    ap.add_argument("out", nargs="?")
+    ap.add_argument("--model", default=os.environ.get("WHISPER_MODEL"))
+    ap.add_argument("--lang", default="pt")
+    ap.add_argument("--fast", action="store_true")
+    ap.add_argument("--windows", default="")
+    ap.add_argument("--span", type=float, default=3.0)
+    a = ap.parse_args()
+
+    if a.windows:
+        model, device, beam = load(a.model, True)
+        for t in [float(x) for x in a.windows.split(",") if x.strip()]:
+            start = max(0.0, t - a.span / 2)
+            wav = to_wav(a.media, start, a.span)
+            segs, _ = model.transcribe(wav, language=a.lang, beam_size=beam, condition_on_previous_text=False)
+            print(f"[{t:8.2f}] {' '.join(s.text.strip() for s in segs)}", flush=True)
+            os.remove(wav)
+        return
+
+    if not a.out:
+        sys.exit("usage: transcribe-local-whisper.py <media> <out.json> [--fast]")
+    model, device, beam = load(a.model, a.fast)
+    wav = to_wav(a.media)
+    segments, info = model.transcribe(wav, language=a.lang, beam_size=beam, word_timestamps=True,
+                                      vad_filter=False, condition_on_previous_text=False)
+    words = []
+    for seg in segments:
+        for w in seg.words or []:
+            words.append({"text": w.word.strip(), "start": round(w.start, 3), "end": round(w.end, 3)})
+        print(f"[{seg.start:7.2f}] {seg.text.strip()}", flush=True)
+    os.remove(wav)
+    with open(a.out, "w", encoding="utf-8") as f:
+        json.dump({"language_code": a.lang, "audio_duration_secs": round(info.duration, 3),
+                   "text": " ".join(w["text"] for w in words), "words": words}, f, ensure_ascii=False, indent=1)
+    print(f"DONE device={device} beam={beam} words={len(words)} -> {a.out}")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/.claude/skills/reel-editorial-oney/template/DESIGN.md b/.claude/skills/reel-editorial-oney/template/DESIGN.md
new file mode 100644
index 00000000..2389becd
--- /dev/null
+++ b/.claude/skills/reel-editorial-oney/template/DESIGN.md
@@ -0,0 +1,28 @@
+# Design — the creator's editorial reel (reel-editorial)
+
+## Style Prompt
+Talking-head reel that openly looks *edited*: calm, polished, magazine-like. One lowercase word at a time
+in a neo-grotesk sans in the middle of the frame; the words that carry the meaning switch to a pale-yellow
+condensed italic serif. Hard cuts between camera angles and punch-ins every sentence or two. Floating
+rounded cards, thumbnail bursts, a film strip, a grid wall of past reels, a handwritten aside with a drawn
+arrow, and small UI moments (a text toolbar that restyles a phrase). Every visual illustrates the exact
+words being said and leaves within a sentence.
+
+## Colors
+- `#ffffff` — sans type, handwritten notes
+- `#f4e27c` — serif "voice" words (pale butter yellow, never saturated `#ffd21f`)
+- `#0d0d0d` — dark cards
+- `#f2ede6` — grid-wall paper behind thumbnails
+- Shadows: soft, `0 3px 22px rgba(0,0,0,.30)` on type, `0 24px 60px rgba(0,0,0,.38)` on cards
+
+## Typography
+- Sans: Inter SemiBold, lowercase, tracking −0.035em — captions 92 px, stack lines 104 px, asides 42 px
+- Serif voice: Instrument Serif Italic — 124–132 px
+- Hand: Caveat Bold — notes 86 px
+
+## What NOT to Do
+- No black outlines on captions, no boxes or scrims behind words
+- No Advercase, no `#ffd21f` (those are the reel / anuncio looks)
+- No more than ~1 serif word per sentence, or the emphasis stops meaning anything
+- No overlay covering the face; cards live beside or above the head
+- No bounce on text; only thumbnails get `back.out`
diff --git a/.claude/skills/reel-editorial-oney/template/fonts/Caveat-Bold.woff2 b/.claude/skills/reel-editorial-oney/template/fonts/Caveat-Bold.woff2
new file mode 100644
index 00000000..e8b6ac71
Binary files /dev/null and b/.claude/skills/reel-editorial-oney/template/fonts/Caveat-Bold.woff2 differ
diff --git a/.claude/skills/reel-editorial-oney/template/fonts/InstrumentSerif-Italic.woff2 b/.claude/skills/reel-editorial-oney/template/fonts/InstrumentSerif-Italic.woff2
new file mode 100644
index 00000000..197abca2
Binary files /dev/null and b/.claude/skills/reel-editorial-oney/template/fonts/InstrumentSerif-Italic.woff2 differ
diff --git a/.claude/skills/reel-editorial-oney/template/fonts/Inter-Medium.ttf b/.claude/skills/reel-editorial-oney/template/fonts/Inter-Medium.ttf
new file mode 100644
index 00000000..a01f3777
Binary files /dev/null and b/.claude/skills/reel-editorial-oney/template/fonts/Inter-Medium.ttf differ
diff --git a/.claude/skills/reel-editorial-oney/template/fonts/Inter-SemiBold.ttf b/.claude/skills/reel-editorial-oney/template/fonts/Inter-SemiBold.ttf
new file mode 100644
index 00000000..ecc7041e
Binary files /dev/null and b/.claude/skills/reel-editorial-oney/template/fonts/Inter-SemiBold.ttf differ
diff --git a/.claude/skills/reel-editorial-oney/template/index.template.html b/.claude/skills/reel-editorial-oney/template/index.template.html
new file mode 100644
index 00000000..e20a8684
--- /dev/null
+++ b/.claude/skills/reel-editorial-oney/template/index.template.html
@@ -0,0 +1,145 @@
+<!doctype html>
+<html lang="pt-BR"><head><meta charset="utf-8"><title>Reel</title>
+<script src="assets/gsap.min.js"></script>
+<style>
+/* ===== Editorial "AI-edited" reel look — read SKILL.md before changing anything here ===== */
+@font-face{font-family:"EdSans";src:url("assets/fonts/Inter-SemiBold.ttf") format("truetype");font-weight:600}
+@font-face{font-family:"EdSans";src:url("assets/fonts/Inter-Medium.ttf") format("truetype");font-weight:500}
+@font-face{font-family:"EdSerif";src:url("assets/fonts/InstrumentSerif-Italic.woff2") format("woff2")}  /* Instrument Serif Italic (OFL) */
+@font-face{font-family:"EdHand";src:url("assets/fonts/Caveat-Bold.woff2") format("woff2")}  /* Caveat (OFL) */
+:root{--y:#f4e27c;--ink:#111;--shadow:0 3px 22px rgba(0,0,0,.30),0 1px 3px rgba(0,0,0,.28)}
+*{box-sizing:border-box}
+html,body{margin:0;width:1080px;height:1920px;overflow:hidden;background:#000;color:#fff}
+#reel{position:relative;width:1080px;height:1920px;overflow:hidden}
+
+/* Camera: a non-timed wrapper we punch in/out with hard cuts. Angle clips sit on top of #cam inside it. */
+#camwrap{position:absolute;inset:0;transform-origin:50% 38%}
+#camwrap video{position:absolute;inset:0;width:1080px;height:1920px;object-fit:cover}
+
+/* Shared text voice: lowercase neo-grotesk, tight tracking; the "voice" word in pale-yellow condensed italic serif. */
+.sans{font-family:"EdSans",Helvetica,Arial,sans-serif;font-weight:600;letter-spacing:-.035em;line-height:.98;text-shadow:var(--shadow)}
+.serif{font-family:"EdSerif",Georgia,serif;color:var(--y);letter-spacing:-.01em;line-height:.9;text-shadow:var(--shadow)}
+.ov{position:absolute;opacity:0}
+
+/* Phrase stack: a sentence built line by line (mixing .sans / .serif lines), usually in the top third. */
+.stack{position:absolute;left:0;width:1080px;text-align:center}
+.stack .ln{display:block;opacity:0}
+.stack .ln.sans{font-size:104px}
+.stack .ln.serif{font-size:132px}
+
+/* Cards: real prints in rounded phone-like frames with a soft drop shadow. */
+.card{position:absolute;opacity:0;border-radius:34px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.38),0 4px 12px rgba(0,0,0,.2);background:#fff}
+.card img{display:block;width:100%;height:auto}
+
+/* Thumb scatter / film strip / grid wall use small rounded thumbs. */
+.thumb{position:absolute;opacity:0;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.35)}
+.thumb img{display:block;width:100%;height:100%;object-fit:cover}
+.strip{position:absolute;left:0;height:330px;display:flex;gap:14px;opacity:0}
+.strip .fr{flex:none;width:250px;height:330px;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.3)}
+.strip .fr img{width:100%;height:100%;object-fit:cover;display:block}
+.wall{position:absolute;left:-20px;width:1120px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f2ede6;padding:8px;opacity:0}
+.wall img{width:100%;height:360px;object-fit:cover;display:block}
+.wall.top{top:0;clip-path:polygon(0 0,100% 0,100% 92%,93% 96%,84% 91%,72% 97%,61% 92%,49% 98%,37% 91%,25% 97%,13% 92%,4% 97%,0 93%)}
+.wall.bot{bottom:0;clip-path:polygon(0 7%,6% 3%,17% 8%,29% 2%,41% 8%,53% 3%,64% 9%,76% 2%,88% 8%,96% 3%,100% 6%,100% 100%,0 100%)}
+
+/* Dark card: black rounded panel with a typed line + serif keyword (for "custom animation"-type beats). */
+.dark{position:absolute;opacity:0;border-radius:30px;background:#0d0d0d;box-shadow:0 24px 60px rgba(0,0,0,.45);padding:48px 40px;text-align:center}
+
+/* Handwritten note + drawn arrow. */
+.note{position:absolute;opacity:0;font-family:"EdHand",cursive;font-size:86px;line-height:1.05;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}
+.note svg{display:block;overflow:visible}
+.note path{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
+
+/* Text toolbar (B I U ↺) — the "restyle" move that turns a sans phrase into the serif voice. */
+.toolbar{position:absolute;opacity:0;display:flex;gap:30px;align-items:center;background:#fff;color:#222;border-radius:16px;padding:14px 26px;
+  font-family:Georgia,serif;font-size:34px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
+.toolbar .on{background:#dfe6ff;border-radius:8px;padding:0 8px}
+.cursor{position:absolute;opacity:0;width:34px;height:34px}
+
+/* Captions: ONE word at a time, centred mid-frame, lowercase. Keywords switch to the serif voice. */
+#cap{position:absolute;left:0;top:__CAP_TOP__px;width:1080px;height:140px}
+.w{position:absolute;left:40px;top:0;width:1000px;text-align:center;font-family:"EdSans",Helvetica,Arial,sans-serif;font-weight:600;
+  font-size:92px;letter-spacing:-.035em;line-height:140px;color:#fff;text-shadow:var(--shadow)}
+.w.em{font-family:"EdSerif",Georgia,serif;font-weight:400;font-size:124px;letter-spacing:-.01em;color:var(--y)}
+.w.sm{font-size:42px}
+.w.em.sm{font-size:56px}
+</style></head><body>
+<div id="reel" data-composition-id="reel" data-start="0" data-duration="__DUR__" data-width="1080" data-height="1920">
+  <div id="camwrap">
+    <video id="cam" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="0" muted playsinline></video>
+    <!-- Second camera angle (same take, cut with the same keeps → angle2-clean.mp4). One clip per stretch:
+    <video class="ang" src="assets/angle2-clean.mp4" data-start="6.2" data-duration="4.1" data-media-start="6.2" data-track-index="2" muted playsinline></video>
+    -->
+  </div>
+  <audio id="voice" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="1" data-volume="1"></audio>
+
+  <!-- ===== OVERLAYS (examples — replace per video; delete what you don't use) =====
+  <div class="stack" id="st1" style="top:150px">
+    <span class="ln sans">a gente vai</span><span class="ln sans">aprender a</span>
+    <span class="ln serif">fazer o claude</span><span class="ln serif">editar</span>
+  </div>
+  <div class="card" id="c1" style="left:600px;top:260px;width:380px"><img src="assets/prints/a.png" alt=""></div>
+  <div class="note" id="n1" style="left:70px;top:420px">eu sou só<br>criador
+    <svg width="160" height="90"><path d="M10 6 C 0 60, 60 80, 140 70 M118 52 L140 70 L116 86"/></svg></div>
+  <div class="thumb sc" style="--x:-330px;--y:-380px;--r:-8deg;left:465px;top:760px;width:150px;height:260px"><img src="assets/thumbs/1.jpg" alt=""></div>
+  <div class="strip" id="strip1" style="top:200px"><div class="fr"><img src="assets/thumbs/1.jpg" alt=""></div> …</div>
+  <div class="wall top" id="wt"> <img …> ×6 </div>  <div class="wall bot" id="wb"> <img …> ×6 </div>
+  <div class="dark" id="d1" style="left:640px;top:380px;width:400px"><div class="sans" style="font-size:40px">você ganha uma</div><div class="serif" style="font-size:96px">animação</div></div>
+  <div class="toolbar" id="tb" style="left:330px;top:300px"><b>B</b><i>I</i><u>U</u><span class="on">Aa</span></div>
+  <div class="ov sans" id="ph-sans" style="left:0;width:1080px;text-align:center;top:380px;font-size:96px">combina com ela</div>
+  <div class="ov serif" id="ph-serif" style="left:0;width:1080px;text-align:center;top:370px;font-size:124px">combina com ela</div>
+  -->
+
+  <div id="cap">__CAPTIONS__</div>
+</div>
+<script>
+const tl = gsap.timeline({ paused: true });
+const E = "power3.out";
+const show = (s, t) => tl.set(s, { opacity: 1 }, t);
+const hide = (s, t) => tl.set(s, { opacity: 0 }, t);
+// Camera: hard punch-in/out on a sentence boundary (1 = wide). Never animate the zoom.
+const punch = (scale, t, origin = "50% 38%") => tl.set("#camwrap", { scale, transformOrigin: origin }, t);
+// Phrase stack: each line blurs/rises in on its spoken word; whole stack fades out.
+const line = (s, t) => tl.fromTo(s, { opacity: 0, y: 26, filter: "blur(10px)" }, { opacity: 1, y: 0, filter: "blur(0px)", duration: 0.32, ease: E }, t);
+const fadeOut = (s, t, d = 0.25) => tl.to(s, { opacity: 0, duration: d, ease: "power2.in" }, t);
+// Card: slides in from a side with a slight tilt that settles.
+const cardIn = (s, t, from = "right", rot = -3) => tl.fromTo(s, { opacity: 0, x: from === "right" ? 260 : -260, y: -40, rotation: rot + (from === "right" ? 9 : -9) },
+  { opacity: 1, x: 0, y: 0, rotation: rot, duration: 0.55, ease: E }, t);
+const cardOut = (s, t) => tl.to(s, { opacity: 0, y: -30, scale: 0.96, duration: 0.25, ease: "power2.in" }, t);
+// Scatter: thumbs burst out from the speaker to their --x/--y/--r offsets, staggered.
+const scatter = (s, t) => document.querySelectorAll(s).forEach((el, i) => {
+  const cs = getComputedStyle(el);
+  tl.fromTo(el, { opacity: 0, x: 0, y: 0, scale: 0.3, rotation: 0 },
+    { opacity: 1, x: parseFloat(cs.getPropertyValue("--x")), y: parseFloat(cs.getPropertyValue("--y")), rotation: parseFloat(cs.getPropertyValue("--r")) || 0,
+      scale: 1, duration: 0.5, ease: "back.out(1.4)" }, t + i * 0.035);
+});
+// Film strip: slides right→left across the frame for `d` seconds.
+const strip = (s, t, d = 2.4) => { const w = document.querySelector(s).scrollWidth; show(s, t); tl.fromTo(s, { x: 1080 }, { x: -w, duration: d, ease: "none" }, t); hide(s, t + d); };
+// Grid wall: top and bottom halves of past reels close in with torn edges, leaving the speaker in a band.
+const wallIn = (t) => { tl.fromTo("#wt", { opacity: 1, yPercent: -100 }, { yPercent: 0, duration: 0.45, ease: E }, t); tl.fromTo("#wb", { opacity: 1, yPercent: 100 }, { yPercent: 0, duration: 0.45, ease: E }, t); };
+const wallOut = (t) => { tl.to("#wt", { yPercent: -100, duration: 0.35, ease: "power2.in" }, t); tl.to("#wb", { yPercent: 100, duration: 0.35, ease: "power2.in" }, t); };
+// Handwritten note: fades in, then its arrow draws itself.
+const noteIn = (s, t) => {
+  tl.fromTo(s, { opacity: 0, rotation: -4, scale: 0.94 }, { opacity: 1, rotation: -2, scale: 1, duration: 0.3, ease: E }, t);
+  document.querySelector(s).querySelectorAll("path").forEach((p) => { const L = p.getTotalLength(); tl.fromTo(p, { strokeDasharray: L, strokeDashoffset: L }, { strokeDashoffset: 0, duration: 0.5, ease: "power1.inOut" }, t + 0.2); });
+};
+// Restyle: toolbar pops, then the sans phrase is swapped for the serif one (the edit reveals itself).
+const restyle = (tb, a, b, t) => {
+  tl.fromTo(tb, { opacity: 0, y: 12 }, { opacity: 1, y: 0, duration: 0.25, ease: E }, t);
+  show(a, t); hide(a, t + 0.7); line(b, t + 0.7); fadeOut(tb, t + 0.9, 0.2);
+};
+
+// ===== TIMING (replace per video; times from anchors.mjs, entering on the spoken word) =====
+// line("#st1 .ln:nth-child(1)", 0.4); line("#st1 .ln:nth-child(2)", 0.7); … fadeOut("#st1", 4.0);
+// punch(1.22, 6.2); punch(1, 9.0);
+// cardIn("#c1", 1.2); cardOut("#c1", 3.4);
+// noteIn("#n1", 9.6); fadeOut("#n1", 12.0);
+// scatter(".sc", 11.0); fadeOut(".sc", 13.0);
+// strip("#strip1", 15.0, 2.4);
+// wallIn(22.0); wallOut(26.0);
+// restyle("#tb", "#ph-sans", "#ph-serif", 27.0); fadeOut("#ph-serif", 29.0);
+
+window.__timelines = window.__timelines || {};
+window.__timelines["reel"] = tl;
+</script>
+</body></html>
diff --git a/.claude/skills/reel-explicativo-oney/SKILL.md b/.claude/skills/reel-explicativo-oney/SKILL.md
new file mode 100644
index 00000000..e8c81cb1
--- /dev/null
+++ b/.claude/skills/reel-explicativo-oney/SKILL.md
@@ -0,0 +1,135 @@
+---
+name: reel-explicativo-oney
+description: Edit a talking-head recording into an Oney Araujo-style EXPLAINER / news Reel in the "Quem manda na arena?" method — a hidden mechanism (money, control, who really owns what) told by the presenter, proved with REAL footage in a 16:9 band on top (tagged ARQUIVO / ILUSTRAÇÃO / year), one word-at-a-time captions, voice at 1.05x, and a review checkpoint (edit map with IDs, footage sourcing request, fact checks) BEFORE assembly. Use when the user says /reel-explicativo-oney", "estilo explicativo", "estilo notícia", "mecanismo", or sends a script that explains how a business/deal works. For the phone look use reel-oney; editorial look reel-editorial-oney; ads anuncios-oney.
+---
+
+# Reel explicativo (método "Quem manda na arena?")
+
+**The one rule:** the story is the mechanism, and every image has a job: **prove** (real footage),
+**illustrate** (generic AI B-roll, labelled), or **explain** (the diagram). Nothing is decoration, nothing
+is faked. The edit stays sober so the argument looks credible.
+
+First read `../_perfil-oney.md` and load (or create) `perfil.json`.
+
+Reference: the course author's reel (88 s, Palmeiras / Nubank Parque / BTG).
+What matters is **how it was conducted**, not the Palmeiras look. Contact sheets at 1 fps in
+`references/sheet-0.jpg`, `sheet-24.jpg`, `sheet-48.jpg`, `sheet-72.jpg` (each row = 8 s), plus
+`references/diagram-step3.png`. Look at them before designing. Beat map:
+
+| Reel | Shot | Job |
+|---|---|---|
+| 0–4.5 | split: real aerial `ARQUIVO` + presenter | hook as a paradox question ("como um banco controla o estádio sem nunca ter comprado?") |
+| 4.5–7.7 | full: real facade with the name | the fact everyone knows |
+| 7.7–11 | split: official campaign photo | the known actor and its number (50 mi/ano) |
+| 11–15 | presenter, punch-in | twist: "a relação dele para por aí" |
+| 15–18 | split: real show `ARQUIVO · GPWEEK 2022` → AI parking | list of what the operator explores, one shot per item |
+| 18–29 | presenter, framing alternates | the new actor + "só que tem um problema" + what it did NOT do |
+| 29–32 | split: AI construction `ILUSTRAÇÃO` | the past (who financed) |
+| 32–39 | presenter | restates the open question |
+| 39–42 | split: archive photo `INAUGURAÇÃO · 2014` + credit | anchor date + the debt |
+| 45–51 | diagram `1 · A DÍVIDA` → `2 · MUDA O CREDOR` | creditor swapped **on the same spot**, thin outline on the new one |
+| 51–58 | presenter | "a dívida não sumiu, só mudou quem cobra" |
+| 58–65 | **same diagram plane** → `3 · O ACORDO` + caveat | debt becomes control: dotted "segue sócia", accent arrow "controle majoritário" |
+| 65–72 | presenter "então fica assim" → recap montage (one shot per actor) | 3 actors, 3 roles, one line each |
+| 72–79 | split: AI ticket scan → presenter | brings it to the viewer ("você passou por 4 bancos") |
+| 79–88 | full: facade **reprise** → presenter + CTA | ironic callback to the opening, then follow CTA tied to the series promise |
+
+Rhythm: presenter on screen ~55 %, support ~30 %, diagram ~15 %. A support shot every 5–8 s, each
+2–5 s, entering on the noun it shows. Presenter reframes (wide ↔ punch-in) on sentence boundaries.
+
+## Default overrides (they win over the reference look)
+
+- Captions: `reel.json {"captions": "words"}` → Advercase Bold, one word at a time, white, black outline,
+  centred on the chest (`capTop` ≈ 1540). Not the dark phrase box.
+- No diagrams: every beat gets an IMAGE — real footage, a live print, a crop of a news broadcast, or a
+  freely-licensed photo when he mentions a type of person ("o senhorzinho do sertão", "os jovens"), tagged
+  `IMAGEM ILUSTRATIVA` with author + licence. Google Images blocks automated search (CAPTCHA): use Openverse
+  (`api.openverse.org/v1/images/?q=…&license_type=commercial`) and Wikimedia Commons.
+- News clips: seek with `-ss` AFTER `-i` (keyframe seeking lands on the wrong shot) and crop to the picture window.
+
+## Look
+
+Colors, sizes, layout and don'ts: `template/DESIGN.md` (copied into every project). In short:
+support band on top (y 0–668) with a context tag · captions 1–2 lines on a 100 % opaque `#0f1a24`
+box at the same spot all video · one near-white diagram plane, text-as-nodes, thin arrows, ONE accent
+color, step labels `1 · …`, caveat in grey under the label · hard cuts only, no zooms or whooshes.
+
+## Script shape (check it before editing; suggest fixes if the recording lacks a beat)
+
+1. **Paradox hook** — a question with a contradiction in it (who controls X without owning X?).
+2. **The visible fact** — what everyone sees (the name on the facade, the logo, the price).
+3. **Twist** — "mas a relação dele para por aí" / "só que tem um problema".
+4. **Hidden actors** — who really operates / financed / owns; say what each did NOT do.
+5. **Mechanism in numbered steps** (2–3) — this is the diagram. One plane, changes in place.
+6. **"Então fica assim"** — recap: one line per actor, one shot per actor.
+7. **Bring it to the viewer** — how this touches them ("você passou por 4 bancos").
+8. **Callback + CTA** — return to the opening image with an ironic line; CTA = the series promise.
+
+## Speed rules (students may have slow PCs — these override the steps below)
+
+- The raw transcription in the scaffold step is automatically `--fast` (small model when there is no NVIDIA GPU):
+  it is only used to choose the cut. The re-transcription of `clean.mp4` (captions) uses the accurate settings —
+  run it once per cut version, not after every small change.
+- Check all splices in ONE call (one model load): `$PY $E/transcribe-local-whisper.py clean.mp4 --windows t1,t2,…`
+  (times on the clean timeline). Never transcribe windows one by one.
+- Do not render a full draft just to look at frames. Use `npx hyperframes snapshot --at t1,t2,… -o snapshots`
+  (one time per beat / overlay change) and look at the PNGs. Render the video once, when the snapshots are right:
+  `npx hyperframes render --output renders/<slug>-final.mp4`. Render again only for requested changes.
+- raw.mp4 / clean.mp4 encoding picks the fastest encoder automatically (NVIDIA / Intel Quick Sync / AMD / Apple,
+  else libx264 ultrafast). Do not override it.
+- Before each slow step, tell the user in one short Portuguese line what is running and that it may take a few
+  minutes ("Transcrevendo o vídeo — no seu PC pode levar uns minutos."), so the wait never looks like a freeze.
+
+## Workflow (run from the kit root)
+
+`S=.claude/skills/reel-explicativo-oney/scripts` · `E=.claude/skills/reel-editorial-oney/scripts` (shared tools) · `PY=~/.venvs/whisper/Scripts/python.exe`
+
+1. **Scaffold + transcribe**: `node $S/new-reel.mjs "<video>" <slug>` → `video-projects/<slug>/`.
+2. **Probe framing**: contact sheet of raw.mp4. Set `reel.json`:
+   `{"capTop": 1545, "punch": 1.18, "split": {"y": 668, "scale": 1, "origin": "50% 0%"}}` — in split the
+   face must sit clearly below the band (try `scale` 0.8–1 and `y` 520–700; check a frame).
+3. **Cut**: `assets/keeps.json` (editorial: retakes, false starts) → in `assets/`:
+   `$PY ../../../$S/tight-cut.py cut.mp4` — cuts by the SOUND of speech
+   (energy + low/high spectral tilt), so pauses AND breaths go, word tails stay, and every editorial edge snaps
+   outward to the nearest energy valley. Whisper word starts are often late: if a word loses its first syllable,
+   measure the onset in raw16.pcm and move that keep's `from`. Then speed the voice to **1.05x**:
+   `ffmpeg -i cut.mp4 -filter_complex "[0:v]setpts=PTS/1.05[v];[0:a]atempo=1.05[a]" -map "[v]" -map "[a]" -c:v libx264 -preset veryfast -crf 20 -r 30 -c:a aac -b:a 192k clean.mp4`.
+   Re-transcribe `clean.mp4` with faster-whisper `condition_on_previous_text=False` + an `initial_prompt` with the
+   names (it drops fewer words), read it end to end, then transcribe a 3 s window around EVERY splice on its own:
+   a half word or a murmured retake shows up there, not in the full transcript.
+4. **Story check**: map the transcript to the 8 beats above. Flag missing beats or claims that need a
+   source (numbers, dates, "controla", "comprou"). Do not rewrite what the presenter said.
+5. **Edit map with IDs** (`assets/map.md`), one row per insert, times on the OUTPUT timeline + raw time:
+   `V##` real video to find · `R##` real photo · `B##` AI B-roll (generic) · `M##` motion diagram ·
+   `-reprise` for callbacks (don't count as new). For each: what it shows, the line it covers, layout
+   (split / full), tag text, status (pronto / pendente). For each `M##`: second-by-second action
+   ("0–1.2 s …; 1.2–2.6 s card A replaced by B on the same spot; …; hold still for reading").
+6. **Checkpoint page — before any assembly.** Publish a private Artifact (load `artifact-design`)
+   in Portuguese, like the reference: title = the hook, counters (B-rolls prontos / filmagens a buscar /
+   motions / duração), the M## specs with quote + timing, B-roll list, real photos with source and what
+   each may or may NOT prove, the full edit map table, the **sourcing request** for missing real footage
+   (copy-ready text for the user: per V## what to show, duration, "não aceitar IA/render/simulação",
+   return link + channel + date + IN/OUT mm:ss verified by watching), and **"Antes da publicação"**:
+   facts to confirm, values that are approximate, brand relations the images must not imply.
+   End with "Revisar agora. Montar depois." and wait for approval (by ID).
+7. **Assets**: real footage → `assets/broll/V##.mp4` (trim to IN/OUT, mute, crop away letterbox bars,
+   keep the original). AI B-roll: write Flow/Veo prompts (6 s, generic, no readable brands, no fake
+   documents or app screens) and ask the user before any paid generation; tag `ILUSTRAÇÃO`. Photos →
+   `assets/photos/R##.jpg` with credit; log every source in `assets/SOURCES.md`.
+8. **Compose**: `src/index.template.html` — one `.sup` per V/R/B, one `.dia` plane per mechanism
+   (reuse it across M01/M02 — `relabel` the step, `swap` in place, `outline`, `fade` to secondary).
+   Helpers: `split / swapSup / full / drift / punch / wide / diaIn / reveal / swap / draw / outline / fade`.
+   Times from `node $E/anchors.mjs "frase" …`; enter on the spoken noun. Hold the final diagram state
+   still ≥ 1.5 s before cutting back.
+9. **Build + check**: `node $S/build-index.mjs` → `npx hyperframes lint` → `npx hyperframes snapshot --at …` at every insert and LOOK: face visible under the band, tag legible, caption box never over the face
+   or a diagram node, no letterbox bars, diagram readable in the time it's held, A/V sync after 1.05x.
+   Then final render `renders/<slug>-final.mp4`. Save evidence in `VERIFY.md`.
+10. **Hand-off** (Portuguese, short): final path, what was cut, the edit map, sources, open fact checks. Never publish.
+
+## Honesty rules (from the reference — non-negotiable)
+
+- Real place/brand/person claims are shown only with real material. If the real shot can't be found,
+  say so; don't fill the gap with AI.
+- Archive images carry their year; they never "prove" the current state.
+- A diagram shows the deal as **announced**; pending approvals stay on screen as a caveat.
+- Approximate numbers are said/labelled as approximate ("cerca de").
diff --git a/.claude/skills/reel-explicativo-oney/references/diagram-step3.png b/.claude/skills/reel-explicativo-oney/references/diagram-step3.png
new file mode 100644
index 00000000..457691eb
Binary files /dev/null and b/.claude/skills/reel-explicativo-oney/references/diagram-step3.png differ
diff --git a/.claude/skills/reel-explicativo-oney/references/sheet-0.jpg b/.claude/skills/reel-explicativo-oney/references/sheet-0.jpg
new file mode 100644
index 00000000..ce551cce
Binary files /dev/null and b/.claude/skills/reel-explicativo-oney/references/sheet-0.jpg differ
diff --git a/.claude/skills/reel-explicativo-oney/references/sheet-24.jpg b/.claude/skills/reel-explicativo-oney/references/sheet-24.jpg
new file mode 100644
index 00000000..7b2ed381
Binary files /dev/null and b/.claude/skills/reel-explicativo-oney/references/sheet-24.jpg differ
diff --git a/.claude/skills/reel-explicativo-oney/references/sheet-48.jpg b/.claude/skills/reel-explicativo-oney/references/sheet-48.jpg
new file mode 100644
index 00000000..954f84f0
Binary files /dev/null and b/.claude/skills/reel-explicativo-oney/references/sheet-48.jpg differ
diff --git a/.claude/skills/reel-explicativo-oney/references/sheet-72.jpg b/.claude/skills/reel-explicativo-oney/references/sheet-72.jpg
new file mode 100644
index 00000000..412968be
Binary files /dev/null and b/.claude/skills/reel-explicativo-oney/references/sheet-72.jpg differ
diff --git a/.claude/skills/reel-explicativo-oney/scripts/build-index.mjs b/.claude/skills/reel-explicativo-oney/scripts/build-index.mjs
new file mode 100644
index 00000000..baa683ac
--- /dev/null
+++ b/.claude/skills/reel-explicativo-oney/scripts/build-index.mjs
@@ -0,0 +1,72 @@
+// Build <project>/index.html from src/index.template.html (explainer look).
+// Run in the project root:  node <skill>/scripts/build-index.mjs
+// - __CAPTIONS__ : PHRASE captions (not word-by-word) from assets/transcript.json, each one a clip inside an
+//     opaque dark box (1–2 lines). Breaks on punctuation, on a pause > 0.28 s, or before it passes MAX chars.
+//     assets/caption-fixes.json  {"wrong": "right", "drop-me": ""}
+//     assets/captions.json       {"hide": [[a,b]], "max": 44}   hide → ranges with no captions (rare)
+//   reel.json {"captions": "words"} → the reel look instead: ONE word at a time, Advercase Bold, white, black outline,
+//     centred at capTop (class .w). Default "phrases" = the reference's dark-box phrases (class .ph).
+// - __DUR__ : clean.mp4 duration;  __CAP_TOP__ / __CFG__ : reel.json
+//     {"capTop": 1545, "punch": 1.18, "split": {"y": 668, "scale": 1, "origin": "50% 0%"}}
+import { readFileSync, writeFileSync, existsSync } from "node:fs";
+
+const read = (p, d) => (existsSync(p) ? JSON.parse(readFileSync(p, "utf8")) : d);
+const t = JSON.parse(readFileSync("assets/transcript.json", "utf8"));
+const dur = t.audio_duration_secs;
+const fix = read("assets/caption-fixes.json", {});
+const cc = { hide: [], max: 44, ...read("assets/captions.json", {}) };
+const cfg = { capTop: 1545, punch: 1.18, ...read("reel.json", {}) };
+cfg.split = { y: 668, scale: 1, origin: "50% 0%", ...(cfg.split || {}) };
+const inRange = (x, rs) => rs.some(([a, b]) => x >= a && x < b);
+const esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;");
+
+// ---- words (merge Whisper splits like "e" + "-mail" and "100" + "%")
+const words = [];
+for (let i = 0; i < t.words.length; i++) {
+  const w = t.words[i], n = t.words[i + 1];
+  if (n && (n.text.startsWith("-") || n.text === "%")) { words.push({ text: w.text + n.text, start: w.start, end: n.end }); i++; continue; }
+  const txt = w.text in fix ? fix[w.text] : w.text;
+  if (txt) words.push({ text: txt, start: w.start, end: w.end });
+}
+
+// ---- group into phrases
+const phrases = [];
+let cur = null;
+for (let i = 0; i < words.length; i++) {
+  const w = words[i];
+  if (inRange(w.start, cc.hide)) { if (cur) phrases.push(cur); cur = null; continue; }
+  const gap = cur ? w.start - cur.end : 0;
+  if (cur && (gap > 0.28 || (cur.text + " " + w.text).length > cc.max)) { phrases.push(cur); cur = null; }
+  if (!cur) cur = { text: w.text, start: w.start, end: w.end };
+  else { cur.text += " " + w.text; cur.end = w.end; }
+  if (/[.!?;:]$/.test(w.text) || (/,$/.test(w.text) && cur.text.length > cc.max * 0.55)) { phrases.push(cur); cur = null; }
+}
+if (cur) phrases.push(cur);
+
+// ---- word mode: one clip per word, from its onset until the next word (max 1.0 s)
+const wordCaps = () => words.map((w, i) => {
+  if (inRange(w.start, cc.hide)) return "";
+  const next = words[i + 1] ? words[i + 1].start : dur;
+  const d = Math.min(next - w.start, 1.0);
+  if (d <= 0.01) return "";
+  return `<div class="w clip" id="w${i}" data-start="${w.start.toFixed(3)}" data-duration="${d.toFixed(3)}" data-track-index="5">${esc(w.text.replace(/[.,;:]$/, ""))}</div>`;
+}).join("\n");
+
+// ---- one clip per phrase; holds until the next phrase (max +0.6 s after the last word)
+const caps = phrases.map((p, i) => {
+  const next = phrases[i + 1] ? phrases[i + 1].start : dur;
+  const d = Math.min(next, p.end + 0.6) - p.start;
+  if (d <= 0.05) return "";
+  const cls = ["ph", "clip"];
+  const txt = p.text.replace(/,$/, ""); // keep . ? ! like the reference
+  return `<div class="${cls.join(" ")}" id="p${i}" data-start="${p.start.toFixed(3)}" data-duration="${d.toFixed(3)}" data-track-index="5"><span>${esc(txt)}</span></div>`;
+}).join("\n");
+
+const html = readFileSync("src/index.template.html", "utf8")
+  .replaceAll("__DUR__", dur.toFixed(3)).replace("__CAPTIONS__", cfg.captions === "words" ? wordCaps() : caps)
+  .replace("__CAP_TOP__", String(cfg.capTop)).replace("__CFG__", JSON.stringify(cfg));
+writeFileSync("index.html", html);
+const meta = read("meta.json", {});
+Object.assign(meta, { id: "reel", width: 1080, height: 1920, fps: 30 });
+writeFileSync("meta.json", JSON.stringify(meta, null, 2));
+console.log(`index.html built — ${dur.toFixed(2)}s, ${phrases.length} caption phrases`);
diff --git a/.claude/skills/reel-explicativo-oney/scripts/encoder.mjs b/.claude/skills/reel-explicativo-oney/scripts/encoder.mjs
new file mode 100644
index 00000000..cd175c31
--- /dev/null
+++ b/.claude/skills/reel-explicativo-oney/scripts/encoder.mjs
@@ -0,0 +1,28 @@
+// Fastest H.264 encoder this machine actually supports, for intermediate files (raw.mp4, clean.mp4).
+// Tries the GPU / integrated-graphics encoders first (NVIDIA, Intel Quick Sync, AMD, Apple), then falls
+// back to libx264 ultrafast. Each candidate is probed with a tiny test encode, because ffmpeg lists
+// encoders the hardware may not have. Force CPU with EDITE_REELS_ENCODER=cpu.
+import { spawnSync } from "node:child_process";
+
+const CPU = ["-c:v", "libx264", "-preset", "ultrafast", "-crf", "18"];
+const CANDIDATES = [
+  ["h264_nvenc", ["-preset", "p4", "-rc", "vbr", "-cq", "20", "-b:v", "0"]],
+  ["h264_qsv", ["-global_quality", "22"]],
+  ["h264_amf", ["-quality", "balanced", "-rc", "cqp", "-qp_i", "20", "-qp_p", "22"]],
+  ["h264_videotoolbox", ["-b:v", "14M"]],
+];
+let cached;
+
+export function videoEncoder() {
+  if (cached) return cached;
+  if (process.env.EDITE_REELS_ENCODER === "cpu") return (cached = CPU);
+  for (const [name, args] of CANDIDATES) {
+    const probe = spawnSync("ffmpeg", ["-v", "error", "-f", "lavfi", "-i", "color=c=black:s=320x320:d=0.2",
+      "-pix_fmt", "yuv420p", "-c:v", name, ...args, "-f", "null", "-"]);
+    if (probe.status === 0) return (cached = ["-c:v", name, ...args]);
+  }
+  return (cached = CPU);
+}
+
+// Hardware-accelerated decoding where available (phone HEVC/4K decodes much faster); ffmpeg falls back silently.
+export const HWDEC = ["-hwaccel", "auto"];
diff --git a/.claude/skills/reel-explicativo-oney/scripts/new-reel.mjs b/.claude/skills/reel-explicativo-oney/scripts/new-reel.mjs
new file mode 100644
index 00000000..158641e1
--- /dev/null
+++ b/.claude/skills/reel-explicativo-oney/scripts/new-reel.mjs
@@ -0,0 +1,42 @@
+// Scaffold an explainer-style reel project from a recording and transcribe it.
+// Run from the kit root:  node .claude/skills/reel-explicativo-oney/scripts/new-reel.mjs "<video>" <slug> ["<angle2>" ...]
+// Extra video paths are additional camera angles of the SAME take (synced later by hand) → assets/angle2.mp4 …
+// Creates video-projects/<slug>/ with assets/raw.mp4 (1080x1920 30fps), raw.json, words.txt, fonts, src/index.template.html.
+import { execFileSync } from "node:child_process";
+import { videoEncoder, HWDEC } from "./encoder.mjs";
+import { cpSync, mkdirSync, readFileSync, writeFileSync, existsSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { dirname, join, resolve } from "node:path";
+import { homedir } from "node:os";
+const PY = process.env.WHISPER_PYTHON || join(homedir(), ".venvs", "whisper", process.platform === "win32" ? "Scripts/python.exe" : "bin/python");
+
+const [src, slug, ...angles] = process.argv.slice(2);
+if (!src || !slug) { console.error('usage: new-reel.mjs "<video>" <slug> ["<angle2>" ...]'); process.exit(1); }
+const skill = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+const proj = resolve("video-projects", slug);
+if (!existsSync(proj)) execFileSync(process.execPath, ["scripts/new-video.mjs", slug], { stdio: "inherit" });
+mkdirSync(join(proj, "src"), { recursive: true });
+cpSync(join(skill, "template", "fonts"), join(proj, "assets", "fonts"), { recursive: true });
+if (!existsSync(join(proj, "src", "index.template.html"))) cpSync(join(skill, "template", "index.template.html"), join(proj, "src", "index.template.html"));
+cpSync(join(skill, "template", "DESIGN.md"), join(proj, "DESIGN.md"));
+
+const a = join(proj, "assets");
+const toVertical = (input, out) => execFileSync("ffmpeg", ["-y", "-v", "error", ...HWDEC, "-i", input, "-map", "0:v:0", "-map", "0:a:0?",
+  "-vf", "scale=1080:1920:force_original_aspect_ratio=increase,crop=1080:1920",
+  ...videoEncoder(), "-r", "30", "-c:a", "aac", "-b:a", "192k", "-movflags", "+faststart", out], { stdio: "inherit" });
+if (!existsSync(join(a, "raw.mp4"))) { console.log("transcoding…"); toVertical(src, join(a, "raw.mp4")); }
+angles.forEach((p, i) => { const out = join(a, `angle${i + 2}.mp4`); if (!existsSync(out)) toVertical(p, out); });
+
+console.log("transcribing (Whisper local — na primeira vez baixa o modelo, demora)…");
+execFileSync(PY, [join(skill, "..", "reel-editorial-oney", "scripts", "transcribe-local-whisper.py"), join(a, "raw.mp4"), join(a, "raw.json"), "--fast"],
+  { stdio: ["ignore", "inherit", "ignore"], env: { ...process.env, PYTHONIOENCODING: "utf-8" } });
+
+const t = JSON.parse(readFileSync(join(a, "raw.json"), "utf8"));
+let out = "", line = "", ls = 0, prev = 0;
+for (const w of t.words) {
+  if (w.start - prev > 0.5 || line.length > 90) { if (line) out += `${ls.toFixed(2).padStart(7)} ${line}\n`; if (w.start - prev > 0.5) out += `        --- pause ${(w.start - prev).toFixed(1)}s\n`; line = ""; ls = w.start; }
+  line += `${w.text}@${w.start.toFixed(2)} `; prev = w.end;
+}
+out += `${ls.toFixed(2).padStart(7)} ${line}\n`;
+writeFileSync(join(a, "words.txt"), out);
+console.log(`ready: ${proj}  (duration ${t.audio_duration_secs}s, ${t.words.length} words; see assets/words.txt)`);
diff --git a/.claude/skills/reel-explicativo-oney/scripts/tight-cut.py b/.claude/skills/reel-explicativo-oney/scripts/tight-cut.py
new file mode 100644
index 00000000..ba430278
--- /dev/null
+++ b/.claude/skills/reel-explicativo-oney/scripts/tight-cut.py
@@ -0,0 +1,87 @@
+# Cut raw.mp4 by the SOUND of speech (not by -30 dB silence or Whisper word guesses): removes pauses AND breaths,
+# keeps word tails, and snaps every editorial cut (keeps.json from/to) to the nearest energy valley so no word is clipped.
+# Run inside <project>/assets with the whisper venv python (numpy):  python tight-cut.py [out.mp4]
+# Inputs: raw.mp4, keeps.json ({keeps:[{from,to,why}]}).  Outputs: cut.mp4 (default), tight-segments.json
+import json, subprocess, sys
+
+
+def video_encoder():
+    """Fastest H.264 encoder that really works here (GPU / Quick Sync / AMD / Apple), else libx264 ultrafast."""
+    for name, args in [("h264_nvenc", ["-preset", "p4", "-rc", "vbr", "-cq", "20", "-b:v", "0"]),
+                       ("h264_qsv", ["-global_quality", "22"]),
+                       ("h264_amf", ["-quality", "balanced", "-rc", "cqp", "-qp_i", "20", "-qp_p", "22"]),
+                       ("h264_videotoolbox", ["-b:v", "14M"])]:
+        probe = subprocess.run(["ffmpeg", "-v", "error", "-f", "lavfi", "-i", "color=c=black:s=320x320:d=0.2",
+                                "-pix_fmt", "yuv420p", "-c:v", name, *args, "-f", "null", "-"], capture_output=True)
+        if probe.returncode == 0:
+            return ["-c:v", name, *args]
+    return ["-c:v", "libx264", "-preset", "ultrafast", "-crf", "18"]
+import numpy as np
+
+OUT = sys.argv[1] if len(sys.argv) > 1 else "cut.mp4"
+SR, HOP, WIN = 16000, 160, 480                   # 10 ms frames, 30 ms analysis window
+LEAD, TAIL = 0.06, 0.14                          # keep before first / after last speech frame (TAIL protects final "s")
+HOLE, ISLAND = 0.20, 0.07                        # close dips shorter than HOLE; drop speech blips shorter than ISLAND
+
+subprocess.run(["ffmpeg", "-v", "error", "-y", "-i", "raw.mp4", "-vn", "-ac", "1", "-ar", str(SR), "-f", "s16le", "raw16.pcm"], check=True)
+a = np.fromfile("raw16.pcm", dtype=np.int16).astype(np.float32) / 32768
+n = (len(a) - WIN) // HOP
+f = np.fft.rfftfreq(WIN, 1 / SR); lo_b = (f > 80) & (f < 900); hi_b = (f > 2000) & (f < 7000); hann = np.hanning(WIN)
+db = np.empty(n); tilt = np.empty(n)
+for i in range(n):
+    x = a[i * HOP:i * HOP + WIN]
+    db[i] = 20 * np.log10(np.sqrt((x ** 2).mean()) + 1e-9)
+    X = np.abs(np.fft.rfft(x * hann)) ** 2
+    tilt[i] = 10 * np.log10((X[lo_b].sum() + 1e-12) / (X[hi_b].sum() + 1e-12))
+# voiced speech: loud enough AND low-frequency dominant. Breaths / mouth noise are high-frequency or too quiet.
+sp = ((db > -33) & (tilt > 12)) | ((db > -26) & (tilt > 0))
+
+def runs(mask):
+    out, i = [], 0
+    while i < len(mask):
+        if mask[i]:
+            j = i
+            while j < len(mask) and mask[j]: j += 1
+            out.append([i, j]); i = j
+        else: i += 1
+    return out
+
+r = runs(sp)
+merged = []
+for s, e in r:                                      # close short dips inside a phrase
+    if merged and (s - merged[-1][1]) * 0.01 < HOLE: merged[-1][1] = e
+    else: merged.append([s, e])
+regions = [(s * 0.01, e * 0.01) for s, e in merged if (e - s) * 0.01 >= ISLAND]
+
+def valley(t, before=0.15, after=0.03):              # quietest frame near a cut point, searching OUTWARD from the kept text
+    i0, i1 = max(0, int((t - before) * 100)), min(n, int((t + after) * 100))
+    return (i0 + int(np.argmin(db[i0:i1]))) * 0.01 if i1 > i0 else t
+
+keeps = json.load(open("keeps.json", encoding="utf-8"))["keeps"]
+segs = []
+for k in keeps:
+    if k.get("raw"):                                # keep the span as-is (soft word onsets the detector would drop, e.g. a breathy "Se")
+        segs.append([k["from"], k["to"]]); continue
+    k0, k1 = valley(k["from"], 0.15, 0.03), valley(k["to"], 0.03, 0.15)
+    for s, e in regions:
+        if e <= k0 or s >= k1: continue
+        segs.append([max(k0, s - LEAD), min(k1, e + TAIL)])
+segs.sort()
+final = []
+for s, e in segs:
+    if final and s - final[-1][1] < 0.08: final[-1][1] = max(final[-1][1], e)
+    else: final.append([s, e])
+
+parts, labels = [], []
+for i, (s, e) in enumerate(final):
+    d = e - s
+    parts.append(f"[0:v]trim={s:.3f}:{e:.3f},setpts=PTS-STARTPTS[v{i}];"
+                 f"[0:a]atrim={s:.3f}:{e:.3f},asetpts=PTS-STARTPTS,afade=t=in:d=0.008,afade=t=out:st={max(0, d - 0.012):.3f}:d=0.012[a{i}];")
+    labels.append(f"[v{i}][a{i}]")
+fc = "".join(parts) + "".join(labels) + f"concat=n={len(final)}:v=1:a=1[v][a]"
+open("tight-filter.txt", "w").write(fc)
+subprocess.run(["ffmpeg", "-v", "error", "-y", "-i", "raw.mp4", "-filter_complex_script", "tight-filter.txt", "-map", "[v]", "-map", "[a]",
+                *video_encoder(), "-r", "30", "-c:a", "aac", "-b:a", "192k", OUT], check=True)
+json.dump([{"from": round(s, 3), "to": round(e, 3)} for s, e in final], open("tight-segments.json", "w"), indent=0)
+tot = sum(e - s for s, e in final)
+print(f"segments={len(final)} duration={tot:.2f}s -> {OUT}")
diff --git a/.claude/skills/reel-explicativo-oney/template/DESIGN.md b/.claude/skills/reel-explicativo-oney/template/DESIGN.md
new file mode 100644
index 00000000..88bce499
--- /dev/null
+++ b/.claude/skills/reel-explicativo-oney/template/DESIGN.md
@@ -0,0 +1,33 @@
+# Design — the creator's explainer reel (reel-explicativo)
+
+## Style Prompt
+Explainer / news reel about a hidden mechanism ("quem manda de verdade", "pra onde vai o dinheiro").
+Sober and credible: the presenter carries the story, real footage proves, one flat diagram explains,
+and the edit never competes with the argument. Support footage sits in a 16:9 band on top with a small
+context tag; captions are short phrases on an opaque dark box in the same spot all video long; the
+mechanism is drawn on ONE white plane whose elements change in place, step by step.
+
+## Colors
+- `#0f1a24` — caption box (100 % opaque) and context tags (`#111`)
+- `#ffffff` — caption text
+- `#fbfbfa` — diagram plane (near white)
+- `#1c2733` — diagram text, arrows
+- `#1f7a63` — the ONE accent (the actor who wins / the money / the new relation). Swap per story if
+  the brand color of the protagonist says it better — still only one accent.
+- `#5d6670` — secondary labels, caveats ("Acordo sujeito ao Cade.")
+
+## Typography
+- Inter only. Captions SemiBold 46 px, 1–2 lines. Diagram nodes SemiBold 88 px tight tracking,
+  relation labels Medium 34 px, step label Medium 38 px caps tracked .2em, subs Regular 32 px.
+
+## Layout (1080 × 1920)
+- Support band: y 0–668 (16:9 + margin). Presenter below it. Tag top-left (56, 52). Credit bottom-right.
+- Captions: box top at ~1545 px (lower third, above the IG UI), centred, max 900 px wide.
+- Diagram: step label y 118, caveat y 180, content between y 450 and 1300, footer free for captions.
+
+## What NOT to Do
+- No word-by-word karaoke captions, no emojis, no Advercase, no yellow highlights.
+- No zooms, slides, whooshes or camera moves inside a diagram; no boxes around nodes (text is the node).
+- No AI image presented as a real place, document, logo screen or app interface. AI B-roll is generic
+  and tagged `ILUSTRAÇÃO`. Archive material is tagged with its year.
+- No new diagram per step: one plane per mechanism, changing in place.
diff --git a/.claude/skills/reel-explicativo-oney/template/fonts/Advercase-Bold.woff2 b/.claude/skills/reel-explicativo-oney/template/fonts/Advercase-Bold.woff2
new file mode 100644
index 00000000..60735683
Binary files /dev/null and b/.claude/skills/reel-explicativo-oney/template/fonts/Advercase-Bold.woff2 differ
diff --git a/.claude/skills/reel-explicativo-oney/template/fonts/Advercase-Regular.woff2 b/.claude/skills/reel-explicativo-oney/template/fonts/Advercase-Regular.woff2
new file mode 100644
index 00000000..4520a51c
Binary files /dev/null and b/.claude/skills/reel-explicativo-oney/template/fonts/Advercase-Regular.woff2 differ
diff --git a/.claude/skills/reel-explicativo-oney/template/fonts/Inter-Medium.ttf b/.claude/skills/reel-explicativo-oney/template/fonts/Inter-Medium.ttf
new file mode 100644
index 00000000..a01f3777
Binary files /dev/null and b/.claude/skills/reel-explicativo-oney/template/fonts/Inter-Medium.ttf differ
diff --git a/.claude/skills/reel-explicativo-oney/template/fonts/Inter-Regular.ttf b/.claude/skills/reel-explicativo-oney/template/fonts/Inter-Regular.ttf
new file mode 100644
index 00000000..5e4851f0
Binary files /dev/null and b/.claude/skills/reel-explicativo-oney/template/fonts/Inter-Regular.ttf differ
diff --git a/.claude/skills/reel-explicativo-oney/template/fonts/Inter-SemiBold.ttf b/.claude/skills/reel-explicativo-oney/template/fonts/Inter-SemiBold.ttf
new file mode 100644
index 00000000..ecc7041e
Binary files /dev/null and b/.claude/skills/reel-explicativo-oney/template/fonts/Inter-SemiBold.ttf differ
diff --git a/.claude/skills/reel-explicativo-oney/template/index.template.html b/.claude/skills/reel-explicativo-oney/template/index.template.html
new file mode 100644
index 00000000..fc0fd512
--- /dev/null
+++ b/.claude/skills/reel-explicativo-oney/template/index.template.html
@@ -0,0 +1,129 @@
+<!doctype html>
+<html lang="pt-BR"><head><meta charset="utf-8"><title>Reel</title>
+<script src="assets/gsap.min.js"></script>
+<style>
+/* ===== Explainer reel look (reference: "Quem manda na arena?") — read SKILL.md before changing anything here ===== */
+@font-face{font-family:"ExSans";src:url("assets/fonts/Inter-Regular.ttf") format("truetype");font-weight:400}
+@font-face{font-family:"ExSans";src:url("assets/fonts/Inter-Medium.ttf") format("truetype");font-weight:500}
+@font-face{font-family:"ExSans";src:url("assets/fonts/Inter-SemiBold.ttf") format("truetype");font-weight:600}
+:root{--box:#0f1a24;--ink:#1c2733;--muted:#5d6670;--accent:#1f7a63;--paper:#fbfbfa;--band:668px}
+*{box-sizing:border-box}
+html,body{margin:0;width:1080px;height:1920px;overflow:hidden;background:#000;color:#fff}
+#reel{position:relative;width:1080px;height:1920px;overflow:hidden}
+
+/* Presenter: non-timed wrapper. punch() = hard reframe between sentences; split() moves it under the support band. */
+#camwrap{position:absolute;inset:0;transform-origin:50% 30%}
+#camwrap video{position:absolute;inset:0;width:1080px;height:1920px;object-fit:cover}
+
+/* Support band: top strip, full width, ~16:9 (var(--band) tall). Real footage, archive photo or AI illustration. */
+.sup{position:absolute;left:0;top:0;width:1080px;height:var(--band);overflow:hidden;background:#000;opacity:0}
+.sup.full{height:1920px}                                  /* full-screen support (facade reveal, recap montage) */
+.sup video,.sup img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+/* Context tag, top-left: ARQUIVO · 2020 / ILUSTRAÇÃO / INAUGURAÇÃO · 2014 / FOTO OFICIAL. Credit, bottom-right. */
+.tag{position:absolute;left:56px;top:52px;background:#111;color:#fff;font:600 27px/1 "ExSans",sans-serif;letter-spacing:.06em;padding:12px 16px;border-radius:5px;text-transform:uppercase}
+.credit{position:absolute;right:24px;bottom:18px;background:rgba(0,0,0,.55);color:#fff;font:400 19px/1 "ExSans",sans-serif;padding:6px 10px;border-radius:4px}
+
+/* Motion diagram: full screen, flat, near-white. Text IS the node (no boxes). Thin arrows. One accent color. */
+.dia{position:absolute;inset:0;background:var(--paper);opacity:0;color:var(--ink);font-family:"ExSans",sans-serif}
+.dia .step{position:absolute;left:0;width:1080px;top:118px;text-align:center;font:500 38px/1 "ExSans",sans-serif;letter-spacing:.2em;text-transform:uppercase}
+.dia .note{position:absolute;left:0;width:1080px;top:180px;text-align:center;font:400 34px/1 "ExSans",sans-serif;color:var(--muted)}
+.dia .n{position:absolute;font:600 88px/1 "ExSans",sans-serif;letter-spacing:-.035em;white-space:nowrap}
+.dia .n.acc{color:var(--accent)}
+.dia .n.mid{font-size:52px;font-weight:600;letter-spacing:-.02em;line-height:1.15;white-space:normal;text-align:center}
+.dia .sub{position:absolute;font:400 32px/1 "ExSans",sans-serif;color:var(--muted)}
+.dia .lbl{position:absolute;font:500 34px/1.1 "ExSans",sans-serif;color:var(--ink)}
+.dia .lbl.acc{color:var(--accent)} .dia .lbl small{display:block;font-size:26px;color:var(--muted);font-weight:400}
+.dia .box{position:absolute;border:3px solid var(--ink);opacity:0}            /* highlight = thin outline, never a zoom */
+.dia svg{position:absolute;inset:0;overflow:visible}
+.dia path{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
+.dia path.acc{stroke:var(--accent);stroke-width:5}
+.dia path.dot{stroke-dasharray:3 11;stroke-width:5}
+.dia .k{opacity:0}                                           /* every element starts hidden; the timeline reveals it */
+
+/* Word captions (reel.json "captions": "words"): the creator's Advercase, one word at a time, white with black outline. */
+@font-face{font-family:"Advercase";src:url("assets/fonts/Advercase-Bold.woff2") format("woff2");font-weight:700}
+.w{position:absolute;left:0;top:__CAP_TOP__px;width:1080px;text-align:center;font-family:"Advercase",Georgia,serif;font-weight:700;
+  font-size:86px;line-height:120px;color:#fff;-webkit-text-stroke:14px #000;paint-order:stroke fill}
+/* Captions: 1–2 line PHRASES in ONE fully opaque dark box, same spot on every shot (lower third). */
+.ph{position:absolute;left:90px;width:900px;top:__CAP_TOP__px;text-align:center}
+.ph span{display:inline-block;background:var(--box);color:#fff;font:600 46px/1.24 "ExSans",sans-serif;letter-spacing:-.01em;padding:16px 28px;border-radius:9px;max-width:780px}
+</style></head><body>
+<div id="reel" data-composition-id="reel" data-start="0" data-duration="__DUR__" data-width="1080" data-height="1920">
+  <div id="camwrap">
+    <video id="cam" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="0" muted playsinline></video>
+  </div>
+  <audio id="voice" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="1" data-volume="1"></audio>
+
+  <!-- ===== SUPPORT (one .sup per ID of the edit map; delete what you don't use) =====
+  Video: the <video> is timed (muted, no class); its .sup wrapper is shown/hidden by the timeline.
+  <div class="sup" id="V01"><video id="vV01" src="assets/broll/V01.mp4" data-start="0" data-duration="4.5" data-media-start="0" data-track-index="2" muted playsinline></video><div class="tag">Arquivo</div></div>
+  <div class="sup full" id="V02"><video id="vV02" src="assets/broll/V02.mp4" data-start="4.5" data-duration="3.2" data-media-start="0" data-track-index="3" muted playsinline></video></div>
+  <div class="sup" id="R02"><img src="assets/photos/R02.jpg" alt=""><div class="tag">Inauguração · 2014</div><div class="credit">Foto: Autor · CC BY-SA 4.0</div></div>
+  <div class="sup" id="B02"><video id="vB02" src="assets/broll/B02.mp4" data-start="28.4" data-duration="3.4" data-media-start="0" data-track-index="2" muted playsinline></video><div class="tag">Ilustração</div></div>
+  -->
+
+  <!-- ===== MOTION DIAGRAM (example: numbered steps of one mechanism, all on ONE persistent plane) =====
+  <div class="dia" id="M1">
+    <div class="step" id="M1-step">1 · A dívida</div>
+    <div class="note k" id="M1-note">Acordo sujeito ao Cade.</div>
+    <svg width="1080" height="1920">
+      <path class="k" id="M1-owes" d="M370 560 L690 560 M672 546 L690 560 L672 574"/>
+      <path class="k" id="M1-ctrl" d="M90 640 L90 1000 M76 982 L90 1000 L104 982"/>
+    </svg>
+    <div class="lbl k" id="M1-owesl" style="left:490px;top:508px">deve</div>
+    <div class="n" id="M1-a" style="left:40px;top:510px">WTorre</div>
+    <div class="n acc k" id="M1-b1" style="left:720px;top:500px;font-size:72px;line-height:.95">Banco<br>do Brasil</div>
+    <div class="n acc k" id="M1-b2" style="left:740px;top:510px">BTG</div>
+    <div class="box" id="M1-b2box" style="left:722px;top:494px;width:220px;height:118px"></div>
+    <div class="n mid acc k" id="M1-val" style="left:240px;top:640px;font-size:56px">R$ 650 milhões</div>
+    <div class="lbl k" id="M1-ctrll" style="left:112px;top:800px">controla</div>
+    <div class="n k" id="M1-op" style="left:40px;top:1030px">Operadora</div>
+    <div class="sub k" id="M1-ops" style="left:44px;top:1130px">shows · camarotes · estacionamento</div>
+  </div>
+  -->
+
+  <div id="cap">__CAPTIONS__</div>
+</div>
+<script>
+const tl = gsap.timeline({ paused: true });
+const show = (s, t) => tl.set(s, { opacity: 1 }, t);
+const hide = (s, t) => tl.set(s, { opacity: 0 }, t);
+const CFG = __CFG__;   // reel.json: {"split": {"y": 668, "scale": 1, "origin": "50% 0%"}, "punch": 1.18}
+
+// ---- Presenter framing. Hard cuts only: change framing on a sentence boundary, never animate a zoom.
+const punch = (scale = CFG.punch, t) => tl.set("#camwrap", { scale, y: 0 }, t);
+const wide = (t) => tl.set("#camwrap", { scale: 1, y: 0 }, t);
+
+// ---- Split: support band on top, presenter pushed under it. Hard cut in and out.
+const splitIn = (id, t) => { show("#" + id, t); tl.set("#camwrap", { y: CFG.split.y, scale: CFG.split.scale, transformOrigin: CFG.split.origin }, t); };
+const splitOut = (id, t, scale = 1) => { hide("#" + id, t); tl.set("#camwrap", { y: 0, scale, transformOrigin: "50% 30%" }, t); };
+const split = (id, t0, t1, after = 1) => { splitIn(id, t0); splitOut(id, t1, after); };
+const swapSup = (from, to, t) => { hide("#" + from, t); show("#" + to, t); };  // back-to-back supports, presenter stays
+const full = (id, t0, t1) => { show("#" + id, t0); hide("#" + id, t1); };       // full-screen support (presenter hidden under it)
+// Still photo: barely visible push-in (≤ 5 %) so it doesn't read as a freeze.
+const drift = (sel, t, d, to = 1.05) => tl.fromTo(sel, { scale: 1 }, { scale: to, duration: d, ease: "none" }, t);
+
+// ---- Motion diagram. One plane per mechanism; steps change things IN PLACE. Nothing travels, nothing zooms.
+const diaIn = (s, t) => show(s, t);
+const diaOut = (s, t) => hide(s, t);
+const reveal = (s, t, d = 0.3) => tl.to(s, { opacity: 1, duration: d, ease: "power1.out" }, t);
+const remove = (s, t, d = 0.3) => tl.to(s, { opacity: 0, duration: d, ease: "power1.in" }, t);
+const swap = (a, b, t) => { remove(a, t, 0.25); reveal(b, t + 0.1, 0.3); };     // "Banco do Brasil" → "BTG" on the same spot
+const relabel = (s, txt, t) => tl.set(s, { textContent: txt }, t);              // step label "1 · A DÍVIDA" → "2 · MUDA O CREDOR"
+const draw = (path, t, d = 0.5) => { const p = document.querySelector(path); const L = p.getTotalLength(); const dot = p.classList.contains("dot");
+  tl.set(p, { opacity: 1 }, t);
+  if (dot) { tl.fromTo(p, { clipPath: "inset(0 0 100% 0)" }, { clipPath: "inset(0 0 0% 0)", duration: d, ease: "none" }, t); return; }
+  tl.fromTo(p, { strokeDasharray: L, strokeDashoffset: L }, { strokeDashoffset: 0, duration: d, ease: "power1.inOut" }, t); };
+const outline = (box, t, hold = 1.2) => { reveal(box, t, 0.15); remove(box, t + hold, 0.25); };  // highlight = thin outline
+const fade = (s, t, to = 0.35) => tl.to(s, { opacity: to, duration: 0.4 }, t);  // demote to secondary ("segue sócia")
+
+// ===== TIMING (replace per video; times from anchors.mjs on the OUTPUT timeline, entering on the spoken word) =====
+// split("V01", 0, 4.5);  full("V02", 4.5, 7.7);  punch(1.18, 12.9);  wide(16.2);
+// diaIn("#M1", 44.5); reveal("#M1-b1", 44.5); draw("#M1-owes", 44.6); reveal("#M1-owesl", 44.8); reveal("#M1-val", 45.0);
+//   draw("#M1-ctrl", 45.2); reveal("#M1-ctrll", 45.3); reveal("#M1-op,#M1-ops", 45.4);
+//   relabel("#M1-step", "2 · Muda o credor", 46.3); swap("#M1-b1", "#M1-b2", 46.3); outline("#M1-b2box", 48.0); diaOut("#M1", 51.1);
+
+window.__timelines = window.__timelines || {};
+window.__timelines["reel"] = tl;
+</script>
+</body></html>
diff --git a/.claude/skills/reel-oney/SKILL.md b/.claude/skills/reel-oney/SKILL.md
new file mode 100644
index 00000000..7a9999ea
--- /dev/null
+++ b/.claude/skills/reel-oney/SKILL.md
@@ -0,0 +1,78 @@
+---
+name: reel-oney
+description: Edit a vertical talking-head recording into a Reel in Oney Araujo's raw PHONE-EDITED style (Instagram-native one-word captions, raw prints above the head, Advercase titles, Apple emojis, dry cuts, J/L cuts, no pauses or retakes, max 90 s). Use when the user sends a video path and says /reel-oney", "edita esse", "edita esse vídeo", or asks for a Reel in the phone/celular style. For the designed serif look use reel-editorial-oney; explainer/news use reel-explicativo-oney; ads use anuncios-oney.
+---
+
+# Reel no estilo do Oney (celular)
+
+**The one rule:** the viewer must feel the creator edited it on their own phone, in the Instagram
+editor. Never let it look like an agency or an AI made it. When in doubt, do less, rawer, smaller.
+Polished motion graphics are a failure here.
+
+First read `../_perfil-oney.md` and load (or create) `perfil.json`. Style stills: `references/sheet1-4.jpg`
+and `references/oney-reels-frames.png` (the course author's reels). Look at them before designing.
+
+## Look — non-negotiable
+
+| Element | Rule |
+|---|---|
+| Prints | Real screenshots from the creator's prints folder (Instagram profile headers, insights, likes/comments/saves/shares, views, DMs, comments, posts). Raw crop: **square corners, no border, no shadow, no frame, no rounded card**. Above the head. |
+| Text above the head | Advercase **Bold**, white, **small** — titles 48–70 px, labels 40–48 px on 1080 wide. **Left-aligned with the print's left edge.** Yellow `#ffd21f` only for an occasional highlighted word. Sans bold (`.sans`) only for labels like "Ruim / Bom / Viral". |
+| Shadow | Only when the wall behind is light (`.sh`). Never boxes or scrims behind text. |
+| Motion | **None.** Overlays appear/disappear on a dry cut (`show()`/`hide()`). No fade, slide, scale, bounce. |
+| Emojis | Real emoji characters in the template (✅ ❌ 🔥 ❤️ 👇 🚨 …); `build-index.mjs` swaps them for Apple artwork (downloaded and cached). Never draw icons. |
+| Captions | **One word at a time**, 54 px Advercase Bold, white with deep black outline. Centred on the chest just under the chin (`capTop` in `reel.json`). Hard cut word to word. |
+| Persistent title | A topic title can stay on screen for long stretches with prints swapping above it. |
+| Lists | Emoji + word checklists (✅ Legenda / ❌ Título), revealed item by item on the spoken word. |
+| Mockups | Avoid. Use a real print. Only draw a mockup if no print exists AND the user asked. |
+
+## Cut rules
+
+- No breaths or pauses: everything under −30 dB for ≥ 0.15 s is removed (`build-cut.mjs`).
+- Remove every retake, false start and repeated phrase. Keep the last, cleanest take.
+- **Whisper hides repetitions and mis-times words.** After cutting, ALWAYS re-transcribe `clean.mp4`
+  and read it end to end for doubled phrases, clipped words and missing verbs. Recut until clean.
+- Max 90 s unless the user says otherwise. Tell them in the hand-off what you dropped.
+- **J/L cuts** on by default (`--jl 6` softer, `--no-jl` off).
+
+## Speed rules (students may have slow PCs — these override the steps below)
+
+- The raw transcription in the scaffold step is automatically `--fast` (small model when there is no NVIDIA GPU):
+  it is only used to choose the cut. The re-transcription of `clean.mp4` (captions) uses the accurate settings —
+  run it once per cut version, not after every small change.
+- Check all splices in ONE call (one model load): `$PY $S/transcribe-local-whisper.py clean.mp4 --windows t1,t2,…`
+  (times on the clean timeline). Never transcribe windows one by one.
+- Do not render a full draft just to look at frames. Use `npx hyperframes snapshot --at t1,t2,… -o snapshots`
+  (one time per beat / overlay change) and look at the PNGs. Render the video once, when the snapshots are right:
+  `npx hyperframes render --output renders/<slug>-final.mp4`. Render again only for requested changes.
+- raw.mp4 / clean.mp4 encoding picks the fastest encoder automatically (NVIDIA / Intel Quick Sync / AMD / Apple,
+  else libx264 ultrafast). Do not override it.
+- Before each slow step, tell the user in one short Portuguese line what is running and that it may take a few
+  minutes ("Transcrevendo o vídeo — no seu PC pode levar uns minutos."), so the wait never looks like a freeze.
+
+## Workflow (run from the kit root)
+
+`S=.claude/skills/reel-oney/scripts` · `PY=~/.venvs/whisper/Scripts/python.exe` (Mac/Linux: `~/.venvs/whisper/bin/python`)
+
+1. **Scaffold + transcribe**: `node $S/new-reel.mjs "<video>" <slug>` → `video-projects/<slug>/`
+   with `assets/raw.mp4`, `raw.json`, `words.txt`. First run downloads the Whisper model (slow once).
+2. **Probe framing**: contact sheet of raw.mp4 (`fps=1/4,scale=180:-1,tile=12x1`) to find head top and
+   chin. Overlays live between y≈100 and the head top; captions under the chin (`reel.json` → `{"capTop": <px>}`).
+3. **Choose the cut**: read `words.txt`, write `assets/keeps.json` (`{fps:30, keeps:[{from,to,why}]}`).
+4. **Cut**: in `assets/`: `node ../../../$S/build-cut.mjs` → `clean.mp4`.
+5. **Verify**: in `assets/`: `PYTHONIOENCODING=utf-8 $PY ../../../$S/transcribe-local-whisper.py clean.mp4 transcript.json`.
+   Repeats/clipped words → back to 3. Mishearings → `assets/caption-fixes.json`.
+   `ffmpeg -i clean.mp4 -af silencedetect=noise=-30dB:d=0.25 -f null -` → no pauses.
+6. **Find prints**: index the creator's prints folder once (and when new prints exist):
+   `powershell -ExecutionPolicy Bypass -File $S/index-prints.ps1 -Folder "<pasta_prints from perfil.json>"`.
+   Search: `node $S/find-prints.mjs "<terms>" [--since 2026-01-01] [--min-w 600]`. ALWAYS view a candidate
+   before using it; crop with ffmpeg into `assets/prints/`; log sources in `assets/prints/SOURCES.md`.
+   No suitable print → ask the user for the exact screen. Never invent one.
+   **On Mac** the OCR index (Windows-only) is not available: skip `index-prints.ps1` / `find-prints.mjs`,
+   list the images in `pasta_prints`, view the likely candidates directly, or ask the user for the print.
+7. **Compose**: edit `src/index.template.html` (overlays + `show/hide` timing). Times from
+   `node $S/anchors.mjs "frase" ...` (project root). Hard cuts only.
+8. **Build + check**: `node $S/build-index.mjs` → `npx hyperframes lint` → snapshots of every overlay
+   change (`npx hyperframes snapshot --at …`) and LOOK: face never covered, text readable. Then `npx hyperframes render --output renders/<slug>-final.mp4`.
+9. **Hand-off** (in Portuguese, short): final file path, what was cut, prints used, anything uncertain.
+   Never publish or send anything.
diff --git a/.claude/skills/reel-oney/references/oney-reels-frames.png b/.claude/skills/reel-oney/references/oney-reels-frames.png
new file mode 100644
index 00000000..e1c7a8b2
Binary files /dev/null and b/.claude/skills/reel-oney/references/oney-reels-frames.png differ
diff --git a/.claude/skills/reel-oney/references/sheet1.jpg b/.claude/skills/reel-oney/references/sheet1.jpg
new file mode 100644
index 00000000..08bbe0e2
Binary files /dev/null and b/.claude/skills/reel-oney/references/sheet1.jpg differ
diff --git a/.claude/skills/reel-oney/references/sheet2.jpg b/.claude/skills/reel-oney/references/sheet2.jpg
new file mode 100644
index 00000000..355a2e8f
Binary files /dev/null and b/.claude/skills/reel-oney/references/sheet2.jpg differ
diff --git a/.claude/skills/reel-oney/references/sheet3.jpg b/.claude/skills/reel-oney/references/sheet3.jpg
new file mode 100644
index 00000000..5e91e986
Binary files /dev/null and b/.claude/skills/reel-oney/references/sheet3.jpg differ
diff --git a/.claude/skills/reel-oney/references/sheet4.jpg b/.claude/skills/reel-oney/references/sheet4.jpg
new file mode 100644
index 00000000..40b682a4
Binary files /dev/null and b/.claude/skills/reel-oney/references/sheet4.jpg differ
diff --git a/.claude/skills/reel-oney/scripts/anchors.mjs b/.claude/skills/reel-oney/scripts/anchors.mjs
new file mode 100644
index 00000000..deb3731a
--- /dev/null
+++ b/.claude/skills/reel-oney/scripts/anchors.mjs
@@ -0,0 +1,11 @@
+// Print output-timeline times for spoken phrases, to time overlays.
+// Run in the project root: node <skill>/scripts/anchors.mjs "menos seguidores" "do que eu" ...
+import { readFileSync } from "node:fs";
+const w = JSON.parse(readFileSync("assets/transcript.json", "utf8")).words;
+const n = (s) => s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9%]/g, "");
+for (const phrase of process.argv.slice(2)) {
+  const p = phrase.split(/\s+/).map(n);
+  const hits = [];
+  for (let i = 0; i < w.length; i++) if (p.every((x, j) => w[i + j] && n(w[i + j].text) === x)) hits.push(`${w[i].start.toFixed(2)}–${w[i + p.length - 1].end.toFixed(2)}`);
+  console.log(`${phrase.padEnd(32)} ${hits.join("  ") || "??"}`);
+}
diff --git a/.claude/skills/reel-oney/scripts/build-cut.mjs b/.claude/skills/reel-oney/scripts/build-cut.mjs
new file mode 100644
index 00000000..f6538cbb
--- /dev/null
+++ b/.claude/skills/reel-oney/scripts/build-cut.mjs
@@ -0,0 +1,67 @@
+// Cut raw.mp4 into clean.mp4 from keeps.json, removing every measured pause, with J/L cuts at edit points.
+// Run inside <project>/assets:  node <skill>/scripts/build-cut.mjs [--jl 4] [--no-jl]
+// Inputs: raw.mp4, keeps.json ({fps, keeps:[{from,to,why}]}), silences.txt (made here if missing).
+// Outputs: clean.mp4, edit-decisions.json (audio timeline = caption timeline).
+import { readFileSync, writeFileSync, existsSync } from "node:fs";
+import { execFileSync, spawnSync } from "node:child_process";
+import { videoEncoder, HWDEC } from "./encoder.mjs";
+
+const args = process.argv.slice(2);
+const JL = args.includes("--no-jl") ? 0 : Number(args[args.indexOf("--jl") + 1] || 4); // frames
+const { keeps, fps = 30 } = JSON.parse(readFileSync("keeps.json", "utf8"));
+const frame = (t) => Math.round(t * fps) / fps;
+
+// 1. measured silences (ffmpeg silencedetect, -30 dB, 0.15 s)
+if (!existsSync("silences.txt")) {
+  const r = spawnSync("ffmpeg", ["-v", "info", "-i", "raw.mp4", "-vn", "-af", "silencedetect=noise=-30dB:d=0.15", "-f", "null", "-"], { encoding: "utf8" });
+  const s = [...r.stderr.matchAll(/silence_start: ([\d.]+)[\s\S]*?silence_end: ([\d.]+)/g)].map((m) => `${m[1]} ${m[2]}`);
+  writeFileSync("silences.txt", s.join("\n"));
+}
+// Keep a short tail after speech and a slightly longer lead-in before the next onset.
+const TAIL = 0.05, LEAD = 0.08;
+const silences = readFileSync("silences.txt", "utf8").trim().split(/\s*\n/).filter(Boolean).map((l) => l.trim().split(" ").map(Number))
+  .map(([a, b]) => [a + TAIL, b - LEAD]).filter(([a, b]) => b - a > 0.06);
+
+// 2. audio pieces = keep ranges minus silences
+const pieces = [];
+for (const k of keeps) {
+  let cur = k.from;
+  for (const [a, b] of silences) {
+    if (b <= cur || a >= k.to) continue;
+    if (a > cur) pieces.push({ s: frame(cur), e: frame(a), why: k.why });
+    cur = b;
+  }
+  if (k.to > cur) pieces.push({ s: frame(cur), e: frame(k.to), why: k.why });
+}
+const segs = pieces.filter((p) => p.e - p.s >= 2 / fps);
+
+// 3. video pieces: same durations, but at real edit points the picture cut is offset from the sound cut.
+//    Alternate J (sound of the next shot leads) and L (picture of the next shot leads).
+const d = JL / fps;
+const vsegs = segs.map((g) => ({ s: g.s, e: g.e }));
+let flip = 0;
+for (let i = 0; i < segs.length - 1 && d > 0; i++) {
+  const gap = segs[i + 1].s - segs[i].e;
+  if (gap < 0.25) continue; // not a visible edit point
+  if (flip++ % 2 === 0) { vsegs[i].e += d; vsegs[i + 1].s += d; }      // J: old picture holds while new sound starts
+  else { vsegs[i].e -= d; vsegs[i + 1].s -= d; }                        // L: new picture arrives before its sound
+}
+
+let out = 0;
+const decisions = segs.map((g, i) => {
+  const r = { source_start: g.s, source_end: g.e, video_start: +vsegs[i].s.toFixed(3), video_end: +vsegs[i].e.toFixed(3), output_start: +out.toFixed(3), output_end: +(out + g.e - g.s).toFixed(3), reason: g.why };
+  out += g.e - g.s;
+  return r;
+});
+
+const f = segs.map((g, i) => {
+  const v = vsegs[i], dur = g.e - g.s;
+  return `[0:v]trim=${v.s.toFixed(4)}:${v.e.toFixed(4)},setpts=PTS-STARTPTS[v${i}];` +
+    `[0:a]atrim=${g.s}:${g.e},asetpts=PTS-STARTPTS,afade=t=in:d=0.012,afade=t=out:st=${(dur - 0.012).toFixed(3)}:d=0.012[a${i}];`;
+}).join("") + segs.map((_, i) => `[v${i}]`).join("") + `concat=n=${segs.length}:v=1:a=0[v];` + segs.map((_, i) => `[a${i}]`).join("") + `concat=n=${segs.length}:v=0:a=1[a]`;
+writeFileSync("cut-filter.txt", f);
+execFileSync("ffmpeg", ["-y", "-v", "error", "-i", "raw.mp4", "-filter_complex_script", "cut-filter.txt",
+  "-map", "[v]", "-map", "[a]", ...videoEncoder(), "-r", String(fps),
+  "-c:a", "aac", "-b:a", "192k", "-shortest", "clean.mp4"], { stdio: "inherit" });
+writeFileSync("edit-decisions.json", JSON.stringify({ source: "assets/raw.mp4", fps, jl_frames: JL, duration: +out.toFixed(3), segments: decisions }, null, 1));
+console.log(`segments=${segs.length} jl_edits=${flip} duration=${out.toFixed(2)}s`);
diff --git a/.claude/skills/reel-oney/scripts/build-index.mjs b/.claude/skills/reel-oney/scripts/build-index.mjs
new file mode 100644
index 00000000..17ea8402
--- /dev/null
+++ b/.claude/skills/reel-oney/scripts/build-index.mjs
@@ -0,0 +1,58 @@
+// Build <project>/index.html from src/index.template.html.
+// Run in the project root:  node <skill>/scripts/build-index.mjs
+// - __CAPTIONS__ : word-by-word caption clips from assets/transcript.json
+//                  (fixes in assets/caption-fixes.json: {"wrong": "right", "drop-me": ""})
+// - __DUR__      : clean.mp4 duration;  __CAP_TOP__ : from reel.json {"capTop": 1380}
+// - every emoji anywhere in the template → <img class="emo"> with Apple's artwork (cached in the skill)
+import { readFileSync, writeFileSync, existsSync, mkdirSync, copyFileSync } from "node:fs";
+import { execFileSync } from "node:child_process";
+import { fileURLToPath } from "node:url";
+import { dirname, join } from "node:path";
+
+const skill = join(dirname(fileURLToPath(import.meta.url)), "..");
+const t = JSON.parse(readFileSync("assets/transcript.json", "utf8"));
+const dur = t.audio_duration_secs;
+const fix = existsSync("assets/caption-fixes.json") ? JSON.parse(readFileSync("assets/caption-fixes.json", "utf8")) : {};
+
+// ---- words (merge Whisper splits like "e" + "-mail" and "100" + "%")
+const words = [];
+for (let i = 0; i < t.words.length; i++) {
+  const w = t.words[i], n = t.words[i + 1];
+  if (n && (n.text.startsWith("-") || n.text === "%")) { words.push({ text: w.text + n.text, start: w.start, end: n.end }); i++; continue; }
+  const txt = w.text in fix ? fix[w.text] : w.text;
+  if (txt) words.push({ text: txt, start: w.start, end: w.end });
+}
+
+// ---- one caption clip per word (shown from its onset until the next word, max 1.2 s)
+const esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;");
+const caps = words.map((w, i) => {
+  const next = words[i + 1] ? words[i + 1].start : dur;
+  const d = Math.min(next - w.start, 1.2);
+  if (d <= 0.01) return "";
+  return `<div class="w clip" id="w${i}" data-start="${w.start.toFixed(3)}" data-duration="${d.toFixed(3)}" data-track-index="5">${esc(w.text)}</div>`;
+}).join("\n");
+
+// Per-video layout knobs (reel.json): capTop = caption block top in px — sit it on the chest, just under the chin.
+const cfg = { capTop: 1380, ...(existsSync("reel.json") ? JSON.parse(readFileSync("reel.json", "utf8")) : {}) };
+let html = readFileSync("src/index.template.html", "utf8").replaceAll("__DUR__", dur.toFixed(3)).replace("__CAPTIONS__", caps).replace("__CAP_TOP__", String(cfg.capTop));
+
+// ---- Apple emoji: replace every emoji sequence with a local PNG (iPhone keyboard artwork)
+const cache = join(skill, "emoji-cache");
+mkdirSync(cache, { recursive: true });
+mkdirSync("assets/emoji", { recursive: true });
+const re = /(\p{Extended_Pictographic}(️|‍\p{Extended_Pictographic}|\p{Emoji_Modifier})*|[\u{1F1E6}-\u{1F1FF}]{2})/gu;
+const inTags = (s, idx) => s.lastIndexOf("<", idx) > s.lastIndexOf(">", idx); // inside an attribute/tag → leave it
+html = html.replace(re, (m, _a, _b, idx, s) => {
+  if (inTags(s, idx) || s.lastIndexOf("<script", idx) > s.lastIndexOf("</script>", idx)) return m;
+  const code = [...m].map((c) => c.codePointAt(0).toString(16)).filter((c) => c !== "fe0f").join("-");
+  const file = join(cache, `${code}.png`);
+  if (!existsSync(file)) execFileSync("curl", ["-sfL", "-o", file, `https://emojicdn.elk.sh/${encodeURIComponent(m)}?style=apple`]);
+  copyFileSync(file, `assets/emoji/${code}.png`);
+  return `<img class="emo" src="assets/emoji/${code}.png" alt="">`;
+});
+
+writeFileSync("index.html", html);
+const meta = JSON.parse(readFileSync("meta.json", "utf8"));
+Object.assign(meta, { id: "reel", width: 1080, height: 1920, fps: 30 });
+writeFileSync("meta.json", JSON.stringify(meta, null, 2));
+console.log(`index.html built — ${dur.toFixed(2)}s, ${words.length} caption words`);
diff --git a/.claude/skills/reel-oney/scripts/encoder.mjs b/.claude/skills/reel-oney/scripts/encoder.mjs
new file mode 100644
index 00000000..cd175c31
--- /dev/null
+++ b/.claude/skills/reel-oney/scripts/encoder.mjs
@@ -0,0 +1,28 @@
+// Fastest H.264 encoder this machine actually supports, for intermediate files (raw.mp4, clean.mp4).
+// Tries the GPU / integrated-graphics encoders first (NVIDIA, Intel Quick Sync, AMD, Apple), then falls
+// back to libx264 ultrafast. Each candidate is probed with a tiny test encode, because ffmpeg lists
+// encoders the hardware may not have. Force CPU with EDITE_REELS_ENCODER=cpu.
+import { spawnSync } from "node:child_process";
+
+const CPU = ["-c:v", "libx264", "-preset", "ultrafast", "-crf", "18"];
+const CANDIDATES = [
+  ["h264_nvenc", ["-preset", "p4", "-rc", "vbr", "-cq", "20", "-b:v", "0"]],
+  ["h264_qsv", ["-global_quality", "22"]],
+  ["h264_amf", ["-quality", "balanced", "-rc", "cqp", "-qp_i", "20", "-qp_p", "22"]],
+  ["h264_videotoolbox", ["-b:v", "14M"]],
+];
+let cached;
+
+export function videoEncoder() {
+  if (cached) return cached;
+  if (process.env.EDITE_REELS_ENCODER === "cpu") return (cached = CPU);
+  for (const [name, args] of CANDIDATES) {
+    const probe = spawnSync("ffmpeg", ["-v", "error", "-f", "lavfi", "-i", "color=c=black:s=320x320:d=0.2",
+      "-pix_fmt", "yuv420p", "-c:v", name, ...args, "-f", "null", "-"]);
+    if (probe.status === 0) return (cached = ["-c:v", name, ...args]);
+  }
+  return (cached = CPU);
+}
+
+// Hardware-accelerated decoding where available (phone HEVC/4K decodes much faster); ffmpeg falls back silently.
+export const HWDEC = ["-hwaccel", "auto"];
diff --git a/.claude/skills/reel-oney/scripts/find-prints.mjs b/.claude/skills/reel-oney/scripts/find-prints.mjs
new file mode 100644
index 00000000..15f17547
--- /dev/null
+++ b/.claude/skills/reel-oney/scripts/find-prints.mjs
@@ -0,0 +1,24 @@
+// Search your screenshot index (OCR text) for candidate prints.
+// Usage: node find-prints.mjs "seguidores" "1,6 mi" [--min-w 600] [--since 2026-01-01] [--limit 15]
+// Score = number of query terms found in the OCR text (accent/case-insensitive). Always LOOK at a candidate before using it.
+import { readFileSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { dirname, join } from "node:path";
+
+const here = dirname(fileURLToPath(import.meta.url));
+const idx = JSON.parse(readFileSync(join(here, "..", "prints-index.json"), "utf8").replace(/^/, ""));
+const argv = process.argv.slice(2);
+const opt = (k, d) => (argv.includes(k) ? argv[argv.indexOf(k) + 1] : d);
+const flags = new Set(["--min-w", "--since", "--limit"]);
+const terms = argv.filter((a, i) => !a.startsWith("--") && !flags.has(argv[i - 1]));
+const norm = (s) => (s || "").normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+const minW = Number(opt("--min-w", 0)), since = opt("--since", ""), limit = Number(opt("--limit", 15));
+
+const hits = idx
+  .filter((x) => x.w >= minW && (!since || x.date >= since))
+  .map((x) => ({ x, score: terms.reduce((n, t) => n + (norm(x.text).includes(norm(t)) ? 1 : 0), 0) }))
+  .filter((h) => h.score > 0 || !terms.length)
+  .sort((a, b) => b.score - a.score || b.x.date.localeCompare(a.x.date))
+  .slice(0, limit);
+for (const { x, score } of hits) console.log(`${score} | ${x.date} | ${x.w}x${x.h} | ${x.file}\n    ${norm(x.text).replace(/\s+/g, " ").slice(0, 160)}`);
+if (!hits.length) console.log("no matches");
diff --git a/.claude/skills/reel-oney/scripts/index-prints.ps1 b/.claude/skills/reel-oney/scripts/index-prints.ps1
new file mode 100644
index 00000000..39d86248
--- /dev/null
+++ b/.claude/skills/reel-oney/scripts/index-prints.ps1
@@ -0,0 +1,44 @@
+# Builds a searchable index of your screenshots using the built-in Windows OCR (offline).
+# Usage: powershell -ExecutionPolicy Bypass -File index-prints.ps1 [-Folder <dir>] [-Out <json>]
+# Incremental: images already in the index (same name + size) are skipped.
+param(
+  [string]$Folder = (Join-Path $env:USERPROFILE "Pictures\Screenshots"),
+  [string]$Out = (Join-Path $PSScriptRoot "..\prints-index.json")
+)
+Add-Type -AssemblyName System.Runtime.WindowsRuntime
+Add-Type -AssemblyName System.Drawing
+$null = [Windows.Storage.StorageFile, Windows.Storage, ContentType = WindowsRuntime]
+$null = [Windows.Media.Ocr.OcrEngine, Windows.Foundation, ContentType = WindowsRuntime]
+$null = [Windows.Graphics.Imaging.BitmapDecoder, Windows.Graphics, ContentType = WindowsRuntime]
+$null = [Windows.Globalization.Language, Windows.Globalization, ContentType = WindowsRuntime]
+$asTask = ([System.WindowsRuntimeSystemExtensions].GetMethods() | Where-Object { $_.Name -eq 'AsTask' -and $_.GetParameters().Count -eq 1 -and $_.GetParameters()[0].ParameterType.Name -eq 'IAsyncOperation`1' })[0]
+function Await($op, [Type]$t) { $task = $asTask.MakeGenericMethod($t).Invoke($null, @($op)); $task.Wait(-1) | Out-Null; $task.Result }
+
+$lang = [Windows.Globalization.Language]::new("pt-BR")
+$engine = [Windows.Media.Ocr.OcrEngine]::TryCreateFromLanguage($lang)
+if (-not $engine) { $engine = [Windows.Media.Ocr.OcrEngine]::TryCreateFromUserProfileLanguages() }
+
+$index = @{}
+if (Test-Path $Out) { (Get-Content $Out -Raw -Encoding UTF8 | ConvertFrom-Json) | ForEach-Object { $index[$_.file] = $_ } }
+
+$files = Get-ChildItem -LiteralPath $Folder -File -Include *.png, *.jpg, *.jpeg -Recurse
+$n = 0
+foreach ($f in $files) {
+  $key = $f.FullName
+  if ($index.ContainsKey($key) -and $index[$key].bytes -eq $f.Length) { continue }
+  try {
+    $img = [System.Drawing.Image]::FromFile($f.FullName); $w = $img.Width; $h = $img.Height; $img.Dispose()
+    $sf = Await ([Windows.Storage.StorageFile]::GetFileFromPathAsync($f.FullName)) ([Windows.Storage.StorageFile])
+    $stream = Await ($sf.OpenAsync([Windows.Storage.FileAccessMode]::Read)) ([Windows.Storage.Streams.IRandomAccessStream])
+    $dec = Await ([Windows.Graphics.Imaging.BitmapDecoder]::CreateAsync($stream)) ([Windows.Graphics.Imaging.BitmapDecoder])
+    $bmp = Await ($dec.GetSoftwareBitmapAsync()) ([Windows.Graphics.Imaging.SoftwareBitmap])
+    if ($bmp.PixelWidth -gt [Windows.Media.Ocr.OcrEngine]::MaxImageDimension -or $bmp.PixelHeight -gt [Windows.Media.Ocr.OcrEngine]::MaxImageDimension) { $text = "" }
+    else { $text = (Await ($engine.RecognizeAsync($bmp)) ([Windows.Media.Ocr.OcrResult])).Text }
+    $stream.Dispose()
+  } catch { $text = ""; }
+  if ($text.Length -gt 600) { $text = $text.Substring(0, 600) }
+  $index[$key] = [pscustomobject]@{ file = $key; name = $f.Name; date = $f.LastWriteTime.ToString("yyyy-MM-dd HH:mm"); w = $w; h = $h; bytes = $f.Length; text = $text }
+  $n++
+}
+$index.Values | Sort-Object date -Descending | ConvertTo-Json -Depth 3 | Out-File -FilePath $Out -Encoding utf8
+Write-Output "indexed new=$n total=$($index.Count) -> $Out"
diff --git a/.claude/skills/reel-oney/scripts/new-reel.mjs b/.claude/skills/reel-oney/scripts/new-reel.mjs
new file mode 100644
index 00000000..a65e46b6
--- /dev/null
+++ b/.claude/skills/reel-oney/scripts/new-reel.mjs
@@ -0,0 +1,42 @@
+// Scaffold a reel project from a phone recording and transcribe it.
+// Run from the kit root:  node .claude/skills/reel-oney/scripts/new-reel.mjs "<video path>" <slug>
+// Creates video-projects/<slug>/ with assets/raw.mp4 (1080x1920 30fps), assets/raw.json (word timings),
+// assets/words.txt (readable word/time dump with pauses), fonts, src/index.template.html.
+import { execFileSync } from "node:child_process";
+import { videoEncoder, HWDEC } from "./encoder.mjs";
+import { cpSync, mkdirSync, readFileSync, writeFileSync, existsSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { dirname, join, resolve } from "node:path";
+import { homedir } from "node:os";
+const PY = process.env.WHISPER_PYTHON || join(homedir(), ".venvs", "whisper", process.platform === "win32" ? "Scripts/python.exe" : "bin/python");
+
+const [src, slug] = process.argv.slice(2);
+if (!src || !slug) { console.error('usage: new-reel.mjs "<video>" <slug>'); process.exit(1); }
+const skill = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+const proj = resolve("video-projects", slug);
+if (!existsSync(proj)) execFileSync(process.execPath, ["scripts/new-video.mjs", slug], { stdio: "inherit" });
+mkdirSync(join(proj, "src"), { recursive: true });
+cpSync(join(skill, "template", "fonts"), join(proj, "assets", "fonts"), { recursive: true });
+if (!existsSync(join(proj, "src", "index.template.html"))) cpSync(join(skill, "template", "index.template.html"), join(proj, "src", "index.template.html"));
+cpSync(join(skill, "template", "DESIGN.md"), join(proj, "DESIGN.md"));
+
+const a = join(proj, "assets");
+if (!existsSync(join(a, "raw.mp4"))) {
+  console.log("transcoding…");
+  // ffmpeg applies the phone's rotation flag, so the output is upright 1080x1920
+  execFileSync("ffmpeg", ["-y", "-v", "error", ...HWDEC, "-i", src, "-map", "0:v:0", "-map", "0:a:0", "-vf", "scale=1080:1920:force_original_aspect_ratio=increase,crop=1080:1920",
+    ...videoEncoder(), "-r", "30", "-c:a", "aac", "-b:a", "192k", "-movflags", "+faststart", join(a, "raw.mp4")], { stdio: "inherit" });
+}
+console.log("transcribing (Whisper local — na primeira vez baixa o modelo, demora)…");
+execFileSync(PY, [join(skill, "scripts", "transcribe-local-whisper.py"), join(a, "raw.mp4"), join(a, "raw.json"), "--fast"],
+  { stdio: ["ignore", "inherit", "ignore"], env: { ...process.env, PYTHONIOENCODING: "utf-8" } });
+
+const t = JSON.parse(readFileSync(join(a, "raw.json"), "utf8"));
+let out = "", line = "", ls = 0, prev = 0;
+for (const w of t.words) {
+  if (w.start - prev > 0.5 || line.length > 90) { if (line) out += `${ls.toFixed(2).padStart(7)} ${line}\n`; if (w.start - prev > 0.5) out += `        --- pause ${(w.start - prev).toFixed(1)}s\n`; line = ""; ls = w.start; }
+  line += `${w.text}@${w.start.toFixed(2)} `; prev = w.end;
+}
+out += `${ls.toFixed(2).padStart(7)} ${line}\n`;
+writeFileSync(join(a, "words.txt"), out);
+console.log(`ready: ${proj}  (duration ${t.audio_duration_secs}s, ${t.words.length} words; see assets/words.txt)`);
diff --git a/.claude/skills/reel-oney/scripts/transcribe-local-whisper.py b/.claude/skills/reel-oney/scripts/transcribe-local-whisper.py
new file mode 100644
index 00000000..ca461b69
--- /dev/null
+++ b/.claude/skills/reel-oney/scripts/transcribe-local-whisper.py
@@ -0,0 +1,94 @@
+"""Local word-level transcription with faster-whisper, tuned for slow PCs.
+
+Writes the kit's transcript shape: {"words": [{text,start,end}], "audio_duration_secs"}.
+
+Usage:
+  python transcribe-local-whisper.py <media> <out.json>              # captions quality
+  python transcribe-local-whisper.py <media> <out.json> --fast       # raw take, only to choose the cut
+  python transcribe-local-whisper.py <media> --windows 12.4,30.1,... # check splices: text of a 3 s window
+                                                                      # around each time, ONE model load
+Options: --model NAME_OR_DIR (env WHISPER_MODEL) · --lang pt · --span 3
+
+Speed rules (measured on CPU, 1 min of speech, 4 threads):
+  medium beam 5 = 19.5 s · medium beam 1 = 14.5 s · small beam 1 = 5.5 s (base is too inaccurate for PT)
+  With an NVIDIA GPU everything uses medium beam 5 (fast anyway).
+  Without one: --fast and --windows use small; captions use medium with beam 1.
+"""
+import argparse, glob, json, os, subprocess, sys, site, tempfile
+
+
+def add_cuda_dlls():
+    if os.name != "nt":
+        return
+    for base in site.getsitepackages():
+        for d in glob.glob(os.path.join(base, "nvidia", "*", "bin")):
+            os.add_dll_directory(d)
+            os.environ["PATH"] = d + os.pathsep + os.environ["PATH"]
+
+
+def to_wav(media, start=None, dur=None):
+    """Decode with ffmpeg to 16 kHz mono WAV: avoids decoder errors on phone files and is faster to read."""
+    fd, path = tempfile.mkstemp(suffix=".wav"); os.close(fd)
+    cmd = ["ffmpeg", "-v", "error", "-y"]
+    if start is not None:
+        cmd += ["-ss", f"{start:.3f}"]
+    cmd += ["-i", media]
+    if dur is not None:
+        cmd += ["-t", f"{dur:.3f}"]
+    subprocess.run(cmd + ["-vn", "-ac", "1", "-ar", "16000", path], check=True)
+    return path
+
+
+def load(model_name, fast):
+    add_cuda_dlls()
+    from faster_whisper import WhisperModel
+    try:
+        m = WhisperModel(model_name or "medium", device="cuda", compute_type="float16")
+        return m, "cuda", 5
+    except Exception:
+        name = model_name or ("small" if fast else "medium")
+        m = WhisperModel(name, device="cpu", compute_type="int8", cpu_threads=os.cpu_count() or 4)
+        return m, "cpu", 1
+
+
+def main():
+    ap = argparse.ArgumentParser()
+    ap.add_argument("media")
+    ap.add_argument("out", nargs="?")
+    ap.add_argument("--model", default=os.environ.get("WHISPER_MODEL"))
+    ap.add_argument("--lang", default="pt")
+    ap.add_argument("--fast", action="store_true")
+    ap.add_argument("--windows", default="")
+    ap.add_argument("--span", type=float, default=3.0)
+    a = ap.parse_args()
+
+    if a.windows:
+        model, device, beam = load(a.model, True)
+        for t in [float(x) for x in a.windows.split(",") if x.strip()]:
+            start = max(0.0, t - a.span / 2)
+            wav = to_wav(a.media, start, a.span)
+            segs, _ = model.transcribe(wav, language=a.lang, beam_size=beam, condition_on_previous_text=False)
+            print(f"[{t:8.2f}] {' '.join(s.text.strip() for s in segs)}", flush=True)
+            os.remove(wav)
+        return
+
+    if not a.out:
+        sys.exit("usage: transcribe-local-whisper.py <media> <out.json> [--fast]")
+    model, device, beam = load(a.model, a.fast)
+    wav = to_wav(a.media)
+    segments, info = model.transcribe(wav, language=a.lang, beam_size=beam, word_timestamps=True,
+                                      vad_filter=False, condition_on_previous_text=False)
+    words = []
+    for seg in segments:
+        for w in seg.words or []:
+            words.append({"text": w.word.strip(), "start": round(w.start, 3), "end": round(w.end, 3)})
+        print(f"[{seg.start:7.2f}] {seg.text.strip()}", flush=True)
+    os.remove(wav)
+    with open(a.out, "w", encoding="utf-8") as f:
+        json.dump({"language_code": a.lang, "audio_duration_secs": round(info.duration, 3),
+                   "text": " ".join(w["text"] for w in words), "words": words}, f, ensure_ascii=False, indent=1)
+    print(f"DONE device={device} beam={beam} words={len(words)} -> {a.out}")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/.claude/skills/reel-oney/template/DESIGN.md b/.claude/skills/reel-oney/template/DESIGN.md
new file mode 100644
index 00000000..e69de29b
diff --git a/.claude/skills/reel-oney/template/fonts/Advercase-Bold.woff2 b/.claude/skills/reel-oney/template/fonts/Advercase-Bold.woff2
new file mode 100644
index 00000000..60735683
Binary files /dev/null and b/.claude/skills/reel-oney/template/fonts/Advercase-Bold.woff2 differ
diff --git a/.claude/skills/reel-oney/template/fonts/Advercase-Regular.woff2 b/.claude/skills/reel-oney/template/fonts/Advercase-Regular.woff2
new file mode 100644
index 00000000..4520a51c
Binary files /dev/null and b/.claude/skills/reel-oney/template/fonts/Advercase-Regular.woff2 differ
diff --git a/.claude/skills/reel-oney/template/index.template.html b/.claude/skills/reel-oney/template/index.template.html
new file mode 100644
index 00000000..9198d357
--- /dev/null
+++ b/.claude/skills/reel-oney/template/index.template.html
@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="pt-BR"><head><meta charset="utf-8"><title>Reel</title>
+<script src="assets/gsap.min.js"></script>
+<style>
+/* ===== the creator's phone-edit look — read SKILL.md before changing anything here ===== */
+@font-face{font-family:"Advercase";src:url("assets/fonts/Advercase-Regular.woff2") format("woff2");font-weight:400}
+@font-face{font-family:"Advercase";src:url("assets/fonts/Advercase-Bold.woff2") format("woff2");font-weight:700}
+*{box-sizing:border-box}
+html,body{margin:0;width:1080px;height:1920px;overflow:hidden;background:#000;color:#fff}
+#reel{position:relative;width:1080px;height:1920px;overflow:hidden}
+#cam{position:absolute;inset:0;width:1080px;height:1920px;object-fit:cover}
+
+/* Overlays are placed absolutely, like stickers dragged on the phone. No scrims, no cards, no glass. */
+.ov{position:absolute;opacity:0}
+/* Text above the head: Advercase BOLD (thick = readable), left-aligned with the print's left edge. Small, like typed on the phone. */
+.serif{font-family:"Advercase",Georgia,serif;font-weight:700;line-height:1.02;text-align:left}
+/* Instagram "Moderna"/system bold sans for labels such as Ruim / Bom / Viral */
+.sans{font-family:"Inter","Helvetica Neue",Arial,sans-serif;font-weight:700;line-height:1.05}
+/* Shadow ONLY when the wall behind the text is light enough to swallow white text. */
+.sh{text-shadow:0 2px 6px rgba(0,0,0,.45)}
+.y{color:#ffd21f}
+/* Prints: raw crop, square corners, no border, no shadow. */
+.print{position:absolute;display:block;opacity:0}
+/* Apple emoji (iPhone keyboard) — sized by the surrounding font-size */
+img.emo{height:1em;width:auto;vertical-align:-.12em}
+/* Captions: ONE word at a time, small Advercase Bold, white with a deep black outline */
+#cap{position:absolute;left:0;top:__CAP_TOP__px;width:1080px;height:80px}
+.w{position:absolute;left:0;top:0;width:1080px;text-align:center;font-family:"Advercase",Georgia,serif;font-weight:700;font-size:54px;line-height:80px;
+  -webkit-text-stroke:8px #000;paint-order:stroke fill}
+</style></head><body>
+<div id="reel" data-composition-id="reel" data-start="0" data-duration="__DUR__" data-width="1080" data-height="1920">
+  <video id="cam" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="0" muted playsinline></video>
+  <audio id="voice" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="1" data-volume="1"></audio>
+
+  <!-- ===== OVERLAYS (examples — replace per video) =====
+  <div class="ov serif" id="title" style="left:210px;top:720px;width:800px;font-size:60px">*Guia do algoritmo 2026*</div>
+  <img class="print" id="p-likes" src="assets/prints/likes.png" style="left:210px;top:180px;width:520px" alt="">
+  <div class="ov serif sh" id="chk1" style="left:210px;top:650px;width:800px;font-size:44px">✅ Gostam ou Concordam</div>  (left edge = print left edge)
+  -->
+
+  <div id="cap">__CAPTIONS__</div>
+</div>
+<script>
+const tl = gsap.timeline({ paused: true });
+// Everything appears and disappears on a dry cut — no fades, no slides, no scale pops.
+const show = (sel, t) => tl.set(sel, { opacity: 1 }, t);
+const hide = (sel, t) => tl.set(sel, { opacity: 0 }, t);
+
+// ===== TIMING (replace per video; times from anchors.mjs, on the spoken word) =====
+// show("#title", 0.0);
+// show("#p-likes", 0.4); hide("#p-likes", 2.1);
+
+window.__timelines = window.__timelines || {};
+window.__timelines["reel"] = tl;
+</script>
+</body></html>
diff --git a/.claude/skills/video-colagem-oney/SKILL.md b/.claude/skills/video-colagem-oney/SKILL.md
new file mode 100644
index 00000000..2275c08c
--- /dev/null
+++ b/.claude/skills/video-colagem-oney/SKILL.md
@@ -0,0 +1,111 @@
+---
+name: video-colagem-oney
+description: Edit a talking-head recording in Oney Araujo's "colagem" (collage) style — vertical Reels (1080x1920, Instagram safe box) or horizontal (1920x1080). Every sentence becomes an object; real people appear as cut-out stickers/photo cards the moment they are named; takeover cards over the presenter (kept sharp, lightly dimmed — never blurred); big titles BEHIND the head (person matte); name reveals with an arched title over a cut-out; stacked thumbnail walls; real news prints on grid paper; items stacked with glowing blue arcs; neon red X; glow flash + hand-drawn arrow on a real prop; phone mockup whose screen changes per clause; light flashes and whooshes; short caption chunks at chest height with key words big, in Advercase; low SFX and smooth motion. Use when the user says /video-colagem-oney", "estilo colagem", "vídeo com esquemas", "muito animado / muito ilustrado". Other looks - reel-oney (phone), reel-editorial-oney (serif), reel-explicativo-oney (news band), anuncios-oney (ads).
+---
+
+# Vídeo colagem
+
+**The one rule:** every sentence becomes an OBJECT doing something, entering on (or 0.1–0.5 s before) the
+word that names it. Something new happens every 1–2.5 s. When a real person, brand or place is named,
+its real image is on screen. Text is never decoration: captions carry the speech, titles carry concepts.
+
+First read `../_perfil-oney.md` and load (or create) `perfil.json`.
+
+## Technique catalogue (what the style looks like, second by second, in a reference 80 s reel)
+
+| What happens | Technique |
+|---|---|
+| small captions; a key phrase gets a blue glow underline | caption chunk + glow line |
+| cut to the named person with the NAME arched in 3D white letters behind the head, blue grid bg | name reveal |
+| presenter dimmed, photo cards of the person pop in the centre, tilted, glowing white edge; red curved arrows mark people in a group photo | takeover card |
+| a key concept built word by word in 3D caps at chest, blue glow | keyword title |
+| white → blue light flash | transition |
+| black bg, 3 stacked thumbnails sliding/focusing in (blur → sharp) | thumbnail wall |
+| brand logo glowing, centred | logo hit |
+| extreme zoom into the face | zoom transition |
+| white GRID PAPER, real videos/news in 3D-tilted frames swapping one after another | proof prints |
+| huge caps one word at a time over a card | word punch |
+| captions grow BIG on the key word, lower | big caption |
+| curved 3D video wall (3×3) on black, a name slides across | video wall |
+| thumbnails stacked vertically, each with a big view count, joined by GLOWING BLUE ARCS, camera scrolls, ends on a TOTAL | stacked items + arcs |
+| dark UI canvas: a product/lesson page mock with screens swapping inside | product mock |
+| CTA pill "Comente: PALAVRA pra receber o link na sua DM" (white box, keyword in a red tag) stays to the end | persistent CTA |
+
+**Captions:** 2–3 words per chunk (≤ 18 chars), **Advercase Bold** 58 px white with a THIN subtle outline
+(3 px rgba(0,0,0,.55) + soft shadow), no box, hard swap, at the chest and steady; the punch word of a sentence
+becomes a BIG chunk (96 px, red/blue glow or yellow) on its own. On white grid paper the captions switch to dark
+text (`--capc`). `scripts/build-index.mjs` makes them from `assets/emphasis.json`.
+
+**Sound:** music bed under the voice, whoosh on every scene change, hit on stamps/X, pop on chips, tick on list
+items — all LOW (sfx.json volumes 0.1–0.2). Generate SFX locally with ffmpeg (see Workflow) — no licence issues.
+
+## Vertical layout (Instagram safe box)
+
+Safe box **x 65–1015, y 270–1248** on 1080×1920 (Meta Reels guide: 14 % top, 35 % bottom, 6 % sides).
+Text and key images inside it; only backgrounds bleed. Measure the presenter per video with `head-top.mjs`.
+- **Top zone** y 280 → head top: chips, stickers, titles above/behind the head.
+- **Takeover zone** y 280–1080 centre: cards/scenes over the presenter. **No blur on the presenter**: keep them
+  sharp, only dimmed to brightness .72; lists/checklists sit on an opaque dark `.panel` (.94) so text never floats
+  over the face.
+- **Captions** at the chest, under the chin and above y 1248.
+
+## Toolkit (helpers in `template/index.vertical.example.html` — a full example from the course author)
+
+`punch(t, scale)` reframe · `blurIn/blurOut` takeover · `flash/leak` light transitions · `pop/rise/slideX`
+entrances · `tilt` 3D card in + slow swing · `swapCard` print → next print · `stamp` big red stamp + `shake` ·
+`draw` SVG stroke (arrows, X, arcs) · `out` exit with hard kill. Components: `.bh` title behind the head
+(inside `#stage` between `#cam` and `#fg`), name-reveal scene (`.navy` + arched SVG `textPath` + cut-out),
+`.card` / `.card.print`, `.stick` sticker (white outline), `.chip` (blue / red / yel / white), `.stamp`,
+`.fn` stacked items + arcs, `.panel` + `.row` checklist (✅/❌), `.phone` mockup with scrolling `.feed`
+and a live mini copy of `clean.mp4`, IG profile card (Seguir → Seguindo), product card + "LINK NA BIO".
+The example's images are not included: rebuild every scene with the user's own story and sources.
+
+## Rules for this style
+- Images of every person named, all the time; first seconds = faces/brands people know.
+- Insertions dense in explanatory lists (stacked items with photos).
+- Neutral on politics: no mocking/praising; real prints prove claims; no invented numbers.
+- When a real person is used only "illustratively", tag it `Imagem ilustrativa` and flag it in the hand-off.
+- Use only images with a clear source (Wikimedia Commons / Openverse via `find-photos.py`, real news prints,
+  the user's own files) and list them in `SOURCES.md`.
+- Cut every pause, stutter and repeated sentence (keep the LAST, corrected take). When the user RE-SAYS a sentence
+  to correct its meaning, keep only the corrected one — read the transcript for meaning, not only identical words.
+- Motion SMOOTH, not jumpy: soft flashes (≤ .45), gentle zooms (0.7 s inOut), small shake, back.out(1.3) pops.
+
+## Speed rules (students may have slow PCs)
+- The matte (titles behind the head) runs on the CPU: ~3 min per minute of video on a good PC, more on a slow
+  one. Tell the user before starting it, and run it only once per final cut.
+- Do not render full drafts just to look: `npx hyperframes snapshot --at t1,t2,… -o snapshots`. Render once.
+- Before each slow step, tell the user in one short Portuguese line what is running.
+
+## Workflow (run from the kit root)
+
+`S=.claude/skills/video-colagem-oney/scripts` · `X=.claude/skills/reel-explicativo-oney/scripts` ·
+`E=.claude/skills/reel-editorial-oney/scripts` · `PY=~/.venvs/whisper/Scripts/python.exe` (Mac: `~/.venvs/whisper/bin/python`)
+
+1. **Scaffold + transcribe** (vertical): `node $X/new-reel.mjs "<video>" <slug>`. Horizontal: same but the
+   scaffold's crop is 9:16 — make a 1920×1080 raw.mp4 and set width/height 1920×1080 in the build.
+2. **Cut**: `assets/keeps.json` → in `assets/`: `$PY ../../../$X/tight-cut.py cut.mp4` (sound-based; a keep
+   with `"raw": true` is kept verbatim for soft onsets like a whispered "Se"). Optional 1.05x speed-up →
+   `clean.mp4` (see reel-explicativo-oney), else rename cut.mp4 to clean.mp4. Re-transcribe
+   (`$PY ../../../$E/transcribe-local-whisper.py clean.mp4 transcript.json`) AND check every splice in ONE call
+   (`… clean.mp4 --windows t1,t2,…`): stutters only show up there.
+3. **Matte** (titles behind the head): in `assets/`: `$PY ../../../$S/matte-person.py clean.mp4 fg.webm`
+   (downloads the matting model on first use) → `node ../../../$S/head-top.mjs fg-matte.mp4`.
+4. **Assets** → `assets/photos/` + `SOURCES.md`:
+   people/places: `$PY $S/find-photos.py <dir> "commons|tag|termo|6"`; generic: `"openverse|tag|termo|6"`;
+   contact sheet, LOOK, pick. Cut people out: `$PY $S/cutout.py in.jpg out-cut.png`.
+   News proof: `node $S/print-news.mjs "<url>" assets/photos "palavra 1" "palavra 2"`. SFX:
+   `ffmpeg -f lavfi -i "anoisesrc=color=pink:d=0.55" -af "highpass=f=300,lowpass=f=5500,afade=t=in:d=0.28,afade=t=out:st=0.3:d=0.25" whoosh.wav`
+   (+ hit = 52 Hz sine decay, pop = 1.25 kHz 90 ms, tick = 50 ms white noise) into `assets/sfx/`.
+5. **Beat plan**: map every sentence to one technique above with its entry word; check rhythm (no 2.5 s
+   without a change), people named = people shown, safe box. Show the plan to the user before composing.
+6. **Compose** `src/index.template.html` from `template/index.vertical.example.html` (keep CSS + helpers,
+   rewrite scenes + TIMING). `assets/emphasis.json`, `assets/caption-fixes.json`, `assets/sfx.json`.
+6b. **Re-cut after composing**: keep `transcript-v1.json`, re-cut, re-transcribe, then
+   `$PY $S/remap-times.py assets/transcript-v1.json assets/transcript.json` (moves clips, TIMING, sfx, emphasis).
+   **Then re-run the matte**: a stale fg.webm is a ghost copy of the presenter out of sync on top of the video.
+   `build-index.mjs` refuses to build if fg.webm and clean.mp4 durations differ.
+7. **Build + check**: `node $S/build-index.mjs` → `npx hyperframes lint` (0 errors) → snapshots at every beat
+   (`npx hyperframes snapshot --at …`) → fix → render `renders/<slug>-final.mp4` → frames with the safe box
+   (`node $S/beat-sheet.mjs <mp4> <prefix> t1 t2 …`).
+8. **Hand-off** (Portuguese, short): path, cuts made, sources, illustrative uses, open points. Never publish.
diff --git a/.claude/skills/video-colagem-oney/scripts/beat-sheet.mjs b/.claude/skills/video-colagem-oney/scripts/beat-sheet.mjs
new file mode 100644
index 00000000..124cabb6
--- /dev/null
+++ b/.claude/skills/video-colagem-oney/scripts/beat-sheet.mjs
@@ -0,0 +1,17 @@
+// Pull one frame per beat from a render, with the Instagram safe box drawn, into contact sheets to LOOK at.
+// Usage (project root):  node <skill>/scripts/beat-sheet.mjs renders/draft.mp4 out-prefix 0.4 1.8 3.2 …
+// Writes <out-prefix>-1.jpg, -2.jpg … (8 frames per sheet, 270 px wide each, time stamped).
+import { execFileSync } from "node:child_process";
+const [src, prefix, ...times] = process.argv.slice(2);
+const per = 8;
+for (let s = 0; s * per < times.length; s++) {
+  const ts = times.slice(s * per, s * per + per);
+  const args = ["-v", "error", "-y"];
+  ts.forEach((t) => args.push("-ss", t, "-i", src));
+  const f = ts.map((t, i) => `[${i}]scale=270:480,drawbox=x=${65 / 4}:y=${270 / 4}:w=${950 / 4}:h=${978 / 4}:color=red@0.8:t=1,` +
+    `drawtext=fontfile='C\\:/Windows/Fonts/arial.ttf':text='${t}':x=4:y=4:fontsize=18:fontcolor=yellow:box=1:boxcolor=black[v${i}]`).join(";");
+  const stack = ts.map((_, i) => `[v${i}]`).join("") + `hstack=inputs=${ts.length}`;
+  args.push("-filter_complex", `${f};${ts.length > 1 ? stack : "[v0]copy"}`, "-frames:v", "1", `${prefix}-${s + 1}.jpg`);
+  execFileSync("ffmpeg", args, { stdio: "inherit" });
+  console.log(`${prefix}-${s + 1}.jpg`, ts.join(" "));
+}
diff --git a/.claude/skills/video-colagem-oney/scripts/build-index.mjs b/.claude/skills/video-colagem-oney/scripts/build-index.mjs
new file mode 100644
index 00000000..87925369
--- /dev/null
+++ b/.claude/skills/video-colagem-oney/scripts/build-index.mjs
@@ -0,0 +1,108 @@
+// Build <project>/index.html from src/index.template.html (video-colagem-oney look).
+// Run in the project root:  node <skill>/scripts/build-index.mjs
+// - __CAPTIONS__ : Saab-style captions from assets/transcript.json — SHORT chunks (≤ 3 words / 18 chars),
+//     hard swap, under the chin. Breaks on punctuation and pauses > 0.25 s.
+//     assets/emphasis.json  [{"words": "piores erros", "color": "red"}]  → that exact word run becomes its own BIG chunk
+//       (colors: red | blue | yel | white). Match is case/accents-insensitive on the spoken words.
+//     assets/caption-fixes.json  {"Bande": "Band"} or [{"at": 36.0, "text": ""}] (time-pinned, "" drops the word)
+// - __SFX__ : <audio> clips from assets/sfx.json  [{"t": 2.43, "f": "whoosh", "v": 0.5}]  (files in assets/sfx/<f>.wav);
+//     tracks are assigned so clips on one track never overlap.
+// - every emoji in the template → <img class="emo"> with Apple's artwork (shared cache in reel-oney/emoji-cache).
+// - __DUR__ : clean.mp4 duration (transcript audio_duration_secs).
+import { readFileSync, writeFileSync, existsSync, mkdirSync, copyFileSync } from "node:fs";
+import { execFileSync } from "node:child_process";
+import { join, dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const skill = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+const read = (p, d) => (existsSync(p) ? JSON.parse(readFileSync(p, "utf8").replace(/^/, "")) : d);
+const t = read("assets/transcript.json");
+const dur = t.audio_duration_secs;
+
+// Guard: every derived media must come from THIS clean.mp4 (a stale fg.webm after a re-cut = a ghost layer on top).
+const probe = (f) => Number(execFileSync("ffprobe", ["-v", "error", "-show_entries", "format=duration", "-of", "csv=p=0", f]).toString());
+for (const f of ["assets/fg.webm"]) if (existsSync(f) && existsSync("assets/clean.mp4")) {
+  const a = probe(f), b = probe("assets/clean.mp4");
+  if (Math.abs(a - b) > 0.1) { console.error(`STOP: ${f} (${a.toFixed(2)}s) does not match clean.mp4 (${b.toFixed(2)}s). Re-run matte-person.py after a re-cut.`); process.exit(1); }
+}
+const fixes = read("assets/caption-fixes.json", {});
+const emph = read("assets/emphasis.json", []);
+const sfx = read("assets/sfx.json", []);
+const esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;");
+const norm = (s) => s.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^a-z0-9]/g, "");
+
+// ---- words + fixes
+let words = t.words.map((w) => ({ ...w }));
+if (Array.isArray(fixes)) for (const f of fixes) { const w = words.find((x) => Math.abs(x.start - f.at) < 0.08); if (w) w.text = f.text; }
+else words.forEach((w) => { if (w.text in fixes) w.text = fixes[w.text]; });
+words = words.filter((w) => w.text);
+
+// ---- mark emphasis runs
+const marks = new Array(words.length).fill(null);
+for (const e of emph) {
+  const seq = e.words.split(/\s+/).map(norm);
+  for (let i = 0; i + seq.length <= words.length; i++) {
+    if (seq.every((s, k) => norm(words[i + k].text) === s) && (e.at == null || Math.abs(words[i].start - e.at) < 1)) {
+      for (let k = 0; k < seq.length; k++) marks[i + k] = { id: e.words + i, color: e.color || "white" };
+      if (e.at != null) break;
+    }
+  }
+}
+
+// ---- chunk
+const chunks = [];
+let cur = null;
+const flush = () => { if (cur) chunks.push(cur); cur = null; };
+for (let i = 0; i < words.length; i++) {
+  const w = words[i], m = marks[i];
+  if (m) {
+    if (!cur || cur.mark?.id !== m.id) { flush(); cur = { text: w.text, start: w.start, end: w.end, mark: m }; }
+    else { cur.text += " " + w.text; cur.end = w.end; }
+    if (!marks[i + 1] || marks[i + 1].id !== m.id) flush();
+    continue;
+  }
+  if (cur && (cur.mark || w.start - cur.end > 0.25 || cur.n >= 3 || (cur.text + " " + w.text).length > 18)) flush();
+  if (!cur) cur = { text: w.text, start: w.start, end: w.end, n: 1 };
+  else { cur.text += " " + w.text; cur.end = w.end; cur.n++; }
+  if (/[.!?,;:]$/.test(w.text)) flush();
+}
+flush();
+const caps = chunks.map((c, i) => {
+  const next = chunks[i + 1] ? chunks[i + 1].start : dur;
+  const d = Math.min(next, c.end + 0.45) - c.start;
+  if (d <= 0.04) return "";
+  const cls = ["c", "clip"]; if (c.mark) cls.push("big", c.mark.color);
+  const txt = c.text.replace(/[,;:]$/, "").replace(/\.$/, "");
+  return `<div class="${cls.join(" ")}" id="c${i}" data-start="${c.start.toFixed(3)}" data-duration="${d.toFixed(3)}" data-track-index="60">${esc(c.mark ? txt.toUpperCase() : txt)}</div>`;
+}).join("\n");
+
+// ---- SFX tracks
+const ends = [];
+const sfxHtml = sfx.map((s, i) => {
+  const f = `assets/sfx/${s.f}.wav`;
+  const len = Number(execFileSync("ffprobe", ["-v", "error", "-show_entries", "format=duration", "-of", "csv=p=0", f]).toString());
+  let tr = ends.findIndex((e) => e <= s.t); if (tr < 0) { tr = ends.length; ends.push(0); } ends[tr] = s.t + len + 0.02;
+  return `  <audio id="sfx${i}" src="${f}" data-start="${s.t.toFixed(3)}" data-duration="${len.toFixed(3)}" data-track-index="${70 + tr}" data-volume="${s.v ?? 0.5}"></audio>`;
+}).join("\n");
+
+// ---- build + Apple emoji
+let html = readFileSync("src/index.template.html", "utf8")
+  .replaceAll("__DUR__", dur.toFixed(3)).replace("__CAPTIONS__", caps).replace("__SFX__", sfxHtml);
+const cache = join(skill, "..", "reel-oney", "emoji-cache");
+mkdirSync("assets/emoji", { recursive: true });
+const re = /(\p{Extended_Pictographic}(️|‍\p{Extended_Pictographic}|\p{Emoji_Modifier})*️?|[\u{1F1E6}-\u{1F1FF}]{2})/gu;
+const [head, body] = [html.slice(0, html.indexOf("<body>")), html.slice(html.indexOf("<body>"))];
+const scriptAt = body.indexOf("<script>");
+const swap = (s) => s.replace(re, (m) => {
+  const code = [...m].map((c) => c.codePointAt(0).toString(16)).filter((c) => c !== "fe0f").join("-");
+  const file = join(cache, `${code}.png`);
+  if (!existsSync(file)) execFileSync("curl", ["-sfL", "-o", file, `https://emojicdn.elk.sh/${encodeURIComponent(m)}?style=apple`]);
+  copyFileSync(file, `assets/emoji/${code}.png`);
+  return `<img class="emo" src="assets/emoji/${code}.png" alt="">`;
+});
+html = head + swap(body.slice(0, scriptAt)) + body.slice(scriptAt);
+writeFileSync("index.html", html);
+const meta = read("meta.json", {});
+Object.assign(meta, { id: "reel", width: 1080, height: 1920, fps: 30 });
+writeFileSync("meta.json", JSON.stringify(meta, null, 2));
+console.log(`index.html built — ${dur.toFixed(2)}s, ${chunks.length} caption chunks (${chunks.filter((c) => c.mark).length} big), ${sfx.length} sfx on ${ends.length} tracks`);
diff --git a/.claude/skills/video-colagem-oney/scripts/cutout.py b/.claude/skills/video-colagem-oney/scripts/cutout.py
new file mode 100644
index 00000000..2e3d5ace
--- /dev/null
+++ b/.claude/skills/video-colagem-oney/scripts/cutout.py
@@ -0,0 +1,20 @@
+# cut people out of still photos with RVM (same model as matte-person.py). usage: python cutout.py in.jpg out.png
+import sys, subprocess, json, numpy as np, onnxruntime as ort
+src, out = sys.argv[1], sys.argv[2]
+i = json.loads(subprocess.check_output(["ffprobe","-v","error","-select_streams","v:0","-show_entries","stream=width,height","-of","json",src]))["streams"][0]
+W, H = i["width"], i["height"]
+rgb = np.frombuffer(subprocess.check_output(["ffmpeg","-v","error","-i",src,"-f","rawvideo","-pix_fmt","rgb24","-"]), np.uint8).reshape(H, W, 3)
+import os, urllib.request
+MODEL = os.path.join(os.path.expanduser("~"), ".models", "rvm_mobilenetv3_fp32.onnx")
+if not os.path.exists(MODEL):  # first use: download Robust Video Matting (~15 MB)
+    os.makedirs(os.path.dirname(MODEL), exist_ok=True)
+    print("baixando o modelo de recorte (só na primeira vez)...", flush=True)
+    urllib.request.urlretrieve("https://github.com/PeterL1n/RobustVideoMatting/releases/download/v1.0.0/rvm_mobilenetv3_fp32.onnx", MODEL)
+s = ort.InferenceSession(MODEL, providers=["CPUExecutionProvider"])
+rec = [np.zeros([1,1,1,1], np.float32)]*4; x = (rgb.astype(np.float32)/255).transpose(2,0,1)[None]
+ds = np.array([min(1.0, 512/max(W,H))], np.float32)
+for _ in range(4):  # let the recurrent state settle on the still
+    fgr, pha, *rec = s.run(None, {"src": x, "r1i": rec[0], "r2i": rec[1], "r3i": rec[2], "r4i": rec[3], "downsample_ratio": ds})
+a = (np.clip(pha[0,0],0,1)*255).astype(np.uint8)
+p = subprocess.Popen(["ffmpeg","-v","error","-y","-f","rawvideo","-pix_fmt","rgba","-s",f"{W}x{H}","-i","-",out], stdin=subprocess.PIPE)
+p.stdin.write(np.dstack([rgb,a]).tobytes()); p.stdin.close(); p.wait(); print("ok", out)
diff --git a/.claude/skills/video-colagem-oney/scripts/find-photos.py b/.claude/skills/video-colagem-oney/scripts/find-photos.py
new file mode 100644
index 00000000..a054ca63
--- /dev/null
+++ b/.claude/skills/video-colagem-oney/scripts/find-photos.py
@@ -0,0 +1,28 @@
+# Download licensed candidate photos (Wikimedia Commons for real people/places, Openverse for generic stock).
+# Usage:  python find-photos.py <out-dir> "commons|lula|Foto oficial Luiz Inácio Lula da Silva|6" "openverse|cadeira|empty chair spotlight|6"
+# Saves <out-dir>/<tag>_<i>.jpg and appends tag, title, licence, author, page to <out-dir>/sources.tsv.
+# Then make a contact sheet and LOOK before choosing (titles lie; check who is in the photo).
+import sys, json, re, os, urllib.request, urllib.parse
+H = {"User-Agent": "EditeReelsKit/1.0 (video editing for personal social media)"}
+get = lambda u: urllib.request.urlopen(urllib.request.Request(u, headers=H), timeout=60).read()
+out = sys.argv[1]; os.makedirs(out, exist_ok=True)
+log = open(os.path.join(out, "sources.tsv"), "a", encoding="utf-8")
+for arg in sys.argv[2:]:
+    src, tag, term, n = arg.split("|"); n = int(n); k = 0
+    if src == "commons":
+        p = {"action": "query", "format": "json", "generator": "search", "gsrsearch": f"filetype:bitmap|drawing {term}", "gsrnamespace": 6,
+             "gsrlimit": n, "prop": "imageinfo", "iiprop": "url|extmetadata", "iiurlwidth": 1280}
+        r = json.loads(get("https://commons.wikimedia.org/w/api.php?" + urllib.parse.urlencode(p)))
+        for i, pg in enumerate(sorted((r.get("query", {}).get("pages", {}) or {}).values(), key=lambda x: x.get("index", 0))):
+            ii = pg["imageinfo"][0]; m = ii.get("extmetadata", {})
+            lic = m.get("LicenseShortName", {}).get("value", ""); art = re.sub("<[^>]+>", "", m.get("Artist", {}).get("value", "")).strip()[:60]
+            try: open(f"{out}/{tag}_{i}.jpg", "wb").write(get(ii.get("thumburl") or ii["url"])); k += 1
+            except Exception: continue
+            log.write(f"{tag}_{i}\t{pg['title']}\t{lic}\t{art}\t{ii['descriptionurl']}\n")
+    else:
+        u = "https://api.openverse.org/v1/images/?" + urllib.parse.urlencode({"q": term, "license_type": "commercial", "page_size": n, "mature": "false"})
+        for i, it in enumerate(json.loads(get(u)).get("results", [])):
+            try: open(f"{out}/{tag}_{i}.jpg", "wb").write(get(it.get("thumbnail") or it["url"])); k += 1
+            except Exception: continue
+            log.write(f"{tag}_{i}\t{it.get('title','')}\t{it.get('license','')} {it.get('license_version','')}\t{it.get('creator','')}\t{it.get('foreign_landing_url','')}\n")
+    print(tag, k)
diff --git a/.claude/skills/video-colagem-oney/scripts/head-top.mjs b/.claude/skills/video-colagem-oney/scripts/head-top.mjs
new file mode 100644
index 00000000..4e7c2d00
--- /dev/null
+++ b/.claude/skills/video-colagem-oney/scripts/head-top.mjs
@@ -0,0 +1,35 @@
+// Measure where the presenter's head is across the edit, from the matte made by matte-person.py.
+// Run inside <project>/assets:  node <skill>/scripts/head-top.mjs [fg-matte.mp4]
+// Prints head top (first row of the person in the centre band) per second, plus min/median/max,
+// and the resulting layout: text zone y 270 → captionTop − 10, caption band top.
+import { spawnSync } from "node:child_process";
+
+const src = process.argv[2] || "fg-matte.mp4";
+const W = 270, H = 480, S = 1920 / H; // sample at quarter size, 2 fps
+const r = spawnSync("ffmpeg", ["-v", "error", "-i", src, "-vf", `fps=2,scale=${W}:${H}`, "-f", "rawvideo", "-pix_fmt", "gray", "-"],
+  { maxBuffer: 1 << 30 });
+const buf = r.stdout, n = Math.floor(buf.length / (W * H));
+const tops = [];
+const CHIN = 870; // chin ≈ head top + 870 px when the face fills a selfie frame (check on frames per video)
+for (let f = 0; f < n; f++) {
+  const o = f * W * H;
+  let top = H;
+  // centre band x 25%–75%: the head; ignore hands at the frame edges
+  for (let y = 0; y < H && top === H; y++) {
+    let c = 0;
+    for (let x = W * 0.25; x < W * 0.75; x++) if (buf[o + y * W + (x | 0)] > 128) c++;
+    if (c >= 6) top = y; // ≥ 6 px wide = hair, not a stray finger tip
+  }
+  tops.push(Math.round(top * S));
+}
+const sorted = [...tops].sort((a, b) => a - b);
+const q = (p) => sorted[Math.min(sorted.length - 1, Math.floor(p * sorted.length))];
+let line = "";
+tops.forEach((t, i) => { if (i % 2 === 0) line += `${(i / 2).toString().padStart(3)}s:${t} `; });
+console.log("head top / neck (y px, per second):\n" + line.trim());
+const low = q(0.05); // head this high (or higher) only 5% of the time
+console.log(`head top  min ${sorted[0]}  p5 ${low}  median ${q(0.5)}  max ${sorted.at(-1)}  (${n} samples)`);
+const capTop = Math.max(270, low - 95);
+console.log(`suggested: #cap top ${capTop}px (80px band)  ·  beat zone y 270 → ${capTop - 10}  (${capTop - 280}px tall)`);
+if (low - 95 < 380) console.log("head sits HIGH: little room above it — use shorter beats or put captions on the chest if the chin is above y 1170");
+console.log(`caption UNDER THE CHIN: #cap top ≈ stretch median head top + ${CHIN} (chin) — check one frame per stretch; keep ≤ 1640 (Instagram UI below)`);
diff --git a/.claude/skills/video-colagem-oney/scripts/matte-person.py b/.claude/skills/video-colagem-oney/scripts/matte-person.py
new file mode 100644
index 00000000..741fb9f9
--- /dev/null
+++ b/.claude/skills/video-colagem-oney/scripts/matte-person.py
@@ -0,0 +1,53 @@
+# Cut the presenter out of the edited video so graphics can sit BEHIND them (efeito "atrás de mim").
+# Run inside <project>/assets:
+#   ~/.venvs/whisper/Scripts/python (Mac: ~/.venvs/whisper/bin/python) <skill>/scripts/matte-person.py clean.mp4 fg.webm
+# Model: Robust Video Matting (temporal, no flicker) — ~/.models/rvm_mobilenetv3_fp32.onnx, downloaded on first use
+#   (https://github.com/PeterL1n/RobustVideoMatting/releases/download/v1.0.0/rvm_mobilenetv3_fp32.onnx)
+# Output: <out>.webm — VP8 with alpha (person opaque, everything else transparent), same frames/fps as input,
+#         plus <out>-matte.mp4 (grayscale matte) to eyeball the edges.
+import json, subprocess, sys, time
+import numpy as np
+import onnxruntime as ort
+
+src, out = sys.argv[1], sys.argv[2]
+import os, urllib.request
+MODEL = os.path.join(os.path.expanduser("~"), ".models", "rvm_mobilenetv3_fp32.onnx")
+if not os.path.exists(MODEL):  # first use: download Robust Video Matting (~15 MB)
+    os.makedirs(os.path.dirname(MODEL), exist_ok=True)
+    print("baixando o modelo de recorte (só na primeira vez)...", flush=True)
+    urllib.request.urlretrieve("https://github.com/PeterL1n/RobustVideoMatting/releases/download/v1.0.0/rvm_mobilenetv3_fp32.onnx", MODEL)
+DOWN = float(sys.argv[3]) if len(sys.argv) > 3 else 0.25  # 0.25 for 1080x1920 portrait
+
+info = json.loads(subprocess.check_output(["ffprobe", "-v", "error", "-select_streams", "v:0", "-show_entries",
+    "stream=width,height,r_frame_rate", "-of", "json", src]))["streams"][0]
+W, H, fps = info["width"], info["height"], info["r_frame_rate"]
+
+sess = ort.InferenceSession(MODEL, providers=["CPUExecutionProvider"])
+rec = [np.zeros([1, 1, 1, 1], np.float32)] * 4
+ds = np.array([DOWN], np.float32)
+
+dec = subprocess.Popen(["ffmpeg", "-v", "error", "-i", src, "-f", "rawvideo", "-pix_fmt", "rgb24", "-"], stdout=subprocess.PIPE)
+enc = subprocess.Popen(["ffmpeg", "-v", "error", "-y", "-f", "rawvideo", "-pix_fmt", "rgba", "-s", f"{W}x{H}", "-r", fps, "-i", "-",
+    "-c:v", "libvpx", "-pix_fmt", "yuva420p", "-auto-alt-ref", "0", "-b:v", "6M", "-crf", "12", "-deadline", "good", "-cpu-used", "4",
+    "-metadata:s:v:0", "alpha_mode=1", out], stdin=subprocess.PIPE)
+mat = subprocess.Popen(["ffmpeg", "-v", "error", "-y", "-f", "rawvideo", "-pix_fmt", "gray", "-s", f"{W}x{H}", "-r", fps, "-i", "-",
+    "-c:v", "libx264", "-crf", "20", "-pix_fmt", "yuv420p", out.rsplit(".", 1)[0] + "-matte.mp4"], stdin=subprocess.PIPE)
+
+n, t0 = 0, time.time()
+while True:
+    buf = dec.stdout.read(W * H * 3)
+    if len(buf) < W * H * 3:
+        break
+    rgb = np.frombuffer(buf, np.uint8).reshape(H, W, 3)
+    x = (rgb.astype(np.float32) / 255.0).transpose(2, 0, 1)[None]
+    fgr, pha, *rec = sess.run(None, {"src": x, "r1i": rec[0], "r2i": rec[1], "r3i": rec[2], "r4i": rec[3], "downsample_ratio": ds})
+    a = (np.clip(pha[0, 0], 0, 1) * 255).astype(np.uint8)
+    enc.stdin.write(np.dstack([rgb, a]).tobytes())  # original pixels, matte as alpha (no colour spill change)
+    mat.stdin.write(a.tobytes())
+    n += 1
+    if n % 150 == 0:
+        print(f"{n} frames  {n / (time.time() - t0):.1f} fps", flush=True)
+
+for p in (enc, mat):
+    p.stdin.close(); p.wait()
+print(f"DONE {n} frames -> {out}")
diff --git a/.claude/skills/video-colagem-oney/scripts/print-news.mjs b/.claude/skills/video-colagem-oney/scripts/print-news.mjs
new file mode 100644
index 00000000..acab7ea2
--- /dev/null
+++ b/.claude/skills/video-colagem-oney/scripts/print-news.mjs
@@ -0,0 +1,30 @@
+// Real screenshots of a news article for "prova" cards: the headline block and any paragraphs by keyword.
+// Run from ANY dir:  node <skill>/scripts/print-news.mjs "<url>" <out-dir> "palavra 1" "palavra 2" …
+// Output: <out-dir>/print-headline.png + print-<slug(palavra)>.png (mobile width, 2.5x, fixed/sticky site bars hidden).
+// Uses the kit's playwright with the system Edge or Chrome (no browser download needed).
+import { createRequire } from "node:module";
+import { resolve, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+const kit = resolve(dirname(fileURLToPath(import.meta.url)), "../../../..");
+const { chromium } = createRequire(resolve(kit, "package.json"))("playwright");
+const [url, out, ...keys] = process.argv.slice(2);
+const slug = (s) => s.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-");
+let b;
+for (const channel of ["msedge", "chrome", undefined]) { try { b = await chromium.launch({ headless: true, ...(channel ? { channel } : {}) }); break; } catch {} }
+if (!b) { console.error("Nenhum navegador encontrado (instale o Google Chrome ou o Edge)."); process.exit(1); }
+const p = await b.newPage({ viewport: { width: 430, height: 932 }, deviceScaleFactor: 2.5 });
+await p.goto(url, { waitUntil: "domcontentloaded", timeout: 60000 });
+await p.waitForTimeout(4000);
+const clean = () => p.evaluate(() => { for (const e of document.querySelectorAll("body *")) { const s = getComputedStyle(e);
+  if ((s.position === "fixed" || s.position === "sticky") && !e.querySelector("h1,p")) e.style.display = "none"; } });
+const shot = async (find, arg, file, padTop, extra) => {
+  await clean();
+  const el = (await p.evaluateHandle(find, arg)).asElement(); if (!el) { console.log("not found:", file); return; }
+  await el.scrollIntoViewIfNeeded(); await p.waitForTimeout(400); await clean();
+  const bx = await el.boundingBox();
+  await p.screenshot({ path: `${out}/${file}`, clip: { x: 0, y: Math.max(0, bx.y - padTop), width: 430, height: bx.height + padTop + extra } });
+  console.log("saved", file);
+};
+await shot(() => document.querySelector("h1"), null, "print-headline.png", 60, 150);
+for (const k of keys) await shot((k) => [...document.querySelectorAll("p")].find((s) => s.innerText.includes(k)), k, `print-${slug(k)}.png`, 16, 16);
+await b.close();
diff --git a/.claude/skills/video-colagem-oney/scripts/remap-times.py b/.claude/skills/video-colagem-oney/scripts/remap-times.py
new file mode 100644
index 00000000..63c3b82a
--- /dev/null
+++ b/.claude/skills/video-colagem-oney/scripts/remap-times.py
@@ -0,0 +1,56 @@
+# After a RE-CUT, move every beat time of an existing composition to the new clean.mp4 timeline.
+# Matches the words of the old and new transcripts (difflib) and maps each time through the nearest
+# matched words (piecewise linear). Times that fall inside removed speech snap to the next kept word.
+# Run in the project root:
+#   python <skill>/scripts/remap-times.py assets/transcript-v1.json assets/transcript.json
+# Rewrites (keeping a .bak): src/index.template.html  (data-start/data-duration of hand-made clips, and the
+# time arguments in the TIMING script: helpers pop/rise/slideX/stamp/tilt/draw/out/swapCard/punch/blurIn/
+# blurOut/flash/leak and the last argument of tl.from/to/set/fromTo), assets/sfx.json (t),
+# assets/emphasis.json (at), assets/caption-fixes.json (at). Prints every beat whose anchor word was removed.
+import difflib, json, re, shutil, sys, unicodedata
+
+old = json.load(open(sys.argv[1], encoding="utf-8"))["words"]
+new = json.load(open(sys.argv[2], encoding="utf-8"))["words"]
+norm = lambda s: re.sub(r"[^a-z0-9]", "", unicodedata.normalize("NFD", s.lower()).encode("ascii", "ignore").decode())
+sm = difflib.SequenceMatcher(None, [norm(w["text"]) for w in old], [norm(w["text"]) for w in new], autojunk=False)
+pairs = [(0.0, 0.0)]
+for a, b, n in sm.get_matching_blocks():
+    for k in range(n): pairs.append((old[a + k]["start"], new[b + k]["start"]))
+pairs.sort()
+removed = []  # old-time spans with no kept words
+for tag, i1, i2, j1, j2 in sm.get_opcodes():
+    if tag in ("delete", "replace") and j1 == j2 and i2 > i1: removed.append((old[i1]["start"] - 0.15, old[i2 - 1]["end"] + 0.15))
+warn = []
+
+def m(t):
+    for a, b in removed:
+        if a <= t <= b: warn.append(t)
+    lo = max((p for p in pairs if p[0] <= t), default=pairs[0]); hi = min((p for p in pairs if p[0] >= t), default=None)
+    if hi is None: return round(lo[1] + (t - lo[0]), 3)
+    if hi[0] == lo[0]: return round(lo[1], 3)
+    span_o, span_n = hi[0] - lo[0], hi[1] - lo[1]
+    # inside a cut gap the new span is shorter: compress linearly (beats keep their order, land between the same words)
+    return round(lo[1] + (t - lo[0]) * (span_n / span_o if span_o > 0 else 0), 3)
+
+fmt = lambda x: f"{x:g}"
+p = "src/index.template.html"; shutil.copy(p, p + ".bak"); s = open(p, encoding="utf-8").read()
+head, script = s.split("<script>\nconst tl", 1)
+def clip(mo):
+    st, du = float(mo.group(2)), float(mo.group(4)); ns = m(st); ne = m(st + du)
+    return f'{mo.group(1)}{fmt(ns)}{mo.group(3)}{fmt(max(0.05, round(ne - ns, 3)))}"'
+head = re.sub(r'(data-start=")([\d.]+)("\s+data-duration=")([\d.]+)"', clip, head)
+num = r"(\d+(?:\.\d+)?)"
+script = re.sub(r"\b(pop|rise|slideX|stamp|tilt|draw|out)\((\"[^\"]*\"), " + num, lambda mo: f'{mo.group(1)}({mo.group(2)}, {fmt(m(float(mo.group(3))))}', script)
+script = re.sub(r"\bswapCard\((\"[^\"]*\"), (\"[^\"]*\"), " + num, lambda mo: f'swapCard({mo.group(1)}, {mo.group(2)}, {fmt(m(float(mo.group(3))))}', script)
+script = re.sub(r"\b(punch|blurIn|blurOut|flash|leak)\(" + num, lambda mo: f'{mo.group(1)}({fmt(m(float(mo.group(2))))}', script)
+script = re.sub(r"\}, " + num + r"\)", lambda mo: "}, " + fmt(m(float(mo.group(1)))) + ")", script)
+open(p, "w", encoding="utf-8").write(head + "<script>\nconst tl" + script)
+for f, key in (("assets/sfx.json", "t"), ("assets/emphasis.json", "at"), ("assets/caption-fixes.json", "at")):
+    try: d = json.load(open(f, encoding="utf-8"))
+    except FileNotFoundError: continue
+    if isinstance(d, list):
+        for x in d:
+            if isinstance(x, dict) and key in x: x[key] = m(x[key])
+        json.dump(d, open(f, "w", encoding="utf-8"), ensure_ascii=False, indent=0)
+print("removed old spans:", [(round(a, 2), round(b, 2)) for a, b in removed])
+print("times that were inside removed speech (check these beats):", sorted(set(round(x, 2) for x in warn)))
diff --git a/.claude/skills/video-colagem-oney/template/DESIGN.md b/.claude/skills/video-colagem-oney/template/DESIGN.md
new file mode 100644
index 00000000..9f2ee4f7
--- /dev/null
+++ b/.claude/skills/video-colagem-oney/template/DESIGN.md
@@ -0,0 +1,37 @@
+# Design — collage video, Oney style (video-colagem-oney)
+
+## Style Prompt
+Horizontal explainer with two worlds. A: the presenter in a dark, cinematic room with practical lights,
+and objects that appear in his space (annotation with leader line, 3D object, prop with glow and
+hand-drawn arrow, a screen whose content changes). B: the explanation acted out by B&W paper cut-outs
+on an off-white vignetted page, one crimson accent, handwritten tape labels, a condensed crimson title
+stamp at the payoff. Every sentence is an object doing something. No running captions.
+
+## Canvas
+1920 × 1080, 30 fps. Safe margin 96 px. Mode A annotations top-left (x 96–700, y 120–300).
+
+## Colors
+- `#ffffff` — annotation text, leader lines, hand-drawn arrows (mode A)
+- `#5b7cff` — mode A keyword accent (one word per annotation)
+- `#ff2a2a` + glow — neon X / strike
+- `#8dff6a` — prop glow flash (one frame burst)
+- `#e9e7e3` — mode B paper; vignette to `#5a5550` at corners
+- `#9e1b2c` — mode B accent: clock sector, eye bar, tape, title, duotone
+- `#1a1a1a` — sticker offset shadow
+
+## Typography
+- Annotation: Inter Regular 56 px with Inter Bold keywords, 2 lines max, tight leading.
+- Tape label: handwritten marker caps 40 px, white on crimson tape, rotated −3°.
+- Title stamp: condensed heavy caps (Anton / Bebas Neue), crimson, 150–190 px, 2 lines, ▶ beside it.
+
+## Motion
+- Mode A: word-by-word reveal; object pop with overshoot (back.out); pull-out 0.5 s power3.inOut into
+  the screen rect; neon X two strokes in 0.4 s; glow 0.25 s; arrow draw 0.3 s.
+- Mode B: rise from bottom edge, tear (two halves rotate apart ±8°), falling bills, whip pan between
+  scenes, slow push while held. White flash 2–3 frames on A→B.
+
+## What NOT to Do
+- No running captions, no emojis, no Advercase, no yellow highlight words.
+- No flat vector icons or infographic boxes in mode B — photos cut out as stickers.
+- Never cover the face in mode A. Never hold a collage still more than ~2 s.
+- Max one accent color per mode.
diff --git a/.claude/skills/video-colagem-oney/template/index.vertical.example.html b/.claude/skills/video-colagem-oney/template/index.vertical.example.html
new file mode 100644
index 00000000..de19fd0b
--- /dev/null
+++ b/.claude/skills/video-colagem-oney/template/index.vertical.example.html
@@ -0,0 +1,471 @@
+<!doctype html>
+<html lang="pt-BR"><head><meta charset="utf-8"><title>Lula marqueteiro</title>
+<script src="assets/gsap.min.js"></script>
+<style>
+/* ===== video-colagem-oney (vertical) — reference: Gabriel Saab / FAW. Read the skill before changing the system. ===== */
+@font-face{font-family:"Advercase";src:url("assets/fonts/Advercase-Bold.woff2") format("woff2");font-weight:700}
+@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Medium.ttf") format("truetype");font-weight:500}
+@font-face{font-family:"Inter";src:url("assets/fonts/Inter-SemiBold.ttf") format("truetype");font-weight:600}
+:root{--navy:#070b16;--blue:#2f7bff;--glow:#6aa8ff;--red:#ff2d3a;--yel:#ffd21f;--paper:#f3f3f1}
+*{box-sizing:border-box}
+html,body{margin:0;width:1080px;height:1920px;overflow:hidden;background:#000}
+#reel{position:relative;width:1080px;height:1920px;overflow:hidden;background:#000;font-family:"Advercase",sans-serif;color:#fff}
+
+/* stage = presenter world: camera + titles behind the head + matte in front. Punch-ins/blur move it as one. */
+#stage{position:absolute;inset:0;transform-origin:56% 42%;filter:blur(0px) brightness(1)}
+#stage video{position:absolute;inset:0;width:1080px;height:1920px;object-fit:cover}
+#behind{position:absolute;inset:0}
+.bh{position:absolute;left:0;width:1080px;text-align:center;font-weight:700;color:#fff;
+  text-shadow:0 0 34px rgba(106,168,255,.75),0 8px 0 #22408f,0 14px 30px rgba(0,0,0,.45)}
+.bh svg{overflow:visible}
+.bh text{font-family:"Advercase";font-weight:700;fill:#fff}
+
+/* overlays */
+.ov{position:absolute;inset:0;pointer-events:none}
+.scene{position:absolute;inset:0;overflow:hidden}
+.navy{background:radial-gradient(ellipse 70% 55% at 50% 42%,#13204a 0%,#0a1024 55%,#05070f 100%)}
+.navy::before{content:"";position:absolute;inset:-200px;background-image:linear-gradient(rgba(90,150,255,.13) 2px,transparent 2px),linear-gradient(90deg,rgba(90,150,255,.13) 2px,transparent 2px);background-size:90px 90px;transform:perspective(900px) rotateX(38deg) translateY(380px);transform-origin:50% 100%}
+.paper{background:var(--paper)}
+.paper::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#dcdcd8 2px,transparent 2px),linear-gradient(90deg,#dcdcd8 2px,transparent 2px);background-size:96px 96px}
+.paper::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(0,0,0,.28) 100%)}
+.dark{background:radial-gradient(ellipse 80% 60% at 50% 45%,#141414 0%,#000 75%)}
+.persp{position:absolute;inset:0;perspective:1400px}
+.card{position:absolute;border-radius:26px;overflow:hidden;border:5px solid #fff;background:#111;
+  box-shadow:0 0 0 2px rgba(106,168,255,.55),0 0 48px rgba(106,168,255,.55),0 30px 60px rgba(0,0,0,.55)}
+.card img,.card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.card img.emo{position:static;inset:auto;width:auto;height:1em;object-fit:contain}
+.card.print{background:#fff}
+.card.print img{object-fit:contain;object-position:50% 0}
+.stick{position:absolute;filter:drop-shadow(0 0 0 #fff) drop-shadow(5px 0 0 #fff) drop-shadow(-5px 0 0 #fff) drop-shadow(0 5px 0 #fff) drop-shadow(0 -5px 0 #fff) drop-shadow(0 22px 30px rgba(0,0,0,.5))}
+.title{position:absolute;left:65px;width:950px;text-align:center;font-weight:700;line-height:.95}
+.chip{position:absolute;display:inline-flex;align-items:center;gap:14px;padding:16px 28px;border-radius:999px;font:700 44px/1 "Advercase";
+  background:rgba(8,14,30,.86);border:3px solid var(--glow);box-shadow:0 0 30px rgba(47,123,255,.55);white-space:nowrap}
+.chip.red{border-color:var(--red);box-shadow:0 0 30px rgba(255,45,58,.6)}
+.chip.yel{border-color:var(--yel);box-shadow:0 0 30px rgba(255,210,31,.5)}
+.chip.white{background:#fff;color:#0b0b0b;border-color:#fff}
+.tag{position:absolute;font:600 26px/1 "Inter";letter-spacing:.08em;text-transform:uppercase;background:#0b0b0b;color:#fff;padding:10px 14px;border-radius:8px}
+.stamp{position:absolute;font:700 120px/1 "Advercase";color:var(--red);border:10px solid var(--red);padding:10px 26px 2px;border-radius:18px;
+  background:rgba(255,255,255,.06);text-shadow:0 0 30px rgba(255,45,58,.5);white-space:nowrap}
+.emo{height:1em;width:auto;vertical-align:-.12em}
+svg.draw path{fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0}
+#flash{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#fff 0%,#cfe0ff 45%,#2f7bff 100%);opacity:0;mix-blend-mode:screen}
+#leak{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,170,90,.9),transparent 45%),radial-gradient(circle at 90% 85%,rgba(47,123,255,.9),transparent 50%);opacity:0;mix-blend-mode:screen}
+
+/* functions stack (Saab "counters" with glowing arcs) */
+.fn{position:absolute;left:110px;width:860px;height:170px;display:flex;align-items:center;gap:26px}
+.fn .num{width:86px;height:86px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 54px/1 "Advercase";color:#071025;background:#fff;box-shadow:0 0 34px rgba(106,168,255,.9)}
+.fn .ph{width:200px;height:150px;flex:none;border-radius:20px;overflow:hidden;border:4px solid #fff;box-shadow:0 0 28px rgba(106,168,255,.6);background:#0d1630;display:grid;place-items:center;font-size:96px}
+.fn .ph img{width:100%;height:100%;object-fit:cover}
+.fn .txt{display:flex;flex-direction:column;gap:10px}
+.fn .t{font:700 50px/1 "Advercase";white-space:nowrap}
+.fn .s{display:flex;gap:10px;flex-wrap:wrap}
+.fn .s span{font:600 30px/1 "Inter";background:rgba(47,123,255,.22);border:2px solid rgba(106,168,255,.8);padding:8px 12px;border-radius:10px;white-space:nowrap}
+
+/* checklist */
+.panel{position:absolute;left:120px;width:840px;border-radius:34px;background:rgba(9,14,30,.94);border:3px solid rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.5)}
+.row{position:absolute;left:150px;width:780px;display:flex;align-items:center;gap:22px;font:700 60px/1 "Advercase"}
+.row .emo{height:70px}
+
+/* phone mockup */
+.phone{position:absolute;left:310px;top:360px;width:460px;height:740px;border-radius:66px;background:#0b0b0d;border:12px solid #222;box-shadow:0 0 0 3px #555,0 0 60px rgba(106,168,255,.55),0 40px 80px rgba(0,0,0,.6);overflow:hidden}
+.phone .scr{position:absolute;inset:0;border-radius:52px;overflow:hidden;background:#fff}
+.phone .notch{position:absolute;left:50%;top:14px;width:140px;height:36px;margin-left:-70px;border-radius:20px;background:#000;z-index:3}
+.feed{position:absolute;left:0;top:0;width:100%}
+.feed img{display:block;width:100%;border-bottom:8px solid #eee}
+
+/* captions (Saab: short chunks just under the chin; emphasis words grow) */
+#cap{position:absolute;left:65px;width:950px;top:1330px;height:150px}
+.c{position:absolute;left:0;top:0;width:950px;text-align:center;font:700 58px/1.05 "Advercase";color:var(--capc,#fff);
+  -webkit-text-stroke:3px var(--capst,rgba(0,0,0,.55));paint-order:stroke fill;text-shadow:var(--capsh,0 2px 10px rgba(0,0,0,.45))}
+.c.big{font-size:96px;top:-14px}
+.c.big.red{color:#fff;text-shadow:0 0 34px rgba(255,45,58,.95),0 6px 18px rgba(0,0,0,.5)}
+.c.big.blue{text-shadow:0 0 34px rgba(47,123,255,.95),0 6px 18px rgba(0,0,0,.5)}
+.c.big.yel{color:var(--yel)}
+</style></head><body>
+<div id="reel" data-composition-id="reel" data-start="0" data-duration="__DUR__" data-width="1080" data-height="1920">
+
+  <div id="stage">
+    <video id="cam" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="0" muted playsinline></video>
+    <div id="behind">
+      <!-- titles BEHIND the head (the matte below covers them) -->
+      <div class="bh clip" id="bhOney" data-start="14.587" data-duration="0.631" data-track-index="40" style="top:330px">
+        <svg width="1080" height="300" viewBox="0 0 1080 300"><path id="arcA" d="M120 270 Q540 40 960 270" fill="none"/><text font-size="190" letter-spacing="10"><textPath href="#arcA" startOffset="50%" text-anchor="middle">ONEY</textPath></text></svg>
+      </div>
+      <div class="bh clip" id="bhQ" data-start="35.752" data-duration="3.48" data-track-index="41" style="top:300px">
+        <div id="bhQ1" style="font-size:78px;line-height:1">O QUE FAZ UM</div>
+        <div id="bhQ2" style="font-size:118px;line-height:1.02;color:#fff;text-shadow:0 0 40px rgba(47,123,255,1),0 8px 0 #22408f">MARQUETEIRO?</div>
+      </div>
+      <div class="bh clip" id="bhDig" data-start="65.809" data-duration="2.861" data-track-index="42" style="top:330px">
+        <div id="bhDig1" style="font-size:64px;line-height:1;letter-spacing:.06em">HIPÓTESE 2</div>
+        <div id="bhDig2" style="font-size:200px;line-height:1">DIGITAL</div>
+      </div>
+      <div class="bh clip" id="bh2026" data-start="72.85" data-duration="3.586" data-track-index="43" style="top:300px">
+        <div id="bh2026n" style="font-size:300px;line-height:1">2026</div>
+      </div>
+    </div>
+    <video id="fg" src="assets/fg.webm" data-start="0" data-duration="__DUR__" data-track-index="2" muted playsinline></video>
+  </div>
+
+  <audio id="voice" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="1" data-volume="1"></audio>
+  <audio id="music" src="assets/music-bed.mp3" data-start="0" data-duration="__DUR__" data-track-index="3" data-volume="0.07"></audio>
+__SFX__
+
+  <div class="ov">
+    <!-- 0 · PT sticker above the head -->
+    <div class="clip" id="sPT" data-start="0.12" data-duration="2.4" data-track-index="10">
+      <img class="stick" id="ptFlag" src="assets/photos/pt.png" style="left:110px;top:300px;width:300px;transform:rotate(-7deg)" alt="">
+      <div class="chip" id="ptChip" style="left:120px;top:530px">AFASTAR O MARQUETEIRO?</div>
+    </div>
+
+    <!-- 1 · SIDÔNIO name reveal (Saab "DANIEL PENIN") -->
+    <div class="scene navy clip" id="sSid" data-start="2.45" data-duration="1.719" data-track-index="11">
+      <div class="bh" id="sidT" style="top:300px"><svg width="1080" height="260" viewBox="0 0 1080 260"><path id="arcS" d="M70 240 Q540 30 1010 240" fill="none"/><text font-size="96" letter-spacing="3"><textPath href="#arcS" startOffset="50%" text-anchor="middle">SIDÔNIO PALMEIRA</textPath></text></svg></div>
+      <img id="sidCut" src="assets/photos/sidonio-cut.png" style="position:absolute;left:150px;top:470px;width:780px" alt="">
+      <div class="chip white" id="sidChip" style="left:255px;top:1010px">O MARQUETEIRO DO LULA</div>
+    </div>
+
+    <!-- 2 · LULA + 1º turno -->
+    <div class="scene navy clip" id="sLula" data-start="4.169" data-duration="1.911" data-track-index="12">
+      <div class="bh" id="lulaT" style="top:300px"><div style="font-size:210px;line-height:1">LULA</div></div>
+      <img id="lulaCut" src="assets/photos/lula-cut.png" style="position:absolute;left:170px;top:480px;width:740px" alt="">
+      <div class="chip red" id="lulaChip" style="left:300px;top:1010px">1º TURNO 📉</div>
+    </div>
+
+    <!-- 3 · "esse cara convenceu o Lula" — photo card over the blurred presenter -->
+    <div class="clip" id="sCard1" data-start="8.5" data-duration="3.2" data-track-index="13">
+      <div class="persp"><div class="card" id="lsCard" style="left:250px;top:290px;width:580px;height:780px"><img src="assets/photos/lula-sidonio.jpg" style="object-position:50% 20%" alt=""></div></div>
+      <svg class="draw" id="arr1" width="1080" height="1920" style="position:absolute;inset:0"><path d="M985 330 C 930 380, 900 400, 760 470" stroke="#ff2d3a" stroke-width="12"/><path d="M790 440 L 758 472 L 800 486" stroke="#ff2d3a" stroke-width="12"/></svg>
+      <div class="chip red" id="arr1L" style="left:640px;top:280px">ESSE CARA</div>
+      <div id="ring" style="position:absolute;left:300px;top:380px;width:220px;height:220px;border-radius:50%;border:8px solid var(--yel);box-shadow:0 0 34px var(--yel)"></div>
+      <div class="chip yel" id="ringL" style="left:90px;top:640px">LULA</div>
+    </div>
+
+    <!-- 4 · BETS wall (Saab stacked thumbnails) -->
+    <div class="scene dark clip" id="sBets" data-start="11.6" data-duration="2.082" data-track-index="14">
+      <div class="persp">
+        <div class="card" id="bet1" style="left:150px;top:290px;width:780px;height:250px"><img src="assets/photos/cassino.jpg" style="object-position:50% 48%" alt=""><div class="tag" style="right:18px;bottom:16px;top:auto;left:auto">Imagem ilustrativa</div></div>
+        <div class="card print" id="bet2" style="left:150px;top:565px;width:780px;height:240px"><img src="assets/photos/print-bets.png" alt=""></div>
+        <div id="bet3" style="position:absolute;left:150px;top:830px;width:780px;height:250px"><img class="stick" src="assets/photos/davi-cut.png" style="left:20px;top:-60px;height:310px" alt=""><div class="tag" style="left:270px;top:160px">Imagem ilustrativa · Davi Brito</div></div>
+      </div>
+      <div class="stamp" id="betStamp" style="left:190px;top:370px;transform:rotate(-8deg)">PROIBIDAS</div>
+      <div class="chip yel" id="betChip" style="left:420px;top:900px">INFLUENCERS 😭</div>
+    </div>
+
+    <!-- 5 · não falo de política / direita e esquerda / o que o perfil analisa (top zone) -->
+    <div class="clip" id="sLR" data-start="15.329" data-duration="2.191" data-track-index="16">
+      <div class="chip" id="lrL" style="left:80px;top:360px">⬅️ DIREITA</div>
+      <div class="chip red" id="lrR" style="left:580px;top:360px">ESQUERDA ➡️</div>
+      <div id="lrX" style="position:absolute;left:470px;top:470px;font-size:140px;line-height:1">❌</div>
+    </div>
+    <div class="clip" id="sPills" data-start="17.57" data-duration="4.049" data-track-index="17">
+      <div class="chip" id="pl1" style="left:200px;top:290px">💬 COMUNICAÇÃO</div>
+      <div class="chip" id="pl2" style="left:230px;top:390px">🚀 VIRALIZAÇÃO</div>
+      <div class="chip yel" id="pl3" style="left:120px;top:490px">📈 ALCANCE DE SEGUIDORES</div>
+    </div>
+
+    <!-- 6 · eleições / 2º turno -->
+    <div class="clip" id="sUrna" data-start="21.665" data-duration="5.688" data-track-index="18">
+      <div class="persp"><div class="card" id="urnaC" style="left:160px;top:330px;width:760px;height:510px"><img src="assets/photos/urna.jpg" alt=""></div></div>
+      <div class="tag" id="urnaTag" style="left:190px;top:300px">Urna eletrônica · TSE</div>
+      <div class="chip yel" id="urnaChip" style="left:330px;top:880px">2º TURNO</div>
+      <div class="chip" id="urnaChip2" style="left:270px;top:990px">ELEIÇÕES 2026 🇧🇷</div>
+    </div>
+
+    <!-- 7 · Flávio ultrapassa Lula -->
+    <div class="scene navy clip" id="sVs" data-start="27.353" data-duration="3.72" data-track-index="19">
+      <div class="title" id="vsT" style="top:300px;font-size:84px">1º TURNO</div>
+      <div id="vsF" style="position:absolute;left:60px;top:440px;width:480px;height:620px">
+        <img src="assets/photos/flavio-cut.png" style="position:absolute;left:20px;bottom:0;width:440px" alt="">
+        <div class="chip white" style="left:20px;bottom:-20px;font-size:36px">FLÁVIO BOLSONARO</div>
+        <div class="chip yel" id="vsF1" style="left:0;top:40px;font-size:72px;padding:14px 26px">1º</div>
+      </div>
+      <div id="vsL" style="position:absolute;left:560px;top:440px;width:480px;height:620px">
+        <img src="assets/photos/lula-cut.png" style="position:absolute;left:0;bottom:0;width:440px" alt="">
+        <div class="chip white" style="left:150px;bottom:-20px;font-size:36px">LULA</div>
+        <div class="chip" id="vsL2" style="right:20px;top:40px;font-size:72px;padding:14px 26px">2º</div>
+      </div>
+    </div>
+
+    <!-- 8 · "mudar tudo" + marqueteiro mais agressivo: real prints on grid paper -->
+    <div class="scene paper clip" id="sPap1" data-start="31.024" data-duration="4.728" data-track-index="20">
+      <div class="tag" style="left:110px;top:300px">Estadão · via UOL · 05/10/2026</div>
+      <div class="persp">
+        <div class="card print" id="pr1" style="left:110px;top:360px;width:860px;height:570px"><img src="assets/photos/print-mudar-tudo.png" alt=""></div>
+        <div class="card print" id="pr2" style="left:110px;top:360px;width:860px;height:456px"><img src="assets/photos/print-antunes.png" alt=""></div>
+      </div>
+      <div class="stamp" id="mtStamp" style="left:140px;top:860px;transform:rotate(-6deg);font-size:96px">“MUDAR TUDO”</div>
+      <img class="stick" id="gloves" src="assets/photos/luvas.jpg" style="left:600px;top:580px;width:360px;border-radius:24px;transform:rotate(8deg)" alt="">
+      <div class="stamp" id="agStamp" style="left:110px;top:930px;transform:rotate(-5deg);font-size:86px">MAIS AGRESSIVO</div>
+    </div>
+
+    <!-- 9 · as funções do marqueteiro (stack + glowing arcs) -->
+    <div class="clip" id="sFn" data-start="39.112" data-duration="16.108" data-track-index="21">
+      <div class="panel" id="fnP" style="left:70px;width:940px;top:270px;height:870px"></div>
+      <div class="title" id="fnT" style="top:300px;font-size:60px;letter-spacing:.04em">O QUE O MARQUETEIRO FAZ</div>
+      <svg class="draw" width="1080" height="1920" style="position:absolute;inset:0">
+        <path id="arc1" d="M153 450 C 40 500, 40 600, 153 640" stroke="#6aa8ff" stroke-width="7" style="filter:drop-shadow(0 0 10px #2f7bff)"/>
+        <path id="arc2" d="M153 640 C 40 690, 40 790, 153 830" stroke="#6aa8ff" stroke-width="7" style="filter:drop-shadow(0 0 10px #2f7bff)"/>
+        <path id="arc3" d="M153 830 C 40 880, 40 980, 153 1020" stroke="#6aa8ff" stroke-width="7" style="filter:drop-shadow(0 0 10px #2f7bff)"/>
+      </svg>
+      <div class="fn" id="fn1" style="top:365px"><div class="num">1</div><div class="ph"><img src="assets/photos/grupo.jpg" alt=""></div>
+        <div class="txt"><div class="t">ESCUTA O ELEITOR</div><div class="s"><span id="fn1a">pesquisa o que tira o sono</span></div></div></div>
+      <div class="fn" id="fn2" style="top:555px"><div class="num">2</div><div class="ph"><img src="assets/photos/megafone.jpg" alt=""></div>
+        <div class="txt"><div class="t">DEFINE A MENSAGEM</div><div class="s"><span id="fn2a">a frase repetida até você decorar</span></div></div></div>
+      <div class="fn" id="fn3" style="top:745px"><div class="num">3</div><div class="ph">👔</div>
+        <div class="txt"><div class="t">CONSTRÓI A IMAGEM</div><div class="s"><span id="fn3a">como fala</span><span id="fn3b">como aparece</span><span id="fn3c">como se veste</span></div></div></div>
+      <div class="fn" id="fn4" style="top:935px"><div class="num">4</div><div class="ph"><img src="assets/photos/luvas.jpg" alt=""></div>
+        <div class="txt"><div class="t">ESCOLHE AS BRIGAS</div><div class="s"><span id="fn4a">debate?</span><span id="fn4b">tema?</span><span id="fn4c">ataque?</span></div></div></div>
+    </div>
+
+    <!-- 10 · duas hipóteses -->
+    <div class="clip" id="sHip" data-start="55.27" data-duration="3.725" data-track-index="22">
+      <div class="chip" id="hp1" style="left:110px;top:330px">HIPÓTESE 1 ❓</div>
+      <div class="chip" id="hp2" style="left:560px;top:330px">HIPÓTESE 2 ❓</div>
+      <img class="stick" id="hpL" src="assets/photos/lula-cut.png" style="left:430px;top:420px;width:220px" alt="">
+    </div>
+
+    <!-- 11 · o debate: Band e Globo com X neon -->
+    <div class="scene navy clip" id="sDeb" data-start="58.995" data-duration="3.555" data-track-index="23">
+      <div class="title" id="debT" style="top:300px;font-size:100px">1 · O DEBATE</div>
+      <div class="card" id="dbB" style="left:90px;top:470px;width:430px;height:300px;background:#fff"><img src="assets/photos/band.png" style="object-fit:contain;padding:30px" alt=""></div>
+      <div class="card" id="dbG" style="left:560px;top:470px;width:430px;height:300px;background:#000"><img src="assets/photos/globo.png" style="object-fit:contain;padding:24px" alt=""></div>
+      <svg class="draw" width="1080" height="1920" style="position:absolute;inset:0;filter:drop-shadow(0 0 16px #ff2d3a)">
+        <path id="xB1" d="M110 490 L 500 750" stroke="#ff2d3a" stroke-width="18"/><path id="xB2" d="M500 490 L 110 750" stroke="#ff2d3a" stroke-width="18"/>
+        <path id="xG1" d="M580 490 L 970 750" stroke="#ff2d3a" stroke-width="18"/><path id="xG2" d="M970 490 L 580 750" stroke="#ff2d3a" stroke-width="18"/>
+      </svg>
+      <img id="debLula" src="assets/photos/lula-cut.png" style="position:absolute;left:560px;top:690px;width:300px" alt="">
+      <div class="chip red" id="debChip" style="left:170px;top:820px;font-size:60px">NÃO FOI</div>
+    </div>
+
+    <!-- 12 · a cadeira vazia -->
+    <div class="scene dark clip" id="sChair" data-start="62.55" data-duration="3.314" data-track-index="24">
+      <div class="persp"><div class="card" id="chairC" style="left:225px;top:300px;width:630px;height:760px"><img src="assets/photos/cadeira.jpg" alt=""></div></div>
+      <div class="chip white" id="chairL" style="left:230px;top:330px">QUEM NÃO APARECE…</div>
+      <div class="chip red" id="chairL2" style="left:130px;top:960px">…DEIXA OS OUTROS FALAREM</div>
+    </div>
+
+    <!-- 13 · "pífio": the real headline + paragraph -->
+    <div class="scene paper clip" id="sPap2" data-start="68.619" data-duration="4.281" data-track-index="25">
+      <div class="tag" style="left:110px;top:300px">Estadão · via UOL · 05/10/2026</div>
+      <div class="persp">
+        <div class="card print" id="pu1" style="left:110px;top:360px;width:860px;height:600px"><img src="assets/photos/print-uol.png" alt=""></div>
+        <div class="card print" id="pu2" style="left:110px;top:400px;width:860px;height:456px"><img src="assets/photos/print-pifio.png" alt=""></div>
+      </div>
+      <div id="mark" style="position:absolute;left:150px;top:550px;width:500px;height:44px;background:rgba(255,45,58,.35);border-radius:6px;transform-origin:0 50%"></div>
+      <div class="stamp" id="pfStamp" style="left:330px;top:880px;transform:rotate(-7deg);font-size:150px">PÍFIO</div>
+    </div>
+
+    <!-- 14 · palanque → celular -->
+    <div class="clip" id="sPal" data-start="76.436" data-duration="2.917" data-track-index="26">
+      <div class="persp"><div class="card" id="palC" style="left:140px;top:330px;width:800px;height:600px"><img src="assets/photos/comicio.jpg" alt=""></div></div>
+      <div class="chip" id="palL" style="left:330px;top:290px">🎤 PALANQUE</div>
+      <div class="tag" style="left:160px;top:880px">Comício · Porto Alegre · 2022</div>
+    </div>
+    <div class="clip" id="sPhone" data-start="79.258" data-duration="1.79" data-track-index="27">
+      <div id="glow" style="position:absolute;left:-60px;top:820px;width:640px;height:820px;border-radius:50%;background:radial-gradient(closest-side,rgba(170,255,140,.85),rgba(110,255,120,.35) 55%,transparent);mix-blend-mode:screen"></div>
+      <svg class="draw" id="arrP" width="1080" height="1920" style="position:absolute;inset:0"><path d="M140 560 C 90 680, 110 800, 190 930" stroke="#fff" stroke-width="11"/><path d="M150 905 L 192 934 L 205 884" stroke="#fff" stroke-width="11"/></svg>
+      <div class="chip white" id="phL" style="left:90px;top:440px">📱 AQUI</div>
+    </div>
+
+    <!-- 15 · phone mockup: what people see, and THIS video -->
+    <div class="scene navy" id="sMock" style="opacity:0">
+      <div class="persp"><div class="phone" id="ph">
+        <div class="scr">
+          <div class="feed" id="feed"><img src="assets/photos/print-uol.png" alt=""><img src="assets/photos/comicio.jpg" alt=""><img src="assets/photos/print-bets.png" alt=""><img src="assets/photos/flavio-imprensa.jpg" alt=""><img src="assets/photos/print-pifio.png" alt=""><img src="assets/photos/urna.jpg" alt=""></div>
+          <div id="live" style="position:absolute;inset:0;background:#000;opacity:0">
+            <video id="mini" src="assets/clean.mp4" data-start="85.02" data-duration="1.75" data-media-start="85.02" data-track-index="29" muted playsinline style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover"></video>
+            <div style="position:absolute;right:16px;bottom:120px;display:flex;flex-direction:column;gap:22px;font-size:44px">❤️💬✈️</div>
+          </div>
+        </div><div class="notch"></div></div></div>
+      <div class="chip yel" id="mkL" style="left:300px;top:275px">VOCÊ, AGORA 👀</div>
+    </div>
+
+    <!-- 16 · política → seu negócio → seu perfil -->
+    <div class="clip" id="sHook" data-start="86.77" data-duration="4.78" data-track-index="30">
+      <div class="chip" id="hk1" style="left:80px;top:400px;font-size:38px">POLÍTICA</div>
+      <div id="hkA" style="position:absolute;left:352px;top:405px;font:700 60px/1 Advercase">➡️</div>
+      <div class="card" id="hk2" style="left:420px;top:285px;width:250px;height:300px"><img src="assets/photos/negocio.jpg" alt=""><div class="tag" style="left:12px;bottom:12px;top:auto">Seu negócio</div></div>
+      <div class="card" id="hk3" style="left:700px;top:285px;width:270px;height:300px;background:#0d0d0f;border-style:dashed">
+        <div style="position:absolute;left:85px;top:40px;width:100px;height:100px;border-radius:50%;background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);padding:5px"><div style="width:100%;height:100%;border-radius:50%;background:#333"></div></div>
+        <div style="position:absolute;left:0;width:100%;top:160px;text-align:center;font:600 30px/1 Inter">seu.perfil</div>
+        <div style="position:absolute;left:30px;width:210px;top:215px;height:46px;border-radius:12px;background:#2f7bff;text-align:center;font:600 26px/46px Inter">Seguir</div>
+      </div>
+    </div>
+
+    <!-- 17 · checklist do seu negócio -->
+    <div class="clip" id="sChk" data-start="91.6" data-duration="6.883" data-track-index="31">
+      <div class="panel" id="chkP" style="top:290px;height:790px"></div>
+      <div class="title" id="chkT" style="top:330px;font-size:64px">O SEU NEGÓCIO</div>
+      <div class="row" id="ck1" style="top:440px">✅ PRODUTO BOM</div>
+      <div class="row" id="ck2" style="top:560px">✅ SERVIÇO BOM</div>
+      <div class="row" id="ck3" style="top:700px;color:#ffb3b8">❌ NÃO FALA NADA</div>
+      <div class="row" id="ck4" style="top:820px;color:#ffb3b8">❌ NÃO FAZ VÍDEO</div>
+      <div class="row" id="ck5" style="top:940px;color:#ffb3b8">❌ NÃO APARECE</div>
+    </div>
+
+    <!-- 18 · o teu concorrente -->
+    <div class="clip" id="sConc" data-start="100.397" data-duration="1.843" data-track-index="32">
+      <div class="chip white" id="cq" style="left:220px;top:330px">SABE QUEM VAI FALAR? 🤔</div>
+      <div class="persp"><div class="card" id="concC" style="left:180px;top:300px;width:720px;height:560px"><img src="assets/photos/xadrez.jpg" alt=""></div></div>
+      <div class="stamp" id="concS" style="left:150px;top:780px;transform:rotate(-6deg);font-size:84px;white-space:normal;text-align:center;width:780px;line-height:.95">O TEU CONCORRENTE</div>
+    </div>
+
+    <!-- 19 · CTA: seguir + Código Viral -->
+    <div class="clip" id="sCta1" data-start="102.19" data-duration="3.111" data-track-index="33">
+      <div class="card" id="prof" style="left:90px;top:300px;width:900px;height:250px;background:#0d0d0f;border-color:#2a2a2e">
+        <div style="position:absolute;left:34px;top:40px;width:170px;height:170px;border-radius:50%;background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);padding:7px"><img src="assets/photos/perfil.jpg" style="position:static;width:100%;height:100%;border-radius:50%;border:5px solid #0d0d0f" alt=""></div>
+        <div style="position:absolute;left:236px;top:56px;font:600 44px/1 Inter">oneyaraujo <span style="color:#3897f0">✔</span></div>
+        <div style="position:absolute;left:236px;top:116px;font:500 30px/1 Inter;color:#aaa">Viralização · Comunicação</div>
+        <div id="follow" style="position:absolute;left:236px;top:168px;width:300px;height:56px;border-radius:14px;background:#2f7bff;text-align:center;font:600 30px/56px Inter">Seguir</div>
+        <div id="following" style="position:absolute;left:236px;top:168px;width:300px;height:56px;border-radius:14px;background:#2a2a2e;text-align:center;font:600 30px/56px Inter;opacity:0">Seguindo</div>
+        <div id="tap" style="position:absolute;left:420px;top:150px;font-size:80px;opacity:0">👆</div>
+      </div>
+    </div>
+    <div class="clip" id="sCta2" data-start="105.301" data-duration="4.449" data-track-index="34">
+      <div class="persp"><div class="card" id="cv" style="left:300px;top:290px;width:480px;height:780px"><img src="assets/photos/modulos-grid.jpg" alt=""></div></div>
+      <div class="chip yel" id="cvT" style="left:300px;top:290px;font-size:56px">CÓDIGO VIRAL</div>
+      <div class="chip white" id="cvL" style="left:330px;top:990px;font-size:52px">🔗 LINK NA BIO</div>
+    </div>
+
+    <div id="leak"></div>
+    <div id="flash"></div>
+  </div>
+
+  <div id="cap">__CAPTIONS__</div>
+</div>
+<script>
+const tl = gsap.timeline({ paused: true });
+const S = "#stage";
+// ---------- helpers ----------
+const punch = (t, s) => tl.to(S, { scale: s, duration: 0.7, ease: "power2.inOut" }, t - 0.2);
+const blurIn = (t, d = 0.45) => tl.to(S, { filter: "blur(0px) brightness(0.72)", duration: d, ease: "sine.inOut" }, t);
+const blurOut = (t, d = 0.45) => tl.to(S, { filter: "blur(0px) brightness(1)", duration: d, ease: "sine.inOut" }, t);
+const flash = (t) => { tl.fromTo("#flash", { opacity: 0 }, { opacity: 0.45, duration: 0.14, ease: "sine.out" }, t); tl.to("#flash", { opacity: 0, duration: 0.55, ease: "sine.inOut" }, t + 0.15); tl.set("#flash", { opacity: 0 }, t + 0.7); };
+const leak = (t) => { tl.fromTo("#leak", { opacity: 0 }, { opacity: 0.5, duration: 0.3, ease: "sine.out" }, t); tl.to("#leak", { opacity: 0, duration: 0.8, ease: "sine.inOut" }, t + 0.3); tl.set("#leak", { opacity: 0 }, t + 1.1); };
+const pop = (s, t, extra = {}) => tl.from(s, { scale: 0.6, opacity: 0, duration: 0.5, ease: "back.out(1.3)", ...extra }, t);
+const rise = (s, t, extra = {}) => tl.from(s, { y: 70, opacity: 0, duration: 0.65, ease: "power2.out", ...extra }, t);
+const slideX = (s, t, x, extra = {}) => tl.from(s, { x: x * 0.6, opacity: 0, duration: 0.6, ease: "power3.out", ...extra }, t);
+const tilt = (s, t, d) => { tl.from(s, { rotationY: -22, rotationX: 6, z: -250, opacity: 0, duration: 0.7, ease: "power3.out" }, t);
+  tl.fromTo(s, { rotationY: 0 }, { rotationY: 6, rotationX: -2, duration: Math.max(0.2, d - 0.15), ease: "sine.inOut", immediateRender: false }, t + 0.7); };
+const stamp = (s, t) => { tl.from(s, { scale: 1.6, opacity: 0, duration: 0.35, ease: "power3.out" }, t); shake(t + 0.3); };
+const shake = (t) => tl.fromTo("#reel", { x: 0, y: 0 }, { keyframes: [{ x: -5, y: 3 }, { x: 4, y: -3 }, { x: -2, y: 2 }, { x: 0, y: 0 }], duration: 0.35, ease: "sine.inOut" }, t);
+const draw = (s, t, d = 0.35) => document.querySelectorAll(s).forEach((p, i) => { const L = p.getTotalLength();
+  tl.set(p, { opacity: 1 }, t + i * 0.12);
+  tl.fromTo(p, { strokeDasharray: L, strokeDashoffset: L }, { strokeDashoffset: 0, duration: d, ease: "power2.inOut" }, t + i * 0.12); });
+const out = (s, t, d = 0.25) => { tl.to(s, { opacity: 0, scale: 0.92, duration: d, ease: "power2.in" }, t); tl.set(s, { opacity: 0 }, t + d + 0.01); };
+const swapCard = (a, b, t) => { tl.to(a, { rotationY: 35, x: -160, opacity: 0, duration: 0.45, ease: "sine.in" }, t); tl.set(a, { opacity: 0 }, t + 0.46);
+  tl.from(b, { rotationY: -35, x: 160, opacity: 0, duration: 0.6, ease: "power3.out" }, t + 0.2); };
+
+// ---------- presenter rhythm ----------
+tl.fromTo(S, { scale: 1.18, filter: "blur(0px) brightness(1)" }, { scale: 1.06, duration: 0.9, ease: "power2.out" }, 0);
+punch(6.08, 1.14); punch(13.74, 1.0); punch(15.314, 1.1); punch(17.52, 1.0); punch(21.665, 1.08);
+punch(35.801, 1.12); punch(55.27, 1.0); punch(58.995, 1.1); punch(65.864, 1.0); punch(72.9, 1.12);
+punch(76.436, 1.0); punch(86.82, 1.1); punch(91.6, 1.0); punch(98.537, 1.16); punch(102.24, 1.0); punch(109.78, 1.14);
+
+// 0 · PT
+pop("#ptFlag", 0.2, { rotation: -40 }); slideX("#ptChip", 1.6, 200);
+// 1 · Sidônio reveal
+flash(2.43); rise("#sidCut", 2.48, { y: 400, duration: 0.6, ease: "expo.out" });
+tl.from("#sidT", { scale: 0.6, opacity: 0, duration: 0.5, ease: "back.out(1.8)" }, 2.55); pop("#sidChip", 2.938);
+tl.to("#sidCut", { scale: 1.05, duration: 1.6, ease: "none", transformOrigin: "50% 30%" }, 2.599);
+// 2 · Lula 1º turno (whip from the right)
+tl.from("#sLula", { xPercent: 100, duration: 0.3, ease: "power3.out" }, 4.169);
+rise("#lulaCut", 4.217, { y: 300 }); tl.from("#lulaT", { y: -80, opacity: 0, duration: 0.45, ease: "back.out(2)" }, 4.312); pop("#lulaChip", 5.533);
+flash(6.05);
+// 3 · esse cara / convenceu o Lula
+blurIn(8.5); tilt("#lsCard", 8.52, 2.6); draw("#arr1 path", 8.62, 0.3); pop("#arr1L", 8.661);
+pop("#ring", 10.3); pop("#ringL", 10.38); blurOut(11.55); out("#sCard1 .persp, #arr1, #arr1L, #ring, #ringL", 11.45, 0.18);
+// 4 · bets wall
+flash(11.58); slideX("#bet1", 11.62, -600); slideX("#bet2", 11.72, 600); slideX("#bet3", 11.82, -600);
+stamp("#betStamp", 11.74); pop("#betChip", 12.3);
+tl.to("#sBets .persp", { scale: 1.06, duration: 2.0, ease: "none" }, 11.62);
+leak(13.663);
+// 5 · Oney / política / direita-esquerda / pilares
+tl.from("#bhOney", { y: 120, opacity: 0, duration: 0.5, ease: "expo.out" }, 14.644);
+slideX("#lrL", 16.435, -400); slideX("#lrR", 16.971, 400); pop("#lrX", 17.12);
+pop("#pl1", 18.752); pop("#pl2", 19.6); pop("#pl3", 20.488);
+// 6 · urna / 2º turno
+blurIn(21.683); tilt("#urnaC", 21.711, 4.8); pop("#urnaTag", 22.008); stamp("#urnaChip", 25.716); pop("#urnaChip2", 26.64);
+blurOut(27.299);
+// 7 · Flávio x Lula
+flash(27.332); slideX("#vsF", 27.408, -600); slideX("#vsL", 27.553, 600); tl.from("#vsT", { y: -60, opacity: 0, duration: 0.4 }, 27.459);
+tl.to("#vsF", { scale: 1.08, y: 0, duration: 0.6, ease: "back.out(1.6)" }, 28.98);
+tl.to("#vsL", { scale: 0.86, y: 60, filter: "grayscale(1) brightness(.7)", duration: 0.6, ease: "power2.out" }, 28.98);
+pop("#vsF1", 29.184); pop("#vsL2", 29.339);
+// 8 · prints: mudar tudo → Otávio Antunes, mais agressivo
+flash(31.005); tilt("#pr1", 31.044, 0.85); stamp("#mtStamp", 31.88);
+swapCard("#pr1", "#pr2", 32.589); tl.to("#mtStamp", { opacity: 0, duration: 0.2 }, 32.589); tl.set("#mtStamp", { opacity: 0 }, 32.778);
+tl.from("#gloves", { x: 600, rotation: 40, duration: 0.3, ease: "power4.in" }, 34.936); stamp("#agStamp", 35.213);
+flash(35.724);
+// 9 · o que faz um marqueteiro (behind the head) + functions stack
+tl.from("#bhQ1", { y: 60, opacity: 0, duration: 0.4, ease: "power3.out" }, 35.844);
+tl.from("#bhQ2", { scale: 0.4, opacity: 0, duration: 0.55, ease: "back.out(1.7)" }, 36.736);
+blurIn(39.088); tl.from("#fnP", { scaleY: 0.2, opacity: 0, duration: 0.5, ease: "power3.out" }, 39.132); tl.from("#fnT", { y: -40, opacity: 0, duration: 0.4 }, 39.136);
+slideX("#fn1", 39.352, -500); pop("#fn1a", 40.335);
+draw("#arc1", 42.632, 0.3); slideX("#fn2", 42.838, 500); pop("#fn2a", 44.051);
+draw("#arc2", 46.82, 0.3); slideX("#fn3", 47.07, -500); pop("#fn3a", 47.951); pop("#fn3b", 48.701); pop("#fn3c", 49.499);
+draw("#arc3", 50.15, 0.3); slideX("#fn4", 50.35, 500); pop("#fn4a", 51.333); pop("#fn4b", 53.116); pop("#fn4c", 54.309);
+tl.fromTo("#sFn .fn", { y: 0 }, { y: -10, duration: 15, ease: "none" }, 39.7);
+blurOut(55.22);
+// 10 · duas hipóteses
+pop("#hp1", 55.981); pop("#hp2", 56.167); rise("#hpL", 58.467);
+// 11 · debate
+flash(58.974); tl.from("#debT", { scale: 1.6, opacity: 0, duration: 0.35, ease: "power3.out" }, 59.048);
+pop("#dbB", 60.603); draw("#xB1, #xB2", 61.1, 0.22); pop("#dbG", 61.493); draw("#xG1, #xG2", 61.961, 0.22);
+rise("#debLula", 60.022, { y: 200 }); stamp("#debChip", 60.25);
+// 12 · cadeira vazia
+leak(62.53); tilt("#chairC", 62.58, 2.7); pop("#chairL", 62.7); slideX("#chairL2", 64.03, 400);
+flash(65.831);
+// 13 · digital (behind the head)
+tl.from("#bhDig1", { opacity: 0, y: 30, duration: 0.3 }, 66.02);
+tl.from("#bhDig2", { scale: 0.3, opacity: 0, duration: 0.5, ease: "back.out(2)" }, 67.65);
+tl.fromTo("#bhDig2", { x: 0 }, { keyframes: [{ x: -12 }, { x: 10 }, { x: -6 }, { x: 0 }], duration: 0.25 }, 68.209);
+// 14 · pífio
+flash(68.598); tilt("#pu1", 68.639, 0.6); swapCard("#pu1", "#pu2", 69.916);
+tl.from("#mark", { scaleX: 0, duration: 0.45, ease: "power2.inOut" }, 71.902); stamp("#pfStamp", 72.481);
+leak(72.85);
+// 15 · 2026 behind the head
+tl.from("#bh2026n", { scale: 0.5, opacity: 0, duration: 0.55, ease: "back.out(1.8)" }, 73.82);
+tl.to("#bh2026n", { scale: 1.08, duration: 2.4, ease: "none" }, 74.42);
+// 16 · palanque → celular (real phone in his hand)
+blurIn(76.458); tilt("#palC", 76.489, 2.3); pop("#palL", 76.67);
+tl.to("#palC", { scale: 0.2, x: -420, y: 500, rotation: -25, opacity: 0, duration: 0.4, ease: "power3.in" }, 79.08);
+tl.to("#palL", { opacity: 0, duration: 0.2 }, 79.08); tl.set("#palL", { opacity: 0 }, 79.258); tl.set("#palC", { opacity: 0 }, 79.267); blurOut(79.213);
+tl.fromTo("#glow", { opacity: 0, scale: 0.6 }, { opacity: 1, scale: 1.1, duration: 0.18 }, 79.77); tl.to("#glow", { opacity: 0, duration: 0.45 }, 80.02); tl.set("#glow", { opacity: 0 }, 80.479);
+draw("#arrP path", 79.87, 0.28); pop("#phL", 80.32);
+// 17 · phone mockup
+flash(80.982); tl.from("#ph", { y: 900, rotationX: 30, duration: 0.6, ease: "expo.out" }, 81.021);
+tl.to("#ph", { rotationY: -10, rotationX: 4, duration: 5, ease: "sine.inOut" }, 81.648);
+tl.fromTo("#feed", { y: 0 }, { y: -1700, duration: 4.0, ease: "power1.inOut" }, 81.251);
+tl.to("#live", { opacity: 1, duration: 0.2 }, 85.02); pop("#mkL", 85.07);
+tl.set("#sMock", { opacity: 1 }, 81.001); tl.set("#sMock", { opacity: 0 }, 86.77);
+flash(86.75);
+// 18 · política → negócio → perfil
+pop("#hk1", 89.012); slideX("#hkA", 89.651, -100); tilt("#hk2", 89.825, 1.5); tilt("#hk3", 90.918, 0.5);
+// 19 · checklist
+blurIn(91.62); tl.from("#chkP", { scaleY: 0, opacity: 0, duration: 0.4, ease: "expo.out" }, 91.65); rise("#chkT", 91.759);
+slideX("#ck1", 92.763, -300); slideX("#ck2", 93.95, -300); slideX("#ck3", 95.85, 300); slideX("#ck4", 97.12, 300); slideX("#ck5", 97.77, 300);
+tl.to("#ck1, #ck2", { opacity: 0.45, duration: 0.3 }, 95.3); blurOut(98.45);
+// 20 · concorrente
+pop("#cq", 100.449); tl.to("#cq", { opacity: 0, duration: 0.15 }, 101.225); tl.set("#cq", { opacity: 0 }, 101.382);
+blurIn(101.225, 0.2); tilt("#concC", 101.252, 0.8); stamp("#concS", 101.63); blurOut(102.16, 0.2);
+// 21 · CTA
+rise("#prof", 102.275); tl.set("#tap", { opacity: 1 }, 104.253); tl.from("#tap", { y: 80, x: 60, duration: 0.25, ease: "power2.out" }, 104.253);
+tl.to("#follow", { scale: 0.92, duration: 0.08, yoyo: true, repeat: 1 }, 104.5); tl.set("#following", { opacity: 1 }, 104.652);
+leak(105.253); blurIn(105.301); tilt("#cv", 105.35, 3.8); pop("#cvT", 107.77);
+pop("#cvL", 108.954); tl.to("#cvL", { scale: 1.08, duration: 0.25, yoyo: true, repeat: 1 }, 109.409); blurOut(109.68);
+
+// captions turn dark on the white grid paper
+tl.set("#cap", { "--capc": "#111", "--capst": "rgba(255,255,255,.85)", "--capsh": "none" }, 31.024); tl.set("#cap", { "--capc": "#fff", "--capst": "rgba(0,0,0,.55)", "--capsh": "0 2px 10px rgba(0,0,0,.45)" }, 35.752);
+tl.set("#cap", { "--capc": "#111", "--capst": "rgba(255,255,255,.85)", "--capsh": "none" }, 68.619); tl.set("#cap", { "--capc": "#fff", "--capst": "rgba(0,0,0,.55)", "--capsh": "0 2px 10px rgba(0,0,0,.45)" }, 72.9);
+// captions entrance: each chunk pops a little
+document.querySelectorAll("#cap .c").forEach((c) => {
+  const t = +c.dataset.start;
+  if (c.classList.contains("big")) tl.from(c, { scale: 0.75, opacity: 0, duration: 0.3, ease: "back.out(1.4)" }, t);
+  else tl.from(c, { y: 10, opacity: 0, duration: 0.16, ease: "sine.out" }, t);
+});
+
+window.__timelines = window.__timelines || {};
+window.__timelines["reel"] = tl;
+</script>
+</body></html>
diff --git a/.claude/skills/vsl/SKILL.md b/.claude/skills/vsl/SKILL.md
new file mode 100644
index 00000000..abf6570c
--- /dev/null
+++ b/.claude/skills/vsl/SKILL.md
@@ -0,0 +1,262 @@
+---
+name: vsl
+description: Edit a talking-head recording (vertical 9:16) into a VSL / sales video in Oney Araújo's style (curso "Edição Viral com Claude"). Two looks in one skill - (1) the "roxo/laranja" motion-UI style (presenter flying between FULL / SPLIT / PIP layouts, display titles BEHIND the head via matte, glowing pills, glass cards, UI mockups, camcorder "BRUTO" hook, logo reveal, before/after wipe, CTA) and (2) the "clean" look (white / light-blue, no colour grade, one white panel above the head with Apple emojis and literal schematics, a full SKIN - font + colours - per profession/section, one-word captions at the collar following the head). OPTIONAL, ONLY when the user explicitly asks ("usa a Higgsfield"): swap outfit and room with Higgsfield (Kling O3 video-edit) keeping face, voice and movement ("modo médico / advogado"). Also handles the Higgsfield key setup: "configura a minha chave da Higgsfield", "abre o arquivo onde eu colo a chave", "testa se a chave da Higgsfield está funcionando". Use when the user says "/vsl", "VSL", "vídeo de venda", "estilo clean", "modo médico", "troca a roupa e o cenário", "usa a Higgsfield". For phone reels use reel-oney; explainer reels reel-explicativo-oney; editorial reel-editorial-oney; ads anuncios-oney.
+---
+
+# VSL roxo (motion UI)
+
+**A regra:** o vídeo é uma conversa que **vira interface**. O apresentador nunca some por muito tempo: ele
+voa entre 4 câmeras (FULL → SPLIT → PIP → FULL) e cada palavra-chave falada ganha um elemento entrando
+**exatamente na palavra**. Tudo roxo, tudo com glow, tudo entrando com blur → nítido.
+
+Referência analisada quadro a quadro: `references/BREAKDOWN.md` (mapa de 0:00 a 2:59, cada efeito com
+tempo, geometria e easing) (as imagens de referência são material privado e não vêm no pacote)
+(10 quadros/s de cada motion: gancho+glitch, título atrás, FULL→SPLIT, camadas 3D, marquee, mural, antes/depois, logo).
+São material de estudo privado — nunca redistribuir nem usar como imagem em vídeo.
+Leia o BREAKDOWN antes de planejar. Números e paleta: `template/DESIGN.md`. Implementação: `template/kit.js`.
+
+## Fluxo (rode na raiz do kit `%USERPROFILE%\hyperframes-student-kit`)
+
+`S=.claude/skills/vsl/scripts` · `E=.claude/skills/reel-editorial-oney/scripts` · `X=.claude/skills/reel-explicativo-oney/scripts`
+
+1. **Projeto + transcrição**: `node $S/new-vsl.mjs "<video>" <slug>` → `video-projects/<slug>/assets/raw.mp4`, `raw.json`, `words.txt`.
+2. **Corte apertado** (a referência não tem respiro): `assets/keeps.json` (retakes, falsas largadas) →
+   em `assets/`: `~/.venvs/whisper/Scripts/python ../../../$X/tight-cut.py clean.mp4`.
+   Retranscreva `clean.mp4` → `assets/transcript.json` (mesmo formato). Nunca misture tempos do raw com o clean.
+3. **Matte (texto atrás da cabeça)**: na pasta do projeto
+   `npx hyperframes remove-background assets/clean.mp4 -o assets/matte.webm` (padrão no pacote; u2net). Com placa NVIDIA e o venv `~/.venvs/matte` (RVM resnet50, opcional)
+   dá para usar `matte.py`, que treme menos no cabelo.
+   Sem matte o título fica NA FRENTE — então suba o título para não cobrir o rosto.
+4. **Enquadramento** (`vsl.json`): olhe 1 frame de `clean.mp4` e ajuste
+   `{"punch":1.22, "fullPos":"50% 28%", "splitPos":"50% 30%", "pipPos":"50% 24%", "pipZoom":1.55,
+     "face":{"x":250,"y":330,"w":580,"h":700}, "head":{"x":540,"y":560}, "capY":1500}`
+   — `face` = caixa do rosto já com o punch (para o HUD), `head` = centro da cabeça (órbita). Música opcional:
+   `"music":{"file":"music.mp3","start":19,"volume":0.16}` (a referência só põe música depois do gancho).
+5. **Mapa de beats** (`assets/map.md`): para cada frase do transcript, qual layout e qual componente
+   (tabela "Gramática" abaixo). Regra de ritmo: FULL ~40 %, SPLIT ~45 %, PIP ~8 %, TAKEOVER ~7 %; algo novo
+   a cada 1,5–3 s. Mostre o mapa ao aluno antes de montar se ele não pediu para ir direto.
+6. **Beats** (`src/beats.js`): só chamadas `K.*` com tempos de `K.at("frase exata")`. `K.at` LANÇA ERRO se a frase
+   não existir — corrija a frase, nunca chute segundos. Use `node $E/anchors.mjs "frase" …` para conferir.
+7. **Build + lint**: na pasta do projeto `node ../../$S/build-index.mjs && npx hyperframes lint`.
+   (o build recopia kit.js/kit.css/fonts/sfx da skill — melhorias no kit valem para todos os projetos).
+8. **Conferir**: `npx hyperframes snapshot --at t1,t2,… --no-end` em CADA troca de layout e em cada efeito;
+   olhe: rosto nunca coberto (exceto título atrás), textos dentro da zona segura, nada cortado, glow sem estourar.
+   Draft: `npx hyperframes render -q draft -o renders/draft.mp4`; extraia frames das transições e ouça os SFX.
+   Final: `npx hyperframes render -q high -o renders/<slug>-final.mp4`. Evidências em `VERIFY.md`. Nunca publique.
+
+## Gramática (o que usar quando)
+
+| Momento da fala | Câmera | Componente(s) |
+|---|---|---|
+| Gancho "antes/sem edição" (0–2 s) | FULL bruto | `K.camcorder(0,t)` → `K.glitch(t)` (troca grade + boom) |
+| Frase-tese de impacto | FULL + punch | `K.behindTitle(["NOVA","ERA"], t)` (atrás da cabeça) |
+| Lista de 2–4 coisas faladas em sequência | FULL | `K.stack([{text,t,style:'blur'|'letters'|'image'|'glow'}])` ou `K.chain([...],{sep:'+'|'↓',label})` |
+| Frase-chave com termo forte | FULL | `K.cap({l1, hl})` (caixa roxa) · `K.cap({l1, big})` (linha grande lavanda) · `K.cap({acc})` |
+| "Eu / quem sou / apresentador" | FULL | `K.faceHud(t)` (scan + cantoneiras + etiqueta) |
+| Enumeração de benefícios/entregas | SPLIT | `K.section({kicker,title,acc},t)` + `K.grid([{img,label,icon,t}])` |
+| Dor / bagunça | SPLIT | `K.files(n,t)` + `K.notes([...])` + pílulas `K.pill(...,{kind:'dark'})` |
+| Ideia → resultado | SPLIT | `K.dashbox("ESPAÇO",t).drop(img,t2).wipe(img2,t3)` |
+| Variedade / portfólio | SPLIT/FULL | `K.row3d(imgs,t)` · `K.fan(imgs,t)` · `K.orbit(imgs,t0,t1)` (atrás da cabeça) |
+| ~~"Camadas / profundidade"~~ | — | **NÃO usar `K.layers3d`** (Oney vetou). Para "o que você vê é a minha personalização" use `K.versus(padrão, meu estilo, t)` |
+| Gancho "tudo isso foi editado por IA" | FULL → 3D | `K.explode(t0,t1,{lines,phrase})` — o quadro gira em 3D, as camadas (vídeo · texto · recorte dele) se afastam e a frase falada aparece LEGÍVEL na camada de texto |
+| Comando para IA / pedido | FULL ou SPLIT | `K.prompt(texto,t,{kicker,send})` |
+| Mensagem / direct / comentário | SPLIT | `K.dm({name,sub,text,attach},t)` |
+| Passo técnico / instalação | SPLIT | `K.terminal([{cmd,ok,t}],t)` |
+| Aprovação / prova | PIP | `K.stamp("APROVADO ✓",t,{x,y})` sobre um card |
+| Escala / "muitos vídeos" | TAKEOVER | `K.wall(imgs,["NA SUA","ESCALA"],t,d)` (zoom-out e mergulho de volta) |
+| Nome do produto | TAKEOVER | `K.takeover(t0,t1)` + `K.logo({text|img,sub},t,d)`; depois `K.marquee(rows,t,d)` atrás da cabeça |
+| Antes × depois | FULL | `K.beforeAfter(t,d)` (linha roxa varrendo; esquerda bruta) |
+| Número grande | FULL | `K.flash(t)` + `K.behindTitle(["100%"],t,{size:230})` |
+| Oferta | SPLIT | `K.price({...},t)` + `K.ring("7","DIAS",t)` + `K.pill(...)` |
+| Chamada final | FULL | `K.cta(texto,t,{clickAt})` + `K.kickerTop(...)` |
+
+Câmeras: `K.layout('full'|'wide'|'split'|'splitS'|'pip'|'pipL'|'card916'|'card11'|'card169'|'hidden', t, d=0.45)`.
+Enquadramento: `K.punch(t, escala, d=0)` (corte seco entre frases), `K.drift(t,d)`, `K.inset(t0,t1)` (moldura fina).
+Transições: `K.flash`, `K.leak` (light leak roxo), `K.glitch`. Saída de qualquer coisa: `K.out(el,t)` ou `{until:t}`.
+Tempo: `K.at(frase,n)`, `K.end(frase)`, `K.wt(frase)` (tempos de cada palavra), `K.has(frase)`.
+SFX: automáticos em cada componente (`assets/sfx/*.wav`, gerados por `make-sfx.mjs`); manual `K.sfx(nome,t,vol)`;
+desligar tudo: `vsl.json {"sfx":false}`; volume geral `"sfxVol":0.5` (padrão 0,55 — o Oney prefere SFX baixos).
+
+## Regras do Oney (v3, 2026-10-08)
+
+- **Legenda que segue a boca:** `K.mouthCaps({accent:[...]})` — blocos de 1–3 palavras logo abaixo do queixo, acompanhando
+  a cabeça quadro a quadro (precisa de `assets/face-track.json`: `~/.venvs/whisper/Scripts/python
+  ../../$S/track-mouth.py`). Some sozinha em SPLIT/PIP/TAKEOVER; sobe sozinha quando há pílula/CTA/progresso no peito.
+  Chame depois dos layouts e antes de `K.live`. Correções de palavras erradas do Whisper: `assets/caption-fixes.json`.
+- **Zona segura do Reels** (`cfg.safe` = `.claude/skills/vsl/references/SAFE-ZONES.md`: topo 220, base 1520, laterais 90/990, coluna de botões x>940 & y>1150):
+  nada de texto/UI fora. PIP fica no canto **inferior ESQUERDO** (`pip`) ou alto à direita (`pipTop`) — nunca no canto
+  inferior direito. Verifique SEMPRE: `node .claude/skills/vsl/scripts/safe-zone-check.mjs video-projects/<slug>` na raiz do kit (percorre o vídeo a cada 0,25 s).
+- **Sem "ééé" e sem respiração, com cortes J/L:** em `assets/`:
+  `python ../../../$S/transcribe-fillers.py raw.mp4 raw-fillers.json` (Whisper que NÃO esconde hesitações) →
+  `python ../../../$S/tight-jl-cut.py --jl 4` (corte pelo som + remove hesitações + J/L alternados; ajustes manuais em
+  `fillers.json {"cut":[[a,b]],"keep":[t]}`). Retranscreva `clean.mp4` e LEIA inteiro: vícios longos (>1,6 s) e
+  retomadas não são cortados sozinhos — confira e ajuste `keeps.json`/`fillers.json`.
+- `clean.mp4` precisa de keyframe a cada 1 s (`-g 30`), senão o render congela quadros.
+
+## Tema e fonte (vsl.json)
+
+- `"theme": "roxo"` (referência) ou `"laranja"` (pílulas, botões, brilhos, bordas e fundo em laranja/âmbar — combina
+  com luz quente e óculos âmbar). Os temas são só variáveis CSS (`#vsl.t-<tema>` em `kit.css`); para um tema novo copie o
+  bloco `t-laranja` e troque os valores.
+- `"font": "advercase"` → Advercase em TODO texto (títulos, legendas, pílulas, UI). Mono continua só em terminal/timecode.
+  Advercase é estreita: títulos atrás da cabeça precisam de `size` maior (≈ 300–400 para "100%") e de enquadramento
+  mais aberto (`K.punch(t,1.2)`) para o número ler inteiro.
+- Com a barra ao vivo (`K.live`), use `"topY": 312` para títulos não baterem nela, e `"capY"` na linha pescoço/gola (~1190).
+
+## Edição simultânea (pedido do Oney: "parecer que o vídeo está sendo editado pela IA enquanto eu falo")
+
+Objetivo: o espectador VÊ a edição acontecendo e entende quanto trabalho ela dá — e que com IA é simples.
+Exemplo completo: `template/beats.live.example.js`.
+
+| Fala | Componente |
+|---|---|
+| (o vídeo todo) | `K.live(t0, dur, {hide:[[a,b]]})` — barra "● IA EDITANDO" no topo: timecode, contador de edições, 4 trilhas (VÍDEO/TEXTO/MOTION/ÁUDIO) onde cada componente vira um bloco no instante em que entra, e aviso "+ legenda “…”". **Chame por último** no beats.js. Todo componente se registra sozinho (`K.ev(trilha, rótulo, t)` para registrar algo manual). |
+| "mandei um vídeo bruto com erros / respirações / falhas… e ele editou" | `K.waveCut(t, [{label,at,w,t}], {thumbs, cutAt})` — onda do áudio com as marcas acendendo na palavra e depois sendo cortadas (os buracos fecham) |
+| "horas editando", "dá trabalho" | `K.manual(t, d, {hours})` — timeline manual lotada nascendo, cursor frenético, contadores de cortes/keyframes/legendas/efeitos e relógio subindo até 8h |
+| "com IA é muito mais rápido" | `K.compare([{label,value,frac,bad,t}], t, {title})` — barras manual × IA |
+| "personalizei do meu jeito" | `K.stylePanel(t, {tFont,tColor,tCap,preview})` — o cursor escolhe fonte, cor e posição da legenda e a prévia muda |
+| "manda, baixa e posta" | `K.flow([{label,sub,icon,t,progress}])` — passos acendendo na palavra |
+| "comenta EU QUERO" | `K.comment({user,text},t)` + `K.dm(...)` |
+| "te entrega editado" | `K.progress(label, t, d)` — render até 100 % |
+| qualquer clique | `K.cursor([{x,y,t,click}])` |
+
+## Dois looks na mesma skill — pergunte qual, se o pedido não disser
+
+| | Look motion-UI (roxo/laranja) | Look clean (aprovado 2026-10-08) |
+|---|---|---|
+| Quando | VSL com identidade única, "motion UI", "igual àquela VSL" | ele "vira" várias pessoas/seções, "clean", "sem laranja", "cada parte com seu estilo" |
+| Base | kit.js/kit.css, grade de cor, câmeras FULL/SPLIT/PIP, pílulas com glow | **sem filtro nenhum**, tela cheia, painel branco acima da cabeça, Plus Jakarta |
+| Referência | `template/beats.example.js` | `template/clean/demo.template.html` |
+| Template | `template/index.template.html` + `scripts/build-index.mjs` | `template/clean/index.template.html` + `scripts/build-clean.mjs` (demo: `template/clean/demo.template.html`) |
+
+## Look clean (skin por seção) — regras
+
+- **Vídeo**: sem filtro, sem tint, sem vinheta, sem punch. O que foi gravado (ou gerado) é a cena.
+- **Base**: `--acc #4A90E2 --acc2 #EAF3FF --ink #102A43`, painel `rgba(255,255,255,.9)` raio 30, sombra suave, borda 2 px `--acc2`.
+- **Skins** (classe no root, trocada com `tl.set(root,{attr:{class}})` exatamente no corte; muda chips, pílula E legenda):
+  `.skin-med` Segoe UI / azul `#2F80ED` · `.skin-adv` Georgia / dourado `#B8902E` / preto · `.skin-nutri` Jakarta / verde `#2E9E5B`.
+  Para uma seção nova, copie um bloco `.skin-*` e troque fonte + 4 cores. Pílula "🩺 MODO MÉDICO" ~1,5 s após a transição.
+- **Painel**: `x 90–990, y 290–540`, sempre acima do topo da cabeça (o build imprime `cabeça min`; mínimo foi 674). Um emoji
+  Apple grande (150 px) à esquerda + 1–2 chips curtos + ✅/❌ (86 px) **na palavra**. **Uma ideia por painel**; o esquema tem
+  que condizer com o cenário (nutri = 🍚🥗🍎; médico = 💊🤧🧫🔍; advogado = 📄⚖️💰🛟). O painel seguinte só entra quando a fala
+  muda de assunto; o anterior sai 0,45 s antes de um corte.
+- **Abertura**: headline Advercase 86 px branca com contorno escuro, 2 linhas, 0,3 s → ~6 s; depois o primeiro painel.
+- **Legenda**: 1 palavra, 50 px, branca com contorno `rgba(16,42,67,.85)` 5 px; palavra-chave na cor da skin com contorno branco;
+  posição = média móvel (±6 quadros) de `mx` e **`chin + 165`** (linha da gola; `+78` ficou em cima do queixo); some em pausas > 0,6 s.
+- **Transições** (NÃO vêm no pacote — são de um pack pago; coloque as suas em `template/trans/` com os mesmos nomes, webm VP9 com alpha + wav; sem elas use corte seco com flash): `alpha-1` (film burn roxo/azul, 0,47 s) e `alpha-2` (0,30 s) nas trocas de
+  seção, `alpha-00` (escuro, 0,43 s) na volta. `<video class="trans">` em `data-track-index="2"` começando em
+  `corte − 0,45 × duração` + o `.wav` da própria transição (`track 3`, volume 0,45). Mais transições no pack:
+  `…\00_Oney Editing Viral Pack\Cinemarkers_4K\Assets\Alpha Transitions` (ProRes 4444 → `scale=-2:1920,crop=1080:1920` → VP9 `yuva420p`).
+- **SFX**: só o som das transições. **Áudio**: voz em `track 1`, vídeo `muted` em `track 0`.
+- **Emojis**: digite o caractere; `build-clean.mjs` troca pela arte da Apple (cache da `reel-oney`, baixa o que faltar).
+- **Demo antes do vídeo inteiro**: 2 seções (~20 s) com `template/clean/demo.template.html`; só siga depois do "gostei".
+
+## Troca de roupa e cenário com Higgsfield — SÓ quando o aluno pedir
+
+**Padrão desta skill é NÃO usar a Higgsfield.** Ative apenas se ele pedir com todas as letras ("usa a Higgsfield", "troca a
+roupa e o cenário", "modo médico", "me coloca de terno"). Sem esse pedido, a skill edita a footage como está, nos dois looks.
+### Primeira vez: a chave da Higgsfield (é o que a aula ensina)
+- "Configura a minha chave da Higgsfield / abre o arquivo onde eu colo ela" → `node .claude/skills/vsl/scripts/higgsfield-key.mjs setup`
+  (cria o `.env` do kit e abre no Bloco de Notas). Explique: colar a chave depois de `HIGGSFIELD_API_KEY=`, Ctrl+S, fechar.
+- "Testa se a chave da Higgsfield está funcionando" → `node .claude/skills/vsl/scripts/higgsfield-key.mjs test` (não gasta crédito).
+  ✓ → "instalação concluída". ✗ → chave incompleta/errada ou sem saldo; peça para copiar de novo em open.higgsfield.ai › API keys.
+- Se o aluno colar a chave no chat, avise que é arriscado, salve no `.env` (nunca repita a chave na resposta) e sugira criar
+  uma chave nova depois.
+- Onde pegar: **open.higgsfield.ai** (não o app higgsfield.ai) › login › **Top up / Add funds** (saldo pré-pago, separado da
+  assinatura do app) › **API keys** › **Create API key** › nome "claude" › **Create key** › **Copy API key** (aparece 1× só).
+
+### Quando o aluno pedir a troca
+0. **Chave**: `node .claude/skills/vsl/scripts/higgsfield-key.mjs test` (na raiz do kit; não gasta crédito). Sem chave ou
+   recusada → `higgsfield-key.mjs setup` abre o `.env` do kit no Bloco de Notas para colar a chave (nunca peça a chave no
+   chat). A credencial é lida por `scripts/hf-auth.mjs`: variáveis de ambiente → `.env` do kit.
+   Aceita a **chave única** do painel novo (open.higgsfield.ai › API keys › Create API key › Copy API key, "cole como está")
+   e o formato antigo key id + secret (`HIGGSFIELD_API_SECRET`).
+1. **Corte primeiro**, depois recorte os trechos que mudam (3 a 15,5 s cada, limite do Kling O3; a troca acontece no INÍCIO do
+   trecho — "Ou pode ser que eu seja um advogado" → corte em "Ou"):
+   `ffmpeg -ss a -to b -i assets/clean.mp4 -c:v libx264 -crf 16 -g 30 -c:a aac assets/hf/<nome>-src.mp4`.
+2. **Custo + OK antes de rodar**: `higgsfield-edit.mjs <src> <out> "<prompt>" --estimate` mostra a faixa por clipe sem subir
+   nada (US$ 0,042–0,126/s; tabela de 09/10/2026: Kling O3 "from $0.084/s", com desconto "from $0.042/s"; no pro pagamos
+   ~US$ 0,06–0,13/s). Some os clipes, mostre o total e peça o OK; diga que a footage dele sobe pra Higgsfield. Na geração o
+   script ainda tenta o `/estimate` oficial (o Kling O3 video-edit costuma responder 500 → cai na tabela). A API não devolve
+   o débito: o saldo fica no painel **open.higgsfield.ai** — logado, o menu NÃO tem "Billing": o saldo entra por **Top up**
+   (menu) / **Add funds** (botão). O saldo do app higgsfield.ai (assinatura) não vale na API.
+3. `node ../../.claude/skills/vsl/scripts/higgsfield-edit.mjs assets/hf/<nome>-src.mp4 assets/hf/<nome>-edit.mp4 "<prompt>" --mode pro`
+   — rode os clipes **em paralelo** (5–10 min cada). Prompt que funcionou: "Change the man's outfit to <roupa>. Change the
+   background to <cenário com 2–3 objetos>. Keep his face, glasses, hair, body movement, hand gestures, the mug in his hands and
+   the camera framing exactly the same. Photorealistic, same lighting on the face." Confira cada retorno numa folha de contato
+   (roupa, cenário, props, rosto). O Kling devolve 24 fps e 1–2 % mais curto.
+4. `python ../../.claude/skills/vsl/scripts/splice-hf.py --no-head --out assets/clean-hf.mp4 --span a b assets/hf/<nome>-edit.mp4 …`
+   (venv do whisper) — remonta o vídeo alinhando pelo início (deriva medida: 1–2 quadros), reamostra a 30 fps e segura o último
+   quadro. **`--no-head` = rosto do Kling puro**, que é o padrão recomendado (a colagem do rosto original pareceu máscara; `--head`
+   vaza o cabelo da IA). **Nenhum filtro** sobre os trechos gerados.
+5. Use o **look clean** por cima (o matte da VSL cobre a roupa nova e ele rejeitou a grade laranja nesses trechos).
+
+## Esquemas desenhados (K.panel)
+
+`K.panel(html, t, {title, box:{x,y,w,h}, steps:[{sel, t, anim:'pop'|'fade'|'slide'|'draw'|'strike', d, label, sfx}], until})` —
+card de vidro com o SEU HTML/SVG; cada `step` revela os filhos de `sel` na palavra (`draw` desenha path/circle SVG, `strike` cresce
+um risco). Use para ilustrar literalmente a fala (pinta no rosto com círculo, vírus ✕ / bactéria ✓, arroz riscado → ✓ PODE).
+Em SPLIT, `box: {x:90, y:400, w:900, h:560}` (abaixo da barra ao vivo, acima da moldura do vídeo).
+
+## Regras que fazem parecer a referência (e não um template genérico)
+
+- **Troca de câmera sempre animada** (o quadro voa e encolhe/cresce, 0,45 s) — nunca corte seco FULL↔SPLIT.
+- **FULL é sempre punch-in**, SPLIT/PIP mostram o enquadramento aberto. Punch extra (1,3–1,4) em frase de impacto, corte seco.
+- **Legenda NÃO é contínua.** Só frases-chave (1 a cada ~6–10 s), 2 níveis: linha pequena + destaque.
+- Títulos de 1–5 palavras; 1–2 palavras-acento lavanda. Nunca a frase inteira na tela.
+- Tudo entra com blur → nítido; tudo sai com blur + fade. Glow roxo em pílulas, bordas, títulos display.
+- Título display **atrás da cabeça** só em FULL e só com matte; a cabeça cobre parte das letras.
+- Cards de vidro: borda lavanda 30 %, fundo quase transparente, sombra funda, raio 22.
+- Gancho: 1,5–2 s "BRUTO" dessaturado com HUD de filmadora → glitch → grade roxa. É a assinatura do estilo.
+- Música só entra depois do gancho; SFX curtos e baixos; boom só em 2 momentos (gancho e logo).
+
+## Aprendizados de 2026-10-08 (vídeo de profissões do Oney)
+
+- **A camada `#layMatte` fica SEMPRE por cima do vídeo.** Se o `cam` for um vídeo com trechos trocados (Higgsfield), o matte
+  do original cobre a roupa/cenário novos e o Oney vê "ele na frente e outra pessoa se movendo atrás". Regenere o matte a partir
+  do vídeo final ou não use título atrás da cabeça nesses trechos.
+- **`tl.fromTo(el, {opacity:1, scaleX:0}, {scaleX:1})` some no render do HyperFrames** (no navegador aparece). Sempre inclua
+  `opacity` no destino, ou `tl.set(el,{opacity:1})` antes. Vale para qualquer tween que só "cresce".
+- **Snapshot sem nenhum overlay = `K.at` lançou erro.** Abra o `index.html` no navegador (preview do kit) e leia o console: a
+  mensagem diz a frase. Palavra com hífen ("seguro-desemprego") nunca casa — ancore na palavra anterior (`K.end("muitos casos")`).
+- O Oney **rejeitou a grade laranja e a UI pesada** para um vídeo em que ele "vira" várias pessoas (muda roupa e sala): nasceu o
+  look clean (seção acima). O look motion-UI continua valendo para vídeo de venda com identidade única.
+- `A("entregar")` pegou o 1º "entregar" de outra frase e um card vazou por 18 s: quando a palavra se repete, ancore com mais
+  contexto (`A("te entregar")`) e confira o `until` de cada painel na folha de contato. `at("minuto", 2)` falha se a 1ª é "minutos".
+- Animar `left` reprova no lint (`gsap_non_transform_motion`): use `x`. Chips estourando x > 990: o `safe-zone-check` pega —
+  empilhe em coluna com chips de 30 px.
+- `npx serve` com clean URLs quebra `assets/…` relativos ao abrir `/final/index.html` → `/final`: os 404 de emoji no navegador são
+  falsos; o snapshot/render do HyperFrames carrega certo.
+- Whisper padrão engole fala perto de pausas longas e "ééé": retranscreva as janelas suspeitas com `vad_filter=False` antes de
+  decidir cortes. Retomadas retóricas ("Quer melhorar a sua produção?", "Basicamente, o que vai acontecer é que") também saem.
+
+## Limites conhecidos (seja honesto com o aluno)
+
+- Fidelidade de **movimento, layout, tipografia e paleta**: alta. Conteúdo das telas (prints, thumbnails, UIs reais)
+  depende dos materiais do aluno — o kit desenha mockups genéricos; prints reais entram como `img`.
+- **Grade de cor**: feita por CSS (filtro + camadas roxas). Footage muito clara/colorida (parede branca, LED vermelho)
+  não fica idêntica à referência, que foi gravada num quarto escuro com LED roxo. Para ficar igual: gravar com fundo
+  escuro e luz roxa/azul atrás, ou aplicar LUT no ffmpeg antes (`-vf lut3d=arquivo.cube`).
+- **Matte**: RVM é ótimo em cabelo/óculos; microfone na frente pode sair parcial (só afeta texto que passe atrás dele).
+- Fontes: Anybody/Plus Jakarta/JetBrains são equivalentes livres de Monument Extended/Gilroy (comerciais). Se o
+  aluno tiver as licenças, troque os `@font-face` em `kit.css`.
+- Alternativas prontas no registry HyperFrames (se quiser variar): `camcorder-hud`, `glitch`, `light-sweep-pass`,
+  `shimmer-sweep`, `before-after-wipe`, `perspective-marquee`, `telemetry-hud`, `carousel-vision-*`, `terminal-simulator`,
+  `chat-thread`, `typed-prompt`, `oversized-cursor` (`npx hyperframes add <nome>`). Elas têm o visual delas, não o roxo — use o kit.
+
+## Nunca
+
+- **Rodar a Higgsfield (ou qualquer geração paga / upload da footage dele) sem ele pedir explicitamente e sem o OK do custo.**
+- **Pedir ou imprimir a chave da Higgsfield no chat.** Ela vai no `.env` do kit (`higgsfield-key.mjs setup`), que é gitignored.
+- Copiar logo, marca, textos ou imagens da VSL de referência. A skill copia a **gramática**, o conteúdo é do aluno.
+- Inventar prova (prints falsos de resultados, números que ele não disse). Mockups genéricos são ilustração.
+- Publicar ou enviar o vídeo sem o aluno pedir.
+
+
+## Entrega (regra do kit — obrigatória)
+
+1. **Zona segura** (vídeo vertical): antes do render final, na raiz do kit,
+   `node .claude/skills/vsl/scripts/safe-zone-check.mjs video-projects/<slug>` e corrija tudo até sair "zona segura OK" (regras e exceções em `.claude/skills/vsl/references/SAFE-ZONES.md`:
+   texto/UI em x 90–990, y 220–1520, nada na coluna de botões à direita, PIP nunca no canto inferior direito).
+2. **Vídeo pronto → abrir a pasta:** assim que o render FINAL terminar (não drafts), rode
+   `node .claude/skills/vsl/scripts/reveal.mjs video-projects/<slug>/renders/<arquivo>.mp4` — abre o Explorer com o vídeo selecionado.
diff --git a/.claude/skills/vsl/references/BREAKDOWN.md b/.claude/skills/vsl/references/BREAKDOWN.md
new file mode 100644
index 00000000..a1a4781c
--- /dev/null
+++ b/.claude/skills/vsl/references/BREAKDOWN.md
@@ -0,0 +1,112 @@
+# Decupagem da referência (VSL vertical, 2:59, 9:16, roxo)
+
+Fonte: VSL de página de vendas de um curso de edição com IA (720×1280, 30 fps, 1 apresentador sentado,
+microfone na frente, estante com LED roxo atrás). Analisada a 2 fps no vídeo inteiro e a 10 fps em todas
+as transições. Este documento descreve **a gramática de edição**, não o conteúdo: nunca copie marca,
+logo, roteiro ou imagens da referência — use a gramática com o conteúdo do Oney.
+
+Coordenadas abaixo já convertidas para 1080×1920 (referência × 1,5).
+
+## 1. As 4 "câmeras" (layouts) — o vídeo inteiro é uma troca entre elas
+
+| Layout | Quando | Geometria (1080×1920) |
+|---|---|---|
+| **FULL** | fala de impacto, título atrás da cabeça, pílulas no peito | vídeo em tela cheia, **sempre com punch-in ~1,2–1,3×** (rosto grande, cabeça no terço superior) |
+| **SPLIT** | explicação com UI (cards, painéis, mockups) | conteúdo no topo (y 60–960), vídeo num **card** embaixo: x 52, y 990, 976×880, raio 22, borda 2 px lavanda + glow, cantoneiras brancas dentro; enquadramento **aberto** (sem punch) |
+| **PIP** | UI ocupa a tela toda (agente, comparação, "escolha seu caminho") | vídeo vira **círculo** Ø 270, centro (891, 1722) (ou canto esquerdo (150,1722)), borda lavanda + glow |
+| **TAKEOVER** | logo, preço, mural, card final | sem apresentador; fundo roxo |
+
+Regras de troca (sempre animadas, nunca corte seco entre layouts):
+- FULL → SPLIT (0,35–0,5 s, `power3.inOut`): o quadro **encolhe** até o card de baixo enquanto o zoom do vídeo
+  volta a 1,0; o fundo roxo aparece por trás; título do topo entra 0,1 s depois.
+- SPLIT → FULL (0,4–0,5 s): o card **cresce** até a tela cheia (as bordas somem no fim), o conteúdo de cima
+  sai com blur + fade 0,25 s antes. Às vezes um **light leak roxo** da esquerda cobre a troca (0:16).
+- SPLIT → PIP (0,5 s): card encolhe para o canto e o raio vai a 50 % (vira círculo).
+- Card muda de proporção falando de formatos: 9:16 → 1:1 → 16:9 (0,35 s cada, rótulo "9:16 VERTICAL" no topo).
+
+Proporção de tempo na referência: FULL ~40 %, SPLIT ~45 %, PIP ~8 %, TAKEOVER ~7 %.
+Um elemento novo entra a cada **1,5–3 s**. Nunca há mais de ~4 s de tela "parada".
+
+## 2. Look
+
+- **Grade "final"**: preto esmagado roxo-azulado, rosto quente, recorte azul/ciano na lateral, LED da estante
+  magenta/roxo saturado. Vinheta forte nas bordas.
+- **Grade "bruto"** (só no gancho e no antes/depois): dessaturado, cinza, levantado, sem contraste.
+- **Fundo dos layouts SPLIT/PIP/TAKEOVER**: roxo profundo `#1f123d` com mancha mais clara no topo
+  `#2d1f50`, borda quase preta `#0e0b1e`, grade quadriculada muito sutil, glow radial roxo atrás do conteúdo.
+- **Paleta**: acento `#8b5cf6`/`#9b63ff`, botão gradiente `#8b55ff → #a07cff`, lavanda texto `#b9a3ff`/`#a98bff`,
+  card `rgba(255,255,255,.04)` com borda `rgba(167,139,250,.28)`, branco `#ffffff`, cinza texto `#a59cc4`.
+- **Tipografia** (3 vozes):
+  1. Display largo e pesadíssimo (estilo Monument Extended) → `Anybody 900, width 150%`: "NOVA ERA",
+     "PROFUNDIDADE 3D", "100%", mural "NA SUA ESCALA", letreiro, linha 1 do marquee.
+  2. Grotesca geométrica bold (estilo Gilroy) → `Plus Jakarta Sans 700/800`: títulos, legendas, pílulas, UI.
+  3. Mono (HUD, terminal, tags de camada) → `JetBrains Mono 500`.
+- **Kicker**: Jakarta 700, 20–22 px, caixa alta, letter-spacing .22em, cinza-lavanda, sempre acima do título.
+- **Palavra-acento**: em todo título 1–2 palavras ficam lavanda (`você`, `explicar`, `aprovada`, `certo`).
+
+## 3. Mapa de tempo da referência (o que acontece e como anima)
+
+| Tempo | Layout | Elemento | Animação |
+|---|---|---|---|
+| 0:00–1:6 | FULL bruto | **HUD de filmadora**: ● REC (ponto vermelho), timecode `00:00:SS:FF` correndo, cantoneiras L nos 4 cantos, rótulo mono "BRUTO · SEM EDIÇÃO" | grade dessaturada; HUD estático, timecode conta quadro a quadro |
+| 1:6–2:1 | FULL | **Glitch de barras**: 5 faixas horizontais finas (ciano/roxo alternadas, ~14 px, 70 % opac.) atravessam a tela; grade troca de bruto → final por baixo | 3–4 quadros; barras deslocam em x e somem; SFX ruído/glitch + **sub boom** |
+| 2:5–3:3 | FULL | **"NOVA ERA" atrás da cabeça** (display largo, branco, glow roxo, 2 linhas, topo) | letras entram com blur 20 px → 0 + leve deslize em x, stagger 0,04 s; cabeça na frente (matte) |
+| 3:4–4:0 | FULL→SPLIT | **corte p/ punch-in** e logo depois o quadro encolhe para o card; fileira de **cards 3D** (prints de vídeos) entra de cima/esquerda | cards em perspectiva (rotateY ~25°, profundidade), deslizando em leque |
+| 4:0–7:3 | SPLIT | fileira de 4 cards 3D estáticos com drift lento | drift x lento |
+| 7:4–8:1 | SPLIT→FULL | cards sobem e encolhem para dentro do topo; card do vídeo cresce até tela cheia | 0,6 s |
+| 8:1–10:1 | FULL | **moldura fina lavanda** (inset 12 px, raio 26) + **pílula** "AGORA NO SEU CONTEÚDO" no peito | pílula: scale .85→1 + blur, 0,25 s |
+| 10:3–12:4 | FULL | **pilha de lettering** centralizada no peito: linha 1 branca blur-in; linha 2 letra a letra (entra lavanda, assenta branca); linha 3 **preenchida com textura/imagem roxa**; linha 4 branca com glow roxo | uma linha por palavra falada |
+| 12:4–12:6 | FULL | pilha sai | blur + fade 0,2 s |
+| 12:6–16:0 | FULL | **legenda 2 níveis**: linha pequena branca palavra a palavra + linha de **destaque em caixa roxa** (caixa alta, glow) | palavra: opacity .25→1; caixa: scaleX 0→1 da esquerda + texto |
+| 12:6–13:6 | FULL | **HUD de rosto**: linha de scan roxa brilhante desce do topo ao fundo; cantoneiras em volta do rosto + etiqueta mono "APRESENTADOR" | scan 1,0 s linear; cantoneiras pop |
+| 16:0–16:5 | FULL→SPLIT | **light leak** roxo da esquerda + vídeo encolhe para o card | 0,5 s |
+| 16:5–25:7 | SPLIT | título de seção (kicker + título palavra a palavra, última palavra lavanda); **grade 2×2 de cards de vidro** (thumb + ícone + rótulo caixa alta) entrando um por um na palavra falada | card: opacity 0, y 24, scale .96 → 1, 0,35 s `power2.out` |
+| 25:8–27:3 | SPLIT→FULL | card cresce; **cantoneiras de rosto**; legenda "linha pequena + linha grande lavanda caixa alta" | linha grande palavra a palavra com blur |
+| 27:3–33:2 | FULL→SPLIT | painel "pasta de gravações" (contador de arquivos sobe, thumbs pop em stagger), **post-its** brancos inclinados ("aumenta a fonte", "corta esse trecho"…) colados por cima, pílulas de dor com bolinha, card "ENTREGA HOJE 23:59" laranja | stagger 0,12 s; post-it: rotate ±6°, scale 1.2→1 |
+| 32:4–35:0 | SPLIT | painel colapsa num **quadrado tracejado** que cresce → "ESPAÇO"; imagem-rascunho cai dentro; **wipe da esquerda** transforma rascunho → render roxo; pílula "do papel para a tela" | colapso 0,2 s; wipe 0,4 s com borda clara |
+| 35:0–37:5 | SPLIT | cards em **leque** (4 cards, inclinações diferentes) + título palavra a palavra embaixo | leque abre 0,5 s |
+| 38:0–38:6 | SPLIT→FULL | card cresce até tela cheia com punch | 0,5 s |
+| 38:6–44:0 | FULL | título central topo: kicker + **ícone em quadrado roxo + palavra** + sublinhado desenhando; **corrente de pílulas** no peito: rótulo "IMAGINE" → pílula → "+" → pílula → "+" → pílula | blur-in; pílulas entram na palavra falada |
+| 44:0–45:7 | TAKEOVER | fundo preto-roxo com feixe radial; **revelação de logo**: linha vertical roxa aparece, logo é revelado da esquerda p/ direita com **faixa de luz** branca na frente do wipe; tagline mono espaçada | 0,5 s; SFX whoosh + impacto |
+| 45:8–48:0 | FULL | **barra de prompt** (vidro, ícone chat à esq., botão ↑ roxo à dir.) digitando com cursor; quebra p/ 2 linhas; kicker acima | ~18 caracteres/s |
+| 48:8–52:0 | FULL | **marquee atrás da cabeça**: 4 linhas rolando em direções alternadas — display branco sólido / display contorno / Jakarta lavanda minúscula / contorno menor | cada linha entra com blur escalonado 0,1 s; velocidades diferentes |
+| 52:0–54:2 | FULL | 3 cards de vidro no topo + 3 embaixo (enquadram o rosto) | pop stagger |
+| 54:2–57:0 | FULL→SPLIT | título "… no momento certo"; **timeline com playhead** (régua com ticks + diamante de keyframe); imagem entra lavada/desfocada → cor total quando o playhead passa; pílula "no frame exato" | playhead linear |
+| 57:5–1:02 | SPLIT | título; **fluxo de 3 passos** (ícone em quadrado roxo + rótulo + sub) com setas; chips "▲ ACIMA / ABAIXO ▼" alternando ativo | passos entram em sequência |
+| 1:02–1:05 | FULL | **5 planos em profundidade 3D**: o quadro do vídeo vira o plano da frente, outros 4 planos de vidro atrás em perspectiva, cada um com etiqueta mono numerada ("05 · MOLDURA"…), ícones em círculos, rodapé "5 CAMADAS · PROFUNDIDADE REAL"; título display atrás da cabeça | câmera gira ~15° e volta; planos se afastam em z |
+| 1:05–1:06 | FULL | planos colapsam; vídeo fica com título atrás da cabeça + "3D" contorno | |
+| 1:05–1:10 | SPLIT | **DM mockup**: cabeçalho (avatar + "Nova mensagem"), "…" digitando, bolha com texto digitando, miniatura de vídeo anexada | 3 pontos 0,5 s → texto ~20 c/s |
+| 1:10–1:20 | SPLIT (card menor) | celular-referência + painéis de análise (onda de áudio "RITMO", chips de transição, grade de composição), seta → segundo celular "novo vídeo, mesma direção", pílulas "adaptado ao seu: roteiro / identidade / gravação" | painéis um a um |
+| 1:20–1:28 | PIP | título palavra a palavra; card "base v1" + **carimbo "APROVADO ✓"** (contorno, -8°, bate de 1.3→1); cards A/B/C empilhados com deslocamento; grade 3×2 de variações | carimbo 0,15 s + micro-shake |
+| 1:28–1:30 | card | troca de proporção 9:16 → 1:1 → 16:9 com rótulo no topo | 0,35 s |
+| 1:30–1:35 | SPLIT | categoria grande ("ANÚNCIOS." com ponto lavanda) + **barra segmentada** (5 traços) + imagem trocando com blur cross-fade | troca a cada ~0,8 s |
+| 1:36–1:40 | SPLIT | **terminal** (3 bolinhas, título mono), linhas `$ comando` digitando + barra de progresso + "✓ … instalado"; trilha "BÁSICO ——— AVANÇADO" | |
+| 1:40–1:42 | TAKEOVER | **editor de vídeo** (preview 9:16, propriedades, timeline com 6 trilhas, playhead correndo, "Exportando 9:16" barra) | |
+| 1:42–1:46 | PIP esq. | "ESCOLHA O SEU CAMINHO": card A, pílula "OU", card B | cards sobem; "OU" pop |
+| 1:46–1:53 | PIP | **app de agente** em perspectiva 3D (prompt digitando, checklist de etapas, camadas, timeline enchendo), pílulas "VOCÊ ORIENTA" / "E REVISA O RESULTADO" | |
+| 1:53–1:58 | SPLIT | moedas "T" voando para um cofre ($), "tentativa 1/2/3" riscadas com X, pílula "SEM TENTATIVAS DESNECESSÁRIAS" | |
+| 1:58–2:04 | FULL | **timeline grande** sobre o peito (trilhas MOTION/VÍDEO/VOZ/TELAS, clipes roxos, playhead), amostra destacada; fluxo "AMOSTRA → AJUSTE → REUSO" | |
+| 2:04–2:09 | FULL | kicker topo; pílula positiva roxa + pílula negativa escura com ✕ e texto riscado | |
+| 2:09–2:15 | SPLIT | **documento branco** rolando (guia), cursor clicando "copiar" | scroll suave |
+| 2:15–2:18 | SPLIT | 4 cards "SKILL.md" + etiqueta "BÔNUS" + bloco "IA" com glow | |
+| 2:18–2:21 | FULL | corrente vertical de pílulas com setas ↓ | |
+| 2:22–2:27 | FULL | **cards 3D orbitando atrás da cabeça** (thumbnails de aulas, inclinados, girando em carrossel), pílula inferior "12 aulas · …" trocando texto | carrossel lento, cards somem atrás do corpo (matte) |
+| 2:27–2:31 | FULL | corrente vertical de pílulas; legenda grande "no seu **ritmo**" | |
+| 2:31–2:33 | → TAKEOVER | **flash cinza**, vídeo encolhe para um card 9:16 que vira peça de um **mural** de dezenas de cards; título display "NA SUA ESCALA" por cima; câmera **mergulha** de volta no card do apresentador | zoom-out 0,4 s, zoom-in 0,4 s |
+| 2:33–2:44 | SPLIT | oferta: pílula "PRIMEIRA TURMA" + kicker, logo pequeno, card de preço (kicker, R$ + número display gigante + "à vista", parcelado), chips do que inclui, **anel de garantia** (traço circular desenhando + número), letra miúda | número conta; anel desenha 0,6 s |
+| 2:44–2:48 | FULL | kicker topo; **antes/depois**: linha vertical roxa brilhante varre da esquerda p/ direita, lado esquerdo grade bruta ("ANTES"), lado direito grade final ("DEPOIS · COM IA" pílula) | linha vai e volta, sai pela esquerda |
+| 2:48–2:52 | FULL | **flash** + "100%" display atrás da cabeça; "COM" + "IA" (caixa roxa) no peito; kicker + logo pequeno | blur-in |
+| 2:52–2:57 | FULL | **botão CTA** (pílula gradiente roxo, glow, seta →), **brilho varrendo** o botão, **cursor** entra e clica, chevrons ↓ pulsando; logo pequeno no topo | shimmer a cada 1,2 s |
+| 2:57–2:59 | TAKEOVER | card final: logo + CTA + letra miúda; fundo com feixe roxo vertical | fade do apresentador |
+
+## 4. Áudio
+
+- **Música** entra só em ~0:19 (antes disso: voz + SFX). Bed eletrônico grave, baixo, abaixo da voz.
+- **SFX** (visíveis no espectrograma): ruído de banda larga no glitch (1,7–2,2 s) + **sub boom** em 2,2 s;
+  whoosh + impacto na revelação do logo (43,6–44,3 s); cliques/pops curtos em quase toda entrada de
+  card/pílula; teclas na digitação. SFX curtos (<0,4 s), volume baixo, nunca brigam com a voz.
+
+## 5. Ritmo da fala
+
+Corte apertado (sem respiro entre frases), fala rápida e contínua. Cada palavra-chave ganha um elemento
+visual entrando **exatamente na palavra**. Títulos e pílulas mostram 1–4 palavras — nunca a frase inteira.
diff --git a/.claude/skills/vsl/references/SAFE-ZONES.md b/.claude/skills/vsl/references/SAFE-ZONES.md
new file mode 100644
index 00000000..972e00c6
--- /dev/null
+++ b/.claude/skills/vsl/references/SAFE-ZONES.md
@@ -0,0 +1,28 @@
+# Zona segura — vídeos verticais (1080×1920)
+
+Vale para **todas** as skills do kit, atuais e futuras. Interface do Instagram/TikTok cobre o topo (nome do perfil,
+áudio), a base (legenda do post, conta, botão seguir) e a coluna de botões à direita (curtir, comentar, enviar).
+
+| Perfil | Quando | Área segura (todo texto, número, pílula, botão, card com texto) |
+|---|---|---|
+| `reels` (padrão) | Reels, Shorts, TikTok orgânicos | **x 90–990 · y 220–1520** e nada na coluna de botões (x > 940 **e** y > 1150) |
+| `ads` | anúncio Meta (Reels ads) | **x 90–990 · y 270–1248** (Meta: 14 % topo, 35 % base) |
+
+Regras:
+- Laterais sempre ≥ 90 px (preferência do Oney — nada "encostando" nas bordas).
+- Legenda nunca no rodapé: no meio ou na linha pescoço/gola, dentro da área.
+- Apresentador em círculo (PIP): canto **inferior esquerdo** ou alto à direita — nunca no canto inferior direito.
+- Pode sangrar para fora (marcar `data-safe="ignore"`): fundos, fotos/vídeos em tela cheia, letreiro que corre para
+  fora de propósito, texto gigante decorativo atrás da cabeça que não precisa ser lido inteiro.
+- Exceção aprovada: anúncios do Oney com legenda logo abaixo do queixo até y 1640 (`#cap` com
+  `data-safe="caption"` + `--caption-bottom 1640`).
+
+Verificação obrigatória antes do render final (o script percorre o vídeo inteiro, a cada 0,25 s):
+
+```bash
+node scripts/safe-zone-check.mjs video-projects/<slug>
+node scripts/safe-zone-check.mjs video-projects/<slug> --profile ads --caption-bottom 1640
+```
+
+Corrija tudo o que aparecer (ou marque como exceção intencional) e rode de novo até sair "zona segura OK".
+Projetos com sub-composições (`data-composition-src`): confira também com `npx hyperframes snapshot`.
diff --git a/.claude/skills/vsl/scripts/build-clean.mjs b/.claude/skills/vsl/scripts/build-clean.mjs
new file mode 100644
index 00000000..7306b359
--- /dev/null
+++ b/.claude/skills/vsl/scripts/build-clean.mjs
@@ -0,0 +1,51 @@
+// Vídeo completo "clean + skin por profissão": gera final/index.html a partir de src/index.template.html.
+// - WORDS/FACE injetados (transcript/face-track já re-timados para final-base.mp4), correções de legenda
+// - emojis → artwork da Apple (cache da skill reel-oney); tempos das 4 transições calculados das palavras
+import { readFileSync, writeFileSync, existsSync, mkdirSync, copyFileSync } from "node:fs";
+import { execFileSync } from "node:child_process";
+import { dirname, join, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const skillCache = resolve(dirname(fileURLToPath(import.meta.url)), "..", "..", "reel-oney", "emoji-cache");
+mkdirSync(skillCache, { recursive: true });
+mkdirSync("assets/emoji", { recursive: true });
+const re = /(\p{Extended_Pictographic}(️|‍\p{Extended_Pictographic}|\p{Emoji_Modifier})*|[\u{1F1E6}-\u{1F1FF}]{2})/gu;
+const emo = (m) => {
+  const code = [...m].map((c) => c.codePointAt(0).toString(16)).filter((h) => h !== "fe0f").join("-");
+  const file = join(skillCache, code + ".png");
+  if (!existsSync(file)) execFileSync("curl", ["-sfL", "-o", file, `https://emojicdn.elk.sh/${encodeURIComponent(m)}?style=apple`]);
+  copyFileSync(file, `assets/emoji/${code}.png`);
+  return `<img class="emo" src="assets/emoji/${code}.png" alt="">`;
+};
+
+const FIX = { Cloud: "Claude" };
+const t = JSON.parse(readFileSync("assets/transcript.json", "utf8"));
+t.words = t.words.map((w) => { const m = w.text.match(/^(.*?)([.,!?;:…]*)$/); const b = m ? m[1] : w.text; return { ...w, text: (FIX[b] || b) + (m ? m[2] : "") }; });
+const dur = +t.audio_duration_secs.toFixed(3);
+const face = JSON.parse(readFileSync("assets/face-track.json", "utf8"));
+const norm = (s) => s.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9%]+/g, " ").trim();
+const WN = t.words.map((w) => ({ n: norm(w.text), s: w.start })).filter((w) => w.n);
+const at = (phrase) => { const p = norm(phrase).split(" "); for (let i = 0; i <= WN.length - p.length; i++) { let ok = true; for (let j = 0; j < p.length; j++) if (WN[i + j].n !== p[j]) { ok = false; break; } if (ok) return WN[i].s; } throw new Error("frase: " + phrase); };
+// transições centradas no corte do vídeo (início de cada clipe da Higgsfield e volta ao original)
+const TR = { "alpha-1": [0.466, 0.458], "alpha-2": [0.300, 0.292], "alpha-00": [0.433, 0.416] }; // [vídeo, áudio]
+const cuts = [
+  ["med", at("explicar") - 0.04, "alpha-1"],
+  ["adv", at("ou pode ser") - 0.04, "alpha-2"],
+  ["nut", at("ou eu posso") - 0.04, "alpha-1"],
+  ["back", at("enfim") - 0.14, "alpha-00"],
+];
+let transHtml = "";
+for (const [k, tc, f] of cuts) {
+  const [dv, da] = TR[f], s = (tc - dv * 0.45).toFixed(3);
+  transHtml += `<video id="trans-${k}" class="trans" src="assets/trans/${f}.webm" data-start="${s}" data-duration="${dv}" data-track-index="2" muted playsinline></video>\n`;
+  transHtml += `<audio id="sfx-trans-${k}" src="assets/trans/${f}.wav" data-start="${s}" data-duration="${da}" data-track-index="3" data-volume="0.45"></audio>\n`;
+}
+let html = readFileSync("src/index.template.html", "utf8")
+  .replaceAll("__DUR__", String(dur))
+  .replace("__TRANS__", transHtml)
+  .replace("__WORDS__", JSON.stringify(t.words))
+  .replace("__FACE__", JSON.stringify(face));
+html = html.replace(re, emo);
+writeFileSync("index.html", html);
+const tops = face.rows.map((r) => r[face.cols.indexOf("top")]);
+console.log(`index.html ok — ${dur}s, ${t.words.length} palavras, cabeça min/máx ${Math.min(...tops).toFixed(0)}/${Math.max(...tops).toFixed(0)}, cortes: ${cuts.map(([k, tc]) => `${k}@${tc.toFixed(2)}`).join(" ")}`);
diff --git a/.claude/skills/vsl/scripts/build-index.mjs b/.claude/skills/vsl/scripts/build-index.mjs
new file mode 100644
index 00000000..ea71ff93
--- /dev/null
+++ b/.claude/skills/vsl/scripts/build-index.mjs
@@ -0,0 +1,48 @@
+// Monta <projeto>/index.html a partir de src/index.template.html + src/beats.js + assets/transcript.json + vsl.json.
+// Rode na raiz do projeto:  node ../../.claude/skills/vsl/scripts/build-index.mjs
+// - Recopia kit.js / kit.css / fonts / sfx da skill para assets/ (o kit evolui na skill, o projeto acompanha).
+// - Se existir assets/matte.webm (scripts/matte.py), liga o "texto atrás da cabeça".
+// - vsl.json: {"theme":"roxo"|"laranja", "font":"padrao"|"advercase", "punch":1.22,"face":{x,y,w,h},"head":{x,y},"capY":1500,"music":{"file":"music.mp3","start":19,"volume":0.18}, ...}
+import { readFileSync, writeFileSync, existsSync, cpSync, mkdirSync } from "node:fs";
+import { dirname, join, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const skill = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+const T = join(skill, "template");
+const read = (p, d) => (existsSync(p) ? JSON.parse(readFileSync(p, "utf8")) : d);
+
+mkdirSync("assets", { recursive: true });
+for (const f of ["kit.js", "kit.css", "gsap.min.js"]) cpSync(join(T, f), join("assets", f));
+cpSync(join(T, "fonts"), join("assets", "fonts"), { recursive: true });
+if (existsSync(join(T, "sfx"))) cpSync(join(T, "sfx"), join("assets", "sfx"), { recursive: true });
+if (!existsSync("src/index.template.html")) { mkdirSync("src", { recursive: true }); cpSync(join(T, "index.template.html"), "src/index.template.html"); }
+if (!existsSync("src/beats.js")) cpSync(join(T, "beats.example.js"), "src/beats.js");
+
+const t = JSON.parse(readFileSync("assets/transcript.json", "utf8"));
+const cfg = read("vsl.json", {});
+const dur = +(cfg.dur || t.audio_duration_secs).toFixed(3);
+cfg.dur = dur;
+// correções de transcrição (nomes/termos que o Whisper erra): assets/caption-fixes.json {"errado": "certo"}
+const fix = read("assets/caption-fixes.json", {});
+const fixW = (s) => { if (s in fix) return fix[s]; const m = s.match(/^(.*?)([.,!?;:]*)$/); return m && m[1] in fix ? fix[m[1]] + m[2] : s; };
+const words = t.words.map((w) => ({ text: fixW(w.text), start: +w.start.toFixed(3), end: +w.end.toFixed(3) }));
+const face = existsSync("assets/face-track.json") ? JSON.parse(readFileSync("assets/face-track.json", "utf8")) : null;
+
+const matte = existsSync("assets/matte.webm")
+  ? `<div class="lens" id="lensMatte"><video id="matte" src="assets/matte.webm" data-start="0" data-duration="${dur}" data-track-index="2" muted playsinline></video></div>`
+  : "<!-- sem assets/matte.webm: texto 'atrás da cabeça' fica na frente (rode scripts/matte.py) -->";
+let music = "";
+if (cfg.music && existsSync(join("assets", cfg.music.file))) {
+  const s = cfg.music.start || 0;
+  music = `<audio id="music" src="assets/${cfg.music.file}" data-start="${s}" data-duration="${(dur - s).toFixed(3)}" data-track-index="3" data-volume="${cfg.music.volume ?? 0.18}"></audio>`;
+}
+const beats = readFileSync("src/beats.js", "utf8");
+const html = readFileSync("src/index.template.html", "utf8")
+  .replaceAll("__DUR__", String(dur)).replace("__CFG__", JSON.stringify(cfg)).replace("__WORDS__", JSON.stringify(words)).replace("__FACE__", JSON.stringify(face))
+  .replace("__CLASS__", `t-${cfg.theme || "roxo"} f-${cfg.font || "padrao"}`)
+  .replace("__MATTE__", matte).replace("__MUSIC__", music).replace("__BEATS__", beats);
+writeFileSync("index.html", html);
+const meta = read("meta.json", {});
+Object.assign(meta, { id: "vsl", width: 1080, height: 1920, fps: 30 });
+writeFileSync("meta.json", JSON.stringify(meta, null, 2));
+console.log(`index.html ok — ${dur}s, ${words.length} palavras, matte: ${existsSync("assets/matte.webm") ? "sim" : "NÃO"}, música: ${music ? "sim" : "não"}`);
diff --git a/.claude/skills/vsl/scripts/hf-auth.mjs b/.claude/skills/vsl/scripts/hf-auth.mjs
new file mode 100644
index 00000000..4a6c260e
--- /dev/null
+++ b/.claude/skills/vsl/scripts/hf-auth.mjs
@@ -0,0 +1,51 @@
+// Credencial da Higgsfield para os scripts da skill vsl.
+// Ordem de busca: variáveis de ambiente → .env na raiz do kit (hyperframes-student-kit\.env).
+// Formatos aceitos (a Higgsfield mudou o painel em 2026):
+//   HIGGSFIELD_API_KEY=<chave única copiada do open.higgsfield.ai>   ("cole como está")
+//   HIGGSFIELD_API_KEY=<key id> + HIGGSFIELD_API_SECRET=<secret>     (formato antigo, key id + secret)
+// Nunca imprima a chave.
+import { existsSync, readFileSync } from "node:fs";
+import { dirname, join, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+export const API = "https://api.higgsfield.ai";
+export const KIT = resolve(dirname(fileURLToPath(import.meta.url)), "..", "..", "..", "..");
+export const KIT_ENV = join(KIT, ".env");
+const FALLBACK_ENVS = [KIT_ENV];
+
+function parseEnv(file) {
+  const out = {};
+  for (const l of readFileSync(file, "utf8").split(/\r?\n/)) {
+    const m = l.match(/^\s*([A-Z0-9_]+)\s*=\s*(.*)$/);
+    if (m) out[m[1]] = m[2].trim().replace(/^["']|["']$/g, "");
+  }
+  return out;
+}
+
+export function loadCredential() {
+  let key = process.env.HIGGSFIELD_API_KEY, secret = process.env.HIGGSFIELD_API_SECRET, source = "ambiente";
+  if (!key) {
+    for (const f of FALLBACK_ENVS) {
+      if (!existsSync(f)) continue;
+      const e = parseEnv(f);
+      if (e.HIGGSFIELD_API_KEY) { key = e.HIGGSFIELD_API_KEY; secret = e.HIGGSFIELD_API_SECRET; source = f; break; }
+    }
+  }
+  if (!key) return null;
+  return { header: secret ? `Key ${key}:${secret}` : `Key ${key}`, source, format: secret ? "key id + secret" : "chave única" };
+}
+
+export function authHeaders() {
+  const c = loadCredential();
+  if (!c) throw new Error(`Chave da Higgsfield não encontrada. Rode: node ${join(".claude", "skills", "vsl", "scripts", "higgsfield-key.mjs")} setup`);
+  return { Authorization: c.header, "Content-Type": "application/json" };
+}
+
+// 404 numa requisição inexistente = chave aceita; 401 = chave inválida.
+export async function testCredential() {
+  const c = loadCredential();
+  if (!c) return { ok: false, reason: "sem chave" };
+  const r = await fetch(`${API}/requests/00000000-0000-0000-0000-000000000000/status`, { headers: { Authorization: c.header } });
+  if (r.status === 401 || r.status === 403) return { ok: false, reason: `chave recusada (${r.status})`, source: c.source };
+  return { ok: true, status: r.status, source: c.source, format: c.format };
+}
diff --git a/.claude/skills/vsl/scripts/higgsfield-edit.mjs b/.claude/skills/vsl/scripts/higgsfield-edit.mjs
new file mode 100644
index 00000000..625eddb4
--- /dev/null
+++ b/.claude/skills/vsl/scripts/higgsfield-edit.mjs
@@ -0,0 +1,78 @@
+// Edita um clipe existente na Higgsfield (Kling O3 video-edit): troca roupa/cenário mantendo movimento.
+// Uso:  node higgsfield-edit.mjs <src.mp4> <out.mp4> "<prompt>" [--ref img.jpg ...] [--mode std|pro|4k] [--model kling-video/o3/video-edit] [--estimate]
+//   --estimate : só mostra a faixa de custo pela duração do clipe e sai — NÃO sobe a footage nem gera nada.
+//   Numa geração de verdade o script ainda tenta o /estimate oficial da API antes de enviar.
+// Credencial: hf-auth.mjs (ambiente → .env do kit); aceita a chave única do painel
+//   novo (open.higgsfield.ai, "cole como está") ou key id + secret. Configurar/testar: higgsfield-key.mjs setup | test
+// Limites Kling O3: vídeo de 3 a 15,5 s, ≤ 200 MB, até 4 imagens de referência.
+// Preço (open.higgsfield.ai/pricing em 09/10/2026): Kling O3 "from $0.084/s" (desconto de lançamento "from $0.042/s");
+// no modo pro pagamos ~US$ 0,06–0,13/s em out/2026. A API não devolve o débito: o saldo fica no painel.
+import { writeFileSync, statSync } from "node:fs";
+import { basename, extname } from "node:path";
+import { execFileSync } from "node:child_process";
+import { API, authHeaders } from "./hf-auth.mjs";
+
+const args = process.argv.slice(2);
+const pos = []; const refs = []; let mode = "pro"; let model = "kling-video/o3/video-edit"; let estimateOnly = false;
+for (let i = 0; i < args.length; i++) {
+  if (args[i] === "--ref") refs.push(args[++i]);
+  else if (args[i] === "--mode") mode = args[++i];
+  else if (args[i] === "--model") model = args[++i];
+  else if (args[i] === "--estimate") estimateOnly = true;
+  else pos.push(args[i]);
+}
+const [src, out, prompt] = pos;
+if (!src || !out || !prompt) { console.error('uso: higgsfield-edit.mjs <src.mp4> <out.mp4> "<prompt>" [--ref img] [--mode pro] [--estimate]'); process.exit(1); }
+
+const H = authHeaders();
+const secs = (() => { try { return +execFileSync("ffprobe", ["-v", "error", "-show_entries", "format=duration", "-of", "csv=p=0", src]).toString().trim(); } catch { return NaN; } })();
+const tabela = () => isFinite(secs) ? `${secs.toFixed(1)} s × US$ 0,042–0,126/s ≈ US$ ${(secs * 0.042).toFixed(2)}–${(secs * 0.126).toFixed(2)} (faixa da tabela)` : "duração desconhecida";
+if (estimateOnly) { console.log(`custo: ${tabela()}`); process.exit(0); }
+
+async function upload(path) {
+  const ext = extname(path).toLowerCase();
+  const type = ext === ".mp4" ? "video/mp4" : ext === ".png" ? "image/png" : "image/jpeg";
+  const r = await fetch(`${API}/files/generate-upload-url`, { method: "POST", headers: H, body: JSON.stringify({ content_type: type }) });
+  if (!r.ok) throw new Error(`upload-url ${r.status}: ${await r.text()}`);
+  const info = await r.json();
+  const put = await fetch(info.upload_url, { method: "PUT", headers: info.upload_headers || { "Content-Type": type }, body: readFileSync(path) });
+  if (!put.ok) throw new Error(`PUT ${put.status}: ${await put.text()}`);
+  console.log(`  enviado ${basename(path)} (${(statSync(path).size / 1e6).toFixed(1)} MB)`);
+  return info.public_url;
+}
+
+const t0 = Date.now();
+console.log(`modelo ${model} · modo ${mode}`);
+const video_url = await upload(src);
+const image_urls = []; for (const r of refs) image_urls.push(await upload(r));
+const body = { prompt, video_urls: [video_url], mode };
+if (image_urls.length) body.image_urls = image_urls;
+// custo antes de gerar: tenta o endpoint oficial de estimativa (o Kling O3 video-edit às vezes responde 500) → tabela
+let est = null;
+try {
+  const e = await fetch(`${API}/estimate/${model}`, { method: "POST", headers: H, body: JSON.stringify(body) });
+  if (e.ok) est = await e.json();
+} catch {}
+console.log(est ? `  custo estimado pela API: US$ ${est.usd} (${est.credits} créditos)` : `  custo: ${tabela()}`);
+const sub = await fetch(`${API}/${model}`, { method: "POST", headers: H, body: JSON.stringify(body) });
+if (!sub.ok) throw new Error(`submit ${sub.status}: ${await sub.text()}`);
+const job = await sub.json();
+console.log(`  request ${job.request_id} (${job.status})`);
+const statusUrl = job.status_url || `${API}/requests/${job.request_id}/status`;
+let data;
+for (let i = 0; i < 240; i++) {
+  await new Promise((r) => setTimeout(r, 5000));
+  const p = await fetch(statusUrl, { headers: H });
+  if (!p.ok) throw new Error(`status ${p.status}: ${await p.text()}`);
+  data = await p.json();
+  const st = String(data.status || "").toLowerCase();
+  if (i % 6 === 0) console.log(`  ${st} … ${Math.round((Date.now() - t0) / 1000)}s`);
+  if (st === "completed") break;
+  if (["failed", "nsfw", "canceled", "cancelled"].includes(st)) throw new Error(`geração ${st}: ${JSON.stringify(data).slice(0, 600)}`);
+}
+const url = data?.video?.url || (JSON.stringify(data).match(/https?:\/\/[^"\s]+\.mp4[^"\s]*/) || [])[0];
+if (!url) throw new Error(`sem URL de vídeo: ${JSON.stringify(data).slice(0, 600)}`);
+const v = await fetch(url); if (!v.ok) throw new Error(`download ${v.status}`);
+writeFileSync(out, Buffer.from(await v.arrayBuffer()));
+writeFileSync(out.replace(/\.mp4$/, ".json"), JSON.stringify({ model, mode, prompt, refs, request_id: job.request_id, url, seconds: Math.round((Date.now() - t0) / 1000) }, null, 2));
+console.log(`pronto: ${out} (${Math.round((Date.now() - t0) / 1000)}s)`);
diff --git a/.claude/skills/vsl/scripts/higgsfield-key.mjs b/.claude/skills/vsl/scripts/higgsfield-key.mjs
new file mode 100644
index 00000000..8f03b2a1
--- /dev/null
+++ b/.claude/skills/vsl/scripts/higgsfield-key.mjs
@@ -0,0 +1,34 @@
+// Configura e testa a chave da Higgsfield (fluxo da aula "Higgsfield no Claude").
+// Uso (na raiz do kit):
+//   node .claude/skills/vsl/scripts/higgsfield-key.mjs setup   -> cria/abre o .env do kit no Bloco de Notas
+//   node .claude/skills/vsl/scripts/higgsfield-key.mjs test    -> diz se a chave funciona (sem gastar crédito)
+// A chave fica só no .env do kit (já está no .gitignore). Nunca peça para o aluno colar a chave no chat.
+import { existsSync, readFileSync, writeFileSync } from "node:fs";
+import { spawn } from "node:child_process";
+import { KIT_ENV, testCredential } from "./hf-auth.mjs";
+
+const cmd = process.argv[2] || "test";
+
+if (cmd === "setup") {
+  let txt = existsSync(KIT_ENV) ? readFileSync(KIT_ENV, "utf8") : "";
+  if (!/^\s*HIGGSFIELD_API_KEY\s*=/m.test(txt)) {
+    txt += `${txt && !txt.endsWith("\n") ? "\n" : ""}# Chave da API da Higgsfield (open.higgsfield.ai > API keys > Create API key > Copy API key). Não compartilhe.\nHIGGSFIELD_API_KEY=\n`;
+    writeFileSync(KIT_ENV, txt);
+  }
+  console.log(`Arquivo: ${KIT_ENV}`);
+  console.log("Cole a chave depois de HIGGSFIELD_API_KEY= , salve com Ctrl+S e feche.");
+  const opener = process.platform === "win32" ? ["notepad.exe", [KIT_ENV]] : process.platform === "darwin" ? ["open", ["-e", KIT_ENV]] : ["xdg-open", [KIT_ENV]];
+  spawn(opener[0], opener[1], { detached: true, stdio: "ignore" }).unref();
+} else if (cmd === "test") {
+  const r = await testCredential();
+  if (r.ok) console.log(`✓ Chave da Higgsfield funcionando (${r.format}, lida de ${r.source}).`);
+  else {
+    console.log(r.reason === "sem chave"
+      ? "✗ Nenhuma chave da Higgsfield configurada. Peça: \"Configura a minha chave da Higgsfield\" (abre o arquivo para colar)."
+      : `✗ ${r.reason} — ${r.source}. Confira se colou a chave inteira, sem espaços, salvou o arquivo e tem saldo em open.higgsfield.ai.`);
+    process.exitCode = 1;
+  }
+} else {
+  console.error("uso: higgsfield-key.mjs setup | test");
+  process.exitCode = 1;
+}
diff --git a/.claude/skills/vsl/scripts/make-sfx.mjs b/.claude/skills/vsl/scripts/make-sfx.mjs
new file mode 100644
index 00000000..bc72ace0
--- /dev/null
+++ b/.claude/skills/vsl/scripts/make-sfx.mjs
@@ -0,0 +1,32 @@
+// Gera os SFX do kit de forma procedural (ffmpeg, sem download, sem licença de terceiros) em template/sfx/*.wav.
+// Rode uma vez:  node .claude/skills/vsl/scripts/make-sfx.mjs
+// Para trocar por SFX de banco (Pixabay/Mixkit/Freesound CC0), salve com o MESMO nome em template/sfx/ e
+// ajuste SFX_DUR em kit.js se a duração mudar.
+import { execFileSync } from "node:child_process";
+import { mkdirSync } from "node:fs";
+import { dirname, join, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const out = join(resolve(dirname(fileURLToPath(import.meta.url)), ".."), "template", "sfx");
+mkdirSync(out, { recursive: true });
+const SR = 48000;
+const ev = (expr, d) => `aevalsrc='${expr}':s=${SR}:d=${d}`;
+const noise = (c, d, a = 0.5) => `anoisesrc=c=${c}:d=${d}:a=${a}:r=${SR}:seed=7`;
+const S = {
+  whoosh: [noise("pink", 0.6, 0.7), "highpass=f=250,lowpass=f=5200,afade=t=in:d=0.38:curve=exp,afade=t=out:st=0.38:d=0.22,volume=1.4"],
+  swoosh: [noise("pink", 0.4, 0.5), "bandpass=f=1400:w=1800,afade=t=in:d=0.2:curve=exp,afade=t=out:st=0.2:d=0.2,volume=1.2"],
+  glitch: [noise("white", 0.35, 0.6), "acrusher=bits=5:samples=24:mix=1,volume='if(lt(mod(t\\,0.06)\\,0.032)\\,1\\,0.12)':eval=frame,afade=t=out:st=0.22:d=0.13"],
+  boom: [ev("0.95*sin(2*PI*(34*t+9*(1-exp(-5*t))))*exp(-2.6*t)", 1.2), "lowpass=f=180,afade=t=in:d=0.004"],
+  pop: [ev("0.55*sin(2*PI*(620*t+1400*t*t))*exp(-38*t)", 0.12), "afade=t=in:d=0.002"],
+  click: [noise("white", 0.06, 0.6), "highpass=f=2500,afade=t=out:st=0.004:d=0.05:curve=exp"],
+  tick: [ev("0.45*sin(2*PI*2300*t)*exp(-120*t)", 0.04), "afade=t=in:d=0.001"],
+  type: [ev("0.32*sin(2*PI*(1700+300*sin(13*t))*t)*exp(-170*mod(t\\,0.073))*(0.55+0.45*abs(sin(41*t)))", 1.0), "highpass=f=900"],
+  riser: [ev("0.18*sin(2*PI*(180*t+260*t*t))*(t/1.4)", 1.4), "afade=t=out:st=1.25:d=0.15"],
+  shimmer: [ev("0.22*(sin(2*PI*2637*t)+sin(2*PI*3520*t)+0.5*sin(2*PI*5274*t))*exp(-4*t)", 0.9), "afade=t=in:d=0.01"],
+  stamp: [ev("0.9*sin(2*PI*72*t)*exp(-11*t)+0.35*sin(2*PI*180*t)*exp(-30*t)", 0.35), "lowpass=f=1200,afade=t=in:d=0.002"],
+  ding: [ev("0.35*sin(2*PI*1318*t)*exp(-5*t)+0.22*sin(2*PI*1975*t)*exp(-6*t)", 0.8), "afade=t=in:d=0.003"],
+};
+for (const [name, [src, fx]] of Object.entries(S)) {
+  execFileSync("ffmpeg", ["-y", "-v", "error", "-f", "lavfi", "-i", src, "-af", `${fx},aformat=channel_layouts=stereo`, "-ar", String(SR), "-c:a", "pcm_s16le", join(out, name + ".wav")]);
+  console.log("sfx", name);
+}
diff --git a/.claude/skills/vsl/scripts/matte.py b/.claude/skills/vsl/scripts/matte.py
new file mode 100644
index 00000000..315afed9
--- /dev/null
+++ b/.claude/skills/vsl/scripts/matte.py
@@ -0,0 +1,58 @@
+"""Recorte do apresentador (alpha) para o texto ATRÁS DA CABEÇA.
+
+Usa RobustVideoMatting (PeterL1n, ONNX, recorrente = sem tremedeira entre quadros, cabelo bom) na GPU.
+Saída: assets/matte.webm (VP9 com alpha, pixels ORIGINAIS do vídeo + alpha do RVM), alinhado quadro a quadro
+com assets/clean.mp4. build-index.mjs liga sozinho quando o arquivo existe.
+
+Rode na pasta do projeto:
+  ~/.venvs/matte/Scripts/python ../../.claude/skills/vsl/scripts/matte.py [assets/clean.mp4] [assets/matte.webm]   (opcional: placa NVIDIA)
+Opções (env): RVM_MODEL (padrão ~/.cache/vsl/rvm_resnet50_fp32.onnx), RVM_DOWNSAMPLE (0.25), RVM_CRF (24)
+Sem GPU/venv: npx hyperframes remove-background assets/clean.mp4 -o assets/matte.webm  (u2net, mais tremido).
+"""
+import glob, os, site, subprocess, sys, json
+import numpy as np
+
+src = sys.argv[1] if len(sys.argv) > 1 else "assets/clean.mp4"
+dst = sys.argv[2] if len(sys.argv) > 2 else "assets/matte.webm"
+model = os.environ.get("RVM_MODEL", os.path.expanduser("~/.cache/vsl/rvm_resnet50_fp32.onnx"))
+ds = float(os.environ.get("RVM_DOWNSAMPLE", "0.25"))
+crf = os.environ.get("RVM_CRF", "24")
+
+for base in site.getsitepackages():  # DLLs do CUDA/cuDNN instalados via pip (onnxruntime-gpu[cuda,cudnn])
+    for d in glob.glob(os.path.join(base, "nvidia", "*", "bin")):
+        os.add_dll_directory(d); os.environ["PATH"] = d + os.pathsep + os.environ["PATH"]
+import onnxruntime as ort
+try:
+    ort.preload_dlls()
+except Exception:
+    pass
+
+info = json.loads(subprocess.run(["ffprobe", "-v", "error", "-select_streams", "v:0", "-show_entries", "stream=width,height,r_frame_rate,nb_frames",
+                                  "-of", "json", src], capture_output=True, text=True).stdout)["streams"][0]
+W, H = int(info["width"]), int(info["height"])
+fps = info["r_frame_rate"]
+sess = ort.InferenceSession(model, providers=["CUDAExecutionProvider", "CPUExecutionProvider"])
+print("RVM", os.path.basename(model), "providers:", sess.get_providers(), f"{W}x{H}@{fps}", flush=True)
+
+dec = subprocess.Popen(["ffmpeg", "-v", "error", "-i", src, "-f", "rawvideo", "-pix_fmt", "rgb24", "-"], stdout=subprocess.PIPE)
+enc = subprocess.Popen(["ffmpeg", "-v", "error", "-y", "-f", "rawvideo", "-pix_fmt", "rgba", "-s", f"{W}x{H}", "-r", fps, "-i", "-",
+                        "-c:v", "libvpx-vp9", "-pix_fmt", "yuva420p", "-b:v", "0", "-crf", crf, "-row-mt", "1", "-deadline", "good", "-cpu-used", "4",
+                        "-auto-alt-ref", "0", "-metadata:s:v:0", "alpha_mode=1", dst], stdin=subprocess.PIPE)
+rec = [np.zeros([1, 1, 1, 1], dtype=np.float32)] * 4
+dr = np.array([ds], dtype=np.float32)
+n = 0
+fb = W * H * 3
+while True:
+    buf = dec.stdout.read(fb)
+    if len(buf) < fb:
+        break
+    rgb = np.frombuffer(buf, np.uint8).reshape(H, W, 3)
+    x = (rgb.astype(np.float32) / 255.0).transpose(2, 0, 1)[None]
+    fgr, pha, *rec = sess.run(None, {"src": x, "r1i": rec[0], "r2i": rec[1], "r3i": rec[2], "r4i": rec[3], "downsample_ratio": dr})
+    a = np.clip(pha[0, 0] * 255.0 + 0.5, 0, 255).astype(np.uint8)
+    enc.stdin.write(np.dstack([rgb, a]).tobytes())
+    n += 1
+    if n % 150 == 0:
+        print(f"  {n} quadros", flush=True)
+enc.stdin.close(); enc.wait(); dec.wait()
+print(f"ok: {dst} ({n} quadros)")
diff --git a/.claude/skills/vsl/scripts/new-vsl.mjs b/.claude/skills/vsl/scripts/new-vsl.mjs
new file mode 100644
index 00000000..6d87e1ee
--- /dev/null
+++ b/.claude/skills/vsl/scripts/new-vsl.mjs
@@ -0,0 +1,44 @@
+// Cria um projeto VSL roxo a partir de uma gravação e transcreve.
+// Rode na raiz do kit:  node .claude/skills/vsl/scripts/new-vsl.mjs "<video>" <slug>
+// Cria video-projects/<slug>/ com assets/raw.mp4 (1080x1920 30fps), assets/raw.json, assets/words.txt,
+// src/index.template.html, src/beats.js (exemplo), vsl.json e DESIGN.md.
+import { execFileSync } from "node:child_process";
+import { cpSync, mkdirSync, readFileSync, writeFileSync, existsSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { dirname, join, resolve } from "node:path";
+import { homedir } from "node:os";
+
+const [src, slug] = process.argv.slice(2);
+if (!src || !slug) { console.error('uso: new-vsl.mjs "<video>" <slug>'); process.exit(1); }
+const skill = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+const T = join(skill, "template");
+const proj = resolve("video-projects", slug);
+if (!existsSync(proj)) execFileSync(process.execPath, ["scripts/new-video.mjs", slug], { stdio: "inherit" });
+mkdirSync(join(proj, "src"), { recursive: true });
+if (!existsSync(join(proj, "src", "index.template.html"))) cpSync(join(T, "index.template.html"), join(proj, "src", "index.template.html"));
+if (!existsSync(join(proj, "src", "beats.js"))) cpSync(join(T, "beats.example.js"), join(proj, "src", "beats.js"));
+if (!existsSync(join(proj, "vsl.json"))) writeFileSync(join(proj, "vsl.json"), JSON.stringify({ punch: 1.22, capY: 1500 }, null, 2));
+cpSync(join(T, "DESIGN.md"), join(proj, "DESIGN.md"));
+
+const a = join(proj, "assets");
+if (!existsSync(join(a, "raw.mp4"))) {
+  console.log("transcodificando para 1080x1920 30fps…");
+  const enc = (v) => ["-y", "-v", "error", "-i", src, "-map", "0:v:0", "-map", "0:a:0?",
+    "-vf", "scale=1080:1920:force_original_aspect_ratio=increase,crop=1080:1920", ...v,
+    "-r", "30", "-g", "30", "-c:a", "aac", "-b:a", "192k", "-movflags", "+faststart", join(a, "raw.mp4")];
+  try { execFileSync("ffmpeg", enc(["-c:v", "h264_nvenc", "-preset", "p5", "-cq", "18"]), { stdio: "inherit" }); } // placa NVIDIA
+  catch { execFileSync("ffmpeg", enc(["-c:v", "libx264", "-preset", "veryfast", "-crf", "18"]), { stdio: "inherit" }); } // sem NVIDIA
+}
+console.log("transcrevendo (Whisper local)…");
+const PY = join(homedir(), ".venvs", "whisper", process.platform === "win32" ? "Scripts/python.exe" : "bin/python");
+execFileSync(PY, [join(skill, "..", "reel-editorial-oney", "scripts", "transcribe-local-whisper.py"), join(a, "raw.mp4"), join(a, "raw.json")],
+  { stdio: ["ignore", "inherit", "ignore"], env: { ...process.env, PYTHONIOENCODING: "utf-8" } });
+const t = JSON.parse(readFileSync(join(a, "raw.json"), "utf8"));
+let out = "", line = "", ls = 0, prev = 0;
+for (const w of t.words) {
+  if (w.start - prev > 0.5 || line.length > 90) { if (line) out += `${ls.toFixed(2).padStart(7)} ${line}\n`; if (w.start - prev > 0.5) out += `        --- pausa ${(w.start - prev).toFixed(1)}s\n`; line = ""; ls = w.start; }
+  line += `${w.text}@${w.start.toFixed(2)} `; prev = w.end;
+}
+out += `${ls.toFixed(2).padStart(7)} ${line}\n`;
+writeFileSync(join(a, "words.txt"), out);
+console.log(`pronto: ${proj}  (${t.audio_duration_secs}s, ${t.words.length} palavras — veja assets/words.txt)`);
diff --git a/.claude/skills/vsl/scripts/reveal.mjs b/.claude/skills/vsl/scripts/reveal.mjs
new file mode 100644
index 00000000..6289337f
--- /dev/null
+++ b/.claude/skills/vsl/scripts/reveal.mjs
@@ -0,0 +1,17 @@
+#!/usr/bin/env node
+// Abre a pasta do vídeo pronto no gerenciador de arquivos com o arquivo SELECIONADO.
+// Uso (de qualquer pasta):  node <kit>/scripts/reveal.mjs <arquivo.mp4>
+// Windows: Explorer (/select) · macOS: Finder (open -R) · Linux: abre a pasta.
+import { spawn } from 'node:child_process';
+import { existsSync } from 'node:fs';
+import { resolve, dirname } from 'node:path';
+
+const arg = process.argv[2];
+if (!arg) { console.error('uso: node scripts/reveal.mjs <arquivo>'); process.exit(1); }
+const file = resolve(arg);
+if (!existsSync(file)) { console.error(`não encontrado: ${file}`); process.exit(1); }
+const run = (cmd, args) => spawn(cmd, args, { detached: true, stdio: 'ignore', windowsVerbatimArguments: true }).unref();
+if (process.platform === 'win32') run('explorer.exe', [`/select,"${file.replace(/\//g, '\\')}"`]);
+else if (process.platform === 'darwin') run('open', ['-R', file]);
+else run('xdg-open', [dirname(file)]);
+console.log(`pasta aberta: ${file}`);
diff --git a/.claude/skills/vsl/scripts/safe-zone-check.mjs b/.claude/skills/vsl/scripts/safe-zone-check.mjs
new file mode 100644
index 00000000..b2f640fa
--- /dev/null
+++ b/.claude/skills/vsl/scripts/safe-zone-check.mjs
@@ -0,0 +1,100 @@
+#!/usr/bin/env node
+// Zona segura de vídeo VERTICAL (1080×1920) — vale para todas as skills do kit. Regras em .claude/skills/vsl/references/SAFE-ZONES.md.
+// Percorre o timeline inteiro e lista todo TEXTO (e todo elemento marcado como UI) visível fora da área segura.
+//   node scripts/safe-zone-check.mjs <projeto> [--profile reels|ads] [--step 0.25] [--strict]
+// Perfis:  reels (padrão, orgânico): x 90–990, y 220–1520, sem nada na coluna de botões (x > 940 e y > 1150)
+//          ads   (Meta Reels ads):     x 65–1015, y 270–1248
+// Legenda com limite próprio (exceção aprovada, ex.: anúncios com legenda sob o queixo até y 1640): marque o
+// contêiner da legenda com data-safe="caption" e passe --caption-bottom 1640.
+// Marque exceções intencionais (letreiro que corre para fora, texto gigante atrás da cabeça que sangra) com
+// data-safe="ignore" no elemento ou num ancestral. Marque cards/botões/pílulas sem texto com data-safe="ui".
+// Projetos com sub-composições (data-composition-src) precisam de `npx hyperframes preview`; o script avisa.
+import { createRequire } from 'node:module';
+import { resolve, dirname, join } from 'node:path';
+import { readFileSync, existsSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+
+const kit = resolve(dirname(fileURLToPath(import.meta.url)), '..', '..', '..', '..'); // skills/vsl/scripts -> raiz do kit
+const require = createRequire(join(kit, 'package.json'));
+const { chromium } = require('playwright');
+const args = process.argv.slice(2);
+const proj = resolve(args.find((a) => !a.startsWith('--') && !/^[\d.]+$/.test(a)) || '.');
+const opt = (k, d) => (args.includes(k) ? args[args.indexOf(k) + 1] : d);
+const PROFILES = {
+  reels: { left: 90, right: 990, top: 220, bottom: 1520, colX: 940, colY: 1150 },
+  ads: { left: 65, right: 1015, top: 270, bottom: 1248, colX: 9999, colY: 9999 },
+};
+const prof = opt('--profile', 'reels');
+const S = PROFILES[prof];
+if (!S) { console.error(`perfil desconhecido: ${prof}`); process.exit(2); }
+const step = +opt('--step', 0.25);
+const capBottom = +opt('--caption-bottom', S.bottom);
+const html = join(proj, 'index.html');
+if (!existsSync(html)) { console.error(`sem index.html em ${proj}`); process.exit(2); }
+const src = readFileSync(html, 'utf8');
+if (/data-composition-src=/.test(src)) console.warn('aviso: projeto com sub-composições — elementos dentro delas não são checados aqui (use hyperframes preview + snapshot).');
+
+const b = await chromium.launch({ channel: 'chrome' });
+const p = await b.newPage({ viewport: { width: 1080, height: 1920 } });
+p.on('pageerror', (e) => console.log('erro na página:', e.message));
+await p.goto('file:///' + html.split('\\').join('/'), { waitUntil: 'domcontentloaded' });
+let id = null;
+for (let i = 0; i < 80 && !id; i++) {
+  id = await p.evaluate(() => {
+    const root = document.querySelector('[data-composition-id]');
+    const k = root && root.getAttribute('data-composition-id');
+    return k && window.__timelines && window.__timelines[k] ? k : null;
+  });
+  if (!id) await p.waitForTimeout(250);
+}
+if (!id) { console.error('timeline não encontrado (window.__timelines)'); await b.close(); process.exit(2); }
+const info = await p.evaluate((id) => {
+  const r = document.querySelector(`[data-composition-id="${id}"]`);
+  return { w: +r.getAttribute('data-width') || r.offsetWidth, h: +r.getAttribute('data-height') || r.offsetHeight, dur: window.__timelines[id].duration() };
+}, id);
+if (info.h <= info.w) { console.log(`não é vertical (${info.w}×${info.h}) — nada a checar`); await b.close(); process.exit(0); }
+const k = info.w / 1080;
+const issues = new Map();
+for (let t = 0; t <= info.dur; t += step) {
+  const found = await p.evaluate(({ id, t, S, k, capBottom }) => {
+    window.__timelines[id].seek(t, false);
+    const root = document.querySelector(`[data-composition-id="${id}"]`), base = root.getBoundingClientRect();
+    // como o renderizador: elemento com data-start/data-duration só existe dentro da sua janela de tempo
+    const live = (e) => { if (e === root || !e.hasAttribute('data-start')) return true; const s = parseFloat(e.getAttribute('data-start')), d = parseFloat(e.getAttribute('data-duration')); if (isNaN(s)) return true; return t >= s && (isNaN(d) || t < s + d); };
+    const vis = (el) => { let o = 1; for (let e = el; e && e !== root.parentElement; e = e.parentElement) { if (!live(e)) return 0; const cs = getComputedStyle(e); if (cs.display === 'none' || cs.visibility === 'hidden') return 0; o *= +cs.opacity; } return o; };
+    const ignored = (el) => !!el.closest('[data-safe="ignore"]');
+    const out = [];
+    const check = (el, r, label) => {
+      const bottom = el.closest('[data-safe="caption"]') ? capBottom : S.bottom;
+      const x0 = (r.left - base.left) / k, y0 = (r.top - base.top) / k, x1 = (r.right - base.left) / k, y1 = (r.bottom - base.top) / k;
+      if (x1 < 0 || y1 < 0 || x0 > 1080 || y0 > 1920) return; // fora do quadro = invisível
+      const bad = [];
+      if (y0 < S.top - 2) bad.push('topo');
+      if (y1 > bottom + 2) bad.push('base');
+      if (x0 < S.left - 2) bad.push('esquerda');
+      if (x1 > S.right + 2) bad.push('direita');
+      if (x1 > S.colX && y1 > S.colY) bad.push('botões do app');
+      if (bad.length) out.push(`${bad.join('+')} :: ${label.slice(0, 44)} [${Math.round(x0)},${Math.round(y0)},${Math.round(x1)},${Math.round(y1)}]`);
+    };
+    const rg = document.createRange();
+    for (const el of root.querySelectorAll('*')) {
+      if (/^(VIDEO|AUDIO|SCRIPT|STYLE|TEMPLATE)$/.test(el.tagName) || ignored(el)) continue;
+      const ui = el.getAttribute('data-safe') === 'ui';
+      const texts = [...el.childNodes].filter((n) => n.nodeType === 3 && n.textContent.trim());
+      if (!texts.length && !ui) continue;
+      if (vis(el) < 0.08) continue;
+      if (ui) { const r = el.getBoundingClientRect(); if (r.width > 3 && r.height > 3) check(el, r, '[ui] ' + (el.textContent || el.className || el.tagName).trim()); continue; }
+      let L = 1e9, T = 1e9, R = -1e9, B = -1e9;
+      for (const n of texts) { rg.selectNodeContents(n); const q = rg.getBoundingClientRect(); if (q.width < 1) continue; L = Math.min(L, q.left); T = Math.min(T, q.top); R = Math.max(R, q.right); B = Math.max(B, q.bottom); }
+      if (R > L) check(el, { left: L, top: T, right: R, bottom: B }, el.textContent.trim());
+    }
+    return out;
+  }, { id, t, S, k, capBottom });
+  for (const f of found) { if (!issues.has(f)) issues.set(f, []); issues.get(f).push(t.toFixed(2)); }
+}
+await b.close();
+if (!issues.size) { console.log(`zona segura OK — perfil ${prof}, ${info.dur.toFixed(1)} s, passo ${step} s`); process.exit(0); }
+const rows = [...issues].sort((a, b) => +a[1][0] - +b[1][0]);
+console.log(`${rows.length} problema(s) de zona segura — perfil ${prof} (x ${S.left}–${S.right}, y ${S.top}–${S.bottom}):`);
+for (const [msg, ts] of rows) console.log(`  ${ts[0]}–${ts[ts.length - 1]} s  ${msg}`);
+process.exit(args.includes('--strict') ? 1 : 0);
diff --git a/.claude/skills/vsl/scripts/splice-hf.py b/.claude/skills/vsl/scripts/splice-hf.py
new file mode 100644
index 00000000..469a42f0
--- /dev/null
+++ b/.claude/skills/vsl/scripts/splice-hf.py
@@ -0,0 +1,130 @@
+"""Troca trechos de clean.mp4 por clipes editados na Higgsfield (roupa/cenário), colando a CABEÇA ORIGINAL por cima.
+
+Uso (na pasta do projeto, venv do whisper — precisa de numpy):
+  python splice-hf.py --out assets/clean-hf.mp4 --span 16.30 26.06 assets/hf/medico-edit.mp4 --span 26.06 40.24 assets/hf/advogado-edit.mp4 ...
+Opções: --no-head (não cola a cabeça) --feather 14 --grow 1.25 --test (só o primeiro span, para conferir)
+
+Cabeça = alpha do matte.webm × elipse em volta do rosto (assets/face-track.json: top, chin, x0, x1 por quadro),
+suavizada. Onde a máscara é 1 fica o quadro original; onde é 0 fica o quadro da Higgsfield.
+O clipe da Higgsfield é alinhado pelo INÍCIO do span; se for mais curto, o último quadro é segurado.
+"""
+import argparse, json, os, subprocess, sys, tempfile
+import numpy as np
+
+ap = argparse.ArgumentParser()
+ap.add_argument("--src", default="assets/clean.mp4")
+ap.add_argument("--matte", default="assets/matte.webm")
+ap.add_argument("--track", default="assets/face-track.json")
+ap.add_argument("--out", default="assets/clean-hf.mp4")
+ap.add_argument("--span", nargs=3, action="append", metavar=("INI", "FIM", "CLIPE"), required=True)
+ap.add_argument("--no-head", action="store_true", help="não cola nada do original (fica o rosto da IA)")
+ap.add_argument("--head", action="store_true", help="cola a cabeça inteira (alpha do matte × elipse); padrão é só o rosto")
+ap.add_argument("--feather", type=float, default=18)
+ap.add_argument("--grow", type=float, default=1.25, help="(modo --head) fator da elipse em volta da cabeça")
+ap.add_argument("--fx", type=float, default=0.80, help="(modo rosto) largura da elipse do rosto, fração da meia-largura x0..x1")
+ap.add_argument("--fy", type=float, default=0.66, help="(modo rosto) altura da elipse, fração da meia-altura top..chin")
+ap.add_argument("--test", action="store_true")
+a = ap.parse_args()
+W, H, FPS = 1080, 1920, 30
+
+
+def dur(p):
+    return float(subprocess.check_output(["ffprobe", "-v", "error", "-show_entries", "format=duration", "-of", "csv=p=0", p]).decode().strip())
+
+
+def run(cmd):
+    r = subprocess.run(cmd, capture_output=True, text=True, encoding="utf-8", errors="replace")
+    if r.returncode:
+        sys.exit(f"ffmpeg falhou:\n{' '.join(cmd)}\n{r.stderr[-3000:]}")
+
+
+track = json.load(open(a.track, encoding="utf-8"))
+cols = track["cols"]; rows = track["rows"]
+ci = {c: i for i, c in enumerate(cols)}
+
+
+def head_at(t):
+    i = min(len(rows) - 1, max(0, int(round(t * FPS))))
+    r = rows[i]
+    return r[ci["x0"]], r[ci["x1"]], r[ci["top"]], r[ci["chin"]]
+
+
+def ellipse_frames(t0, t1, path):
+    """escreve rawvideo gray 1080x1920 com a elipse da cabeça, quadro a quadro (fonte da máscara)."""
+    n = int(round((t1 - t0) * FPS))
+    yy, xx = np.mgrid[0:H, 0:W].astype(np.float32)
+    with open(path, "wb") as f:
+        for k in range(n):
+            x0, x1, top, chin = head_at(t0 + k / FPS)
+            if a.head:
+                cx, cy = (x0 + x1) / 2, (top + chin) / 2 - (chin - top) * 0.04
+                rx, ry = (x1 - x0) / 2 * a.grow, (chin - top) / 2 * a.grow
+            else:  # só o rosto: elipse por dentro do contorno da cabeça (testa → queixo), cabelo e contorno ficam da IA
+                cx, cy = (x0 + x1) / 2, (top + chin) / 2 + (chin - top) * 0.12
+                rx, ry = (x1 - x0) / 2 * a.fx, (chin - top) / 2 * a.fy
+            d = ((xx - cx) / rx) ** 2 + ((yy - cy) / ry) ** 2
+            m = np.clip((1.08 - d) / 0.16, 0, 1)  # borda já meio suave; o gblur termina
+            f.write((m * 255).astype(np.uint8).tobytes())
+    return n
+
+
+spans = [(float(s), float(e), c) for s, e, c in a.span]
+spans.sort()
+if a.test:
+    spans = spans[:1]
+total = dur(a.src)
+tmp = tempfile.mkdtemp(prefix="splice-")
+parts = []
+cursor = 0.0
+
+
+def seg_src(t0, t1, out):
+    run(["ffmpeg", "-v", "error", "-y", "-ss", f"{t0:.3f}", "-to", f"{t1:.3f}", "-i", a.src, "-an", "-r", str(FPS),
+         "-c:v", "libx264", "-preset", "fast", "-crf", "14", "-g", "30", "-pix_fmt", "yuv420p", out])
+
+
+for i, (t0, t1, clip) in enumerate(spans):
+    if t0 > cursor + 0.001:
+        p = os.path.join(tmp, f"orig{i}.mp4"); seg_src(cursor, t0, p); parts.append(p)
+    n = int(round((t1 - t0) * FPS))
+    out = os.path.join(tmp, f"hf{i}.mp4")
+    cd = dur(clip)
+    pad = max(0.0, (t1 - t0) - cd + 0.05)
+    base = f"[1:v]fps={FPS},scale={W}:{H}:flags=lanczos,setsar=1,tpad=stop_mode=clone:stop_duration={pad:.3f},trim=duration={t1 - t0:.3f},setpts=PTS-STARTPTS[kl]"
+    if a.no_head:
+        run(["ffmpeg", "-v", "error", "-y", "-i", a.src, "-i", clip, "-filter_complex", base + ";[kl]format=yuv420p[v]",
+             "-map", "[v]", "-an", "-c:v", "libx264", "-preset", "fast", "-crf", "14", "-g", "30", "-pix_fmt", "yuv420p", out])
+    else:
+        ell = os.path.join(tmp, f"ell{i}.raw"); ellipse_frames(t0, t1, ell)
+        # maskedmerge precisa de formatos PLANARES iguais nos 3 lados: gbrp (rgb24 empacotado sai em cinza)
+        if a.head:
+            mask = (f";[2:v]trim=start={t0:.3f}:end={t1:.3f},setpts=PTS-STARTPTS,fps={FPS},format=rgba,alphaextract,format=gray[ma]"
+                    f";[3:v]gblur=sigma={a.feather},format=gray[el]"
+                    f";[ma][el]blend=all_mode=multiply,format=gray,format=gbrp[mask]")
+            inputs = ["-i", a.src, "-i", clip, "-c:v", "libvpx-vp9", "-i", a.matte,
+                      "-f", "rawvideo", "-pix_fmt", "gray", "-s", f"{W}x{H}", "-r", str(FPS), "-i", ell]
+        else:
+            mask = f";[2:v]gblur=sigma={a.feather},format=gray,format=gbrp[mask]"
+            inputs = ["-i", a.src, "-i", clip, "-f", "rawvideo", "-pix_fmt", "gray", "-s", f"{W}x{H}", "-r", str(FPS), "-i", ell]
+        fc = (base +
+              f";[0:v]trim=start={t0:.3f}:end={t1:.3f},setpts=PTS-STARTPTS,fps={FPS},format=gbrp[orig]"
+              + mask +
+              f";[kl]format=gbrp[klr];[klr][orig][mask]maskedmerge,format=yuv420p[v]")
+        run(["ffmpeg", "-v", "error", "-y", *inputs,
+             "-filter_complex", fc, "-map", "[v]", "-an", "-frames:v", str(n),
+             "-c:v", "libx264", "-preset", "fast", "-crf", "14", "-g", "30", "-pix_fmt", "yuv420p", out])
+        os.remove(ell)
+    parts.append(out)
+    cursor = t1
+    print(f"span {t0:.2f}-{t1:.2f} <- {os.path.basename(clip)} (clipe {cd:.2f}s, pad {pad:.2f}s)")
+if cursor < total - 0.001:
+    p = os.path.join(tmp, "tail.mp4"); seg_src(cursor, total, p); parts.append(p)
+
+lst = os.path.join(tmp, "list.txt")
+with open(lst, "w", encoding="utf-8") as f:
+    for p in parts:
+        f.write(f"file '{p.replace(os.sep, '/')}'\n")
+run(["ffmpeg", "-v", "error", "-y", "-f", "concat", "-safe", "0", "-i", lst, "-i", a.src, "-map", "0:v", "-map", "1:a",
+     "-c:v", "libx264", "-preset", "medium", "-crf", "16", "-g", "30", "-pix_fmt", "yuv420p", "-c:a", "aac", "-b:a", "192k",
+     "-movflags", "+faststart", "-shortest", a.out])
+print(f"pronto: {a.out} ({dur(a.out):.2f}s; fonte {total:.2f}s)")
diff --git a/.claude/skills/vsl/scripts/tight-jl-cut.py b/.claude/skills/vsl/scripts/tight-jl-cut.py
new file mode 100644
index 00000000..6ce6b7c9
--- /dev/null
+++ b/.claude/skills/vsl/scripts/tight-jl-cut.py
@@ -0,0 +1,117 @@
+"""Corte apertado + sem "ééé" + cortes J/L, numa passada só.
+
+1. Detecta fala pelo SOM (energia + inclinação espectral): pausas e RESPIRAÇÕES saem, finais de palavra ficam.
+2. Remove vícios de fala listados em raw-fillers.json (transcribe-fillers.py):
+   - hesitação pura ("ãã", "hum", "éé", "eh"...) → sai inteira;
+   - conjunção esticada ("e", "é", "a", "um" com mais de 0,45 s) → fica só o começo (0,14 s), o resto do "eeee" sai.
+   Ajuste manual em fillers.json: {"cut": [[ini, fim], ...], "keep": [ini, ...], "force": [[ini, fim], ...]} (tempos do raw;
+   "force" mantém um som que não é voz — estalo de dedo, palma — dentro de um keep).
+3. Cortes J/L: em cada ponto de edição real a IMAGEM corta JL quadros antes/depois do SOM, alternando
+   J (som da próxima frase entra antes) e L (imagem da próxima frase chega antes).
+Rode em <projeto>/assets com o python do venv whisper:  python tight-jl-cut.py [--jl 4] [--out clean.mp4]
+Entradas: raw.mp4, keeps.json, raw-fillers.json (opcional), fillers.json (opcional).
+Saídas: clean.mp4, edit-decisions.json, fillers-removed.txt
+"""
+import json, os, subprocess, sys, unicodedata
+import numpy as np
+
+args = sys.argv[1:]
+JL = int(args[args.index("--jl") + 1]) if "--jl" in args else 4
+OUT = args[args.index("--out") + 1] if "--out" in args else "clean.mp4"
+FPS = 30
+SR, HOP, WIN = 16000, 160, 480
+LEAD, TAIL = 0.06, 0.14
+HOLE, ISLAND = 0.20, 0.07
+fr = lambda t: round(t * FPS) / FPS
+
+subprocess.run(["ffmpeg", "-v", "error", "-y", "-i", "raw.mp4", "-vn", "-ac", "1", "-ar", str(SR), "-f", "s16le", "raw16.pcm"], check=True)
+a = np.fromfile("raw16.pcm", dtype=np.int16).astype(np.float32) / 32768
+n = (len(a) - WIN) // HOP
+f = np.fft.rfftfreq(WIN, 1 / SR); lo_b = (f > 80) & (f < 900); hi_b = (f > 2000) & (f < 7000); hann = np.hanning(WIN)
+db = np.empty(n); tilt = np.empty(n)
+for i in range(n):
+    x = a[i * HOP:i * HOP + WIN]
+    db[i] = 20 * np.log10(np.sqrt((x ** 2).mean()) + 1e-9)
+    X = np.abs(np.fft.rfft(x * hann)) ** 2
+    tilt[i] = 10 * np.log10((X[lo_b].sum() + 1e-12) / (X[hi_b].sum() + 1e-12))
+sp = ((db > -33) & (tilt > 12)) | ((db > -26) & (tilt > 0))
+
+# ---- vícios de fala viram "silêncio" forçado
+def nz(s): return "".join(c for c in unicodedata.normalize("NFD", s.lower()) if c.isalpha())
+cuts = []
+if os.path.exists("raw-fillers.json"):
+    for w in json.load(open("raw-fillers.json", encoding="utf-8"))["words"]:
+        t, d = nz(w["text"]), w["end"] - w["start"]
+        pure = t in ("aa", "aaa", "ee", "eee", "eh", "ah", "hum", "hm", "uh", "umm", "mm") or (len(t) > 1 and len(set(t)) == 1)
+        if pure: cuts.append([w["start"], w["end"], w["text"]])
+        elif t in ("e", "a", "um", "o") and 0.45 < d < 1.6: cuts.append([w["start"] + 0.14, w["end"], w["text"] + " (esticado)"])
+manual = json.load(open("fillers.json", encoding="utf-8")) if os.path.exists("fillers.json") else {}
+keep_t = manual.get("keep", [])
+cuts = [c for c in cuts if not any(abs(c[0] - k) < 0.3 for k in keep_t)] + [[x, y, "manual"] for x, y in manual.get("cut", [])]
+for s, e, _ in cuts:
+    sp[max(0, int(s * 100)):min(n, int(e * 100))] = False
+for s, e in manual.get("force", []):  # sons curtos que o detector de voz descarta (estalo de dedo, palma)
+    sp[max(0, int(s * 100)):min(n, int(e * 100))] = True
+open("fillers-removed.txt", "w", encoding="utf-8").write("\n".join(f"{s:.2f}-{e:.2f}  {w}" for s, e, w in cuts))
+
+def runs(mask):
+    out, i = [], 0
+    while i < len(mask):
+        if mask[i]:
+            j = i
+            while j < len(mask) and mask[j]: j += 1
+            out.append([i, j]); i = j
+        else: i += 1
+    return out
+merged = []
+for s, e in runs(sp):
+    if merged and (s - merged[-1][1]) * 0.01 < HOLE and not any(merged[-1][1] * 0.01 <= c[0] + 0.02 and c[1] - 0.02 <= s * 0.01 for c in cuts):
+        merged[-1][1] = e
+    else: merged.append([s, e])
+regions = [(s * 0.01, e * 0.01) for s, e in merged if (e - s) * 0.01 >= ISLAND]
+
+def valley(t, before=0.15, after=0.03):
+    i0, i1 = max(0, int((t - before) * 100)), min(n, int((t + after) * 100))
+    return (i0 + int(np.argmin(db[i0:i1]))) * 0.01 if i1 > i0 else t
+keeps = json.load(open("keeps.json", encoding="utf-8"))["keeps"]
+segs = []
+for k in keeps:
+    k0, k1 = valley(k["from"], 0.15, 0.03), valley(k["to"], 0.03, 0.15)
+    for s, e in regions:
+        if e <= k0 or s >= k1: continue
+        segs.append([max(k0, s - LEAD), min(k1, e + TAIL)])
+segs.sort()
+final = []
+for s, e in segs:
+    if final and s - final[-1][1] < 0.08: final[-1][1] = max(final[-1][1], e)
+    else: final.append([s, e])
+final = [[fr(s), fr(e)] for s, e in final if fr(e) - fr(s) >= 2 / FPS]
+
+# ---- J/L: imagem desloca JL quadros no ponto de edição (só onde houve corte de verdade)
+d = JL / FPS
+v = [[s, e] for s, e in final]
+flip = 0
+for i in range(len(final) - 1):
+    if final[i + 1][0] - final[i][1] < 0.25 or d == 0: continue
+    if flip % 2 == 0: v[i][1] += d; v[i + 1][0] += d     # J
+    else: v[i][1] -= d; v[i + 1][0] -= d                # L
+    flip += 1
+parts = []
+for i, ((s, e), (vs, ve)) in enumerate(zip(final, v)):
+    dur = e - s
+    parts.append(f"[0:v]trim={vs:.4f}:{ve:.4f},setpts=PTS-STARTPTS[v{i}];"
+                 f"[0:a]atrim={s:.4f}:{e:.4f},asetpts=PTS-STARTPTS,afade=t=in:d=0.008,afade=t=out:st={max(0, dur - 0.012):.3f}:d=0.012[a{i}];")
+N = len(final)
+fc = "".join(parts) + "".join(f"[v{i}]" for i in range(N)) + f"concat=n={N}:v=1:a=0[v];" + "".join(f"[a{i}]" for i in range(N)) + f"concat=n={N}:v=0:a=1[a]"
+open("tight-filter.txt", "w").write(fc)
+def _enc(v):
+    return ["ffmpeg", "-v", "error", "-y", "-i", "raw.mp4", "-filter_complex_script", "tight-filter.txt", "-map", "[v]", "-map", "[a]",
+            *v, "-g", str(FPS), "-r", str(FPS), "-c:a", "aac", "-b:a", "192k", "-shortest", OUT]
+if subprocess.run(_enc(["-c:v", "h264_nvenc", "-preset", "p5", "-cq", "18"])).returncode != 0:  # sem placa NVIDIA -> CPU
+    subprocess.run(_enc(["-c:v", "libx264", "-preset", "veryfast", "-crf", "18"]), check=True)
+out, dec = 0.0, []
+for (s, e), (vs, ve) in zip(final, v):
+    dec.append({"source_start": s, "source_end": e, "video_start": round(vs, 3), "video_end": round(ve, 3), "output_start": round(out, 3), "output_end": round(out + e - s, 3)})
+    out += e - s
+json.dump({"source": "assets/raw.mp4", "fps": FPS, "jl_frames": JL, "duration": round(out, 3), "fillers_removed": len(cuts), "segments": dec}, open("edit-decisions.json", "w"), indent=1)
+print(f"segmentos={N} cortes J/L={flip} vícios removidos={len(cuts)} duração={out:.2f}s -> {OUT}")
diff --git a/.claude/skills/vsl/scripts/track-mouth.py b/.claude/skills/vsl/scripts/track-mouth.py
new file mode 100644
index 00000000..9434e306
--- /dev/null
+++ b/.claude/skills/vsl/scripts/track-mouth.py
@@ -0,0 +1,43 @@
+"""Rastreia BOCA e rosto em clean.mp4 (MediaPipe Face Landmarker) → assets/face-track.json.
+
+Usado pela legenda que segue a boca (K.mouthCaps) e pode alimentar o HUD do rosto.
+Cada quadro: [t, bocaX, bocaY, larguraBoca, queixoY, testaY, rostoX0, rostoX1] em pixels do VÍDEO-FONTE (1080×1920),
+suavizado (média móvel exponencial). Quadro sem rosto repete o último valor.
+Rode em <projeto>:  ~/.venvs/whisper/Scripts/python ../../.claude/skills/vsl/scripts/track-mouth.py [assets/clean.mp4] [assets/face-track.json]
+(o instalador põe mediapipe + opencv no venv do whisper; o modelo face_landmarker.task é baixado na 1ª vez)
+"""
+import json, os, sys, urllib.request
+import cv2, mediapipe as mp
+from mediapipe.tasks.python import vision, BaseOptions
+
+src = sys.argv[1] if len(sys.argv) > 1 else "assets/clean.mp4"
+out = sys.argv[2] if len(sys.argv) > 2 else "assets/face-track.json"
+MODEL = os.path.expanduser("~/.venvs/whisper/models/face_landmarker.task")
+if not os.path.exists(MODEL):
+    os.makedirs(os.path.dirname(MODEL), exist_ok=True)
+    urllib.request.urlretrieve("https://storage.googleapis.com/mediapipe-models/face_landmarker/face_landmarker/float16/1/face_landmarker.task", MODEL)
+opts = vision.FaceLandmarkerOptions(base_options=BaseOptions(model_asset_path=MODEL),
+                                    running_mode=vision.RunningMode.VIDEO, num_faces=1, min_face_detection_confidence=0.4, min_tracking_confidence=0.4)
+det = vision.FaceLandmarker.create_from_options(opts)
+cap = cv2.VideoCapture(src); fps = cap.get(cv2.CAP_PROP_FPS) or 30; W = int(cap.get(3)); H = int(cap.get(4))
+rows, last, sm, i = [], None, None, 0
+A = 0.35  # suavização (0 = parado, 1 = cru)
+while True:
+    ok, img = cap.read()
+    if not ok: break
+    r = det.detect_for_video(mp.Image(image_format=mp.ImageFormat.SRGB, data=cv2.cvtColor(img, cv2.COLOR_BGR2RGB)), int(i * 1000 / fps))
+    if r.face_landmarks:
+        L = r.face_landmarks[0]
+        P = lambda k: (L[k].x * W, L[k].y * H)
+        (ux, uy), (lx, ly) = P(13), P(14)
+        (cx0, _), (cx1, _) = P(61), P(291)
+        xs = [p.x * W for p in L]
+        cur = [(ux + lx) / 2, (uy + ly) / 2, abs(cx1 - cx0), P(152)[1], P(10)[1], min(xs), max(xs)]
+        last = cur
+    cur = last
+    if cur is not None:
+        sm = cur if sm is None else [s + A * (c - s) for s, c in zip(sm, cur)]
+        rows.append([round(i / fps, 3)] + [round(v, 1) for v in sm])
+    i += 1
+json.dump({"fps": fps, "w": W, "h": H, "cols": ["t", "mx", "my", "mw", "chin", "top", "x0", "x1"], "rows": rows}, open(out, "w"))
+print(f"{len(rows)} quadros com rosto de {i} -> {out}")
diff --git a/.claude/skills/vsl/scripts/transcribe-fillers.py b/.claude/skills/vsl/scripts/transcribe-fillers.py
new file mode 100644
index 00000000..fa7b1bf8
--- /dev/null
+++ b/.claude/skills/vsl/scripts/transcribe-fillers.py
@@ -0,0 +1,29 @@
+"""Transcrição que NÃO esconde vícios de fala ("éé", "ãã", "hum").
+
+O Whisper normalmente apaga hesitações. Com um initial_prompt cheio delas ele passa a transcrevê-las, e o corte
+(tight-jl-cut.py) consegue remover cada uma. Saída no formato do kit: {"words":[{text,start,end}], "audio_duration_secs"}.
+Uso (venv do whisper):  python transcribe-fillers.py assets/raw.mp4 assets/raw-fillers.json [--model DIR]
+"""
+import argparse, glob, json, os, site
+
+ap = argparse.ArgumentParser()
+ap.add_argument("media"); ap.add_argument("out")
+ap.add_argument("--model", default=os.environ.get("WHISPER_MODEL", "medium"))  # modelo baixado pelo instalador
+a = ap.parse_args()
+for base in site.getsitepackages():
+    for d in glob.glob(os.path.join(base, "nvidia", "*", "bin")):
+        os.add_dll_directory(d); os.environ["PATH"] = d + os.pathsep + os.environ["PATH"]
+from faster_whisper import WhisperModel
+try:
+    m = WhisperModel(a.model, device="cuda", compute_type="float16")
+except Exception:
+    m = WhisperModel(a.model, device="cpu", compute_type="int8")
+prompt = "Éé, então, ããã, hum, é... tipo, éé, eh, ah, né, ããã, hum. Umm, éé."
+segs, info = m.transcribe(a.media, language="pt", word_timestamps=True, initial_prompt=prompt,
+                          condition_on_previous_text=False, vad_filter=False, beam_size=5)
+words = []
+for s in segs:
+    for w in s.words or []:
+        words.append({"text": w.word.strip(), "start": round(w.start, 3), "end": round(w.end, 3)})
+json.dump({"audio_duration_secs": round(info.duration, 3), "words": words}, open(a.out, "w", encoding="utf-8"), ensure_ascii=False, indent=0)
+print(f"{len(words)} palavras -> {a.out}")
diff --git a/.claude/skills/vsl/template/DESIGN.md b/.claude/skills/vsl/template/DESIGN.md
new file mode 100644
index 00000000..5e572cec
--- /dev/null
+++ b/.claude/skills/vsl/template/DESIGN.md
@@ -0,0 +1,48 @@
+# DESIGN — VSL roxo (1080×1920, 30 fps)
+
+Copiado para cada projeto. Os números moram em `assets/kit.css` / `assets/kit.js` (fonte: a skill).
+Mude no `vsl.json` do projeto; não edite o kit dentro do projeto (é sobrescrito no build).
+
+## Paleta
+| Token | Hex | Uso |
+|---|---|---|
+| bg0 | `#0e0b1e` | borda/vinheta do fundo |
+| bg1 | `#1f123d` | fundo roxo principal |
+| bg2 | `#2d1f50` | mancha clara no topo |
+| acc / acc2 | `#8b5cf6` / `#9b63ff` | acento, glow, caixa de destaque |
+| btnA → btnB | `#8b55ff → #a47fff` | pílulas e botão CTA (gradiente 90°) |
+| lav / lav2 | `#b9a3ff` / `#a98bff` | palavra-acento nos títulos, linha grande da legenda |
+| card / cardB | `rgba(255,255,255,.045)` / `rgba(167,139,250,.30)` | cards de vidro |
+| muted | `#a59cc4` | kicker, metadados |
+| rec / orange | `#ff3b3b` / `#ffa53c` | ponto REC; urgência ("HOJE 23:59") |
+
+## Tipografia (todas OFL, em `assets/fonts/`)
+| Voz | Fonte | Uso |
+|---|---|---|
+| Display largo | **Anybody 900, font-stretch 150%** (≈ Monument Extended) | títulos atrás da cabeça, "100%", mural, marquee, logo |
+| Grotesca | **Plus Jakarta Sans 700/800** (≈ Gilroy) | títulos 56 px, legendas 44/50/70 px, pílulas 29 px, UI |
+| Mono | **JetBrains Mono 500/600** | HUD de filmadora, tags de camada, terminal, rótulos técnicos |
+
+Kicker: Jakarta 700, 21 px, caixa alta, tracking .24em, `muted`. Sempre 1–2 palavras-acento lavanda por título.
+
+## Geometria
+- FULL: vídeo tela cheia com punch `vsl.json.punch` (1,22 padrão; rosto grande, olhos ~ y 560–620).
+- SPLIT: card do vídeo x 52 · y 990 · 976×880 · raio 22; conteúdo entre y 54 e 960; margem lateral 52–56.
+- PIP: círculo Ø 270 em (891, 1722) (`pip`) ou (189, 1722) (`pipL`).
+- Legenda de destaque: centrada, topo em `capY` (1500). Nunca acima do queixo; nunca em cima da boca.
+- Título atrás da cabeça: topo 96–130, 150–230 px; a cabeça tem que cobrir parte das letras de baixo.
+- Zona segura: nada importante abaixo de y 1800 (UI do Instagram) nem nos 40 px laterais.
+
+## Movimento
+- Entradas: `opacity 0 + blur 8–18px + (y 10–26 | scale .8–.96)` → nítido, 0,22–0,5 s, `power2/3.out` ou `back.out(1.5)` para pílulas.
+- Saídas: blur 10px + fade 0,2–0,25 s. Nada sai deslizando.
+- Troca de câmera: 0,45 s `power3.inOut`, sempre animada (o quadro voa entre layouts).
+- Texto revela **na palavra falada** (transcript), nunca por stagger arbitrário quando a frase existe.
+- Um elemento novo a cada 1,5–3 s; FULL sem nada > 4 s só em momento emocional.
+- SFX curtos e baixos em toda entrada (pop/tick/whoosh); glitch+boom só no gancho; whoosh+boom no logo.
+
+## O que NÃO fazer
+- Legenda contínua palavra a palavra o vídeo todo (a referência só legenda frases-chave).
+- Cores fora da paleta, sombras pretas pesadas, emojis decorativos, fontes serifadas.
+- Corte seco entre FULL e SPLIT; zoom contínuo exagerado; mais de 3 elementos entrando ao mesmo tempo.
+- Copiar logo, marca ou textos da referência.
diff --git a/.claude/skills/vsl/template/beats.example.js b/.claude/skills/vsl/template/beats.example.js
new file mode 100644
index 00000000..f5ebbece
--- /dev/null
+++ b/.claude/skills/vsl/template/beats.example.js
@@ -0,0 +1,98 @@
+// DEMO do kit VSL roxo sobre um anúncio do Oney (69 s). Cada bloco = um beat da gramática da referência.
+const A = (p, n = 1, after = 0) => K.at(p, n, after);
+const IMG = Array.from({ length: 18 }, (_, i) => `assets/img/v${String(i + 1).padStart(2, "0")}.jpg`);
+
+// 1) GANCHO "BRUTO" → glitch → grade final + título atrás da cabeça
+const tG = A("foi editado") - 0.05;
+K.camcorder(0, tG, { label: "BRUTO · SEM EDIÇÃO" });
+K.glitch(tG);
+K.punch(tG + 0.1, 1.5);
+K.behindTitle(["EDITADO", "POR IA"], A("por inteligência"), { size: 150, top: 250, until: A("só simplesmente") });
+
+// 2) SPLIT: pasta de gravações + post-its de erro
+const t2 = A("só simplesmente") - 0.1;
+K.layout("split", t2);
+K.section({ kicker: "O que eu mandei", title: "Um vídeo bruto com erros", acc: [3, 4] }, t2 + 0.15, { until: A("e ele editou") - 0.2 });
+K.files(8, t2 + 0.35, { box: { x: 52, y: 300, w: 976, h: 330 }, until: A("e ele editou") - 0.2 });
+K.notes([
+  { text: "erros", x: 120, y: 690, t: A("erros"), rot: -6 },
+  { text: "respirações", x: 380, y: 760, t: A("respirações"), rot: 4 },
+  { text: "falhas", x: 700, y: 680, t: A("falhas"), rot: -3 },
+], { until: A("e ele editou") - 0.2 });
+
+// 3) FULL + HUD de rosto + legenda com caixa roxa
+const t3 = A("e ele editou") - 0.05;
+K.layout("full", t3, 0.45);
+K.faceHud(t3 + 0.3, { label: "APRESENTADOR", until: A("basicamente") });
+K.cap({ l1: "e ele editou", hl: "tudo pra mim" }, t3 + 0.1, { until: A("basicamente") - 0.05 });
+
+// 4) Pilha de lettering, uma linha por palavra falada
+K.stack([
+  { text: "Seu vídeo", t: A("o seu vídeo"), style: "blur" },
+  { text: "Animações", t: A("animações"), style: "letters" },
+  { text: "10 minutos", t: A("10 minutos"), style: "glow" },
+], { until: A("então se você") - 0.1 });
+K.inset(A("basicamente"), A("então se você") - 0.1);
+
+// 5) pílula riscada + pílula positiva
+K.kickerTop("Pensa nisso", A("então se você"), { until: A("edite vídeos") - 0.1 });
+K.pill("horas editando", A("horas editando"), { y: 1380, kind: "strike", up: true, until: A("edite vídeos") - 0.1 });
+K.punch(A("deixa eu te"), 1.55);
+K.topTitle({ kicker: "Deixa eu te convidar", text: "EDITE COM IA", icon: "scissors" }, A("edite vídeos"), { until: A("eu sou o cara") - 0.1 });
+K.punch(A("eu sou o cara"), 1.42);
+
+// 6) legenda linha + linha grande lavanda
+K.cap({ l1: "eu sou o cara", big: "mais cético" }, A("eu sou o cara"), { until: A("e aí depois") - 0.05 });
+
+// 7) corrente de pílulas (↓)
+K.chain([
+  { text: "Testei", t: A("eu testei"), icon: "check" },
+  { text: "Personalizei", t: A("eu personalizei"), icon: "wand" },
+  { text: "Do meu jeito", t: A("do jeitinho"), icon: "spark" },
+], { y: 1200, sep: "↓", label: "Depois que eu", up: true, until: A("o que você está vendo aqui") - 0.1 });
+
+// 8) 5 camadas em profundidade
+const t8 = A("o que você está vendo aqui");
+K.layers3d(["05 · MOLDURA", "04 · ÍCONES", "03 · LEGENDA", "02 · TEXTO"], t8, A("se você quer") - t8, { frontLabel: "01 · VÍDEO" });
+
+// 9) prompt de IA digitando
+const t9 = A("se você quer");
+K.prompt("Edite meu vídeo: corte as pausas, legenda roxa e animações no ritmo da fala", A("quer só mandar") - 0.2, { y: 1360, kicker: "Você manda · a IA edita", cps: 26, send: true, until: A("e ter visualizações") - 0.1 });
+
+// 10) mural dos vídeos dele
+K.wall(IMG, ["VISUALIZAÇÕES", "COMO ESSAS"], A("e ter visualizações"), A("que foram com") - A("e ter visualizações"), { size: 70 });
+
+// 11) PIP + DM "EU QUERO"
+const t11 = A("comenta eu quero");
+K.layout("split", A("que foram com"));
+K.dm({ name: "Nova mensagem", sub: "agora · direct", text: "EU QUERO 🙋", attach: IMG[3] }, A("que foram com") + 0.2, { cps: 14, until: A("que a gente está") - 0.1 });
+K.pill("Comenta EU QUERO", t11, { y: 960, icon: "chat", up: true, until: A("que a gente está") - 0.1 });
+
+// 12) logo em takeover + marquee atrás da cabeça
+const t12 = A("novo programa");
+K.layout("full", A("que a gente está"), 0.45);
+K.takeover(t12, t12 + 1.9, 0.2);
+K.logo({ text: "Edição Viral", sub: "O método para editar com IA" }, t12, 1.9, { size: 92, y: 880, h: 110 });
+K.marquee([{ text: "EDIÇÃO VIRAL" }, { text: "EDIÇÃO" }, { text: "edição viral com IA" }, { text: "VIRAL" }], t12 + 1.9, A("que você e o seu") - t12 - 1.9);
+
+// 13) SPLIT + terminal
+const t13 = A("que você e o seu") - 0.1;
+K.layout("split", t13);
+K.section({ kicker: "Do absoluto básico", title: "Da instalação ao primeiro vídeo", acc: [4, 5] }, t13 + 0.1, { until: A("e depois é só") - 0.1 });
+K.terminal([
+  { cmd: "baixar materiais", ok: "pronto", t: t13 + 0.5 },
+  { cmd: "instalar ferramentas", ok: "instalado", t: A("executar essa") },
+  { cmd: "conectar a IA", ok: "conectado", t: A("a instalação") },
+], t13 + 0.3, { box: { x: 52, y: 280, w: 976, h: 420 }, until: A("e depois é só") - 0.1 });
+
+// 14) FULL + antes/depois + 100% atrás da cabeça
+const t14 = A("e depois é só");
+K.layout("full", t14 - 0.1, 0.45);
+K.beforeAfter(t14 + 0.4, A("100") - t14 - 0.6);
+K.flash(A("100") - 0.15, { peak: 0.6 });
+K.behindTitle(["100%"], A("100"), { size: 230, top: 300, until: A("então aproveita") });
+K.cap({ acc: "editado com IA", accWords: [2] }, A("editado", 3), { y: 1380, until: A("a gente está lançando") });
+
+// 15) CTA final
+K.cta("Comenta EU QUERO", A("a gente está lançando"), { y: 1500, clickAt: 1.4 });
+K.kickerTop("Lançamento · desconto hoje", A("a gente está lançando") + 0.2);
diff --git a/.claude/skills/vsl/template/beats.gallery.js b/.claude/skills/vsl/template/beats.gallery.js
new file mode 100644
index 00000000..25685c96
--- /dev/null
+++ b/.claude/skills/vsl/template/beats.gallery.js
@@ -0,0 +1,34 @@
+// Galeria de componentes não usados no demo (tempos fixos).
+const IMG = Array.from({ length: 18 }, (_, i) => `assets/img/v${String(i + 1).padStart(2, "0")}.jpg`);
+K.layout("split", 0.5);
+K.section({ kicker: "Pensa no que isso abre", title: "O que isso abre pra você", acc: [5] }, 0.7, { until: 4.6 });
+K.grid([{ img: IMG[0], label: "Criativos para testar", icon: "megaphone", badge: ["A", "B"], t: 1.0 }, { img: IMG[1], label: "Conteúdo com sua identidade", icon: "spark", t: 1.6 },
+        { img: IMG[2], label: "Aulas que explicam melhor", icon: "cap", t: 2.2 }, { img: IMG[3], label: "Vídeos para o YouTube", icon: "play", t: 2.8 }], { until: 4.6 });
+K.layout("pip", 5.0);
+K.section({ title: "uma base aprovada, muitas versões", acc: [2] }, 5.2, { until: 9.6 });
+const c = K.mk("#ui", "k gcard", `<div class="thumb" style="height:260px"><img src="${IMG[4]}"></div><div class="lbl"><span>Projeto base · v1</span></div>`, { left: "52px", top: "200px", width: "600px", height: "360px" });
+K.show(c, 5.5, 0.3); K.out(c, 9.6);
+K.stamp("APROVADO ✓", 6.4, { x: 420, y: 170, until: 9.6 });
+K.fan([IMG[5], IMG[6], IMG[7], IMG[8]], 7.4, { top: 640, until: 9.6 });
+K.layout("split", 9.8);
+K.dashbox("ESPAÇO", 10.3, { box: { x: 200, y: 230, w: 680, h: 600 } }).drop(IMG[9], 11.3).wipe(IMG[10], 12.3).out(14.4);
+K.pill("do papel para a tela", 12.9, { y: 870, sm: true, up: true, until: 14.4 });
+K.layout("card916", 14.6); K.kickerTop("9:16 vertical", 14.6, { until: 15.6 });
+K.layout("card11", 15.6); K.kickerTop("1:1 quadrado", 15.6, { until: 16.6 });
+K.layout("card169", 16.6); K.kickerTop("16:9 horizontal", 16.6, { until: 17.6 });
+K.layout("split", 17.6);
+K.category("Anúncios", 17.8, { kicker: "Uma base · vários destinos", i: 0, until: 18.8 });
+K.category("Aulas", 18.8, { kicker: "Uma base · vários destinos", i: 1, until: 19.8 });
+K.category("Tutoriais", 19.8, { kicker: "Uma base · vários destinos", i: 2, until: 21.0 });
+K.row3d([IMG[11], IMG[12], IMG[13], IMG[14]], 18.0, { top: 330, until: 20.8 });
+K.layout("full", 21.2);
+K.orbit([IMG[0], IMG[2], IMG[4], IMG[6], IMG[8], IMG[10], IMG[12]], 21.4, 25.8);
+K.pill("12 aulas · treinamento direto", 21.8, { y: 1520, kind: "dark", up: true, sm: true, until: 25.8 });
+K.layout("split", 26.0);
+K.price({ kicker: "Por apenas", cur: "R$", value: 97, tail: "à vista", sub: "ou 12x de R$ 9,70 no cartão" }, 26.3, { box: { x: 52, y: 180, w: 976, h: 300 }, until: 31 });
+K.ring("7", "DIAS", 28.0, { x: 900, y: 330, until: 31 });
+K.pill("Primeira turma", 26.2, { x: 52, y: 80, sm: true, up: true, until: 31 });
+K.scrub(26.5, 3.5, { y: 600, until: 31 });
+K.leak(31.0);
+K.layout("full", 31.1);
+K.cta("Quero criar meus vídeos com IA", 32, { y: 1500, until: 36 });
diff --git a/.claude/skills/vsl/template/beats.live.example.js b/.claude/skills/vsl/template/beats.live.example.js
new file mode 100644
index 00000000..2f2cdd7b
--- /dev/null
+++ b/.claude/skills/vsl/template/beats.live.example.js
@@ -0,0 +1,121 @@
+// VSL laranja · Advercase · edição simultânea · v3
+// - legenda que SEGUE A BOCA (K.mouthCaps, tracking em assets/face-track.json)
+// - abertura: o vídeo vira 3D, as camadas se separam e a frase falada aparece legível na camada de texto
+// - tudo dentro da zona segura do Reels (topo 220, base 1520, coluna de botões à direita); PIP no canto inferior ESQUERDO
+// - corte novo: sem "ééé", sem respirações, com cortes J/L (assets/edit-decisions.json)
+const A = (p, n = 1, after = 0) => K.at(p, n, after);
+const IMG = Array.from({ length: 18 }, (_, i) => `assets/img/v${String(i + 1).padStart(2, "0")}.jpg`);
+const RAW = Array.from({ length: 6 }, (_, i) => `assets/img/raw0${i + 1}.jpg`);
+const CHEST = 1330; // linha do peito para pílulas/painéis em tela cheia (abaixo da legenda da boca)
+
+// 1) "Tudo o que você está vendo nesse vídeo foi editado por inteligência artificial"
+//    bruto → glitch → o vídeo gira em 3D, as camadas se afastam e a frase aparece legível na camada de texto
+const tG = A("foi editado") - 0.05;
+K.camcorder(0, tG, { label: "BRUTO · SEM EDIÇÃO" });
+K.glitch(tG);
+const tX1 = A("eu só") - 0.5;
+K.explode(tG + 0.05, tX1, { lines: ["Foi editado", "por inteligência", "artificial"], phrase: "foi editado por inteligência artificial", top: 300, size: 120 });
+
+// 2) "mandei um vídeo bruto com erros, respirações, falhas… e ele editou tudo pra mim"
+const t2 = tX1 + 0.62;
+K.layout("split", t2);
+K.section({ kicker: "O que eu mandei", title: "Um vídeo bruto", acc: [2] }, t2 + 0.15, { until: A("basicamente") - 0.25 });
+K.waveCut(A("mandei") - 0.1, [
+  { label: "erro", at: 0.12, w: 0.13, t: A("erros") },
+  { label: "respiração", at: 0.44, w: 0.1, t: A("respirações") },
+  { label: "falha", at: 0.74, w: 0.11, t: A("falhas") },
+], { thumbs: RAW, box: { x: 90, y: 520, w: 900, h: 430 }, cutAt: A("editou"), cutLabel: "3 cortes · sem pausas", until: A("basicamente") - 0.25 });
+K.pill("Editado", A("tudo pra mim"), { y: 520 - 70, x: 760, sm: true, up: true, icon: "check", until: A("basicamente") - 0.25 });
+
+// 3) "vai pegar o seu vídeo, vai colocar animações em menos de 10 minutos"
+K.layout("full", A("basicamente") - 0.1);
+K.progress("Colocando animações", A("animações") - 0.1, 0.9, { box: { x: 140, y: CHEST, w: 800 }, until: A("10 minutos") - 0.1 });
+K.pill("Em menos de 10 minutos", A("10 minutos"), { y: CHEST + 20, icon: "clock", up: true, until: A("então se você") - 0.1 });
+
+// 4) "se você passar horas editando" — a dor: timeline manual lotada, contadores e relógio disparando
+const t4 = A("então se você");
+K.layout("pip", t4 - 0.1);
+K.manual(t4, A("deixa eu") - t4 + 0.15, { box: { x: 90, y: 400, w: 850, h: 800 }, hours: 8, until: A("deixa eu") + 0.2 });
+
+// 5) "deixa eu te convidar, edite vídeos com IA" — manual 8 h × IA 10 min
+const t5 = A("deixa eu");
+K.topTitle({ kicker: "Deixa eu te convidar", text: "Edite com IA", icon: "scissors" }, A("edite vídeos") - 0.1, { until: A("e eu vou falar") - 0.1 });
+K.compare([
+  { label: "Edição manual", value: "8 horas", frac: 1, bad: true, t: t5 + 0.35 },
+  { label: "Edição com IA", value: "10 min", frac: 0.05, t: A("com inteligência", 2) },
+], t5 + 0.25, { title: "Tempo para editar 1 vídeo", box: { x: 90, y: 590, w: 900 }, until: A("e eu vou falar") - 0.1 });
+
+// 6) "Eu sou o cara mais cético até eu testar"
+K.layout("full", A("e eu vou falar") - 0.1);
+K.stamp("TESTADO ✓", A("testar"), { x: 560, y: CHEST, rot: -7, until: A("e aí depois") - 0.1 });
+
+// 7) "depois que eu testei, eu personalizei e deixei ela do jeitinho que eu queria"
+const t7 = A("e aí depois");
+K.layout("split", t7);
+K.stylePanel(t7 + 0.25, { title: "Depois que eu testei · personalizei", box: { x: 90, y: 400, w: 900, h: 570 }, preview: RAW[2], sample: "DO MEU JEITO",
+  tFont: A("personalizei"), tColor: A("deixei"), tCap: A("jeitinho"), until: A("então o que você") - 0.15 });
+
+// 8) "o que você está vendo aqui foi após a minha personalização" — padrão genérico × o estilo dele
+K.versus({ img: RAW[3], label: "Padrão da IA", cap: "legenda padrão, sem motion" },
+         { img: "assets/img/meu-estilo.jpg", label: "Com a minha personalização", t: A("minha personalização") },
+         A("o que você está vendo aqui"), { box: { x: 90, y: 400, w: 900, h: 570 }, until: A("se você quer") - 0.2 });
+
+// 9) "quer só mandar o vídeo para uma IA, baixar ele editado e postar no seu perfil"
+const t9 = A("se você quer");
+K.section({ kicker: "Se você quer editar assim", title: "Manda, baixa e posta", acc: [2, 3] }, t9 + 0.05, { until: A("e ter visualizações") - 0.2 });
+K.flow([
+  { label: "Enviar", sub: "vídeo bruto", icon: "send", t: A("mandar o vídeo") },
+  { label: "IA edita", sub: "cortes + motion", icon: "wand", t: A("uma ia"), progress: 0.5 },
+  { label: "Baixar", sub: "já editado", icon: "download", t: A("baixar ele") },
+  { label: "Postar", sub: "no seu perfil", icon: "play", t: A("postar") },
+], { box: { x: 90, y: 600, w: 900, h: 320 }, until: A("e ter visualizações") - 0.2 });
+
+// 10) "ter visualizações como essas desses vídeos aqui que eu fiz" — mural com os vídeos dele
+const tW = A("e ter visualizações");
+K.wall(IMG, ["VÍDEOS QUE", "EU FIZ COM IA"], tW, A("que foram com") - tW, { size: 76 });
+
+// 11) "comenta EU QUERO que eu mande o link no seu Direct"
+K.pill("Feitos com IA", A("que foram com") + 0.15, { y: CHEST, up: true, icon: "spark", until: A("eu quero que") - 0.2 });
+const t11 = A("eu quero que");
+K.layout("split", t11 - 0.3);
+K.comment({ user: "@voce", text: "EU QUERO" }, t11 - 0.1, { box: { x: 90, y: 400, w: 900 }, until: A("que a gente") - 0.15 });
+K.dm({ name: "Direct", sub: "agora", text: "Aqui está o seu link 👇" }, A("mande o link") - 0.3, { box: { x: 90, y: 580, w: 900, h: 380 }, cps: 24, until: A("que a gente") - 0.15 });
+
+// 12) "promoção de lançamento do nosso novo programa Edição Viral com o Claude"
+K.layout("full", A("que a gente") - 0.1);
+K.pill("Promoção de lançamento", A("promoção"), { y: CHEST, up: true, icon: "bolt", until: A("novo programa") });
+const tL = A("edição viral");
+K.takeover(tL - 0.15, tL + 1.6, 0.2);
+K.hideMouth(tL - 0.15, tL + 1.6);
+K.logo({ text: "Edição Viral", sub: "COM CLAUDE" }, tL - 0.1, 1.75, { size: 104, y: 800, h: 130 });
+
+// 13) "baixar todos os materiais… ferramentas… computador… é bem simples a instalação"
+const t13 = A("lá você vai") - 0.05;
+K.layout("split", t13);
+K.section({ kicker: "Tudo o que você precisa", title: "Bem simples de instalar", acc: [1, 2] }, t13 + 0.15, { until: A("e depois é só") - 0.2 });
+K.terminal([
+  { cmd: "baixar materiais", ok: "baixado", t: A("baixar todos") },
+  { cmd: "instalar ferramentas", ok: "instalado", t: A("ferramentas") },
+  { cmd: "preparar computador", ok: "pronto", t: A("computador") },
+  { cmd: "conectar o Claude", ok: "conectado", t: A("executar") },
+], t13 + 0.3, { box: { x: 90, y: 530, w: 900, h: 440 }, until: A("e depois é só") - 0.2 });
+
+// 14) "é só mandar o seu vídeo bruto que ele vai te entregar um vídeo 100% editado"
+K.layout("full", A("e depois é só") - 0.1);
+const tB = A("vídeo bruto", 2) - 0.2;
+K.beforeAfter(tB, A("entregar") - tB);
+K.progress("Renderizando · 9:16 · 1080p", A("entregar"), 0.9, { box: { x: 140, y: CHEST, w: 800 }, until: A("a gente") + 0.1 });
+K.flash(A("100") - 0.15, { peak: 0.45 });
+K.punch(A("100") - 0.05, 1.2);
+K.behindTitle(["100%"], A("100"), { size: 300, top: 420, until: A("então aproveita") });
+K.punch(A("a gente", 2), 1.42);
+
+// 15) "estamos lançando hoje, aproveita o desconto"
+K.cta("Comenta EU QUERO", A("a gente", 2) + 0.2, { y: 1400, w: 800, clickAt: 1.4 });
+K.kickerTop("Lançamento · desconto hoje", A("a gente", 2) + 0.4);
+
+// legenda que segue a boca (depois dos layouts, para ler o enquadramento atual de cada quadro)
+K.mouthCaps({ accent: ["IA", "inteligência", "bruto", "editado", "editou", "animações", "minutos", "horas", "cético", "personalizei", "Claude", "Viral", "desconto", "lançamento"] });
+
+// barra "IA EDITANDO" — sempre por último (lê todas as edições acima)
+K.live(tG, CFG.dur, { hide: [[tL - 0.15, tL + 1.6]] });
diff --git a/.claude/skills/vsl/template/clean/demo.template.html b/.claude/skills/vsl/template/clean/demo.template.html
new file mode 100644
index 00000000..382a4f20
--- /dev/null
+++ b/.claude/skills/vsl/template/clean/demo.template.html
@@ -0,0 +1,167 @@
+<!doctype html>
+<html lang="pt-BR"><head><meta charset="utf-8"><title>Demo clean · skin por profissão</title>
+<script src="assets/gsap.min.js"></script>
+<style>
+@font-face{font-family:"Advercase";src:url(assets/Advercase-Bold.woff2) format("woff2");font-weight:700}
+@font-face{font-family:"Jakarta";src:url(assets/PlusJakartaSans.ttf) format("truetype");font-weight:100 900}
+html,body{margin:0;width:1080px;height:1920px;overflow:hidden;background:#fff}
+#demo{position:relative;width:1080px;height:1920px;overflow:hidden;background:#fff;
+  /* skin padrão (neutra, clean): azul-claro quase branco */
+  --acc:#4A90E2; --acc2:#EAF3FF; --ink:#102A43; --sub:#5B7083; --panel:rgba(255,255,255,.90); --font:"Jakarta",sans-serif; --capfont:"Jakarta",sans-serif; --bad:#E5484D; --ok:#2E9E5B}
+#demo.skin-med{--acc:#2F80ED; --acc2:#E8F1FD; --ink:#0F2A4A; --sub:#587089; --font:"Segoe UI",Arial,sans-serif; --capfont:"Segoe UI",Arial,sans-serif}
+#demo.skin-nutri{--acc:#2E9E5B; --acc2:#EAF7EE; --ink:#163A26; --sub:#5B7D68; --font:"Jakarta",sans-serif; --capfont:"Jakarta",sans-serif}
+#demo.skin-adv{--acc:#B8902E; --acc2:#F6F1E6; --ink:#1B1B1B; --sub:#6B655A; --font:Georgia,"Times New Roman",serif; --capfont:Georgia,serif}
+#cam{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.emo{display:inline-block;width:1em;height:1em;vertical-align:-.12em;object-fit:contain}
+#ui{position:absolute;inset:0;pointer-events:none}
+.k{position:absolute;opacity:0;will-change:transform,opacity}
+.pill{position:absolute;left:50%;transform:translateX(-50%);top:300px;padding:16px 34px;border-radius:999px;background:var(--panel);color:var(--acc);
+  font:800 34px/1 var(--font);letter-spacing:.04em;box-shadow:0 10px 30px rgba(16,42,67,.14);border:2px solid var(--acc2);white-space:nowrap}
+.pill .emo{width:1.2em;height:1.2em;vertical-align:-.2em;margin-right:10px}
+.panel{position:absolute;left:90px;top:290px;width:900px;height:250px;border-radius:30px;background:var(--panel);
+  box-shadow:0 14px 40px rgba(16,42,67,.14);border:2px solid var(--acc2);overflow:visible}
+.panel .big{position:absolute;font-size:150px;line-height:1}
+.panel .big .emo{width:1em;height:1em;vertical-align:top}
+.panel .chip{position:absolute;padding:12px 22px;border-radius:16px;background:var(--acc2);color:var(--ink);font:800 30px/1.1 var(--font);white-space:nowrap}
+.panel .chip .emo{width:1.1em;height:1.1em;vertical-align:-.15em;margin-right:8px}
+.panel .arrow{position:absolute;height:6px;border-radius:3px;background:var(--acc);transform-origin:0 50%}
+.panel .arrow:after{content:"";position:absolute;right:-4px;top:-9px;border:12px solid transparent;border-left:16px solid var(--acc);border-right:0}
+.panel .mark{position:absolute;font-size:86px;line-height:1}
+.panel .mark .emo{width:1em;height:1em;vertical-align:top;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}
+.panel .dot{position:absolute;width:22px;height:22px;border-radius:50%;background:#6B3E1E;box-shadow:0 0 0 4px rgba(255,255,255,.9)}
+.panel .strike{position:absolute;height:14px;border-radius:7px;background:var(--bad);transform:rotate(-18deg);transform-origin:0 50%;box-shadow:0 4px 12px rgba(229,72,77,.35)}
+.panel .lbl{position:absolute;font:700 26px/1.1 var(--font);color:var(--sub);letter-spacing:.02em}
+#cap{position:absolute;left:0;top:0;white-space:nowrap;font:700 50px/1 var(--capfont);color:#fff;letter-spacing:.01em;
+  -webkit-text-stroke:5px rgba(16,42,67,.85);paint-order:stroke fill;text-shadow:0 4px 18px rgba(0,0,0,.35);opacity:0}
+#cap b{color:var(--acc);-webkit-text-stroke:5px rgba(255,255,255,.95);font-weight:800}
+#flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
+.trans{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:50;pointer-events:none}
+</style></head><body>
+<div id="demo" data-composition-id="demo" data-start="0" data-duration="__DUR__" data-width="1080" data-height="1920">
+  <video id="cam" src="assets/demo.mp4" data-start="0" data-duration="__DUR__" data-track-index="0" muted playsinline></video>
+  <div id="ui">
+    <!-- MÉDICO -->
+    <div class="pill k" id="pillMed">🩺 MODO MÉDICO</div>
+    <div class="panel k" id="pA">
+      <div class="big" style="left:70px;top:48px">🙂</div>
+      <div class="dot k" id="pAdot" style="left:184px;top:150px"></div>
+      <div class="mark k" id="pAlupa" style="left:150px;top:118px">🔍</div>
+      <div class="chip k" id="pAc1" style="left:330px;top:70px">pinta nova</div>
+      <div class="lbl k" id="pAc2" style="left:330px;top:150px">mudou de cor, tamanho ou formato?</div>
+    </div>
+    <div class="panel k" id="pB" style="height:250px">
+      <div class="big" style="left:60px;top:48px">💊</div>
+      <div class="arrow k" id="pBar1" style="left:230px;top:118px;width:150px"></div>
+      <div class="big k" id="pBgripe" style="left:400px;top:48px">🤧</div>
+      <div class="mark k" id="pBx" style="left:470px;top:20px">❌</div>
+      <div class="chip k" id="pBvirus" style="left:590px;top:60px">🦠 gripe é vírus</div>
+      <div class="chip k" id="pBbac" style="left:590px;top:140px">🧫 bactéria</div>
+      <div class="mark k" id="pBok" style="left:880px;top:132px">✅</div>
+    </div>
+    <!-- NUTRI -->
+    <div class="pill k" id="pillNut">🥗 MODO NUTRI</div>
+    <div class="panel k" id="pC">
+      <div class="big" style="left:70px;top:48px">🍚</div>
+      <div class="strike k" id="pCstrike" style="left:56px;top:150px;width:190px"></div>
+      <div class="mark k" id="pCok" style="left:235px;top:40px">✅</div>
+      <div class="chip k" id="pCc1" style="left:360px;top:70px">não precisa cortar</div>
+      <div class="lbl k" id="pCc2" style="left:360px;top:150px">o arroz não é o problema</div>
+    </div>
+    <div class="panel k" id="pD">
+      <div class="big" style="left:70px;top:48px">🥗</div>
+      <div class="chip k" id="pDc1" style="left:260px;top:60px">📋 dieta específica</div>
+      <div class="chip k" id="pDc2" style="left:260px;top:140px">👤 pro seu caso</div>
+    </div>
+  </div>
+  <div id="cap"></div>
+  <div id="flash"></div>
+  <!-- transições do pack do Oney (Cinemarkers "Alpha Transition 1": film burn com alpha, 0,47 s) cobrindo cada corte -->
+  <video id="trans-med" class="trans" src="assets/trans/alpha-1.webm" data-start="__TMED__" data-duration="0.466" data-track-index="2" muted playsinline></video>
+  <video id="trans-nut" class="trans" src="assets/trans/alpha-1.webm" data-start="__TNUT__" data-duration="0.466" data-track-index="2" muted playsinline></video>
+  <audio id="voice" src="assets/demo.mp4" data-start="0" data-duration="__DUR__" data-track-index="1" data-volume="1"></audio>
+  <audio id="sfx-trans-med" src="assets/trans/alpha-1.wav" data-start="__TMED__" data-duration="0.458" data-track-index="3" data-volume="0.45"></audio>
+  <audio id="sfx-trans-nut" src="assets/trans/alpha-1.wav" data-start="__TNUT__" data-duration="0.458" data-track-index="3" data-volume="0.45"></audio>
+</div>
+<script>
+const tl = gsap.timeline({ paused: true });
+const DUR = __DUR__, WORDS = __WORDS__, FACE = __FACE__;
+const norm = (s) => s.toLowerCase().normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/[^a-z0-9%]+/g, " ").trim();
+const WN = WORDS.map((w) => ({ n: norm(w.text), s: w.start, e: w.end })).filter((w) => w.n);
+function at(phrase, nth = 1) {
+  const p = norm(phrase).split(" "); let hit = 0;
+  for (let i = 0; i <= WN.length - p.length; i++) {
+    let ok = true; for (let j = 0; j < p.length; j++) if (WN[i + j].n !== p[j]) { ok = false; break; }
+    if (ok && ++hit === nth) return WN[i].s;
+  }
+  throw new Error("frase não encontrada: " + phrase);
+}
+const root = document.getElementById("demo");
+const show = (sel, t, d = 0.35) => tl.fromTo(sel, { opacity: 0, y: 26, scale: 0.96 }, { opacity: 1, y: 0, scale: 1, duration: d, ease: "power3.out", immediateRender: false }, t);
+const pop = (sel, t) => tl.fromTo(sel, { opacity: 0, scale: 0.4 }, { opacity: 1, scale: 1, duration: 0.32, ease: "back.out(2)", immediateRender: false }, t);
+const slide = (sel, t, dx = 60) => tl.fromTo(sel, { opacity: 0, x: dx }, { opacity: 1, x: 0, duration: 0.35, ease: "power3.out", immediateRender: false }, t);
+const grow = (sel, t, d = 0.3) => { tl.set(sel, { opacity: 1 }, t); tl.fromTo(sel, { scaleX: 0 }, { scaleX: 1, opacity: 1, duration: d, ease: "power3.out", immediateRender: false }, t); };
+const out = (sel, t) => tl.to(sel, { opacity: 0, y: -16, duration: 0.25, ease: "power2.in" }, t);
+const flash = (t) => { tl.fromTo("#flash", { opacity: 0 }, { opacity: 0.96, duration: 0.07, immediateRender: false }, t); tl.to("#flash", { opacity: 0, duration: 0.38, ease: "power2.out" }, t + 0.07); };
+const skin = (cls, t) => tl.call(() => { root.className = cls; }, [], t);
+// A troca de skin precisa ser determinística em qualquer seek: registra também como set de atributo
+const skinAt = (cls, t) => tl.set(root, { attr: { class: cls } }, t);
+
+// ---------------- MÉDICO (clipe da Higgsfield começa em "explicar": corte + flash) ----------------
+const tMed = at("explicar") - 0.04;
+skinAt("skin-med", tMed); // transição do pack cobre o corte (ver <video class="trans">)
+show("#pillMed", tMed + 0.08); out("#pillMed", at("pinta") - 0.25);
+show("#pA", at("pinta") - 0.15);
+pop("#pAdot", at("pinta"));
+slide("#pAlupa", at("nova"), 90);
+pop("#pAc1", at("nova") + 0.12);
+show("#pAc2", at("apareceu"), 0.3);
+out("#pA", at("fazendo") - 0.1);
+show("#pB", at("antibiótico") - 0.12);
+grow("#pBar1", at("antibiótico") + 0.25);
+pop("#pBgripe", at("gripe"));
+pop("#pBx", at("não trata") + 0.1);
+pop("#pBvirus", at("vírus"));
+pop("#pBbac", at("antibiótico", 2) + 0.15);
+pop("#pBok", at("bactéria"));
+
+// ---------------- NUTRI (corte do demo = início do clipe da nutri) ----------------
+const tNut = at("ou eu posso") - 0.04;
+out("#pB", tNut - 0.5);
+skinAt("skin-nutri", tNut);
+show("#pillNut", tNut + 0.08); out("#pillNut", at("não precisa") - 0.25);
+show("#pC", at("não precisa") - 0.1);
+grow("#pCstrike", at("cortar"), 0.25);
+tl.to("#pCstrike", { opacity: 0, duration: 0.2 }, at("emagrecer") - 0.05);
+pop("#pCok", at("emagrecer"));
+pop("#pCc1", at("emagrecer") + 0.15);
+show("#pCc2", at("emagrecer") + 0.5, 0.3);
+out("#pC", at("realmente") - 0.35);
+show("#pD", at("realmente") - 0.2);
+pop("#pDc1", at("dieta"));
+pop("#pDc2", at("pro seu caso"));
+out("#pD", DUR - 0.3);
+
+// ---------------- legenda: uma palavra por vez, logo abaixo do queixo, seguindo a cabeça ----------------
+const ACC = new Set(["médico", "pinta", "nova", "antibiótico", "gripe", "vírus", "bactéria", "nutricionista", "arroz", "emagrecer", "dieta", "específica", "caso"]);
+const cap = document.getElementById("cap");
+WORDS.forEach((w, i) => {
+  const txt = w.text.replace(/[.,?!…]+$/g, "");
+  const key = norm(txt);
+  const html = ACC.has(key) || ACC.has(txt.toLowerCase()) ? `<b>${txt}</b>` : txt;
+  tl.set(cap, { innerHTML: html, opacity: 1 }, w.start);
+  const next = WORDS[i + 1] ? WORDS[i + 1].start : DUR;
+  if (next - w.end > 0.6) tl.set(cap, { opacity: 0 }, w.end + 0.25);
+});
+// posição: média móvel do rastreio (mx, chin), amostrada a cada 3 quadros
+const ci = Object.fromEntries(FACE.cols.map((c, i) => [c, i]));
+const rows = FACE.rows, N = rows.length;
+const sm = (k, i, r = 6) => { let s = 0, n = 0; for (let j = Math.max(0, i - r); j <= Math.min(N - 1, i + r); j++) { s += rows[j][k]; n++; } return s / n; };
+for (let i = 0; i < N; i += 3) {
+  const x = sm(ci.mx, i), y = sm(ci.chin, i) + 165; // logo abaixo do queixo, na linha da gola
+  tl.to(cap, { x: x, y: y, xPercent: -50, yPercent: -50, duration: 0.1, ease: "none" }, rows[i][0]);
+}
+tl.set({}, {}, DUR);
+window.__timelines = window.__timelines || {};
+window.__timelines["demo"] = tl;
+</script>
+</body></html>
diff --git a/.claude/skills/vsl/template/clean/index.template.html b/.claude/skills/vsl/template/clean/index.template.html
new file mode 100644
index 00000000..cebafddb
--- /dev/null
+++ b/.claude/skills/vsl/template/clean/index.template.html
@@ -0,0 +1,328 @@
+<!doctype html>
+<html lang="pt-BR"><head><meta charset="utf-8"><title>Profissões · clean</title>
+<script src="assets/gsap.min.js"></script>
+<style>
+@font-face{font-family:"Advercase";src:url(assets/Advercase-Bold.woff2) format("woff2");font-weight:700}
+@font-face{font-family:"Jakarta";src:url(assets/PlusJakartaSans.ttf) format("truetype");font-weight:100 900}
+html,body{margin:0;width:1080px;height:1920px;overflow:hidden;background:#fff}
+#v{position:relative;width:1080px;height:1920px;overflow:hidden;background:#fff;
+  --acc:#4A90E2; --acc2:#EAF3FF; --ink:#102A43; --sub:#5B7083; --panel:rgba(255,255,255,.90); --font:"Jakarta",sans-serif; --capfont:"Jakarta",sans-serif; --bad:#E5484D; --ok:#2E9E5B}
+#v.skin-med{--acc:#2F80ED; --acc2:#E8F1FD; --ink:#0F2A4A; --sub:#587089; --font:"Segoe UI",Arial,sans-serif; --capfont:"Segoe UI",Arial,sans-serif}
+#v.skin-nutri{--acc:#2E9E5B; --acc2:#EAF7EE; --ink:#163A26; --sub:#5B7D68; --font:"Jakarta",sans-serif; --capfont:"Jakarta",sans-serif}
+#v.skin-adv{--acc:#B8902E; --acc2:#F6F1E6; --ink:#1B1B1B; --sub:#6B655A; --font:Georgia,"Times New Roman",serif; --capfont:Georgia,"Times New Roman",serif}
+#cam{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.emo{display:inline-block;width:1em;height:1em;vertical-align:-.12em;object-fit:contain}
+#ui{position:absolute;inset:0;pointer-events:none}
+.k{position:absolute;opacity:0;will-change:transform,opacity}
+.head{position:absolute;left:90px;right:90px;top:300px;text-align:center;font:700 86px/1.05 "Advercase",sans-serif;color:#fff;letter-spacing:.01em;
+  -webkit-text-stroke:6px rgba(16,42,67,.9);paint-order:stroke fill;text-shadow:0 6px 24px rgba(0,0,0,.35)}
+.head .emo{width:1em;height:1em;vertical-align:-.1em}
+.head i{font-style:normal;color:#8ECAFF}
+.pill{position:absolute;left:50%;transform:translateX(-50%);top:300px;padding:16px 34px;border-radius:999px;background:var(--panel);color:var(--acc);
+  font:800 34px/1 var(--font);letter-spacing:.04em;box-shadow:0 10px 30px rgba(16,42,67,.14);border:2px solid var(--acc2);white-space:nowrap}
+.pill .emo{width:1.2em;height:1.2em;vertical-align:-.2em;margin-right:10px}
+.panel{position:absolute;left:90px;top:290px;width:900px;height:250px;border-radius:30px;background:var(--panel);
+  box-shadow:0 14px 40px rgba(16,42,67,.14);border:2px solid var(--acc2);overflow:visible}
+.panel .big{position:absolute;font-size:150px;line-height:1}
+.panel .big .emo{width:1em;height:1em;vertical-align:top}
+.panel .mid{position:absolute;font-size:96px;line-height:1}
+.panel .mid .emo{width:1em;height:1em;vertical-align:top}
+.panel .chip{position:absolute;padding:12px 22px;border-radius:16px;background:var(--acc2);color:var(--ink);font:800 30px/1.1 var(--font);white-space:nowrap}
+.panel .chip.lg{font-size:38px;padding:16px 28px}
+.panel .chip .emo{width:1.1em;height:1.1em;vertical-align:-.15em;margin-right:8px}
+.panel .arrow{position:absolute;height:6px;border-radius:3px;background:var(--acc);transform-origin:0 50%}
+.panel .arrow:after{content:"";position:absolute;right:-4px;top:-9px;border:12px solid transparent;border-left:16px solid var(--acc);border-right:0}
+.panel .mark{position:absolute;font-size:86px;line-height:1}
+.panel .mark .emo{width:1em;height:1em;vertical-align:top;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}
+.panel .dot{position:absolute;width:22px;height:22px;border-radius:50%;background:#6B3E1E;box-shadow:0 0 0 4px rgba(255,255,255,.9)}
+.panel .strike{position:absolute;height:14px;border-radius:7px;background:var(--bad);transform:rotate(-18deg);transform-origin:0 50%;box-shadow:0 4px 12px rgba(229,72,77,.35)}
+.panel .lbl{position:absolute;font:700 26px/1.1 var(--font);color:var(--sub);letter-spacing:.02em}
+.panel .title{position:absolute;font:700 64px/1 "Advercase",sans-serif;color:var(--ink);letter-spacing:.01em}
+.panel .title i{font-style:normal;color:var(--acc)}
+.panel .huge{position:absolute;font:700 120px/1 "Advercase",sans-serif;color:var(--acc);letter-spacing:.01em}
+/* mini timeline da IA editando */
+.tl{position:absolute;left:40px;right:40px;top:150px;height:44px;border-radius:10px;background:rgba(16,42,67,.06);overflow:hidden}
+.tl i{position:absolute;top:6px;height:32px;border-radius:7px;background:var(--acc);opacity:.85;transform-origin:0 50%}
+.tl i.cut{background:var(--bad)}
+.tl .ph{position:absolute;top:0;width:3px;height:44px;background:var(--ink);left:0}
+.bubble{position:absolute;left:40px;top:40px;right:40px;padding:22px 28px;border-radius:24px;background:#fff;border:2px solid var(--acc2);font:600 32px/1.3 var(--font);color:var(--ink);box-shadow:0 8px 24px rgba(16,42,67,.10)}
+.bubble b{display:block;font-weight:800;color:var(--acc);font-size:24px;margin-bottom:6px}
+#cap{position:absolute;left:0;top:0;white-space:nowrap;font:700 50px/1 var(--capfont);color:#fff;letter-spacing:.01em;
+  -webkit-text-stroke:5px rgba(16,42,67,.85);paint-order:stroke fill;text-shadow:0 4px 18px rgba(0,0,0,.35);opacity:0}
+#cap b{color:var(--acc);-webkit-text-stroke:5px rgba(255,255,255,.95);font-weight:800}
+.trans{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:50;pointer-events:none}
+</style></head><body>
+<div id="v" data-composition-id="profissoes" data-start="0" data-duration="__DUR__" data-width="1080" data-height="1920">
+  <video id="cam" src="assets/final-base.mp4" data-start="0" data-duration="__DUR__" data-track-index="0" muted playsinline></video>
+  <div id="ui">
+    <!-- ABERTURA -->
+    <div class="head k" id="h1">TOMANDO CAFÉ ☕<br><i>ENQUANTO A IA EDITA</i></div>
+    <div class="panel k" id="p1">
+      <div class="chip lg k" id="p1a" style="left:40px;top:44px">⏱️ 6 min</div>
+      <div class="arrow k" id="p1ar" style="left:300px;top:76px;width:140px"></div>
+      <div class="chip lg k" id="p1b" style="left:480px;top:44px">✂️ 1 min</div>
+      <div class="mark k" id="p1ok" style="left:760px;top:26px">✅</div>
+      <div class="tl k" id="p1tl"><i style="left:0;width:14%"></i><i class="cut" style="left:15%;width:6%"></i><i style="left:22%;width:18%"></i><i class="cut" style="left:41%;width:5%"></i><i style="left:47%;width:12%"></i><i class="cut" style="left:60%;width:8%"></i><i style="left:69%;width:14%"></i><i class="cut" style="left:84%;width:5%"></i><i style="left:90%;width:10%"></i><div class="ph"></div></div>
+    </div>
+    <div class="panel k" id="p2" style="height:230px">
+      <div class="bubble k" id="p2b"><b>💬 @medico</b><span class="tx"></span></div>
+      <div class="mark k" id="p2ok" style="left:800px;top:120px">✅</div>
+    </div>
+    <!-- MÉDICO -->
+    <div class="pill k" id="pillMed">🩺 MODO MÉDICO</div>
+    <div class="panel k" id="pA">
+      <div class="big" style="left:70px;top:48px">🙂</div>
+      <div class="dot k" id="pAdot" style="left:184px;top:150px"></div>
+      <div class="mark k" id="pAlupa" style="left:150px;top:118px">🔍</div>
+      <div class="chip k" id="pAc1" style="left:330px;top:70px">pinta nova</div>
+      <div class="lbl k" id="pAc2" style="left:330px;top:150px">mudou de cor, tamanho ou formato?</div>
+    </div>
+    <div class="panel k" id="pB">
+      <div class="big" style="left:60px;top:48px">💊</div>
+      <div class="arrow k" id="pBar1" style="left:230px;top:118px;width:150px"></div>
+      <div class="big k" id="pBgripe" style="left:400px;top:48px">🤧</div>
+      <div class="mark k" id="pBx" style="left:470px;top:20px">❌</div>
+      <div class="chip k" id="pBvirus" style="left:590px;top:60px">🦠 gripe é vírus</div>
+      <div class="chip k" id="pBbac" style="left:590px;top:140px">🧫 bactéria</div>
+      <div class="mark k" id="pBok" style="left:880px;top:132px">✅</div>
+    </div>
+    <!-- ADVOGADO -->
+    <div class="pill k" id="pillAdv">⚖️ MODO ADVOGADO</div>
+    <div class="panel k" id="pE">
+      <div class="big" style="left:60px;top:48px">📄</div>
+      <div class="mark k" id="pEx" style="left:150px;top:20px">❌</div>
+      <div class="chip lg k" id="pEc0" style="left:260px;top:40px">demitido sem justa causa</div>
+      <div class="lbl k" id="pEl" style="left:260px;top:130px">você tem direito a:</div>
+    </div>
+    <div class="panel k" id="pF">
+      <div class="chip k" id="pFa" style="left:40px;top:28px">⏱️ aviso prévio</div>
+      <div class="chip k" id="pFb" style="left:40px;top:100px">💰 FGTS + multa de 40%</div>
+      <div class="chip k" id="pFc" style="left:40px;top:172px">🛟 seguro-desemprego</div>
+      <div class="mark k" id="pFok" style="left:760px;top:80px">✅</div>
+    </div>
+    <!-- NUTRI -->
+    <div class="pill k" id="pillNut">🥗 MODO NUTRI</div>
+    <div class="panel k" id="pC">
+      <div class="big" style="left:70px;top:48px">🍚</div>
+      <div class="strike k" id="pCstrike" style="left:56px;top:150px;width:190px"></div>
+      <div class="mark k" id="pCok" style="left:235px;top:40px">✅</div>
+      <div class="chip k" id="pCc1" style="left:360px;top:70px">não precisa cortar</div>
+      <div class="lbl k" id="pCc2" style="left:360px;top:150px">o arroz não é o problema</div>
+    </div>
+    <div class="panel k" id="pD">
+      <div class="big" style="left:70px;top:48px">🥗</div>
+      <div class="chip k" id="pDc1" style="left:260px;top:60px">📋 dieta específica</div>
+      <div class="chip k" id="pDc2" style="left:260px;top:140px">👤 pro seu caso</div>
+    </div>
+    <!-- VOLTA -->
+    <div class="panel k" id="pG">
+      <div class="mid k" id="pG1" style="left:50px;top:30px">🩺</div>
+      <div class="mid k" id="pG2" style="left:190px;top:30px">⚖️</div>
+      <div class="mid k" id="pG3" style="left:330px;top:30px">🥗</div>
+      <div class="mid k" id="pG4" style="left:470px;top:30px">👩‍🍳</div>
+      <div class="mid k" id="pG5" style="left:610px;top:30px">💼</div>
+      <div class="mid k" id="pG6" style="left:750px;top:30px">🧑‍🏫</div>
+      <div class="chip k" id="pGc" style="left:50px;top:156px">qualquer profissão → 📈 melhores conteúdos</div>
+    </div>
+    <div class="panel k" id="pH">
+      <div class="chip lg k" id="pHa" style="left:40px;top:40px">🚀 viralizar</div>
+      <div class="chip lg k" id="pHb" style="left:40px;top:140px">👥 muitos clientes</div>
+      <div class="chip lg k" id="pHc" style="left:450px;top:140px">❤️ muitos seguidores</div>
+    </div>
+    <div class="panel k" id="pI">
+      <div class="big" style="left:60px;top:48px">✋</div>
+      <div class="chip lg k" id="pIa" style="left:250px;top:50px">não mexi em nada</div>
+      <div class="chip lg k" id="pIb" style="left:250px;top:140px">🤖 edição 100% feita pela IA</div>
+    </div>
+    <div class="panel k" id="pJ">
+      <div class="big" style="left:50px;top:48px">🎓</div>
+      <div class="title k" id="pJt" style="left:240px;top:60px">EDIÇÃO <i>VIRAL</i></div>
+      <div class="chip lg k" id="pJc" style="left:240px;top:150px">com Claude</div>
+    </div>
+    <div class="panel k" id="pK">
+      <div class="chip lg k" id="pKa" style="left:40px;top:90px">🎥 grava</div>
+      <div class="arrow k" id="pKar1" style="left:260px;top:120px;width:70px"></div>
+      <div class="chip lg k" id="pKb" style="left:350px;top:90px">🤖 IA edita</div>
+      <div class="arrow k" id="pKar2" style="left:600px;top:120px;width:70px"></div>
+      <div class="chip lg k" id="pKc" style="left:690px;top:90px">✅ 100%</div>
+    </div>
+    <div class="panel k" id="pL">
+      <div class="big" style="left:60px;top:48px">⏱️</div>
+      <div class="huge k" id="pLn" style="left:250px;top:50px">30 min</div>
+      <div class="lbl k" id="pLl" style="left:254px;top:185px">pra aprender a fazer isso</div>
+    </div>
+    <div class="panel k" id="pM" style="height:230px">
+      <div class="bubble k" id="pMb"><b>💬 você</b><span class="tx"></span></div>
+      <div class="chip lg k" id="pMc" style="left:40px;top:150px">📩 link no Direct</div>
+    </div>
+    <div class="panel k" id="pN">
+      <div class="chip lg k" id="pNa" style="left:40px;top:34px">🏷️ promoção de lançamento</div>
+      <div class="huge k" id="pNn" style="left:40px;top:120px">50% OFF</div>
+      <div class="mark k" id="pNw" style="left:800px;top:120px">😉</div>
+    </div>
+  </div>
+  <div id="cap"></div>
+  __TRANS__
+  <audio id="voice" src="assets/final-base.mp4" data-start="0" data-duration="__DUR__" data-track-index="1" data-volume="1"></audio>
+</div>
+<script>
+const tl = gsap.timeline({ paused: true });
+const DUR = __DUR__, WORDS = __WORDS__, FACE = __FACE__;
+const norm = (s) => s.toLowerCase().normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/[^a-z0-9%]+/g, " ").trim();
+const WN = WORDS.map((w) => ({ n: norm(w.text), s: w.start, e: w.end })).filter((w) => w.n);
+function at(phrase, nth = 1) {
+  const p = norm(phrase).split(" "); let hit = 0;
+  for (let i = 0; i <= WN.length - p.length; i++) {
+    let ok = true; for (let j = 0; j < p.length; j++) if (WN[i + j].n !== p[j]) { ok = false; break; }
+    if (ok && ++hit === nth) return WN[i].s;
+  }
+  throw new Error("frase não encontrada: " + phrase);
+}
+const root = document.getElementById("v");
+const show = (sel, t, d = 0.35) => tl.fromTo(sel, { opacity: 0, y: 26, scale: 0.96 }, { opacity: 1, y: 0, scale: 1, duration: d, ease: "power3.out", immediateRender: false }, t);
+const pop = (sel, t) => tl.fromTo(sel, { opacity: 0, scale: 0.4 }, { opacity: 1, scale: 1, duration: 0.32, ease: "back.out(2)", immediateRender: false }, t);
+const slide = (sel, t, dx = 60) => tl.fromTo(sel, { opacity: 0, x: dx }, { opacity: 1, x: 0, duration: 0.35, ease: "power3.out", immediateRender: false }, t);
+const grow = (sel, t, d = 0.3) => { tl.set(sel, { opacity: 1 }, t); tl.fromTo(sel, { scaleX: 0 }, { scaleX: 1, opacity: 1, duration: d, ease: "power3.out", immediateRender: false }, t); };
+const out = (sel, t) => tl.to(sel, { opacity: 0, y: -16, duration: 0.25, ease: "power2.in" }, t);
+const skinAt = (cls, t) => tl.set(root, { attr: { class: cls } }, t);
+function typeInto(el, text, t, cps = 22) {
+  const n = text.length;
+  for (let i = 1; i <= n; i++) tl.set(el, { textContent: text.slice(0, i) }, t + i / cps);
+}
+
+// ================= ABERTURA (skin neutra clean) =================
+show("#h1", 0.35, 0.5);
+out("#h1", at("6 minutos") - 0.45);
+const t1 = at("6 minutos") - 0.3;
+show("#p1", t1);
+pop("#p1a", at("6 minutos"));
+tl.set("#p1tl", { opacity: 1 }, at("6 minutos") + 0.1);
+tl.fromTo("#p1tl .ph", { x: 0 }, { x: 817, duration: at("um só minuto") - at("6 minutos") - 0.1, ease: "none", immediateRender: false }, at("6 minutos") + 0.1);
+grow("#p1ar", at("colocar") - 0.1);
+tl.to("#p1tl i.cut", { scaleX: 0, duration: 0.35, ease: "power3.in", stagger: 0.06 }, at("um só minuto") - 0.3);
+pop("#p1b", at("um só minuto"));
+pop("#p1ok", at("um só minuto") + 0.75);
+out("#p1", at("e você deve") - 0.15);
+const t2 = at("e você deve");
+show("#p2", t2);
+show("#p2b", t2 + 0.1, 0.3);
+typeInto("#p2b .tx", "Ô Ney, eu sou médico… funciona pra mim?", at("o ney") - 0.1, 24);
+pop("#p2ok", at("funciona", 2));
+out("#p2", at("explicar") - 0.55);
+
+// ================= MÉDICO =================
+const tMed = at("explicar") - 0.04;
+skinAt("skin-med", tMed);
+show("#pillMed", tMed + 0.1); out("#pillMed", at("pinta") - 0.25);
+show("#pA", at("pinta") - 0.15);
+pop("#pAdot", at("pinta"));
+slide("#pAlupa", at("nova"), 90);
+pop("#pAc1", at("nova") + 0.12);
+show("#pAc2", at("apareceu"), 0.3);
+out("#pA", at("fazendo") - 0.1);
+show("#pB", at("antibiótico") - 0.12);
+grow("#pBar1", at("antibiótico") + 0.25);
+pop("#pBgripe", at("gripe"));
+pop("#pBx", at("não trata") + 0.1);
+pop("#pBvirus", at("vírus"));
+pop("#pBbac", at("antibiótico", 2) + 0.15);
+pop("#pBok", at("bactéria"));
+const tAdv = at("ou pode ser") - 0.04;
+out("#pB", tAdv - 0.45);
+
+// ================= ADVOGADO =================
+skinAt("skin-adv", tAdv);
+show("#pillAdv", tAdv + 0.1); out("#pillAdv", at("pessoas que") - 0.25);
+show("#pE", at("pessoas que") - 0.1);
+pop("#pEc0", at("demitidas"));
+pop("#pEx", at("justa causa") - 0.05);
+show("#pEl", at("você tem direito") - 0.05, 0.3);
+out("#pE", at("aviso prévio") - 0.35);
+show("#pF", at("aviso prévio") - 0.2);
+pop("#pFa", at("aviso prévio"));
+pop("#pFb", at("fgts"));
+pop("#pFc", at("em muitos casos") + 0.9);
+pop("#pFok", at("em muitos casos") + 1.3);
+const tNut = at("ou eu posso") - 0.04;
+out("#pF", tNut - 0.45);
+
+// ================= NUTRI =================
+skinAt("skin-nutri", tNut);
+show("#pillNut", tNut + 0.1); out("#pillNut", at("não precisa") - 0.25);
+show("#pC", at("não precisa") - 0.1);
+grow("#pCstrike", at("cortar"), 0.25);
+tl.to("#pCstrike", { opacity: 0, duration: 0.2 }, at("emagrecer") - 0.05);
+pop("#pCok", at("emagrecer"));
+pop("#pCc1", at("emagrecer") + 0.15);
+show("#pCc2", at("emagrecer") + 0.5, 0.3);
+out("#pC", at("realmente") - 0.35);
+show("#pD", at("realmente") - 0.2);
+pop("#pDc1", at("dieta"));
+pop("#pDc2", at("pro seu caso"));
+const tBack = at("enfim") - 0.14;
+out("#pD", tBack - 0.45);
+
+// ================= VOLTA (skin neutra) =================
+skinAt("", tBack);
+show("#pG", at("não importa") - 0.1);
+["#pG1", "#pG2", "#pG3", "#pG4", "#pG5", "#pG6"].forEach((s, i) => pop(s, at("profissão") - 0.2 + i * 0.07));
+pop("#pGc", at("melhores") - 0.05);
+out("#pG", at("viralizar") - 0.4);
+show("#pH", at("viralizar") - 0.25);
+pop("#pHa", at("viralizar"));
+pop("#pHb", at("clientes") - 0.1);
+pop("#pHc", at("seguidores") - 0.1);
+out("#pH", at("esse vídeo aqui") - 0.15);
+show("#pI", at("esse vídeo aqui"));
+pop("#pIa", at("nada") - 0.05);
+pop("#pIb", at("edição") - 0.05);
+out("#pI", at("ensino") - 0.3);
+show("#pJ", at("ensino") - 0.15);
+pop("#pJt", at("edição viral") - 0.05);
+pop("#pJc", at("claude") - 0.05);
+out("#pJ", at("você vai gravar") - 0.3);
+show("#pK", at("gravar") - 0.12);
+pop("#pKa", at("gravar"));
+grow("#pKar1", at("e ele vai") - 0.1, 0.25);
+pop("#pKb", at("e ele vai") + 0.15);
+grow("#pKar2", at("100") - 0.3, 0.25);
+pop("#pKc", at("100"));
+out("#pK", at("você vai aprender") - 0.25);
+show("#pL", at("você vai aprender") - 0.1);
+pop("#pLn", at("30"));
+show("#pLl", at("30") + 0.4, 0.3);
+out("#pL", at("então digita") - 0.3);
+const tM = at("então digita") - 0.15;
+show("#pM", tM);
+show("#pMb", tM + 0.1, 0.3);
+typeInto("#pMb .tx", "EU QUERO", at("eu quero") - 0.05, 16);
+pop("#pMc", at("link") - 0.05);
+out("#pM", at("promoção") - 0.4);
+show("#pN", at("promoção") - 0.25);
+pop("#pNa", at("promoção"));
+pop("#pNn", at("50"));
+pop("#pNw", at("de nada"));
+out("#pN", DUR - 0.2);
+
+// ================= legenda: uma palavra, logo abaixo do queixo, seguindo a cabeça =================
+const ACC = new Set(["café", "inteligência", "artificial", "edita", "6", "minutos", "médico", "funciona", "pinta", "nova", "antibiótico", "gripe", "vírus", "bactéria", "advogado", "demitidas", "justa", "causa", "aviso", "prévio", "fgts", "40", "seguro-desemprego", "nutricionista", "arroz", "emagrecer", "dieta", "específica", "caso", "profissão", "viralizar", "clientes", "seguidores", "nada", "edição", "viral", "claude", "gravar", "100", "editado", "30", "quero", "link", "promoção", "50", "desconto"]);
+const cap = document.getElementById("cap");
+WORDS.forEach((w, i) => {
+  const txt = w.text.replace(/[.,?!…]+$/g, "");
+  const html = ACC.has(norm(txt)) ? `<b>${txt}</b>` : txt;
+  tl.set(cap, { innerHTML: html, opacity: 1 }, w.start);
+  const next = WORDS[i + 1] ? WORDS[i + 1].start : DUR;
+  if (next - w.end > 0.6) tl.set(cap, { opacity: 0 }, w.end + 0.25);
+});
+const ci = Object.fromEntries(FACE.cols.map((c, i) => [c, i]));
+const rows = FACE.rows, N = rows.length;
+const sm = (k, i, r = 6) => { let s = 0, n = 0; for (let j = Math.max(0, i - r); j <= Math.min(N - 1, i + r); j++) { s += rows[j][k]; n++; } return s / n; };
+for (let i = 0; i < N; i += 3) {
+  const x = sm(ci.mx, i), y = sm(ci.chin, i) + 165;
+  tl.to(cap, { x: x, y: y, xPercent: -50, yPercent: -50, duration: 0.1, ease: "none" }, rows[i][0]);
+}
+tl.set({}, {}, DUR);
+window.__timelines = window.__timelines || {};
+window.__timelines["profissoes"] = tl;
+</script>
+</body></html>
diff --git a/.claude/skills/vsl/template/fonts/Advercase-Bold.woff2 b/.claude/skills/vsl/template/fonts/Advercase-Bold.woff2
new file mode 100644
index 00000000..60735683
Binary files /dev/null and b/.claude/skills/vsl/template/fonts/Advercase-Bold.woff2 differ
diff --git a/.claude/skills/vsl/template/fonts/Advercase-Regular.woff2 b/.claude/skills/vsl/template/fonts/Advercase-Regular.woff2
new file mode 100644
index 00000000..4520a51c
Binary files /dev/null and b/.claude/skills/vsl/template/fonts/Advercase-Regular.woff2 differ
diff --git a/.claude/skills/vsl/template/fonts/Anybody.ttf b/.claude/skills/vsl/template/fonts/Anybody.ttf
new file mode 100644
index 00000000..bc9de3e0
Binary files /dev/null and b/.claude/skills/vsl/template/fonts/Anybody.ttf differ
diff --git a/.claude/skills/vsl/template/fonts/JetBrainsMono.ttf b/.claude/skills/vsl/template/fonts/JetBrainsMono.ttf
new file mode 100644
index 00000000..aa310be8
Binary files /dev/null and b/.claude/skills/vsl/template/fonts/JetBrainsMono.ttf differ
diff --git a/.claude/skills/vsl/template/fonts/OFL-Anybody.txt b/.claude/skills/vsl/template/fonts/OFL-Anybody.txt
new file mode 100644
index 00000000..56c7c2c5
--- /dev/null
+++ b/.claude/skills/vsl/template/fonts/OFL-Anybody.txt
@@ -0,0 +1,93 @@
+Copyright 2020 The Anybody Project Authors (https://github.com/Etcetera-Type-Co/Anybody)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/.claude/skills/vsl/template/fonts/OFL-JetBrainsMono.txt b/.claude/skills/vsl/template/fonts/OFL-JetBrainsMono.txt
new file mode 100644
index 00000000..821a3dac
--- /dev/null
+++ b/.claude/skills/vsl/template/fonts/OFL-JetBrainsMono.txt
@@ -0,0 +1,93 @@
+Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+
+This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/.claude/skills/vsl/template/fonts/OFL-PlusJakartaSans.txt b/.claude/skills/vsl/template/fonts/OFL-PlusJakartaSans.txt
new file mode 100644
index 00000000..ea69b0ca
--- /dev/null
+++ b/.claude/skills/vsl/template/fonts/OFL-PlusJakartaSans.txt
@@ -0,0 +1,93 @@
+Copyright 2020 The Plus Jakarta Sans Project Authors (https://github.com/tokotype/PlusJakartaSans)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/.claude/skills/vsl/template/fonts/PlusJakartaSans.ttf b/.claude/skills/vsl/template/fonts/PlusJakartaSans.ttf
new file mode 100644
index 00000000..0cb13a99
Binary files /dev/null and b/.claude/skills/vsl/template/fonts/PlusJakartaSans.ttf differ
diff --git a/.claude/skills/vsl/template/gsap.min.js b/.claude/skills/vsl/template/gsap.min.js
new file mode 100644
index 00000000..fde57af0
--- /dev/null
+++ b/.claude/skills/vsl/template/gsap.min.js
@@ -0,0 +1,11 @@
+/*!
+ * GSAP 3.14.2
+ * https://gsap.com
+ * 
+ * @license Copyright 2025, GreenSock. All rights reserved.
+ * Subject to the terms at https://gsap.com/standard-license.
+ * @author: Jack Doyle, jack@greensock.com
+ */
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prototype=Object.create(e.prototype),(t.prototype.constructor=t).__proto__=e}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function r(t){return"string"==typeof t}function s(t){return"function"==typeof t}function t(t){return"number"==typeof t}function u(t){return void 0===t}function v(t){return"object"==typeof t}function w(t){return!1!==t}function x(){return"undefined"!=typeof window}function y(t){return s(t)||r(t)}function R(t){return(i=bt(t,ht))&&Fe}function S(t,e){return console.warn("Invalid property",t,"set to",e,"Missing plugin? gsap.registerPlugin()")}function T(t,e){return!e&&console.warn(t)}function U(t,e){return t&&(ht[t]=e)&&i&&(i[t]=e)||ht}function V(){return 0}function ga(t){var e,r,i=t[0];if(v(i)||s(i)||(t=[t]),!(e=(i._gsap||{}).harness)){for(r=yt.length;r--&&!yt[r].targetTest(i););e=yt[r]}for(r=t.length;r--;)t[r]&&(t[r]._gsap||(t[r]._gsap=new Xt(t[r],e)))||t.splice(r,1);return t}function ha(t){return t._gsap||ga(Pt(t))[0]._gsap}function ia(t,e,r){return(r=t[e])&&s(r)?t[e]():u(r)&&t.getAttribute&&t.getAttribute(e)||r}function ja(t,e){return(t=t.split(",")).forEach(e)||t}function ka(t){return Math.round(1e5*t)/1e5||0}function la(t){return Math.round(1e7*t)/1e7||0}function ma(t,e){var r=e.charAt(0),i=parseFloat(e.substr(2));return t=parseFloat(t),"+"===r?t+i:"-"===r?t-i:"*"===r?t*i:t/i}function na(t,e){for(var r=e.length,i=0;t.indexOf(e[i])<0&&++i<r;);return i<r}function oa(){var t,e,r=pt.length,i=pt.slice(0);for(_t={},t=pt.length=0;t<r;t++)(e=i[t])&&e._lazy&&(e.render(e._lazy[0],e._lazy[1],!0)._lazy=0)}function pa(t){return!!(t._initted||t._startAt||t.add)}function qa(t,e,r,i){pt.length&&!I&&oa(),t.render(e,r,i||!!(I&&e<0&&pa(t))),pt.length&&!I&&oa()}function ra(t){var e=parseFloat(t);return(e||0===e)&&(t+"").match(ot).length<2?e:r(t)?t.trim():t}function sa(t){return t}function ta(t,e){for(var r in e)r in t||(t[r]=e[r]);return t}function wa(t,e){for(var r in e)"__proto__"!==r&&"constructor"!==r&&"prototype"!==r&&(t[r]=v(e[r])?wa(t[r]||(t[r]={}),e[r]):e[r]);return t}function xa(t,e){var r,i={};for(r in t)r in e||(i[r]=t[r]);return i}function ya(t){var e=t.parent||L,r=t.keyframes?function _setKeyframeDefaults(i){return function(t,e){for(var r in e)r in t||"duration"===r&&i||"ease"===r||(t[r]=e[r])}}($(t.keyframes)):ta;if(w(t.inherit))for(;e;)r(t,e.vars.defaults),e=e.parent||e._dp;return t}function Aa(t,e,r,i,n){void 0===r&&(r="_first"),void 0===i&&(i="_last");var a,s=t[i];if(n)for(a=e[n];s&&s[n]>a;)s=s._prev;return s?(e._next=s._next,s._next=e):(e._next=t[r],t[r]=e),e._next?e._next._prev=e:t[i]=e,e._prev=s,e.parent=e._dp=t,e}function Ba(t,e,r,i){void 0===r&&(r="_first"),void 0===i&&(i="_last");var n=e._prev,a=e._next;n?n._next=a:t[r]===e&&(t[r]=a),a?a._prev=n:t[i]===e&&(t[i]=n),e._next=e._prev=e.parent=null}function Ca(t,e){t.parent&&(!e||t.parent.autoRemoveChildren)&&t.parent.remove&&t.parent.remove(t),t._act=0}function Da(t,e){if(t&&(!e||e._end>t._dur||e._start<0))for(var r=t;r;)r._dirty=1,r=r.parent;return t}function Fa(t,e,r,i){return t._startAt&&(I?t._startAt.revert(ft):t.vars.immediateRender&&!t.vars.autoRevert||t._startAt.render(e,!0,i))}function Ha(t){return t._repeat?wt(t._tTime,t=t.duration()+t._rDelay)*t:0}function Ja(t,e){return(t-e._start)*e._ts+(0<=e._ts?0:e._dirty?e.totalDuration():e._tDur)}function Ka(t){return t._end=la(t._start+(t._tDur/Math.abs(t._ts||t._rts||q)||0))}function La(t,e){var r=t._dp;return r&&r.smoothChildTiming&&t._ts&&(t._start=la(r._time-(0<t._ts?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),Ka(t),r._dirty||Da(r,t)),t}function Ma(t,e){var r;if((e._time||!e._dur&&e._initted||e._start<t._time&&(e._dur||!e.add))&&(r=Ja(t.rawTime(),e),(!e._dur||Mt(0,e.totalDuration(),r)-e._tTime>q)&&e.render(r,!0)),Da(t,e)._dp&&t._initted&&t._time>=t._dur&&t._ts){if(t._dur<t.duration())for(r=t;r._dp;)0<=r.rawTime()&&r.totalTime(r._tTime),r=r._dp;t._zTime=-q}}function Na(e,r,i,n){return r.parent&&Ca(r),r._start=la((t(i)?i:i||e!==L?Ot(e,i,r):e._time)+r._delay),r._end=la(r._start+(r.totalDuration()/Math.abs(r.timeScale())||0)),Aa(e,r,"_first","_last",e._sort?"_start":0),xt(r)||(e._recent=r),n||Ma(e,r),e._ts<0&&La(e,e._tTime),e}function Oa(t,e){return(ht.ScrollTrigger||S("scrollTrigger",e))&&ht.ScrollTrigger.create(e,t)}function Pa(t,e,r,i,n){return Qt(t,e,n),t._initted?!r&&t._pt&&!I&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&f!==It.frame?(pt.push(t),t._lazy=[n,i],1):void 0:1}function Ua(t,e,r,i){var n=t._repeat,a=la(e)||0,s=t._tTime/t._tDur;return s&&!i&&(t._time*=a/t._dur),t._dur=a,t._tDur=n?n<0?1e10:la(a*(n+1)+t._rDelay*n):a,0<s&&!i&&La(t,t._tTime=t._tDur*s),t.parent&&Ka(t),r||Da(t.parent,t),t}function Va(t){return t instanceof Zt?Da(t):Ua(t,t._dur)}function Ya(e,r,i){var n,a,s=t(r[1]),o=(s?2:1)+(e<2?0:1),u=r[o];if(s&&(u.duration=r[1]),u.parent=i,e){for(n=u,a=i;a&&!("immediateRender"in n);)n=a.vars.defaults||{},a=w(a.vars.inherit)&&a.parent;u.immediateRender=w(n.immediateRender),e<2?u.runBackwards=1:u.startAt=r[o-1]}return new te(r[0],u,r[1+o])}function Za(t,e){return t||0===t?e(t):e}function _a(t,e){return r(t)&&(e=ut.exec(t))?e[1]:""}function cb(t,e){return t&&v(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&v(t[0]))&&!t.nodeType&&t!==h}function fb(r){return r=Pt(r)[0]||T("Invalid scope")||{},function(t){var e=r.current||r.nativeElement||r;return Pt(t,e.querySelectorAll?e:e===r?T("Invalid scope")||a.createElement("div"):r)}}function gb(t){return t.sort(function(){return.5-Math.random()})}function hb(t){if(s(t))return t;var p=v(t)?t:{each:t},_=Vt(p.ease),m=p.from||0,g=parseFloat(p.base)||0,y={},e=0<m&&m<1,T=isNaN(m)||e,b=p.axis,w=m,x=m;return r(m)?w=x={center:.5,edges:.5,end:1}[m]||0:!e&&T&&(w=m[0],x=m[1]),function(t,e,r){var i,n,a,s,o,u,h,l,f,d=(r||p).length,c=y[d];if(!c){if(!(f="auto"===p.grid?0:(p.grid||[1,X])[1])){for(h=-X;h<(h=r[f++].getBoundingClientRect().left)&&f<d;);f<d&&f--}for(c=y[d]=[],i=T?Math.min(f,d)*w-.5:m%f,n=f===X?0:T?d*x/f-.5:m/f|0,l=X,u=h=0;u<d;u++)a=u%f-i,s=n-(u/f|0),c[u]=o=b?Math.abs("y"===b?s:a):J(a*a+s*s),h<o&&(h=o),o<l&&(l=o);"random"===m&&gb(c),c.max=h-l,c.min=l,c.v=d=(parseFloat(p.amount)||parseFloat(p.each)*(d<f?d-1:b?"y"===b?d/f:f:Math.max(f,d/f))||0)*("edges"===m?-1:1),c.b=d<0?g-d:g,c.u=_a(p.amount||p.each)||0,_=_&&d<0?jt(_):_}return d=(c[t]-c.min)/c.max||0,la(c.b+(_?_(d):d)*c.v)+c.u}}function ib(i){var n=Math.pow(10,((i+"").split(".")[1]||"").length);return function(e){var r=la(Math.round(parseFloat(e)/i)*i*n);return(r-r%1)/n+(t(e)?0:_a(e))}}function jb(h,e){var l,f,r=$(h);return!r&&v(h)&&(l=r=h.radius||X,h.values?(h=Pt(h.values),(f=!t(h[0]))&&(l*=l)):h=ib(h.increment)),Za(e,r?s(h)?function(t){return f=h(t),Math.abs(f-t)<=l?f:t}:function(e){for(var r,i,n=parseFloat(f?e.x:e),a=parseFloat(f?e.y:0),s=X,o=0,u=h.length;u--;)(r=f?(r=h[u].x-n)*r+(i=h[u].y-a)*i:Math.abs(h[u]-n))<s&&(s=r,o=u);return o=!l||s<=l?h[o]:e,f||o===e||t(e)?o:o+_a(e)}:ib(h))}function kb(t,e,r,i){return Za($(t)?!e:!0===r?!!(r=0):!i,function(){return $(t)?t[~~(Math.random()*t.length)]:(r=r||1e-5)&&(i=r<1?Math.pow(10,(r+"").length-2):1)&&Math.floor(Math.round((t-r/2+Math.random()*(e-t+.99*r))/r)*r*i)/i})}function ob(e,r,t){return Za(t,function(t){return e[~~r(t)]})}function rb(t){return t.replace(tt,function(t){var e=t.indexOf("[")+1,r=t.substring(e||7,e?t.indexOf("]"):t.length-1).split(et);return kb(e?r:+r[0],e?0:+r[1],+r[2]||1e-5)})}function ub(t,e,r){var i,n,a,s=t.labels,o=X;for(i in s)(n=s[i]-e)<0==!!r&&n&&o>(n=Math.abs(n))&&(a=i,o=n);return a}function wb(t){return Ca(t),t.scrollTrigger&&t.scrollTrigger.kill(!!I),t.progress()<1&&Dt(t,"onInterrupt"),t}function zb(t){if(t)if(t=!t.name&&t.default||t,x()||t.headless){var e=t.name,r=s(t),i=e&&!r&&t.init?function(){this._props=[]}:t,n={init:V,render:ve,add:Jt,kill:Te,modifier:ye,rawVars:0},a={targetTest:0,get:0,getSetter:le,aliases:{},register:0};if(Lt(),t!==i){if(mt[e])return;ta(i,ta(xa(t,n),a)),bt(i.prototype,bt(n,xa(t,a))),mt[i.prop=e]=i,t.targetTest&&(yt.push(i),ct[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}U(e,i),t.register&&t.register(Fe,i,we)}else St.push(t)}function Cb(t,e,r){return(6*(t+=t<0?1:1<t?-1:0)<1?e+(r-e)*t*6:t<.5?r:3*t<2?e+(r-e)*(2/3-t)*6:e)*zt+.5|0}function Db(e,r,i){var n,a,s,o,u,h,l,f,d,c,p=e?t(e)?[e>>16,e>>8&zt,e&zt]:0:Et.black;if(!p){if(","===e.substr(-1)&&(e=e.substr(0,e.length-1)),Et[e])p=Et[e];else if("#"===e.charAt(0)){if(e.length<6&&(e="#"+(n=e.charAt(1))+n+(a=e.charAt(2))+a+(s=e.charAt(3))+s+(5===e.length?e.charAt(4)+e.charAt(4):"")),9===e.length)return[(p=parseInt(e.substr(1,6),16))>>16,p>>8&zt,p&zt,parseInt(e.substr(7),16)/255];p=[(e=parseInt(e.substr(1),16))>>16,e>>8&zt,e&zt]}else if("hsl"===e.substr(0,3))if(p=c=e.match(rt),r){if(~e.indexOf("="))return p=e.match(it),i&&p.length<4&&(p[3]=1),p}else o=+p[0]%360/360,u=p[1]/100,n=2*(h=p[2]/100)-(a=h<=.5?h*(u+1):h+u-h*u),3<p.length&&(p[3]*=1),p[0]=Cb(o+1/3,n,a),p[1]=Cb(o,n,a),p[2]=Cb(o-1/3,n,a);else p=e.match(rt)||Et.transparent;p=p.map(Number)}return r&&!c&&(n=p[0]/zt,a=p[1]/zt,s=p[2]/zt,h=((l=Math.max(n,a,s))+(f=Math.min(n,a,s)))/2,l===f?o=u=0:(d=l-f,u=.5<h?d/(2-l-f):d/(l+f),o=l===n?(a-s)/d+(a<s?6:0):l===a?(s-n)/d+2:(n-a)/d+4,o*=60),p[0]=~~(o+.5),p[1]=~~(100*u+.5),p[2]=~~(100*h+.5)),i&&p.length<4&&(p[3]=1),p}function Eb(t){var r=[],i=[],n=-1;return t.split(Rt).forEach(function(t){var e=t.match(nt)||[];r.push.apply(r,e),i.push(n+=e.length+1)}),r.c=i,r}function Fb(t,e,r){var i,n,a,s,o="",u=(t+o).match(Rt),h=e?"hsla(":"rgba(",l=0;if(!u)return t;if(u=u.map(function(t){return(t=Db(t,e,1))&&h+(e?t[0]+","+t[1]+"%,"+t[2]+"%,"+t[3]:t.join(","))+")"}),r&&(a=Eb(t),(i=r.c).join(o)!==a.c.join(o)))for(s=(n=t.replace(Rt,"1").split(nt)).length-1;l<s;l++)o+=n[l]+(~i.indexOf(l)?u.shift()||h+"0,0,0,0)":(a.length?a:u.length?u:r).shift());if(!n)for(s=(n=t.split(Rt)).length-1;l<s;l++)o+=n[l]+u[l];return o+n[s]}function Ib(t){var e,r=t.join(" ");if(Rt.lastIndex=0,Rt.test(r))return e=Ft.test(r),t[1]=Fb(t[1],e),t[0]=Fb(t[0],e,Eb(t[1])),!0}function Rb(t){var e=(t+"").split("("),r=Bt[e[0]];return r&&1<e.length&&r.config?r.config.apply(null,~t.indexOf("{")?[function _parseObjectInString(t){for(var e,r,i,n={},a=t.substr(1,t.length-3).split(":"),s=a[0],o=1,u=a.length;o<u;o++)r=a[o],e=o!==u-1?r.lastIndexOf(","):r.length,i=r.substr(0,e),n[s]=isNaN(i)?i.replace(Nt,"").trim():+i,s=r.substr(e+1).trim();return n}(e[1])]:function _valueInParentheses(t){var e=t.indexOf("(")+1,r=t.indexOf(")"),i=t.indexOf("(",e);return t.substring(e,~i&&i<r?t.indexOf(")",r+1):r)}(t).split(",").map(ra)):Bt._CE&&Yt.test(t)?Bt._CE("",t):r}function Tb(t,e){for(var r,i=t._first;i;)i instanceof Zt?Tb(i,e):!i.vars.yoyoEase||i._yoyo&&i._repeat||i._yoyo===e||(i.timeline?Tb(i.timeline,e):(r=i._ease,i._ease=i._yEase,i._yEase=r,i._yoyo=e)),i=i._next}function Vb(t,e,r,i){void 0===r&&(r=function easeOut(t){return 1-e(1-t)}),void 0===i&&(i=function easeInOut(t){return t<.5?e(2*t)/2:1-e(2*(1-t))/2});var n,a={easeIn:e,easeOut:r,easeInOut:i};return ja(t,function(t){for(var e in Bt[t]=ht[t]=a,Bt[n=t.toLowerCase()]=r,a)Bt[n+("easeIn"===e?".in":"easeOut"===e?".out":".inOut")]=Bt[t+"."+e]=a[e]}),a}function Wb(e){return function(t){return t<.5?(1-e(1-2*t))/2:.5+e(2*(t-.5))/2}}function Xb(r,t,e){function Lm(t){return 1===t?1:i*Math.pow(2,-10*t)*G((t-a)*n)+1}var i=1<=t?t:1,n=(e||(r?.3:.45))/(t<1?t:1),a=n/Z*(Math.asin(1/i)||0),s="out"===r?Lm:"in"===r?function(t){return 1-Lm(1-t)}:Wb(Lm);return n=Z/n,s.config=function(t,e){return Xb(r,t,e)},s}function Yb(e,r){function Tm(t){return t?--t*t*((r+1)*t+r)+1:0}void 0===r&&(r=1.70158);var t="out"===e?Tm:"in"===e?function(t){return 1-Tm(1-t)}:Wb(Tm);return t.config=function(t){return Yb(e,t)},t}var F,I,l,L,h,n,a,i,o,f,d,c,p,_,m,g,b,k,O,M,C,P,A,D,z,E,B,Y,N={autoSleep:120,force3D:"auto",nullTargetWarn:1,units:{lineHeight:""}},j={duration:.5,overwrite:!1,delay:0},X=1e8,q=1/X,Z=2*Math.PI,W=Z/4,H=0,J=Math.sqrt,Q=Math.cos,G=Math.sin,K="function"==typeof ArrayBuffer&&ArrayBuffer.isView||function(){},$=Array.isArray,tt=/random\([^)]+\)/g,et=/,\s*/g,rt=/(?:-?\.?\d|\.)+/gi,it=/[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g,nt=/[-+=.]*\d+[.e-]*\d*[a-z%]*/g,at=/[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi,st=/[+-]=-?[.\d]+/,ot=/[^,'"\[\]\s]+/gi,ut=/^[+\-=e\s\d]*\d+[.\d]*([a-z]*|%)\s*$/i,ht={},lt={suppressEvents:!0,isStart:!0,kill:!1},ft={suppressEvents:!0,kill:!1},dt={suppressEvents:!0},ct={},pt=[],_t={},mt={},gt={},vt=30,yt=[],Tt="",bt=function _merge(t,e){for(var r in e)t[r]=e[r];return t},wt=function _animationCycle(t,e){var r=Math.floor(t=la(t/e));return t&&r===t?r-1:r},xt=function _isFromOrFromStart(t){var e=t.data;return"isFromStart"===e||"isStart"===e},kt={_start:0,endTime:V,totalDuration:V},Ot=function _parsePosition(t,e,i){var n,a,s,o=t.labels,u=t._recent||kt,h=t.duration()>=X?u.endTime(!1):t._dur;return r(e)&&(isNaN(e)||e in o)?(a=e.charAt(0),s="%"===e.substr(-1),n=e.indexOf("="),"<"===a||">"===a?(0<=n&&(e=e.replace(/=/,"")),("<"===a?u._start:u.endTime(0<=u._repeat))+(parseFloat(e.substr(1))||0)*(s?(n<0?u:i).totalDuration()/100:1)):n<0?(e in o||(o[e]=h),o[e]):(a=parseFloat(e.charAt(n-1)+e.substr(n+1)),s&&i&&(a=a/100*($(i)?i[0]:i).totalDuration()),1<n?_parsePosition(t,e.substr(0,n-1),i)+a:h+a)):null==e?h:+e},Mt=function _clamp(t,e,r){return r<t?t:e<r?e:r},Ct=[].slice,Pt=function toArray(t,e,i){return l&&!e&&l.selector?l.selector(t):!r(t)||i||!n&&Lt()?$(t)?function _flatten(t,e,i){return void 0===i&&(i=[]),t.forEach(function(t){return r(t)&&!e||cb(t,1)?i.push.apply(i,Pt(t)):i.push(t)})||i}(t,i):cb(t)?Ct.call(t,0):t?[t]:[]:Ct.call((e||a).querySelectorAll(t),0)},At=function mapRange(e,t,r,i,n){var a=t-e,s=i-r;return Za(n,function(t){return r+((t-e)/a*s||0)})},Dt=function _callback(t,e,r){var i,n,a,s=t.vars,o=s[e],u=l,h=t._ctx;if(o)return i=s[e+"Params"],n=s.callbackScope||t,r&&pt.length&&oa(),h&&(l=h),a=i?o.apply(n,i):o.call(n),l=u,a},St=[],zt=255,Et={aqua:[0,zt,zt],lime:[0,zt,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,zt],navy:[0,0,128],white:[zt,zt,zt],olive:[128,128,0],yellow:[zt,zt,0],orange:[zt,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[zt,0,0],pink:[zt,192,203],cyan:[0,zt,zt],transparent:[zt,zt,zt,0]},Rt=function(){var t,e="(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3,4}){1,2}\\b";for(t in Et)e+="|"+t+"\\b";return new RegExp(e+")","gi")}(),Ft=/hsl[a]?\(/,It=(O=Date.now,M=500,C=33,P=O(),A=P,z=D=1e3/240,g={time:0,frame:0,tick:function tick(){Al(!0)},deltaRatio:function deltaRatio(t){return b/(1e3/(t||60))},wake:function wake(){o&&(!n&&x()&&(h=n=window,a=h.document||{},ht.gsap=Fe,(h.gsapVersions||(h.gsapVersions=[])).push(Fe.version),R(i||h.GreenSockGlobals||!h.gsap&&h||{}),St.forEach(zb)),m="undefined"!=typeof requestAnimationFrame&&requestAnimationFrame,p&&g.sleep(),_=m||function(t){return setTimeout(t,z-1e3*g.time+1|0)},c=1,Al(2))},sleep:function sleep(){(m?cancelAnimationFrame:clearTimeout)(p),c=0,_=V},lagSmoothing:function lagSmoothing(t,e){M=t||1/0,C=Math.min(e||33,M)},fps:function fps(t){D=1e3/(t||240),z=1e3*g.time+D},add:function add(n,t,e){var a=t?function(t,e,r,i){n(t,e,r,i),g.remove(a)}:n;return g.remove(n),E[e?"unshift":"push"](a),Lt(),a},remove:function remove(t,e){~(e=E.indexOf(t))&&E.splice(e,1)&&e<=k&&k--},_listeners:E=[]}),Lt=function _wake(){return!c&&It.wake()},Bt={},Yt=/^[\d.\-M][\d.\-,\s]/,Nt=/["']/g,jt=function _invertEase(e){return function(t){return 1-e(1-t)}},Vt=function _parseEase(t,e){return t&&(s(t)?t:Bt[t]||Rb(t))||e};function Al(t){var e,r,i,n,a=O()-A,s=!0===t;if((M<a||a<0)&&(P+=a-C),(0<(e=(i=(A+=a)-P)-z)||s)&&(n=++g.frame,b=i-1e3*g.time,g.time=i/=1e3,z+=e+(D<=e?4:D-e),r=1),s||(p=_(Al)),r)for(k=0;k<E.length;k++)E[k](i,b,n,t)}function jn(t){return t<Y?B*t*t:t<.7272727272727273?B*Math.pow(t-1.5/2.75,2)+.75:t<.9090909090909092?B*(t-=2.25/2.75)*t+.9375:B*Math.pow(t-2.625/2.75,2)+.984375}ja("Linear,Quad,Cubic,Quart,Quint,Strong",function(t,e){var r=e<5?e+1:e;Vb(t+",Power"+(r-1),e?function(t){return Math.pow(t,r)}:function(t){return t},function(t){return 1-Math.pow(1-t,r)},function(t){return t<.5?Math.pow(2*t,r)/2:1-Math.pow(2*(1-t),r)/2})}),Bt.Linear.easeNone=Bt.none=Bt.Linear.easeIn,Vb("Elastic",Xb("in"),Xb("out"),Xb()),B=7.5625,Y=1/2.75,Vb("Bounce",function(t){return 1-jn(1-t)},jn),Vb("Expo",function(t){return Math.pow(2,10*(t-1))*t+t*t*t*t*t*t*(1-t)}),Vb("Circ",function(t){return-(J(1-t*t)-1)}),Vb("Sine",function(t){return 1===t?1:1-Q(t*W)}),Vb("Back",Yb("in"),Yb("out"),Yb()),Bt.SteppedEase=Bt.steps=ht.SteppedEase={config:function config(t,e){void 0===t&&(t=1);var r=1/t,i=t+(e?0:1),n=e?1:0;return function(t){return((i*Mt(0,.99999999,t)|0)+n)*r}}},j.ease=Bt["quad.out"],ja("onComplete,onUpdate,onStart,onRepeat,onReverseComplete,onInterrupt",function(t){return Tt+=t+","+t+"Params,"});var Ut,Xt=function GSCache(t,e){this.id=H++,(t._gsap=this).target=t,this.harness=e,this.get=e?e.get:ia,this.set=e?e.getSetter:le},qt=((Ut=Animation.prototype).delay=function delay(t){return t||0===t?(this.parent&&this.parent.smoothChildTiming&&this.startTime(this._start+t-this._delay),this._delay=t,this):this._delay},Ut.duration=function duration(t){return arguments.length?this.totalDuration(0<this._repeat?t+(t+this._rDelay)*this._repeat:t):this.totalDuration()&&this._dur},Ut.totalDuration=function totalDuration(t){return arguments.length?(this._dirty=0,Ua(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},Ut.totalTime=function totalTime(t,e){if(Lt(),!arguments.length)return this._tTime;var r=this._dp;if(r&&r.smoothChildTiming&&this._ts){for(La(this,t),!r._dp||r.parent||Ma(r,this);r&&r.parent;)r.parent._time!==r._start+(0<=r._ts?r._tTime/r._ts:(r.totalDuration()-r._tTime)/-r._ts)&&r.totalTime(r._tTime,!0),r=r.parent;!this.parent&&this._dp.autoRemoveChildren&&(0<this._ts&&t<this._tDur||this._ts<0&&0<t||!this._tDur&&!t)&&Na(this._dp,this,this._start-this._delay)}return(this._tTime!==t||!this._dur&&!e||this._initted&&Math.abs(this._zTime)===q||!this._initted&&this._dur&&t||!t&&!this._initted&&(this.add||this._ptLookup))&&(this._ts||(this._pTime=t),qa(this,t,e)),this},Ut.time=function time(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+Ha(this))%(this._dur+this._rDelay)||(t?this._dur:0),e):this._time},Ut.totalProgress=function totalProgress(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this.totalDuration()?Math.min(1,this._tTime/this._tDur):0<=this.rawTime()&&this._initted?1:0},Ut.progress=function progress(t,e){return arguments.length?this.totalTime(this.duration()*(!this._yoyo||1&this.iteration()?t:1-t)+Ha(this),e):this.duration()?Math.min(1,this._time/this._dur):0<this.rawTime()?1:0},Ut.iteration=function iteration(t,e){var r=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*r,e):this._repeat?wt(this._tTime,r)+1:1},Ut.timeScale=function timeScale(t,e){if(!arguments.length)return this._rts===-q?0:this._rts;if(this._rts===t)return this;var r=this.parent&&this._ts?Ja(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||t===-q?0:this._rts,this.totalTime(Mt(-Math.abs(this._delay),this.totalDuration(),r),!1!==e),Ka(this),function _recacheAncestors(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t}(this)},Ut.paused=function paused(t){return arguments.length?(this._ps!==t&&((this._ps=t)?(this._pTime=this._tTime||Math.max(-this._delay,this.rawTime()),this._ts=this._act=0):(Lt(),this._ts=this._rts,this.totalTime(this.parent&&!this.parent.smoothChildTiming?this.rawTime():this._tTime||this._pTime,1===this.progress()&&Math.abs(this._zTime)!==q&&(this._tTime-=q)))),this):this._ps},Ut.startTime=function startTime(t){if(arguments.length){this._start=la(t);var e=this.parent||this._dp;return!e||!e._sort&&this.parent||Na(e,this,this._start-this._delay),this}return this._start},Ut.endTime=function endTime(t){return this._start+(w(t)?this.totalDuration():this.duration())/Math.abs(this._ts||1)},Ut.rawTime=function rawTime(t){var e=this.parent||this._dp;return e?t&&(!this._ts||this._repeat&&this._time&&this.totalProgress()<1)?this._tTime%(this._dur+this._rDelay):this._ts?Ja(e.rawTime(t),this):this._tTime:this._tTime},Ut.revert=function revert(t){void 0===t&&(t=dt);var e=I;return I=t,pa(this)&&(this.timeline&&this.timeline.revert(t),this.totalTime(-.01,t.suppressEvents)),"nested"!==this.data&&!1!==t.kill&&this.kill(),I=e,this},Ut.globalTime=function globalTime(t){for(var e=this,r=arguments.length?t:e.rawTime();e;)r=e._start+r/(Math.abs(e._ts)||1),e=e._dp;return!this.parent&&this._sat?this._sat.globalTime(t):r},Ut.repeat=function repeat(t){return arguments.length?(this._repeat=t===1/0?-2:t,Va(this)):-2===this._repeat?1/0:this._repeat},Ut.repeatDelay=function repeatDelay(t){if(arguments.length){var e=this._time;return this._rDelay=t,Va(this),e?this.time(e):this}return this._rDelay},Ut.yoyo=function yoyo(t){return arguments.length?(this._yoyo=t,this):this._yoyo},Ut.seek=function seek(t,e){return this.totalTime(Ot(this,t),w(e))},Ut.restart=function restart(t,e){return this.play().totalTime(t?-this._delay:0,w(e)),this._dur||(this._zTime=-q),this},Ut.play=function play(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},Ut.reverse=function reverse(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},Ut.pause=function pause(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},Ut.resume=function resume(){return this.paused(!1)},Ut.reversed=function reversed(t){return arguments.length?(!!t!==this.reversed()&&this.timeScale(-this._rts||(t?-q:0)),this):this._rts<0},Ut.invalidate=function invalidate(){return this._initted=this._act=0,this._zTime=-q,this},Ut.isActive=function isActive(){var t,e=this.parent||this._dp,r=this._start;return!(e&&!(this._ts&&this._initted&&e.isActive()&&(t=e.rawTime(!0))>=r&&t<this.endTime(!0)-q))},Ut.eventCallback=function eventCallback(t,e,r){var i=this.vars;return 1<arguments.length?(e?(i[t]=e,r&&(i[t+"Params"]=r),"onUpdate"===t&&(this._onUpdate=e)):delete i[t],this):i[t]},Ut.then=function then(t){var i=this,n=i._prom;return new Promise(function(e){function Fo(){var t=i.then;i.then=null,n&&n(),s(r)&&(r=r(i))&&(r.then||r===i)&&(i.then=t),e(r),i.then=t}var r=s(t)?t:sa;i._initted&&1===i.totalProgress()&&0<=i._ts||!i._tTime&&i._ts<0?Fo():i._prom=Fo})},Ut.kill=function kill(){wb(this)},Animation);function Animation(t){this.vars=t,this._delay=+t.delay||0,(this._repeat=t.repeat===1/0?-2:t.repeat||0)&&(this._rDelay=t.repeatDelay||0,this._yoyo=!!t.yoyo||!!t.yoyoEase),this._ts=1,Ua(this,+t.duration,1,1),this.data=t.data,l&&(this._ctx=l).data.push(this),c||It.wake()}ta(qt.prototype,{_time:0,_start:0,_end:0,_tTime:0,_tDur:0,_dirty:0,_repeat:0,_yoyo:!1,parent:null,_initted:!1,_rDelay:0,_ts:1,_dp:0,ratio:0,_zTime:-q,_prom:0,_ps:!1,_rts:1});var Zt=function(i){function Timeline(t,e){var r;return void 0===t&&(t={}),(r=i.call(this,t)||this).labels={},r.smoothChildTiming=!!t.smoothChildTiming,r.autoRemoveChildren=!!t.autoRemoveChildren,r._sort=w(t.sortChildren),L&&Na(t.parent||L,_assertThisInitialized(r),e),t.reversed&&r.reverse(),t.paused&&r.paused(!0),t.scrollTrigger&&Oa(_assertThisInitialized(r),t.scrollTrigger),r}_inheritsLoose(Timeline,i);var e=Timeline.prototype;return e.to=function to(t,e,r){return Ya(0,arguments,this),this},e.from=function from(t,e,r){return Ya(1,arguments,this),this},e.fromTo=function fromTo(t,e,r,i){return Ya(2,arguments,this),this},e.set=function set(t,e,r){return e.duration=0,e.parent=this,ya(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new te(t,e,Ot(this,r),1),this},e.call=function call(t,e,r){return Na(this,te.delayedCall(0,t,e),r)},e.staggerTo=function staggerTo(t,e,r,i,n,a,s){return r.duration=e,r.stagger=r.stagger||i,r.onComplete=a,r.onCompleteParams=s,r.parent=this,new te(t,r,Ot(this,n)),this},e.staggerFrom=function staggerFrom(t,e,r,i,n,a,s){return r.runBackwards=1,ya(r).immediateRender=w(r.immediateRender),this.staggerTo(t,e,r,i,n,a,s)},e.staggerFromTo=function staggerFromTo(t,e,r,i,n,a,s,o){return i.startAt=r,ya(i).immediateRender=w(i.immediateRender),this.staggerTo(t,e,i,n,a,s,o)},e.render=function render(t,e,r){var i,n,a,s,o,u,h,l,f,d,c,p,_=this._time,m=this._dirty?this.totalDuration():this._tDur,g=this._dur,v=t<=0?0:la(t),y=this._zTime<0!=t<0&&(this._initted||!g);if(this!==L&&m<v&&0<=t&&(v=m),v!==this._tTime||r||y){if(_!==this._time&&g&&(v+=this._time-_,t+=this._time-_),i=v,f=this._start,u=!(l=this._ts),y&&(g||(_=this._zTime),!t&&e||(this._zTime=t)),this._repeat){if(c=this._yoyo,o=g+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*o+t,e,r);if(i=la(v%o),v===m?(s=this._repeat,i=g):((s=~~(d=la(v/o)))&&s===d&&(i=g,s--),g<i&&(i=g)),d=wt(this._tTime,o),!_&&this._tTime&&d!==s&&this._tTime-d*o-this._dur<=0&&(d=s),c&&1&s&&(i=g-i,p=1),s!==d&&!this._lock){var T=c&&1&d,b=T===(c&&1&s);if(s<d&&(T=!T),_=T?0:v%g?g:v,this._lock=1,this.render(_||(p?0:la(s*o)),e,!g)._lock=0,this._tTime=v,!e&&this.parent&&Dt(this,"onRepeat"),this.vars.repeatRefresh&&!p&&(this.invalidate()._lock=1,d=s),_&&_!==this._time||u!=!this._ts||this.vars.onRepeat&&!this.parent&&!this._act)return this;if(g=this._dur,m=this._tDur,b&&(this._lock=2,_=T?g:-1e-4,this.render(_,!0),this.vars.repeatRefresh&&!p&&this.invalidate()),this._lock=0,!this._ts&&!u)return this;Tb(this,p)}}if(this._hasPause&&!this._forcing&&this._lock<2&&(h=function _findNextPauseTween(t,e,r){var i;if(e<r)for(i=t._first;i&&i._start<=r;){if("isPause"===i.data&&i._start>e)return i;i=i._next}else for(i=t._last;i&&i._start>=r;){if("isPause"===i.data&&i._start<e)return i;i=i._prev}}(this,la(_),la(i)))&&(v-=i-(i=h._start)),this._tTime=v,this._time=i,this._act=!l,this._initted||(this._onUpdate=this.vars.onUpdate,this._initted=1,this._zTime=t,_=0),!_&&v&&g&&!e&&!d&&(Dt(this,"onStart"),this._tTime!==v))return this;if(_<=i&&0<=t)for(n=this._first;n;){if(a=n._next,(n._act||i>=n._start)&&n._ts&&h!==n){if(n.parent!==this)return this.render(t,e,r);if(n.render(0<n._ts?(i-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(i-n._start)*n._ts,e,r),i!==this._time||!this._ts&&!u){h=0,a&&(v+=this._zTime=-q);break}}n=a}else{n=this._last;for(var w=t<0?t:i;n;){if(a=n._prev,(n._act||w<=n._end)&&n._ts&&h!==n){if(n.parent!==this)return this.render(t,e,r);if(n.render(0<n._ts?(w-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(w-n._start)*n._ts,e,r||I&&pa(n)),i!==this._time||!this._ts&&!u){h=0,a&&(v+=this._zTime=w?-q:q);break}}n=a}}if(h&&!e&&(this.pause(),h.render(_<=i?0:-q)._zTime=_<=i?1:-1,this._ts))return this._start=f,Ka(this),this.render(t,e,r);this._onUpdate&&!e&&Dt(this,"onUpdate",!0),(v===m&&this._tTime>=this.totalDuration()||!v&&_)&&(f!==this._start&&Math.abs(l)===Math.abs(this._ts)||this._lock||(!t&&g||!(v===m&&0<this._ts||!v&&this._ts<0)||Ca(this,1),e||t<0&&!_||!v&&!_&&m||(Dt(this,v===m&&0<=t?"onComplete":"onReverseComplete",!0),!this._prom||v<m&&0<this.timeScale()||this._prom())))}return this},e.add=function add(e,i){var n=this;if(t(i)||(i=Ot(this,i,e)),!(e instanceof qt)){if($(e))return e.forEach(function(t){return n.add(t,i)}),this;if(r(e))return this.addLabel(e,i);if(!s(e))return this;e=te.delayedCall(0,e)}return this!==e?Na(this,e,i):this},e.getChildren=function getChildren(t,e,r,i){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===r&&(r=!0),void 0===i&&(i=-X);for(var n=[],a=this._first;a;)a._start>=i&&(a instanceof te?e&&n.push(a):(r&&n.push(a),t&&n.push.apply(n,a.getChildren(!0,e,r)))),a=a._next;return n},e.getById=function getById(t){for(var e=this.getChildren(1,1,1),r=e.length;r--;)if(e[r].vars.id===t)return e[r]},e.remove=function remove(t){return r(t)?this.removeLabel(t):s(t)?this.killTweensOf(t):(t.parent===this&&Ba(this,t),t===this._recent&&(this._recent=this._last),Da(this))},e.totalTime=function totalTime(t,e){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=la(It.time-(0<this._ts?t/this._ts:(this.totalDuration()-t)/-this._ts))),i.prototype.totalTime.call(this,t,e),this._forcing=0,this):this._tTime},e.addLabel=function addLabel(t,e){return this.labels[t]=Ot(this,e),this},e.removeLabel=function removeLabel(t){return delete this.labels[t],this},e.addPause=function addPause(t,e,r){var i=te.delayedCall(0,e||V,r);return i.data="isPause",this._hasPause=1,Na(this,i,Ot(this,t))},e.removePause=function removePause(t){var e=this._first;for(t=Ot(this,t);e;)e._start===t&&"isPause"===e.data&&Ca(e),e=e._next},e.killTweensOf=function killTweensOf(t,e,r){for(var i=this.getTweensOf(t,r),n=i.length;n--;)Wt!==i[n]&&i[n].kill(t,e);return this},e.getTweensOf=function getTweensOf(e,r){for(var i,n=[],a=Pt(e),s=this._first,o=t(r);s;)s instanceof te?na(s._targets,a)&&(o?(!Wt||s._initted&&s._ts)&&s.globalTime(0)<=r&&s.globalTime(s.totalDuration())>r:!r||s.isActive())&&n.push(s):(i=s.getTweensOf(a,r)).length&&n.push.apply(n,i),s=s._next;return n},e.tweenTo=function tweenTo(t,e){e=e||{};var r,i=this,n=Ot(i,t),a=e.startAt,s=e.onStart,o=e.onStartParams,u=e.immediateRender,h=te.to(i,ta({ease:e.ease||"none",lazy:!1,immediateRender:!1,time:n,overwrite:"auto",duration:e.duration||Math.abs((n-(a&&"time"in a?a.time:i._time))/i.timeScale())||q,onStart:function onStart(){if(i.pause(),!r){var t=e.duration||Math.abs((n-(a&&"time"in a?a.time:i._time))/i.timeScale());h._dur!==t&&Ua(h,t,0,1).render(h._time,!0,!0),r=1}s&&s.apply(h,o||[])}},e));return u?h.render(0):h},e.tweenFromTo=function tweenFromTo(t,e,r){return this.tweenTo(e,ta({startAt:{time:Ot(this,t)}},r))},e.recent=function recent(){return this._recent},e.nextLabel=function nextLabel(t){return void 0===t&&(t=this._time),ub(this,Ot(this,t))},e.previousLabel=function previousLabel(t){return void 0===t&&(t=this._time),ub(this,Ot(this,t),1)},e.currentLabel=function currentLabel(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+q)},e.shiftChildren=function shiftChildren(t,e,r){void 0===r&&(r=0);var i,n=this._first,a=this.labels;for(t=la(t);n;)n._start>=r&&(n._start+=t,n._end+=t),n=n._next;if(e)for(i in a)a[i]>=r&&(a[i]+=t);return Da(this)},e.invalidate=function invalidate(t){var e=this._first;for(this._lock=0;e;)e.invalidate(t),e=e._next;return i.prototype.invalidate.call(this,t)},e.clear=function clear(t){void 0===t&&(t=!0);for(var e,r=this._first;r;)e=r._next,this.remove(r),r=e;return this._dp&&(this._time=this._tTime=this._pTime=0),t&&(this.labels={}),Da(this)},e.totalDuration=function totalDuration(t){var e,r,i,n=0,a=this,s=a._last,o=X;if(arguments.length)return a.timeScale((a._repeat<0?a.duration():a.totalDuration())/(a.reversed()?-t:t));if(a._dirty){for(i=a.parent;s;)e=s._prev,s._dirty&&s.totalDuration(),o<(r=s._start)&&a._sort&&s._ts&&!a._lock?(a._lock=1,Na(a,s,r-s._delay,1)._lock=0):o=r,r<0&&s._ts&&(n-=r,(!i&&!a._dp||i&&i.smoothChildTiming)&&(a._start+=la(r/a._ts),a._time-=r,a._tTime-=r),a.shiftChildren(-r,!1,-Infinity),o=0),s._end>n&&s._ts&&(n=s._end),s=e;Ua(a,a===L&&a._time>n?a._time:n,1,1),a._dirty=0}return a._tDur},Timeline.updateRoot=function updateRoot(t){if(L._ts&&(qa(L,Ja(t,L)),f=It.frame),It.frame>=vt){vt+=N.autoSleep||120;var e=L._first;if((!e||!e._ts)&&N.autoSleep&&It._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||It.sleep()}}},Timeline}(qt);ta(Zt.prototype,{_lock:0,_hasPause:0,_forcing:0});function dc(t,e,i,n,a,o){var u,h,l,f;if(mt[t]&&!1!==(u=new mt[t]).init(a,u.rawVars?e[t]:function _processVars(t,e,i,n,a){if(s(t)&&(t=Gt(t,a,e,i,n)),!v(t)||t.style&&t.nodeType||$(t)||K(t))return r(t)?Gt(t,a,e,i,n):t;var o,u={};for(o in t)u[o]=Gt(t[o],a,e,i,n);return u}(e[t],n,a,o,i),i,n,o)&&(i._pt=h=new we(i._pt,a,t,0,1,u.render,u,0,u.priority),i!==d))for(l=i._ptLookup[i._targets.indexOf(a)],f=u._props.length;f--;)l[u._props[f]]=h;return u}function jc(t,r,e,i){var n,a,s=r.ease||i||"power1.inOut";if($(r))a=e[t]||(e[t]=[]),r.forEach(function(t,e){return a.push({t:e/(r.length-1)*100,v:t,e:s})});else for(n in r)a=e[n]||(e[n]=[]),"ease"===n||a.push({t:parseFloat(t),v:r[n],e:s})}var Wt,Ht,Jt=function _addPropTween(t,e,i,n,a,o,u,h,l,f){s(n)&&(n=n(a||0,t,o));var d,c=t[e],p="get"!==i?i:s(c)?l?t[e.indexOf("set")||!s(t["get"+e.substr(3)])?e:"get"+e.substr(3)](l):t[e]():c,_=s(c)?l?ue:re:ee;if(r(n)&&(~n.indexOf("random(")&&(n=rb(n)),"="===n.charAt(1)&&(!(d=ma(p,n)+(_a(p)||0))&&0!==d||(n=d))),!f||p!==n||Ht)return isNaN(p*n)||""===n?(c||e in t||S(e,n),function _addComplexStringPropTween(t,e,r,i,n,a,s){var o,u,h,l,f,d,c,p,_=new we(this._pt,t,e,0,1,ge,null,n),m=0,g=0;for(_.b=r,_.e=i,r+="",(c=~(i+="").indexOf("random("))&&(i=rb(i)),a&&(a(p=[r,i],t,e),r=p[0],i=p[1]),u=r.match(at)||[];o=at.exec(i);)l=o[0],f=i.substring(m,o.index),h?h=(h+1)%5:"rgba("===f.substr(-5)&&(h=1),l!==u[g++]&&(d=parseFloat(u[g-1])||0,_._pt={_next:_._pt,p:f||1===g?f:",",s:d,c:"="===l.charAt(1)?ma(d,l)-d:parseFloat(l)-d,m:h&&h<4?Math.round:0},m=at.lastIndex);return _.c=m<i.length?i.substring(m,i.length):"",_.fp=s,(st.test(i)||c)&&(_.e=0),this._pt=_}.call(this,t,e,p,n,_,h||N.stringFilter,l)):(d=new we(this._pt,t,e,+p||0,n-(p||0),"boolean"==typeof c?_e:ce,0,_),l&&(d.fp=l),u&&d.modifier(u,this,t),this._pt=d)},Qt=function _initTween(t,e,r){var i,n,a,s,o,u,h,l,f,d,c,p,_,m=t.vars,g=m.ease,v=m.startAt,y=m.immediateRender,T=m.lazy,b=m.onUpdate,x=m.runBackwards,k=m.yoyoEase,O=m.keyframes,M=m.autoRevert,C=t._dur,P=t._startAt,A=t._targets,D=t.parent,S=D&&"nested"===D.data?D.vars.targets:A,z="auto"===t._overwrite&&!F,E=t.timeline;if(!E||O&&g||(g="none"),t._ease=Vt(g,j.ease),t._yEase=k?jt(Vt(!0===k?g:k,j.ease)):0,k&&t._yoyo&&!t._repeat&&(k=t._yEase,t._yEase=t._ease,t._ease=k),t._from=!E&&!!m.runBackwards,!E||O&&!m.stagger){if(p=(l=A[0]?ha(A[0]).harness:0)&&m[l.prop],i=xa(m,ct),P&&(P._zTime<0&&P.progress(1),e<0&&x&&y&&!M?P.render(-1,!0):P.revert(x&&C?ft:lt),P._lazy=0),v){if(Ca(t._startAt=te.set(A,ta({data:"isStart",overwrite:!1,parent:D,immediateRender:!0,lazy:!P&&w(T),startAt:null,delay:0,onUpdate:b&&function(){return Dt(t,"onUpdate")},stagger:0},v))),t._startAt._dp=0,t._startAt._sat=t,e<0&&(I||!y&&!M)&&t._startAt.revert(ft),y&&C&&e<=0&&r<=0)return void(e&&(t._zTime=e))}else if(x&&C&&!P)if(e&&(y=!1),a=ta({overwrite:!1,data:"isFromStart",lazy:y&&!P&&w(T),immediateRender:y,stagger:0,parent:D},i),p&&(a[l.prop]=p),Ca(t._startAt=te.set(A,a)),t._startAt._dp=0,t._startAt._sat=t,e<0&&(I?t._startAt.revert(ft):t._startAt.render(-1,!0)),t._zTime=e,y){if(!e)return}else _initTween(t._startAt,q,q);for(t._pt=t._ptCache=0,T=C&&w(T)||T&&!C,n=0;n<A.length;n++){if(h=(o=A[n])._gsap||ga(A)[n]._gsap,t._ptLookup[n]=d={},_t[h.id]&&pt.length&&oa(),c=S===A?n:S.indexOf(o),l&&!1!==(f=new l).init(o,p||i,t,c,S)&&(t._pt=s=new we(t._pt,o,f.name,0,1,f.render,f,0,f.priority),f._props.forEach(function(t){d[t]=s}),f.priority&&(u=1)),!l||p)for(a in i)mt[a]&&(f=dc(a,i,t,c,o,S))?f.priority&&(u=1):d[a]=s=Jt.call(t,o,a,"get",i[a],c,S,0,m.stringFilter);t._op&&t._op[n]&&t.kill(o,t._op[n]),z&&t._pt&&(Wt=t,L.killTweensOf(o,d,t.globalTime(e)),_=!t.parent,Wt=0),t._pt&&T&&(_t[h.id]=1)}u&&be(t),t._onInit&&t._onInit(t)}t._onUpdate=b,t._initted=(!t._op||t._pt)&&!_,O&&e<=0&&E.render(X,!0,!0)},Gt=function _parseFuncOrString(t,e,i,n,a){return s(t)?t.call(e,i,n,a):r(t)&&~t.indexOf("random(")?rb(t):t},Kt=Tt+"repeat,repeatDelay,yoyo,repeatRefresh,yoyoEase,autoRevert",$t={};ja(Kt+",id,stagger,delay,duration,paused,scrollTrigger",function(t){return $t[t]=1});var te=function(R){function Tween(e,r,i,n){var a;"number"==typeof r&&(i.duration=r,r=i,i=null);var s,o,u,h,l,f,d,c,p=(a=R.call(this,n?r:ya(r))||this).vars,_=p.duration,m=p.delay,g=p.immediateRender,b=p.stagger,x=p.overwrite,k=p.keyframes,O=p.defaults,M=p.scrollTrigger,C=p.yoyoEase,P=r.parent||L,A=($(e)||K(e)?t(e[0]):"length"in r)?[e]:Pt(e);if(a._targets=A.length?ga(A):T("GSAP target "+e+" not found. https://gsap.com",!N.nullTargetWarn)||[],a._ptLookup=[],a._overwrite=x,k||b||y(_)||y(m)){if(r=a.vars,(s=a.timeline=new Zt({data:"nested",defaults:O||{},targets:P&&"nested"===P.data?P.vars.targets:A})).kill(),s.parent=s._dp=_assertThisInitialized(a),s._start=0,b||y(_)||y(m)){if(h=A.length,d=b&&hb(b),v(b))for(l in b)~Kt.indexOf(l)&&((c=c||{})[l]=b[l]);for(o=0;o<h;o++)(u=xa(r,$t)).stagger=0,C&&(u.yoyoEase=C),c&&bt(u,c),f=A[o],u.duration=+Gt(_,_assertThisInitialized(a),o,f,A),u.delay=(+Gt(m,_assertThisInitialized(a),o,f,A)||0)-a._delay,!b&&1===h&&u.delay&&(a._delay=m=u.delay,a._start+=m,u.delay=0),s.to(f,u,d?d(o,f,A):0),s._ease=Bt.none;s.duration()?_=m=0:a.timeline=0}else if(k){ya(ta(s.vars.defaults,{ease:"none"})),s._ease=Vt(k.ease||r.ease||"none");var D,S,z,E=0;if($(k))k.forEach(function(t){return s.to(A,t,">")}),s.duration();else{for(l in u={},k)"ease"===l||"easeEach"===l||jc(l,k[l],u,k.easeEach);for(l in u)for(D=u[l].sort(function(t,e){return t.t-e.t}),o=E=0;o<D.length;o++)(z={ease:(S=D[o]).e,duration:(S.t-(o?D[o-1].t:0))/100*_})[l]=S.v,s.to(A,z,E),E+=z.duration;s.duration()<_&&s.to({},{duration:_-s.duration()})}}_||a.duration(_=s.duration())}else a.timeline=0;return!0!==x||F||(Wt=_assertThisInitialized(a),L.killTweensOf(A),Wt=0),Na(P,_assertThisInitialized(a),i),r.reversed&&a.reverse(),r.paused&&a.paused(!0),(g||!_&&!k&&a._start===la(P._time)&&w(g)&&function _hasNoPausedAncestors(t){return!t||t._ts&&_hasNoPausedAncestors(t.parent)}(_assertThisInitialized(a))&&"nested"!==P.data)&&(a._tTime=-q,a.render(Math.max(0,-m)||0)),M&&Oa(_assertThisInitialized(a),M),a}_inheritsLoose(Tween,R);var e=Tween.prototype;return e.render=function render(t,e,r){var i,n,a,s,o,u,h,l,f,d=this._time,c=this._tDur,p=this._dur,_=t<0,m=c-q<t&&!_?c:t<q?0:t;if(p){if(m!==this._tTime||!t||r||!this._initted&&this._tTime||this._startAt&&this._zTime<0!=_||this._lazy){if(i=m,l=this.timeline,this._repeat){if(s=p+this._rDelay,this._repeat<-1&&_)return this.totalTime(100*s+t,e,r);if(i=la(m%s),m===c?(a=this._repeat,i=p):(a=~~(o=la(m/s)))&&a===o?(i=p,a--):p<i&&(i=p),(u=this._yoyo&&1&a)&&(f=this._yEase,i=p-i),o=wt(this._tTime,s),i===d&&!r&&this._initted&&a===o)return this._tTime=m,this;a!==o&&(l&&this._yEase&&Tb(l,u),this.vars.repeatRefresh&&!u&&!this._lock&&i!==s&&this._initted&&(this._lock=r=1,this.render(la(s*a),!0).invalidate()._lock=0))}if(!this._initted){if(Pa(this,_?t:i,r,e,m))return this._tTime=0,this;if(!(d===this._time||r&&this.vars.repeatRefresh&&a!==o))return this;if(p!==this._dur)return this.render(t,e,r)}if(this._tTime=m,this._time=i,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(f||this._ease)(i/p),this._from&&(this.ratio=h=1-h),!d&&m&&!e&&!o&&(Dt(this,"onStart"),this._tTime!==m))return this;for(n=this._pt;n;)n.r(h,n.d),n=n._next;l&&l.render(t<0?t:l._dur*l._ease(i/this._dur),e,r)||this._startAt&&(this._zTime=t),this._onUpdate&&!e&&(_&&Fa(this,t,0,r),Dt(this,"onUpdate")),this._repeat&&a!==o&&this.vars.onRepeat&&!e&&this.parent&&Dt(this,"onRepeat"),m!==this._tDur&&m||this._tTime!==m||(_&&!this._onUpdate&&Fa(this,t,0,!0),!t&&p||!(m===this._tDur&&0<this._ts||!m&&this._ts<0)||Ca(this,1),e||_&&!d||!(m||d||u)||(Dt(this,m===c?"onComplete":"onReverseComplete",!0),!this._prom||m<c&&0<this.timeScale()||this._prom()))}}else!function _renderZeroDurationTween(t,e,r,i){var n,a,s,o=t.ratio,u=e<0||!e&&(!t._start&&function _parentPlayheadIsBeforeStart(t){var e=t.parent;return e&&e._ts&&e._initted&&!e._lock&&(e.rawTime()<0||_parentPlayheadIsBeforeStart(e))}(t)&&(t._initted||!xt(t))||(t._ts<0||t._dp._ts<0)&&!xt(t))?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&(l=Mt(0,t._tDur,e),a=wt(l,h),t._yoyo&&1&a&&(u=1-u),a!==wt(t._tTime,h)&&(o=1-u,t.vars.repeatRefresh&&t._initted&&t.invalidate())),u!==o||I||i||t._zTime===q||!e&&t._zTime){if(!t._initted&&Pa(t,e,i,r,l))return;for(s=t._zTime,t._zTime=e||(r?q:0),r=r||e&&!s,t.ratio=u,t._from&&(u=1-u),t._time=0,t._tTime=l,n=t._pt;n;)n.r(u,n.d),n=n._next;e<0&&Fa(t,e,0,!0),t._onUpdate&&!r&&Dt(t,"onUpdate"),l&&t._repeat&&!r&&t.parent&&Dt(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===u&&(u&&Ca(t,1),r||I||(Dt(t,u?"onComplete":"onReverseComplete",!0),t._prom&&t._prom()))}else t._zTime||(t._zTime=e)}(this,t,e,r);return this},e.targets=function targets(){return this._targets},e.invalidate=function invalidate(t){return t&&this.vars.runBackwards||(this._startAt=0),this._pt=this._op=this._onUpdate=this._lazy=this.ratio=0,this._ptLookup=[],this.timeline&&this.timeline.invalidate(t),R.prototype.invalidate.call(this,t)},e.resetTo=function resetTo(t,e,r,i,n){c||It.wake(),this._ts||this.play();var a,s=Math.min(this._dur,(this._dp._time-this._start)*this._ts);return this._initted||Qt(this,s),a=this._ease(s/this._dur),function _updatePropTweens(t,e,r,i,n,a,s,o){var u,h,l,f,d=(t._pt&&t._ptCache||(t._ptCache={}))[e];if(!d)for(d=t._ptCache[e]=[],l=t._ptLookup,f=t._targets.length;f--;){if((u=l[f][e])&&u.d&&u.d._pt)for(u=u.d._pt;u&&u.p!==e&&u.fp!==e;)u=u._next;if(!u)return Ht=1,t.vars[e]="+=0",Qt(t,s),Ht=0,o?T(e+" not eligible for reset"):1;d.push(u)}for(f=d.length;f--;)(u=(h=d[f])._pt||h).s=!i&&0!==i||n?u.s+(i||0)+a*u.c:i,u.c=r-u.s,h.e&&(h.e=ka(r)+_a(h.e)),h.b&&(h.b=u.s+_a(h.b))}(this,t,e,r,i,a,s,n)?this.resetTo(t,e,r,i,1):(La(this,0),this.parent||Aa(this._dp,this,"_first","_last",this._dp._sort?"_start":0),this.render(0))},e.kill=function kill(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e))return this._lazy=this._pt=0,this.parent?wb(this):this.scrollTrigger&&this.scrollTrigger.kill(!!I),this;if(this.timeline){var i=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,Wt&&!0!==Wt.vars.overwrite)._first||wb(this),this.parent&&i!==this.timeline.totalDuration()&&Ua(this,this._dur*this.timeline._tDur/i,0,1),this}var n,a,s,o,u,h,l,f=this._targets,d=t?Pt(t):f,c=this._ptLookup,p=this._pt;if((!e||"all"===e)&&function _arraysMatch(t,e){for(var r=t.length,i=r===e.length;i&&r--&&t[r]===e[r];);return r<0}(f,d))return"all"===e&&(this._pt=0),wb(this);for(n=this._op=this._op||[],"all"!==e&&(r(e)&&(u={},ja(e,function(t){return u[t]=1}),e=u),e=function _addAliasesToVars(t,e){var r,i,n,a,s=t[0]?ha(t[0]).harness:0,o=s&&s.aliases;if(!o)return e;for(i in r=bt({},e),o)if(i in r)for(n=(a=o[i].split(",")).length;n--;)r[a[n]]=r[i];return r}(f,e)),l=f.length;l--;)if(~d.indexOf(f[l]))for(u in a=c[l],"all"===e?(n[l]=e,o=a,s={}):(s=n[l]=n[l]||{},o=e),o)(h=a&&a[u])&&("kill"in h.d&&!0!==h.d.kill(u)||Ba(this,h,"_pt"),delete a[u]),"all"!==s&&(s[u]=1);return this._initted&&!this._pt&&p&&wb(this),this},Tween.to=function to(t,e,r){return new Tween(t,e,r)},Tween.from=function from(t,e){return Ya(1,arguments)},Tween.delayedCall=function delayedCall(t,e,r,i){return new Tween(e,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:e,onReverseComplete:e,onCompleteParams:r,onReverseCompleteParams:r,callbackScope:i})},Tween.fromTo=function fromTo(t,e,r){return Ya(2,arguments)},Tween.set=function set(t,e){return e.duration=0,e.repeatDelay||(e.repeat=0),new Tween(t,e)},Tween.killTweensOf=function killTweensOf(t,e,r){return L.killTweensOf(t,e,r)},Tween}(qt);ta(te.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),ja("staggerTo,staggerFrom,staggerFromTo",function(r){te[r]=function(){var t=new Zt,e=Ct.call(arguments,0);return e.splice("staggerFromTo"===r?5:4,0,0),t[r].apply(t,e)}});function rc(t,e,r){return t.setAttribute(e,r)}function zc(t,e,r,i){i.mSet(t,e,i.m.call(i.tween,r,i.mt),i)}var ee=function _setterPlain(t,e,r){return t[e]=r},re=function _setterFunc(t,e,r){return t[e](r)},ue=function _setterFuncWithParam(t,e,r,i){return t[e](i.fp,r)},le=function _getSetter(t,e){return s(t[e])?re:u(t[e])&&t.setAttribute?rc:ee},ce=function _renderPlain(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},_e=function _renderBoolean(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},ge=function _renderComplexString(t,e){var r=e._pt,i="";if(!t&&e.b)i=e.b;else if(1===t&&e.e)i=e.e;else{for(;r;)i=r.p+(r.m?r.m(r.s+r.c*t):Math.round(1e4*(r.s+r.c*t))/1e4)+i,r=r._next;i+=e.c}e.set(e.t,e.p,i,e)},ve=function _renderPropTweens(t,e){for(var r=e._pt;r;)r.r(t,r.d),r=r._next},ye=function _addPluginModifier(t,e,r,i){for(var n,a=this._pt;a;)n=a._next,a.p===i&&a.modifier(t,e,r),a=n},Te=function _killPropTweensOf(t){for(var e,r,i=this._pt;i;)r=i._next,i.p===t&&!i.op||i.op===t?Ba(this,i,"_pt"):i.dep||(e=1),i=r;return!e},be=function _sortPropTweensByPriority(t){for(var e,r,i,n,a=t._pt;a;){for(e=a._next,r=i;r&&r.pr>a.pr;)r=r._next;(a._prev=r?r._prev:n)?a._prev._next=a:i=a,(a._next=r)?r._prev=a:n=a,a=e}t._pt=i},we=(PropTween.prototype.modifier=function modifier(t,e,r){this.mSet=this.mSet||this.set,this.set=zc,this.m=t,this.mt=r,this.tween=e},PropTween);function PropTween(t,e,r,i,n,a,s,o,u){this.t=e,this.s=i,this.c=n,this.p=r,this.r=a||ce,this.d=s||this,this.set=o||ee,this.pr=u||0,(this._next=t)&&(t._prev=this)}ja(Tt+"parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger",function(t){return ct[t]=1}),ht.TweenMax=ht.TweenLite=te,ht.TimelineLite=ht.TimelineMax=Zt,L=new Zt({sortChildren:!1,defaults:j,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),N.stringFilter=Ib;function Hc(t){return(Oe[t]||Me).map(function(t){return t()})}function Ic(){var t=Date.now(),o=[];2<t-Ce&&(Hc("matchMediaInit"),ke.forEach(function(t){var e,r,i,n,a=t.queries,s=t.conditions;for(r in a)(e=h.matchMedia(a[r]).matches)&&(i=1),e!==s[r]&&(s[r]=e,n=1);n&&(t.revert(),i&&o.push(t))}),Hc("matchMediaRevert"),o.forEach(function(e){return e.onMatch(e,function(t){return e.add(null,t)})}),Ce=t,Hc("matchMedia"))}var xe,ke=[],Oe={},Me=[],Ce=0,Pe=0,De=((xe=Context.prototype).add=function add(t,i,n){function Jw(){var t,e=l,r=a.selector;return e&&e!==a&&e.data.push(a),n&&(a.selector=fb(n)),l=a,t=i.apply(a,arguments),s(t)&&a._r.push(t),l=e,a.selector=r,a.isReverted=!1,t}s(t)&&(n=i,i=t,t=s);var a=this;return a.last=Jw,t===s?Jw(a,function(t){return a.add(null,t)}):t?a[t]=Jw:Jw},xe.ignore=function ignore(t){var e=l;l=null,t(this),l=e},xe.getTweens=function getTweens(){var e=[];return this.data.forEach(function(t){return t instanceof Context?e.push.apply(e,t.getTweens()):t instanceof te&&!(t.parent&&"nested"===t.parent.data)&&e.push(t)}),e},xe.clear=function clear(){this._r.length=this.data.length=0},xe.kill=function kill(i,t){var n=this;if(i?function(){for(var t,e=n.getTweens(),r=n.data.length;r--;)"isFlip"===(t=n.data[r]).data&&(t.revert(),t.getChildren(!0,!0,!1).forEach(function(t){return e.splice(e.indexOf(t),1)}));for(e.map(function(t){return{g:t._dur||t._delay||t._sat&&!t._sat.vars.immediateRender?t.globalTime(0):-1/0,t:t}}).sort(function(t,e){return e.g-t.g||-1/0}).forEach(function(t){return t.t.revert(i)}),r=n.data.length;r--;)(t=n.data[r])instanceof Zt?"nested"!==t.data&&(t.scrollTrigger&&t.scrollTrigger.revert(),t.kill()):t instanceof te||!t.revert||t.revert(i);n._r.forEach(function(t){return t(i,n)}),n.isReverted=!0}():this.data.forEach(function(t){return t.kill&&t.kill()}),this.clear(),t)for(var e=ke.length;e--;)ke[e].id===this.id&&ke.splice(e,1)},xe.revert=function revert(t){this.kill(t||{})},Context);function Context(t,e){this.selector=e&&fb(e),this.data=[],this._r=[],this.isReverted=!1,this.id=Pe++,t&&this.add(t)}var Se,Ee=((Se=MatchMedia.prototype).add=function add(t,e,r){v(t)||(t={matches:t});var i,n,a,s=new De(0,r||this.scope),o=s.conditions={};for(n in l&&!s.selector&&(s.selector=l.selector),this.contexts.push(s),e=s.add("onMatch",e),s.queries=t)"all"===n?a=1:(i=h.matchMedia(t[n]))&&(ke.indexOf(s)<0&&ke.push(s),(o[n]=i.matches)&&(a=1),i.addListener?i.addListener(Ic):i.addEventListener("change",Ic));return a&&e(s,function(t){return s.add(null,t)}),this},Se.revert=function revert(t){this.kill(t||{})},Se.kill=function kill(e){this.contexts.forEach(function(t){return t.kill(e,!0)})},MatchMedia);function MatchMedia(t){this.contexts=[],this.scope=t,l&&l.data.push(this)}var Re={registerPlugin:function registerPlugin(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];e.forEach(function(t){return zb(t)})},timeline:function timeline(t){return new Zt(t)},getTweensOf:function getTweensOf(t,e){return L.getTweensOf(t,e)},getProperty:function getProperty(i,t,e,n){r(i)&&(i=Pt(i)[0]);var a=ha(i||{}).get,s=e?sa:ra;return"native"===e&&(e=""),i?t?s((mt[t]&&mt[t].get||a)(i,t,e,n)):function(t,e,r){return s((mt[t]&&mt[t].get||a)(i,t,e,r))}:i},quickSetter:function quickSetter(r,e,i){if(1<(r=Pt(r)).length){var n=r.map(function(t){return Fe.quickSetter(t,e,i)}),a=n.length;return function(t){for(var e=a;e--;)n[e](t)}}r=r[0]||{};var s=mt[e],o=ha(r),u=o.harness&&(o.harness.aliases||{})[e]||e,h=s?function(t){var e=new s;d._pt=0,e.init(r,i?t+i:t,d,0,[r]),e.render(1,e),d._pt&&ve(1,d)}:o.set(r,u);return s?h:function(t){return h(r,u,i?t+i:t,o,1)}},quickTo:function quickTo(t,i,e){function by(t,e,r){return n.resetTo(i,t,e,r)}var r,n=Fe.to(t,ta(((r={})[i]="+=0.1",r.paused=!0,r.stagger=0,r),e||{}));return by.tween=n,by},isTweening:function isTweening(t){return 0<L.getTweensOf(t,!0).length},defaults:function defaults(t){return t&&t.ease&&(t.ease=Vt(t.ease,j.ease)),wa(j,t||{})},config:function config(t){return wa(N,t||{})},registerEffect:function registerEffect(t){var i=t.name,n=t.effect,e=t.plugins,a=t.defaults,r=t.extendTimeline;(e||"").split(",").forEach(function(t){return t&&!mt[t]&&!ht[t]&&T(i+" effect requires "+t+" plugin.")}),gt[i]=function(t,e,r){return n(Pt(t),ta(e||{},a),r)},r&&(Zt.prototype[i]=function(t,e,r){return this.add(gt[i](t,v(e)?e:(r=e)&&{},this),r)})},registerEase:function registerEase(t,e){Bt[t]=Vt(e)},parseEase:function parseEase(t,e){return arguments.length?Vt(t,e):Bt},getById:function getById(t){return L.getById(t)},exportRoot:function exportRoot(t,e){void 0===t&&(t={});var r,i,n=new Zt(t);for(n.smoothChildTiming=w(t.smoothChildTiming),L.remove(n),n._dp=0,n._time=n._tTime=L._time,r=L._first;r;)i=r._next,!e&&!r._dur&&r instanceof te&&r.vars.onComplete===r._targets[0]||Na(n,r,r._start-r._delay),r=i;return Na(L,n,0),n},context:function context(t,e){return t?new De(t,e):l},matchMedia:function matchMedia(t){return new Ee(t)},matchMediaRefresh:function matchMediaRefresh(){return ke.forEach(function(t){var e,r,i=t.conditions;for(r in i)i[r]&&(i[r]=!1,e=1);e&&t.revert()})||Ic()},addEventListener:function addEventListener(t,e){var r=Oe[t]||(Oe[t]=[]);~r.indexOf(e)||r.push(e)},removeEventListener:function removeEventListener(t,e){var r=Oe[t],i=r&&r.indexOf(e);0<=i&&r.splice(i,1)},utils:{wrap:function wrap(e,t,r){var i=t-e;return $(e)?ob(e,wrap(0,e.length),t):Za(r,function(t){return(i+(t-e)%i)%i+e})},wrapYoyo:function wrapYoyo(e,t,r){var i=t-e,n=2*i;return $(e)?ob(e,wrapYoyo(0,e.length-1),t):Za(r,function(t){return e+(i<(t=(n+(t-e)%n)%n||0)?n-t:t)})},distribute:hb,random:kb,snap:jb,normalize:function normalize(t,e,r){return At(t,e,0,1,r)},getUnit:_a,clamp:function clamp(e,r,t){return Za(t,function(t){return Mt(e,r,t)})},splitColor:Db,toArray:Pt,selector:fb,mapRange:At,pipe:function pipe(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(t){return e.reduce(function(t,e){return e(t)},t)}},unitize:function unitize(e,r){return function(t){return e(parseFloat(t))+(r||_a(t))}},interpolate:function interpolate(e,i,t,n){var a=isNaN(e+i)?0:function(t){return(1-t)*e+t*i};if(!a){var s,o,u,h,l,f=r(e),d={};if(!0===t&&(n=1)&&(t=null),f)e={p:e},i={p:i};else if($(e)&&!$(i)){for(u=[],h=e.length,l=h-2,o=1;o<h;o++)u.push(interpolate(e[o-1],e[o]));h--,a=function func(t){t*=h;var e=Math.min(l,~~t);return u[e](t-e)},t=i}else n||(e=bt($(e)?[]:{},e));if(!u){for(s in i)Jt.call(d,e,s,"get",i[s]);a=function func(t){return ve(t,d)||(f?e.p:e)}}}return Za(t,a)},shuffle:gb},install:R,effects:gt,ticker:It,updateRoot:Zt.updateRoot,plugins:mt,globalTimeline:L,core:{PropTween:we,globals:U,Tween:te,Timeline:Zt,Animation:qt,getCache:ha,_removeLinkedListItem:Ba,reverting:function reverting(){return I},context:function context(t){return t&&l&&(l.data.push(t),t._ctx=l),l},suppressOverwrites:function suppressOverwrites(t){return F=t}}};ja("to,from,fromTo,delayedCall,set,killTweensOf",function(t){return Re[t]=te[t]}),It.add(Zt.updateRoot),d=Re.to({},{duration:0});function Mc(t,e){for(var r=t._pt;r&&r.p!==e&&r.op!==e&&r.fp!==e;)r=r._next;return r}function Oc(t,a){return{name:t,headless:1,rawVars:1,init:function init(t,n,e){e._onInit=function(t){var e,i;if(r(n)&&(e={},ja(n,function(t){return e[t]=1}),n=e),a){for(i in e={},n)e[i]=a(n[i]);n=e}!function _addModifiers(t,e){var r,i,n,a=t._targets;for(r in e)for(i=a.length;i--;)(n=(n=t._ptLookup[i][r])&&n.d)&&(n._pt&&(n=Mc(n,r)),n&&n.modifier&&n.modifier(e[r],t,a[i],r))}(t,n)}}}}var Fe=Re.registerPlugin({name:"attr",init:function init(t,e,r,i,n){var a,s,o;for(a in this.tween=r,e)o=t.getAttribute(a)||"",(s=this.add(t,"setAttribute",(o||0)+"",e[a],i,n,0,0,a)).op=a,s.b=o,this._props.push(a)},render:function render(t,e){for(var r=e._pt;r;)I?r.set(r.t,r.p,r.b,r):r.r(t,r.d),r=r._next}},{name:"endArray",headless:1,init:function init(t,e){for(var r=e.length;r--;)this.add(t,r,t[r]||0,e[r],0,0,0,0,0,1)}},Oc("roundProps",ib),Oc("modifiers"),Oc("snap",jb))||Re;te.version=Zt.version=Fe.version="3.14.2",o=1,x()&&Lt();function yd(t,e){return e.set(e.t,e.p,Math.round(1e4*(e.s+e.c*t))/1e4+e.u,e)}function zd(t,e){return e.set(e.t,e.p,1===t?e.e:Math.round(1e4*(e.s+e.c*t))/1e4+e.u,e)}function Ad(t,e){return e.set(e.t,e.p,t?Math.round(1e4*(e.s+e.c*t))/1e4+e.u:e.b,e)}function Bd(t,e){return e.set(e.t,e.p,1===t?e.e:t?Math.round(1e4*(e.s+e.c*t))/1e4+e.u:e.b,e)}function Cd(t,e){var r=e.s+e.c*t;e.set(e.t,e.p,~~(r+(r<0?-.5:.5))+e.u,e)}function Dd(t,e){return e.set(e.t,e.p,t?e.e:e.b,e)}function Ed(t,e){return e.set(e.t,e.p,1!==t?e.b:e.e,e)}function Fd(t,e,r){return t.style[e]=r}function Gd(t,e,r){return t.style.setProperty(e,r)}function Hd(t,e,r){return t._gsap[e]=r}function Id(t,e,r){return t._gsap.scaleX=t._gsap.scaleY=r}function Jd(t,e,r,i,n){var a=t._gsap;a.scaleX=a.scaleY=r,a.renderTransform(n,a)}function Kd(t,e,r,i,n){var a=t._gsap;a[e]=r,a.renderTransform(n,a)}function Nd(t,e){var r=this,i=this.target,n=i.style,a=i._gsap;if(t in hr&&n){if(this.tfm=this.tfm||{},"transform"===t)return mr.transform.split(",").forEach(function(t){return Nd.call(r,t,e)});if(~(t=mr[t]||t).indexOf(",")?t.split(",").forEach(function(t){return r.tfm[t]=xr(i,t)}):this.tfm[t]=a.x?a[t]:xr(i,t),t===vr&&(this.tfm.zOrigin=a.zOrigin),0<=this.props.indexOf(gr))return;a.svg&&(this.svgo=i.getAttribute("data-svg-origin"),this.props.push(vr,e,"")),t=gr}(n||e)&&this.props.push(t,e,n[t])}function Od(t){t.translate&&(t.removeProperty("translate"),t.removeProperty("scale"),t.removeProperty("rotate"))}function Pd(){var t,e,r=this.props,i=this.target,n=i.style,a=i._gsap;for(t=0;t<r.length;t+=3)r[t+1]?2===r[t+1]?i[r[t]](r[t+2]):i[r[t]]=r[t+2]:r[t+2]?n[r[t]]=r[t+2]:n.removeProperty("--"===r[t].substr(0,2)?r[t]:r[t].replace(cr,"-$1").toLowerCase());if(this.tfm){for(e in this.tfm)a[e]=this.tfm[e];a.svg&&(a.renderTransform(),i.setAttribute("data-svg-origin",this.svgo||"")),(t=Ue())&&t.isStart||n[gr]||(Od(n),a.zOrigin&&n[vr]&&(n[vr]+=" "+a.zOrigin+"px",a.zOrigin=0,a.renderTransform()),a.uncache=1)}}function Qd(t,e){var r={target:t,props:[],revert:Pd,save:Nd};return t._gsap||Fe.core.getCache(t),e&&t.style&&t.nodeType&&e.split(",").forEach(function(t){return r.save(t)}),r}function Sd(t,e){var r=Le.createElementNS?Le.createElementNS((e||"http://www.w3.org/1999/xhtml").replace(/^https/,"http"),t):Le.createElement(t);return r&&r.style?r:Le.createElement(t)}function Td(t,e,r){var i=getComputedStyle(t);return i[e]||i.getPropertyValue(e.replace(cr,"-$1").toLowerCase())||i.getPropertyValue(e)||!r&&Td(t,Tr(e)||e,1)||""}function Wd(){(function _windowExists(){return"undefined"!=typeof window})()&&window.document&&(Ie=window,Le=Ie.document,Ye=Le.documentElement,je=Sd("div")||{style:{}},Sd("div"),gr=Tr(gr),vr=gr+"Origin",je.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Xe=!!Tr("perspective"),Ue=Fe.core.reverting,Ne=1)}function Xd(t){var e,r=t.ownerSVGElement,i=Sd("svg",r&&r.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),n=t.cloneNode(!0);n.style.display="block",i.appendChild(n),Ye.appendChild(i);try{e=n.getBBox()}catch(t){}return i.removeChild(n),Ye.removeChild(i),e}function Yd(t,e){for(var r=e.length;r--;)if(t.hasAttribute(e[r]))return t.getAttribute(e[r])}function Zd(e){var r,i;try{r=e.getBBox()}catch(t){r=Xd(e),i=1}return r&&(r.width||r.height)||i||(r=Xd(e)),!r||r.width||r.x||r.y?r:{x:+Yd(e,["x","cx","x1"])||0,y:+Yd(e,["y","cy","y1"])||0,width:0,height:0}}function $d(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!Zd(t))}function _d(t,e){if(e){var r,i=t.style;e in hr&&e!==vr&&(e=gr),i.removeProperty?("ms"!==(r=e.substr(0,2))&&"webkit"!==e.substr(0,6)||(e="-"+e),i.removeProperty("--"===r?e:e.replace(cr,"-$1").toLowerCase())):i.removeAttribute(e)}}function ae(t,e,r,i,n,a){var s=new we(t._pt,e,r,0,1,a?Ed:Dd);return(t._pt=s).b=i,s.e=n,t._props.push(r),s}function de(t,e,r,i){var n,a,s,o,u=parseFloat(r)||0,h=(r+"").trim().substr((u+"").length)||"px",l=je.style,f=pr.test(e),d="svg"===t.tagName.toLowerCase(),c=(d?"client":"offset")+(f?"Width":"Height"),p="px"===i,_="%"===i;if(i===h||!u||br[i]||br[h])return u;if("px"===h||p||(u=de(t,e,r,"px")),o=t.getCTM&&$d(t),(_||"%"===h)&&(hr[e]||~e.indexOf("adius")))return n=o?t.getBBox()[f?"width":"height"]:t[c],ka(_?u/n*100:u/100*n);if(l[f?"width":"height"]=100+(p?h:i),a="rem"!==i&&~e.indexOf("adius")||"em"===i&&t.appendChild&&!d?t:t.parentNode,o&&(a=(t.ownerSVGElement||{}).parentNode),a&&a!==Le&&a.appendChild||(a=Le.body),(s=a._gsap)&&_&&s.width&&f&&s.time===It.time&&!s.uncache)return ka(u/s.width*100);if(!_||"height"!==e&&"width"!==e)!_&&"%"!==h||wr[Td(a,"display")]||(l.position=Td(t,"position")),a===t&&(l.position="static"),a.appendChild(je),n=je[c],a.removeChild(je),l.position="absolute";else{var m=t.style[e];t.style[e]=100+i,n=t[c],m?t.style[e]=m:_d(t,e)}return f&&_&&((s=ha(a)).time=It.time,s.width=a[c]),ka(p?n*u/100:n&&u?100/n*u:0)}function fe(t,e,r,i){if(!r||"none"===r){var n=Tr(e,t,1),a=n&&Td(t,n,1);a&&a!==r?(e=n,r=a):"borderColor"===e&&(r=Td(t,"borderTopColor"))}var s,o,u,h,l,f,d,c,p,_,m,g=new we(this._pt,t.style,e,0,1,ge),v=0,y=0;if(g.b=r,g.e=i,r+="","var(--"===(i+="").substring(0,6)&&(i=Td(t,i.substring(4,i.indexOf(")")))),"auto"===i&&(f=t.style[e],t.style[e]=i,i=Td(t,e)||i,f?t.style[e]=f:_d(t,e)),Ib(s=[r,i]),i=s[1],u=(r=s[0]).match(nt)||[],(i.match(nt)||[]).length){for(;o=nt.exec(i);)d=o[0],p=i.substring(v,o.index),l?l=(l+1)%5:"rgba("!==p.substr(-5)&&"hsla("!==p.substr(-5)||(l=1),d!==(f=u[y++]||"")&&(h=parseFloat(f)||0,m=f.substr((h+"").length),"="===d.charAt(1)&&(d=ma(h,d)+m),c=parseFloat(d),_=d.substr((c+"").length),v=nt.lastIndex-_.length,_||(_=_||N.units[e]||m,v===i.length&&(i+=_,g.e+=_)),m!==_&&(h=de(t,e,f,_)||0),g._pt={_next:g._pt,p:p||1===y?p:",",s:h,c:c-h,m:l&&l<4||"zIndex"===e?Math.round:0});g.c=v<i.length?i.substring(v,i.length):""}else g.r="display"===e&&"none"===i?Ed:Dd;return st.test(i)&&(g.e=0),this._pt=g}function he(t){var e=t.split(" "),r=e[0],i=e[1]||"50%";return"top"!==r&&"bottom"!==r&&"left"!==i&&"right"!==i||(t=r,r=i,i=t),e[0]=kr[r]||r,e[1]=kr[i]||i,e.join(" ")}function ie(t,e){if(e.tween&&e.tween._time===e.tween._dur){var r,i,n,a=e.t,s=a.style,o=e.u,u=a._gsap;if("all"===o||!0===o)s.cssText="",i=1;else for(n=(o=o.split(",")).length;-1<--n;)r=o[n],hr[r]&&(i=1,r="transformOrigin"===r?vr:gr),_d(a,r);i&&(_d(a,gr),u&&(u.svg&&a.removeAttribute("transform"),s.scale=s.rotate=s.translate="none",Pr(a,1),u.uncache=1,Od(s)))}}function me(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t}function ne(t){var e=Td(t,gr);return me(e)?Mr:e.substr(7).match(it).map(ka)}function oe(t,e){var r,i,n,a,s=t._gsap||ha(t),o=t.style,u=ne(t);return s.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(n=t.transform.baseVal.consolidate().matrix).a,n.b,n.c,n.d,n.e,n.f]).join(",")?Mr:u:(u!==Mr||t.offsetParent||t===Ye||s.svg||(n=o.display,o.display="block",(r=t.parentNode)&&(t.offsetParent||t.getBoundingClientRect().width)||(a=1,i=t.nextElementSibling,Ye.appendChild(t)),u=ne(t),n?o.display=n:_d(t,"display"),a&&(i?r.insertBefore(t,i):r?r.appendChild(t):Ye.removeChild(t))),e&&6<u.length?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)}function pe(t,e,r,i,n,a){var s,o,u,h=t._gsap,l=n||oe(t,!0),f=h.xOrigin||0,d=h.yOrigin||0,c=h.xOffset||0,p=h.yOffset||0,_=l[0],m=l[1],g=l[2],v=l[3],y=l[4],T=l[5],b=e.split(" "),w=parseFloat(b[0])||0,x=parseFloat(b[1])||0;r?l!==Mr&&(o=_*v-m*g)&&(u=w*(-m/o)+x*(_/o)-(_*T-m*y)/o,w=w*(v/o)+x*(-g/o)+(g*T-v*y)/o,x=u):(w=(s=Zd(t)).x+(~b[0].indexOf("%")?w/100*s.width:w),x=s.y+(~(b[1]||b[0]).indexOf("%")?x/100*s.height:x)),i||!1!==i&&h.smooth?(y=w-f,T=x-d,h.xOffset=c+(y*_+T*g)-y,h.yOffset=p+(y*m+T*v)-T):h.xOffset=h.yOffset=0,h.xOrigin=w,h.yOrigin=x,h.smooth=!!i,h.origin=e,h.originIsAbsolute=!!r,t.style[vr]="0px 0px",a&&(ae(a,h,"xOrigin",f,w),ae(a,h,"yOrigin",d,x),ae(a,h,"xOffset",c,h.xOffset),ae(a,h,"yOffset",p,h.yOffset)),t.setAttribute("data-svg-origin",w+" "+x)}function se(t,e,r){var i=_a(e);return ka(parseFloat(e)+parseFloat(de(t,"x",r+"px",i)))+i}function ze(t,e,i,n,a){var s,o,u=360,h=r(a),l=parseFloat(a)*(h&&~a.indexOf("rad")?lr:1)-n,f=n+l+"deg";return h&&("short"===(s=a.split("_")[1])&&(l%=u)!==l%180&&(l+=l<0?u:-u),"cw"===s&&l<0?l=(l+36e9)%u-~~(l/u)*u:"ccw"===s&&0<l&&(l=(l-36e9)%u-~~(l/u)*u)),t._pt=o=new we(t._pt,e,i,n,l,zd),o.e=f,o.u="deg",t._props.push(i),o}function Ae(t,e){for(var r in e)t[r]=e[r];return t}function Be(t,e,r){var i,n,a,s,o,u,h,l=Ae({},r._gsap),f=r.style;for(n in l.svg?(a=r.getAttribute("transform"),r.setAttribute("transform",""),f[gr]=e,i=Pr(r,1),_d(r,gr),r.setAttribute("transform",a)):(a=getComputedStyle(r)[gr],f[gr]=e,i=Pr(r,1),f[gr]=a),hr)(a=l[n])!==(s=i[n])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(n)<0&&(o=_a(a)!==(h=_a(s))?de(r,n,a,h):parseFloat(a),u=parseFloat(s),t._pt=new we(t._pt,i,n,o,u-o,yd),t._pt.u=h||0,t._props.push(n));Ae(i,l)}var Ie,Le,Ye,Ne,je,Ve,Ue,Xe,qe=Bt.Power0,Ze=Bt.Power1,We=Bt.Power2,He=Bt.Power3,Je=Bt.Power4,Qe=Bt.Linear,Ge=Bt.Quad,Ke=Bt.Cubic,$e=Bt.Quart,tr=Bt.Quint,er=Bt.Strong,rr=Bt.Elastic,ir=Bt.Back,nr=Bt.SteppedEase,ar=Bt.Bounce,sr=Bt.Sine,or=Bt.Expo,ur=Bt.Circ,hr={},lr=180/Math.PI,fr=Math.PI/180,dr=Math.atan2,cr=/([A-Z])/g,pr=/(left|right|width|margin|padding|x)/i,_r=/[\s,\(]\S/,mr={autoAlpha:"opacity,visibility",scale:"scaleX,scaleY",alpha:"opacity"},gr="transform",vr=gr+"Origin",yr="O,Moz,ms,Ms,Webkit".split(","),Tr=function _checkPropPrefix(t,e,r){var i=(e||je).style,n=5;if(t in i&&!r)return t;for(t=t.charAt(0).toUpperCase()+t.substr(1);n--&&!(yr[n]+t in i););return n<0?null:(3===n?"ms":0<=n?yr[n]:"")+t},br={deg:1,rad:1,turn:1},wr={grid:1,flex:1},xr=function _get(t,e,r,i){var n;return Ne||Wd(),e in mr&&"transform"!==e&&~(e=mr[e]).indexOf(",")&&(e=e.split(",")[0]),hr[e]&&"transform"!==e?(n=Pr(t,i),n="transformOrigin"!==e?n[e]:n.svg?n.origin:Ar(Td(t,vr))+" "+n.zOrigin+"px"):(n=t.style[e])&&"auto"!==n&&!i&&!~(n+"").indexOf("calc(")||(n=Or[e]&&Or[e](t,e,r)||Td(t,e)||ia(t,e)||("opacity"===e?1:0)),r&&!~(n+"").trim().indexOf(" ")?de(t,e,n,r)+r:n},kr={top:"0%",bottom:"100%",left:"0%",right:"100%",center:"50%"},Or={clearProps:function clearProps(t,e,r,i,n){if("isFromStart"!==n.data){var a=t._pt=new we(t._pt,e,r,0,0,ie);return a.u=i,a.pr=-10,a.tween=n,t._props.push(r),1}}},Mr=[1,0,0,1,0,0],Cr={},Pr=function _parseTransform(t,e){var r=t._gsap||new Xt(t);if("x"in r&&!e&&!r.uncache)return r;var i,n,a,s,o,u,h,l,f,d,c,p,_,m,g,v,y,T,b,w,x,k,O,M,C,P,A,D,S,z,E,R,F=t.style,I=r.scaleX<0,L="deg",B=getComputedStyle(t),Y=Td(t,vr)||"0";return i=n=a=u=h=l=f=d=c=0,s=o=1,r.svg=!(!t.getCTM||!$d(t)),B.translate&&("none"===B.translate&&"none"===B.scale&&"none"===B.rotate||(F[gr]=("none"!==B.translate?"translate3d("+(B.translate+" 0 0").split(" ").slice(0,3).join(", ")+") ":"")+("none"!==B.rotate?"rotate("+B.rotate+") ":"")+("none"!==B.scale?"scale("+B.scale.split(" ").join(",")+") ":"")+("none"!==B[gr]?B[gr]:"")),F.scale=F.rotate=F.translate="none"),m=oe(t,r.svg),r.svg&&(M=r.uncache?(C=t.getBBox(),Y=r.xOrigin-C.x+"px "+(r.yOrigin-C.y)+"px",""):!e&&t.getAttribute("data-svg-origin"),pe(t,M||Y,!!M||r.originIsAbsolute,!1!==r.smooth,m)),p=r.xOrigin||0,_=r.yOrigin||0,m!==Mr&&(T=m[0],b=m[1],w=m[2],x=m[3],i=k=m[4],n=O=m[5],6===m.length?(s=Math.sqrt(T*T+b*b),o=Math.sqrt(x*x+w*w),u=T||b?dr(b,T)*lr:0,(f=w||x?dr(w,x)*lr+u:0)&&(o*=Math.abs(Math.cos(f*fr))),r.svg&&(i-=p-(p*T+_*w),n-=_-(p*b+_*x))):(R=m[6],z=m[7],A=m[8],D=m[9],S=m[10],E=m[11],i=m[12],n=m[13],a=m[14],h=(g=dr(R,S))*lr,g&&(M=k*(v=Math.cos(-g))+A*(y=Math.sin(-g)),C=O*v+D*y,P=R*v+S*y,A=k*-y+A*v,D=O*-y+D*v,S=R*-y+S*v,E=z*-y+E*v,k=M,O=C,R=P),l=(g=dr(-w,S))*lr,g&&(v=Math.cos(-g),E=x*(y=Math.sin(-g))+E*v,T=M=T*v-A*y,b=C=b*v-D*y,w=P=w*v-S*y),u=(g=dr(b,T))*lr,g&&(M=T*(v=Math.cos(g))+b*(y=Math.sin(g)),C=k*v+O*y,b=b*v-T*y,O=O*v-k*y,T=M,k=C),h&&359.9<Math.abs(h)+Math.abs(u)&&(h=u=0,l=180-l),s=ka(Math.sqrt(T*T+b*b+w*w)),o=ka(Math.sqrt(O*O+R*R)),g=dr(k,O),f=2e-4<Math.abs(g)?g*lr:0,c=E?1/(E<0?-E:E):0),r.svg&&(M=t.getAttribute("transform"),r.forceCSS=t.setAttribute("transform","")||!me(Td(t,gr)),M&&t.setAttribute("transform",M))),90<Math.abs(f)&&Math.abs(f)<270&&(I?(s*=-1,f+=u<=0?180:-180,u+=u<=0?180:-180):(o*=-1,f+=f<=0?180:-180)),e=e||r.uncache,r.x=i-((r.xPercent=i&&(!e&&r.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-i)?-50:0)))?t.offsetWidth*r.xPercent/100:0)+"px",r.y=n-((r.yPercent=n&&(!e&&r.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-n)?-50:0)))?t.offsetHeight*r.yPercent/100:0)+"px",r.z=a+"px",r.scaleX=ka(s),r.scaleY=ka(o),r.rotation=ka(u)+L,r.rotationX=ka(h)+L,r.rotationY=ka(l)+L,r.skewX=f+L,r.skewY=d+L,r.transformPerspective=c+"px",(r.zOrigin=parseFloat(Y.split(" ")[2])||!e&&r.zOrigin||0)&&(F[vr]=Ar(Y)),r.xOffset=r.yOffset=0,r.force3D=N.force3D,r.renderTransform=r.svg?Fr:Xe?Rr:Dr,r.uncache=0,r},Ar=function _firstTwoOnly(t){return(t=t.split(" "))[0]+" "+t[1]},Dr=function _renderNon3DTransforms(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,Rr(t,e)},Sr="0deg",zr="0px",Er=") ",Rr=function _renderCSSTransforms(t,e){var r=e||this,i=r.xPercent,n=r.yPercent,a=r.x,s=r.y,o=r.z,u=r.rotation,h=r.rotationY,l=r.rotationX,f=r.skewX,d=r.skewY,c=r.scaleX,p=r.scaleY,_=r.transformPerspective,m=r.force3D,g=r.target,v=r.zOrigin,y="",T="auto"===m&&t&&1!==t||!0===m;if(v&&(l!==Sr||h!==Sr)){var b,w=parseFloat(h)*fr,x=Math.sin(w),k=Math.cos(w);w=parseFloat(l)*fr,b=Math.cos(w),a=se(g,a,x*b*-v),s=se(g,s,-Math.sin(w)*-v),o=se(g,o,k*b*-v+v)}_!==zr&&(y+="perspective("+_+Er),(i||n)&&(y+="translate("+i+"%, "+n+"%) "),!T&&a===zr&&s===zr&&o===zr||(y+=o!==zr||T?"translate3d("+a+", "+s+", "+o+") ":"translate("+a+", "+s+Er),u!==Sr&&(y+="rotate("+u+Er),h!==Sr&&(y+="rotateY("+h+Er),l!==Sr&&(y+="rotateX("+l+Er),f===Sr&&d===Sr||(y+="skew("+f+", "+d+Er),1===c&&1===p||(y+="scale("+c+", "+p+Er),g.style[gr]=y||"translate(0, 0)"},Fr=function _renderSVGTransforms(t,e){var r,i,n,a,s,o=e||this,u=o.xPercent,h=o.yPercent,l=o.x,f=o.y,d=o.rotation,c=o.skewX,p=o.skewY,_=o.scaleX,m=o.scaleY,g=o.target,v=o.xOrigin,y=o.yOrigin,T=o.xOffset,b=o.yOffset,w=o.forceCSS,x=parseFloat(l),k=parseFloat(f);d=parseFloat(d),c=parseFloat(c),(p=parseFloat(p))&&(c+=p=parseFloat(p),d+=p),d||c?(d*=fr,c*=fr,r=Math.cos(d)*_,i=Math.sin(d)*_,n=Math.sin(d-c)*-m,a=Math.cos(d-c)*m,c&&(p*=fr,s=Math.tan(c-p),n*=s=Math.sqrt(1+s*s),a*=s,p&&(s=Math.tan(p),r*=s=Math.sqrt(1+s*s),i*=s)),r=ka(r),i=ka(i),n=ka(n),a=ka(a)):(r=_,a=m,i=n=0),(x&&!~(l+"").indexOf("px")||k&&!~(f+"").indexOf("px"))&&(x=de(g,"x",l,"px"),k=de(g,"y",f,"px")),(v||y||T||b)&&(x=ka(x+v-(v*r+y*n)+T),k=ka(k+y-(v*i+y*a)+b)),(u||h)&&(s=g.getBBox(),x=ka(x+u/100*s.width),k=ka(k+h/100*s.height)),s="matrix("+r+","+i+","+n+","+a+","+x+","+k+")",g.setAttribute("transform",s),w&&(g.style[gr]=s)};ja("padding,margin,Width,Radius",function(e,r){var t="Right",i="Bottom",n="Left",o=(r<3?["Top",t,i,n]:["Top"+n,"Top"+t,i+t,i+n]).map(function(t){return r<2?e+t:"border"+t+e});Or[1<r?"border"+e:e]=function(e,t,r,i,n){var a,s;if(arguments.length<4)return a=o.map(function(t){return xr(e,t,r)}),5===(s=a.join(" ")).split(a[0]).length?a[0]:s;a=(i+"").split(" "),s={},o.forEach(function(t,e){return s[t]=a[e]=a[e]||a[(e-1)/2|0]}),e.init(t,s,n)}});var Ir,Lr,Br,Yr={name:"css",register:Wd,targetTest:function targetTest(t){return t.style&&t.nodeType},init:function init(t,e,i,n,a){var s,o,u,h,l,f,d,c,p,_,m,g,v,y,T,b,w,x=this._props,k=t.style,O=i.vars.startAt;for(d in Ne||Wd(),this.styles=this.styles||Qd(t),b=this.styles.props,this.tween=i,e)if("autoRound"!==d&&(o=e[d],!mt[d]||!dc(d,e,i,n,t,a)))if(l=typeof o,f=Or[d],"function"===l&&(l=typeof(o=o.call(i,n,t,a))),"string"===l&&~o.indexOf("random(")&&(o=rb(o)),f)f(this,t,d,o,i)&&(T=1);else if("--"===d.substr(0,2))s=(getComputedStyle(t).getPropertyValue(d)+"").trim(),o+="",Rt.lastIndex=0,Rt.test(s)||(c=_a(s),(p=_a(o))?c!==p&&(s=de(t,d,s,p)+p):c&&(o+=c)),this.add(k,"setProperty",s,o,n,a,0,0,d),x.push(d),b.push(d,0,k[d]);else if("undefined"!==l){if(O&&d in O?(s="function"==typeof O[d]?O[d].call(i,n,t,a):O[d],r(s)&&~s.indexOf("random(")&&(s=rb(s)),_a(s+"")||"auto"===s||(s+=N.units[d]||_a(xr(t,d))||""),"="===(s+"").charAt(1)&&(s=xr(t,d))):s=xr(t,d),h=parseFloat(s),(_="string"===l&&"="===o.charAt(1)&&o.substr(0,2))&&(o=o.substr(2)),u=parseFloat(o),d in mr&&("autoAlpha"===d&&(1===h&&"hidden"===xr(t,"visibility")&&u&&(h=0),b.push("visibility",0,k.visibility),ae(this,k,"visibility",h?"inherit":"hidden",u?"inherit":"hidden",!u)),"scale"!==d&&"transform"!==d&&~(d=mr[d]).indexOf(",")&&(d=d.split(",")[0])),m=d in hr){if(this.styles.save(d),w=o,"string"===l&&"var(--"===o.substring(0,6)){if("calc("===(o=Td(t,o.substring(4,o.indexOf(")")))).substring(0,5)){var M=t.style.perspective;t.style.perspective=o,o=Td(t,"perspective"),M?t.style.perspective=M:_d(t,"perspective")}u=parseFloat(o)}if(g||((v=t._gsap).renderTransform&&!e.parseTransform||Pr(t,e.parseTransform),y=!1!==e.smoothOrigin&&v.smooth,(g=this._pt=new we(this._pt,k,gr,0,1,v.renderTransform,v,0,-1)).dep=1),"scale"===d)this._pt=new we(this._pt,v,"scaleY",v.scaleY,(_?ma(v.scaleY,_+u):u)-v.scaleY||0,yd),this._pt.u=0,x.push("scaleY",d),d+="X";else{if("transformOrigin"===d){b.push(vr,0,k[vr]),o=he(o),v.svg?pe(t,o,0,y,0,this):((p=parseFloat(o.split(" ")[2])||0)!==v.zOrigin&&ae(this,v,"zOrigin",v.zOrigin,p),ae(this,k,d,Ar(s),Ar(o)));continue}if("svgOrigin"===d){pe(t,o,1,y,0,this);continue}if(d in Cr){ze(this,v,d,h,_?ma(h,_+o):o);continue}if("smoothOrigin"===d){ae(this,v,"smooth",v.smooth,o);continue}if("force3D"===d){v[d]=o;continue}if("transform"===d){Be(this,o,t);continue}}}else d in k||(d=Tr(d)||d);if(m||(u||0===u)&&(h||0===h)&&!_r.test(o)&&d in k)u=u||0,(c=(s+"").substr((h+"").length))!==(p=_a(o)||(d in N.units?N.units[d]:c))&&(h=de(t,d,s,p)),this._pt=new we(this._pt,m?v:k,d,h,(_?ma(h,_+u):u)-h,m||"px"!==p&&"zIndex"!==d||!1===e.autoRound?yd:Cd),this._pt.u=p||0,m&&w!==o?(this._pt.b=s,this._pt.e=w,this._pt.r=Bd):c!==p&&"%"!==p&&(this._pt.b=s,this._pt.r=Ad);else if(d in k)fe.call(this,t,d,s,_?_+o:o);else if(d in t)this.add(t,d,s||t[d],_?_+o:o,n,a);else if("parseTransform"!==d){S(d,o);continue}m||(d in k?b.push(d,0,k[d]):"function"==typeof t[d]?b.push(d,2,t[d]()):b.push(d,1,s||t[d])),x.push(d)}T&&be(this)},render:function render(t,e){if(e.tween._time||!Ue())for(var r=e._pt;r;)r.r(t,r.d),r=r._next;else e.styles.revert()},get:xr,aliases:mr,getSetter:function getSetter(t,e,r){var i=mr[e];return i&&i.indexOf(",")<0&&(e=i),e in hr&&e!==vr&&(t._gsap.x||xr(t,"x"))?r&&Ve===r?"scale"===e?Id:Hd:(Ve=r||{})&&("scale"===e?Jd:Kd):t.style&&!u(t.style[e])?Fd:~e.indexOf("-")?Gd:le(t,e)},core:{_removeProperty:_d,_getMatrix:oe}};Fe.utils.checkPrefix=Tr,Fe.core.getStyleSaver=Qd,Br=ja((Ir="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(Lr="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",function(t){hr[t]=1}),ja(Lr,function(t){N.units[t]="deg",Cr[t]=1}),mr[Br[13]]=Ir+","+Lr,ja("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",function(t){var e=t.split(":");mr[e[1]]=Br[e[0]]}),ja("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",function(t){N.units[t]="px"}),Fe.registerPlugin(Yr);var Nr=Fe.registerPlugin(Yr)||Fe,jr=Nr.core.Tween;e.Back=ir,e.Bounce=ar,e.CSSPlugin=Yr,e.Circ=ur,e.Cubic=Ke,e.Elastic=rr,e.Expo=or,e.Linear=Qe,e.Power0=qe,e.Power1=Ze,e.Power2=We,e.Power3=He,e.Power4=Je,e.Quad=Ge,e.Quart=$e,e.Quint=tr,e.Sine=sr,e.SteppedEase=nr,e.Strong=er,e.TimelineLite=Zt,e.TimelineMax=Zt,e.TweenLite=te,e.TweenMax=jr,e.default=Nr,e.gsap=Nr;if (typeof(window)==="undefined"||window!==e){Object.defineProperty(e,"__esModule",{value:!0})} else {delete e.default}});
+
diff --git a/.claude/skills/vsl/template/index.template.html b/.claude/skills/vsl/template/index.template.html
new file mode 100644
index 00000000..2bffa35a
--- /dev/null
+++ b/.claude/skills/vsl/template/index.template.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="pt-BR"><head><meta charset="utf-8"><title>VSL roxo</title>
+<script src="assets/gsap.min.js"></script>
+<script src="assets/kit.js"></script>
+<link rel="stylesheet" href="assets/kit.css">
+</head><body>
+<!-- Gerado por build-index.mjs a partir de src/index.template.html + src/beats.js. Não edite index.html à mão. -->
+<div id="vsl" class="__CLASS__" data-composition-id="vsl" data-start="0" data-duration="__DUR__" data-width="1080" data-height="1920">
+  <div id="bg"><div class="grid"></div><div class="blob b1"></div><div class="blob b2"></div><div class="blob b3"></div><div class="beam"></div></div>
+  <div id="under" style="position:absolute;inset:0"></div>
+  <div id="rig"><div id="rigInner">
+    <div id="frame">
+      <div class="layer" id="layCam"><div class="lens" id="lensCam">
+        <video id="cam" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="0" muted playsinline></video>
+      </div><div class="lborder"></div></div>
+      <div class="layer" id="layText"><div id="behind"></div><div class="lborder"></div></div>
+      <div class="layer" id="layMatte">__MATTE__<div class="lborder"></div></div>
+      <div id="tint"></div><div id="tint2"></div><div id="rawveil"></div>
+      <div class="fborder"></div>
+      <div class="fcorner tl"></div><div class="fcorner tr"></div><div class="fcorner bl"></div><div class="fcorner br"></div>
+    </div>
+  </div></div>
+  <div id="inset"></div>
+  <div id="cover" style="position:absolute;inset:0;pointer-events:none"></div>
+  <div id="ui"></div>
+  <div id="cap"></div>
+  <div id="fx"></div>
+  <audio id="voice" src="assets/clean.mp4" data-start="0" data-duration="__DUR__" data-track-index="1" data-volume="1"></audio>
+  __MUSIC__
+</div>
+<script>
+const tl = gsap.timeline({ paused: true });
+const CFG = __CFG__;
+const WORDS = __WORDS__;
+const FACE = __FACE__;
+const K = VSL.init({ tl, cfg: CFG, words: WORDS, face: FACE });
+K.grade("final", 0);
+K.layout("full", 0, 0);
+
+// ======================= BEATS (src/beats.js) =======================
+__BEATS__
+// ====================================================================
+
+tl.set({}, {}, __DUR__);   // timeline do tamanho exato do vídeo
+window.__timelines = window.__timelines || {};
+window.__timelines["vsl"] = tl;
+</script>
+</body></html>
diff --git a/.claude/skills/vsl/template/kit.css b/.claude/skills/vsl/template/kit.css
new file mode 100644
index 00000000..a5449dc5
--- /dev/null
+++ b/.claude/skills/vsl/template/kit.css
@@ -0,0 +1,226 @@
+/* ===================================================================================================
+   VSL ROXO — kit de estilo (1080×1920). Leia DESIGN.md antes de mudar qualquer número aqui.
+   Camadas (de baixo p/ cima): #bg · #rig(planos 3D + #frame[lens cam · #behind · lens matte · tint]) · #ui · #cap · #fx
+   =================================================================================================== */
+@font-face{font-family:"VDisplay";src:url("fonts/Anybody.ttf") format("truetype");font-weight:100 900;font-stretch:50% 150%}
+@font-face{font-family:"VSans";src:url("fonts/PlusJakartaSans.ttf") format("truetype");font-weight:200 800}
+@font-face{font-family:"VMono";src:url("fonts/JetBrainsMono.ttf") format("truetype");font-weight:100 800}
+@font-face{font-family:"Advercase";src:url("fonts/Advercase-Regular.woff2") format("woff2");font-weight:100 500}
+@font-face{font-family:"Advercase";src:url("fonts/Advercase-Bold.woff2") format("woff2");font-weight:600 900}
+
+/* ---------- TEMAS: classe no #vsl (vsl.json "theme": "roxo" | "laranja") ---------- */
+#vsl, :root{
+  --accRGB:139,92,246; --hiRGB:190,165,255; --panelRGB:40,22,88; --panel2RGB:24,14,52;
+  --tintTopRGB:80,40,190; --tintMidRGB:40,16,110; --tintEndRGB:10,4,30; --shadowRGB:5,0,20; --cyanRGB:79,200,225;
+  --bg0:#0e0b1e; --bg1:#1f123d; --bg2:#2d1f50; --bg3:#3a2470; --panel2:#1a1036; --thumb:#24164a;
+  --blob1:#5b2ee0; --blob2:#3b1a9a; --blob3:#4a22b8;
+  --acc:#8b5cf6; --acc2:#9b63ff; --deep:#6d3cff;
+  --lav:#b9a3ff; --lav2:#a98bff; --lavT:#d9ccff;
+  --btnA:#7b4dff; --btnB:#a47fff;
+  --tint2:linear-gradient(100deg,rgba(60,190,230,.55) 0%,rgba(120,70,255,.25) 45%,rgba(200,80,255,.35) 100%);
+  --card:rgba(255,255,255,.045); --cardB:rgba(var(--hiRGB),.30); --cardB2:rgba(var(--hiRGB),.55);
+  --muted:#a59cc4; --dim:#6f6790; --white:#fff; --ink:#140c2b;
+  --rec:#ff3b3b; --orange:#ffa53c; --cyan:#4fd2e6; --green:#7ee0a5;
+  --fD:"VDisplay",sans-serif; --fS:"VSans",sans-serif; --fM:"VMono",monospace;
+  --glow:0 0 28px rgba(var(--accRGB),.65);
+  --glowT:0 0 22px rgba(var(--accRGB),.85),0 0 60px rgba(var(--accRGB),.45);
+}
+#vsl.t-laranja{
+  --accRGB:255,118,26; --hiRGB:255,176,112; --panelRGB:44,24,14; --panel2RGB:24,14,9;
+  --tintTopRGB:120,48,10; --tintMidRGB:60,24,8; --tintEndRGB:12,6,3; --shadowRGB:12,4,0; --cyanRGB:70,200,220;
+  --bg0:#0b0807; --bg1:#18100b; --bg2:#2e1a0e; --bg3:#3d200f; --panel2:#1c120c; --thumb:#2a1a12;
+  --blob1:#b4450c; --blob2:#6e2a08; --blob3:#8a360c;
+  --acc:#ff761a; --acc2:#ff8c35; --deep:#e85a00;
+  --lav:#ffb070; --lav2:#ff9a52; --lavT:#ffd8b8;
+  --btnA:#ff5f00; --btnB:#ff9c3c;
+  --tint2:linear-gradient(100deg,rgba(60,190,220,.45) 0%,rgba(255,120,30,.22) 50%,rgba(255,90,20,.32) 100%);
+  --muted:#c9b2a2; --dim:#806a5c; --ink:#1f120a;
+}
+/* fonte única Advercase (vsl.json "font": "advercase") — mono só em código/timecode */
+#vsl.f-advercase{ --fD:"Advercase",sans-serif; --fS:"Advercase",sans-serif; }
+#vsl.f-advercase .disp{letter-spacing:0;font-stretch:normal}
+*{box-sizing:border-box}
+html,body{margin:0;width:1080px;height:1920px;overflow:hidden;background:var(--bg0);color:#fff;font-family:var(--fS)}
+#vsl{position:relative;width:1080px;height:1920px;overflow:hidden;background:var(--bg0)}
+
+/* ---------- fundo dos layouts SPLIT / PIP / TAKEOVER ---------- */
+#bg{position:absolute;inset:0;overflow:hidden;
+  background:radial-gradient(120% 55% at 50% 0%,var(--bg2) 0%,var(--bg1) 48%,var(--bg1) 78%,var(--bg0) 100%)}
+#bg .grid{position:absolute;inset:0;opacity:.55;
+  background-image:linear-gradient(rgba(var(--hiRGB),.055) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--hiRGB),.055) 1px,transparent 1px);
+  background-size:54px 54px;-webkit-mask-image:radial-gradient(90% 70% at 50% 35%,#000 30%,transparent 100%)}
+#bg .blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}
+#bg .b1{left:-200px;top:-260px;width:900px;height:760px;background:var(--blob1)}
+#bg .b2{right:-300px;top:700px;width:820px;height:820px;background:var(--blob2);opacity:.45}
+#bg .b3{left:140px;bottom:-380px;width:800px;height:700px;background:var(--blob3);opacity:.35}
+#bg .beam{position:absolute;left:340px;top:-200px;width:400px;height:2400px;filter:blur(70px);opacity:0;
+  background:linear-gradient(180deg,rgba(var(--accRGB),.0),rgba(var(--accRGB),.55) 45%,rgba(var(--accRGB),.0))}
+
+/* ---------- rig 3D + quadro do apresentador ---------- */
+#rig{position:absolute;inset:0;perspective:2200px;transform-style:preserve-3d}
+#rigInner{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:540px 960px}
+.plane{position:absolute;left:0;top:0;width:1080px;height:1920px;border-radius:30px;opacity:0;
+  background:linear-gradient(160deg,rgba(var(--accRGB),.20),rgba(var(--panelRGB),.35));
+  border:2px solid rgba(var(--hiRGB),.55);box-shadow:0 0 30px rgba(var(--accRGB),.35),inset 0 0 40px rgba(var(--accRGB),.18)}
+.plane .ptag{position:absolute;left:26px;top:22px;font:600 19px/1 var(--fM);letter-spacing:.06em;color:#fff;
+  background:linear-gradient(90deg,var(--btnA),var(--btnB));padding:7px 12px;border-radius:6px;white-space:nowrap}
+.plane .pico{position:absolute;width:84px;height:84px;border-radius:50%;border:2px solid rgba(var(--hiRGB),.7);
+  background:rgba(var(--panelRGB),.55);box-shadow:var(--glow);display:flex;align-items:center;justify-content:center}
+.plane .pico svg{width:40px;height:40px;stroke:var(--lavT);fill:none;stroke-width:2}
+#frame{position:absolute;left:0;top:0;width:1080px;height:1920px;overflow:hidden;border-radius:0;background:#000;transform-origin:50% 50%}
+.layer{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
+.lborder{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;border:3px solid rgba(var(--hiRGB),.9);
+  box-shadow:0 0 30px rgba(var(--accRGB),.55),inset 0 0 30px rgba(var(--accRGB),.25)}
+.lens{position:absolute;inset:0;transform-origin:50% 32%}
+.mcap{position:absolute;left:0;top:0;white-space:nowrap;text-align:center;font:700 66px/1.05 var(--fS);color:#fff;
+  text-shadow:0 3px 14px rgba(0,0,0,.65),0 0 2px rgba(0,0,0,.6);-webkit-text-stroke:1.2px rgba(0,0,0,.25);paint-order:stroke fill}
+.mcap .w{margin:0 .1em}
+.mcap .acc{color:var(--lav)}
+.lens video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
+#lensCam video{filter:var(--grade,none)}
+#lensMatte{pointer-events:none}
+#lensMatte video{filter:var(--grade,none)}
+#behind{position:absolute;inset:0;pointer-events:none}
+#tint{position:absolute;inset:0;pointer-events:none;opacity:0;
+  background:
+    radial-gradient(70% 45% at 50% 30%,rgba(0,0,0,0) 40%,rgba(var(--tintEndRGB),.55) 100%),
+    linear-gradient(180deg,rgba(var(--tintTopRGB),.55),rgba(var(--tintMidRGB),.25) 45%,rgba(var(--tintEndRGB),.6) 100%);
+  mix-blend-mode:multiply}
+#tint2{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:soft-light;
+  background:var(--tint2)}
+#rawveil{position:absolute;inset:0;pointer-events:none;opacity:0;backdrop-filter:saturate(.18) contrast(.78) brightness(1.12);
+  -webkit-backdrop-filter:saturate(.18) contrast(.78) brightness(1.12)}
+.fborder{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
+  border:2.5px solid rgba(var(--hiRGB),.85);box-shadow:0 0 26px rgba(var(--accRGB),.6),inset 0 0 22px rgba(var(--accRGB),.28)}
+.fcorner{position:absolute;width:44px;height:44px;opacity:0;border-color:rgba(255,255,255,.9);border-style:solid;border-width:0}
+.fcorner.tl{left:20px;top:20px;border-left-width:3px;border-top-width:3px}
+.fcorner.tr{right:20px;top:20px;border-right-width:3px;border-top-width:3px}
+.fcorner.bl{left:20px;bottom:20px;border-left-width:3px;border-bottom-width:3px}
+.fcorner.br{right:20px;bottom:20px;border-right-width:3px;border-bottom-width:3px}
+/* moldura fina em tela cheia (0:08 da referência) */
+#inset{position:absolute;left:14px;top:14px;right:14px;bottom:14px;border-radius:28px;opacity:0;pointer-events:none;
+  border:2.5px solid rgba(var(--hiRGB),.75);box-shadow:0 0 24px rgba(var(--accRGB),.6),inset 0 0 24px rgba(var(--accRGB),.3)}
+
+/* ---------- camadas de cima ---------- */
+#ui,#cap,#fx{position:absolute;inset:0;pointer-events:none}
+.k{position:absolute;opacity:0}                        /* todo elemento do kit nasce invisível */
+.center-x{left:0;width:1080px;text-align:center}
+
+/* ---------- tipografia ---------- */
+.kicker{font:700 21px/1 var(--fS);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
+.title{font:800 56px/1.12 var(--fS);letter-spacing:-.015em;color:#fff}
+.acc{color:var(--lav2)}
+.w{display:inline-block;white-space:pre}
+.ch{display:inline-block;white-space:pre}
+.disp{font-family:var(--fD);font-weight:900;font-stretch:150%;letter-spacing:-.01em;line-height:.92;color:#fff;text-transform:uppercase}
+.disp.glow{text-shadow:0 0 18px rgba(var(--accRGB),.75),0 0 60px rgba(var(--accRGB),.55)}
+.disp.outline{color:transparent;-webkit-text-stroke:3px rgba(255,255,255,.92)}
+.mono{font-family:var(--fM);font-weight:500;letter-spacing:.14em;text-transform:uppercase}
+
+/* ---------- legendas ---------- */
+.capL1{font:700 44px/1.15 var(--fS);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.55)}
+.capHL{display:inline-block;font:800 50px/1 var(--fS);text-transform:uppercase;color:#fff;padding:14px 22px 13px;border-radius:12px;
+  background:linear-gradient(90deg,var(--btnA),var(--btnB));box-shadow:0 0 30px rgba(var(--accRGB),.75),inset 0 0 0 2px rgba(var(--hiRGB),.35)}
+.capBig{font:800 70px/1.02 var(--fS);text-transform:uppercase;letter-spacing:-.01em;color:var(--lav);text-shadow:0 0 22px rgba(var(--accRGB),.6)}
+.capBig .w{color:var(--lavT)}
+.capAcc{font:800 64px/1.05 var(--fS);color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5)}
+
+/* ---------- pílulas ---------- */
+.pill{display:inline-flex;align-items:center;gap:14px;height:66px;padding:0 30px 0 12px;border-radius:999px;white-space:nowrap;
+  font:700 29px/1 var(--fS);color:#fff;background:linear-gradient(90deg,var(--btnA),var(--btnB));
+  border:1.5px solid rgba(var(--hiRGB),.65);box-shadow:0 0 26px rgba(var(--accRGB),.65)}
+.pill.up{font:800 26px/1 var(--fS);letter-spacing:.02em;text-transform:uppercase}
+.pill.dark{background:rgba(var(--panel2RGB),.88);border-color:rgba(var(--hiRGB),.38);box-shadow:0 0 18px rgba(var(--accRGB),.35)}
+.pill.strike .ptxt{text-decoration:line-through;text-decoration-thickness:3px;color:var(--lavT)}
+.pill.noicon{padding:0 30px}
+.pill .pico{width:44px;height:44px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
+  background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.35)}
+.pill.dark .pico{background:rgba(var(--accRGB),.25);border-color:rgba(var(--hiRGB),.5)}
+.pill .pico svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
+.pill.sm{height:52px;font-size:22px;padding:0 22px 0 9px;gap:10px}
+.pill.sm .pico{width:34px;height:34px}.pill.sm .pico svg{width:18px;height:18px}
+.sep{font:600 30px/1 var(--fS);color:var(--lav)}
+.chainLabel{font:700 20px/1 var(--fS);letter-spacing:.26em;color:#fff;text-transform:uppercase}
+
+/* ---------- cards de vidro ---------- */
+.gcard{border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
+  border:1.5px solid var(--cardB);box-shadow:0 18px 50px rgba(var(--shadowRGB),.45),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
+.gcard .thumb{position:absolute;left:12px;top:12px;right:12px;border-radius:14px;overflow:hidden;background:var(--thumb)}
+.gcard .thumb img,.gcard .thumb video{width:100%;height:100%;object-fit:cover;display:block}
+.gcard .lbl{position:absolute;left:24px;right:20px;bottom:22px;display:flex;align-items:center;gap:12px;
+  font:800 25px/1.12 var(--fS);text-transform:uppercase;color:#fff}
+.gcard .lbl svg{width:26px;height:26px;flex:none;stroke:var(--lav);fill:none;stroke-width:2}
+.badge{position:absolute;display:flex;gap:8px}
+.badge span{width:36px;height:36px;border-radius:8px;font:800 19px/36px var(--fS);text-align:center;color:#fff;background:var(--btnA)}
+.badge span+span{background:rgba(255,255,255,.18)}
+.card3d{position:absolute;border-radius:18px;overflow:hidden;border:1.5px solid rgba(var(--hiRGB),.45);
+  box-shadow:0 20px 60px rgba(var(--shadowRGB),.6),0 0 30px rgba(var(--accRGB),.25);background:var(--thumb)}
+.card3d img,.card3d video{width:100%;height:100%;object-fit:cover;display:block}
+.stamp{font:800 40px/1 var(--fD);font-stretch:125%;letter-spacing:.04em;color:#fff;text-transform:uppercase;padding:12px 20px;
+  border:3.5px solid #fff;border-radius:12px;background:rgba(var(--panel2RGB),.35);white-space:nowrap}
+.dashbox{border:2.5px dashed rgba(var(--hiRGB),.7);border-radius:26px;background:rgba(var(--accRGB),.06);
+  box-shadow:0 0 40px rgba(var(--accRGB),.25) inset;display:flex;align-items:center;justify-content:center}
+.dashbox b{font:900 52px/1 var(--fD);font-stretch:140%;color:#fff;text-transform:uppercase}
+.note{background:#fff7f0;color:var(--ink);font:800 26px/1.15 var(--fS);padding:14px 20px;border-radius:10px;
+  box-shadow:0 12px 30px rgba(0,0,0,.45);white-space:nowrap}
+.note::before{content:"✎ ";color:var(--btnA)}
+
+/* ---------- mockups de UI ---------- */
+.panel{border-radius:26px;background:linear-gradient(180deg,rgba(var(--panelRGB),.78),rgba(var(--panel2RGB),.82));
+  border:1.5px solid var(--cardB);box-shadow:0 24px 70px rgba(var(--shadowRGB),.55),inset 0 1px 0 rgba(255,255,255,.06)}
+.prompt{display:flex;align-items:flex-start;gap:18px;padding:24px 26px;border-radius:24px;min-height:96px;
+  background:rgba(var(--panel2RGB),.82);border:1.5px solid rgba(var(--hiRGB),.45);box-shadow:0 0 34px rgba(var(--accRGB),.45)}
+.prompt .ic{width:34px;height:34px;flex:none;margin-top:4px}
+.prompt .ic svg{width:34px;height:34px;stroke:var(--lav);fill:none;stroke-width:2}
+.prompt .tx{flex:1;font:700 31px/1.3 var(--fS);color:#fff;min-height:40px}
+.prompt .send{width:52px;height:52px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--btnA),var(--btnB));
+  box-shadow:0 0 22px rgba(var(--accRGB),.8);display:flex;align-items:center;justify-content:center}
+.prompt .send svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2.6}
+.caret{display:inline-block;width:3px;height:1.05em;background:#fff;vertical-align:-.15em;margin-left:2px}
+.dm .hd{display:flex;align-items:center;gap:16px;padding:28px 30px;border-bottom:1.5px solid rgba(var(--hiRGB),.18)}
+.dm .av{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--btnA),var(--lav));display:flex;align-items:center;justify-content:center}
+.dm .av svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2}
+.dm .nm{font:800 30px/1.1 var(--fS)} .dm .sb{font:600 21px/1.2 var(--fS);color:var(--muted)}
+.dm .bub{position:absolute;left:30px;top:150px;max-width:860px;padding:20px 26px;border-radius:20px;background:rgba(255,255,255,.1);
+  font:700 32px/1.3 var(--fS);color:#fff}
+.dots{display:flex;gap:9px;padding:22px 26px;border-radius:20px;background:rgba(255,255,255,.1)}
+.dots i{width:13px;height:13px;border-radius:50%;background:var(--lavT);display:block}
+.term{font:500 27px/1.55 var(--fM);color:var(--lavT)}
+.term .bar{display:flex;align-items:center;gap:10px;padding:20px 24px;border-bottom:1.5px solid rgba(var(--hiRGB),.16);font:500 21px/1 var(--fM);color:var(--muted)}
+.term .bar i{width:15px;height:15px;border-radius:50%;display:block}
+.term .ln{position:absolute;left:28px;white-space:pre}
+.term .ok{color:var(--lav)}
+.term .prog{position:absolute;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--btnA),var(--lav));box-shadow:var(--glow)}
+.ring svg{overflow:visible}
+.cta{display:flex;align-items:center;justify-content:center;gap:16px;height:104px;border-radius:999px;overflow:hidden;position:relative;
+  font:800 30px/1 var(--fS);letter-spacing:.01em;text-transform:uppercase;color:#fff;
+  background:linear-gradient(90deg,var(--btnA),var(--btnB));border:2px solid rgba(var(--hiRGB),.6);
+  box-shadow:0 0 40px rgba(var(--accRGB),.85),0 0 90px rgba(var(--accRGB),.45)}
+.cta .shine{position:absolute;top:-20px;bottom:-20px;width:160px;left:-200px;transform:skewX(-20deg);
+  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0))}
+.cursor{width:46px;height:56px}
+.chev{width:44px;height:30px;stroke:var(--lavT);fill:none;stroke-width:3.2}
+.tlbar{position:absolute;height:3px;background:rgba(var(--hiRGB),.35)}
+.tick{position:absolute;width:2px;height:12px;background:rgba(var(--hiRGB),.35)}
+.playhead{position:absolute;width:3px;background:#fff;box-shadow:0 0 12px var(--lav)}
+.seg{display:inline-block;width:64px;height:6px;border-radius:3px;margin-right:12px;background:rgba(var(--hiRGB),.25)}
+.seg.on{background:var(--lav2);box-shadow:var(--glow)}
+.price .rs{font:800 56px/1 var(--fS)} .price .num{font:900 200px/.82 var(--fD);font-stretch:118%;letter-spacing:-.04em}
+
+/* ---------- efeitos ---------- */
+.gbar{position:absolute;left:0;height:34px;mix-blend-mode:screen}
+.flash{position:absolute;inset:0;background:#efeaf8}
+.leak{position:absolute;top:-300px;width:900px;height:2600px;left:-900px;filter:blur(80px);
+  background:linear-gradient(90deg,rgba(var(--accRGB),0),rgba(var(--accRGB),.85) 45%,rgba(var(--hiRGB),.9) 55%,rgba(var(--accRGB),0))}
+.scan{position:absolute;left:0;width:1080px;height:4px;background:var(--lavT);box-shadow:0 0 18px 4px rgba(var(--accRGB),.9),0 0 60px 10px rgba(var(--accRGB),.45)}
+.hb{position:absolute;width:52px;height:52px;border-color:rgba(var(--hiRGB),.95);border-style:solid;border-width:0}
+.htag{position:absolute;font:600 17px/1 var(--fM);letter-spacing:.12em;color:#fff;background:rgba(var(--accRGB),.85);padding:6px 10px;border-radius:4px}
+.cam .rec{position:absolute;left:96px;top:66px;font:600 26px/1 var(--fM);letter-spacing:.1em;color:#fff;display:flex;align-items:center;gap:12px}
+.cam .rec i{width:16px;height:16px;border-radius:50%;background:var(--rec);display:block;box-shadow:0 0 10px var(--rec)}
+.cam .tc{position:absolute;right:96px;top:66px;font:500 26px/1 var(--fM);letter-spacing:.06em;color:#fff}
+.cam .lb{position:absolute;left:70px;bottom:118px;font:500 22px/1 var(--fM);letter-spacing:.32em;color:#fff}
+.cam .cb{position:absolute;width:64px;height:64px;border-color:rgba(255,255,255,.9);border-style:solid;border-width:0}
+.wipeLine{position:absolute;top:0;width:6px;height:1920px;margin-left:-3px;background:var(--lavT);
+  box-shadow:0 0 16px 4px rgba(var(--accRGB),.95),0 0 60px 12px rgba(var(--accRGB),.5)}
+.wallc{position:absolute;border-radius:16px;overflow:hidden;background:var(--thumb);border:1px solid rgba(var(--hiRGB),.25)}
+.wallc img,.wallc video{width:100%;height:100%;object-fit:cover;display:block}
diff --git a/.claude/skills/vsl/template/kit.js b/.claude/skills/vsl/template/kit.js
new file mode 100644
index 00000000..9b452007
--- /dev/null
+++ b/.claude/skills/vsl/template/kit.js
@@ -0,0 +1,1283 @@
+/* =====================================================================================================
+   VSL ROXO — biblioteca de motion (HyperFrames + GSAP). Todas as funções só AGENDAM tweens num timeline
+   pausado (seek-safe, determinístico). Uso no index:
+       const K = VSL.init({ tl, cfg: CFG, words: WORDS });
+       K.camcorder(0, 1.6); K.glitch(1.6); K.behindTitle(["NOVA","ERA"], K.at("nova era"));
+   Leia ../SKILL.md (gramática) e DESIGN.md (números) antes de inventar coisa nova.
+   ===================================================================================================== */
+(function () {
+  const W = 1080, H = 1920;
+  const $ = (s) => (typeof s === "string" ? document.querySelector(s) : s);
+  const mk = (parent, cls, html, style) => {
+    const e = document.createElement("div");
+    if (cls) e.className = cls;
+    if (html != null) e.innerHTML = html;
+    if (style) Object.assign(e.style, style);
+    $(parent).appendChild(e);
+    return e;
+  };
+  const px = (v) => (typeof v === "number" ? v + "px" : v);
+  const norm = (s) => s.toLowerCase().normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/[^a-z0-9%$ ]+/g, " ").trim();
+  const esc = (s) => String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;");
+
+  // ---------------------------------------------------------------- ícones (traço 2px, 24×24)
+  const ICONS = {
+    spark: '<path d="M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z"/>',
+    layers: '<path d="M12 3l9 5-9 5-9-5 9-5z"/><path d="M3 13l9 5 9-5"/>',
+    eye: '<path d="M2 12s3.6-6 10-6 10 6 10 6-3.6 6-10 6S2 12 2 12z"/><circle cx="12" cy="12" r="3"/>',
+    check: '<path d="M5 12.5l4.5 4.5L19 7.5"/>',
+    x: '<path d="M6 6l12 12M18 6L6 18"/>',
+    chat: '<path d="M4 5h16v11H9l-5 4z"/>',
+    image: '<rect x="3" y="4" width="18" height="16" rx="3"/><circle cx="9" cy="10" r="2"/><path d="M21 16l-5-5-9 9"/>',
+    scissors: '<circle cx="6" cy="7" r="3"/><circle cx="6" cy="17" r="3"/><path d="M8.5 8.5L20 19M8.5 15.5L20 5"/>',
+    play: '<circle cx="12" cy="12" r="9"/><path d="M10 8.5v7l6-3.5z"/>',
+    folder: '<path d="M3 6h7l2 2h9v11H3z"/>',
+    bolt: '<path d="M13 2L4 14h7l-1 8 9-12h-7z"/>',
+    user: '<circle cx="12" cy="8" r="4"/><path d="M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6"/>',
+    film: '<rect x="3" y="4" width="18" height="16" rx="2"/><path d="M7 4v16M17 4v16M3 9h4M3 15h4M17 9h4M17 15h4"/>',
+    wand: '<path d="M4 20L16 8M14 4v3M18 6h3M19 10l-2-2M10 3l1 2"/>',
+    code: '<path d="M8 7l-5 5 5 5M16 7l5 5-5 5"/>',
+    grid: '<rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/>',
+    arrowUp: '<path d="M12 19V5M5 12l7-7 7 7"/>',
+    arrowR: '<path d="M5 12h14M13 6l6 6-6 6"/>',
+    caption: '<rect x="3" y="5" width="18" height="14" rx="3"/><path d="M7 11h4M13 11h4M7 15h10"/>',
+    money: '<circle cx="12" cy="12" r="9"/><path d="M15 9c-.6-1-1.7-1.5-3-1.5-1.7 0-3 .9-3 2.2 0 3 6 1.6 6 4.6 0 1.3-1.3 2.2-3 2.2-1.4 0-2.6-.6-3.2-1.6M12 6v12"/>',
+    clock: '<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>',
+    megaphone: '<path d="M3 10v4h4l7 5V5L7 10z"/><path d="M18 9a4 4 0 010 6"/>',
+    cap: '<path d="M2 9l10-5 10 5-10 5z"/><path d="M6 11v5c3 2 9 2 12 0v-5"/>',
+    plus: '<path d="M12 5v14M5 12h14"/>',
+    download: '<path d="M12 4v11M7 10l5 5 5-5M5 20h14"/>',
+    send: '<path d="M4 12l16-8-6 16-3-7z"/>',
+  };
+  const icon = (name) => (name ? `<svg viewBox="0 0 24 24">${ICONS[name] || ICONS.spark}</svg>` : "");
+
+  // ---------------------------------------------------------------- SFX gerados por scripts/make-sfx.mjs
+  const SFX_DUR = { whoosh: 0.6, swoosh: 0.4, glitch: 0.35, boom: 1.2, pop: 0.12, click: 0.06, tick: 0.04,
+    type: 1.0, riser: 1.4, shimmer: 0.9, stamp: 0.35, ding: 0.8 };
+
+  function init({ tl, cfg = {}, words = [], face = null }) {
+    const C = Object.assign({
+      punch: 1.22, focus: "50% 32%", fullPos: "50% 28%", splitPos: "50% 30%", pipPos: "50% 24%", pipZoom: 1.55,
+      face: { x: 250, y: 330, w: 580, h: 700 }, head: { x: 540, y: 560 },
+      fullY: 0, capY: 1500, gradeFilter: "saturate(1.08) contrast(1.2) brightness(0.8)",
+      rawFilter: "saturate(0.2) contrast(0.8) brightness(1.12)", tint: 0.85, tint2: 0.55, sfx: true, sfxVol: 0.55, topY: 54,
+      dur: 60,
+      // zona segura do Reels: nada de texto/UI fora disto; coluna de ações do Instagram à direita embaixo
+      safe: { top: 220, bottom: 1520, left: 90, right: 990, colX: 940, colY: 1150 }, // = docs/SAFE-ZONES.md (reels)
+    }, cfg);
+    const K = { tl, cfg: C, mk, icon };
+    const set = (sel, vars, t) => tl.set(sel, vars, t);
+    const fromTo = (sel, a, b, t) => tl.fromTo(sel, a, Object.assign({ immediateRender: false }, b), t);
+    const show = (sel, t, d = 0.25, extra = {}) => fromTo(sel, { opacity: 0 }, Object.assign({ opacity: 1, duration: d, ease: "power2.out" }, extra), t);
+    K.show = show;
+    document.querySelectorAll(".lens").forEach((l) => (l.style.transformOrigin = C.focus));
+    K.set = set;
+    K.fromTo = fromTo;
+
+    // ------------------------------------------------------------ tempo das palavras (transcript)
+    const WN = words.map((w) => ({ n: norm(w.text), s: w.start, e: w.end })).filter((w) => w.n);
+    const find = (phrase, nth = 1, after = 0) => {
+      const p = norm(phrase).split(/\s+/);
+      let hit = 0;
+      for (let i = 0; i <= WN.length - p.length; i++) {
+        if (WN[i].s < after) continue;
+        let ok = true;
+        for (let j = 0; j < p.length; j++) if (WN[i + j].n.replace(/ /g, "") !== p[j]) { ok = false; break; }
+        if (ok && ++hit === nth) return WN.slice(i, i + p.length);
+      }
+      return null;
+    };
+    /** início (s) da frase falada. Lança erro se não achar — nunca chute tempo. */
+    K.at = (phrase, nth = 1, after = 0) => {
+      const r = find(phrase, nth, after);
+      if (!r) throw new Error(`VSL.at: frase não encontrada no transcript: "${phrase}" (#${nth})`);
+      return r[0].s;
+    };
+    K.end = (phrase, nth = 1, after = 0) => { const r = find(phrase, nth, after); if (!r) throw new Error(`VSL.end: "${phrase}"`); return r[r.length - 1].e; };
+    /** tempos de cada palavra da frase (para revelar palavra a palavra na fala). */
+    K.wt = (phrase, nth = 1, after = 0) => { const r = find(phrase, nth, after); return r ? r.map((w) => w.s) : null; };
+    K.has = (phrase) => !!find(phrase);
+
+    // ------------------------------------------------------------ SFX (áudio criado em runtime funciona no render)
+    let sfxN = 0;
+    const trackEnd = {};
+    K.sfx = (name, t, vol = 0.5) => {
+      if (!C.sfx || t == null || t < 0) return;
+      const d = SFX_DUR[name] || 0.5;
+      let tr = 40;
+      while ((trackEnd[tr] || -1) > t) tr++;
+      trackEnd[tr] = t + d + 0.01;
+      const a = document.createElement("audio");
+      a.id = "sfx" + ++sfxN;
+      a.src = `assets/sfx/${name}.wav`;
+      a.setAttribute("data-start", t.toFixed(3));
+      a.setAttribute("data-duration", d.toFixed(3));
+      a.setAttribute("data-track-index", String(tr));
+      a.setAttribute("data-volume", String(+(vol * C.sfxVol).toFixed(3)));
+      $("#vsl").appendChild(a);
+    };
+
+    // ------------------------------------------------------------ saída genérica
+    K.out = (sel, t, d = 0.25) => tl.to(sel, { opacity: 0, filter: "blur(10px)", duration: d, ease: "power2.in" }, t);
+    K.hide = (sel, t) => set(sel, { opacity: 0 }, t);
+
+    // ============================================================ LAYOUTS (câmeras)
+    const LAY = {
+      full:    { left: 0, top: 0, width: W, height: H, borderRadius: 0, lens: () => C.punch, ly: () => C.fullY, pos: () => C.fullPos, border: 0, corners: 0 },
+      wide:    { left: 0, top: 0, width: W, height: H, borderRadius: 0, lens: () => 1, pos: () => C.fullPos, border: 0, corners: 0 },
+      split:   { left: 52, top: 990, width: 976, height: 880, borderRadius: 22, lens: () => 1, pos: () => C.splitPos, border: 1, corners: 1 },
+      splitS:  { left: 210, top: 1160, width: 660, height: 600, borderRadius: 22, lens: () => 1, pos: () => C.splitPos, border: 1, corners: 1 },
+      // PIP dentro da zona segura (nunca no canto inferior direito: ali ficam os botões do Reels)
+      pip:     { left: 90, top: 1240, width: 270, height: 270, borderRadius: 135, lens: () => C.pipZoom, pos: () => C.pipPos, border: 1, corners: 0 },
+      pipTop:  { left: 720, top: 400, width: 270, height: 270, borderRadius: 135, lens: () => C.pipZoom, pos: () => C.pipPos, border: 1, corners: 0 },
+      card916: { left: 262, top: 300, width: 556, height: 988, borderRadius: 22, lens: () => 1, pos: () => C.fullPos, border: 1, corners: 1 },
+      card11:  { left: 190, top: 470, width: 700, height: 700, borderRadius: 22, lens: () => 1, pos: () => C.splitPos, border: 1, corners: 1 },
+      card169: { left: 52, top: 560, width: 976, height: 549, borderRadius: 22, lens: () => 1, pos: () => C.splitPos, border: 1, corners: 1 },
+      hidden:  { left: 540, top: 960, width: 0, height: 0, borderRadius: 22, lens: () => 1, pos: () => C.splitPos, border: 0, corners: 0 },
+    };
+    K.LAY = LAY;
+    const oy = (parseFloat(String(C.focus).split(" ")[1]) || 32) / 100;
+    /** deslocamento vertical seguro: nunca deixa aparecer borda preta embaixo/em cima com essa escala */
+    const safeY = (s, y = C.fullY) => Math.max(-(s - 1) * H * (1 - oy), Math.min((s - 1) * H * oy, y));
+    K.safeY = safeY;
+    K.current = "full";
+    /** troca de câmera animada. name: full|wide|split|splitS|pip|pipL|card916|card11|card169|hidden ou objeto geometria. */
+    K.layout = (name, t, d = 0.45, opt = {}) => {
+      const g = typeof name === "string" ? LAY[name] : name;
+      const ease = opt.ease || "power3.inOut";
+      const lens = opt.lens != null ? opt.lens : g.lens();
+      const ly = g.ly ? safeY(lens, g.ly()) : 0;
+      const geo = { left: g.left, top: g.top, width: g.width, height: g.height, borderRadius: g.borderRadius };
+      if (d <= 0) {
+        set("#frame", geo, t); set(".lens", { scale: lens, y: ly }, t); set(".lens video", { objectPosition: g.pos() }, t);
+        set("#frame .fborder", { opacity: g.border }, t); set("#frame .fcorner", { opacity: g.corners }, t);
+      } else {
+        tl.to("#frame", Object.assign({ duration: d, ease }, geo), t);
+        tl.to(".lens", { scale: lens, y: ly, duration: d, ease }, t);
+        tl.to(".lens video", { objectPosition: g.pos(), duration: d, ease }, t);
+        tl.to("#frame .fborder", { opacity: g.border, duration: d * 0.5 }, g.border ? t : t + d * 0.5);
+        tl.to("#frame .fcorner", { opacity: g.corners, duration: d * 0.5 }, g.corners ? t + d * 0.5 : t);
+        if (opt.sfx !== false) K.sfx("swoosh", t, 0.22);
+      }
+      tl.to("#behind", { opacity: name === "full" || name === "wide" || opt.behind ? 1 : 0, duration: 0.2 }, t);
+      K.current = typeof name === "string" ? name : "custom";
+      return t + d;
+    };
+    /** punch-in/out do enquadramento. d=0 → corte seco (entre frases). */
+    K.punch = (t, scale = C.punch, d = 0, ease = "power2.inOut") =>
+      d ? tl.to(".lens", { scale, y: safeY(scale), duration: d, ease }, t) : set(".lens", { scale, y: safeY(scale) }, t);
+    /** zoom lento contínuo (respiração) — usar em trechos FULL longos. */
+    K.drift = (t, d, to = 0.04) => tl.to(".lens", { scale: "+=" + to, duration: d, ease: "none" }, t);
+    /** moldura fina lavanda em tela cheia */
+    K.inset = (t0, t1) => { show("#inset", t0, 0.3); if (t1) tl.to("#inset", { opacity: 0, duration: 0.25 }, t1); };
+
+    // ============================================================ GRADE
+    K.grade = (kind, t, d = 0) => {
+      const raw = kind === "raw";
+      const v = { filter: raw ? C.rawFilter : C.gradeFilter };
+      const a = { opacity: raw ? 0 : C.tint }, b = { opacity: raw ? 0 : C.tint2 };
+      if (d) { tl.to(".lens video", Object.assign({ duration: d }, v), t); tl.to("#tint", Object.assign({ duration: d }, a), t); tl.to("#tint2", Object.assign({ duration: d }, b), t); }
+      else { set(".lens video", v, t); set("#tint", a, t); set("#tint2", b, t); }
+    };
+
+    // ============================================================ TRANSIÇÕES / EFEITOS
+    /** gancho "bruto": HUD de filmadora + grade dessaturada até t1 */
+    K.camcorder = (t0, t1, opt = {}) => {
+      const label = opt.label || "BRUTO · SEM EDIÇÃO";
+      const c = mk("#fx", "cam k", null, null); c.style.inset = "0"; c.innerHTML = ( `<div class="rec"><i></i>REC</div><div class="tc">00:00:00:00</div><div class="lb">${esc(label)}</div>`);
+      [["tl", { left: "70px", top: C.safe.top + "px", borderLeftWidth: "3px", borderTopWidth: "3px" }], ["tr", { right: "70px", top: C.safe.top + "px", borderRightWidth: "3px", borderTopWidth: "3px" }],
+       ["bl", { left: "70px", top: C.safe.bottom - 64 + "px", borderLeftWidth: "3px", borderBottomWidth: "3px" }], ["br", { right: "130px", top: C.safe.bottom - 64 + "px", borderRightWidth: "3px", borderBottomWidth: "3px" }]]
+        .forEach(([k, s]) => mk(c, "cb " + k, "", s));
+      K.grade("raw", t0);
+      set(c, { opacity: 1 }, t0);
+      tl.to(c, { opacity: 0, duration: 0.08 }, t1);
+      const tc = c.querySelector(".tc"), dot = c.querySelector(".rec i");
+      Object.assign(c.querySelector(".rec").style, { left: "100px", top: C.safe.top + 26 + "px" });
+      Object.assign(tc.style, { right: "100px", top: C.safe.top + 26 + "px" });
+      Object.assign(c.querySelector(".lb").style, { left: "100px", bottom: "auto", top: C.safe.bottom - 90 + "px" });
+      const p = { f: 0 };
+      tl.fromTo(p, { f: 0 }, { f: (t1 - t0) * 30, duration: t1 - t0, ease: "none", immediateRender: false,
+        onUpdate() { const f = Math.floor(p.f), s = Math.floor(f / 30), ff = f % 30; tc.textContent = `00:00:${String(s).padStart(2, "0")}:${String(ff).padStart(2, "0")}`; } }, t0);
+      const n = Math.max(1, Math.floor((t1 - t0) / 0.5));
+      for (let i = 0; i < n; i++) set(dot, { opacity: i % 2 ? 1 : 0.15 }, t0 + i * 0.5 + 0.5);
+      return c;
+    };
+    /** glitch de barras (ciano/roxo) + troca de grade bruto→final + boom */
+    K.glitch = (t, opt = {}) => {
+      const ys = opt.ys || [367, 735, 1029, 1397, 1686];
+      const g = mk("#fx", "k", "", { inset: "0" });
+      const bars = ys.map((y, i) => mk(g, "gbar", "", { top: y + "px", width: (900 + ((i * 97) % 180)) + "px",
+        background: i % 2 ? "rgba(var(--accRGB),.85)" : "rgba(var(--cyanRGB),.8)" }));
+      set(g, { opacity: 1 }, t);
+      const xs = [[-80, 60, -30], [40, -70, 20], [-20, 30, -60], [70, -40, 50], [-50, 80, -10]];
+      bars.forEach((b, i) => { xs[i % 5].forEach((x, k) => set(b, { x, scaleY: k === 1 ? 0.6 : 1 }, t + k * 0.034)); });
+      set("#frame", { x: 14 }, t + 0.034); set("#frame", { x: -10 }, t + 0.067); set("#frame", { x: 0 }, t + 0.1);
+      set(g, { opacity: 0 }, t + (opt.d || 0.2));
+      if (opt.grade !== false) K.grade("final", t + 0.1);
+      K.sfx("glitch", t, 0.5); K.sfx("boom", t + 0.12, 0.7);
+    };
+    /** flash (cinza claro por padrão, como 2:31 / 2:48) */
+    K.flash = (t, opt = {}) => {
+      const f = mk("#fx", "flash k", "", { background: opt.color || "#e9e4f5" });
+      tl.fromTo(f, { opacity: 0 }, { opacity: opt.peak || 0.8, duration: 0.06, immediateRender: false }, t);
+      tl.to(f, { opacity: 0, duration: opt.d || 0.3, ease: "power2.out" }, t + 0.06);
+      if (opt.sfx !== false) K.sfx("whoosh", t - 0.15, 0.35);
+    };
+    /** light leak roxo atravessando da esquerda */
+    K.leak = (t, d = 0.6) => {
+      const l = mk("#fx", "leak", "", { mixBlendMode: "screen", opacity: 0 });
+      tl.fromTo(l, { x: 0, opacity: 0 }, { x: 2100, opacity: 1, duration: d, ease: "power2.inOut", immediateRender: false }, t);
+      tl.to(l, { opacity: 0, duration: 0.15 }, t + d - 0.15);
+      K.sfx("whoosh", t, 0.3);
+    };
+
+    // ============================================================ TEXTO ATRÁS DA CABEÇA (precisa do matte)
+    const splitChars = (el, text) => { el.innerHTML = [...text].map((c) => `<span class="ch">${c === " " ? " " : esc(c)}</span>`).join(""); return el.querySelectorAll(".ch"); };
+    /** título display largo atrás da cabeça. lines: ["NOVA","ERA"] */
+    K.behindTitle = (lines, t, opt = {}) => {
+      const size = opt.size || 200, top = opt.top != null ? opt.top : 96;
+      const g = mk("#behind", "k center-x", "", { top: top + "px" });
+      const chars = [];
+      lines.forEach((ln, i) => {
+        const d = mk(g, "disp" + (opt.glow === false ? "" : " glow") + (opt.outline && opt.outline.includes(i) ? " outline" : ""), "", { fontSize: (opt.sizes ? opt.sizes[i] : size) + "px" });
+        chars.push(...splitChars(d, ln));
+      });
+      set(g, { opacity: 1 }, t);
+      fromTo(chars, { opacity: 0, filter: "blur(18px)", x: -36 }, { opacity: 1, filter: "blur(0px)", x: 0, duration: 0.5, ease: "power3.out", stagger: opt.stagger || 0.045 }, t);
+      if (opt.sfx !== false) K.sfx("whoosh", t - 0.1, 0.3);
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** marquee cinético atrás da cabeça. rows: [{text, kind:'solid'|'outline'|'accent'|'outline2', size, y, dir}] */
+    K.marquee = (rows, t, dur, opt = {}) => {
+      const def = [{ kind: "solid", size: 92, y: 140 }, { kind: "outline", size: 186, y: 330 }, { kind: "accent", size: 150, y: 590 }, { kind: "outline2", size: 112, y: 860 }];
+      const g = mk("#behind", "k", "", { inset: "0" });
+      g.dataset.safe = "ignore"; // letreiro corre para fora do quadro de propósito
+      set(g, { opacity: 1 }, t);
+      rows.forEach((r, i) => {
+        const d0 = def[i % 4], kind = r.kind || d0.kind, size = r.size || d0.size, y = r.y != null ? r.y : d0.y;
+        const txt = (r.text + "   ").repeat(6);
+        const cls = kind === "accent" ? "" : "disp" + (kind.startsWith("outline") ? " outline" : "");
+        const st = { top: y + "px", left: "0px", whiteSpace: "nowrap", fontSize: size + "px" };
+        if (kind === "accent") Object.assign(st, { font: `800 ${size}px/1 var(--fS)`, color: "var(--acc2)", textShadow: "0 0 30px rgba(var(--accRGB),.6)", textTransform: "lowercase" });
+        if (kind === "outline2") st.webkitTextStroke = "2.5px rgba(255,255,255,.85)";
+        const row = mk(g, cls, esc(txt), st);
+        const dir = r.dir || (i % 2 ? 1 : -1), speed = r.speed || 150 + i * 25;
+        const x0 = dir < 0 ? -40 : -1400;
+        tl.fromTo(row, { x: x0 }, { x: x0 + dir * speed * dur, duration: dur, ease: "none", immediateRender: false }, t);
+        fromTo(row, { opacity: 0, filter: "blur(16px)" }, { opacity: 1, filter: "blur(0px)", duration: 0.45, ease: "power2.out" }, t + i * 0.12);
+      });
+      K.out(g, t + dur - 0.25);
+      K.sfx("whoosh", t - 0.1, 0.3);
+      return g;
+    };
+    /** cards 3D orbitando atrás da cabeça (2:22 da referência). imgs: urls */
+    K.orbit = (imgs, t0, t1, opt = {}) => {
+      const cx = opt.cx || C.head.x, cy = opt.cy || C.head.y - 40, rx = opt.rx || 470, ry = opt.ry || 40;
+      const g = mk("#behind", "k", "", { inset: "0", perspective: "1600px" });
+      const cards = imgs.map((src) => mk(g, "card3d", src ? `<img src="${src}">` : "", { width: "170px", height: "300px", left: "0", top: "0" }));
+      const n = cards.length, p = { a: 0 };
+      const place = () => cards.forEach((c, i) => {
+        const a = p.a + (i / n) * Math.PI * 2, z = Math.cos(a), x = cx + rx * Math.sin(a) - 85, y = cy + ry * z - 150;
+        c.style.transform = `translate(${x.toFixed(1)}px,${y.toFixed(1)}px) rotateY(${(-Math.sin(a) * 38).toFixed(1)}deg) scale(${(0.78 + 0.22 * z).toFixed(3)})`;
+        c.style.opacity = (z > -0.55 ? 1 : Math.max(0, (z + 0.85) / 0.3)).toFixed(3);
+        c.style.zIndex = String(Math.round(z * 100) + 100);
+      });
+      tl.fromTo(p, { a: opt.a0 || 0.3 }, { a: (opt.a0 || 0.3) + (opt.turns || 0.35) * Math.PI * 2, duration: t1 - t0, ease: "none", immediateRender: false, onUpdate: place }, t0);
+      show(g, t0, 0.35); K.out(g, t1 - 0.25);
+      K.sfx("whoosh", t0 - 0.1, 0.3);
+      return g;
+    };
+
+    // ============================================================ LETTERING EMPILHADO (0:10 da referência)
+    /** lines: [{text, t, style:'blur'|'letters'|'image'|'glow', img}] — uma linha por palavra falada */
+    K.stack = (lines, opt = {}) => {
+      const size = opt.size || 92, gap = opt.gap || 112, top = opt.top || 1170;
+      const g = mk("#ui", "k center-x", "", { top: top + "px" });
+      set(g, { opacity: 1 }, lines[0].t);
+      lines.forEach((L, i) => {
+        const d = mk(g, "", "", { position: "absolute", left: "0", width: W + "px", top: i * gap + "px", font: `800 ${size}px/1 var(--fS)`, textTransform: "uppercase", letterSpacing: "-.01em", color: "#fff", textShadow: "0 3px 24px rgba(0,0,0,.45)" });
+        const st = L.style || (i === 0 ? "blur" : "letters");
+        if (st === "image") {
+          d.textContent = L.text;
+          Object.assign(d.style, { color: "transparent", textShadow: "none", WebkitBackgroundClip: "text", backgroundClip: "text", filter: "drop-shadow(0 0 14px rgba(var(--accRGB),.55))",
+            backgroundImage: L.img ? `url(${L.img})` : "radial-gradient(circle at 20% 30%,#fff 0 6%,transparent 7%),radial-gradient(circle at 70% 60%,var(--lavT) 0 5%,transparent 6%),repeating-linear-gradient(115deg,var(--deep) 0 14px,var(--acc2) 14px 26px,var(--lavT) 26px 32px,var(--deep) 32px 44px)",
+            backgroundSize: "cover", backgroundPosition: "center" });
+          fromTo(d, { opacity: 0, filter: "blur(14px)", scale: 0.92 }, { opacity: 1, filter: "blur(0px) drop-shadow(0 0 14px rgba(var(--accRGB),.55))", scale: 1, duration: 0.4, ease: "power3.out" }, L.t);
+        } else if (st === "glow") {
+          d.textContent = L.text;
+          Object.assign(d.style, { textShadow: "0 0 22px rgba(var(--accRGB),.95),0 0 60px rgba(var(--accRGB),.6)" });
+          fromTo(d, { opacity: 0, filter: "blur(14px)", scale: 1.12 }, { opacity: 1, filter: "blur(0px)", scale: 1, duration: 0.4, ease: "power3.out" }, L.t);
+        } else if (st === "letters") {
+          const ch = splitChars(d, L.text);
+          fromTo(ch, { opacity: 0, y: 26, color: "var(--lav)", filter: "blur(6px)" }, { opacity: 1, y: 0, color: "#ffffff", filter: "blur(0px)", duration: 0.35, ease: "power3.out", stagger: 0.035 }, L.t);
+        } else {
+          d.textContent = L.text;
+          fromTo(d, { opacity: 0, filter: "blur(16px)" }, { opacity: 1, filter: "blur(0px)", duration: 0.35, ease: "power2.out" }, L.t);
+        }
+        K.sfx("pop", L.t, 0.25);
+      });
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+
+    // ============================================================ LEGENDAS DE DESTAQUE (não é legenda contínua!)
+    const revealWords = (els, t, phrase) => {
+      const times = phrase ? K.wt(phrase) : null;
+      els.forEach((e, i) => {
+        const ti = times && times[i] != null ? times[i] : t + i * 0.12;
+        fromTo(e, { opacity: 0, filter: "blur(8px)", y: 10 }, { opacity: 1, filter: "blur(0px)", y: 0, duration: 0.22, ease: "power2.out" }, ti);
+      });
+      return times ? times[times.length - 1] : t + els.length * 0.12;
+    };
+    const wordsHTML = (text, accIdx = []) => text.split(/\s+/).map((w, i) => `<span class="w${accIdx.includes(i) ? " acc" : ""}">${esc(w)}</span>`).join(" ");
+    /**
+     * cap({l1:'construído com a ajuda da', hl:'INTELIGÊNCIA ARTIFICIAL'}, t)   → linha + caixa roxa
+     * cap({l1:'uma edição que', big:'PRENDE O OLHAR'}, t)                     → linha + linha grande lavanda
+     * cap({acc:'no seu ritmo', accWords:[2]}, t)                              → linha única, palavra(s) lavanda
+     * Se a frase existir no transcript, cada palavra entra no tempo em que é falada.
+     */
+    K.cap = (spec, t, opt = {}) => {
+      const y = opt.y || C.capY;
+      const g = mk("#cap", "k center-x", "", { top: y + "px" });
+      set(g, { opacity: 1 }, t);
+      let tEnd = t;
+      if (spec.l1) {
+        const l = mk(g, "capL1", wordsHTML(spec.l1));
+        tEnd = revealWords(l.querySelectorAll(".w"), t, K.has(spec.l1) ? spec.l1 : null);
+      }
+      if (spec.hl) {
+        const wrap = mk(g, "", `<span class="capHL"><span class="hlt">${esc(spec.hl)}</span></span>`, { marginTop: "14px" });
+        const box = wrap.querySelector(".capHL"), txt = wrap.querySelector(".hlt");
+        const th = K.has(spec.hl) ? K.at(spec.hl) : tEnd + 0.15;
+        fromTo(box, { scaleX: 0, transformOrigin: "0% 50%", opacity: 1 }, { scaleX: 1, duration: 0.3, ease: "power3.out" }, th);
+        fromTo(txt, { opacity: 0 }, { opacity: 1, duration: 0.2 }, th + 0.12);
+        set(box, { opacity: 1 }, th);
+        K.sfx("pop", th, 0.3);
+      }
+      if (spec.big) {
+        const b = mk(g, "capBig", wordsHTML(spec.big), { marginTop: "4px" });
+        revealWords(b.querySelectorAll(".w"), K.has(spec.big) ? K.at(spec.big) : tEnd + 0.12, K.has(spec.big) ? spec.big : null);
+      }
+      if (spec.acc) {
+        const a = mk(g, "capAcc", wordsHTML(spec.acc, spec.accWords || [spec.acc.split(/\s+/).length - 1]));
+        revealWords(a.querySelectorAll(".w"), t, K.has(spec.acc) ? spec.acc : null);
+      }
+      if (opt.until) K.out(g, opt.until, 0.2);
+      return g;
+    };
+
+    // ============================================================ HUD DE ROSTO
+    K.faceHud = (t, opt = {}) => {
+      const b = opt.box || C.face, arm = opt.arm || 52;
+      const g = mk("#fx", "k", "", { inset: "0" });
+      const corners = [[b.x, b.y, "Left", "Top"], [b.x + b.w - arm, b.y, "Right", "Top"], [b.x, b.y + b.h - arm, "Left", "Bottom"], [b.x + b.w - arm, b.y + b.h - arm, "Right", "Bottom"]]
+        .map(([x, y, h, v]) => mk(g, "hb", "", { left: x + "px", top: y + "px", width: arm + "px", height: arm + "px", ["border" + h + "Width"]: "3px", ["border" + v + "Width"]: "3px" }));
+      set(g, { opacity: 1 }, t);
+      fromTo(corners, { opacity: 0, scale: 1.35 }, { opacity: 1, scale: 1, duration: 0.3, ease: "back.out(1.6)", stagger: 0.03 }, t + 0.05);
+      if (opt.label !== false) {
+        const tag = mk(g, "htag", esc(opt.label || "APRESENTADOR"), { left: b.x + "px", top: b.y - 40 + "px" });
+        fromTo(tag, { opacity: 0, x: -10 }, { opacity: 1, x: 0, duration: 0.25 }, t + 0.15);
+      }
+      if (opt.scan !== false) {
+        const s = mk(g, "scan", "", { top: "0px" });
+        tl.fromTo(s, { y: 0, opacity: 1 }, { y: H, duration: opt.scanD || 1.0, ease: "none", immediateRender: false }, t);
+        set(s, { opacity: 0 }, t + (opt.scanD || 1.0));
+        K.sfx("riser", t - 0.1, 0.18);
+      }
+      if (opt.until) K.out(g, opt.until, 0.2);
+      return g;
+    };
+
+    // ============================================================ PÍLULAS
+    /** pill('A capacidade da IA', t, {y:900, icon:'spark', kind:'solid'|'dark'|'strike', up:true, sm:true, x:'c'|left}) */
+    K.pill = (text, t, opt = {}) => {
+      const y = opt.y != null ? opt.y : C.capY;
+      K.occupy(t, opt.until || t + 3, y);
+      const holder = opt.x == null || opt.x === "c" ? mk(opt.parent || "#ui", "k center-x", "", { top: y + "px" }) : mk(opt.parent || "#ui", "k", "", { left: opt.x + "px", top: y + "px" });
+      const ic = opt.icon === false ? "" : opt.kind === "strike" ? icon("x") : icon(opt.icon || "spark");
+      const p = mk(holder, `pill${opt.kind ? " " + opt.kind : ""}${opt.up ? " up" : ""}${opt.sm ? " sm" : ""}${ic ? "" : " noicon"}`, `${ic ? `<span class="pico">${ic}</span>` : ""}<span class="ptxt">${esc(text)}</span>`);
+      set(holder, { opacity: 1 }, t);
+      fromTo(p, { opacity: 0, scale: 0.8, filter: "blur(8px)" }, { opacity: 1, scale: 1, filter: "blur(0px)", duration: 0.32, ease: "back.out(1.5)" }, t);
+      if (opt.sfx !== false) K.sfx("pop", t, 0.3);
+      if (opt.until) K.out(holder, opt.until);
+      return holder;
+    };
+    /** corrente de pílulas: items [{text, t, icon, kind}] separadas por '+' ou '↓', com rótulo opcional acima */
+    K.chain = (items, opt = {}) => {
+      const y0 = opt.y || 1240, gap = opt.gap || (opt.sep === "↓" ? 98 : 104), sep = opt.sep || "+";
+      const out = [];
+      if (opt.label) { const l = mk("#ui", "k center-x chainLabel", esc(opt.label), { top: y0 - 46 + "px" }); show(l, opt.labelT != null ? opt.labelT : items[0].t - 0.2, 0.3); out.push(l); }
+      items.forEach((it, i) => {
+        out.push(K.pill(it.text, it.t, { y: y0 + i * gap, icon: it.icon, kind: it.kind, up: opt.up, sm: opt.sm }));
+        if (i < items.length - 1) { const s = mk("#ui", "k center-x sep", sep, { top: y0 + i * gap + (opt.sm ? 58 : 70) + "px", fontSize: (sep === "↓" ? 26 : 30) + "px" }); show(s, items[i + 1].t - 0.1, 0.2); out.push(s); }
+      });
+      if (opt.until) out.forEach((e) => K.out(e, opt.until));
+      return out;
+    };
+
+    // ============================================================ TÍTULOS
+    /** título de seção (SPLIT): kicker + título palavra a palavra, palavras-acento lavanda */
+    K.section = (spec, t, opt = {}) => {
+      const x = opt.x || 90, y = opt.y || C.topY;
+      const g = mk("#ui", "k", "", { left: x + "px", top: y + "px", width: W - 2 * x + "px" });
+      if (spec.kicker) mk(g, "kicker", esc(spec.kicker), { marginBottom: "14px" });
+      const words = spec.title.split(/\s+/), acc = spec.acc || [words.length - 1];
+      const tt = mk(g, "title", wordsHTML(spec.title, acc), { fontSize: (opt.size || 56) + "px" });
+      set(g, { opacity: 1 }, t);
+      if (spec.kicker) fromTo(g.firstChild, { opacity: 0, y: 8 }, { opacity: 1, y: 0, duration: 0.3 }, t);
+      revealWords(tt.querySelectorAll(".w"), t + 0.08, opt.spoken && K.has(spec.title) ? spec.title : null);
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** título central no topo com ícone em quadrado roxo + sublinhado (FULL, 0:38) */
+    K.topTitle = (spec, t, opt = {}) => {
+      const y = opt.y || C.topY;
+      const g = mk("#ui", "k center-x", "", { top: y + "px" });
+      if (spec.kicker) mk(g, "kicker", esc(spec.kicker), { color: "var(--lavT)", fontSize: "19px", marginBottom: "14px" });
+      const row = mk(g, "", `${spec.icon ? `<span class="tib">${icon(spec.icon)}</span>` : ""}<span>${esc(spec.text)}</span>`,
+        { display: "inline-flex", alignItems: "center", gap: "18px", font: `800 ${opt.size || 74}px/1 var(--fS)`, color: "#fff", textShadow: "0 0 24px rgba(var(--accRGB),.6)" });
+      const tib = row.querySelector(".tib");
+      if (tib) Object.assign(tib.style, { width: "64px", height: "64px", borderRadius: "14px", background: "linear-gradient(135deg,var(--btnA),var(--btnB))", display: "inline-flex", alignItems: "center", justifyContent: "center", boxShadow: "0 0 24px rgba(var(--accRGB),.8)" });
+      if (tib) Object.assign(tib.querySelector("svg").style, { width: "34px", height: "34px", stroke: "#fff", fill: "none", strokeWidth: "2.2" });
+      const ul = mk(g, "", "", { width: "340px", height: "3px", margin: "18px auto 0", background: "linear-gradient(90deg,transparent,var(--lav),transparent)" });
+      set(g, { opacity: 1 }, t);
+      if (spec.kicker) fromTo(g.firstChild, { opacity: 0 }, { opacity: 1, duration: 0.3 }, t);
+      fromTo(row, { opacity: 0, filter: "blur(14px)", scale: 0.94 }, { opacity: 1, filter: "blur(0px)", scale: 1, duration: 0.4, ease: "power3.out" }, t + 0.1);
+      fromTo(ul, { scaleX: 0 }, { scaleX: 1, duration: 0.5, ease: "power3.out" }, t + 0.3);
+      K.sfx("whoosh", t, 0.25);
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** kicker solto centralizado no topo ("UM PONTO MUITO IMPORTANTE") */
+    K.kickerTop = (text, t, opt = {}) => {
+      const g = mk("#ui", "k center-x kicker", esc(text), { top: (opt.y || C.topY + 12) + "px", color: "var(--lavT)", fontSize: (opt.size || 19) + "px" });
+      fromTo(g, { opacity: 0, letterSpacing: ".4em" }, { opacity: 1, letterSpacing: ".24em", duration: 0.5, ease: "power2.out" }, t);
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** categoria grande com ponto lavanda + barra segmentada (1:30). Chame várias vezes trocando i. */
+    K.category = (text, t, opt = {}) => {
+      const y = opt.y || 90, n = opt.n || 5, i = opt.i || 0;
+      const g = mk("#ui", "k", "", { left: "90px", top: y + "px" });
+      if (opt.kicker) mk(g, "kicker", esc(opt.kicker), { fontSize: "17px", marginBottom: "12px" });
+      mk(g, "", `${esc(text)}<span style="color:var(--lav2)">.</span>`, { font: "800 60px/1 var(--fS)", textTransform: "uppercase" });
+      mk(g, "", Array.from({ length: n }, (_, k) => `<span class="seg${k <= i ? " on" : ""}"></span>`).join(""), { marginTop: "18px" });
+      fromTo(g, { opacity: 0, y: 14, filter: "blur(8px)" }, { opacity: 1, y: 0, filter: "blur(0px)", duration: 0.3, ease: "power2.out" }, t);
+      if (opt.until) set(g, { opacity: 0 }, opt.until);
+      K.sfx("tick", t, 0.3);
+      return g;
+    };
+
+    // ============================================================ CARDS
+    /** grade 2×2 de cards de vidro (SPLIT). items: [{img, label, icon, badge:['A','B'], t}] */
+    K.grid = (items, opt = {}) => {
+      const top = opt.top || 207, cw = opt.w || 467, ch = opt.h || 368, gx = opt.gx || 42, gy = opt.gy || 25, cols = opt.cols || 2;
+      const left0 = (W - (cols * cw + (cols - 1) * gx)) / 2;
+      return items.map((it, i) => {
+        const c = i % cols, r = Math.floor(i / cols);
+        const e = mk("#ui", "k gcard", `<div class="thumb" style="height:${ch - 110}px">${it.img ? `<img src="${it.img}">` : ""}</div><div class="lbl">${icon(it.icon || "spark")}<span>${esc(it.label || "")}</span></div>`,
+          { left: left0 + c * (cw + gx) + "px", top: top + r * (ch + gy) + "px", width: cw + "px", height: ch + "px" });
+        if (it.badge) mk(e, "badge", it.badge.map((b) => `<span>${esc(b)}</span>`).join(""), { left: "26px", top: "26px" });
+        fromTo(e, { opacity: 0, y: 26, scale: 0.96 }, { opacity: 1, y: 0, scale: 1, duration: 0.35, ease: "power2.out" }, it.t);
+        K.sfx("pop", it.t, 0.25);
+        if (opt.until) K.out(e, opt.until);
+        return e;
+      });
+    };
+    /** fileira de cards 9:16 em perspectiva entrando em leque (0:03) */
+    K.row3d = (imgs, t, opt = {}) => {
+      const top = opt.top || 300, w = opt.w || 236, h = opt.h || 420;
+      const g = mk("#ui", "k", "", { inset: "0", perspective: "1400px" });
+      const n = imgs.length, span = W - 60, step = (span - w) / Math.max(1, n - 1);
+      const cards = imgs.map((src, i) => mk(g, "card3d", src ? `<img src="${src}">` : "", { left: 30 + i * step + "px", top: top + "px", width: w + "px", height: h + "px", transformOrigin: "50% 50%" }));
+      set(g, { opacity: 1 }, t);
+      cards.forEach((c, i) => {
+        const ry = (i - (n - 1) / 2) * -9 + 16;
+        fromTo(c, { opacity: 0, x: -260, y: -140, rotationY: 55, z: -300 }, { opacity: 1, x: 0, y: 0, rotationY: ry, z: 0, duration: 0.55, ease: "power3.out" }, t + i * 0.07);
+        if (opt.drift !== false) tl.to(c, { x: "-=26", duration: (opt.until || t + 4) - t, ease: "none" }, t + 0.6);
+      });
+      K.sfx("whoosh", t, 0.3);
+      if (opt.until) { tl.to(cards, { y: -260, scale: 0.6, opacity: 0, duration: 0.5, ease: "power3.in", stagger: 0.03 }, opt.until); }
+      return g;
+    };
+    /** leque de cards (0:35) */
+    K.fan = (imgs, t, opt = {}) => {
+      const top = opt.top || 300, w = opt.w || 250, h = opt.h || 400;
+      const g = mk("#ui", "k", "", { inset: "0" });
+      const n = imgs.length;
+      const cards = imgs.map((src, i) => mk(g, "card3d", src ? `<img src="${src}">` : "", { left: 540 - w / 2 + "px", top: top + "px", width: w + "px", height: h + "px", transformOrigin: "50% 120%" }));
+      set(g, { opacity: 1 }, t);
+      cards.forEach((c, i) => {
+        const k = i - (n - 1) / 2;
+        fromTo(c, { opacity: 0, rotation: 0, x: 0, y: 40 }, { opacity: 1, rotation: k * 9, x: k * 205, y: Math.abs(k) * 30, duration: 0.5, ease: "power3.out" }, t + i * 0.06);
+      });
+      K.sfx("whoosh", t, 0.28);
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** carimbo "APROVADO ✓" que bate sobre um card */
+    K.stamp = (text, t, opt = {}) => {
+      K.occupy(t, opt.until || t + 2, opt.y || 200);
+      const e = mk(opt.parent || "#ui", "k stamp", esc(text), { left: (opt.x || 620) + "px", top: (opt.y || 200) + "px" });
+      fromTo(e, { opacity: 0, scale: 1.45, rotation: (opt.rot || -8) - 4 }, { opacity: 1, scale: 1, rotation: opt.rot || -8, duration: 0.16, ease: "power4.in" }, t);
+      tl.to(e, { x: 4, duration: 0.04, yoyo: true, repeat: 3 }, t + 0.16);
+      K.sfx("stamp", t + 0.12, 0.5);
+      if (opt.until) K.out(e, opt.until);
+      return e;
+    };
+    /** quadrado tracejado que cresce com uma palavra ("ESPAÇO"), depois recebe imagem e wipe */
+    K.dashbox = (text, t, opt = {}) => {
+      const b = Object.assign({ x: 200, y: 260, w: 680, h: 600 }, opt.box);
+      const e = mk("#ui", "k dashbox", `<b>${esc(text)}</b>`, { left: b.x + "px", top: b.y + "px", width: b.w + "px", height: b.h + "px" });
+      fromTo(e, { opacity: 0, scale: 0.18 }, { opacity: 1, scale: 1, duration: 0.4, ease: "back.out(1.3)" }, t);
+      K.sfx("pop", t, 0.3);
+      const api = { el: e };
+      /** imagem cai dentro do quadro */
+      api.drop = (src, t2, o = {}) => {
+        const w2 = o.w || b.w * 0.56, h2 = o.h || b.h * 0.78;
+        const im = mk("#ui", "k card3d", `<img src="${src}">`, { left: b.x + (b.w - w2) / 2 + "px", top: b.y + (b.h - h2) / 2 + "px", width: w2 + "px", height: h2 + "px" });
+        fromTo(im, { opacity: 0, y: -60, scale: 1.15, rotation: -4 }, { opacity: 1, y: 0, scale: 1, rotation: 0, duration: 0.35, ease: "power3.out" }, t2);
+        tl.to(e, { opacity: 0, duration: 0.25 }, t2 + 0.1);
+        K.sfx("pop", t2, 0.3);
+        api.img = im; return api;
+      };
+      /** wipe da esquerda transformando a imagem atual em outra (rascunho → render) */
+      api.wipe = (src2, t3, d = 0.45) => {
+        const im = api.img;
+        const over = mk(im, "", `<img src="${src2}" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover">`, { position: "absolute", inset: "0", clipPath: "inset(0 100% 0 0)" });
+        const edge = mk(im, "", "", { position: "absolute", top: "0", bottom: "0", width: "40px", left: "0", background: "linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.85),rgba(255,255,255,0))", opacity: "0" });
+        const p = { v: 0 };
+        tl.fromTo(p, { v: 0 }, { v: 1, duration: d, ease: "power2.inOut", immediateRender: false, onUpdate() { over.style.clipPath = `inset(0 ${(100 - p.v * 100).toFixed(2)}% 0 0)`; edge.style.left = `calc(${(p.v * 100).toFixed(2)}% - 20px)`; edge.style.opacity = p.v > 0 && p.v < 1 ? "1" : "0"; } }, t3);
+        K.sfx("shimmer", t3, 0.3);
+        return api;
+      };
+      api.out = (t4) => { K.out(e, t4); if (api.img) K.out(api.img, t4); };
+      return api;
+    };
+    /** post-its brancos inclinados colados por cima (0:30) */
+    K.notes = (items, opt = {}) => items.map((it, i) => {
+      const e = mk("#ui", "k note", esc(it.text), { left: it.x + "px", top: it.y + "px" });
+      const rot = it.rot != null ? it.rot : (i % 2 ? 5 : -6);
+      fromTo(e, { opacity: 0, scale: 1.3, rotation: rot * 2 }, { opacity: 1, scale: 1, rotation: rot, duration: 0.25, ease: "back.out(2)" }, it.t);
+      K.sfx("click", it.t, 0.4);
+      if (opt.until) K.out(e, opt.until);
+      return e;
+    });
+
+    // ============================================================ 5 CAMADAS EM PROFUNDIDADE (1:02)
+    K.layers3d = (labels, t, d, opt = {}) => {
+      const planes = labels.slice(0, 4).map((lab, i) => {
+        const p = mk("#rigInner", "plane", `<span class="ptag">${esc(lab)}</span>`);
+        $("#rigInner").insertBefore(p, $("#frame"));
+        if (i === 1) mk(p, "pico", icon("image"), { right: "40px", top: "520px" });
+        if (i === 2) mk(p, "pico", icon("layers"), { left: "40px", top: "1180px" });
+        if (i === 3) mk(p, "pico", icon("caption"), { right: "40px", top: "1300px" });
+        return p;
+      });
+      const ftag = mk("#frame", "k", `<span class="ptag" style="position:static">${esc(opt.frontLabel || "01 · FUNDO")}</span>`, { left: "26px", top: "22px" });
+      const foot = mk("#fx", "k center-x mono", esc(opt.foot || "5 CAMADAS · PROFUNDIDADE REAL"), { top: "1748px", font: "600 26px/1 var(--fS)", letterSpacing: ".3em" });
+      tl.to("#rigInner", { rotationY: -16, rotationX: 4, scale: 0.8, x: 40, duration: 0.7, ease: "power3.inOut" }, t);
+      tl.to("#frame", { borderRadius: 30, duration: 0.4 }, t);
+      tl.to("#frame .fborder", { opacity: 1, duration: 0.3 }, t + 0.2);
+      planes.forEach((p, i) => {
+        const k = 4 - i; // plano mais distante primeiro
+        fromTo(p, { opacity: 0, x: 0, y: 0, z: 0 }, { opacity: 0.9, x: -k * 46, y: -k * 74, z: -k * 40, duration: 0.7, ease: "power3.out" }, t + 0.1 + i * 0.06);
+      });
+      show(ftag, t + 0.4); show(foot, t + 0.5, 0.35);
+      tl.to("#rigInner", { rotationY: -8, duration: d - 1.2, ease: "sine.inOut" }, t + 0.7);
+      const tOut = t + d - 0.5;
+      tl.to(planes, { opacity: 0, x: 0, y: 0, z: 0, duration: 0.45, ease: "power3.in" }, tOut);
+      tl.to("#rigInner", { rotationY: 0, rotationX: 0, scale: 1, x: 0, duration: 0.5, ease: "power3.inOut" }, tOut);
+      tl.to("#frame", { borderRadius: 0, duration: 0.4 }, tOut + 0.1);
+      tl.to("#frame .fborder", { opacity: 0, duration: 0.3 }, tOut + 0.2);
+      K.out([ftag, foot], tOut);
+      K.sfx("riser", t - 0.2, 0.25); K.sfx("whoosh", tOut, 0.3);
+    };
+
+    // ============================================================ MURAL "NA SUA ESCALA" (2:31)
+    K.wall = (imgs, title, t, d = 1.8, opt = {}) => {
+      const cw = 210, chh = 373, gap = 14, cols = 7, rows = 7;
+      const g = mk("#under", "k", "", { inset: "0", transformOrigin: "540px 960px" });
+      const ox = 540 - cw / 2 - 3 * (cw + gap), oy = 960 - chh / 2 - 3 * (chh + gap);
+      let k = 0;
+      const cells = [];
+      for (let r = 0; r < rows; r++) for (let c = 0; c < cols; c++) {
+        if (r === 3 && c === 3) continue;
+        const src = imgs[k++ % imgs.length];
+        cells.push(mk(g, "wallc", src ? `<img src="${src}">` : "", { left: ox + c * (cw + gap) + "px", top: oy + r * (chh + gap) + "px", width: cw + "px", height: chh + "px" }));
+      }
+      K.flash(t, { peak: 0.7, d: 0.25 });
+      K.layout({ left: 540 - cw / 2, top: 960 - chh / 2, width: cw, height: chh, borderRadius: 16, lens: () => 1, pos: () => C.fullPos, border: 1, corners: 0 }, t + 0.05, 0.4, { sfx: false });
+      set(g, { opacity: 1 }, t + 0.05);
+      fromTo(g, { scale: 2.6 }, { scale: 1, duration: 0.45, ease: "power3.out" }, t + 0.05);
+      fromTo(cells, { opacity: 0 }, { opacity: 1, duration: 0.25, stagger: { each: 0.004, from: "center" } }, t + 0.05);
+      const tt = title ? mk("#ui", "k center-x disp glow", title.map(esc).join("<br>"), { top: "760px", fontSize: (opt.size || 104) + "px", lineHeight: "1" }) : null;
+      if (tt) fromTo(tt, { opacity: 0, filter: "blur(16px)", scale: 1.1 }, { opacity: 1, filter: "blur(0px)", scale: 1, duration: 0.4, ease: "power3.out" }, t + 0.25);
+      const tOut = t + d - 0.45;
+      tl.to(g, { scale: 3.1, opacity: 0, duration: 0.45, ease: "power3.in" }, tOut);
+      K.layout(opt.back || "full", tOut, 0.45, { sfx: false });
+      if (tt) tl.to(tt, { opacity: 0, scale: 1.3, filter: "blur(12px)", duration: 0.35 }, tOut + 0.05);
+      K.sfx("whoosh", tOut - 0.1, 0.35);
+      return g;
+    };
+
+    // ============================================================ ANTES / DEPOIS (2:46)
+    K.beforeAfter = (t, d = 2.4, opt = {}) => {
+      const line = mk("#fx", "k wipeLine", "", { left: "0px" });
+      const a = mk("#fx", "k mono", esc(opt.before || "ANTES"), { left: "90px", top: (opt.y || C.topY) + 8 + "px", font: "600 22px/1 var(--fM)", letterSpacing: ".2em" });
+      const b = mk("#fx", "k", "", { right: "90px", top: (opt.y || C.topY) + "px" });
+      b.innerHTML = `<span class="pill up sm noicon" style="height:40px;font-size:18px;padding:0 16px">${esc(opt.after || "DEPOIS · COM IA")}</span>`;
+      const veil = $("#rawveil");
+      const p = { x: 0 };
+      const upd = () => { veil.style.clipPath = `inset(0 ${(W - p.x).toFixed(1)}px 0 0)`; line.style.left = p.x.toFixed(1) + "px"; };
+      set(veil, { opacity: 1 }, t); set(line, { opacity: 1 }, t);
+      show([a, b], t + 0.1, 0.25);
+      const seq = opt.seq || [[0.62, 0.55, "power2.out"], [0.42, 0.8, "sine.inOut"], [0.58, 0.7, "sine.inOut"], [0, 0.35, "power2.in"]];
+      let tt = t;
+      tl.fromTo(p, { x: 0 }, { x: seq[0][0] * W, duration: seq[0][1], ease: seq[0][2], immediateRender: false, onUpdate: upd }, tt);
+      tt += seq[0][1];
+      for (let i = 1; i < seq.length; i++) {
+        const hold = i === seq.length - 1 ? Math.max(0, t + d - seq[i][1] - tt) : 0;
+        tl.to(p, { x: seq[i][0] * W, duration: seq[i][1], ease: seq[i][2], onUpdate: upd }, tt + hold);
+        tt += seq[i][1] + hold;
+      }
+      set([veil, line], { opacity: 0 }, t + d);
+      K.out([a, b], t + d - 0.2, 0.2);
+      K.sfx("swoosh", t, 0.3);
+    };
+
+    // ============================================================ MOCKUPS DE UI
+    const typeInto = (el, text, t, cps = 20, caret = true) => {
+      const p = { n: 0 }, d = text.length / cps;
+      tl.fromTo(p, { n: 0 }, { n: text.length, duration: d, ease: "none", immediateRender: false,
+        onUpdate() { el.innerHTML = esc(text.slice(0, Math.round(p.n))) + (caret ? '<span class="caret"></span>' : ""); } }, t);
+      if (C.sfx) { let k = 0; for (let s = t; s < t + d - 0.2; s += 1.0) K.sfx("type", s, 0.22 + (k++ % 2) * 0.03); }
+      return t + d;
+    };
+    K.typeInto = typeInto;
+    /** barra de prompt de IA digitando (0:46) */
+    K.prompt = (text, t, opt = {}) => {
+      const y = opt.y || 1380, x = opt.x || 52, w = opt.w || 976;
+      const g = mk("#ui", "k", "", { left: x + "px", top: y + "px", width: w + "px" });
+      if (opt.kicker) mk(g, "kicker center-x", esc(opt.kicker), { position: "absolute", top: "-44px", left: "0", width: w + "px", color: "var(--lavT)", fontSize: "18px" });
+      const bar = mk(g, "prompt", `<span class="ic">${icon("chat")}</span><span class="tx"></span><span class="send">${icon("arrowUp")}</span>`);
+      fromTo(g, { opacity: 0, y: 20, filter: "blur(8px)" }, { opacity: 1, y: 0, filter: "blur(0px)", duration: 0.3, ease: "power2.out" }, t);
+      const tEnd = typeInto(bar.querySelector(".tx"), text, t + 0.25, opt.cps || 20);
+      if (opt.send) { tl.to(bar.querySelector(".send"), { scale: 0.85, duration: 0.08, yoyo: true, repeat: 1 }, tEnd + 0.2); K.sfx("click", tEnd + 0.2, 0.5); }
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** DM: cabeçalho, "…" digitando, bolha digitando (1:05) */
+    K.dm = (spec, t, opt = {}) => {
+      const b = Object.assign({ x: 52, y: 60, w: 976, h: 860 }, opt.box);
+      const g = mk("#ui", "k panel dm", `<div class="hd"><div class="av">${icon("user")}</div><div><div class="nm">${esc(spec.name || "Nova mensagem")}</div><div class="sb">${esc(spec.sub || "agora · direct")}</div></div></div>`,
+        { left: b.x + "px", top: b.y + "px", width: b.w + "px", height: b.h + "px" });
+      const dots = mk(g, "dots k", "<i></i><i></i><i></i>", { left: "30px", top: "150px" });
+      const bub = mk(g, "bub k", "");
+      fromTo(g, { opacity: 0, y: 30 }, { opacity: 1, y: 0, duration: 0.35, ease: "power2.out" }, t);
+      show(dots, t + 0.3, 0.15);
+      dots.querySelectorAll("i").forEach((d, i) => tl.to(d, { y: -8, duration: 0.18, yoyo: true, repeat: 3, ease: "sine.inOut" }, t + 0.35 + i * 0.08));
+      set(dots, { opacity: 0 }, t + 1.1);
+      set(bub, { opacity: 1 }, t + 1.1);
+      const tEnd = typeInto(bub, spec.text, t + 1.1, opt.cps || 22);
+      if (spec.attach) {
+        const at = mk(g, "k card3d", `<img src="${spec.attach}">`, { left: "30px", top: "300px", width: "150px", height: "266px" });
+        show(at, tEnd + 0.1, 0.25, { scale: 1 });
+        K.sfx("pop", tEnd + 0.1, 0.3);
+      }
+      K.sfx("ding", t + 0.05, 0.25);
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** terminal: lines [{cmd:'instalar node', ok:'Node.js instalado', t}] */
+    K.terminal = (lines, t, opt = {}) => {
+      const b = Object.assign({ x: 52, y: 330, w: 976, h: 560 }, opt.box);
+      const g = mk("#ui", "k panel term", `<div class="bar"><i style="background:#ff6b6b"></i><i style="background:#ffc85c"></i><i style="background:#6ee08a"></i><span style="margin-left:12px">${esc(opt.title || "terminal — seu computador")}</span></div>`,
+        { left: b.x + "px", top: b.y + "px", width: b.w + "px", height: b.h + "px" });
+      fromTo(g, { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.35, ease: "power2.out" }, t);
+      lines.forEach((L, i) => {
+        const y = 92 + i * 108;
+        const ln = mk(g, "ln", "", { top: y + "px" });
+        const t1 = typeInto(ln, "$ " + L.cmd, L.t, 16, false);
+        const pr = mk(g, "prog k", "", { left: "28px", top: y + 52 + "px", width: "0px" });
+        set(pr, { opacity: 1 }, t1);
+        tl.to(pr, { width: 340, duration: 0.5, ease: "power2.inOut" }, t1);
+        if (L.ok) { const ok = mk(g, "ln ok k", "✓ " + esc(L.ok), { top: y + 34 + "px", left: "400px", fontSize: "23px" }); show(ok, t1 + 0.5, 0.2); K.sfx("tick", t1 + 0.5, 0.35); }
+      });
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** pasta de arquivos: contador sobe, thumbs pop em stagger (0:27) */
+    K.files = (n, t, opt = {}) => {
+      const b = Object.assign({ x: 52, y: 990, w: 976, h: 330 }, opt.box);
+      const g = mk("#ui", "k panel", `<div style="position:absolute;left:28px;top:24px;font:800 26px/1 var(--fS);display:flex;gap:10px;align-items:center">${icon("folder").replace("<svg", '<svg style="width:26px;height:26px;stroke:var(--lav);fill:none;stroke-width:2"')}${esc(opt.title || "Gravações")}</div><div class="cnt" style="position:absolute;right:28px;top:28px;font:600 20px/1 var(--fS);color:var(--muted)"></div>`,
+        { left: b.x + "px", top: b.y + "px", width: b.w + "px", height: b.h + "px" });
+      const cnt = g.querySelector(".cnt");
+      fromTo(g, { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.35, ease: "power2.out" }, t);
+      const cols = 4, tw = (b.w - 56 - 3 * 18) / cols, th = 92;
+      for (let i = 0; i < n; i++) {
+        const c = i % cols, r = Math.floor(i / cols);
+        const th_ = mk(g, "k", `<div style="width:100%;height:${th}px;border-radius:10px;background:linear-gradient(135deg,var(--thumb),var(--panel2));border:1px solid rgba(var(--hiRGB),.25);display:flex;align-items:center;justify-content:center;font:900 30px/1 var(--fS);color:#fff">❚❚</div><div style="font:500 16px/1 var(--fM);color:var(--muted);margin-top:8px">${esc((opt.names && opt.names[i]) || "take-" + String(i + 1).padStart(2, "0") + ".mov")}</div>`,
+          { left: 28 + c * (tw + 18) + "px", top: 80 + r * (th + 46) + "px", width: tw + "px" });
+        const ti = t + 0.3 + i * 0.12;
+        fromTo(th_, { opacity: 0, scale: 0.85 }, { opacity: 1, scale: 1, duration: 0.2, ease: "back.out(1.6)" }, ti);
+        set(cnt, { textContent: `${i + 1} arquivos · sem edição` }, ti);
+        K.sfx("tick", ti, 0.2);
+      }
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** régua de timeline + playhead + diamante de keyframe (0:54) */
+    K.scrub = (t, d, opt = {}) => {
+      const y = opt.y || 880, x0 = opt.x || 70, w = opt.w || 940;
+      const g = mk("#ui", "k", "", { left: x0 + "px", top: y + "px", width: w + "px", height: "40px" });
+      mk(g, "tlbar", "", { left: "0", top: "19px", width: w + "px" });
+      for (let i = 0; i <= 40; i++) mk(g, "tick", "", { left: (i * w) / 40 + "px", top: i % 5 ? "14px" : "8px", height: i % 5 ? "12px" : "24px" });
+      mk(g, "", "◇", { position: "absolute", left: w * 0.72 - 10 + "px", top: "4px", font: "700 28px/1 var(--fS)", color: "var(--lavT)" });
+      const ph = mk(g, "playhead", "", { left: "0", top: "-10px", height: "60px" });
+      show(g, t, 0.3);
+      tl.fromTo(ph, { x: w * 0.05 }, { x: w * (opt.to || 0.9), duration: d, ease: "none", immediateRender: false }, t);
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** anel que desenha + número (garantia "7 dias") */
+    K.ring = (num, label, t, opt = {}) => {
+      const r = opt.r || 56, x = opt.x || 880, y = opt.y || 200;
+      const L = 2 * Math.PI * r;
+      const g = mk("#ui", "k ring", `<svg width="${2 * r + 20}" height="${2 * r + 20}"><circle cx="${r + 10}" cy="${r + 10}" r="${r}" stroke="rgba(var(--hiRGB),.25)" stroke-width="7" fill="rgba(var(--panelRGB),.6)"/><circle class="arc" cx="${r + 10}" cy="${r + 10}" r="${r}" stroke="var(--lav)" stroke-width="7" fill="none" stroke-linecap="round" transform="rotate(-90 ${r + 10} ${r + 10})" stroke-dasharray="${L}" stroke-dashoffset="${L}" style="filter:drop-shadow(0 0 8px var(--acc))"/></svg><div style="position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center"><b class="n" style="font:900 52px/1 var(--fS)">${esc(num)}</b><span style="font:700 14px/1 var(--fS);letter-spacing:.2em">${esc(label || "DIAS")}</span></div>`,
+        { left: x - r - 10 + "px", top: y - r - 10 + "px", width: 2 * r + 20 + "px", height: 2 * r + 20 + "px" });
+      show(g, t, 0.25);
+      tl.fromTo(g.querySelector(".arc"), { strokeDashoffset: L }, { strokeDashoffset: 0, duration: 0.7, ease: "power2.inOut", immediateRender: false }, t + 0.1);
+      fromTo(g.querySelector(".n"), { scale: 0.5, opacity: 0 }, { scale: 1, opacity: 1, duration: 0.3, ease: "back.out(2)" }, t + 0.5);
+      K.sfx("ding", t + 0.5, 0.3);
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** card de preço: {kicker:'POR APENAS', cur:'R$', value:97, tail:'à vista', sub:'ou 12x de R$ 9,70 no cartão'} */
+    K.price = (spec, t, opt = {}) => {
+      const b = Object.assign({ x: 52, y: 180, w: 976, h: 300 }, opt.box);
+      const g = mk("#ui", "k panel price", `<div class="kicker" style="position:absolute;left:34px;top:30px;color:var(--lavT)">${esc(spec.kicker || "POR APENAS")}</div>
+        <div style="position:absolute;left:34px;top:84px;display:flex;align-items:baseline;gap:14px"><span class="rs">${esc(spec.cur || "R$")}</span><span class="num">0</span><span style="font:700 30px/1 var(--fS);color:var(--lavT)">${esc(spec.tail || "")}</span></div>
+        <div class="sub" style="position:absolute;left:34px;top:244px;font:700 30px/1 var(--fS)">${esc(spec.sub || "")}</div>`,
+        { left: b.x + "px", top: b.y + "px", width: b.w + "px", height: b.h + "px" });
+      const num = g.querySelector(".num"), sub = g.querySelector(".sub");
+      fromTo(g, { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.35, ease: "power2.out" }, t);
+      const p = { v: 0 };
+      tl.fromTo(p, { v: 0 }, { v: +spec.value, duration: 0.7, ease: "power3.out", immediateRender: false, onUpdate() { num.textContent = Math.round(p.v); } }, t + 0.2);
+      fromTo(sub, { opacity: 0 }, { opacity: 1, duration: 0.3 }, t + (opt.subT || 0.9));
+      K.sfx("riser", t - 0.3, 0.2); K.sfx("ding", t + 0.85, 0.3);
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** botão CTA com brilho varrendo + cursor clicando + chevrons */
+    K.cta = (text, t, opt = {}) => {
+      const y = opt.y || 1560, w = opt.w || 920, end = opt.until || C.dur;
+      K.occupy(t, end, y);
+      const g = mk("#ui", "k", "", { left: (W - w) / 2 + "px", top: y + "px", width: w + "px" });
+      const btn = mk(g, "cta", `<span>${esc(text)}</span>${icon("arrowR").replace("<svg", '<svg style="width:32px;height:32px;stroke:#fff;fill:none;stroke-width:2.6"')}<span class="shine"></span>`);
+      fromTo(g, { opacity: 0, y: 30, scale: 0.94 }, { opacity: 1, y: 0, scale: 1, duration: 0.4, ease: "back.out(1.4)" }, t);
+      const shine = btn.querySelector(".shine");
+      for (let s = t + 0.5; s < end - 0.6; s += 1.4) tl.fromTo(shine, { x: 0 }, { x: w + 260, duration: 0.7, ease: "power2.inOut", immediateRender: false }, s);
+      if (opt.chevrons !== false) {
+        const ch = mk(g, "", `<svg class="chev" viewBox="0 0 44 30"><path d="M6 6l16 14 16-14"/></svg>`, { textAlign: "center", marginTop: "18px" });
+        for (let s = t + 0.4; s < end - 0.5; s += 0.8) tl.fromTo(ch, { y: 0, opacity: 0.5 }, { y: 10, opacity: 1, duration: 0.4, yoyo: true, repeat: 1, ease: "sine.inOut", immediateRender: false }, s);
+      }
+      if (opt.cursor !== false) {
+        const cur = mk("#fx", "k", `<svg class="cursor" viewBox="0 0 46 56"><path d="M4 3l36 24-16 3-8 16z" fill="#fff" stroke="var(--ink)" stroke-width="3" stroke-linejoin="round"/></svg>`, { left: "0", top: "0" });
+        const tc = t + (opt.clickAt || 1.2);
+        set(cur, { opacity: 1 }, tc - 0.7);
+        tl.fromTo(cur, { x: 900, y: y + 330 }, { x: 600, y: y + 50, duration: 0.6, ease: "power3.out", immediateRender: false }, tc - 0.7);
+        tl.to(btn, { scale: 0.96, duration: 0.08, yoyo: true, repeat: 1 }, tc);
+        tl.to(cur, { scale: 0.85, duration: 0.08, yoyo: true, repeat: 1 }, tc);
+        K.sfx("click", tc, 0.5);
+        tl.to(cur, { opacity: 0, duration: 0.3 }, tc + 0.9);
+      }
+      K.sfx("shimmer", t + 0.4, 0.25);
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+    /** revelação de logo em TAKEOVER: linha vertical + wipe com faixa de luz (0:44) */
+    K.logo = (spec, t, d = 1.8, opt = {}) => {
+      const g = mk("#ui", "k center-x", "", { top: (opt.y || 860) + "px" });
+      const inner = mk(g, "", spec.img ? `<img src="${spec.img}" style="height:${opt.h || 150}px">` : `<span class="disp" style="font-size:${opt.size || 96}px">${esc(spec.text || "LOGO")}</span>`, { display: "inline-block", position: "relative", padding: Math.round((opt.size || 96) * 0.4) + "px 6px " + Math.round((opt.size || 96) * 0.32) + "px", clipPath: "inset(0 100% 0 0)" });
+      const band = mk(inner, "", "", { position: "absolute", top: "-10px", bottom: "-10px", width: "70px", left: "0", background: "linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.9),rgba(255,255,255,0))" });
+      const bar = mk("#ui", "k", "", { left: "300px", top: (opt.y || 860) - 10 + "px", width: "8px", height: (opt.h || 150) + 20 + "px", background: "var(--acc)", boxShadow: "0 0 20px var(--acc)" });
+      const sub = spec.sub ? mk("#ui", "k center-x mono", esc(spec.sub), { top: (opt.y || 860) + (opt.h || 150) + 70 + "px", fontSize: "20px", letterSpacing: ".34em", color: "var(--lavT)" }) : null;
+      tl.to("#bg .beam", { opacity: 1, duration: 0.3 }, t);
+      set(g, { opacity: 1 }, t + 0.15);
+      fromTo(bar, { opacity: 0, scaleY: 0 }, { opacity: 1, scaleY: 1, duration: 0.12 }, t + 0.1);
+      const p = { v: 0 };
+      tl.fromTo(p, { v: 0 }, { v: 1, duration: 0.45, ease: "power3.inOut", immediateRender: false, onUpdate() { inner.style.clipPath = `inset(0 ${(100 - p.v * 100).toFixed(2)}% 0 0)`; band.style.left = `calc(${(p.v * 100).toFixed(2)}% - 35px)`; band.style.opacity = p.v < 1 ? "1" : "0"; } }, t + 0.22);
+      tl.to(bar, { x: 480, opacity: 0, duration: 0.45, ease: "power3.inOut" }, t + 0.22);
+      if (sub) fromTo(sub, { opacity: 0, letterSpacing: ".6em" }, { opacity: 1, letterSpacing: ".34em", duration: 0.6 }, t + 0.6);
+      K.sfx("whoosh", t, 0.4); K.sfx("boom", t + 0.3, 0.55);
+      const tOut = t + d;
+      K.out([g, sub].filter(Boolean), tOut - 0.2, 0.2);
+      tl.to("#bg .beam", { opacity: 0, duration: 0.3 }, tOut - 0.2);
+      return g;
+    };
+    /** cobre o quadro (TAKEOVER) entre t0 e t1 — o apresentador some atrás do fundo roxo */
+    K.takeover = (t0, t1, d = 0.25) => {
+      const cover = mk("#cover", "k", "", { inset: "0", background: "radial-gradient(70% 50% at 50% 45%,var(--bg2),var(--bg1) 70%,var(--bg0))" });
+      show(cover, t0, d);
+      if (t1) tl.to(cover, { opacity: 0, duration: d }, t1);
+      return cover;
+    };
+
+    // ============================================================ EDIÇÃO SIMULTÂNEA ("a IA está editando enquanto eu falo")
+    /** cursor da IA percorrendo pontos [{x,y,t,click}] */
+    K.cursor = (points, opt = {}) => {
+      const cur = mk("#fx", "k", `<svg class="cursor" viewBox="0 0 46 56"><path d="M4 3l36 24-16 3-8 16z" fill="#fff" stroke="var(--ink)" stroke-width="3" stroke-linejoin="round"/></svg>`, { left: "0", top: "0", zIndex: "50" });
+      const p0 = points[0];
+      set(cur, { x: p0.x, y: p0.y }, p0.t - 0.01);
+      show(cur, p0.t - 0.3, 0.2);
+      for (let i = 1; i < points.length; i++) {
+        const a = points[i - 1], b = points[i];
+        tl.to(cur, { x: b.x, y: b.y, duration: Math.max(0.12, Math.min(0.5, b.t - a.t - 0.05)), ease: "power3.inOut" }, Math.max(a.t, b.t - 0.5));
+      }
+      points.forEach((p) => { if (p.click) { tl.to(cur, { scale: 0.82, duration: 0.07, yoyo: true, repeat: 1 }, p.t); K.sfx("click", p.t, 0.35); } });
+      tl.to(cur, { opacity: 0, duration: 0.25 }, opt.until || points[points.length - 1].t + 0.6);
+      return cur;
+    };
+
+    /** onda de áudio do vídeo bruto com marcas (erro/respiração/falha) que são CORTADAS fechando os buracos */
+    K.waveCut = (t, marks, opt = {}) => {
+      const b = Object.assign({ x: 90, y: 330, w: 900, h: 470 }, opt.box);
+      const g = mk("#ui", "k panel", "", { left: b.x + "px", top: b.y + "px", width: b.w + "px", height: b.h + "px" });
+      mk(g, "", `${icon("film").replace("<svg", '<svg style="width:26px;height:26px;stroke:var(--lav);fill:none;stroke-width:2;vertical-align:-5px;margin-right:10px"')}${esc(opt.title || "video-bruto.mp4")}`, { position: "absolute", left: "28px", top: "24px", font: "700 26px/1 var(--fS)" });
+      const meta = mk(g, "", esc(opt.meta || "00:52 · sem edição"), { position: "absolute", right: "28px", top: "28px", font: "500 20px/1 var(--fM)", color: "var(--muted)" });
+      const thumbs = opt.thumbs || [];
+      const strip = mk(g, "", "", { position: "absolute", left: "28px", right: "28px", top: "78px", height: "150px", display: "flex", gap: "6px", overflow: "hidden", borderRadius: "10px" });
+      for (let i = 0; i < 9; i++) mk(strip, "", thumbs.length ? `<img src="${thumbs[i % thumbs.length]}" style="width:100%;height:100%;object-fit:cover;filter:saturate(.35) brightness(.9)">` : "", { flex: "1", background: "var(--thumb)", borderRadius: "6px", overflow: "hidden" });
+      // onda em segmentos: [normal, marca, normal, marca, ...] — marca encolhe até 0 no corte
+      const wave = mk(g, "", "", { position: "absolute", left: "28px", right: "28px", top: "252px", height: "150px", display: "flex", alignItems: "center", overflow: "hidden" });
+      const bars = (n, seed, dim) => Array.from({ length: n }, (_, i) => { const h = 12 + Math.abs(Math.sin((i + seed) * 1.7) * Math.cos((i + seed) * 0.37)) * (dim ? 50 : 120); return `<i style="display:inline-block;width:5px;margin:0 2px;height:${h.toFixed(0)}px;border-radius:3px;background:${dim ? "rgba(255,255,255,.45)" : "var(--lav)"}"></i>`; }).join("");
+      const sorted = marks.slice().sort((a, c) => a.at - c.at);
+      let pos = 0; const segs = [];
+      sorted.forEach((m, i) => {
+        if (m.at > pos) mk(wave, "", bars(Math.round((m.at - pos) * 110), i * 13, false), { flex: `0 0 ${((m.at - pos) * 100).toFixed(2)}%`, overflow: "hidden", whiteSpace: "nowrap", textAlign: "center" });
+        const s = mk(wave, "", bars(Math.round(m.w * 110), i * 7 + 3, true), { flex: `0 0 ${(m.w * 100).toFixed(2)}%`, overflow: "hidden", whiteSpace: "nowrap", position: "relative", textAlign: "center" });
+        const hl = mk(s, "", "", { position: "absolute", inset: "0", background: "rgba(255,80,40,.28)", border: "2px solid rgba(255,110,60,.95)", borderRadius: "8px", opacity: "0" });
+        const lab = mk(g, "k", `✕ ${esc(m.label)}`, { left: 28 + (m.at + m.w / 2) * (b.w - 56) - 90 + "px", width: "180px", textAlign: "center", top: "414px", font: "700 22px/1 var(--fS)", color: "#ff8a6a", textTransform: "uppercase" });
+        fromTo(hl, { opacity: 0 }, { opacity: 1, duration: 0.2 }, m.t); fromTo(lab, { opacity: 0, y: 8 }, { opacity: 1, y: 0, duration: 0.2 }, m.t);
+        K.sfx("tick", m.t, 0.3);
+        segs.push({ s, lab });
+        pos = m.at + m.w;
+      });
+      if (pos < 1) mk(wave, "", bars(Math.round((1 - pos) * 110), 99, false), { flex: "1 1 auto", overflow: "hidden", whiteSpace: "nowrap", textAlign: "center" });
+      fromTo(g, { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.35, ease: "power2.out" }, t);
+      if (opt.cutAt) {
+        segs.forEach(({ s, lab }, i) => { tl.to(s, { flexBasis: "0%", duration: 0.35, ease: "power3.inOut" }, opt.cutAt + i * 0.12); tl.to(lab, { opacity: 0, duration: 0.15 }, opt.cutAt + i * 0.12); K.sfx("click", opt.cutAt + i * 0.12, 0.35); });
+        const done = mk(g, "k", `✂ ${esc(opt.cutLabel || `${marks.length} cortes · sem pausas`)}`, { left: "28px", top: "414px", font: "700 24px/1 var(--fS)", color: "var(--lav)" });
+        show(done, opt.cutAt + 0.35 + marks.length * 0.12, 0.25);
+        set(meta, { textContent: opt.metaAfter || "00:47 · editado" }, opt.cutAt + 0.5);
+        tl.to(strip.querySelectorAll("img"), { filter: "saturate(1.1) brightness(1)", duration: 0.4 }, opt.cutAt + 0.3);
+      }
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+
+    /** a dor da edição manual: timeline lotada nascendo, cursor frenético, contadores subindo (cortes/keyframes/legendas/horas) */
+    K.manual = (t, d, opt = {}) => {
+      const b = Object.assign({ x: 90, y: 330, w: 900, h: 1100 }, opt.box);
+      const g = mk("#ui", "k panel", "", { left: b.x + "px", top: b.y + "px", width: b.w + "px", height: b.h + "px", overflow: "hidden" });
+      mk(g, "", `<span style="display:inline-block;width:14px;height:14px;border-radius:50%;background:#ff4a2a;margin-right:12px;box-shadow:0 0 12px #ff4a2a"></span>${esc(opt.title || "EDIÇÃO MANUAL")}`, { position: "absolute", left: "30px", top: "28px", font: "700 30px/1 var(--fS)", color: "#fff", textTransform: "uppercase" });
+      const clk = mk(g, "", "0h00", { position: "absolute", right: "30px", top: "22px", font: "700 44px/1 var(--fM)", color: "#ff8a6a" });
+      // contadores
+      const stats = [["CORTES", opt.cuts || 312], ["KEYFRAMES", opt.keys || 1480], ["LEGENDAS", opt.caps || 230], ["EFEITOS", opt.fx || 96]];
+      const nums = stats.map(([lab], i) => { const c = mk(g, "", `<div style="font:500 17px/1 var(--fM);color:var(--muted);letter-spacing:.14em">${lab}</div><b style="display:block;font:700 46px/1.1 var(--fS);margin-top:8px">0</b>`, { position: "absolute", left: 30 + i * 212 + "px", top: "100px", width: "200px" }); return c.querySelector("b"); });
+      // trilhas
+      const tracks = ["V3", "V2", "V1", "TXT", "FX", "A1", "A2"], top0 = 230, th = Math.min(92, Math.floor((b.h - top0 - 30) / tracks.length) - 10);
+      tracks.forEach((n, i) => mk(g, "", esc(n), { position: "absolute", left: "30px", top: top0 + i * (th + 10) + 34 + "px", font: "600 18px/1 var(--fM)", color: "var(--muted)" }));
+      const area = mk(g, "", "", { position: "absolute", left: "90px", right: "24px", top: top0 + "px", height: tracks.length * (th + 10) + "px" });
+      const W2 = b.w - 114, N = opt.clips || 70;
+      const clips = [];
+      for (let k = 0; k < N; k++) {
+        const r = k % tracks.length, x = ((k * 97) % 100) / 100 * (W2 - 60), w = 26 + ((k * 53) % 90);
+        const hue = r === 3 ? "rgba(var(--hiRGB),.85)" : r >= 5 ? "rgba(90,200,140,.75)" : r === 4 ? "rgba(255,90,60,.8)" : "rgba(var(--accRGB),.8)";
+        clips.push(mk(area, "", "", { position: "absolute", left: x.toFixed(0) + "px", top: r * (th + 10) + 8 + "px", width: w + "px", height: th - 16 + "px", borderRadius: "6px", background: hue, opacity: "0", border: "1px solid rgba(255,255,255,.25)" }));
+      }
+      const ph = mk(area, "playhead", "", { left: "0", top: "-6px", height: tracks.length * (th + 10) + 12 + "px" });
+      fromTo(g, { opacity: 0, y: 30 }, { opacity: 1, y: 0, duration: 0.3, ease: "power2.out" }, t);
+      clips.forEach((c, k) => set(c, { opacity: 1 }, t + 0.2 + (k / N) * (d - 0.5)));
+      tl.fromTo(ph, { x: 0 }, { x: W2 - 10, duration: d - 0.3, ease: "none", immediateRender: false }, t + 0.2);
+      const p = { v: 0 };
+      tl.fromTo(p, { v: 0 }, { v: 1, duration: d - 0.3, ease: "power1.in", immediateRender: false, onUpdate() {
+        stats.forEach(([, max], i) => { nums[i].textContent = Math.round(p.v * max).toLocaleString("pt-BR"); });
+        const h = p.v * (opt.hours || 8); clk.textContent = `${Math.floor(h)}h${String(Math.floor((h % 1) * 60)).padStart(2, "0")}`; } }, t + 0.2);
+      // cursor frenético
+      const pts = []; for (let k = 0; k < 9; k++) pts.push({ x: b.x + 120 + ((k * 211) % (b.w - 220)), y: b.y + top0 + 30 + ((k * 137) % 600), t: t + 0.3 + k * ((d - 0.6) / 9), click: true });
+      K.cursor(pts, { until: t + d - 0.1 });
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+
+    /** comparação de tempo: [{label:'Edição manual', value:'8 horas', frac:1, bad:true}, {label:'Com IA', value:'10 min', frac:.06}] */
+    K.compare = (rows, t, opt = {}) => {
+      const b = Object.assign({ x: 90, y: 360, w: 900 }, opt.box);
+      const g = mk("#ui", "k panel", "", { left: b.x + "px", top: b.y + "px", width: b.w + "px", height: 80 + rows.length * 150 + "px" });
+      if (opt.title) mk(g, "kicker", esc(opt.title), { position: "absolute", left: "34px", top: "30px", color: "var(--lavT)" });
+      fromTo(g, { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.3, ease: "power2.out" }, t);
+      rows.forEach((r, i) => {
+        const y = 80 + i * 150, ti = r.t != null ? r.t : t + 0.25 + i * 0.5;
+        mk(g, "", esc(r.label), { position: "absolute", left: "34px", top: y + "px", font: "700 32px/1 var(--fS)" });
+        const val = mk(g, "", esc(r.value), { position: "absolute", right: "34px", top: y - 4 + "px", font: "700 40px/1 var(--fS)", color: r.bad ? "#ff8a6a" : "var(--lav)", opacity: "0" });
+        const track = mk(g, "", "", { position: "absolute", left: "34px", right: "34px", top: y + 52 + "px", height: "34px", borderRadius: "17px", background: "rgba(255,255,255,.07)" });
+        const bar = mk(track, "", "", { height: "100%", width: "0%", borderRadius: "17px", background: r.bad ? "linear-gradient(90deg,#7a2a1a,#ff5a3a)" : "linear-gradient(90deg,var(--btnA),var(--btnB))", boxShadow: r.bad ? "none" : "var(--glow)" });
+        tl.fromTo(bar, { width: "0%" }, { width: (Math.max(0.03, r.frac) * 100).toFixed(1) + "%", duration: r.bad ? 0.9 : 0.35, ease: r.bad ? "power1.inOut" : "back.out(2)", immediateRender: false }, ti);
+        fromTo(val, { opacity: 0 }, { opacity: 1, duration: 0.2 }, ti + (r.bad ? 0.7 : 0.25));
+        K.sfx(r.bad ? "riser" : "ding", ti, r.bad ? 0.2 : 0.3);
+      });
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+
+    /** painel de personalização: fonte, cor, posição da legenda — a IA clica e a prévia muda */
+    K.stylePanel = (t, opt = {}) => {
+      const b = Object.assign({ x: 90, y: 330, w: 900, h: 600 }, opt.box);
+      const g = mk("#ui", "k panel", "", { left: b.x + "px", top: b.y + "px", width: b.w + "px", height: b.h + "px" });
+      mk(g, "kicker", esc(opt.title || "Personalização"), { position: "absolute", left: "34px", top: "30px", color: "var(--lavT)" });
+      const row = (y, label) => { mk(g, "", esc(label), { position: "absolute", left: "34px", top: y + "px", font: "500 18px/1 var(--fM)", color: "var(--muted)", letterSpacing: ".14em" }); };
+      const chip = (x, y, html, w = 150) => mk(g, "", html, { position: "absolute", left: x + "px", top: y + "px", width: w + "px", height: "64px", borderRadius: "14px", border: "2px solid rgba(255,255,255,.14)", background: "rgba(255,255,255,.05)", display: "flex", alignItems: "center", justifyContent: "center", font: "700 24px/1 var(--fS)" });
+      const sel = (el, ti) => { tl.to(el, { borderColor: "rgba(var(--accRGB),1)", background: "rgba(var(--accRGB),.22)", boxShadow: "0 0 22px rgba(var(--accRGB),.6)", duration: 0.15 }, ti); };
+      row(96, "FONTE");
+      const fonts = (opt.fonts || [["Inter", "Inter,sans-serif"], ["Advercase", "Advercase"], ["Serifa", "Georgia,serif"]]).map(([n, f], i) => chip(34 + i * 170, 126, `<span style="font-family:${f}">${esc(n)}</span>`));
+      row(226, "COR");
+      const colors = (opt.colors || ["#8b5cf6", "#2f80ff", "#ff761a", "#22c55e"]).map((c, i) => chip(34 + i * 100, 256, `<i style="width:34px;height:34px;border-radius:50%;background:${c};display:block"></i>`, 80));
+      row(356, "LEGENDA");
+      const caps = (opt.caps || ["Rodapé", "Pescoço", "Meio"]).map((n, i) => chip(34 + i * 170, 386, esc(n)));
+      // prévia
+      const pv = mk(g, "", "", { position: "absolute", right: "34px", top: "96px", width: "260px", height: "462px", borderRadius: "18px", overflow: "hidden", background: "var(--thumb)", border: "2px solid rgba(var(--hiRGB),.35)" });
+      if (opt.preview) mk(pv, "", `<img src="${opt.preview}" style="width:100%;height:100%;object-fit:cover">`, { position: "absolute", inset: "0" });
+      const pc = mk(pv, "", esc(opt.sample || "SEU ESTILO"), { position: "absolute", left: "0", right: "0", top: "380px", textAlign: "center", font: "700 30px/1 Inter,sans-serif", color: "#fff", textShadow: "0 2px 10px #000" });
+      fromTo(g, { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.3, ease: "power2.out" }, t);
+      const tF = opt.tFont || t + 0.8, tC = opt.tColor || t + 1.6, tP = opt.tCap || t + 2.4;
+      const fi = opt.fontIndex ?? 1, ci = opt.colorIndex ?? 2, pi = opt.capIndex ?? 1;
+      sel(fonts[fi], tF); set(pc, { fontFamily: "Advercase" }, tF);
+      sel(colors[ci], tC); set(pc, { color: (opt.colors || ["#8b5cf6", "#2f80ff", "#ff761a", "#22c55e"])[ci] }, tC);
+      sel(caps[pi], tP); tl.to(pc, { top: 250, duration: 0.3, ease: "power2.out" }, tP);
+      const P = (el) => ({ x: b.x + parseFloat(el.style.left) + parseFloat(el.style.width) / 2 - 6, y: b.y + parseFloat(el.style.top) + 30 });
+      K.cursor([{ ...P(fonts[0]), t: t + 0.3 }, { ...P(fonts[fi]), t: tF, click: true }, { ...P(colors[ci]), t: tC, click: true }, { ...P(caps[pi]), t: tP, click: true }], { until: opt.until || tP + 0.8 });
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+
+    /** fluxo em passos (enviar → IA edita → baixar → postar), cada passo acende na palavra; progress opcional */
+    K.flow = (steps, opt = {}) => {
+      const b = Object.assign({ x: 90, y: 360, w: 900, h: 300 }, opt.box);
+      const n = steps.length, gap = 26, bw = (b.w - gap * (n - 1)) / n;
+      const out = steps.map((s, i) => {
+        const e = mk("#ui", "k panel", `<div style="width:76px;height:76px;margin:34px auto 18px;border-radius:18px;background:linear-gradient(135deg,var(--btnA),var(--btnB));display:flex;align-items:center;justify-content:center;box-shadow:var(--glow)">${icon(s.icon || "spark").replace("<svg", '<svg style="width:40px;height:40px;stroke:#fff;fill:none;stroke-width:2.2"')}</div><div style="text-align:center;font:700 28px/1.1 var(--fS);text-transform:uppercase">${esc(s.label)}</div>${s.sub ? `<div style="text-align:center;font:500 20px/1.2 var(--fS);color:var(--muted);margin-top:8px">${esc(s.sub)}</div>` : ""}`,
+          { left: b.x + i * (bw + gap) + "px", top: b.y + "px", width: bw + "px", height: b.h + "px" });
+        fromTo(e, { opacity: 0, y: 30, scale: 0.92 }, { opacity: 1, y: 0, scale: 1, duration: 0.35, ease: "back.out(1.5)" }, s.t);
+        K.sfx("pop", s.t, 0.3);
+        if (s.progress) {
+          const tr = mk(e, "", "", { position: "absolute", left: "20px", right: "20px", bottom: "26px", height: "8px", borderRadius: "4px", background: "rgba(255,255,255,.1)" });
+          const br = mk(tr, "", "", { height: "100%", width: "0%", borderRadius: "4px", background: "linear-gradient(90deg,var(--btnA),var(--btnB))", boxShadow: "var(--glow)" });
+          tl.fromTo(br, { width: "0%" }, { width: "100%", duration: s.progress, ease: "power1.inOut", immediateRender: false }, s.t + 0.2);
+        }
+        if (i < n - 1) { const ar = mk("#ui", "k", icon("arrowR").replace("<svg", '<svg style="width:26px;height:26px;stroke:var(--lav);fill:none;stroke-width:2.6"'), { left: b.x + (i + 1) * (bw + gap) - gap / 2 - 13 + "px", top: b.y + b.h / 2 - 13 + "px" }); show(ar, steps[i + 1].t - 0.1, 0.2); if (opt.until) K.out(ar, opt.until); }
+        if (opt.until) K.out(e, opt.until);
+        return e;
+      });
+      return out;
+    };
+
+    /** comentário estilo Instagram digitando ("comenta EU QUERO") */
+    K.comment = (spec, t, opt = {}) => {
+      const b = Object.assign({ x: 90, y: 400, w: 900 }, opt.box);
+      const g = mk("#ui", "k panel", `<div style="position:absolute;left:28px;top:28px;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--btnA),var(--btnB))"></div><div style="position:absolute;left:112px;top:30px;font:700 26px/1 var(--fS)">${esc(spec.user || "@voce")} <span style="font:500 20px/1 var(--fS);color:var(--muted)">agora</span></div><div class="tx" style="position:absolute;left:112px;top:70px;font:700 34px/1.2 var(--fS)"></div><div style="position:absolute;right:30px;top:44px;font:400 34px/1 var(--fS);color:#ff5a6a">♥</div>`,
+        { left: b.x + "px", top: b.y + "px", width: b.w + "px", height: "140px" });
+      fromTo(g, { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.3, ease: "power2.out" }, t);
+      typeInto(g.querySelector(".tx"), spec.text, t + 0.25, opt.cps || 14);
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+
+    /** barra de render/progresso ("renderizando 9:16 · 1080p") */
+    K.progress = (label, t, d, opt = {}) => {
+      const b = Object.assign({ x: 90, y: 360, w: 900 }, opt.box);
+      K.occupy(t, opt.until || t + d + 1, b.y);
+      const g = mk("#ui", "k panel", `<div style="position:absolute;left:30px;top:28px;font:700 26px/1 var(--fS)">${esc(label)}</div><div class="pc" style="position:absolute;right:30px;top:26px;font:700 28px/1 var(--fM);color:var(--lav)">0%</div>`, { left: b.x + "px", top: b.y + "px", width: b.w + "px", height: "130px" });
+      const tr = mk(g, "", "", { position: "absolute", left: "30px", right: "30px", top: "80px", height: "12px", borderRadius: "6px", background: "rgba(255,255,255,.1)" });
+      const br = mk(tr, "", "", { height: "100%", width: "0%", borderRadius: "6px", background: "linear-gradient(90deg,var(--btnA),var(--btnB))", boxShadow: "var(--glow)" });
+      const pc = g.querySelector(".pc");
+      fromTo(g, { opacity: 0, y: 20 }, { opacity: 1, y: 0, duration: 0.3 }, t);
+      const p = { v: 0 };
+      tl.fromTo(p, { v: 0 }, { v: 100, duration: d, ease: "power1.inOut", immediateRender: false, onUpdate() { br.style.width = p.v.toFixed(1) + "%"; pc.textContent = Math.round(p.v) + "%"; } }, t + 0.2);
+      K.sfx("ding", t + 0.2 + d, 0.3);
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+
+    // ============================================================ ABERTURA EM 3D: as camadas do vídeo se separam e a frase aparece legível
+    /** explode(t0, t1, {lines:["FOI EDITADO POR","INTELIGÊNCIA","ARTIFICIAL"], phrase:"foi editado por inteligência artificial"})
+     *  Gira o quadro em 3D e afasta as camadas: 01 vídeo (fundo) · 02 texto (o que ele fala, legível) · 03 recorte dele (frente). */
+    K.explode = (t0, t1, opt = {}) => {
+      const d = opt.d || 0.6, lines = opt.lines || ["TEXTO"];
+      const plate = mk("#behind", "k", "", { left: "70px", top: (opt.top || 470) + "px", width: "940px", padding: "34px 30px", borderRadius: "28px", textAlign: "center",
+        background: "rgba(var(--panel2RGB),.8)", border: "2px solid rgba(var(--hiRGB),.55)", boxShadow: "0 0 50px rgba(var(--accRGB),.45)" });
+      const spans = [];
+      lines.forEach((ln) => {
+        const L = mk(plate, "", "", { font: `700 ${opt.size || 112}px/1.02 var(--fS)`, textTransform: "uppercase", color: "#fff", textShadow: "0 0 26px rgba(var(--accRGB),.7)" });
+        ln.split(/\s+/).forEach((w, j) => { const sp = document.createElement("span"); sp.className = "w"; sp.textContent = (j ? " " : "") + w; L.appendChild(sp); spans.push(sp); });
+      });
+      const times = opt.phrase ? K.wt(opt.phrase) : null;
+      spans.forEach((sp, i) => fromTo(sp, { opacity: 0, y: 20, filter: "blur(8px)" }, { opacity: 1, y: 0, filter: "blur(0px)", duration: 0.25, ease: "power2.out" }, times && times[i] != null ? times[i] : t0 + 0.3 + i * 0.15));
+      const tg = opt.tags || ["01 · VÍDEO BRUTO", "02 · TEXTO", "03 · RECORTE"];
+      const tags = [["#layCam", tg[0]], ["#layText", tg[1]], ["#layMatte", tg[2]]]
+        .map(([sel, txt], i) => mk(sel, "k", `<span style="display:inline-block;font:700 30px/1 var(--fM);padding:12px 18px;border-radius:8px;background:linear-gradient(90deg,var(--btnA),var(--btnB));color:#fff">${esc(txt)}</span>`, { left: (i === 0 ? 170 : 40) + "px", top: (i === 0 ? 150 : i === 2 ? 1180 : 40) + "px", zIndex: "5" }));
+      set(plate, { opacity: 1 }, t0);
+      set("#frame", { overflow: "visible", transformStyle: "preserve-3d", backgroundColor: "rgba(0,0,0,0)" }, t0);
+      set(".layer", { transformStyle: "preserve-3d" }, t0);
+      tl.to(["#tint", "#tint2"], { opacity: 0, duration: 0.3 }, t0);
+      const ry = opt.ry ?? 28, depth = opt.depth || 300;
+      tl.to("#rigInner", { rotationY: ry, rotationX: opt.rx ?? 14, scale: opt.scale ?? 0.5, x: opt.x ?? 0, y: opt.y ?? -70, duration: d, ease: "power3.inOut" }, t0);
+      tl.to("#layCam", { z: -depth, x: -300, y: -400, duration: d, ease: "power3.inOut" }, t0);
+      tl.to("#layMatte", { z: depth, x: 300, y: 560, duration: d, ease: "power3.inOut" }, t0);
+      tl.to(".lborder", { opacity: 1, duration: 0.3 }, t0 + d * 0.5);
+      show(tags, t0 + d * 0.6, 0.25);
+      tl.to("#rigInner", { rotationY: ry - 10, duration: Math.max(0.2, t1 - t0 - d), ease: "sine.inOut" }, t0 + d);
+      tl.to("#rigInner", { rotationY: 0, rotationX: 0, scale: 1, x: 0, y: 0, duration: d, ease: "power3.inOut" }, t1);
+      tl.to(["#layCam", "#layMatte"], { z: 0, x: 0, y: 0, duration: d, ease: "power3.inOut" }, t1);
+      tl.to(".lborder", { opacity: 0, duration: 0.25 }, t1);
+      K.out(tags, t1, 0.2); K.out(plate, t1 + d * 0.4, 0.25);
+      tl.to("#tint", { opacity: C.tint, duration: 0.3 }, t1 + d * 0.5); tl.to("#tint2", { opacity: C.tint2, duration: 0.3 }, t1 + d * 0.5);
+      set("#frame", { overflow: "hidden", transformStyle: "flat", backgroundColor: "#000" }, t1 + d + 0.01);
+      set(".layer", { transformStyle: "flat" }, t1 + d + 0.01);
+      K.sfx("whoosh", t0 - 0.1, 0.35); K.sfx("whoosh", t1 - 0.05, 0.3);
+      K.hideMouth(t0, t1 + d);
+      return plate;
+    };
+
+    // ============================================================ ANTES DA PERSONALIZAÇÃO × DEPOIS (substitui as "camadas")
+    /** versus({img, label, cap}, {img, label, cap, t}, t, {box}) — padrão genérico (cinza, legenda Arial) × o estilo dele */
+    K.versus = (L, R, t, opt = {}) => {
+      const b = Object.assign({ x: 90, y: C.topY, w: 900, h: 560 }, opt.box);
+      const cw = (b.w - 40) / 2;
+      const card = (side, x, good) => {
+        const e = mk("#ui", "k", "", { left: x + "px", top: b.y + 64 + "px", width: cw + "px", height: b.h - 64 + "px", borderRadius: "22px", overflow: "hidden",
+          border: good ? "3px solid rgba(var(--accRGB),.95)" : "2px solid rgba(255,255,255,.18)", boxShadow: good ? "0 0 40px rgba(var(--accRGB),.55)" : "0 16px 40px rgba(0,0,0,.5)", background: "var(--thumb)" });
+        mk(e, "", side.img ? `<img src="${side.img}" style="width:100%;height:100%;object-fit:cover;${good ? "" : "filter:grayscale(1) brightness(.85) contrast(.9)"}">` : "", { position: "absolute", inset: "0" });
+        mk(e, "", esc(side.cap || ""), good
+          ? { position: "absolute", left: "0", right: "0", top: "58%", textAlign: "center", font: "700 46px/1 var(--fS)", color: "var(--lav)", textTransform: "uppercase", textShadow: "0 0 18px rgba(var(--accRGB),.8),0 3px 10px #000" }
+          : { position: "absolute", left: "0", right: "0", bottom: "34px", textAlign: "center", font: "400 26px/1.2 Arial,sans-serif", color: "#fff", textShadow: "0 1px 3px #000" });
+        const lab = mk("#ui", "k", `<span class="pill sm up ${good ? "" : "dark"} noicon" style="height:46px;font-size:20px">${esc(side.label)}</span>`, { left: x + "px", top: b.y + "px", width: cw + "px", textAlign: "center" });
+        return [e, lab];
+      };
+      const [l1, l2] = card(L, b.x, false), [r1, r2] = card(R, b.x + cw + 40, true);
+      fromTo([l1, l2], { opacity: 0, x: -30 }, { opacity: 1, x: 0, duration: 0.35, ease: "power2.out" }, t);
+      const tr = R.t || t + 0.8;
+      fromTo([r1, r2], { opacity: 0, scale: 0.9 }, { opacity: 1, scale: 1, duration: 0.4, ease: "back.out(1.6)" }, tr);
+      tl.to(l1, { opacity: 0.55, duration: 0.3 }, tr);
+      K.sfx("pop", t, 0.3); K.sfx("shimmer", tr, 0.3);
+      if (opt.until) K.out([l1, l2, r1, r2], opt.until);
+      return [l1, r1];
+    };
+
+    // ============================================================ LEGENDA QUE SEGUE A BOCA (face-track.json)
+    const mouthHide = [];
+    const OCC = [];
+    K.occupy = (a, b, top) => { if (top > 900) OCC.push({ a, b, top }); };
+    K.hideMouth = (a, b) => mouthHide.push([a, b]);
+    /** mapeia um ponto do vídeo-fonte (px) para a tela, considerando moldura, object-fit, zoom e deslocamento atuais */
+    K.srcToCanvas = (sx, sy) => {
+      const base = $("#vsl").getBoundingClientRect(), k = base.width / W || 1;
+      const fr = $("#frame").getBoundingClientRect();
+      const fw = fr.width / k, fh = fr.height / k, fx = (fr.left - base.left) / k, fy = (fr.top - base.top) / k;
+      const op = String($("#cam").style.objectPosition || C.fullPos).split(" ").map((v) => parseFloat(v) / 100);
+      const c = Math.max(fw / W, fh / H), ox = (fw - W * c) * (op[0] ?? 0.5), oy = (fh - H * c) * (op[1] ?? 0.5);
+      const s = +gsap.getProperty("#lensCam", "scale") || 1, ty = +gsap.getProperty("#lensCam", "y") || 0;
+      const fo = String(C.focus).split(" ").map((v) => parseFloat(v) / 100), Ox = fw * fo[0], Oy = fh * fo[1];
+      return [fx + Ox + (ox + sx * c - Ox) * s, fy + Oy + (oy + sy * c - Oy) * s + ty, c * s, fw];
+    };
+    /**
+     * Legenda em blocos de 1–3 palavras que ACOMPANHA A BOCA: fica logo abaixo do queixo e se move junto com a cabeça
+     * (tracking de face-track.json); cada palavra entra com um pop na hora em que é falada. Só aparece com o rosto grande
+     * (tela cheia); some sozinha em SPLIT/PIP/TAKEOVER e nos intervalos K.hideMouth(a,b).
+     */
+    K.mouthCaps = (opt = {}) => {
+      if (!face || !face.rows || !face.rows.length) { console.warn("mouthCaps: sem assets/face-track.json"); return; }
+      const R = face.rows, fps = face.fps || 30, max = opt.max || 18, gapMax = opt.gap || 0.32;
+      const acc = new Set((opt.accent || []).map(norm));
+      const ws = words.filter((w) => w.text && w.text.trim());
+      const chunks = []; let cur = null;
+      ws.forEach((w) => {
+        const txt = w.text.replace(/[.,;:!?]+$/, "");
+        if (cur && (w.start - cur.end > gapMax || (cur.text + " " + txt).length > max || cur.n >= 3)) { chunks.push(cur); cur = null; }
+        if (!cur) cur = { text: txt, words: [{ text: txt, t: w.start }], start: w.start, end: w.end, n: 1 };
+        else { cur.text += " " + txt; cur.words.push({ text: txt, t: w.start }); cur.end = w.end; cur.n++; }
+        if (/[.!?;:,]$/.test(w.text)) { chunks.push(cur); cur = null; }
+      });
+      if (cur) chunks.push(cur);
+      const holder = mk("#cap", "", "", { position: "absolute", left: "0", top: "0", opacity: "0" });
+      chunks.forEach((ch, i) => {
+        const next = chunks[i + 1] ? chunks[i + 1].start : ch.end + 0.6;
+        const el = mk(holder, "mcap k", "", { transform: "translateX(-50%)" });
+        let best = -1, bl = 5;
+        ch.words.forEach((w, j) => { const nn = norm(w.text); if (acc.has(nn) || (opt.autoAccent !== false && nn.length > bl)) { best = j; bl = nn.length; } });
+        ch.words.forEach((w, j) => {
+          const sp = document.createElement("span"); sp.className = "w" + (j === best || acc.has(norm(w.text)) ? " acc" : ""); sp.textContent = w.text; el.appendChild(sp);
+          fromTo(sp, { opacity: 0, y: 18, scale: 0.6, filter: "blur(6px)" }, { opacity: 1, y: 0, scale: 1, filter: "blur(0px)", duration: 0.2, ease: "back.out(2)" }, w.t);
+        });
+        set(el, { opacity: 1 }, ch.start);
+        set(el, { opacity: 0 }, Math.min(next, ch.end + 0.5));
+      });
+      const off = opt.below ?? 40, sf = C.safe;
+      // roda DEPOIS de todos os tweens do quadro (callback do próprio timeline), para ler o enquadramento já atualizado
+      const prev = tl.eventCallback("onUpdate");
+      tl.eventCallback("onUpdate", function () { if (prev) prev.apply(this, arguments); follow(tl.time()); });
+      function follow(t) {
+        const hid = mouthHide.some(([a, b]) => t >= a && t < b);
+        const r = R[Math.min(R.length - 1, Math.max(0, Math.round(t * fps)))];
+        const [x, y, , fw] = K.srcToCanvas(r[1], r[4]);
+        if (hid || fw < W * 0.95) { holder.style.opacity = "0"; return; }
+        const cx = Math.max(sf.left + 260, Math.min(sf.colX - 260, x)), cy = Math.max(sf.top + 120, Math.min(sf.bottom - 90, y + off));
+        const occ = OCC.filter((o) => t >= o.a && t < o.b).reduce((m, o) => Math.min(m, o.top), 1e9);
+        const cy2 = Math.min(cy, occ - 92);
+        holder.style.opacity = "1";
+        holder.style.transform = `translate(${cx.toFixed(1)}px,${cy2.toFixed(1)}px)`;
+      }
+      return holder;
+    };
+
+    // ============================================================ PAINEL LIVRE (esquemas desenhados em HTML/SVG)
+    /**
+     * panel(html, t, {box:{x,y,w,h}, title, steps:[{sel, t, anim:'pop'|'fade'|'slide'|'draw'|'strike', d, label, sfx}], until})
+     * Card de vidro com o SEU HTML/SVG dentro. Cada step revela os filhos que casam com `sel` na palavra `t`
+     * ('draw' desenha um <path>/<circle>/<line> SVG; 'strike' cresce um risco da esquerda para a direita).
+     * Use para ilustrar exatamente o que está sendo dito (pinta no rosto, vírus × bactéria, FGTS, arroz…).
+     */
+    K.panel = (html, t, opt = {}) => {
+      const b = Object.assign({ x: 90, y: 360, w: 900, h: 520 }, opt.box);
+      const g = mk("#ui", "k panel", html, { left: b.x + "px", top: b.y + "px", width: b.w + "px", height: b.h + "px", overflow: "hidden" });
+      if (opt.title) mk(g, "kicker", esc(opt.title), { position: "absolute", left: "34px", top: "28px", color: "var(--lavT)" });
+      K.occupy(t, opt.until || t + 4, b.y);
+      fromTo(g, { opacity: 0, y: 24, filter: "blur(10px)" }, { opacity: 1, y: 0, filter: "blur(0px)", duration: 0.35, ease: "power2.out" }, t);
+      K.sfx("whoosh", t, 0.22);
+      (opt.steps || []).forEach((s) => {
+        const els = Array.from(g.querySelectorAll(s.sel));
+        if (!els.length || s.t == null) return;
+        const a = s.anim || "pop", d = s.d;
+        if (a === "draw") {
+          els.forEach((el) => {
+            const L = el.getTotalLength ? Math.ceil(el.getTotalLength()) : 800;
+            el.style.strokeDasharray = L; el.style.strokeDashoffset = L;
+            tl.fromTo(el, { strokeDashoffset: L }, { strokeDashoffset: 0, duration: d || 0.5, ease: "power2.inOut", immediateRender: false }, s.t);
+          });
+        } else if (a === "strike") {
+          els.forEach((el) => { el.style.transformOrigin = "0% 50%"; el.style.transform = "scaleX(0)"; });
+          tl.fromTo(els, { scaleX: 0 }, { scaleX: 1, duration: d || 0.25, ease: "power3.out", immediateRender: false }, s.t);
+        } else {
+          els.forEach((el) => (el.style.opacity = "0"));
+          if (a === "fade") fromTo(els, { opacity: 0 }, { opacity: 1, duration: d || 0.3, ease: "power2.out", stagger: 0.06 }, s.t);
+          else if (a === "slide") fromTo(els, { opacity: 0, x: -30 }, { opacity: 1, x: 0, duration: d || 0.35, ease: "power3.out", stagger: 0.08 }, s.t);
+          else fromTo(els, { opacity: 0, scale: 0.7, filter: "blur(6px)" }, { opacity: 1, scale: 1, filter: "blur(0px)", duration: d || 0.32, ease: "back.out(1.6)", stagger: 0.08 }, s.t);
+        }
+        if (s.sfx !== false) K.sfx(s.sfx || (a === "draw" ? "swoosh" : a === "strike" ? "stamp" : "pop"), s.t, 0.22);
+        if (s.label) K.ev("MOTION", s.label, s.t);
+      });
+      if (opt.until) K.out(g, opt.until);
+      return g;
+    };
+
+    // ------------------------------------------------------------ registro automático de edições (alimenta K.live)
+    const EV = [];
+    K.ev = (track, label, t, d = 0.6) => { if (t != null && isFinite(t)) EV.push({ track, label, t, d }); };
+    const short = (s, n = 22) => { s = String(s || "").replace(/\s+/g, " ").trim(); return s.length > n ? s.slice(0, n - 1) + "…" : s; };
+    const AUTO = {
+      cap: [(a) => a[1], "TEXTO", (a) => `legenda “${short(a[0].hl || a[0].big || a[0].acc || a[0].l1)}”`],
+      pill: [(a) => a[1], "TEXTO", (a) => `pílula “${short(a[0])}”`],
+      behindTitle: [(a) => a[1], "MOTION", (a) => `título atrás da cabeça`],
+      stack: [(a) => a[0][0].t, "TEXTO", () => "lettering animado"],
+      faceHud: [(a) => a[0], "MOTION", () => "HUD no rosto"],
+      layout: [(a) => a[1], "VÍDEO", (a) => ({ full: "tela cheia", split: "moldura + cards", pip: "apresentador no canto", splitS: "moldura", card916: "formato 9:16", card11: "formato 1:1", card169: "formato 16:9" }[a[0]] || "reenquadrar")],
+      punch: [(a) => a[0], "VÍDEO", (a) => `zoom ${(a[1] || C.punch).toFixed(2).replace(".", ",")}×`],
+      glitch: [(a) => a[0], "VÍDEO", () => "transição glitch"], flash: [(a) => a[0], "VÍDEO", () => "flash"], leak: [(a) => a[0], "VÍDEO", () => "light leak"],
+      marquee: [(a) => a[1], "MOTION", () => "letreiro em movimento"], orbit: [(a) => a[1], "MOTION", () => "cards 3D em órbita"],
+      grid: [(a) => a[0][0].t, "MOTION", () => "cards"], row3d: [(a) => a[1], "MOTION", () => "cards 3D"], fan: [(a) => a[1], "MOTION", () => "cards em leque"],
+      stamp: [(a) => a[1], "MOTION", (a) => `carimbo “${short(a[0])}”`], notes: [(a) => a[0][0].t, "TEXTO", () => "notas"],
+      layers3d: [(a) => a[1], "MOTION", () => "camadas 3D"], wall: [(a) => a[2], "MOTION", () => "mural de vídeos"],
+      beforeAfter: [(a) => a[0], "VÍDEO", () => "correção de cor"], prompt: [(a) => a[1], "MOTION", () => "prompt animado"],
+      dm: [(a) => a[1], "MOTION", () => "mockup do direct"], terminal: [(a) => a[1], "MOTION", () => "terminal"], files: [(a) => a[1], "MOTION", () => "pasta de arquivos"],
+      ring: [(a) => a[2], "MOTION", () => "anel"], price: [(a) => a[1], "MOTION", () => "card de preço"], cta: [(a) => a[1], "MOTION", () => "botão CTA"],
+      logo: [(a) => a[1], "MOTION", () => "revelação do logo"], topTitle: [(a) => a[1], "TEXTO", (a) => `título “${short(a[0].text)}”`],
+      section: [(a) => a[1], "TEXTO", (a) => `título “${short(a[0].title)}”`], kickerTop: [(a) => a[1], "TEXTO", () => "kicker"],
+      category: [(a) => a[1], "TEXTO", (a) => `categoria “${short(a[0])}”`], chain: [(a) => a[0][0].t, "TEXTO", () => "sequência de pílulas"],
+      waveCut: [(a) => a[0], "ÁUDIO", () => "análise do áudio"], manual: [(a) => a[0], "MOTION", () => "timeline manual"], compare: [(a) => a[1], "MOTION", () => "comparação de tempo"],
+      stylePanel: [(a) => a[0], "MOTION", () => "painel de estilo"], flow: [(a) => a[0][0].t, "MOTION", () => "fluxo"], comment: [(a) => a[1], "MOTION", () => "comentário"],
+      progress: [(a) => a[1], "MOTION", () => "render"], dashbox: [(a) => a[1], "MOTION", () => "quadro"],
+      explode: [(a) => a[0], "MOTION", () => "camadas separadas em 3D"], versus: [(a) => a[2], "MOTION", () => "antes × depois do estilo"],
+      panel: [(a) => a[1], "MOTION", (a) => (a[2] && a[2].title ? `esquema “${short(a[2].title)}”` : "esquema")],
+    };
+    Object.entries(AUTO).forEach(([name, [tf, track, lf]]) => {
+      const fn = K[name];
+      K[name] = function (...args) { try { K.ev(track, lf(args), tf(args)); } catch (e) { /* sem tempo → sem registro */ } return fn.apply(K, args); };
+    });
+    const sfx0 = K.sfx;
+    K.sfx = (name, t, vol) => { if (name !== "type" && name !== "tick") K.ev("SFX", name, t, 0.25); return sfx0(name, t, vol); };
+
+    /**
+     * BARRA "IA EDITANDO" fixa no topo — chame POR ÚLTIMO no beats.js: K.live(t0, t1, {hide:[[a,b]]}).
+     * Mostra timecode, contador de edições, 4 trilhas (VÍDEO/TEXTO/MOTION/ÁUDIO) com cada edição nascendo no
+     * playhead no instante em que acontece, e um aviso "+ legenda “…”" com a última edição.
+     */
+    K.live = (t0, t1, opt = {}) => {
+      const y = opt.y || C.safe.top + 2, x = 90, w = 900, h = 124, pps = opt.pps || 60;
+      const g = mk("#fx", "k panel", "", { left: x + "px", top: y + "px", width: w + "px", height: h + "px", overflow: "hidden", zIndex: "20", background: "linear-gradient(180deg,rgba(var(--panelRGB),.86),rgba(var(--panel2RGB),.9))" });
+      const dot = mk(g, "", "", { position: "absolute", left: "22px", top: "26px", width: "14px", height: "14px", borderRadius: "50%", background: "var(--acc)", boxShadow: "0 0 12px var(--acc)" });
+      mk(g, "", esc(opt.label || "IA EDITANDO"), { position: "absolute", left: "46px", top: "22px", font: "700 22px/1 var(--fS)", letterSpacing: ".06em" });
+      const tc = mk(g, "", "00:00:00", { position: "absolute", left: "22px", top: "58px", font: "600 24px/1 var(--fM)", color: "var(--lavT)" });
+      const cnt = mk(g, "", "0 edições", { position: "absolute", left: "22px", top: "92px", font: "500 17px/1 var(--fM)", color: "var(--muted)" });
+      const TR = ["VÍDEO", "TEXTO", "MOTION", "ÁUDIO"], ax = 250, aw = w - ax - 16, rowH = 22, rowG = 6, ty = 12;
+      TR.forEach((n, i) => mk(g, "", n, { position: "absolute", left: ax + "px", top: ty + i * (rowH + rowG) + 4 + "px", font: "600 12px/1 var(--fM)", color: "var(--dim)", letterSpacing: ".1em" }));
+      const lane = mk(g, "", "", { position: "absolute", left: ax + 64 + "px", top: ty + "px", width: aw - 64 + "px", height: TR.length * (rowH + rowG) + "px", overflow: "hidden" });
+      const phX = (aw - 64) * 0.72;
+      const strip = mk(lane, "", "", { position: "absolute", left: "0", top: "0", width: "100000px", height: "100%" });
+      // trilha de vídeo contínua + onda de áudio contínua (o "material")
+      mk(strip, "", "", { position: "absolute", left: phX + t0 * pps + "px", top: "0", width: (t1 - t0) * pps + "px", height: rowH + "px", borderRadius: "5px", background: "repeating-linear-gradient(90deg,rgba(var(--hiRGB),.35) 0 46px,rgba(var(--hiRGB),.18) 46px 48px)" });
+      mk(strip, "", "", { position: "absolute", left: phX + t0 * pps + "px", top: 3 * (rowH + rowG) + "px", width: (t1 - t0) * pps + "px", height: rowH + "px", borderRadius: "5px",
+        background: "repeating-linear-gradient(90deg,rgba(120,220,160,.65) 0 3px,transparent 3px 6px)", WebkitMaskImage: "repeating-linear-gradient(90deg,#000 0 18px,rgba(0,0,0,.45) 18px 30px,#000 30px 52px)" });
+      const evs = EV.filter((e) => e.t >= t0 - 0.01 && e.t <= t1).sort((a, b) => a.t - b.t);
+      const row = { "VÍDEO": 0, "TEXTO": 1, "MOTION": 2, "ÁUDIO": 3, "SFX": 3 };
+      evs.forEach((e) => {
+        const r = row[e.track] ?? 2, cut = e.track === "VÍDEO", sfx = e.track === "SFX";
+        const bw = sfx ? 6 : cut ? 4 : Math.max(18, Math.min(150, e.d * pps * 2));
+        const blk = mk(strip, "", "", { position: "absolute", left: phX + e.t * pps + "px", top: r * (rowH + rowG) + (sfx ? 4 : 0) + "px", width: bw + "px", height: (sfx ? rowH - 8 : rowH) + "px", borderRadius: "4px", opacity: "0", transformOrigin: "0% 50%",
+          background: cut ? "#fff" : sfx ? "rgba(255,255,255,.8)" : r === 1 ? "linear-gradient(90deg,var(--btnA),var(--btnB))" : "rgba(var(--accRGB),.85)", boxShadow: cut || sfx ? "none" : "0 0 10px rgba(var(--accRGB),.6)" });
+        tl.fromTo(blk, { opacity: 0, scaleX: 0 }, { opacity: 1, scaleX: 1, duration: 0.18, ease: "power2.out", immediateRender: false }, e.t);
+      });
+      mk(lane, "playhead", "", { left: phX + "px", top: "-4px", height: TR.length * (rowH + rowG) + 8 + "px", width: "2px" });
+      tl.fromTo(strip, { x: -t0 * pps }, { x: -t1 * pps, duration: t1 - t0, ease: "none", immediateRender: false }, t0);
+      const p = { v: t0 };
+      let lastN = -1;
+      tl.fromTo(p, { v: t0 }, { v: t1, duration: t1 - t0, ease: "none", immediateRender: false, onUpdate() {
+        const s = p.v, f = Math.floor((s % 1) * 30);
+        tc.textContent = `${String(Math.floor(s / 60)).padStart(2, "0")}:${String(Math.floor(s % 60)).padStart(2, "0")}:${String(f).padStart(2, "0")}`;
+        let n = 0; while (n < evs.length && evs[n].t <= s) n++;
+        const vis = evs.slice(0, n).filter((e) => e.track !== "SFX").length;
+        if (n !== lastN) { cnt.textContent = `${vis} edições`; lastN = n; }
+      } }, t0);
+      // aviso da última edição, logo abaixo da barra
+      const toast = mk("#fx", "k", "", { left: x + "px", top: y + h + 14 + "px", width: w - 24 + "px", textAlign: "right", font: "700 24px/1 var(--fS)", color: "var(--lav)", zIndex: "20", textShadow: "0 2px 12px rgba(0,0,0,.6)" });
+      evs.filter((e) => e.track !== "SFX").forEach((e, i, arr) => {
+        const next = arr[i + 1] ? arr[i + 1].t : e.t + 1.4;
+        if (next - e.t < 0.25) return;
+        set(toast, { textContent: "+ " + e.label }, e.t);
+        tl.fromTo(toast, { opacity: 0, x: 16 }, { opacity: 1, x: 0, duration: 0.18, ease: "power2.out", immediateRender: false }, e.t);
+        tl.to(toast, { opacity: 0, duration: 0.2 }, Math.min(next, e.t + 1.4) - 0.2);
+      });
+      const n = Math.floor((t1 - t0) / 0.6);
+      for (let i = 0; i < n; i++) set(dot, { opacity: i % 2 ? 1 : 0.25 }, t0 + i * 0.6);
+      fromTo(g, { opacity: 0, y: -20 }, { opacity: 1, y: 0, duration: 0.35, ease: "power3.out" }, t0);
+      (opt.hide || []).forEach(([a, b2]) => { tl.to([g, toast], { opacity: 0, duration: 0.2 }, a); tl.to(g, { opacity: 1, duration: 0.25 }, b2); });
+      tl.to([g, toast], { opacity: 0, duration: 0.3 }, t1 - 0.3);
+      return g;
+    };
+
+    return K;
+  }
+
+  window.VSL = { init };
+})();