/* Retail media page layout. Shared hero/activation/final-cta/process-flow patterns live in styles.css. */
.ecosystem-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 48px; }
.ecosystem-grid article { padding: 32px; border: 1px solid var(--line); border-radius: 24px; background: #f1f3ec; }
.ecosystem-grid h3 { font-size: 22px; letter-spacing: -.4px; margin-bottom: 22px; }

@media (max-width: 1100px) {
  .ecosystem-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .ecosystem-grid { grid-template-columns: 1fr; }
}