body{font-family:'Inter',sans-serif;background-color:#ffffff;color:#111;}.no-scrollbar::-webkit-scrollbar{display:none;}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}.reveal-text{animation:fadeInUp 0.8s ease-out forwards;opacity:0;transform:translateY(20px);}@keyframes fadeInUp{to{opacity:1;transform:translateY(0);}}.connector-dot{width:12px;height:12px;background-color:#E5E7EB;border:2px solid white;border-radius:50%;position:absolute;z-index:10;}.reveal-word{opacity:0.2;transition:opacity 0.3s ease;color:white;display:inline-block;margin-right:0.25em;}.marquee-container{overflow:hidden;white-space:nowrap;position:relative;}.marquee-track{display:flex;gap:1rem;width:max-content;}.marquee-left{animation:scrollLeft 20s linear infinite;}.marquee-right{animation:scrollRight 20s linear infinite;}@keyframes scrollLeft{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}@keyframes scrollRight{0%{transform:translateX(-50%);}100%{transform:translateX(0);}}.folder-stack{position:relative;height:180px;display:flex;align-items:center;justify-content:center;perspective:1000px;}.folder-card{position:absolute;transition:all 0.8s cubic-bezier(0.16,1,0.3,1);transform-origin:bottom center;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);}.folder-card.left,.folder-card.right{transform:translateX(0) rotate(0) scale(0.95);opacity:0;z-index:10;}.folder-card.center{z-index:20;transform:translateY(0);}.folder-stack.active .folder-card.left{transform:translateX(-120px) rotate(-10deg) scale(0.9);opacity:1;}.folder-stack.active .folder-card.right{transform:translateX(120px) rotate(10deg) scale(0.9);opacity:1;}.folder-stack.active .folder-card.center{transform:translateY(-10px) scale(1);}.glass-nav{background-color:rgba(255,255,255,0.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);}@keyframes scanLine{0%{transform:translateY(-10px);}100%{transform:translateY(150px);}}.animate-scan{animation:scanLine 2s linear infinite;}@keyframes scanLineLarge{0%{transform:translateY(-10px);}100%{transform:translateY(500px);}}.animate-scan-large{animation:scanLineLarge 3s linear infinite;}@keyframes shine{0%{background-position:200% center;}100%{background-position:-200% center;}}.metallic-text{background:linear-gradient(120deg,#64748b 0%,#cbd5e1 20%,#ffffff 40%,#94a3b8 60%,#475569 80%,#cbd5e1 100%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shine 4s linear infinite;}@keyframes slideUpFade{0%{transform:translateY(20px) scale(0.95);opacity:0;}20%{transform:translateY(0) scale(1);opacity:1;}80%{transform:translateY(0) scale(1);opacity:1;}100%{transform:translateY(-20px) scale(0.95);opacity:0;}}.animate-payslip{animation:slideUpFade 3s ease-in-out infinite;}.delay-1500{animation-delay:1.5s;}@keyframes pulseBorder{0%{box-shadow:0 0 0 0px rgba(59,130,246,0.3);}100%{box-shadow:0 0 0 20px rgba(59,130,246,0);}}.pulse-border-blue{animation:pulseBorder 2s infinite;}@keyframes pulseBorderPurple{0%{box-shadow:0 0 0 0px rgba(168,85,247,0.3);}100%{box-shadow:0 0 0 20px rgba(168,85,247,0);}}.pulse-border-purple{animation:pulseBorderPurple 2s infinite 0.4s;}@keyframes pulseBorderYellow{0%{box-shadow:0 0 0 0px rgba(234,179,8,0.3);}100%{box-shadow:0 0 0 20px rgba(234,179,8,0);}}.pulse-border-yellow{animation:pulseBorderYellow 2s infinite 0.8s;}@keyframes pulseBorderRed{0%{box-shadow:0 0 0 0px rgba(239,68,68,0.3);}100%{box-shadow:0 0 0 20px rgba(239,68,68,0);}}.pulse-border-red{animation:pulseBorderRed 2s infinite 1.2s;}@keyframes pulseBorderGreen{0%{box-shadow:0 0 0 0px rgba(34,197,94,0.3);}100%{box-shadow:0 0 0 20px rgba(34,197,94,0);}}.pulse-border-green{animation:pulseBorderGreen 2s infinite 1.6s;}@keyframes pop1{0%,1%,10%,100%{opacity:0;transform:translateY(10px) scale(0.9);}3%,8%{opacity:1;transform:translateY(0) scale(1);}}.animate-pop-1{animation:pop1 10s linear infinite;}@keyframes pop2{0%,23%,31%,100%{opacity:0;transform:translateY(10px) scale(0.9);}25%,29%{opacity:1;transform:translateY(0) scale(1);}}.animate-pop-2{animation:pop2 10s linear infinite;}@keyframes pop3{0%,46%,54%,100%{opacity:0;transform:translateY(10px) scale(0.9);}48%,52%{opacity:1;transform:translateY(0) scale(1);}}.animate-pop-3{animation:pop3 10s linear infinite;}@keyframes pop4{0%,69%,77%,100%{opacity:0;transform:translateY(10px) scale(0.9);}71%,75%{opacity:1;transform:translateY(0) scale(1);}}.animate-pop-4{animation:pop4 10s linear infinite;}@keyframes pop5{0%,90%,99%,100%{opacity:0;transform:translateY(10px) scale(0.9);}92%,97%{opacity:1;transform:translateY(0) scale(1);}}.animate-pop-5{animation:pop5 10s linear infinite;}.flow-line{stroke-dasharray:12;animation:dashFlow 40s linear infinite;}@keyframes dashFlow{to{stroke-dashoffset:-1000;}}@keyframes shieldPulse{0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,0.4);}50%{box-shadow:0 0 0 30px rgba(59,130,246,0);}}.animate-shield-pulse{animation:shieldPulse 2s infinite;}@keyframes envelopeTravel{0%{transform:translateX(0);opacity:0;}10%{transform:translateX(0);opacity:1;}45%{transform:translateX(250px);opacity:1;}55%{transform:translateX(250px);opacity:0;}100%{transform:translateX(500px);opacity:0;}}.animate-envelope{animation:envelopeTravel 4s linear infinite;}@keyframes encryptedTravel{0%{transform:translateX(0);opacity:0;}45%{transform:translateX(250px);opacity:0;}55%{transform:translateX(250px);opacity:1;}90%{transform:translateX(500px);opacity:1;}100%{transform:translateX(500px);opacity:0;}}.animate-encrypted{animation:encryptedTravel 4s linear infinite;}@keyframes lockRotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.animate-lock{animation:lockRotate 4s linear infinite;}.delay-1000{animation-delay:1s;}.delay-2000{animation-delay:2s;}.delay-3000{animation-delay:3s;}@media (max-width:768px){.glass-nav{height:64px;padding:0 16px;}h1{line-height:1.1!important;}section{overflow:hidden;}.folder-stack.active .folder-card.left{transform:translateX(-70px) rotate(-8deg) scale(.88);}.folder-stack.active .folder-card.right{transform:translateX(70px) rotate(8deg) scale(.88);}.w-\[350px\],.w-\[450px\],.w-\[500px\]{width:100%!important;}.h-\[200px\],.h-\[300px\]{height:auto!important;min-height:180px;}.rounded-3xl{border-radius:24px;}}@keyframes drawFillGraph{0%{transform:scaleY(0);}100%{transform:scaleY(1);}}@keyframes drawLineGraph{0%{stroke-dashoffset:150;}100%{stroke-dashoffset:0;}}@keyframes fadeInDot{0%{opacity:0;transform:scale(0);}100%{opacity:1;transform:scale(1);}}@keyframes drawBarGraph{0%{transform:scaleY(0);}100%{transform:scaleY(1);}}@media (max-width:767px){.mobile-scroll-reveal.active .mobile-reveal-overlay{opacity:1 !important;transition-delay:800ms !important;}.mobile-scroll-reveal.active .mobile-reveal-btn{transform:translateY(0) !important;opacity:1 !important;transition-delay:1000ms !important;}.mobile-scroll-reveal.active .mobile-reveal-img{transform:scale(1.05) !important;transition-delay:400ms !important;}}.service-card-reveal{opacity:0;transform:translateY(40px);transition:all 1000ms ease-out;}.service-card-reveal.active{opacity:1;transform:translateY(0);}@media (max-width:767px){.service-card-reveal.simulated-hover .group-hover\:translate-x-1{transform:translateX(0.25rem) !important;}.service-card-reveal.simulated-hover .group-hover\:max-w-\[150px\]{max-width:150px !important;}.service-card-reveal.simulated-hover .group-hover\:opacity-100{opacity:1 !important;}.service-card-reveal.simulated-hover .group-hover\:-translate-y-1{transform:translateY(-0.25rem) !important;}.service-card-reveal.simulated-hover .group-hover\:scale-110{transform:scale(1.1) !important;}.service-card-reveal.simulated-hover .group-hover\:-translate-y-2{transform:translateY(-0.5rem) !important;}.service-card-reveal.simulated-hover .group-hover\:translate-x-0{transform:translateX(0) !important;}.service-card-reveal.simulated-hover .group-hover\:h-\[70\%\]{height:70% !important;}.service-card-reveal.simulated-hover .group-hover\:h-\[90\%\]{height:90% !important;}.service-card-reveal.simulated-hover .group-hover\:h-\[60\%\]{height:60% !important;}.service-card-reveal.simulated-hover .group-hover\:h-\[80\%\]{height:80% !important;}.service-card-reveal.simulated-hover .group-hover\:h-\[100\%\]{height:100% !important;}.service-card-reveal.simulated-hover .group-hover\:h-\[50\%\]{height:50% !important;}.service-card-reveal.simulated-hover .group-hover\:translate-y-\[60px\]{transform:translateY(60px) !important;}.service-card-reveal.simulated-hover .group-hover\:translate-y-0{transform:translateY(0) !important;}.service-card-reveal.simulated-hover .group-hover\:translate-x-0\.5{transform:translateX(0.125rem) !important;}.service-card-reveal.simulated-hover .group-hover\:-translate-y-0\.5{transform:translateY(-0.125rem) !important;}.service-card-reveal.simulated-hover .group-hover\:scale-105{transform:scale(1.05) !important;}}@keyframes slideUpTest{0%{transform:translateY(20px);opacity:0;}10%,90%{transform:translateY(0);opacity:1;}100%{transform:translateY(-20px);opacity:0;}}@keyframes selectOption{0%,35%{background-color:white;border-color:#f3f4f6;color:#6b7280;}45%,100%{background-color:#ecfdf5;border-color:#34d399;color:#059669;}}@keyframes checkPop{0%,35%{transform:scale(0);opacity:0;}45%,100%{transform:scale(1);opacity:1;}}@keyframes slideUpMsg{0%,20%{transform:translateY(10px);opacity:0;}30%,80%{transform:translateY(0);opacity:1;}90%,100%{transform:translateY(-10px);opacity:0;}}@keyframes typingIndicator{0%,100%{opacity:0.2;}50%{opacity:1;}}@keyframes guaranteeProgress{0%{width:0%;}50%,100%{width:100%;}}@keyframes guaranteeCodeType{0%,20%{opacity:0;transform:translateY(10px);}30%,90%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-10px);}}@keyframes spinSlow{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes typeLineLoop{0%,10%{width:0;}40%,90%{width:100%;}100%{width:0;}}@keyframes typeLineShortLoop{0%,20%{width:0;}50%,90%{width:66%;}100%{width:0;}}@keyframes sendButtonPressLoop{0%,60%{transform:scale(1);background-color:#3b82f6;}65%{transform:scale(0.9);}70%,90%{transform:scale(1);background-color:#22c55e;}100%{transform:scale(1);background-color:#3b82f6;}}@keyframes flyAwayLoop{0%,70%{transform:rotate(45deg) translate(0,0);opacity:1;}85%,100%{transform:rotate(45deg) translate(20px,-20px);opacity:0;}}@keyframes moveKanbanCardLoop{0%,10%{transform:translate(0,0) rotate(0);z-index:20;}30%{transform:translate(20px,-20px) rotate(5deg);z-index:30;}60%{transform:translate(60px,-10px) rotate(-2deg);z-index:30;}80%,95%{transform:translate(95px,20px) rotate(0);z-index:20;}100%{transform:translate(0,0) rotate(0);z-index:20;}}@keyframes chatLoopLeft{0%,5%{opacity:0;transform:translateX(-16px);}15%,95%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-16px);}}@keyframes chatLoopRight{0%,30%{opacity:0;transform:translateX(16px);}40%,95%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(16px);}}@keyframes typingIndicatorLoop{0%,50%{opacity:0;transform:translateX(-16px);}60%,95%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-16px);}}@keyframes codeLoop1{0%,5%{opacity:0;}10%,95%{opacity:1;}100%{opacity:0;}}@keyframes codeLoop2{0%,25%{opacity:0;}30%,95%{opacity:1;}100%{opacity:0;}}@keyframes fillProgressLoop{0%,40%{width:0;}60%,95%{width:100%;}100%{width:0;}}@keyframes codeLoop3{0%,75%{opacity:0;}80%,95%{opacity:1;}100%{opacity:0;}}@keyframes rocketLaunchLoop{0%,40%{transform:translateY(48px) translateX(0);}42%{transform:translateY(48px) translateX(-2px);}44%{transform:translateY(48px) translateX(2px);}46%{transform:translateY(48px) translateX(-2px);}48%{transform:translateY(48px) translateX(2px);}50%{transform:translateY(48px) translateX(0);}70%,90%{transform:translateY(-150px) translateX(0);}100%{transform:translateY(48px) translateX(0);}}@keyframes fireFlickerLoop{0%,45%{transform:scaleY(1);opacity:0;}50%,80%{transform:scaleY(1.2);opacity:1;}85%,100%{transform:scaleY(1);opacity:0;}}@keyframes smokeCloudLoop{0%,45%{transform:translateY(0) scale(0.8);opacity:0;}50%{transform:translateY(-5px) scale(1.2);opacity:1;}80%,100%{transform:translateY(-10px) scale(1.5);opacity:0;}}@keyframes laserScan{0%{top:0%;opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{top:100%;opacity:0;}}@keyframes orbitRing1{0%{transform:rotateX(70deg) rotateY(20deg) rotateZ(0deg);}100%{transform:rotateX(70deg) rotateY(20deg) rotateZ(360deg);}}@keyframes orbitRing2{0%{transform:rotateX(70deg) rotateY(-20deg) rotateZ(0deg);}100%{transform:rotateX(70deg) rotateY(-20deg) rotateZ(-360deg);}}@keyframes floatShield{0%,100%{transform:translateY(0px);}50%{transform:translateY(-15px);}}@keyframes pulseShield{0%,100%{filter:drop-shadow(0 0 10px rgba(34,197,94,0.4));}50%{filter:drop-shadow(0 0 25px rgba(34,197,94,0.8));}}@keyframes drawPathLoop{0%,10%{stroke-dashoffset:100;opacity:0;}20%,90%{stroke-dashoffset:0;opacity:1;}100%{stroke-dashoffset:0;opacity:0;}}@keyframes flowRight{0%,100%{transform:translateX(-2px);opacity:0.6;}50%{transform:translateX(3px);opacity:1;}}@keyframes flowDown{0%,100%{transform:translateY(-2px);opacity:0.6;}50%{transform:translateY(3px);opacity:1;}}.animate-arrow-flow{animation:flowRight 1.5s ease-in-out infinite;}.animate-arrow-flow-down{animation:flowDown 1.5s ease-in-out infinite;}@keyframes typeLine{from{width:0;}to{width:100%;}}@keyframes typeLineShort{from{width:0;}to{width:66%;}}@keyframes sendButtonPress{0%{transform:scale(1);}50%{transform:scale(0.9);}100%{transform:scale(1);background-color:#22c55e;}}@keyframes flyAway{0%{transform:rotate(45deg) translate(0,0);opacity:1;}100%{transform:rotate(45deg) translate(20px,-20px);opacity:0;}}@keyframes pulseOpacity{0%,100%{opacity:0.4;}50%{opacity:1;}}@keyframes fillProgress{0%{width:0;}100%{width:100%;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes popIn{0%{transform:scale(0);}80%{transform:scale(1.1);}100%{transform:scale(1);}}@keyframes moveKanbanCard{0%{transform:translate(0,0) rotate(0);z-index:20;}30%{transform:translate(20px,-20px) rotate(5deg);z-index:30;}70%{transform:translate(60px,-10px) rotate(-2deg);z-index:30;}100%{transform:translate(95px,20px) rotate(0);z-index:20;}}@keyframes pulseBorder{0%,100%{opacity:0;transform:scale(0.95);}50%{opacity:1;transform:scale(1);}}@keyframes rocketShake{0%,100%{transform:translateX(0);}20%,60%{transform:translateX(-1px);}40%,80%{transform:translateX(1px);}}@keyframes rocketLaunch{0%{transform:translateY(48px);}10%{transform:translateY(48px);}100%{transform:translateY(-150px);}}@keyframes fireFlicker{0%,100%{transform:scaleY(1);opacity:0.8;}50%{transform:scaleY(1.2);opacity:1;}}@keyframes smokeCloud{0%{transform:translateY(0) scale(0.8);opacity:0;}20%{transform:translateY(-5px) scale(1.2);opacity:1;}100%{transform:translateY(-10px) scale(1.5);opacity:0;}}@keyframes scaleYIn{from{transform:scaleY(0);}to{transform:scaleY(1);}}@keyframes drawPath{from{stroke-dashoffset:150;}to{stroke-dashoffset:0;}}@keyframes spinSlow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes spinSlowReverse{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}@keyframes flowLeft{0%,100%{transform:translateX(48px);opacity:0.6;}50%{transform:translateX(43px);opacity:1;}}@keyframes drawShield{from{stroke-dashoffset:300;}to{stroke-dashoffset:0;}}@keyframes lockClick{0%{transform:translateY(8px);}70%{transform:translateY(0);}100%{transform:translateY(2px);}}