// FOX ON — interações leves
(function () {
  'use strict';

  // Ano do rodapé (substitui inline <script> pra CSP estrito)
  var yearEl = document.getElementById('year');
  if (yearEl) yearEl.textContent = String(new Date().getFullYear());

  // Header pill — aparece quando começa o scroll
  function updateScrollState() {
    if (window.scrollY > 12) {
      document.body.classList.add('is-scrolled');
    } else {
      document.body.classList.remove('is-scrolled');
    }
  }
  updateScrollState();
  // rAF throttle — coalesce múltiplos scroll events em 1 frame
  var scrollRafId = 0;
  window.addEventListener('scroll', function () {
    if (scrollRafId) return;
    scrollRafId = requestAnimationFrame(function () {
      updateScrollState();
      scrollRafId = 0;
    });
  }, { passive: true });

  // Pill nav spotlight — luz suave que segue o cursor no bar inteiro
  const navBar = document.querySelector('.nav__pill');
  if (navBar && window.matchMedia('(hover: hover)').matches) {
    navBar.addEventListener('pointermove', function (e) {
      const rect = navBar.getBoundingClientRect();
      navBar.style.setProperty('--mx', (e.clientX - rect.left) + 'px');
      navBar.style.setProperty('--my', (e.clientY - rect.top) + 'px');
    });
  }

  // Mobile menu toggle
  const toggle = document.querySelector('.nav__toggle');
  const menu = document.querySelector('.nav__menu');
  if (toggle && menu) {
    toggle.addEventListener('click', function () {
      menu.classList.toggle('is-open');
      const expanded = menu.classList.contains('is-open');
      toggle.setAttribute('aria-expanded', String(expanded));
    });
    menu.querySelectorAll('a').forEach(function (a) {
      a.addEventListener('click', function () {
        menu.classList.remove('is-open');
      });
    });
  }

  // FAQ accordion
  document.querySelectorAll('.faq__item').forEach(function (item) {
    const btn = item.querySelector('.faq__q');
    if (!btn) return;
    btn.addEventListener('click', function () {
      item.classList.toggle('is-open');
      const expanded = item.classList.contains('is-open');
      btn.setAttribute('aria-expanded', String(expanded));
    });
  });

  // Cadastro form — captura local (sem backend ainda)
  const form = document.querySelector('[data-form="cadastro"]');
  if (form) {
    const msg = form.querySelector('.form__msg');
    form.addEventListener('submit', function (e) {
      e.preventDefault();
      const data = new FormData(form);
      const email = (data.get('email') || '').toString().trim();
      const nome = (data.get('nome') || '').toString().trim();
      if (!nome || !email || !email.includes('@')) {
        if (msg) {
          msg.textContent = 'Preencha nome e um email válido.';
          msg.classList.add('is-visible');
          msg.classList.remove('form__msg--success');
        }
        return;
      }
      if (msg) {
        msg.textContent = 'Cadastro recebido. Em breve entraremos em contato.';
        msg.classList.add('is-visible', 'form__msg--success');
      }
      form.reset();
    });
  }

  // Marca link ativo na nav baseado no pathname
  const path = (location.pathname.split('/').pop() || 'index.html').toLowerCase();
  document.querySelectorAll('.nav__menu a').forEach(function (a) {
    const href = (a.getAttribute('href') || '').toLowerCase();
    if (href === path || (path === '' && href === 'index.html')) {
      a.classList.add('is-active');
    }
  });

  // ========================================================
  // i18n — multi-language site (PT/EN/ES)
  // ========================================================
  var translations = {
    pt: {
      common: { saibaMais: 'Saiba mais', criarConta: 'Criar conta', comecarAgora: 'COMEÇAR AGORA' },
      nav: { inicio: 'Início', recursos: 'Recursos', faq: 'FAQ', indique: 'Indique e Ganhe', entrar: 'Entrar', abrirConta: 'Criar conta' },
      hero: {
        title: 'O próximo nível do seu capital.',
        lead: 'Acesse criptomoedas, ativos digitais e mercados globais através de uma infraestrutura moderna, rápida e segura.',
        ctaPrimary: 'Criar conta',
        ctaSecondary: 'Entrar'
      },
      vip: {
        title: 'Onde grandes investidores <em>escolhem estar.</em>',
        sub: 'Execução precisa. Ambiente sem bloqueios. Uma estrutura criada para o trader profissional',
        execucao: { eyebrow: 'EXECUÇÃO', title: 'Execução em milissegundos', desc: 'Operações rápidas com estabilidade mesmo em momentos de alta volatilidade.' },
        suporte: { eyebrow: 'SUPORTE', title: 'Suporte trader 24/7', desc: 'Atendimento especializado para dúvidas operacionais, saque, depósito e uso da plataforma.' },
        programa: { eyebrow: 'PROGRAMA VIP', title: 'Benefícios reais para alto volume.', desc: 'Payouts superiores, saques prioritários, gerente dedicado e condições exclusivas pra quem opera em escala.', cta: 'Conheça os níveis VIP' },
        graficos: { eyebrow: 'GRÁFICOS', title: 'Parceira TradingView.', desc: 'Integração completa com a referência mundial em análise técnica. Indicadores genuínos, ambiente profissional, decisão informada.' }
      },
      choose: {
        title: '<em>Liberdade</em> para executar sua <em>visão de mercado</em>.',
        lead: 'Defina capital, tempo e estratégia em uma plataforma criada para traders exigentes.',
        valorLabel: 'VALOR', duracaoLabel: 'DURAÇÃO', duracaoValue: '5 min'
      },
      payments: { eyebrow: 'Multi-moedas', title: '<span class="flag-circle flag-circle--br" aria-hidden="true"><svg viewBox="0 0 100 100"><defs><clipPath id="flagBR"><circle cx="50" cy="50" r="50"/></clipPath></defs><g clip-path="url(#flagBR)"><rect width="100" height="100" fill="#009C3B"/><polygon points="50,12 90,50 50,88 10,50" fill="#FFDF00"/><circle cx="50" cy="50" r="17" fill="#002776"/></g></svg></span>Real ou <span class="flag-circle flag-circle--us" aria-hidden="true"><svg viewBox="0 0 100 100"><defs><clipPath id="flagUS"><circle cx="50" cy="50" r="50"/></clipPath></defs><g clip-path="url(#flagUS)"><rect width="100" height="100" fill="#fff"/><rect y="0" width="100" height="7.7" fill="#B22234"/><rect y="15.4" width="100" height="7.7" fill="#B22234"/><rect y="30.8" width="100" height="7.7" fill="#B22234"/><rect y="46.2" width="100" height="7.7" fill="#B22234"/><rect y="61.5" width="100" height="7.7" fill="#B22234"/><rect y="76.9" width="100" height="7.7" fill="#B22234"/><rect y="92.3" width="100" height="7.7" fill="#B22234"/><rect width="40" height="53.8" fill="#3C3B6E"/></g></svg></span>Dólar. <em>Sua próxima operação começa agora.</em>', lead: 'Abra sua conta, escolha sua moeda e opere os principais ativos digitais do mercado global em uma experiência simples e eficiente.' },
      reach: {
        eyebrow: 'ESTRUTURA',
        title: 'Plataforma pronta pra <em>operar onde o mercado está.</em>',
        lead: 'Cripto não dorme. A FOX ON foi construída pra acompanhar — execução em milissegundos, multi-moeda nativa, regras públicas e suporte humano em português.',
        stat1: 'Usuários Cadastrados', stat2: 'Traders Ativos', stat3: 'Payout Alto', stat4: 'De Operações',
        tag1: 'Liquidez diária', tag2: 'Segurança', tag3: 'Execução direta'
      },
      howto: {
        eyebrow: 'COMO FUNCIONA',
        title: 'Comece a operar na <strong>FOX ON</strong><br/>em <em>3 passos simples</em>',
        lead: 'Cadastro rápido, conta demo pra conhecer a plataforma e operação real quando você decidir.<br/>Sem burocracia, sem espera, sem firula.',
        s1: { title: 'Crie sua conta', desc: 'Email, senha e pronto. KYC entra quando você for liberar a operação real — sem fricção desnecessária no começo.', feat: 'Cadastro em poucos segundos' },
        s2: { title: 'Pratique na conta demo', desc: 'Saldo virtual liberado pra testar estratégia, conhecer os gráficos e entender o risco antes de operar de verdade.', feat: 'Saldo virtual. Sem risco real.' },
        s3: { title: 'Deposite e opere', desc: 'Primeiro depósito em cripto, BRL ou USD. Saldo na hora, plataforma liberada — payout e risco visíveis antes de cada entrada.', feat: 'Decisão informada antes da entrada' }
      },
      testimonials: {
        eyebrow: 'Feedbacks', title: 'Veja o que nossos <em>traders</em> têm a dizer', lead: 'A experiência de operar com a FOX ON.',
        t1: 'Suporte humano em português faz diferença. Tirei dúvida sobre depósito em cripto e me responderam em minutos. Operacional sólido.',
        t2: 'Conheci pela indicação de um amigo. Cadastro rápido, plataforma fluida e payout visível antes de cada entrada. Sem firula, do jeito que tem que ser.',
        t3: 'A plataforma roda muito bem no celular. Interface simples, execução sem travada, gráfico do TradingView nativo. Mudou minha rotina de operação.',
        t4: 'Curti o programa de afiliados da FOX ON. Indiquei pra 6 amigos, comissão entrou certinha — recebi R$ 300 e saquei na hora. Vou continuar indicando.'
      },
      feedback: { label: 'Deixe seu feedback', placeholder: 'Conta pra gente como é operar na FOX ON...', submit: 'Enviar' },
      cta: { title: 'Pronto pra operar de verdade?', desc: 'Cadastro em minutos. Verificação rápida. Depósito em cripto, saldo na hora.', button: 'Abrir conta' },
      footer: {
        tagline: 'Plataforma de opções binárias de nível institucional, projetada para execução, transparência e segurança.',
        colPlataforma: 'Plataforma', colPoliticas: 'Políticas', colMais: 'Mais',
        linkCriarConta: 'Criar conta', linkEntrar: 'Entrar', linkRecursos: 'Recursos', linkSeguranca: 'Segurança', linkComoFunciona: 'Como funciona', linkFaq: 'FAQ',
        linkPrivacidade: 'Política de Privacidade', linkPagamentos: 'Política de Pagamentos', linkSaque: 'Política de Saque', linkTermos: 'Termos e Condições', linkAml: 'AML & KYC',
        linkRisco: 'Aviso de Risco', linkDemo: 'Conta Demo', linkCookies: 'Cookies', linkSobre: 'Sobre', linkContato: 'Contato',
        disclaimer: '<strong>Aviso de risco.</strong> Operações com opções binárias envolvem risco substancial de perda do capital. Resultados passados não garantem resultados futuros. Antes de operar, avalie se o produto é adequado ao seu perfil. A FOX ON não oferece consultoria de investimento.',
        rights: 'FOX ON. Todos os direitos reservados.',
        tagSerious: 'Feito com seriedade.'
      }
    },
    en: {
      common: { saibaMais: 'Learn more', criarConta: 'Create account', comecarAgora: 'GET STARTED' },
      nav: { inicio: 'Home', recursos: 'Features', faq: 'FAQ', indique: 'Refer & Earn', entrar: 'Log in', abrirConta: 'Create account' },
      hero: {
        title: 'The next level of your capital.',
        lead: 'Access cryptocurrencies, digital assets and global markets through a modern, fast and secure infrastructure.',
        ctaPrimary: 'Create account',
        ctaSecondary: 'Log in'
      },
      vip: {
        title: 'Where major investors <em>choose to be.</em>',
        sub: 'Precise execution. An environment with no restrictions. A structure built for the professional trader',
        execucao: { eyebrow: 'EXECUTION', title: 'Millisecond execution', desc: 'Fast operations with stability even in high-volatility moments.' },
        suporte: { eyebrow: 'SUPPORT', title: '24/7 trader support', desc: 'Specialized service for operational questions, withdrawals, deposits and platform usage.' },
        programa: { eyebrow: 'VIP PROGRAM', title: 'Real benefits for high volume.', desc: 'Higher payouts, priority withdrawals, dedicated manager and exclusive conditions for those who trade at scale.', cta: 'Discover VIP tiers' },
        graficos: { eyebrow: 'CHARTS', title: 'TradingView partner.', desc: 'Full integration with the world reference in technical analysis. Genuine indicators, professional environment, informed decisions.' }
      },
      choose: {
        title: '<em>Freedom</em> to execute your <em>market vision</em>.',
        lead: 'Set capital, time and strategy on a platform built for demanding traders.',
        valorLabel: 'AMOUNT', duracaoLabel: 'DURATION', duracaoValue: '5 min'
      },
      payments: { eyebrow: 'Multi-currency', title: '<span class="flag-circle flag-circle--br" aria-hidden="true"><svg viewBox="0 0 100 100"><defs><clipPath id="flagBR"><circle cx="50" cy="50" r="50"/></clipPath></defs><g clip-path="url(#flagBR)"><rect width="100" height="100" fill="#009C3B"/><polygon points="50,12 90,50 50,88 10,50" fill="#FFDF00"/><circle cx="50" cy="50" r="17" fill="#002776"/></g></svg></span>BRL or <span class="flag-circle flag-circle--us" aria-hidden="true"><svg viewBox="0 0 100 100"><defs><clipPath id="flagUS"><circle cx="50" cy="50" r="50"/></clipPath></defs><g clip-path="url(#flagUS)"><rect width="100" height="100" fill="#fff"/><rect y="0" width="100" height="7.7" fill="#B22234"/><rect y="15.4" width="100" height="7.7" fill="#B22234"/><rect y="30.8" width="100" height="7.7" fill="#B22234"/><rect y="46.2" width="100" height="7.7" fill="#B22234"/><rect y="61.5" width="100" height="7.7" fill="#B22234"/><rect y="76.9" width="100" height="7.7" fill="#B22234"/><rect y="92.3" width="100" height="7.7" fill="#B22234"/><rect width="40" height="53.8" fill="#3C3B6E"/></g></svg></span>USD. <em>Your next trade starts now.</em>', lead: 'Open your account, choose your currency and trade the leading digital assets of the global market in a simple, efficient experience.' },
      reach: {
        eyebrow: 'STRUCTURE',
        title: 'Platform built to <em>operate where the market is.</em>',
        lead: 'Crypto never sleeps. FOX ON was built to keep up — millisecond execution, native multi-currency, public rules and human support in Portuguese.',
        stat1: 'Registered Users', stat2: 'Active Traders', stat3: 'High Payout', stat4: 'Operations',
        tag1: 'Daily liquidity', tag2: 'Security', tag3: 'Direct execution'
      },
      howto: {
        eyebrow: 'HOW IT WORKS',
        title: 'Start trading on <strong>FOX ON</strong><br/>in <em>3 simple steps</em>',
        lead: 'Quick signup, demo account to learn the platform and real trading when you decide.<br/>No bureaucracy, no waiting, no fuss.',
        s1: { title: 'Create your account', desc: 'Email, password and done. KYC kicks in when you go to enable real trading — no unnecessary friction at the start.', feat: 'Signup in seconds' },
        s2: { title: 'Practice on the demo account', desc: 'Virtual balance unlocked to test strategy, learn the charts and understand risk before trading for real.', feat: 'Virtual balance. No real risk.' },
        s3: { title: 'Deposit and trade', desc: 'First deposit in crypto, BRL or USD. Instant balance, platform unlocked — payout and risk visible before each entry.', feat: 'Informed decision before entry' }
      },
      testimonials: {
        eyebrow: 'Feedback', title: 'See what our <em>traders</em> have to say', lead: 'The experience of trading with FOX ON.',
        t1: 'Human support in Portuguese makes a difference. I asked about a crypto deposit and they replied within minutes. Solid operations.',
        t2: 'Found it through a friend. Quick signup, smooth platform and payout visible before every entry. No fuss, the way it should be.',
        t3: 'The platform runs really well on mobile. Simple interface, smooth execution, native TradingView chart. Changed my trading routine.',
        t4: 'I really liked FOX ON’s affiliate program. Referred 6 friends, commission came through correctly — I received R$ 300 and withdrew it instantly. I’ll keep referring.'
      },
      feedback: { label: 'Leave your feedback', placeholder: 'Tell us what it’s like to trade on FOX ON...', submit: 'Send' },
      cta: { title: 'Ready to trade for real?', desc: 'Signup in minutes. Quick verification. Crypto deposit, instant balance.', button: 'Open account' },
      footer: {
        tagline: 'Institutional-grade binary options platform, built for execution, transparency and security.',
        colPlataforma: 'Platform', colPoliticas: 'Policies', colMais: 'More',
        linkCriarConta: 'Create account', linkEntrar: 'Log in', linkRecursos: 'Features', linkSeguranca: 'Security', linkComoFunciona: 'How it works', linkFaq: 'FAQ',
        linkPrivacidade: 'Privacy Policy', linkPagamentos: 'Payment Policy', linkSaque: 'Withdrawal Policy', linkTermos: 'Terms & Conditions', linkAml: 'AML & KYC',
        linkRisco: 'Risk Disclosure', linkDemo: 'Demo Account', linkCookies: 'Cookies', linkSobre: 'About', linkContato: 'Contact',
        disclaimer: '<strong>Risk warning.</strong> Binary options trading involves substantial risk of capital loss. Past performance does not guarantee future results. Before trading, evaluate whether the product is suitable for your profile. FOX ON does not offer investment advice.',
        rights: 'FOX ON. All rights reserved.',
        tagSerious: 'Built with seriousness.'
      }
    },
    es: {
      common: { saibaMais: 'Saber más', criarConta: 'Crear cuenta', comecarAgora: 'COMENZAR AHORA' },
      nav: { inicio: 'Inicio', recursos: 'Recursos', faq: 'FAQ', indique: 'Recomienda y Gana', entrar: 'Iniciar sesión', abrirConta: 'Crear cuenta' },
      hero: {
        title: 'El próximo nivel de tu capital.',
        lead: 'Accede a criptomonedas, activos digitales y mercados globales a través de una infraestructura moderna, rápida y segura.',
        ctaPrimary: 'Crear cuenta',
        ctaSecondary: 'Iniciar sesión'
      },
      vip: {
        title: 'Donde los grandes inversores <em>eligen estar.</em>',
        sub: 'Ejecución precisa. Un entorno sin bloqueos. Una estructura creada para el trader profesional',
        execucao: { eyebrow: 'EJECUCIÓN', title: 'Ejecución en milisegundos', desc: 'Operaciones rápidas con estabilidad incluso en momentos de alta volatilidad.' },
        suporte: { eyebrow: 'SOPORTE', title: 'Soporte trader 24/7', desc: 'Atención especializada para dudas operativas, retiros, depósitos y uso de la plataforma.' },
        programa: { eyebrow: 'PROGRAMA VIP', title: 'Beneficios reales para alto volumen.', desc: 'Payouts superiores, retiros prioritarios, gerente dedicado y condiciones exclusivas para quien opera a escala.', cta: 'Conoce los niveles VIP' },
        graficos: { eyebrow: 'GRÁFICOS', title: 'Socio de TradingView.', desc: 'Integración completa con la referencia mundial en análisis técnico. Indicadores genuinos, entorno profesional, decisión informada.' }
      },
      choose: {
        title: '<em>Libertad</em> para ejecutar tu <em>visión de mercado</em>.',
        lead: 'Define capital, tiempo y estrategia en una plataforma creada para traders exigentes.',
        valorLabel: 'MONTO', duracaoLabel: 'DURACIÓN', duracaoValue: '5 min'
      },
      payments: { eyebrow: 'Multi-moneda', title: '<span class="flag-circle flag-circle--br" aria-hidden="true"><svg viewBox="0 0 100 100"><defs><clipPath id="flagBR"><circle cx="50" cy="50" r="50"/></clipPath></defs><g clip-path="url(#flagBR)"><rect width="100" height="100" fill="#009C3B"/><polygon points="50,12 90,50 50,88 10,50" fill="#FFDF00"/><circle cx="50" cy="50" r="17" fill="#002776"/></g></svg></span>Real o <span class="flag-circle flag-circle--us" aria-hidden="true"><svg viewBox="0 0 100 100"><defs><clipPath id="flagUS"><circle cx="50" cy="50" r="50"/></clipPath></defs><g clip-path="url(#flagUS)"><rect width="100" height="100" fill="#fff"/><rect y="0" width="100" height="7.7" fill="#B22234"/><rect y="15.4" width="100" height="7.7" fill="#B22234"/><rect y="30.8" width="100" height="7.7" fill="#B22234"/><rect y="46.2" width="100" height="7.7" fill="#B22234"/><rect y="61.5" width="100" height="7.7" fill="#B22234"/><rect y="76.9" width="100" height="7.7" fill="#B22234"/><rect y="92.3" width="100" height="7.7" fill="#B22234"/><rect width="40" height="53.8" fill="#3C3B6E"/></g></svg></span>Dólar. <em>Tu próxima operación empieza ahora.</em>', lead: 'Abre tu cuenta, elige tu moneda y opera los principales activos digitales del mercado global en una experiencia simple y eficiente.' },
      reach: {
        eyebrow: 'ESTRUCTURA',
        title: 'Plataforma lista para <em>operar donde está el mercado.</em>',
        lead: 'Cripto no duerme. FOX ON fue construida para acompañar — ejecución en milisegundos, multi-moneda nativa, reglas públicas y soporte humano en portugués.',
        stat1: 'Usuarios Registrados', stat2: 'Traders Activos', stat3: 'Payout Alto', stat4: 'Operaciones',
        tag1: 'Liquidez diaria', tag2: 'Seguridad', tag3: 'Ejecución directa'
      },
      howto: {
        eyebrow: 'CÓMO FUNCIONA',
        title: 'Empieza a operar en <strong>FOX ON</strong><br/>en <em>3 pasos simples</em>',
        lead: 'Registro rápido, cuenta demo para conocer la plataforma y operación real cuando decidas.<br/>Sin burocracia, sin espera, sin enredos.',
        s1: { title: 'Crea tu cuenta', desc: 'Email, contraseña y listo. El KYC entra cuando vayas a habilitar la operación real — sin fricción innecesaria al comienzo.', feat: 'Registro en pocos segundos' },
        s2: { title: 'Practica en la cuenta demo', desc: 'Saldo virtual habilitado para probar estrategia, conocer los gráficos y entender el riesgo antes de operar de verdad.', feat: 'Saldo virtual. Sin riesgo real.' },
        s3: { title: 'Deposita y opera', desc: 'Primer depósito en cripto, BRL o USD. Saldo al instante, plataforma habilitada — payout y riesgo visibles antes de cada entrada.', feat: 'Decisión informada antes de la entrada' }
      },
      testimonials: {
        eyebrow: 'Feedback', title: 'Mira lo que dicen nuestros <em>traders</em>', lead: 'La experiencia de operar con FOX ON.',
        t1: 'El soporte humano en portugués hace la diferencia. Pregunté sobre depósito en cripto y respondieron en minutos. Operación sólida.',
        t2: 'La conocí por recomendación de un amigo. Registro rápido, plataforma fluida y payout visible antes de cada entrada. Sin enredos, como tiene que ser.',
        t3: 'La plataforma funciona muy bien en el celular. Interfaz simple, ejecución sin trabas, gráfico de TradingView nativo. Cambió mi rutina de operación.',
        t4: 'Me gustó el programa de afiliados de FOX ON. Referí a 6 amigos, la comisión entró correctamente — recibí R$ 300 y retiré al instante. Voy a seguir refiriendo.'
      },
      feedback: { label: 'Deja tu feedback', placeholder: 'Cuéntanos cómo es operar en FOX ON...', submit: 'Enviar' },
      cta: { title: '¿Listo para operar de verdad?', desc: 'Registro en minutos. Verificación rápida. Depósito en cripto, saldo al instante.', button: 'Abrir cuenta' },
      footer: {
        tagline: 'Plataforma de opciones binarias de nivel institucional, diseñada para ejecución, transparencia y seguridad.',
        colPlataforma: 'Plataforma', colPoliticas: 'Políticas', colMais: 'Más',
        linkCriarConta: 'Crear cuenta', linkEntrar: 'Iniciar sesión', linkRecursos: 'Recursos', linkSeguranca: 'Seguridad', linkComoFunciona: 'Cómo funciona', linkFaq: 'FAQ',
        linkPrivacidade: 'Política de Privacidad', linkPagamentos: 'Política de Pagos', linkSaque: 'Política de Retiro', linkTermos: 'Términos y Condiciones', linkAml: 'AML & KYC',
        linkRisco: 'Aviso de Riesgo', linkDemo: 'Cuenta Demo', linkCookies: 'Cookies', linkSobre: 'Sobre', linkContato: 'Contacto',
        disclaimer: '<strong>Aviso de riesgo.</strong> Las operaciones con opciones binarias implican un riesgo sustancial de pérdida de capital. Los resultados pasados no garantizan resultados futuros. Antes de operar, evalúa si el producto es adecuado para tu perfil. FOX ON no ofrece asesoría de inversión.',
        rights: 'FOX ON. Todos los derechos reservados.',
        tagSerious: 'Hecho con seriedad.'
      }
    }
  };

  var flagMap = { pt: 'br', en: 'gb', es: 'es' };

  function getByPath(obj, path) {
    return path.split('.').reduce(function (o, k) { return o ? o[k] : undefined; }, obj);
  }

  function applyTranslations(lang) {
    var dict = translations[lang];
    if (!dict) return;
    document.querySelectorAll('[data-i18n]').forEach(function (el) {
      var key = el.getAttribute('data-i18n');
      var value = getByPath(dict, key);
      if (value !== undefined) el.innerHTML = value;
    });
    document.querySelectorAll('[data-i18n-placeholder]').forEach(function (el) {
      var key = el.getAttribute('data-i18n-placeholder');
      var value = getByPath(dict, key);
      if (value !== undefined) el.setAttribute('placeholder', value);
    });
    document.querySelectorAll('[data-i18n-aria-label]').forEach(function (el) {
      var key = el.getAttribute('data-i18n-aria-label');
      var value = getByPath(dict, key);
      if (value !== undefined) el.setAttribute('aria-label', value);
    });
    document.documentElement.lang = lang === 'pt' ? 'pt-BR' : lang;
    var yearEl = document.getElementById('year');
    if (yearEl) yearEl.textContent = new Date().getFullYear();
  }

  function setLanguage(lang) {
    if (!translations[lang]) return;
    try { localStorage.setItem('fox-on-lang', lang); } catch (e) {}
    var mainCode = document.querySelector('.lang-switch__btn [data-lang-code]');
    if (mainCode) mainCode.textContent = lang.toUpperCase();
    document.querySelectorAll('.lang-switch__menu [data-lang]').forEach(function (b) {
      b.classList.toggle('is-active', b.getAttribute('data-lang') === lang);
    });
    applyTranslations(lang);
  }

  var langSwitch = document.querySelector('.lang-switch');
  if (langSwitch) {
    var langBtn = langSwitch.querySelector('.lang-switch__btn');
    langBtn.addEventListener('click', function (e) {
      e.stopPropagation();
      var isOpen = langSwitch.classList.toggle('is-open');
      langBtn.setAttribute('aria-expanded', String(isOpen));
    });
    document.addEventListener('click', function () {
      if (langSwitch.classList.contains('is-open')) {
        langSwitch.classList.remove('is-open');
        langBtn.setAttribute('aria-expanded', 'false');
      }
    });
    langSwitch.querySelectorAll('[data-lang]').forEach(function (item) {
      item.addEventListener('click', function () {
        setLanguage(item.getAttribute('data-lang'));
        langSwitch.classList.remove('is-open');
        langBtn.setAttribute('aria-expanded', 'false');
      });
    });
  }

  var savedLang = 'pt';
  try { savedLang = localStorage.getItem('fox-on-lang') || 'pt'; } catch (e) {}
  setLanguage(savedLang);

  // ========================================================
  // Scroll-in animations: fade-up quando elemento entra na viewport
  // ========================================================
  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
  if ('IntersectionObserver' in window && !reduceMotion) {
    var fadeSelectors = [
      '.section__head > *',
      '.grid > .card',
      '.feature-list > li',
      '.stats__item',
      '.faq__item',
      '.cta-band > .container > *',
      '.footer__brand',
      '.footer__col',
      '.footer__disclaimer',
      '.form > *',
      '.btn-row'
    ];

    var fadeTargets = document.querySelectorAll(fadeSelectors.join(','));
    fadeTargets.forEach(function (el) { el.classList.add('fade-up'); });

    var fadeObserver = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        if (!entry.isIntersecting) return;
        var el = entry.target;
        // stagger entre irmãos com .fade-up
        var idx = 0;
        var prev = el.previousElementSibling;
        while (prev) {
          if (prev.classList.contains('fade-up')) idx++;
          prev = prev.previousElementSibling;
        }
        // cap em 6 pra evitar delay enorme
        var delay = Math.min(idx, 6) * 80;
        setTimeout(function () { el.classList.add('in-view'); }, delay);
        fadeObserver.unobserve(el);
      });
    }, { threshold: 0.05, rootMargin: '0px 0px -40px 0px' });

    fadeTargets.forEach(function (el) { fadeObserver.observe(el); });
  }

  // ========================================================
  // Market data — fetch único alimenta ticker + cards (dados reais)
  // ========================================================
  var tickerTracks = document.querySelectorAll('[data-ticker-track]');
  var cryptoCards = document.querySelectorAll('.crypto-card[data-coin]');

  if (tickerTracks.length || cryptoCards.length) {
    var tickerCoins = [
      'bitcoin', 'ethereum', 'solana', 'binancecoin',
      'ripple', 'cardano', 'avalanche-2', 'chainlink',
      'polkadot', 'litecoin', 'dogecoin', 'tron'
    ];

    // Pares de forex — derivados de uma única cotação base EUR do BCE.
    // O ticker intercala esses pares entre as criptos.
    var forexPairs = [
      { id: 'fx-eurusd', label: 'EUR/USD', sym: '€', rate: function (r) { return r.USD; } },
      { id: 'fx-usdcad', label: 'USD/CAD', sym: '$', rate: function (r) { return r.CAD / r.USD; } },
      { id: 'fx-eurjpy', label: 'EUR/JPY', sym: '€', rate: function (r) { return r.JPY; } },
      { id: 'fx-jpycad', label: 'JPY/CAD', sym: '¥', rate: function (r) { return r.CAD / r.JPY; } }
    ];

    function fmtPrice(n) {
      if (n >= 1000) return '$' + n.toLocaleString('en-US', { maximumFractionDigits: 2 });
      if (n >= 1)    return '$' + n.toFixed(2);
      return '$' + n.toFixed(4);
    }
    function fmtChange(n) {
      return (n >= 0 ? '+' : '') + n.toFixed(2) + '%';
    }
    // Forex não leva prefixo de moeda: a unidade já está no nome do par.
    // Casas decimais seguem a escala — JPY/CAD precisa de 5 pra ter sentido.
    function fmtForex(n) {
      if (n >= 100) return n.toFixed(2);
      if (n >= 1)   return n.toFixed(4);
      return n.toFixed(5);
    }
    function fmtValue(item) {
      return item.kind === 'fx' ? fmtForex(item.current_price) : fmtPrice(item.current_price);
    }

    function flashUpdate(el, newText) {
      if (!el || el.textContent === newText) return;
      el.textContent = newText;
      el.classList.remove('flash');
      void el.offsetWidth;
      el.classList.add('flash');
    }

    function tickerItemHTML(coin) {
      var change = coin.price_change_percentage_24h || 0;
      var dir = change >= 0 ? 'is-up' : 'is-down';
      return '' +
        '<a href="https://trade.foxonivesting.com/pt/login" target="_blank" rel="noopener noreferrer" class="ticker__item" data-coin="' + coin.id + '">' +
          (coin.kind === 'fx'
            ? '<div class="ticker__icon ticker__icon--fx" aria-hidden="true">' + coin.sym + '</div>'
            : '<div class="ticker__icon"><img src="' + coin.image + '" alt="" loading="lazy" /></div>') +
          '<span class="ticker__name">' + (coin.kind === 'fx' ? coin.label : (coin.symbol || '').toUpperCase()) + '</span>' +
          '<span class="ticker__price" data-price>' + fmtValue(coin) + '</span>' +
          '<span class="ticker__change ' + dir + '" data-change>' + fmtChange(change) + '</span>' +
        '</a>';
    }

    function renderTicker(data) {
      if (!tickerTracks.length) return;
      tickerTracks.forEach(function (track) {
        // o forex chega depois da cripto; se a quantidade de itens mudou,
        // remonta a faixa em vez de tentar atualizar item por item
        var esperado = data.length * 2; // a faixa é duplicada pro loop
        if (!track.children.length || track.children.length !== esperado) {
          var items = data.map(tickerItemHTML).join('');
          track.innerHTML = items + items; // duplica pra loop seamless
        } else {
          data.forEach(function (coin) {
            var nodes = track.querySelectorAll('[data-coin="' + coin.id + '"]');
            var change = coin.price_change_percentage_24h || 0;
            nodes.forEach(function (node) {
              flashUpdate(node.querySelector('[data-price]'), fmtValue(coin));
              var changeEl = node.querySelector('[data-change]');
              if (changeEl) {
                flashUpdate(changeEl, fmtChange(change));
                changeEl.classList.remove('is-up', 'is-down');
                changeEl.classList.add(change >= 0 ? 'is-up' : 'is-down');
              }
            });
          });
        }
      });
    }

    function renderCards(data) {
      cryptoCards.forEach(function (card) {
        var coinId = card.dataset.coin;
        var coin = data.find(function (c) { return c.id === coinId; });
        if (!coin) return;
        var priceEl  = card.querySelector('[data-price]');
        var changeEl = card.querySelector('[data-change]');
        if (priceEl) flashUpdate(priceEl, fmtPrice(coin.current_price));
        if (changeEl) {
          var change = coin.price_change_percentage_24h || 0;
          flashUpdate(changeEl, fmtChange(change));
          changeEl.classList.remove('is-up', 'is-down');
          changeEl.classList.add(change >= 0 ? 'is-up' : 'is-down');
        }
      });
    }

    // Estado das duas fontes. Cripto e forex chegam em tempos diferentes,
    // então cada uma guarda o seu e o paint() combina o que já tiver.
    var cryptoState = null;
    var forexState = [];

    // Intercala o forex entre as criptos, espaçado por igual.
    function interleave(crypto, fx) {
      if (!fx.length) return crypto.slice();
      var out = [];
      var passo = Math.max(1, Math.ceil(crypto.length / fx.length));
      var fi = 0;
      for (var i = 0; i < crypto.length; i++) {
        out.push(crypto[i]);
        if (fi < fx.length && (i + 1) % passo === 0) out.push(fx[fi++]);
      }
      while (fi < fx.length) out.push(fx[fi++]); // sobra, se houver
      return out;
    }

    function paint() {
      var crypto = cryptoState || fallbackTicker;
      renderTicker(interleave(crypto, forexState.length ? forexState : fallbackForex));
      renderCards(crypto); // os cards do hero são só de cripto
    }

    function applyData(data) {
      try {
        sessionStorage.setItem('fox-on-market', JSON.stringify({ ts: Date.now(), data: data }));
      } catch (e) {}
      cryptoState = data;
      paint();
    }

    // Forex: uma requisição traz a série dos últimos dias publicados pelo BCE.
    // Os dois últimos dão cotação atual e variação dia-a-dia.
    function loadForex(retry) {
      retry = retry || 0;
      var desde = new Date(Date.now() - 12 * 864e5).toISOString().slice(0, 10);
      var url = 'https://api.frankfurter.dev/v1/' + desde + '..?base=EUR&symbols=USD,JPY,CAD';
      fetch(url, { cache: 'no-store' })
        .then(function (r) { return r.ok ? r.json() : Promise.reject(r.status); })
        .then(function (json) {
          if (!json || !json.rates) return;
          var dias = Object.keys(json.rates).sort();
          if (!dias.length) return;
          var hoje = json.rates[dias[dias.length - 1]];
          var ontem = json.rates[dias[dias.length - 2]] || hoje;
          forexState = forexPairs.map(function (p) {
            var atual = p.rate(hoje);
            var antes = p.rate(ontem);
            var variacao = antes ? ((atual - antes) / antes) * 100 : 0;
            return {
              id: p.id, kind: 'fx', label: p.label, sym: p.sym,
              current_price: atual, price_change_percentage_24h: variacao
            };
          });
          paint();
        })
        .catch(function () {
          // rede falhou: o fallbackForex já mantém os pares visíveis
          if (retry < 2) setTimeout(function () { loadForex(retry + 1); }, 3000 * (retry + 1));
        });
    }

    function loadMarketData(retry) {
      retry = retry || 0;
      var url = 'https://api.coingecko.com/api/v3/coins/markets'
        + '?vs_currency=usd&ids=' + tickerCoins.join(',')
        + '&order=market_cap_desc&per_page=20&sparkline=false&price_change_percentage=24h';
      fetch(url, { cache: 'no-store' })
        .then(function (r) { return r.ok ? r.json() : Promise.reject(r.status); })
        .then(function (data) {
          if (!Array.isArray(data) || !data.length) return;
          applyData(data);
        })
        .catch(function (err) {
          // silenciado em produção; rede flutua e o fallback hardcoded já cobre
          if (retry < 2) {
            setTimeout(function () { loadMarketData(retry + 1); }, 2500 * (retry + 1));
            return;
          }
          // último recurso: usa cache antigo da sessão
          try {
            var cached = sessionStorage.getItem('fox-on-market');
            if (cached) {
              var parsed = JSON.parse(cached);
              if (parsed && Array.isArray(parsed.data)) {
                cryptoState = parsed.data;
                paint();
              }
            }
          } catch (e) {}
        });
    }

    // fallback estático — garante que o ticker nunca fique vazio,
    // mesmo se cache + API falharem (ex: rede ruim no celular)
    var fallbackTicker = [
      { id: 'bitcoin',      symbol: 'btc',  current_price: 96420.50, price_change_percentage_24h:  0.42, image: 'https://assets.coingecko.com/coins/images/1/small/bitcoin.png' },
      { id: 'ethereum',     symbol: 'eth',  current_price: 3320.18,  price_change_percentage_24h: -0.15, image: 'https://assets.coingecko.com/coins/images/279/small/ethereum.png' },
      { id: 'solana',       symbol: 'sol',  current_price: 198.42,   price_change_percentage_24h:  1.85, image: 'https://assets.coingecko.com/coins/images/4128/small/solana.png' },
      { id: 'binancecoin',  symbol: 'bnb',  current_price: 642.10,   price_change_percentage_24h:  0.08, image: 'https://assets.coingecko.com/coins/images/825/small/bnb-icon2_2x.png' },
      { id: 'ripple',       symbol: 'xrp',  current_price: 1.32,     price_change_percentage_24h:  0.22, image: 'https://assets.coingecko.com/coins/images/44/small/xrp-symbol-white-128.png' },
      { id: 'cardano',      symbol: 'ada',  current_price: 0.2327,   price_change_percentage_24h: -1.15, image: 'https://assets.coingecko.com/coins/images/975/small/cardano.png' },
      { id: 'dogecoin',     symbol: 'doge', current_price: 0.1001,   price_change_percentage_24h: -0.01, image: 'https://assets.coingecko.com/coins/images/5/small/dogecoin.png' },
      { id: 'tron',         symbol: 'trx',  current_price: 0.3442,   price_change_percentage_24h: -2.63, image: 'https://assets.coingecko.com/coins/images/1094/small/tron-logo.png' },
      { id: 'avalanche-2',  symbol: 'avax', current_price: 36.15,    price_change_percentage_24h:  0.95, image: 'https://assets.coingecko.com/coins/images/12559/small/Avalanche_Circle_RedWhite_Trans.png' },
      { id: 'chainlink',    symbol: 'link', current_price: 14.80,    price_change_percentage_24h:  0.55, image: 'https://assets.coingecko.com/coins/images/877/small/chainlink-new-logo.png' },
      { id: 'polkadot',     symbol: 'dot',  current_price: 6.45,     price_change_percentage_24h: -0.32, image: 'https://assets.coingecko.com/coins/images/12171/small/polkadot.png' },
      { id: 'litecoin',     symbol: 'ltc',  current_price: 105.20,   price_change_percentage_24h:  0.18, image: 'https://assets.coingecko.com/coins/images/2/small/litecoin.png' }
    ];

    // mesmo papel do fallbackTicker, pros pares de forex
    var fallbackForex = [
      { id: 'fx-eurusd', kind: 'fx', label: 'EUR/USD', sym: '€', current_price: 1.1377,  price_change_percentage_24h: -0.13 },
      { id: 'fx-usdcad', kind: 'fx', label: 'USD/CAD', sym: '$', current_price: 1.4086,  price_change_percentage_24h:  0.08 },
      { id: 'fx-eurjpy', kind: 'fx', label: 'EUR/JPY', sym: '€', current_price: 186.38,  price_change_percentage_24h:  0.08 },
      { id: 'fx-jpycad', kind: 'fx', label: 'JPY/CAD', sym: '¥', current_price: 0.008598, price_change_percentage_24h: -0.13 }
    ];

    // hidrata logo com cache se existir; senão usa fallback (boot instantâneo)
    try {
      var bootCache = sessionStorage.getItem('fox-on-market');
      if (bootCache) {
        var bootParsed = JSON.parse(bootCache);
        if (bootParsed && Array.isArray(bootParsed.data) && bootParsed.data.length) {
          cryptoState = bootParsed.data;
        }
      }
    } catch (e) {}
    paint(); // usa cache se houver, senão os fallbacks estáticos

    loadMarketData();
    loadForex();
    setInterval(loadMarketData, 30000);
    // o BCE publica uma vez por dia útil; não faz sentido bater de 30s
    setInterval(loadForex, 30 * 60 * 1000);
  }

  // ========================================================
  // Simulador de crescimento de banca
  // ========================================================
  var calcForm = document.querySelector('[data-calc-form]');
  if (calcForm) {
    var bancaInput     = calcForm.querySelector('input[name="banca"]');
    var bancaDisplay   = calcForm.querySelector('[data-banca-display]');
    var submitBtn      = calcForm.querySelector('button[type="submit"]');
    var submitLabel    = calcForm.querySelector('[data-calc-submit-label]');
    var msgEl          = calcForm.querySelector('[data-calc-msg]');
    var resultEl       = document.querySelector('[data-calc-result]');

    var SIM_DAYS = 30;

    function targetMultiplier(banca) {
      if (banca <= 10000) {
        var t = (banca - 100) / (10000 - 100);
        t = Math.max(0, Math.min(1, t));
        return 5.10 - t * (5.10 - 4.20);
      }
      var t2 = (banca - 10000) / (100000 - 10000);
      t2 = Math.max(0, Math.min(1, t2));
      return 3.50 - t2 * (3.50 - 2.00);
    }

    function brl(n, decimals) {
      var dec = (decimals === undefined) ? 2 : decimals;
      return n.toLocaleString('pt-BR', {
        style: 'currency', currency: 'BRL',
        minimumFractionDigits: dec, maximumFractionDigits: dec
      });
    }

    function updateRangeFill(input) {
      var v = Number(input.value);
      var min = Number(input.min);
      var max = Number(input.max);
      var pct = (v - min) / (max - min) * 100;
      input.style.setProperty('--fill', pct + '%');
    }

    function updateBanca() {
      var v = Number(bancaInput.value);
      bancaDisplay.textContent = brl(v, 0);
      updateRangeFill(bancaInput);
    }
    bancaInput.addEventListener('input', updateBanca);
    updateBanca();

    function countTo(el, target, duration, formatter) {
      var start = performance.now();
      function tick(now) {
        var t = Math.min((now - start) / duration, 1);
        var eased = 1 - Math.pow(1 - t, 3);
        el.textContent = formatter(target * eased);
        if (t < 1) requestAnimationFrame(tick);
      }
      requestAnimationFrame(tick);
    }

    function drawSparkline(svg, series, isPositive) {
      if (!series || series.length < 2) { svg.innerHTML = ''; return; }
      var w = 300, h = 80, pad = 4;
      var min = Math.min.apply(null, series);
      var max = Math.max.apply(null, series);
      var range = max - min || 1;
      var step = (w - pad * 2) / (series.length - 1);
      var pts = series.map(function (v, i) {
        var x = pad + i * step;
        var y = h - pad - ((v - min) / range) * (h - pad * 2);
        return x.toFixed(2) + ',' + y.toFixed(2);
      });
      var line = 'M ' + pts.join(' L ');
      var fill = line + ' L ' + (w - pad) + ',' + (h - pad) + ' L ' + pad + ',' + (h - pad) + ' Z';
      var color = isPositive ? '#22c55e' : '#ef4444';
      svg.innerHTML = ''
        + '<defs><linearGradient id="sparkFill" x1="0" y1="0" x2="0" y2="1">'
        + '<stop offset="0%" stop-color="' + color + '" stop-opacity="0.35"/>'
        + '<stop offset="100%" stop-color="' + color + '" stop-opacity="0"/>'
        + '</linearGradient></defs>'
        + '<path d="' + fill + '" fill="url(#sparkFill)"/>'
        + '<path d="' + line + '" fill="none" stroke="' + color + '" stroke-width="1.5"/>';
    }

    function sampleSeries(arr, maxPts) {
      if (arr.length <= maxPts) return arr;
      var stepIdx = arr.length / maxPts;
      var out = [];
      for (var i = 0; i < maxPts; i++) out.push(arr[Math.floor(i * stepIdx)]);
      out.push(arr[arr.length - 1]);
      return out;
    }

    function showMsg(text, isError) {
      msgEl.textContent = text || '';
      msgEl.classList.toggle('is-error', !!isError);
    }

    calcForm.addEventListener('submit', function (e) {
      e.preventDefault();
      var banca = Number(bancaInput.value);
      if (!banca || banca < 100) { showMsg('Banca mínima R$ 100.', true); return; }

      submitBtn.disabled = true;
      submitLabel.textContent = 'Calculando…';
      showMsg('');

      var multiplier = targetMultiplier(banca);
      var finalBank  = banca * multiplier;
      var profit     = finalBank - banca;
      var growthPct  = (multiplier - 1) * 100;
      var dailyAvg   = profit / SIM_DAYS;
      var dailyMult  = Math.pow(multiplier, 1 / SIM_DAYS);

      var series = [banca];
      var current = banca;
      for (var d = 0; d < SIM_DAYS; d++) {
        current = current * dailyMult;
        series.push(current);
      }

      // pequeno delay pra dar sensação de processamento premium
      setTimeout(function () {
        renderResult({
          banca: banca, finalBank: finalBank, profit: profit,
          growthPct: growthPct, multiplier: multiplier,
          dailyAvg: dailyAvg, series: series
        });
        submitBtn.disabled = false;
        submitLabel.textContent = 'Recalcular';
      }, 380);
    });

    function renderResult(r) {
      resultEl.hidden = false;

      var initialEl  = resultEl.querySelector('[data-result="initial"]');
      var finalEl    = resultEl.querySelector('[data-result="final"]');
      var growthEl   = resultEl.querySelector('[data-result="growth"]');
      var multEl     = resultEl.querySelector('[data-result="multiplier"]');
      var dailyAvgEl = resultEl.querySelector('[data-result="dailyAvg"]');
      var dailyPctEl = resultEl.querySelector('[data-result="dailyPct"]');

      var isLoss = r.profit < 0;
      var dailyPct = (Math.pow(r.multiplier, 1 / SIM_DAYS) - 1) * 100;

      if (initialEl) initialEl.textContent = brl(r.banca);
      if (finalEl)   countTo(finalEl, r.finalBank, 1100, brl);
      if (growthEl) {
        countTo(growthEl, r.growthPct, 900, function (v) {
          return (v >= 0 ? '+' : '') + v.toFixed(2).replace('.', ',') + '%';
        });
      }
      if (multEl) {
        countTo(multEl, r.multiplier, 1200, function (v) {
          return v.toFixed(2).replace('.', ',') + 'x';
        });
      }
      if (dailyAvgEl) countTo(dailyAvgEl, r.dailyAvg, 1000, brl);
      if (dailyPctEl) {
        countTo(dailyPctEl, dailyPct, 1000, function (v) {
          return (v >= 0 ? '+' : '') + v.toFixed(2).replace('.', ',') + '%';
        });
      }

      var sparkEl = resultEl.querySelector('[data-result-chart]');
      if (sparkEl && r.series && r.series.length > 1) {
        drawSparkline(sparkEl, sampleSeries(r.series, 80), !isLoss);
      }

      setTimeout(function () {
        resultEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
      }, 80);
    }
  }

  // ========================================================
  // Stat counters animados (ao entrar na viewport)
  // ========================================================
  var counters = document.querySelectorAll('[data-counter]');
  if (counters.length && 'IntersectionObserver' in window && !reduceMotion) {
    var counterObs = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        if (!entry.isIntersecting) return;
        var el = entry.target;
        var to = parseFloat(el.getAttribute('data-counter-to')) || 0;
        var suffix = el.getAttribute('data-counter-suffix') || '';
        var start = performance.now();
        var dur = 1400;
        function step(now) {
          var t = Math.min((now - start) / dur, 1);
          var eased = 1 - Math.pow(1 - t, 3);
          var val = Math.round(to * eased);
          el.textContent = val + suffix;
          if (t < 1) requestAnimationFrame(step);
        }
        requestAnimationFrame(step);
        counterObs.unobserve(el);
      });
    }, { threshold: 0.5 });
    counters.forEach(function (el) { counterObs.observe(el); });
  }
  // ========================================================
  // Typewriter rotativo no quote da calculadora
  // ========================================================
  var rotateEl = document.querySelector('[data-rotate-quote]');
  if (rotateEl) {
    var rotatePhrases = [
      'Consistência supera intensidade.',
      'Consistência supera emoção.',
      'Consistência supera ego.',
      'Consistência supera sorte.',
      'FOX ON a hora é agora!'
    ];

    if (reduceMotion) {
      rotateEl.textContent = rotatePhrases[0];
    } else {
      var rotIdx = 0;
      var rotShown = '';
      var TYPE_MS = 55;
      var DEL_MS = 28;
      var HOLD_MS = 1800;
      var HOLD_FINAL_MS = 3000;

      function rotCommonPrefix(a, b) {
        var n = Math.min(a.length, b.length);
        var i = 0;
        while (i < n && a.charAt(i) === b.charAt(i)) i++;
        return i;
      }
      function rotSet(s) {
        rotShown = s;
        rotateEl.textContent = s;
      }
      function rotType() {
        var target = rotatePhrases[rotIdx];
        if (rotShown.length < target.length) {
          rotSet(target.substring(0, rotShown.length + 1));
          setTimeout(rotType, TYPE_MS);
        } else {
          var isFinal = rotIdx === rotatePhrases.length - 1;
          setTimeout(rotOut, isFinal ? HOLD_FINAL_MS : HOLD_MS);
        }
      }
      function rotOut() {
        var nextIdx = (rotIdx + 1) % rotatePhrases.length;
        var keep = rotCommonPrefix(rotShown, rotatePhrases[nextIdx]);
        rotDelete(keep, function () {
          rotIdx = nextIdx;
          rotType();
        });
      }
      function rotDelete(targetLen, cb) {
        if (rotShown.length <= targetLen) { cb(); return; }
        rotSet(rotShown.substring(0, rotShown.length - 1));
        setTimeout(function () { rotDelete(targetLen, cb); }, DEL_MS);
      }

      rotSet(rotatePhrases[0]);

      function rotStart() { setTimeout(rotOut, HOLD_MS); }

      if ('IntersectionObserver' in window) {
        var rotObs = new IntersectionObserver(function (entries) {
          entries.forEach(function (e) {
            if (e.isIntersecting) {
              rotObs.unobserve(e.target);
              rotStart();
            }
          });
        }, { threshold: 0.4 });
        rotObs.observe(rotateEl);
      } else {
        rotStart();
      }
    }
  }

  // ========================================================
  // Counter animation — stats da seção Reach
  // ========================================================
  var counters = document.querySelectorAll('.reach__stat-num[data-target]');
  if (counters.length) {
    function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }

    function formatVal(val, decimals) {
      if (decimals > 0) return val.toFixed(decimals);
      return Math.round(val).toString();
    }

    counters.forEach(function (el) {
      var prefix = el.dataset.prefix || '';
      var suffix = el.dataset.suffix || '';
      var decimals = parseInt(el.dataset.decimals || '0', 10);
      el.textContent = prefix + formatVal(0, decimals) + suffix;
    });

    function animateCounter(el) {
      if (el.dataset.animated === 'true') return;
      el.dataset.animated = 'true';

      var prefix = el.dataset.prefix || '';
      var suffix = el.dataset.suffix || '';
      var target = parseFloat(el.dataset.target);
      var decimals = parseInt(el.dataset.decimals || '0', 10);
      var duration = 1800;
      var startTime = null;

      function tick(ts) {
        if (startTime === null) startTime = ts;
        var elapsed = ts - startTime;
        var t = Math.min(elapsed / duration, 1);
        var eased = easeOutCubic(t);
        var current = target * eased;
        el.textContent = prefix + formatVal(current, decimals) + suffix;
        if (t < 1) requestAnimationFrame(tick);
      }
      requestAnimationFrame(tick);
    }

    if ('IntersectionObserver' in window) {
      var counterObs = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            animateCounter(entry.target);
            counterObs.unobserve(entry.target);
          }
        });
      }, { threshold: 0.4 });
      counters.forEach(function (el) { counterObs.observe(el); });
    } else {
      counters.forEach(animateCounter);
    }
  }

  // ========================================================
  // Choose section — dispara animação do gráfico ao entrar na viewport
  // ========================================================
  var chooseSection = document.querySelector('.choose');
  if (chooseSection && 'IntersectionObserver' in window) {
    var chooseObs = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        if (entry.isIntersecting) {
          chooseSection.classList.add('is-visible');
          chooseObs.unobserve(chooseSection);
        }
      });
    }, { threshold: 0.3 });
    chooseObs.observe(chooseSection);
  } else if (chooseSection) {
    chooseSection.classList.add('is-visible');
  }

  // ========================================================
  // Feedback form — contador + envio pra Google Sheets via Apps Script
  // ====================================================================
  // Substitua FEEDBACK_ENDPOINT pela URL do Web App do Apps Script
  // (passos pra montar estão em FEEDBACK-SETUP.md no root do site).
  var FEEDBACK_ENDPOINT = 'https://script.google.com/macros/s/AKfycbzJmRCRfUsaqF-oSG0cpaKZng1AyzD72Ryp16vj4XZwZjc9qjItSaWc4vpiNmQun8u6CA/exec';

  var FEEDBACK_LS_KEY = 'fox-on.feedback.sent';

  var feedbackForm = document.querySelector('[data-feedback-form]');
  if (feedbackForm) {
    var fbTextarea = feedbackForm.querySelector('.feedback-form__textarea');
    var fbHoneypot = feedbackForm.querySelector('[data-honeypot]');
    var fbCount = feedbackForm.querySelector('[data-feedback-count]');
    var fbCountWrap = feedbackForm.querySelector('.feedback-form__count');
    var fbSubmit = feedbackForm.querySelector('.feedback-form__submit');
    var fbMsg = feedbackForm.querySelector('.feedback-form__msg');
    var MAX_LEN = 200;
    var fbFormStartedAt = Date.now(); // pra medir tempo até envio (bot envia em <1s)

    function updateCount() {
      var len = fbTextarea.value.length;
      fbCount.textContent = len;
      fbCountWrap.classList.remove('is-warn', 'is-max');
      if (len >= MAX_LEN) fbCountWrap.classList.add('is-max');
      else if (len >= MAX_LEN * 0.8) fbCountWrap.classList.add('is-warn');
    }
    fbTextarea.addEventListener('input', updateCount);
    updateCount();

    function resetSubmitBtn() {
      fbSubmit.disabled = false;
      fbSubmit.innerHTML = 'Enviar <svg viewBox="0 0 24 24" width="14" height="14" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';
    }

    // Bloqueia o form quando o usuário já enviou (localStorage como sinal client-side)
    function lockFormAlreadySent() {
      feedbackForm.classList.add('is-locked');
      fbTextarea.value = '';
      fbTextarea.disabled = true;
      fbTextarea.placeholder = 'Você já enviou seu depoimento. Obrigado por escrever pra gente.';
      fbSubmit.disabled = true;
      if (fbCountWrap) fbCountWrap.style.visibility = 'hidden';
      fbMsg.classList.remove('is-error');
      fbMsg.textContent = '';
    }

    try {
      if (localStorage.getItem(FEEDBACK_LS_KEY)) lockFormAlreadySent();
    } catch (e) { /* localStorage indisponível — segue sem o bloqueio client */ }

    // Tenta descobrir o IP público do visitante (Apps Script dedup pelo IP)
    function fetchClientIp() {
      return fetch('https://api.ipify.org?format=json', { mode: 'cors' })
        .then(function (r) { return r.ok ? r.json() : null; })
        .then(function (j) { return (j && j.ip) ? String(j.ip) : ''; })
        .catch(function () { return ''; });
    }

    feedbackForm.addEventListener('submit', function (e) {
      e.preventDefault();
      if (feedbackForm.classList.contains('is-locked')) return;

      // Honeypot: humano nunca enxerga esse campo, bot quase sempre preenche
      var hp = fbHoneypot ? String(fbHoneypot.value || '').trim() : '';
      var elapsedMs = Date.now() - fbFormStartedAt;

      var msg = fbTextarea.value.trim();
      fbMsg.classList.remove('is-error');
      if (!msg) {
        fbMsg.classList.add('is-error');
        fbMsg.textContent = 'Escreve algo antes de enviar.';
        return;
      }
      if (msg.length > MAX_LEN) {
        fbMsg.classList.add('is-error');
        fbMsg.textContent = 'Mensagem muito longa (máx ' + MAX_LEN + ' caracteres).';
        return;
      }
      // Se honeypot foi preenchido OU submit aconteceu em <1.5s: provavelmente bot.
      // Mostra UI de sucesso (não dá pista pro atacante) mas NÃO envia nada.
      if (hp || elapsedMs < 1500) {
        fbMsg.classList.remove('is-error');
        fbMsg.textContent = 'Feedback recebido. Obrigado por escrever pra gente.';
        fbTextarea.value = '';
        updateCount();
        resetSubmitBtn();
        return;
      }

      fbSubmit.disabled = true;
      fbSubmit.textContent = 'Enviando...';

      fetchClientIp().then(function (ip) {
        var payload = {
          message: msg,
          lang: (document.documentElement.getAttribute('lang') || 'pt').toLowerCase(),
          page: location.pathname + location.search,
          referer: document.referrer || '',
          userAgent: navigator.userAgent || '',
          screen: (window.screen ? window.screen.width + 'x' + window.screen.height : ''),
          ip: ip,
          elapsedMs: elapsedMs,
          timestamp: new Date().toISOString()
        };

        // text/plain evita preflight CORS; Apps Script lê e.postData.contents como JSON
        return fetch(FEEDBACK_ENDPOINT, {
          method: 'POST',
          mode: 'no-cors',
          headers: { 'Content-Type': 'text/plain;charset=utf-8' },
          body: JSON.stringify(payload),
          keepalive: true
        });
      }).then(function () {
        fbMsg.classList.remove('is-error');
        fbMsg.textContent = 'Feedback recebido. Obrigado por escrever pra gente.';
        fbTextarea.value = '';
        updateCount();
        try { localStorage.setItem(FEEDBACK_LS_KEY, String(Date.now())); } catch (e) {}
        setTimeout(lockFormAlreadySent, 1200);
      }).catch(function () {
        fbMsg.classList.add('is-error');
        fbMsg.textContent = 'Não consegui enviar agora. Tenta de novo em alguns instantes.';
        resetSubmitBtn();
      });
    });
  }
})();

/* ==========================================================
   EXIT-INTENT POPUP
   - desktop: cursor sai pelo topo (vai pra address bar / fechar)
   - mobile: scroll rápido pra cima após scroll profundo
              OU usuário muda de aba/app (visibilitychange) e volta
   - mostra UMA vez por sessão (sessionStorage)
   - só dispara após engajamento mínimo (8s + 200px scroll)
   ========================================================== */
(function () {
  var popup = document.getElementById('exitPopup');
  if (!popup) return;

  var STORAGE_KEY = 'fox-on-exit-shown';
  if (sessionStorage.getItem(STORAGE_KEY) === '1') return;

  var MIN_TIME_MS = 8000;
  var MIN_SCROLL_PX = 200;
  var startTime = performance.now();
  var maxScrollY = 0;
  var shown = false;

  function meetsEngagement() {
    return performance.now() - startTime >= MIN_TIME_MS && maxScrollY >= MIN_SCROLL_PX;
  }

  function showPopup() {
    if (shown) return;
    if (!meetsEngagement()) return;
    shown = true;
    try { sessionStorage.setItem(STORAGE_KEY, '1'); } catch (e) {}
    popup.classList.add('is-open');
    popup.setAttribute('aria-hidden', 'false');
    document.body.style.overflow = 'hidden';
  }

  function hidePopup() {
    popup.classList.remove('is-open');
    popup.setAttribute('aria-hidden', 'true');
    document.body.style.overflow = '';
  }

  // Scroll listener UNIFICADO + throttle via rAF.
  // Faz engajamento (maxScroll) + scroll-up detection (mobile) numa volta só.
  var isTouchDevice = window.matchMedia('(hover: none) and (pointer: coarse)').matches;
  var lastY = window.scrollY;
  var lastT = performance.now();
  var popupRaf = 0;
  window.addEventListener('scroll', function () {
    if (popupRaf) return;
    popupRaf = requestAnimationFrame(function () {
      var y = window.scrollY;
      if (y > maxScrollY) maxScrollY = y;
      if (isTouchDevice) {
        var now = performance.now();
        var dy = y - lastY;
        var dt = now - lastT;
        if (dy < -140 && dt < 280 && lastY > 700) showPopup();
        lastY = y;
        lastT = now;
      }
      popupRaf = 0;
    });
  }, { passive: true });

  // Desktop: cursor saindo pelo topo do viewport
  document.addEventListener('mouseout', function (e) {
    if (e.relatedTarget !== null) return;
    if (e.clientY > 0) return;
    showPopup();
  });

  // Mobile fallback: tab fica oculto após engajamento — talvez tente sair
  // (não conseguimos abrir popup se ela já saiu, mas se voltar a tab,
  //  vai estar pronto pra ver)
  var hiddenTriggered = false;
  document.addEventListener('visibilitychange', function () {
    if (document.hidden && meetsEngagement() && !hiddenTriggered) {
      hiddenTriggered = true;
      // pré-arma — quando voltar visível, mostra
    } else if (!document.hidden && hiddenTriggered && !shown) {
      showPopup();
    }
  });

  // Fechar
  popup.addEventListener('click', function (e) {
    if (e.target.closest('[data-exit-close]') ||
        e.target.classList.contains('exit-popup__cta')) {
      // CTA também fecha (mas continua a navegação do link normalmente)
      if (!e.target.closest('.exit-popup__cta')) hidePopup();
    }
  });
  popup.querySelectorAll('[data-exit-close]').forEach(function (btn) {
    btn.addEventListener('click', function (e) {
      e.preventDefault();
      hidePopup();
    });
  });
  document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape' && popup.classList.contains('is-open')) {
      hidePopup();
    }
  });
})();

/* ==========================================================
   SCROLL REVEAL
   - aplica .scroll-reveal automaticamente em elementos-chave
   - IntersectionObserver dispara .is-revealed quando entram na viewport
   - respeita prefers-reduced-motion
   ========================================================== */
(function () {
  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
  if (!('IntersectionObserver' in window)) return;

  var revealSelectors = [
    '.hero__inner > *',
    '.hero__showcase',
    '.choose__visual',
    '.choose__content',
    '.vip__head',
    '.vip__grid > *',
    '.payments__head',
    '.payments__methods > *',
    '.reach__visual',
    '.reach__content',
    '.testimonials__head',
    '.testimonials__grid > *',
    '.howto__head',
    '.howto-card',
    '.faq__head',
    '.faq__list > *',
    '.legal-page__head',
    '.legal-page__body > *'
  ];

  var elements = document.querySelectorAll(revealSelectors.join(','));
  if (!elements.length) return;

  elements.forEach(function (el) {
    el.classList.add('scroll-reveal');
  });

  // Stagger automático em containers com múltiplos filhos animados
  var staggerContainers = [
    '.hero__inner',
    '.vip__grid',
    '.payments__methods',
    '.testimonials__grid',
    '.faq__list',
    '.legal-page__body'
  ];
  document.querySelectorAll(staggerContainers.join(',')).forEach(function (c) {
    c.classList.add('scroll-stagger');
  });

  var observer = new IntersectionObserver(function (entries) {
    entries.forEach(function (entry) {
      if (entry.isIntersecting) {
        entry.target.classList.add('is-revealed');
        // Marca também o pai stagger pra ativar delays nos filhos
        var parent = entry.target.parentElement;
        if (parent && parent.classList.contains('scroll-stagger')) {
          parent.classList.add('is-revealed');
        }
        observer.unobserve(entry.target);
      }
    });
  }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });

  elements.forEach(function (el) { observer.observe(el); });

  // Failsafe: se o usuário já carregou a página no meio (anchor link), revela tudo acima do scroll atual
  window.addEventListener('load', function () {
    var viewH = window.innerHeight;
    elements.forEach(function (el) {
      var rect = el.getBoundingClientRect();
      if (rect.top < viewH * 0.9) {
        el.classList.add('is-revealed');
        if (el.parentElement && el.parentElement.classList.contains('scroll-stagger')) {
          el.parentElement.classList.add('is-revealed');
        }
      }
    });
  });
})();

/* ==========================================================
   CONTENT PROTECTION
   - blocks right-click context menu
   - blocks copy / cut / drag of images and text
   - blocks common devtools shortcuts (F12, Ctrl+U, Ctrl+S, Ctrl+Shift+I/J/C)
   - allows interaction inside form inputs / textareas / selects
   - auto-disabled on localhost / 127.0.0.1 / file:// for dev work
   note: this is a deterrent only; determined users can still bypass
   ========================================================== */
(function () {
  var host = (location.hostname || '').toLowerCase();
  var isDev = host === 'localhost' ||
              host === '127.0.0.1' ||
              host === '' ||
              location.protocol === 'file:' ||
              /^192\.168\./.test(host) ||
              /^10\./.test(host) ||
              /^172\.(1[6-9]|2[0-9]|3[01])\./.test(host) ||
              host.endsWith('.local');
  if (isDev) return;

  var isFormField = function (el) {
    if (!el) return false;
    var tag = (el.tagName || '').toLowerCase();
    if (tag === 'input' || tag === 'textarea' || tag === 'select') return true;
    if (el.isContentEditable) return true;
    return !!(el.closest && el.closest('.allow-select'));
  };

  document.addEventListener('contextmenu', function (e) {
    if (isFormField(e.target)) return;
    e.preventDefault();
  });

  document.addEventListener('copy', function (e) {
    if (isFormField(e.target)) return;
    e.preventDefault();
  });

  document.addEventListener('cut', function (e) {
    if (isFormField(e.target)) return;
    e.preventDefault();
  });

  document.addEventListener('dragstart', function (e) {
    var tag = (e.target && e.target.tagName ? e.target.tagName : '').toLowerCase();
    if (tag === 'img' || tag === 'svg' || tag === 'video' || tag === 'canvas') {
      e.preventDefault();
      return;
    }
    if (!isFormField(e.target)) e.preventDefault();
  });

  document.addEventListener('selectstart', function (e) {
    if (isFormField(e.target)) return;
    e.preventDefault();
  });

  document.addEventListener('keydown', function (e) {
    var k = (e.key || '').toLowerCase();
    if (e.key === 'F12') { e.preventDefault(); return; }
    if ((e.ctrlKey || e.metaKey) && e.shiftKey && (k === 'i' || k === 'j' || k === 'c')) {
      e.preventDefault(); return;
    }
    if ((e.ctrlKey || e.metaKey) && (k === 'u' || k === 's' || k === 'p')) {
      e.preventDefault(); return;
    }
    if ((e.ctrlKey || e.metaKey) && (k === 'c' || k === 'x' || k === 'a')) {
      if (!isFormField(e.target)) e.preventDefault();
    }
  });

  document.querySelectorAll('img').forEach(function (img) {
    img.setAttribute('draggable', 'false');
  });
})();