.prd-hero-visual{--px:0;--py:0;z-index:0;pointer-events:none;contain:layout paint;position:absolute;inset:0;overflow:hidden}.prd-hv-core{background:radial-gradient(closest-side,#aacdff33,#4f8cff1a 38%,#4f8cff09 68%,#0000),radial-gradient(closest-side at 70% 56%,#ff8a3d0f,#0000 70%);width:min(1100px,92vw);height:560px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.prd-hv-system{width:96%;height:76%;position:absolute;top:10%;left:2%;transform:rotate(-6deg);container-type:size}.prd-hv-orbit{opacity:.85;width:100%;height:100%;position:absolute;inset:0}.prd-hv-ring.is-chat{rx:460px;ry:160px}.prd-hv-ring.is-mail{rx:430px;ry:144px}.prd-hv-ring.is-blog{rx:390px;ry:128px}.prd-hv-space{transform-style:preserve-3d;transform:translate3d(calc(var(--px) * -28px), calc(var(--py) * -18px), 0);position:absolute;inset:0}.prd-pl{--ease:cubic-bezier(.37, 0, .63, 1);width:0;height:0;transform-style:preserve-3d;animation:prd-orb-x var(--T) var(--ease) calc(var(--T) * var(--a) * -1) infinite alternate both paused;position:absolute;top:50%;left:50%}.prd-pl-y{animation:prd-orb-y var(--T) var(--ease) calc(var(--T) * (var(--a) + .5) * -1) infinite alternate both paused;position:absolute;inset:0}.prd-pl-fade{left:calc(var(--s) / -2);top:calc(var(--s) / -2);width:var(--s);height:var(--s);animation:prd-orb-fade var(--T) linear calc(var(--T) * var(--a) * -1) infinite alternate both paused;position:absolute;transform:rotate(6deg)}@keyframes prd-orb-x{0%{transform:translate3d(calc(var(--rx) * -1), 0, 0)}to{transform:translate3d(var(--rx), 0, 0)}}@keyframes prd-orb-y{0%{transform:translate3d(0, calc(var(--ry) * -1), -240px) scale(.6);opacity:.72}to{transform:translate3d(0, var(--ry), 240px) scale(1);opacity:1}}@keyframes prd-orb-fade{0%,25%{opacity:1}40%,60%{opacity:.14}75%,to{opacity:1}}@keyframes prd-orb-fade-wide{0%,10%{opacity:1}24%,76%{opacity:.14}90%,to{opacity:1}}.prd-pl-img{width:auto;max-width:none;height:calc(var(--s) * 1.35);user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prd-pl-label{z-index:2;white-space:nowrap;color:#9fb4cf;font:600 9px/1 var(--font-mono,monospace), monospace;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:7px;display:inline-flex;position:absolute}.prd-pl-label i{opacity:.6;background:currentColor;width:18px;height:1px}.prd-pl-chat{--rx:46cqw;--ry:40cqh;--s:clamp(84px, 8.4vw, 128px);--T:34s;--a:.3}.prd-pl-chat .prd-pl-label{top:62%;left:calc(100% + 14px)}.prd-pl-moon-orbit{z-index:2;width:0;height:0;position:absolute;top:50%;left:50%;transform:rotate(-16deg)scaleY(.32)}.prd-pl-moon-arm{width:0;height:0;animation:26s linear infinite paused prd-pl-arm;position:absolute;top:0;left:0}.prd-pl-moon{left:calc(var(--s) * -.08);top:calc(var(--s) * -.08);width:calc(var(--s) * .16);height:calc(var(--s) * .16);transform:translateX(calc(var(--s) * .95)) rotate(0deg) scaleY(3.125);background:url(/products/planets/moon.webp) 50%/contain no-repeat;animation:26s linear infinite paused prd-pl-moon;position:absolute}@keyframes prd-pl-arm{to{transform:rotate(360deg)}}@keyframes prd-pl-moon{0%{transform:translateX(calc(var(--s) * .95)) rotate(0deg) scaleY(3.125);opacity:1}60%{opacity:1}66%{opacity:0}84%{opacity:0}90%{opacity:1}to{transform:translateX(calc(var(--s) * .95)) rotate(-360deg) scaleY(3.125);opacity:1}}.prd-pl-mail{--rx:43cqw;--ry:36cqh;--s:clamp(66px, 6.4vw, 100px);--T:46s;--a:1.1}.prd-pl-mail .prd-pl-label{flex-direction:row-reverse;top:82%;right:calc(100% + 30px)}.prd-pl-blog{--rx:39cqw;--ry:32cqh;--s:clamp(44px, 4vw, 62px);--T:24s;--a:1.75}.prd-pl-blog .prd-pl-label{top:calc(100% + 14px);left:50%;transform:translate(-30%)}.prd-hero-visual[data-live=true] :is(.prd-pl,.prd-pl-y,.prd-pl-fade,.prd-pl-moon-arm,.prd-pl-moon){animation-play-state:running}@media (max-width:1180px) and (min-width:768px){.prd-hv-system{width:100%;height:48%;top:47%;left:0;transform:none}.prd-pl-fade{animation-name:prd-orb-fade-wide;transform:none}.prd-pl-chat{--s:84px}.prd-pl-mail{--s:68px}.prd-pl-blog{--s:44px}}@media (max-width:767px){.prd-hv-core{width:94%;height:100%;top:50%}.prd-hv-system{width:92%;height:76%;top:8%;left:4%}.prd-hv-ring.is-chat{rx:440px;ry:152px}.prd-hv-ring.is-mail{rx:380px;ry:128px}.prd-hv-ring.is-blog{rx:300px;ry:104px}.prd-pl-chat{--rx:44cqw;--ry:38cqh;--s:76px}.prd-pl-mail{--rx:38cqw;--ry:32cqh;--s:58px}.prd-pl-blog{--rx:30cqw;--ry:26cqh;--s:40px}.prd-pl-fade{animation:none}.prd-pl-chat .prd-pl-label{top:calc(100% + 12px);left:50%;transform:translate(-50%)}.prd-pl-mail .prd-pl-label{flex-direction:row;top:calc(100% + 16px);left:50%;right:auto;transform:translate(-50%)}.prd-pl-blog .prd-pl-label{top:calc(100% + 12px);left:50%;transform:translate(-50%)}.prd-pl-moon-arm,.prd-pl-moon{animation:none}.prd-pl-moon{transform:translateX(calc(var(--s) * .95)) scaleY(3.125)}}@media (prefers-reduced-motion:reduce){.prd-hero-visual :is(.prd-pl,.prd-pl-y,.prd-pl-fade,.prd-pl-moon-arm,.prd-pl-moon){animation-play-state:paused!important}}[data-theme=light] .prd-hv-core{background:radial-gradient(closest-side,#4f8cff24,#4f8cff0d 45%,#0000)}[data-theme=light] .prd-hv-orbit{opacity:1;filter:saturate(1.4)brightness(.8)}[data-theme=light] .prd-pl-label{color:#4c5d75}