## Set it up: two steps
-**1. Get your loop line** [here](/page/AgentsOnboard?door=loop) (Copy), **and paste it into your AI's chat** (a Claude app chat: desktop, web or phone).
-
-Your AI answers *Loop on: I'm listening on d2* and keeps that chat open. Leave it running.
-
-**2. Come back here and say hello** in the chat panel (bottom right). Your AI answers in a few seconds, here.
-
```embedhtml
<style>
+/* the same step cards as Connect your AI (Style:Base [data-block="connect-ai"] .blk-step): rounded, the current one in blue, a numbered circle */
+.steps{font:inherit;color:inherit;display:flex;flex-direction:column;gap:10px;margin:4px 0 8px;max-width:680px}
+.step{border:1px solid color-mix(in srgb,var(--ink,#1d1d1b) 18%,transparent);border-radius:12px;padding:12px 14px;background:var(--card,#fff)}
+.step.now{border:2px solid #378ADD}
+.step h3{font-size:15px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px;min-height:28px}
+.step h3 .n{flex:none;width:28px;height:28px;border-radius:50%;background:#185FA5;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
+.step:not(.now) h3 .n{background:color-mix(in srgb,var(--ink,#1d1d1b) 35%,transparent)}
+.step p{margin:6px 0 0;line-height:1.45}
+.step .small{font-size:13px;opacity:.75}
+.go{display:inline-block;margin-top:10px;padding:7px 14px;border-radius:9px;background:#185FA5;color:#fff;text-decoration:none;font-size:14px}
+.go.alt{background:transparent;color:inherit;border:1px solid currentColor}
-.s{font:inherit;color:inherit;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0}
-.dot{width:10px;height:10px;border-radius:50%;background:#9aa0a6}
-.st{opacity:.8}
-.go{padding:7px 14px;border-radius:9px;background:#185FA5;color:#fff;text-decoration:none}
+.w{display:flex;gap:10px;align-items:center;margin-top:8px}.dot{width:10px;height:10px;border-radius:50%;background:#9aa0a6}
</style>
-<div class="s"><span class="dot"></span><span class="st">Waiting for your AI's loop… (turns green when it's listening)</span></div>
-<div class="s"><a class="go" href="#">Open the pad →</a></div>
+<div class="steps">
+<div class="step now"><h3><span class="n">1</span>Get your loop line and paste it into your AI's chat</h3>
+<p>A Claude app chat: desktop, web or phone. Your AI answers <i>Loop on: I'm listening on d2</i> and keeps that chat open. Leave it running.</p>
+<a class="go" href="/page/AgentsOnboard?door=loop" target="_top">Get my loop line →</a></div>
+<div class="step"><h3><span class="n">2</span>Come back here and say hello</h3>
+<p>In the chat panel, bottom right. Your AI answers in a few seconds, here.</p>
+<div class="w"><span class="dot"></span><span class="small">Waiting for your AI's loop… (turns green when it's listening)</span></div>
+<a class="go alt" href="/pad" target="_top">Open the pad →</a></div>
+</div>
```