/* Homepage mark: the Fiorescens logo filled with the app's living prism
   (same stops and drift as PrismButton's PRISM_CTA_BG / prismcta-drift). */
@keyframes home-prism-drift { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }
@keyframes home-mark-in { 0% { opacity: 0; transform: translateY(10px) scale(0.94); } 100% { opacity: 1; transform: none; } }

.home-main { min-height: calc(100vh - 140px); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.home-main .doc-header { border: 0; margin: 0; padding: 0; }

.home-mark {
  display: block;
  width: clamp(96px, 22vw, 148px);
  aspect-ratio: 1;
  margin: 0 auto 28px;
  background: linear-gradient(110deg, #FFF6E0 0%, #BAE6FD 22%, #C7D2FE 44%, #99F6E4 66%, #FFF6E0 88%, #BAE6FD 100%);
  background-size: 300% 100%;
  -webkit-mask: url(/logo.svg) center/contain no-repeat;
  mask: url(/logo.svg) center/contain no-repeat;
  animation: home-mark-in 0.9s cubic-bezier(.34,1.56,.64,1) both, home-prism-drift 7s ease-in-out 0.9s infinite alternate;
}

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