/* =========================================================================
   Responsive overrides -- mobile is independently optimized, not a shrink
   of desktop (see spec section 29). Tested against 320/375/390/414/768/
   1024/1280/1440/1920.
   ========================================================================= */

@media (hover: none), (pointer: coarse) {
	.syka-cursor { display: none !important; }
}

/* ---------- Tablet (<=1024px) ---------- */
@media (max-width: 1024px) {
	.syka-container { padding-inline: 24px; }

	.syka-nav { display: none; }
	.syka-menu-toggle { display: flex; }

	.syka-about__grid,
	.syka-contact__grid { grid-template-columns: 1fr; gap: 48px; }

	.syka-services__layout { grid-template-columns: 1fr; }
	.service-visual { display: none; }

	.syka-projects__grid { grid-template-columns: repeat(2, 1fr); }
	.syka-project-card--wide { grid-column: span 2; }

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

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

	.syka-process__timeline { grid-template-columns: repeat(3, 1fr); row-gap: 40px; }
	.syka-process__timeline::before { display: none; }

	.syka-footer__top { grid-template-columns: 1fr 1fr; }
}

/* ---------- Mobile (<=768px) ---------- */
@media (max-width: 768px) {
	.syka-container { padding-inline: 20px; }

	.syka-hero { padding-top: 110px; align-items: flex-start; padding-bottom: 60px; min-height: auto; }
	.syka-hero__headline { max-width: 100%; }
	.syka-hero__actions { flex-direction: column; align-items: stretch; }
	.syka-hero__actions .syka-btn { width: 100%; }
	.syka-hero__scroll { display: none; }
	.hero-3d-container__glow--primary { width: 380px; height: 380px; right: -120px; }
	.hero-3d-container__glow--accent { display: none; }
	.hero-3d-container__shape { display: none; }

	.syka-stats { grid-template-columns: 1fr 1fr; gap: 24px 16px; }

	.syka-service-item { grid-template-columns: 32px 1fr auto; padding: 20px 4px; }
	.syka-service-item__title { font-size: 18px; }

	.syka-industries__grid { grid-template-columns: 1fr; }

	.syka-projects__grid,
	.syka-case-studies__grid,
	.syka-why__grid { grid-template-columns: 1fr; }
	.syka-project-card--wide { grid-column: span 1; }

	.syka-process__timeline { grid-template-columns: 1fr; row-gap: 32px; }
	.syka-process__step { padding-left: 44px; padding-top: 0; }
	.syka-process__index { top: 0; left: 0; }

	.syka-form__row { grid-template-columns: 1fr; }

	.syka-footer__top { grid-template-columns: 1fr; gap: 40px; }
	.syka-footer__bottom { flex-direction: column; align-items: flex-start; }

	.syka-testimonial-slide__quote { font-size: 20px; }
}

/* ---------- Small phones (<=414px) ---------- */
@media (max-width: 414px) {
	.syka-btn--lg { width: 100%; }
	.syka-stats { grid-template-columns: 1fr 1fr; }
	.syka-heading-xl { font-size: clamp(32px, 10vw, 44px); }
}

/* ---------- Prevent any horizontal scroll drift ---------- */
html, body { max-width: 100%; overflow-x: hidden; }