.zad-newsletter {
  width: 100%;
  scroll-margin-top: 5.5rem;
  border-block: 1px solid var(--zad-line-strong, #9a9c98);
  background: var(--zad-ink, #1b1c1e);
  color: #fbfbf8;
}

.zad-newsletter__inner {
  width: min(100% - 3rem, 78rem);
  margin-inline: auto;
  padding-block: clamp(3rem, 6vw, 5rem);
}

.zad-newsletter__eyebrow {
  margin: 0 0 1rem;
  color: #9db0ff;
  font-size: .72rem;
  font-weight: 600;
}

.zad-newsletter h2 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: 1.2;
}

.zad-newsletter__copy > p:last-child {
  max-width: 34rem;
  margin: 1.25rem 0 0;
  color: #b8bcc3;
  line-height: 1.8;
}

.zad-newsletter__tiers {
  display: grid;
  margin-top: 2.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid #555a63;
}

.zad-newsletter__tier {
  min-width: 0;
  padding: clamp(1.35rem, 3vw, 2.25rem);
}

.zad-newsletter__tier + .zad-newsletter__tier { border-inline-start: 1px solid #555a63; }
.zad-newsletter__tier--premium { background: #20242c; }
.zad-newsletter__tier-label { margin: 0; color: #9db0ff; font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.zad-newsletter__tier h3 { margin: .75rem 0 0; font-size: clamp(1.35rem, 2vw, 2rem); font-weight: 600; }
.zad-newsletter__tier > p:not(.zad-newsletter__tier-label, .zad-newsletter__status, .zad-newsletter__pending) { margin: .75rem 0 1.5rem; color: #b8bcc3; line-height: 1.75; }
.zad-newsletter__tier ul { display: grid; gap: .7rem; margin: 1.4rem 0 2rem; padding: 0; list-style: none; color: #d8dbe0; }
.zad-newsletter__tier li { position: relative; padding-inline-start: 1.1rem; }
.zad-newsletter__tier li::before { position: absolute; inset-inline-start: 0; color: #9db0ff; content: "—"; }
.zad-newsletter__pending { border-top: 1px solid #555a63; margin: 2rem 0 0; padding-top: 1.2rem; color: #b8bcc3; font-size: .78rem; }
.zad-newsletter__paypal { min-height: 3rem; }

.zad-newsletter__fields {
  display: grid;
  grid-template-columns: minmax(10rem, .65fr) minmax(16rem, 1.35fr);
  gap: 1px;
  background: #555a63;
  border: 1px solid #555a63;
}

.zad-newsletter label span {
  display: block;
  margin-bottom: .55rem;
  font-size: .72rem;
  font-weight: 600;
}

.zad-newsletter label small { color: #959ba5; font-weight: 400; }

.zad-newsletter__fields label { display: block; background: var(--zad-ink, #1b1c1e); padding: .9rem 1rem 1rem; }

.zad-newsletter__fields input {
  width: 100%;
  min-height: 2.75rem;
  border: 0;
  border-bottom: 1px solid #737983;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font: inherit;
}

.zad-newsletter__fields input:focus { border-color: #9db0ff; }
.zad-newsletter__fields input::placeholder { color: #7f858e; direction: ltr; text-align: right; }

.zad-newsletter__consent {
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  margin-top: 1rem;
  color: #b8bcc3;
}

.zad-newsletter__consent input { flex: 0 0 auto; width: 1rem; height: 1rem; margin-top: .2rem; accent-color: #3156d8; }
.zad-newsletter__consent span { margin: 0; font-size: .72rem; font-weight: 400; line-height: 1.7; }
.zad-newsletter__consent a { border-bottom: 1px solid currentColor; }

.zad-newsletter__action { display: flex; gap: 1rem; align-items: center; margin-top: 1.25rem; }
.zad-newsletter button {
  min-height: 3rem;
  border: 1px solid #3156d8;
  border-radius: 0;
  background: #3156d8;
  padding: .75rem 1.35rem;
  color: #fff;
  font: inherit;
  font-size: .78rem;
  font-weight: 600;
  cursor: pointer;
}
.zad-newsletter button:hover { border-color: #fff; background: #fff; color: #1b1c1e; }
.zad-newsletter button:disabled { cursor: wait; opacity: .65; }
.zad-newsletter__status { margin: 0; color: #b8bcc3; font-size: .75rem; }
.zad-newsletter [data-state="success"] .zad-newsletter__status { color: #77d99a; }
.zad-newsletter [data-state="error"] .zad-newsletter__status { color: #ff8f8f; }
.zad-newsletter__trap { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

@media (max-width: 800px) {
  .zad-newsletter__inner { width: min(100% - 2rem, 78rem); }
  .zad-newsletter__tiers { grid-template-columns: 1fr; }
  .zad-newsletter__tier + .zad-newsletter__tier { border-inline-start: 0; border-top: 1px solid #555a63; }
  .zad-newsletter__fields { grid-template-columns: 1fr; }
  .zad-newsletter__action { align-items: stretch; flex-direction: column; }
  .zad-newsletter button { width: 100%; }
}