> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lerian.studio/llms.txt
> Use this file to discover all available pages before exploring further.

# Boas-vindas

> Explore a Documentação Lerian — guias, capacidades da plataforma e referências técnicas para todo o ecossistema Lerian.

<div className="relative overflow-hidden landing-band py-20 md:py-28">
  <div aria-hidden="true" className="pointer-events-none absolute inset-0 hidden dark:block">
    <div className="absolute -top-40 left-1/3 h-[34rem] w-[34rem] -translate-x-1/2 rounded-full bg-[#feed0214] blur-3xl" />
  </div>

  <div className="relative max-w-6xl mx-auto px-6 grid md:grid-cols-2 gap-12 items-center">
    <div>
      <h1 className="text-4xl md:text-6xl font-extrabold text-gray-900 dark:text-white leading-[1.03] tracking-tight [text-wrap:balance]">
        Construa core banking sobre primitivos que você controla.
      </h1>

      <p className="mt-5 text-lg md:text-xl text-gray-800 dark:text-gray-300 max-w-md">
        Guias, capacidades da plataforma e referências de API para todo o ecossistema Lerian — a partir do ledger de partidas dobradas.
      </p>

      <div className="mt-8 flex flex-wrap gap-3.5">
        <a href="/pt/getting-started" className="inline-flex items-center gap-2 px-6 py-3 rounded-lg bg-gray-900 text-[#feed02] dark:bg-[#feed02] dark:text-gray-900 font-semibold transition duration-200 motion-safe:hover:-translate-y-0.5 hover:shadow-lg">
          Primeiros passos →
        </a>

        <a href="/pt/reference/introduction" className="inline-flex items-center px-6 py-3 rounded-lg bg-white/50 text-gray-900 border border-gray-900/20 dark:bg-white/[0.04] dark:text-white dark:border-white/15 font-semibold transition hover:bg-white dark:hover:bg-white/[0.08]">
          Explore a API
        </a>
      </div>

      <p className="mt-6 text-sm text-gray-700 dark:text-gray-400">
        Novo em core banking? <a href="/pt/fundamentals/core-banking/what-is-core-banking" className="font-bold underline underline-offset-2 text-gray-900 dark:text-[#feed02] hover:text-black dark:hover:text-white">Comece pelos fundamentos →</a> · <a href="/pt/why-lerian" className="font-bold underline underline-offset-2 text-gray-900 dark:text-[#feed02] hover:text-black dark:hover:text-white">Por que Lerian →</a>
      </p>
    </div>

    <div className="rounded-xl overflow-hidden border border-black/10 dark:border-white/10 shadow-2xl bg-[#14140c] font-mono" aria-hidden="true">
      <div className="flex items-center gap-2 px-4 py-3 border-b border-white/10">
        <span className="block w-3 h-3 rounded-full bg-[#ff5f56]" />

        <span className="block w-3 h-3 rounded-full bg-[#ffbd2e]" />

        <span className="block w-3 h-3 rounded-full bg-[#27c93f]" />

        <span className="ml-auto text-xs text-[#b9b9a5]">post-transaction.sh</span>
      </div>

      <pre className="text-[13px] leading-[1.7] p-5 m-0 overflow-x-auto text-[#e9e9d8] bg-transparent border-0">
        <span className="text-[#7c7c68]">
          {"# Partidas dobradas: o dinheiro se move, os livros ficam equilibrados"}
        </span>

        {"\n"}

        {"curl -X POST "}<span className="text-[#7fe3a0]">{"\"$MIDAZ/v1/organizations/$ORG/ledgers/$LEDGER/transactions/json\""}</span>{" \\"}{"\n"}
        {"  -H "}<span className="text-[#7fe3a0]">{"\"Authorization: Bearer $TOKEN\""}</span>{" \\"}{"\n"}
        {"  -H "}<span className="text-[#7fe3a0]">{"\"Content-Type: application/json\""}</span>{" \\"}{"\n"}
        {"  -d '{"}{"\n"}
        {"    "}<span className="text-[#feed02]">{"\"description\""}</span>{": "}<span className="text-[#7fe3a0]">{"\"Payout\""}</span>{","}{"\n"}
        {"    "}<span className="text-[#feed02]">{"\"send\""}</span>{": {"}{"\n"}
        {"      "}<span className="text-[#feed02]">{"\"asset\""}</span>{": "}<span className="text-[#7fe3a0]">{"\"BRL\""}</span>{","}{"\n"}
        {"      "}<span className="text-[#feed02]">{"\"value\""}</span>{": "}<span className="text-[#7fe3a0]">{"\"15000\""}</span>{","}{"\n"}
        {"      "}<span className="text-[#feed02]">{"\"source\""}</span>{": { "}<span className="text-[#feed02]">{"\"from\""}</span>{": [{ "}<span className="text-[#feed02]">{"\"accountAlias\""}</span>{": "}<span className="text-[#7fe3a0]">{"\"@treasury\""}</span>{", "}<span className="text-[#feed02]">{"\"amount\""}</span>{": { "}<span className="text-[#feed02]">{"\"asset\""}</span>{": "}<span className="text-[#7fe3a0]">{"\"BRL\""}</span>{", "}<span className="text-[#feed02]">{"\"value\""}</span>{": "}<span className="text-[#7fe3a0]">{"\"15000\""}</span>{" } }] },"}{"\n"}
        {"      "}<span className="text-[#feed02]">{"\"distribute\""}</span>{": { "}<span className="text-[#feed02]">{"\"to\""}</span>{": [{ "}<span className="text-[#feed02]">{"\"accountAlias\""}</span>{": "}<span className="text-[#7fe3a0]">{"\"@merchant_42\""}</span>{", "}<span className="text-[#feed02]">{"\"amount\""}</span>{": { "}<span className="text-[#feed02]">{"\"asset\""}</span>{": "}<span className="text-[#7fe3a0]">{"\"BRL\""}</span>{", "}<span className="text-[#feed02]">{"\"value\""}</span>{": "}<span className="text-[#7fe3a0]">{"\"15000\""}</span>{" } }] }"}{"\n"}
        {"    }"}{"\n"}

        {"  }'"}
      </pre>
    </div>
  </div>
</div>

<div className="py-16 md:py-24 bg-gray-50 dark:bg-[#0d0d11]">
  <div className="max-w-6xl mx-auto px-6">
    <h2 className="text-3xl md:text-[34px] font-bold tracking-tight text-gray-900 dark:text-white [text-wrap:balance]">
      Do zero à sua primeira transação.
    </h2>

    <div className="grid grid-cols-1 md:grid-cols-3 gap-5 mt-10">
      <a href="/pt/getting-started" className="group flex gap-4 items-start p-5 rounded-xl bg-white dark:bg-[#1d1d23] border border-gray-200 dark:border-[#2b2b33] transition duration-200 motion-safe:hover:-translate-y-1 hover:shadow-lg">
        <span className="font-mono text-base font-bold text-[#0F6E86] dark:text-[#2ED8FE]">01</span>

        <span>
          <h3 className="text-base font-semibold text-gray-900 dark:text-white">Modele seu ledger</h3>
          <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">Configure sua Organização, Ledger e Contas.</p>
        </span>
      </a>

      <a href="/pt/midaz/transactions-overview" className="group flex gap-4 items-start p-5 rounded-xl bg-white dark:bg-[#1d1d23] border border-gray-200 dark:border-[#2b2b33] transition duration-200 motion-safe:hover:-translate-y-1 hover:shadow-lg">
        <span className="font-mono text-base font-bold text-[#0F6E86] dark:text-[#2ED8FE]">02</span>

        <span>
          <h3 className="text-base font-semibold text-gray-900 dark:text-white">Registre uma transação</h3>
          <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">Movimente valor com garantias estritas de partidas dobradas.</p>
        </span>
      </a>

      <a href="/pt/platform/helm/helm-overview" className="group flex gap-4 items-start p-5 rounded-xl bg-white dark:bg-[#1d1d23] border border-gray-200 dark:border-[#2b2b33] transition duration-200 motion-safe:hover:-translate-y-1 hover:shadow-lg">
        <span className="font-mono text-base font-bold text-[#0F6E86] dark:text-[#2ED8FE]">03</span>

        <span>
          <h3 className="text-base font-semibold text-gray-900 dark:text-white">Implante em qualquer lugar</h3>
          <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">BYOC em AWS, GCP, on-prem ou Lerian Cloud.</p>
        </span>
      </a>
    </div>
  </div>
</div>

<div className="py-20 md:py-28 bg-white dark:bg-[#15151a]">
  <div className="max-w-6xl mx-auto px-6">
    <h2 className="text-3xl md:text-[34px] font-bold tracking-tight text-gray-900 dark:text-white">Produtos</h2>

    <p className="mt-3 max-w-2xl text-gray-600 dark:text-gray-400">
      Sete produtos que se sustentam sozinhos. Comece pelo ledger Midaz e adote os demais conforme precisar — cada um evolui de forma independente, sem depender de outra plataforma.
    </p>

    <div className="grid grid-cols-1 md:grid-cols-6 gap-5 mt-10">
      <a href="/pt/midaz/what-is-midaz" className="group md:col-span-3 flex flex-col p-6 rounded-2xl bg-white dark:bg-[#1d1d23] border border-gray-200 dark:border-[#2b2b33] shadow-sm transition duration-200 motion-safe:hover:-translate-y-1 hover:shadow-xl hover:border-gray-300 dark:hover:border-gray-600 cursor-pointer">
        <h3 className="text-lg font-bold text-gray-900 dark:text-white flex items-center gap-2 flex-wrap">
          <img src="https://mintcdn.com/lerian-49cb71fc/5dD4BTy_lmC0R8p5/images/icons/midaz.svg?fit=max&auto=format&n=5dD4BTy_lmC0R8p5&q=85&s=016d1c1908b9ae42d80bb50a49d90bad" alt="" className="[width:22px!important] [height:22px!important] block dark:hidden bg-transparent [background:transparent!important] [filter:none!important] [box-shadow:none!important]" width="64" height="64" data-path="images/icons/midaz.svg" />

          <img src="https://mintcdn.com/lerian-49cb71fc/5dD4BTy_lmC0R8p5/images/icons/midaz-inv.svg?fit=max&auto=format&n=5dD4BTy_lmC0R8p5&q=85&s=de18eb679089944850d3a37b2c5e4e5b" alt="" className="[width:22px!important] [height:22px!important] hidden dark:block bg-transparent [background:transparent!important] [filter:none!important] [box-shadow:none!important]" width="64" height="64" data-path="images/icons/midaz-inv.svg" />

          Midaz <span className="text-[10px] font-mono font-semibold tracking-wide bg-[#2ED8FE26] dark:bg-[#2ED8FE1f] text-[#0F6E86] dark:text-[#2ED8FE] px-1.5 py-0.5 rounded">CORE</span>
        </h3>

        <p className="mt-2.5 text-sm leading-relaxed text-gray-600 dark:text-gray-300 flex-1">
          O ledger de partidas dobradas no núcleo da plataforma — organizações, ledgers, contas e transações que você controla por completo. Código-fonte disponível sob a Elastic License 2.0.
        </p>

        <span className="mt-4 inline-flex items-center gap-1.5 text-sm font-bold text-gray-900 dark:text-white">
          Comece com o Midaz <span className="transition-transform motion-safe:group-hover:translate-x-1">→</span>
        </span>
      </a>

      <a href="/pt/matcher/what-is-matcher" className="group md:col-span-3 flex flex-col p-6 rounded-2xl bg-white dark:bg-[#1d1d23] border border-gray-200 dark:border-[#2b2b33] shadow-sm transition duration-200 motion-safe:hover:-translate-y-1 hover:shadow-xl hover:border-gray-300 dark:hover:border-gray-600 cursor-pointer">
        <h3 className="text-lg font-bold text-gray-900 dark:text-white flex items-center gap-2 flex-wrap">
          <img src="https://mintcdn.com/lerian-49cb71fc/5dD4BTy_lmC0R8p5/images/icons/matcher.svg?fit=max&auto=format&n=5dD4BTy_lmC0R8p5&q=85&s=55ca7734fc78f84f2aacfc823802af86" alt="" className="[width:22px!important] [height:22px!important] block dark:hidden bg-transparent [background:transparent!important] [filter:none!important] [box-shadow:none!important]" width="64" height="64" data-path="images/icons/matcher.svg" />

          <img src="https://mintcdn.com/lerian-49cb71fc/5dD4BTy_lmC0R8p5/images/icons/matcher-inv.svg?fit=max&auto=format&n=5dD4BTy_lmC0R8p5&q=85&s=45cd50dc627c180abab983356d683e74" alt="" className="[width:22px!important] [height:22px!important] hidden dark:block bg-transparent [background:transparent!important] [filter:none!important] [box-shadow:none!important]" width="64" height="64" data-path="images/icons/matcher-inv.svg" />

          Matcher
        </h3>

        <p className="mt-2.5 text-sm leading-relaxed text-gray-600 dark:text-gray-300 flex-1">
          Concilie transações entre bancos, processadores e ERPs, e resolva as exceções que não batem.
        </p>

        <span className="mt-4 inline-flex items-center gap-1.5 text-sm font-bold text-gray-900 dark:text-white">
          Concilie um lote <span className="transition-transform motion-safe:group-hover:translate-x-1">→</span>
        </span>
      </a>

      <a href="/pt/reporter/what-is-reporter" className="group md:col-span-2 flex flex-col p-6 rounded-2xl bg-white dark:bg-[#1d1d23] border border-gray-200 dark:border-[#2b2b33] shadow-sm transition duration-200 motion-safe:hover:-translate-y-1 hover:shadow-xl hover:border-gray-300 dark:hover:border-gray-600 cursor-pointer">
        <h3 className="text-lg font-bold text-gray-900 dark:text-white flex items-center gap-2 flex-wrap">
          <img src="https://mintcdn.com/lerian-49cb71fc/5dD4BTy_lmC0R8p5/images/icons/reporter.svg?fit=max&auto=format&n=5dD4BTy_lmC0R8p5&q=85&s=3a2ac26a15de0a860fc4566278f28c2a" alt="" className="[width:22px!important] [height:22px!important] block dark:hidden bg-transparent [background:transparent!important] [filter:none!important] [box-shadow:none!important]" width="64" height="64" data-path="images/icons/reporter.svg" />

          <img src="https://mintcdn.com/lerian-49cb71fc/5dD4BTy_lmC0R8p5/images/icons/reporter-inv.svg?fit=max&auto=format&n=5dD4BTy_lmC0R8p5&q=85&s=7c2a74b6ede36afac55d60e515b6d82b" alt="" className="[width:22px!important] [height:22px!important] hidden dark:block bg-transparent [background:transparent!important] [filter:none!important] [box-shadow:none!important]" width="64" height="64" data-path="images/icons/reporter-inv.svg" />

          Reporter
        </h3>

        <p className="mt-2.5 text-sm leading-relaxed text-gray-600 dark:text-gray-300 flex-1">
          Transforme dados do ledger e da plataforma em relatórios prontos para auditoria a partir de modelos configuráveis.
        </p>

        <span className="mt-4 inline-flex items-center gap-1.5 text-sm font-bold text-gray-900 dark:text-white">
          Crie um relatório <span className="transition-transform motion-safe:group-hover:translate-x-1">→</span>
        </span>
      </a>

      <a href="/pt/flowker/what-is-flowker" className="group md:col-span-2 flex flex-col p-6 rounded-2xl bg-white dark:bg-[#1d1d23] border border-gray-200 dark:border-[#2b2b33] shadow-sm transition duration-200 motion-safe:hover:-translate-y-1 hover:shadow-xl hover:border-gray-300 dark:hover:border-gray-600 cursor-pointer">
        <h3 className="text-lg font-bold text-gray-900 dark:text-white flex items-center gap-2 flex-wrap">
          <img src="https://mintcdn.com/lerian-49cb71fc/5dD4BTy_lmC0R8p5/images/icons/flowker.svg?fit=max&auto=format&n=5dD4BTy_lmC0R8p5&q=85&s=82555c849a03e5f2d4d4d5c6b8372a7a" alt="" className="[width:22px!important] [height:22px!important] block dark:hidden bg-transparent [background:transparent!important] [filter:none!important] [box-shadow:none!important]" width="64" height="64" data-path="images/icons/flowker.svg" />

          <img src="https://mintcdn.com/lerian-49cb71fc/5dD4BTy_lmC0R8p5/images/icons/flowker-inv.svg?fit=max&auto=format&n=5dD4BTy_lmC0R8p5&q=85&s=618bc67e4f1147eb554abfabab7edc58" alt="" className="[width:22px!important] [height:22px!important] hidden dark:block bg-transparent [background:transparent!important] [filter:none!important] [box-shadow:none!important]" width="64" height="64" data-path="images/icons/flowker-inv.svg" />

          Flowker
        </h3>

        <p className="mt-2.5 text-sm leading-relaxed text-gray-600 dark:text-gray-300 flex-1">
          Orquestre fluxos de trabalho pré e pós-ledger e conecte serviços de terceiros por meio de uma API low-code.
        </p>

        <span className="mt-4 inline-flex items-center gap-1.5 text-sm font-bold text-gray-900 dark:text-white">
          Desenhe um fluxo de trabalho <span className="transition-transform motion-safe:group-hover:translate-x-1">→</span>
        </span>
      </a>

      <a href="/pt/tracer/what-is-tracer" className="group md:col-span-2 flex flex-col p-6 rounded-2xl bg-white dark:bg-[#1d1d23] border border-gray-200 dark:border-[#2b2b33] shadow-sm transition duration-200 motion-safe:hover:-translate-y-1 hover:shadow-xl hover:border-gray-300 dark:hover:border-gray-600 cursor-pointer">
        <h3 className="text-lg font-bold text-gray-900 dark:text-white flex items-center gap-2 flex-wrap">
          <img src="https://mintcdn.com/lerian-49cb71fc/5dD4BTy_lmC0R8p5/images/icons/tracer.svg?fit=max&auto=format&n=5dD4BTy_lmC0R8p5&q=85&s=84a6c37f8f2cf59ada19656e3559f3f6" alt="" className="[width:22px!important] [height:22px!important] block dark:hidden bg-transparent [background:transparent!important] [filter:none!important] [box-shadow:none!important]" width="64" height="64" data-path="images/icons/tracer.svg" />

          <img src="https://mintcdn.com/lerian-49cb71fc/5dD4BTy_lmC0R8p5/images/icons/tracer-inv.svg?fit=max&auto=format&n=5dD4BTy_lmC0R8p5&q=85&s=669b8d94b0471e2bb4e79f45f1b2939c" alt="" className="[width:22px!important] [height:22px!important] hidden dark:block bg-transparent [background:transparent!important] [filter:none!important] [box-shadow:none!important]" width="64" height="64" data-path="images/icons/tracer-inv.svg" />

          Tracer
        </h3>

        <p className="mt-2.5 text-sm leading-relaxed text-gray-600 dark:text-gray-300 flex-1">
          Aplique controles de gasto em tempo real e analise o risco de cada transação à medida que o dinheiro se move.
        </p>

        <span className="mt-4 inline-flex items-center gap-1.5 text-sm font-bold text-gray-900 dark:text-white">
          Rastreie uma transação <span className="transition-transform motion-safe:group-hover:translate-x-1">→</span>
        </span>
      </a>

      <a href="/pt/fetcher/what-is-fetcher" className="group md:col-span-3 flex flex-col p-6 rounded-2xl bg-white dark:bg-[#1d1d23] border border-gray-200 dark:border-[#2b2b33] shadow-sm transition duration-200 motion-safe:hover:-translate-y-1 hover:shadow-xl hover:border-gray-300 dark:hover:border-gray-600 cursor-pointer">
        <h3 className="text-lg font-bold text-gray-900 dark:text-white flex items-center gap-2 flex-wrap">
          <Icon icon="cloud-arrow-down" size={20} /> Fetcher
        </h3>

        <p className="mt-2.5 text-sm leading-relaxed text-gray-600 dark:text-gray-300 flex-1">
          Conecte-se a bancos de dados externos e extraia seus dados por meio de uma única API segura. Código-fonte disponível sob a Elastic License 2.0.
        </p>

        <span className="mt-4 inline-flex items-center gap-1.5 text-sm font-bold text-gray-900 dark:text-white">
          Extraia dados externos <span className="transition-transform motion-safe:group-hover:translate-x-1">→</span>
        </span>
      </a>

      <a href="/pt/lender/what-is-lender" className="group md:col-span-3 flex flex-col p-6 rounded-2xl bg-white dark:bg-[#1d1d23] border border-gray-200 dark:border-[#2b2b33] shadow-sm transition duration-200 motion-safe:hover:-translate-y-1 hover:shadow-xl hover:border-gray-300 dark:hover:border-gray-600 cursor-pointer">
        <h3 className="text-lg font-bold text-gray-900 dark:text-white flex items-center gap-2 flex-wrap">
          <Icon icon="hand-holding-dollar" size={20} /> Lender
        </h3>

        <p className="mt-2.5 text-sm leading-relaxed text-gray-600 dark:text-gray-300 flex-1">
          Execute a jornada de crédito completa — crédito ao consumidor (CDC), crédito para empresas (PJ) e cartões — da originação até a gestão e a auditoria.
        </p>

        <span className="mt-4 inline-flex items-center gap-1.5 text-sm font-bold text-gray-900 dark:text-white">
          Explore o Lender <span className="transition-transform motion-safe:group-hover:translate-x-1">→</span>
        </span>
      </a>
    </div>
  </div>
</div>

<div className="py-16 md:py-24 bg-gray-50 dark:bg-[#0d0d11]">
  <div className="max-w-6xl mx-auto px-6">
    <h2 className="text-3xl md:text-[34px] font-bold tracking-tight text-gray-900 dark:text-white">Brazil Rails</h2>

    <p className="mt-3 max-w-2xl text-gray-600 dark:text-gray-400">
      Onde a plataforma encontra o sistema de pagamentos do Brasil. Acesso pronto para produção a Pix e transferências bancárias, sem abrir mão do seu ledger, dos seus dados ou da sua lógica de negócio. <a href="/pt/rails/what-are-brazil-rails" className="font-semibold text-gray-900 dark:text-[#feed02] underline underline-offset-2 hover:text-black dark:hover:text-white whitespace-nowrap">O que são os Brazil Rails? →</a>
    </p>

    <div className="mt-10 rounded-2xl bg-white dark:bg-[#1d1d23] border border-gray-200 dark:border-[#2b2b33] shadow-sm divide-y divide-gray-200 dark:divide-[#2b2b33] overflow-hidden">
      <a href="/pt/rails/pix/jd/direct-pix-via-jd" className="group flex items-center gap-4 p-5 md:px-7 transition hover:bg-gray-50 dark:hover:bg-white/[0.03]">
        <Icon icon="bolt" size={22} />

        <span className="flex-1">
          <span className="block text-base font-semibold text-gray-900 dark:text-white">Direct Pix via JD</span>
          <span className="block mt-0.5 text-sm text-gray-600 dark:text-gray-400">Participe do Pix como participante direto, com a JD fornecendo a conexão certificada com o BACEN.</span>
        </span>

        <span className="text-gray-500 dark:text-gray-400 transition-transform motion-safe:group-hover:translate-x-1">→</span>
      </a>

      <a href="/pt/rails/pix/btg/indirect-pix-overview" className="group flex items-center gap-4 p-5 md:px-7 transition hover:bg-gray-50 dark:hover:bg-white/[0.03]">
        <Icon icon="money-bill-transfer" size={22} />

        <span className="flex-1">
          <span className="block text-base font-semibold text-gray-900 dark:text-white">Indirect Pix via BTG</span>
          <span className="block mt-0.5 text-sm text-gray-600 dark:text-gray-400">Ofereça serviços Pix completos como participante indireto sobre a infraestrutura do BTG Pactual.</span>
        </span>

        <span className="text-gray-500 dark:text-gray-400 transition-transform motion-safe:group-hover:translate-x-1">→</span>
      </a>

      <a href="/pt/rails/ted/ted-overview" className="group flex items-center gap-4 p-5 md:px-7 transition hover:bg-gray-50 dark:hover:bg-white/[0.03]">
        <Icon icon="building-columns" size={22} />

        <span className="flex-1">
          <span className="block text-base font-semibold text-gray-900 dark:text-white">Bank Transfer (TED)</span>
          <span className="block mt-0.5 text-sm text-gray-600 dark:text-gray-400">Envie e receba transferências interbancárias entre bancos brasileiros no mesmo dia útil.</span>
        </span>

        <span className="text-gray-500 dark:text-gray-400 transition-transform motion-safe:group-hover:translate-x-1">→</span>
      </a>
    </div>
  </div>
</div>

<div className="py-16 md:py-24 bg-white dark:bg-[#15151a]">
  <div className="max-w-6xl mx-auto px-6">
    <div className="rounded-2xl bg-gray-50 dark:bg-[#1d1d23] border border-gray-200 dark:border-[#2b2b33] p-8 md:p-10 md:flex md:items-center md:gap-10">
      <div className="md:flex-1">
        <h2 className="text-3xl md:text-[34px] font-bold tracking-tight text-gray-900 dark:text-white flex items-center gap-2.5">
          <Icon icon="computer" size={26} /> Lerian Console
        </h2>

        <p className="mt-3 max-w-2xl text-gray-600 dark:text-gray-400">
          Uma única interface web para operar todos os produtos Lerian — dashboards, configurações e módulos por produto em um só lugar.
        </p>
      </div>

      <div className="mt-6 md:mt-0 flex flex-col sm:flex-row md:flex-col gap-3 shrink-0">
        <a href="/pt/platform/console/about-lerian-console" className="group inline-flex items-center justify-between gap-6 px-5 py-3 rounded-lg bg-white dark:bg-[#15151a] border border-gray-200 dark:border-[#2b2b33] text-sm font-semibold text-gray-900 dark:text-white transition hover:border-gray-300 dark:hover:border-gray-600">
          Sobre o Console <span className="transition-transform motion-safe:group-hover:translate-x-1">→</span>
        </a>

        <a href="/pt/platform/console/about-settings" className="group inline-flex items-center justify-between gap-6 px-5 py-3 rounded-lg bg-white dark:bg-[#15151a] border border-gray-200 dark:border-[#2b2b33] text-sm font-semibold text-gray-900 dark:text-white transition hover:border-gray-300 dark:hover:border-gray-600">
          Configurações do Console <span className="transition-transform motion-safe:group-hover:translate-x-1">→</span>
        </a>
      </div>
    </div>
  </div>
</div>

<div className="py-16 md:py-20 bg-gray-50 dark:bg-[#0d0d11]">
  <div className="max-w-6xl mx-auto px-6">
    <h2 className="text-2xl md:text-3xl font-bold tracking-tight text-gray-900 dark:text-white">Plataforma</h2>

    <p className="mt-3 max-w-2xl text-gray-600 dark:text-gray-400">
      Serviços compartilhados que rodam por baixo de cada produto — acesso, ciclo de vida, observabilidade e entrega em Kubernetes.
    </p>

    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4 mt-8">
      <a href="/pt/platform/access-manager/access-manager" className="group p-5 rounded-xl bg-white dark:bg-[#15151a] border border-gray-200 dark:border-[#2b2b33] transition motion-safe:hover:-translate-y-0.5 hover:shadow-md hover:border-gray-300 dark:hover:border-gray-600">
        <Icon icon="shield-keyhole" size={20} />

        <h3 className="mt-2.5 text-sm font-semibold text-gray-900 dark:text-white">Access Manager</h3>
        <p className="mt-1 text-xs leading-relaxed text-gray-600 dark:text-gray-400">Controle quem pode fazer o quê, em todos os produtos.</p>
      </a>

      <a href="/pt/platform/lifecycle-management" className="group p-5 rounded-xl bg-white dark:bg-[#15151a] border border-gray-200 dark:border-[#2b2b33] transition motion-safe:hover:-translate-y-0.5 hover:shadow-md hover:border-gray-300 dark:hover:border-gray-600">
        <Icon icon="arrows-spin" size={20} />

        <h3 className="mt-2.5 text-sm font-semibold text-gray-900 dark:text-white">Gestão de Ciclo de Vida</h3>
        <p className="mt-1 text-xs leading-relaxed text-gray-600 dark:text-gray-400">Provisione, atualize e desative recursos automaticamente.</p>
      </a>

      <a href="/pt/platform/observability" className="group p-5 rounded-xl bg-white dark:bg-[#15151a] border border-gray-200 dark:border-[#2b2b33] transition motion-safe:hover:-translate-y-0.5 hover:shadow-md hover:border-gray-300 dark:hover:border-gray-600">
        <Icon icon="tower-observation" size={20} />

        <h3 className="mt-2.5 text-sm font-semibold text-gray-900 dark:text-white">Observabilidade</h3>
        <p className="mt-1 text-xs leading-relaxed text-gray-600 dark:text-gray-400">Logs, métricas e rastreamentos centralizados em todos os serviços.</p>
      </a>

      <a href="/pt/platform/helm/helm-overview" className="group p-5 rounded-xl bg-white dark:bg-[#15151a] border border-gray-200 dark:border-[#2b2b33] transition motion-safe:hover:-translate-y-0.5 hover:shadow-md hover:border-gray-300 dark:hover:border-gray-600">
        <Icon icon="box" size={20} />

        <h3 className="mt-2.5 text-sm font-semibold text-gray-900 dark:text-white">Helm Charts</h3>
        <p className="mt-1 text-xs leading-relaxed text-gray-600 dark:text-gray-400">Implante no Kubernetes com Helm charts oficiais.</p>
      </a>
    </div>
  </div>
</div>

<div className="relative overflow-hidden landing-band py-20 text-center">
  <div aria-hidden="true" className="pointer-events-none absolute inset-0 hidden dark:block">
    <div className="absolute -bottom-40 right-1/3 h-[30rem] w-[30rem] translate-x-1/2 rounded-full bg-[#feed0214] blur-3xl" />
  </div>

  <div className="relative max-w-6xl mx-auto px-6">
    <h2 className="text-3xl md:text-4xl font-extrabold text-gray-900 dark:text-white">Novidades</h2>

    <p className="mt-3 mb-8 max-w-xl mx-auto text-lg text-gray-800 dark:text-gray-400">
      Funcionalidades, melhorias e mudanças na plataforma e na sua documentação.
    </p>

    <a href="/pt/news/latest-news" className="inline-flex items-center gap-2 px-7 py-3.5 rounded-lg bg-gray-900 text-[#feed02] dark:bg-[#feed02] dark:text-gray-900 font-semibold transition duration-200 motion-safe:hover:-translate-y-0.5 hover:shadow-lg">
      Ver últimas novidades →
    </a>
  </div>
</div>

<div className="py-12 border-t border-gray-200 dark:border-[#2b2b33] bg-white dark:bg-[#0d0d11]">
  <div className="max-w-6xl mx-auto px-6 flex flex-col items-center gap-5">
    <div className="flex gap-2.5">
      <a href="https://discord.lerian.studio/" aria-label="Discord" className="w-10 h-10 rounded-lg grid place-items-center bg-gray-100 dark:bg-white/[0.06] text-gray-500 dark:text-gray-400 transition hover:text-gray-900 dark:hover:text-white motion-safe:hover:-translate-y-0.5">
        <Icon icon="discord" size={18} />
      </a>

      <a href="https://github.com/LerianStudio" aria-label="GitHub" className="w-10 h-10 rounded-lg grid place-items-center bg-gray-100 dark:bg-white/[0.06] text-gray-500 dark:text-gray-400 transition hover:text-gray-900 dark:hover:text-white motion-safe:hover:-translate-y-0.5">
        <Icon icon="github" size={18} />
      </a>

      <a href="https://www.linkedin.com/company/lerianstudio" aria-label="LinkedIn" className="w-10 h-10 rounded-lg grid place-items-center bg-gray-100 dark:bg-white/[0.06] text-gray-500 dark:text-gray-400 transition hover:text-gray-900 dark:hover:text-white motion-safe:hover:-translate-y-0.5">
        <Icon icon="linkedin" size={18} />
      </a>

      <a href="https://www.instagram.com/lerian.studio" aria-label="Instagram" className="w-10 h-10 rounded-lg grid place-items-center bg-gray-100 dark:bg-white/[0.06] text-gray-500 dark:text-gray-400 transition hover:text-gray-900 dark:hover:text-white motion-safe:hover:-translate-y-0.5">
        <Icon icon="instagram" size={18} />
      </a>

      <a href="https://dev.to/lerian" aria-label="Dev.to" className="w-10 h-10 rounded-lg grid place-items-center bg-gray-100 dark:bg-white/[0.06] text-gray-500 dark:text-gray-400 transition hover:text-gray-900 dark:hover:text-white motion-safe:hover:-translate-y-0.5">
        <Icon icon="dev" size={18} />
      </a>
    </div>

    <p className="text-xs font-mono text-gray-400">© 2026 Lerian. Todos os direitos reservados.</p>
  </div>
</div>
