.band{margin:var(--space-lg) var(--gutter) 0;padding:var(--space-xl) var(--gutter);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-card);color:var(--color-ink);justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.copy{max-width:420px}.newsletter-band__headline{font:600 var(--text-xl) var(--font-display);margin:0 0 var(--space-xs);color:var(--color-ink)}.desc{font:400 var(--text-sm) / 1.6 var(--font-body);color:var(--color-ink-2);margin:0}.error{font:500 var(--text-xs) var(--font-mono);color:var(--color-error);margin:var(--space-sm) 0 0}.form{gap:var(--space-xs);min-width:0;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form input{font:400 var(--text-sm) var(--font-body);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-rule-heavy);border-radius:var(--radius-input);background:var(--color-input);color:var(--color-ink);flex:1;min-width:0}.form input::placeholder{color:var(--color-muted)}.form input:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.form button{font:600 var(--text-xs) var(--font-mono);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);border:1px solid var(--color-accent);border-radius:var(--radius-input);cursor:pointer;letter-spacing:.04em;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);flex-shrink:0}.form button:hover:not(:disabled){background:var(--color-accent-2);border-color:var(--color-accent-2);color:var(--color-accent-ink);transform:translateY(-1px);box-shadow:0 0 0 4px oklch(55% .19 275/.2)}.form button:active:not(:disabled){transform:translateY(1px)}.form button:disabled{opacity:.6;cursor:default}.success{font:600 var(--text-sm) var(--font-mono);color:var(--color-accent);letter-spacing:.03em}.band.compact{padding:var(--space-md) var(--space-lg);gap:var(--space-md);height:100%;margin:0}.band.compact .newsletter-band__headline{font:600 var(--text-sm) var(--font-display);margin:0}@media (width<=640px){.band{flex-direction:column;align-items:stretch}.form{flex-direction:column}.form input{width:100%}}