/* ── Showcase element: conversation orb ──
   Decorative rendition of the AI tutor call orb (whose live original is
   .pp-convai-call__orb in the convai plugin) for [pp_showcase_orb], used to
   illustrate the spoken-conversation feature beside front-page sales copy.

   Same conic-gradient + blur treatment and the same tokens as the original,
   but there is no call state to react to here. Rather than cycling through
   the real orb's dimmer idle/listening beats, this holds permanently on its
   brightest, fastest "speaking" treatment (opacity 0.9, 4s rotation) — the
   showcase exists to sell the moment the tutor is talking, not the quiet
   ones. Namespaced under .pp-showcase-orb, and a standalone copy rather than
   a shared stylesheet, so the marketing still-life and the live status
   display are free to diverge. */
.pp-showcase-orb {
    position: relative;
    width: var(--pp-showcase-orb-size, 168px);
    height: var(--pp-showcase-orb-size, 168px);
    border-radius: 50%;
    overflow: hidden;
    background: var(--pp-steel-1);
    box-shadow: inset 0 0 0 8px rgba(var(--pp-steel-7-rgb), 0.06);
}

.pp-showcase-orb__core {
    position: absolute;
    inset: -25%;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        var(--theme-palette-color-5),
        var(--pp-steel-3),
        var(--theme-palette-color-8),
        var(--pp-steel-4),
        var(--theme-palette-color-5)
    );
    filter: blur(12px);
    opacity: 0.9;
    animation: pp-showcase-orb-spin 4s linear infinite;
}

@keyframes pp-showcase-orb-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .pp-showcase-orb__core {
        animation: pp-showcase-orb-breathe 2s ease-in-out infinite;
    }

    @keyframes pp-showcase-orb-breathe {
        0%,
        100% {
            opacity: 0.7;
        }
        50% {
            opacity: 0.9;
        }
    }
}