/* Homepage text actions share the selected B treatment; photo sections keep white copy. */
.cinematic-home main a.text-link {
  --action-arrow-x: 2px;
  --action-arrow-y: -2px;
  min-height: 48px;
  min-width: 154px;
  max-width: 100%;
  gap: 24px;
  padding: 11px 20px;
  border: 1px solid currentColor;
  border-radius: 6px;
  background: transparent;
  color: var(--ink);
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.cinematic-home .product-bottom > div { gap: 12px; flex-wrap: wrap; }
/* Only the hero OEM action adopts the primary action's square corners. */
.cinematic-home main .hero-actions a.text-link { border-radius: 0; }
/* Match the two hero action frames, including their existing borders. */
.cinematic-home .hero-video .hero-actions > a {
  box-sizing: border-box;
  width: 210px;
  max-width: 100%;
  height: 56px;
  flex-shrink: 0;
  line-height: 20px;
}
.cinematic-home .hero-video .hero-actions > a > span { line-height: 1; }
.cinematic-home main a.text-link > span { flex-shrink: 0; }
/* Keep the introduction's three optional treatments available for comparison. */
.cinematic-home main .focus-cta[data-hover-style="brand"]:is(:hover, :focus-visible) {
  color: #fff;
  background: #b9231b;
  border-color: #b9231b;
}
.cinematic-home main .focus-cta[data-hover-style="soft"]:is(:hover, :focus-visible),
.cinematic-home main a.text-link:not(.focus-cta):is(:hover, :focus-visible) {
  color: #b9231b;
  background: #fff4f1;
  border-color: #b9231b;
}
.cinematic-home main .focus-cta[data-hover-style="dark"]:is(:hover, :focus-visible) {
  color: #fff;
  background: #242628;
  border-color: #242628;
}
.cinematic-home main a.text-link:focus-visible { outline: 2px solid #b9231b; outline-offset: 4px; }
.cinematic-home main a.text-link:is(:hover, :focus-visible) span { transform: translate(var(--action-arrow-x), var(--action-arrow-y)); }
.cinematic-home main .product-bottom a[href="/zh/downloads/"] { --action-arrow-x: 0px; --action-arrow-y: 2px; }
.cinematic-home main .hero-actions a.text-link,
.cinematic-home main .product-bottom a[href="/zh/products/"] { --action-arrow-y: 0px; }
@media (max-width: 767px) {
  .cinematic-home .hero-video .hero-actions > a { width: 180px; height: 52px; }
  .cinematic-home main a.text-link { min-width: 0; }
  .cinematic-home .product-bottom > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .cinematic-home main .product-bottom a.text-link { gap: 12px; padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .cinematic-home main a.text-link,
  .cinematic-home main a.text-link span { transition: none; }
  .cinematic-home main a.text-link:is(:hover, :focus-visible) span { transform: none; }
}