/* Insyte Agent — static site styles */

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; }

/* Section badge (used in section headers) */
.section-badge {
  display: inline-flex; align-items: center; gap: 0.5rem;
  padding: 0.5rem 1rem; border-radius: 9999px;
  background: #fff;
  border: 2px solid #f3e8ff;
  box-shadow: 4px 4px 0 0 rgba(168, 85, 247, 0.1);
  margin-bottom: 1.25rem;
}
.section-badge .dot {
  display: inline-flex; width: 0.5rem; height: 0.5rem;
  border-radius: 9999px; background: #a855f7;
}
.section-badge span:last-child {
  font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  color: #581c87;
}

/* Trust marquee (mobile) */
@keyframes trustMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.trust-marquee { animation: trustMarquee 22s linear infinite; }

/* Nav pop animation */
@keyframes navPop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.18) rotate(-2deg); color: rgb(147,51,234); }
  70%  { transform: scale(0.94) rotate(1deg); }
  100% { transform: scale(1); }
}
.nav-pop { animation: navPop 0.55s cubic-bezier(.34,1.56,.64,1); }

@keyframes sectionPulse {
  0%   { transform: scale(1); filter: brightness(1); }
  30%  { transform: scale(1.01); filter: brightness(1.04); }
  100% { transform: scale(1); filter: brightness(1); }
}
.section-pulse { animation: sectionPulse 0.9s ease-out; }

/* Toast slide in */
@keyframes toastIn {
  from { opacity: 0; transform: translateY(-12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.toast-in { animation: toastIn 0.3s ease-out; }

/* Chat launcher */
@keyframes chatBubblePulse {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.chat-bubble { animation: chatBubblePulse 3s ease-in-out infinite; }
.chat-bubble:hover,
.chat-bubble:focus-visible,
.chat-bubble:active { animation: none; }

#chatInput,
#chatInput:focus,
#chatInput:focus-visible,
#chatInput:active {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}