.feature-section-anchor {
  scroll-margin-top: calc(var(--vs-nav-h, 72px) + 16px);
}

.feature-navigation .btn-outline-primary {
  border-radius: 30px !important;
  padding: 10px 24px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  border-color: var(--mt-color-theme, #0d6efd) !important;
  color: var(--mt-color-theme, #0d6efd) !important;
  background-color: transparent !important;
}
.feature-navigation .btn-outline-primary:hover, .feature-navigation .btn-outline-primary:focus {
  background-color: var(--mt-color-theme, #0d6efd) !important;
  color: #fff !important;
  box-shadow: 0 4px 15px rgba(13, 110, 253, 0.2) !important;
  transform: translateY(-2px) !important;
}

.badge-pro {
  background-color: #e8650a;
  color: #fff;
}

.badge-premium {
  background-color: #7c1f3e;
  color: #fff;
}

.vs-usecases {
  background: #f6f7fb;
}
.vs-usecases__image {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e8eaf2;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}
.vs-usecases__image img {
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: top;
}
.vs-usecases__content h3 {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 700;
}
.vs-usecases__content p {
  font-size: 0.97rem;
  line-height: 1.75;
  color: #444;
}
.vs-usecases__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 1.25rem;
}
.vs-usecases__tags .badge {
  background: #fff;
  color: #333;
  font-weight: 500;
  font-size: 0.75rem;
  padding: 6px 14px;
  border: 1px solid #dde0ee !important;
  border-radius: 999px;
}
.vs-usecases__separator {
  border: none;
  border-top: 1px solid #dde0ee;
  margin: 0;
}

/*# sourceMappingURL=features.css.map */