html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .15s ease-out forwards}@keyframes showcasePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes showcaseSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes showcaseBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes showcasePop{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0)}}.showcase-pulse{animation:showcasePulse 2s ease-in-out infinite}.showcase-slide-up{animation:showcaseSlideUp .4s ease-out both}.showcase-bar{animation:showcaseBar .6s ease-out both;transform-origin:left}.showcase-pop{animation:showcasePop .4s ease-out both}@keyframes tourPulseRing{0%,to{box-shadow:0 0 0 3px var(--tour-color, #6366f1),0 0 15px var(--tour-glow, rgba(99, 102, 241, .3))}50%{box-shadow:0 0 0 6px var(--tour-color, #6366f1),0 0 30px var(--tour-glow, rgba(99, 102, 241, .4))}}.tour-pulse-ring{animation:tourPulseRing 1.5s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-gradient{background:linear-gradient(-45deg,#7c3aed,#6366f1,#06b6d4,#8b5cf6,#ec4899);background-size:400% 400%;animation:gradientShift 12s ease infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-18px) rotate(5deg)}66%{transform:translateY(10px) rotate(-3deg)}}@keyframes floatReverse{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(14px) rotate(-4deg)}66%{transform:translateY(-20px) rotate(6deg)}}.float-shape{animation:float 8s ease-in-out infinite}.float-shape-reverse{animation:floatReverse 10s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #7c3aed4d}50%{box-shadow:0 0 40px #7c3aed99}}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:none}.animate-on-scroll.is-visible{animation:fadeInUp .7s cubic-bezier(.22,1,.36,1) forwards}.animate-on-scroll.anim-scale.is-visible{animation:scaleIn .7s cubic-bezier(.22,1,.36,1) forwards}.animate-on-scroll.anim-left.is-visible{animation:slideInLeft .7s cubic-bezier(.22,1,.36,1) forwards}.animate-on-scroll.anim-right.is-visible{animation:slideInRight .7s cubic-bezier(.22,1,.36,1) forwards}.delay-100{animation-delay:.1s!important}.delay-200{animation-delay:.2s!important}.delay-300{animation-delay:.3s!important}.delay-400{animation-delay:.4s!important}.delay-500{animation-delay:.5s!important}.delay-600{animation-delay:.6s!important}.delay-700{animation-delay:.7s!important}.delay-800{animation-delay:.8s!important}.glass{background:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18)}.glass-dark{background:#0f172a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}.glass-light{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5)}@keyframes navSlideUp{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.floating-nav{animation:navSlideUp .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-hover{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.card-hover:hover{transform:translateY(-6px);box-shadow:0 20px 60px -15px #00000026}.employee-scroll{scrollbar-width:none;-ms-overflow-style:none}.employee-scroll::-webkit-scrollbar{display:none}.gradient-text{background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-glow{position:relative}.pricing-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:1.25rem;background:linear-gradient(135deg,#7c3aed,#06b6d4,#ec4899);z-index:-1;opacity:.6;filter:blur(8px);transition:opacity .3s}.pricing-glow:hover:before{opacity:1}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.btn-shimmer{background-size:200% auto;background-image:linear-gradient(90deg,#7c3aed,#8b5cf6,#a78bfa,#8b5cf6,#7c3aed);animation:shimmer 3s linear infinite}@keyframes particleDrift{0%{transform:translate(0);opacity:0}20%{opacity:.6}80%{opacity:.6}to{transform:translate(var(--drift-x, 30px),var(--drift-y, -60px));opacity:0}}@keyframes headerSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.floating-header{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9999px;background:#ffffffd1;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(148,163,184,.2);box-shadow:0 4px 24px #64748b1f,0 1px 4px #64748b14;animation:headerSlideDown .5s cubic-bezier(.22,1,.36,1) forwards;transition:box-shadow .3s ease,background .3s ease;max-width:calc(100vw - 24px)}.floating-header:hover{box-shadow:0 8px 32px #64748b2e,0 2px 8px #64748b1a;background:#ffffffeb}.floating-header .header-btn{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:9999px;color:#64748b;transition:all .2s ease;position:relative;flex-shrink:0;cursor:pointer;border:none;background:transparent}.floating-header .header-btn:hover{color:#7c3aed;background:#7c3aed14;transform:scale(1.1)}.floating-header .header-btn:active{transform:scale(.95)}.floating-header .header-divider{width:1px;height:22px;background:#94a3b840;flex-shrink:0;margin:0 2px}.floating-header .header-label{color:#334155;font-size:.8125rem;font-weight:600;white-space:nowrap;padding:0 6px}.floating-header .social-group{display:flex;align-items:center;gap:2px;background:#f1f5f9b3;border-radius:9999px;padding:3px}.floating-header .social-group a{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:9999px;color:#94a3b8;transition:all .2s ease}.floating-header .social-group a:hover{transform:scale(1.15)}.floating-header .social-group a.social-fb:hover{color:#1877f2;background:#1877f214}.floating-header .social-group a.social-ig:hover{color:#e1306c;background:#e1306c14}.floating-header .social-group a.social-yt:hover{color:red;background:#ff00000f}.floating-header .notif-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:#ef4444;color:#fff;font-size:.625rem;font-weight:700;line-height:1;padding:0 3px;pointer-events:none;animation:scaleIn .3s ease forwards;box-shadow:0 1px 3px #ef444466}.floating-header .save-indicator{display:flex;align-items:center;gap:5px;padding:0 8px;font-size:.75rem;font-weight:500;white-space:nowrap;transition:color .3s ease}.floating-header .save-indicator.save-saving{color:#94a3b8}.floating-header .save-indicator.save-saved{color:#10b981}.floating-header .save-indicator.save-error{color:#ef4444}.floating-header .task-indicator{display:flex;align-items:center;gap:5px;padding:0 6px;font-size:.8125rem;font-weight:600}.floating-header .task-indicator.has-tasks{color:#f59e0b}.floating-header .task-indicator.no-tasks{color:#94a3b8}.floating-header .company-logo{width:30px;height:30px;border-radius:9999px;object-fit:cover;border:2px solid rgba(124,58,237,.2);flex-shrink:0}@media (max-width: 640px){.floating-header{padding:5px 10px;gap:3px;top:10px}.floating-header .social-group,.floating-header .header-label,.floating-header .save-indicator span{display:none}.floating-header .header-btn{padding:6px}.floating-header .company-logo{width:24px;height:24px}}