/* ShipStack landing page theme */

/* Nav hover */
nav a:hover { color: var(--fg) !important; }

/* Feature cards hover */
.features-card:hover {
  background: var(--surface2) !important;
}

/* Scroll-reveal animation */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Ensure sections take full width */
section { width: 100%; }

/* Mobile responsive */
@media (max-width: 768px) {
  .container { padding: 0 20px; }
  /* Hide grid stats on mobile, stack to 2x2 */
  .stats-grid { grid-template-columns: 1fr 1fr !important; }
  /* Stack hero and features */
  .hero-grid { grid-template-columns: 1fr !important; }
  .features-grid { grid-template-columns: 1fr !important; }
  .dash-grid { grid-template-columns: 1fr !important; }
  .principles-grid { grid-template-columns: 1fr !important; }
  /* Reduce typography sizes on mobile */
  h1 { font-size: 36px !important; letter-spacing: -0.5px !important; }
  h2 { font-size: 28px !important; }
}