/* Landing page — styles not covered by Tailwind utilities */

.landing-gradient-motion {
  animation: landing-gradient-shift 18s ease-in-out infinite alternate;
}

.landing-float {
  animation: landing-float 7s ease-in-out infinite;
}

.landing-float-delayed {
  animation: landing-float 7s ease-in-out 1.5s infinite;
}

.landing-float-slow {
  animation: landing-float 9s ease-in-out 0.8s infinite;
}

@keyframes landing-gradient-shift {
  0% {
    transform: scale(1) translate(0, 0);
    opacity: 0.75;
  }
  100% {
    transform: scale(1.05) translate(2%, -1%);
    opacity: 1;
  }
}

@keyframes landing-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.landing-card-lift {
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

@media (hover: hover) {
  .landing-card-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 25px 50px -12px rgb(3 26 43 / 0.14);
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-float,
  .landing-float-delayed,
  .landing-float-slow,
  .landing-gradient-motion {
    animation: none;
  }

  html {
    scroll-behavior: auto;
  }
}

html {
  scroll-behavior: smooth;
}

#privalumai,
#pavyzdys,
#kaina,
#procesas,
#duk {
  scroll-margin-top: 5.5rem;
}

.landing-main-surface {
  background-color: var(--color-baltic-mist);
}

.landing-heading-depth {
  text-shadow:
    0 1px 1px rgb(27 42 52 / 0.08),
    0 4px 12px rgb(27 42 52 / 0.1),
    0 14px 32px rgb(27 42 52 / 0.06);
}

details summary {
  cursor: pointer;
  list-style: none;
}

details summary::-webkit-details-marker {
  display: none;
}

[data-faq-drawer] [data-faq-drawer-chevron] {
  transition: transform 320ms cubic-bezier(0.4, 0, 0.2, 1);
}

[data-faq-drawer].is-open [data-faq-drawer-chevron] {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  [data-faq-drawer] [data-faq-drawer-chevron] {
    transition: none;
  }
}

@media (hover: hover) {
  [data-faq-drawer] summary:hover {
    background-color: color-mix(in srgb, var(--color-baltic-teal) 5%, var(--color-baltic-mist));
  }
}

[data-faq-drawer] summary {
  transition: background-color 0.2s ease;
}

[data-faq-drawer].is-open {
  border-color: color-mix(in srgb, var(--color-baltic-teal) 30%, rgb(226 232 240));
  box-shadow:
    0 10px 28px -16px color-mix(in srgb, var(--color-deep-ocean) 14%, transparent),
    0 0 0 1px color-mix(in srgb, var(--color-baltic-teal) 10%, transparent);
}

.landing-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}