/* Extra component polish */
.nav-cta {
  background: var(--color-accent);
  color: #000 !important;
  padding: 0.5rem 1.4rem;
  font-weight: 700;
  font-family: var(--font-heading);
  letter-spacing: 0.08em;
}
.nav-cta:hover { background: #fff !important; }

.scroll-indicator {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  z-index: 2;
}

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

.scroll-arrow {
  width: 20px; height: 20px;
  border-right: 2px solid var(--color-accent);
  border-bottom: 2px solid var(--color-accent);
  transform: rotate(45deg);
  animation: bounce 1.5s ease-in-out infinite;
}

.section-divider {
  height: 1px;
  background: linear-gradient(to right, transparent, var(--color-border), transparent);
  margin: 0 auto;
}