/* Homepage closing: the mark, a centred two-tone headline, the copy, and the composer at full width on its own
   line. The composer keeps its markup and behaviour; its corners match the app's composer (--composer-radius, 18px,
   plain round) and the button inside follows the same curve (18px less the 6px inset = 12px). */
.closing{padding:120px 0 128px;border-top:1px solid var(--interactive-border,#262626)}
.closing>.wrap{display:block;max-width:760px;text-align:center}
.closing .mark{display:block;width:36px;height:36px;margin:0 auto 28px;color:var(--surface-foreground,#fff)}
.closing h2{font-size:clamp(38px,4.6vw,60px);line-height:1.08;letter-spacing:-.05em;margin:0;text-wrap:balance}
.closing h2 span{color:#9b9b9b}
.closing .esh-closing-copy{max-width:520px;margin:20px auto 0;font-size:17px;line-height:1.7;color:var(--surface-muted-foreground,#9e9e9e)}
.closing .prompt-form{width:100%;max-width:640px;margin:36px auto 0;padding:6px 6px 6px 8px;border-radius:18px;background:var(--surface-elevated,#1f1f1f);border:1px solid var(--interactive-border,#262626)}
.closing .prompt-form input{padding:9px 12px;font-size:15px;line-height:1.4}
.closing .prompt-form .btn{height:38px;padding:0 16px;border-radius:12px;font-size:14px}
@media(max-width:760px){.closing{padding:72px 0 80px}.closing .mark{width:32px;height:32px;margin-bottom:22px}.closing .esh-closing-copy{font-size:15px}.closing .prompt-form{margin-top:28px}.closing .prompt-form input{font-size:14px}}
@media(max-width:480px){.closing .prompt-form{flex-wrap:wrap;padding:8px}.closing .prompt-form input{width:100%;padding:6px 8px}.closing .prompt-form .btn{width:100%}}