.hero .qa1-hero-cta { display: none; }
@media (max-width: 760px) {
  .hero .qa1-hero-cta { display: flex; }
}


@media (max-width: 760px) {
  .hero { text-align: start; }
  html[dir="rtl"] .hero,
  html[dir="rtl"] .hero h1,
  html[dir="rtl"] .hero p.lede { text-align: right; }
}


button, [role="button"], .btn-primary, .nav-cta, .m-dock-cta { --qm-pink: #D81B60; }
:root,
html[data-theme],
html[data-theme="dark"] { --qm-fg3: rgba(255, 255, 255, .5); }