.catalog-launch-guide {
  padding: 15px 16px;
  border: 1px solid rgba(69, 215, 255, .24);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(69, 215, 255, .08), rgba(54, 239, 195, .045));
}

.catalog-launch-guide p { margin: 0; color: #a9bdc9; line-height: 1.55; }
.catalog-launch-guide header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.catalog-launch-guide header span { color: #68e9d2; font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.catalog-launch-guide h5 { margin: 5px 0 3px; color: #f3fbff; font-size: 16px; }
.catalog-launch-guide header em { padding: 6px 9px; border-radius: 999px; background: rgba(54, 239, 195, .1); color: #8effe6; font-size: 10px; font-style: normal; font-weight: 900; }
.catalog-launch-guide > strong { display: block; margin: 12px 0 6px; color: #d8fff6; }
.catalog-launch-guide ol { display: grid; gap: 7px; margin: 8px 0 0; padding-left: 21px; color: #9db3c2; line-height: 1.45; }
.catalog-launch-guide a { display: inline-flex; margin-top: 11px; color: #86f5e0; font-weight: 850; text-decoration: none; }

.partner-connection-advanced {
  border: 1px solid rgba(151, 184, 202, .16);
  border-radius: 14px;
  background: rgba(151, 184, 202, .035);
}

.partner-connection-advanced[hidden] { display: none; }
.partner-connection-advanced summary { padding: 12px 14px; color: #dff9ff; cursor: pointer; font-weight: 850; }
.partner-connection-advanced summary small { display: block; margin: 4px 0 0 18px; color: #7893a3; font-weight: 500; }
.partner-connection-advanced > div { padding: 0 14px 14px; }

.connection-production {
  margin: 13px 0;
  padding: 13px;
  border: 1px solid rgba(54, 239, 195, .14);
  border-radius: 14px;
  background: rgba(2, 12, 22, .42);
}

.connection-production header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.connection-production header b { color: #f0fbff; font-size: 13px; }
.connection-production header span { color: #8effe6; font-size: 12px; font-weight: 900; letter-spacing: 0; }
.connection-production .pipeline-track { height: 7px; margin: 10px 0 12px; overflow: hidden; border-radius: 999px; background: rgba(151, 184, 202, .12); }
.connection-production .pipeline-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #36efc3, #45d7ff); }
.connection-production .pipeline-stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.connection-production .pipeline-stages span { min-width: 0; padding: 7px; border-radius: 9px; background: rgba(151, 184, 202, .055); color: #7893a3; font-size: 9px; line-height: 1.3; }
.connection-production .pipeline-stages span[data-state="ready"] { background: rgba(54, 239, 195, .075); color: #baffef; }
.connection-production .pipeline-stages span[data-state="in-progress"] { background: rgba(69, 215, 255, .075); color: #c5f5ff; }
.connection-production .pipeline-stages b { display: block; overflow: hidden; color: inherit; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.connection-production > p { margin: 11px 0 0; color: #9db3c2; font-size: 11px; line-height: 1.45; }

@media (max-width: 700px) {
  .catalog-launch-guide header { display: grid; }
  .connection-production .pipeline-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}