.product-demo { padding: 56px 0 72px; scroll-margin-top: 90px; }
.product-demo .section-header { margin-bottom: 28px; }
.product-demo-player { display: block; width: 100%; max-width: 1060px; height: auto; aspect-ratio: 16 / 9; margin: 0 auto; background: #102f3a; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 20px 60px rgba(0,0,0,.2); }
.product-demo-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 28px 0 20px; }
.product-demo-transcript { max-width: 900px; margin: 0 auto; color: var(--text-secondary); line-height: 1.7; }
.product-demo-transcript summary { cursor: pointer; width: fit-content; margin: 0 auto; padding: 8px; }
.product-demo-transcript p { margin-top: 16px; }
.product-demo-note { font-size: .875rem; }
@media (max-width: 600px) { .product-demo { padding: 36px 0 48px; } .product-demo-player { border-radius: 10px; } .product-demo-actions { gap: 12px; } }