/* FlowOps Landing Page */

section { background: var(--bg); }

/* Subtle grid texture on hero */
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(186,255,57,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(186,255,57,0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .hero { padding: 120px 0 80px; }
  h2 br { display: none; }
  div[style*="grid-template-columns: repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
  }
  div[style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  div[style*="border-right: 1px solid var(--border)"] {
    border-right: none !important;
  }
  nav div div a:nth-child(2),
  nav div div a:nth-child(3) {
    display: none;
  }
}

/* Smooth transitions */
a { transition: color 0.2s; }

/* Focus states */
a:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 4px;
  border-radius: 2px;
}