/* Minimal overrides — Tailwind CDN handles the rest */
html { scroll-behavior: smooth; }

/* Dot-grid hero background */
.hero-pattern {
  background-color: #0F172A;
  background-image: radial-gradient(circle at 1px 1px, rgba(37,99,235,0.35) 1px, transparent 0);
  background-size: 28px 28px;
}

/* Ensure focus rings are visible (accessibility) */
:focus-visible {
  outline: 2px solid #2563EB;
  outline-offset: 3px;
}

/* Smooth hover transitions */
a, button { transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; }

/* Service card hover */
.service-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30,64,175,0.12); }
.service-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }

/* Stat counter animation */
.stat-number { font-variant-numeric: tabular-nums; }

/* Custom scrollbar (WebKit) */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #F1F5F9; }
::-webkit-scrollbar-thumb { background: #94A3B8; border-radius: 3px; }

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
