/* ═══════════════════════════════════════════
   UreTech Web App Showcase Widget — Styles
   Keyframes + responsive overrides
   ═══════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=DM+Sans:wght@400;500;600&display=swap');

/* ── Keyframes ── */
@keyframes ureWasFade { from { opacity:0; transform:translateY(12px) } to { opacity:1; transform:translateY(0) } }
@keyframes ureWasBlink { 0%,100% { opacity:1 } 50% { opacity:.3 } }
@keyframes ureWasFloat { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-14px) } }
@keyframes ureWasSpin { from { transform:rotate(0) } to { transform:rotate(360deg) } }
@keyframes ureWasSpin3d { from { transform:rotateY(0) } to { transform:rotateY(360deg) } }
@keyframes ureWasTooltip { from { opacity:0; transform:translateX(-50%) translateY(4px) } to { opacity:1; transform:translateX(-50%) translateY(0) } }

/* ── Root ── */
.uretech-was-section,
.uretech-was-section *,
.uretech-was-section *::before,
.uretech-was-section *::after { box-sizing:border-box }
.uretech-was-section { position:relative; overflow:hidden }
.uretech-was-section button { font-family:inherit }
.uretech-was-section ::-webkit-scrollbar { display:none }
.uretech-was-section * { scrollbar-width:none }

/* ── Orbs ── */
.ure-was-orb {
    position:absolute; border-radius:50%; filter:blur(120px);
    pointer-events:none; opacity:.12;
}

/* ── Timeline ── */
.ure-was-timeline {
    position:absolute; left:50%; top:120px; bottom:120px; width:1px;
    background:linear-gradient(180deg, transparent, rgba(193,191,230,.15), rgba(234,136,222,.15), transparent);
    transform:translateX(-50%); pointer-events:none;
}

/* ═══ RESPONSIVE ═══ */

@media (max-width:900px) {
    .ure-was-timeline { display:none }
    .ure-was-orb { opacity:.07; filter:blur(80px) }
}

@media (max-width:480px) {
    .ure-was-orb { opacity:.05; filter:blur(60px) }
}

/* ═══ REDUCED MOTION ═══ */

@media (prefers-reduced-motion:reduce) {
    .ure-was-orb { animation:none !important }
    .uretech-was-section * {
        animation-duration:.01ms !important;
        transition-duration:.01ms !important;
    }
}