/* Global Styles */
body {
  background-color: #ECEFF1;
  color: #2A3B4D;
  font-family: 'Inter', system-ui, sans-serif;
  overflow-x: hidden;
}

/* Scroll Behavior */
html {
  scroll-behavior: smooth;
}

/* Animation Utilities */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fadeIn 0.5s ease-out forwards;
}

.animate-fade-in-up {
  animation: fadeInUp 0.5s ease-out forwards;
}

/* Map Container */
.map-container {
  width: 100%;
  height: 400px;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  border: 4px solid white;
}

.map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* Organic Shapes */
.organic-shape {
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

/* Custom Details/Summary for FAQ */
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}