.bdi-followup {
  box-sizing: border-box;
  width: 100%;
  margin-top: 14px;
  padding: 18px;
  border: 1px solid rgba(24, 48, 47, .14);
  border-radius: 14px;
  color: #18302f;
  background: #f8f4ec;
  box-shadow: 0 10px 28px rgba(24, 48, 47, .08);
  text-align: left;
  animation: bdi-followup-in .2s ease-out;
}

.bdi-followup__heading { display: block; margin: 0 0 4px; font-size: 18px; line-height: 1.3; }
.bdi-followup__message { margin: 0 0 12px; color: rgba(24, 48, 47, .72); font-size: 14px; line-height: 1.5; }
.bdi-followup__form { display: flex; gap: 8px; margin: 0; }
.bdi-followup__form input[type="email"] { box-sizing: border-box; flex: 1; min-width: 0; height: 44px; margin: 0; padding: 0 13px; border: 1px solid rgba(24, 48, 47, .25); border-radius: 8px; color: #18302f; background: #fff; font: inherit; }
.bdi-followup__form button { min-height: 44px; margin: 0; padding: 0 17px; border: 0; border-radius: 8px; color: #fff; background: #18302f; font: inherit; font-weight: 700; cursor: pointer; white-space: nowrap; }
.bdi-followup__form button:disabled { cursor: wait; opacity: .65; }
.bdi-followup__privacy { display: block; margin-top: 9px; color: rgba(24, 48, 47, .58); font-size: 11px; line-height: 1.4; }
.bdi-followup__privacy a { color: inherit; text-decoration: underline; }
.bdi-followup__result { margin: 8px 0 0; font-size: 13px; font-weight: 600; }
.bdi-followup__result[data-success="true"] { color: #2e7d73; }
.bdi-followup__result[data-success="false"] { color: #b32d2e; }
.bdi-followup__trap { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.bdi-followup .screen-reader-text { position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); white-space: nowrap; }

@keyframes bdi-followup-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 560px) {
  .bdi-followup__form { flex-direction: column; }
  .bdi-followup__form button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .bdi-followup { animation: none; }
}