html {
  color-scheme: dark;
}

body {
  scroll-behavior: smooth;
}

/* Return the landing to its original dark mood and only keep focused cleanup. */
#faq,
#support {
  display: block !important;
}

/* Remove the extra pricing/payment bullets from the hero panel. */
main > section:first-child .space-y-4.mb-10 {
  display: none !important;
}

/* Hide France card in the locations block without touching runtime data. */
#locations .grid > :nth-child(4) {
  display: none !important;
}

@media (min-width: 64rem) {
  #locations .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Stronger scroll reveal. The bundle already toggles reveal visibility; we just deepen it. */
.reveal {
  opacity: 0;
  transform: translateY(32px) scale(0.985);
  filter: blur(10px);
  transition:
    opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.9s ease;
  will-change: opacity, transform, filter;
}

.reveal--visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

/* Cards and major panels feel more alive on scroll. */
.glass-card,
#plans .grid > div,
#locations .grid > div,
#steps .space-y-12 > div,
main > section:first-child .glass-card {
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease;
}

.glass-card:hover,
#plans .grid > div:hover,
#locations .grid > div:hover,
#steps .space-y-12 > div:hover,
main > section:first-child .glass-card:hover {
  transform: translateY(-6px);
}

/* Keep motion smoother and more noticeable on phones. */
@keyframes mobileFloat {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-4px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes mobileGlow {
  0% {
    box-shadow: 0 0 0 rgba(59, 130, 246, 0);
  }

  50% {
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.16);
  }

  100% {
    box-shadow: 0 0 0 rgba(59, 130, 246, 0);
  }
}

@media (max-width: 768px) {
  .glass-card,
  #plans .grid > div,
  #locations .grid > div,
  #steps .space-y-12 > div {
    animation: mobileFloat 4.8s ease-in-out infinite;
  }

  .glass-card:nth-child(even),
  #plans .grid > div:nth-child(even),
  #locations .grid > div:nth-child(even),
  #steps .space-y-12 > div:nth-child(even) {
    animation-delay: 0.35s;
  }

  [class*="bg-brand text-white"],
  [class*="bg-white/5 text-white"],
  [class*="bg-zinc-800 text-white"],
  .btn,
  button {
    animation: mobileGlow 3.6s ease-in-out infinite;
  }
}