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

# Pricing

> How Valar bills inference and the per-token rate for every model

## How billing works

You pay per token. Three rates apply to each request: **input** for the tokens you send, **cached** for input tokens served from a prefix cache, and **output** for the tokens the model generates. Every figure in the table below is in **USD per 1M tokens**.

Caching is automatic: Valar matches shared prompt prefixes for you and charges the lower cached rate on the tokens that hit. You can raise your hit rate by passing `prompt_cache_key` as a routing hint, but it's optional.

The rate you pay also depends on the completion window you request. Faster scheduling carries a higher rate: the on-demand **Now** window costs the most, **Priority** about 25% less, **Standard** about 50% less, and **Flex** the least. The table prices out the windows available for each model; coverage varies, and you can mix windows per request. [Completion Windows](/inference-modes#completion-windows) explains the trade-offs.

<Note>
  Window coverage differs by model, and we keep adding models and widening window support. If a model or window you want isn't shown, <a href="mailto:tom.amsterdam@valarhq.ai">get in touch</a>.
</Note>

## Rate table

<div className="pricing-table-page">
  <div className="pricing-header">
    <span className="pricing-unit-callout" aria-label="Prices in US dollars per 1 million tokens">
      <span className="pricing-unit-currency">USD</span>

      <span className="pricing-unit-sep" aria-hidden="true">
        ·
      </span>

      <span className="pricing-unit-rate">
        per <span className="pricing-unit-num">1M</span> tokens
      </span>
    </span>
  </div>

  <div className="pricing-table-wrapper">
    <table className="pricing-table">
      <thead>
        <tr className="pricing-header-row">
          <th className="pricing-th pricing-th-model" style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            Model
          </th>

          <th className="pricing-th pricing-th-window" style={{ width: "6.5rem", minWidth: "6.5rem" }}>
            Window
          </th>

          <th className="pricing-th pricing-th-axis" style={{ width: "9.0rem" }}>
            Input
          </th>

          <th className="pricing-th pricing-th-axis" style={{ width: "9.0rem" }}>
            Cached
          </th>

          <th className="pricing-th pricing-th-axis" style={{ width: "9.0rem" }}>
            Output
          </th>
        </tr>
      </thead>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="deepseek" role="img" aria-label="DeepSeek" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">DeepSeek V4 Pro</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="deepseek-ai/DeepSeek-V4-Pro">
                    <code>deepseek-ai/DeepSeek-V4-Pro</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy deepseek-ai/DeepSeek-V4-Pro"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "deepseek-ai/DeepSeek-V4-Pro";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.131
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.094
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              2.262
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.848
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.071
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.697
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.566
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.047
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.131
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.396
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.033
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.792
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="nvidia" role="img" aria-label="NVIDIA" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">Nemotron Ultra</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="nvidia/nemotron-3-ultra-550b-a55b">
                    <code>nvidia/nemotron-3-ultra-550b-a55b</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy nvidia/nemotron-3-ultra-550b-a55b"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "nvidia/nemotron-3-ultra-550b-a55b";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.5
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.1
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              2.2
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.375
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.075
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.65
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.25
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.05
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.1
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.175
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.035
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.77
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="deepseek" role="img" aria-label="DeepSeek" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">DeepSeek-V4-Flash-0731</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="deepseek-ai/DeepSeek-V4-Flash">
                    <code>deepseek-ai/DeepSeek-V4-Flash</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy deepseek-ai/DeepSeek-V4-Flash"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "deepseek-ai/DeepSeek-V4-Flash";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.09
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.03
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.19
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.068
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.023
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.143
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.05
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.015
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.10
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.035
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.012
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.075
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="moonshot" role="img" aria-label="Moonshot AI" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">Kimi K2.7 Code</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="moonshotai/kimi-k2.7-code">
                    <code>moonshotai/kimi-k2.7-code</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy moonshotai/kimi-k2.7-code"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "moonshotai/kimi-k2.7-code";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.75
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.15
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              3.5
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.6
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.12
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              2.8
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.375
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.075
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.75
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.2625
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.0525
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.225
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="moonshot" role="img" aria-label="Moonshot AI" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">Kimi-K3</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="moonshotai/Kimi-K3">
                    <code>moonshotai/Kimi-K3</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy moonshotai/Kimi-K3"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "moonshotai/Kimi-K3";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              2.25
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.225
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              11.25
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.6875
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.16875
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              8.4375
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.125
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.1125
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              5.625
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.7875
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.07875
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              3.9375
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="zhipu" role="img" aria-label="Z.ai" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">GLM-5.2</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="zai-org/GLM-5.2-FP8">
                    <code>zai-org/GLM-5.2-FP8</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy zai-org/GLM-5.2-FP8"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "zai-org/GLM-5.2-FP8";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.98
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.112
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              3.4
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.784
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.0896
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              2.72
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.49
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.091
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.54
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.343
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.064
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.078
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="zhipu" role="img" aria-label="Z.ai" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">GLM-5.2 Fast</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="zai-org/GLM-5.2-Fast">
                    <code>zai-org/GLM-5.2-Fast</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy zai-org/GLM-5.2-Fast"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "zai-org/GLM-5.2-Fast";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.68
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.168
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              5.28
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.26
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.126
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              3.96
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.84
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.084
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              2.64
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.588
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.0588
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.848
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="openai" role="img" aria-label="OpenAI" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">gpt-oss-120b</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="openai/gpt-oss-120b">
                    <code>openai/gpt-oss-120b</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy openai/gpt-oss-120b"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "openai/gpt-oss-120b";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.06
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.03
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.40
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.045
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.023
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.3
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.04
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.02
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.30
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.024
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.012
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.155
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="qwen" role="img" aria-label="Qwen" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">Qwen3.5-397B-A17B</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="Qwen/Qwen3.5-397B-A17B">
                    <code>Qwen/Qwen3.5-397B-A17B</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy Qwen/Qwen3.5-397B-A17B"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "Qwen/Qwen3.5-397B-A17B";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.45
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.09
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.35
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.338
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.068
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.013
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.25
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.05
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.75
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.175
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.035
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.525
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="qwen" role="img" aria-label="Qwen" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">Qwen3.6 35B-A3B</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="Qwen/Qwen3.6-35B-A3B">
                    <code>Qwen/Qwen3.6-35B-A3B</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy Qwen/Qwen3.6-35B-A3B"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "Qwen/Qwen3.6-35B-A3B";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.225
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.045
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.9
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.169
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.0338
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.675
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.13
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.026
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.52
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.0925
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.0185
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.37
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="gemma" role="img" aria-label="Google" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">Gemma 4 31B IT</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="google/gemma-4-31B-it">
                    <code>google/gemma-4-31B-it</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy google/gemma-4-31B-it"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "google/gemma-4-31B-it";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.36
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.20
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.60
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.27
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.15
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.45
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.18
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.10
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.30
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.14
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.08
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.24
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="gemma" role="img" aria-label="Google" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">Gemma 4 26B A4B</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="google/gemma-4-26B-A4B-it">
                    <code>google/gemma-4-26B-A4B-it</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy google/gemma-4-26B-A4B-it"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "google/gemma-4-26B-A4B-it";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.09
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.018
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.27
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.068
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.0136
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.203
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.052
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.0104
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.156
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.037
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.0074
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.111
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="minimax" role="img" aria-label="MiniMax" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">MiniMax M2.7</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="MiniMaxAI/MiniMax-M2.7">
                    <code>MiniMaxAI/MiniMax-M2.7</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy MiniMaxAI/MiniMax-M2.7"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "MiniMaxAI/MiniMax-M2.7";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.27
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.054
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.08
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.203
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.041
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.81
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.15
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.03
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.60
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.105
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.021
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.42
            </span>
          </td>
        </tr>
      </tbody>

      <tbody className="pricing-model-group">
        <tr className="pricing-row pricing-row-window pricing-row-model-first">
          <td className="pricing-cell pricing-cell-model" rowSpan={4} style={{ width: "18.0rem", minWidth: "18.0rem" }}>
            <div className="pricing-cell-model-inner">
              <span className="cap-logo" data-org="minimax" role="img" aria-label="MiniMax" />

              <div className="pricing-model-meta">
                <div className="cap-model-name">MiniMax M3</div>

                <div className="cap-slug-actions">
                  <span className="cap-slug-text" title="MiniMaxAI/MiniMax-M3">
                    <code>MiniMaxAI/MiniMax-M3</code>
                  </span>

                  <button
                    type="button"
                    className="cap-copy-btn"
                    aria-label="Copy MiniMaxAI/MiniMax-M3"
                    onClick={(e) => {
              const b = e.currentTarget;
              const t = "MiniMaxAI/MiniMax-M3";
              const ok = () => {
                b.classList.add("cap-copy-done");
                setTimeout(() => b.classList.remove("cap-copy-done"), 1500);
              };
              if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(ok).catch(() => fallback(b, t, ok));
              } else {
                fallback(b, t, ok);
              }
              function fallback(_b, _t, _ok) {
                const ta = document.createElement("textarea");
                ta.value = _t;
                ta.style.position = "absolute";
                ta.style.left = "-9999px";
                document.body.appendChild(ta);
                ta.select();
                try { document.execCommand("copy"); _ok(); } catch (_) { _ok(); }
                document.body.removeChild(ta);
              }
            }}
                  >
                    <span className="cap-copy-icon-wrap">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-default" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>

                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="cap-copy-icon cap-copy-icon-done" aria-hidden="true">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </td>

          <td className="pricing-cell pricing-cell-window" data-window="asap">
            <span className="price-window-label">Now</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.20
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.06
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="asap">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.20
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="priority">
            <span className="price-window-label">Priority</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.15
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.045
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="priority">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.9
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window">
          <td className="pricing-cell pricing-cell-window" data-window="standard">
            <span className="price-window-label">Standard</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.10
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.03
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="standard">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              1.00
            </span>
          </td>
        </tr>

        <tr className="pricing-row pricing-row-window pricing-row-model-last pricing-row-last">
          <td className="pricing-cell pricing-cell-window" data-window="flex">
            <span className="price-window-label">Flex</span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Input" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.07
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Cached" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.02
            </span>
          </td>

          <td className="pricing-cell pricing-cell-price" data-axis="Output" data-window="flex">
            <span className="price-amount">
              <span className="price-currency" aria-hidden="true">
                \$
              </span>

              0.80
            </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

For each model's capabilities (e.g., image input and reasoning support), see [Models](/models).