.hero-mockup-hub{opacity:0;scale:.75;transition:opacity .7s ease-out,scale .7s ease-out}[data-hero-mockup].is-loaded .hero-mockup-hub{opacity:1;scale:1}.hero-mockup-line{opacity:0;stroke-dasharray:200;stroke-dashoffset:200;transition:opacity .7s ease-out,stroke-dashoffset .7s ease-out,filter .7s ease-out}[data-hero-mockup].is-loaded .hero-mockup-line{opacity:1;stroke-dashoffset:0;filter:drop-shadow(0 0 5px rgba(188,130,243,.5)) drop-shadow(0 0 10px rgba(141,153,255,.3))}.hero-mockup-dot{opacity:0;transition:opacity .5s ease-out,filter .5s ease-out}[data-hero-mockup].is-loaded .hero-mockup-dot{opacity:1;filter:drop-shadow(0 0 5px rgba(188,130,243,.6)) drop-shadow(0 0 8px rgba(212,107,179,.4))}.hero-mockup-module{opacity:0;scale:.5;transition:opacity .7s ease-out,scale .7s ease-out}[data-hero-mockup].is-loaded .hero-mockup-module{opacity:1;scale:1}.hero-mockup-module .ia-module-body{background:#ffffffb3;box-shadow:0 4px 24px -4px #00000014,0 0 0 1px #0000000d inset}.hero-mockup-module .ia-module-led{box-shadow:0 0 8px currentColor}.hero-mockup-glow{opacity:0;transition:opacity .7s ease-out}[data-hero-mockup].is-loaded .hero-mockup-glow{opacity:.3;animation:heroModuleGlow 2s ease-in-out infinite}@keyframes heroModuleGlow{0%,to{opacity:.3;scale:1}50%{opacity:.6;scale:1.1}}[data-hero-mockup].is-loaded .hero-mockup-hub>div{box-shadow:0 10px 25px -5px #00000026,0 0 10px 2px #bc82f326}