.demo-banner{gap:var(--space-sm);padding:7px var(--space-2xl);background:color-mix(in srgb,var(--color-accent2) 14%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-accent2) 30%,transparent);font-family:var(--font-sans);font-size:var(--text-caption);color:var(--color-text-secondary,var(--color-muted));line-height:1.45}.demo-banner,.demo-banner-icon{display:flex;align-items:center}.demo-banner-icon{flex-shrink:0;color:var(--color-accent2)}.demo-banner-text{color:inherit}.demo-ai-locked{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-2xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center}.demo-ai-locked-icon{font-size:28px;line-height:1;color:var(--color-muted)}.demo-ai-locked-title{font-family:var(--font-sans);font-size:var(--text-h3);font-weight:700;color:var(--color-text);margin:0}.demo-ai-locked-desc{font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-muted);margin:0;max-width:320px}.demo-ai-locked-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-h3);font-weight:700;cursor:pointer;text-decoration:none;transition:opacity .15s ease}.demo-ai-locked-cta:hover{opacity:.87}.landing-demo-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl)}.landing-demo-divider{display:flex;align-items:center;gap:var(--space-md);width:100%;max-width:320px}.landing-demo-divider-line{flex:1;height:1px;background:var(--color-border)}.landing-demo-divider-label{font-family:var(--font-sans);font-size:var(--text-caption);color:var(--color-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}.landing-demo-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;background:transparent;color:var(--color-accent2);border:1px solid color-mix(in srgb,var(--color-accent2) 50%,transparent);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-h3);font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease;position:relative}.landing-demo-btn:hover{background:color-mix(in srgb,var(--color-accent2) 10%,transparent);border-color:var(--color-accent2)}.landing-demo-btn:disabled{opacity:.55;cursor:not-allowed}.landing-demo-spinner{display:inline-block;width:13px;height:13px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:demo-spin .6s linear infinite}@keyframes demo-spin{to{transform:rotate(1turn)}}.landing-demo-disclaimer{color:var(--color-muted)}.landing-demo-disclaimer,.landing-demo-error{font-family:var(--font-sans);font-size:var(--text-caption);margin:0;text-align:center}.landing-demo-error{color:var(--color-error,#f87171)}.demo-stripe-hint{display:inline-flex;align-items:flex-start;gap:var(--space-sm);padding:10px 14px;background:color-mix(in srgb,var(--color-accent2) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent2) 25%,transparent);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-muted);margin-top:var(--space-sm)}.demo-stripe-hint-label{font-family:var(--font-sans);font-weight:600;color:var(--color-accent2);white-space:nowrap}