:root{--primary-blue:#3b82f6;--primary-cyan:#06b6d4;--primary-emerald:#10b981;--primary-purple:#8b5cf6;--primary-orange:#f59e0b;--data-color:#f59e0b;--ai-color:#3b82f6;--agent-color:#10b981;--bg-overlay:rgba(0,0,0,.8);--bg-glass:rgba(255,255,255,.1);--border-glass:rgba(255,255,255,.2);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--transition-base:all .3s ease;--animation-duration:2.5s}.grid-background{background-image:radial-gradient(circle at 25% 25%,#3b82f6 2px,transparent 2px),radial-gradient(circle at 75% 75%,#8b5cf6 1px,transparent 1px);background-position:0 0,30px 30px;background-size:60px 60px;animation:20s linear infinite grid-move}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.floating-particles{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.particle{width:4px;height:4px;animation:float-particle var(--duration,4s)ease-in-out infinite;animation-delay:var(--delay,0s);border-radius:50%;position:absolute}.particle:nth-child(3n){background:radial-gradient(circle,#a78bfa,transparent)}.particle:nth-child(3n+1){background:radial-gradient(circle,#34d399,transparent)}.particle:nth-child(3n+2){background:radial-gradient(circle,#fbbf24,transparent)}@keyframes float-particle{0%,to{opacity:0;transform:translateY(100vh)translate(0)scale(0)}10%{opacity:1;transform:translateY(90vh)translate(10px)scale(1)}90%{opacity:1;transform:translateY(10vh)translate(-10px)scale(1)}to{opacity:0;transform:translateY(0)translate(0)scale(0)}}.particle-1{left:5%}.particle-2{left:15%}.particle-3{left:25%}.particle-4{left:35%}.particle-5{left:45%}.particle-6{left:55%}.particle-7{left:65%}.particle-8{left:75%}.particle-9{left:85%}.particle-10{left:95%}.particle-11{left:10%}.particle-12{left:20%}.particle-13{left:30%}.particle-14{left:40%}.particle-15{left:50%}.particle-16{left:60%}.particle-17{left:70%}.particle-18{left:80%}.particle-19{left:90%}.particle-20{left:12%}.particle-21{left:22%}.particle-22{left:32%}.particle-23{left:42%}.particle-24{left:52%}.particle-25{left:62%}.particle-26{left:72%}.particle-27{left:82%}.particle-28{left:92%}.particle-29{left:17%}.particle-30{left:77%}.energy-waves{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.wave{border:2px solid;border-radius:50%;width:200px;height:200px;animation:4s ease-in-out infinite wave-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wave-1{border-color:rgba(59,130,246,.3);animation-delay:0s}.wave-2{border-color:rgba(139,92,246,.3);animation-delay:1.3s}.wave-3{border-color:rgba(16,185,129,.3);animation-delay:2.6s}@keyframes wave-pulse{0%{opacity:1;width:200px;height:200px}to{opacity:0;width:800px;height:800px}}.text-gradient-glow{background:linear-gradient(45deg,#60a5fa,#a78bfa,#34d399) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.unified-data-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.05);border:2px solid rgba(59,130,246,.3);border-radius:16px;padding:20px;position:relative;overflow:hidden}.unified-data-wrapper:before{content:"";z-index:-1;opacity:.2;background:linear-gradient(45deg,#f59e0b,#eab308,#f59e0b);border-radius:16px;animation:3s ease-in-out infinite data-wrapper-glow;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}@keyframes data-wrapper-glow{0%,to{opacity:.2}50%{opacity:.4}}.data-source-compact{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.data-source-compact:hover{border-color:rgba(59,130,246,.4);transform:translate(8px);box-shadow:0 8px 24px rgba(59,130,246,.2)}.source-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.source-info{flex:1;min-width:0}.mini-viz{flex-shrink:0;width:40px;height:30px}.data-integration-indicator{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.3);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:8px;display:flex}.integration-icon{animation:2s ease-in-out infinite integration-pulse}@keyframes integration-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.viz-bars{align-items:end;gap:2px;height:100%;display:flex}.viz-bars .bar{background:linear-gradient(#34d399,#10b981);border-radius:1px;flex:1;animation:2s ease-in-out infinite compact-bar-grow}.viz-bars .bar:first-child{height:60%;animation-delay:0s}.viz-bars .bar:nth-child(2){height:80%;animation-delay:.3s}.viz-bars .bar:nth-child(3){height:45%;animation-delay:.6s}@keyframes compact-bar-grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.3)}}.viz-network{justify-content:space-between;align-items:center;height:100%;display:flex}.network-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite network-pulse}.network-dot:nth-child(2){animation-delay:.5s}.network-dot:nth-child(3){animation-delay:1s}@keyframes network-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.viz-waves{justify-content:center;align-items:center;gap:3px;height:100%;display:flex}.wave-line{background:linear-gradient(#a78bfa,#8b5cf6);border-radius:1px;width:2px;height:20px;animation:1s ease-in-out infinite wave-oscillate}.wave-line:nth-child(2){animation-delay:.2s}.wave-line:nth-child(3){animation-delay:.4s}@keyframes wave-oscillate{0%,to{height:20px}50%{height:10px}}.viz-api{justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.api-pulse{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite api-pulse}.api-pulse:nth-child(2){animation-delay:.7s}@keyframes api-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.8)}}.flow-connector-right{height:4px;position:absolute;top:50%;transform:translateY(-50%)}.data-source-to-ingestion,.processing-to-agents{width:50px;right:-50px}.flow-line{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;width:100%;height:100%;animation:2s ease-in-out infinite flow-pulse}@keyframes flow-pulse{0%,to{opacity:.6}50%{opacity:1}}.flow-particles-right{width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.flow-particles-right .particle{background:#60a5fa;border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite particle-flow-right;position:absolute}.flow-particles-right .particle:first-child{animation-delay:0s}.flow-particles-right .particle:nth-child(2){animation-delay:1s}.flow-particles-right .particle:nth-child(3){animation-delay:2s}@keyframes particle-flow-right{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(40px)scale(.5)}}.ai-processing-supercore{width:500px;height:500px;position:relative}.core-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(0,0,0,.4);border:3px solid rgba(59,130,246,.4);border-radius:20px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px rgba(59,130,246,.3)}.ai-core-dual{flex-direction:column;align-items:center;gap:12px;display:flex}.core-component{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.8);border:2px solid;border-radius:12px;min-width:140px;padding:16px}.ai-brain{border-color:rgba(6,182,212,.5);box-shadow:0 0 20px rgba(6,182,212,.3)}.aiz-core{border-color:rgba(16,185,129,.5);box-shadow:0 0 20px rgba(16,185,129,.3)}.core-component .core-icon{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(16,185,129,.2));border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 12px;display:flex}.data-processing-layer{flex-direction:column;gap:12px;display:flex;position:absolute;top:50%;left:-80px;transform:translateY(-50%)}.agent-processing-layer{flex-direction:column;gap:12px;display:flex;position:absolute;top:50%;right:-80px;transform:translateY(-50%)}.processing-step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.2);border-radius:6px;align-items:center;gap:6px;min-width:120px;padding:6px 10px;font-size:.75rem;transition:all .3s;display:flex}.step-icon{background:rgba(255,255,255,.1);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.connection-lines{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.connection-line{background:linear-gradient(90deg,transparent,rgba(59,130,246,.6),rgba(16,185,129,.6),transparent);border-radius:2px;height:4px;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.data-to-core{width:60px;left:-80px}.core-to-agent{width:60px;right:-80px}.connection-flow{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 20%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.3) 80%,transparent 100%);width:100%;height:100%;animation:2.5s ease-in-out infinite connection-flow;position:absolute;top:0;left:0}@keyframes connection-flow{0%,to{opacity:.5;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}}.connection-particles{width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.connection-particles .particle{background:#60a5fa;border-radius:50%;width:4px;height:4px;animation:2.5s linear infinite particle-flow;position:absolute;box-shadow:0 0 6px #60a5fa}.connection-particles .particle:first-child{animation-delay:0s}.connection-particles .particle:nth-child(2){animation-delay:.8s}.connection-particles .particle:nth-child(3){animation-delay:1.6s}@keyframes particle-flow{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(60px)scale(.5)}}.agent-hub-primary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:rgba(255,255,255,.1);border:2px solid rgba(16,185,129,.3);border-radius:16px;padding:20px;position:relative;overflow:hidden}.agent-hub-primary:before{content:"";z-index:-1;opacity:.3;background:linear-gradient(45deg,#10b981,#34d399,#10b981);border-radius:16px;animation:3s ease-in-out infinite agent-glow;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}@keyframes agent-glow{0%,to{opacity:.3}50%{opacity:.6}}.agent-avatar-main{width:80px;height:80px;margin:0 auto 16px;position:relative}.avatar-ring{border:3px solid rgba(16,185,129,.5);border-radius:50%;animation:10s linear infinite avatar-rotate;position:absolute;top:0;bottom:0;left:0;right:0}.avatar-ring:before{content:"";border:2px solid transparent;border-top-color:#10b981;border-radius:50%;animation:5s linear infinite avatar-rotate-reverse;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}@keyframes avatar-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes avatar-rotate-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.avatar-core{background:linear-gradient(135deg,#059669,#10b981);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;animation:3s ease-in-out infinite avatar-pulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px rgba(16,185,129,.5)}@keyframes avatar-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.1)}}.activity-bars{justify-content:center;gap:4px;height:20px;display:flex}.activity-bar{background:linear-gradient(#34d399,#10b981);border-radius:2px;width:4px;animation:1.5s ease-in-out infinite activity-pulse}.activity-bar:first-child{animation-delay:0s}.activity-bar:nth-child(2){animation-delay:.2s}.activity-bar:nth-child(3){animation-delay:.4s}.activity-bar:nth-child(4){animation-delay:.6s}@keyframes activity-pulse{0%,to{height:60%}50%{height:100%}}.specialized-agents{grid-template-columns:1fr 1fr;gap:12px;display:grid}.agent-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.agent-card:hover{border-color:rgba(16,185,129,.4);transform:translateY(-4px);box-shadow:0 8px 24px rgba(16,185,129,.2)}.agent-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.agent-details{flex:1;min-width:0}.agent-status{align-items:center;gap:4px;margin-top:4px;display:flex}.status-dot{background:#6b7280;border-radius:50%;width:6px;height:6px}.status-dot.active{background:#10b981;animation:2s ease-in-out infinite status-active}@keyframes status-active{0%,to{opacity:1}50%{opacity:.5}}.agent-metrics{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px;display:grid}.metric-item{text-align:center}.metric-value{font-size:1.25rem;font-weight:700;animation:3s ease-in-out infinite metric-update}@keyframes metric-update{0%,90%{transform:scale(1)}95%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.responsive-container{min-height:100vh;padding:1rem;height:auto!important}.main-flow-container{gap:2rem;flex-direction:column!important;align-items:center!important;padding:1rem!important}.main-flow-container>div{max-width:350px;width:100%!important}.flow-connector-right,.data-processing-layer,.agent-processing-layer,.connection-lines{display:none!important}.ai-processing-supercore{margin:0 auto;width:280px!important;height:280px!important}.core-wrapper{border-width:2px!important;padding:15px!important}.core-component{min-width:120px!important;padding:12px!important}.core-component .core-icon{width:50px!important;height:50px!important}.data-source-compact,.agent-card{margin-bottom:.5rem;padding:8px!important}.specialized-agents{grid-template-columns:1fr!important;gap:8px!important}.text-5xl{font-size:2rem!important}.text-3xl{font-size:1.25rem!important}.text-2xl{font-size:1.125rem!important}.text-xl{font-size:1rem!important}}@media (min-width:769px) and (max-width:1024px){.responsive-container{height:80vh!important}.main-flow-container{padding:1.5rem!important}.ai-processing-supercore{width:350px!important;height:350px!important}.core-wrapper{padding:16px!important}.data-processing-layer{gap:10px!important;left:0!important}.agent-processing-layer{gap:10px!important;right:0!important}.processing-step{min-width:100px!important;padding:5px 8px!important;font-size:.7rem!important}.step-icon{width:20px!important;height:20px!important}.data-to-core{width:45px!important;left:-60px!important}.core-to-agent{width:45px!important;right:-60px!important}.data-source-to-ingestion,.processing-to-agents{width:35px!important;right:-37px!important}.text-5xl{font-size:2.5rem!important}.text-3xl{font-size:1.75rem!important}}@media (min-width:1440px){.ai-processing-supercore{width:600px!important;height:600px!important}.core-wrapper{padding:24px!important}.data-processing-layer{gap:16px!important;left:0!important}.agent-processing-layer{gap:16px!important;right:0!important}.processing-step{min-width:140px!important;padding:8px 12px!important;font-size:.875rem!important}.step-icon{width:28px!important;height:28px!important}.data-to-core{width:80px!important;left:-100px!important}.core-to-agent{width:80px!important;right:-100px!important}}@media (max-height:700px){.responsive-container{min-height:100vh;height:auto!important}.ai-processing-supercore{width:300px!important;height:300px!important}}@media (max-width:768px) and (orientation:landscape){.responsive-container{min-height:120vh;height:auto!important}.main-flow-container{gap:1rem;flex-direction:row!important}.main-flow-container>div{width:33.333%!important}.ai-processing-supercore{width:220px!important;height:220px!important}.data-processing-layer,.agent-processing-layer{display:flex!important}.data-processing-layer{gap:6px!important;left:0!important}.agent-processing-layer{gap:6px!important;right:0!important}.processing-step{min-width:80px!important;padding:4px 6px!important;font-size:.625rem!important}.step-icon{width:16px!important;height:16px!important}}