/* SLID Newsletter — signup form.
   .slidnl--dark sits on the dark bands (Knowledge hub), .slidnl--light on white. */
.slidnl{--nl-gold:#FBA92D;--nl-gold-h:#ffb945;--nl-ink:#15161A;--nl-body:#5b5f66;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.slidnl *,.slidnl *::before,.slidnl *::after{box-sizing:border-box}
.slidnl__form{margin:0}
.slidnl__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.slidnl__fields{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.slidnl__field{flex:1 1 190px;min-width:0;position:relative}
.slidnl__label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.slidnl__input{
  width:100%;height:52px;border-radius:100px;padding:0 22px;font-size:14.5px;font-weight:400;
  font-family:inherit;outline:0;box-shadow:none;transition:border-color .2s ease,background .2s ease;
}
.slidnl__btn{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:52px;padding:0 30px;border:0;border-radius:100px;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.01em;
  background:var(--nl-gold);color:#3a2600;box-shadow:0 6px 18px rgba(251,169,45,.32);
  transition:background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.slidnl__btn:hover{background:var(--nl-gold-h);transform:translateY(-1px)}
.slidnl__btn:disabled{opacity:.65;cursor:default;transform:none}
.slidnl__btn-ico{flex:none}

/* spinner shown while the request is in flight */
.slidnl__spin{display:none;width:15px;height:15px;border-radius:50%;
  border:2px solid rgba(58,38,0,.28);border-top-color:#3a2600;animation:slidnl-spin .7s linear infinite}
.slidnl.is-busy .slidnl__btn-ico{display:none}
.slidnl.is-busy .slidnl__spin{display:block}
@keyframes slidnl-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.slidnl__spin{animation-duration:2s}}

/* messages */
.slidnl__msg{margin:0;font-size:13.5px;font-weight:600;line-height:1.5;max-height:0;overflow:hidden;
  transition:max-height .25s ease,margin .25s ease}
.slidnl__msg.is-ok,.slidnl__msg.is-err{max-height:6em;margin-top:14px}
.slidnl__msg.is-ok{color:#2FA35F}
.slidnl__msg.is-err{color:#E5533D}
.slidnl__note{margin:14px 0 0;font-size:12px;font-weight:300;line-height:1.5}

/* ---- dark band ---- */
.slidnl--dark .slidnl__input{
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff}
.slidnl--dark .slidnl__input::placeholder{color:rgba(255,255,255,.42)}
.slidnl--dark .slidnl__input:focus{border-color:var(--nl-gold);background:rgba(255,255,255,.1)}
.slidnl--dark .slidnl__note{color:rgba(255,255,255,.55)}
.slidnl--dark .slidnl__msg.is-ok{color:#7BE0A6}
.slidnl--dark .slidnl__msg.is-err{color:#FF9B8A}

/* ---- light section ---- */
.slidnl--light .slidnl__input{border:1px solid #e3e0da;background:#fff;color:var(--nl-ink)}
.slidnl--light .slidnl__input::placeholder{color:#8b9098}
.slidnl--light .slidnl__input:focus{border-color:var(--nl-gold)}
.slidnl--light .slidnl__note{color:var(--nl-body)}

@media (max-width:560px){
  .slidnl__fields{flex-direction:column}
  .slidnl__field{flex:1 1 auto}
  .slidnl__btn{width:100%}
}