svg[data-connect]{--pink:#ea78f0;--white:#ffffff;--entertainment-red:#f94f3b;--intelligence-yellow:#febc06;--intelligence-blue:#418ae4;--connection-blue-dark:#236799;--connection-blue-light:#4389f0;--connection-orange:#fe7108;--security-green-dark:#34754c;--security-green-light:#32b06c;--security-yellow:#f9bd0a;overflow:visible}@supports (color:oklch(0% 0 0)){svg[data-connect]{--pink:oklch(0.74 0.2013 325.47);--white:oklch(1 0 0);--entertainment-red:oklch(0.66 0.2095 30.18);--intelligence-yellow:oklch(0.83 0.1707 82.81);--intelligence-blue:oklch(0.63 0.1542 255.18);--connection-blue-dark:oklch(0.5 0.1043 244.72);--connection-blue-light:oklch(0.64 0.1701 258.2);--connection-orange:oklch(0.71 0.1944 46.93);--security-green-dark:oklch(0.51 0.0937 153.7);--security-green-light:oklch(0.67 0.1484 154.86);--security-yellow:oklch(0.83 0.1688 85.18)}}svg[data-connect=entertainment]{--duration:2s;--delay:75ms}svg[data-connect=entertainment] .outer{fill:var(--entertainment-red)}svg[data-connect=entertainment] .middle{fill:var(--pink);animation:entertainment-middle var(--duration) ease-in-out infinite;animation-delay:var(--delay)}svg[data-connect=entertainment] .inner{fill:var(--white);animation:entertainment-inner var(--duration) ease-in-out infinite}svg[data-connect=entertainment] .triangle{fill:none;stroke:var(--white);stroke-width:3px}@keyframes entertainment-middle{0%,20%,50%{r:109px}10%{r:142px}30%{r:128px}}@keyframes entertainment-inner{0%,20%,50%{r:33px}10%{r:46px}30%{r:40px}}svg[data-connect=intelligence] .stroke{fill:none;stroke:var(--white);stroke-miterlimit:10;stroke-width:2.6px}svg[data-connect=intelligence] .outer{fill:var(--pink);transform-origin:250px 250px;animation:intelligence-rotate 5s ease-in-out infinite;animation-delay:.1s}svg[data-connect=intelligence] .middle{fill:var(--intelligence-yellow)}svg[data-connect=intelligence] .inner{fill:var(--intelligence-blue);transform-origin:250px 250px;animation:intelligence-rotate 5s ease-in-out infinite}@keyframes intelligence-rotate{20%,to{rotate:90deg}}svg[data-connect=connection] .square-y{fill:var(--connection-blue-dark)}svg[data-connect=connection] .square-x{fill:var(--connection-blue-light)}svg[data-connect=connection] .ball{fill:var(--connection-orange);z-index:1;animation:connection-ball 4s ease-in-out infinite}svg[data-connect=connection] .stroke{fill:none;stroke:var(--white);stroke-width:2.5px}@keyframes connection-ball{0%,30%,to{r:46px;cx:250px;cy:176px}45%,52%,75%{r:31px;cx:250px;cy:322px}40%{cy:342px;r:31px}49%{cy:326px}85%{cx:210px;r:20px}89%{cy:170px}92%{cy:190px;cx:250px}94%{cy:220px;r:20px}}svg[data-connect=security]{--start:142px;--center:218px;--end:292px}svg[data-connect=security] .outer{fill:var(--security-green-dark)}svg[data-connect=security] .stroke{fill:none;stroke:var(--white);stroke-miterlimit:10;stroke-width:2.6px}svg[data-connect=security] .inner-pill{fill:var(--security-green-light)}svg[data-connect=security] .ball{fill:var(--security-yellow);animation:security-ball 4s ease-in-out infinite;animation-delay:var(--delay)}@keyframes security-ball{0%,14%,to{x:var(--start);y:var(--start)}19%,21%,69%,71%{x:var(--center);y:var(--center)}26%,40%{x:var(--end);y:var(--start)}50%,64%{x:var(--start);y:var(--end)}76%,90%{x:var(--end);y:var(--end)}}svg[data-connect].animate-none *{animation:none!important}@media (prefers-reduced-motion){svg[data-connect] *{animation:none!important}}[data-dashboard=section]{--gradient-pos:40%;--color-top:#e7e7e7;--color-middle:#c4c4c4;--color-bottom:transparent;--icon-size:24%;background:linear-gradient(to bottom,var(--color-top),var(--color-top) var(--gradient-pos),var(--color-bottom) var(--gradient-pos));@media only screen and (max-width:767px){&{--icon-size:30vw}}}[data-dashboard=container]{--gradient-top-pos:63.85%;--gradient-bottom-pos:67.95%;background:linear-gradient(to bottom,var(--color-top),var(--color-top) var(--gradient-top-pos),var(--color-middle) var(--gradient-top-pos),var(--color-middle) var(--gradient-bottom-pos),var(--color-bottom) var(--gradient-bottom-pos));--base-dashboard-width:2200;--base-dashboard-height:742;--base-screen-width:965.1;--base-screen-height:513.4;--screen-border-width:46;--inner-screen-height:calc(var(--base-screen-height) - var(--screen-border-width));--inner-screen-width:calc(var(--base-screen-width) - var(--screen-border-width));--dashboard-aspect-ratio:calc(var(--base-dashboard-width) / var(--base-dashboard-height));--inner-screen-aspect-ratio:calc(var(--inner-screen-width) / var(--inner-screen-height));--screen-w-percent:calc(var(--base-screen-width) / var(--base-dashboard-width));--screen-h-percent:calc(var(--base-screen-height) / var(--base-dashboard-height));--inner-screen-w-percent:calc(var(--inner-screen-width) / var(--base-dashboard-width));--inner-screen-h-percent:calc(var(--inner-screen-height) / var(--base-dashboard-height));--screen-width:80vw;--screen-max-width:1400px;--screen-height:58svh;--screen-max-height:1000px;@media only screen and (max-width:1023px) and (max-height:550px){&{--screen-width:90vw;--screen-height:90svh}}--dashboard-target-width:calc(var(--screen-width) / var(--screen-w-percent));--dashboard-max-width:calc(var(--screen-max-width) / var(--screen-w-percent));--dashboard-target-height:calc(var(--screen-height) / var(--screen-h-percent));--dashboard-max-height:calc(var(--screen-max-height) / var(--screen-h-percent));--dashboard-width:min(var(--dashboard-target-width),var(--dashboard-max-width));--dashboard-height:min(var(--dashboard-target-height),var(--dashboard-max-height))}[data-dashboard=svg]{aspect-ratio:var(--dashboard-aspect-ratio);width:var(--dashboard-width);max-width:min(calc(var(--dashboard-height) * var(--dashboard-aspect-ratio)))}[data-dashboard=screen]{--screen-offset:25.4%;top:var(--screen-offset);aspect-ratio:var(--inner-screen-aspect-ratio);width:calc(var(--dashboard-width) * var(--inner-screen-w-percent));max-width:calc(var(--dashboard-height) * var(--inner-screen-h-percent) * var(--inner-screen-aspect-ratio))}