﻿/* Motion and keyframes */
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

@keyframes heroCardReveal {
    0% {
        opacity: 0;
        transform: translateY(28px) scale(0.96);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes submitPlaneLaunch {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    }
    32% {
        transform: translate3d(4px, -3px, 0) rotate(10deg) scale(1.04);
    }
    68% {
        transform: translate3d(12px, -9px, 0) rotate(18deg) scale(1.08);
    }
    100% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    }
}

@keyframes backToTopReveal {
    0% {
        opacity: 0;
        transform: translateY(10px) scale(0.9);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes backToTopFloat {
    0%, 100% {
        transform: translateY(0) scale(1);
        box-shadow:
            0 18px 34px rgba(15, 103, 220, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.34),
            inset 0 -10px 18px rgba(9, 56, 125, 0.18);
    }
    30% {
        transform: translateY(-3px) scale(1.015);
        box-shadow:
            0 22px 40px rgba(15, 103, 220, 0.32),
            inset 0 1px 0 rgba(255, 255, 255, 0.38),
            inset 0 -11px 19px rgba(8, 51, 115, 0.2);
    }
    58% {
        transform: translateY(-5px) scale(1.03);
        box-shadow:
            0 27px 46px rgba(15, 103, 220, 0.34),
            inset 0 1px 0 rgba(255, 255, 255, 0.42),
            inset 0 -13px 21px rgba(7, 49, 112, 0.22);
    }
}

@keyframes backToTopRingPulse {
    0%, 100% {
        opacity: 0.88;
        transform: scale(0.96);
    }
    50% {
        opacity: 1;
        transform: scale(1.04);
    }
}

@keyframes backToTopGloss {
    0%, 100% {
        opacity: 0.62;
        transform: translateY(-52%);
    }
    50% {
        opacity: 0.88;
        transform: translateY(-60%);
    }
}

@keyframes backToTopCoreLift {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-2px);
    }
}

@keyframes backToTopChevronLead {
    0%, 100% {
        transform: translateY(0) rotate(45deg);
        opacity: 0.96;
    }
    22% {
        transform: translateY(-3px) rotate(45deg);
        opacity: 1;
    }
    50% {
        transform: translateY(-8px) rotate(45deg);
        opacity: 0.86;
    }
    70% {
        transform: translateY(-2px) rotate(45deg);
        opacity: 1;
    }
}

@keyframes backToTopChevronTrail {
    0%, 100% {
        transform: translateY(0) rotate(45deg);
        opacity: 0.56;
    }
    22% {
        transform: translateY(-2px) rotate(45deg);
        opacity: 0.72;
    }
    50% {
        transform: translateY(-6px) rotate(45deg);
        opacity: 0.96;
    }
    70% {
        transform: translateY(-1px) rotate(45deg);
        opacity: 0.64;
    }
}

@keyframes heroInfoReveal {
    0% {
        opacity: 0;
        transform: translateY(18px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes heroAuroraDriftA {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1.02) rotate(0deg);
        opacity: 0.9;
    }
    30% {
        transform: translate3d(-6%, -4%, 0) scale(1.1) rotate(-2deg);
        opacity: 1;
    }
    65% {
        transform: translate3d(6%, 5%, 0) scale(1.16) rotate(2deg);
        opacity: 0.84;
    }
}

@keyframes heroAuroraDriftB {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1.03) rotate(0deg);
        opacity: 0.68;
    }
    35% {
        transform: translate3d(7%, -4%, 0) scale(1.12) rotate(2.2deg);
        opacity: 0.82;
    }
    70% {
        transform: translate3d(-6%, 5%, 0) scale(1.18) rotate(-2deg);
        opacity: 0.6;
    }
}

@keyframes heroAuroraRibbon {
    0%, 100% {
        transform: translate3d(-4%, 0, 0) scale(1.02) rotate(-1deg);
        opacity: 0.22;
    }
    33% {
        transform: translate3d(4%, -8%, 0) scale(1.11) rotate(1deg);
        opacity: 0.46;
    }
    66% {
        transform: translate3d(10%, 4%, 0) scale(1.16) rotate(2deg);
        opacity: 0.34;
    }
}

@keyframes sectionAuroraLight {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1.02);
        opacity: 0.9;
    }
    30% {
        transform: translate3d(-3%, -2%, 0) scale(1.08);
        opacity: 1;
    }
    50% {
        transform: translate3d(-5%, 3%, 0) scale(1.14);
        opacity: 1;
    }
    75% {
        transform: translate3d(4%, 1%, 0) scale(1.09);
        opacity: 0.92;
    }
}

@keyframes sectionAuroraDark {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1.03) rotate(0deg);
        opacity: 0.9;
    }
    50% {
        transform: translate3d(6%, -4%, 0) scale(1.15) rotate(2.4deg);
        opacity: 1;
    }
}

@keyframes sectionAuroraContact {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1.02) rotate(0deg);
        opacity: 0.9;
    }
    40% {
        transform: translate3d(-4%, -3%, 0) scale(1.1) rotate(-1.6deg);
        opacity: 1;
    }
    75% {
        transform: translate3d(5%, 4%, 0) scale(1.14) rotate(1.8deg);
        opacity: 0.9;
    }
}

@keyframes advisoryAuroraDrift {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1.02);
        opacity: 0.88;
    }
    50% {
        transform: translate3d(5%, -4%, 0) scale(1.14);
        opacity: 1;
    }
}

