.elementor-3238 .elementor-element.elementor-element-68216b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3238 .elementor-element.elementor-element-5ba8c69{--display:flex;}.elementor-3238 .elementor-element.elementor-element-7587c54 > .elementor-widget-container{margin:150px 150px 150px 150px;}.elementor-3238 .elementor-element.elementor-element-74de171 > .elementor-widget-container{margin:150px 150px 150px 150px;}/* Start custom CSS for html, class: .elementor-element-7587c54 */.elementor-3238 .elementor-element.elementor-element-7587c54 .gradient-text {
    display: inline-block;
    background: linear-gradient(
        90deg,
        #5EA8FF,
        #8A6CFF,
        #FF4FD8,
        #FF6A6A,
        #5EA8FF
    );
    background-size: 300% 300%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    animation: gradientMove 6s ease infinite;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74de171 */<style>
#embedded-form-container {
  text-align: center;
  width: auto;
  margin: 0 auto;
  max-width: 750px;
}
#embedded-form-container *, #embedded-form-container *::before, #embedded-form-container *::after {
  box-sizing: border-box;
}
#Titlestyle {
  width: auto;
  margin: 0 0 24px;
  text-align: center;
}
#embeddedFormTitle {
  font-size: 30px;
  color: #f5f5f5;
  padding: 0px;
  margin: 0;
  font-weight: 800;
  line-height: 1.25;
}
#embeddedFormSubtitle {
  font-size: 14px;
  color: #f5f5f5;
  margin: 6px 0 0;
  line-height: 1.5;
}
#embeddedForm {
  white-space: normal;
  background-color: transparent;
  border-radius: 12px;
  padding: 30px;
  box-shadow: none;
  border: none;
}
#embeddedformfields {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 20px;
  column-gap: 20px;
}
#embeddedformfields input {
  width: 45%;
  flex-grow: 1;
  font-size: 15px;
  padding: 12px;
  border-radius: 8px;
  color: #ffffff;
  background-color: #ffffff;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
  border: 1.5px solid #ffffff;
}
#embeddedformfields input::placeholder {
  color: #3b3b3b;
}
#embeddedformfields input:focus,
#embeddedformfields input:focus-visible {
  background-color: transparent;
  outline: none;
  border-color: #7c3aed;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.18);
}
/* ==============================
   AUDIT BUTTON - ANIMATED GRADIENT
   ============================== */

#embeddedForm button[type="submit"] {
    font-size: 14px;
    padding: 12px 24px;
    border-radius: 8px;
    border: 1px solid transparent;

    /* Animated gradient */
    background: linear-gradient(
        90deg,
        #5EA8FF,
        #8A6CFF,
        #FF4FD8,
        #FF6A6A,
        #5EA8FF
    );

    background-size: 300% 300%;
    background-position: 0% 50%;

    color: #ffffff;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    width: 100%;

    /* Smooth gradient animation */
    animation: buttonGradientMove 10s ease infinite;

    /* Smooth hover transition */
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


/* Gradient movement */
@keyframes buttonGradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


/* ==============================
   HOVER
   White background + black text
   ============================== */

#embeddedForm button[type="submit"]:hover {
    background: #ffffff;
    background-image: none;
    color: #000000;
    border-color: #ffffff;
    animation: none;
}


/* Make sure text stays black on hover */
#embeddedForm button[type="submit"]:hover {
    -webkit-text-fill-color: #000000;
}
#embeddedForm button[type="submit"]:disabled {
  opacity: .65;
  cursor: progress;
}
#embeddedFormStatus {
  width: 100%;
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
#embeddedFormStatus:empty {
  display: none;
}
#embeddedFormStatus.is-success {
  color: #15803d;
}
#embeddedFormStatus.is-error {
  color: #b91c1c;
}
</style>
<script>
(function () {
  function initEmbeddedAuditForm() {
    var form = document.getElementById('embeddedForm');
    if (!form || form.dataset.bound) return;
    form.dataset.bound = '1';
 
    var statusEl = document.getElementById('embeddedFormStatus');
    var button = form.querySelector('button[type="submit"]');
    var idleLabel = button ? button.innerHTML : '';
 
    form.addEventListener('submit', function (e) {
      e.preventDefault();
 
      if (statusEl) { statusEl.className = ''; statusEl.textContent = ''; }
      if (button) { button.disabled = true; button.innerHTML = "Auditing…"; }
 
      fetch("https://tistasoft.herokuapp.com/auditor/lead/lead-generation-service/", { method: 'POST', body: new FormData(form) })
        .then(function (response) { return response.json(); })
        .then(function (data) {
          form.reset();
          var message = (data && data.message) ? data.message : "Thanks! Your report is on its way.";
          if (statusEl) { statusEl.className = 'is-success'; statusEl.textContent = message; }
          else { alert(message); }
        })
        .catch(function (error) {
          console.error('Audit form error:', error);
          if (statusEl) { statusEl.className = 'is-error'; statusEl.textContent = "Something went wrong. Please try again."; }
          else { alert("Something went wrong. Please try again."); }
        })
        .then(function () {
          if (button) { button.disabled = false; button.innerHTML = idleLabel; }
        });
    });
  }
 
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initEmbeddedAuditForm);
  } else {
    initEmbeddedAuditForm();
  }
})();
</script>
<div id="embedded-form-container">
<form id="embeddedForm">
<div id="Titlestyle">
<h3 id="embeddedFormTitle">Audit Your  <span class="gradient-text">Website's </span> SEO Now!</h3>
<p id="embeddedFormSubtitle">Get a free, in-depth report in your inbox in under a minute.</p>
</div>
<div id="embeddedformfields">
<input type="hidden" name="client" value="20260731163225-cdf4368729cb416d9c7a6af77b151dd6" />
<input type="text" id="website" name="website" placeholder="Website" required>
<input type="email" id="email" name="email" placeholder="Email" required>
<input type="text" id="Your_name" name="Your_name" placeholder="Your name">
<button type="submit">Run my free audit</button>
<div id="embeddedFormStatus"></div>
</div>
</form>
</div>/* End custom CSS */