/* Cognivoratech — shared styles */

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Glow blobs used behind hero / dark sections */
.bg-glow {
  position: absolute;
  border-radius: 9999px;
  filter: blur(90px);
  opacity: 0.35;
  pointer-events: none;
}

/* Grid / dot pattern overlay for dark sections */
.bg-grid {
  background-image: linear-gradient(rgba(148,197,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,197,255,0.08) 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Logo marquee (trusted-by strip) */
.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 28s linear infinite;
}
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Floating animation for hero graphic */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-14px); }
}
.animate-float { animation: float 6s ease-in-out infinite; }
.animate-float-slow { animation: float 9s ease-in-out infinite; }

/* Fade-up reveal (paired with script.js IntersectionObserver).
   Scoped to html.has-js so content stays visible if JS fails to load. */
html.has-js .reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
html.has-js .reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Mobile menu */
#mobile-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
#mobile-menu.open {
  max-height: 640px;
}

/* FAQ accordion */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.faq-item.open .faq-answer {
  max-height: 320px;
}
.faq-item.open .faq-icon {
  transform: rotate(45deg);
}
.faq-icon {
  transition: transform 0.25s ease;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0A1428; }
::-webkit-scrollbar-thumb { background: #16233F; border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: #1C2E52; }

/* Selection color */
::selection { background: #06B6D4; color: #050B18; }