#index-page {
    display: flex;
    flex-direction: column;
    align-items: center
}

@supports not (-webkit-touch-callout:none) {
    #index-page {
        background: repeat-y left 50rem url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MzIgMTQ2NCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iMjguNjgiIGN5PSIyMDQuNDQiIHI9Ijc5My43NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjE5IiBzdG9wLWNvbG9yPSIjN2U3YWFiIiBzdG9wLW9wYWNpdHk9Ii4xOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwODRmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWRiOGQ1IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNNzMyIDczMkwwIDE0NjRWMGw3MzIgNzMyeiIvPjwvc3ZnPg==), repeat-y right 100rem url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MzIgMTQ2NCI+PHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iNjI0LjM3NSIgY3k9IjEzMzkuMTI5IiByPSI3OTMuNzUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNDY0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjE5IiBzdG9wLWNvbG9yPSIjN2U3YWFiIiBzdG9wLW9wYWNpdHk9Ii4xOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwODRmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWRiOGQ1IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik03MzIgMHYxNDY0TDAgNzMyeiIvPjwvc3ZnPg==);
        background-size: 50rem;
        background: repeat-y left 50rem url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MzIgMTQ2NCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iMjguNjgiIGN5PSIyMDQuNDQiIHI9Ijc5My43NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjE5IiBzdG9wLWNvbG9yPSIjN2U3YWFiIiBzdG9wLW9wYWNpdHk9Ii4xOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwODRmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWRiOGQ1IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNNzMyIDczMkwwIDE0NjRWMGw3MzIgNzMyeiIvPjwvc3ZnPg==)
    }
}

#index-page .message {
    position: fixed;
    bottom: 3rem;
    width: 35%;
    left: 3rem;
    z-index: 1000;
    box-shadow: var(--shadow-material-big);
    animation: slide-right 2s
}

@media screen and (max-width:67.5rem) {
    #index-page .message {
        width: 50%
    }
}

@media screen and (max-width:30rem) {
    #index-page .message {
        width: 80%;
        left: auto
    }
}

#cta-section {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 47rem;
    background: no-repeat 0 10rem url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgODE2IDE2OTUiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0iYSIgY3g9IjMxLjk3IiBjeT0iMjI3LjkiIHI9Ijg4NC44NCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjE5IiBzdG9wLWNvbG9yPSIjZmZmOWMyIiBzdG9wLW9wYWNpdHk9Ii4xOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwODRmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWRiOGQ1IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iYiIgY3g9IjMxLjk3IiBjeT0iMjkwLjkiIHI9Ijg4NC44NCIgeGxpbms6aHJlZj0iI2EiLz48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTgxNiA4MTZMMCAxNjMyVjBsODE2IDgxNnoiLz48cGF0aCBmaWxsPSJ1cmwoI2IpIiBkPSJNODE2IDg3OUwwIDE2OTVWNjNsODE2IDgxNnoiLz48L3N2Zz4=), var(--gradient-header-isometric);
    background-size: 40rem, 100%
}

@media screen and (max-width:90rem) {
    #cta-section {
        flex-direction: column;
        justify-content: space-between;
        height: 48rem
    }
}

@media screen and (max-width:50rem) {
    #cta-section {
        height: 52rem
    }
}

@media screen and (max-width:30rem) {
    #cta-section {
        height: 50rem
    }
}

@media screen and (max-width:20rem) {
    #cta-section {
        height: 52rem
    }
}

#cta-section .cta-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    overflow: visible;
    padding-bottom: 0
}

@media screen and (max-width:90rem) {
    #cta-section .cta-content {
        margin-top: 6rem;
        padding-bottom: 0
    }
}

@media screen and (max-width:50rem) {
    #cta-section .cta-content {
        margin-top: 4.5rem;
        padding: 0 1.5em
    }
}

#cta-section .cta-content .logo-agk {
    width: 16rem;
    user-select: none
}

@media screen and (max-width:50rem) {
    #cta-section .cta-content .logo-agk {
        width: 14rem
    }
}

#cta-section .cta-content .cta-headline {
    font-size: 50px;
    font-weight: 700;
    line-height: 65px;
    text-transform: uppercase;
    color: var(--color-solid-white);
    text-align: center
}

@media screen and (max-width:50rem) {
    #cta-section .cta-content .cta-headline {
        margin-top: .5rem;
        font-size: 2.4rem;
        line-height: 2.8rem
    }
}

#cta-section .cta-content .cta-subtitle {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-solid-light-gray);
    text-align: center;
    margin-top: .5rem
}

#cta-section .cta-content .cta-form {
    display: flex;
    align-items: center;
    margin-top: 1.25rem
}

@media screen and (max-width:50rem) {
    #cta-section .cta-content .cta-form {
        margin-top: 1.5rem;
        flex-direction: column
    }
}

#cta-section .cta-content .cta-form .field {
    margin-bottom: 0
}

#cta-section .cta-content .cta-form .field .control {
    margin-right: 1.5625rem;
    width: 13.75rem
}

@media screen and (max-width:50rem) {
    #cta-section .cta-content .cta-form .field .control {
        margin-right: 0;
        margin-bottom: 1em;
        width: 15.625rem
    }
}

#cta-section .cta-content .cta-form .field .control .input {
    height: auto;
    color: var(--color-solid-primary);
    font-weight: 700
}

#cta-section .cta-content .cta-form .field .control select {
    font-weight: 400;
    color: var(--color-solid-white)
}

#cta-section .cta-content .cta-form .field .control .select {
    height: auto
}

#cta-section .cta-content .cta-form .field .control .select:after {
    border-color: var(--color-secondary-beige)
}

#cta-section .cta-content .cta-form .field .control .input,
#cta-section .cta-content .cta-form .field .control select {
    height: 2.8rem;
    padding: 0 1.25em;
    background: none;
    box-shadow: none;
    border-width: 2px;
    border-radius: 2px;
    border-color: var(--color-solid-light-gray);
    font-size: .875rem
}

#cta-section .cta-content .cta-form .field .control .input::placeholder,
#cta-section .cta-content .cta-form .field .control select::placeholder {
    font-weight: 400;
    color: var(--color-solid-light-gray)
}

#cta-section .cta-content .cta-form .field .control .input:active::placeholder,
#cta-section .cta-content .cta-form .field .control .input:focus::placeholder,
#cta-section .cta-content .cta-form .field .control select:active::placeholder,
#cta-section .cta-content .cta-form .field .control select:focus::placeholder {
    color: var(--color-misc-glass)
}

#cta-section .smart-image .isometric-illustration {
    z-index: 1;
    width: auto;
    max-height: 30rem;
    padding: 0 0 0 5rem;
    margin-bottom: -2rem
}

@media screen and (max-width:90rem) {
    #cta-section .smart-image .isometric-illustration {
        padding: 0 2rem;
        max-height: 23rem
    }
}

@media screen and (max-width:23.4375rem) {
    #cta-section .smart-image .isometric-illustration {
        padding: 0
    }
}

#cta-section .coin-shadow {
    display: none;
    background-color: var(--color-solid-dark);
    border-radius: 100%;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: -4rem;
    position: relative;
    bottom: 2.5rem;
    z-index: -1;
    filter: blur(.625rem);
    margin-right: .3125rem
}

@media screen and (max-width:90rem) {
    #cta-section .coin-shadow {
        display: block
    }
}

.m-p-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.m-p-wrapper .middle-paragraph {
    margin: 3.75rem 0;
    line-height: 1.875rem;
    width: 43.75rem;
    text-align: justify
}

@media screen and (max-width:50rem) {
    .m-p-wrapper .middle-paragraph {
        width: 35rem
    }
}

@media screen and (max-width:30rem) {
    .m-p-wrapper .middle-paragraph {
        width: 100%;
        padding: 0 3rem
    }
}

.m-p-wrapper .middle-paragraph p:not(:first-child) {
    margin-top: 1rem
}

.m-p-wrapper .middle-paragraph p:not(:first-child).logos-desc {
    margin-top: 2rem
}

.m-p-wrapper .middle-paragraph .logos-desc {
    text-align: center;
    color: var(--color-secondary-ligher-dark);
    font-size: .9rem
}

.m-p-wrapper .middle-paragraph .logos-flex {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    grid-gap: 2rem;
    margin-top: 1rem;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap
}

.m-p-wrapper .middle-paragraph .logos-flex .shadow {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06))
}

.section-divider {
    width: 100%;
    height: 1px;
    margin: 0;
    background-color: var(--color-shadows-gray)
}