/* assets/css/custom.css — small overrides beyond the Tailwind CDN config */

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* Visible keyboard focus ring everywhere, using the brand button color */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #3c72fc;
  outline-offset: 2px;
}

/* Ledger-line motif: a faint repeating horizontal rule texture used behind
   stat bands / hero panels to nod at accounting ledger paper without being literal */
.ledger-bg {
  background-image: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 27px,
    rgba(255, 255, 255, 0.05) 27px,
    rgba(255, 255, 255, 0.05) 28px
  );
}

/* Card hover-lift utility (used alongside Tailwind transition classes) */
.card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
}

/* Number badge used in "Our Process" step sections (real, ordered process = numbering is justified) */
.step-num {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 800;
  font-size: 0.9rem;
}