/* Quantiva Solutions — shared styles */

/* ---------- Typography (hard-applied so it does not depend on Tailwind JIT) ---------- */
html, body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Display / headline font — Plus Jakarta Sans */
.font-headline,
h1, h2, h3, h4, h5, h6,
blockquote {
  font-family: 'Plus Jakarta Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  letter-spacing: -0.02em;
}

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

/* Tighter tracking on the biggest display sizes, matching Stitch */
h1, .text-5xl, .text-6xl, .text-7xl { letter-spacing: -0.035em; }

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Page-level decorative backgrounds */
.hero-pattern {
  background-image: radial-gradient(circle at 2px 2px, rgba(238, 192, 88, 0.05) 1px, transparent 0);
  background-size: 40px 40px;
}
.circuit-pattern {
  background-image: radial-gradient(circle at 1px 1px, #c5c6ce 1px, transparent 0);
  background-size: 40px 40px;
}

/* Reusable gradient used across CTAs */
.gold-gradient {
  background: linear-gradient(135deg, #eec058 0%, #b18926 100%);
}

/* Glass surfaces */
.glass-nav {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}
.navy-glass {
  background: rgba(26, 39, 68, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.hero-navy { background-color: #1A2744; }

/* Scroll reveal animation */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* Mobile nav panel */
.mobile-menu {
  display: none;
}
.mobile-menu.is-open {
  display: block;
}

html { scroll-behavior: smooth; }