.orbit-3d-card {
    --orbit-3d-rx: 0deg;
    --orbit-3d-ry: 0deg;
    --orbit-3d-z: 0px;
    --orbit-3d-entry-x: 0px;
    --orbit-3d-entry-ry: 0deg;
    --orbit-3d-delay: 0ms;
    --orbit-glare-x: 50%;
    --orbit-glare-y: 50%;
    --orbit-glare-opacity: 0;
    position: relative;
    backface-visibility: hidden;
    transform: perspective(1000px) translate3d(0, 0, var(--orbit-3d-z)) rotateX(var(--orbit-3d-rx)) rotateY(var(--orbit-3d-ry));
    transform-origin: center;
    transform-style: preserve-3d;
    transition: opacity .7s ease var(--orbit-3d-delay), transform .88s cubic-bezier(.16, .84, .22, 1.08) var(--orbit-3d-delay), filter .35s ease;
    will-change: transform;
}

.orbit-3d-card:not(.orbit-3d-ready) {
    opacity: 0;
    filter: saturate(.7);
    transform: perspective(1000px) translate3d(var(--orbit-3d-entry-x), 48px, -150px) rotateX(17deg) rotateY(var(--orbit-3d-entry-ry)) scale(.92);
}

.orbit-3d-card.orbit-3d-ready {
    opacity: 1;
    filter: none;
}

.orbit-3d-card.orbit-3d-settled {
    transition: opacity .3s ease, transform .2s ease-out, filter .3s ease;
}

.orbit-3d-card.orbit-3d-active {
    z-index: 12;
}

.orbit-3d-glare {
    position: absolute;
    inset: -1px;
    z-index: 30;
    border-radius: inherit;
    background: radial-gradient(circle at var(--orbit-glare-x) var(--orbit-glare-y), rgba(255, 255, 255, .42), rgba(255, 255, 255, .11) 18%, transparent 48%);
    content: "";
    opacity: var(--orbit-glare-opacity);
    pointer-events: none;
    transform: translateZ(34px);
    transition: opacity .24s ease;
}

.orbit-3d-card > .service-icon,
.orbit-3d-card > strong,
.orbit-3d-card.about-value > span,
.orbit-3d-card .choice-icon,
.orbit-3d-card.dash-stat > b {
    translate: 0 0 22px;
}

.orbit-3d-card.faq-item[open] {
    --orbit-3d-z: 12px;
}

@media (hover: none) and (prefers-reduced-motion: no-preference) {
    .orbit-3d-card.orbit-3d-ready.orbit-3d-settled:not(.orbit-3d-steady) {
        animation: orbit-card-drift 5.4s ease-in-out var(--orbit-3d-float-delay, 0s) infinite;
    }
}

@keyframes orbit-card-drift {
    0%, 100% {
        translate: 0 0 0;
        rotate: 1 1 0 0deg;
    }
    50% {
        translate: 0 -4px 8px;
        rotate: 1 1 0 .7deg;
    }
}

@media (prefers-reduced-motion: reduce) {
    .orbit-3d-card,
    .orbit-3d-card:not(.orbit-3d-ready) {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        translate: none !important;
        rotate: none !important;
        animation: none !important;
        transition: none !important;
    }

    .orbit-3d-glare {
        display: none;
    }
}