.product-demo { scroll-margin-top: 24px; }
.product-demo video { display: block; width: 100%; max-width: 660px; height: auto; aspect-ratio: 1; margin: 20px auto; border: 1px solid var(--line); border-radius: 12px; background: #0b1220; }
.product-demo summary { padding: 4px 0; }
.product-demo ol { padding-left: 24px; }
.product-demo li { margin-bottom: 20px; }
.product-demo li strong { display: block; }
#transcript { scroll-margin-top: 24px; }
@media (max-width: 480px) { .hero h1 { overflow-wrap: anywhere; } }
@media print {
  .product-demo video { display: none; }
  .product-demo, #transcript { break-inside: auto; }
  #transcript > ol { display: block; }
}