/* ── Scroll Reveal ─────────────────────────────────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.6s var(--ease), transform 0.6s var(--ease);
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered children */
.reveal:nth-child(2) { transition-delay: 0.08s; }
.reveal:nth-child(3) { transition-delay: 0.16s; }
.reveal:nth-child(4) { transition-delay: 0.24s; }
.reveal:nth-child(5) { transition-delay: 0.32s; }
.reveal:nth-child(6) { transition-delay: 0.40s; }

/* ── Nav Active Link ───────────────────────────────────────────────── */
.nav-links a {
  position: relative;
}
.nav-links a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--orange);
  transition: width var(--transition);
}
.nav-links a.active::after,
.nav-links a:hover::after {
  width: 100%;
}

/* ── Spinner ───────────────────────────────────────────────────────── */
@keyframes spin {
  to { transform: rotate(360deg); }
}
.spinner {
  animation: spin 0.8s linear infinite;
  width: 20px;
  height: 20px;
}

/* ── Hero badge pulse ──────────────────────────────────────────────── */
@keyframes badge-in {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero-badges .badge {
  animation: badge-in 0.5s var(--ease) both;
}
.hero-badges .badge:nth-child(2) { animation-delay: 0.1s; }
.hero-badges .badge:nth-child(3) { animation-delay: 0.2s; }

/* ── Hero content entrance ─────────────────────────────────────────── */
@keyframes hero-up {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero-title    { animation: hero-up 0.7s 0.25s var(--ease) both; }
.hero-subtitle { animation: hero-up 0.7s 0.40s var(--ease) both; }
.hero-ctas     { animation: hero-up 0.7s 0.55s var(--ease) both; }

/* ── Testimonials slide transition ─────────────────────────────────── */
.testimonial-slide {
  display: none;
  opacity: 0;
  transition: opacity 0.5s var(--ease);
}
.testimonial-slide.active {
  display: block;
  opacity: 1;
}

/* ── Lightbox ──────────────────────────────────────────────────────── */
@keyframes lb-in {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}
.lightbox[open],
.lightbox:not([hidden]) {
  animation: lb-in 0.25s var(--ease);
}

/* ── Scroll cue bounce ─────────────────────────────────────────────── */
@keyframes bounce-y {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(8px); }
}
.hero-scroll-cue svg {
  animation: bounce-y 1.6s ease-in-out infinite;
}

/* ── Gallery hover ─────────────────────────────────────────────────── */
.gallery-item .gallery-overlay {
  opacity: 0;
  transition: opacity var(--transition);
}
.gallery-item:hover .gallery-overlay,
.gallery-item:focus .gallery-overlay {
  opacity: 1;
}
.gallery-placeholder {
  transition: transform 0.4s var(--ease);
}
.gallery-item:hover .gallery-placeholder {
  transform: scale(1.04);
}

/* ── Service card hover ────────────────────────────────────────────── */
.service-card {
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.service-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--orange);
}
.service-card:hover .service-icon svg {
  color: var(--orange);
}

/* ── Financing feat hover ──────────────────────────────────────────── */
.financing-feat {
  transition: transform var(--transition);
}
.financing-feat:hover {
  transform: translateX(6px);
}

/* ── Button press ──────────────────────────────────────────────────── */
.btn:active {
  transform: scale(0.97);
}