/* Landing page (app/views/home/index.html.erb). Uses the .centered body
   archetype + .nano gradient wordmark from application.css; only the hero
   widgets are here. Shared tokens + @keyframes rise also live in app.css. */
.stage {
  text-align: center;
  padding: 2rem;
  animation: rise 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.signet {
  width: 168px;
  height: 168px;
  margin: 0 auto 2rem;
  filter: drop-shadow(0 14px 40px rgba(var(--nv-brand-1-rgb), 0.25));
}

.signet .core {
  transform-origin: 100px 100px;
  animation: spin 16s linear infinite;
}

.wordmark {
  font-size: clamp(2.5rem, 8vw, 4.5rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 0;
  line-height: 1;
}

.wordmark .vm {
  color: var(--nv-text);
}

.tagline {
  margin: 1rem auto 0;
  max-width: 30ch;
  color: var(--nv-muted);
  font-size: 1.05rem;
  line-height: 1.5;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .stage,
  .signet .core {
    animation: none;
  }
}