/* Component: page-band — sage intro band with a short "what happens next" list
   (Bulk request, Private label, Order confirmed). */

.mx-page-band { background: var(--mx-sage); border-bottom: 1px solid var(--mx-line); }
.mx-page-band__inner { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--mx-space-12); padding-top: var(--mx-space-12); padding-bottom: var(--mx-space-12); }
.mx-page-band__copy { flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.mx-page-band__title { font-size: var(--mx-h1); line-height: 1.05; }
.mx-page-band__lead { margin: 0; font-size: var(--mx-text-lg); line-height: 1.6; color: var(--mx-ink-soft); max-width: 34em; }

.mx-next-steps { flex: 1 1 400px; min-width: 0; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.mx-next-steps li { display: flex; gap: 14px; font-size: var(--mx-text-base); line-height: 1.5; }
.mx-next-steps__num {
	flex: 0 0 32px; height: 32px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: var(--mx-forest); color: var(--mx-white); font-weight: 600;
}

.mx-request { padding-top: var(--mx-space-12); padding-bottom: 96px; }

@media (max-width: 720px) {
	.mx-page-band__inner { gap: var(--mx-space-8); padding-top: var(--mx-space-8); padding-bottom: var(--mx-space-8); }
	.mx-page-band__title { font-size: 38px; }
	.mx-page-band__lead { font-size: var(--mx-text-base); }
	.mx-request { padding-top: var(--mx-space-8); padding-bottom: var(--mx-space-12); }
}