/* ===== Index Hero ===== */
.index-hero {
  background: linear-gradient(to right, rgba(44,62,80,1) 0%, rgba(44,62,80,0.93) 40%, rgba(44,62,80,0.78) 100%),
              url('../images/index/index-hero-image.jpg') center/cover no-repeat;
  background-blend-mode: normal, luminosity;
  position: relative;
  width: 100%;
  min-height: 420px;
  padding-top: 80px;
  padding-bottom: 60px;
  display: flex;
  align-items: center;
}

.index-hero-curve {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 60px;
}

/* ===== Feature Cards ===== */
.index-feature-card {
  border-radius: 1rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.index-feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}