/* ============================================================================
   HINT IT — v2 : /v2/for-customers (page-unique styles)
   ----------------------------------------------------------------------------
   Everything else is shared vocabulary (hero-brand, switcher, section, stack).
   Unique bit: the hero's illustration/copy pairing — cap the illustration so it
   doesn't balloon in its switcher half, and center the copy column vertically.
   ============================================================================ */

.hint-v2 .fc-hero {
  align-items: center;
}
.hint-v2 .fc-hero-media img {
  width: min(100%, 420px);
  aspect-ratio: 1070 / 983;      /* intrinsic ratio of about-main.png — reserves space pre-load (no layout shift; blog.css precedent) */
  margin-inline: auto;
}
.hint-v2 .fc-hero-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  justify-content: center;
}