/* ===== Simply Leasing – Orange & Black Theme ===== */
html { scroll-behavior: smooth; }

/* Scroll animation */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.65s ease-out, transform 0.65s ease-out;
}
.animate-on-scroll.visible { opacity: 1; transform: translateY(0); }
.animate-on-scroll.delay-100 { transition-delay: 0.1s; }
.animate-on-scroll.delay-200 { transition-delay: 0.2s; }
.animate-on-scroll.delay-300 { transition-delay: 0.3s; }

/* Navbar */
#navbar.scrolled { box-shadow: 0 4px 30px rgba(0,0,0,0.5); }

/* Form focus */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #f97316;
  box-shadow: 0 0 0 3px rgba(249,115,22,0.2);
}

/* Form status */
#form-status.success { background:#052e16; border:1px solid #166534; color:#4ade80; }
#form-status.error   { background:#450a0a; border:1px solid #991b1b; color:#f87171; }

/* Equipment image cards */
.equip-card { position: relative; overflow: hidden; border-radius: 1rem; }
.equip-card img {
  width: 100%; height: 220px; object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}
.equip-card:hover img { transform: scale(1.06); }
.equip-card .overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: 1.25rem;
  transition: all 0.3s ease;
}
.equip-card:hover .overlay { background: linear-gradient(to top, rgba(249,115,22,0.85) 0%, rgba(0,0,0,0.4) 70%, transparent 100%); }
.equip-card .learn-more {
  opacity: 0; transform: translateY(6px);
  transition: all 0.3s ease;
  color: white; font-size: 0.8rem; font-weight: 700; margin-top: 6px;
}
.equip-card:hover .learn-more { opacity: 1; transform: translateY(0); }

/* Hero background animation */
@keyframes gradientShift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.hero-animated {
  background-size: 300% 300%;
  animation: gradientShift 14s ease infinite;
}

/* Orange pulse CTA */
@keyframes orange-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(249,115,22,0.5); }
  70%  { box-shadow: 0 0 0 12px rgba(249,115,22,0); }
  100% { box-shadow: 0 0 0 0 rgba(249,115,22,0); }
}
.btn-orange-pulse { animation: orange-pulse 2.2s infinite; }

/* Step number */
.step-number {
  width: 64px; height: 64px; border-radius: 16px;
  background: #f97316;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem; font-weight: 900; color: white;
  margin: 0 auto 1.25rem;
  box-shadow: 0 8px 24px rgba(249,115,22,0.4);
}

/* Testimonial stars */
.stars { color: #f97316; font-size: 1.1rem; }

/* Preview banner */
.preview-banner {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;
  background: #1a1a1a; border-top: 3px solid #f97316;
  padding: 10px 24px;
  display: flex; align-items: center; justify-content: space-between;
  font-family: Inter, sans-serif; font-size: 13px; color: white;
}
.preview-badge { background: #f97316; color: white; padding: 3px 10px; border-radius: 20px; font-weight: 700; font-size: 11px; margin-right: 8px; }
.file-links a { color: #f97316; text-decoration: none; font-weight: 600; margin-left: 16px; }
.file-links a:hover { color: white; }

@media print { nav, footer, #contact { display: none; } }