/* Usage fees (/pricing/usage-fees/) and AI Lab (/ai-lab/): rate cards and tables. */

.cx-site .cx-usage-hero .cx-head,
.cx-site .cx-ai-lab-hero .cx-head { max-width: 900px; }
.cx-site .cx-rates { align-items: start; }
.cx-site .cx-rate {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 32px;
	border-radius: 28px;
	background: var(--cx-glass);
	border: 1.5px solid var(--cx-line);
	scroll-margin-top: 110px;
}
.cx-site .cx-rate__title { font-size: 26px; }
.cx-site .cx-rate__text { margin: 0 0 8px; font: 400 16px/1.5 var(--cx-body); color: var(--cx-mist); }
.cx-site .cx-rate__scroll { overflow-x: auto; }
.cx-site .cx-rate__table { width: 100%; margin: 0; border: 0; border-collapse: collapse; background: none; font: 400 15px/1.4 var(--cx-body); }
.cx-site .cx-rate__table th,
.cx-site .cx-rate__table td { padding: 12px 0; border: 0; border-bottom: 1px solid var(--cx-line); background: none; text-align: left; color: var(--cx-cloud); }
.cx-site .cx-rate__table th { font: 600 12px/1.2 var(--cx-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--cx-mist); }
.cx-site .cx-rate__table td + td,
.cx-site .cx-rate__table th + th { text-align: right; }
.cx-site .cx-rate__table td + td { font-weight: 600; color: var(--cx-white); }
.cx-site .cx-rate__table tr:last-child td { border-bottom: 0; }
.cx-site .cx-usage-rates .cx-caption,
.cx-site .cx-ai-lab-credits .cx-caption { margin-top: 32px; }
.cx-site .cx-ai-lab-credits .cx-split__col--b {
	padding: 32px;
	border-radius: 28px;
	background: var(--cx-glass);
	border: 1.5px solid var(--cx-line);
}
.cx-site .cx-ai-lab-credits .cx-split__col--b .cx-caption { margin-top: 20px; text-align: left; }

@media (max-width: 600px) {
	.cx-site .cx-rate,
	.cx-site .cx-ai-lab-credits .cx-split__col--b { padding: 24px 20px; border-radius: 22px; }
}