html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }

#features-wrapper {
  overflow: hidden;
  position: relative;
  white-space: nowrap; 
}

#features-container,
#features-container-duplicate {
  display: flex;
  gap: 1.5rem; 
  will-change: transform;

  flex-shrink: 0;
  position: relative;
  align-items: center;
  white-space: nowrap; 
}

#features-container-duplicate {
  position: absolute;
  top: 0;
  left: 100%; 
}

.feature-divider {
  width: 1px;
  height: 80px;
  background-color: #d1d5db; 
  margin: 0 1rem;
  flex-shrink: 0;
}

.dark .feature-divider {
  background-color: #374151; 
}