/* Free trial pages (templates/signup/), on top of leads.css. */
.su-password { position: relative; }
.su-password input { padding-right: calc(var(--space-16) + var(--space-2)); }
.su-password__show { position: absolute; top: 50%; right: var(--space-2); transform: translateY(-50%); min-height: var(--tap-min); padding: 0 var(--space-3); border: 0; border-radius: var(--radius-sm); background: transparent; color: hsl(var(--mk-muted)); font: inherit; font-size: var(--text-sm); font-weight: 600; cursor: pointer; }
.su-password__show:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { .su-password__show:hover { color: hsl(var(--mk-fg)); } }
.su-hint { margin: var(--space-1-5) 0 0; font-size: var(--text-sm); color: hsl(var(--mk-muted)); }

.su-choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: var(--space-2); }
.su-choice { display: flex; align-items: center; gap: var(--space-2); min-height: var(--space-12); padding: var(--space-3) var(--space-4); border: 1px solid hsl(var(--mk-line)); border-radius: var(--radius-md); cursor: pointer; font-size: var(--text-sm); transition: border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out); }
.su-choice:has(input:checked) { border-color: hsl(var(--primary)); background: hsl(var(--primary) / .06); }
.su-choice:has(input:focus-visible) { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
.lf-field .su-choice input, .lf-field .su-terms input { width: auto; min-height: 0; padding: 0; accent-color: hsl(var(--primary)); flex: none; }
.su-terms { display: flex; align-items: flex-start; gap: var(--space-2); font-size: var(--text-sm); cursor: pointer; }
.su-terms input { margin-top: var(--space-0-5); }
.su-terms a { color: hsl(var(--primary)); font-weight: 600; text-decoration: underline; }
.su-login { margin: var(--space-4) 0 0; text-align: center; font-size: var(--text-sm); color: hsl(var(--mk-muted)); }
.su-login a { color: hsl(var(--primary)); font-weight: 600; }

.su-sent { padding-top: var(--space-16); }
.su-sent__card { display: grid; justify-items: center; gap: var(--space-3); text-align: center; }
.su-sent__icon { display: grid; place-items: center; width: var(--space-16); height: var(--space-16); border-radius: var(--radius-full); background: hsl(var(--accent-soft)); color: hsl(var(--accent-soft-fg)); }
.su-sent__icon svg { width: var(--space-6); height: var(--space-6); }
.su-sent__title { margin: 0; font-size: var(--text-2xl); text-wrap: balance; }
.su-sent__text { margin: 0; max-width: 34ch; text-wrap: pretty; }
.su-sent__small { margin: 0; font-size: var(--text-sm); color: hsl(var(--mk-muted)); }
.su-sent__btn { margin-top: var(--space-2); }
.su-sent__help { display: grid; gap: var(--space-3); justify-items: center; margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid hsl(var(--mk-line)); width: 100%; }
.su-sent__actions { display: grid; gap: var(--space-2); justify-items: center; }
.su-link { border: 0; background: none; padding: var(--space-2); color: hsl(var(--mk-muted)); font: inherit; font-size: var(--text-sm); text-decoration: underline; cursor: pointer; }