/* index.html only. The visual foundation is the supplied design-preview CSS
   (style.css, imported by refinements.css) -- this file adds ONLY the things
   the preview didn't have to solve, chiefly the real Brevo signup form
   (the preview used a placeholder link back to the live site instead).
   Deliberately small: anything that belongs to the shared look lives in
   style.css so it stays identical to the approved preview. */

.signup-inner{max-width:760px;margin:0 auto}

/* Brevo signup form. Classes are doubled up in the markup -- the
   presentational .signup-* names here plus the original .notify-* names the
   page's submit script queries -- so the working form keeps working without
   the script needing to know anything about the redesign. */
.signup-form-wrap{max-width:490px;margin:28px auto 0}
.signup-form-row{display:flex;gap:10px}
.signup-email{
  flex:1;min-width:0;padding:15px 16px;
  background:#0d2a1c;border:1px solid #4a6450;border-radius:5px;
  color:#fff6df;font-size:15px;font-family:'DM Sans',Arial,sans-serif;
  outline:none;transition:border-color .15s;
}
.signup-email::placeholder{color:#93a292}
.signup-email:focus{border-color:var(--gold)}
.signup-submit{white-space:nowrap}
.signup .signup-note{margin-top:18px}
.signup-note a{border-bottom:1px solid #c4cebc}

@media(max-width:600px){
  .signup-form-row{flex-direction:column}
}