  @font-face {
    font-display: block;
    font-family: Roboto;
    src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
  }

  @font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 600;
    src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
  }

  @font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 700;
    src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
  }

 #sib-container input:-ms-input-placeholder {
   text-align: left;
   font-family: Helvetica, sans-serif;
   color: #9aa0a6;  /* lighter gray for hint text */
 }

 #sib-container input::placeholder {
   text-align: left;
   font-family: Helvetica, sans-serif;
   color: #9aa0a6;  /* same here */
 }

 #sib-container textarea::placeholder {
   text-align: left;
   font-family: Helvetica, sans-serif;
   color: #9aa0a6;  /* keep consistent */
 }

 #sib-container input {
   color: #f0f3f6;  /* add this for actual typed text */
 }
 
 #sib-container .input,
 #sib-container input[type="email"],
 #sib-container input[type="text"] {
   color: #f0f3f6 !important;     /* typed text */
   caret-color: #f0f3f6 !important;
   background-color: #111317 !important;
   border: 1px solid #2b3646 !important;
 }

/* Placeholder (all browsers) — keep it lighter than typed text */
#sib-container .input::placeholder,
#sib-container input::placeholder,
#sib-container textarea::placeholder {
  color: #9aa0a6 !important;     /* hint */
  opacity: 1 !important;         /* Safari */
}

/* Legacy engines */
#sib-container .input::-webkit-input-placeholder { color:#9aa0a6 !important; }
#sib-container .input::-moz-placeholder        { color:#9aa0a6 !important; }
#sib-container .input:-ms-input-placeholder    { color:#9aa0a6 !important; }
#sib-container .input::-ms-input-placeholder   { color:#9aa0a6 !important; }