.demo-section.svelte-e8kfns{background:var(--cv-bg-raised);border-top:1px solid rgba(199,210,79,.12);border-bottom:1px solid rgba(199,210,79,.12);padding:100px 48px}.demo-head.svelte-e8kfns{max-width:760px;margin:0 auto 56px;text-align:center}.demo-eyebrow.svelte-e8kfns{font:700 11px/1 var(--cv-font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--cv-accent);margin-bottom:20px}.demo-headline.svelte-e8kfns{font:800 clamp(30px,4vw,52px) / .95 var(--cv-font-display);letter-spacing:-.035em;color:var(--cv-text-primary);margin-bottom:20px}.demo-subtext.svelte-e8kfns{font:400 17px/1.6 var(--cv-font-body);color:var(--cv-text-muted)}.demo-stage.svelte-e8kfns{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:stretch}.demo-chat.svelte-e8kfns{background:#111d0d;border:1px solid rgba(199,210,79,.12);border-radius:10px;display:flex;flex-direction:column;overflow:hidden;min-height:440px}.demo-chat-head.svelte-e8kfns{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid rgba(199,210,79,.1)}.demo-claude-mark.svelte-e8kfns{color:var(--cv-accent);font-size:15px}.demo-chat-name.svelte-e8kfns{font:700 14px/1 var(--cv-font-display);color:var(--cv-text-primary)}.demo-chat-status.svelte-e8kfns{font:400 11px/1 var(--cv-font-body);color:var(--cv-text-dim);margin-left:auto}.demo-chat-body.svelte-e8kfns{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:24px 20px;overflow:hidden}.demo-bubble.svelte-e8kfns{max-width:88%;padding:12px 16px;border-radius:14px;font:400 14px/1.45 var(--cv-font-body);animation:svelte-e8kfns-bubble-in .4s ease both}.demo-bubble-user.svelte-e8kfns{align-self:flex-end;background:var(--cv-accent);color:#11150e;border-bottom-right-radius:4px;font-weight:500}.demo-bubble-claude.svelte-e8kfns{align-self:flex-start;background:var(--cv-bg-surface);color:var(--cv-text-secondary);border-bottom-left-radius:4px;display:flex;gap:9px;align-items:flex-start}.demo-bubble-mark.svelte-e8kfns{color:var(--cv-accent);flex-shrink:0;font-size:12px;line-height:1.45}.demo-dots.svelte-e8kfns{display:inline-flex;gap:4px;align-items:center;padding:3px 0}.demo-dots.svelte-e8kfns i:where(.svelte-e8kfns){width:6px;height:6px;border-radius:50%;background:var(--cv-text-faint);animation:svelte-e8kfns-blink 1.2s infinite ease-in-out}.demo-dots.svelte-e8kfns i:where(.svelte-e8kfns):nth-child(2){animation-delay:.2s}.demo-dots.svelte-e8kfns i:where(.svelte-e8kfns):nth-child(3){animation-delay:.4s}.demo-preview.svelte-e8kfns{background:#0d110a;border:1px solid rgba(199,210,79,.12);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-height:440px}.demo-run-bar.svelte-e8kfns{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid rgba(199,210,79,.1)}.demo-run-title.svelte-e8kfns{font:700 14px/1 var(--cv-font-display);color:var(--cv-text-primary)}.demo-run-status.svelte-e8kfns{margin-left:auto;font:600 10px/1 var(--cv-font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--cv-accent);opacity:0;transform:scale(.85);transition:opacity .4s ease,transform .4s ease}.demo-run-status.in.svelte-e8kfns{opacity:1;transform:scale(1)}.demo-run-body.svelte-e8kfns{flex:1;padding:28px 24px;display:flex;flex-direction:column;gap:22px}.demo-steps.svelte-e8kfns{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.demo-step.svelte-e8kfns{display:flex;gap:12px;align-items:flex-start;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.demo-step.in.svelte-e8kfns{opacity:1;transform:translateY(0)}.demo-step-mark.svelte-e8kfns{width:18px;height:18px;flex-shrink:0;margin-top:1px;border-radius:50%;border:1px solid rgba(199,210,79,.3);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--cv-accent)}.demo-step-done.svelte-e8kfns .demo-step-mark:where(.svelte-e8kfns){border-color:var(--cv-accent);background:#c7d24f1f}.demo-step-run.svelte-e8kfns .demo-step-mark:where(.svelte-e8kfns){border-color:#c7d24f80}.demo-spin.svelte-e8kfns{width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(199,210,79,.25);border-top-color:var(--cv-accent);animation:svelte-e8kfns-demo-spin .7s linear infinite}.demo-step-main.svelte-e8kfns{display:flex;flex-direction:column;gap:3px}.demo-step-label.svelte-e8kfns{font:500 14px/1.3 var(--cv-font-body);color:var(--cv-text-secondary);transition:color .3s ease}.demo-step-run.svelte-e8kfns .demo-step-label:where(.svelte-e8kfns),.demo-step-done.svelte-e8kfns .demo-step-label:where(.svelte-e8kfns){color:var(--cv-text-primary)}.demo-step-detail.svelte-e8kfns{font:400 12px/1.4 var(--cv-font-body);color:var(--cv-text-dim);opacity:0;max-height:0;overflow:hidden;transition:opacity .4s ease,max-height .4s ease}.demo-step-detail.in.svelte-e8kfns{opacity:1;max-height:40px}.demo-proposal.svelte-e8kfns{margin-top:auto;border:1px solid rgba(199,210,79,.35);border-radius:8px;padding:16px 18px;background:#c7d24f0d;box-shadow:0 0 22px #c7d24f1f;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.demo-proposal.in.svelte-e8kfns{opacity:1;transform:translateY(0)}.demo-proposal-tag.svelte-e8kfns{display:inline-block;font:700 10px/1 var(--cv-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--cv-accent);margin-bottom:10px}.demo-proposal-text.svelte-e8kfns{font:500 14px/1.5 var(--cv-font-body);color:var(--cv-text-primary);margin:0}@keyframes svelte-e8kfns-bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-e8kfns-blink{0%,60%,to{opacity:.3}30%{opacity:1}}@keyframes svelte-e8kfns-demo-spin{to{transform:rotate(360deg)}}@media(max-width:1024px)and (min-width:769px){.demo-section.svelte-e8kfns{padding:72px clamp(20px,5vw,48px)}}@media(max-width:768px){.demo-section.svelte-e8kfns{padding:56px 20px}.demo-stage.svelte-e8kfns{grid-template-columns:1fr;gap:16px}.demo-chat.svelte-e8kfns,.demo-preview.svelte-e8kfns{min-height:0}}@media(prefers-reduced-motion:reduce){.demo-step.svelte-e8kfns,.demo-step-detail.svelte-e8kfns,.demo-proposal.svelte-e8kfns,.demo-run-status.svelte-e8kfns{transition:none}.demo-bubble.svelte-e8kfns{animation:none}.demo-dots.svelte-e8kfns i:where(.svelte-e8kfns),.demo-spin.svelte-e8kfns{animation:none}}
