Improve mobile hero clarity

Author: a-baran-orhan

playground/index.html

@@ -147,7 +147,8 @@
           <p class="eyebrow">A motion language for LLMs</p>
           <h1 class="headline">Give your LLM<br /><span class="hl">a body.</span></h1>
           <p class="subhead">
-            Posecode turns LLM-written text into structured, editable 3D human motion, live in your browser.
+            Give your LLM the Posecode prompt. Posecode turns its response into structured, editable 3D human
+            motion in your browser.
           </p>
           <div class="hero-cta">
             <a class="btn primary lg" href="/play">Open the playground&nbsp;→</a>
@@ -158,14 +159,14 @@ <h1 class="headline">Give your LLM<br /><span class="hl">a body.</span></h1>
           <div class="hero-meta" aria-label="Project highlights">
             <span>Open source</span>
             <span>Runs on-device</span>
-            <span>LLM-ready</span>
+            <span>Prompt included</span>
           </div>
         </div>
 
         <div class="hero-stage reveal" aria-label="A prompt becoming a live 3D movement">
           <div class="prompt-card">
-            <span class="prompt-label">Prompt to a capable LLM</span>
-            <p>“Write a controlled superhero landing.”</p>
+            <span class="prompt-label">After pasting the Posecode prompt</span>
+            <p>Then ask: “Write a controlled superhero landing.”</p>
           </div>
 
           <div class="studio">

playground/src/landing.css

@@ -996,9 +996,7 @@ code {
   }
 
   .code-chip {
-    right: -4px;
-    bottom: -26px;
-    font-size: 9.5px;
+    display: none;
   }
 
   .proof {