.hero-visual{height:520px!important;width:100%!important;margin:0!important;padding:20px!important}.hero-visual:before{display:none!important}.topic-animation{position:relative;width:100%;height:100%;overflow:hidden;border-radius:34px;background:linear-gradient(145deg,#18141a,#3d2030);border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 75px rgba(48,16,32,.24);isolation:isolate}.topic-animation:before{content:"";position:absolute;width:280px;height:280px;right:-80px;bottom:-100px;border-radius:50%;background:#ec1973;filter:blur(6px);opacity:.55}.visual-label{position:absolute;left:28px;top:24px;color:#fff;font-weight:800;z-index:4}.visual-label small{display:block;color:#ff84b7;font-weight:600;margin-top:4px}.float-badge{position:absolute;z-index:5;padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.92);color:#282129;font-size:.77rem;font-weight:800;box-shadow:0 10px 25px rgba(0,0,0,.18);animation:badgeFloat 3.5s ease-in-out infinite}.badge-one{right:18px;top:38px}.badge-two{left:18px;bottom:24px;animation-delay:-1.4s}.float-badge i{color:#ec1973;margin-right:5px}@keyframes badgeFloat{50%{transform:translateY(-10px)}}
/* AI neural network */.ai-core{position:absolute;left:50%;top:52%;width:100px;height:100px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ff87b8,#ec1973 45%,#82083c);color:#fff;font-size:2.4rem;box-shadow:0 0 0 18px rgba(236,25,115,.12),0 0 60px #ec1973;animation:corePulse 2.4s ease-in-out infinite}.ai-ring{position:absolute;left:50%;top:52%;border:1px dashed rgba(255,255,255,.35);border-radius:50%;transform:translate(-50%,-50%);animation:spin 14s linear infinite}.ai-ring.r1{width:230px;height:230px}.ai-ring.r2{width:350px;height:350px;animation-direction:reverse;animation-duration:20s}.ai-node{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 18px #ff4e99}.ai-node:nth-child(1){left:14%;top:42%;animation:nodePulse 1.7s infinite}.ai-node:nth-child(2){right:16%;top:29%;animation:nodePulse 2s .4s infinite}.ai-node:nth-child(3){right:20%;bottom:19%;animation:nodePulse 1.8s .7s infinite}.ai-node:nth-child(4){left:22%;bottom:22%;animation:nodePulse 2.2s .2s infinite}@keyframes corePulse{50%{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 28px rgba(236,25,115,.08),0 0 85px #ec1973}}@keyframes nodePulse{50%{transform:scale(1.7);opacity:.45}}
/* Software code */.code-window{position:absolute;inset:82px 38px 55px;border-radius:20px;background:#100e12;border:1px solid #513044;padding:50px 26px 20px;overflow:hidden}.code-window:before{content:"●  ●  ●";position:absolute;top:15px;left:20px;color:#ec1973;letter-spacing:7px}.code-row{height:11px;border-radius:8px;background:#5c4e58;margin:16px 0;transform-origin:left;animation:typeCode 3s ease-in-out infinite}.code-row.pink{background:#ec1973;width:68%;animation-delay:.3s}.code-row.short{width:45%;animation-delay:.7s}.code-row.mid{width:78%;animation-delay:1s}.code-cursor{display:inline-block;width:9px;height:20px;background:#ff70ab;animation:blink .7s steps(1) infinite}@keyframes typeCode{0%,15%{transform:scaleX(.05);opacity:.3}60%,100%{transform:scaleX(1);opacity:1}}@keyframes blink{50%{opacity:0}}
/* Marketing analytics */.chart-area{position:absolute;inset:100px 42px 58px;display:flex;align-items:flex-end;gap:16px;border-left:1px solid #65515d;border-bottom:1px solid #65515d;padding:20px}.chart-bar{flex:1;border-radius:10px 10px 2px 2px;background:linear-gradient(#ff79b0,#ec1973);height:var(--h);animation:growBar 2.8s ease-in-out infinite;transform-origin:bottom}.chart-bar:nth-child(2){animation-delay:.2s}.chart-bar:nth-child(3){animation-delay:.4s}.chart-bar:nth-child(4){animation-delay:.6s}.chart-bar:nth-child(5){animation-delay:.8s}.trend-line{position:absolute;left:60px;right:35px;top:48%;height:4px;background:#fff;transform:rotate(-16deg);transform-origin:left;box-shadow:0 0 14px #fff;animation:trend 2.6s ease-in-out infinite}.trend-line:after{content:"";position:absolute;right:-5px;top:-6px;border-left:13px solid white;border-top:7px solid transparent;border-bottom:7px solid transparent}@keyframes growBar{0%,15%{transform:scaleY(.1)}65%,100%{transform:scaleY(1)}}@keyframes trend{0%{clip-path:inset(0 100% 0 0)}70%,100%{clip-path:inset(0)}}
/* Cloud ecosystem */.cloud-core{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:135px;height:90px;border-radius:50px;background:linear-gradient(135deg,#ff78ae,#ec1973);display:grid;place-items:center;color:#fff;font-size:2.7rem;box-shadow:0 0 55px rgba(236,25,115,.7);animation:cloudPulse 2.5s infinite}.orbit{position:absolute;left:50%;top:51%;width:370px;height:270px;transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,.35);border-radius:50%;animation:spinCenter 16s linear infinite}.orbit-node{position:absolute;width:58px;height:58px;border-radius:17px;background:#fff;color:#ec1973;display:grid;place-items:center;font-size:1.35rem;box-shadow:0 8px 25px rgba(0,0,0,.25)}.orbit-node.n1{left:-20px;top:38%}.orbit-node.n2{right:-20px;top:38%}.orbit-node.n3{left:43%;top:-25px}.orbit-node.n4{left:43%;bottom:-25px}@keyframes spinCenter{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes cloudPulse{50%{transform:translate(-50%,-50%) scale(1.07)}}
@media(max-width:991px){.hero-visual{height:400px!important}.topic-animation{border-radius:28px}.ai-ring.r2{width:300px;height:300px}.orbit{width:310px;height:230px}}@media(max-width:576px){.hero-visual{height:330px!important;padding:8px!important}.visual-label{left:20px;top:17px}.code-window{inset:65px 22px 38px}.chart-area{inset:78px 28px 42px}.orbit{width:260px;height:190px}.orbit-node{width:46px;height:46px}.float-badge{display:none}}