.wc-prometheus-grafana .wc-hero-grid{grid-template-columns:1fr;gap:19px}.wc-prometheus-grafana .wc-copy{max-width:900px;text-align:center;margin-inline:auto}.wc-prometheus-grafana .wc-brand,.wc-prometheus-grafana .button-row{justify-content:center}.wc-prometheus-grafana .wc-copy .lead{max-width:740px;margin-inline:auto}.wc-prometheus-grafana .wc-copy h1>span{font-size:.61em;margin-bottom:15px}.wc-prometheus-grafana .wc-brand>.menu-brand-art{width:67px;flex-basis:67px}.wc-prometheus-grafana .wc-brand .menu-brand-pair img{width:23px;height:26px}.wc-prometheus-grafana .wc-showcase{width:100%;max-width:820px;margin-inline:auto}.wc-prometheus-grafana .wc-scene{height:350px}.dpg-grid{position:absolute;inset:2% 0;background:radial-gradient(#cc9f7044 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(ellipse,#000 30%,transparent 70%)}.dpg-source{position:absolute;left:calc(50% - 118px);top:0;width:236px;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid #ead0b2;border-radius:12px;z-index:3;color:#8c6640;font:6px/1.5 monospace;letter-spacing:.05em;animation:wc-float 10s ease-in-out infinite paused}.dpg-source .menu-brand-art{width:64px;height:30px;gap:8px}.dpg-source img{width:27px;height:27px}.dpg-dashboard{position:absolute;inset:15% 9% 0;background:#fff;border:1px solid #e8d0b6;border-radius:14px;box-shadow:0 20px 40px #8f68400f;padding:0 17px 15px;z-index:2}.dpg-dashboard-top{display:flex;align-items:center;gap:5px;height:36px;border-bottom:1px solid #eee1d0;color:#8c6a46;font:6px/1.4 monospace;letter-spacing:.08em}.dpg-dashboard-top>span{margin-right:auto}.dpg-dashboard-top>i{width:4px;height:4px;background:#dfc6a8;border-radius:50%}.dpg-main-chart{position:relative;height:124px;border:1px solid #ecdac3;border-radius:8px;background:#fffcf6;margin-top:13px;overflow:hidden;transition:transform .5s}.dpg-main-chart>span{position:absolute;left:11px;top:9px;font:5px/1.4 monospace;color:#7e5d34;letter-spacing:.1em;z-index:2}.dpg-chart-lines{position:absolute;inset:20px 10px 10px;background:repeating-linear-gradient(0deg,transparent 0 20px,#e6cfb740 21px 22px)}.dpg-main-chart>svg{position:absolute;left:10px;right:10px;bottom:9px;width:calc(100% - 20px);height:87px}.dpg-scan{position:absolute;left:0;top:22px;bottom:8px;width:1px;background:#dcad7955;animation:dpg-scan 12s linear infinite paused}.dpg-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-top:12px}.dpg-bars,.dpg-rules{height:78px;border:1px solid #ead7bf;border-radius:8px;padding:10px 11px;transition:transform .5s}.dpg-bottom span{display:block;font:5px/1.4 monospace;letter-spacing:.1em;color:#8e6e48}.dpg-bars>div{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:35px;margin-top:10px}.dpg-bars i{display:block;width:14px;height:28px;background:#e3bb84;border-radius:3px 3px 0 0;transform-origin:bottom;animation:dpg-bar 7s ease-in-out infinite paused}.dpg-bars i:nth-child(3n){height:17px;background:#c6bed8;animation-delay:-3s}.dpg-bars i:nth-child(3n+1){height:22px;animation-delay:-5s}.dpg-rules>div{display:flex;gap:9px;align-items:center;margin-top:8px}.dpg-rules i{width:4px;height:4px;border-radius:50%;background:#cfac7b}.dpg-rules b{display:block;height:3px;width:66%;background:#dfc8a6;border-radius:3px}.dpg-rules>div:nth-child(3)>b{width:46%}.dpg-signal{position:absolute;left:0;top:37%;width:48px;height:48px;border:1px solid #e5cdaa;border-radius:12px;background:#fff;display:grid;place-items:center;color:#ad8755;animation:wc-float 8s ease-in-out infinite paused}.dpg-signal-two{left:auto;right:0;top:62%;animation-delay:-4s}.dpg-signal .icon{width:22px;height:22px}.wc-motion-active :is(.dpg-source,.dpg-signal,.dpg-scan,.dpg-bars i){animation-play-state:running}[data-wc-scene="0"] .dpg-bars{transform:translateY(-3px)}[data-wc-scene="1"] .dpg-main-chart{transform:translateY(-3px)}[data-wc-scene="2"] .dpg-rules{transform:translateY(-5px)}@keyframes dpg-bar{50%{transform:scaleY(.7)}}@keyframes dpg-scan{from{transform:translateX(0)}to{transform:translateX(650px)}}@media(max-width:760px){.wc-prometheus-grafana .wc-scene{height:330px}.dpg-dashboard{inset:16% 0 0;padding-inline:12px}.dpg-source{width:220px;left:calc(50% - 110px);font-size:5px}.dpg-main-chart{height:112px}.dpg-main-chart>svg{height:76px}.dpg-bottom{gap:8px}.dpg-bars,.dpg-rules{padding-inline:9px;height:74px}.dpg-bars>div{gap:6px}.dpg-bars i{width:10px}.dpg-signal{display:none}.dpg-source .menu-brand-art{width:60px}.dpg-source img{width:24px;height:24px}}