> ## 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.

# Welcome

> Explore Lerian Docs — guides, platform capabilities, API references, and integration tutorials covering Midaz, plugins, and the wider Lerian ecosystem.

<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]">
        Build core banking on primitives you control.
      </h1>

      <p className="mt-5 text-lg md:text-xl text-gray-800 dark:text-gray-300 max-w-md">
        Guides, platform capabilities, and API references for the entire Lerian ecosystem — from the double-entry ledger up.
      </p>

      <div className="mt-8 flex flex-wrap gap-3.5">
        <a href="/en/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">
          Get started →
        </a>

        <a href="/en/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 the API
        </a>
      </div>

      <p className="mt-6 text-sm text-gray-700 dark:text-gray-400">
        New to core banking? <a href="/en/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">Start with the fundamentals →</a> · <a href="/en/why-lerian" className="font-bold underline underline-offset-2 text-gray-900 dark:text-[#feed02] hover:text-black dark:hover:text-white">Why 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]">
          {"# Double-entry: money moves, books stay balanced"}
        </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]">
      Go from zero to your first transaction.
    </h2>

    <div className="grid grid-cols-1 md:grid-cols-3 gap-5 mt-10">
      <a href="/en/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">Model your ledger</h3>
          <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">Set up your Organization, Ledger, and Accounts.</p>
        </span>
      </a>

      <a href="/en/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">Post a transaction</h3>
          <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">Move value with strict double-entry guarantees.</p>
        </span>
      </a>

      <a href="/en/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">Deploy anywhere</h3>
          <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">BYOC on AWS, GCP, on-prem, or 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">Products</h2>

    <p className="mt-3 max-w-2xl text-gray-600 dark:text-gray-400">
      Lerian is a complete, modular core banking platform. Start with the components that fit your operation and compose them into the platform you need.
    </p>

    <div className="grid grid-cols-1 md:grid-cols-6 gap-5 mt-10">
      <a href="/en/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">
          The double-entry ledger at the platform's core — organizations, ledgers, accounts, and transactions you fully control. Source-available under the 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">
          Get started with Midaz <span className="transition-transform motion-safe:group-hover:translate-x-1">→</span>
        </span>
      </a>

      <a href="/en/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">
          Reconcile transactions across banks, processors, and ERPs, and work through the exceptions that don't match.
        </p>

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

      <a href="/en/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">
          Turn ledger and platform data into audit-ready reports from configurable templates.
        </p>

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

      <a href="/en/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">
          Orchestrate financial workflows and connect third-party services through its API.
        </p>

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

      <a href="/en/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">
          Apply real-time spending controls and analyze transaction risk as money moves.
        </p>

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

      <a href="/en/fetcher/what-is-fetcher" 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">
          <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">
          Connect to external databases and extract their data through one secure API. Source-available under the 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">
          Extract external data <span className="transition-transform motion-safe:group-hover:translate-x-1">→</span>
        </span>
      </a>

      <a href="/en/lender/what-is-lender" 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">
          <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">
          Run the full consumer credit (CDC) journey — from product definition and origination through servicing, accounting, and audit.
        </p>

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

      <a href="/en/streaming-hub/what-is-streaming-hub" 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">
          <Icon icon="tower-broadcast" size={20} /> Streaming Hub
        </h3>

        <p className="mt-2.5 text-sm leading-relaxed text-gray-600 dark:text-gray-300 flex-1">
          Consume platform events and fan them out to your systems through signed webhooks, queues, or a pull API — the platform's event delivery edge.
        </p>

        <span className="mt-4 inline-flex items-center gap-1.5 text-sm font-bold text-gray-900 dark:text-white">
          Explore Streaming Hub <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">
      Where the platform meets Brazil's payment system. Reach the rails through Lerian's own messaging with BACEN, or through an interface with a connectivity partner. Either way, you keep your ledger, your data, and your business logic. <a href="/en/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">What are 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="/en/rails/native/native-messaging" 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="tower-broadcast" size={22} />

        <span className="flex-1">
          <span className="block text-base font-semibold text-gray-900 dark:text-white">Lerian native messaging</span>
          <span className="block mt-0.5 text-sm text-gray-600 dark:text-gray-400">Connect straight to BACEN on Lerian-owned software — Pix over SPI, TED over SPB, and five more rails.</span>
        </span>

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

      <a href="/en/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">Participate in Pix as a direct participant, with JD providing the certified connection to 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="/en/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">Offer full Pix services as an indirect participant on BTG Pactual's infrastructure.</span>
        </span>

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

      <a href="/en/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">Send and receive interbank transfers across Brazilian banks the same business day.</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">
          One web interface to operate every Lerian product — dashboards, settings, and per-product modules in a single place.
        </p>
      </div>

      <div className="mt-6 md:mt-0 flex flex-col sm:flex-row md:flex-col gap-3 shrink-0">
        <a href="/en/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">
          About the Console <span className="transition-transform motion-safe:group-hover:translate-x-1">→</span>
        </a>

        <a href="/en/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">
          Console settings <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">Platform</h2>

    <p className="mt-3 max-w-2xl text-gray-600 dark:text-gray-400">
      Shared services that run under every product — access, lifecycle, observability, and Kubernetes delivery.
    </p>

    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4 mt-8">
      <a href="/en/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">Control who can do what, across every product.</p>
      </a>

      <a href="/en/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">Lifecycle Management</h3>
        <p className="mt-1 text-xs leading-relaxed text-gray-600 dark:text-gray-400">Provision, update, and retire resources automatically.</p>
      </a>

      <a href="/en/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">Observability</h3>
        <p className="mt-1 text-xs leading-relaxed text-gray-600 dark:text-gray-400">Centralized logs, metrics, and traces across services.</p>
      </a>

      <a href="/en/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">Deploy on Kubernetes with official Helm charts.</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">News</h2>

    <p className="mt-3 mb-8 max-w-xl mx-auto text-lg text-gray-800 dark:text-gray-400">
      Features, improvements, and changes across the platform and its documentation.
    </p>

    <a href="/en/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">
      View latest announcements →
    </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. All rights reserved.</p>
  </div>
</div>
