@charset "utf-8";
/* CSS Document */

/* ============================================
   Responsive Styles - All Media Queries
   ============================================ */

/* Large Desktop (1400px and above) */
@media screen and (min-width : 1400px) {
}

/* Desktop (1360px and below) */
@media screen and (max-width : 1360px) {
}

/* Tablet Landscape (992px - 1199px) */
@media screen and (min-width : 992px) and (max-width : 1199px) {
}

/* Tablet Portrait (768px - 991px) */
@media screen and (min-width : 768px) and (max-width : 991px) {
}

/* Tablet and below (991px and below) */
@media screen and (max-width : 991px) {
}

/* Mobile and Tablet (767px and below) */
@media screen and (max-width : 767px) {
    .sticky-header header {
        padding: 10px;
    }
    .head-outer {
        position: relative;
    }
    nav {
        position: relative;
    }
}

/* Small Mobile (500px and below) */
@media screen and (max-width : 500px) {
}

/* Extra Small Mobile (340px and below) */
@media screen and (max-width : 340px) {
}

/* ============================================
   AI Cursor Effects - Responsive
   ============================================ */

/* Cursor effects only for screens >= 1024px */
@media (min-width: 1024px) {
	* {
		cursor: none !important;
	}
	
	a, button, .ai-button, .ai-button-outline, .ai-feature-3d-card, .ai-feature-showcase-card {
		cursor: none !important;
	}
}

/* Hide cursor elements on screens below 1024px */
@media (max-width: 1023px) {
	.ai-cursor,
	.ai-cursor-follower,
	.ai-cursor-text,
	.ai-cursor-trail,
	.ai-cursor-particle,
	.ai-cursor-connections,
	.ai-neural-node,
	.ai-neural-connection,
	.ai-cursor-glow-trail,
	.ai-neural-pulse {
		display: none !important;
	}
	
	.sticky-header header .head-outer, .sticky-header header .head-outer, header .head-outer {
		padding: 10px 0;
		border-radius: 0px !important;
	}
	
	.sticky-header header {
		padding: 0;
		border-radius: 0 !important;
	}
	
	.sticky-header header .head-outer .glass-1, .sticky-header header .head-outer .glass-2 {
		display: none !important;
	}
}

/* ============================================
   AI 3D Feature Cards - Responsive
   ============================================ */

/* Tablet and below (1024px and below) */
@media (max-width: 1024px) {
	.ai-3d-container {
		height: auto;
		min-height: 750px;
		perspective: 2000px;
	}
	
	.ai-feature-3d-card {
		width: 300px;
	}
	
	.ai-3d-nav-controls {
		padding: 0 1rem;
	}
	
	.ai-3d-nav-btn {
		width: 48px;
		height: 48px;
	}
}

/* Mobile (768px and below) */
@media (max-width: 768px) {
	.ai-3d-container {
		height: auto;
		min-height: 500px;
		perspective: 1000px;
	}
	
	.ai-feature-3d-card {
		width: 280px;
		position: relative !important;
		transform: none !important;
		margin-bottom: 2rem;
		opacity: 1 !important;
	}
	
	.ai-3d-scene {
		flex-direction: column;
		align-items: center;
		transform: none !important;
	}
	
	.ai-3d-nav-controls {
		display: none;
	}
	
	.ai-3d-dots {
		bottom: 1rem;
	}
}

/* ============================================
   AI Background Animation - Responsive
   ============================================ */

/* Tablet and below (1024px and below) */
@media (max-width: 1024px) {
	.ai-orb {
		filter: blur(40px);
	}
	
	.ai-orb-1, .ai-orb-2, .ai-orb-3, .ai-orb-4, .ai-orb-5 {
		width: 120px;
		height: 120px;
	}
	
	.ai-grid-pattern {
		background-size: 40px 40px;
	}
}

/* Mobile (768px and below) */
@media (max-width: 768px) {
	.ai-bg-animation {
		opacity: 0.6;
	}
	
	.ai-orb {
		filter: blur(30px);
	}
	
	.ai-orb-1, .ai-orb-2, .ai-orb-3, .ai-orb-4, .ai-orb-5 {
		width: 100px;
		height: 100px;
	}
	
	.ai-particle {
		display: none;
	}
	
	.ai-connections {
		opacity: 0.2;
	}
}