* {
    box-sizing: border-box
}

body,
html {
    height: 100%
}

body {
    color: #2e3c43;
    font-family: "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility
}

a {
    color: #1785fb;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

button {
    border: 0;
    cursor: pointer;
    font-family: "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    outline: 0
}

iframe,
img {
    max-width: 100%;
    vertical-align: bottom
}

@media (max-width:600px) {
    iframe {
        width: 1px;
        min-width: 100%
    }
}

sup {
    font-size: 85%;
    position: relative;
    top: -6px
}

a,
b,
body,
center,
div,
embed,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
p,
s,
section,
sup,
table,
time,
u {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

footer,
header,
section {
    display: block
}

body {
    line-height: 1
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.f84 {
    font-size: 84px;
    line-height: 96px;
    letter-spacing: -1px
}

.f64 {
    font-size: 64px;
    line-height: 72px;
    letter-spacing: -.5px
}

.f48 {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -.3px
}

.f36 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.2px
}

.f32 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -.1px
}

.f24 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0
}

.f20 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0
}

.f18 {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0
}

.f16 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

.f12 {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0
}

@media (max-width:600px) {
    .f84--mobile {
        font-size: 84px;
        line-height: 96px;
        letter-spacing: -1px
    }

    .f64--mobile {
        font-size: 64px;
        line-height: 72px;
        letter-spacing: -.5px
    }

    .f48--mobile {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -.3px
    }

    .f36--mobile {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -.2px
    }

    .f32--mobile {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -.1px
    }

    .f24--mobile {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0
    }

    .f20--mobile {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0
    }

    .f18--mobile {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0
    }

    .f16--mobile {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0
    }

    .f12--mobile {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0
    }
}

@media (max-width:800px) {
    .f84--tablet {
        font-size: 84px;
        line-height: 96px;
        letter-spacing: -1px
    }

    .f64--tablet {
        font-size: 64px;
        line-height: 72px;
        letter-spacing: -.5px
    }

    .f48--tablet {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -.3px
    }

    .f36--tablet {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -.2px
    }

    .f32--tablet {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -.1px
    }

    .f24--tablet {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0
    }

    .f20--tablet {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0
    }

    .f18--tablet {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0
    }

    .f16--tablet {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0
    }

    .f12--tablet {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0
    }
}

@media (max-width:1224px) {
    .f84--desktop-s {
        font-size: 84px;
        line-height: 96px;
        letter-spacing: -1px
    }

    .f64--desktop-s {
        font-size: 64px;
        line-height: 72px;
        letter-spacing: -.5px
    }

    .f48--desktop-s {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -.3px
    }

    .f36--desktop-s {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -.2px
    }

    .f32--desktop-s {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -.1px
    }

    .f24--desktop-s {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0
    }

    .f20--desktop-s {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0
    }

    .f18--desktop-s {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0
    }

    .f16--desktop-s {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0
    }

    .f12--desktop-s {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0
    }
}

@media (min-width:1632px) {
    .f84--desktop-l {
        font-size: 84px;
        line-height: 96px;
        letter-spacing: -1px
    }

    .f64--desktop-l {
        font-size: 64px;
        line-height: 72px;
        letter-spacing: -.5px
    }

    .f48--desktop-l {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -.3px
    }

    .f36--desktop-l {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -.2px
    }

    .f32--desktop-l {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -.1px
    }

    .f24--desktop-l {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0
    }

    .f20--desktop-l {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0
    }

    .f18--desktop-l {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0
    }

    .f16--desktop-l {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0
    }

    .f12--desktop-l {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0
    }
}

.title {
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600
}

.is-bgWhite {
    background: #fff
}

.is-txtWhite {
    color: #fff
}

.container {
    max-width: 960px;
    margin: 0 auto
}

.grid-cell {
    padding-right: 12px;
    padding-left: 12px
}

.grid {
    display: flex;
    flex-wrap: wrap;
    flex: 1
}

.grid.grid--column {
    flex-direction: column
}

@media (max-width:1224px) {
    .container {
        max-width: 960px
    }

    .grid-cell {
        padding-right: 12px;
        padding-left: 12px
    }
}

@media (max-width:600px) {
    .grid-cell {
        padding-right: 4px;
        padding-left: 4px
    }
}

@media (min-width:1224px) {
    .container {
        max-width: 1224px
    }

    .grid-cell {
        padding-right: 12px;
        padding-left: 12px
    }
}

@media (min-width:1632px) {
    .container {
        max-width: 1632px
    }

    .grid-cell {
        padding-right: 16px;
        padding-left: 16px
    }
}

.grid-cell--col0 {
    flex: 0 0 0%;
    max-width: 0%
}

.grid-cell--col1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.grid-cell--col2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.grid-cell--col3 {
    flex: 0 0 25%;
    max-width: 25%
}

.grid-cell--col4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.grid-cell--col5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.grid-cell--col6 {
    flex: 0 0 50%;
    max-width: 50%
}

.grid-cell--col7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.grid-cell--col8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.grid-cell--col9 {
    flex: 0 0 75%;
    max-width: 75%
}

.grid-cell--col10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.grid-cell--col11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.grid-cell--col12 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width:1224px) {
    .grid-cell--col0--desktop-s {
        flex: 0 0 0%;
        max-width: 0%
    }

    .grid-cell--col1--desktop-s {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid-cell--col2--desktop-s {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid-cell--col3--desktop-s {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid-cell--col4--desktop-s {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid-cell--col5--desktop-s {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid-cell--col6--desktop-s {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid-cell--col7--desktop-s {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid-cell--col8--desktop-s {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid-cell--col9--desktop-s {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid-cell--col10--desktop-s {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid-cell--col11--desktop-s {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .grid-cell--col12--desktop-s {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid-cell--col0--desktop-s {
        padding: 0
    }
}

@media (max-width:800px) {
    .grid-cell--col0--tablet {
        flex: 0 0 0%;
        max-width: 0%
    }

    .grid-cell--col1--tablet {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid-cell--col2--tablet {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid-cell--col3--tablet {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid-cell--col4--tablet {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid-cell--col5--tablet {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid-cell--col6--tablet {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid-cell--col7--tablet {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid-cell--col8--tablet {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid-cell--col9--tablet {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid-cell--col10--tablet {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid-cell--col11--tablet {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .grid-cell--col12--tablet {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid-cell--col0--tablet {
        padding: 0
    }
}

@media (max-width:600px) {
    .grid-cell--col0--mobile {
        flex: 0 0 0%;
        max-width: 0%
    }

    .grid-cell--col1--mobile {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid-cell--col2--mobile {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid-cell--col3--mobile {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid-cell--col4--mobile {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid-cell--col5--mobile {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid-cell--col6--mobile {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid-cell--col7--mobile {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid-cell--col8--mobile {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid-cell--col9--mobile {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid-cell--col10--mobile {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid-cell--col11--mobile {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .grid-cell--col12--mobile {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid-cell--col0--mobile {
        padding: 0
    }
}

@media (min-width:1224px) {
    .grid-cell--col0--desktop {
        flex: 0 0 0%;
        max-width: 0%
    }

    .grid-cell--col1--desktop {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid-cell--col2--desktop {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid-cell--col3--desktop {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid-cell--col4--desktop {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid-cell--col5--desktop {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid-cell--col6--desktop {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid-cell--col7--desktop {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid-cell--col8--desktop {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid-cell--col9--desktop {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid-cell--col10--desktop {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid-cell--col11--desktop {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .grid-cell--col12--desktop {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid-cell--col0--desktop {
        padding: 0
    }
}

@media (min-width:1632px) {
    .grid-cell--col0--desktop-l {
        flex: 0 0 0%;
        max-width: 0%
    }

    .grid-cell--col1--desktop-l {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid-cell--col2--desktop-l {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid-cell--col3--desktop-l {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid-cell--col4--desktop-l {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid-cell--col5--desktop-l {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid-cell--col6--desktop-l {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid-cell--col7--desktop-l {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid-cell--col8--desktop-l {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid-cell--col9--desktop-l {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid-cell--col10--desktop-l {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid-cell--col11--desktop-l {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .grid-cell--col12--desktop-l {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid-cell--col0--desktop-l {
        padding: 0
    }
}

.section {
    overflow: hidden
}

.button {
    display: inline-block;
    border-radius: 8px;
    font: 600 16px/24px Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 16px 24px;
    text-align: center;
    white-space: nowrap;
    position: relative;
    overflow: hidden
}

.button:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: transparent;
    transition: background-color .1s linear
}

.button:hover {
    text-decoration: none
}

.features__title {
    display: inline-block;
    color: #c5ccd5;
    padding-top: 12px;
    border-top: 1px solid rgba(197, 204, 213, .2)
}

.u-mt0 {
    margin-top: 0
}

.u-mr0 {
    margin-right: 0
}

.u-mb0 {
    margin-bottom: 0
}

.u-mt4 {
    margin-top: 4px
}

.u-mr4 {
    margin-right: 4px
}

.u-mb4 {
    margin-bottom: 4px
}

.u-mt6 {
    margin-top: 6px
}

.u-mr6 {
    margin-right: 6px
}

.u-mb6 {
    margin-bottom: 6px
}

.u-mt8 {
    margin-top: 8px
}

.u-mr8 {
    margin-right: 8px
}

.u-mb8 {
    margin-bottom: 8px
}

.u-mt10 {
    margin-top: 10px
}

.u-mr10 {
    margin-right: 10px
}

.u-mb10 {
    margin-bottom: 10px
}

.u-mt12 {
    margin-top: 12px
}

.u-mr12 {
    margin-right: 12px
}

.u-mb12 {
    margin-bottom: 12px
}

.u-mt16 {
    margin-top: 16px
}

.u-mr16 {
    margin-right: 16px
}

.u-mb16 {
    margin-bottom: 16px
}

.u-mt20 {
    margin-top: 20px
}

.u-mr20 {
    margin-right: 20px
}

.u-mb20 {
    margin-bottom: 20px
}

.u-mt24 {
    margin-top: 24px
}

.u-mr24 {
    margin-right: 24px
}

.u-mb24 {
    margin-bottom: 24px
}

.u-mt28 {
    margin-top: 28px
}

.u-mr28 {
    margin-right: 28px
}

.u-mb28 {
    margin-bottom: 28px
}

.u-mt32 {
    margin-top: 32px
}

.u-mr32 {
    margin-right: 32px
}

.u-mb32 {
    margin-bottom: 32px
}

.u-mt36 {
    margin-top: 36px
}

.u-mr36 {
    margin-right: 36px
}

.u-mb36 {
    margin-bottom: 36px
}

.u-mt40 {
    margin-top: 40px
}

.u-mr40 {
    margin-right: 40px
}

.u-mb40 {
    margin-bottom: 40px
}

.u-mt48 {
    margin-top: 48px
}

.u-mr48 {
    margin-right: 48px
}

.u-mb48 {
    margin-bottom: 48px
}

.u-mt56 {
    margin-top: 56px
}

.u-mr56 {
    margin-right: 56px
}

.u-mb56 {
    margin-bottom: 56px
}

.u-mt64 {
    margin-top: 64px
}

.u-mr64 {
    margin-right: 64px
}

.u-mb64 {
    margin-bottom: 64px
}

.u-mt72 {
    margin-top: 72px
}

.u-mr72 {
    margin-right: 72px
}

.u-mb72 {
    margin-bottom: 72px
}

.u-mt80 {
    margin-top: 80px
}

.u-mr80 {
    margin-right: 80px
}

.u-mb80 {
    margin-bottom: 80px
}

.u-mt96 {
    margin-top: 96px
}

.u-mr96 {
    margin-right: 96px
}

.u-mb96 {
    margin-bottom: 96px
}

.u-mt120 {
    margin-top: 120px
}

.u-mr120 {
    margin-right: 120px
}

.u-mb120 {
    margin-bottom: 120px
}

.u-mt128 {
    margin-top: 128px
}

.u-mr128 {
    margin-right: 128px
}

.u-mb128 {
    margin-bottom: 128px
}

.u-mt148 {
    margin-top: 148px
}

.u-mr148 {
    margin-right: 148px
}

.u-mb148 {
    margin-bottom: 148px
}

@media (max-width:600px) {
    .u-mt0--mobile {
        margin-top: 0
    }

    .u-mr0--mobile {
        margin-right: 0
    }

    .u-mb0--mobile {
        margin-bottom: 0
    }

    .u-mt4--mobile {
        margin-top: 4px
    }

    .u-mr4--mobile {
        margin-right: 4px
    }

    .u-mb4--mobile {
        margin-bottom: 4px
    }

    .u-mt6--mobile {
        margin-top: 6px
    }

    .u-mr6--mobile {
        margin-right: 6px
    }

    .u-mb6--mobile {
        margin-bottom: 6px
    }

    .u-mt8--mobile {
        margin-top: 8px
    }

    .u-mr8--mobile {
        margin-right: 8px
    }

    .u-mb8--mobile {
        margin-bottom: 8px
    }

    .u-mt10--mobile {
        margin-top: 10px
    }

    .u-mr10--mobile {
        margin-right: 10px
    }

    .u-mb10--mobile {
        margin-bottom: 10px
    }

    .u-mt12--mobile {
        margin-top: 12px
    }

    .u-mr12--mobile {
        margin-right: 12px
    }

    .u-mb12--mobile {
        margin-bottom: 12px
    }

    .u-mt16--mobile {
        margin-top: 16px
    }

    .u-mr16--mobile {
        margin-right: 16px
    }

    .u-mb16--mobile {
        margin-bottom: 16px
    }

    .u-mt20--mobile {
        margin-top: 20px
    }

    .u-mr20--mobile {
        margin-right: 20px
    }

    .u-mb20--mobile {
        margin-bottom: 20px
    }

    .u-mt24--mobile {
        margin-top: 24px
    }

    .u-mr24--mobile {
        margin-right: 24px
    }

    .u-mb24--mobile {
        margin-bottom: 24px
    }

    .u-mt28--mobile {
        margin-top: 28px
    }

    .u-mr28--mobile {
        margin-right: 28px
    }

    .u-mb28--mobile {
        margin-bottom: 28px
    }

    .u-mt32--mobile {
        margin-top: 32px
    }

    .u-mr32--mobile {
        margin-right: 32px
    }

    .u-mb32--mobile {
        margin-bottom: 32px
    }

    .u-mt36--mobile {
        margin-top: 36px
    }

    .u-mr36--mobile {
        margin-right: 36px
    }

    .u-mb36--mobile {
        margin-bottom: 36px
    }

    .u-mt40--mobile {
        margin-top: 40px
    }

    .u-mr40--mobile {
        margin-right: 40px
    }

    .u-mb40--mobile {
        margin-bottom: 40px
    }

    .u-mt48--mobile {
        margin-top: 48px
    }

    .u-mr48--mobile {
        margin-right: 48px
    }

    .u-mb48--mobile {
        margin-bottom: 48px
    }

    .u-mt56--mobile {
        margin-top: 56px
    }

    .u-mr56--mobile {
        margin-right: 56px
    }

    .u-mb56--mobile {
        margin-bottom: 56px
    }

    .u-mt64--mobile {
        margin-top: 64px
    }

    .u-mr64--mobile {
        margin-right: 64px
    }

    .u-mb64--mobile {
        margin-bottom: 64px
    }

    .u-mt72--mobile {
        margin-top: 72px
    }

    .u-mr72--mobile {
        margin-right: 72px
    }

    .u-mb72--mobile {
        margin-bottom: 72px
    }

    .u-mt80--mobile {
        margin-top: 80px
    }

    .u-mr80--mobile {
        margin-right: 80px
    }

    .u-mb80--mobile {
        margin-bottom: 80px
    }

    .u-mt96--mobile {
        margin-top: 96px
    }

    .u-mr96--mobile {
        margin-right: 96px
    }

    .u-mb96--mobile {
        margin-bottom: 96px
    }

    .u-mt120--mobile {
        margin-top: 120px
    }

    .u-mr120--mobile {
        margin-right: 120px
    }

    .u-mb120--mobile {
        margin-bottom: 120px
    }

    .u-mt128--mobile {
        margin-top: 128px
    }

    .u-mr128--mobile {
        margin-right: 128px
    }

    .u-mb128--mobile {
        margin-bottom: 128px
    }

    .u-mt148--mobile {
        margin-top: 148px
    }

    .u-mr148--mobile {
        margin-right: 148px
    }

    .u-mb148--mobile {
        margin-bottom: 148px
    }
}

@media (max-width:800px) {
    .u-mt0--tablet {
        margin-top: 0
    }

    .u-mr0--tablet {
        margin-right: 0
    }

    .u-mb0--tablet {
        margin-bottom: 0
    }

    .u-mt4--tablet {
        margin-top: 4px
    }

    .u-mr4--tablet {
        margin-right: 4px
    }

    .u-mb4--tablet {
        margin-bottom: 4px
    }

    .u-mt6--tablet {
        margin-top: 6px
    }

    .u-mr6--tablet {
        margin-right: 6px
    }

    .u-mb6--tablet {
        margin-bottom: 6px
    }

    .u-mt8--tablet {
        margin-top: 8px
    }

    .u-mr8--tablet {
        margin-right: 8px
    }

    .u-mb8--tablet {
        margin-bottom: 8px
    }

    .u-mt10--tablet {
        margin-top: 10px
    }

    .u-mr10--tablet {
        margin-right: 10px
    }

    .u-mb10--tablet {
        margin-bottom: 10px
    }

    .u-mt12--tablet {
        margin-top: 12px
    }

    .u-mr12--tablet {
        margin-right: 12px
    }

    .u-mb12--tablet {
        margin-bottom: 12px
    }

    .u-mt16--tablet {
        margin-top: 16px
    }

    .u-mr16--tablet {
        margin-right: 16px
    }

    .u-mb16--tablet {
        margin-bottom: 16px
    }

    .u-mt20--tablet {
        margin-top: 20px
    }

    .u-mr20--tablet {
        margin-right: 20px
    }

    .u-mb20--tablet {
        margin-bottom: 20px
    }

    .u-mt24--tablet {
        margin-top: 24px
    }

    .u-mr24--tablet {
        margin-right: 24px
    }

    .u-mb24--tablet {
        margin-bottom: 24px
    }

    .u-mt28--tablet {
        margin-top: 28px
    }

    .u-mr28--tablet {
        margin-right: 28px
    }

    .u-mb28--tablet {
        margin-bottom: 28px
    }

    .u-mt32--tablet {
        margin-top: 32px
    }

    .u-mr32--tablet {
        margin-right: 32px
    }

    .u-mb32--tablet {
        margin-bottom: 32px
    }

    .u-mt36--tablet {
        margin-top: 36px
    }

    .u-mr36--tablet {
        margin-right: 36px
    }

    .u-mb36--tablet {
        margin-bottom: 36px
    }

    .u-mt40--tablet {
        margin-top: 40px
    }

    .u-mr40--tablet {
        margin-right: 40px
    }

    .u-mb40--tablet {
        margin-bottom: 40px
    }

    .u-mt48--tablet {
        margin-top: 48px
    }

    .u-mr48--tablet {
        margin-right: 48px
    }

    .u-mb48--tablet {
        margin-bottom: 48px
    }

    .u-mt56--tablet {
        margin-top: 56px
    }

    .u-mr56--tablet {
        margin-right: 56px
    }

    .u-mb56--tablet {
        margin-bottom: 56px
    }

    .u-mt64--tablet {
        margin-top: 64px
    }

    .u-mr64--tablet {
        margin-right: 64px
    }

    .u-mb64--tablet {
        margin-bottom: 64px
    }

    .u-mt72--tablet {
        margin-top: 72px
    }

    .u-mr72--tablet {
        margin-right: 72px
    }

    .u-mb72--tablet {
        margin-bottom: 72px
    }

    .u-mt80--tablet {
        margin-top: 80px
    }

    .u-mr80--tablet {
        margin-right: 80px
    }

    .u-mb80--tablet {
        margin-bottom: 80px
    }

    .u-mt96--tablet {
        margin-top: 96px
    }

    .u-mr96--tablet {
        margin-right: 96px
    }

    .u-mb96--tablet {
        margin-bottom: 96px
    }

    .u-mt120--tablet {
        margin-top: 120px
    }

    .u-mr120--tablet {
        margin-right: 120px
    }

    .u-mb120--tablet {
        margin-bottom: 120px
    }

    .u-mt128--tablet {
        margin-top: 128px
    }

    .u-mr128--tablet {
        margin-right: 128px
    }

    .u-mb128--tablet {
        margin-bottom: 128px
    }

    .u-mt148--tablet {
        margin-top: 148px
    }

    .u-mr148--tablet {
        margin-right: 148px
    }

    .u-mb148--tablet {
        margin-bottom: 148px
    }
}

@media (max-width:1224px) {
    .u-mt0--desktop-s {
        margin-top: 0
    }

    .u-mr0--desktop-s {
        margin-right: 0
    }

    .u-mb0--desktop-s {
        margin-bottom: 0
    }

    .u-mt4--desktop-s {
        margin-top: 4px
    }

    .u-mr4--desktop-s {
        margin-right: 4px
    }

    .u-mb4--desktop-s {
        margin-bottom: 4px
    }

    .u-mt6--desktop-s {
        margin-top: 6px
    }

    .u-mr6--desktop-s {
        margin-right: 6px
    }

    .u-mb6--desktop-s {
        margin-bottom: 6px
    }

    .u-mt8--desktop-s {
        margin-top: 8px
    }

    .u-mr8--desktop-s {
        margin-right: 8px
    }

    .u-mb8--desktop-s {
        margin-bottom: 8px
    }

    .u-mt10--desktop-s {
        margin-top: 10px
    }

    .u-mr10--desktop-s {
        margin-right: 10px
    }

    .u-mb10--desktop-s {
        margin-bottom: 10px
    }

    .u-mt12--desktop-s {
        margin-top: 12px
    }

    .u-mr12--desktop-s {
        margin-right: 12px
    }

    .u-mb12--desktop-s {
        margin-bottom: 12px
    }

    .u-mt16--desktop-s {
        margin-top: 16px
    }

    .u-mr16--desktop-s {
        margin-right: 16px
    }

    .u-mb16--desktop-s {
        margin-bottom: 16px
    }

    .u-mt20--desktop-s {
        margin-top: 20px
    }

    .u-mr20--desktop-s {
        margin-right: 20px
    }

    .u-mb20--desktop-s {
        margin-bottom: 20px
    }

    .u-mt24--desktop-s {
        margin-top: 24px
    }

    .u-mr24--desktop-s {
        margin-right: 24px
    }

    .u-mb24--desktop-s {
        margin-bottom: 24px
    }

    .u-mt28--desktop-s {
        margin-top: 28px
    }

    .u-mr28--desktop-s {
        margin-right: 28px
    }

    .u-mb28--desktop-s {
        margin-bottom: 28px
    }

    .u-mt32--desktop-s {
        margin-top: 32px
    }

    .u-mr32--desktop-s {
        margin-right: 32px
    }

    .u-mb32--desktop-s {
        margin-bottom: 32px
    }

    .u-mt36--desktop-s {
        margin-top: 36px
    }

    .u-mr36--desktop-s {
        margin-right: 36px
    }

    .u-mb36--desktop-s {
        margin-bottom: 36px
    }

    .u-mt40--desktop-s {
        margin-top: 40px
    }

    .u-mr40--desktop-s {
        margin-right: 40px
    }

    .u-mb40--desktop-s {
        margin-bottom: 40px
    }

    .u-mt48--desktop-s {
        margin-top: 48px
    }

    .u-mr48--desktop-s {
        margin-right: 48px
    }

    .u-mb48--desktop-s {
        margin-bottom: 48px
    }

    .u-mt56--desktop-s {
        margin-top: 56px
    }

    .u-mr56--desktop-s {
        margin-right: 56px
    }

    .u-mb56--desktop-s {
        margin-bottom: 56px
    }

    .u-mt64--desktop-s {
        margin-top: 64px
    }

    .u-mr64--desktop-s {
        margin-right: 64px
    }

    .u-mb64--desktop-s {
        margin-bottom: 64px
    }

    .u-mt72--desktop-s {
        margin-top: 72px
    }

    .u-mr72--desktop-s {
        margin-right: 72px
    }

    .u-mb72--desktop-s {
        margin-bottom: 72px
    }

    .u-mt80--desktop-s {
        margin-top: 80px
    }

    .u-mr80--desktop-s {
        margin-right: 80px
    }

    .u-mb80--desktop-s {
        margin-bottom: 80px
    }

    .u-mt96--desktop-s {
        margin-top: 96px
    }

    .u-mr96--desktop-s {
        margin-right: 96px
    }

    .u-mb96--desktop-s {
        margin-bottom: 96px
    }

    .u-mt120--desktop-s {
        margin-top: 120px
    }

    .u-mr120--desktop-s {
        margin-right: 120px
    }

    .u-mb120--desktop-s {
        margin-bottom: 120px
    }

    .u-mt128--desktop-s {
        margin-top: 128px
    }

    .u-mr128--desktop-s {
        margin-right: 128px
    }

    .u-mb128--desktop-s {
        margin-bottom: 128px
    }

    .u-mt148--desktop-s {
        margin-top: 148px
    }

    .u-mr148--desktop-s {
        margin-right: 148px
    }

    .u-mb148--desktop-s {
        margin-bottom: 148px
    }
}

@media (min-width:1632px) {
    .u-mt0--desktop-l {
        margin-top: 0
    }

    .u-mr0--desktop-l {
        margin-right: 0
    }

    .u-mb0--desktop-l {
        margin-bottom: 0
    }

    .u-mt4--desktop-l {
        margin-top: 4px
    }

    .u-mr4--desktop-l {
        margin-right: 4px
    }

    .u-mb4--desktop-l {
        margin-bottom: 4px
    }

    .u-mt6--desktop-l {
        margin-top: 6px
    }

    .u-mr6--desktop-l {
        margin-right: 6px
    }

    .u-mb6--desktop-l {
        margin-bottom: 6px
    }

    .u-mt8--desktop-l {
        margin-top: 8px
    }

    .u-mr8--desktop-l {
        margin-right: 8px
    }

    .u-mb8--desktop-l {
        margin-bottom: 8px
    }

    .u-mt10--desktop-l {
        margin-top: 10px
    }

    .u-mr10--desktop-l {
        margin-right: 10px
    }

    .u-mb10--desktop-l {
        margin-bottom: 10px
    }

    .u-mt12--desktop-l {
        margin-top: 12px
    }

    .u-mr12--desktop-l {
        margin-right: 12px
    }

    .u-mb12--desktop-l {
        margin-bottom: 12px
    }

    .u-mt16--desktop-l {
        margin-top: 16px
    }

    .u-mr16--desktop-l {
        margin-right: 16px
    }

    .u-mb16--desktop-l {
        margin-bottom: 16px
    }

    .u-mt20--desktop-l {
        margin-top: 20px
    }

    .u-mr20--desktop-l {
        margin-right: 20px
    }

    .u-mb20--desktop-l {
        margin-bottom: 20px
    }

    .u-mt24--desktop-l {
        margin-top: 24px
    }

    .u-mr24--desktop-l {
        margin-right: 24px
    }

    .u-mb24--desktop-l {
        margin-bottom: 24px
    }

    .u-mt28--desktop-l {
        margin-top: 28px
    }

    .u-mr28--desktop-l {
        margin-right: 28px
    }

    .u-mb28--desktop-l {
        margin-bottom: 28px
    }

    .u-mt32--desktop-l {
        margin-top: 32px
    }

    .u-mr32--desktop-l {
        margin-right: 32px
    }

    .u-mb32--desktop-l {
        margin-bottom: 32px
    }

    .u-mt36--desktop-l {
        margin-top: 36px
    }

    .u-mr36--desktop-l {
        margin-right: 36px
    }

    .u-mb36--desktop-l {
        margin-bottom: 36px
    }

    .u-mt40--desktop-l {
        margin-top: 40px
    }

    .u-mr40--desktop-l {
        margin-right: 40px
    }

    .u-mb40--desktop-l {
        margin-bottom: 40px
    }

    .u-mt48--desktop-l {
        margin-top: 48px
    }

    .u-mr48--desktop-l {
        margin-right: 48px
    }

    .u-mb48--desktop-l {
        margin-bottom: 48px
    }

    .u-mt56--desktop-l {
        margin-top: 56px
    }

    .u-mr56--desktop-l {
        margin-right: 56px
    }

    .u-mb56--desktop-l {
        margin-bottom: 56px
    }

    .u-mt64--desktop-l {
        margin-top: 64px
    }

    .u-mr64--desktop-l {
        margin-right: 64px
    }

    .u-mb64--desktop-l {
        margin-bottom: 64px
    }

    .u-mt72--desktop-l {
        margin-top: 72px
    }

    .u-mr72--desktop-l {
        margin-right: 72px
    }

    .u-mb72--desktop-l {
        margin-bottom: 72px
    }

    .u-mt80--desktop-l {
        margin-top: 80px
    }

    .u-mr80--desktop-l {
        margin-right: 80px
    }

    .u-mb80--desktop-l {
        margin-bottom: 80px
    }

    .u-mt96--desktop-l {
        margin-top: 96px
    }

    .u-mr96--desktop-l {
        margin-right: 96px
    }

    .u-mb96--desktop-l {
        margin-bottom: 96px
    }

    .u-mt120--desktop-l {
        margin-top: 120px
    }

    .u-mr120--desktop-l {
        margin-right: 120px
    }

    .u-mb120--desktop-l {
        margin-bottom: 120px
    }

    .u-mt128--desktop-l {
        margin-top: 128px
    }

    .u-mr128--desktop-l {
        margin-right: 128px
    }

    .u-mb128--desktop-l {
        margin-bottom: 128px
    }

    .u-mt148--desktop-l {
        margin-top: 148px
    }

    .u-mr148--desktop-l {
        margin-right: 148px
    }

    .u-mb148--desktop-l {
        margin-bottom: 148px
    }
}

.u-flex {
    display: flex
}

.mobile {
    display: none
}

@media (max-width:600px) {
    .mobile {
        display: block
    }
}

.tablet {
    display: none
}

@media (max-width:800px) {
    .tablet {
        display: block
    }
}

.desktop-s {
    display: block
}

@media (max-width:800px) {
    .desktop-s {
        display: none
    }
}

.desktop {
    display: block
}

@media (max-width:1224px) {
    .desktop {
        display: none
    }
}

.desktop-l {
    display: block
}

@media (max-width:1632px) {
    .desktop-l {
        display: none
    }
}

.mobile--flex {
    display: none
}

@media (max-width:600px) {
    .mobile--flex {
        display: flex
    }
}

.tablet--flex {
    display: none
}

@media (max-width:800px) {
    .tablet--flex {
        display: flex
    }
}

.desktop-s--flex {
    display: flex
}

@media (max-width:800px) {
    .desktop-s--flex {
        display: none
    }
}

.desktop--flex {
    display: flex
}

@media (max-width:1224px) {
    .desktop--flex {
        display: none
    }
}

.u-flex-column {
    flex-direction: column
}

.u-align-center {
    align-items: center
}

.u-justify-center {
    justify-content: center
}

.u-justify-space {
    justify-content: space-between
}

.u-default {
    cursor: default
}

@font-face {
    font-family: UberMove;
    src: url(https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Regular.woff2) format("woff2"), url(https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: UberMove;
    src: url(https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Medium.woff2) format("woff2"), url(https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: UberMove;
    src: url(https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Bold.woff2) format("woff2"), url(https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Bold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

body {
    font-family: UberMove, Helvetica, Arial, sans-serif
}

a {
    color: #0075C9;
    font-weight: 600
}

.container-gl {
    position: relative;
    top: -330px
}

.top-paragraphs {
    padding-top: 150px;
    display: flex
}

@media (max-width:800px) {
    .top-paragraphs {
        padding-top: 80px
    }
}

.logo-deckgl {
    position: relative;
    top: -490px
}

.logo-deckgl .logo-summit {
    width: 450px
}

.openjs-logo {
    width: 200px
}

.gradient-border {
    --border-width: 1px;
    position: relative;
    display: flex;
    justify-content: center;
    background: #fff
}

.gradient-border::after {
    position: absolute;
    content: "";
    top: calc(-1 * var(--border-width));
    left: calc(-1 * var(--border-width));
    z-index: -1;
    width: calc(100% + var(--border-width) * 2);
    height: calc(100% + var(--border-width) * 2);
    background: linear-gradient(90deg, #06ffef, #fff, #066788, #0c2960, #00ade6);
    background-size: 300% 300%;
    background-position: 0 50%;
    animation: moveGradient 5s alternate infinite
}

.gradient-border.vertical {
    position: absolute;
    z-index: -10;
    width: 1px;
    height: 2800px
}

.gradient-border.vertical::after {
    width: calc(100% + var(--border-width) * .5)
}

@media (max-width:800px) {
    .gradient-border.vertical {
        display: none
    }
}

@keyframes moveGradient {
    50% {
        background-position: 100% 50%
    }
}

.paragraph-1 {
    padding: 0 40px 60px 0
}

@media (max-width:800px) {
    .paragraph-1 {
        padding: unset
    }
}

.paragraph-2 {
    padding: 0 0 60px 50px
}

@media (max-width:800px) {
    .paragraph-2 {
        padding: unset
    }
}

.paragraph-3 {
    padding: 90px 70px 50px;
    text-align: center
}

@media (max-width:800px) {
    .paragraph-3 {
        padding: 50px 30px 40px
    }
}

.paragraph-4 {
    padding-right: 60px
}

@media (max-width:800px) {
    .paragraph-4 {
        padding: unset
    }
}

.paragraph-5 {
    padding-left: 60px
}

@media (max-width:800px) {
    .paragraph-5 {
        padding: unset
    }
}

.button-gl {
    font-size: 15px;
    line-height: 44px;
    letter-spacing: 2px;
    font-weight: 700;
    padding: 0 3rem;
    pointer-events: all;
    display: inline-block;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color 250ms ease-in 0s, color 250ms ease-in 0s;
    border-width: 2px;
    border-style: solid;
    border-color: #00ade6;
    color: #2b3848;
    border-image: linear-gradient(to right, #0c2960 0, #00ade6 100%) 2/1/0 stretch
}

.button-gl:hover {
    color: #fff;
    background-color: #00ade6
}

.title-gl {
    font-family: UberMove, Helvetica, Arial, sans-serif;
    font-weight: 500
}

.footer-gl {
    height: fit-content;
    width: 100%;
    background-image: url(https://raw.githubusercontent.com/visgl/deck.gl-data/master/images/pages/events/footer-bg.png)
}

#agenda {
    padding: 90px 80px
}

@media (min-width:1632px) {
    #agenda {
        padding: 120px 100px
    }
}

#agenda .card-agenda {
    padding: 0 40px 0 0
}

@media (max-width:800px) {
    #agenda .card-agenda {
        padding: 0 20px 0 0
    }
}

@media (max-width:600px) {
    #agenda .card-agenda {
        padding: 0
    }
}

@media (min-width:1632px) {
    #agenda .card-agenda {
        padding: 0 80px 0 0
    }
}

#agenda .card-agenda .card-bg {
    background-color: #f4f4f4;
    padding: 30px 50px;
    min-height: 450px
}

@media (min-width:1632px) {
    #agenda .card-agenda .card-bg {
        padding: 50px 40px;
        min-height: 500px
    }
}

#agenda .card-agenda .card-bg .author {
    max-width: 85px;
    max-height: 85px;
}

#agenda .card-agenda .card-bg .author-title {
    display: block;
}

#agenda .divider-agenda {
    width: 100%;
    background-color: #f4f4f4;
    font-weight: 500
}

#agenda .divider-agenda p {
    padding: 10px 30px
}

header {
    position: relative;
    height: 628px;
    background-color: #202020;
}

.header {
    display: flex;
    flex-direction: column;
    color: #fff;
    justify-content: center;

    position: absolute;
    top: 0;
    height: 100%;
}

.header .container {
    display: flex;
    flex-direction: column;
    align-items: start;
    filter: drop-shadow(0 0 8px #000);
}

.header img {
    object-fit: contain;
    width: 360px;
    max-width: 25%;
    margin: 1em 5% 5% 0;
}

h1 {
    font-size: 4em;
    line-height: 1.2;
}

h1 b {
    font-weight: 700;
}

@media (max-width:800px) {
    .header .container {
        padding-left: 10%;
    }

    .header img {
        width: 260px;
        max-width: 50%;
    }

    .top-paragraphs {
        padding-top: 45px;
    }

    header h1 {
        font-size: calc(1em + 3vw);
    }

    header .container {
        margin-left: calc(1em - 1.5vw);
    }

    header  {
        height: 410px;
    }
}

@media (max-width:400px) {
    header h1 {
        font-size: calc(1em + 3vw);
    }
    header .container {
        margin-left: calc(1em - 3.5vw);
    }
}

@media (max-width:360px) {
    .top-paragraphs {
        padding-top: 20px;
    }
    header .container {
        margin-left: calc(1em - 6.25vw);
    }
}