/**
 * Non-critical styles: hub FAQ section, decorative elements.
 */

.faq-item {
	padding: var(--space-md);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
}

.faq-item + .faq-item {
	margin-top: var(--space-sm);
}

.faq-item__question {
	margin: 0 0 var(--space-xs);
	font-family: var(--font-heading);
	font-size: var(--font-size-lg);
	font-weight: 700;
}

.faq-item__answer {
	margin: 0;
	color: var(--color-text-muted);
}

.cta-banner {
	padding: var(--space-lg);
	background: linear-gradient(135deg, var(--color-primary) 0%, #0077ff 100%);
	border-radius: var(--radius-sm);
	color: var(--color-white);
	text-align: center;
}

.cta-banner h2 {
	color: var(--color-white);
	margin-bottom: var(--space-sm);
}

.cta-banner p {
	margin-bottom: var(--space-md);
	opacity: 0.9;
}

.cta-banner .btn-action {
	background: var(--color-white);
	color: var(--color-primary);
}

.cta-banner .btn-action:hover {
	background: var(--color-bg-muted);
}