.software-showcase{--demo:#43e6bb;--demo-rgb:67,230,187;position:relative;width:96%;z-index:3;transition:--demo .4s ease}.software-showcase.theme-facebook{--demo:#4c93ff;--demo-rgb:76,147,255}.software-showcase.theme-telegram{--demo:#35bff5;--demo-rgb:53,191,245}.software-showcase.theme-google{--demo:#a979ff;--demo-rgb:169,121,255}.showcase-window{background:linear-gradient(145deg,#102337,#07111f);color:#fff;border:1px solid #30475c;border-radius:24px;overflow:hidden;box-shadow:0 45px 85px rgba(7,17,31,.35);transform:perspective(1100px) rotateY(-3deg);transition:border-color .35s,box-shadow .35s}.software-showcase:hover .showcase-window{border-color:rgba(var(--demo-rgb),.55);box-shadow:0 45px 90px rgba(7,17,31,.4),0 0 45px rgba(var(--demo-rgb),.1)}.window-bar{height:58px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.window-brand{display:flex;align-items:center;gap:8px;font:700 12px Manrope}.window-brand small{color:#647a8f;font:600 9px "DM Sans"}.window-logo{width:23px;height:23px;border:1px solid rgba(255,255,255,.22);border-radius:7px;padding:4px;display:flex;align-items:flex-end;gap:2px}.window-logo i{display:block;width:3px;background:var(--demo);border-radius:2px;transition:background .3s}.window-logo i:first-child{height:7px}.window-logo i:nth-child(2){height:13px}.window-logo i:last-child{height:10px}.live-status{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(var(--demo-rgb),.28);background:rgba(var(--demo-rgb),.08);border-radius:20px;color:var(--demo);font-size:7px;font-weight:800;letter-spacing:.9px;transition:.3s}.live-status i,.activity-head small i{width:6px;height:6px;border-radius:50%;background:var(--demo);animation:demoPulse 1.8s infinite}.showcase-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.08);padding:0 12px}.showcase-tab{border:0;border-bottom:2px solid transparent;background:none;color:#607589;padding:12px 4px 10px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:inherit;transition:.25s}.showcase-tab span{font:bold 12px Manrope}.showcase-tab small{font-size:8px}.showcase-tab:hover{color:#b8c6d1}.showcase-tab.active{color:var(--demo);border-bottom-color:var(--demo);background:linear-gradient(to top,rgba(var(--demo-rgb),.08),transparent)}.showcase-body{padding:22px;position:relative;overflow:hidden}.showcase-body.demo-changing:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(var(--demo-rgb),.08),transparent);animation:demoSweep .48s ease}.showcase-heading{display:flex;justify-content:space-between;align-items:start}.showcase-heading small{color:#6c8195;font-size:7px;font-weight:800;letter-spacing:1.1px}.showcase-heading h3{font:700 16px Manrope;margin:5px 0 0;letter-spacing:-.25px}.demo-chip{font-size:7px;font-weight:800;color:var(--demo);border:1px solid rgba(var(--demo-rgb),.3);background:rgba(var(--demo-rgb),.08);border-radius:20px;padding:6px 8px}.metric-grid{margin-top:20px;display:grid;grid-template-columns:1fr .7fr;align-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:15px 18px}.main-metric{display:flex;flex-direction:column}.main-metric small{font-size:7px;letter-spacing:1px;color:#71869a;font-weight:800}.main-metric strong{font:800 38px/1.1 Manrope;color:var(--demo);letter-spacing:-2px;transition:color .3s}.main-metric span{font-size:8px;color:#8ca0b1}.pulse-visual{height:72px;display:grid;place-items:center;position:relative}.pulse-visual i{position:absolute;border:1px solid rgba(var(--demo-rgb),.25);border-radius:50%;animation:demoRadar 2.4s infinite}.pulse-visual i:first-child{width:68px;height:68px}.pulse-visual i:nth-child(2){width:48px;height:48px;animation-delay:.35s}.pulse-visual i:nth-child(3){width:28px;height:28px;animation-delay:.7s}.pulse-visual b{width:31px;height:31px;background:var(--demo);color:#07111f;border-radius:9px;display:grid;place-items:center;font:800 12px Manrope;box-shadow:0 0 20px rgba(var(--demo-rgb),.35);z-index:2}.activity-head{display:flex;justify-content:space-between;margin:18px 2px 8px;color:#7c90a2;font-size:8px;font-weight:700}.activity-head small{display:flex;align-items:center;gap:5px;font-size:7px;color:var(--demo)}.activity-head small i{width:5px;height:5px}.activity-list{display:flex;flex-direction:column}.activity-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.055);animation:activityEnter .4s ease both}.activity-row:last-child{border-bottom:0}.activity-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:rgba(var(--demo-rgb),.1);color:var(--demo);font-size:10px}.activity-row div{display:flex;flex-direction:column;gap:2px}.activity-row strong{font-size:8px;color:#d6dee5}.activity-row small,.activity-row time{font-size:7px;color:#64798c}.showcase-progress{height:2px;background:rgba(255,255,255,.08);position:absolute;bottom:0;left:0;right:0}.showcase-progress i{display:block;height:100%;width:0;background:var(--demo);box-shadow:0 0 7px var(--demo)}.software-showcase.is-running .showcase-progress i{animation:showcaseTimer 5.2s linear}.showcase-float{position:absolute;z-index:5;background:#fff;border:1px solid #dce4ea;border-radius:12px;padding:11px 13px;box-shadow:0 18px 40px rgba(7,17,31,.17);display:flex;align-items:center;gap:9px;color:#102033}.showcase-float>span{width:29px;height:29px;border-radius:8px;background:rgba(var(--demo-rgb),.14);color:var(--demo);display:grid;place-items:center;font-weight:900}.showcase-float>div:not(.mini-bars){display:flex;flex-direction:column;gap:3px}.showcase-float small{font-size:6px;letter-spacing:.8px;color:#81909d}.showcase-float strong{font-size:9px}.float-success{right:-20px;top:72px;animation:floatCard 4s ease-in-out infinite}.float-counter{left:-22px;bottom:48px;animation:floatCard 4s ease-in-out 1s infinite}.mini-bars{width:31px;height:31px;border-radius:8px;background:rgba(var(--demo-rgb),.12);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:7px}.mini-bars i{width:3px;background:var(--demo);border-radius:2px;animation:miniBars 1.2s ease-in-out infinite}.mini-bars i:first-child{height:8px}.mini-bars i:nth-child(2){height:16px;animation-delay:.2s}.mini-bars i:last-child{height:12px;animation-delay:.4s}@keyframes demoPulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--demo-rgb),.32)}50%{box-shadow:0 0 0 7px rgba(var(--demo-rgb),0)}}@keyframes demoRadar{0%{transform:scale(.72);opacity:.15}50%{opacity:1}100%{transform:scale(1.18);opacity:0}}@keyframes demoSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes activityEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes showcaseTimer{from{width:0}to{width:100%}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes miniBars{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1)}}
@media(max-width:650px){.software-showcase{width:100%}.showcase-window{transform:none}.showcase-float{display:none}.showcase-body{padding:17px}.showcase-tab{gap:3px}.showcase-tab small{font-size:7px}.window-bar{height:49px}.metric-grid{margin-top:14px;padding:11px 14px}.main-metric strong{font-size:31px}.pulse-visual{height:58px}.showcase-heading h3{font-size:13px}.activity-row{padding:6px 1px}.hero-visual:has(.software-showcase){min-height:430px}}
@media(prefers-reduced-motion:reduce){.live-status i,.activity-head small i,.pulse-visual i,.showcase-float,.mini-bars i,.showcase-progress i{animation:none!important}.showcase-window{transition:none}}