.platform-flow-chart{display:flex;justify-content:center}@media screen and (min-width:1025px){.platform-flow-chart{margin-top:-230px;padding-block:40px 80px;position:relative;z-index:9}}@media(max-width:1024px){.platform-flow-chart{padding-block:0}}.platform-flow-chart .svg-container{background-color:#fff;border-radius:16px;flex-direction:column}@media screen and (min-width:1025px){.platform-flow-chart .svg-container{box-shadow:0 10px 25px 10px rgba(0,0,0,.05);padding:20px 25px}}.platform-flow-chart .svg-container>svg{width:100%}.platform-flow-chart .svg-container.mobile-svg{display:none}@media(max-width:1024px){.platform-flow-chart .svg-container.mobile-svg{display:block}.platform-flow-chart .svg-container:not(.mobile-svg){display:none}}#flowchartDesktop .flowchart-titles{display:flex;height:60px;justify-content:space-between;margin-top:17px}#flowchartDesktop .flowchart-titles .title-wrap.title-1{width:164px}.animate-flowchart#flowchartDesktop .flowchart-titles .title-wrap.title-1 h3{font-size:17px;font-weight:700;line-height:22px;transition:all .5s .5s}#flowchartDesktop .flowchart-titles .title-wrap.title-2{width:207px}.animate-flowchart#flowchartDesktop .flowchart-titles .title-wrap.title-2 h3{font-size:17px;font-weight:700;line-height:22px;transition:all .5s 1.5s}#flowchartDesktop .flowchart-titles .title-wrap.title-3{width:180px}.animate-flowchart#flowchartDesktop .flowchart-titles .title-wrap.title-3 h3{font-size:17px;font-weight:700;line-height:22px;transition:all .5s 3s}#flowchartDesktop .flowchart-titles .title-wrap.title-4{width:207px}.animate-flowchart#flowchartDesktop .flowchart-titles .title-wrap.title-4 h3{font-size:17px;font-weight:700;line-height:22px;transition:all .5s 4s}#flowchartDesktop .flowchart-titles .title-wrap h3{color:#17152e;font-size:15px;font-weight:400;line-height:20px;margin:0;text-align:center}#flowchartDesktop .notification{transform-box:fill-box;-webkit-transform-origin:center}.animate-flowchart#flowchartDesktop .notification{animation:notificationPop .9s 3.4s forwards}@keyframes notificationPop{0%{opacity:0;transform:scale(0)}40%{opacity:1}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes dash{0%{stroke-dashoffset:var(--dasharray)}to{stroke-dashoffset:0}}@keyframes bwCover{0%{opacity:1}to{opacity:0}}#flowchartDesktop path.graph-axis{--dasharray:410;stroke-dasharray:410px;stroke-dashoffset:410}.animate-flowchart#flowchartDesktop path.graph-axis{animation:dash 1s 3.2s forwards}#flowchartDesktop #connector-1{--dasharray:60;stroke-dasharray:60;stroke-dashoffset:60}.animate-flowchart#flowchartDesktop #connector-1{animation:dash 1s forwards}#flowchartDesktop #pltfrm-rules-side-1{--dasharray:-120;stroke-dasharray:120;stroke-dashoffset:-120}.animate-flowchart#flowchartDesktop #pltfrm-rules-side-1{animation:dash 1s 1s forwards}#flowchartDesktop #pltfrm-rules-side-2{--dasharray:-120;stroke-dasharray:120;stroke-dashoffset:-120}.animate-flowchart#flowchartDesktop #pltfrm-rules-side-2{animation:dash 1s 1.5s forwards}#flowchartDesktop #pltfrm-rules-connector-1{--dasharray:60;stroke-dasharray:60;stroke-dashoffset:60}.animate-flowchart#flowchartDesktop #pltfrm-rules-connector-1{animation:dash 1s 1s forwards}#flowchartDesktop #pltfrm-rules-connector-2{--dasharray:60;stroke-dasharray:60;stroke-dashoffset:60}.animate-flowchart#flowchartDesktop #pltfrm-rules-connector-2{animation:dash 1s 1.5s forwards}#flowchartDesktop #connector-main{--dasharray:150;stroke-dasharray:150;stroke-dashoffset:150}.animate-flowchart#flowchartDesktop #connector-main{animation:dash 1s 1.5s forwards}#flowchartDesktop #ai-circle{filter:grayscale(100%);transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartDesktop #ai-circle{animation:profile .5s .2s forwards}#flowchartDesktop #animated-gradient .gradient{stop-color:#ccc}.animate-flowchart#flowchartDesktop #animated-gradient .gradient.stop1{stop-color:#ec7172;transition:all .6s .5s}.animate-flowchart#flowchartDesktop #animated-gradient .gradient.stop2{stop-color:#ba74ac;transition:all .6s .8s}.animate-flowchart#flowchartDesktop #animated-gradient .gradient.stop3{stop-color:#7479ff;transition:all .6s 1.1s}.animate-flowchart#flowchartDesktop #animated-gradient .gradient.stop4{stop-color:#7479ff;transition:all .6s 1.3s}#flowchartDesktop #pltfrm-rule-1{transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartDesktop #pltfrm-rule-1{animation:squareScale 1s forwards}#flowchartDesktop #pltfrm-rule-2{transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartDesktop #pltfrm-rule-2{animation:squareScale 1s .5s forwards}#flowchartDesktop #pltfrm-rule-3{transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartDesktop #pltfrm-rule-3{animation:squareScale 1s 1.9s forwards}#flowchartDesktop #map-alert-pop{opacity:0;transform-box:fill-box;-webkit-transform-origin:center}.animate-flowchart#flowchartDesktop #map-alert-pop{animation:notificationPop .9s 3.4s forwards}#flowchartDesktop #bwgraph{opacity:1}.animate-flowchart#flowchartDesktop #bwgraph{animation:bwCover 1s 3.2s forwards}#flowchartDesktop #bwgraph-map{filter:grayscale(100%);transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartDesktop #bwgraph-map{animation:bwtocolor .5s 3.2s forwards}@keyframes bwtocolor{0%{filter:grayscale(100%)}to{filter:grayscale(0)}}#flowchartDesktop #graph-axis{--dasharray:410;stroke-dasharray:410px;stroke-dashoffset:410}.animate-flowchart#flowchartDesktop #graph-axis{animation:dash 1s 3.2s forwards}#flowchartDesktop #alerts-connector-1{--dasharray:94;stroke-dasharray:94;stroke-dashoffset:94}.animate-flowchart#flowchartDesktop #alerts-connector-1{animation:dash .5s 4s forwards}#flowchartDesktop #alerts-connector-2{--dasharray:-300;stroke-dasharray:300;stroke-dashoffset:-300}.animate-flowchart#flowchartDesktop #alerts-connector-2{animation:dash .5s 4.5s forwards}#flowchartDesktop #alerts-connector-3{--dasharray:-150;stroke-dasharray:150;stroke-dashoffset:-150}.animate-flowchart#flowchartDesktop #alerts-connector-3{animation:dash .5s 5s forwards}#flowchartDesktop #alerts-connector-4{--dasharray:90;stroke-dasharray:90;stroke-dashoffset:90}.animate-flowchart#flowchartDesktop #alerts-connector-4{animation:dash .5s 5.5s forwards}#flowchartDesktop #alerts-connector-5{--dasharray:-90;stroke-dasharray:90;stroke-dashoffset:-90}.animate-flowchart#flowchartDesktop #alerts-connector-5{animation:dash .5s 6s forwards}#flowchartDesktop #split-connector-1{--dasharray:-90;stroke-dasharray:90;stroke-dashoffset:-90}.animate-flowchart#flowchartDesktop #split-connector-1{animation:dash .5s 6s forwards}#flowchartDesktop #split-connector-2{--dasharray:-90;stroke-dasharray:90;stroke-dashoffset:-90}.animate-flowchart#flowchartDesktop #split-connector-2{animation:dash .5s 6s forwards}#flowchartDesktop .profile{filter:grayscale(100%);transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartDesktop .profile.person-1{animation:profile .5s 4.5s forwards}.animate-flowchart#flowchartDesktop .profile.person-2{animation:profile .5s 5.1s forwards}.animate-flowchart#flowchartDesktop .profile.person-3{animation:profile .5s 5.3s forwards}.animate-flowchart#flowchartDesktop .profile.person-4{animation:profile .5s 5.2s forwards}.animate-flowchart#flowchartDesktop .profile.person-5{animation:profile .5s 5.9s forwards}.animate-flowchart#flowchartDesktop .profile.person-6,.animate-flowchart#flowchartDesktop .profile.person-7{animation:profile .5s 5.7s forwards}#flowchartDesktop .frame{stroke:#dfdfdf}.animate-flowchart#flowchartDesktop .frame.person-1{animation:frameColor .5s 4.5s forwards}.animate-flowchart#flowchartDesktop .frame.person-2{animation:frameColor .5s 5.1s forwards}.animate-flowchart#flowchartDesktop .frame.person-3{animation:frameColor .5s 5.3s forwards}.animate-flowchart#flowchartDesktop .frame.person-4{animation:frameColor .5s 5.2s forwards}.animate-flowchart#flowchartDesktop .frame.person-5{animation:frameColor .5s 5.9s forwards}.animate-flowchart#flowchartDesktop .frame.person-6,.animate-flowchart#flowchartDesktop .frame.person-7{animation:frameColor .5s 5.7s forwards}#flowchartDesktop .icon{fill:#ccc;transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartDesktop .icon.person-1{animation:iconColor .5s 4.5s forwards}.animate-flowchart#flowchartDesktop .icon.person-1.bell{animation:tiltIcon .5s 4.5s forwards}.animate-flowchart#flowchartDesktop .icon.person-2{animation:iconColor .5s 5.1s forwards}.animate-flowchart#flowchartDesktop .icon.person-3{animation:iconColor .5s 5.3s forwards}.animate-flowchart#flowchartDesktop .icon.person-4{animation:iconColor .5s 5.2s forwards}.animate-flowchart#flowchartDesktop .icon.person-4.bell{animation:tiltIcon .5s 5.2s forwards}.animate-flowchart#flowchartDesktop .icon.person-5{animation:iconColor .5s 5.9s forwards}.animate-flowchart#flowchartDesktop .icon.person-5.bell{animation:tiltIcon .5s 5.9s forwards}.animate-flowchart#flowchartDesktop .icon.person-6{animation:iconColor .5s 5.7s forwards}.animate-flowchart#flowchartDesktop .icon.person-6.bell{animation:tiltIcon .5s 5.7s forwards}.animate-flowchart#flowchartDesktop .icon.person-7{animation:iconColor .5s 5.7s forwards}.animate-flowchart#flowchartDesktop .icon.person-7.bell{animation:tiltIcon .5s 5.7s forwards}#flowchartMobile #graph-mobile-axis{--dasharray:410;stroke-dasharray:410px;stroke-dashoffset:410}.animate-flowchart#flowchartMobile #graph-mobile-axis{animation:dash 1s 4.2s forwards}#flowchartMobile #ai-circle{filter:grayscale(100%);transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartMobile #ai-circle{animation:profile .5s 2s forwards}#flowchartMobile #animated-gradient_mobile .gradient{stop-color:#ccc}.animate-flowchart#flowchartMobile #animated-gradient_mobile .gradient.stop1{stop-color:#ec7172;transition:all .6s 2.5s}.animate-flowchart#flowchartMobile #animated-gradient_mobile .gradient.stop2{stop-color:#ba74ac;transition:all .6s 2.8s}.animate-flowchart#flowchartMobile #animated-gradient_mobile .gradient.stop3{stop-color:#7479ff;transition:all .6s 3.1s}.animate-flowchart#flowchartMobile #animated-gradient_mobile .gradient.stop4{stop-color:#7479ff;transition:all .6s 3.3s}#flowchartMobile #pltfrm-rule-1-mobile{transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartMobile #pltfrm-rule-1-mobile{animation:squareScale 1s 2.8s forwards}#flowchartMobile #pltfrm-rule-2-mobile{transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartMobile #pltfrm-rule-2-mobile{animation:squareScale 1s 3s forwards}#flowchartMobile #pltfrm-rule-3-mobile{transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartMobile #pltfrm-rule-3-mobile{animation:squareScale 1s 3.2s forwards}#flowchartMobile #bwgraph-map_mobile{filter:grayscale(100%);transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartMobile #bwgraph-map_mobile{animation:bwtocolor .5s 3.8s forwards}#flowchartMobile #bwgraph_mobile{opacity:1}.animate-flowchart#flowchartMobile #bwgraph_mobile{animation:bwCover 1s 3.8s forwards}#flowchartMobile #map-alert-pop_mobile{opacity:0;transform-box:fill-box;-webkit-transform-origin:center}.animate-flowchart#flowchartMobile #map-alert-pop_mobile{animation:notificationPop .9s 4.2s forwards}#flowchartMobile #mobile-line-1{--dasharray:-60;stroke-dasharray:60;stroke-dashoffset:-60}.animate-flowchart#flowchartMobile #mobile-line-1{animation:dash 1s forwards}#flowchartMobile #mobile-line-2{--dasharray:-60;stroke-dasharray:60;stroke-dashoffset:-60}.animate-flowchart#flowchartMobile #mobile-line-2{animation:dash 1s 1s forwards}#flowchartMobile #mobile-line-3{--dasharray:-60;stroke-dasharray:60;stroke-dashoffset:-60}.animate-flowchart#flowchartMobile #mobile-line-3{animation:dash .5s 3.2s forwards}#flowchartMobile #mobile-line-4{--dasharray:-60;stroke-dasharray:60;stroke-dashoffset:-60}.animate-flowchart#flowchartMobile #mobile-line-4{animation:dash 1s 3.5s forwards}#flowchartMobile #mobile-line-5{--dasharray:-24;stroke-dasharray:24;stroke-dashoffset:-24}.animate-flowchart#flowchartMobile #mobile-line-5{animation:dash .5s 4.5s forwards}#flowchartMobile #alerts-connector-mobile-1{--dasharray:110;stroke-dasharray:110;stroke-dashoffset:110}.animate-flowchart#flowchartMobile #alerts-connector-mobile-1{animation:dash .5s 4s forwards}#flowchartMobile #alerts-connector-mobile-2{--dasharray:-250;stroke-dasharray:250;stroke-dashoffset:-250}.animate-flowchart#flowchartMobile #alerts-connector-mobile-2{animation:dash .5s 4s forwards}#flowchartMobile #alerts-connector-mobile-3{--dasharray:-250;stroke-dasharray:250;stroke-dashoffset:-250}.animate-flowchart#flowchartMobile #alerts-connector-mobile-3{animation:dash .5s 4s forwards}#flowchartMobile #alerts-connector-mobile-4{--dasharray:90;stroke-dasharray:90;stroke-dashoffset:90}.animate-flowchart#flowchartMobile #alerts-connector-mobile-4{animation:dash .5s 4.5s forwards}#flowchartMobile #alerts-connector-mobile-5{--dasharray:90;stroke-dasharray:90;stroke-dashoffset:90}.animate-flowchart#flowchartMobile #alerts-connector-mobile-5{animation:dash .5s 4.5s forwards}#flowchartMobile #alerts-connector-mobile-6{--dasharray:90;stroke-dasharray:90;stroke-dashoffset:90}.animate-flowchart#flowchartMobile #alerts-connector-mobile-6{animation:dash .5s 4.5s forwards}#flowchartMobile .profile{filter:grayscale(100%);transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartMobile .profile.person-1-mobile,.animate-flowchart#flowchartMobile .profile.person-2-mobile,.animate-flowchart#flowchartMobile .profile.person-3-mobile{animation:profile .5s 4.2s forwards}.animate-flowchart#flowchartMobile .profile.person-4-mobile,.animate-flowchart#flowchartMobile .profile.person-5-mobile,.animate-flowchart#flowchartMobile .profile.person-6-mobile{animation:profile .5s 4.7s forwards}#flowchartMobile .frame{stroke:#dfdfdf}.animate-flowchart#flowchartMobile .frame.person-1-mobile,.animate-flowchart#flowchartMobile .frame.person-2-mobile,.animate-flowchart#flowchartMobile .frame.person-3-mobile{animation:frameColor .5s 4.2s forwards}.animate-flowchart#flowchartMobile .frame.person-4-mobile,.animate-flowchart#flowchartMobile .frame.person-5-mobile,.animate-flowchart#flowchartMobile .frame.person-6-mobile{animation:frameColor .5s 4.7s forwards}#flowchartMobile .icon{fill:#ccc;transform-box:fill-box;transform-origin:center}.animate-flowchart#flowchartMobile .icon.person-1-mobile{animation:iconColor .5s 4.2s forwards}.animate-flowchart#flowchartMobile .icon.person-1-mobile.bell{animation:tiltIcon .5s 4.2s forwards}.animate-flowchart#flowchartMobile .icon.person-2-mobile{animation:iconColor .5s 4.2s forwards}.animate-flowchart#flowchartMobile .icon.person-2-mobile.bell{animation:tiltIcon .5s 4.2s forwards}.animate-flowchart#flowchartMobile .icon.person-3-mobile{animation:iconColor .5s 4.2s forwards}.animate-flowchart#flowchartMobile .icon.person-3-mobile.bell{animation:tiltIcon .5s 4.2s forwards}.animate-flowchart#flowchartMobile .icon.person-4-mobile{animation:iconColor .5s 4.7s forwards}.animate-flowchart#flowchartMobile .icon.person-4-mobile.bell{animation:tiltIcon .5s 4.7s forwards}.animate-flowchart#flowchartMobile .icon.person-5-mobile{animation:iconColor .5s 4.7s forwards}.animate-flowchart#flowchartMobile .icon.person-5-mobile.bell{animation:tiltIcon .5s 4.7s forwards}.animate-flowchart#flowchartMobile .icon.person-6-mobile{animation:iconColor .5s 4.7s forwards}@keyframes profile{0%{filter:grayscale(100%);scale:1}50%{scale:1.1}to{filter:grayscale(0);scale:1}}@keyframes frameColor{0%{stroke:#dfdfdf}50%{stroke:#17152e}to{stroke:#dfdfdf}}@keyframes iconColor{0%{fill:#ccc}to{fill:#17152e}}@keyframes tiltIcon{0%{fill:#ccc;transform:rotate(0deg)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}to{fill:#17152e;transform:rotate(0deg)}}