/* Industry pages: hero, the pains they'll recognize, and what we build for each want. */

.industry-hero { padding-bottom: var(--space-64); }
.industry-hero .hero-copy { padding-bottom: var(--space-64); }

.pain-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pain-grid .card h3 { font-size: var(--text-21); }
.industry-problem { margin-top: var(--space-64); }
.industry-questions { margin-top: var(--space-96); }

.build-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.build-grid .card { padding: var(--space-48) var(--space-32) var(--space-32); }
.build-grid .card h3 { font-size: var(--text-24); }
.build-note { margin: var(--space-32) 0 0; font-size: var(--text-18); color: var(--text-secondary); }

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

@media (max-width: 760px) {
  .pain-grid, .build-grid { grid-template-columns: 1fr; }
  .industry-questions { margin-top: var(--space-64); }
  .build-grid .card { padding: var(--space-32) var(--space-24) var(--space-24); }
}