/* Email Subscription Field (Figma 343:3092, as instanced in 1517:50917 / 1517:51211): label 12/16 regular uppercase text/secondary; 52px pill
   (surface/default, border/strong) with the email input (20 left / 12 right padding, 14/20, placeholder text/muted) and an inline Ghost
   "Subscribe" button (32 high, 16 sides, 12/16, radius/md, text/primary, flush right); helper 12/16 text/muted.
   Used by the coming-soon waitlists and the components page (the footer has its own newsletter field). */
.email-sub{display:flex;flex-direction:column;gap:var(--space-8);width:100%;max-width:480px}
.email-sub__label{font:var(--text-xs);text-transform:uppercase;color:var(--text-secondary)}
.email-sub__control{box-sizing:border-box;display:flex;align-items:center;height:52px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-default);overflow:hidden}
.email-sub__control:focus-within{border-color:var(--accent-default);box-shadow:var(--shadow-focus-ring-accent)}
.email-sub__input{flex:1;min-width:0;height:100%;border:0;background:none;padding:0 var(--space-12) 0 var(--space-20);font:var(--text-sm);color:var(--text-primary)}
.email-sub__input:focus{outline:none}
.email-sub__input::placeholder{color:var(--text-muted)}
.email-sub__btn.btn{flex:none;height:32px;min-height:0;padding:0 var(--space-16);border-radius:var(--radius-md);font:var(--text-xs)}
.email-sub__help{font:var(--text-xs);color:var(--text-muted)}