/* Responsive dashboard inspired by the visual reference; no raster asset used. */
.hero__visual.dashboard{width:min(100%,650px);max-width:none;min-height:530px;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(circle at 46% 43%,#173a81 0,#0b2456 35%,#081a45 73%)}
.dashboard__grid{position:absolute;inset:34% 8% 10%;background:repeating-linear-gradient(90deg,transparent 0 18%,rgba(106,152,242,.24) 18.4% 18.8%,transparent 19.2% 37%),repeating-linear-gradient(0deg,transparent 0 23%,rgba(106,152,242,.26) 23.4% 24%,transparent 24.5% 47%);transform:perspective(520px) rotateX(54deg);transform-origin:bottom}.dash-card{position:absolute;padding:20px 23px;background:#fff;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:800;line-height:1.45;box-shadow:0 18px 25px rgba(0,0,0,.12)}.dash-card i{display:inline-block;width:13px;height:13px;margin-right:8px;border:5px solid #c8f3f4;border-radius:50%;background:var(--cyan);vertical-align:1px}.dash-card--graph{top:18%;left:6%;width:46%;height:154px}.dash-card--graph b{font-size:13px}.dash-card--graph svg{display:block;width:100%;margin-top:27px}.dash-card--graph path{fill:none;stroke:var(--cyan);stroke-width:4;stroke-linecap:round}.dash-card--top{top:5%;right:5%}.dash-card--left{top:44%;left:1%}.dash-card--right{right:0;bottom:22%}.meter-wordmark{position:absolute;top:48%;left:52%;transform:translate(-50%,-50%);font-size:clamp(65px,8vw,104px);font-weight:800;letter-spacing:-.09em;color:#fff}.dashboard .device-count{left:18%;bottom:12%;gap:17px;padding:22px 28px;background:#fff}.dashboard .device-count strong{font-size:clamp(46px,5vw,68px)}.dashboard__caption{position:absolute;left:3%;bottom:3%;margin:0;font:800 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;color:#9db0d5}.dashboard__caption strong{color:var(--cyan)}
@media(max-width:820px){.hero__visual.dashboard{width:min(100%,560px)}.dashboard .device-count{gap:9px;font-size:8px;padding:16px}.dashboard .device-count strong{font-size:37px}}@media(max-width:390px){.dash-card{padding:13px;font-size:10px}.dash-card--graph{height:116px}.dashboard .device-count{left:13%;bottom:13%;gap:9px}.meter-wordmark{font-size:58px}}