html,
body {
  min-height: 100%;
}

body.get-free-trial-page {
  position: relative;
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  color: #272d34;
  font-family: "Encode Sans", Arial, Helvetica, sans-serif;
  background:
    radial-gradient(circle at 37% 9%, rgba(255, 255, 255, 0.58), transparent 18%),
    linear-gradient(180deg, #fff9f5 0%, #ffe5d8 58%, #ffd2bc 100%);
}

.get-free-trial-page::before {
  position: fixed;
  z-index: 0;
  top: -54px;
  left: 30%;
  width: 166px;
  height: 166px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 50%;
  content: '';
  pointer-events: none;
}

.get-free-trial-brand {
  position: fixed;
  top: 38px;
  left: clamp(60px, 6vw, 100px);
  z-index: 3;
  text-align: center;
}

.get-free-trial-logo {
  width: 195px;
  height: auto;
}

.get-free-trial-brand p {
  margin: -7px 0 0;
  color: #5c5d5d;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.get-free-trial-brand p span {
  padding: 0 5px;
  color: #f16b3d;
}

.get-free-trial-intro {
  position: fixed;
  top: 23.5%;
  left: clamp(60px, 6.8vw, 114px);
  z-index: 2;
  width: min(26vw, 360px);
}

.get-free-trial-intro h2 {
  margin: 0;
  color: #282e35;
  font-size: clamp(35px, 2.65vw, 45px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -1.2px;
}

.get-free-trial-intro h2 strong {
  color: #f05427;
  font-weight: 700;
}

.get-free-trial-intro > p {
  max-width: 325px;
  margin: 18px 0 0;
  color: #525960;
  font-size: clamp(16px, 1.18vw, 20px);
  line-height: 1.35;
}

.get-free-trial-benefits {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 124px 0 0;
  list-style: none;
}

.get-free-trial-benefits li {
  flex: 0 0 30%;
  color: #20252a;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}

.get-free-trial-benefit-icon {
  position: relative;
  z-index: 2;
  display: grid;
  width: 60px;
  height: 60px;
  margin: 0 auto 9px;
  color: #ff6a2d;
  background: #ffe6dc;
  border-radius: 22px;
  place-items: center;
}

.get-free-trial-benefit-icon svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.2;
}

.get-free-trial-wave {
  position: fixed;
  z-index: 1;
}

.get-free-trial-wave::before,
.get-free-trial-wave::after {
  position: absolute;
  z-index: 1;
}

.get-free-trial-wave,
.get-free-trial-wave::before,
.get-free-trial-wave::after {
  border-radius: 50%;
  content: '';
  pointer-events: none;
}

.get-free-trial-wave {
  top: 78vh;
  bottom: auto;
  left: -190px;
  width: 1050px;
  height: 430px;
  background: linear-gradient(105deg, rgba(255, 122, 53, 0.78), rgba(255, 189, 143, 0.16));
  transform: rotate(6deg);
}

.get-free-trial-wave::before {
  inset: -35px -220px 80px 120px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.3);
}

.get-free-trial-wave::after {
  inset: -72px -300px 155px 245px;
  border: 1px solid rgba(255, 255, 255, 0.68);
  background: rgba(255, 255, 255, 0.15);
}

.get-free-trial-visual {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 33.333vw;
  overflow: hidden;
  pointer-events: none;
}

.get-free-trial-visual img {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100vw;
  max-width: none;
  height: 100vh;
  object-fit: fill;
}

.get-free-trial-form-shell {
  position: relative;
  z-index: 4;
  display: grid;
  min-height: 100vh;
  padding: 70px 20px 32px;
  place-items: center;
}

.get-free-trial-form-shell .get-free-trial-form {
  box-sizing: border-box;
  width: 100%;
  max-width: 560px;
  min-height: min(680px, 72.3vh);
  padding: 10px;
  margin: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(70, 56, 49, 0.14);
}

.get-free-trial-form .trackwick-public-form {
  width: 100%;
  min-width: 0;
}

.get-free-trial-form .form-box {
  width: 100%;
}

.get-free-trial-form-header {
  padding: 14px 10px 4px;
}

.get-free-trial-form-header h1 {
  margin: 0;
  color: #b62521;
  font-family: "Encode Sans", Arial, Helvetica, sans-serif;
  font-size: clamp(22px, 1.67vw, 28px);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  background: linear-gradient(90deg, #b62521 0%, #ff5a17 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (min-width: 1280px) {
  body.get-free-trial-page {
    height: 100vh;
    overflow: hidden;
  }

  .get-free-trial-form-shell {
    box-sizing: border-box;
    height: 100vh;
    min-height: 0;
    padding: 38px 20px 8px;
    place-items: start center;
  }

  .get-free-trial-form-shell .get-free-trial-form {
    width: min(560px, 33.333vw);
    max-height: calc(100vh - 46px);
    overflow: hidden;
  }
}

/* The remote widget supplies its own heading; this page uses the branded
   heading above while retaining the same form fields and submission flow. */
.get-free-trial-form .trackwick_public_form_header-layout {
  display: none;
}

.get-free-trial-form .ant-input,
.get-free-trial-form .ant-input-number,
.get-free-trial-form .ant-input-affix-wrapper,
.get-free-trial-form .ant-select-selector,
.get-free-trial-form .trackwick_public_form_form-control,
.get-free-trial-form .react-tel-input .form-control,
.get-free-trial-form .react-tel-input .flag-dropdown {
  border-color: #7a7a7a !important;
}

.get-free-trial-form .trackwick_public_form_submit-btn,
.get-free-trial-form .trackwick_public_form_submit-btn > * {
  justify-content: center !important;
  text-align: center;
}

.get-free-trial-form .trackwick_public_form_submit-btn > * {
  width: 100%;
  padding-right: 0 !important;
}

.get-free-trial-form .trackwick_public_form_submit-btn button[type="submit"] {
  width: 100%;
  min-height: clamp(48px, 3.35vw, 56px);
  padding: 14px 24px !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  background: linear-gradient(90deg, #b62521 0%, #ff5a17 100%) !important;
  border-color: #c83220 !important;
  border-radius: 5px !important;
}

.get-free-trial-form .trackwick_public_form_submit-btn button[type="submit"]:hover,
.get-free-trial-form .trackwick_public_form_submit-btn button[type="submit"]:focus {
  background: linear-gradient(90deg, #a8201d 0%, #e94c12 100%) !important;
  border-color: #ac251c !important;
}

.get-free-trial-form .trackwick_public_form_footer-layout,
.get-free-trial-form .trackwick_public_form_footer-layout * {
  text-align: center !important;
}

@media (max-width: 1279px) {
  body.get-free-trial-page {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .get-free-trial-page::before,
  .get-free-trial-intro,
  .get-free-trial-wave,
  .get-free-trial-visual {
    display: none;
  }

  .get-free-trial-brand {
    position: static;
    padding: 14px 18px 0;
    text-align: left;
  }

  .get-free-trial-logo {
    width: 145px;
  }

  .get-free-trial-brand p {
    display: none;
  }

  .get-free-trial-form-shell {
    min-height: calc(100vh - 68px);
    padding: 16px 12px 24px;
  }

  .get-free-trial-form-shell .get-free-trial-form {
    min-height: 0;
    padding: 8px;
    border-radius: 8px;
  }

  .get-free-trial-form-header {
    padding: 12px 8px 4px;
  }

  .get-free-trial-form-header h1 {
    font-size: 24px;
  }
}

@media (max-width: 575px) {
  .get-free-trial-form-header h1 {
    font-size: 20px;
  }
}