.desktop-frame[data-v-bae4303d]{align-items:center;aspect-ratio:16/9;background:#000;border:3px solid #999;border-radius:30px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px #0a254059;display:flex;justify-content:center;left:20rem;padding:24px 14px;position:absolute;position:relative;top:0;transition:.5s cubic-bezier(.075,.82,.165,1);z-index:2}.desktop-frame[data-v-bae4303d]:hover{transform:scale(1.1) translateY(26px);z-index:4}.desktop-frame.hide[data-v-bae4303d]{opacity:0;transform:translateY(30px)}.desktop-frame .desktop-screen[data-v-bae4303d]{background:#000;border-radius:20px;display:flex;justify-content:center;overflow:hidden;width:900px}.desktop-frame video[data-v-bae4303d]{background-color:#fff;height:100%;width:928px}.phone-frame[data-v-4f360e8a]{align-items:center;aspect-ratio:9/17;background:#000;border:3px solid #999;border-radius:30px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px #0a254059;display:flex;justify-content:center;left:0;position:absolute;top:6rem;transition:.5s cubic-bezier(.075,.82,.165,1);width:320px;z-index:3}.phone-frame[data-v-4f360e8a]:hover{transform:scale(1.1) translateY(-26px)}.phone-frame.hide[data-v-4f360e8a]{opacity:0;transform:translateY(30px)}.phone-frame .phone-screen[data-v-4f360e8a]{aspect-ratio:9/17;background:#000;border-radius:20px;display:flex;justify-content:center;overflow:hidden;width:300px}.phone-frame video[data-v-4f360e8a]{height:100%}section#hero{min-height:100vh;position:relative}section#hero .hero-background{background:url(./bg-hero.CWDq9d7K.jpg);background-size:cover!important;height:100%;left:0;opacity:.9;position:absolute;top:0;transform:skewY(-8deg);transform-origin:-74rem 100%;width:100%;z-index:1}section#hero h1{font-size:clamp(44px,5vw,56px);line-height:clamp(54px,5vw,74px)}section#hero .container{position:relative;z-index:2}section#tech{padding-top:4rem}section#tech .box-item img{margin:2.2rem 0;max-height:40px;max-width:clamp(110px,10vw,300px)}.performance-animation .card{padding:1.5rem;transition:all 1s ease}.performance-animation .card.active{background:#38b1ed}.performance-animation .card.active .bi,.performance-animation .card.active h4,.performance-animation .card.active p{color:#fff}.performance-animation .card .bi{color:#38b1ed;font-size:67px}.realtime-animation{min-width:530px}.realtime-animation .card-student-device{aspect-ratio:1/1;background-color:#f9f9f9;border:1px solid #c3ccd8;border-radius:8px;box-shadow:none;margin-bottom:6rem;transition:all .5s ease;width:100px}.realtime-animation .card-student-device .card-body{align-items:center;display:flex;justify-content:center;position:relative}.realtime-animation .card-student-device .card-body img{filter:grayscale(100%);transition:all .5s ease;width:50px}.realtime-animation .card-student-device .card-body span{bottom:-26px;font-size:12px;font-weight:700;opacity:0;position:absolute;transition:all .5s ease}.realtime-animation .card-student-device.active,.realtime-animation .card-student-device:hover{background-color:#fff;border-color:transparent;box-shadow:0 10px 20px #0000000d;transform:scale(1.05)}.realtime-animation .card-student-device.active .card-body img,.realtime-animation .card-student-device:hover .card-body img{filter:grayscale(0);transform:translateY(-8px);width:44px}.realtime-animation .card-student-device.active .card-body span,.realtime-animation .card-student-device:hover .card-body span{bottom:-20px;opacity:1}.realtime-animation .card-student-device.active:after,.realtime-animation .card-student-device:hover:after{border-color:#38b1ed}.realtime-animation .card-student-device:after{border-left:2px solid #c3ccd8;bottom:-6rem;content:"";height:6rem;left:48px;position:absolute;z-index:2}.realtime-animation .card-server-device{background-color:#f9f9f9;border:1px solid #c3ccd8;border-radius:8px;box-shadow:none;display:flex;justify-content:center;margin-bottom:6rem;position:relative;transition:all .5s ease;width:100%;z-index:3}.realtime-animation .card-server-device .card-body{align-items:center;display:flex;justify-content:center}.realtime-animation .card-server-device .card-body .bi{font-size:48px;opacity:.5;transition:all .5s ease}.realtime-animation .card-server-device .card-body .bi.active{color:#20a0e0;opacity:1}.realtime-animation .card-server-device .card-body span{bottom:-26px;font-size:12px;font-weight:700;opacity:0;position:absolute;transition:all .5s ease}.realtime-animation .card-server-device:hover{background-color:#fff;border-color:transparent;box-shadow:0 10px 20px #0000000d}.realtime-animation .card-server-device:hover .card-body .bi{transform:translateY(-8px)}.realtime-animation .card-server-device:hover .card-body span{bottom:-10px;opacity:1}.realtime-animation .card-manager-device{aspect-ratio:1/1;background-color:#f9f9f9;border:1px solid #c3ccd8;border-radius:8px;box-shadow:none;margin-bottom:6rem;transition:all .5s ease;width:100px}.realtime-animation .card-manager-device .card-body{align-items:center;display:flex;justify-content:center;position:relative}.realtime-animation .card-manager-device .card-body .bi{font-size:40px;transition:all .5s ease}.realtime-animation .card-manager-device .card-body .bi.active{color:#20a0e0}.realtime-animation .card-manager-device .card-body span{bottom:-26px;font-size:12px;font-weight:700;opacity:0;position:absolute;transition:all .5s ease}.realtime-animation .card-manager-device.active,.realtime-animation .card-manager-device:hover{background-color:#fff;border-color:transparent;box-shadow:0 10px 20px #0000000d;transform:scale(1.05)}.realtime-animation .card-manager-device.active .card-body .bi,.realtime-animation .card-manager-device:hover .card-body .bi{color:#20a0e0;font-size:32px;transform:translateY(-8px)}.realtime-animation .card-manager-device.active .card-body span,.realtime-animation .card-manager-device:hover .card-body span{bottom:-20px;opacity:1}.realtime-animation .card-manager-device.active:before,.realtime-animation .card-manager-device:hover:before{border-color:#38b1ed}.realtime-animation .card-manager-device:before{border-left:2px solid #c3ccd8;content:"";height:6rem;left:48px;position:absolute;top:-6rem;z-index:2}.answer-type-animation .card{height:120px;padding:0 .5rem;transition:all .5s ease}.answer-type-animation .card h4{font-size:clamp(16px,1.5vw,20px)}.answer-type-animation .card.active,.answer-type-animation .card:hover{background:#38b1ed;transform:scale(1.05)}.answer-type-animation .card.active h4,.answer-type-animation .card:hover h4{color:#fff}section#feature{background-color:#f7f9fc}section#feature h2{font-size:clamp(44px,5vw,52px);line-height:clamp(54px,5vw,72px)}section#feature .secure-device img{display:block;max-width:100%}section#client-sumarry{background-color:#f9f9f9;position:relative;z-index:1}section#client-sumarry .section-background{background-color:#0a2540;height:880px;overflow:hidden;position:absolute;transform:skewY(-6deg);transform-origin:-20rem 100%;width:100%;z-index:1}section#client-sumarry .section-background img{opacity:.2;position:absolute;right:0;top:10rem;transform:skewY(6deg);width:clamp(800px,90vw,1000px)}section#client-sumarry .container{z-index:2}section#client-sumarry .text-muted{color:#bebebe!important}section#client-sumarry .client-counter h3{border-left:3px solid #39c0ed;padding-left:1rem}section#client-sumarry .client-counter p{font-size:14px;line-height:24px;padding-left:calc(1rem + 3px)}section#access-device{background-color:#fff;position:relative;top:-2rem;z-index:2}section#access-device .card{padding:1.5rem}section#access-device .card img{height:60px}section#access-device .card a{font-size:15px}section#access-device .card a:hover .bi{transform:translate(3px)}section#access-device .card a .bi{font-size:15px;transition:all .2s}section#ask-to-join{background-color:#f7f9fc;position:relative}section#ask-to-join h3{font-size:26px;font-weight:700;line-height:34px}section#ask-to-join .action a .bi{transition:all .2s}section#ask-to-join .action a:hover .bi{transform:translate(3px)}section#ask-to-join .ask-varian{padding-left:.8rem}section#ask-to-join .ask-varian .bi{color:#39c0ed;font-size:50px}section#ask-to-join .ask-varian h6{position:relative}section#ask-to-join .ask-varian h6:before{border-left:2px solid #39c0ed;content:"";height:16px;left:calc(-.8rem - 2px);position:absolute;top:0}section#ask-to-join .ask-varian p{font-size:15px;line-height:24px}section#ask-to-join .ask-varian a,section#ask-to-join .ask-varian a .bi{font-size:15px}