.form-success-beta { grid-column: 8 / -1; min-width: 0; }
@media (max-width: 1023px) { .form-success-beta { grid-column: 5 / -1; } }
@media (max-width: 719px) { .form-success-beta { grid-column: 1 / -1; } }
.form-success { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 32px; padding: 48px; border-radius: 16px; background: var(--paper); color: var(--ink); text-align: center; animation: form-success-in 240ms ease-out; }
.form-success-globe { width: 256px; height: 240px; flex: none; scroll-margin-top: 112px; }
.form-success-copy { display: flex; flex-direction: column; align-items: center; gap: 20px; }
.form-success-label { font: 12px/18px var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--secondary); }
.form-success h2 { margin: 0; font: 400 44px/48px var(--font); letter-spacing: -.035em; }
.form-success-message { max-width: 430px; font: 400 20px/29px var(--font); color: var(--body); }
.form-success-back { min-height: 44px; padding: 8px 12px; background: transparent; color: var(--secondary); text-decoration: underline; text-underline-offset: 4px; font: 16px/24px var(--font); cursor: pointer; }
.form-success h2:focus { outline: none; }
.form-success-back:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.contact-dialog.contact-success { background: var(--paper); }
.contact-success .contact-heading { justify-content: flex-end; margin-bottom: 0; }
.contact-success .form-success { padding: 0 8px 16px; gap: 24px; }
.contact-success .form-success-globe { width: 192px; height: 180px; }
.contact-success .form-success h2 { font-size: 36px; line-height: 40px; }
.contact-success .form-success-message { font-size: 18px; line-height: 27px; }
#beta-form[hidden], #contact-form[hidden], .contact-success .contact-heading > div[hidden] { display: none !important; }
@keyframes form-success-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-width:719px) {
  .form-success { padding: 32px 24px; gap: 24px; }
  .form-success-globe { width: 192px; height: 180px; }
  .form-success h2 { font-size: 34px; line-height: 38px; }
  .form-success-message { font-size: 18px; line-height: 27px; }
  .contact-success .form-success { padding-inline: 0; }
  .contact-success .form-success h2 { font-size: 32px; line-height: 36px; }
}
@media (prefers-reduced-motion: reduce) { .form-success { animation: none; } }