body {
    font-family: 'Inter', sans-serif;
}

/* A subtle hover effect for feature cards */
.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Style for the sticky nav on scroll 
  This is the plain CSS conversion of the Tailwind classes:
  @apply shadow-lg bg-white/95 backdrop-blur-sm;
*/
.nav-scrolled {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.Call-action{
    background-color: #fff;
}