/* ==========================================================
   VersaForge - Sales Performance Optimization (page-scoped)
   ----------------------------------------------------------
   The creative-visual engine (.grs-frame, .grs-row-list,
   .grs-frame-bar-row, .grs-stat-tiles, keyframes, etc.) is
   already shared via assets/css/off-page-seo.css, loaded
   right before this file - nothing is duplicated here.

   This file only carries the handful of rules that are
   specific to the Sales Performance Optimization layout
   itself, so the left and right columns in every split
   section land at equal height with zero empty space,
   matching the Off-Page SEO / On-Page SEO pages.
   ========================================================== */

/* Stretch every split row on this page so its two columns
   share the same height, and make sure the visual side
   (which has no explicit height of its own) fills that
   height completely instead of collapsing to its content. */
[data-rail="Optimize Sales Performance"] .split-row,
[data-rail="Strategic Sales Optimization"] .split-row,
[data-rail="Growth Frameworks"] .split-row,
[data-rail="Improvement Tactics"] .split-row,
[data-rail="SEO for Sales"] .split-row {
  align-items: center;
}

[data-rail="Optimize Sales Performance"] .grs-visual,
[data-rail="Strategic Sales Optimization"] .grs-visual,
[data-rail="Growth Frameworks"] .grs-visual,
[data-rail="Improvement Tactics"] .grs-visual,
[data-rail="SEO for Sales"] .grs-visual {
  height: 100%;
  min-height: 360px;
}

/* Keep the four "Retail Sales Optimization" cards and three
   "Sales Tools" cards visually anchored to the same baseline
   height inside their grid row. */
[data-rail="Retail Sales Optimization"] .cards-row > *,
[data-rail="Sales Tools"] .cards-row > * {
  display: flex;
}
[data-rail="Retail Sales Optimization"] .service-card,
[data-rail="Sales Tools"] .service-card {
  width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  [data-rail] .grs-visual * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}