.page-hero-bg { background-image: url('../../assets/images/hero-solutions.jpg'); }

.step { display: flex; gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--rule); align-items: flex-start; }
.step:last-child { border-bottom: none; }

.step-num { font-family: var(--font-display); font-size: 36px; font-weight: 800; color: var(--rule); line-height: 1; flex-shrink: 0; width: 52px; }

.icon-list { display: flex; flex-direction: column; gap: 12px; }
.icon-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; color: var(--mid); font-weight: 300; line-height: 1.6; }
.icon-list li::before { content: ''; width: 16px; height: 1px; background: var(--light); margin-top: 10px; flex-shrink: 0; }

.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.section-title { margin-bottom: 48px; }
.section-title em { font-style: italic; }
.section-title-md { margin-bottom: 36px; }
.note-box { background: var(--paper-2); border: 1px solid var(--rule); padding: var(--space-lg); }

@media (max-width: 1024px) {
  .card-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .card-grid { grid-template-columns: 1fr; }
  .step { flex-direction: column; gap: 12px; }
}