/* Full-viewport hero wrapper + bouncing scroll cue, shared across landing pages. */
.hero-block {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
}

.hero-block > .hero-bottom {
  margin-top: auto;
  padding: 48px 24px 24px;
  text-align: center;
}

.scroll-cue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  color: var(--brand-primary, #4F46E5);
  opacity: 0.65;
  background: none;
  border: 0;
  padding: 8px;
  cursor: pointer;
  animation: scrollBounce 1.6s ease-in-out infinite;
}
.scroll-cue:hover { opacity: 1; }
.scroll-cue svg { display: block; }

@keyframes scrollBounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(8px); }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-cue { animation: none; }
}