/* Landing hero's <h1> has no .tagline class (that's what makes the homepage
   hero heading white, via .hero .tagline in hero.css), so it fell back to the
   dark site-wide h1 colour. Colour only — size/layout deliberately unchanged. */
.product-landing-hero .hero-copy h1 { color: #fff; }

.product-landing-cta { margin-top: 12px; }

@media (max-width: 400px) {
  .product-landing-cta { font-size: 0.76rem; padding: 0.9em 1.3em; }
}

.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: var(--img-filter);
}

@media (prefers-reduced-motion: reduce) {
  .hero-video { display: none; }
}