.badge-pill {
  background: rgba(139, 0, 0, 0.07);
  color: #8B0000;
  border: 1px solid rgba(139, 0, 0, 0.12);
}

.feature-card {
  background: rgba(255, 255, 255, 0.88);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: var(--shadow-card);
  border: 1px solid rgba(139, 0, 0, 0.06) !important;
  transition:
    transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-card-hover);
  border-color: rgba(139, 0, 0, 0.18) !important;
}

.feature-icon-wrap {
  transition:
    transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1),
    background 0.25s ease;
}

.feature-card:hover .feature-icon-wrap {
  background: linear-gradient(135deg, #fdf2f2, #fce8e8) !important;
  transform: scale(1.1);
}

.feature-card svg {
  transition: transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.feature-card:hover svg {
  transform: rotate(8deg) scale(1.12);
}

/* Stagger delays via CSS custom property */
.feature-card:nth-child(1) { --card-stagger: 0ms; }
.feature-card:nth-child(2) { --card-stagger: 75ms; }
.feature-card:nth-child(3) { --card-stagger: 150ms; }
.feature-card:nth-child(4) { --card-stagger: 225ms; }
.feature-card:nth-child(5) { --card-stagger: 300ms; }
.feature-card:nth-child(6) { --card-stagger: 375ms; }