.dashboard-scene{padding:20px 0 40px;min-width:0;isolation:isolate}.dashboard-halo{position:absolute;inset:-60px -80px;background:radial-gradient(ellipse,#aee97530,transparent 65%);z-index:-1;pointer-events:none;animation:haloBreath 6s ease-in-out infinite}.hero-dashboard{position:relative;width:100%;border:1px solid #b0d9b46b;border-radius:17px;background:#f2f6ed;color:#173d30;box-shadow:0 40px 75px #0005,8px 8px 0 #c4ed9e16;transform:perspective(1100px) rotateY(-7deg) rotateX(3deg);animation:dashboardFloat 7s ease-in-out infinite;overflow:hidden}.dash-toolbar{background:#194d3a;display:flex;gap:11px;align-items:center;padding:17px 20px;color:white;border-bottom:1px solid #b4dba229}.dash-app-icon{font-size:22px;font-weight:800;background:#318a54;padding:3px 10px;border-radius:5px;box-shadow:-4px 4px 0 #0a3226}.dash-toolbar strong{display:block;font-size:13px}.dash-toolbar small{display:block;font-size:7px;letter-spacing:.13em;color:#b9d7bd;margin-top:4px}.dash-period{font-size:8px;margin-left:auto;color:#c6e79b;white-space:nowrap}.dash-body{padding:20px}.dash-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dash-metrics>div{border:1px solid #d6e3cc;border-radius:9px;padding:14px;background:#fffef8}.dash-metrics small{display:block;font-size:8px;letter-spacing:.09em;color:#678160}.dash-metrics strong{display:block;font-size:25px;letter-spacing:-.05em;margin:8px 0 4px}.dash-metrics span{font-size:9px;color:#6a805f}.dash-chart{padding:16px;margin-top:14px;border:1px solid #d7e3cc;background:#fffef9;border-radius:10px}.dash-chart-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px}.dash-chart-heading>span{font-size:8px;color:#60804a}.dash-bars{height:145px;display:flex;justify-content:space-around;gap:22px;margin:26px 12px 22px;padding-top:16px;background:repeating-linear-gradient(to top,#dce5d3 0 1px,transparent 1px 32px);border-bottom:1px solid #bed1ad}.dash-bars>div{position:relative;height:var(--height);width:22%;align-self:flex-end}.dash-bars i{display:block;width:100%;height:100%;border-radius:5px 5px 0 0;background:linear-gradient(155deg,#d1ec85,#4f9858 70%,#28714c);transform-origin:bottom;animation:dashboardBars 7s ease-in-out infinite;animation-delay:var(--delay)}.dash-bars b{position:absolute;top:-19px;font-size:10px;left:0;right:0;text-align:center;font-weight:600}.dash-bars span{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:9px;color:#5b7655}.dash-lower{display:flex;gap:23px;align-items:center;margin-top:15px;padding:14px;background:#e3ecd9;border-radius:10px;min-height:115px}.dash-donut{width:89px;height:89px;border-radius:50%;background:conic-gradient(#347d52 0 75%,#c4d7b3 75% 100%);display:grid;place-items:center;flex-shrink:0;position:relative}.dash-donut:before{content:'';position:absolute;inset:8px;border-radius:50%;background:#e3ecd9}.dash-donut span{z-index:1;text-align:center}.dash-donut strong{font-size:23px;display:block}.dash-donut small{font-size:8px;color:#6c815e}.dash-task>span{font-size:8px;letter-spacing:.08em;color:#537a43}.dash-task strong{display:block;font-size:13px;line-height:1.35;margin:7px 0}.dash-task code{display:block;font-size:10px;color:#557e40}.dash-example{font-size:8px;color:#6e8262;margin-top:11px}.robot-interaction{position:absolute;z-index:5;width:53%;right:-15%;bottom:62px;pointer-events:none;transform-origin:90% 95%;animation:robotGesture 7s ease-in-out infinite;filter:drop-shadow(-10px 16px 12px #062c2945)}.robot-interaction img{display:block;width:100%;height:auto}.touch-ripple{position:absolute;left:3%;top:3%;width:18px;height:18px;border:2px solid #d4f98a;border-radius:50%;box-shadow:0 0 17px #b9f47c;animation:touchSignal 7s ease-in-out infinite}.dashboard-tools{position:relative;z-index:6;margin:27px 0 0;display:flex;gap:9px;justify-content:center}.dashboard-tools>span{display:flex;gap:7px;align-items:center;background:#f3f7e9;color:#244737;border:1px solid #c8e3b688;padding:9px 12px;border-radius:30px;font-size:11px;box-shadow:0 9px 18px #0002}.dashboard-tools img{object-fit:contain}
.company-marquee{overflow:hidden;max-width:100%;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding:12px 0}.company-track{display:flex;width:max-content;animation:companyRun 28s linear infinite}.logo-group{display:flex;gap:18px;padding-right:18px;flex-shrink:0}.logo-group>div{width:170px;height:86px;display:flex;align-items:center;justify-content:center;padding:18px;background:#fffef8;border:1px solid #ffffff50;border-radius:9px}.logo-group img{width:100%;height:100%;max-height:55px;object-fit:contain}.company-marquee:hover .company-track,.company-marquee:focus-within .company-track{animation-play-state:paused}.company-marquee:focus-visible{outline:2px solid #def195;outline-offset:4px}.company-proof{min-width:0}
@keyframes companyRun{to{transform:translateX(-25%)}}@keyframes dashboardFloat{50%{transform:perspective(1100px) rotateY(-3deg) rotateX(0deg) translateY(-9px)}}@keyframes dashboardBars{0%,10%{transform:scaleY(.15)}35%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}@keyframes robotGesture{0%,100%{transform:translate(13px,12px) rotate(7deg)}35%,50%{transform:translate(-9px,-9px) rotate(-5deg)}65%,80%{transform:translate(-4px,-5px) rotate(-2deg)}}@keyframes touchSignal{0%,25%,65%,100%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1)}58%{opacity:0;transform:scale(3)}}@keyframes haloBreath{50%{opacity:.5;transform:scale(.9)}}
@media(max-width:1050px){.dash-body{padding:14px}.dash-metrics strong{font-size:21px}.dash-toolbar{padding:14px}.dash-period{display:none}.dashboard-tools>span{font-size:10px;padding:8px 9px;gap:5px}.robot-interaction{right:-10%;width:50%}}
@media(max-width:760px){.dashboard-scene{margin:0;padding:0 8px 15px}.hero-dashboard{transform:none;animation:dashboardFloatMobile 7s ease-in-out infinite}.dash-metrics>div{padding:11px}.dash-metrics strong{font-size:23px}.dash-metrics small{font-size:7px}.dash-chart{padding:13px}.dash-bars{height:130px;margin-top:25px}.dash-lower{padding:11px;gap:17px}.dash-task strong{font-size:12px}.robot-interaction{width:49%;right:-5%;bottom:71px}.dashboard-tools{gap:6px;margin-top:22px}.dashboard-tools>span{font-size:10px;padding:8px 10px}.dashboard-tools img{width:17px;height:17px}.logo-group{gap:12px;padding-right:12px}.logo-group>div{width:140px;height:76px;padding:16px}.company-track{animation-duration:24s}}
@keyframes dashboardFloatMobile{50%{transform:translateY(-7px)}}
body.motion-paused .hero-dashboard,body.motion-paused .robot-interaction{transform:none}body.motion-paused .company-track{transform:none}body.motion-paused .company-marquee{overflow-x:auto;mask-image:none}body.motion-paused .logo-group[aria-hidden]{display:none}
@media(prefers-reduced-motion:reduce){.hero-dashboard,.robot-interaction{transform:none}.company-marquee{overflow-x:auto;mask-image:none}.logo-group[aria-hidden]{display:none}}