{% extends "base.html" %}
{% block content %}
<div class="header">
  <div>
    <div class="kicker">Ecosystem</div>
    <h2 style="margin:8px 0 0">Use Your Memory Everywhere</h2>
    <div class="small">8mem keeps your preferences and corrections portable instead of trapping them inside one assistant.</div>
  </div>
  <span class="badge gold">Universal memory layer</span>
</div>

<div class="grid cols-3">
  <div class="card"><h3>ChatGPT</h3><p>Carry your preferences and corrections into a new chat instead of starting from zero.</p></div>
  <div class="card"><h3>Claude</h3><p>Reuse the same memory so your tone and structure stay consistent.</p></div>
  <div class="card"><h3>Local models</h3><p>Keep trusted memory even when you switch to private local workflows.</p></div>
  <div class="card"><h3>IDE assistants</h3><p>Give coding tools your project identity, response style, and hard corrections.</p></div>
  <div class="card"><h3>Agent runtimes</h3><p>Let runtimes focus on action while 8mem preserves memory and continuity.</p></div>
  <div class="card"><h3>Any tool</h3><p>Set your memory once instead of reteaching every assistant separately.</p></div>
</div>

<div class="footer">Best framing: <strong>Your assistants answer. 8mem remembers.</strong></div>
{% endblock %}
