.systems-examples{display:grid;gap:56px;margin-top:40px}.systems-examples article{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center}.system-screen{display:block;border:1px solid var(--line);background:var(--soft);overflow:hidden}.system-screen img{display:block;width:100%;height:auto}.systems-examples h3{font-size:clamp(28px,3vw,42px);margin:10px 0 20px}.systems-examples p{max-width:600px}.systems-examples .system-caption{font-size:13px;color:var(--muted);margin-top:14px}.system-screen:focus-visible{outline:3px solid var(--ink);outline-offset:5px}@media(max-width:800px){.systems-examples article{grid-template-columns:1fr;gap:24px}.systems-examples{gap:48px}}