.models-section {
  padding-bottom: var(--space-4xl);
}

.models-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: var(--space-md);
}

.features-section {
  padding-block: var(--space-4xl);
  background-color: var(--color-bg-secondary);
  border-block: 1px solid var(--color-border-subtle);
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: var(--space-lg);
}

.stats-section {
  padding-block: var(--space-3xl);
  background: linear-gradient(
    180deg,
    var(--color-bg-primary) 0%,
    rgba(255, 107, 0, 0.04) 50%,
    var(--color-bg-primary) 100%
  );
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-2xl);
}

.how-it-works-section {
  padding-block: var(--space-4xl);
  background-color: var(--color-bg-secondary);
  border-top: 1px solid var(--color-border-subtle);
}

.steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: var(--space-lg);
}

.cta-section {
  padding-block: var(--space-4xl);
}

@media (min-width: 768px) {
  .models-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .stats-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .steps-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .features-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}