/* ==========================================================================
   Responsive Styles
   ========================================================================== */

@media (max-width: 1024px) {
	.hero-container {
		grid-template-columns: 1fr;
		gap: 40px;
		text-align: center;
	}

	.hero-content {
		text-align: center;
	}

	.hero-btns {
		justify-content: center;
	}

	.home-page .problem-grid,
	.home-page .features-grid,
	.home-page .why-grid,
	.home-page .steps-timeline,
	.features-page .features-container,
	.about-page .story-grid,
	.about-page .values-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.digitize-container {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.home-page .problem-grid,
	.home-page .features-grid,
	.home-page .why-grid,
	.home-page .steps-timeline,
	.features-page .features-container,
	.about-page .story-grid,
	.about-page .values-grid,
	.about-page .founder-inner {
		grid-template-columns: 1fr;
	}

	.about-page .founder-avatar {
		margin: 0 auto;
	}

	.about-page .stats-row {
		flex-wrap: wrap;
	}

	.stat-item {
		min-width: 50%;
		margin-bottom: 24px;
	}
}

@media (max-width: 480px) {
	.btn-primary, .btn-secondary {
		width: 100%;
		justify-content: center;
	}

	.stat-item {
		min-width: 100%;
	}
}