.hero-satellite{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border:1px solid #ffffff30;border-radius:16px;color:#dddde3;background:linear-gradient(135deg,#333337eb,#111113ed);box-shadow:inset 0 1px #ffffff12,0 12px 30px #0008;animation:satellite-float 6s ease-in-out infinite;pointer-events:none}.hero-satellite svg{width:29px;height:29px}.sat-message{top:9%;left:6%;--tilt:-12deg}.sat-bell{top:8%;right:4%;--tilt:12deg;animation-delay:-2s}.sat-sent{bottom:12%;right:0;--tilt:-8deg;animation-delay:-4s;width:43px;height:43px;border-radius:13px}.sat-typing{bottom:10%;left:0;--tilt:8deg;animation-delay:-1s;width:68px;height:45px}.sat-bell i{position:absolute;right:6px;top:5px;width:7px;height:7px;border-radius:50%;background:#eee;animation:notification-glow 3s ease-in-out infinite}.sat-typing svg{stroke-dasharray:110;animation:message-draw 5s ease-in-out infinite}.sender-hero-art .hero-spark{z-index:4}.sender-hero-art .spark-one{right:21%;top:39%}.sender-hero-art .spark-two{left:22%;bottom:27%}
@keyframes satellite-float{0%,100%{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-13px) rotate(calc(var(--tilt,0deg) + 5deg))}}@keyframes notification-glow{0%,100%{opacity:.5;box-shadow:0 0 3px #fff3}50%{opacity:1;box-shadow:0 0 14px #fffa}}@keyframes message-draw{0%,100%{stroke-dashoffset:0;opacity:.8}40%{stroke-dashoffset:10;opacity:1}}
@media(max-width:1050px){.hero-satellite{width:43px;height:43px;border-radius:12px}.hero-satellite svg{width:25px;height:25px}.sat-typing{width:55px;height:37px}.sat-message{left:0}.sat-bell{right:0}.sat-sent{bottom:5%}.sat-typing{bottom:6%}}
@media(prefers-reduced-motion:reduce){.hero-satellite,.hero-satellite i,.hero-satellite svg{animation:none!important}}