/* Wrapper */
.newsletter-wrapper {
  background: linear-gradient(89.67deg, #B3FFE3 0.2%, #98E6FF 97.13%);
  padding: 40px 20px;
}



.newsletter-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}



.newsletter-title {
  font-size: 48px;
  font-weight: 500;
  color: #111111;
  margin: 0;
}



.newsletter-subtitle {
  font-size: 32px;
  color: #686A6A;
  margin: -10px 0 24px;
  font-weight: 400;
}



/* ============================= */
/* HUBSPOT FORM – FINAL FIX */
/* ============================= */



/* Hide label */
.newsletter-form label {
  display: none !important;
}



/* Form container */
.newsletter-form form {
/*   position: relative;
  max-width: 900px;
  margin: 0 auto; */
  position: relative;
  width: 640px;          /* 👈 control field width here */
  max-width: 100%;
  margin: 0 auto;
}



/* Remove HubSpot spacing */
.newsletter-form .hs-form-field,
.newsletter-form .hs_submit {
  margin: 0 !important;
  padding: 0 !important;
}



/* Input wrapper */
.newsletter-form .hs-form-field {
  width: 100%;
}



/* Email input */
.newsletter-form input[type="email"] {
  width: 100% !important;
  height: 62px;
  padding: 0 180px 0 24px;
  font-size: 16px;
  border:none;
  border-radius: 999px;
  outline: none;
  box-shadow: none;
  background:#FFFFFF;
}



/* Placeholder */
.newsletter-form input::placeholder {
  color: #00000033;
}



/* Submit wrapper */
.newsletter-form .hs_submit {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}



/* Submit button (NO color change) */
.newsletter-form .hs-button {
  background: linear-gradient(90deg, #2FF6EE 4.4%, #6BC8F4 97.48%);
  color: #fff;
  font-weight:600;
  border: none;
  padding: 15px 35px;
  font-size: 16px;
  border-radius: 40px;
  cursor: pointer;
}



/* Hover stays same */
.newsletter-form .hs-button:hover {
  background: linear-gradient(90deg, #2FF6EE 4.4%, #6BC8F4 97.48%);
}



/* Remove HubSpot error box */
.newsletter-form .hs_error_rollup {
  display: none;
}



/* Box sizing safety */
.newsletter-form *,
.newsletter-form *::before,
.newsletter-form *::after {
  box-sizing: border-box;
}



/* ============================= */
/* MOBILE RESPONSIVE */
/* ============================= */



@media (max-width: 600px) {
  .newsletter-form form {
    display: block;
  }
 .newsletter-form form{
   width:339px;
  }
  
  .newsletter-subtitle{
    font-size:19px;
    line-height:29px;
  }

  .newsletter-title{
    font-size:34px;
  }
  .newsletter-form .hs_submit {
    position: static;
    transform: none;
    margin-top: 12px;
  }



  .newsletter-form input[type="email"] {
    padding-right: 24px;
  }



  .newsletter-form .hs-button {
    width: 100%;
  }
}

.newsletter-form .hs-error-msgs,
.newsletter-form .hs-error-msgs ul,
.newsletter-form .hs-error-msgs li,
.newsletter-form .hs-field-desc,
.newsletter-form .inputs-list {
  position: absolute !important;
  left: -9999px !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
.newsletter-form ul,
.newsletter-form li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Prevent focus/blur reflow */
.newsletter-form .hs-form-field:focus-within {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}