body:has(section.platform-scroll-animation){overflow-x:clip}section.platform-scroll-animation{padding-block-end:80px}@media screen and (max-width:1060px){section.platform-scroll-animation{padding-block-end:0}}section.platform-scroll-animation .content-wrap{color:var(--brand-dark);width:380px}section.platform-scroll-animation .content-wrap h2{font-size:var(--heading-2-font-size);font-weight:var(--heading-2-font-weight);line-height:var(--heading-2-line-height);margin-block:var(--heading-2-margin-block)}@media screen and (max-width:560px){section.platform-scroll-animation .content-wrap h2{font-size:16px;font-weight:700;line-height:22px;margin-block:0 8px}}section.platform-scroll-animation .content-wrap p{font-size:17px;font-weight:400;line-height:28px;margin:0}@media screen and (max-width:560px){section.platform-scroll-animation .content-wrap p{font-size:16px;font-weight:400;line-height:24px}}@media screen and (max-width:1060px){section.platform-scroll-animation .section-title-container{display:flex!important}section.platform-scroll-animation .section-title-container .tio-block-container{justify-content:center}}section.platform-scroll-animation .content-side .media-wrap{display:none}@media screen and (max-width:1060px){section.platform-scroll-animation .content-side{width:100%}section.platform-scroll-animation .content-side .content-section{display:flex;justify-content:space-between;padding-block:40px}section.platform-scroll-animation .content-side .content-section:first-child{padding-top:0}section.platform-scroll-animation .content-side .content-section:nth-child(2n){flex-direction:row-reverse}section.platform-scroll-animation .content-side .content-section .content-wrap{width:320px}section.platform-scroll-animation .content-side .content-section .media-wrap{display:block;width:400px}}@media screen and (max-width:820px){section.platform-scroll-animation .content-side .content-section{align-items:center;flex-direction:column;gap:16px;justify-content:center;padding-block:32px}section.platform-scroll-animation .content-side .content-section:nth-child(2n){flex-direction:column}section.platform-scroll-animation .content-side .content-section .content-wrap,section.platform-scroll-animation .content-side .content-section .media-wrap{max-width:500px;width:100%}}section.platform-scroll-animation .content-section{padding-block:160px 260px}@media(max-width:1582px){section.platform-scroll-animation .content-section{padding-block:160px 200px}}@media(max-width:1495px){section.platform-scroll-animation .content-section{padding-block:160px 160px}}@media(max-width:1264px){section.platform-scroll-animation .content-section{padding-block:160px 120px}}section.platform-scroll-animation .tio-block-container{justify-content:space-between}@media(max-width:1430px){section.platform-scroll-animation .tio-block-container{gap:120px;justify-content:flex-start}}@media screen and (max-width:1264px){section.platform-scroll-animation .tio-block-container{gap:80px}}@media screen and (max-width:1174px){section.platform-scroll-animation .tio-block-container{gap:50px}}@media screen and (max-width:1105px){section.platform-scroll-animation .tio-block-container{gap:10px}}section.platform-scroll-animation .scroll-container{height:411px;margin-top:220px;position:sticky;right:0;top:350px;width:631px}section.platform-scroll-animation .scroll-container .scroll-bg{background-color:#f0f8ff;border-radius:16px;height:500px;left:50%;overflow:clip;position:absolute;top:-200px;transform:translateX(-50%);width:800px}section.platform-scroll-animation .scroll-container .scroll-bg iframe{pointer-events:none}@media(max-width:1582px){section.platform-scroll-animation .scroll-container{scale:.9}}@media(max-width:1495px){section.platform-scroll-animation .scroll-container{scale:.8}}@media screen and (max-width:1264px){section.platform-scroll-animation .scroll-container{scale:.7}}@media screen and (max-width:1165px){section.platform-scroll-animation .scroll-container{scale:.65}}@media screen and (max-width:1060px){section.platform-scroll-animation .scroll-container{display:none}}section.platform-scroll-animation .scroll-container .scroll-animation .screen-1{z-index:9}section.platform-scroll-animation .scroll-container .scroll-animation .screen-2{z-index:8}section.platform-scroll-animation .scroll-container .scroll-animation .screen-3{z-index:7}section.platform-scroll-animation .scroll-container .scroll-animation .screen-4{z-index:6}section.platform-scroll-animation .scroll-container .scroll-animation .screen-5{z-index:5}.scroll-animation{background-color:#fff;border-radius:8px;box-shadow:0 5px 14px 0 rgba(0,0,0,.14);height:411px;left:50%;overflow:hidden;position:absolute;top:0;transform:translateX(-50%);transition:width .5s,height .5s;width:631px}.section-3.scroll-animation{overflow:visible}.scroll-animation .head-wrap{position:relative}.scroll-animation .screen-1{height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity .5s;width:100%}.scroll-animation .screen-1 .head-wrap{align-items:center;background-color:#f7f7f7;border:1px solid --border-1;box-shadow:0 5px 12px 0 --bg-1;display:flex;height:60px;padding:0 12px 0 20px;width:631px}.scroll-animation .screen-1 .head-wrap h3{color:#17152e;font-size:24px;font-weight:900;line-height:32px;margin:0}.scroll-animation .screen-1 .page-wrap{padding:23px 29px 35px}.scroll-animation .screen-1 .form-wrap{width:366px}.scroll-animation .screen-1 .form-wrap .small-label{font-size:14px;font-style:normal;font-weight:700;line-height:20px;margin-bottom:6px}.scroll-animation .screen-1 .form-wrap .input-text{align-items:center;background:#ededed;border-radius:4px;box-sizing:border-box;color:#222;display:flex;font-size:14px;font-weight:700;height:34px;padding-inline:12px 0;position:relative}.scroll-animation .screen-1 .form-wrap .input-text .typing{width:0;text-wrap:nowrap;overflow:hidden}.section-1.scroll-animation .screen-1 .form-wrap .input-text .typing{animation:typing 2s steps(30) forwards}.scroll-animation .screen-1 .form-wrap .line-wrap.horizontal{align-items:center;display:flex;gap:8px}.scroll-animation .screen-1 .form-wrap .line-wrap .side-label{line-height:34px}.scroll-animation .screen-1 .form-wrap .line-wrap .start-icon{box-sizing:border-box;height:34px;width:34px}.scroll-animation .screen-1 .form-wrap .line-wrap .extreme-input{left:70px;opacity:0;position:absolute;width:80px}.section-1.scroll-animation .screen-1 .form-wrap .line-wrap .extreme-input{animation:extremeInput 1s 1s forwards}.section-1.scroll-animation .screen-1 .indicator:not(.red){animation:sevBoxes 1s 1s forwards}@keyframes sevBoxes{0%{opacity:1}to{opacity:0}}@keyframes extremeInput{0%{opacity:0;width:80px}to{opacity:1;width:326px}}@keyframes typing{0%{width:0}to{width:100%}}.scroll-animation.section-2{height:144px;top:calc(100% - 200px);width:906px}.scroll-animation.section-2 .screen-1,.scroll-animation.section-2 .screen-3,.scroll-animation.section-2 .screen-4,.scroll-animation.section-2 .screen-5{opacity:0}.scroll-animation.section-2 .screen-2{height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}.scroll-animation.section-3{height:396px;top:35px;width:906px}.scroll-animation.section-3 .screen-1,.scroll-animation.section-3 .screen-2,.scroll-animation.section-3 .screen-4,.scroll-animation.section-3 .screen-5{opacity:0}.scroll-animation.section-3 .screen-3{height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}.scroll-animation.section-4{height:570px;left:469px;top:-142px;width:342px}.scroll-animation.section-4 .screen-1,.scroll-animation.section-4 .screen-2,.scroll-animation.section-4 .screen-3,.scroll-animation.section-4 .screen-5{opacity:0}.scroll-animation.section-4 .screen-4{height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}.scroll-animation.section-5{background:transparent;box-shadow:none;height:700px;left:427px;top:-152px;width:575px}.scroll-animation.section-5 .screen-1,.scroll-animation.section-5 .screen-2,.scroll-animation.section-5 .screen-3,.scroll-animation.section-5 .screen-4{opacity:0}.scroll-animation.section-5 .screen-5{height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}.scroll-animation.section-6{background:transparent;box-shadow:none;height:700px;left:427px;top:-152px;width:575px}.scroll-animation.section-6 .screen-1,.scroll-animation.section-6 .screen-2,.scroll-animation.section-6 .screen-3,.scroll-animation.section-6 .screen-4{opacity:0}.scroll-animation.section-6 .screen-5{height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}.scroll-animation .screen-2{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%}.scroll-animation .screen-2 .head-wrap{align-items:center;border-bottom:1px solid #dfdfdf;box-sizing:border-box;display:flex;height:47px;justify-content:flex-start;padding-inline:12px;width:100%}.scroll-animation .screen-2 .head-wrap .tabs{display:flex}.scroll-animation .screen-2 .head-wrap .tab{align-items:center;color:#666;display:flex;font-size:14px;font-style:normal;font-weight:700;justify-content:center;line-height:20px;padding:12px;position:relative}.scroll-animation .screen-2 .head-wrap .tab.active{color:#222}.scroll-animation .screen-2 .head-wrap .tab.active svg{bottom:-1px;left:0;position:absolute;width:100%}.scroll-animation .screen-2 .page-wrap{display:flex}.scroll-animation .screen-2 .page-wrap .timeline-label{align-items:center;border-bottom:1px solid #dfdfdf;box-sizing:border-box;display:flex;gap:10px;height:63px;min-width:256px;padding-left:8px}.scroll-animation .screen-2 .page-wrap .timeline-label .title-wrap h3{font-size:14px;font-weight:700;line-height:20px;margin:0}.scroll-animation .screen-2 .page-wrap .timeline-label .title-wrap p{color:#888;font-size:12px;font-weight:400;line-height:16px;margin:0}.scroll-animation .screen-2 .page-wrap .timeline-label .title-wrap svg.dot{position:relative;top:2px}.scroll-animation .screen-2 .page-wrap .Timeline{align-items:flex-start;display:inline-flex;flex-direction:column;height:84px;justify-content:flex-start;position:relative;right:9px}.scroll-animation .screen-2 .page-wrap .Timeline .Dividers{align-items:flex-end;align-self:stretch;display:inline-flex;flex:1 1 0;gap:54px;justify-content:space-between;justify-content:flex-end;padding-right:81px;position:relative}.scroll-animation .screen-2 .page-wrap .Timeline .Dividers .Divider{align-self:stretch;background:#efefef;opacity:1;width:1px}.scroll-animation .screen-2 .page-wrap .Timeline .Dividers .Divider:first-of-type{opacity:0}.scroll-animation .screen-2 .page-wrap .Timeline .Dividers svg{left:27px;position:absolute}.scroll-animation .screen-2 .page-wrap .Timeline .Labels{align-items:flex-start;align-self:stretch;border-top:1px solid #dfdfdf;display:inline-flex;gap:1px;height:21px;justify-content:flex-end;padding:0}.scroll-animation .screen-2 .page-wrap .Timeline .Labels div{color:#888;font-family:Mulish;font-size:12px;font-weight:400;line-height:16px;word-wrap:break-word;flex:1 1 0;max-width:54px;min-width:54px;text-align:center}.scroll-animation .screen-2 .page-wrap .Timeline .Labels .Now{flex:1 1 0}.scroll-animation .screen-2 .page-wrap .Timeline .Labels .float-time{background-color:#0072f5;border-radius:8px;color:#fff;left:calc(50% - 130px);min-width:-moz-fit-content;min-width:fit-content;padding:5px 8px;position:absolute}.scroll-animation .screen-2 .page-wrap .Timeline .Labels .float-time:after{background-color:#0072f5;bottom:100%;content:"";height:64px;left:50%;position:absolute;transform:translateX(-50%);width:1px}.scroll-animation .screen-3{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%}.scroll-animation .screen-3 .head-wrap{align-items:center;border-bottom:1px solid #dfdfdf;box-sizing:border-box;display:flex;gap:12px;height:47px;justify-content:flex-start;padding-inline:24px;width:100%}.scroll-animation .screen-3 .head-wrap svg{margin-right:-8px}.scroll-animation .screen-3 .head-wrap p{margin:0}.scroll-animation .screen-3 .head-wrap p.main{font-size:14px;font-style:normal;font-weight:700;line-height:20px}.scroll-animation .screen-3 .head-wrap span{background-color:#666;display:block;height:16px;width:1px}.scroll-animation .screen-3 .head-wrap p.sub{color:#666;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.scroll-animation .screen-3 .params{display:flex;gap:4px;margin-block:18px;padding-inline:29px}.scroll-animation .screen-3 .params .btn{align-items:center;background-color:transparent;border:1px solid #efefef;border-radius:16px;color:#888;display:flex;font-size:12px;font-weight:700;gap:4px;height:28px;justify-content:center;line-height:16px;padding:0 12px 0 8px}.scroll-animation .screen-3 .params .btn.active{background-color:#ededed;color:#222}.scroll-animation .screen-3 .graph{background-color:#f7f7f7;border-radius:16px;box-sizing:border-box;height:238px;margin-left:24px;padding:16px 16px 8px;position:relative;width:862px}.scroll-animation .screen-3 .graph .data-wrap p{font-size:14px;line-height:20px;margin:0}.scroll-animation .screen-3 .graph .data-wrap p.main{color:#222;font-weight:700}.scroll-animation .screen-3 .graph .data-wrap p.sub{color:#666;font-weight:400}.scroll-animation .screen-3 .graph .y-axis{bottom:26px;color:#888;display:flex;flex-direction:column;font-size:12px;font-weight:400;gap:16px;left:12px;line-height:16px;position:absolute;text-align:right;width:32px}.scroll-animation .screen-3 .graph .y-axis .label{align-items:center;display:flex;height:18px;justify-content:flex-end;line-height:23px}.scroll-animation .screen-3 .graph .y-axis .label.marked{background-color:#292a2b;border-radius:4px;color:#fff;font-size:11px;font-weight:700;height:16px;padding:2px}.scroll-animation .screen-3 .graph .x-axis{border-top:1px solid #dfdfdf;bottom:8px;color:#888;display:flex;font-size:12px;font-weight:400;gap:54px;justify-content:space-evenly;left:50px;line-height:16px;padding-top:7px;position:absolute;width:calc(100% - 66px)}.scroll-animation .screen-3 .graph .chart-wrap{bottom:29px;left:34px;position:relative;transform:rotateX(90deg);transition:transform .5s .7s;width:820px;z-index:0}.section-3.scroll-animation .screen-3 .graph .chart-wrap{transform:rotateX(0deg)}.scroll-animation .screen-3 .graph .chart-wrap svg{width:100%}.scroll-animation .screen-3 .graph .dot-line{bottom:30px;opacity:0;position:absolute;right:51px;transition:all .5s 1s}.section-3.scroll-animation .screen-3 .graph .dot-line{opacity:1;right:1px}.scroll-animation .screen-3 .Tooltip{align-items:flex-start;background:#131224;border:1px solid #43415e;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.2);box-sizing:border-box;display:inline-flex;flex-direction:column;gap:8px;height:134px;justify-content:flex-start;opacity:0;padding:8px 6px 8px 8px;position:absolute;right:-23px;top:-39px;width:256px}.scroll-animation .screen-3 .Tooltip .Title{color:#a8a8a8;font-family:Mulish;font-size:12px;font-weight:400;line-height:16px;word-wrap:break-word}.scroll-animation .screen-3 .Tooltip .ThresholdProbability{align-items:center;display:inline-flex;gap:8px;justify-content:flex-start}.scroll-animation .screen-3 .Tooltip .ThresholdProbability .Icon{align-items:center;display:flex;height:6px;justify-content:center;padding-bottom:1px;padding-top:1px;width:10px}.scroll-animation .screen-3 .Tooltip .ThresholdProbability .Icon .ProbGraphUnit{align-items:center;align-self:stretch;display:inline-flex;flex:1 1 0;flex-direction:column;gap:10px;justify-content:center}.scroll-animation .screen-3 .Tooltip .ThresholdProbability .Icon .ProbGraphUnit .Forecast{align-self:stretch;background:#ff2600;flex:1 1 0}.scroll-animation .screen-3 .Tooltip .ThresholdProbability .Text{align-items:center;display:flex;gap:4px;justify-content:flex-start}.scroll-animation .screen-3 .Tooltip .ThresholdProbability .Text .Name{color:#f4f4f4;font-family:Mulish;font-size:12px;font-weight:700;line-height:16px;word-wrap:break-word}.scroll-animation .screen-3 .Tooltip .ThresholdProbability .Text .RuleProbability{align-items:flex-start;display:flex;justify-content:flex-start;width:41px}.scroll-animation .screen-3 .Tooltip .ThresholdProbability .Text .RuleProbability .ControlsTag{align-items:center;align-self:stretch;border-radius:60px;display:flex;gap:4px;justify-content:flex-start;overflow:hidden;padding-left:8px;padding-right:8px;width:41px}.scroll-animation .screen-3 .Tooltip .ThresholdProbability .Text .RuleProbability .ControlsTag .Rectangle6251{background:#ff2600;height:16px;width:41px}.scroll-animation .screen-3 .Tooltip .ThresholdProbability .Text .RuleProbability .ControlsTag .Tag{color:#fff;font-family:Mulish;font-size:11px;font-weight:700;letter-spacing:.55px;line-height:12px;text-transform:uppercase;word-wrap:break-word}.scroll-animation .screen-3 .Tooltip .Parameter{align-items:flex-start;display:flex;flex-direction:column;gap:4px;justify-content:flex-start}.scroll-animation .screen-3 .Tooltip .Parameter .Values{align-items:flex-start;display:flex;flex-direction:column;gap:2px;justify-content:flex-start}.scroll-animation .screen-3 .Tooltip .Parameter .Values .Expected{align-items:center;display:inline-flex;gap:8px;justify-content:flex-start}.scroll-animation .screen-3 .Tooltip .Parameter .Values .Expected .Circle{background:#54e421;border-radius:9999px;height:10px;width:10px}.scroll-animation .screen-3 .Tooltip .Parameter .Values .Expected .Text{color:#f4f4f4;font-family:Mulish;font-size:12px;font-weight:700;line-height:16px;word-wrap:break-word}.scroll-animation .screen-3 .Tooltip .Parameter .Values .Probability{align-items:flex-start;display:flex;flex-direction:column;gap:2px;justify-content:flex-start}.scroll-animation .screen-3 .Tooltip .Parameter .Values .Probability .P25,.scroll-animation .screen-3 .Tooltip .Parameter .Values .Probability .P50{align-items:center;display:inline-flex;gap:8px;justify-content:flex-start;padding-left:20px}.scroll-animation .screen-3 .Tooltip .Parameter .Values .Probability .P25 .Circle,.scroll-animation .screen-3 .Tooltip .Parameter .Values .Probability .P50 .Circle{background:#54e421;border-radius:9999px;height:6px;opacity:.4;width:6px}.scroll-animation .screen-3 .Tooltip .Parameter .Values .Probability .P25 .Text,.scroll-animation .screen-3 .Tooltip .Parameter .Values .Probability .P50 .Text{color:#a8a8a8;font-family:Mulish;font-size:12px;font-weight:400;line-height:16px;word-wrap:break-word}.scroll-animation .screen-3 .Tooltip .Parameter .Values .Probability .P50 .Circle{opacity:.7}.section-3.scroll-animation .screen-3 .Tooltip{opacity:1;right:-60px;transition:all .5s 1s}.scroll-animation .screen-4{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%}.scroll-animation .screen-4 .gale-head-wrap{background:linear-gradient(174deg,rgba(236,113,114,.6) -18.24%,rgba(186,116,172,.6) -1.94%,rgba(116,121,255,.6) 13.08%,rgba(197,193,255,.6) 40.37%,hsla(0,0%,100%,.6) 61.59%),linear-gradient(174deg,rgba(236,113,114,.6) -18.24%,rgba(186,116,172,.6) -1.94%,rgba(116,121,255,.49) 13.08%,rgba(116,121,255,.13) 28.26%,rgba(53,50,105,0) 40.37%,rgba(19,18,36,0) 69.19%),#fff;height:83px;padding:17px;width:100%}.scroll-animation .screen-4 .gale-head-wrap h2{font-size:17px;font-weight:900;line-height:23px;margin:0}.scroll-animation .screen-4 .gale-chat-body{height:402px;margin-top:0;padding-inline:16px;width:100%}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner{height:100%;overflow:hidden;position:relative;width:100%}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap{height:100%;position:relative;top:-12px;width:100%}.section-4.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap{animation:chatScript 4s 1s forwards}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap h4{color:#666;font-size:13px;font-weight:400;line-height:16px;margin-block:17px 8px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .bubble-wrap{align-items:flex-start;background-color:#f7f7f7;border-radius:8px;display:flex;gap:8px;padding:17px 12px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .bubble-wrap:not(:last-of-type){margin-bottom:8px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .bubble-wrap p{color:#222;font-size:13px;font-weight:400;line-height:16px;margin:0}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-inner.icon-24{align-items:flex-start;display:flex;gap:12px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-a{border-top:1px solid #dfdfdf;padding-block:17px 24px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-a .section-inner{display:flex;gap:12px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-a .section-text p{align-items:center;color:#222;display:flex;font-size:13px;font-weight:400;gap:5px;line-height:16px;margin:0}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-b{border-top:1px solid #dfdfdf;padding-block:17px 24px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-b .section-inner{display:flex;gap:12px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-b .section-inner>svg{min-width:24px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-b p{color:#222;font-size:13px;font-weight:400;line-height:16px;margin:0}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-b ol{color:#222;font-size:13px;font-weight:400;line-height:18px;margin:0;padding-left:14px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-b h5{font-size:13px;font-weight:700;line-height:16px;margin-block:9px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-b h6{font-size:9.975px;font-weight:700;line-height:14.25px;margin-block:9px 0}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-b .list-box{margin-bottom:12px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-b .list-box h6{color:#222;font-size:13px;font-weight:700;line-height:18px;margin:0}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .chat-script-wrap .section-b .list-box p{color:#222;font-size:13px;font-weight:400;line-height:18px;margin:0}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner svg.chat-script{position:relative;top:0}.section-4.scroll-animation .screen-4 .gale-chat-body .chat-body-inner svg.chat-script{animation:chatScript 4s .5s forwards}@keyframes chatScript{0%{top:0}15%{top:-65px}25%{top:-65px}53%{top:-130px}85%{top:-130px}to{top:-470px}}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .crushing-data{align-items:center;background-color:#fff;bottom:-58px;color:#222;display:flex;font-size:13px;font-style:normal;font-weight:400;gap:9px;left:0;line-height:18px;opacity:1;padding-block:17px 21px;position:absolute;width:100%;z-index:10}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .crushing-data img{aspect-ratio:1/1;border-radius:50%;height:24px;width:24px}.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .crushing-data p{margin:0}.section-4.scroll-animation .screen-4 .gale-chat-body .chat-body-inner .crushing-data{animation:crushing 4s 1s forwards}@keyframes crushing{0%{bottom:-58px;opacity:1}25%{bottom:-58px;opacity:1}53%{bottom:0;opacity:1}80%{bottom:0;opacity:1}85%{bottom:0;opacity:0}to{bottom:0;opacity:0}}.scroll-animation .screen-4 .gale-chat-input{border-top:1px solid #dfdfdf;padding:16px}.scroll-animation .screen-5{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%}.scroll-animation .screen-5 .mobile-screen{left:50%;position:absolute;top:50%;translate:-50% -50%}.scroll-animation .screen-5 .mobile-gradient{opacity:0}.section-5.scroll-animation .screen-5 .mobile-gradient{animation:mobileGradient .8s .2s forwards}.section-6.scroll-animation .screen-5 .mobile-gradient{opacity:1}@keyframes mobileGradient{0%{opacity:0}to{opacity:1}}.scroll-animation .screen-5 .mobile-clock{opacity:0;translate:0 20px}.section-5.scroll-animation .screen-5 .mobile-clock{animation:mobileClock 3.1s .5s forwards}@keyframes mobileClock{0%{opacity:0;translate:0 20px}40%{opacity:1;translate:0 0}70%{opacity:1;translate:0 0}to{opacity:0;translate:0 20px}}.scroll-animation .screen-5 .notification{left:50%;opacity:0;position:absolute;scale:.6;top:50%;transform-box:fill-box;transform-origin:center;translate:-50% -50%}.section-5.scroll-animation .screen-5 .notification{animation:notificationIn 1.8s 1s forwards}@keyframes notificationIn{0%{opacity:0;scale:.6}60%{opacity:1;scale:1}85%{opacity:1;scale:1}to{opacity:0;scale:1}}.scroll-animation .screen-5 .toast{opacity:0;position:absolute;right:-360px;top:0}.section-5.scroll-animation .screen-5 .toast{animation:toastIn 2s 1.2s forwards}@keyframes toastIn{0%{opacity:0;right:-360px}60%{opacity:1;right:0}85%{opacity:1;right:0}to{opacity:0;right:-360px}}.scroll-animation .screen-5 g.screens-wrap g.email-impacted{opacity:0;transform:translate(19px,535px)}.section-5.scroll-animation .screen-5 g.screens-wrap g.email-impacted{animation:emailImpacted 1s 3.2s forwards}@keyframes emailImpacted{0%{opacity:0;transform:translate(19px,535px)}to{opacity:1;transform:translate(19px,14px)}}.scroll-animation .screen-5 g.screens-wrap{position:relative}.section-6.scroll-animation .screen-5 g.screens-wrap g.email-impacted{opacity:1;transform:translate(19px,14px)}.scroll-animation .screen-5 .mobile-speaker{opacity:1}.section-6.scroll-animation .screen-5 .mobile-speaker{animation:mobileSpeaker .5s forwards}@keyframes mobileSpeaker{0%{opacity:1}to{opacity:0}}.scroll-animation .screen-5 .acknowledge-btn{align-items:center;background-color:#fff;border-radius:0 0 30px 30px;bottom:100px;display:flex;height:87px;justify-content:center;left:50%;opacity:0;position:absolute;translate:-50% 2px;width:236px;z-index:999}.scroll-animation .screen-5 .acknowledge-btn .btn-inner{align-items:center;background-color:#4dceb0;border-radius:12px;color:#fff;display:flex;font-size:15px;font-weight:700;height:48px;justify-content:center;line-height:23px;width:218px}.section-6.scroll-animation .screen-5 .acknowledge-btn{animation:acknowledgeBtn .5s .5s forwards}@keyframes acknowledgeBtn{0%{opacity:0}to{opacity:1}}.scroll-animation .cs-indicators{bottom:49px;height:6px;left:29px;position:absolute;transition:all .5s;width:658px}.scroll-animation .cs-indicators:after,.scroll-animation .cs-indicators:before{background-color:#222;content:"";height:1px;position:absolute;top:50%;transform:translateY(-50%);transition:all .5s;width:0}.scroll-animation .cs-indicators:before{right:100%}.scroll-animation .cs-indicators:after{left:100%}.section-2.scroll-animation .cs-indicators{bottom:53px;left:165px}.section-3.scroll-animation .cs-indicators{background-color:rgba(189,0,35,.3);bottom:147px;left:142px;z-index:10}.section-3.scroll-animation .cs-indicators:before{right:100%;width:72px}.section-3.scroll-animation .cs-indicators:after{left:100%;width:72px}.scroll-animation .cs-indicator{background-color:#bd0022;border-radius:4px;position:absolute;top:50%;transform:translateY(-50%);z-index:9}.scroll-animation .cs-indicator.indicator-1{aspect-ratio:1/1;border:2px solid #dfdfdf;height:32px;left:0;top:2px;width:32px}.scroll-animation .cs-indicator.indicator-1 svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.section-1.scroll-animation .cs-indicator.indicator-1 svg{animation:check 2s .5s forwards}@keyframes check{0%{opacity:0}30%{opacity:1}to{opacity:0}}.section-2.scroll-animation .cs-indicator.indicator-1{border-width:0;height:16px;left:230px;transition:all .5s;width:32px}.section-3.scroll-animation .cs-indicator.indicator-1{border-radius:0;border-width:0;height:5px;left:70px;transition:all .5s;width:36px}.section-4.scroll-animation .cs-indicator.indicator-1,.section-5.scroll-animation .cs-indicator.indicator-1,.section-6.scroll-animation .cs-indicator.indicator-1{opacity:0}.scroll-animation .cs-indicator.indicator-2{height:16px;left:282px;width:0}.section-2.scroll-animation .cs-indicator.indicator-2{transition:width .5s 1s;width:292px}.section-3.scroll-animation .cs-indicator.indicator-2{border-radius:0;height:5px;left:122px;transition:all .5s;width:313px}.scroll-animation .cs-indicator.indicator-3{height:16px;left:614px;width:0}.section-2.scroll-animation .cs-indicator.indicator-3{transition:width .5s 1s;width:17px}.section-3.scroll-animation .cs-indicator.indicator-3{border-radius:0;height:5px;left:494px;transition:all .5s;width:46px}.scroll-animation .cs-button#gale{align-items:center;background:#ededed;border-radius:4px;display:inline-flex;flex-shrink:0;gap:4px;height:34px;justify-content:center;opacity:0;padding:0 12px 0 8px;position:absolute;right:7px;top:7px;transition:opacity .5s}.section-2.scroll-animation .cs-button#gale,.section-3.scroll-animation .cs-button#gale{opacity:1;transition:opacity .5s}