.animation-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;position:relative}.floating-circle{position:absolute;border-radius:50%;animation:float 15s ease-in-out infinite;opacity:.7}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(2%,2%) rotate(5deg)}50%{transform:translateY(4%) rotate(0deg)}75%{transform:translate(-2%,2%) rotate(-5deg)}}.channels-container,.sources-container{width:30%;display:flex;flex-direction:column;align-items:center}.channels,.sources{display:flex;flex-direction:column;gap:10px;width:100%}.channel-item,.source-item{display:flex;align-items:center;background:hsla(0,0%,100%,.8);border-radius:12px;padding:10px;color:#333;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 20px rgba(0,0,0,.05);opacity:0;transform:translateY(20px);transition:all .5s ease}.channel-item:hover,.source-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-2px) scale(1.02)}.channel-item.animate,.source-item.animate{opacity:1;transform:translateY(0)}.channel-item .icon-container,.source-item .icon-container{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:10px;margin-right:14px;transition:all .3s ease}.source-icon{background:linear-gradient(135deg,#ff385c,#ff385c20);color:#fff}.channel-icon{background:linear-gradient(135deg,#00ce7c,#00ce7c20);color:#fff}.engine-container{width:30%}.ai-engine,.engine-container{display:flex;flex-direction:column;align-items:center;position:relative}.ai-engine{width:200px;height:200px;background:linear-gradient(135deg,#292b2b,#9e9eb5);border-radius:50%;justify-content:center;box-shadow:0 0 30px rgba(255,56,92,.3);z-index:10;transition:all .5s ease;overflow:hidden}.ai-engine.active{animation:enginePulse 3s infinite}.engine-glow{width:100%;height:100%;background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,0) 70%);opacity:0;animation:glow 3s infinite}.engine-glow,.engine-inner-circle{position:absolute;border-radius:50%}.engine-inner-circle{width:70%;height:70%;border:2px solid hsla(0,0%,100%,.3);animation:rotate 10s linear infinite}.engine-icon{margin-bottom:0;position:relative;z-index:2;animation:bounce 2s infinite}.catalogus-logo{width:70px;height:70px}.logo-path{fill:#fff}.logo-blue{fill:#186ada}.logo-red{fill:#d31818}.logo-yellow{fill:#ffd437}.logo-green{fill:#38cb84}.engine-rays{position:absolute;width:120%;height:120%;border-radius:50%;background:transparent;border:2px dashed hsla(0,0%,100%,.3);animation:rotate 20s linear infinite}.engine-features{display:flex;flex-direction:column;gap:10px;margin-top:24px}.feature{display:flex;align-items:center;gap:8px;color:#333;background:hsla(0,0%,100%,.8);padding:10px 16px;border-radius:30px;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .3s ease}.feature:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.1)}.data-particle-container{position:absolute;width:100px;height:100%;right:-100px;top:0;overflow:hidden}.data-particle-container.output{left:-100px;right:auto}.data-particle{position:absolute;width:6px;height:6px;background:#ff385c;border-radius:50%;opacity:0;right:0;animation:moveToEngine 2s ease-in-out infinite}.data-particle.output{left:0;right:auto;background:#00ce7c;animation:moveFromEngine 2s ease-in-out infinite}.data-transformation{position:absolute;width:100%;height:100%;top:0;left:0}.transform-particle{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform-origin:0 0;animation:transformData 3s infinite}.engine-processing{display:flex;gap:6px;margin-top:8px;position:relative;z-index:2}.processing-dot{width:8px;height:8px;background-color:#fff;border-radius:50%;animation:pulse 1s infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes moveToEngine{0%{opacity:1;right:100px}50%{opacity:1}to{opacity:0;right:0}}@keyframes moveFromEngine{0%{opacity:0;left:0}50%{opacity:1}to{opacity:1;left:100px}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}}@keyframes enginePulse{0%,to{box-shadow:0 0 30px rgba(255,56,92,.3)}50%{box-shadow:0 0 50px rgba(255,56,92,.6)}}@keyframes glow{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.5;transform:scale(1.1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes transformData{0%{transform:rotate(0deg) translateX(0) scale(1);opacity:1;background:#ff385c}50%{transform:rotate(180deg) translateX(60px) scale(1.5);opacity:.8;background:#fff}to{transform:rotate(1turn) translateX(100px) scale(1);opacity:0;background:#00ce7c}}@media (max-width:768px){.animation-container{flex-direction:column;gap:40px}.channels-container,.engine-container,.sources-container{width:100%}.ai-engine{width:180px;height:180px}.catalogus-logo{width:60px;height:60px;margin-left:-10px}}@keyframes modal-video{0%{opacity:0}to{opacity:1}}@keyframes modal-video-inner{0%{transform:translateY(100px)}to{transform:translate(0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;transition:opacity .3s ease-out}.modal-video-effect-exit{opacity:0}.modal-video-effect-exit .modal-video-movie-wrap{transform:translateY(100px)}.modal-video-body{max-width:960px;margin:0 auto;padding:0 10px;box-sizing:border-box}.modal-video-body,.modal-video-inner{width:100%;height:100%;display:flex;justify-content:center}.modal-video-inner{align-items:center}@media (orientation:landscape){.modal-video-inner{padding:10px 60px;box-sizing:border-box}}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;transform:translate(0);transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-45px;right:0;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}@media (orientation:landscape){.modal-video-close-btn{top:0;right:-45px}}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:after,.modal-video-close-btn:before{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;background:#fff;border-radius:5px;margin-top:-6px}