@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700;1,900&display=swap');

:root {
  --cyan-600: #0891b2;
  --cyan-400: #22d3ee;
}

body {
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
}

.font-serif {
  font-family: 'Playfair Display', Georgia, serif !important;
}

/* Nav active underline */
.nav-link-active {
  color: #0891b2 !important;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Hero gradient overlay */
.hero-overlay {
  background: linear-gradient(to right, rgba(2,6,23,0.95), rgba(2,6,23,0.80), rgba(2,6,23,0.40));
}

/* City card hover */
.city-card:hover img {
  transform: scale(1.05);
}

/* FAQ accordion */
.faq-answer {
  display: none;
}
.faq-answer.open {
  display: block;
}

/* Process step icon hover */
.step-card:hover .step-icon {
  background-color: #0891b2;
}
.step-card:hover .step-icon svg {
  color: white;
}

/* Situation card hover */
.situation-card:hover {
  background-color: #0891b2;
}
.situation-card:hover .sit-icon,
.situation-card:hover .sit-label,
.situation-card:hover .sit-desc {
  color: white !important;
}

/* Line clamp */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Backdrop blur fallback */
.nav-blur {
  background-color: rgba(255,255,255,0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}