.system-preview{display:flex;flex-direction:column;gap:92px;max-width:none!important;margin:92px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.showcase-story{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);align-items:center;gap:64px;margin:0}
.showcase-story.reverse{grid-template-columns:minmax(0,1.38fr) minmax(260px,.62fr)}
.showcase-story.reverse .showcase-copy{order:2}
.showcase-story.reverse figure{order:1}
.showcase-copy>span{display:block;margin-bottom:18px;color:#65e4dc;font-size:10px;font-weight:750;letter-spacing:.15em}
.showcase-copy h3{max-width:390px;margin:0;font-size:clamp(27px,3vw,40px);line-height:1.12;letter-spacing:-.04em}
.showcase-copy p{max-width:410px;margin:20px 0 0;color:#b6c7d0;font-size:15px;line-height:1.8}
.showcase-copy small{display:block;max-width:390px;margin-top:18px;padding-top:18px;border-top:1px solid #344a5d66;color:#7f97a5;font-size:11px;line-height:1.7}
.showcase-story figure{min-width:0;margin:0}
.showcase-image{display:block;overflow:hidden;border:1px solid #38535f;border-radius:14px;background:#091320;box-shadow:0 26px 75px #0006,0 0 80px #46d8d00a;cursor:zoom-in;transition:transform .2s,border-color .2s,box-shadow .2s}
.showcase-image:hover{transform:translateY(-4px);border-color:#5acac0;box-shadow:0 32px 90px #0008,0 0 90px #46d8d012}
.showcase-image:focus-visible{outline:2px solid #75e4d9;outline-offset:5px}
.showcase-image img{display:block;width:100%;height:auto;aspect-ratio:32/21;object-fit:contain;background:#091320}
.showcase-story figcaption{margin-top:10px;color:#728b99;font-size:9px;text-align:right;letter-spacing:.04em}
.showcase-note{margin:0;text-align:center;color:#839ca9;font-size:10px;letter-spacing:.04em}
@media(max-width:900px){.system-preview{gap:68px;margin-top:68px!important}.showcase-story,.showcase-story.reverse{grid-template-columns:1fr;gap:28px}.showcase-story.reverse .showcase-copy,.showcase-story.reverse figure{order:initial}.showcase-copy h3,.showcase-copy p,.showcase-copy small{max-width:620px}}
@media(max-width:600px){.system-preview{gap:55px;margin-top:52px!important}.showcase-story{gap:22px}.showcase-copy>span{margin-bottom:13px}.showcase-copy h3{font-size:27px}.showcase-copy p{margin-top:14px;font-size:13px;line-height:1.7}.showcase-copy small{margin-top:13px;padding-top:13px;font-size:10px}.showcase-image{border-radius:9px}.showcase-story figcaption{text-align:left}.showcase-note{font-size:9px}}