/* ==========================================
   VSPL Animations
========================================== */

.hero-content,
footer{
    animation:pageReveal .75s ease-out both;
}

footer{
    animation-delay:.12s;
}

@keyframes pageReveal{

    from{
        opacity:0;
        transform:translateY(14px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

.reveal{
    opacity:0;
    transform:translateY(25px);
    transition:
        opacity .6s ease,
        transform .6s ease;
}

.reveal.show{
    opacity:1;
    transform:translateY(0);
}

@keyframes glassSweep{

    from{
        transform:translateX(-120%);
    }

    to{
        transform:translateX(120%);
    }

}

@keyframes pulse{

    0%{
        transform:scale(1);
        opacity:1;
    }

    50%{
        transform:scale(1.15);
        opacity:.7;
    }

    100%{
        transform:scale(1);
        opacity:1;
    }

}

.live-dot{
    animation:pulse 2s infinite;
}

.logo{
    animation:floatLogo 6s ease-in-out infinite;
}

@keyframes floatLogo{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-8px);
    }

}

.dashboard{
    animation:floatCard 8s ease-in-out infinite;
}

@keyframes floatCard{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-10px);
    }

}

.launch-btn{
    transition:.35s ease;
}

.launch-btn:hover{

    transform:translateY(-3px);

    box-shadow:
        0 18px 40px rgba(215,25,32,.45);

}