.presentation[_animate] .heading .line:first-child {
    transform: translateX(0);
}

.presentation[_animate] .heading .line:last-child {
    transform: translateX(0);
}

.presentation[_animate] .description {
    opacity: 1;
    transform: translateY(0);
}


.presentation .heading .line:first-child {
    transform: translateX(-40%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.presentation .heading .line:last-child {
    transform: translateX(40%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.presentation .description {
    opacity: 0;
    transform: translateY(150%);
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



.videos[_animate] ul {
    opacity: 1;
    transform: translateY(0);
}


.videos ul {
    opacity: 0;
    transform: translateY(25%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



.numbers[_animate] li {
    transform: scale(1);
}


.numbers li {
    transform: scale(0);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



.reasons li[_animate] .text {
    opacity: 1;
    transform: scale(1);
}

.reasons li[_animate] .arrow {
    transform: scale(1);
}


.reasons .text {
    opacity: 0.4;
    transform: scale(0);
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.reasons .arrow {
    transform: scale(0);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



.campaigns[_animate] ul {
    transform: scale(1);
}


.campaigns ul {
    transform: scale(0);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



.steps[_animate] .carousel {
    transform: scale(1);
}


.steps .carousel {
    transform: scale(0);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



.proof[_animate] .inner {
    opacity: 1;
    transform: translateY(0);
}


.proof .inner {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



.contact[_animate] form {
    opacity: 1;
    transform: translateY(0);
}


.contact form {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



.ready[_animate] .column {
    opacity: 1;
    transform: translateY(0);
}


.ready .column {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



.footer[_animate] .links {
    opacity: 1;
    transform: translateY(0);
}

.footer[_animate] .logo {
    transform: translateY(0);
}



.footer {
    overflow: hidden;
}


.footer .links {
    opacity: 0;
    transform: translateY(-20%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.footer .logo {
    transform: translateY(150%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



@media (min-width: 680px) {
    .reasons li:first-child .arrow {
        transform-origin: top left;
    }

    .reasons li:last-child .arrow {
        transform-origin: top right;
    }

    .reasons .text {
        transform-origin: bottom left;
    }
}



@media (max-width: 679px) {
    .header[_animate] .buttons {
        opacity: 1;
        transform: translateY(0);
    }


    .header {
        overflow: hidden;
    }

    .header .buttons {
        opacity: 0;
        transform: translateY(calc(100% + 32px));
        transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    }
}