/**
 * Premium Scroll Effects CSS
 * Smooth animations and transitions for a $10k website feel
 */

/* Smooth scrolling with momentum */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html,
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Scroll Progress Bar */
.scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 10000;
  pointer-events: none;
  background: transparent;
}

.scroll-progress__bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #2563eb 0%, #5b8dee 100%);
  transition: width 0.2s ease-out;
}

/* Premium hover enhancements only */

/* Smooth card hover transitions */
.card:hover,
.strip__item:hover,
.values-list li:hover {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Smooth link underline effect */
.footer a:not(.btn):not(.footer__social a):hover {
  text-decoration: underline;
}

/* Smooth form input focus */
.form input:focus,
.form select:focus,
.form textarea:focus {
  box-shadow: 0 0 0 3px rgba(37, 100, 251, 0.1);
}

/* Micro-interactions */
button:active,
.btn:active {
  transform: scale(0.98);
  transition: transform 0.1s ease;
}