@keyframes float { 0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(0,-14px,0)} }
@keyframes floatSlow { 0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(0,-10px,0)} }
@keyframes shimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
@keyframes slideUp { from{opacity:0;transform:translate3d(0,24px,0)} to{opacity:1;transform:translate3d(0,0,0)} }
@keyframes heroGlow { 0%,100%{opacity:0.5} 50%{opacity:0.85} }
.animate-shimmer { background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.07) 50%, transparent 100%); background-size: 200% 100%; animation: shimmer 5s linear infinite; }
.animate-slide-up { animation: slideUp 0.7s ease-out forwards; opacity: 0; }
.animate-float { animation: float 7s ease-in-out infinite; }
.hero-ambient { animation: heroGlow 6s ease-in-out infinite; }
.delay-1 { animation-delay: 0.15s; }
.delay-2 { animation-delay: 0.3s; }
.delay-3 { animation-delay: 0.45s; }
.landing-glass {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.landing-glass-strong {
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.12);
}
.btn-landing-glow {
    background: linear-gradient(135deg, #FF9D66 0%, #e879f9 42%, #6B66FF 100%);
    box-shadow: 0 0 0 1px rgba(255,255,255,0.14), 0 10px 40px rgba(255, 157, 102, 0.45), 0 0 72px rgba(107, 102, 255, 0.28);
}
.btn-landing-glow:hover {
    filter: brightness(1.05);
    box-shadow: 0 0 0 1px rgba(255,255,255,0.2), 0 14px 48px rgba(255, 157, 102, 0.55), 0 0 88px rgba(107, 102, 255, 0.35);
}
.text-landing-muted { color: #b8c0d0; }
.pricing-card-base {
    transition-property: transform, opacity, box-shadow;
    will-change: transform, opacity;
}
.pricing-card-base:hover {
    transform: translateY(-6px);
}
.landing-glass.pricing-card-base:hover {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.15), 0 24px 64px rgba(0,0,0,0.5);
}
.pricing-card-premium {
    box-shadow: 0 0 0 1.5px rgba(255, 157, 102, 0.65), 0 0 56px rgba(255, 157, 102, 0.35), 0 28px 72px rgba(107, 102, 255, 0.12), 0 24px 64px rgba(0,0,0,0.4);
}
.pricing-card-premium:hover {
    box-shadow: 0 0 0 1.5px rgba(255, 157, 102, 0.85), 0 0 72px rgba(255, 157, 102, 0.45), 0 28px 80px rgba(107, 102, 255, 0.18), 0 24px 64px rgba(0,0,0,0.5);
}
.delay-150 { transition-delay: 150ms; }
.delay-300 { transition-delay: 300ms; }
.duration-600 { transition-duration: 600ms; }
.hero-3d-root { perspective: 1500px; perspective-origin: 55% 45%; }
.hero-3d-stack { transform-style: preserve-3d; }
.hero-card-layer { transform-style: preserve-3d; backface-visibility: hidden; }
@keyframes heroCardFloat { 0%,100%{ transform: translate3d(0,0,0) rotateY(-18deg) rotateX(6deg); } 50%{ transform: translate3d(0,-10px,0) rotateY(-12deg) rotateX(4deg); } }
.hero-card-animate { animation: heroCardFloat 9s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
    .hero-card-animate { animation: none; transform: rotateY(-16deg) rotateX(5deg); }
}
[x-cloak] { display: none !important; }
.phone-mockup-wrap { perspective: 1200px; contain: layout style; }
.phone-mockup-tilt { transform: rotateY(-6deg) rotateX(2deg); transform-style: preserve-3d; will-change: transform; }
@media (prefers-reduced-motion: reduce) {
    .animate-float, .animate-shimmer, .animate-slide-up, .hero-ambient, .hero-card-animate { animation: none !important; }
    .animate-slide-up { opacity: 1; transform: none; }
    .phone-mockup-tilt { transform: none; }
    .pricing-card-base { transition: none !important; }
    .pricing-card-base:hover { transform: none !important; }
    .pricing-card-premium:hover { box-shadow: 0 0 0 1.5px rgba(255, 157, 102, 0.65), 0 0 56px rgba(255, 157, 102, 0.35), 0 28px 72px rgba(107, 102, 255, 0.12), 0 24px 64px rgba(0,0,0,0.4) !important; }
    .landing-glass.pricing-card-base:hover { box-shadow: none !important; }
}