/* Home page only, on top of site.css */
/* the honeypot is read by a bot, never shown to a person */
.talk .hp { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap }
.talk .send button[disabled] { opacity: .6; cursor: progress }
/* the confirmation panel takes the form's place in the dark contact band */
.sent-ok { flex: 1 1 100%; max-width: 820px; margin: 40px auto 0; padding-top: 32px; text-align: left; border-top: 1px solid rgba(244, 236, 220, .25); display: grid; gap: 22px }
.sent-ok[hidden] { display: none }
.sent-ok:focus-visible { outline: 2px solid var(--parch); outline-offset: 6px }
.sent-ok .got { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center }
.sent-ok h3 { margin: 0; font-family: var(--display); font-weight: 600; font-size: clamp(28px, 3.6vw, 38px); line-height: 1.05; word-break: break-word; overflow-wrap: anywhere }
.sent-ok .got p { margin: 0; font-size: 16px; opacity: .8; overflow-wrap: anywhere }
.sent-ok .seal { width: 64px; height: 64px; fill: none }
.sent-ok .seal .ring { stroke: var(--chalk); stroke-width: 2; stroke-dasharray: 4 3; transform-origin: 32px 32px; animation: seal-turn 1.4s var(--ease) both }
.sent-ok .seal .inner { stroke: var(--on-ink); stroke-opacity: .35 }
.sent-ok .seal .tick { stroke: var(--on-ink); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round }
@keyframes seal-turn { from { transform: rotate(-90deg) } to { transform: rotate(0) } }
.sent-ok .next-steps { list-style: none; margin: 0; padding: 0; display: grid; border-top: 1px solid rgba(244, 236, 220, .22) }
.sent-ok .next-steps li { display: grid; grid-template-columns: 2.4em 1fr; gap: 12px; padding-block: 12px; border-bottom: 1px solid rgba(244, 236, 220, .22); font-size: 16px }
.sent-ok .next-steps b { font-family: var(--display); font-style: italic; font-weight: 500; font-size: 20px; color: var(--chalk) }
.sent-ok .next-steps em { display: block; font-style: normal; font-size: 14px; opacity: .65 }
.sent-ok .actions { display: flex; flex-wrap: wrap; gap: 12px }
/* framer-less CSS animation, but the backstop still belongs next to it: no turn, ring visible */
@media (prefers-reduced-motion: reduce) { .sent-ok .seal .ring { animation: none } }