body { font-family: 'Plus Jakarta Sans', sans-serif; }

/* Scrolling logo animations */
@keyframes scroll-logos {
  0%   { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}
.animate-scroll-logos {
  animation: scroll-logos 40s linear infinite;
  will-change: transform;
}
.animate-scroll-logos:hover { animation-play-state: paused; }
.animate-scroll-partners {
  animation: scroll-logos 70s linear infinite;
  will-change: transform;
}
.animate-scroll-partners:hover { animation-play-state: paused; }

/* Float animation */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-20px); }
}
.animate-float { animation: float 6s ease-in-out infinite; }

/* Leaflet map — pulse marker & tooltip */
@keyframes servi-pulse {
  0%   { transform: scale(0.5); opacity: 1; }
  100% { transform: scale(2);   opacity: 0; }
}
.servi-tooltip {
  background:    #1F2937 !important;
  color:         white   !important;
  border:        none    !important;
  border-radius: 8px     !important;
  padding:       6px 12px !important;
  font-size:     12px    !important;
  font-weight:   700     !important;
  letter-spacing: .025em !important;
  box-shadow:    0 4px 12px rgba(0,0,0,.15) !important;
  white-space:   nowrap  !important;
}
.servi-tooltip::before,
.leaflet-tooltip-top.servi-tooltip::before { border-top-color: #1F2937 !important; }

/* Pricing savings calculator slider */
.calc-slider { -webkit-appearance: none; appearance: none; background: transparent; }
.calc-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #ff7043;
  cursor: pointer;
  box-shadow: 0 0 0 4px rgba(255,112,67,0.2);
  margin-top: -8px;
}
.calc-slider::-webkit-slider-runnable-track {
  width: 100%; height: 4px;
  background: #455a64; border-radius: 2px;
}
.calc-slider::-moz-range-thumb {
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #ff7043;
  cursor: pointer; border: none;
}
.calc-slider::-moz-range-track {
  width: 100%; height: 4px;
  background: #455a64; border-radius: 2px;
}