/* FuturoFood subscriber capture — behaviour in capture.js */

/* ── Desktop exit-intent popup ── */
.cap-overlay{position:fixed;inset:0;z-index:140;display:flex;align-items:center;justify-content:center;padding:1.5rem;
  background:rgba(5,8,5,.72);backdrop-filter:blur(3px);animation:cap-in .2s ease}
@keyframes cap-in{from{opacity:0}to{opacity:1}}
.cap-dialog{position:relative;width:min(520px,100%);padding:2.25rem 2rem 1.75rem;background:#111A11;
  border:1px solid rgba(232,245,224,.14);border-top:3px solid #4ADE80;box-shadow:0 30px 80px rgba(0,0,0,.6);color:#E8F5E0}
.cap-close{position:absolute;top:.5rem;right:.6rem;width:2.25rem;height:2.25rem;background:none;border:none;cursor:pointer;
  color:rgba(232,245,224,.55);font-size:1.5rem;line-height:1}
.cap-close:hover,.cap-close:focus-visible{color:#E8F5E0;outline:none}
.cap-eyebrow{display:block;margin-bottom:.8rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#4ADE80}
.cap-title{margin:0 0 1.4rem;font-family:'Playfair Display',Georgia,serif;font-size:1.55rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.cap-form{display:flex;gap:.5rem}
.cap-form input,.dock-form input{flex:1;min-width:0;background:#0A0F0A;border:1px solid rgba(232,245,224,.18);color:#E8F5E0;
  font-family:'DM Sans',system-ui,sans-serif;font-size:.95rem;padding:.8rem .9rem;outline:none;border-radius:0}
.cap-form input:focus,.dock-form input:focus{border-color:#4ADE80}
.cap-submit{background:#4ADE80;color:#0A0F0A;border:none;cursor:pointer;white-space:nowrap;
  font-family:'JetBrains Mono',monospace;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1.1rem}
.cap-submit:hover{background:#6EE89A}
.cap-submit:disabled{opacity:.6;cursor:default}
.cap-note{margin:.8rem 0 0;font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.04em;color:rgba(232,245,224,.5)}
.cap-note.is-error{color:#FF6B35}
.cap-note.is-ok{color:#4ADE80}
@media(prefers-reduced-motion:reduce){.cap-overlay{animation:none}}

/* ── Subscribe field inside the phone bar ── */
.dock-form{width:100%;padding:.15rem 0 .55rem;border-bottom:1px solid rgba(232,245,224,.1);margin-bottom:.5rem}
.dock-pitch{margin:0 0 .5rem;font-family:'DM Sans',system-ui,sans-serif;font-size:.82rem;line-height:1.4;color:rgba(232,245,224,.85)}
.dock-form-row{display:flex;gap:.4rem}
.dock-form .cap-note{margin-top:.4rem}