/* AgentFlow — Professional Services AI Agent Landing Page */

/* Subtle noise texture on bg */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 0;
}

body > * { position: relative; z-index: 1; }

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

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--navy); border-radius: 3px; }

/* Selection */
::selection { background: var(--accent); color: var(--navy); }

/* Focus visible */
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

/* Links hover */
a:hover { color: var(--accent); }

/* Section spacing consistency */
section { position: relative; }

/* Grid cell hover effects */
div[style*="border:1px solid var(--border)"]:hover {
  border-color: var(--accent) !important;
  transition: border-color 0.2s ease;
}

/* Nav scroll effect */
nav { transition: background 0.3s ease; }

@media (max-width: 768px) {
  .container { padding: 0 16px; }
  section { padding-top: 60px !important; padding-bottom: 60px !important; }
}