.newsletter-box{width:100%;margin-top:var(--space-10);padding:var(--space-10) 0;background:linear-gradient(135deg,#eaf2f9 0%,var(--color-surface) 60%);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-family:var(--font-family-base);color:var(--color-text)}.newsletter-box__inner{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.newsletter-box__pitch{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-4);min-width:0}.newsletter-box__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:48px;height:48px;border-radius:var(--radius-round);background-color:var(--color-brand-primary);color:var(--color-text-white);font-size:var(--font-size-lg)}.newsletter-box__copy{min-width:0}.newsletter-box__eyebrow{margin:0 0 var(--space-1) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-primary)}.newsletter-box__heading{margin:0 0 var(--space-2) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}.newsletter-box__subheading{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--color-text-muted)}.newsletter-box__perks{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-3) 0 0 0;padding:0;list-style:none}.newsletter-box__perks li{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text)}.newsletter-box__perks li i{flex:0 0 auto;font-size:10px;color:var(--color-success-icon)}.newsletter-box__form{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.newsletter-box__label{font-size:var(--input-label-size);font-weight:var(--font-weight-semibold);color:var(--color-text)}.newsletter-box__control{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);width:100%}.newsletter-box__input{flex:1 1 auto;min-width:0;height:44px;padding:10px 14px;font-size:var(--font-size-sm);background-color:var(--color-bg);border:var(--input-border);border-radius:var(--input-radius)}.newsletter-box__button{flex:0 0 auto;height:44px;padding:0 var(--space-6);border-radius:var(--btn-border-radius);font-size:var(--font-size-sm);text-transform:uppercase;white-space:nowrap}.newsletter-box__button:disabled{opacity:.6;cursor:not-allowed}.newsletter-box__validation:empty{display:none}.newsletter-box__privacy{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.newsletter-box__checkbox{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--color-brand-primary);cursor:pointer}.newsletter-box__privacy label{font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;margin:0}.newsletter-box__link{padding:0;background:none;border:0;font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand-primary);text-decoration:underline;cursor:pointer}.newsletter-box__link:hover{color:var(--color-brand-primary-dark)}.newsletter-box__error{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-danger)}.newsletter-box__result{grid-column:1/-1;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background-color:var(--color-bg);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center}.newsletter-box__result.success-message{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.newsletter-box__result.error-message{background-color:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}@media screen and (min-width:560px){.newsletter-box__control{flex-direction:row}.newsletter-box__input{flex:1 1 auto}}@media screen and (min-width:744px){.newsletter-box__form{padding:var(--space-6)}}@media screen and (min-width:1024px){.newsletter-box__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-10)}.newsletter-box__heading{font-size:var(--font-size-2xl)}.newsletter-box__perks{flex-direction:row;flex-wrap:wrap;column-gap:var(--space-5)}}
