/*    19. RESPONSIVE — TABLET (max-width: 1024px)
   ------------------------------------------- */
@media (max-width: 1024px) {
	.hero-title {
		font-size: var(--text-5xl);
	}

	.footer-container {
		grid-template-columns: 1fr 1fr;
		gap: var(--space-2xl);
	}

	.footer-brand {
		grid-column: 1 / -1;
	}

	.pricing-grid {
		grid-template-columns: 1fr;
		max-width: 450px;
		margin: 0 auto;
	}

	.pricing-featured {
		transform: none;
		overflow: visible;
	}

	.pricing-featured:hover {
		transform: translateY(-4px);
	}

	.prototype-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.service-detailed-card {
		grid-template-columns: 1fr;
	}

	.service-detailed-header {
		position: static;
	}

	.tech-stack-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}