svg[data-connect]{--pink:#ea78f0;--white:#fff;--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(74% .2013 325.47);--white:oklch(100% 0 0);--entertainment-red:oklch(66% .2095 30.18);--intelligence-yellow:oklch(83% .1707 82.81);--intelligence-blue:oklch(63% .1542 255.18);--connection-blue-dark:oklch(50% .1043 244.72);--connection-blue-light:oklch(64% .1701 258.2);--connection-orange:oklch(71% .1944 46.93);--security-green-dark:oklch(51% .0937 153.7);--security-green-light:oklch(67% .1484 154.86);--security-yellow:oklch(83% .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:5s ease-in-out .1s infinite intelligence-rotate}svg[data-connect=intelligence] .middle{fill:var(--intelligence-yellow)}svg[data-connect=intelligence] .inner{fill:var(--intelligence-blue);transform-origin:250px 250px;animation:5s ease-in-out infinite intelligence-rotate}@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:4s ease-in-out infinite connection-ball}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:4s ease-in-out infinite security-ball;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){[data-dashboard=section]{--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){[data-dashboard=container]{--screen-width:90vw;--screen-height:90svh}}[data-dashboard=container]{--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))}