/* Legacy base styles removed — modern design uses Tailwind CSS classes exclusively */
/* Old main { max-width: 960px } was constraining the new max-w-7xl layout */
/* Old .hero { padding: 3rem; background: #fff; border: ... } was overriding the new hero section */

/* Modern design custom styles */
html { scroll-behavior: smooth; }
.glass {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
}
.glass-dark {
  background: rgba(22, 41, 74, 0.9);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.hero-grid-bg {
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 24px 24px;
}
@keyframes pin-pulse {
  0% { transform: scale(0.95); opacity: 0.5; }
  50% { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(0.95); opacity: 0.5; }
}
.pulse-pin { animation: pin-pulse 2s infinite ease-in-out; }
.hover-lift {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}
.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(22, 41, 74, 0.08);
}
/* Overflow prevention for audit findings */
body { overflow-x: hidden; }
/* Allow long service titles to wrap instead of overflowing */
a[href^="/services/"] h2,
a[href^="/services/"] h3 {
  word-break: break-word;
  overflow-wrap: break-word;
}
/* Prevent hero mockup stat text from overflowing on small screens */
@media (max-width: 640px) {
  .glass .text-xl { font-size: 1.125rem; }
}
/* Contain decorative blur/pulse elements so they don't inflate scrollWidth */
/* Note: overflow: clip was tested but caused layout issues with card widths. Using default overflow: hidden from Tailwind. */