/* ==========================================================================
   platform-grid — Android / iOS two-column comparison (used on /app/)
   BEM: platform-grid__element--modifier
   ========================================================================== */
.platform-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-card-gap);
  margin-top: var(--space-heading-gap);
}
@media (min-width: 768px) {
  .platform-grid { grid-template-columns: repeat(2, 1fr); }
}

.platform-grid__card {
  background: var(--color-bg-dark);
  border-radius: var(--radius-card);
  padding: var(--space-card-padding);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.platform-grid__icon { width: 56px; height: 56px; object-fit: contain; }
.platform-grid__title { font-size: 1.1rem; }
.platform-grid__text { color: var(--color-text-secondary); font-size: var(--fs-small); }
.platform-grid__cta { align-self: flex-start; margin-top: 0.25rem; }