body.page-template-homepage main#site-content section#hero{background-color:var(--color-background);height:85vh;max-height:1000px;min-height:600px;overflow:hidden;position:relative}body.page-template-homepage main#site-content section#hero .entries{height:100%;max-height:1000px}body.page-template-homepage main#site-content section#hero:before{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(270deg,rgba(7,13,18,0),#070d12 50%);content:"";height:100%;left:0;position:absolute;top:0;width:50%;z-index:1}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#hero:before{display:none}}body.page-template-homepage main#site-content section#hero:after{background:linear-gradient(180deg,rgba(7,13,18,0),#070d12);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}body.page-template-homepage main#site-content section#hero .background-video{display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:0}body.page-template-homepage main#site-content section#hero .background-video video{height:100%;-o-object-fit:cover;object-fit:cover;transform:translateX(25%);width:100%}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#hero .background-video video{transform:none}}body.page-template-homepage main#site-content section#hero .container{height:100%;max-width:1140px;position:relative;z-index:3}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#hero .container{padding:34px}}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#hero .container{display:flex;flex-direction:column;padding:0 20px}}body.page-template-homepage main#site-content section#hero .container>.content{display:flex;flex-direction:column;gap:30px;height:100%;justify-content:center;position:relative}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#hero .container>.content{flex-direction:column;gap:15px;justify-content:end}}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#hero .container>.content{height:-moz-fit-content;height:fit-content;margin-top:auto}body.page-template-homepage main#site-content section#hero .container>.content:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);bottom:-36px;content:"";height:calc(100% + 68px);left:-20px;position:absolute;width:calc(100% + 40px)}}body.page-template-homepage main#site-content section#hero .container>.content .left{display:flex;flex-direction:column;justify-content:center;position:relative;width:70%;z-index:2}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#hero .container>.content .left{width:100%}}body.page-template-homepage main#site-content section#hero .container>.content .left img{margin-bottom:35px;opacity:0;width:440px}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#hero .container>.content .left img{width:360px}}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#hero .container>.content .left img{display:none}}body.page-template-homepage main#site-content section#hero .container>.content .left h1{color:var(--color-white);font-family:var(--heading-font);font-size:104px;line-height:104px;text-transform:uppercase}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#hero .container>.content .left h1{font-size:65px;line-height:65px}}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#hero .container>.content .left h1{word-wrap:break-word;font-size:44px;line-height:44px}}body.page-template-homepage main#site-content section#hero .container>.content .right{display:flex;flex-direction:column;justify-content:end}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#hero .container>.content .right{width:100%;z-index:1}}body.page-template-homepage main#site-content section#hero .container>.content .right .content{display:grid;grid-template-areas:"text text" "btn-primary scroll-down";grid-template-columns:1fr min-content;width:100%}body.page-template-homepage main#site-content section#hero .container>.content .right .content p{color:var(--color-white);font-family:var(--body-font-light);font-size:30px;grid-area:text;letter-spacing:1px;line-height:1.5em}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#hero .container>.content .right .content p{font-size:24px;line-height:1.3em}}body.page-template-homepage main#site-content section#hero .container>.content .right .content a.btn-primary{grid-area:btn-primary;margin-top:24px}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#hero .container>.content .right .content a.btn-primary{margin-bottom:50px;margin-top:24px}}body.page-template-homepage main#site-content section#hero .container>.content .right .content .cta-scroll-down{animation:scroll-down 3s ease-in-out infinite;grid-area:scroll-down;margin-left:auto}@keyframes scroll-down{0%{opacity:0;transform:translateY(-20%)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20%)}}body.page-template-homepage main#site-content section#about{background:#0c151d;overflow:hidden;padding-top:30px}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#about{padding-top:0}}body.page-template-homepage main#site-content section#about .entries{position:relative;z-index:4}body.page-template-homepage main#site-content section#about .entries>.container{max-width:1140px}body.page-template-homepage main#site-content section#about .entries>.container>.content{align-items:center;display:flex}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#about .entries>.container>.content{flex-direction:column}}body.page-template-homepage main#site-content section#about .entries>.container>.content .left{margin-top:auto;padding:50px 0;position:relative;width:65%;z-index:1}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#about .entries>.container>.content .left{right:auto}}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#about .entries>.container>.content .left{padding-bottom:20px;width:100%}}body.page-template-homepage main#site-content section#about .entries>.container>.content .left h2{color:var(--color-white);font-family:var(--heading-font);font-size:80px;line-height:1em;text-transform:uppercase}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#about .entries>.container>.content .left h2{font-size:42px}}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#about .entries>.container>.content .left h2{font-size:40px}}body.page-template-homepage main#site-content section#about .entries>.container>.content .left mark{background:transparent;color:var(--color-white);display:block;display:flex;margin-bottom:40px;margin-top:40px;padding-left:30px;position:relative}body.page-template-homepage main#site-content section#about .entries>.container>.content .left mark:before{background:var(--color-accent);content:"";display:block;height:100%;left:0;position:absolute;width:2px}body.page-template-homepage main#site-content section#about .entries>.container>.content .left mark p:first-of-type{margin-top:0}body.page-template-homepage main#site-content section#about .entries>.container>.content .left p{color:var(--color-white);font-family:var(--body-font-light);font-size:30px;line-height:1.5em;margin-top:15px}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#about .entries>.container>.content .left p{font-size:18px;line-height:2em}}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#about .entries>.container>.content .left p{font-size:24px;line-height:1.6em}}body.page-template-homepage main#site-content section#about .entries>.container>.content .left p strong{font-family:var(--body-font)}body.page-template-homepage main#site-content section#about .entries>.container>.content .left a.btn-primary{margin-top:24px}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#about .entries>.container>.content .left a.btn-primary{margin-top:40px}}body.page-template-homepage main#site-content section#about .entries>.container>.content .right{margin-bottom:-250px;width:35%}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#about .entries>.container>.content .right{max-height:800px}}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#about .entries>.container>.content .right{margin-bottom:0;max-height:none;overflow:hidden;position:relative;width:100%}}body.page-template-homepage main#site-content section#about .entries>.container>.content .right .entry{left:-10%;position:relative}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#about .entries>.container>.content .right .entry{left:-10vw}}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#about .entries>.container>.content .right .entry{display:flex;justify-content:center;left:0;position:static}}body.page-template-homepage main#site-content section#about .entries>.container>.content .right .entry img{height:1000px;left:-210px;position:relative;top:-50px;transition:.5s}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#about .entries>.container>.content .right .entry img{display:none;margin-top:0;top:0;width:130%}}body.page-template-homepage main#site-content section#about .entries>.container>.content .right .entry img.mobile{display:none}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#about .entries>.container>.content .right .entry img.mobile{display:block;height:auto;left:0;width:100%}}body.page-template-homepage main#site-content section#about .entries>.container>.content .right .entry img:hover{transform:translate(-30px,-30px);transition:.5s}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#about .entries>.container>.content .right .entry img:hover{transform:none}}body.page-template-homepage main#site-content section#tabs{padding-bottom:30px;padding-top:100px;position:relative;z-index:4}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#tabs{padding-top:50px}}body.page-template-homepage main#site-content section#tabs .entries .container .content h2{color:var(--color-white);font-family:var(--heading-font);font-size:36px;line-height:38px;margin-bottom:24px;text-align:center;text-transform:uppercase}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#tabs .entries .container .content h2{font-size:30px}}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-buttons{backdrop-filter:blur(48px);-webkit-backdrop-filter:blur(48px);background-color:rgba(133,154,173,.1);border-radius:40px;box-sizing:border-box;display:flex;gap:0;margin:auto;padding:5px;position:relative;top:40px;width:-moz-fit-content;width:fit-content}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-buttons{top:0}}@media screen and (max-width:450px){body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-buttons{justify-content:space-between;width:100%}}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-buttons button{background-color:transparent;border:none;border-radius:40px;color:#8fa8bc;cursor:pointer;font-family:var(--body-font-light);font-size:14px;line-height:20px;padding:7px 15px;transition:.5s}@media screen and (max-width:450px){body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-buttons button{font-size:3vw;padding:7px 10px;width:100%}}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-buttons button.active{background-color:rgba(17,133,240,.15);color:#3f9df3;transition:.5s}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content{display:flex;flex-direction:column;list-style-type:none;margin-top:50px}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li{align-items:center;display:grid;gap:35px;grid-template-columns:500px min-content;justify-content:end;padding:100px 0}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li{align-items:start;display:flex;flex-direction:column;gap:30px;padding:40px 0}}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li.odd{grid-template-columns:min-content 500px;justify-content:left}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li.odd{flex-direction:column-reverse}}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li.odd :not(img):first-child{order:2}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li.odd :not(img):nth-child(2){order:1}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li.odd .text-and-icon .icon{left:auto;right:-250px}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .text-and-icon{display:flex;gap:40px}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .text-and-icon .icon{left:-250px;opacity:0;position:relative}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .text-and-icon .icon{display:none}}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .text-and-icon .text{position:relative;top:200px}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .text-and-icon .text{top:0!important}}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .text-and-icon .text h3{color:var(--color-white);font-family:var(--heading-font);font-size:36px;font-weight:700;margin-bottom:15px;text-transform:uppercase}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .text-and-icon .text span{color:#f0f2f5;font-family:var(--body-font-light);font-size:16px;line-height:1.5em}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .text-and-icon .text a.btn-default{margin-top:30px}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .image{align-items:center;aspect-ratio:16/9;border-radius:48px;display:flex;justify-content:center;-o-object-fit:cover;object-fit:cover;overflow:hidden;position:relative;width:686px}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .image{height:250px;width:100%}}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .image video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .image .screenshots{display:flex;gap:30px;justify-content:center;position:relative;z-index:1}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .image .screenshots{gap:20px;height:auto;justify-content:center}}body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .image .screenshots img{width:161px}@media screen and (max-width:1280px){body.page-template-homepage main#site-content section#tabs .entries .container .content .tab-content li .image .screenshots img{height:auto;max-height:250px;width:25%}}body.page-template-homepage main#site-content section#callout{margin-bottom:40px;position:relative;z-index:3}body.page-template-homepage main#site-content section#callout .entries .container{border-radius:40px;height:400px;padding:0 40px;position:relative}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#callout .entries .container{height:auto;padding:0 20px}}body.page-template-homepage main#site-content section#callout .entries .container .content{align-items:center;display:flex;gap:20px;height:100%;padding:34px;position:relative;z-index:1}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#callout .entries .container .content{flex-direction:column}}body.page-template-homepage main#site-content section#callout .entries .container .content:before{background:#344e65;content:"";display:block;height:100%;order:2;width:1px}@media screen and (max-width:768px){body.page-template-homepage main#site-content section#callout .entries .container .content:before{height:1px;width:100%}}body.page-template-homepage main#site-content section#callout .entries .container .content>figure.background-image{border-radius:40px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}body.page-template-homepage main#site-content section#callout .entries .container .content>figure.background-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}body.page-template-homepage main#site-content section#callout .entries .container .content h2{font-family:var(--heading-font);font-size:36px;line-height:1.2em;text-align:center;text-transform:uppercase}body.page-template-homepage main#site-content section#callout .entries .container .content .left{align-items:center;color:var(--color-white);display:flex;flex-basis:50%;flex-direction:column;gap:30px;justify-content:center;order:1}body.page-template-homepage main#site-content section#callout .entries .container .content .right{align-items:center;color:var(--color-white);display:flex;flex-basis:50%;flex-direction:column;gap:30px;justify-content:center;order:3}body.page-template-homepage main#site-content section#callout .entries .container .content a.btn-primary{margin-top:0}