wizz-method 2.1.1 → 2.3.0

package/src/modules/lowticket/skills/wizz-lowticket-metodologia/knowledge/06a-instagram.md

@@ -1,147 +1,147 @@
-## 6-A. Instagram da oferta — onde a venda realmente fecha
+## 6-A. The offer's Instagram — where the sale actually closes
 
-> Shard da metodologia desta base. Índice: [`INDEX.md`](INDEX.md) · Sempre carregado junto: [`guardrails.md`](guardrails.md)
-> Onde a skill genérica contradisser este shard, **o shard vence**, e isso deve ser dito na resposta.
+> Shard of this base's methodology. Index: [`INDEX.md`](INDEX.md) · Always loaded alongside: [`guardrails.md`](guardrails.md)
+> Where the generic skill contradicts this shard, **the shard wins**, and this must be stated in the response.
 
-Fonte: + `mapa-mental-instagram-forte` (site da aula, 2026-08-17). Complementa e detalha a seção 11.2 do checklist do ROI.
+Source: + `mapa-mental-instagram-forte` (the lesson's site, 2026-08-17). Complements and details section 11.2 of the ROI checklist.
 
-### 6A.1 A prova: de onde vêm as vendas
+### 6A.1 The proof: where the sales come from
 
-Operação A, 464 vendas aprovadas, por fonte:
+Operation A, 464 approved sales, by source:
 
-| Fonte | Vendas |
+| Source | Sales |
 |-------|--------|
-| Link da bio | 179 |
-| Organic / outras | 156 |
+| Bio link | 179 |
+| Organic / other | 156 |
 | Story | 77 |
-| Meta Ads (clique direto no anúncio) | 52 |
+| Meta Ads (direct click on the ad) | 52 |
 
-**Só 11% veio do clique direto no anúncio. 89% passou pelo perfil antes de comprar.** Em uma operação B, mesmo com o anúncio dominando (622 vendas diretas de 1.086 totais), o perfil quase dobrou o resultado.
+**Only 11% came from a direct click on the ad. 89% went through the profile before buying.** In an Operation B, even with the ad dominating (622 direct sales out of 1,086 total), the profile nearly doubled the result.
 
-**O contrafactual:** com perfil fraco, a mesma operação faria 52 vendas em vez de 464 — mesmo criativo, mesmo público, mesmo orçamento, e no prejuízo.
+**The counterfactual:** with a weak profile, the same operation would make 52 sales instead of 464 — same creative, same audience, same budget, and at a loss.
 
-**Por que é o maior boost de ROI da operação:** a visita ao perfil já foi paga junto com o clique. É o único lugar onde a receita sobe sem o custo subir. Criativo custa teste, CPA custa otimização, ticket custa reestruturar oferta. O perfil, não.
+**Why it's the operation's biggest ROI boost:** the profile visit was already paid for along with the click. It's the only place where revenue goes up without cost going up. The creative costs testing, CPA costs optimization, the ticket costs restructuring the offer. The profile doesn't.
 
-> A frase da aula: **o anúncio apresenta, o perfil vende.**
+> The lesson's line: **the ad introduces, the profile sells.**
 
-### 6A.2 O comportamento de quem compra
+### 6A.2 The behavior of the buyer
 
-**O gatilho é desconfiança.** Nicho concorrido + promessa forte + preço baixo: o primeiro pensamento não é "quero", é "será que é golpe?".
+**The trigger is distrust.** A crowded niche + a strong promise + a low price: the first thought isn't "I want it," it's "is this a scam?"
 
-**O julgamento acontece em ~15 segundos, nesta ordem:**
+**The judgment happens in ~15 seconds, in this order:**
 
-1. **Foto** — tem gente real aqui?
-2. **Bio** — é o que o anúncio prometeu?
-3. **Destaques** — tem prova?
-4. **Feed** — essa conta existe há mais de uma semana?
-5. **Stories** — tem alguém vivo hoje?
+1. **Photo** — are there real people here?
+2. **Bio** — is this what the ad promised?
+3. **Highlights** — is there proof?
+4. **Feed** — has this account existed for more than a week?
+5. **Stories** — is someone alive today?
 
-Passou nos cinco, compra pela bio ou pelo story. Falhou em um, sai — e o clique você pagou igual.
+Pass all five, they buy through the bio or the story. Fail one, they leave — and you paid for the click either way.
 
-### 6A.3 Anatomia do perfil
+### 6A.3 Profile anatomy
 
-- **Foto:** rosto, legível num círculo de 40px.
-- **Nome:** expert + o que entrega. É campo de busca, então usar palavra que o público procura.
-- **@:** sem número aleatório no fim.
-- **Bio:** 4 linhas — quem, prova, para quem, CTA.
-- **Link:** destino único, sempre com UTM. Link direto converte mais que agregador; se usar agregador, confirmar que ele repassa a UTM.
-- **Fixados:** 3 posts no topo.
-- **Feed:** 9 a 12 posts antes de subir tráfego.
+- **Photo:** a face, legible inside a 40px circle.
+- **Name:** expert + what it delivers. It's a search field, so use a word the audience actually searches for.
+- **Handle (@):** no random number at the end.
+- **Bio:** 4 lines — who, proof, for whom, CTA.
+- **Link:** a single destination, always with UTM. A direct link converts better than an aggregator; if using an aggregator, confirm it passes the UTM through.
+- **Pinned posts:** 3 at the top.
+- **Feed:** 9 to 12 posts before sending traffic.
 
-**Sinais de conta fake** (marcou 3 ou mais, não sobe tráfego ainda): sem foto, @ com número, bio genérica, menos de 5 posts, zero destaque, comentários desativados, story parado há uma semana.
+**Signs of a fake account** (3 or more flags, don't send traffic yet): no photo, a number in the handle, generic bio, fewer than 5 posts, zero highlights, comments disabled, story idle for a week.
 
-### 6A.3-A Verificação do perfil — categoria Comunidade
+### 6A.3-A Profile verification — Community category
 
-- Checar se o perfil está na categoria **"Comunidade"**, que é a mais fácil de verificar.
-- Usar foto coerente com o documento de identidade **da própria pessoa** (mesmo nome, mesmo gênero).
-- **Efeito relatado:** CPA e CPM mais baixos mesmo sem o selo oficial de verificado.
-- Útil sobretudo para operar em mercados como Portugal.
+- Check whether the profile is in the **"Community"** category, the easiest one to get verified.
+- Use a photo consistent with the ID document **of the actual person** (same name, same gender).
+- **Reported effect:** lower CPA and CPM even without the official verified badge.
+- Especially useful for operating in markets like Portugal.
 
-> A fonte também ensina a enviar documento de **terceiro** (o exemplo dado é usar o documento da mãe) para passar a verificação. **Este projeto não faz isso.** Ver [`guardrails.md`](guardrails.md) item 32 e [Ponto em aberto 32](pontos-em-aberto.md).
+> The source also teaches submitting a **third party's** document (the example given is using the mother's document) to pass verification. **This project does not do that.** See [`guardrails.md`](guardrails.md) item 32 and [Open item 32](pontos-em-aberto.md).
 
-### 6A.4 Destaques — organize por objeção, não por assunto
+### 6A.4 Highlights — organize by objection, not by topic
 
-A ordem que mata objeção:
+The order that kills objections:
 
-1. **RESULTADOS** — isso funciona mesmo?
-2. **COMO FUNCIONA** — o que eu recebo?
-3. **DEPOIMENTOS** — outras pessoas compraram?
-4. **DÚVIDAS** — e se não der certo pra mim?
-5. **QUEM SOU** — quem é essa pessoa?
-6. **COMPRAR** — onde eu compro?
+1. **RESULTS** — does this actually work?
+2. **HOW IT WORKS** — what do I get?
+3. **TESTIMONIALS** — have other people bought it?
+4. **QUESTIONS** — what if it doesn't work for me?
+5. **WHO I AM** — who is this person?
+6. **BUY** — where do I buy it?
 
-Regras: 5 a 7 destaques, 4 a 8 stories cada. **Todo destaque termina com um story com link.** UTM própria por destaque, para descobrir qual deles vende. Trocar o destaque de resultados a cada 15 dias.
+Rules: 5 to 7 highlights, 4 to 8 stories each. **Every highlight ends with a story that has a link.** Its own UTM per highlight, to find out which one sells. Refresh the results highlight every 15 days.
 
-### 6A.5 Rotina (a operação inteira cabe em 20 min/dia)
+### 6A.5 Routine (the whole operation fits in 20 min/day)
 
-- **Stories:** 3 a 5 por dia. Prova, bastidor, dúvida respondida. **1 story com link por dia, só um.**
-- **Reels:** 3 por semana, gravados em bloco e programados.
-- **Feed:** 2 a 3 por semana, pode ser com IA.
-- **Congruência:** tudo no perfil conversa com a oferta.
+- **Stories:** 3 to 5 a day. Proof, behind-the-scenes, an answered question. **1 story with a link per day, only one.**
+- **Reels:** 3 a week, recorded in a batch and scheduled.
+- **Feed:** 2 to 3 a week, can be AI-made.
+- **Congruence:** everything on the profile speaks to the offer.
 
-Constância vence volume. Presença constante com conteúdo relevante gera confiança; inconsistência destrói credibilidade rápido.
+Consistency beats volume. Constant presence with relevant content builds trust; inconsistency destroys credibility fast.
 
-**Comentários do anúncio** são parte do criativo — a pessoa lê antes de clicar. Responder objeção converte mais do que deletar. Ocultar spam e configurar palavras bloqueadas. Usar publicação existente para acumular prova social.
+**Comments on the ad** are part of the creative — people read them before clicking. Answering an objection converts better than deleting it. Hide spam and set up blocked words. Use an existing post to accumulate social proof.
 
-**Direct:** quem desconfia muito pergunta em vez de comprar. Ter respostas rápidas salvas, todas terminando com link, e com UTM própria — senão a venda some dentro do "organic".
+**DMs:** whoever is very distrustful asks instead of buying. Keep quick saved replies ready, all of them ending with a link, with their own UTM — otherwise the sale disappears into "organic."
 
-### 6A.6 Rastreamento — sem isso você está cego
+### 6A.6 Tracking — without this you're blind
 
-- Ativar no ícone do lápis: **vendas por fonte** e **funil de conversão**. As melhores métricas não vêm ligadas por padrão.
-- **"Organic" = venda que chegou sem UTM**: destaque cru, direct, acesso direto, recompra, recuperação. Taguear os destaques e ver o organic cair prova isso. Deixa de ser balde cego e vira dado.
-- **UTM por canal:** anúncio (template com parâmetro dinâmico), bio, story, destaque, direct, feed, recuperação. Minúscula, sem acento, padrão fixo para sempre.
-- **O que quebra o rastreamento:** encurtador que não repassa parâmetro, cloaker sem suporte a UTM, script fora do `<head>`.
-- **Compra-teste por cada caminho antes de escalar.**
+- Turn on, in the pencil icon: **sales by source** and **conversion funnel**. The best metrics aren't on by default.
+- **"Organic" = a sale that arrived with no UTM**: a raw highlight, DM, direct access, repeat purchase, recovery. Tag the highlights and watch organic drop — that proves it. It stops being a blind bucket and becomes data.
+- **UTM per channel:** ad (template with a dynamic parameter), bio, story, highlight, DM, feed, recovery. Lowercase, no accents, a fixed pattern forever.
+- **What breaks tracking:** a shortener that doesn't pass the parameter through, a cloaker with no UTM support, a script outside the `<head>`.
+- **A test purchase through every path before scaling.**
 
-### 6A.7 Encanamento: Instagram + Página + BM
+### 6A.7 Plumbing: Instagram + Page + Business Manager
 
-**O erro que mata a operação:** deixar marcado "usar a Página para representar sua empresa no Instagram". O @ do anúncio não leva a perfil nenhum — você gera a desconfiança e não dá para onde ela ir.
+**The mistake that kills the operation:** leaving "use the Page to represent your business on Instagram" checked. The ad's @ handle doesn't lead to any profile — you create the distrust and give it nowhere to go.
 
-Setup correto:
+Correct setup:
 
-1. Conta profissional tipo **Empresa**, não Criador.
-2. Página completa, com você como admin.
-3. Vincular pelo Instagram, pela Página ou pela Central de Contas.
-4. Na BM: Página, Instagram, conta de anúncios, pixel, domínio.
-5. Domínio verificado, 8 eventos priorizados, CAPI ligada.
-6. Identidade definida no nível do anúncio.
-7. Validar na prévia de Stories e Reels.
+1. A professional **Business** account, not Creator.
+2. A complete Page, with you as admin.
+3. Link it through Instagram, through the Page, or through Accounts Center.
+4. In the Business Manager: Page, Instagram, ad account, pixel, domain.
+5. Domain verified, 8 priority events, CAPI turned on.
+6. Identity set at the ad level.
+7. Validate in the Stories and Reels preview.
 
-**Posicionamentos:** Stories, Reels, Feed e Explorar ativos. Cortar Instagram para baixar CPM entrega clique barato e operação pobre.
+**Placements:** Stories, Reels, Feed and Explore all active. Cutting Instagram to lower CPM delivers a cheap click and a poor operation.
 
-**Travamentos comuns:** IG não aparece na identidade (falta adicionar na BM); "já conectada a outra Página" (desvincular na antiga); conta de Criador (trocar para Empresa).
+**Common blockers:** IG doesn't show up in the identity (needs to be added in the Business Manager); "already connected to another Page" (unlink it from the old one); a Creator account (switch to Business).
 
-**Segurança:** 2FA no Instagram, no Facebook e na BM. Admin reserva em outra conta. E-mail da operação, nunca o pessoal.
+**Security:** 2FA on Instagram, on Facebook and on the Business Manager. A backup admin on another account. A business email, never the personal one.
 
-### 6A.8 Ofertas, ângulos e perfis
+### 6A.8 Offers, angles and profiles
 
-> **O expert em si mudou para a [`09-especialista-coproducao.md`](09-especialista-coproducao.md)**, junto com co-produção. O que fica aqui é o que é decisão de perfil de Instagram.
+> **The expert topic itself moved to [`09-especialista-coproducao.md`](09-especialista-coproducao.md)**, along with co-production. What stays here is what's an Instagram-profile decision.
 
-**Criação de oferta: nunca uma, sempre cinco ao mesmo tempo.** O objetivo é acertar uma que escale. Recomendação da aula: uma oferta principal com ~10 entregáveis comuns e ofertas secundárias variando por sub-nicho ou ângulo.
+**Creating an offer: never just one, always five at the same time.** The goal is to land one that scales. The lesson's recommendation: one main offer with ~10 common deliverables and secondary offers varying by sub-niche or angle.
 
-**Ângulos = mesma oferta, público diferente.** Trocar o ângulo ressuscita oferta morta. Exemplo da aula: ângulo 1 já escalou (+500k); ângulo 2 deu lucro de 4.500 em 1 mês e 6 dias. "Não vale meu tempo" ≠ "não dá dinheiro".
+**Angles = same offer, different audience.** Changing the angle revives a dead offer. Example from the lesson: angle 1 already scaled (+500k); angle 2 produced a profit of 4,500 in 1 month and 6 days. "Not worth my time" ≠ "doesn't make money."
 
-**Quantos perfis eu preciso?**
+**How many profiles do I need?**
 
-- Ângulos da mesma oferta → mesmo perfil.
-- Ofertas diferentes → perfis separados.
-- Experts diferentes → perfis separados.
+- Angles of the same offer → same profile.
+- Different offers → separate profiles.
+- Different experts → separate profiles.
 
-### 6A.9 Ler o funil: persiga venda cara, não CPA baixo
+### 6A.9 Reading the funnel: chase the expensive sale, not the low CPA
 
-Exemplos numéricos da aula:
+Numeric examples from the lesson:
 
-- **Connect rate:** perda de 25% num WordPress antigo; ganho de +12% migrando para builder novo. Nem todo furo vale tapar, mas tem que ser escolha, não ignorância.
-- **Página com VSL x sem VSL:** com VSL 75→32; sem VSL 87→35. (Sem VSL entrega mais gente na página e converte parecido no fim.)
-- **Recorrência distorce o funil:** vendas iniciadas aparecem acima do checkout iniciado, porque parte das pessoas vai direto para o checkout.
+- **Connect rate:** a 25% loss on an old WordPress site; a +12% gain from migrating to a new builder. Not every leak is worth plugging, but it has to be a choice, not ignorance.
+- **Page with VSL vs. without VSL:** with VSL 75→32; without VSL 87→35. (No VSL delivers more people to the page and converts about the same at the end.)
+- **Recurrence distorts the funnel:** sales initiated show up above checkout initiated, because some people go straight to checkout.
 
-**A leitura mais importante:**
+**The most important takeaway:**
 
-| | Ângulo 1 | Ângulo 2 |
+| | Angle 1 | Angle 2 |
 |---|---|---|
-| CPA | R$ 7,42 | R$ 5,18 |
-| RPU | — | R$ 8,37 |
+| CPA | R$7.42 | R$5.18 |
+| RPU | — | R$8.37 |
 
-O CPA mais barato é o que tem o **ROI pior**: o ângulo 2 converte muito, mas atrai gente que paga barato. Só mudando o ângulo, o ticket subiu +R$10.
+The cheaper CPA is the one with the **worse ROI**: angle 2 converts a lot, but it attracts people who pay less. Just by changing the angle, the ticket went up +R$10.
 
-> **REGRA: persiga venda cara, não CPA baixo.**
+> **RULE: chase the expensive sale, not the low CPA.**

package/src/modules/lowticket/skills/wizz-lowticket-metodologia/knowledge/06b-player-vsl.md

@@ -1,79 +1,79 @@
-## 6-B. Player de VSL customizado — as duas especificações
+## 6-B. Custom VSL player — the two specifications
 
-> Shard da metodologia desta base. Índice: [`INDEX.md`](INDEX.md) · Sempre carregado junto: [`guardrails.md`](guardrails.md)
-> Onde a skill genérica contradisser este shard, **o shard vence**, e isso deve ser dito na resposta.
+> Shard of this base's methodology. Index: [`INDEX.md`](INDEX.md) · Always loaded alongside: [`guardrails.md`](guardrails.md)
+> Where the generic skill contradicts this shard, **the shard wins**, and this must be stated in the response.
 
-**O que tem aqui:** `6B.1` especificação de player próprio estilo VTurb · `6B.2` especificação para substituir o embed do YouTube · `6B.3` o que cada especificação resolve
-**Irmão:** anatomia da página e connect rate em [`06-pagina-vendas.md`](06-pagina-vendas.md)
+**What's here:** `6B.1` spec for a VTurb-style custom player · `6B.2` spec for replacing the YouTube embed · `6B.3` what each spec solves
+**Sibling:** page anatomy and connect rate in [`06-pagina-vendas.md`](06-pagina-vendas.md)
 
 
-§6.3 e §6.4 de [`06-pagina-vendas.md`](06-pagina-vendas.md) já dizem **que** se usa capa estática e player customizado no lugar do embed padrão — "capa estática no lugar do player, que vira o LCP" e "player de vídeo customizado sobre YouTube, com controles parecidos com os do VTurb". Este shard traz as duas especificações operacionais que dizem **como**.
+§6.3 and §6.4 of [`06-pagina-vendas.md`](06-pagina-vendas.md) already say **that** a static cover and a custom player are used instead of the default embed — "a static cover in place of the player, which becomes the LCP" and "a custom video player built on top of YouTube, with controls similar to VTurb's." This shard brings the two operational specifications that say **how**.
 
-### 6B.1 Especificação: player próprio, estilo VTurb
+### 6B.1 Specification: a custom player, VTurb-style
 
-Cobre: posição do player logo abaixo da headline sem conteúdo intermediário, autoplay mudo, aviso "Clique para ouvir", barra de progresso não clicável, ocultar a duração, bloquear pause/seek, responsivo, animação de pulsar no botão de som, pausar ao sair da tela e retomar ao voltar.
+Covers: the player positioned right below the headline with no content in between, muted autoplay, a "Click to listen" notice, a non-clickable progress bar, hiding the duration, blocking pause/seek, responsive, a pulsing animation on the sound button, pausing when it leaves the screen and resuming when it comes back.
 
-> **Regra adotada (2026-09-04, decisão do dono da operação).** A barra adiantada fica: é o comportamento padrão de player de VSL no nicho, não viola termo de plataforma nenhum e não põe a conta em risco. A especificação vale inteira, item 10 incluído. Registrado em [Ponto em aberto 33](pontos-em-aberto.md) porque é padrão escuro assumido, não porque esteja proibido.
+> **Rule adopted (2026-09-04, operation owner's decision).** The advanced progress bar stays: it's standard VSL player behavior in the niche, doesn't violate any platform terms, and doesn't put the account at risk. The full spec applies, item 10 included. Recorded in [Open item 33](pontos-em-aberto.md) because it's an accepted dark pattern, not because it's prohibited.
 
-O player recebe a URL do vídeo (hospedado externamente) como parâmetro de entrada e usa essa URL como fonte. Ele fica posicionado imediatamente após a headline principal da página, sem nenhum conteúdo intermediário: headline principal → player da VSL → restante da página. A partir daí, valem estes requisitos de design e comportamento:
+The player receives the video URL (hosted externally) as an input parameter and uses that URL as its source. It sits immediately after the page's main headline, with no content in between: main headline → VSL player → rest of the page. From there, these design and behavior requirements apply:
 
-1. O vídeo inicia automaticamente mudo (autoplay muted).
-2. O canto superior do player mostra o texto "Clique para ouvir" junto com um ícone de som/mudo.
-3. Ao clicar no botão, o áudio é ativado e o aviso desaparece.
-4. A parte inferior do player tem uma barra de progresso estilo cronômetro, minimalista, que avança conforme o vídeo, não aceita clique nem arraste (só visual) e usa as cores principais do site.
-5. A duração total do vídeo fica totalmente oculta (nenhum tempo total é mostrado).
-6. O player bloqueia qualquer pausa ou avanço: sem botão de pause, sem botão de avançar, timeline não clicável.
-7. Visual limpo, minimalista, sem distrações.
-8. Player totalmente responsivo: mobile, tablet e desktop.
-9. O botão "Clique para ouvir" tem animação leve (pulsar/fade) para incentivar o clique.
-10. Barra de progresso, comportamento simulado (especificação técnica, não é 1:1 com `currentTime`/`duration`): calcula-se um progresso visual `P_vis` que tende a ficar adiantado em relação ao progresso real do vídeo, para dar a sensação de que ele "avança rápido e está quase terminando", sem chegar a mentir por completo sobre quanto falta. Implementação de referência:
-   - `t_real` = tempo atual do vídeo (`video.currentTime`); `d` = duração total (`video.duration`).
-   - `leadFactor` inicial entre 1.05 e 1.25 (fator que faz o progresso visual andar mais rápido que o real) — por exemplo, 1.15.
-   - `P_target = clamp((t_real * leadFactor) / d, 0, 0.95)`, ou seja, nunca deixar `P_target` chegar a 0.95 cedo demais.
-   - Inserir de 1 a 3 pausas/plateaus curtos e aleatórios em `P_vis` (200 a 800ms cada) para reforçar a sensação de "quase lá, mas ainda não".
-   - Quando `t_real` atinge `d * 0.9` (últimos 10% do vídeo), remover o limite e fazer um catch-up suave: interpolar `P_vis` até 1.0 sincronizando com os segundos reais restantes (ease-out rápido), garantindo que a barra chegue a 100% perto do fim real do vídeo.
-   - Nunca mostrar 100% antes do vídeo terminar de fato.
-   - O movimento da barra usa easing suave (ex.: `cubic-bezier(.2,.9,.2,1)`) para evitar saltos bruscos.
-   - As cores da barra usam as cores principais do site, expostas como variáveis CSS para facilitar customização.
-   - A barra é só indicativa: não é interativa, não mostra tempo, não permite seek.
-11. Se o usuário rolar a página para baixo e o player sair parcial ou totalmente da tela, o vídeo pausa automaticamente.
-12. Quando o scroll trouxer o player de volta à área visível, o vídeo pode retomar automaticamente do ponto onde parou.
-13. O player fica logo abaixo da headline principal, com estrutura limpa e focada em conversão.
+1. The video starts automatically, muted (autoplay muted).
+2. The player's top corner shows the text "Clique para ouvir" (Click to listen) along with a sound/mute icon.
+3. Clicking the button turns on the audio and the notice disappears.
+4. The bottom of the player has a minimalist, timer-style progress bar that advances with the video, doesn't accept clicks or dragging (visual only), and uses the site's main colors.
+5. The video's total duration stays fully hidden (no total time shown).
+6. The player blocks any pause or skip: no pause button, no forward button, non-clickable timeline.
+7. Clean, minimalist visuals, no distractions.
+8. Fully responsive player: mobile, tablet and desktop.
+9. The "Clique para ouvir" (Click to listen) button has a light animation (pulse/fade) to encourage the click.
+10. Progress bar, simulated behavior (technical spec, not 1:1 with `currentTime`/`duration`): calculate a visual progress `P_vis` that tends to run ahead of the video's real progress, to give the feeling that it's "moving fast and almost done," without fully lying about how much is left. Reference implementation:
+   - `t_real` = the video's current time (`video.currentTime`); `d` = total duration (`video.duration`).
+   - initial `leadFactor` between 1.05 and 1.25 (a factor that makes the visual progress run faster than the real one) — e.g., 1.15.
+   - `P_target = clamp((t_real * leadFactor) / d, 0, 0.95)`, i.e., never let `P_target` reach 0.95 too early.
+   - Insert 1 to 3 short, random pauses/plateaus in `P_vis` (200 to 800ms each) to reinforce the feeling of "almost there, but not yet."
+   - When `t_real` reaches `d * 0.9` (the last 10% of the video), remove the cap and do a smooth catch-up: interpolate `P_vis` to 1.0 syncing with the real remaining seconds (a fast ease-out), ensuring the bar reaches 100% near the video's actual end.
+   - Never show 100% before the video has actually finished.
+   - The bar's movement uses smooth easing (e.g. `cubic-bezier(.2,.9,.2,1)`) to avoid abrupt jumps.
+   - The bar's colors use the site's main colors, exposed as CSS variables for easy customization.
+   - The bar is purely indicative: not interactive, shows no time, allows no seeking.
+11. If the user scrolls down and the player leaves the screen partially or fully, the video pauses automatically.
+12. When scrolling brings the player back into view, the video can resume automatically from where it left off.
+13. The player sits right below the main headline, with a clean structure focused on conversion.
 
-Entregável: código completo em HTML, CSS e JavaScript implementando este player totalmente customizado, usando a URL do vídeo informada como fonte.
+Deliverable: complete HTML, CSS and JavaScript code implementing this fully custom player, using the given video URL as the source.
 
-### 6B.2 Especificação: substituir o embed do YouTube
+### 6B.2 Specification: replacing the YouTube embed
 
-Cobre: thumbnail `https://img.youtube.com/vi/{VIDEO_ID}/maxresdefault.jpg` como estado inicial, troca para iframe com autoplay ao clicar, overlay com cor de destaque a 50% de opacidade, textos "Seu vídeo já começou" e "Clique para ouvir", ícone de alto-falante mutado, animação de pulse, componente client-side, responsivo. Esta especificação **não tem** bloqueio: é a implementação concreta do que §6.3 já pede (capa estática vira o LCP, script entra na primeira intenção).
+Covers: a `https://img.youtube.com/vi/{VIDEO_ID}/maxresdefault.jpg` thumbnail as the initial state, switching to an iframe with autoplay on click, an overlay with the accent color at 50% opacity, the texts "Seu vídeo já começou" (Your video has already started) and "Clique para ouvir" (Click to listen), a muted speaker icon, a pulse animation, a client-side component, responsive. This specification **has no** dark pattern: it's the concrete implementation of what §6.3 already asks for (a static cover becomes the LCP, the script loads on first intent).
 
-Problema que resolve: o embed padrão do YouTube polui a interface, especialmente no mobile, com elementos indesejados — logo do YouTube, botão "assistir no YouTube", título do vídeo, foto de perfil do canal.
+Problem it solves: the default YouTube embed clutters the interface, especially on mobile, with unwanted elements — the YouTube logo, the "watch on YouTube" button, the video title, the channel's profile photo.
 
-Comportamento:
+Behavior:
 
-- Estado inicial: mostra a thumbnail do vídeo do YouTube como imagem estática (`https://img.youtube.com/vi/{VIDEO_ID}/maxresdefault.jpg`), com um overlay/botão centralizado por cima incentivando o clique.
-- Ao clicar: substitui a thumbnail pelo iframe do YouTube com autoplay ativado (`?autoplay=1&rel=0&modestbranding=1&playsinline=1`), reproduzindo o vídeo direto na página.
+- Initial state: shows the YouTube video's thumbnail as a static image (`https://img.youtube.com/vi/{VIDEO_ID}/maxresdefault.jpg`), with a centered overlay/button on top encouraging the click.
+- On click: replaces the thumbnail with the YouTube iframe with autoplay enabled (`?autoplay=1&rel=0&modestbranding=1&playsinline=1`), playing the video directly on the page.
 
-Design do botão overlay:
+Overlay button design:
 
-- Caixa centralizada sobre a thumbnail, com cantos arredondados.
-- Cor de fundo: a cor de destaque/accent do site, a 50% de opacidade, para o rosto/thumbnail ficar visível por trás.
-- Textos e ícone em preto (ou em cor que contraste com o accent do site).
-- Texto superior: "Seu vídeo já começou".
-- Ícone central: alto-falante mutado (ondas sonoras com linha diagonal cortando).
-- Texto inferior: "Clique para ouvir".
-- Tamanho compacto: não domina a thumbnail, só chama atenção.
-- Animação de pulse infinita: o botão pulsa suavemente (cerca de 6% de scale, mais intensificação do glow/shadow) em loop de 2 segundos.
-- Efeito hover: leve scale up adicional.
+- A centered box over the thumbnail, with rounded corners.
+- Background color: the site's accent color, at 50% opacity, so the face/thumbnail stays visible behind it.
+- Text and icon in black (or a color that contrasts with the site's accent).
+- Top text: "Seu vídeo já começou" (Your video has already started).
+- Center icon: a muted speaker (sound waves with a diagonal line through them).
+- Bottom text: "Clique para ouvir" (Click to listen).
+- Compact size: doesn't dominate the thumbnail, just draws attention.
+- Infinite pulse animation: the button pulses gently (about 6% scale, plus intensified glow/shadow) in a 2-second loop.
+- Hover effect: a slight additional scale-up.
 
-Requisitos técnicos:
+Technical requirements:
 
-- Componente client-side (`'use client'`) com estado para alternar entre thumbnail e iframe.
-- Responsivo: tamanhos menores no mobile, maiores no desktop.
-- Overlay escuro sutil (`bg-black/25`) sobre a thumbnail inteira, para dar profundidade antes do botão.
+- A client-side component (`'use client'`) with state to toggle between the thumbnail and the iframe.
+- Responsive: smaller sizes on mobile, larger on desktop.
+- A subtle dark overlay (`bg-black/25`) over the whole thumbnail, to add depth before the button.
 
-### 6B.3 O que cada especificação resolve
+### 6B.3 What each specification solves
 
-| Especificação | Resolve |
+| Specification | Solves |
 |---|---|
-| 6B.1 (player próprio) | controle da sessão de visualização — autoplay mudo, sem pause/seek, retomar ao voltar à tela |
-| 6B.2 (substituir embed) | performance e limpeza visual no mobile — o embed padrão do YouTube polui com logo, título, foto do canal e botão "assistir no YouTube" |
+| 6B.1 (custom player) | control over the viewing session — muted autoplay, no pause/seek, resume when back on screen |
+| 6B.2 (replacing the embed) | performance and visual cleanliness on mobile — the default YouTube embed clutters things with the logo, title, channel photo and "watch on YouTube" button |