/* Device compositions use the original pixels; interfaces are never stretched or obscured. */
.rs-ecosystem-mockup{display:flex;align-items:flex-end;justify-content:center}
.rs-ecosystem-laptop{position:relative;width:min(80%,380px);margin-right:12%}
.rs-ecosystem-mockup>.rs-ecosystem-monitor{position:absolute;right:2%;bottom:-6px;display:block;height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 24px 30px #0006)}
.rs-app-mockup{position:absolute;inset:4% 6% 6%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.6vw,22px);align-items:end}
.rs-app-mockup>figure{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;min-height:0;height:93%;margin:0}
.rs-app-mockup>figure.rs-app-mockup-featured{height:100%}
.rs-app-mockup img{display:block;min-height:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 12px #0c234027)}
.rs-app-mockup figcaption{flex:none;font:600 clamp(9px,.85vw,13px)/1.3 'Archivo',system-ui,sans-serif;letter-spacing:.03em;color:#28516f;text-align:center}
@media(max-width:767px){
 .rs-module-visual[data-app-active="true"]{aspect-ratio:4/3!important}
 .rs-app-mockup{inset:4% 3% 6%;gap:7px}
 .rs-app-mockup>figure{gap:6px}
 .rs-app-mockup figcaption{font-size:8px;letter-spacing:0}
}