/* Mobile optimizations and feature grid styles */

@media (max-width: 768px) {
   .cyber-bg,
   .matrix-rain,
   .particles,
   .data-streams,
   .orb,
   .grid-overlay,
   .scanlines,
   .noise-overlay {
   display: none !important;
   }
   
   /* Mobile optimizations for feature cards */
   .features-grid {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      padding: 0;
   }
   
   .feature-card {
      margin: 0;
      width: 100%;
   }
}

/* Feature grid layout for desktop and tablets */
.features-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 32px;
}

@media (max-width: 1100px) {
   .features-grid {
   grid-template-columns: repeat(2, 1fr);
   }
}

@media (max-width: 700px) {
   .features-grid {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 1.5rem;
   }
}

/* Центрирование последней карточки, если она одна в строке */
.features-grid > .feature-card:last-child {
   justify-self: center;
}

@media (max-width: 1100px) {
   .features-grid > .feature-card:nth-child(7) {
   grid-column: 1 / span 2;
   justify-self: center;
   }
}

@media (max-width: 700px) {
   .features-grid > .feature-card:last-child {
   width: 100%;
   max-width: 400px;
   }
}