.hero-section {
  position: relative;
  background-color: #1e2e42; /* fallback */
  background-size: cover;
  background-position: center;
}
.hero-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4); /* subtle overlay */
}
.hero-section .container {
  position: relative;
  z-index: 2;
}

.hero-section .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(69, 70, 87, 0.85), rgba(215, 223, 234, 0.9));
  z-index: 0;
}


.trusted-section {
  background: linear-gradient(to bottom right, #519ca3, #25405b);
  color: white;
}

.trusted-section .card {
  background-color: #ffffff;
  color: #26455e;
  border-radius: 0.5rem;
}

/* Allow .text-land-main to override default card color when explicitly used */
.trusted-section .card .text-land-main {
  color: #26455e !important;  /* Ensure specificity wins */
}

/* Optional: consistent spacing and size for the SVG icon */
.trusted-section .card .icon svg {
  width: 60px;
  height: 60px;
  stroke-width: 1.5;
  stroke: #454657;
}

.trusted-section .quote-icon {
  font-family: serif;
}

.trusted-section .badge {
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(4px);
}

.pain-points-section .card {
  background-color: #f8f9fa;
  border-radius: 0.5rem;
}
.pain-points-section blockquote {
  border-left: 3px solid #2ca58d;
  padding-left: 1rem;
}
.pain-points-section .icon {
  font-size: 2rem;
}

.platform-modules-section {
  background: linear-gradient(to bottom right, #25405b, #192c3c);
}
.platform-modules-section .card {
  border-radius: 0.75rem;
}
.platform-modules-section .bg-light {
  background-color: #f9f9f9 !important;
}

.landing-footer a {
  color: #ccc;
}
.landing-footer a:hover {
  color: #fff;
  text-decoration: underline;
}
.landing-footer .card {
  background-color: #152636 !important;
}
.landing-footer input::placeholder {
  color: #888;
}