.launch-signup { width: min(380px, 100%); }
.signup-caption { margin: 0 0 8px; color: var(--muted); font-size: 12px; line-height: 18px; text-align: center; }
.signup-fields { display: flex; gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0; }
.signup-fields input {
  flex: 1;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 0 14px;
  border: 1.5px solid #ebd8cc;
  border-radius: 12px;
  background: var(--cream);
  color: var(--ink);
  font: inherit;
  font-size: 16px;
}
.signup-fields input::placeholder { color: #93867c; }
.signup-submit {
  flex-shrink: 0;
  min-height: 44px;
  padding: 0 16px;
  border: 1.5px solid #96cb9d;
  border-radius: 12px;
  background: #79ba82;
  color: #244b2d;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 120ms ease;
}
.signup-submit:hover:not(:disabled) { background: #96cb9d; }
.signup-submit:disabled { cursor: wait; opacity: .75; }
.signup-loading, .signup-submit[data-active] .signup-label { display: none; }
.signup-submit[data-active] .signup-loading { display: inline; }
.signup-errors { margin: 0 0 8px; padding: 0; color: #a13e2d; font-size: 12px; line-height: 18px; list-style: none; }
.signup-errors:empty { display: none; }
.launch-signup [data-element="success"] {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 14px;
  border: 1.5px solid #96cb9d;
  border-radius: 12px;
  background: #edf7ee;
  color: #244b2d;
  font-size: 14px;
  line-height: 20px;
}
.launch-signup :focus-visible { outline: 2px solid #4d9764; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .signup-submit { transition: none; } }