/* ScaleOps AI — Theme CSS */
/* Reset */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* Container */
.container{max-width:1140px;margin:0 auto;padding:0 24px}

/* Responsive overrides for inline styles */
@media (max-width:768px){
  section [style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; }
  section [style*="repeat(5, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width:640px){
  section [style*="repeat(4, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
  section [style*="repeat(3, 1fr)"] { grid-template-columns: 1fr !important; }
}

/* Navbar responsive */
.site-nav { padding: 0 24px; }
.nav-links { gap: 32px; }

@media (max-width: 480px) {
  .site-nav { padding: 0 16px; }
  .nav-links { display: none; }
}

/* Scrollbar */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--navy)}
::-webkit-scrollbar-thumb{background:var(--amber);border-radius:4px}

/* Smooth transitions on all interactive elements */
a,button{transition:color 0.2s,opacity 0.2s}

/* Focus styles */
button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}