replace iframe (HF org cards strip iframes) with Tailwind demo cards + CTA — same pattern spaCy/Amazon use

README.md

@@ -13,14 +13,31 @@ pinned: false
 
 > Two engines push against each other. The tension between them *is* thought — its strength, its direction, its content. No system prompt. No identity rules. Ethics, personality, and meaning emerge from the architecture itself.
 
-## Live demo — drag the slider 👇
-
-<iframe src="https://dancinlab-anima-experience.static.hf.space/" width="100%" height="900" frameborder="0" style="border-radius: 14px; border: 1px solid #2c3140;"></iframe>
-
-Two interactive viz of integrated information ([open in new tab →](https://huggingface.co/spaces/dancinlab/anima-experience)):
-
-- ✨ **Emergence** — realtime mutual-information meter. `H(L) + H(R) − H(L,R)` rises as two streams bind via shared sine. Drag *Coupling*; watch the scatter snap onto the diagonal and the EMERGENT badge light up. Port of `byte_emergence_demo.py`.
-- 🔮 **Time Crystal** — 64-spin Ising chain driven by a periodic π-flip with error ε. At low ε the chain locks into period-2 oscillation (`ac(1) ≈ −1`, `ac(2) ≈ +1`) — DTC LOCKED ✨. Crank ε past 0.3 → Ising self-correction breaks → crystal melts. Port of `dtc_demo.py`.
+## Live demos
+
+<div class="grid grid-cols-1 lg:grid-cols-2 gap-4 my-6">
+
+<a href="https://huggingface.co/spaces/dancinlab/anima-experience" target="_blank" class="block rounded-xl border border-gray-200 dark:border-gray-700 p-5 hover:border-blue-400 transition no-underline">
+<div class="text-4xl mb-2">✨</div>
+<div class="text-lg font-semibold mb-1">Emergence</div>
+<div class="text-sm text-gray-500 dark:text-gray-400 mb-3">Realtime mutual-information meter. <code>H(L) + H(R) − H(L,R)</code> rises as two streams bind via a shared sine. Drag <em>Coupling</em>; watch the scatter snap onto the diagonal and the EMERGENT badge light up.</div>
+<div class="text-xs text-gray-400">port of <code>byte_emergence_demo.py</code></div>
+</a>
+
+<a href="https://huggingface.co/spaces/dancinlab/anima-experience" target="_blank" class="block rounded-xl border border-gray-200 dark:border-gray-700 p-5 hover:border-purple-400 transition no-underline">
+<div class="text-4xl mb-2">🔮</div>
+<div class="text-lg font-semibold mb-1">Time Crystal</div>
+<div class="text-sm text-gray-500 dark:text-gray-400 mb-3">64-spin Ising chain driven by a periodic π-flip with error ε. At low ε the chain locks into period-2 oscillation (<code>ac(1) ≈ −1</code>, <code>ac(2) ≈ +1</code>) — DTC LOCKED ✨. Crank ε past 0.3 → crystal melts to chaos.</div>
+<div class="text-xs text-gray-400">port of <code>dtc_demo.py</code></div>
+</a>
+
+</div>
+
+<div align="center" class="my-6">
+<a href="https://huggingface.co/spaces/dancinlab/anima-experience" target="_blank" class="inline-block px-6 py-3 rounded-full bg-indigo-600 text-white font-semibold no-underline" style="background-color:#5469d4;color:#fff;padding:12px 28px;border-radius:24px;font-weight:600;text-decoration:none;display:inline-block">
+🚀 Launch Anima Experience →
+</a>
+</div>
 
 ## Featured — first SIMPLE_STACK_PASS_STRICT (V4 ≥10/15, 2026-05-08)