/* InsightSynqHub landing page — custom styles
 *
 * Loaded from <link rel="stylesheet" href="/landing.css">. Tailwind
 * utility classes handle most layout; this file is for things Tailwind
 * can't express cleanly (gradients on text, keyframes, custom shadows).
 */

body {
  font-family:
    ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN",
    "Noto Sans JP", sans-serif;
}

/* Hero gradient title accent */
.gradient-text {
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Primary CTA glow */
.glow {
  box-shadow: 0 20px 60px -20px rgba(37, 99, 235, 0.35);
}

/* Hub diagram arrow pulse — each arrow staggers in by 0.3s */
@keyframes hub-pulse {
  0%, 100% { opacity: 0.45; }
  50%      { opacity: 1; }
}
.hub-flow path                  { animation: hub-pulse 2.4s ease-in-out infinite; }
.hub-flow path:nth-child(2)     { animation-delay: 0.3s; }
.hub-flow path:nth-child(3)     { animation-delay: 0.6s; }
.hub-flow path:nth-child(4)     { animation-delay: 0.9s; }