/* A persistent confirmation replaces the form until this page is reloaded. */
.inquiry-success {
  min-width: 0;
  min-height: 26rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 3rem);
  border: 1px solid #e5e7df;
  border-radius: 2rem;
  background: linear-gradient(155deg, #f9fcec 0%, #fff 60%);
  box-shadow: 0 8px 32px #0b0c0a04;
  color: #1d1d1f;
  text-align: center;
  scroll-margin-top: var(--header-clearance, 120px);
}
.inquiry-success-mark {
  display: grid;
  place-items: center;
  width: 4.5rem;
  height: 4.5rem;
  margin-bottom: 1.75rem;
  border-radius: 50%;
  background: #b7ff22;
  color: #0b0c0a;
  box-shadow: 0 0 0 .625rem #b7ff2214;
}
.inquiry-success-mark svg { width: 2.5rem; height: 2.5rem; }
.inquiry-success-mark path { stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.inquiry-success h3 {
  margin: 0;
  font-family: var(--heading, 'Sora', sans-serif);
  font-size: clamp(1.75rem, 3vw, 2.125rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.045em;
}
.inquiry-success h3:focus { outline: none; }
.inquiry-success-copy {
  max-width: 23rem;
  margin: 1rem 0 0;
  color: #626266;
  font-size: 1rem;
  line-height: 1.65;
}
.inquiry-success-recipient {
  max-width: 100%;
  display: grid;
  gap: .375rem;
  margin-top: 1.75rem;
  padding-top: 1.375rem;
  border-top: 1px solid #e8e8e8;
  font-size: .875rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.inquiry-success-recipient span { color: #6e6e73; font-size: .75rem; }
.inquiry-success-recipient strong { font-weight: 500; }
@media (prefers-reduced-motion: no-preference) {
  .inquiry-success { animation: inquiry-arrive .36s ease-out both; }
  .inquiry-success-mark { animation: inquiry-mark .48s cubic-bezier(.2,.8,.3,1) both; }
  .inquiry-success-mark path { stroke-dasharray: 1; animation: inquiry-check .36s .16s ease-out both; }
  @keyframes inquiry-arrive { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
  @keyframes inquiry-mark { from { transform: scale(.86); } to { transform: scale(1); } }
  @keyframes inquiry-check { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
}
@media (max-width: 37.4375rem) {
  .inquiry-success { min-height: 24rem; border-radius: 1.5rem; }
}
@media (forced-colors: active) {
  .inquiry-success { border-color: CanvasText; }
  .inquiry-success-mark { border: 2px solid CanvasText; }
}
