/* ==========================================================
   LITHE SCROLL REVEAL
   Uses translate (not transform) so card tilt/scale still work.
========================================================== */

.reveal{

    opacity:0;

    translate:0 40px;

    transition:
        opacity .8s ease,
        translate .8s ease;

}

.reveal.active{

    opacity:1;

    translate:0 0;

}

/* Featured plan card keeps its scale after reveal */

.plan-card.plan-featured.reveal.active{

    transform:scale(1.03);

}