/* The teaser's success card, with a small window into the existing garden art. */
.thank-you { flex-direction:column; align-items:stretch; gap:16px; }
.thanks-heading { display:flex; align-items:flex-start; gap:14px; }
.thanks-reminder,.thanks-treat p { margin:0; font-size:14px; line-height:1.5; color:#4A3B43; text-wrap:pretty; }
.thanks-treat { display:flex; align-items:center; gap:16px; }
.thanks-treat h3 { margin:0 0 6px; font:400 22px/1.1 'Instrument Serif',serif; color:#2A1E24; }
.thanks-art { flex:0 0 92px; height:138px; border-radius:16px; overflow:hidden; background:linear-gradient(180deg,#F7EEF3 0 62.5%,#8E6A5A 62.5% 100%); }
.thanks-art .garden-svg { display:block; overflow:visible; }
/* Garden g9pop verbatim, renamed because scene.css defines a different g9pop. */
@keyframes g9thanks-pop{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.03)}100%{opacity:1;transform:scale(1)}}
.thanks-art .g9-stage { animation:g9thanks-pop .6s ease-out both; transform-origin:80px 150px; }
.thanks-next>p { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:0 0 12px; font:400 22px/1.2 'Instrument Serif',serif; }
#thanks-countdown { flex-shrink:0; font:500 11px 'DM Mono',monospace; font-variant-numeric:tabular-nums; color:#6B5A63; }
.thanks-actions { display:flex; flex-wrap:wrap; gap:8px; }
.thanks-actions button { min-height:48px; padding:12px 20px; border-radius:999px; cursor:pointer; font:600 14px Figtree,sans-serif; }
#thanks-open { flex:1; border:1.5px solid transparent; background:#B85C79; color:#fff; }
#thanks-open:hover { background:#A14E69; }
#thanks-stay { border:1.5px solid #EBD7E5; background:#fff; color:#8E3F5A; }
#thanks-stay:hover { background:#F7F1EE; }
@media(max-width:419px) { .thanks-actions { flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { .thanks-art .g9-stage { animation:none; } }