/* Confirmation is a stable, centered replacement for the fields, not a modal. */
body.coming-soon-route [data-waitlist-entry][hidden],
body.coming-soon-route [data-waitlist-heading][hidden],
body.coming-soon-route .coming-soon-success[hidden] { display: none !important; }
body.coming-soon-route .coming-soon-success {
  display: grid;
  justify-items: center;
  gap: 28px;
  padding: 24px 0 32px;
  text-align: center;
}
body.coming-soon-route .coming-soon-success-mark {
  display: block;
  width: 144px;
  height: 144px;
  overflow: visible;
  color: #167D9A;
  pointer-events: none;
}
body.coming-soon-route .coming-soon-success-disc { fill: #167D9A; transform-origin: 72px 72px; }
body.coming-soon-route .coming-soon-success-check { color: #FFFFFF; stroke-dasharray: 1; stroke-dashoffset: 0; }
body.coming-soon-route .coming-soon-success-halo { opacity: 0; transform-origin: 72px 72px; }
body.coming-soon-route .coming-soon-success-echo { opacity: .5; }
body.coming-soon-route .coming-soon-success h2 { --brand-section-size: clamp(26px, 5vw, 36px); margin: 0; }
body.coming-soon-route .coming-soon-success h2:focus { outline: none; }
html body.coming-soon-route .coming-soon-success-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  max-width: 100%;
  padding: 14px 22px;
  border: 1px solid var(--brand-ink);
  border-radius: 999px;
  background: var(--brand-ink);
  color: var(--brand-white);
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}
body.coming-soon-route .coming-soon-success-link:focus-visible { outline: 3px solid var(--brand-ink); outline-offset: 5px; }
body.coming-soon-route .coming-soon-form[data-waitlist-complete] { margin-top: 0; }
body.coming-soon-route .coming-soon-form[data-waitlist-complete] .coming-soon-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  body.coming-soon-route .coming-soon-success-link:hover { background: var(--brand-charcoal); }
}
@media (prefers-reduced-motion: reduce) {
  body.coming-soon-route .coming-soon-success-mark * { animation: none !important; transition: none !important; }
}
@media (forced-colors: active) {
  body.coming-soon-route .coming-soon-success-disc { fill: CanvasText; }
  body.coming-soon-route .coming-soon-success-check { color: Canvas; forced-color-adjust: none; }
  body.coming-soon-route .coming-soon-success-mark { color: CanvasText; }
  html body.coming-soon-route .coming-soon-success-link { background: ButtonFace; color: ButtonText; border-color: ButtonText; }
  body.coming-soon-route .coming-soon-success-link:focus-visible { outline-color: Highlight; }
}