/* Responsive Styles */
@media (max-width: 968px) {
	:root {
		--font-size-h1: 2.5rem;
		--font-size-h2: 2rem;
		--spacing-xl: 4rem;
	}

	.hero {
		padding: 10rem var(--spacing-md) 6rem;
	}

	.hero h1 {
		font-size: 2.5rem;
	}

	.hero h2 {
		font-size: var(--font-size-large);
	}

	nav ul {
		flex-wrap: wrap;
		gap: var(--spacing-sm);
	}

	.header-top {
		flex-direction: column;
		gap: var(--spacing-sm);
		padding: var(--spacing-sm) var(--spacing-md);
	}

	.contact-info {
		flex-direction: column;
		gap: var(--spacing-xs);
		text-align: center;
	}

	.service-highlights,
	.content-section {
		padding: 4rem var(--spacing-md);
	}

	.section-header h2 {
		font-size: 2rem;
	}

	.service-grid {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}

	.feature-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-md);
	}

	.gallery-grid {
		grid-template-columns: 1fr;
	}

	.testimonial-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	:root {
		--font-size-h1: 2rem;
		--font-size-h2: 1.5rem;
		--spacing-lg: 2rem;
	}

	.hero {
		padding: 8rem var(--spacing-sm) 4rem;
	}

	.hero h1 {
		font-size: 1.8rem;
	}

	.hero h2 {
		font-size: 1rem;
	}

	.cta-button {
		padding: 1rem 2rem;
		font-size: 1rem;
	}

	.trust-badge {
		flex-direction: column;
		gap: var(--spacing-xs);
	}

	nav ul {
		gap: 0.5rem;
		padding: 0.5rem;
	}

	nav a {
		font-size: 0.85rem;
	}

	.service-highlights,
	.content-section {
		padding: var(--spacing-lg) var(--spacing-sm);
	}

	.service-card,
	.feature-card {
		padding: var(--spacing-md);
	}

	.contact-form {
		padding: var(--spacing-md);
	}

	.footer-content {
		grid-template-columns: 1fr;
		gap: var(--spacing-md);
	}

	footer {
		padding: var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);
	}
}

@media (max-width: 375px) {
	.logo {
		font-size: 1.2rem;
	}

	.hero h1 {
		font-size: 1.5rem;
	}

	.section-header h2 {
		font-size: 1.5rem;
	}
}