// solutions.jsx - Página dedicada de Soluções.
// Acessada via hash route #solucoes (ou #solucoes-{slug} para anchor).
// Mantém header e footer; substitui o miolo (Hero/Manifesto/etc).
//
// 6 soluções em sequência, cada uma com:
//   - Numeração editorial
//   - Nome + tagline em italic Fraunces
//   - Intro narrativo
//   - Pull-quote
//   - 3 subseções: "Por que isso importa", "Como a Souza Nunes atua", "O entregável"
//
// Os textos foram processados para remover travessões (substituídos por
// vírgulas, dois-pontos, parênteses ou pontos conforme o contexto), em
// linha com a limpeza geral do site.
const { useEffect: useEffectS, useState: useStateS } = React;

// Extract the solution slug from the current hash. Returns null when the
// hash is just #solucoes or #solutions (index page). Returns 'estrategia-
// competitiva' for hashes like #solucoes-estrategia-competitiva.
const getSolutionSlug = () => {
  const h = (window.location.hash || '').toLowerCase().replace(/^#/, '');
  const m = h.match(/^sol(?:u[çc]?[oõ]es|utions)-(.+)$/);
  return m ? m[1] : null;
};

const SolutionsPage = () => {
  const { lang } = useLang();
  const [slug, setSlug] = useStateS(getSolutionSlug);

  // Re-evaluate slug on every hash change while this page is mounted
  useEffectS(() => {
    const onHash = () => {
      setSlug(getSolutionSlug());
      // Always scroll to top when navigating to a different solution
      window.scrollTo({ top: 0, behavior: 'instant' in window ? 'instant' : 'auto' });
    };
    window.addEventListener('hashchange', onHash);
    // Initial scroll-to-top on mount
    window.scrollTo({ top: 0, behavior: 'instant' in window ? 'instant' : 'auto' });
    return () => window.removeEventListener('hashchange', onHash);
  }, []);

  // Set document.title based on current solution (or generic index)
  useEffectS(() => {
    const prevTitle = document.title;
    const findName = (s) => {
      const sol = solutions.find(x => x.id === `solucoes-${s}`);
      return sol ? sol.name : null;
    };
    const name = slug ? findName(slug) : null;
    if (name) {
      document.title = `${name} | Souza Nunes & Cia`;
    } else {
      document.title = lang === 'pt'
        ? 'Soluções | Souza Nunes & Cia'
        : 'Solutions | Souza Nunes & Cia';
    }
    return () => { document.title = prevTitle; };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [lang, slug]);

  const T = lang === 'pt' ? {
    eyebrow: 'Soluções',
    pageTitle: (<>Seis frentes <em>integradas</em> de atuação.</>),
    intro: 'Selecione abaixo a frente que conversa com o seu desafio.',
    headingWhy: 'Por que isso importa para a sua empresa',
    headingHow: 'Como a Souza Nunes atua',
    headingDeliv: 'O entregável',
    ctaText: 'Pronto para conversar sobre o seu desafio?',
    ctaButton: 'Agendar diagnóstico',
    readMore: 'Conhecer a frente',
    backToIndex: 'Todas as soluções',
    prev: 'Anterior',
    next: 'Próxima',
  } : {
    eyebrow: 'Solutions',
    pageTitle: (<>Six <em>integrated</em> practices.</>),
    intro: 'Select below the practice that speaks to your challenge.',
    headingWhy: 'Why this matters for your company',
    headingHow: 'How Souza Nunes works',
    headingDeliv: 'The deliverable',
    ctaText: 'Ready to discuss your challenge?',
    ctaButton: 'Book a diagnostic',
    readMore: 'Explore practice',
    backToIndex: 'All solutions',
    prev: 'Previous',
    next: 'Next',
  };

  const solutions = lang === 'pt' ? [
    {
      id: 'solucoes-estrategia-competitiva',
      num: '01',
      name: 'Estratégia Competitiva',
      tagline: 'o mapa entre onde você está e onde o mercado vai',
      image: {
        src: 'assets/solutions/estrategia-competitiva-2k.jpg',
        srcSet: 'assets/solutions/estrategia-competitiva-1k.jpg 1000w, assets/solutions/estrategia-competitiva-2k.jpg 2000w',
        alt: 'Mão movendo a peça do rei sobre tabuleiro de xadrez — referência visual à essência da Estratégia Competitiva',
        caption: 'A estratégia, como o xadrez, exige a leitura simultânea de várias jogadas adiante.'
      },
      intro: [
        'Em mercados onde a velocidade de mudança superou a capacidade de adaptação, ter estratégia deixou de ser opcional. Virou a fronteira que separa empresas que se comoditizam das que ditam regras.',
        <>A maioria das empresas brasileiras opera no improviso estratégico. Reagem à concorrência, copiam movimentos, espelham preços. O resultado é previsível: margens comprimidas, clientes voláteis e crescimento dependente do humor da economia. <strong>Estratégia Competitiva</strong> resolve isso ao responder, com método, três perguntas que poucos CEOs sabem responder com precisão: onde competimos, como vencemos e o que torna nossa posição defensável.</>
      ],
      quote: 'Estratégia que não vira execução é apenas literatura cara.',
      sections: [
        { kind: 'why', body: [
          <>Diferenciação real não nasce de slogans. Nasce de capacidades únicas, barreiras de entrada e ofertas que o concorrente não consegue replicar sem destruir o próprio modelo. Empresas com posicionamento defensável praticam preços maiores, sofrem menos com ciclos macroeconômicos e crescem com qualidade, não com volume marginal. Sem isso, qualquer crescimento é frágil; qualquer margem é provisória.</>
        ]},
        { kind: 'how', body: [
          <>Combinamos o rigor analítico de frameworks consagrados (Five Forces, Blue Ocean, Jobs-to-be-Done) com uma camada de inteligência tecnológica que multiplica a velocidade e a profundidade do diagnóstico. Aplicamos algoritmos de IA para mapear concorrentes diretos e indiretos (especialmente os que ninguém vê chegar), extrair sinais fracos de tendências em redes sociais, notícias e relatórios setoriais e modelar cenários competitivos em horas, não em meses.</>,
          <>O resultado é o que chamamos de <strong>Posição Competitiva Defensável</strong>: uma arquitetura de diferenciação construída sobre dados, validada por simulação e amarrada a uma agenda de implementação com priorização, KPIs, donos e prazos.</>
        ]},
        { kind: 'deliv', body: [
          <>Não entregamos um deck. Entregamos uma <strong>rota de execução</strong>. Estratégia que sobe ao Conselho, desce até a operação e se mede em criação de valor. Esse é o padrão Souza Nunes.</>
        ]}
      ]
    },
    {
      id: 'solucoes-financas-corporativas',
      num: '02',
      name: 'Finanças Corporativas',
      image: {
        src: 'assets/solutions/financas-corporativas-2k.jpg',
        srcSet: 'assets/solutions/financas-corporativas-1k.jpg 1000w, assets/solutions/financas-corporativas-2k.jpg 2000w',
        alt: 'Vista contra-plongée de torres corporativas com janelas iluminadas ao crepúsculo — referência ao centro financeiro onde a casa atua',
        caption: 'O capital se ergue onde o juízo se firma.'
      },
      tagline: 'capital inteligente para crescimento estruturado',
      intro: [
        <>Toda empresa que cresce, eventualmente esbarra na mesma parede: a estrutura financeira que sustentou o passado não sustentará o próximo ciclo. O paradoxo cruel das empresas brasileiras é vender mais e ficar mais frágil.</>,
        <>Capital de giro insuficiente, dívida mal estruturada, tesouraria reativa, projeções otimistas demais. São esses os ingredientes silenciosos que transformam crescimento em risco. <strong>Finanças Corporativas</strong> não é sobre fazer balanços bonitos. É sobre garantir que a empresa tenha o capital certo, no custo certo, no momento certo, gerando retorno acima do custo de oportunidade.</>
      ],
      quote: 'Empresas saudáveis quebram crescendo quando a engenharia financeira não acompanha a estratégia.',
      sections: [
        { kind: 'why', body: [
          'Empresas com estrutura de capital otimizada captam mais barato, reinvestem com mais eficiência e enxergam oportunidades de M&A antes da concorrência. Empresas sem essa estrutura passam o ano apagando incêndios de fluxo de caixa e perdendo janelas estratégicas porque o caixa não permite o movimento certo na hora certa.'
        ]},
        { kind: 'how', body: [
          <>Estruturamos capital com lógica de portfólio: equity, dívida, instrumentos híbridos e captação via mercado. Desenhamos política de dividendos coerente com a fase do negócio. Implementamos <strong>tesouraria estratégica</strong>: não a operacional que paga boletos, mas a que antecipa cenários macro, protege margem e gera arbitragem onde antes havia apenas execução.</>,
          'A camada de inovação é decisiva. Aplicamos IA para modelagem preditiva de fluxo de caixa com múltiplos cenários simultâneos, integramos ERPs para visibilidade em tempo real e desenhamos dashboards executivos que substituem planilhas pesadas. Algoritmos identificam oportunidades de otimização tributária e de estrutura de capital que análises tradicionais demorariam semanas para encontrar, se é que encontrariam.'
        ]},
        { kind: 'deliv', body: [
          'Uma estrutura financeira que sustenta a estratégia do negócio, não o contrário. Empresas saem do nosso processo com clareza de capital, de custo e de fluxo. E com a tranquilidade de saber que o próximo movimento estratégico está financiado antes mesmo de ser anunciado.'
        ]}
      ]
    },
    {
      id: 'solucoes-valuation',
      num: '03',
      name: 'Valuation',
      tagline: 'quanto vale realmente a sua empresa?',
      image: {
        src: 'assets/solutions/valuation-2k.jpg',
        srcSet: 'assets/solutions/valuation-1k.jpg 1000w, assets/solutions/valuation-2k.jpg 2000w',
        alt: 'Gráfico de barras crescentes preenchidas com textura de nota de dinheiro — representação visual da curva patrimonial ao longo do tempo',
        caption: 'O tempo desconta tudo, exceto o que foi corretamente precificado.'
      },
      intro: [
        <>Existe uma resposta que separa quem domina o jogo de quem é jogado por ele: o <strong>valor justo</strong> da sua empresa. Não o que o emocional do fundador atribui. Não o que o comprador oportunista oferece. O valor real, defensável e calculado com método.</>,
        <><strong>Valuation</strong> é a moeda mais importante em três momentos críticos do ciclo de vida de qualquer empresa: quando você vende, quando você compra outra e quando estrutura a sucessão. Nesses três momentos, errar para mais significa perder o negócio. Errar para menos significa entregar décadas de construção por uma fração do valor. Quase nenhum empresário tem clareza absoluta sobre isso, e essa imprecisão custa caro.</>
      ],
      quote: 'Número sem narrativa não convence ninguém. E narrativa sem número não vale nada.',
      sections: [
        { kind: 'why', body: [
          'Valuation vai muito além de M&A. Empresas que monitoram valor continuamente tomam decisões de capital melhores, alocam recursos com mais inteligência e identificam, dentro da própria operação, onde estão criando ou destruindo riqueza. Saber quanto vale a empresa é a base de qualquer decisão estratégica madura.'
        ]},
        { kind: 'how', body: [
          'Aplicamos as três metodologias fundamentais (Fluxo de Caixa Descontado, Múltiplos Comparáveis e Valor Patrimonial) e cruzamos resultados para gerar uma faixa de valor defensável. O diferencial está no uso de IA para acelerar a fase mais custosa do Valuation: o levantamento de comparáveis e a normalização de dados financeiros.',
          'Algoritmos identificam transações de empresas similares globalmente, ajustam por porte, geografia e ciclo de mercado, e geram em horas o que tradicionalmente levaria semanas. Modelamos cenários sensibilizados (otimista, base e pessimista) com simulação de Monte Carlo, entregando ao cliente algo raro no mercado brasileiro: clareza estatística sobre o risco do valor estimado.'
        ]},
        { kind: 'deliv', body: [
          'Um Valuation que sustenta negociação, convence investidor e estrutura sucessão. Acompanhado da narrativa de valor, porque o número sozinho nunca é suficiente. O comprador, o conselho, o herdeiro: todos precisam entender por que aquele número faz sentido. Esse é o nosso trabalho.'
        ]}
      ]
    },
    {
      id: 'solucoes-gestao-baseada-em-valor',
      num: '04',
      name: 'Gestão Baseada em Valor',
      tagline: 'quando cada decisão gera retorno',
      image: {
        src: 'assets/solutions/vbm-2k.jpg',
        srcSet: 'assets/solutions/vbm-1k.jpg 1000w, assets/solutions/vbm-2k.jpg 2000w',
        alt: 'Profissional apontando para gráfico de candlestick em monitor — análise de criação de valor sob a régua do custo de capital',
        caption: 'A linha que separa lucro reportado de valor criado se chama custo de oportunidade.'
      },
      intro: [
        'A maior parte das empresas mede lucro. Empresas excepcionais medem criação de valor. A diferença é mais profunda do que parece, e é o que separa companhias que crescem com qualidade das que crescem destruindo riqueza.',
        <>Crescimento que consome mais capital do que gera valor não é crescimento. É dispersão. <strong>Gestão Baseada em Valor</strong> (VBM, Value-Based Management) é a filosofia que alinha cada decisão operacional, cada investimento e cada KPI à única métrica que importa no longo prazo: retorno ao acionista acima do custo do capital.</>
      ],
      quote: 'Empresas que adotam VBM tomam decisões mais frias, mais consistentes e geram valor de forma sistemática.',
      sections: [
        { kind: 'why', body: [
          'Sem VBM, sua empresa pode estar destruindo valor enquanto reporta lucro contábil crescente. Clientes que parecem rentáveis consomem capital de giro além do que retornam. Linhas de produto que vendem bem operam abaixo do custo do capital. Investimentos aprovados no instinto entregam métricas operacionais e destroem riqueza no agregado. VBM corrige essa miopia.'
        ]},
        { kind: 'how', body: [
          <>Implementamos VBM em três camadas. <strong>Primeiro</strong>, redesenhamos a arquitetura de KPIs da empresa, migrando de métricas operacionais soltas para uma cascata que conecta cada função (vendas, operações, RH) ao EVA (Economic Value Added) da companhia. <strong>Segundo</strong>, integramos remuneração variável à criação de valor, alinhando incentivos com a estratégia. <strong>Terceiro</strong>, instalamos dashboards de gestão em tempo real, com visibilidade do CFO ao gestor de área.</>,
          'A camada de inovação é o que multiplica o impacto. Aplicamos IA para identificar correlações ocultas entre decisões operacionais e geração de valor que análises humanas convencionais não capturariam. Quais clientes geram valor? Quais SKUs destroem? Qual canal merece mais investimento? Qual região está consumindo capital sem retornar? O algoritmo responde com base em dados, não em intuição.'
        ]},
        { kind: 'deliv', body: [
          'Uma empresa que pensa em valor por reflexo, não por imposição. Decisões mais rápidas, mais frias e mais consistentes em toda a estrutura. Esse é o efeito de uma organização orientada a valor.'
        ]}
      ]
    },
    {
      id: 'solucoes-governanca-e-conselho',
      num: '05',
      name: 'Governança e Conselho',
      tagline: 'a arquitetura da perenidade',
      image: {
        src: 'assets/solutions/governanca-conselho-2k.jpg',
        srcSet: 'assets/solutions/governanca-conselho-1k.jpg 1000w, assets/solutions/governanca-conselho-2k.jpg 2000w',
        alt: 'Reunião de conselho com executivos seniores analisando relatórios em sala com vista para a cidade — registro da prática deliberativa que sustenta a perenidade societária',
        caption: 'Conselho não é cerimônia; é a instância onde o juízo se converte em ata.'
      },
      intro: [
        'Empresas familiares brasileiras têm vida média de 24 anos. Apenas 5% chegam à terceira geração. A causa raiz quase nunca é o mercado: é a ausência de governança estruturada.',
        <>Conselhos que não decidem. Sucessões mal planejadas. Conflitos societários sem mediação. Processos críticos concentrados em uma única pessoa. Esse é o passaporte para a destruição de valor. <strong>Governança</strong> não é compliance. É arquitetura decisória: define quem decide o quê, em que fórum, com base em quais informações, com quais consequências.</>
      ],
      quote: 'Empresas com governança decidem com método. Sobrevivem ao fundador. Perpetuam valor.',
      sections: [
        { kind: 'why', body: [
          'Empresas com governança estruturada captam capital com custo menor, atraem talentos melhores, profissionalizam mais rápido e atravessam transições geracionais sem se desintegrar. As que não têm, ficam reféns dos humores do fundador, e dos conflitos que inevitavelmente surgem quando a próxima geração assume sem regras claras.'
        ]},
        { kind: 'how', body: [
          <>Estruturamos a jornada completa: do <strong>Conselho Consultivo</strong> (porta de entrada da maioria das empresas familiares) ao <strong>Conselho de Administração formal</strong>, passando por Comitês especializados (Auditoria, Pessoas, Estratégia, Riscos), Acordo de Acionistas, Protocolo Familiar e Plano de Sucessão. Capacitamos conselheiros, organizamos a dinâmica de reuniões e implementamos a régua de maturidade do IBGC.</>,
          'A inovação está em transformar o Conselho em uma instância decisória orientada por dados, não por opinião. Implementamos plataformas digitais de governança que centralizam atas, decisões, KPIs e materiais pré-reunião. Usamos IA para sintetizar relatórios extensos em insights de uma página, identificar padrões em séries históricas e antecipar riscos que conselheiros humanos demorariam reuniões inteiras para perceber.'
        ]},
        { kind: 'deliv', body: [
          'Uma empresa que decide com método. Que sobrevive ao fundador. Que atravessa gerações sem perder identidade nem performance. Essa é a arquitetura da perenidade, e é o que separa empresas duradouras das que se esgotam em uma geração.'
        ]}
      ]
    },
    {
      id: 'solucoes-educacao-executiva',
      num: '06',
      name: 'Educação Executiva',
      tagline: 'formando os líderes do próximo ciclo',
      image: {
        src: 'assets/solutions/educacao-executiva-2k.jpg',
        srcSet: 'assets/solutions/educacao-executiva-1k.jpg 1000w, assets/solutions/educacao-executiva-2k.jpg 2000w',
        alt: 'Sessão de formação executiva com facilitador em flip-chart e quadros tomando notas — registro da prática de cátedra aplicada à decisão empresarial',
        caption: 'A cátedra a serviço da pragmática: quem ensina é quem assina o parecer.'
      },
      intro: [
        'Empresa nenhuma cresce além da capacidade dos seus líderes. Esse é o teto invisível que limita a maioria dos negócios, e que nenhuma estratégia, por mais brilhante, consegue romper sozinha.',
        <>A próxima geração de líderes da sua empresa não foi formada para o mundo que está chegando. Foi formada para o mundo que está saindo. <strong>Educação Executiva</strong> preenche essa lacuna. Não é treinamento operacional, não é capacitação técnica. É formação estratégica de quem vai tomar as decisões que definirão a empresa nos próximos 10 anos: sucessores familiares, segunda linha, lideranças emergentes, conselheiros.</>
      ],
      quote: 'Investir em capital humano qualificado deixou de ser benefício. Virou estratégia de sobrevivência.',
      sections: [
        { kind: 'why', body: [
          'Sucessores despreparados destroem valor. Diretores que não dominam finanças, governança e estratégia tornam-se executores caros, não líderes. Empresas que não formam internamente acabam reféns do mercado externo de executivos, pagando caro por talento que não conhece a cultura, a história e o DNA do negócio. A formação estruturada é o atalho mais inteligente para a continuidade.'
        ]},
        { kind: 'how', body: [
          'Desenhamos programas customizados para o estágio da empresa e o perfil dos participantes. Trilhas para sucessores familiares, módulos para diretores que assumirão o board, intensivos para líderes em transição. Os temas refletem o que está no horizonte real: estratégia em ambientes voláteis, finanças aplicadas à decisão, IA para gestão, governança em empresas familiares, leitura de cenários macro, valuation aplicado ao dia a dia.',
          'A inovação está no formato. Combinamos sessões presenciais de alto impacto com plataformas digitais de aprendizado contínuo, simulações de decisão baseadas em casos reais e mentoria assistida por IA, onde o participante pode testar hipóteses, conversar com cenários e receber feedback estruturado entre encontros. Avaliamos progresso com métricas, não com sensações.'
        ]},
        { kind: 'deliv', body: [
          'Líderes preparados para o futuro que está chegando, não para o passado que já se foi. Sucessores prontos. Conselheiros qualificados. Diretores que pensam como acionistas. Esse é o resultado de uma educação executiva feita com método.'
        ]}
      ]
    }
  ] : [
    // EN — synthetic summaries (single block) per solution, traduzidas das versões PT.
    // Adequado quando idioma de leitura é EN. Mantém estrutura visual igual à PT.
    {
      id: 'solucoes-estrategia-competitiva',
      num: '01',
      name: 'Competitive Strategy',
      tagline: 'the map between where you stand and where the market is going',
      image: {
        src: 'assets/solutions/estrategia-competitiva-2k.jpg',
        srcSet: 'assets/solutions/estrategia-competitiva-1k.jpg 1000w, assets/solutions/estrategia-competitiva-2k.jpg 2000w',
        alt: 'Hand moving the king piece on a chessboard — visual reference to the essence of Competitive Strategy',
        caption: 'Strategy, like chess, demands the simultaneous reading of several moves ahead.'
      },
      intro: [
        'In markets where the speed of change has outpaced the capacity to adapt, having a strategy is no longer optional. It has become the frontier separating companies that get commoditized from those that set the rules.',
        <>Most Brazilian companies operate in strategic improvisation. <strong>Competitive Strategy</strong> solves this by answering, with method, three questions few CEOs can answer precisely: where do we compete, how do we win and what makes our position defensible.</>
      ],
      quote: 'Strategy that does not become execution is expensive literature.',
      sections: [
        { kind: 'why', body: [
          'Real differentiation does not come from slogans. It comes from unique capabilities and offerings competitors cannot replicate without destroying their own model. Companies with defensible positioning price higher, suffer less through macroeconomic cycles and grow with quality, not marginal volume.'
        ]},
        { kind: 'how', body: [
          'We combine analytical rigor from established frameworks (Five Forces, Blue Ocean, Jobs-to-be-Done) with a layer of technological intelligence that multiplies diagnostic depth. We apply AI to map direct and indirect competitors, extract weak signals from news and sector reports, and model competitive scenarios in hours, not months.',
          'The result is what we call Defensible Competitive Position: a differentiation architecture built on data, validated by simulation and tied to an implementation agenda with priorities, KPIs, owners and deadlines.'
        ]},
        { kind: 'deliv', body: [
          'We do not deliver a deck. We deliver an execution route. Strategy that reaches the Board, descends to operations and is measured in value creation. That is the Souza Nunes standard.'
        ]}
      ]
    },
    {
      id: 'solucoes-financas-corporativas',
      num: '02',
      name: 'Corporate Finance',
      tagline: 'intelligent capital for structured growth',
      image: {
        src: 'assets/solutions/financas-corporativas-2k.jpg',
        srcSet: 'assets/solutions/financas-corporativas-1k.jpg 1000w, assets/solutions/financas-corporativas-2k.jpg 2000w',
        alt: 'Low-angle view of corporate towers with lit windows at dusk — reference to the financial centre where the firm operates',
        caption: 'Capital rises where judgment is anchored.'
      },
      intro: [
        'Every growing company eventually hits the same wall: the financial structure that sustained the past will not sustain the next cycle. The cruel paradox of Brazilian companies is selling more and becoming more fragile.',
        <>Insufficient working capital, badly structured debt, reactive treasury, overly optimistic projections. <strong>Corporate Finance</strong> is not about pretty balance sheets. It is about ensuring the company has the right capital, at the right cost, at the right time, generating returns above the cost of opportunity.</>
      ],
      quote: 'Healthy companies break growing when financial engineering fails to keep up with strategy.',
      sections: [
        { kind: 'why', body: [
          'Companies with optimized capital structures raise funds at lower cost, reinvest more efficiently and see M&A opportunities before competitors do. Companies without it spend the year putting out cash-flow fires and missing strategic windows.'
        ]},
        { kind: 'how', body: [
          'We structure capital with portfolio logic: equity, debt, hybrid instruments and market funding. We implement strategic treasury that anticipates macro scenarios, protects margin and generates arbitrage where there used to be only execution.',
          'The innovation layer is decisive. We apply AI for predictive cash-flow modeling with multiple simultaneous scenarios, integrate ERPs for real-time visibility, and design executive dashboards that replace heavy spreadsheets.'
        ]},
        { kind: 'deliv', body: [
          'A financial structure that sustains business strategy, not the other way around. Companies leave our process with clarity over capital, cost and flow, and the certainty that the next strategic move is funded before being announced.'
        ]}
      ]
    },
    {
      id: 'solucoes-valuation',
      num: '03',
      name: 'Valuation',
      tagline: 'how much is your company really worth?',
      image: {
        src: 'assets/solutions/valuation-2k.jpg',
        srcSet: 'assets/solutions/valuation-1k.jpg 1000w, assets/solutions/valuation-2k.jpg 2000w',
        alt: 'Rising bar chart filled with banknote engraving texture — visual representation of patrimonial curve over time',
        caption: 'Time discounts everything except what was correctly priced.'
      },
      intro: [
        <>There is one answer that separates those who master the game from those played by it: the <strong>fair value</strong> of your company. Not what the founder’s emotion assigns. Not what the opportunistic buyer offers. The real, defensible value, calculated with method.</>,
        <><strong>Valuation</strong> is the most important currency in three critical moments of any company: when you sell, when you buy another and when you structure succession. Overestimating means losing the deal. Underestimating means handing over decades for a fraction of value.</>
      ],
      quote: 'A number without narrative convinces no one. And narrative without a number is worth nothing.',
      sections: [
        { kind: 'why', body: [
          'Valuation goes far beyond M&A. Companies that monitor value continuously make better capital decisions, allocate resources more intelligently, and identify where they are creating or destroying wealth within their own operation.'
        ]},
        { kind: 'how', body: [
          'We apply the three fundamental methodologies (Discounted Cash Flow, Comparable Multiples and Asset-Based Value) and cross-check results to generate a defensible value range. AI accelerates the most costly phase of valuation: comparable transaction sourcing and normalization of financial data.',
          'Algorithms identify similar transactions globally, adjust by size, geography and market cycle, and generate in hours what would traditionally take weeks. We model sensitized scenarios (optimistic, base and pessimistic) with Monte Carlo simulation.'
        ]},
        { kind: 'deliv', body: [
          'A valuation that sustains negotiation, convinces investors and structures succession, accompanied by a value narrative, because numbers alone are never enough. Buyer, board, heir: all must understand why that number makes sense.'
        ]}
      ]
    },
    {
      id: 'solucoes-gestao-baseada-em-valor',
      num: '04',
      name: 'Value-Based Management',
      tagline: 'when every decision generates return',
      image: {
        src: 'assets/solutions/vbm-2k.jpg',
        srcSet: 'assets/solutions/vbm-1k.jpg 1000w, assets/solutions/vbm-2k.jpg 2000w',
        alt: 'Professional pointing at candlestick chart on monitor — analysis of value creation under the cost-of-capital yardstick',
        caption: 'The line that separates reported profit from value created is called opportunity cost.'
      },
      intro: [
        'Most companies measure profit. Exceptional companies measure value creation. The difference is deeper than it seems, and it separates companies that grow with quality from those that grow by destroying wealth.',
        <>Growth that consumes more capital than it generates is not growth. It is dispersion. <strong>Value-Based Management</strong> (VBM) is the philosophy that aligns every operational decision, every investment and every KPI to the only metric that matters in the long run: shareholder return above the cost of capital.</>
      ],
      quote: 'Companies that adopt VBM make colder, more consistent decisions and generate value systematically.',
      sections: [
        { kind: 'why', body: [
          'Without VBM, your company may be destroying value while reporting growing accounting profit. Apparently profitable customers consume more working capital than they return. Product lines that sell well operate below the cost of capital. VBM corrects this myopia.'
        ]},
        { kind: 'how', body: [
          <>We implement VBM in three layers. <strong>First</strong>, we redesign the company’s KPI architecture, cascading every function (sales, operations, HR) to the EVA (Economic Value Added) of the company. <strong>Second</strong>, we tie variable compensation to value creation. <strong>Third</strong>, we install real-time management dashboards.</>,
          'AI is what multiplies the impact. We identify hidden correlations between operational decisions and value generation that conventional human analysis would miss. Which customers generate value? Which SKUs destroy it? The algorithm answers based on data, not intuition.'
        ]},
        { kind: 'deliv', body: [
          'A company that thinks in value by reflex, not by imposition. Faster, colder and more consistent decisions throughout the structure. That is the effect of a value-oriented organization.'
        ]}
      ]
    },
    {
      id: 'solucoes-governanca-e-conselho',
      num: '05',
      name: 'Governance & Board',
      tagline: 'the architecture of permanence',
      image: {
        src: 'assets/solutions/governanca-conselho-2k.jpg',
        srcSet: 'assets/solutions/governanca-conselho-1k.jpg 1000w, assets/solutions/governanca-conselho-2k.jpg 2000w',
        alt: 'Board meeting with senior executives reviewing reports in a room overlooking the city — record of the deliberative practice that sustains corporate permanence',
        caption: 'A board is not ceremony; it is the instance where judgment becomes minutes.'
      },
      intro: [
        'Brazilian family businesses have an average life of 24 years. Only 5% reach the third generation. The root cause is almost never the market: it is the absence of structured governance.',
        <>Boards that do not decide. Poorly planned successions. Unmediated shareholder conflicts. Critical processes concentrated in a single person. This is the passport to value destruction. <strong>Governance</strong> is not compliance. It is decisional architecture: it defines who decides what, in which forum, based on what information, with what consequences.</>
      ],
      quote: 'Companies with governance decide with method. They survive the founder. They perpetuate value.',
      sections: [
        { kind: 'why', body: [
          'Companies with structured governance raise capital at lower cost, attract better talent, professionalize faster and traverse generational transitions without disintegrating. Those without it remain hostage to the founder’s mood and the conflicts that inevitably emerge.'
        ]},
        { kind: 'how', body: [
          'We structure the full journey: from the Advisory Board (entry point for most family businesses) to the formal Board of Directors, through specialized committees (Audit, People, Strategy, Risk), Shareholder Agreement, Family Protocol and Succession Plan. We train board members and implement IBGC’s maturity scale.',
          'The innovation is in turning the Board into a data-oriented decisional instance. We implement digital governance platforms that centralize minutes, decisions and KPIs. AI synthesizes extensive reports into one-page insights and anticipates risks human members would take entire meetings to perceive.'
        ]},
        { kind: 'deliv', body: [
          'A company that decides with method. That survives the founder. That traverses generations without losing identity or performance. That is the architecture of permanence.'
        ]}
      ]
    },
    {
      id: 'solucoes-educacao-executiva',
      num: '06',
      name: 'Executive Education',
      tagline: 'developing the leaders of the next cycle',
      image: {
        src: 'assets/solutions/educacao-executiva-2k.jpg',
        srcSet: 'assets/solutions/educacao-executiva-1k.jpg 1000w, assets/solutions/educacao-executiva-2k.jpg 2000w',
        alt: 'Executive formation session with facilitator at flip-chart and boards taking notes — record of the practice of teaching applied to business decision',
        caption: 'Scholarship at the service of practice: who teaches is who signs the opinion.'
      },
      intro: [
        'No company grows beyond the capacity of its leaders. That is the invisible ceiling limiting most businesses, and no strategy, however brilliant, can break it alone.',
        <>Your next generation of leaders was not trained for the world that is arriving. It was trained for the world that is leaving. <strong>Executive Education</strong> fills that gap. It is not operational training, not technical capacity-building. It is the strategic formation of those who will define the company over the next 10 years.</>
      ],
      quote: 'Investing in qualified human capital has stopped being a benefit. It is now a survival strategy.',
      sections: [
        { kind: 'why', body: [
          'Unprepared successors destroy value. Directors who do not master finance, governance and strategy become expensive operators, not leaders. The structured formation is the smartest shortcut to continuity.'
        ]},
        { kind: 'how', body: [
          'We design customized programs for the company stage and participant profile. Tracks for family successors, modules for directors who will join the board, intensives for transitioning leaders. Themes reflect the real horizon: strategy in volatile environments, finance applied to decision, AI for management, family governance, macro scenarios, applied valuation.',
          'The innovation is in the format. We combine high-impact in-person sessions with continuous digital learning platforms, real-case decision simulations and AI-assisted mentoring, where participants can test hypotheses, converse with scenarios and receive structured feedback between encounters.'
        ]},
        { kind: 'deliv', body: [
          'Leaders prepared for the future that is arriving, not for the past that is gone. Ready successors. Qualified board members. Directors who think like shareholders. That is the result of executive education done with method.'
        ]}
      ]
    }
  ];

  const goBack = (e) => {
    e.preventDefault();
    window.location.hash = '';
  };

  const headingFor = (kind) =>
    kind === 'why' ? T.headingWhy
      : kind === 'how' ? T.headingHow
        : T.headingDeliv;

  // Find the current solution and its prev/next siblings (for navigation)
  const currentIndex = slug ? solutions.findIndex(s => s.id === `solucoes-${slug}`) : -1;
  const current = currentIndex >= 0 ? solutions[currentIndex] : null;
  const prev = currentIndex > 0 ? solutions[currentIndex - 1] : null;
  const next = currentIndex >= 0 && currentIndex < solutions.length - 1 ? solutions[currentIndex + 1] : null;

  // === SINGLE-SOLUTION VIEW ===
  if (current) {
    return (
      <section className="solutions-page solutions-page-single" id="solucoes-page">
        <a href="#solucoes" className="partners-back" onClick={(e) => {
          e.preventDefault();
          window.location.hash = '#solucoes';
        }}>
          <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
            <path d="M11 12 L5 8 L11 4"/>
          </svg>
          <span>{T.backToIndex}</span>
        </a>

        {/* Hero: full-bleed image + dark/gold overlay + overlaid header
            (mirrors the homepage hero atmosphere). Falls back to a plain
            header inside the article when the solution has no image. */}
        {current.image && (
          <div
            className="solution-hero"
            style={{ backgroundImage: `url("${current.image.src}")` }}
            role="img"
            aria-label={current.image.alt}
          >
            <div className="solution-hero-overlay" aria-hidden="true"/>
            <header className="solution-hero-head">
              <Reveal><div className="solution-num">{current.num} / 06</div></Reveal>
              <Reveal delay={1}><h1 className="solution-name">{current.name}</h1></Reveal>
              <Reveal delay={2}><p className="solution-tagline">{current.tagline}</p></Reveal>
            </header>
          </div>
        )}

        <article className="solution solution-standalone" id={current.id}>
          {!current.image && (
            <header className="solution-head">
              <Reveal><div className="solution-num">{current.num} / 06</div></Reveal>
              <Reveal delay={1}><h1 className="solution-name">{current.name}</h1></Reveal>
              <Reveal delay={2}><p className="solution-tagline">{current.tagline}</p></Reveal>
            </header>
          )}

          <div className="solution-intro">
            {current.intro.map((p, j) => (
              <Reveal key={j} delay={Math.min(j+1, 4)}><p>{p}</p></Reveal>
            ))}
          </div>

          {current.quote && (
            <Reveal delay={2}>
              <blockquote className="solution-quote">
                <p>{current.quote}</p>
              </blockquote>
            </Reveal>
          )}

          <div className="solution-blocks">
            {current.sections.map((sec, k) => (
              <Reveal key={k} delay={Math.min(k+1, 4)} as="div" className="solution-block">
                <h3 className="solution-block-heading">{headingFor(sec.kind)}</h3>
                <div className="solution-block-body">
                  {sec.body.map((p, j) => <p key={j}>{p}</p>)}
                </div>
              </Reveal>
            ))}
          </div>
        </article>

        {/* Prev / Next navigation between sibling solutions */}
        <nav className="solution-nav" aria-label={lang === 'pt' ? 'Navegação entre soluções' : 'Solution navigation'}>
          {prev ? (
            <a className="solution-nav-link prev" href={`#${prev.id}`}>
              <span className="solution-nav-label">← {T.prev}</span>
              <span className="solution-nav-name">{prev.name}</span>
            </a>
          ) : <span/>}
          {next ? (
            <a className="solution-nav-link next" href={`#${next.id}`}>
              <span className="solution-nav-label">{T.next} →</span>
              <span className="solution-nav-name">{next.name}</span>
            </a>
          ) : <span/>}
        </nav>

        <div className="partners-cta">
          <p className="partners-cta-text">{T.ctaText}</p>
          <a href="#contact" className="cta-btn" onClick={(e) => {
            e.preventDefault();
            window.location.hash = '';
            setTimeout(() => {
              const el = document.getElementById('contact');
              if (el) el.scrollIntoView({ behavior: 'smooth' });
            }, 100);
          }}>
            {T.ctaButton}
            <ArrowIcon/>
          </a>
        </div>
      </section>
    );
  }

  // === INDEX VIEW — list of 6 solution cards ===
  return (
    <section className="solutions-page solutions-page-index" id="solucoes-page">
      <a href="#" className="partners-back" onClick={goBack}>
        <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
          <path d="M11 12 L5 8 L11 4"/>
        </svg>
        <span>{lang === 'pt' ? 'Voltar ao início' : 'Back to home'}</span>
      </a>

      <div className="solutions-intro">
        <Reveal><div className="eyebrow">{T.eyebrow}</div></Reveal>
        <Reveal delay={1}><h1 className="partners-page-title">{T.pageTitle}</h1></Reveal>
        <Reveal delay={2}><p className="partners-page-intro">{T.intro}</p></Reveal>
      </div>

      <div className="solutions-grid is-dark">
        {solutions.map((s, i) => {
          // Pick the first intro paragraph as the card summary
          const summary = s.intro && s.intro[0];
          // All cards on this grid use the dark + gold treatment (homepage
          // hero atmosphere). When a solution also carries an image, it
          // renders as a photographic background under the dark overlay.
          const hasImage = !!s.image;
          const cardStyle = hasImage
            ? { backgroundImage: `url("${s.image.src}")` }
            : undefined;
          const cardClass = 'solution-card is-dark' + (hasImage ? ' has-image' : '');
          return (
            <Reveal key={s.id} delay={Math.min(i+1, 5)} as="a" className={cardClass} style={cardStyle}>
              <a href={`#${s.id}`} className="solution-card-inner">
                <div className="solution-card-num">{s.num} / 06</div>
                <h2 className="solution-card-name">{s.name}</h2>
                <p className="solution-card-tagline">{s.tagline}</p>
                <p className="solution-card-summary">{summary}</p>
                <span className="solution-card-cta">
                  {T.readMore}
                  <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
                    <path d="M4 12 L12 4 M6 4 L12 4 L12 10"/>
                  </svg>
                </span>
              </a>
            </Reveal>
          );
        })}
      </div>

      <div className="partners-cta">
        <p className="partners-cta-text">{T.ctaText}</p>
        <a href="#contact" className="cta-btn" onClick={(e) => {
          e.preventDefault();
          window.location.hash = '';
          setTimeout(() => {
            const el = document.getElementById('contact');
            if (el) el.scrollIntoView({ behavior: 'smooth' });
          }, 100);
        }}>
          {T.ctaButton}
          <ArrowIcon/>
        </a>
      </div>
    </section>
  );
};

window.SolutionsPage = SolutionsPage;