.project-interface-animation{width:min(100%,24rem);margin:0 0 1rem;align-self:center}.project-interface-animation svg{width:100%;height:auto;overflow:visible;stroke:#9976d6;stroke-width:1.3}.project-interface-animation__browser>rect:first-child,.project-interface-animation__phone>rect:first-child{fill:#fff;stroke:#b19ad3}.project-interface-animation__fill{fill:#e8dfff;stroke:#c1aaed}.project-interface-animation__button{fill:#9570d6;stroke:none}.project-interface-animation__connections{stroke:#bba4e3;stroke-dasharray:6 6}.project-interface-animation__nodes{fill:#f2ecff}@media(prefers-reduced-motion:no-preference){.project-interface-animation__browser{animation:project-build-browser 8s ease-in-out infinite}.project-interface-animation__phone{animation:project-build-phone 8s ease-in-out infinite}.project-interface-animation__nodes{animation:project-build-nodes 8s ease-in-out infinite}.project-interface-animation__connections{animation:project-build-connect 8s linear infinite}}.project-interface-animation[data-live=false] *{animation-play-state:paused!important}@keyframes project-build-browser{0%,7%{opacity:0;transform:translateY(8px) scale(.96)}20%,85%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-5px)}}@keyframes project-build-phone{0%,25%{opacity:0;transform:translate(10px,8px)}40%,85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-5px)}}@keyframes project-build-nodes{0%,40%{opacity:0;transform:translateY(4px)}55%,85%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes project-build-connect{0%,30%{opacity:0;stroke-dashoffset:30}50%,85%{opacity:1}to{opacity:0;stroke-dashoffset:0}}.project-interface-animation{width:min(100%,34rem);margin:0 0 .5rem}.project-interface-animation__browser,.project-interface-animation__nodes,.project-interface-animation__phone{animation:none!important;opacity:1;transform:none}.project-interface-animation__connections{animation:project-data-flow 12s linear infinite;opacity:.6}.project-interface-animation__ad,.project-interface-animation__chart{transform-origin:center}.project-interface-animation__data{animation:project-data-flow 8s linear infinite}@media(prefers-reduced-motion:no-preference){.project-interface-animation__cursor{animation:project-cursor-action 10s ease-in-out infinite}.project-interface-animation__click{transform-origin:190px 89px;animation:project-click-action 10s ease-out infinite}.project-interface-animation__notification{animation:project-notification 10s ease-in-out infinite}.project-interface-animation__chart{animation:project-chart-action 10s ease-in-out infinite}.project-interface-animation__browser .project-interface-animation__fill{animation:project-design-fill 10s ease-in-out infinite}}@keyframes project-data-flow{to{stroke-dashoffset:-80}}@keyframes project-cursor-action{0%,15%,to{transform:translate(-20px,-15px)}35%,50%{transform:translate(2px,17px)}65%,80%{transform:translate(40px,-35px)}}@keyframes project-click-action{0%,30%,55%,to{opacity:0;transform:scale(.4)}40%{opacity:.7;transform:scale(1.6)}}@keyframes project-notification{0%,45%,to{opacity:.4;transform:translateY(3px)}55%,85%{opacity:1;transform:none}}@keyframes project-chart-action{0%,40%,to{transform:translateY(2px)}65%,85%{transform:translateY(-2px)}}@keyframes project-design-fill{0%,to{fill:#e8dfff}35%,70%{fill:#d2c2f0}}@media(prefers-reduced-motion:reduce){.project-interface-animation *{animation:none!important}}.project-build-scene{width:min(100%,34rem);margin:.75rem 0 1.15rem}.project-build-scene svg{stroke:#b59bd7;stroke-width:1.3}.project-build-scene__connection{stroke-dasharray:4 5;animation:project-data-flow 9s linear infinite}.project-build-scene__block{transform-origin:center;animation:project-block-assemble 12s ease-in-out infinite}.project-build-scene__block--1{animation-delay:.35s}.project-build-scene__block--2{animation-delay:.7s}.project-build-scene__booking{animation:project-booking 12s ease-in-out infinite}.project-build-scene__ads{animation:project-ad-launch 12s ease-in-out infinite}.project-build-scene__cursor{animation:project-site-cursor 12s ease-in-out infinite}.project-build-scene__tap{transform-origin:185px 109px;animation:project-site-tap 12s ease-out infinite}@keyframes project-block-assemble{0%,to{opacity:.45;transform:translateY(3px)}20%,85%{opacity:1;transform:none}}@keyframes project-booking{0%,35%,to{opacity:.4}50%,85%{opacity:1}}@keyframes project-ad-launch{0%,45%,to{opacity:.65;transform:translateY(2px)}65%,85%{opacity:1;transform:none}}@keyframes project-site-cursor{0%,to{transform:translate(-30px,-20px)}25%,45%{transform:none}65%,85%{transform:translate(55px,-75px)}}@keyframes project-site-tap{0%,20%,45%,to{opacity:0;transform:scale(.4)}30%{opacity:.8;transform:scale(1.7)}}@media(prefers-reduced-motion:reduce){.project-build-scene *{animation:none!important}}