/* Screens from the customer demo, framed in the site's glass palette. */
.hero .real-demo-stage{padding:0 0 30px;text-align:start}
.real-demo-frame{overflow:hidden;border:1px solid #c6deec;border-radius:16px;background:#fff;box-shadow:0 28px 70px #234e6a19,0 4px 12px #234e6a0a}
.real-demo-top{display:flex;align-items:center;gap:13px;min-height:45px;padding:10px 18px;background:linear-gradient(105deg,#f2fbff,#eef0fb);color:#345c76;font-size:11px;font-weight:600}
.demo-window-dots{display:flex;gap:5px}.demo-window-dots i{width:6px;height:6px;border-radius:50%;background:#a1c7da}.demo-window-dots i:nth-child(2){background:#91bdd1}.demo-window-dots i:nth-child(3){background:#ae9fc9}
.demo-capture-label{margin-inline-start:auto;font-size:9px;font-weight:400;color:#67889d}
.real-demo-image{display:block;padding:0;width:100%;cursor:zoom-in;background:#edf6fb}.real-demo-image img{display:block;width:100%;height:auto}
.real-demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-top:1px solid #d6e6ef;background:#f7fbff;color:#64859a;font-size:10px}
.real-demo-bottom>span{display:flex;align-items:center;gap:7px}.real-demo-bottom .text-link{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}.real-demo-bottom svg{width:13px;height:13px}
.real-demo-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.demo-entry-link{display:inline-flex;gap:7px;align-items:center;border:1px solid #c7dfec;border-radius:8px;padding:8px 12px;color:#164d6a;background:#eaf5fb;font-size:11px;white-space:nowrap}.demo-entry-link:hover{background:#dceef8}.demo-access-note{margin:0;padding:0 18px 13px;background:#f7fbff;font-size:9px;line-height:1.7;color:#7793a4}
.gallery-panel img{display:block;height:auto;max-height:none;object-fit:contain}.gallery-panel>button{cursor:zoom-in}
.tour-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.tour-thumbs button{min-width:0}
.image-dialog{width:min(1400px,96vw);padding:13px;max-height:95vh;overflow:hidden}
.image-viewer-bar{display:flex;align-items:center;gap:16px;padding:2px 4px 9px}.image-dialog .image-viewer-bar h2{font-family:inherit;font-weight:500;margin:0;flex:1;color:#234e68;letter-spacing:0;font-size:15px;line-height:1.5}.image-viewer-bar .text-link{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.image-viewer-bar svg{width:14px;height:14px}
.image-dialog .dialog-close{position:static;box-shadow:none;flex-shrink:0}.image-viewer-hint{margin:0 4px 11px;font-size:10px;color:#718b9b;line-height:1.7}
.image-viewport{overflow:auto;max-height:76vh;direction:ltr;background:#edf6fb;border:1px solid #d8e6ef;border-radius:7px;overscroll-behavior:contain}
.image-dialog img{display:block;width:100%;height:auto;max-height:76vh;object-fit:contain}
.image-dialog.zoomed img{width:1363px;min-width:1363px;max-width:none;max-height:none;height:auto;object-fit:initial}
@media(max-width:760px){.real-demo-frame{border-radius:11px}.real-demo-top{padding:9px 11px;gap:8px;font-size:10px;min-height:37px}.demo-capture-label{font-size:8px}.real-demo-bottom{padding:11px;gap:8px;flex-wrap:wrap;font-size:9px}.real-demo-bottom .text-link{font-size:9px}.gallery-toolbar{gap:7px}.gallery-tabs{overflow-x:auto;min-width:0}.gallery-tabs button{flex:0 0 auto;font-size:9px;padding:9px 11px}.tour-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tour-thumbs button{font-size:10px;padding:10px}.image-dialog{padding:9px}.image-viewer-bar{gap:8px}.image-dialog .image-viewer-bar h2{font-size:11px}.image-viewer-bar .text-link{font-size:10px}.image-viewer-bar .icon-button{width:30px;height:30px}}