@keyframes float-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.3);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(34, 197, 94, 0);
  }
}

.hero-copy,
.workspace-pane,
.info-pane,
.result-panel {
  animation: float-in 350ms ease both;
}

.status-orb {
  animation: pulse-glow 2s ease-in-out infinite;
}