.product-demo-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 340px); align-items: center; gap: 48px; max-width: 1200px; margin-inline: auto; padding-block: 32px; }
.product-demo-copy { min-width: 0; }
.product-demo-copy .btn { margin-top: 24px; }
.product-demo-media { margin: 0; width: 100%; }
.product-demo-video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; background: var(--color-surface); }
.product-demo-media figcaption { margin-top: 8px; font-size: 12px; line-height: 1.4; color: var(--color-muted); text-align: center; }
@media (max-width: 700px) {
  .product-demo-hero { grid-template-columns: 1fr; gap: 24px; padding-block: 24px; }
  .product-demo-hero h1 { font-size: 42px; }
  .product-demo-hero .lede { margin-top: 16px; font-size: 17px; }
  .product-demo-copy .btn { margin-top: 16px; }
  .product-demo-media { max-width: 270px; justify-self: center; }
}