/* GENERATED — DO NOT EDIT. Source: src/var/www/html/administrator/components/com_neurallicense/src/Domain/Marketing/site/assets/css/section/pricing-grid.css
   Run `make sync-assets` after editing the source. */

/**
 * Section: Pricing Grid
 * Layout: marketing.section.pricing-grid
 *
 * Used on: pricing, home (compact teaser variant)
 *
 * Schema (consumed by layout — anticipated, M2 finalises):
 *   - heading (required)
 *   - subheading (optional)
 *   - cards (required) — array of pricing-card $displayData shapes
 *   - compact (optional, default false) — compact teaser mode for home page
 *
 * Visual spec:
 *   Section header above a 3-column card grid. Featured card scaled up
 *   slightly. Compact mode reduces padding and scales down cards for
 *   use as a pricing teaser on the home page.
 *
 * Tokens used:
 *   --nllm-surface-deep, --nllm-text, --nllm-space-2xl, --nllm-space-xl,
 *   --nllm-space-lg
 *
 * M1 status: minimal baseline. M2 adds annual/monthly billing toggle.
 *
 * [claude:sonnet-4.6]
 */

.pc-section--pricing-grid {
	background-color: var(--nllm-surface-deep);
}

.pc-pricing-grid__cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--nllm-space-lg);
	max-width: 1100px;
	margin: var(--nllm-space-xl) auto 0;
	align-items: start;
}

/* Compact teaser variant: reduced card size for home page embed */
.pc-pricing-grid--compact .pc-pricing-grid__cards {
	max-width: 900px;
}

.pc-pricing-grid--compact .pc-pricing-card {
	padding: var(--nllm-space-lg);
}

@media (max-width: 1024px) {
	.pc-pricing-grid__cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.pc-pricing-grid__cards {
		grid-template-columns: 1fr;
	}
}