:root {
  --white: #ffffff;
  --marengo: #3A3A3A;
}

html, body {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  background: var(--marengo);
  color: var(--white);
}

.container-max {
  max-width: 1200px;
}

.hero-image {
  position: relative;
  background-image: url("https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1600&q=80");
  background-size: cover;
  background-position: center;
}


.hero-overlay {
  background: var(--marengo);
  opacity: 0.72;
}

.hover-lift {
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.hover-lift:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.faq-item {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  background: transparent;
  padding: 14px 16px;
}

.faq-item summary {
  font-weight: 600;
  cursor: pointer;
  color: var(--white);
}

.faq-item[open] {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}