/* Motion supplied by Antigravity task11; scoped and adapted to the integrated application. */
.et-app{--et-ease-out:cubic-bezier(.22,1,.36,1);--et-champagne:#dfc5a8;--et-confirmed:#8bd4b5}
.et-app .et-reveal,
.et-app .et-stagger > * {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

@keyframes et-title-entrance {
  0% {
    opacity: 0;
    transform: translateY(14px);
    filter: blur(4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes et-card-entrance {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.et-app.et-ready .et-reveal,
.et-app .et-reveal.et-ready.et-in {
  animation: et-title-entrance 620ms var(--et-ease-out) both;

}

.et-app.et-ready .et-stagger > *,
.et-app .et-stagger.et-ready.et-in > * {
  animation: et-card-entrance 540ms var(--et-ease-out) both;

}

.et-app.et-ready .et-stagger > *:nth-child(1),
.et-app .et-stagger.et-ready > *:nth-child(1) {
  animation-delay: 40ms;
}

.et-app.et-ready .et-stagger > *:nth-child(2),
.et-app .et-stagger.et-ready > *:nth-child(2) {
  animation-delay: 100ms;
}

.et-app.et-ready .et-stagger > *:nth-child(3),
.et-app .et-stagger.et-ready > *:nth-child(3) {
  animation-delay: 160ms;
}

.et-app.et-ready .et-stagger > *:nth-child(4),
.et-app .et-stagger.et-ready > *:nth-child(4) {
  animation-delay: 220ms;
}

.et-app.et-ready .et-stagger > *:nth-child(5),
.et-app .et-stagger.et-ready > *:nth-child(5) {
  animation-delay: 280ms;
}

/* --------------------------------------------------------------------------
   3. Animated Status Orb (.et-status-orb)
   Transform & opacity only — no layout change.
   -------------------------------------------------------------------------- */

.et-app .et-status-orb {
  position: relative;
  display: inline-block;
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 50%;
  background-color: var(--et-champagne);
  box-shadow: 0 0 0 1px rgba(223, 197, 168, 0.35);
  vertical-align: middle;
  flex-shrink: 0;
}

.et-app .et-status-orb::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 1px solid var(--et-champagne);
  opacity: 0;
  transform: scale(0.75);
  animation: et-orb-pulse 2.4s var(--et-ease-out) 2;
  pointer-events: none;
}

.et-app .et-status-orb.is-confirmed {
  background-color: var(--et-confirmed);
}

.et-app .et-status-orb.is-confirmed::after {
  border-color: var(--et-confirmed);
}

@keyframes et-orb-pulse {
  0% {
    opacity: 0.65;
    transform: scale(0.72);
  }
  75% {
    opacity: 0;
    transform: scale(1.45);
  }
  100% {
    opacity: 0;
    transform: scale(1.45);
  }
}


.et-app .et-route-light{stroke-dasharray:650;stroke-dashoffset:0;animation:et-route-draw 2s var(--et-ease-out) both}@keyframes et-route-draw{from{stroke-dashoffset:650}to{stroke-dashoffset:0}}
.et-app .et-view:not([hidden]){animation:et-card-entrance 420ms var(--et-ease-out)}
@media(prefers-reduced-motion:reduce){.et-app *,.et-app *::before,.et-app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep no-script content visible; prepare only observed elements for their first reveal. */
@media(prefers-reduced-motion:no-preference){.et-app .et-reveal.et-ready:not(.et-in),.et-app .et-stagger.et-ready:not(.et-in)>*{opacity:0}}
