.rms-interface{background:linear-gradient(180deg,#f5faf7,#fff 70%)}
.rms-interface-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.rms-interface-card{margin:0;background:#fff;border:1px solid var(--line);box-shadow:0 16px 36px rgba(9,62,36,.07);overflow:hidden;transition:transform .25s,box-shadow .25s}
.rms-interface-card:hover{transform:translateY(-5px);box-shadow:0 24px 46px rgba(9,62,36,.13)}
.rms-interface-card.wide{grid-column:1/-1}
.rms-interface-visual{background:linear-gradient(145deg,#e7f4ec,#f8fbf9);display:grid;place-items:center;overflow:hidden}
.rms-interface-card.web .rms-interface-visual{min-height:420px;padding:20px 22px 0}
.rms-interface-card.data .rms-interface-visual{padding:24px;background:#07120d}
.rms-interface-card.mobile .rms-interface-visual{height:590px;padding:20px;background:linear-gradient(145deg,#eff8f2,#fff)}
.rms-interface-visual img{display:block;max-width:100%;height:auto;object-fit:contain}
.rms-interface-card.web img{max-height:430px}.rms-interface-card.data img{width:100%;max-height:520px}.rms-interface-card.mobile img{height:100%;max-height:550px}
.rms-interface-caption{padding:21px 25px 23px;border-top:1px solid var(--line)}
.rms-interface-caption span{font:700 12px 'Barlow Condensed','Noto Sans SC',sans-serif;letter-spacing:1.3px;color:var(--brand)}
.rms-interface-caption h3{font-size:20px;margin:9px 0 6px}.rms-interface-caption p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:700px){.rms-interface-grid{grid-template-columns:1fr}.rms-interface-card.wide{grid-column:auto}.rms-interface-card.web .rms-interface-visual{min-height:0;padding:12px}.rms-interface-card.mobile .rms-interface-visual{height:520px}.rms-interface-caption{padding:19px}.rms-interface-caption h3{font-size:18px}}