.live-system{visibility:hidden;min-height:1px}.device-stage{visibility:visible;position:relative;width:min(1200px,96vw);aspect-ratio:1680/945;margin:2.8rem auto 0;border:1px solid #8d6fe13d;border-radius:28px;overflow:hidden;background:#030308;box-shadow:0 55px 130px #000,0 0 80px #7145e323;isolation:isolate}.device-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.real-screen{position:absolute;z-index:2;overflow:hidden;background:#07070c;color:#eeeaf4;text-align:left;font-family:Inter,system-ui,sans-serif}.real-screen *{box-sizing:border-box}.real-screen header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;color:#8d8699}.real-screen header b{color:#f3eff8}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4be1a7;box-shadow:0 0 9px #4be1a7;margin-right:5px;animation:device-pulse 1.8s ease-in-out infinite}.laptop-screen{left:31.45%;top:21.05%;width:44.05%;height:49.55%;border-radius:2px}.laptop-screen header{height:9%;padding:0 3%;font-size:clamp(5px,.55vw,9px)}.laptop-app{display:grid;grid-template-columns:16% 1fr;height:91%}.app-nav{padding:10%;background:#0b0a11;border-right:1px solid #ffffff0d}.app-nav strong{display:block;font-size:clamp(5px,.7vw,11px);margin-bottom:22%;color:#b98fff}.app-nav span{display:block;height:7%;margin:10% 0;border-radius:4px;background:#ffffff09}.app-main{padding:3%}.app-title{display:flex;justify-content:space-between;align-items:end}.app-title h3{font-size:clamp(9px,1.25vw,19px);margin:0}.app-title p{margin:0;color:#766f80;font-size:clamp(4px,.42vw,7px)}.dashboard-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:2%;margin:3% 0}.dashboard-kpis div{padding:6%;border:1px solid #ffffff0e;border-radius:7px;background:#111019}.dashboard-kpis span{display:block;color:#777080;font-size:clamp(4px,.38vw,6px)}.dashboard-kpis b{font-size:clamp(7px,.9vw,14px)}.dashboard-kpis small{color:#4adca4;font-size:.55em}.dashboard-lower{display:grid;grid-template-columns:1.55fr .85fr;gap:2%;height:56%}.revenue-panel,.activity-panel{border:1px solid #ffffff0d;border-radius:8px;background:#0d0c13;padding:4%}.revenue-panel header,.activity-panel header{height:auto;padding:0;border:0;font-size:clamp(4px,.38vw,6px)}.revenue-chart{height:80%;margin-top:3%;background:repeating-linear-gradient(0deg,transparent 0 24%,#ffffff08 25%)}.revenue-chart svg{width:100%;height:100%}.revenue-fill{fill:url(#revenueFill)}.revenue-line{fill:none;stroke:#9f70ff;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:revenue-draw 3s ease forwards}.activity-item{display:flex;align-items:center;gap:5%;padding:6% 0;border-bottom:1px solid #ffffff0b;font-size:clamp(4px,.38vw,6px);transition:.4s}.activity-item i{width:12px;height:12px;border-radius:4px;background:#8253e6}.activity-item span{flex:1}.activity-item b{color:#a981ff}.activity-item.hot{transform:translateX(3px);background:#8b5cf615}.tablet-screen{left:5.9%;top:24.15%;width:17.78%;height:52.2%;border-radius:2.2%}.tablet-screen header{height:9%;padding:0 6%;font-size:clamp(4px,.42vw,7px)}.tablet-ui{padding:6%}.tablet-ui h3{font-size:clamp(7px,.9vw,14px);margin:0}.tablet-ui>p{font-size:clamp(3px,.35vw,6px);color:#777080;margin:2% 0 6%}.project-progress{display:flex;align-items:center;justify-content:center;height:24%;margin-bottom:6%;border-radius:8px;background:radial-gradient(circle,#7f4ee855,transparent 65%),#0e0c15}.progress-ring{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#9a6cff 0 72%,#292431 72%);position:relative;font-size:8px;font-weight:800}.progress-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#0c0a12}.progress-ring span{position:relative}.tablet-task{padding:5%;margin-top:4%;border:1px solid #ffffff0d;border-radius:6px;background:#100e17;font-size:clamp(3px,.36vw,6px);transition:.4s}.tablet-task:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#8e61f0;margin-right:5px}.tablet-task.done{opacity:.5;text-decoration:line-through}.phone-screen{left:84.58%;top:38.85%;width:8.65%;height:36.95%;border-radius:8%}.phone-screen header{height:9%;padding:0 9%;font-size:clamp(3px,.3vw,5px)}.phone-ui-real{padding:9%}.phone-ui-real p{font-size:clamp(2px,.25vw,4px);color:#777080;margin:5% 0 0}.phone-ui-real h3{font-size:clamp(5px,.55vw,9px);margin:0}.mobile-card{margin-top:9%;padding:8%;border-radius:7px;background:linear-gradient(145deg,#7e4ee644,#13101c);border:1px solid #9469f23a}.mobile-card span{font-size:clamp(2px,.25vw,4px);color:#958ca3}.mobile-card b{display:block;font-size:clamp(6px,.65vw,10px)}.mobile-bars{height:38px;display:flex;align-items:end;gap:4%;margin-top:8%}.mobile-bars i{flex:1;background:linear-gradient(#a16fff,#6337cb);border-radius:2px 2px 0 0;animation:bar-rise 2.8s ease-in-out infinite}.mobile-bars i:nth-child(1){height:35%}.mobile-bars i:nth-child(2){height:58%;animation-delay:-.4s}.mobile-bars i:nth-child(3){height:46%;animation-delay:-.8s}.mobile-bars i:nth-child(4){height:85%;animation-delay:-1.2s}.mobile-bars i:nth-child(5){height:70%;animation-delay:-1.6s}.phone-event-real{display:flex;align-items:center;gap:6%;padding:8% 2%;border-bottom:1px solid #ffffff0b;font-size:clamp(2px,.25vw,4px)}.phone-event-real i{width:8px;height:8px;border-radius:3px;background:#8554e9}.phone-event-real span{flex:1}.device-caption{position:absolute;z-index:3;left:50%;bottom:4%;transform:translateX(-50%);display:flex;gap:8px;padding:7px;background:#08070ecf;border:1px solid #ffffff16;border-radius:999px;backdrop-filter:blur(12px)}.device-caption span{padding:5px 10px;color:#aaa2b7;font-size:9px}.device-caption i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4be1a7;margin-right:5px}@keyframes revenue-draw{to{stroke-dashoffset:0}}@keyframes device-pulse{50%{opacity:.35}}@keyframes bar-rise{50%{transform:scaleY(.68);filter:brightness(1.35)}}@media(max-width:720px){.device-stage{width:128%;margin-left:-14%;border-radius:20px}.device-caption{display:none}}@media(max-width:480px){.device-stage{width:175%;margin-left:-37.5%}.tablet-screen{opacity:.78}.laptop-screen{left:31.45%}.phone-screen{opacity:.9}}@media(prefers-reduced-motion:reduce){.device-stage *{animation:none!important;transition:none!important}}