.card-bo{padding:0 20px 30px;height:100%;display:flex;flex-direction:column;font-size:12px}.card-bo .card-cursor{position:absolute;background-color:#6e65ebcc;height:10px;width:10px;border-radius:50%;display:none}.card-bo .head{--tw-bg-opacity: 1;background-color:rgb(19 18 30 / var(--tw-bg-opacity, 1));color:#fff3;margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);padding:5px 20px 5px 10px;opacity:0;transition:.5s ease;display:flex;justify-content:flex-start;align-items:center}.card-bo .head .burger{width:20px;height:20px;display:flex;flex-direction:column;justify-content:space-around}.card-bo .head .burger span{display:block;height:2px;width:100%;--tw-bg-opacity: 1;background-color:rgb(40 38 64 / var(--tw-bg-opacity, 1))}.card-bo .field{border-bottom:solid 1px rgba(255,255,255,.2)}.card-bo .full{width:100%}.card-bo .fill{flex:1}.card-bo .title{color:#fff3;height:1.8em;transition:.5s ease}.card-bo .wysiwyg{margin-top:20px;transition:.5s ease}.card-bo .wysiwyg .bar{background-color:#fff3;display:flex;align-items:center;padding:3px;transition:.25s ease;border-top-left-radius:3px;border-top-right-radius:3px;transition:.5s ease}.card-bo .wysiwyg .bar-item{border-radius:2px;border:solid 1px black;display:flex;align-items:center;justify-content:center;font-size:8px;color:#000;line-height:1;height:10px;width:10px}.card-bo .wysiwyg .bar-item+.bar-item{margin-left:3px}.card-bo .wysiwyg .bar-item.strong{font-weight:900}.card-bo .wysiwyg .bar-item.italic{font-style:italic}.card-bo .wysiwyg .body{border-bottom-left-radius:3px;border-bottom-right-radius:3px;padding:3px 5px;border:solid 1px rgba(255,255,255,.2);border-top:none;height:7.6em;font-size:10px;color:#fff3;transition:.5s ease}.card-bo .upload{border-radius:3px;margin-top:20px;border:dashed 1px rgba(255,255,255,.2);height:60px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;transition:.5s ease}.card-bo .upload .icon{fill:#fff3;height:20px;width:20px}.card-bo .upload-img{content:"";position:absolute;inset:5px;z-index:2;background-color:#fff3;opacity:0;transform:translate(100%) translate(40px) rotate(-15deg);transition:transform .5s ease 1s,opacity .8s ease .3s,top .5s ease,left .5s ease,right .5s ease,bottom .5s ease}.card-bo .publish{padding:10px 20px;border-radius:3px;transition:.25s ease;--tw-bg-opacity: 1;background-color:rgb(237 96 98 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.card-bo.anim-title .title{border-color:#fff;color:#fff}.card-bo.anim-body .wysiwyg .bar{background-color:#fff}.card-bo.anim-body .wysiwyg .body{color:#fff}.card-bo.anim-picture .upload{border-color:#fff}.card-bo.anim-picture .upload-img{opacity:1;transform:none}.card-bo.anim-publish .upload-img{opacity:1;transform:none;background-color:#fff3}.card-bo.anim-publish .publish{animation:pushed .5s .5s}@keyframes pushed{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.card-bo.anim-end .head{opacity:1;margin-bottom:2.5rem}.card-bo.anim-end .title{border:none;font-size:25px;color:#fff}.card-bo.anim-end .wysiwyg{border:none;margin-top:5px}.card-bo.anim-end .wysiwyg .body{border:none;color:#fff;padding:0;font-size:13px;height:60px}.card-bo.anim-end .wysiwyg .bar{opacity:0;height:0}.card-bo.anim-end .upload{margin-top:30px;border:none;height:100px}.card-bo.anim-end .upload-img{inset:0;border-radius:.5em}.card-bo.anim-end .publish{transform:translateY(40px);opacity:0;height:20px}.card-perf{padding:30px 20px;height:100%;display:flex;flex-direction:column}.card-perf .icon{fill:#fff3;width:30px}.card-perf__inner{height:100%}.card-perf .fill{flex:1}.card-perf .graphic{border-bottom:solid 2px rgba(255,255,255,.2);border-left:solid 2px rgba(255,255,255,.2);padding:10px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;transition:.5s ease;position:relative}.card-perf .graphic-title{font-size:16px;font-weight:300;letter-spacing:.1em;margin-bottom:30px;color:#fff3;flex-shrink:0}.card-perf .bar{height:25px;position:relative;transition:.5s ease}.card-perf .bar:before{border-top-right-radius:.5em;border-bottom-right-radius:.5em;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:#fff3;animation:perfH1 infinite alternate 1s ease;transition:.5s ease}@keyframes perfH1{0%{width:90%}40%{width:95%}60%{width:92%}to{width:100%}}.card-perf .bar+.bar{margin-top:10px}.card-perf .metric{position:absolute;display:flex;justify-content:space-between}.card-perf .metric span{background-color:#fff3}.card-perf .metric.bottom{bottom:0;width:100%;height:3px}.card-perf .metric.bottom span:first-child,.card-perf .metric.bottom span:last-child{opacity:0}.card-perf .metric.bottom span{width:1px;height:100%}.card-perf .head .bar:nth-child(1){width:20%}.card-perf .head .bar:nth-child(1):before{background-color:#fff3}.card-perf .head .bar:nth-child(2){width:30%}.card-perf .head .bar:nth-child(2):before{animation-delay:.3s}.card-perf .head .bar:nth-child(3){width:15%}.card-perf .head .bar:nth-child(3):before{animation-delay:.5s}.card-perf .head .bar:nth-child(4){width:22%}.card-perf .head .bar:nth-child(4):before{animation-delay:.2s}.card-perf .head .bar:nth-child(5){width:13%}.card-perf .head .bar:nth-child(5):before{animation-delay:.1s}.card-perf .google{margin-top:30px;display:flex;justify-content:center;position:relative;transition:.5s ease}.card-perf .google img{width:50px}.card-perf .google .icon{fill:#ed6062;width:15px;height:15px;position:absolute;left:50%;top:0;transform:translate(50%,-50%) translate(15px);transition:.25s ease}.card-perf .graphic-title{transition:.5s ease;height:3.6em;opacity:1}.card-perf .graphic-title .anim-hidden{--tw-bg-opacity: 1;background-color:rgb(237 96 98 / var(--tw-bg-opacity, 1));color:#fff;transition:.5s ease;padding:3px 5px;border-radius:3px;margin-top:8px;display:inline-flex}.card-perf.animated .head,.card-perf.animated .head .bar{transition-delay:.5s}.card-perf.animated .head .bar:before{transition-delay:.5s;animation-duration:1.5s!important;--tw-bg-opacity: 1;background-color:rgb(110 101 235 / var(--tw-bg-opacity, 1))}.card-perf.animated .head .bar:nth-child(1){width:90%;transition-delay:.5s}.card-perf.animated .head .bar:nth-child(2){width:100%;transition-delay:.6s}.card-perf.animated .head .bar:nth-child(3){width:85%;transition-delay:.7s}.card-perf.animated .head .bar:nth-child(4){width:92%;transition-delay:.8s}.card-perf.animated .head .bar:nth-child(5){width:93%;transition-delay:.9s}.card-perf.animated .google{transition-delay:1.7s}.card-perf.animated .google .icon{transition-timing-function:cubic-bezier(.11,.85,.42,2);transition-delay:2.5s}.card-perf:not(.animated) .graphic-title{height:1.2em;overflow:hidden}.card-perf:not(.animated) .anim-hidden{opacity:0}.card-perf:not(.animated) .google{opacity:0}.card-perf:not(.animated) .google .icon{transform:translate(50%,-50%) translate(15px) scale(0)}.card-ux{height:100%;overflow:hidden;position:relative}.card-ux .header{padding:2em 3em;display:flex;justify-content:space-between;align-items:center}.card-ux .overlay{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:#000000b3;opacity:0;transition:opacity .5s ease}.card-ux .mmenu{content:"";position:absolute;top:0;right:0;width:70%;height:100%;z-index:2;background-color:#7e7a92;transform:translate(102%);transition:.5s ease;--tw-bg-opacity: 1;background-color:rgb(40 38 64 / var(--tw-bg-opacity, 1));display:flex;flex-direction:column;padding:8em 3em 2em}.card-ux .mmenu div{height:3em;width:80%;background-color:#fff3;opacity:0}.card-ux .mmenu div:nth-child(1){width:80%}.card-ux .mmenu div:nth-child(2){width:100%}.card-ux .mmenu div:nth-child(4){width:90%}.card-ux .mmenu div:nth-child(3){width:40%}.card-ux .mmenu div:last-child{margin-top:6em;background-color:#ed606280;border-radius:2em}.card-ux .mmenu div{border-radius:1em}.card-ux .mmenu div+div{margin-top:3em}.card-ux .burger-icon{opacity:.8}.card-ux .body{padding:0 3em;margin-top:5em}.card-ux .pageTitle{height:8em;width:90%;background-color:#fff3;margin-bottom:4em}.card-ux .card{display:flex;flex-direction:column;align-items:center}.card-ux .card+.card{margin-top:8em}.card-ux .img{width:100%;background-color:#6e65eb80;border-radius:1em;padding-bottom:60%}.card-ux .title{background-color:#fff3;height:3.5em;width:60%;margin-top:3em}.card-ux .description{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:2.5em}.card-ux .description div{background-color:#fff3;height:1.6em;width:100%}.card-ux .description div:last-child{width:30%;background-color:#ed606299;border-radius:1em;margin-top:2.5em}.card-ux .description div+div{margin-top:1.6em}.card.card-1 .img{transition:.5s ease}.card.card-1 .title{transition:.5s ease .1s}.card.card-1 .description{transition:.5s ease .2s}.card.card-2 .img{transition:.5s ease .4s}.card.card-2 .title{transition:.5s ease .6s}.card.card-2 .description{transition:.5s ease .8s}.card:not(.loaded) .img,.card:not(.loaded) .title,.card:not(.loaded) .description{transform:translateY(5em);opacity:0}.card-ux.loaded .mmenu{transform:translate(0);transition-delay:1.4s}.card-ux.loaded .mmenu div{animation:mmenuIn .5s 1.6s forwards}.card-ux.loaded .mmenu div:nth-child(1){animation-delay:1.7s}.card-ux.loaded .mmenu div:nth-child(2){animation-delay:1.8s}.card-ux.loaded .mmenu div:nth-child(3){animation-delay:1.9s}.card-ux.loaded .mmenu div:nth-child(4){animation-delay:2s}.card-ux.loaded .mmenu div:nth-child(5){animation-delay:2.1s}@keyframes mmenuIn{0%{transform:translate(10em);opacity:0}to{transform:translate(0);opacity:1}}.card-ux.loaded .mmenu div:nth-child(2){animation:mmenuChoice2 2s 1.8s forwards!important}@keyframes mmenuChoice2{0%{transform:translate(10em);opacity:0;background-color:#fff3}25%{transform:translate(0);opacity:1}60%{transform:translate(0);background-color:#fff3}70%{transform:translate(0) scale(.95);background-color:#fff}80%{transform:translate(0) scale(1)}to{transform:translate(0) scale(1);opacity:1;background-color:#fff}}.card-ux.loaded .overlay{opacity:1;transition-delay:1.3s}.card-ux.loaded .burger-icon{animation:pushed2 .5s 1s}@keyframes pushed2{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.webdev{display:flex;margin-top:100px}@media only screen and (max-width: 1199px){.webdev{max-width:800px;position:relative}}@media (max-width: 1000px){.webdev{margin-left:auto;margin-right:auto;max-width:700px}}@media only screen and (max-width: 767px){.webdev{flex-direction:column;align-items:center;margin-top:60px;max-width:100%}}.webdev__viewport ul{transition:.5s ease}@media only screen and (max-width: 767px){.webdev__viewport ul{margin-left:auto;margin-right:auto}}.webdev__viewport li{width:100%}.webdev__viewport li button{width:100%;padding:10px 0;font-weight:500;transition:.25s ease}@media only screen and (max-width: 767px){.webdev__viewport li button{line-height:1.2}.webdev__viewport li:not(.active){display:none}}.webdev__viewport li:not(.active) button{opacity:.1;font-size:20px}.webdev__viewport li.active button{font-size:25px;position:relative}@media only screen and (max-width: 767px){.webdev__viewport li.active button{font-size:20px}}.webdev__viewport li.active button:before{--tw-bg-opacity: 1;background-color:rgb(237 96 98 / var(--tw-bg-opacity, 1));content:"";position:absolute;top:50%;left:-30px;height:10px;width:10px;z-index:-1;border-radius:50%;transform:translateY(-50%)}@media only screen and (max-width: 767px){.webdev__viewport li.active button:before{display:none}}.webdev .controls{flex-direction:column;align-items:center;position:absolute;bottom:120px;left:0}.webdev .controls button{border-width:2px;--tw-border-opacity: 1;border-color:rgb(24 23 38 / var(--tw-border-opacity, 1));height:20px;width:20px;margin:5px 0;border-radius:50%}.webdev .controls button.active{--tw-bg-opacity: 1;background-color:rgb(237 96 98 / var(--tw-bg-opacity, 1))}.webdev .phone{flex-shrink:0;position:absolute;right:40px;bottom:150px;z-index:10}@media only screen and (max-width: 1199px){.webdev .phone{bottom:-120px;right:0;font-size:4.8px}}@media (max-width: 1000px){.webdev .phone{bottom:-120px;right:50px}}@media only screen and (max-width: 767px){.webdev .phone{position:relative;top:auto;bottom:auto;right:auto;transform:perspective(700px) rotate(14deg) rotateX(0) rotateY(-13deg) translate(-50px) scale(.8)!important}}.phone{margin-bottom:-20px;margin-left:30em;flex-shrink:0;font-size:5px;border:4em solid #1f1f1f;border-width:5.5em .7em;border-radius:4em;transition:all .5s ease;will-change:box-shadow transform;box-shadow:0 .1em #13121e,0 .2em #13121e,0 .3em #13121e,0 .4em #13121e,0 5.7em 3em #13121e33}.phone:not(.flat){transform:perspective(700px) rotate(14deg) rotateX(0) rotateY(-13deg) translate(-50px);box-shadow:.5em .1em #13121e,.9em .2em #13121e,1.2em .3em #13121e,1.5em .4em #13121e,10em 5.7em 3em #13121e33}.phone{width:36em;height:78em}.phone__trigger{content:"";position:absolute;bottom:-1em;left:50%;width:3.5em;height:3.5em;border-radius:50%;background-color:#353535;transform:translate(-50%,100%);z-index:2;font-size:inherit;transition:.25s ease}.phone__trigger:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background-color:#353535;transform:translate(-50%,-50%);z-index:-1;font-size:inherit;transition:.25s ease;opacity:0}.phone__trigger:hover{background-color:#454545}@keyframes wave{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{opacity:.2}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.phone__trigger:hover:before{animation:wave .25s forwards}.phone__trigger:focus{outline:none}.frame{-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;width:100%;position:relative;transition:all .5s;display:flex;align-items:flex-end;justify-content:flex-end;padding-bottom:10px;padding-right:20px}.frame__cards{background-image:linear-gradient(60deg,transparent 1%,#111117 100%);top:0;position:absolute;display:flex;flex-direction:column;left:0;width:100%;height:100%}.frame-enter{opacity:0}.frame-enter-to{opacity:1}.frame-enter-active{transition:.5s ease;position:absolute;top:0;left:0;width:100%;height:100%}.frame-leave{opacity:1}.frame-leave-to{opacity:0}.frame-leave-active{transition:.5s ease;position:absolute;top:0;left:0;width:100%;height:100%}