/* from 1920 */
html {
font-size: calc(100vw / 1920);
}
.header {
z-index: 10;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1920rem;
padding: 40rem;
text-decoration: none;
display: flex;
position: fixed;
top: 0;
left: 0;
}
.bottom.bottom-mob-nav {
display: none;
}
.header {
transition: .3s;
}
.header.hidden {
transform: translateY(-100%);
}
.header.opened {
transform: unset !important;
}
.logo-container {
grid-row-gap: 10rem;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 445rem;
text-decoration: none;
display: flex;
}
.logo {
object-fit: cover;
width: 294rem;
height: 45rem;
}
.nav-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.navigation {
grid-column-gap: 61.5rem;
grid-row-gap: 61.5rem;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled {
color: #ffffffbf;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.button-style {
background-color: #fff;
border-radius: 40rem;
justify-content: center;
align-items: center;
width: 138rem;
padding: 8rem 16rem;
text-decoration: none;
display: flex;
}
.button-style.reg-mobile {
flex: 0 auto;
display: none;
}
.input {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 13rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.bottom {
justify-content: space-between;
align-items: flex-end;
width: 100%;
padding-left: 16rem;
padding-right: 16rem;
text-decoration: none;
display: none;
overflow: hidden;
}
.socials {
grid-column-gap: 12rem;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.social-icon {
grid-column-gap: 10rem;
border: 1rem solid #f4f0ea26;
border-radius: 30rem;
justify-content: center;
align-items: center;
width: 48rem;
height: 48rem;
padding: 18rem;
text-decoration: none;
display: flex;
}
.group-33 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16rem;
height: 16rem;
text-decoration: none;
display: flex;
}
.text {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 13rem;
font-weight: 500;
line-height: 130%;
text-decoration: underline;
}
.controls {
grid-column-gap: 32rem;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 445rem;
text-decoration: none;
display: flex;
}
.frame-32 {
grid-column-gap: 20rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.frame-22 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
}
.language-label-active {
grid-column-gap: 10rem;
border: 1rem solid #ffffff26;
border-radius: 16rem;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8rem 20rem;
text-decoration: none;
display: flex;
}
.text-2 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.language-label-inactive {
grid-column-gap: 10rem;
background-color: #fff;
border: 1rem solid #ffffff26;
border-radius: 16rem;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8rem 20rem;
text-decoration: none;
display: flex;
}
.text-3 {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.burger-open {
object-fit: cover;
justify-content: center;
align-items: center;
width: 24rem;
height: 24rem;
text-decoration: none;
display: none;
}
.button-style-2 {
background-color: #fff;
border-radius: 40rem;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 10rem 20rem;
text-decoration: none;
display: flex;
}
.button-style-2:hover {
background-color: rgba(255, 255, 255, 0.9);
}
.body {
background-image: linear-gradient(#111, #111);
}
.hero {
grid-row-gap: 10rem;
/* background-image: url('/images/BG-Image.png'); */
background-position: 0 0;
background-size: cover;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
min-height: 1080rem;
padding: 160rem 40rem 40rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-24 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
z-index: 3;
}
.frame-23 {
grid-row-gap: 297rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 650rem;
text-decoration: none;
display: flex;
}
.title-wrapper {
display: flex;
flex-direction: column;
gap: 32rem;
}
.hero_subtitle {
font-family: 'Manrope';
font-weight: 400;
font-size: 18rem;
line-height: 155%;
letter-spacing: -0.01em;
color: rgba(255, 255, 255, 0.75);
margin: 0;
}
.title-container {
grid-row-gap: 56rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-4 {
color: #fff;
letter-spacing: -.05em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 72rem;
font-weight: 500;
line-height: 95%;
text-decoration: none;
}
.buttons {
grid-column-gap: 8rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.input-2 {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.button-style-3 {
-webkit-backdrop-filter: blur(5rem);
backdrop-filter: blur(5rem);
background-color: #ffffff1a;
border-radius: 40rem;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 10rem 20rem;
text-decoration: none;
display: flex;
/*transition: .3s;*/
}
.button-style-3:hover {
background-color: rgba(255, 255, 255, 0.15);
}
.input-3 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-5 {
color: #C3C3C3;
letter-spacing: -.01em;
width: 325rem;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 400;
line-height: 155%;
text-decoration: none;
}
.metrics {
grid-row-gap: 32rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 600rem;
text-decoration: none;
display: flex;
}
.metric-hero {
grid-column-gap: 24rem;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.rectangle {
object-fit: cover;
justify-content: center;
align-items: center;
width: 6rem;
height: 6rem;
text-decoration: none;
display: flex;
}
.text-6 {
color: #fff;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: "Source Serif 4", sans-serif;
font-size: 40rem;
font-weight: 400;
line-height: 95%;
text-decoration: none;
}
.text-7 {
color: #fff9;
text-align: right;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.frame-41 {
background-color: #ffffff26;
width: 100%;
height: 1rem;
}
.problem {
grid-row-gap: 200rem;
background-color: #111;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 240rem;
padding-bottom: 240rem;
text-decoration: none;
display: flex;
overflow: hidden;
display: none;
}
.frame-25 {
grid-column-gap: 20rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1920rem;
padding-left: 40rem;
padding-right: 40rem;
text-decoration: none;
display: flex;
}
.label-style {
grid-row-gap: 10rem;
border: 0 solid #ffffff26;
border-top-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 600rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.label-style-2 {
grid-column-gap: 16rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.rectangle-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
text-decoration: none;
display: flex;
}
.label-style-3 {
color: #fff9;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.title-style {
grid-row-gap: 56rem;
border: 0 solid #ffffff26;
border-top-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1220rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.text-8 {
color: #fff;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 48rem;
font-weight: 500;
line-height: 115%;
text-decoration: none;
width: 1065rem;
}
.text-9 {
color: #ffffffbf;
letter-spacing: -.01em;
width: 600rem;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 400;
line-height: 155%;
text-decoration: none;
}
.text-9.bottom {
text-align: left;
}
.text-9.text-bottom {
width: 445rem;
}
.frame-27 {
grid-column-gap: 175rem;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 1920rem;
padding-right: 40rem;
text-decoration: none;
display: flex;
}
.table-style {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1105rem;
text-decoration: none;
display: flex;
}
.table-row {
background-image: linear-gradient(90deg, #292929, #29292900 72%);
border-top: 1rem dashed #ffffff1a;
border-bottom: 1rem dashed #ffffff1a;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 180rem;
padding-top: 32rem;
padding-bottom: 32rem;
display: flex;
}
.text-10 {
color: #fff;
text-align: right;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.text-11 {
color: #fff9;
text-align: right;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.table-row-2 {
background-image: linear-gradient(90deg, #292929, #29292900 30%);
border-bottom: 1rem dashed #ffffff1a;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 180rem;
padding-top: 32rem;
padding-bottom: 32rem;
display: flex;
}
.table-description-2 {
grid-column-gap: 24rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.table-row-3 {
background-image: linear-gradient(90deg, #292929 0%, #29292900 16%);
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 180rem;
padding-top: 32rem;
padding-bottom: 32rem;
display: flex;
}
.description {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 600rem;
height: 540rem;
min-height: 540rem;
text-decoration: none;
display: flex;
}
.numbers {
border: 0 solid #fff;
border-top-width: 3rem;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.number-item {
grid-row-gap: 26rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-12 {
color: #fff;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: "Source Serif 4", sans-serif;
font-size: 80rem;
font-weight: 300;
line-height: 95%;
text-decoration: none;
}
.text-13 {
color: #fff9;
letter-spacing: .03em;
text-transform: uppercase;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.text-14 {
color: #fff;
letter-spacing: -.03em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: "Source Serif 4", sans-serif;
font-size: 80rem;
font-weight: 300;
line-height: 95%;
text-decoration: none;
}
.solution {
grid-row-gap: 160rem;
background-color: #111;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 240rem;
text-decoration: none;
display: flex;
overflow: hidden;
display: none;
}
.head {
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1920rem;
padding-left: 40rem;
padding-right: 40rem;
text-decoration: none;
display: flex;
}
.title-style-2 {
border: 0 solid #ffffff26;
border-top-width: 1rem;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1065rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.label-style-4 {
grid-column-gap: 16rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.rectangle-3 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
text-decoration: none;
display: flex;
}
.label-style-5 {
color: #fff9;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.text-15 {
color: #fff;
letter-spacing: -.03em;
width: 597rem;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 48rem;
font-weight: 500;
line-height: 115%;
text-decoration: none;
}
.description-2 {
border: 0 solid #ffffff26;
border-top-width: 1rem;
justify-content: space-between;
align-items: flex-end;
width: 100%;
max-width: 445rem;
min-height: 166rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.text-16 {
color: #ffffffbf;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 400;
line-height: 155%;
text-decoration: none;
width: 360rem;
}
.frame-42 {
grid-row-gap: 10rem;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1920rem;
min-height: 966rem;
padding-top: 360rem;
text-decoration: none;
display: flex;
}
.solution-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
.solution-card {
grid-row-gap: 104rem;
border: 1rem solid #ffffff26;
border-width: 0 1rem 1rem 0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 640rem;
padding: 40rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.number-wrap {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.number {
color: #fff;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: "Source Serif 4", sans-serif;
font-size: 40rem;
font-weight: 300;
line-height: 95%;
text-decoration: none;
}
.body-style {
grid-row-gap: 16rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 446rem;
text-decoration: none;
display: flex;
}
.untitled-2 {
color: #f4f0ea;
letter-spacing: -.03em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 32rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.untitled-3 {
color: #f4f0eabf;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
text-decoration: none;
}
.solution-card-2 {
grid-row-gap: 104rem;
border: 0 solid #ffffff26;
border-bottom-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 640rem;
padding: 40rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.solution-card-3 {
grid-row-gap: 104rem;
border: 0 solid #ffffff26;
border-right-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 640rem;
padding: 40rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.untitled-4 {
color: #f4f0eabf;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
text-decoration: none;
}
.solution-card-4 {
grid-row-gap: 104rem;
border: 0 solid #ffffff26;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 640rem;
padding: 40rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.stages {
background-color: #111;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 280rem 40rem 160rem;
gap: 20rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-style-3 {
grid-row-gap: 48rem;
border: 0 solid #ffffff26;
border-top-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 600rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 120rem;
}
.rectangle-4 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
text-decoration: none;
display: flex;
}
.label-style-6 {
color: #fff9;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.body-style-2 {
grid-row-gap: 32rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 510rem;
text-decoration: none;
display: flex;
}
.text-17 {
color: #fff;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 48rem;
font-weight: 500;
line-height: 115%;
text-decoration: none;
}
.text-18 {
color: #ffffffbf;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 400;
line-height: 155%;
text-decoration: none;
max-width: 380rem;
}
.frame-28 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
padding-bottom: 40vh;
}
.stage {
background-color: #111;
border: 0 solid #fff;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-top: 56rem;
padding-bottom: 56rem;
text-decoration: none;
display: flex;
border-top-width: 1rem;
}
.stage:first-child {
border-top-width: 3rem;
}
.hero-2 {
grid-column-gap: 125rem;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.label-style-7 {
grid-column-gap: 16rem;
justify-content: flex-start;
align-items: center;
width: 30rem;
height: 23rem;
text-decoration: none;
display: flex;
}
.body-style-3 {
grid-row-gap: 16rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 436rem;
text-decoration: none;
display: flex;
}
.untitled-5 {
color: #f4f0eabf;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
text-decoration: none;
}
.stage-icon-box {
grid-column-gap: 10rem;
background-color: #ffffff05;
border-radius: 16rem;
justify-content: center;
align-items: center;
width: 100%;
max-width: 445rem;
height: 260rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.group-32 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 160rem;
height: 160rem;
text-decoration: none;
display: flex;
}
.kick-off {
background-color: #111;
background-position: 0 0;
background-size: contain;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 270rem 40rem;
text-decoration: none;
display: flex;
overflow: hidden;
position: relative;
}
.hero-3 {
grid-row-gap: 64rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 802rem;
text-decoration: none;
display: flex;
}
.label-style-8 {
grid-column-gap: 16rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.rectangle-5 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
text-decoration: none;
display: flex;
}
.label-style-9 {
color: #fff9;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.title-style-4 {
grid-row-gap: 40rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 602rem;
text-decoration: none;
display: flex;
}
.text-19 {
color: #fff;
letter-spacing: -.05em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 72rem;
font-weight: 500;
line-height: 95%;
text-decoration: none;
}
.text-20 {
color: #ffffffbf;
letter-spacing: -.01em;
width: 500rem;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 400;
line-height: 155%;
text-decoration: none;
}
.bottom-2 {
grid-column-gap: 32rem;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.info-pills {
gap: 2rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
flex-wrap: wrap;
}
.kick-off .button-style-2 {
text-align: center;
white-space: nowrap;
word-break: keep-all;
}
.info-pill {
grid-column-gap: 16rem;
-webkit-backdrop-filter: blur(5rem);
backdrop-filter: blur(5rem);
background-color: #ffffff1a;
border-radius: 24rem;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 10rem 24rem;
text-decoration: none;
display: flex;
}
.group-35 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 20rem;
height: 20rem;
text-decoration: none;
display: flex;
}
.untitled-6 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.video-container {
grid-row-gap: 10rem;
-webkit-backdrop-filter: blur(60rem);
backdrop-filter: blur(60rem);
background-color: #ffffff03;
border: 1rem solid #ffffff1a;
border-radius: 24rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 910rem;
padding: 230rem 340rem 183rem;
text-decoration: none;
display: flex;
overflow: hidden;
position: relative;
}
.video-container.video-active {
padding: 0;
aspect-ratio: 910 / 514;
}
.frame-31 {
grid-row-gap: 24rem;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.group-36 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80rem;
height: 80rem;
text-decoration: none;
display: flex;
}
.text-21 {
color: #f4f0eabf;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
text-decoration: none;
}
.advantages {
background-color: #111;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 200rem 40rem;
text-decoration: none;
display: flex;
overflow: hidden;
gap: 20rem;
}
.title-style-5 {
grid-row-gap: 48rem;
border: 0 solid #ffffff26;
border-top-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 600rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.rectangle-6 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
text-decoration: none;
display: flex;
}
.label-style-10 {
color: #fff9;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.text-22 {
color: #fff;
letter-spacing: -.03em;
width: 445rem;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 48rem;
font-weight: 500;
line-height: 115%;
text-decoration: none;
}
.advantages-grid {
grid-column-gap: 20rem;
grid-row-gap: 72rem;
border: 0 solid #ffffff26;
border-top-width: 1rem;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 56rem;
text-decoration: none;
display: grid;
}
.advantage-item {
grid-column-gap: 48rem;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 600rem;
text-decoration: none;
display: flex;
}
.icon-wrap {
grid-column-gap: 10rem;
border: 1rem solid #ffffff26;
border-radius: 99rem;
justify-content: center;
align-items: center;
width: 80rem;
height: 80rem;
padding: 18rem;
text-decoration: none;
display: flex;
}
/* Rotating dashed border variant */
@keyframes spin-border {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.icon-wrap.round-anim {
border: none;
/* disable static border */
position: relative;
}
.icon-wrap.round-anim::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 80rem;
height: 80rem;
margin-top: -40rem;
margin-left: -40rem;
background: url('../images/icon-border.svg') no-repeat center;
background-size: contain;
animation: spin-border 20s linear infinite;
pointer-events: none;
}
.icon-wrap.round-anim img {
position: relative;
z-index: 3;
}
.group-37 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 24rem;
height: 24rem;
text-decoration: none;
display: flex;
}
.title-style-6 {
grid-row-gap: 12rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.untitled-7 {
color: #f4f0ea;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 32rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.proof-of-concept {
color: #f4f0eabf;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
text-decoration: none;
}
.for-who {
grid-row-gap: 160rem;
background-color: #111;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-29 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-7 {
grid-row-gap: 56rem;
border: 0 solid #ffffff26;
border-top-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 591rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.body-style-4 {
grid-row-gap: 48rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-7 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
text-decoration: none;
display: flex;
}
.label-style-11 {
color: #fff9;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.text-23 {
color: #fff;
letter-spacing: -.05em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 72rem;
font-weight: 500;
line-height: 95%;
text-decoration: none;
}
.group-29 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 580rem;
height: 580rem;
text-decoration: none;
display: flex;
}
.cards {
grid-column-gap: 20rem;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-end;
text-decoration: none;
display: flex;
}
.for-who-card {
grid-column-gap: 16rem;
grid-row-gap: 16rem;
background-color: #ffffff05;
border-radius: 16rem;
flex-direction: column;
flex: none;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 290rem;
min-height: 260rem;
padding: 32rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.icon-wrap-2 {
grid-column-gap: 10rem;
border: 1rem solid #ffffff26;
border-radius: 30rem;
justify-content: center;
align-items: center;
width: 60rem;
height: 60rem;
padding: 18rem;
text-decoration: none;
display: flex;
}
.group-38 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 24rem;
height: 24rem;
text-decoration: none;
display: flex;
}
.title-style-8 {
grid-row-gap: 12rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-8 {
color: #f4f0ea;
letter-spacing: -.03em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 32rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.untitled-9 {
color: #f4f0eabf;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
text-decoration: none;
}
.criteria {
background-color: #111;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 240rem 40rem 200rem;
text-decoration: none;
display: flex;
overflow: hidden;
gap: 20rem;
}
.title-style-9 {
grid-row-gap: 48rem;
border: 0 solid #ffffff26;
border-top-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 600rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 120rem;
}
.rectangle-8 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
text-decoration: none;
display: flex;
}
.label-style-12 {
color: #fff9;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.text-24 {
color: #fff;
letter-spacing: -.03em;
width: 450rem;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 48rem;
font-weight: 500;
line-height: 115%;
text-decoration: none;
}
.metrics-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
padding-bottom: 40vh;
}
.metric {
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
background-color: #111;
border-top: 1rem solid #ffffff26;
padding-top: 40rem;
padding-bottom: 40rem;
width: 100%;
gap: 173rem;
}
.metric:first-child {
border-top-width: 3rem;
border-color: #fff;
}
.icon-wrap-3 {
grid-column-gap: 10rem;
background-color: #ffffff05;
border-radius: 16rem;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 30rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.group-39 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80rem;
height: 80rem;
text-decoration: none;
display: flex;
}
.body-style-5 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 600rem;
text-decoration: none;
display: flex;
}
.label-style-13 {
grid-column-gap: 16rem;
justify-content: flex-start;
align-items: center;
width: 30rem;
height: 23rem;
text-decoration: none;
display: flex;
}
.title-style-10 {
grid-row-gap: 16rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 445rem;
text-decoration: none;
display: flex;
}
.untitled-10 {
color: #f4f0ea;
letter-spacing: -.03em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 32rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.untitled-11 {
color: #f4f0eabf;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
text-decoration: none;
}
.frame-44 {
background-color: #ffffff26;
width: 100%;
height: 1rem;
}
.cta {
background-color: #111;
background-position: 0 0;
background-size: contain;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1920rem;
height: 1080rem;
padding: 444rem 40rem 40rem;
text-decoration: none;
display: flex;
overflow: hidden;
display: none;
}
.label-style-14 {
grid-row-gap: 48rem;
border: 0 solid #ffffff26;
border-top-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 600rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.label-style-15 {
grid-column-gap: 16rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.label-style-16 {
color: #fff9;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.frame-30 {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1220rem;
height: 596rem;
min-height: 596rem;
text-decoration: none;
display: flex;
}
.title-style-11 {
grid-column-gap: 10rem;
border: 0 solid #fff;
border-top-width: 3rem;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.text-25 {
color: #fff;
letter-spacing: -.05em;
width: 600rem;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 72rem;
font-weight: 500;
line-height: 95%;
text-decoration: none;
}
.bottom-3 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.text-26 {
color: #ffffffbf;
letter-spacing: -.01em;
width: 290rem;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 400;
line-height: 155%;
text-decoration: none;
}
.buttons-2 {
grid-column-gap: 10rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-4 {
background-color: #fff;
border-radius: 40rem;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 16rem 38rem;
text-decoration: none;
display: flex;
}
.input-4 {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 20rem;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.button-style-5 {
-webkit-backdrop-filter: blur(5rem);
backdrop-filter: blur(5rem);
background-color: #ffffff1a;
border-radius: 40rem;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 16rem 38rem;
text-decoration: none;
display: flex;
}
.input-5 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 20rem;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.partners {
background-color: #111;
justify-content: space-between;
align-items: flex-start;
width: 100%;
gap: 20rem;
padding: 240rem 40rem 120rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.label-style-17 {
grid-row-gap: 10rem;
border: 0 solid #ffffff26;
border-top-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 600rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.label-style-18 {
grid-column-gap: 16rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.label-style-19 {
color: #fff9;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.partners-list {
grid-column-gap: 20rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.partner {
border: 0 solid #363636;
border-top-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 290rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
transition: .2s;
}
.partner:hover {
border-top-width: 3rem;
border-color: #fff;
}
.partner-logo-box {
grid-row-gap: 10rem;
background-color: #ffffff05;
border-radius: 16rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 85rem 46rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.group-31 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 200rem;
height: 50rem;
text-decoration: none;
display: flex;
opacity: .5;
transition: .2s;
}
.partner:hover .group-31 {
opacity: 1;
}
.footer {
grid-row-gap: 160rem;
background-color: #111;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-36 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-34 {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 313rem;
height: 205rem;
min-height: 205rem;
text-decoration: none;
display: flex;
}
.text-27 {
color: #f4f0eabf;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
text-decoration: none;
}
.navigation-2 {
grid-row-gap: 20rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 215rem;
text-decoration: none;
display: flex;
}
.text-28 {
color: #fff;
text-align: right;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 500;
line-height: 140%;
text-decoration: underline;
}
.frame-35 {
grid-row-gap: 100rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 220rem;
text-decoration: none;
display: flex;
}
.input-6 {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.socials-2 {
grid-column-gap: 20rem;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.social-icon-2 {
grid-column-gap: 10rem;
border: 1rem solid #f4f0ea26;
border-radius: 30rem;
justify-content: flex-start;
align-items: flex-start;
width: 60rem;
height: 60rem;
padding: 18rem;
text-decoration: none;
display: flex;
}
.group-40 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 24rem;
height: 24rem;
text-decoration: none;
display: flex;
}
.bottom-4 {
border: 0 solid #ffffff26;
border-top-width: 1rem;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1840rem;
padding-top: 32rem;
text-decoration: none;
display: flex;
}
.text-29 {
color: #f4f0ea66;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
text-decoration: none;
}
.untitled-12 {
color: #f4f0ea66;
text-align: right;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
text-decoration: none;
}
a.untitled-12{
text-decoration: underline;
}
a.untitled-12:hover{
color: #fff;
}
.problems-list {
aspect-ratio: 1920 / 1080;
/* background-image: url('/images/problems-list-bg.png'); */
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
position: relative;
margin-top: 200rem;
}
.problem_heading {
width: 600rem;
padding-top: 56rem;
display: flex;
flex-direction: column;
gap: 40rem;
position: absolute;
left: 40rem;
top: 40rem;
border-top: 1rem solid #ffffff15;
z-index: 3;
}
.problem-title {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 48rem;
line-height: 115%;
letter-spacing: -0.03em;
color: #FFFFFF;
margin: 0;
}
.problem_subtitle {
max-width: 445rem;
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 18rem;
line-height: 155%;
letter-spacing: -0.01em;
color: rgba(255, 255, 255, 0.75);
margin: 0;
}
.frame-46 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 445rem;
text-decoration: none;
display: flex;
}
.problem-card {
grid-row-gap: 48rem;
-webkit-backdrop-filter: blur(20rem);
backdrop-filter: blur(20rem);
background-color: #ffffff08;
border: 1rem solid #ffffff1a;
border-radius: 16rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 445rem;
padding: 32rem;
text-decoration: none;
display: flex;
position: absolute;
overflow: hidden;
z-index: 3;
}
.problem-card.card_1 {
top: 40rem;
left: 40rem;
}
.problem-card.card_2 {
top: 73rem;
right: 40rem;
}
.problem-card.card_3 {
top: 753rem;
right: 195rem;
}
.problem-card.card_4 {
top: 753rem;
left: 660rem;
}
.icon-wrap-4 {
grid-column-gap: 10rem;
border: 1rem solid #ffffff26;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 72rem;
height: 72rem;
padding: 18rem;
text-decoration: none;
display: flex;
}
.group-41 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 28rem;
height: 28rem;
text-decoration: none;
display: flex;
}
.body-style-6 {
grid-row-gap: 12rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-13 {
color: #f4f0ea;
letter-spacing: -.03em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 32rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.untitled-14 {
color: #f4f0eabf;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
text-decoration: none;
}
.frame-47 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 743rem;
text-decoration: none;
display: flex;
}
.problem_decor-1 {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #f4f0ea33;
position: absolute;
top: 65rem;
left: 485rem;
width: 473rem;
height: 446rem;
}
.problem_decor-3 {
object-fit: cover;
}
.problem_decor-2 {
width: 477rem;
height: 210rem;
position: absolute;
top: 310rem;
right: 485rem;
}
.problem_decor-0 {
position: absolute;
top: 474rem;
left: 912rem;
width: 72rem;
height: 72rem;
}
.problem_decor-4 {
width: 274rem;
height: 236rem;
position: absolute;
bottom: 326rem;
left: 684rem;
}
.problem_decor-5 {
width: 743rem;
height: 236rem;
position: absolute;
bottom: 326rem;
right: 219rem;
}
.metric-hero_wrapper {
grid-column-gap: 12rem;
grid-row-gap: 12rem;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
/* Visibility utilities */
.only-mob {
display: none;
}
.only-desktop {
display: block;
}
.form-desktop {
grid-row-gap: 80rem;
background-color: #111;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1920rem;
padding: 427rem 40rem 166rem;
text-decoration: none;
display: flex;
position: relative;
}
.form-hero-bg {
background-color: #111;
position: absolute;
top: 0;
left: 0;
}
.title-style-12 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
max-width: 1840rem;
text-decoration: none;
display: flex;
}
.title-style-12 .text-33 {
max-width: 770rem;
}
.text-33 {
color: #fff;
letter-spacing: -.05em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 72rem;
font-weight: 500;
line-height: 95%;
text-decoration: none;
}
.text-34 {
color: #ffffffbf;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 400;
line-height: 155%;
text-decoration: none;
}
.frame-51 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20rem;
}
.tip {
grid-row-gap: 48rem;
border: 0 solid #ffffff26;
border-top-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 910rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.tip .text-34 {
max-width: 290rem;
}
.form-style {
grid-row-gap: 96rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 910rem;
text-decoration: none;
display: flex;
}
.form-chapters {
grid-row-gap: 112rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.form-chapter {
grid-row-gap: 64rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.chapter-label {
grid-row-gap: 48rem;
border: 0 solid #fff;
border-top-width: 3rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.chapter-label:empty {
padding: 0;
}
.label-style-20 {
grid-column-gap: 16rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.rectangle-9 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
text-decoration: none;
display: flex;
}
.label-style-21 {
color: #fff9;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: IBM Plex Mono, sans-serif;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.text-field {
grid-row-gap: 40rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.label-style-22 {
color: #f4f0ea;
letter-spacing: -.03em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 32rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
/* Alias — identical to .label-style-22 */
.label-style-23 {
color: #f4f0ea;
letter-spacing: -.03em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 32rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.field {
grid-column-gap: 10rem;
border: 0 solid #ffffff26;
border-bottom-width: 1rem;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 26rem;
text-decoration: none;
display: flex;
}
.placeholder {
color: #fff6;
letter-spacing: -.01em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 400;
line-height: 155%;
text-decoration: none;
}
.radio-buttons {
gap: 16rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.radio-button {
grid-column-gap: 12rem;
-webkit-backdrop-filter: blur(5rem);
backdrop-filter: blur(5rem);
border: 1rem solid #ffffff26;
border-radius: 24rem;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 10rem 24rem;
text-decoration: none;
display: flex;
}
.input-8 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.radio-button-2,
.radio-button.radio-button--active {
grid-column-gap: 12rem;
-webkit-backdrop-filter: blur(5rem);
backdrop-filter: blur(5rem);
background-color: #fff;
border-radius: 24rem;
border: none;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 10rem 24rem;
text-decoration: none;
display: flex;
}
.fields-row {
grid-column-gap: 20rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-area {
grid-row-gap: 56rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 500rem;
display: flex;
}
.head-2 {
grid-row-gap: 20rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
/* .label-style-23 merged into .label-style-22 above */
/* .description-3 merged into .text-34 */
.description-3 {
color: #ffffffbf;
letter-spacing: -.01em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 400;
line-height: 155%;
text-decoration: none;
}
.field-2 {
grid-column-gap: 10rem;
border: 0 solid #ffffff26;
border-bottom-width: 1rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 326rem;
padding-bottom: 26rem;
text-decoration: none;
display: flex;
position: relative;
}
/* .placeholder-2 merged into .placeholder above */
.resize-icon {
object-fit: cover;
position: absolute;
bottom: 12rem;
width: 12rem;
height: 12rem;
right: 0rem;
overflow: hidden;
}
.upload-field {
grid-row-gap: 56rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.upload-fields {
gap: 20rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.upload-field-2 {
grid-row-gap: 49rem;
border: 1rem solid #ffffff1a;
border-radius: 24rem;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 290rem;
height: 290rem;
padding: 26rem;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.file-name {
color: #ffffffbf;
width: 100%;
margin-top: 0;
font-family: Manrope, sans-serif;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
text-decoration: none;
}
.file-add-icon {
width: 48rem;
height: 48rem;
}
.svg-delete {
grid-row-gap: 10rem;
background-color: #ffffff0d;
border-bottom-left-radius: 24rem;
flex-direction: column;
justify-content: center;
align-items: center;
width: 48rem;
height: 48rem;
padding: 10rem;
text-decoration: none;
display: flex;
position: absolute;
top: 0;
left: 242rem;
}
.trash-icon {
object-fit: cover;
overflow: hidden;
width: 20rem;
height: 20rem;
display: block;
}
.svg-icon {
grid-column-gap: 10rem;
justify-content: center;
align-items: center;
width: 96rem;
height: 96rem;
padding: 18rem;
text-decoration: none;
display: flex;
position: absolute;
top: 97rem;
left: 97rem;
}
.upload-field-3 {
grid-row-gap: 10rem;
border: 1rem dashed #ffffff1a;
border-radius: 24rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 290rem;
padding: 97rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.svg-icon-2 {
grid-column-gap: 10rem;
justify-content: center;
align-items: center;
width: 96rem;
height: 96rem;
padding: 18rem;
display: flex;
}
.svg-icon-2 img {
width: 30rem;
height: 30rem;
}
.untitled-17 {
object-fit: cover;
}
.team-members-fields {
grid-row-gap: 48rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.team-members-cards {
grid-row-gap: 24rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.team-member-card {
grid-row-gap: 40rem;
background-color: #ffffff05;
border-radius: 24rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 48rem;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.row {
grid-column-gap: 24rem;
justify-content: flex-start;
align-items: normal;
width: 100%;
text-decoration: none;
display: flex;
}
.row .field {
margin-top: auto;
}
.text-field-2 {
grid-row-gap: 28rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.label-style-24 {
color: #f4f0ea;
letter-spacing: -.01em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 400;
line-height: 155%;
text-decoration: none;
}
.field-3 {
border: 0 solid #ffffff26;
border-bottom-width: 1rem;
justify-content: space-between;
align-items: center;
width: 100%;
padding-bottom: 26rem;
text-decoration: none;
display: flex;
}
.text-35 {
color: #fff;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18rem;
font-weight: 400;
line-height: 100%;
text-decoration: none;
}
.delete {
grid-row-gap: 10rem;
background-color: #ffffff0d;
border-bottom-left-radius: 24rem;
flex-direction: column;
justify-content: center;
align-items: center;
width: 48rem;
height: 48rem;
padding: 10rem;
text-decoration: none;
display: flex;
position: absolute;
top: 0;
left: 862rem;
}
.button-style-7 {
grid-column-gap: 12rem;
background-color: #fff;
border-radius: 40rem;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 10rem 28rem;
text-decoration: none;
display: flex;
}
.checkbox-item {
grid-column-gap: 32rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.checkbox {
border: 1rem solid #fff;
border-radius: 4rem;
overflow: hidden;
margin-top: 5rem;
height: 18rem;
width: 18rem;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.checkbox>img {
width: 12rem;
height: 12rem;
}
.button-style-8 {
background-color: #fff;
border-radius: 40rem;
justify-content: center;
align-items: center;
width: 100%;
padding: 18rem 48rem;
text-decoration: none;
display: flex;
}
.input-9 {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 20rem;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.input-7 {
font-size: 18rem;
line-height: 140%;
}
.untitled-17 {
width: 8rem;
height: 8rem;
}
.faq-2-vw {
background-color: #111;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1920rem;
padding: 400rem 40rem 80rem;
text-decoration: none;
display: flex;
overflow: hidden;
background-position: 0 0;
background-size: contain;
background-repeat: no-repeat;
gap: 20rem;
}
.label-style-ic {
grid-row-gap: 48rem;
border: 0 solid #ffffff26;
border-top-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 600rem;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.label-style-2-fh {
grid-column-gap: 16rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.rectangle-gr {
object-fit: cover;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
text-decoration: none;
display: flex;
opacity: .5;
}
.label-style-3-rs {
font-family: IBM Plex Mono, sans-serif;
color: #fff9;
letter-spacing: .03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 14rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.tabs-pc {
grid-row-gap: 12rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-4-zm {
color: #fff;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 40rem;
font-weight: 500;
line-height: 115%;
text-decoration: none;
}
.text-5-bu {
color: #ffffff4d;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 40rem;
font-weight: 500;
line-height: 115%;
text-decoration: none;
}
.accordion-em {
border: 0 solid #fff;
border-top-width: 3rem;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1220rem;
padding-top: 122rem;
text-decoration: none;
display: flex;
}
.accordion-item-jw {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1220rem;
text-decoration: none;
display: flex;
border-bottom: 1rem solid #ffffff26;
}
.toggle-hf {
justify-content: space-between;
align-items: center;
width: 100%;
padding-bottom: 32rem;
text-decoration: none;
display: flex;
}
.input-qh {
grid-column-gap: 56rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.label-style-4-kr {
grid-column-gap: 16rem;
justify-content: flex-start;
align-items: center;
width: 30rem;
height: 23rem;
text-decoration: none;
display: flex;
}
.text-6-et {
color: #f4f0ea;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 32rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.arrow-mj {
object-fit: cover;
overflow: hidden;
width: 24rem;
height: 24rem;
flex-shrink: 0;
}
.description-te {
grid-column-gap: 10rem;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 32rem;
padding-left: 86rem;
padding-right: 86rem;
text-decoration: none;
display: flex;
}
.text-7-ma>a,
.text-7-ma {
color: #f4f0eabf;
margin-top: 0;
margin-bottom: 0;
font-size: 16rem;
font-weight: 400;
line-height: 145%;
}
.text-7-ma>a {
color: #fff;
}
.text-7-ma>a:hover {
opacity: .8;
}
.toggle-2-ls {
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 32rem;
padding-bottom: 32rem;
display: flex;
}
.form-popup-sf {
grid-column-gap: 10rem;
justify-content: flex-start;
align-items: flex-start;
width: 100vw;
height: 100vh;
text-decoration: none;
display: none;
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}
.popup-container-ji {
-webkit-backdrop-filter: blur(4rem);
backdrop-filter: blur(4rem);
background-color: #1116;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.popup-tc {
background-color: #111;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
padding: 40rem;
text-decoration: none;
display: flex;
overflow: hidden;
width: 795rem;
}
.popup-tc .checkbox-wa {
flex-shrink: 0;
}
.top-dt {
grid-row-gap: 40rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 715rem;
text-decoration: none;
display: flex;
}
.close-icon-ou {
object-fit: cover;
overflow: hidden;
cursor: pointer;
position: relative;
left: 2.5rem;
top: 2.5rem;
display: block;
width: 18rem;
height: 18rem;
}
.chapter-label-ug {
grid-row-gap: 40rem;
border: 0 solid #ffffff26;
border-top-width: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 56rem;
text-decoration: none;
display: flex;
}
.label-style-5-sa {
grid-column-gap: 16rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.rectangle-1430106713-hg {
object-fit: cover;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
text-decoration: none;
display: flex;
}
.register-for-the-kick-off-event-sz {
color: #fff;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 48rem;
font-weight: 500;
line-height: 115%;
text-decoration: none;
}
.form-style-sp {
grid-row-gap: 80rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 715rem;
text-decoration: none;
display: flex;
}
.fields-qs {
grid-row-gap: 48rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-field-bn {
grid-row-gap: 40rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.label-style-6-wd {
color: #f4f0ea;
letter-spacing: -.03em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 32rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.field-zi {
grid-column-gap: 10rem;
border: 0 solid #ffffff26;
border-bottom-width: 1rem;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 26rem;
text-decoration: none;
display: flex;
}
.field-zi>* {
background: 0;
}
.placeholder-pc {
background: transparent !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
color: #fff;
letter-spacing: -.01em;
font-family: inherit;
font-size: 18rem;
font-weight: 400;
line-height: 155%;
text-decoration: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.placeholder-pc:focus {
outline: none !important;
border: none !important;
box-shadow: none !important;
background: transparent !important;
}
.placeholder-pc:-webkit-autofill,
.placeholder-pc:-webkit-autofill:hover,
.placeholder-pc:-webkit-autofill:focus,
.placeholder-pc:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
-webkit-text-fill-color: white !important;
}
.bottom-xa {
grid-row-gap: 64rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.checkbox-item-ax {
grid-column-gap: 32rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.checkbox-wa {
border: 1rem solid #fff;
border-radius: 4rem;
overflow: hidden;
width: 18rem;
height: 18rem;
position: relative;
left: 1rem;
top: 3rem;
}
.checkbox-wa>img {
width: 12rem;
height: 11rem;
}
.description-2-fr {
color: #ffffffbf;
letter-spacing: -.01em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18rem;
font-weight: 400;
line-height: 155%;
text-decoration: none;
}
.button-style-3-rq {
background-color: #fff;
border-radius: 40rem;
justify-content: center;
align-items: center;
width: 100%;
padding: 20rem 48rem;
text-decoration: none;
display: flex;
}
.input-2-rg {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 20rem;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.section-video-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
z-index: 0;
pointer-events: none;
}
.hero>*:not(.section-video-bg) {
position: relative;
z-index: 2;
}
/* Section video backgrounds */
.hero,
.problems-list {
position: relative;
overflow: hidden;
}
.hero::before,
.hero::after,
.problems-list::before,
.problems-list::after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 320rem;
z-index: 1;
pointer-events: none;
}
.hero::before,
.problems-list::before {
top: 0;
background: linear-gradient(to bottom, #111111 0%, #11111100 100%);
}
.hero::after,
.problems-list::after {
bottom: 0;
background: linear-gradient(to top, #111111 0%, #11111100 100%);
}
.popup-success {
padding: 56rem;
border-radius: 40rem;
background-color: #171717;
display: flex;
flex-direction: column;
gap: 32rem;
}
.popup-success_title {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 48rem;
line-height: 115%;
letter-spacing: -0.03em;
color: #FFFFFF;
}
.popup-success_subtitle,
.popup-success_subtitle>* {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 18rem;
line-height: 155%;
letter-spacing: -0.01em;
color: rgba(255, 255, 255, 0.75);
}
.popup-success .button-style {
width: fit-content;
padding: 10rem 20rem;
margin-top: 48rem;
}
.popup-success .button-style>* {
font-weight: 500;
font-size: 18rem;
line-height: 140%;
letter-spacing: -0.02em;
color: #000000;
}
body.ua .text-6 {
white-space: pre;
}
body.ua .text-18 {
max-width: 400rem;
}
body.ua .text-5 {
max-width: 470rem;
}
@media screen and (min-width: 479px) {
body.ua .title-style-4 {
max-width: 612rem;
}
body.ua .text-20 {
width: 529rem;
}
body.ua .hero-3 {
max-width: 805rem;
}
body.ua .kick-off {
background-size: cover;
}
body.ua .logo {
width: auto;
}
body.ua .frame-35 {
max-width: 280rem;
}
body.ua .socials-2 {
justify-content: flex-end;
}
}
.field>*,
.field-2>*,
.field-3>* {
font-size: 18rem;
line-height: 155%;
}
@media screen and (max-width: 479px) {
body.ua .button-style-2>* {
text-align: center;
}
.section-video-bg,
.section-video-bg {
display: none;
}
/* from 392 */
html {
font-size: calc(100vw / 392);
}
.header {
z-index: 10;
padding: 16rem;
}
.bottom.bottom-mob-nav {
display: flex;
}
.logo {
width: 171rem;
height: 24rem;
}
.nav-wrapper {
z-index: -1;
opacity: 0;
pointer-events: none;
background: #111111;
flex-flow: column;
width: 100dvw;
height: 100dvh;
padding-top: 115rem;
padding-left: 16rem;
padding-right: 16rem;
transition: opacity .2s;
display: flex;
position: absolute;
top: 0;
left: 0;
margin-left: 0;
}
.nav-wrapper .input {
text-align: center;
}
.nav-wrapper.active {
opacity: 1;
pointer-events: auto;
}
.navigation {
grid-column-gap: 18rem;
grid-row-gap: 18rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.untitled {
font-size: 16rem;
line-height: 130%;
}
.button-style.reg-mobile {
margin-top: 38rem;
display: block;
width: auto;
}
.bottom {
justify-content: space-between;
align-items: flex-start;
margin-top: auto;
padding-bottom: 16rem;
display: none;
}
.bottom.bottom-mob-nav {
justify-content: space-between;
align-items: flex-end;
padding-left: 0;
padding-right: 0;
display: flex;
}
.language-label-active,
.language-label-inactive {
padding: 5rem 15rem;
}
.frame-22 .text-2,
.frame-22 .text-3 {
font-size: 13rem;
line-height: 130%;
}
.burger-open {
background-position: 0 0;
background-size: contain;
display: block;
}
.burger-open.active {}
.button-style-2 {
padding: 8rem 16rem;
}
.button-style-2.register {
display: none;
}
.hero {
background-image: none;
padding: 0;
}
.frame-24 {
flex-flow: column;
}
.frame-23 {
/* background-image: url('/images/hero-bg-mobile.png'); */
background-position: 0 0;
background-size: cover;
justify-content: center;
align-items: center;
height: 750rem;
padding: 120rem 16rem;
position: relative;
}
.title-wrapper {
gap: 24rem;
}
.hero_subtitle {
font-size: 14rem;
line-height: 150%;
}
.title-container {
grid-row-gap: 40rem;
}
.text-4 {
font-size: 40rem;
}
.input-2 {
font-size: 13rem;
line-height: 130%;
}
.button-style-3 {
padding-left: 16rem;
padding-right: 16rem;
}
.input-3 {
font-size: 13rem;
line-height: 130%;
}
.text-5 {
width: auto;
position: absolute;
bottom: 16rem;
left: 16rem;
right: 16rem;
}
.metrics {
grid-row-gap: 18rem;
padding: 72rem 16rem;
}
.metric-hero {
grid-column-gap: 16rem;
}
.rectangle {
width: 4rem;
height: 4rem;
}
.text-6 {
font-size: 28rem;
}
.text-7 {
font-size: 10rem;
}
.problem {
grid-column-gap: 127rem;
grid-row-gap: 127rem;
padding-top: 72rem;
padding-bottom: 104rem;
}
.problem_heading {
position: static;
width: 100%;
padding-top: 40rem;
gap: 24rem;
padding-bottom: 40rem;
}
.problem_subtitle {
font-size: 14rem;
}
.problem-title {
font-size: 26rem;
}
.frame-25 {
flex-flow: column;
padding-left: 16rem;
padding-right: 16rem;
}
.label-style {
padding-top: 40rem;
}
.label-style-2 {
grid-column-gap: 14rem;
}
.label-style-3 {
font-size: 10rem;
}
.title-style {
grid-row-gap: 24rem;
border-top-style: none;
padding-top: 32rem;
}
.text-8 {
font-size: 26rem;
line-height: 125%;
width: 100%;
}
.text-9 {
width: 100%;
font-size: 14rem;
line-height: 150%;
}
.text-9.text-bottom {
width: 100%;
}
.frame-27 {
grid-row-gap: 96rem;
flex-flow: column;
padding-right: 0;
}
.table-row {
border-top: 1rem dashed #ffffff1a;
height: 100rem;
padding-top: 20rem;
padding-bottom: 20rem;
padding-right: 16rem;
}
.text-10,
.text-11 {
font-size: 10rem;
}
.table-row-2 {
border-top: 1rem dashed #ffffff1a;
border-bottom: 1rem dashed #ffffff1a;
height: 100rem;
padding-top: 20rem;
padding-bottom: 20rem;
padding-right: 16rem;
}
.table-description-2 {
grid-column-gap: 16rem;
}
.table-row-3 {
border-bottom: 1rem dashed #ffffff1a;
height: 100rem;
padding-top: 20rem;
padding-bottom: 20rem;
padding-right: 16rem;
}
.description {
grid-column-gap: 100rem;
grid-row-gap: 100rem;
height: auto;
min-height: 0;
padding-left: 16rem;
padding-right: 16rem;
}
.numbers {
grid-column-gap: 32rem;
grid-row-gap: 32rem;
flex-flow: column;
padding-top: 40rem;
}
.number-item {
grid-row-gap: 18rem;
width: 100%;
}
.text-12 {
font-size: 56rem;
}
.text-13 {
font-size: 10rem;
}
.text-14 {
font-size: 56rem;
}
.solution {
grid-row-gap: 72rem;
padding-top: 72rem;
padding-bottom: 72rem;
}
.head {
grid-column-gap: 24rem;
grid-row-gap: 24rem;
flex-flow: column;
padding-left: 16rem;
padding-right: 16rem;
}
.title-style-2 {
grid-column-gap: 32rem;
grid-row-gap: 32rem;
flex-flow: column;
padding-top: 40rem;
}
.label-style-4 {
grid-column-gap: 12rem;
}
.label-style-5 {
font-size: 10rem;
}
.text-15 {
width: 100%;
font-size: 26rem;
line-height: 125%;
}
.description-2 {
border-top-width: 0;
height: auto;
padding-top: 0;
min-height: unset;
}
.text-16 {
width: 100%;
font-size: 14rem;
line-height: 150%;
}
.frame-42 {
background-position: 50% 0;
background-size: 100%;
padding-top: 88rem;
min-height: 0;
}
.solution-cards {
grid-template-columns: repeat(2, 1fr);
padding-left: 16rem;
padding-right: 16rem;
}
.solution-cards>div:nth-child(odd) {
border-right: 1rem solid #ffffff15 !important;
padding: 15rem 15rem 15rem 0 !important;
}
.solution-cards>div:nth-child(even) {
border-right: none !important;
padding: 15rem 0 15rem 15rem !important;
}
.solution-cards>div:nth-child(5),
.solution-cards>div:nth-child(6) {
border-bottom: none !important;
}
.solution-card {
grid-row-gap: 40rem;
padding: 32rem 0;
}
.solution-card.no-border-right-mob {
border-right-style: none;
}
.number {
font-size: 28rem;
}
.body-style {
grid-row-gap: 12rem;
}
.untitled-2 {
font-size: 22rem;
line-height: 120%;
letter-spacing: 0;
}
.untitled-3 {
font-size: 13rem;
line-height: 150%;
}
.solution-card-2 {
grid-row-gap: 40rem;
padding: 32rem 0;
}
.solution-card-3.no-border-right-mob {
grid-row-gap: 40rem;
border-bottom-width: 1rem;
border-bottom-color: #ffffff26;
border-right-style: none;
padding: 32rem 0;
}
.solution-card-4 {
grid-row-gap: 40rem;
padding: 32rem 0;
}
.stages {
flex-flow: column;
padding: 72rem 16rem 73rem;
}
.frame-28 {
padding-bottom: 0;
}
.title-style-3 {
grid-row-gap: 32rem;
flex-flow: column;
padding-top: 32rem;
position: static;
}
.label-style-6 {
font-size: 10rem;
}
.body-style-2 {
grid-row-gap: 24rem;
padding-bottom: 80rem;
}
.text-17 {
font-size: 26rem;
line-height: 125%;
}
.text-18 {
font-size: 14rem;
line-height: 150%;
}
.stage {
grid-column-gap: 40rem;
grid-row-gap: 40rem;
flex-flow: column;
padding-top: 48rem;
padding-bottom: 48rem;
}
.hero-2 {
grid-column-gap: 28rem;
}
.body-style-3 {
grid-row-gap: 12rem;
}
.untitled-5 {
width: 100%;
font-size: 13rem;
line-height: 150%;
}
.stage-icon-box {
aspect-ratio: 361 / 160;
max-width: none;
height: auto;
}
.group-32 {
width: 100rem;
height: 100rem;
}
.kick-off {
grid-column-gap: 149rem;
grid-row-gap: 149rem;
flex-flow: column;
padding: 40rem 16rem;
background-size: cover;
}
.kick-off::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 40rem;
background: linear-gradient(to bottom, transparent, #111);
pointer-events: none;
z-index: 1;
}
.hero-3 {
grid-row-gap: 36rem;
}
.label-style-9 {
grid-column-gap: 10rem;
font-size: 10rem;
line-height: 130%;
}
.label-style-8 {
grid-column-gap: 10rem;
}
.text-19 {
flex: none;
font-size: 40rem;
position: static;
}
.text-20 {
width: 240rem;
font-size: 14rem;
line-height: 150%;
}
.bottom-2 {
grid-row-gap: 32rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.info-pills {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
flex-flow: wrap;
}
.info-pill {
grid-column-gap: 12rem;
padding: 8.5rem 20rem;
}
.group-35 {
width: 16rem;
height: 16rem;
}
.untitled-6 {
font-size: 13rem;
line-height: 130%;
}
.video-container {
padding: 80rem 70rem 56rem;
}
.video-container.video-active {
aspect-ratio: 361 / 204;
}
.group-36 {
width: 64rem;
height: 64rem;
}
.text-21 {
font-size: 13rem;
line-height: 150%;
}
.advantages {
grid-column-gap: 80rem;
grid-row-gap: 80rem;
flex-flow: column;
padding: 72rem 16rem;
}
.title-style-5 {
grid-row-gap: 32rem;
padding-top: 40rem;
}
.label-style-10 {
font-size: 10rem;
}
.text-22 {
width: 100%;
font-size: 26rem;
line-height: 125%;
}
.advantages-grid {
grid-row-gap: 32rem;
flex-flow: column;
padding-top: 40rem;
display: flex;
}
.advantage-item {
grid-column-gap: 32rem;
justify-content: flex-start;
align-items: flex-start;
}
.icon-wrap.round-anim::before {
width: 64rem;
height: 64rem;
margin-top: -32rem;
margin-left: -31rem;
}
.icon-wrap {
flex: none;
width: 64rem;
height: 64rem;
}
.group-37 {
width: 20rem;
height: 20rem;
}
.title-style-6 {
grid-row-gap: 10rem;
}
.untitled-7 {
font-size: 22rem;
line-height: 120%;
}
.proof-of-concept {
font-size: 13rem;
}
.for-who {
grid-row-gap: 16rem;
flex-flow: column;
padding: 72rem 16rem;
}
.frame-29 {
grid-column-gap: 16rem;
grid-row-gap: 16rem;
flex-flow: column;
}
.title-style-7 {
grid-row-gap: 40rem;
padding-top: 40rem;
}
.body-style-4 {
grid-row-gap: 36rem;
}
.label-style-11 {
font-size: 10rem;
}
.text-23 {
font-size: 40rem;
}
.group-29 {
aspect-ratio: 1;
height: auto;
}
.cards {
grid-row-gap: 16rem;
flex-flow: column;
width: 100%;
}
.for-who-card {
grid-column-gap: 32rem;
grid-row-gap: 32rem;
max-width: none;
height: auto;
min-height: 0;
padding: 24rem;
}
.icon-wrap-2 {
width: 56rem;
height: 56rem;
}
.group-38 {
width: 20rem;
height: 20rem;
}
.untitled-8 {
font-size: 22rem;
line-height: 120%;
}
.untitled-9 {
font-size: 13rem;
line-height: 150%;
}
.criteria {
grid-column-gap: 80rem;
grid-row-gap: 80rem;
flex-flow: column;
padding: 72rem 16rem;
}
.title-style-9 {
grid-row-gap: 32rem;
padding-top: 40rem;
position: static;
}
.rectangle-8 {
width: 2rem;
height: 2rem;
}
.label-style-12 {
font-size: 10rem;
}
.text-24 {
width: 100%;
font-size: 26rem;
}
.metrics-2 {
grid-row-gap: 36rem;
padding-top: 36rem;
padding-bottom: 0;
}
.metric {
grid-column-gap: 20rem;
grid-row-gap: 20rem;
flex-flow: row-reverse;
justify-content: space-between;
align-items: flex-start;
}
.icon-wrap-3 {
flex: none;
padding: 15rem;
}
.group-39 {
flex: none;
width: 48rem;
height: 48rem;
}
.body-style-5 {
grid-column-gap: 27rem;
grid-row-gap: 28rem;
max-width: none;
}
.untitled-10 {
font-size: 22rem;
line-height: 120%;
}
.untitled-11 {
font-size: 13rem;
line-height: 150%;
}
.cta {
grid-column-gap: 36rem;
grid-row-gap: 36rem;
flex-flow: column;
height: auto;
padding: 40rem 16rem;
background-size: cover;
height: 770rem;
justify-content: center;
}
.label-style-14 {
grid-row-gap: 0rem;
border-top-style: none;
padding-top: 0;
}
.label-style-15 {
grid-column-gap: 12rem;
}
.label-style-16 {
font-size: 10rem;
}
.frame-30 {
grid-column-gap: 26rem;
grid-row-gap: 26rem;
height: auto;
min-height: 0;
}
.title-style-11 {
border-top-style: none;
padding-top: 0;
}
.text-25 {
width: 100%;
font-size: 40rem;
}
.bottom-3 {
grid-column-gap: 240rem;
grid-row-gap: 240rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.text-26 {
width: 100%;
font-size: 14rem;
line-height: 150%;
}
.buttons-2 {
gap: 8rem;
flex-flow: row;
width: 100%;
}
.button-style-4 {
padding: 14rem 26rem;
}
.input-4 {
font-size: 15rem;
line-height: 130%;
letter-spacing: -0.3rem;
flex-wrap: nowrap;
text-align: center;
}
.button-style-5 {
padding: 14rem 28rem;
}
.input-5 {
font-size: 15rem;
line-height: 130%;
flex-wrap: nowrap;
text-align: center;
}
.partners {
grid-column-gap: 80rem;
grid-row-gap: 80rem;
flex-flow: column;
padding: 72rem 16rem;
letter-spacing: -0.3rem;
}
.label-style-17 {
padding-top: 40rem;
}
.label-style-19 {
font-size: 10rem;
}
.partners-list {
grid-column-gap: 16rem;
grid-row-gap: 32rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
width: 100%;
}
.partner {
padding-top: 24rem;
}
.partner-logo-box {
padding: 50rem 27rem;
}
.group-31 {
width: 120rem;
height: auto;
}
.partner-2 {
padding-top: 24rem;
}
.footer {
grid-row-gap: 72rem;
padding: 16rem;
}
.frame-36 {
grid-column-gap: 6rem;
grid-row-gap: 56rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: min-content 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.frame-34 {
grid-column-gap: 32rem;
grid-row-gap: 32rem;
max-width: none;
height: auto;
min-height: 0;
}
.text-27 {
font-size: 13rem;
line-height: 150%;
}
.navigation-2 {
grid-row-gap: 16rem;
margin-bottom: auto;
}
body.ua .navigation .reg-mobile {
width: unset;
}
.text-28 {
text-align: left;
font-size: 13rem;
line-height: 130%;
}
.frame-35 {
grid-row-gap: 68rem;
margin-bottom: auto;
}
.input-6 {
font-size: 13rem;
line-height: 130%;
}
.social-icon-2 {
width: 48rem;
height: 48rem;
padding: 16rem;
}
.group-40 {
width: 16rem;
height: 16rem;
}
.bottom-4 {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 24rem;
}
.text-29,
.untitled-12 {
font-size: 13rem;
line-height: 150%;
}
.problems-list {
grid-column-gap: 16rem;
grid-row-gap: 16rem;
aspect-ratio: auto;
/* background-image: url('/images/problems-list_mobile-bg.png'); */
background-size: 100%;
flex-flow: column;
padding: 340rem 16rem 72rem;
display: flex;
margin-top: 11rem;
}
.problem-card {
grid-row-gap: 56rem;
width: 100%;
padding: 24rem;
position: static;
}
.icon-wrap-4 {
width: 56rem;
height: 56rem;
}
.group-41 {
width: 20rem;
height: 20rem;
}
.untitled-13 {
font-size: 22rem;
line-height: 120%;
}
.untitled-14 {
font-size: 13rem;
line-height: 150%;
}
.problem_decor-1,
.problem_decor-2,
.problem_decor-0,
.problem_decor-4,
.problem_decor-5 {
display: none;
}
.metric-hero_wrapper {
justify-content: space-between;
align-items: flex-end;
}
#w-node-a0560bf5-2dd5-f362-e045-65510152a8a3-720c0b17 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-a0560bf5-2dd5-f362-e045-65510152a8a7-720c0b17 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-a0560bf5-2dd5-f362-e045-65510152a8b2-720c0b17 {
grid-area: 3 / 1 / 4 / 3;
}
/* ── Form mobile ── */
.form-desktop {
padding: 335rem 16rem 96rem 16rem;
grid-row-gap: 160rem;
}
.title-style-12 {
flex-direction: column;
align-items: flex-start;
gap: 26rem;
max-width: 100%;
}
.title-style-12 {}
.title-style-12 .text-33 {
max-width: 100%;
}
.text-33 {
font-size: 40rem;
letter-spacing: -.04em;
line-height: 95%;
}
.text-34 {
font-size: 14rem;
}
/* Stack tip + form vertically */
.frame-51 {
grid-template-columns: 1fr;
gap: 40rem;
}
.tip {
max-width: 100%;
padding-top: 0rem;
grid-row-gap: 24rem;
border: 0;
}
.tip .text-34 {
max-width: 100%;
}
.form-style {
max-width: 100%;
grid-row-gap: 64rem;
}
.form-chapters {
grid-row-gap: 80rem;
}
.form-chapter {
grid-row-gap: 40rem;
}
.chapter-label {
padding-top: 32rem;
grid-row-gap: 24rem;
}
.label-style-22,
.label-style-23 {
font-size: 22rem;
}
.text-field {
grid-row-gap: 32rem;
}
/* Stack side-by-side field pairs */
.fields-row {
flex-direction: column;
gap: 24rem;
}
.text-area {
height: auto;
grid-row-gap: 32rem;
}
.field-2 {
height: 482rem;
}
/* Upload cards — full width, one per row */
.upload-fields {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15rem;
}
.upload-field-2 {
width: 100%;
height: auto;
padding: 16rem;
aspect-ratio: 1/1;
}
.svg-delete {
left: auto;
right: 0;
}
.svg-icon {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.upload-field-3 {
width: 100%;
height: auto;
padding: 16rem;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
}
/* Team member cards */
.team-member-card {
padding: 24rem;
grid-row-gap: 24rem;
}
.label-style-24 {
font-size: 14rem;
line-height: 150%;
}
.text-field-2 {
gap: 20rem;
}
.text-35 {
font-size: 14rem;
line-height: 150%;
}
.row {
flex-direction: column;
gap: 24rem;
}
.delete {
left: auto;
right: 0;
}
.checkbox-item {
grid-column-gap: 16rem;
}
.button-style-8 {
padding: 16rem 24rem;
}
.label-style-20 {
gap: 12rem;
}
.label-style-21 {
font-size: 10rem;
}
.field {
padding-bottom: 20rem;
}
.placeholder {
font-size: 14rem;
line-height: 150%;
}
.only-mob {
display: block;
}
.only-desktop {
display: none;
}
.radio-button,
.radio-button-2 {
padding: 8rem 20rem;
}
.input-8,
.input-7 {
font-size: 13rem;
line-height: 130%;
}
.file-name {
font-size: 13rem;
line-height: 150%;
}
.file-add-icon {
width: 36rem;
height: 36rem;
}
.trash-icon {
width: 16rem;
height: 16rem;
}
.svg-icon-2 img {
width: 20rem;
height: 20rem;
}
.rectangle-9 {
width: 2rem;
height: 2rem;
}
.upload-field {
gap: 32rem;
}
.radio-buttons {
gap: 12rem;
}
.team-members-fields {
gap: 28rem;
}
.button-style-8 {
margin-top: -8rem;
padding: 14rem;
}
.input-9 {
font-size: 16rem;
line-height: 130%;
}
.button-style-7 img {
width: 8rem;
height: 8rem;
}
.checkbox {
height: 16rem;
width: 16rem;
}
.checkbox>img {
width: 10rem;
height: 10rem;
}
.faq-2-vw {
padding: 240rem 16rem 72rem 16rem;
flex-direction: column;
gap: 80rem;
}
.label-style-ic {
padding-top: 40rem;
gap: 36rem;
}
.tabs-pc {
gap: 7rem;
}
.tab-link-zh {
font-weight: 500;
font-size: 26rem;
line-height: 115%;
letter-spacing: -0.03em;
}
.label-style-2-fh {
gap: 12rem;
}
.label-style-3-rs {
font-size: 10rem;
line-height: 130%;
}
.accordion-em {
padding-top: 64rem;
}
.text-6-et {
font-size: 22rem;
line-height: 120%;
}
.input-qh {
align-items: flex-start;
gap: 24rem;
}
.toggle-hf {
padding-bottom: 28rem;
gap: 30rem;
}
.toggle-2-ls {
padding-top: 28rem;
padding-bottom: 28rem;
gap: 30rem;
}
.rectangle-gr {
width: 2rem;
height: 2rem;
}
.description-te {
padding: 0 0 28rem 48rem;
}
.label-style-4-kr {
gap: 12rem;
width: 24rem;
}
.popup-tc {
padding: 16rem;
width: 100%;
gap: 16rem;
height: 100%;
overflow: auto;
}
.popup-success {
padding: 28rem;
border-radius: 16rem;
gap: 16rem;
}
.popup-success_title {
font-size: 26rem;
line-height: 125%;
}
.popup-success_subtitle,
.popup-success_subtitle>* {
font-size: 14rem;
line-height: 150%;
}
.popup-success .button-style {
width: fit-content;
padding: 8rem 16rem;
margin-top: 40rem;
}
.popup-success .button-style>* {
font-size: 13rem;
line-height: 130%;
}
.text-field-bn {
gap: 32rem;
}
.label-style-6-wd {
font-size: 22rem;
line-height: 120%;
}
.close-icon-ou {
left: unset;
right: 6.33rem;
top: 6.33rem;
}
.top-dt {
gap: 30rem;
}
.chapter-label-ug {
padding-top: 40rem;
gap: 32rem;
}
.label-style-5-sa {
gap: 12rem;
}
.rectangle-1430106713-hg {
width: 2rem;
height: 2rem;
opacity: 0.5;
}
.register-for-the-kick-off-event-sz {
font-size: 40rem;
line-height: 95%;
width: 270rem;
}
.description-2-fr {
font-size: 13rem;
line-height: 155%;
}
.bottom-xa {
gap: 40rem;
}
.button-style-3-rq {
padding: 14rem;
font-size: 16rem;
line-height: 130%;
}
.checkbox-item-ax {
gap: 24rem;
}
.popup-tc .checkbox-wa .close-icon-ou {
right: 0.33rem;
top: -0.67rem;
width: 18rem;
height: 18rem;
}
.form-style-sp {
gap: 56rem;
}
.field-zi {
padding-bottom: 20rem;
}
.section-video-bg {
width: 100%;
height: auto;
}
.hero>*:not(.section-video-bg) {
position: relative;
z-index: 2;
}
.hero::after {
bottom: 360rem;
}
.problems-list::after {
bottom: 0;
background: linear-gradient(to top, #111111 0%, #11111100 100%);
}
.concept_description {
height: 482rem;
}
.footer .socials-2 {
gap: 12rem;
}
}
.mobile-video {
display: none !important;
}
@media screen and (max-width: 479px) {
.desktop-video {
display: none !important;
}
.mobile-video {
display: block !important;
}
}
.frame-24 .button-style-3,
.frame-29 .button-style-3,
.footer .button-style-2
{
display: none;
}