.hero[data-v-2859f475]{height:100vh;background-repeat:no-repeat;background-size:cover;position:relative}.headers-wrap[data-v-2859f475]{position:absolute;bottom:0;text-shadow:2px 2px #000;text-align:left;padding:5vw}.title[data-v-2859f475]{margin:0;font-size:4rem;max-width:70%}h2[data-v-2859f475]{margin:0}.scroll[data-v-2859f475]{position:absolute;bottom:0;right:5%;padding:15px;border-radius:10px;transform:rotate(90deg) translateX(-20%)}.scroll[data-v-2859f475]:hover{background:hsla(0,0%,100%,.212)}.scroll .inner-wrap[data-v-2859f475]{display:flex;align-items:center;font-weight:700}.scroll .inner-wrap .bar[data-v-2859f475]{-webkit-animation:squish-data-v-2859f475 2.9s cubic-bezier(1,0,0,1) infinite;animation:squish-data-v-2859f475 2.9s cubic-bezier(1,0,0,1) infinite;width:90px;height:4px;background:#fff;margin-left:15px;border-radius:10px}.scroll .inner-wrap .arrow[data-v-2859f475]{width:10px;height:10px;border-top:4px solid #fff;border-right:4px solid #fff;border-radius:3px;margin-left:-11px;transform:rotate(45deg)}@-webkit-keyframes squish-data-v-2859f475{0%{transform-origin:0 0;transform:scaleX(0)}50%{transform-origin:0 0;transform:scale(1)}50.1%{transform-origin:100% 0;transform:scale(1)}to{transform-origin:100% 0;transform:scaleX(0)}}@keyframes squish-data-v-2859f475{0%{transform-origin:0 0;transform:scaleX(0)}50%{transform-origin:0 0;transform:scale(1)}50.1%{transform-origin:100% 0;transform:scale(1)}to{transform-origin:100% 0;transform:scaleX(0)}}section[data-v-31e1e988]{height:100vh;padding:50px}p[data-v-31e1e988]{width:40%;text-align:left;margin-bottom:3%}img[data-v-31e1e988]{width:50%}.ipad[data-v-31e1e988]{width:620px;height:400px;background:#fff;border:6px solid #a1a1a1;border-radius:30px;display:flex;justify-content:space-around;align-items:center}.ipad .cam-wrap[data-v-31e1e988]{display:flex;flex-direction:column;align-items:center}.ipad .cam-wrap .cam[data-v-31e1e988]{height:18px;width:18px;background:#000;border-radius:50%;margin-bottom:5px}.ipad .cam-wrap .sensor[data-v-31e1e988]{height:5px;width:5px;border:1px solid grey;border-radius:50%}.ipad .screen[data-v-31e1e988]{height:90%;width:84%;background:#000;border:.1px solid #000;border-radius:4px}.ipad .btn[data-v-31e1e988]{height:35px;width:35px;border:2px solid grey;border-radius:50%}.charts[data-v-1a929c66]{position:absolute;top:12%;right:0;width:15%;height:50%;border-radius:0 0 0 30px;padding:10px;padding-right:40px}.horizontal-bars[data-v-1a929c66]{width:100%}.horizontal-bars .bar-wrap[data-v-1a929c66]{display:flex;align-items:center;height:10px;margin-bottom:12px;transition:transform .4s}.horizontal-bars .bar-wrap[data-v-1a929c66]:hover{transform:scale(1.1)}.horizontal-bars .bar-wrap:hover .bar .inner[data-v-1a929c66]{background:#fff}.horizontal-bars .bar-wrap .bar[data-v-1a929c66]{width:100%;height:100%;background:hsla(0,0%,100%,.199)}.horizontal-bars .bar-wrap .bar .inner[data-v-1a929c66]{width:0;height:100%;background:hsla(0,0%,100%,.555);transition:width 3s}.horizontal-bars .bar-wrap .bar .inner.loaded[data-v-1a929c66]{width:50%}.horizontal-bars .bar-wrap .percent[data-v-1a929c66]{text-align:right;width:19%}.circles-effect[data-v-1a929c66]{position:relative;margin:20px}.arc[data-v-1a929c66]{position:absolute;top:0;left:0;width:100px;height:100px;border-radius:100%;border-style:solid;border-width:4px;border-color:#fff #fff #fff transparent;transition-duration:.7s;transition-timing-function:ease-in-out;transform:scale(0) rotate(105deg)}.arc[data-v-1a929c66]:hover{border-width:5px;border-color:wheat wheat wheat transparent}.arc1.loaded[data-v-1a929c66]{z-index:1;transform:scale(1) rotate(45deg)}.arc1.loaded[data-v-1a929c66]:hover{transform:scale(1.05) rotate(48deg)}.arc2.loaded[data-v-1a929c66]{z-index:2;transform:scale(.8) rotate(105deg)}.arc2.loaded[data-v-1a929c66]:hover{transform:scale(.85) rotate(107deg)}.arc3.loaded[data-v-1a929c66]{z-index:3;transform:scale(.6) rotate(5deg)}.arc3.loaded[data-v-1a929c66]:hover{transform:scale(.65) rotate(12deg)}.arc4.loaded[data-v-1a929c66]{z-index:4;transform:scale(.4) rotate(195deg)}.arc4.loaded[data-v-1a929c66]:hover{transform:scale(.45) rotate(205deg)}