.startup-overlay {
  position: fixed;
  inset: 0;
  z-index: 11000;
  display: grid;
  place-items: center;
  background: #f5f6f7;
}
.startup-card {
  position: relative;
  width: min(750px, calc(100vw - 32px), calc((100vh - 32px) * 750 / 440));
  aspect-ratio: 750 / 440;
  overflow: hidden;
  border-radius: 12px;
  background: #f0f2ef;
  color: #15252c;
  box-shadow: 0 16px 48px #15252c26;
  container-type: inline-size;
  isolation: isolate;
}
.startup-background { position: absolute; width: 100%; height: 100%; object-fit: cover; inset: 0; z-index: -2; }
.startup-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, #ffffffaa, #ffffff50 40%, transparent 65%);
}
.startup-identity { position: absolute; left: 5%; top: 27%; width: 40%; text-align: center; }
.startup-brand { display: block; width: 86%; max-height: 24cqw; object-fit: contain; margin: 0 auto; }
.startup-identity strong { font-size: 5cqw; }
.startup-status { position: absolute; left: 6%; bottom: 5%; margin: 0; font-size: 1.8cqw; }
html.startup-native, .startup-native body { background: transparent; overflow: hidden; }
.startup-native .startup-card { width: 100vw; height: 100vh; box-shadow: none; }