:root {
  --talk-scale: 1;
  --talk-blue: #0027ff;
  --talk-muted: #b4b5be;
  --talk-copy-muted: #898a95;
  --talk-line: #d6d8df;
}

body.talk-body {
  background: #fff;
  color: #000;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  margin: 0;
  overflow-x: hidden;
}

.talk-scaled-page {
  background: #fff;
  min-height: calc(3200px * var(--talk-scale, 1));
  overflow: hidden;
  position: relative;
  width: 100%;
}

.talk-canvas {
  background: #fff;
  height: 3200px;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(var(--talk-scale));
  transform-origin: top left;
  width: 1680px;
}

.talk-canvas section,
.talk-canvas header,
.talk-canvas footer,
.talk-canvas form,
.talk-canvas div,
.talk-canvas h1,
.talk-canvas p,
.talk-canvas button,
.talk-canvas input,
.talk-canvas label,
.talk-canvas select,
.talk-canvas span,
.talk-canvas textarea,
.talk-canvas details,
.talk-canvas summary,
.talk-canvas ul,
.talk-canvas li {
  position: absolute;
}

.talk-form-section {
  background: #fff;
  height: 1840px;
  left: 0;
  top: 0;
  width: 1680px;
}

.talk-title {
  color: #000;
  font-size: 70px;
  font-weight: 400;
  left: 60px;
  line-height: normal;
  margin: 0;
  text-align: center;
  top: 225px;
  width: 1560px;
}

.talk-intro {
  color: #000;
  font-size: 30px;
  font-weight: 400;
  left: 860px;
  line-height: normal;
  margin: 0;
  top: 495px;
  width: 450px;
}

.talk-form {
  height: 1010px;
  left: 0;
  top: 0;
  width: 1680px;
}

.talk-field {
  border-top: 1px solid var(--talk-line);
  height: 90px;
  left: 60px;
  outline: 0;
  width: 1560px;
}

.talk-field:focus-within {
  border-top-color: #000;
}

.talk-label {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  left: 0;
  line-height: normal;
  top: 20px;
  width: 420px;
}

.talk-value {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  left: 800px;
  line-height: normal;
  top: 20px;
  width: 650px;
}

.talk-control {
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #000;
  font-family: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
}

.talk-control::placeholder {
  color: var(--talk-muted);
  opacity: 1;
}

.talk-control:invalid {
  box-shadow: none;
}

select.talk-control:invalid {
  color: var(--talk-muted);
}

.talk-control option {
  color: #000;
}

.talk-message-control {
  height: 58px;
  line-height: 24px;
  resize: none;
}

.talk-dropdown {
  height: 34px;
  left: 800px;
  top: 20px;
  width: 650px;
  z-index: 4;
}

.talk-dropdown summary {
  cursor: pointer;
  display: inline-block;
  list-style: none;
  outline: 0;
  position: relative;
}

.talk-dropdown summary::-webkit-details-marker {
  display: none;
}

.talk-select .talk-value {
  cursor: pointer;
  padding-right: 32px;
}

.talk-select-arrow {
  border-bottom: 1.5px solid #000;
  border-right: 1.5px solid #000;
  height: 8px;
  left: 1426px;
  pointer-events: none;
  top: 25px;
  transform: rotate(45deg);
  width: 8px;
}

.talk-options {
  backdrop-filter: blur(20px);
  background: rgba(0, 0, 0, 0.32);
  border-radius: 20px;
  display: none;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 18px 0;
  top: 38px;
  width: 340px;
  z-index: 12;
}

.talk-dropdown[open] .talk-options {
  display: block;
}

.talk-options li {
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  height: 34px;
  left: 0;
  line-height: 34px;
  padding: 0 22px;
  position: relative;
  top: auto;
  transition: background-color var(--motion-fast) var(--motion-ease);
  width: 100%;
}

.talk-options li:hover {
  background: rgba(255, 255, 255, 0.08);
}

.talk-field-employees .talk-options {
  width: 190px;
}

.talk-field-paye .talk-options {
  width: 250px;
}

.talk-field-name { top: 689px; }
.talk-field-email { top: 779px; }
.talk-field-company { top: 869px; }
.talk-field-role { top: 959px; }
.talk-field-employees { top: 1049px; }
.talk-field-method { top: 1139px; }
.talk-field-paye { top: 1229px; }
.talk-field-message { top: 1319px; }

.talk-send {
  align-items: flex-start;
  background: transparent;
  border: 0;
  color: #000;
  cursor: pointer;
  display: flex;
  font-family: inherit;
  font-size: 100px;
  font-weight: 400;
  height: 120px;
  left: 860px;
  line-height: 120px;
  padding: 0;
  top: 1480px;
  width: 320px;
}

.talk-send span {
  position: static;
}

.talk-send img {
  --fill-0: #000;
  filter: brightness(0);
  height: 45px;
  margin-left: 24px;
  margin-top: 38px;
  max-width: none;
  position: static;
  width: 45px;
}

.talk-status {
  color: var(--talk-copy-muted);
  font-size: 15px;
  font-weight: 400;
  left: 860px;
  line-height: 24px;
  margin: 0;
  top: 1604px;
  width: 450px;
}

.talk-footer {
  top: 1840px;
}

.motion-enabled .talk-canvas [data-motion] {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition:
    opacity 640ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 640ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--motion-delay, 0ms);
}

.motion-enabled .talk-canvas [data-motion].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.motion-enabled .talk-send,
.motion-enabled .talk-canvas [data-site-footer] .footer-talk {
  transition:
    opacity var(--motion-fast) var(--motion-ease),
    transform var(--motion-fast) var(--motion-ease);
}

.motion-enabled .talk-send:hover,
.motion-enabled .talk-canvas [data-site-footer] .footer-talk[data-motion].is-visible:hover {
  transform: translate3d(3px, 0, 0);
}

@media (max-width: 1100px) {
  .talk-scaled-page {
    min-height: calc(2937px * var(--talk-scale, 1));
  }

  .talk-canvas {
    height: 2937px;
    transform: scale(var(--talk-scale));
    width: 440px;
  }

  .motion-enabled .talk-canvas [data-motion] {
    opacity: 1;
    transform: none;
  }

  .talk-form-section,
  .talk-footer {
    left: 0;
    width: 440px;
  }

  .talk-form-section {
    height: 1497px;
  }

  .talk-header {
    height: 70px;
    width: 440px;
  }

  .talk-header::after {
    width: 440px;
  }

  .talk-title {
    font-size: 30px;
    font-weight: 700;
    left: 15px;
    line-height: normal;
    text-align: left;
    top: 128px;
    width: 367px;
  }

  .talk-title br {
    display: none;
  }

  .talk-intro {
    color: var(--talk-copy-muted);
    font-size: 20px;
    left: 15px;
    line-height: normal;
    top: 246px;
    width: 290px;
  }

  .talk-form {
    height: 1150px;
    width: 440px;
  }

  .talk-field {
    height: 100px;
    left: 15px;
    width: 410px;
  }

  .talk-label {
    font-size: 13px;
    left: 0;
    top: 14px;
    width: 320px;
  }

  .talk-value {
    font-size: 18px;
    left: 0;
    top: 45px;
    width: 410px;
  }

  .talk-dropdown {
    left: 0;
    top: 45px;
    width: 410px;
  }

  .talk-select .talk-value {
    padding-right: 32px;
    width: 410px;
  }

  .talk-select-arrow {
    height: 7px;
    left: 397px;
    top: 6px;
    width: 7px;
  }

  .talk-options {
    border-radius: 18px;
    padding: 14px 0;
    top: 34px;
    width: 340px;
  }

  .talk-options li {
    font-size: 15px;
    height: 34px;
    line-height: 34px;
    padding: 0 18px;
  }

  .talk-field-employees .talk-options,
  .talk-field-paye .talk-options {
    width: 250px;
  }

  .talk-field-message .talk-value {
    width: 400px;
  }

  .talk-field-name { top: 371px; }
  .talk-field-email { top: 471px; }
  .talk-field-company { top: 571px; }
  .talk-field-role { top: 671px; }
  .talk-field-employees { top: 771px; }
  .talk-field-method { top: 871px; }
  .talk-field-paye { top: 971px; }
  .talk-field-message { top: 1071px; }

  .talk-send {
    font-size: 100px;
    height: 120px;
    left: 15px;
    line-height: 120px;
    top: 1218px;
    width: 315px;
  }

  .talk-send img {
    height: 45px;
    margin-left: 14px;
    margin-top: 38px;
    width: 45px;
  }

  .talk-status {
    font-size: 14px;
    left: 15px;
    line-height: 22px;
    top: 1345px;
    width: 390px;
  }

  .talk-footer {
    top: 1497px;
  }
}