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

# Model Pricing

> Pricing information for all models available through the Morpheus Inference API

# Model Pricing

All prices are per 1 million tokens in USD.

## Text Models

<div style={{borderTop: '1px solid rgba(255,255,255,0.1)', marginTop: '24px'}} />

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>GLM 5.2</span>
    <code>glm-5.2</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$1.25</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$4.40</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>200K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Next-Gen Agentic Engineering and Complex Reasoning</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>GLM 5.1</span>
    <code>glm-5.1</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#16</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$1.50</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$5.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>200K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Agentic Engineering and Complex Reasoning</div>
  <div style={{fontSize: '0.8rem', opacity: '0.4', marginTop: '4px'}}>Also available as <code>glm-5.1-non-thinking</code> (same pricing, without extended thinking)</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>GLM 5</span>
    <code>glm-5</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#25</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$1.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$3.20</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>200K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Agentic Engineering and Complex Reasoning</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Kimi K2.7 Code</span>
    <code>kimi-k2.7-code</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.75</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$4.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>256K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Code Generation, Agentic Coding, Parallel Agent Workflows</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Kimi K2.5</span>
    <code>kimi-k2.5</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#32</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
      <Tooltip tip="Vision"><span>👀</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.60</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$3.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>256K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Complex Agent Use and Code Development</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Kimi K2.6</span>
    <code>kimi-k2.6</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
      <Tooltip tip="Vision"><span>👀</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.50</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$3.25</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>256K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Visual Reasoning, Math, Parallel Agent Workflows</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Gemma 4 31B</span>
    <code>gemma-4-31b</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#29</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Vision"><span>👀</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.15</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$0.40</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>256K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Math, Science, Coding, Document Parsing, Visual Reasoning</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Gemma 4 26B A4B</span>
    <code>gemma-4-26b-a4b</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#45</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Vision"><span>👀</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.15</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$0.40</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>256K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Efficient Reasoning, Low-Latency Inference, Image Analysis</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Qwen 3.5 35B A3B</span>
    <code>qwen35-35b-a3b</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#102</span>
      <span style={{fontSize: '0.75rem', background: '#eab308', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Medium</span>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
      <Tooltip tip="Vision"><span>👀</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.30</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$1.25</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>256K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>General Purpose, Long Context, Image Analysis</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Qwen 3.5 9B</span>
    <code>qwen35-9b</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#eab308', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Medium</span>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
      <Tooltip tip="Vision"><span>👀</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.05</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$0.15</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>256K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Fast Responses, Image Analysis, Simple Tasks</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Arcee Trinity Large Thinking</span>
    <code>arcee-trinity-large-thinking</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#123</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.30</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$1.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>256K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Agentic Workflows, Multi-Step Planning, Tool Orchestration</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>GLM 4.7</span>
    <code>glm-4.7</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#42</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.50</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$2.25</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>198K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Complex Agent Use</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>GLM 4.7 Thinking</span>
    <code>glm-4.7-thinking</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#42</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.45</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$2.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>198K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Complex Agent Use and Reasoning</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>GLM 4.7 Flash</span>
    <code>glm-4.7-flash</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#131</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.10</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$0.50</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>128K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Fast Advanced Agent Use</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Qwen3 235B</span>
    <code>qwen3-235b</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#62</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.40</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$3.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>128K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Advanced Agent Use and Code Development</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>MiniMax M2.5</span>
    <code>minimax-m2.5</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#95</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.30</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$1.20</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>198K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>AI Agents and Autonomous Workflows</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>MiniMax M2.7</span>
    <code>MiniMax-M2.7</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.35</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$1.50</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>198K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Cost-Efficient AI Agents and Autonomous Workflows</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>DeepSeek V4 Pro</span>
    <code>deepseek-v4-pro</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$1.60</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$3.50</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>1M</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Frontier Reasoning, Complex Coding, Ultra-Long Context</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>DeepSeek V4 Flash</span>
    <code>deepseek-v4-flash</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#eab308', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Medium</span>
      <Tooltip tip="Reasoning"><span>🧠</span></Tooltip>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.15</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$0.30</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>1M</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Fast Frontier-Tier Reasoning, Long-Context Tasks at Speed</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Qwen3 Coder 480B</span>
    <code>qwen3-coder-480b-a35b-instruct</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#113</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.70</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$2.80</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>256K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Code Development</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Qwen3 Next 80B</span>
    <code>qwen3-next-80b</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#93</span>
      <span style={{fontSize: '0.75rem', background: '#eab308', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Medium</span>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.15</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$1.50</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>256K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Long-Context Chat and Content</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>GPT OSS 120B</span>
    <code>gpt-oss-120b</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#144</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.07</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$0.28</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>128K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Advanced Chat and Content</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Hermes 3 Llama 3.1 405B</span>
    <code>hermes-3-llama-3.1-405b</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#172</span>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$1.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$3.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>128K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Advanced Chat and Content</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Llama 3.3 70B</span>
    <code>llama-3.3-70b</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#193</span>
      <span style={{fontSize: '0.75rem', background: '#eab308', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Medium</span>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.70</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$2.50</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>128K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>General Chat and Content</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Llama 3.2 3B</span>
    <code>llama-3.2-3b</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#295</span>
      <span style={{fontSize: '0.75rem', background: '#3b82f6', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Small</span>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.10</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$0.50</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>128K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Classification, Simple QA</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Mistral 31 24B</span>
    <code>mistral-31-24b</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', opacity: '0.5', border: '1px solid var(--border)', padding: '2px 6px', borderRadius: '4px'}}>#212</span>
      <span style={{fontSize: '0.75rem', background: '#eab308', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Medium</span>
      <Tooltip tip="Function Calling"><span>⚡</span></Tooltip>
      <Tooltip tip="Vision"><span>👀</span></Tooltip>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.50</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$2.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>128K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Basic Agent Functionality</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Venice Uncensored</span>
    <code>venice-uncensored</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#eab308', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Medium</span>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.20</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$0.90</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Context</span>
      <span style={{fontWeight: '500'}}>32K</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Uncensored Creative Use</div>
</div>

## Proprietary, Anonymized Models

Frontier proprietary models served through anonymized providers on the Morpheus marketplace. All are also available with web search by appending `:web` to the model name.

<div style={{borderTop: '1px solid rgba(255,255,255,0.1)', marginTop: '24px'}} />

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Claude Fable 5</span>
    <code>claude-fable-5</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$12.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$60.00</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Frontier Agentic Coding and Reasoning</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Claude Opus 4.8</span>
    <code>claude-opus-4.8</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$6.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$30.00</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Advanced Reasoning and Code Development</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Gemini 3.1 Pro Preview</span>
    <code>gemini-3.1-pro-preview</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$2.50</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$15.00</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Multimodal Frontier Reasoning</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>GPT-5.5 Pro</span>
    <code>GPT-5.5-Pro</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$38.00</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$250.00</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Maximum-Capability Frontier Reasoning</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>GPT-5.5</span>
    <code>GPT-5.5</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$6.50</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$38.00</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Frontier Chat, Reasoning, and Coding</div>
</div>

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>Grok 4.20</span>
    <code>grok-4.20</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#16a34a', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Large</span>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$1.40</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$2.80</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Fast, Cost-Efficient Frontier Intelligence</div>
</div>

## Embedding Models

<div style={{borderTop: '1px solid rgba(255,255,255,0.1)', marginTop: '24px'}} />

<div style={{padding: '16px 0', borderBottom: '1px solid rgba(255,255,255,0.1)'}}>
  <div style={{display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '12px'}}>
    <span style={{fontWeight: '600', fontSize: '1.1rem'}}>BGE M3</span>
    <code>text-embedding-bge-m3</code>

    <span style={{marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px'}}>
      <span style={{fontSize: '0.75rem', background: '#8b5cf6', color: 'white', padding: '2px 8px', borderRadius: '4px'}}>Embedding</span>
    </span>
  </div>

  <div style={{display: 'flex', gap: '32px', marginBottom: '8px'}}>
    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Input Price</span>
      <span style={{fontWeight: '500'}}>\$0.10</span>
    </div>

    <div>
      <span style={{fontSize: '0.7rem', opacity: '0.5', textTransform: 'uppercase', display: 'block', marginBottom: '2px'}}>Output Price</span>
      <span style={{fontWeight: '500'}}>\$0.50</span>
    </div>
  </div>

  <div style={{fontSize: '0.85rem', opacity: '0.6'}}>Vector Embeddings for RAG</div>
</div>

## Legend

* 🧠 **Reasoning** — Extended thinking and step-by-step problem solving
* ⚡ **Function Calling** — Can invoke tools and external APIs
* 👀 **Vision** — Can analyze and understand images
* **Arena Rank** — Position on the [Chatbot Arena Leaderboard](https://lmarena.ai/) (lower is better)
