/* Shared entrance / scroll-reveal motion (app pages) */

@keyframes drobo-rise {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes drobo-rise-scale {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* Immediate on page load */
.drobo-in,
.dash-in {
  animation: drobo-rise 0.62s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.drobo-in--d1,
.dash-in--1 { animation-delay: 0.06s; }

.drobo-in--d2,
.dash-in--2 { animation-delay: 0.12s; }

.drobo-in--d3,
.dash-in--3 { animation-delay: 0.18s; }

.drobo-in--d4,
.dash-in--4 { animation-delay: 0.24s; }

.dash-in--5 { animation-delay: 0.3s; }

.drobo-in--d5 { animation-delay: 0.3s; }

.drobo-in--d6 { animation-delay: 0.36s; }

/* Scroll / stagger reveal */
.drobo-reveal,
.dash-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.68s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.68s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--drobo-delay, 0s);
}

html:not(.drobo-js) .drobo-reveal,
html:not(.drobo-js) .dash-reveal {
  opacity: 1;
  transform: none;
}

.drobo-reveal.is-visible,
.dash-reveal.is-visible {
  opacity: 1;
  transform: none;
}

.drobo-reveal--scale.is-visible {
  animation: drobo-rise-scale 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--drobo-delay, 0s);
  opacity: 1;
  transform: none;
}

/* Pricing tier cards */
.plans-board [data-drobo-stagger-item] {
  opacity: 0;
  transform: translateY(22px) scale(0.98);
  transition:
    opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.25s ease,
    box-shadow 0.25s ease;
  transition-delay: var(--drobo-delay, 0s);
}

html:not(.drobo-js) .plans-board [data-drobo-stagger-item] {
  opacity: 1;
  transform: none;
}

.plans-board [data-drobo-stagger-item].is-visible {
  opacity: 1;
  transform: none;
}

.dash-reveal--1 { --drobo-delay: 0.05s; }
.dash-reveal--2 { --drobo-delay: 0.1s; }
.dash-reveal--3 { --drobo-delay: 0.15s; }
.dash-reveal--4 { --drobo-delay: 0.2s; }
.dash-reveal--5 { --drobo-delay: 0.25s; }

/* Changelog / list entries */
[data-drobo-stagger-list] [data-drobo-stagger-item] {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--drobo-delay, 0s);
}

html:not(.drobo-js) [data-drobo-stagger-list] [data-drobo-stagger-item] {
  opacity: 1;
  transform: none;
}

[data-drobo-stagger-list] [data-drobo-stagger-item].is-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .drobo-in,
  .dash-in,
  .drobo-in--d1,
  .drobo-in--d2,
  .drobo-in--d3,
  .drobo-in--d4,
  .drobo-in--d5,
  .drobo-in--d6,
  .dash-in--1,
  .dash-in--2,
  .dash-in--3,
  .dash-in--4,
  .dash-in--5 {
    animation: none;
  }

  .drobo-reveal,
  .dash-reveal,
  .plans-board [data-drobo-stagger-item],
  [data-drobo-stagger-list] [data-drobo-stagger-item] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}