.biomo-systems-showcase .systems-preview-image {
  transition: opacity .24s ease, transform .55s ease;
}
.biomo-systems-showcase .systems-preview-image.is-switching {
  opacity: .25;
  transform: scale(1.012);
}
.systems-preview-tabs {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 8px;
  width: min(1024px,100%);
  margin: 18px auto 0;
}
.systems-preview-tab {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
  padding: 12px 13px;
  color: rgba(47,43,50,.58);
  text-align: left;
  cursor: pointer;
  border: 1px solid rgba(74,63,82,.12);
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 8px 24px rgba(35,20,55,.04);
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}
.systems-preview-tab:hover { color: #2f2b32; transform: translateY(-2px); }
.systems-preview-tab.is-active { color: #2f2b32; border-color: rgba(124,58,237,.34); background: rgba(124,58,237,.09); }
.systems-preview-index { color: #7c3aed; font: 800 9px/1 monospace; }
.systems-preview-title { min-width: 0; overflow: hidden; font-size: 10px; font-weight: 800; white-space: nowrap; text-overflow: ellipsis; }
.systems-preview-privacy { width: min(1024px,100%); margin: 12px auto 0; color: rgba(47,43,50,.46); font-size: 10px; text-align: right; }
@media(max-width:760px){
  .systems-preview-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .systems-preview-tab:last-child{grid-column:1/-1}
  .systems-preview-privacy{text-align:left}
}
@media(prefers-reduced-motion:reduce){.biomo-systems-showcase .systems-preview-image,.systems-preview-tab{transition:none}}