.newsletter-panel[hidden], .newsletter-panel form[hidden] { display: none !important; }
.newsletter-panel { position: fixed; inset: 0; width: min(460px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; overflow: auto; padding: 28px; border: 1px solid #e4e7ec; border-radius: 18px; background: #fff; box-shadow: 0 28px 90px rgba(16, 24, 40, .28); color: #101828; font: 15px/1.55 Inter, system-ui, sans-serif; }
.newsletter-panel::backdrop { background: rgba(16, 24, 40, .58); }
.newsletter-panel * { box-sizing: border-box; }
.newsletter-eyebrow { margin: 0 0 10px !important; color: #667085 !important; font-size: 11px; font-weight: 700; letter-spacing: .12em; line-height: 1.3; text-transform: uppercase; }
.newsletter-panel h2 { margin: 0 34px 12px 0; font: 700 clamp(21px, 2.4vw, 25px)/1.2 Inter, system-ui, sans-serif; letter-spacing: -.025em; }
.newsletter-panel p { margin: 0 0 13px; color: #475467; }
.newsletter-close { position: absolute; top: 15px; right: 16px; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: #f2f4f7; color: #344054; font-size: 22px; line-height: 1; cursor: pointer; }
.newsletter-close:hover { background: #e4e7ec; }
.newsletter-panel label { display: block; font-size: 13px; font-weight: 600; }
.newsletter-panel input[type="email"] { display: block; width: 100%; min-height: 44px; margin: 7px 0 14px; padding: 10px 12px; border: 1px solid #98a2b3; border-radius: 9px; background: #fff; color: #101828; font: inherit; }
.newsletter-consent { display: flex !important; gap: 9px; align-items: flex-start; margin: 0 0 18px; color: #475467; font-size: 12px !important; font-weight: 400 !important; line-height: 1.45; }
.newsletter-consent input { flex: none; width: 17px; height: 17px; margin: 1px 0 0; accent-color: #101828; }
.newsletter-submit { display: block; width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid #101828; border-radius: 9px; background: #101828; color: #fff; font: 600 14px Inter, system-ui, sans-serif; cursor: pointer; }
.newsletter-submit:hover { background: #344054; }
.newsletter-submit:disabled { cursor: wait; opacity: .65; }
.newsletter-dismiss { display: block; width: 100%; min-height: 40px; margin-top: 8px; border: 0; background: transparent; color: #667085; font: 500 12px Inter, system-ui, sans-serif; cursor: pointer; }
.newsletter-dismiss:hover { color: #101828; text-decoration: underline; }
.newsletter-status { margin: 12px 0 0 !important; min-height: 1.5em; color: #475467; font-size: 12px; }
.newsletter-honey { display: none !important; }
.newsletter-panel :focus-visible { outline: 2px solid #344054; outline-offset: 3px; }
@media (max-width: 640px) {
  .newsletter-panel { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 22px 20px 18px; border-radius: 16px; }
  .newsletter-panel h2 { font-size: 22px; }
}