.transformer-container{width:100%;height:auto;min-height:200px;display:flex;justify-content:center;align-items:center;background:transparent}.transformer-svg{width:100%;max-width:800px;height:auto;overflow:visible}@keyframes flow{to{stroke-dashoffset:-20}}.flow-line{stroke-dasharray:10,10;animation:flow 1s linear infinite}@keyframes pulse-glow{0%{opacity:.1}50%{opacity:.4}to{opacity:.1}}.machine-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.machine-core{transform-box:fill-box;transform-origin:center;animation:spin 3s linear infinite}@keyframes moveIn{0%{transform:translate(50px,150px) scale(.8) rotate(-5deg);opacity:0}10%{opacity:1;transform:translate(50px,150px) scale(1) rotate(-5deg)}90%{opacity:1;transform:translate(350px,150px) scale(1) rotate(0deg)}to{transform:translate(400px,150px) scale(.1) rotate(10deg);opacity:0}}@keyframes moveOut{0%{transform:translate(400px,150px) scale(.1);opacity:0}10%{opacity:1;transform:translate(450px,150px) scale(1)}90%{opacity:1;transform:translate(750px,150px) scale(1)}to{transform:translate(800px,150px) scale(.8);opacity:0}}.moving-item{transform-box:fill-box;transform-origin:center}.raw-item-1{animation:moveIn 8s linear infinite;animation-delay:0s;opacity:0}.raw-item-2{animation:moveIn 8s linear infinite;animation-delay:2s;opacity:0}.raw-item-3{animation:moveIn 8s linear infinite;animation-delay:4s;opacity:0}.raw-item-4{animation:moveIn 8s linear infinite;animation-delay:6s;opacity:0}.polished-item-1{animation:moveOut 8s linear infinite;animation-delay:0s;opacity:0}.polished-item-2{animation:moveOut 8s linear infinite;animation-delay:2s;opacity:0}.polished-item-3{animation:moveOut 8s linear infinite;animation-delay:6s;opacity:0}.polished-item-4{animation:moveOut 8s linear infinite;animation-delay:4s;opacity:0}.spotlight-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:50;pointer-events:none}.spotlight-beam{top:-150px;width:80%;max-width:1200px;height:120%;background:conic-gradient(from 180deg at 50% 0,transparent 160deg,rgba(6,182,212,.1) 175deg,rgba(6,182,212,.2) 180deg,rgba(6,182,212,.1) 185deg,transparent 200deg);filter:blur(50px);opacity:.9;mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 80%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 80%);animation:beam-pulse 8s ease-in-out infinite;pointer-events:none}.spotlight-beam,.spotlight-container:after{position:absolute;left:50%;transform:translateX(-50%)}.spotlight-container:after{content:"";top:-100px;width:70%;height:100%;background:radial-gradient(ellipse at top,rgba(59,130,246,.2) 0,rgba(6,182,212,.1) 40%,transparent 70%);filter:blur(70px);z-index:-1}@keyframes beam-pulse{0%,to{opacity:.7;transform:translateX(-50%) scaleX(1)}50%{opacity:.9;transform:translateX(-50%) scaleX(1.15)}}.spotlight-particles{position:absolute;top:0;left:0;width:100%;height:100%}.particle{position:absolute;background:rgba(255,255,200,.6);border-radius:50%;pointer-events:none}.particle-1{top:20%;left:45%;width:2px;height:2px;animation:float-up 10s infinite;animation-delay:0s}.particle-2{top:30%;left:55%;width:3px;height:3px;animation:float-up 12s infinite;animation-delay:1s}.particle-3{top:40%;left:48%;width:1px;height:1px;animation:float-up 15s infinite;animation-delay:2s}.particle-4{top:50%;left:52%;width:2px;height:2px;animation:float-up 18s infinite;animation-delay:.5s}.particle-5{top:60%;left:42%;width:3px;height:3px;animation:float-up 20s infinite;animation-delay:3s}.particle-6{top:25%;left:58%;width:1px;height:1px;animation:float-up 14s infinite;animation-delay:1.5s}.particle-7{top:35%;left:50%;width:2px;height:2px;animation:float-up 16s infinite;animation-delay:4s}.particle-8{top:45%;left:46%;width:3px;height:3px;animation:float-up 11s infinite;animation-delay:2.5s}.particle-9{top:55%;left:54%;width:1px;height:1px;animation:float-up 19s infinite;animation-delay:.8s}.particle-10{top:15%;left:49%;width:2px;height:2px;animation:float-up 13s infinite;animation-delay:3.5s}.particle-11{top:70%;left:35%;width:2px;height:2px;animation:float-up 22s infinite;animation-delay:5s}.particle-12{top:65%;left:65%;width:3px;height:3px;animation:float-up 25s infinite;animation-delay:2s}.particle-13{top:80%;left:40%;width:1px;height:1px;animation:float-up 20s infinite;animation-delay:1s}.particle-14{top:75%;left:60%;width:2px;height:2px;animation:float-up 18s infinite;animation-delay:4s}.particle-15{top:10%;left:40%;width:1px;height:1px;animation:float-up 15s infinite;animation-delay:0s}.particle-16{top:85%;left:50%;width:2px;height:2px;animation:float-up 28s infinite;animation-delay:2s}.particle-17{top:90%;left:45%;width:3px;height:3px;animation:float-up 30s infinite;animation-delay:1s}.particle-18{top:20%;left:60%;width:1px;height:1px;animation:float-up 12s infinite;animation-delay:3s}.particle-19{top:50%;left:30%;width:2px;height:2px;animation:float-up 24s infinite;animation-delay:.5s}.particle-20{top:40%;left:70%;width:2px;height:2px;animation:float-up 26s infinite;animation-delay:4.5s}@keyframes float-up{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.8}50%{transform:translateY(-50px) translateX(10px);opacity:.5}90%{opacity:0}to{transform:translateY(-100px) translateX(-10px);opacity:0}}