.demo-section[data-astro-cid-prwxh6m4]{min-height:100vh;padding:calc(var(--header-height) + var(--space-3xl)) 0 var(--space-4xl)}.demo-header[data-astro-cid-prwxh6m4]{text-align:center;max-width:700px;margin:0 auto var(--space-4xl)}.demo-header[data-astro-cid-prwxh6m4] h1[data-astro-cid-prwxh6m4]{font-size:2.5rem;margin-bottom:var(--space-md)}.demo-header[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{font-size:1.125rem;color:var(--color-text-secondary)}.demo-container[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-3xl)}.demo-video-panel[data-astro-cid-prwxh6m4]{width:100%;max-width:1024px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-sm)}.demo-video-topbar[data-astro-cid-prwxh6m4]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.demo-topbar-ctas[data-astro-cid-prwxh6m4]{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.demo-topbar-deploy[data-astro-cid-prwxh6m4]{flex-shrink:0}.demo-video-wrap[data-astro-cid-prwxh6m4]{width:100%;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.demo-video-frame[data-astro-cid-prwxh6m4]{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.demo-video-frame[data-astro-cid-prwxh6m4] iframe[data-astro-cid-prwxh6m4]{position:absolute;inset:0;width:100%;height:100%;border:0}.demo-cta[data-astro-cid-prwxh6m4]{margin-top:var(--space-5xl);padding:var(--space-4xl);text-align:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.demo-cta[data-astro-cid-prwxh6m4] h2[data-astro-cid-prwxh6m4]{font-size:2rem;margin-bottom:var(--space-md)}.demo-cta[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{font-size:1.125rem;color:var(--color-text-secondary);max-width:480px;margin:0 auto var(--space-2xl)}.demo-cta-actions[data-astro-cid-prwxh6m4]{display:flex;justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap}.demo-now-playing[data-astro-cid-prwxh6m4]{position:relative}.demo-now-playing-toggle[data-astro-cid-prwxh6m4]{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.6rem .9rem;text-align:left;color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 4px 16px #0000001f;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.demo-now-playing-toggle[data-astro-cid-prwxh6m4]:hover{border-color:#00d4aa66;background:var(--color-accent-subtle)}.demo-now-playing-toggle[data-astro-cid-prwxh6m4]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.demo-now-playing-toggle[data-astro-cid-prwxh6m4][aria-expanded=true]{border-color:#00d4aa66;background:var(--color-accent-subtle)}.demo-now-playing-copy[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:.05rem;min-width:0}.demo-now-playing-label[data-astro-cid-prwxh6m4]{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);line-height:1.2}.demo-now-playing-title[data-astro-cid-prwxh6m4]{font-size:.875rem;font-weight:600;color:var(--color-text);line-height:1.25;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-now-playing-icon[data-astro-cid-prwxh6m4]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;color:var(--color-text-secondary);transition:transform var(--transition-fast)}.demo-now-playing-icon[data-astro-cid-prwxh6m4] svg[data-astro-cid-prwxh6m4]{width:100%;height:100%}.demo-now-playing-toggle[data-astro-cid-prwxh6m4][aria-expanded=true] .demo-now-playing-icon[data-astro-cid-prwxh6m4]{transform:rotate(180deg);color:var(--color-accent)}.demo-chapters-dropdown[data-astro-cid-prwxh6m4]{position:absolute;top:calc(100% + .5rem);right:0;z-index:30;width:min(720px,calc(100vw - 2 * var(--space-lg)));max-height:min(70vh,480px);overflow-y:auto;padding:var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 24px 48px #00000059;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.demo-chapters-dropdown[data-astro-cid-prwxh6m4][data-open=true]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.demo-tabs[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.demo-tab[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:var(--space-sm) var(--space-md);text-align:left;font-size:.875rem;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.demo-tab-time[data-astro-cid-prwxh6m4]{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--color-text-muted)}.demo-tab-label[data-astro-cid-prwxh6m4]{font-weight:500;line-height:1.35;color:inherit}.demo-tab[data-astro-cid-prwxh6m4]:hover{color:var(--color-text);border-color:var(--color-border)}.demo-tab[data-astro-cid-prwxh6m4].active{color:var(--color-accent);background:var(--color-accent-subtle);border-color:#00d4aa59}.demo-tab[data-astro-cid-prwxh6m4].active .demo-tab-time[data-astro-cid-prwxh6m4]{color:var(--color-accent)}.demo-tab[data-astro-cid-prwxh6m4]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.demo-content-card[data-astro-cid-prwxh6m4]{width:100%;max-width:1024px;margin:0 auto;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.demo-content[data-astro-cid-prwxh6m4]{position:relative;padding:var(--space-xl) var(--space-2xl);border-left:3px solid var(--color-accent)}.demo-panel[data-astro-cid-prwxh6m4]{display:none;max-width:56rem}.demo-panel[data-astro-cid-prwxh6m4].active{display:block;animation:demo-panel-in .28s ease}@keyframes demo-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-panel-meta[data-astro-cid-prwxh6m4]{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.demo-panel-time[data-astro-cid-prwxh6m4]{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid rgba(0,212,170,.28);border-radius:var(--radius-sm);padding:.25rem .55rem}.demo-panel-divider[data-astro-cid-prwxh6m4]{width:1px;height:.875rem;background:var(--color-border)}.demo-panel-index[data-astro-cid-prwxh6m4]{font-size:.75rem;font-weight:500;color:var(--color-text-muted);letter-spacing:.01em}.demo-panel[data-astro-cid-prwxh6m4] h3[data-astro-cid-prwxh6m4]{font-family:var(--font-body);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 var(--space-sm);color:var(--color-text)}.demo-panel[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin:0;max-width:48rem}.demo-benefits[data-astro-cid-prwxh6m4]{text-align:center;padding-top:var(--space-4xl)}.demo-benefits[data-astro-cid-prwxh6m4] h2[data-astro-cid-prwxh6m4]{font-size:2rem;margin-bottom:var(--space-3xl)}.benefits-grid[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.benefit-item[data-astro-cid-prwxh6m4]{text-align:center}.benefit-icon[data-astro-cid-prwxh6m4]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);background:var(--color-accent-subtle);border-radius:var(--radius-md)}.benefit-icon[data-astro-cid-prwxh6m4] svg[data-astro-cid-prwxh6m4]{width:28px;height:28px;stroke:var(--color-accent)}.benefit-item[data-astro-cid-prwxh6m4] h3[data-astro-cid-prwxh6m4]{font-size:1rem;font-weight:600;margin-bottom:var(--space-xs)}.benefit-item[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{font-size:.875rem;color:var(--color-text-secondary)}@media(max-width:1024px){.demo-tabs[data-astro-cid-prwxh6m4],.benefits-grid[data-astro-cid-prwxh6m4]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.demo-header[data-astro-cid-prwxh6m4] h1[data-astro-cid-prwxh6m4]{font-size:2rem}.demo-content[data-astro-cid-prwxh6m4]{padding:var(--space-lg) var(--space-xl)}.demo-cta[data-astro-cid-prwxh6m4]{padding:var(--space-2xl) var(--space-lg)}.demo-cta-actions[data-astro-cid-prwxh6m4]{flex-direction:column;width:100%}.demo-cta-actions[data-astro-cid-prwxh6m4] .btn[data-astro-cid-prwxh6m4]{width:100%;max-width:360px}.benefits-grid[data-astro-cid-prwxh6m4]{grid-template-columns:1fr}}@media(max-width:640px){.demo-now-playing-toggle[data-astro-cid-prwxh6m4]{width:100%}.demo-now-playing-title[data-astro-cid-prwxh6m4]{max-width:none;flex:1}}@media(max-width:480px){.demo-tabs[data-astro-cid-prwxh6m4]{grid-template-columns:1fr}}