.hero{background:radial-gradient(circle at 80% 45%,rgba(91,111,255,.12),transparent 35%),#fbfbfc}.hero-visual.motion-carousel{min-height:600px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;position:relative;transform:none}.motion-carousel:before{content:"";position:absolute;width:520px;height:520px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(99,115,255,.18),rgba(139,117,255,.07) 42%,transparent 69%);filter:blur(4px);animation:carouselAura 6s ease-in-out infinite}.motion-slide{position:absolute;inset:30px 20px 54px;opacity:0;transform:scale(.96);transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.8,.2,1);pointer-events:none}.motion-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}.motion-slide svg{width:100%;height:100%;overflow:visible}.curve-motion .soft-line{fill:none;stroke:#536fff;stroke-width:5;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000}.curve-motion.is-active .line-one{animation:softDraw 4s cubic-bezier(.35,0,.2,1) forwards}.curve-motion .line-two{stroke:#38a7ec;stroke-width:3}.curve-motion.is-active .line-two{animation:softDraw 4s cubic-bezier(.35,0,.2,1) .35s forwards}.soft-area{fill:url(#none);opacity:.15;stroke:none}.curve-motion .soft-area{fill:#536fff;opacity:.06}.soft-points circle{fill:#fff;stroke:#536fff;stroke-width:5;opacity:0;filter:drop-shadow(0 4px 8px rgba(83,111,255,.35))}.curve-motion.is-active .soft-points circle{animation:softPoint .5s ease-out forwards}.curve-motion.is-active .soft-points circle:nth-child(1){animation-delay:1.1s}.curve-motion.is-active .soft-points circle:nth-child(2){animation-delay:1.8s}.curve-motion.is-active .soft-points circle:nth-child(3){animation-delay:2.5s}.curve-motion.is-active .soft-points circle:nth-child(4){animation-delay:3.2s}.network-core{position:absolute;left:50%;top:50%;width:92px;height:92px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#7886ff 34%,#4b52cf 70%);box-shadow:0 0 0 18px rgba(91,107,255,.08),0 20px 60px rgba(70,82,206,.28);animation:networkPulse 2.4s ease-in-out infinite}.network-motion svg path{fill:none;stroke:#8090ef;stroke-width:1.5;stroke-dasharray:8 10;opacity:.42}.network-motion.is-active svg path{animation:dashFlow 10s linear infinite}.node{position:absolute;width:26px;height:26px;border:6px solid #fff;border-radius:50%;background:#6677f4;box-shadow:0 7px 22px rgba(69,83,196,.25);animation:nodeFloat 3s ease-in-out infinite}.n1{left:17%;top:13%}.n2{right:16%;top:11%;animation-delay:.5s}.n3{right:9%;top:49%;animation-delay:1s}.n4{right:23%;bottom:9%;animation-delay:1.5s}.n5{left:22%;bottom:11%;animation-delay:2s}.n6{left:10%;top:49%;animation-delay:2.5s}.bar-wave{position:absolute;inset:16% 8% 12%;display:flex;align-items:end;gap:14px}.bar-wave i{flex:1;height:var(--bar,20%);border-radius:14px 14px 4px 4px;background:linear-gradient(180deg,#6f7eff,#b5baff);box-shadow:0 15px 35px rgba(75,89,209,.12);transform:scaleY(.05);transform-origin:bottom}.bars-motion.is-active .bar-wave i{animation:barGrow 1.2s cubic-bezier(.2,.8,.2,1) forwards,barBreathe 3s ease-in-out 1.2s infinite}.bar-wave i:nth-child(1){--bar:22%}.bar-wave i:nth-child(2){--bar:31%;animation-delay:.08s!important}.bar-wave i:nth-child(3){--bar:43%;animation-delay:.16s!important}.bar-wave i:nth-child(4){--bar:52%;animation-delay:.24s!important}.bar-wave i:nth-child(5){--bar:66%;animation-delay:.32s!important}.bar-wave i:nth-child(6){--bar:73%;animation-delay:.4s!important}.bar-wave i:nth-child(7){--bar:87%;animation-delay:.48s!important}.bar-wave i:nth-child(8){--bar:100%;animation-delay:.56s!important}.bar-orbit{position:absolute;width:260px;height:260px;right:2%;top:2%;border:1px solid rgba(83,111,255,.18);border-radius:50%;animation:orbitDrift 7s ease-in-out infinite}.bar-orbit.second{width:140px;height:140px;right:12%;top:12%;animation-direction:reverse}.motion-dots{position:absolute;left:50%;bottom:18px;display:flex;gap:9px;transform:translateX(-50%);z-index:4}.motion-dots button{width:7px;height:7px;padding:0;border:0;border-radius:10px;background:#cbd0db;cursor:pointer;transition:.35s}.motion-dots button.is-active{width:28px;background:#536fff}@keyframes carouselAura{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.7}}@keyframes softDraw{to{stroke-dashoffset:0}}@keyframes softPoint{to{opacity:1}}@keyframes networkPulse{50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 30px rgba(91,107,255,.05),0 24px 70px rgba(70,82,206,.34)}}@keyframes dashFlow{to{stroke-dashoffset:-180}}@keyframes nodeFloat{50%{transform:translateY(-12px)}}@keyframes barGrow{to{transform:scaleY(1)}}@keyframes barBreathe{50%{filter:saturate(1.4) brightness(1.05)}}@keyframes orbitDrift{50%{transform:translate(-35px,28px) scale(1.14)}}@media(max-width:760px){.hero-visual.motion-carousel{min-height:430px}.motion-slide{inset:20px 5px 45px}.bar-wave{gap:7px}.bar-wave i{border-radius:8px 8px 3px 3px}.network-core{width:72px;height:72px}.node{width:20px;height:20px;border-width:5px}}@media(prefers-reduced-motion:reduce){.motion-carousel *{animation:none!important}.curve-motion .soft-line{stroke-dashoffset:0}.soft-points circle{opacity:1}}
