.ul-showcase{z-index:1;perspective:2200px;width:min(1180px,100%);margin:72px auto 0;position:relative}.ul-showcase:before{content:"";z-index:-1;filter:blur(70px);pointer-events:none;background:radial-gradient(45% 55% at 20% 45%,#a855f773,#0000 70%),radial-gradient(45% 55% at 80% 45%,#7c3aed80,#0000 70%);position:absolute;inset:6% -8% 10%}.ul-showcase:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(#09070c00,#09070c 92%);height:16%;position:absolute;inset:auto -2px -2px}.ul-showcase-window{transform-origin:50% 0;background:linear-gradient(#1c1626,#110d17);border:1px solid #ffffff1f;border-radius:18px;animation:1.4s cubic-bezier(.2,.7,.2,1) .35s both ul-showcase-in;overflow:hidden;box-shadow:0 0 0 1px #7c3aed29,0 60px 140px -40px #7c3aeda6,0 30px 60px -24px #000000d9}.ul-showcase-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;height:42px;padding:0 16px;display:flex}.ul-showcase-dot{background:#ff5f57;border-radius:999px;width:11px;height:11px}.ul-showcase-dot:nth-child(2){background:#febc2e}.ul-showcase-dot:nth-child(3){background:#28c840}.ul-showcase-url{color:#fff9;font:500 12px/1.4 var(--font-plus-jakarta-sans), "Plus Jakarta Sans", system-ui, sans-serif;letter-spacing:.01em;background:#ffffff0f;border-radius:999px;margin-inline:auto;padding:4px 16px;transform:translate(-24px)}.ul-showcase-stage{aspect-ratio:1440/900;background:#f5f5f7;position:relative;overflow:hidden}.ul-frame{object-fit:cover;width:100%;max-width:100%;height:100%;display:block;position:absolute;inset:0}.ul-frame-1{animation:12s linear infinite ul-frame-1}.ul-frame-2{opacity:0;animation:12s linear infinite ul-frame-2}.ul-frame-3{opacity:0;animation:12s linear infinite ul-frame-3}@keyframes ul-frame-1{0%,33%{opacity:1}36%,96%{opacity:0}to{opacity:1}}@keyframes ul-frame-2{0%,33%{opacity:0}36%,66%{opacity:1}69%,to{opacity:0}}@keyframes ul-frame-3{0%,66%{opacity:0}69%,96%{opacity:1}to{opacity:0}}.ul-cursor{z-index:3;pointer-events:none;width:0;height:0;animation:12s cubic-bezier(.45,0,.25,1) infinite ul-cursor;position:absolute;top:72%;left:30%}.ul-cursor-arrow{filter:drop-shadow(0 3px 6px #00000059);width:clamp(14px,1.9vw,24px);height:auto;position:absolute;top:-2px;left:-3px}.ul-cursor-ghost{color:#fff;font:600 clamp(9px, .9vw, 12px)/1.3 var(--font-plus-jakarta-sans), system-ui, sans-serif;white-space:nowrap;opacity:0;background:#7c3aed;border-radius:999px;padding:4px 10px;animation:12s linear infinite ul-ghost;position:absolute;top:16px;left:14px;box-shadow:0 8px 20px #7c3aed73}.ul-cursor-click{opacity:0;border:2px solid #7c3aed;border-radius:999px;width:28px;height:28px;animation:12s ease-out infinite ul-click;position:absolute;top:-14px;left:-14px}@keyframes ul-cursor{0%{opacity:0;top:72%;left:30%}4%{opacity:1}10%,14%{top:87.6%;left:4.9%}30%,40%{top:64%;left:50%}60%,66%{top:27.9%;left:90.3%}84%{opacity:1;top:36.3%;left:89.8%}94%,to{opacity:0;top:36.3%;left:89.8%}}@keyframes ul-ghost{0%,13%{opacity:0;transform:scale(.8)}15%,29%{opacity:1;transform:scale(1)}32%,to{opacity:0;transform:scale(.9)}}@keyframes ul-click{0%,11%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(.6)}15%{opacity:0;transform:scale(1.5)}30%{opacity:0;transform:scale(.4)}31%{opacity:1;transform:scale(.6)}34%{opacity:0;transform:scale(1.5)}63%{opacity:0;transform:scale(.4)}64%{opacity:1;transform:scale(.6)}67%,to{opacity:0;transform:scale(1.5)}}@keyframes ul-showcase-in{0%{opacity:0;filter:blur(14px);transform:rotateX(16deg)translateY(48px)scale(.96)}}@media (max-width:767px){.ul-showcase{margin-top:40px}.ul-showcase-window{border-radius:12px}.ul-showcase-bar{gap:6px;height:28px;padding:0 10px}.ul-showcase-dot{width:8px;height:8px}.ul-showcase-url{display:none}}@media (prefers-reduced-motion:reduce){.ul-showcase-window,.ul-frame{animation:none}.ul-frame-1,.ul-frame-2{opacity:0}.ul-frame-3{opacity:1}.ul-cursor{display:none}}