/* Global small styles */
html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.active-link { color: #0098CF !important; } /* brandAccent */
/* Hide mobile menu by default when [hidden] attribute present */
#mobileMenu[hidden] { display: none; }

/* Button press effect styles */
.btn-press {
  position: relative;
  transition: transform 200ms cubic-bezier(.22,1,.36,1),
              box-shadow 200ms cubic-bezier(.22,1,.36,1);
}

.btn-press:active,
.btn-press.pressed {
  transform: scale(0.97);
  box-shadow: 0 0 0 2px rgba(0,104,168,0.25),
              0 0 30px 8px rgba(0,152,207,0.25);
}

.btn-press:hover {
  box-shadow: 0 4px 16px 0 rgba(0,104,168,0.12), 0 1.5px 6px 0 rgba(0,152,207,0.10);
  transform: scale(1.03);
}

.btn-press::after {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: 9999px;
  background: radial-gradient(circle at center,
              rgba(0,152,207,0.30),
              transparent 70%);
  opacity: 0;
  transition: opacity 200ms ease;
}

.btn-press:active::after,
.btn-press.pressed::after {
  opacity: 1;
}

.service-card {
  transition: transform 0.18s cubic-bezier(.22,1,.36,1), box-shadow 0.18s cubic-bezier(.22,1,.36,1);
}
.service-card:hover {
  transform: translateY(-2px) scale(1.025);
  box-shadow: 0 8px 32px 0 rgba(0,104,168,0.10), 0 1.5px 6px 0 rgba(0,152,207,0.08);
}

.rounded-2xl.bg-card-gradient:hover,
.rounded-2xl.bg-white:hover {
  box-shadow: 0 8px 32px 0 rgba(0,104,168,0.10), 0 1.5px 6px 0 rgba(0,152,207,0.08);
  transform: translateY(-2px) scale(1.025);
  transition: transform 0.18s cubic-bezier(.22,1,.36,1), box-shadow 0.18s cubic-bezier(.22,1,.36,1);
}