/* Animations */
@keyframes landing-reveal-up {
    from { visibility: visible; opacity: 0; transform: translateY(75px); }
    70% { transform: translateY(0); }
    to { visibility: visible; opacity: 1; }
}

@keyframes landing-reveal {
    from { visibility: visible; opacity: 0; }
    to { visibility: visible; opacity: 1; }
}

@keyframes landing-scale-up {
    from { transform: scale3d(1, 1, 1); }
    to { transform: scale3d(1.6, 1.6, 1.6); }
}

@keyframes landing-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes landing-rotate-2 {
    from { transform: rotate(90deg); }
    to { transform: rotate(450deg); }
}

@keyframes landing-rotate-2-reverse {
    from { transform: rotate(270deg); }
    to { transform: rotate(630deg); }
}

@keyframes landing-rotate-3 {
    from { transform: rotate(270deg); }
    to { transform: rotate(630deg); }
}

@keyframes landing-rotate-3-reverse {
    from { transform: rotate(450deg); }
    to { transform: rotate(810deg); }
}

@keyframes landing-pop-reveal {
    0%  { transform: scale(0); visibility: visible; }
    60%  { transform: scale(1.15); }
    100%  { transform: scale(1); visibility: visible; }
}

@keyframes float-anim {
    0%      { transform: translate(0px,  0px); }
    50%     { transform: translate(0, 10px); }
    100%    { transform: translate(0px, 0px); }
}

@keyframes opacity-reveal {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes header-reveal {
    from { transform: translateY(-92px); opacity: 0.5; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes header-dropdown-reveal {
    from { transform: translateY(15px); opacity: 0; }
    to { transform: translateY(0px); opacity: 1; }
}

@keyframes chip-new-pulse {
    0% { transform: scale(0); opacity: 1; }
    25% { opacity: 1; }
    50% { transform: scale(1.5); opacity: 0; }
    100% { transform: scale(1.5); opacity: 0; }
}
@keyframes chip-new-pulse-inner {
    0% { transform: scale(1); }
    50% { transform: scale(0.7); }
    75% { transform: scale(1); }
    100% { transform: scale(1); }
}

@keyframes dash-translate {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -10000%; }
}