.hero.hero-with-dashboard{grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr);gap:45px;padding-inline:max(40px,calc((100vw - 1440px)/2));min-height:800px}
.hero-with-dashboard .hero-dashboard-visual{padding-top:170px;width:100%;max-width:none}
.hero-with-dashboard .visual-caption{top:130px;font-size:9px}
.dashboard-snapshot{margin:0;border:1px solid #ffffffb8;border-radius:15px;background:#eaf4fbe6;box-shadow:0 30px 70px #00172460,0 0 0 8px #e9fcff09;overflow:hidden;backdrop-filter:blur(16px)}
.dashboard-snapshot-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;color:#254e65;font-size:11px;font-weight:600;border-bottom:1px solid #d4e5ef}
.dashboard-window-dots{display:flex;gap:5px}.dashboard-window-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#77a5b9}.dashboard-window-dots i:nth-child(2){opacity:.6}.dashboard-window-dots i:nth-child(3){opacity:.35}.dashboard-demo-label{margin-left:auto;font-size:9px;color:#416e82;font-weight:500}
.dashboard-snapshot-open{position:relative;display:block;cursor:zoom-in;background:#eaf1f7}.dashboard-snapshot-open img{display:block;width:100%;height:auto;aspect-ratio:1917/849}.dashboard-zoom-hint{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;background:#083c58e8;color:white;padding:9px 12px;border:1px solid #ffffff70;border-radius:8px;font-size:10px;box-shadow:0 5px 15px #0b2f4530;opacity:0;transform:translateY(3px);transition:opacity .18s,transform .18s}.dashboard-zoom-hint svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.7;fill:none}.dashboard-snapshot-open:hover .dashboard-zoom-hint,.dashboard-snapshot-open:focus-visible .dashboard-zoom-hint{opacity:1;transform:none}.dashboard-snapshot-open:focus-visible{outline:3px solid #6cd9ee;outline-offset:-3px}
.dashboard-snapshot figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;font-size:11px;color:#2e5c73}.dashboard-snapshot figcaption>a{display:inline-flex;align-items:center;gap:10px;min-height:30px;color:#075d82;font-weight:650}
#dashboard-snapshot-dialog{width:min(96vw,1600px);max-width:none;max-height:94dvh;padding:0;border:1px solid #cde3ee;border-radius:16px;background:#f4f9fc;color:#153c53;box-shadow:0 30px 120px #00172580;overflow:auto;margin:auto}#dashboard-snapshot-dialog::backdrop{background:#031c30c9;backdrop-filter:blur(10px)}
.dashboard-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;position:sticky;top:0;background:#f4f9fc;z-index:1;border-bottom:1px solid #d7e5ed}.dashboard-dialog-head h2{font-size:18px;line-height:1.4;letter-spacing:-.02em}.dashboard-dialog-head p{font-size:12px;line-height:1.6;color:#55758a;margin-top:4px}.dashboard-dialog-head button{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;cursor:pointer;border:1px solid #c5dce8;background:white;border-radius:11px;color:#285773}.dashboard-dialog-head button:hover{background:#e2f0f8}.dashboard-dialog-head svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none}.dashboard-dialog-image{overflow:auto}.dashboard-dialog-image img{display:block;width:100%;height:auto}.dashboard-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;border-top:1px solid #d7e5ed}.dashboard-dialog-footer>span{font-size:13px;color:#527486}.dashboard-dialog-footer .button{font-size:12px;min-height:44px}
@media(max-width:1200px) and (min-width:1001px){.hero.hero-with-dashboard{gap:32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);padding-inline:32px}.hero-with-dashboard h1{font-size:52px}.dashboard-snapshot figcaption{font-size:10px;padding-inline:12px}}
@media(max-width:1000px){.hero.hero-with-dashboard{grid-template-columns:1fr;min-height:0;padding-inline:48px;gap:26px}.hero-with-dashboard .hero-dashboard-visual{padding-top:32px;justify-self:center}.hero-with-dashboard .visual-caption{top:0}.dashboard-zoom-hint{opacity:1;transform:none}.dashboard-snapshot figcaption{font-size:12px}}
@media(max-width:740px){.hero.hero-with-dashboard{padding-inline:22px;gap:24px;padding-bottom:110px}.hero-with-dashboard .visual-caption{font-size:7px}.dashboard-snapshot{border-radius:11px}.dashboard-snapshot-bar{padding:10px 12px;gap:9px;font-size:10px}.dashboard-demo-label{font-size:8px}.dashboard-window-dots{gap:4px}.dashboard-window-dots i{width:5px;height:5px}.dashboard-snapshot figcaption{font-size:9px;padding:10px 12px;gap:9px}.dashboard-zoom-hint{right:8px;bottom:8px;padding:6px 8px;font-size:9px}.dashboard-dialog-head{padding:12px 15px}.dashboard-dialog-head h2{font-size:16px}.dashboard-dialog-footer{flex-direction:column;align-items:stretch;padding:14px}.dashboard-dialog-footer>span{font-size:12px}.dashboard-dialog-image img{min-width:900px}.dashboard-dialog-footer .button{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.dashboard-zoom-hint{transition:none;transform:none}}