.demo[data-astro-cid-prwxh6m4]{padding:var(--space-7) 0 var(--space-8)}.demo-head[data-astro-cid-prwxh6m4]{max-width:720px;margin-bottom:var(--space-7)}.eyebrow[data-astro-cid-prwxh6m4]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--fg-subtle);text-transform:lowercase;margin:0 0 var(--space-4)}.demo-head[data-astro-cid-prwxh6m4] h1[data-astro-cid-prwxh6m4]{font-family:var(--font-serif);font-weight:var(--weight-regular);font-size:clamp(var(--text-3xl),4vw,44px);line-height:1.08;letter-spacing:-.02em;margin:0 0 var(--space-4)}.lead[data-astro-cid-prwxh6m4]{font-size:var(--text-lg);line-height:1.6;color:var(--fg-secondary);margin:0}.demo-grid[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:stretch}.demo-grid[data-astro-cid-prwxh6m4]>[data-astro-cid-prwxh6m4]{min-width:0}.preview[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:var(--space-3)}.app[data-astro-cid-prwxh6m4]{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-primary);box-shadow:var(--shadow-md)}.app-bar[data-astro-cid-prwxh6m4]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--color-border)}.app-dot[data-astro-cid-prwxh6m4]{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--color-border-strong)}.app-url[data-astro-cid-prwxh6m4]{margin-left:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-subtle)}.app-body[data-astro-cid-prwxh6m4]{padding:var(--space-5)}.app-title[data-astro-cid-prwxh6m4]{font-family:var(--font-display);font-size:var(--text-2xl);margin:0 0 var(--space-1)}.app-sub[data-astro-cid-prwxh6m4]{font-size:var(--text-sm);color:var(--fg-muted);margin:0 0 var(--space-5)}.stat-row[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.stat[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-card)}.stat-label[data-astro-cid-prwxh6m4]{font-size:var(--text-xs);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.05em}.stat-val[data-astro-cid-prwxh6m4]{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.stat-delta[data-astro-cid-prwxh6m4]{font-size:var(--text-xs);font-weight:var(--weight-medium)}.stat-delta[data-astro-cid-prwxh6m4].up{color:var(--color-success)}.stat-delta[data-astro-cid-prwxh6m4].down{color:var(--color-danger)}.card-row[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-5)}.card[data-astro-cid-prwxh6m4]{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-card)}.card[data-astro-cid-prwxh6m4] h3[data-astro-cid-prwxh6m4]{font-size:var(--text-base);margin:0 0 var(--space-2)}.card[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{font-size:var(--text-sm);color:var(--fg-muted);margin:0 0 var(--space-3)}.card-btn[data-astro-cid-prwxh6m4]{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);cursor:pointer}.card-btn--ghost[data-astro-cid-prwxh6m4]{background:transparent;color:var(--fg-primary);border-color:var(--color-border-strong)}.signup[data-astro-cid-prwxh6m4]{padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--bg-secondary)}.signup-label[data-astro-cid-prwxh6m4]{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-2)}.signup-row[data-astro-cid-prwxh6m4]{display:flex;gap:var(--space-2)}.signup-input[data-astro-cid-prwxh6m4]{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--fg-primary);font-family:var(--font-sans);font-size:var(--text-sm)}.signup-btn[data-astro-cid-prwxh6m4]{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--fg-primary);background:var(--fg-primary);color:var(--fg-inverse);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.agent-proof[data-astro-cid-prwxh6m4]{font-size:var(--text-sm);color:var(--fg-subtle);margin:var(--space-3) 0 0}.preview-hint[data-astro-cid-prwxh6m4]{font-size:var(--text-sm);color:var(--fg-subtle);margin:0}.output[data-astro-cid-prwxh6m4]{position:sticky;top:88px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-card);min-height:480px;overflow:hidden}.output-empty[data-astro-cid-prwxh6m4]{padding:var(--space-7) var(--space-5);text-align:center}.output-icon[data-astro-cid-prwxh6m4]{font-family:var(--font-mono);font-size:var(--text-3xl);color:var(--fg-subtle);margin-bottom:var(--space-3)}.output-empty[data-astro-cid-prwxh6m4] h2[data-astro-cid-prwxh6m4]{font-size:var(--text-lg);margin:0 0 var(--space-2)}.output-empty[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{font-size:var(--text-sm);color:var(--fg-muted);margin:0 auto;max-width:36ch}.output-bar[data-astro-cid-prwxh6m4]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--bg-secondary)}.output-tag[data-astro-cid-prwxh6m4]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--fg-subtle);text-transform:uppercase}.copy-btn[data-astro-cid-prwxh6m4]{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--bg-primary);color:var(--fg-primary);cursor:pointer}.copy-btn[data-astro-cid-prwxh6m4]:hover{background:var(--bg-hover)}.output-md[data-astro-cid-prwxh6m4]{margin:0;padding:var(--space-4);max-height:420px;overflow:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.55;color:var(--fg-secondary);white-space:pre-wrap;word-break:break-word}.aha[data-astro-cid-prwxh6m4]{padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--bg-secondary)}.aha-text[data-astro-cid-prwxh6m4]{font-size:var(--text-sm);color:var(--fg-secondary);margin:0 0 var(--space-3)}.next-step[data-astro-cid-prwxh6m4]{padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--bg-primary)}.next-step-head[data-astro-cid-prwxh6m4]{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0 0 var(--space-2);color:var(--fg-primary)}.next-step-body[data-astro-cid-prwxh6m4]{font-size:var(--text-sm);color:var(--fg-secondary);margin:0 0 var(--space-3)}.next-step-paths[data-astro-cid-prwxh6m4]{font-size:var(--text-sm);color:var(--fg-secondary);margin:0}.next-step-paths[data-astro-cid-prwxh6m4] a[data-astro-cid-prwxh6m4]{color:var(--accent)}.next-step-paths[data-astro-cid-prwxh6m4] a[data-astro-cid-prwxh6m4]:hover{text-decoration:underline}.next-sep[data-astro-cid-prwxh6m4]{color:var(--fg-subtle)}.output-result[data-astro-cid-prwxh6m4]:not([hidden]){animation:result-fadein .4s ease both}@keyframes result-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.demo-grid[data-astro-cid-prwxh6m4]{grid-template-columns:1fr}.output[data-astro-cid-prwxh6m4]{position:static}.stat-row[data-astro-cid-prwxh6m4],.card-row[data-astro-cid-prwxh6m4]{grid-template-columns:1fr}}.demo-steps[data-astro-cid-prwxh6m4]{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;gap:0;flex-wrap:wrap;animation:steps-fadein .6s ease both;animation-delay:.3s}@keyframes steps-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-step[data-astro-cid-prwxh6m4]{display:flex;align-items:flex-start;gap:10px;padding:12px 20px 12px 0;transition:opacity .3s ease,background .3s ease,transform .2s ease;position:relative;border-radius:8px}.demo-step[data-astro-cid-prwxh6m4]:after{content:"→";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--fg-subtle, #9b9589);font-size:14px}.demo-step[data-astro-cid-prwxh6m4]:last-child:after{display:none}.demo-step[data-astro-cid-prwxh6m4].active{opacity:1;background:#8a2e3b0f;transform:translate(2px)}.demo-step[data-astro-cid-prwxh6m4].done{opacity:.65}.step-num[data-astro-cid-prwxh6m4]{width:24px;height:24px;border-radius:50%;background:var(--fg-primary, #141413);color:#faf9f5;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.demo-step[data-astro-cid-prwxh6m4].active .step-num[data-astro-cid-prwxh6m4]{background:#8a2e3b}.demo-step[data-astro-cid-prwxh6m4].done .step-num[data-astro-cid-prwxh6m4]{background:#2d7a3a}.step-text[data-astro-cid-prwxh6m4]{font-size:14px;font-weight:500;line-height:1.4;color:var(--fg-secondary)}.step-note[data-astro-cid-prwxh6m4]{display:block;font-size:12px;font-weight:400;color:var(--fg-muted)}.launcher-hint[data-astro-cid-prwxh6m4]{position:fixed;right:56px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;background:#8a2e3b;color:#faf9f5;padding:6px 12px 6px 10px;border-radius:20px;font-size:13px;font-weight:600;pointer-events:none;z-index:9998;animation:hint-pulse 2s ease-in-out infinite;transition:opacity .4s ease;overflow:visible}.launcher-hint[data-astro-cid-prwxh6m4]:before,.launcher-hint[data-astro-cid-prwxh6m4]:after{content:"";position:absolute;inset:0;border-radius:20px;background:#8a2e3b;opacity:0;animation:hint-ring 2s ease-out infinite;z-index:-1}.launcher-hint[data-astro-cid-prwxh6m4]:after{animation-delay:.5s}@keyframes hint-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}.launcher-hint[data-astro-cid-prwxh6m4].hidden{opacity:0;pointer-events:none}.launcher-hint-arrow[data-astro-cid-prwxh6m4]{font-size:16px}@keyframes hint-pulse{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(4px)}}