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

# Eco: Program stablecoin flows across chains

> Atomic, composable stablecoin operations with cryptographic execution guarantees. One API across 16+ chains and 240+ directional pairs.

<div className="eco-landing">
  <section className="eco-hero">
    <div className="eco-container">
      <div className="eco-hero-inner">
        <div>
          <div className="eco-eyebrow">Eco developer docs</div>

          <h1 className="eco-h1">
            Build stablecoin products <span className="eco-h1-dim">without building stablecoin infrastructure.</span>
          </h1>

          <p className="eco-lede">
            Cross-chain stablecoin flows break in the same four places: bridge UX,
            gas requirements, stuck intermediate funds, and partial settlement.
            Eco handles all four. One API, production-ready, audited.
          </p>

          <div className="eco-cta-row">
            <a href="/get-started/quickstart" className="eco-btn eco-btn-primary">
              Quickstart

              <span className="eco-btn-arrow-box">
                <svg width="12" height="12" viewBox="0 0 16 16" fill="none">
                  <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" />
                </svg>
              </span>
            </a>

            <a href="/api-reference/introduction" className="eco-btn eco-btn-ghost">
              API Reference
            </a>
          </div>
        </div>

        {/* Hero panel with CSS-only tabs */}

        <div className="eco-panel">
          <input type="radio" name="hero-tab" id="eco-tab-routes" defaultChecked />

          <input type="radio" name="hero-tab" id="eco-tab-addr" />

          <input type="radio" name="hero-tab" id="eco-tab-tx" />

          <div className="eco-panel-head">
            <div className="eco-tabs">
              <label htmlFor="eco-tab-routes" className="eco-tab-label">Transfer</label>
              <label htmlFor="eco-tab-addr" className="eco-tab-label">Auto-deposit</label>
              <label htmlFor="eco-tab-tx" className="eco-tab-label">Conditional</label>
            </div>
          </div>

          <div className="eco-panel-body">
            {/* Tab: Routes transfer */}

            <div className="eco-tab-pane" data-tab="routes">
              <div className="eco-flow-card">
                <div className="eco-flow-grid">
                  <div className="eco-flow-side">
                    <div className="label">From</div>
                    <div className="amount">1,000.00</div>
                    <span className="eco-chip"><span className="eco-chip-dot dot-base" /> Base · USDC</span>
                  </div>

                  <div className="eco-flow-arrow">
                    <div className="eco-flow-arrow-line" />
                  </div>

                  <div className="eco-flow-side" style={{textAlign: 'right'}}>
                    <div className="label">To</div>
                    <div className="amount">999.85</div>
                    <span className="eco-chip"><span className="eco-chip-dot dot-arb" /> Arbitrum · USDC</span>
                  </div>
                </div>
              </div>

              <div className="eco-timeline">
                <div className="eco-timeline-row done"><span className="t">step 1</span><span className="dot" /><span>User publishes and funds the intent</span></div>
                <div className="eco-timeline-row done"><span className="t">step 2</span><span className="dot" /><span>Solver fulfills the intent</span></div>
                <div className="eco-timeline-row done"><span className="t">step 3</span><span className="dot" /><span>Prover carries proof back to source</span></div>
                <div className="eco-timeline-row done"><span className="t">step 4</span><span className="dot" /><span>Portal contract verifies and releases the funds</span></div>
              </div>
            </div>

            {/* Tab: Programmable Address */}

            <div className="eco-tab-pane" data-tab="addr">
              <div className="eco-flow-card">
                <div className="eco-flow-grid">
                  <div className="eco-flow-side">
                    <div className="label">User sends</div>
                    <div className="amount">5,000 USDC</div>
                    <span className="eco-chip"><span className="eco-chip-dot dot-base" /> Any wallet · Base</span>
                  </div>

                  <div className="eco-flow-arrow">
                    <div className="eco-flow-arrow-line" />

                    <span>Auto</span>
                  </div>

                  <div className="eco-flow-side" style={{textAlign: 'right'}}>
                    <div className="label">Lands at</div>
                    <div className="amount">5,000 USDC</div>
                    <span className="eco-chip"><span className="eco-chip-dot dot-poly" /> Circle Gateway · Polygon</span>
                  </div>
                </div>
              </div>

              <div className="eco-timeline">
                <div className="eco-timeline-row done"><span className="t">api</span><span className="dot" /><span>App requests a deterministic CREATE2 address</span></div>
                <div className="eco-timeline-row done"><span className="t">wire</span><span className="dot" /><span>User sends a plain ERC-20 transfer — no signature, no bridge UI</span></div>
                <div className="eco-timeline-row done"><span className="t">auto</span><span className="dot" /><span>Contract deploys on deposit and triggers an intent</span></div>
                <div className="eco-timeline-row done"><span className="t">land</span><span className="dot" /><span>Funds arrive at the destination, gaslessly for the sender</span></div>
              </div>
            </div>

            {/* Tab: Programmable Transaction */}

            <div className="eco-tab-pane" data-tab="tx">
              <div className="eco-mini-code">
                <div>
                  <span className="cm">
                    {`// One transaction. Decision-making in the calldata itself.`}
                  </span>
                </div>

                <div><span className="kw">read</span> <span className="fn">price</span><span className="pun">(</span><span className="str">"DEX\_A"</span><span className="pun">)</span> <span className="pun">→</span> a</div>
                <div><span className="kw">read</span> <span className="fn">price</span><span className="pun">(</span><span className="str">"DEX\_B"</span><span className="pun">)</span> <span className="pun">→</span> b</div>
                <div><span className="kw">read</span> <span className="fn">price</span><span className="pun">(</span><span className="str">"DEX\_C"</span><span className="pun">)</span> <span className="pun">→</span> c</div>
                <div><span className="kw">if</span> <span className="pun">(</span>max<span className="pun">(</span>a, b, c<span className="pun">)</span> <span className="pun">>=</span> <span className="num">0.999</span><span className="pun">)</span> <span className="pun">{"{"}</span></div>
                <div>  <span className="kw">execute</span> <span className="fn">swap</span><span className="pun">(</span>winner<span className="pun">)</span></div>
                <div><span className="pun">{"}"}</span> <span className="kw">else</span> <span className="pun">{"{"}</span></div>
                <div>  <span className="kw">revert</span> <span className="pun">(</span>atomic refund<span className="pun">)</span></div>

                <div>
                  <span className="pun">
                    {"}"}
                  </span>
                </div>
              </div>

              <div className="eco-timeline" style={{marginTop: 14}}>
                <div className="eco-timeline-row done"><span className="t">single</span><span className="dot" /><span>One transaction reads multiple contracts and picks optimal path</span></div>
                <div className="eco-timeline-row done"><span className="t">atomic</span><span className="dot" /><span>Atomic transactions eliminate front-running between steps</span></div>
                <div className="eco-timeline-row done"><span className="t">deploy</span><span className="dot" /><span>No contract deployment required — logic lives in calldata</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section className="eco-section">
    <div className="eco-container">
      <div className="eco-section-head">
        <div>
          <div className="eco-section-tag">Choose your path</div>
          <h2 className="eco-h2">Where do you<br />want to start?</h2>
        </div>

        <p className="eco-section-sub">
          Four entry points, each shaped around how teams actually use Eco.
          Pick the one that matches what you're building.
        </p>
      </div>

      <div className="eco-personas">
        <a href="/solutions/wallets" className="eco-persona">
          <div className="eco-persona-art art-wallets">
            <svg width="44" height="44" viewBox="0 0 44 44" fill="none" stroke="currentColor" strokeWidth="1.5">
              <rect x="8" y="14" width="28" height="20" rx="2" />

              <path d="M14 14v-3a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v3" fill="none" />

              <circle cx="22" cy="24" r="2.5" fill="currentColor" />
            </svg>
          </div>

          <div className="eco-persona-body">
            <div className="eco-persona-title">App Builders</div>
            <p className="eco-persona-desc">Your users don't have gas on the destination chain and won't touch a bridge UI. Embed cross-chain swaps and gasless deposits in one integration — no network switching required.</p>

            <span className="eco-persona-link">
              Start here

              <svg width="14" height="14" viewBox="0 0 16 16" fill="none">
                <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
              </svg>
            </span>
          </div>
        </a>

        <a href="/solutions/payments" className="eco-persona">
          <div className="eco-persona-art art-protocols">
            <svg width="44" height="44" viewBox="0 0 44 44" fill="none" stroke="currentColor" strokeWidth="1.5">
              <path d="M22 7v30M30 13l-8-6-8 6M30 31l-8 6-8-6" strokeLinecap="round" strokeLinejoin="round" />

              <circle cx="22" cy="22" r="3" fill="currentColor" />
            </svg>
          </div>

          <div className="eco-persona-body">
            <div className="eco-persona-title">Payments & Treasury</div>
            <p className="eco-persona-desc">Manual treasury rebalancing across chains is slow and error-prone. Accept any stablecoin, settle to one, and automate rebalancing with cryptographic execution guarantees.</p>

            <span className="eco-persona-link">
              Start here

              <svg width="14" height="14" viewBox="0 0 16 16" fill="none">
                <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
              </svg>
            </span>
          </div>
        </a>

        <a href="/solutions/protocols" className="eco-persona">
          <div className="eco-persona-art art-solvers">
            <svg width="44" height="44" viewBox="0 0 44 44" fill="none" stroke="currentColor" strokeWidth="1.5">
              <circle cx="22" cy="10" r="4" />

              <circle cx="10" cy="32" r="4" />

              <circle cx="34" cy="32" r="4" />

              <path d="M22 14v10M19 27l-7 3M25 27l7 3" strokeLinecap="round" />
            </svg>
          </div>

          <div className="eco-persona-body">
            <div className="eco-persona-title">Protocol Developers</div>
            <p className="eco-persona-desc">Users hold capital on different chains. Accept deposits from any chain without asking them to bridge. Routes handles the routing; you handle the product.</p>

            <span className="eco-persona-link">
              Start here

              <svg width="14" height="14" viewBox="0 0 16 16" fill="none">
                <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
              </svg>
            </span>
          </div>
        </a>

        <a href="/solutions/issuers" className="eco-persona">
          <div className="eco-persona-art art-treasury">
            <svg width="44" height="44" viewBox="0 0 44 44" fill="none" stroke="currentColor" strokeWidth="1.5">
              <circle cx="22" cy="22" r="14" />

              <path d="M22 8a14 7 0 0 0 0 28M22 8a14 7 0 0 1 0 28M8 22h28" />
            </svg>
          </div>

          <div className="eco-persona-body">
            <div className="eco-persona-title">Stablecoin Issuers</div>
            <p className="eco-persona-desc">Expand your stablecoin's reach without fragmenting liquidity. Native cross-chain transfers, Crowd Liquidity, and issuer-direct solver settlement — all composable.</p>

            <span className="eco-persona-link">
              Start here

              <svg width="14" height="14" viewBox="0 0 16 16" fill="none">
                <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
              </svg>
            </span>
          </div>
        </a>
      </div>
    </div>
  </section>

  <section className="eco-section">
    <div className="eco-container">
      <div className="eco-section-head">
        <div>
          <div className="eco-section-tag">Four products</div>
          <h2 className="eco-h2">Composed however<br />you need.</h2>
        </div>

        <p className="eco-section-sub">
          Each product works standalone. Compose them behind a single integration
          when you need the full stack.
        </p>
      </div>

      <div className="eco-products">
        {/* P.01 Routes */}

        <div className="eco-product">
          <div className="eco-product-content">
            <h3 className="eco-product-h">Routes</h3>
            <p className="eco-product-desc">Move and swap stablecoins across chains in real time via a non-custodial intent network. Sign once, settle atomically.</p>

            <ul className="eco-product-list">
              <li>Typical fulfillment in 20–40 seconds across more than 240 directional pairs</li>
              <li>Per-intent vault: reward released only on cryptographic proof of fulfillment</li>
              <li>Stable 1:1 transfers, cross-stable RFQ, and destination calls in one signed action</li>
            </ul>

            <a href="/routes/overview" className="eco-btn eco-btn-ghost">
              Read the docs

              <svg className="eco-btn-arrow" viewBox="0 0 16 16" fill="none">
                <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
              </svg>
            </a>
          </div>

          <div className="eco-product-visual">
            <div className="eco-code">
              <div className="eco-code-head">
                <div className="eco-code-dots">
                  <span />

                  <span />

                  <span />
                </div>

                <span className="eco-code-name">quote.sh</span>
                <span className="eco-code-lang">cURL</span>
              </div>

              <div className="eco-code-body">
                <div><span className="kw">curl</span> -X POST <span className="str">[https://quotes.eco.com/circle-gateway/v3/quotes/single](https://quotes.eco.com/circle-gateway/v3/quotes/single)</span> {"\\"}</div>
                <div>  -H <span className="str">"Content-Type: application/json"</span> {"\\"}</div>
                <div>  -d <span className="str">'{"{"}</span></div>
                <div>    <span className="pr">"dAppID"</span>: <span className="str">"your-app"</span>,</div>
                <div>    <span className="pr">"quoteRequest"</span>: <span className="pun">{"{"}</span></div>
                <div>      <span className="pr">"sourceChainID"</span>: <span className="num">8453</span>,</div>
                <div>      <span className="pr">"destinationChainID"</span>: <span className="num">42161</span>,</div>
                <div>      <span className="pr">"sourceToken"</span>: <span className="str">"0x833...02913"</span>,</div>
                <div>      <span className="pr">"destinationToken"</span>: <span className="str">"0xaf8...30831"</span>,</div>
                <div>      <span className="pr">"sourceAmount"</span>: <span className="str">"1000000000"</span></div>
                <div>    <span className="pun">{"}"}</span></div>
                <div>  <span className="str">{"}'"}</span></div>
                <div> </div>

                <div>
                  <span className="cm">
                    {`// → encodedRoute, ready to publishAndFund on Portal`}
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>

        {/* P.02 Programmable Addresses */}

        <div className="eco-product flip">
          <div className="eco-product-content">
            <h3 className="eco-product-h">Programmable Addresses</h3>
            <p className="eco-product-desc">A deterministic CREATE2 address with pre-programmed actions. Funds arriving auto-route to the right chain, balance, or vault.</p>

            <ul className="eco-product-list">
              <li>Same inputs always return the same address: share it before deployment</li>
              <li>No bridge UI, no signature: the sender makes a plain ERC-20 transfer</li>
              <li>Live: Circle Gateway fast deposits from Base, Optimism, and Arbitrum to Polygon</li>
            </ul>

            <a href="/addresses/overview" className="eco-btn eco-btn-ghost">
              Read the docs

              <svg className="eco-btn-arrow" viewBox="0 0 16 16" fill="none">
                <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
              </svg>
            </a>
          </div>

          <div className="eco-product-visual">
            <div className="eco-code">
              <div className="eco-code-head">
                <div className="eco-code-dots">
                  <span />

                  <span />

                  <span />
                </div>

                <span className="eco-code-name">address.sh</span>
                <span className="eco-code-lang">cURL</span>
              </div>

              <div className="eco-code-body">
                <div>
                  <span className="cm">
                    {`// Create a quoted gateway deposit vault`}
                  </span>
                </div>

                <div><span className="kw">curl</span> -X POST <span className="str">[https://.../circle-gateway/v2/depositAddresses](https://.../circle-gateway/v2/depositAddresses)</span> {"\\"}</div>
                <div>  -H <span className="str">"Content-Type: application/json"</span> {"\\"}</div>
                <div>  -d <span className="str">'{"{"}</span></div>
                <div>    <span className="pr">"depositor"</span>: <span className="str">"0xUser…"</span>,</div>
                <div>    <span className="pr">"recipient"</span>: <span className="str">"0xUser…"</span>,</div>
                <div>    <span className="pr">"amount"</span>: <span className="str">"1000000"</span>,</div>
                <div>    <span className="pr">"sourceChainId"</span>: <span className="num">8453</span></div>
                <div>  <span className="str">{"}'"}</span></div>
                <div> </div>

                <div>
                  <span className="cm">
                    {`// → { vaultAddress: "0x9f…", amount, deadline }`}
                  </span>
                </div>

                <div>
                  <span className="cm">
                    {`// Fund the vault; Eco publishes the deposit intent.`}
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>

        {/* P.03 Programmable Transactions */}

        <div className="eco-product">
          <div className="eco-product-content">
            <h3 className="eco-product-h">
              Programmable Transactions <span className="eco-badge beta">Beta</span>
            </h3>

            <p className="eco-product-desc">Embed decision logic into a single transaction. Read state from multiple contracts, pick the optimal path, execute atomically. No contract deployment.</p>

            <ul className="eco-product-list">
              <li>Sauce: more than 50 opcodes for data extraction, control flow, and crypto operations</li>
              <li>Best-price routing, conditional execution, and MEV-resistant flows in one atomic tx</li>
              <li>External contracts see normal calldata: no integration changes required</li>
            </ul>

            <a href="/transactions/overview" className="eco-btn eco-btn-ghost">
              Read the docs

              <svg className="eco-btn-arrow" viewBox="0 0 16 16" fill="none">
                <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
              </svg>
            </a>
          </div>

          <div className="eco-product-visual">
            <div className="eco-code">
              <div className="eco-code-head">
                <div className="eco-code-dots">
                  <span />

                  <span />

                  <span />
                </div>

                <span className="eco-code-name">supertx.calldata</span>
                <span className="eco-code-lang">Sauce</span>
              </div>

              <div className="eco-code-body">
                <div>
                  <span className="cm">
                    {`// One tx. Decision logic lives in the calldata.`}
                  </span>
                </div>

                <div><span className="kw">header</span> <span className="num">0x5A00CE</span>  <span className="cm">{`// "sauce" magic`}</span></div>
                <div> </div>
                <div>a = <span className="kw">read</span> <span className="fn">quote</span><span className="pun">(</span><span className="str">"DEX\_A"</span>, in<span className="pun">)</span></div>
                <div>b = <span className="kw">read</span> <span className="fn">quote</span><span className="pun">(</span><span className="str">"DEX\_B"</span>, in<span className="pun">)</span></div>
                <div>c = <span className="kw">read</span> <span className="fn">quote</span><span className="pun">(</span><span className="str">"DEX\_C"</span>, in<span className="pun">)</span></div>
                <div>best = <span className="fn">argmax</span><span className="pun">(</span>a, b, c<span className="pun">)</span></div>
                <div> </div>
                <div><span className="kw">if</span> best.out <span className="pun">>=</span> minOut<span className="pun">:</span></div>
                <div>  <span className="kw">call</span> best.dex<span className="pun">.</span><span className="fn">swap</span><span className="pun">(</span>in, minOut<span className="pun">)</span></div>
                <div><span className="kw">else</span><span className="pun">:</span> <span className="kw">revert</span></div>
              </div>
            </div>
          </div>
        </div>

        {/* P.04 Orchestration */}

        <div className="eco-product flip">
          <div className="eco-product-content">
            <h3 className="eco-product-h">
              Orchestration <span className="eco-badge beta">Beta</span>
            </h3>

            <p className="eco-product-desc">The composition layer. Wraps Routes, Programmable Transactions, Permit3, and compliance hooks behind a single API.</p>

            <ul className="eco-product-list">
              <li>One API for routing, liquidity, and compliance, including address screening at the solver layer</li>
              <li>Compose a Programmable Address deposit, a Sauce swap, and a Routes destination call into one flow</li>
              <li>Designed for regulated payment platforms, treasury automation, and agentic systems</li>
            </ul>

            <a href="/transactions/orchestration" className="eco-btn eco-btn-ghost">
              Read the docs

              <svg className="eco-btn-arrow" viewBox="0 0 16 16" fill="none">
                <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
              </svg>
            </a>
          </div>

          <div className="eco-product-visual">
            <div className="eco-code">
              <div className="eco-code-head">
                <div className="eco-code-dots">
                  <span />

                  <span />

                  <span />
                </div>

                <span className="eco-code-name">orchestration.flow</span>
                <span className="eco-code-lang">Composed</span>
              </div>

              <div className="eco-code-body">
                <div>
                  <span className="cm">
                    {`// Compose products behind one integration.`}
                  </span>
                </div>

                <div> </div>
                <div><span className="kw">flow</span> <span className="fn">payInvoice</span><span className="pun">(</span>user, invoiceID<span className="pun">)</span><span className="pun">:</span></div>
                <div>  addr = <span className="fn">programmable\_address</span><span className="pun">(</span></div>
                <div>    destination = <span className="str">"USDC\@Polygon"</span></div>
                <div>  <span className="pun">)</span></div>
                <div>  <span className="kw">on</span> deposit<span className="pun">(</span>addr<span className="pun">)</span><span className="pun">:</span></div>
                <div>    <span className="fn">screen</span><span className="pun">(</span>sender<span className="pun">)</span>            <span className="cm">{`// compliance`}</span></div>
                <div>    <span className="fn">route</span><span className="pun">(</span>amount, recipient<span className="pun">)</span>  <span className="cm">{`// Routes`}</span></div>
                <div>    <span className="fn">webhook</span><span className="pun">(</span>invoiceID, <span className="str">"paid"</span><span className="pun">)</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section className="eco-cta-section">
    <div className="eco-container">
      <h2 className="eco-cta-h">Start building with Eco.</h2>

      <p className="eco-cta-sub">
        Send your first stablecoin across chains in five minutes — from the CLI,
        or wire the V3 quote API directly into your backend.
      </p>

      <div className="eco-cta-row center">
        <a href="/get-started/quickstart" className="eco-btn eco-btn-primary">
          Quickstart

          <span className="eco-btn-arrow-box">
            <svg width="12" height="12" viewBox="0 0 16 16" fill="none">
              <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" />
            </svg>
          </span>
        </a>

        <a href="/routes/integrate/cli" className="eco-btn eco-btn-ghost">CLI walkthrough</a>
        <a href="/routes/integrate/api" className="eco-btn eco-btn-ghost">REST API</a>
        <a href="/api-reference/introduction" className="eco-btn eco-btn-ghost">Full API reference</a>
      </div>
    </div>
  </section>

  <section className="eco-section">
    <div className="eco-container">
      <div className="eco-section-head">
        <div>
          <div className="eco-section-tag">Docs map</div>
          <h2 className="eco-h2">Everything<br />in one place.</h2>
        </div>

        <p className="eco-section-sub">
          Jump straight to the page you need. Every product, every recipe, every reference,
          cross-linked so you can browse by what you're building, not where it lives.
        </p>
      </div>

      <div className="eco-docmap">
        <div className="eco-docmap-col">
          <h4>Get started</h4>

          <ul>
            <li><a href="/get-started/what-is-eco">What is Eco?</a></li>
            <li><a href="/get-started/choose-your-product">Choose your product</a></li>
            <li><a href="/get-started/quickstart">Quickstart</a></li>
            <li><a href="/routes/integrate/cli">CLI walkthrough</a></li>
          </ul>
        </div>

        <div className="eco-docmap-col">
          <h4>Products</h4>

          <ul>
            <li><a href="/routes/overview">Routes</a></li>
            <li><a href="/addresses/overview">Programmable Addresses</a></li>
            <li><a href="/transactions/overview">Programmable Transactions</a></li>
            <li><a href="/transactions/orchestration">Orchestration</a></li>
          </ul>
        </div>

        <div className="eco-docmap-col">
          <h4>Recipes</h4>

          <ul>
            <li><a href="/recipes/send-usdc-cross-chain">Send USDC cross-chain</a></li>
            <li><a href="/recipes/gasless-gateway-deposit">Gasless Gateway deposit</a></li>
            <li><a href="/recipes/treasury-rebalancing">Treasury rebalancing</a></li>
            <li><a href="/recipes/become-a-solver">Become a solver</a></li>
          </ul>
        </div>

        <div className="eco-docmap-col">
          <h4>Reference</h4>

          <ul>
            <li><a href="/api-reference/introduction">REST API</a></li>
            <li><a href="/resources/supported-chains-tokens">Supported chains</a></li>
            <li><a href="/resources/contract-addresses">Contract addresses</a></li>
            <li><a href="/concepts/glossary">Glossary</a></li>
          </ul>
        </div>
      </div>
    </div>
  </section>
</div>