/* Extras for the refreshed landing.html. Loaded after main.css, so these rules apply on top of landing.css. */

.landing-progress {
  position: fixed;
  z-index: 60;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #2563eb, #06b6d4, #10b981);
  transform: scaleX(var(--p, 0));
  transform-origin: left;
  pointer-events: none;
  box-shadow: 0 0 10px rgb(37 99 235 / 50%);
}

.landing-header { transition: box-shadow .25s ease, background-color .25s ease, border-color .25s ease; }
.landing-header.is-scrolled {
  background: rgb(255 255 255 / 92%);
  backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 20px 40px -15px rgb(15 28 51 / 12%);
  border-bottom-color: rgb(226 232 242 / 60%);
}

.landing-nav a.is-current { color: var(--lp-brand-2); background: #eaf1ff; box-shadow: inset 0 0 0 1px rgb(37 99 235 / 15%); }

.landing-menu { display: none; }

/* Enhanced Modern Card Glow & Glassmorphic Polish */
.landing-card {
  transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s ease, border-color .3s ease;
}
.landing-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 25px 50px -12px rgb(29 59 110 / 15%);
  border-color: rgb(37 99 235 / 25%);
}

.landing-float {
  backdrop-filter: blur(12px);
  background: rgb(255 255 255 / 90%);
  box-shadow: 0 20px 40px rgb(15 28 51 / 14%), 0 0 1px rgb(15 28 51 / 10%);
  border: 1px solid rgb(226 232 242 / 80%);
}

@media (prefers-reduced-motion: reduce) {
  .landing-header, .landing-card { transition: none; }
}