@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#fff;margin:0;padding:0}.dfrnc__logo{height:150px;margin-bottom:20px;width:150px}.dfrnc__logo img{height:auto;width:100%}.dfrnc__popup{-webkit-box-pack:center;-ms-flex-pack:center;height:100vh;justify-content:center;position:absolute;z-index:9}.dfrnc__popup,.dfrnc__popup-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.dfrnc__popup-container{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;-webkit-box-shadow:0 4px 30px rgba(0,0,0,.1);box-shadow:0 4px 30px rgba(0,0,0,.1);font-family:Montserrat,sans-serif;height:auto;max-width:1000px;padding:60px;position:relative;z-index:8}.dfrnc__popup-container .close{color:#fff;cursor:pointer;font-size:28px;font-weight:600;position:absolute;right:20px;top:20px}.dfrnc__popup-container h1:first-child{font-size:48px}.dfrnc__popup-container h1:nth-child(2){font-size:28px;font-weight:400;margin-bottom:20px;margin-top:10px}.dfrnc__anim{min-height:100vh;overflow:hidden;position:relative;width:100%}.dfrnc__anim .card svg{height:100vh;overflow:visible;position:absolute;top:-10%;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:center center!important;-ms-transform-origin:center center!important;transform-origin:center center!important;width:100%;z-index:1}.dfrnc__anim #mainAnimContainer{height:100%;pointer-events:none;position:absolute;width:100%;z-index:2}.dfrnc__anim #mainAnimContainer canvas:first-child{position:relative;z-index:1}.dfrnc__btn-block{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Montserrat,sans-serif;justify-content:space-between;left:50%;max-width:1200px;padding:0 20px;position:absolute;top:70%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:2}.dfrnc__btn{font-weight:600;position:relative}.dfrnc__btn a{background:#fff;border-radius:10px;border-radius:5px;-webkit-box-shadow:0 0 15px #09a4e7;box-shadow:0 0 15px #09a4e7;color:#070922;display:inline-block;line-height:1.3;padding:10px 20px;position:relative;text-decoration:none}.dfrnc__btn a:hover{background-color:#09a4e7;color:#fff}.dfrnc__btn--2,.dfrnc__btn--3{margin-top:300px}.dfrnc__btn--click-efect{-webkit-box-shadow:0 0 15px #09a4e7;box-shadow:0 0 15px #09a4e7;height:100%;left:0;position:absolute;top:0;width:100%}.intro{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:30rem;justify-content:flex-end;min-height:100vh;position:relative}.intro,.intro__bg{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;pointer-events:none}.intro__bg{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-line-pack:center;align-content:center;align-items:center;height:100%;justify-content:center;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%) scale(1.5);-ms-transform:translateX(-50%) scale(1.5);transform:translateX(-50%) scale(1.5);width:100%;z-index:2}.intro__bg svg{display:block;-webkit-transform:translateY(10%) scale(2);-ms-transform:translateY(10%) scale(2);transform:translateY(10%) scale(2);width:100%}.intro__bg svg:first-child,.intro__bg svg:nth-child(2){opacity:.7}#someBg{height:auto;left:0;overflow:visible;top:0;-webkit-transform:none;-ms-transform:none;transform:none}#someBg,.card{position:absolute;width:100%}.card{height:100vh}.box{color:#fff;margin:50px auto;max-width:36vw;padding:20px;position:absolute;right:5vw;text-align:center;width:100%;z-index:2}.box #cloudG{height:auto;left:0;overflow:visible;position:absolute;top:0;-webkit-transform:none;-ms-transform:none;transform:none;z-index:-1}.box #cloudM,.box #textM{opacity:0}@media (max-width:1280px){.box{right:1vw}}@media (max-width:768px){.dfrnc__anim .card svg{min-height:100%;-o-object-fit:cover;object-fit:cover;top:0;width:100%}.dfrnc__anim #mainAnimContainer{top:25%}.dfrnc__btn--2,.dfrnc__btn--3{margin-top:150px;position:absolute}.dfrnc__btn--3{right:20px}.dfrnc__btn--1,.dfrnc__btn--2,.dfrnc__btn--3,.dfrnc__btn--4 a{font-size:14px}.box{left:50%;max-width:600px;right:auto;top:10%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@media (max-width:600px){.dfrnc__anim #mainAnimContainer{top:15%}}@media (max-width:508px){.intro__bg svg:first-child{-webkit-transform:translateY(10%) scale(5);-ms-transform:translateY(10%) scale(5);transform:translateY(10%) scale(5)}.intro__bg svg:nth-child(2){-webkit-transform:translateY(7%) scale(3)!important;-ms-transform:translateY(7%) scale(3)!important;transform:translateY(7%) scale(3)!important}.box{max-width:385px;top:8%}.box #cloudM,.box #textM{opacity:1}.box #cloudD,.box #textD{opacity:0}}
.container_loader-robot{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#000;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;visibility:visible;width:100%;z-index:10000}.pageLoad .container_loader-robot{opacity:0;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;visibility:hidden}#preloader_P22-robot{height:100%;left:0;position:relative;top:0;width:100%}#loader_P22-robot{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:#09a4e7;display:block;height:100px;left:50%;margin:-75px 0 0 -75px;opacity:0;position:relative;top:50%;width:100px}#loader_P22-robot:before{-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:#1973e7;bottom:5px;content:"";left:5px;opacity:0;position:absolute;right:5px;top:5px}#loader_P22-robot:after{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:#4153e7;bottom:15px;content:"";left:15px;opacity:0;position:absolute;right:15px;top:15px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}