/* CIRMS real GUI screenshots — V6.4 */
.screenshots-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:2rem;align-items:start;margin-bottom:2rem}
.screenshots-note{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem 1.2rem;border:1px solid rgba(20,88,200,.16);border-radius:1rem;background:linear-gradient(180deg,#f7faff 0%,#f0f6ff 100%);color:#3f567e;line-height:1.6;box-shadow:0 18px 48px rgba(8,34,84,.05)}
.screenshots-note .icon{flex:0 0 22px;color:#0968e8;margin-top:.15rem}
.screenshots-note p{margin:0}
.real-screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}
.real-screenshot-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(15,58,125,.12);border-radius:1.2rem;overflow:hidden;box-shadow:0 22px 60px rgba(8,34,84,.08)}
.real-screenshot-media{position:relative;display:block;background:#06131d;overflow:hidden;border-bottom:1px solid rgba(15,58,125,.12)}
.real-screenshot-media::after{content:'Click to enlarge';position:absolute;right:.8rem;bottom:.8rem;padding:.38rem .62rem;border-radius:999px;background:rgba(5,29,67,.88);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.real-screenshot-media img{display:block;width:100%;height:auto;aspect-ratio:16/9.2;object-fit:cover;object-position:center top;transition:transform .22s ease}
.real-screenshot-media:hover img{transform:scale(1.012)}
.real-screenshot-body{display:flex;flex-direction:column;gap:.9rem;padding:1.25rem 1.3rem 1.35rem;flex:1}
.real-screenshot-kicker{display:flex;align-items:center;gap:.55rem;color:#0868e8;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.real-screenshot-kicker .icon{width:18px;height:18px}
.real-screenshot-body h3{margin:0;color:#082454;font-size:1.42rem;line-height:1.18}
.real-screenshot-body>p{margin:0;color:#506789;line-height:1.65}
.screenshot-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .9rem;padding:0;margin:.15rem 0 0;list-style:none}
.screenshot-points li{position:relative;padding-left:1rem;color:#375070;font-size:.9rem;line-height:1.45}
.screenshot-points li::before{content:'';position:absolute;left:0;top:.55em;width:.36rem;height:.36rem;border-radius:50%;background:#0b74ee}
.screenshot-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:.15rem}
.screenshot-actions .btn{min-width:0}
.real-screenshot-summary{margin-top:2.4rem;padding:1.5rem;border-radius:1.15rem;background:#071f4d;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;align-items:center}
.real-screenshot-summary h2{margin:0 0 .45rem;font-size:1.45rem;color:#fff}
.real-screenshot-summary p{margin:0;color:#c9daf6;line-height:1.6;max-width:68ch}
.real-screenshot-summary .btn.secondary{background:#fff;color:#095fda;border-color:#fff}
@media (max-width:900px){.screenshots-intro,.real-screenshot-summary{grid-template-columns:1fr}.real-screenshot-grid{grid-template-columns:1fr}}
@media (max-width:620px){.screenshot-points{grid-template-columns:1fr}.real-screenshot-body{padding:1rem}.real-screenshot-media::after{font-size:.7rem}}