.threeviewer-landing{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #a855f7b3}70%{transform:scale(1);box-shadow:0 0 0 10px #a855f700}to{transform:scale(.95);box-shadow:0 0 #a855f700}}@keyframes rotate-3d{0%{transform:rotateY(0)rotateX(0)}to{transform:rotateY(360deg)rotateX(360deg)}}@keyframes glow-pulse{0%,to{opacity:.5;box-shadow:0 0 20px #6366f14d}50%{opacity:1;box-shadow:0 0 40px #6366f199}}.animate-fade-in-up{animation:.6s ease-out fadeInUp}.animate-fade-in-left{animation:.6s ease-out fadeInLeft}.animate-fade-in-right{animation:.6s ease-out fadeInRight}.animate-fadeIn{animation:.5s ease-out fadeIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-ring{animation:2s infinite pulse-ring}.animate-rotate-3d{animation:20s linear infinite rotate-3d}.animate-glow-pulse{animation:3s ease-in-out infinite glow-pulse}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.gradient-purple-pink{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%)}.gradient-3d{background:linear-gradient(135deg,#8b5cf6 0%,#d946ef 100%)}.gradient-violet{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%)}@media (min-width:768px){.hero-section{min-height:100vh}.feature-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}}@media (min-width:992px){.advantages-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-showcase{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}}@media (min-width:1200px){.container-xl{max-width:1200px}.hero-layout{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}}@media print{.threeviewer-landing{print-color-adjust:exact}button,.mobile-menu,.video-modal{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.threeviewer-landing{--text-primary:#000;--text-secondary:#333;--bg-primary:#fff;--border-color:#000}}button:focus,a:focus{outline-offset:2px;outline:2px solid #a855f7}.threeviewer-landing::-webkit-scrollbar{width:8px}.threeviewer-landing::-webkit-scrollbar-track{background:#0a0e27}.threeviewer-landing::-webkit-scrollbar-thumb{background:linear-gradient(#06b6d4,#6366f1);border-radius:4px}.threeviewer-landing::-webkit-scrollbar-thumb:hover{background:linear-gradient(#0891b2,#4f46e5)}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000026}.hover-scale{transition:transform .3s}.hover-scale:hover{transform:scale(1.05)}::selection{color:#fff;background:#06b6d4}::selection{color:#fff;background:#06b6d4}.text-3d{color:#8b5cf6}.bg-3d{background-color:#8b5cf6}.border-3d{border-color:#8b5cf6}.btn-3d{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#d946ef 100%);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;transform:translateY(0)}.btn-3d:hover{background:linear-gradient(135deg,#7c3aed 0%,#c026d3 100%);transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf64d}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.screenshot-container{border-radius:1.5rem;position:relative;overflow:hidden}.screenshot-container:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.screenshot-container:hover:before{transform:translate(100%)}
