.hero{position:relative;width:100%;min-height:40dvh}.hero .hero__bg-image{position:absolute;width:-webkit-fill-available;inset:0;height:auto;min-height:inherit;background:linear-gradient(180deg,rgb(221 234 249) 0%,rgb(239 245 252 / 20%) 50%,#fff0 100%);background-color:var(--secondary-800);margin:0 10px;border-radius:40px;overflow:hidden}@media (max-width:768px){.hero .hero__bg-image{border-radius:25px}}@media (max-width:470px){.hero .hero__bg-image{border-radius:15px}}.hero__bg-image .hero__banner{width:inherit;min-height:inherit}.hero__banner--mobile{display:none!important}@media (max-width:1200px){.hero__banner--desktop{display:none!important}.hero__banner--mobile{display:block!important}}@media (max-width:768px){.hero .hero__background{border-radius:25px}}.hero__background .hero__cta{display:flex;flex-flow:column;justify-content:center;align-items:center;padding:90px 0 44px;width:min(954px - 10px);margin:auto;position:relative;z-index:1}@media(max-width:992px){.hero__background .hero__cta{width:min(768px - 10px);padding:80px 0 30px}}@media(max-width:768px){.hero__background .hero__cta{width:min(640px - 10px);padding:70px 8px 0}}@media(max-width:670px){.hero__background .hero__cta{width:auto}}.hero__cta .hero__headtext{color:var(--brand);font:normal 700 12px/19.68px var(--primary-font);letter-spacing:.48px;text-transform:uppercase;margin-bottom:15px}.hero__cta .hero__calltoaction{color:var(--gray-300);text-align:center;font:normal 100 45px/63.8px var(--primary-font);margin-bottom:15px}.hero__cta .hero__calltoaction span:nth-child(1){background:linear-gradient(180deg,#000000f7 26.56%,rgb(0 0 0 / 21%) 68.23%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;font:normal 400 45px / normal var(--primary-font);position:relative;width:fit-content;display:inline-block}@media(max-width:992px){.hero__cta .hero__calltoaction,.hero__cta .hero__calltoaction span:nth-child(1){font-size:45px!important;line-height:normal!important}}@media(max-width:768px){.hero__cta .hero__calltoaction,.hero__cta .hero__calltoaction span:nth-child(1){font-size:36px!important}}@media(max-width:670px){.hero__cta .hero__calltoaction,.hero__cta .hero__calltoaction span:nth-child(1){font-size:28px!important}}@media(max-width:470px){.hero__cta .hero__calltoaction,.hero__cta .hero__calltoaction span:nth-child(1){font-size:24px!important}}@media(max-width:370px){.hero__cta .hero__calltoaction,.hero__cta .hero__calltoaction span:nth-child(1){font-size:18px!important}}.hero__cta .hero__calltoaction span:nth-child(1)::before{content:'';position:absolute;display:block;z-index:-1;width:100%;height:100%;border-radius:30px;top:0;left:-8px;background:linear-gradient(89deg,#f0f0f0 26.56%,#fff0 68.23%)}@media(max-width:768px){.hero__cta .hero__calltoaction span:nth-child(1)::before{left:-2px}}.hero__cta .hero__calltoaction span:nth-child(2){color:var(--brand);font-weight:400}.hero__cta .hero__footnote{color:var(--gray-300);text-align:center;font:normal 400 14px/22.96px var(--secondary-font)}@media(max-width:768px){.hero__cta .hero__footnote{display:none}}.hero__images{display:block;width:min(1440px - 476px);z-index:1;position:relative;margin:auto;padding-bottom:50px}@media(max-width:992px){.hero__images{width:100%}}.images__console{border-radius:20px;max-width:750px;margin:auto;position:relative}@media(max-width:992px){.images__console{max-width:none;margin:auto 10%}}@media(max-width:576px){.images__console{margin:auto 10px}}@media(max-width:420px){.images__console{margin:auto}}.images__console img{width:100%;border-radius:10px}.images__ide{border-radius:20px;overflow:hidden;display:flex;justify-content:flex-end;position:absolute;top:40%;right:0;box-shadow:16px 25px 85px 15px rgb(10 43 76 / 50%);width:500px;height:340px}.images__ide>img{transform:scale(1.17) translate(16px,22px);object-fit:contain;height:inherit;width:inherit;overflow:hidden}@media(max-width:1440px){.images__ide{right:15%;width:450px;height:310px}}@media(max-width:768px){.images__ide{width:300px;height:212px;top:50%;margin:auto;border-radius:10px}.images__ide>img{transform:scale(1.14) translate(10px,11px)}}@media(max-width:576px){.images__ide{right:10%}}@media(max-width:470px){.images__ide{top:50%;right:0;left:0;width:158px;height:115px;margin-right:52px}.images__ide>img{transform:scale(1.15) translate(5px,6px)}}