body {
  font-family: 'Inter', sans-serif;
  background: linear-gradient(to right, #f97316, #2563eb);
}

html {
  scroll-behavior: smooth;
}

.logo-text {
  font-weight: 900;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #F97316;
  text-shadow: 2px 2px 0px rgba(0,0,0,0.1);
}

.slide-indicator {
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 2px solid white;
  transition: all 0.3s;
}

.slide-indicator.active {
  background-color: white;
}

.service-icon-bg {
  background: linear-gradient(135deg, rgba(37,99,235,0.15), rgba(249,115,22,0.2));
  backdrop-filter: blur(10px);
}

.colored-lottie {
  filter: hue-rotate(200deg) saturate(1.5);
}

.colored-lottie-orange {
  filter: hue-rotate(20deg) saturate(1.8);
}

.smooth-scroll {
  scroll-behavior: smooth;
}

.nav-link {
  position: relative;
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0%;
  height: 2px;
  background: #F97316;
  transition: 0.3s;
}

.nav-link:hover::after {
  width: 100%;
}

@media (max-width: 768px) {
  .hero-bg {
    background-position: center top;
  }
}