/* Overlay + wa float classes live in inline styles for home already;
   but we add page-transition styles from shared across pages */
.page-transition {
  position: fixed; inset: 0; z-index: 400;
  pointer-events: none;
  background: #0e0d10;
  transform: translateY(100%);
  transition: transform .55s cubic-bezier(0.7, 0, 0.2, 1);
}
.page-transition .pt-inner {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity .3s;
}
.page-transition.entering { transform: translateY(0); pointer-events: auto; }
.page-transition.entering .pt-inner { opacity: 1; }
.page-transition .pt-wordmark {
  font-family:'Space Grotesk'; font-weight: 300;
  font-size: clamp(60px, 16vw, 220px);
  letter-spacing: -0.05em;
  background: linear-gradient(90deg,#2E7CE4 0%,#7A3F9E 50%,#E63946 100%);
  background-clip: text; -webkit-background-clip: text; color: transparent;
}
.wa-float {
  position: fixed; bottom: 24px; right: 24px; z-index: 150;
  width: 52px; height: 52px; border-radius: 50%;
  background: #25D366; color: white;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 10px 28px -4px rgba(37,211,102,0.5);
  transition: transform .2s;
}
.wa-float:hover { transform: scale(1.08); }
.wa-float svg { width: 24px; height: 24px; }