/* ==========================================================================
   Data — success / dashboard showcase
   ========================================================================== */

.data { background: var(--surface); }
.data__inner {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 56px;
  align-items: center;
}
.data__copy .lead { margin-top: 16px; max-width: 44ch; }
.data__cta { margin-top: 28px; }
.data__media { margin: 0; }
.data__img {
  width: 100%; height: auto;
  border-radius: var(--radius);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border);
}

@media (max-width: 900px) {
  .data__inner { grid-template-columns: 1fr; gap: 32px; }
}