.funnel-animation-container{--teal:#00d4aa;--amber:#FFB800;--size:var(--animation-size,200px);position:relative;width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center}.funnel-glow-ring{position:absolute;border-radius:50%;border:2px solid var(--teal);opacity:.3;animation:pulse-glow 3s ease-in-out infinite}.funnel-glow-ring.ring-outer{width:90%;height:90%;animation-delay:0s}.funnel-glow-ring.ring-inner{width:70%;height:70%;animation-delay:.5s;border-width:1.5px}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.2;box-shadow:0 0 20px rgba(0,212,170,.2)}50%{transform:scale(1.05);opacity:.4;box-shadow:0 0 40px rgba(0,212,170,.4)}}.funnel-center-hub{position:relative;width:40%;height:40%;display:flex;align-items:center;justify-content:center}.funnel-card,.funnel-globe{position:absolute;width:100%;height:100%;color:var(--teal)}.funnel-globe{animation:globe-phase 8s ease-in-out infinite}@keyframes globe-phase{0%,40%{opacity:1;transform:scale(1) rotate(0deg)}45%,55%{opacity:0;transform:scale(.8) rotate(15deg)}95%,to{opacity:1;transform:scale(1) rotate(0deg)}}.globe-outline{stroke-dasharray:251;stroke-dashoffset:0;animation:globe-draw 8s ease-in-out infinite}@keyframes globe-draw{0%{stroke-dashoffset:251}15%{stroke-dashoffset:0}85%{stroke-dashoffset:0}to{stroke-dashoffset:251}}.globe-equator,.globe-latitude,.globe-meridian{opacity:.6;animation:globe-lines 4s ease-in-out infinite}@keyframes globe-lines{0%,to{opacity:.4}50%{opacity:.8}}.funnel-card{animation:card-phase 8s ease-in-out infinite}@keyframes card-phase{0%,40%{opacity:0;transform:scale(.8)}50%,90%{opacity:1;transform:scale(1)}95%,to{opacity:0;transform:scale(.8)}}.card-outline{fill:rgba(0,212,170,.1);stroke-dasharray:320;stroke-dashoffset:320;animation:card-draw 8s ease-in-out infinite}@keyframes card-draw{0%,40%{stroke-dashoffset:320}60%{stroke-dashoffset:0}90%{stroke-dashoffset:0}to{stroke-dashoffset:320}}.card-chip{fill:var(--amber);opacity:0;animation:chip-appear 8s ease-in-out infinite}@keyframes chip-appear{0%,55%{opacity:0;transform:scale(0)}65%,85%{opacity:1;transform:scale(1)}95%,to{opacity:0;transform:scale(0)}}.card-line{stroke-dasharray:50;stroke-dashoffset:50;opacity:.6;animation:line-draw 8s ease-in-out infinite}@keyframes line-draw{0%,60%{stroke-dashoffset:50}70%,85%{stroke-dashoffset:0}95%,to{stroke-dashoffset:50}}.funnel-orbit{position:absolute;width:76%;height:76%;animation:orbit-container-rotate 12s linear infinite}@keyframes orbit-container-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.orbit-item{--angle:calc(var(--orbit-index) * 60deg);--delay:calc(var(--orbit-index) * 0.3s);position:absolute;width:8%;height:8%;border-radius:50%;top:50%;left:50%;transform-origin:center;transform:rotate(var(--angle)) translateX(calc(var(--size) * .38)) rotate(calc(-1 * var(--angle)));animation:orbit-item-pulse 2s ease-in-out infinite;animation-delay:var(--delay)}.orbit-item:nth-child(odd){background:var(--teal);box-shadow:0 0 15px rgba(0,212,170,.6)}.orbit-item:nth-child(2n){background:var(--amber);box-shadow:0 0 15px rgba(255,184,0,.6)}@keyframes orbit-item-pulse{0%,to{transform:rotate(var(--angle)) translateX(calc(var(--size) * .38)) rotate(calc(-1 * var(--angle))) scale(.8);opacity:.6}50%{transform:rotate(var(--angle)) translateX(calc(var(--size) * .38)) rotate(calc(-1 * var(--angle))) scale(1.2);opacity:1}}.funnel-particles{position:absolute;width:100%;height:100%;pointer-events:none}.particle{--angle:calc(var(--particle-index) * 30deg);--delay:calc(var(--particle-index) * 0.25s);position:absolute;width:4px;height:4px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:particle-float 3s ease-out infinite;animation-delay:var(--delay)}.particle:nth-child(3n){background:var(--amber)}.particle:nth-child(3n+1),.particle:nth-child(3n+2){background:var(--teal)}@keyframes particle-float{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(0) scale(0);opacity:0}20%{opacity:.8;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(calc(var(--size) * .15)) scale(1)}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(calc(var(--size) * .5)) scale(0);opacity:0}}@media (prefers-reduced-motion:reduce){.funnel-animation-container *{animation-duration:.01ms!important;animation-iteration-count:1!important}.funnel-globe{opacity:1}.funnel-card{opacity:0}.orbit-item{opacity:.7}.particle{opacity:0}.funnel-glow-ring{opacity:.3;box-shadow:0 0 30px rgba(0,212,170,.3)}}