@-webkit-keyframes draw-in{0%{-webkit-mask-position:var(--mask-start);mask-position:var(--mask-start)}to{-webkit-mask-position:var(--mask-end);mask-position:var(--mask-end)}}@keyframes draw-in{0%{-webkit-mask-position:var(--mask-start);mask-position:var(--mask-start)}to{-webkit-mask-position:var(--mask-end);mask-position:var(--mask-end)}}@-webkit-keyframes draw-out{0%{-webkit-mask-position:var(--mask-end);mask-position:var(--mask-end)}to{-webkit-mask-position:var(--mask-out);mask-position:var(--mask-out)}}@keyframes draw-out{0%{-webkit-mask-position:var(--mask-end);mask-position:var(--mask-end)}to{-webkit-mask-position:var(--mask-out);mask-position:var(--mask-out)}}@-webkit-keyframes framework-highlight{0%{stroke-dashoffset:var(--highlight-start)}50%,to{stroke-dashoffset:var(--highlight-end)}}@keyframes framework-highlight{0%{stroke-dashoffset:var(--highlight-start)}50%,to{stroke-dashoffset:var(--highlight-end)}}.framework-anim{--node-height:64px;--node-gap:12px;padding:64px 0 128px}@media (min-width:1280px){.framework-anim{display:grid;padding:116px 0 160px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:278fr 351fr 652px}}.framework-anim__nodes{list-style:none;margin:0;padding:0}@media not screen and (min-width:1280px){.framework-anim__nodes{display:-webkit-box;display:-ms-flexbox;display:flex;gap:18px;margin-inline:calc(var(--container-margin)*-1);overflow:hidden;padding-inline:var(--container-margin);padding-bottom:32px;padding-top:2px}.framework-anim__nodes::-webkit-scrollbar{height:0}}.framework-anim__node{border-radius:12px;font-size:14px;font-weight:500;margin:0;opacity:0;padding:0;position:relative;scale:.9;text-transform:uppercase;-webkit-transform:none;transform:none;-webkit-transition:scale .67s .5s var(--ease-pr);transition:scale .67s .5s var(--ease-pr);white-space:nowrap}@media not screen and (min-width:1280px){.framework-anim__node{width:256px;-ms-flex-negative:0;flex-shrink:0;position:relative}.framework-anim__node .framework-anim__connection{left:50%;margin-left:-1px;margin-top:0;position:absolute;top:100%}}@media (min-width:1280px){.framework-anim__node+.framework-anim__node{margin-top:var(--node-gap)}}.framework-anim__node span{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background-color:var(--cta-block-background-color);border-radius:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;padding:0 16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--node-height);opacity:0;-webkit-transition:opacity .67s .5s var(--ease-pr);transition:opacity .67s .5s var(--ease-pr)}.framework-anim__node:after,.framework-anim__node:before{--mouse-x:5%;background-image:radial-gradient(circle at var(--mouse-x,0) var(--mouse-y,0),transparent 0,transparent calc(var(--mask-scale, 0)*1.5%),var(--background-color) calc(var(--mask-scale, 0)*2%)),linear-gradient(89.36deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.23) 100%);background-origin:border-box;border:2px solid transparent;border-radius:inherit;content:"";inset:-2px;-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;z-index:-50}.framework-anim__node:after{background-image:radial-gradient(circle at var(--mouse-x,0) var(--mouse-y,0),transparent 0,transparent calc(var(--highlight-mask-scale, 0)*1.5%),var(--background-color) calc(var(--highlight-mask-scale, 0)*2%)),var(--audience-gradient)}.framework-anim__node.active:after{opacity:1}.framework-anim__node.animated{scale:1}.framework-anim__node.animated span{opacity:1}.framework-anim__node:after{opacity:0}.framework-anim__node .icon{width:32px}.framework-anim__node::marker{content:""}.framework-anim__middle{height:100%;position:relative;width:100%}@media (min-width:1280px){.framework-anim__middle{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:100px 1fr 78px}}.framework-anim__connections{height:100%;position:relative;z-index:0}@media not screen and (min-width:1280px){.framework-anim__connections--after{height:30px}.framework-anim__connections--after .framework-anim__connection{left:50%}}.framework-anim__connections--after .framework-anim__connection{--node:0}@media (min-width:1280px){.framework-anim__connections--after .framework-anim__connection{margin-top:-1px;top:50%}}.framework-anim__connections--after .framework-anim__connection--highlight path{-webkit-animation-delay:1.1s;animation-delay:1.1s}.framework-anim__connection{--stroke-length:30px;--highlight-size:20px;grid-column:1;opacity:0;position:absolute;-webkit-transition:.1s opacity var(--ease-pr);transition:.1s opacity var(--ease-pr)}@media (min-width:1280px){.framework-anim__connection{--stroke-length:79px;left:0;margin-top:-1px;top:50%}.framework-anim__connection[data-node="0"],.framework-anim__connection[data-node="1"],.framework-anim__connection[data-node="2"]{top:calc((var(--node-height) + var(--node-gap))*var(--node) + var(--node-height)/2 - 1px)}.framework-anim__connection[data-node="0"]{--stroke-length:283px}.framework-anim__connection[data-node="1"]{--stroke-length:207px}.framework-anim__connection[data-node="2"],.framework-anim__connection[data-node="3"]{--stroke-length:131px}.framework-anim__connection[data-node="4"]{--stroke-length:215px}.framework-anim__connection[data-node="5"]{--stroke-length:275px}}.framework-anim__connection.active{opacity:1}.framework-anim__connection--main{--mask-start:100%;--mask-end:0;--mask-out:-100%;--mask-direction:to right;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(var(--mask-direction)),color-stop(50%,#000),color-stop(50%,transparent));-webkit-mask-image:linear-gradient(var(--mask-direction),#000 50%,transparent 50%);mask-image:-webkit-gradient(linear,left top,left bottom,from(var(--mask-direction)),color-stop(50%,#000),color-stop(50%,transparent));mask-image:linear-gradient(var(--mask-direction),#000 50%,transparent 50%);-webkit-mask-position:var(--mask-start);mask-position:var(--mask-start);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:200% 100%;mask-size:200% 100%;z-index:0}@media not screen and (min-width:1280px){.framework-anim__connection--main{--mask-direction:to bottom;--mask-start:0 100%;--mask-end:0 0;--mask-out:0 -100%;-webkit-mask-size:100% 200%;mask-size:100% 200%}}.framework-anim__connection--main.active{-webkit-animation:draw-in .67s var(--ease-pr) forwards;animation:draw-in .67s var(--ease-pr) forwards}.framework-anim__connection--main.out{-webkit-animation:draw-out .33s var(--ease-pr) forwards;animation:draw-out .33s var(--ease-pr) forwards;-webkit-mask-position:var(--mask-end);mask-position:var(--mask-end)}.framework-anim__connection--highlight{z-index:100}.framework-anim__connection--highlight path{--highlight-start:var(--highlight-size);--highlight-end:calc(var(--stroke-length) + var(--highlight-size)*2);stroke-dasharray:var(--highlight-size) var(--stroke-length);stroke-dashoffset:var(--highlight-start);-webkit-animation:framework-highlight 2s linear infinite forwards;animation:framework-highlight 2s linear infinite forwards}@media not screen and (min-width:1280px){.framework-anim__connection--highlight path{--highlight-start:calc(var(--stroke-length) + var(--highlight-size)*2);--highlight-end:var(--highlight-size)}.framework-anim__connection--desktop{display:none!important}}@media (min-width:1280px){.framework-anim__connection--mobile{display:none!important}}.framework-anim__logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-image:linear-gradient(109.32deg,#af81b9 -10.82%,#6c4c9f 24.96%,#0076a8 72.66%,#00965e 109.77%);border-radius:16px;gap:16px;justify-content:center;opacity:0;padding:24px;position:relative;scale:.9;text-align:center;-webkit-transition:.67s var(--ease-pr);transition:.67s var(--ease-pr);z-index:100}@media (min-width:1280px){.framework-anim__logo{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;height:172px}}.framework-anim__logo .company-logo,.framework-anim__logo span{opacity:0;scale:.9;-webkit-transition:inherit;transition:inherit;-webkit-transition-delay:60ms;transition-delay:60ms}.framework-anim__logo .company-logo{height:auto;width:54px}.framework-anim__logo.active,.framework-anim__logo.active .company-logo,.framework-anim__logo.active span{opacity:1;scale:1}.framework-anim__tablet{border-radius:16px;position:relative}.framework-anim__tablet:before{--mouse-y:50%;background-image:radial-gradient(circle at var(--mouse-x,0) var(--mouse-y,0),transparent 0,transparent calc(var(--mask-scale, 0)*1.5%),var(--background-color) calc(var(--mask-scale, 0)*2%)),linear-gradient(89.36deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.23) 100%);background-origin:border-box;border:2px solid transparent;border-radius:inherit;content:"";inset:-2px;-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;z-index:-50}.framework-anim__tablet.active{opacity:1}.framework-anim__tablet.active .framework-anim__tablet-content{opacity:1;scale:1}.framework-anim__bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.framework-anim__bar img{display:block}.framework-anim__bar:after{background-color:#eff2f5;border-radius:20px;content:"";display:block;height:24px;opacity:.2;width:var(--column-width)}.framework-anim__tablet-content{--gap:9px;--column-width:calc(33.33333% - var(--gap)*2/3);--column-baseline:190;aspect-ratio:652/444;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background-color:rgba(187,194,255,.1);border-radius:inherit;display:grid;gap:19px;grid-template-rows:24px 1fr;opacity:0;padding:26px 32px 0;scale:.9;-webkit-transition:.67s .5s var(--ease-pr);transition:.67s .5s var(--ease-pr)}.framework-anim__viewport{--accounts-height:215px;--recent-activity-height:215px;--card-details-height:326px;--budget-height:294px;--chat-height:243px;--new-account-height:160px;--home-ownership-height:164px;--credit-score-height:252px;--goals-height:198px;--connect-height:105px;--cashflow-height:151px;--positive-pay-height:222px;overflow:hidden;position:relative}.framework-anim__viewport .widget-card{--column:0;--cards-above-height:0;--cards-above-count:0;height:auto;left:calc(var(--column-width)*var(--column) + var(--gap)*var(--column));position:absolute;top:calc(var(--cards-above-height) + var(--cards-above-count)*var(--gap));width:var(--column-width)}.framework-anim__viewport .widget-card--skeleton{mix-blend-mode:overlay}.framework-anim__viewport .widget-card--skeleton:before{--mouse-y:50%;background-image:radial-gradient(circle at var(--mouse-x,0) var(--mouse-y,0),transparent 0,transparent calc(var(--mask-scale, 0)*1.5%),#13141e calc(var(--mask-scale, 0)*2%)),linear-gradient(89.36deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.23) 100%);background-origin:border-box;border:2px solid transparent;border-radius:inherit;border-radius:16px;content:"";inset:-2px;-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;-webkit-transition:inherit;transition:inherit;-webkit-transition-delay:.33s;transition-delay:.33s;z-index:-50}.framework-anim__viewport .widget-card--skeleton svg{opacity:0;-webkit-transition:inherit;transition:inherit;-webkit-transition-delay:.33s;transition-delay:.33s}.framework-anim__viewport .widget-card--skeleton.active.visible{opacity:1}.framework-anim__viewport .widget-card--skeleton.active.visible:before{opacity:0}.framework-anim__viewport .widget-card--skeleton.active.visible svg{opacity:1}.framework-anim__viewport .widget-card--budget{--cards-above-height:var(--accounts-height);--cards-above-count:1}.framework-anim__viewport .widget-card--goals{--cards-above-height:calc(var(--accounts-height) + var(--budget-height));--cards-above-count:2}.framework-anim__viewport .widget-card--connect{--cards-above-height:calc(var(--accounts-height) + var(--budget-height) + var(--goals-height));--cards-above-count:3}.framework-anim__viewport .widget-card--cashflow,.framework-anim__viewport .widget-card--chat,.framework-anim__viewport .widget-card--credit-score,.framework-anim__viewport .widget-card--recent-activity{--column:1}.framework-anim__viewport .widget-card--chat{--cards-above-height:var(--recent-activity-height);--cards-above-count:1}.framework-anim__viewport .widget-card--credit-score{--cards-above-height:calc(var(--recent-activity-height) + var(--chat-height));--cards-above-count:2}.framework-anim__viewport .widget-card--cashflow{--cards-above-height:calc(var(--recent-activity-height) + var(--chat-height) + var(--credit-score-height));--cards-above-count:3}.framework-anim__viewport .widget-card--card-details,.framework-anim__viewport .widget-card--home-ownership,.framework-anim__viewport .widget-card--new-account,.framework-anim__viewport .widget-card--positive-pay{--column:2}.framework-anim__viewport .widget-card--new-account{--cards-above-height:var(--card-details-height);--cards-above-count:1}.framework-anim__viewport .widget-card--home-ownership{--cards-above-height:calc(var(--card-details-height) + var(--new-account-height));--cards-above-count:2}.framework-anim__viewport .widget-card--positive-pay{--cards-above-height:calc(var(--card-details-height) + var(--new-account-height) + var(--home-ownership-height));--cards-above-count:3}