.demo-page[data-astro-cid-uq35shfx]{min-height:100vh;background:var(--white)}.demo-container[data-astro-cid-uq35shfx]{padding:calc(var(--nav-offset-top) + 3rem) clamp(1.5rem,3vw,3rem) 4rem;max-width:1600px;width:100%;margin:0 auto}.demo-header[data-astro-cid-uq35shfx]{text-align:center;margin-bottom:3rem}.demo-title[data-astro-cid-uq35shfx]{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--primary-text);margin:0 0 .75rem;line-height:var(--leading-tight)}.demo-subtitle[data-astro-cid-uq35shfx]{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-muted);margin:0}.demo-content[data-astro-cid-uq35shfx]{display:grid;grid-template-columns:1fr 360px;gap:2.5rem;align-items:start}.video-section[data-astro-cid-uq35shfx]{width:100%}.video-frame[data-astro-cid-uq35shfx]{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#000;box-shadow:0 4px 12px #00000014}.video-frame[data-astro-cid-uq35shfx] iframe[data-astro-cid-uq35shfx]{width:100%;height:100%;border:0}.chapters-section[data-astro-cid-uq35shfx]{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:2rem}.chapters-wrapper[data-astro-cid-uq35shfx]{display:flex;flex-direction:column;gap:1rem}.chapters-title[data-astro-cid-uq35shfx]{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--primary-text);margin:0 0 1rem;flex-shrink:0}.chapters-list[data-astro-cid-uq35shfx]{display:flex;flex-direction:column;gap:.5rem;max-height:500px;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.chapters-list[data-astro-cid-uq35shfx]::-webkit-scrollbar{width:6px}.chapters-list[data-astro-cid-uq35shfx]::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.chapters-list[data-astro-cid-uq35shfx]::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.chapters-list[data-astro-cid-uq35shfx]::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.chapter-btn[data-astro-cid-uq35shfx]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.875rem;padding:.875rem 1rem;background:var(--white);border:1px solid var(--border);border-radius:8px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--primary-text);cursor:pointer;transition:all .2s ease;flex-shrink:0}.chapter-btn[data-astro-cid-uq35shfx]:hover{background:var(--gray-50);border-color:var(--gray-300)}.chapter-btn[data-astro-cid-uq35shfx].active{background:var(--gray-100);border-color:var(--primary);color:var(--primary-text)}.chapter-number[data-astro-cid-uq35shfx]{font-size:var(--text-xs);font-weight:var(--font-bold);opacity:.6}.chapter-label[data-astro-cid-uq35shfx]{font-weight:var(--font-medium)}.chapter-time[data-astro-cid-uq35shfx]{font-size:var(--text-xs);opacity:.6;font-family:var(--font-mono)}.cta-box[data-astro-cid-uq35shfx]{padding:1.5rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center;box-shadow:0 4px 12px #0000001a}.cta-box-text[data-astro-cid-uq35shfx]{font-family:var(--font-body);font-size:var(--text-base);color:#fff;margin:0 0 .5rem;font-weight:var(--font-medium)}.cta-box-link[data-astro-cid-uq35shfx]{display:inline-block;font-family:var(--font-body);font-size:var(--text-xs);color:#fffc;text-decoration:underline;margin-bottom:1.25rem;transition:color .2s ease}.cta-box-link[data-astro-cid-uq35shfx]:hover{color:#fff}.cta-box-actions[data-astro-cid-uq35shfx]{display:flex;flex-direction:column;gap:.75rem;width:100%}.cta-box-actions[data-astro-cid-uq35shfx] .btn-cta-primary{background:#fff!important;color:#1a1a2e!important;border-color:transparent!important;width:100%}.cta-box-actions[data-astro-cid-uq35shfx] .btn-cta-primary:hover{background:#ffffffe6!important;transform:translateY(-1px)!important}.cta-box-actions[data-astro-cid-uq35shfx] .btn-cta-secondary{background:transparent!important;color:#fff!important;border-color:#ffffff4d!important;width:100%}.cta-box-actions[data-astro-cid-uq35shfx] .btn-cta-secondary:hover{background:#ffffff1a!important;border-color:#ffffff80!important}@media (max-width: 1200px){.demo-content[data-astro-cid-uq35shfx]{grid-template-columns:1fr 320px;gap:2rem}}@media (max-width: 1024px){.demo-container[data-astro-cid-uq35shfx]{padding:calc(var(--nav-offset-top) + 2rem) 1.5rem 3rem}.demo-header[data-astro-cid-uq35shfx]{margin-bottom:2rem}.demo-content[data-astro-cid-uq35shfx]{grid-template-columns:1fr;gap:2rem}.chapters-section[data-astro-cid-uq35shfx]{position:static}.chapters-list[data-astro-cid-uq35shfx]{max-height:350px}.cta-box[data-astro-cid-uq35shfx]{padding:1.25rem}}@media (max-width: 768px){.demo-container[data-astro-cid-uq35shfx]{padding:calc(var(--nav-offset-top-mobile) + 2rem) 1rem 2.5rem}.demo-header[data-astro-cid-uq35shfx]{margin-bottom:1.5rem}.demo-title[data-astro-cid-uq35shfx]{font-size:var(--text-2xl)}.demo-subtitle[data-astro-cid-uq35shfx]{font-size:var(--text-sm)}.demo-content[data-astro-cid-uq35shfx]{gap:1.5rem}.video-frame[data-astro-cid-uq35shfx]{border-radius:8px}.chapters-title[data-astro-cid-uq35shfx]{font-size:var(--text-xs);margin-bottom:.75rem}.chapters-list[data-astro-cid-uq35shfx]{gap:.4rem;max-height:300px}.chapter-btn[data-astro-cid-uq35shfx]{padding:.75rem .875rem;grid-template-columns:auto 1fr;gap:.75rem}.chapter-time[data-astro-cid-uq35shfx]{display:none}.chapter-number[data-astro-cid-uq35shfx]{font-size:.625rem}.chapter-label[data-astro-cid-uq35shfx]{font-size:var(--text-xs)}.cta-box[data-astro-cid-uq35shfx]{padding:1rem}.cta-box-text[data-astro-cid-uq35shfx]{font-size:var(--text-xs)}}