/* FlowGuard — Payment Operations Agent */
/* Custom styles beyond layout baseline */

section > .container { max-width: 1140px; margin: 0 auto; padding: 0 24px; }

/* Ensure grid texture covers the hero */
section[style*="grid"] { position: relative; }

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

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

/* Mobile adjustments for monitor widget */
@media (max-width: 1024px) {
  .hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
}

/* Smooth section transitions */
section { transition: none; }

/* Widget box shadow glow effect */
div[style*="box-shadow:0 0 60px"] { transition: box-shadow 0.3s ease; }
div[style*="box-shadow:0 0 60px"]:hover { box-shadow: 0 0 80px rgba(0,229,180,0.08), 0 32px 64px rgba(0,0,0,0.5); }