@media (max-width: 700px) {
  .public-pricing-signup-bubble {
    width: fit-content;
    max-width: none;
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 18px;
  }

  .public-company-setup-complete-shell[aria-label="Add-on"] .pre-frame-forward-button span {
    display: block;
    line-height: 1;
    transform: translateY(-1px);
  }
}

.route-auth-internal .app-shell--internal .header-compact {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border-color: #dbe5f3;
  box-shadow: 0 10px 24px rgba(11, 35, 80, 0.08);
}

.route-auth-internal .app-shell--internal .page-label {
  background: #edf3ff;
  border: 0;
  color: #29497b;
}

@media (max-width: 720px) {
  .route-auth-internal .app-shell--internal .header-compact {
    padding: 12px 16px;
    border-radius: 18px;
    margin-bottom: 16px;
  }

  .route-auth-internal .app-shell--internal .compact-top-bar,
  .route-login-internal .app-shell--internal .compact-top-bar {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }

  .route-auth-internal .app-shell--internal .compact-brand-row,
  .route-login-internal .app-shell--internal .compact-brand-row {
    min-width: auto;
  }

  .route-auth-internal .app-shell--internal .page-label,
  .route-login-internal .app-shell--internal .page-label {
    grid-column: auto;
    width: auto;
    max-width: none;
    white-space: nowrap;
    line-height: 1;
  }
}

.public-payout-next-button::first-letter {
  text-transform: uppercase;
}

.investor-entry-overlay--signup-transition {
  animation: public-signup-transition-shell 3500ms cubic-bezier(0.22, 0.74, 0.2, 1) both;
}

.investor-entry-overlay--signup-transition .public-signup-transition-artwork {
  animation: public-signup-transition-artwork 3500ms cubic-bezier(0.22, 0.74, 0.2, 1) both;
}

@keyframes public-signup-transition-shell {
  0% {
    opacity: 0;
  }

  12%,
  100% {
    opacity: 1;
  }
}

@keyframes public-signup-transition-artwork {
  0% {
    opacity: 0;
    transform: scale(0.985);
  }

  18% {
    opacity: 1;
    transform: scale(0.992);
  }

  78%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}