/* Performance optimizations for AstraGate website */

/* Use hardware acceleration for animations */
.orbit-particle,
.data-flow-particle,
.space-particle,
.model-nav-btn,
.tool-icon,
.model-card,
.tool-item,
.section-title,
.section-subtitle,
.hero-title,
.hero-subtitle,
.hero-text,
.hero-cta,
.data-node,
.db-layer,
.data-connections {
    will-change: transform, opacity;
    transform: translateZ(0);
}

/* Optimize animations for low-performance devices */
@media (max-width: 768px), (prefers-reduced-motion: reduce) {
    /* Reduce animation complexity */
    .orbit-particle,
    .data-flow-particle {
        animation-duration: 30s !important;
    }
    
    .space-particle {
        animation-duration: 40s !important;
    }
    
    /* Disable some animations */
    .model-nav-btn::before,
    .tool-icon::before {
        animation: none !important;
    }
    
    /* Simplify transitions */
    .model-card,
    .tool-item {
        transition-duration: 0.5s !important;
    }
    
    /* Reduce parallax effects */
    .section {
        background-attachment: scroll !important;
    }
}

/* Optimize rendering performance */
.section {
    contain: content; /* Improve rendering performance */
}

/* Optimize paint performance */
.model-card,
.tool-item,
.data-sphere-container,
.xvaults-visual {
    contain: layout style paint;
}

/* Optimize for GPU rendering */
.hero-title,
.hero-subtitle,
.section-title,
.section-subtitle {
    transform: translateZ(0);
}

/* Optimize image rendering */
img {
    content-visibility: auto;
}