.dashboard-motion{--dashboard-radius:22px;isolation:isolate;width:100%;min-width:0;display:block;position:relative}.dashboard-motion__screen{width:100%;aspect-ratio:var(--dashboard-aspect,16/10);border-radius:var(--dashboard-radius);background:var(--rice);contain:paint;border:1px solid #0b304529;display:block;position:relative;overflow:hidden;box-shadow:0 24px 70px #0b304521;container-type:inline-size}.dashboard-motion__screen picture{width:100%;height:100%;display:block}.dashboard-motion__image{object-fit:contain;object-position:top center;width:100%;height:100%;display:block}.dashboard-motion__scanline{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#168c8c6b,#0000);border-radius:999px;height:2px;position:absolute;top:10%;left:2%;right:2%}.dashboard-motion__callouts{z-index:3;pointer-events:none;position:absolute;inset:0}.dashboard-motion__callouts span{min-width:76px;min-height:34px;color:var(--white);opacity:0;background:#0b3045e0;border:1px solid #ffffffc2;border-radius:999px;place-items:center;padding:7px 11px;font-size:clamp(.52rem,.75vw,.68rem);font-weight:800;display:grid;position:absolute;transform:translateY(10px)scale(.94);box-shadow:0 12px 30px #0b304533}.dashboard-motion__callouts span:first-child{top:13%;left:8%}.dashboard-motion__callouts span:nth-child(2){background:#168c8ceb;top:43%;right:8%}.dashboard-motion__callouts span:nth-child(3){color:var(--ink);background:#f2b134f0;bottom:10%;left:42%}.dashboard-motion__insight{z-index:3;width:min(235px,46%);color:var(--ink);opacity:0;pointer-events:none;background:#fffffff0;border:1px solid #0b304524;border-radius:14px;gap:3px;padding:11px 13px;display:grid;position:absolute;bottom:4%;right:4%;transform:translateY(12px);box-shadow:0 16px 38px #0b304529}.dashboard-motion__insight b{color:var(--teal);font-size:.68rem}.dashboard-motion__insight span{font-size:clamp(.56rem,.78vw,.7rem);line-height:1.35}.dashboard-motion__timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(220px,52%);margin:12px auto 0;display:grid}.dashboard-motion__timeline i{background:#0b30452e;border-radius:999px;height:3px;overflow:hidden}.dashboard-motion__timeline i:before{content:"";border-radius:inherit;background:var(--teal);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(.18)}@media (prefers-reduced-motion:no-preference){.dashboard-motion__scanline{animation:7s cubic-bezier(.45,0,.18,1) infinite paused dashboard-motion-line}.dashboard-motion__timeline i:before{animation:14s cubic-bezier(.45,0,.18,1) infinite paused dashboard-motion-step}.dashboard-motion__timeline i:nth-child(2):before{animation-delay:-4.65s}.dashboard-motion__timeline i:nth-child(3):before{animation-delay:-9.3s}.dashboard-motion__callouts span{animation:dashboard-callout-cycle 12s var(--ease) infinite;animation-play-state:paused}.dashboard-motion__callouts span:nth-child(2){animation-delay:4s}.dashboard-motion__callouts span:nth-child(3){animation-delay:8s}.dashboard-motion__insight{animation:dashboard-insight-cycle 12s 8.6s var(--ease) infinite;animation-play-state:paused}.dashboard-motion[data-active=true] .dashboard-motion__scanline,.dashboard-motion[data-active=true] .dashboard-motion__timeline i:before,.dashboard-motion[data-active=true] .dashboard-motion__callouts span,.dashboard-motion[data-active=true] .dashboard-motion__insight{animation-play-state:running}}@keyframes dashboard-motion-line{0%,12%{opacity:0;transform:translate(0,0)}20%{opacity:.75}78%{opacity:.42;transform:translate3d(0,var(--dashboard-scan-distance,calc(50cqw - 30px)),0)}88%,to{opacity:0;transform:translate3d(0,var(--dashboard-scan-distance,calc(50cqw - 30px)),0)}}@keyframes dashboard-motion-step{0%,20%{background:var(--teal);transform:scaleX(.18)}36%,56%{background:var(--yellow);transform:scaleX(1)}72%,92%{background:var(--teal);transform:scaleX(.72)}to{background:var(--teal);transform:scaleX(.18)}}@keyframes dashboard-callout-cycle{0%,8%,30%,to{opacity:0;transform:translateY(10px)scale(.94)}12%,25%{opacity:1;transform:none}}@keyframes dashboard-insight-cycle{0%,8%,34%,to{opacity:0;transform:translateY(12px)}13%,29%{opacity:1;transform:none}}@media (width<=740px){.dashboard-motion{--dashboard-radius:16px}.dashboard-motion__screen{aspect-ratio:var(--dashboard-mobile-aspect,var(--dashboard-aspect,4/3));box-shadow:0 16px 38px #0b30451f}.dashboard-motion__scanline{--dashboard-scan-distance:var(--dashboard-mobile-scan-distance)}.dashboard-motion__timeline{width:min(180px,58%);margin-top:9px}.dashboard-motion__callouts span{min-width:0;min-height:28px;padding:5px 8px;font-size:.5rem}.dashboard-motion__callouts span:first-child{top:12%;left:5%}.dashboard-motion__callouts span:nth-child(2){top:42%;right:5%}.dashboard-motion__callouts span:nth-child(3){bottom:8%;left:36%}.dashboard-motion__insight{display:none}}@media (prefers-reduced-motion:reduce){.dashboard-motion__image,.dashboard-motion__scanline,.dashboard-motion__timeline i:before,.dashboard-motion__callouts span,.dashboard-motion__insight{animation:none!important;transform:none!important}.dashboard-motion__callouts span,.dashboard-motion__insight{opacity:0}}