.vgo-phone-slider .vgo-phone-scene {
    opacity: 0;
    transition: opacity .5s ease;
    pointer-events: none;
}

.vgo-phone-slider[data-active="0"] [data-scene="0"],
.vgo-phone-slider[data-active="1"] [data-scene="1"],
.vgo-phone-slider[data-active="2"] [data-scene="2"],
.vgo-phone-slider[data-active="3"] [data-scene="3"] { opacity: 1; }

.vgo-phone-dot {
    width: 6px;
    height: 6px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, .35);
    transition: width .3s ease, background-color .3s ease;
}

.vgo-phone-slider[data-active="0"] [data-dot="0"],
.vgo-phone-slider[data-active="1"] [data-dot="1"],
.vgo-phone-slider[data-active="2"] [data-dot="2"],
.vgo-phone-slider[data-active="3"] [data-dot="3"] {
    width: 16px;
    background: var(--gold, #FFD525);
}

@media (prefers-reduced-motion: reduce) {
    .vgo-phone-slider .vgo-phone-scene,
    .vgo-phone-dot { transition: none !important; }
}