.vendor-mark {
  display: block;
  width: 160px;
  height: 40px;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  filter: grayscale(1);
  transition: filter 180ms ease, opacity 180ms ease;
}
.tool-card:hover .vendor-mark,
.tool-card:focus-within .vendor-mark,
.feature-pane:hover .vendor-mark,
.feature-pane:focus-within .vendor-mark {
  filter: grayscale(0);
}
.vendor-mark--feature {
  margin-bottom: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .vendor-mark { transition: none; }
}
/* The official Figma asset has a large presentation canvas around its wordmark.
   Crop only that empty canvas in the fixed image box; keep the source intact. */
.vendor-mark[src$="/figma.svg"],.landing-v2 .tool-mark img[src$="/figma.svg"]{object-fit:cover;object-position:center}