/* ==========================================================================
   Strapivo · marketing site · custom CSS
   Inter @font-face, base typography, and the canonical 2.4s linear pulse.
   ========================================================================== */

@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Regular.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Medium.otf') format('opentype');
  font-weight: 500; font-style: normal; font-display: swap;
}

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "ss01", "cv11";
  text-rendering: optimizeLegibility;
}

/* Hierarchy by size, not weight. 500 is the ceiling for headings. */
h1, h2, h3, h4 { font-weight: 500; letter-spacing: -0.015em; color: #141B24; }
h1 { letter-spacing: -0.025em; }

/* The one motion · 2.4s linear loop · pulse mark.
   Outward ring grows + fades. Off when prefers-reduced-motion. */
@keyframes pulseOut {
  0%        { r: 42; opacity: 0.82; stroke-width: 5; }
  62%, 100% { r: 78; opacity: 0;    stroke-width: 1.5; }
}
.pulse-out { animation: pulseOut 2.4s linear infinite; }
@media (prefers-reduced-motion: reduce) {
  .pulse-out { animation: none; opacity: 0.6; }
}