.hero{position:relative;margin-top:80px;overflow:hidden}.hero__video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.hero__video-element{width:100%;height:100%;object-fit:cover;display:block;background:url("/images/webp/hero-bg.webp") center/cover}.hero__content{display:grid;gap:40px 20px;grid-template-columns:repeat(2,minmax(300px,1fr));justify-content:center;padding-top:40px}.hero__content>:first-child{order:1}.hero__content>:nth-child(2){order:2}.hero__content>:nth-child(3){order:3}.hero__content>:nth-child(4){order:4}.hero__item{width:100%;height:460px;background:0 0;display:flex;align-items:center;justify-content:center;z-index:10}.screen-image{width:100%;height:100%;object-fit:cover;display:block;overflow:hidden;box-shadow:0 16px 32px -8px rgba(12,12,13,.4)}.hero__banner--title{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:20px;padding:20px 0 30px}.hero__banner{background-color:rgba(157,157,157,.61);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:80px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative}.hero__title{max-width:550px}.banner{flex:1;padding:var(--spacing-xl);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:space-between;min-height:300px}.banner__text{font-size:32px;font-weight:700;color:var(--color-white);max-width:320px}.banner__title{font-size:60px;font-weight:700;color:var(--color-white);text-align:right}.hero__banner--blue{background-color:rgba(0,7,255,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:80px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.hero__logo{max-width:196px;height:auto;margin-bottom:20px}.hero__banner .hero__banner__icon{position:absolute;bottom:80px;right:80px;width:124px;height:auto}.hero__banner--blue .hero__banner__icon{width:124px;height:auto}@media (max-width:1679px){.hero__item{height:400px}.banner__title{font-size:56px}.hero__banner{padding:60px}.hero__banner--blue{padding:60px}.hero__banner .hero__banner__icon{bottom:60px;right:60px}}@media (max-width:1379px){.hero{margin-top:60px}.hero__content{gap:28px 20px}.hero__item{height:380px}.banner__title{font-size:56px}.hero__banner{padding:60px}.hero__banner--blue{padding:60px}.banner__text{font-size:28px;max-width:300px}}@media (max-width:1115px){.hero__item{height:360px}.hero__title{font-size:48px}.hero__banner{padding:28px}.hero__banner--blue{padding:28px}.hero__banner .hero__banner__icon{bottom:28px;right:28px}.banner__title{font-size:40px}.banner__text{font-size:26px;max-width:340px}.hero__banner .hero__banner__icon{width:80px}.hero__banner--blue .hero__banner__icon{width:74px;height:auto}.hero__logo{margin:0}.hero__banner--title{padding:0}}@media (max-width:851px){.hero__content{gap:var(--spacing-sm);grid-template-columns:repeat(1,minmax(300px,1fr))}.hero__item{height:280px}.hero__content>:first-child{order:2}.hero__content>:nth-child(2){order:1}.screen-image{max-width:500px}}