.for-pages{--for-reveal-distance:8px}.for-hero-stage{pointer-events:none;position:absolute;inset:-8% -12% -4% -8%}.for-hero-orb{filter:blur(2px);border-radius:9999px;position:absolute}.for-hero-orb--primary{aspect-ratio:1;background:color-mix(in oklab, var(--color-primary) 28%, transparent);width:78%;top:8%;right:6%}.for-hero-orb--accent{aspect-ratio:1;background:color-mix(in oklab, var(--color-accent) 22%, transparent);width:55%;bottom:4%;left:0}.for-hero-ring{aspect-ratio:1;border:1px solid color-mix(in oklab, var(--color-base-content) 8%, transparent);border-radius:9999px;width:92%;position:absolute;top:50%;left:50%;translate:-50% -50%}.for-hero-device{transform-origin:bottom;transform:rotate(2.5deg)}.for-hero-device figure{margin-inline:0}@media (prefers-reduced-motion:no-preference){.for-reveal{animation:.5s cubic-bezier(.22,1,.36,1) both for-reveal-up}.for-hero.for-reveal{animation-duration:.55s}.for-hero-visual{animation:.65s cubic-bezier(.22,1,.36,1) .1s both for-fade-in}.for-hero-device{animation:5.5s ease-in-out infinite for-device-float}.for-hero-orb--primary{animation:9s ease-in-out infinite for-orb-drift}.for-hero-orb--accent{animation:11s ease-in-out 1.2s infinite reverse for-orb-drift}}@keyframes for-reveal-up{0%{opacity:0;transform:translateY(var(--for-reveal-distance))}to{opacity:1;transform:translateY(0)}}@keyframes for-fade-in{0%{opacity:0}to{opacity:1}}@keyframes for-device-float{0%,to{transform:rotate(2.5deg)translateY(0)}50%{transform:rotate(2.5deg)translateY(-8px)}}@keyframes for-orb-drift{0%,to{transform:scale(1)translate(0)}50%{transform:scale(1.06)translate(-2%,3%)}}@media (width<=1023px){.for-hero-device{transform:none}@media (prefers-reduced-motion:no-preference){.for-hero-device{animation:none}}}@media (prefers-reduced-motion:reduce){.for-reveal,.for-hero-visual,.for-hero-device,.for-hero-orb--primary,.for-hero-orb--accent{animation:none}.for-hero-device{transform:none}}