/* AI SECTION - responsive base styles */
.ai-section {
	padding: clamp(48px, 8vw, 100px) 0;
	background: #ffffff;
}

.ai-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
	box-sizing: border-box;
}

.ai-hero { text-align: center; }
.ai-hero h2 { font-size: clamp(1.6rem, 3.8vw, 2.6rem); margin-bottom: 12px; }
.ai-hero p { color: #64748b; max-width: 720px; margin: 0 auto 20px; }

/* CTA */
.ai-cta { display:flex; gap:12px; justify-content:center; }
.ai-cta a { padding: 12px 20px; border-radius: 10px; font-weight:700; text-decoration:none; }

@media (max-width:768px) {
	.ai-cta { flex-direction: column; gap: 10px; }
	.ai-hero h2 { font-size: 1.5rem; }
}