html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961968_Barlow-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96196f_Barlow-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961999_Barlow-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96193e_Barlow-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961938_Barlow-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96196e_BarlowCondensed-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961995_BarlowCondensed-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96196a_BarlowCondensed-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961970_BarlowCondensed-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961dd3_Barlow-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961dd6_Barlow-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961dd2_Barlow-BoldItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961f90_Barlow-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961dd4_Barlow-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961dd7_BarlowSemiCondensed-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ddb_BarlowCondensed-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961dfb_BarlowSemiCondensed-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961f8e_Barlow-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961f91_Barlow-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961f8f_Barlow-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961f92_Barlow-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fb1_BarlowSemiCondensed-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fb4_BarlowSemiCondensed-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fb3_BarlowSemiCondensed-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fb8_BarlowSemiCondensed-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fb6_BarlowSemiCondensed-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fba_BarlowSemiCondensed-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fb9_BarlowSemiCondensed-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fbd_BarlowSemiCondensed-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fbf_BarlowCondensed-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fc0_BarlowCondensed-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fbe_BarlowCondensed-BoldItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96200a_BarlowCondensed-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fc1_BarlowCondensed-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96200b_BarlowCondensed-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fc2_BarlowCondensed-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96200c_BarlowCondensed-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow Condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96200d_BarlowCondensed-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fb5_BarlowSemiCondensed-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fbc_BarlowSemiCondensed-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fb7_BarlowSemiCondensed-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow Semi-condensed;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961fbb_BarlowSemiCondensed-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GT Flexa Mono;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962060_GT-Flexa-Mono-VF.woff2") format("woff2");
  font-weight: 120 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GT Flexa;
  src: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962061_GT-Flexa-VF.woff2") format("woff2");
  font-weight: 120 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --qaw-claws_color---neutral--neutral-b: var(--qaw-claws_🔒palette---basic--black);
  --qaw-claws_🔒palette---hyper--200-default: #3b3bef;
  --qaw-claws_fonts---font-family--display: "GT Flexa", Arial, sans-serif;
  --qaw-claws_color---neutral--neutral-w: var(--qaw-claws_🔒palette---basic--white);
  --qaw-claws_type---text-size--t-l1: 2.25rem;
  --qaw-claws_🔒palette---cyber--200-default: #0df2cc;
  --qaw-claws_🔒palette---pepto--200-default: #ffb8f5;
  --qaw-claws_🔒palette---tennis--200-default: #d7ff33;
  --qaw-claws_🔒palette---lycan--50: #363661;
  --qaw-claws_🔒palette---hyper--70: #b7c7f7;
  --qaw-claws_🔒palette---hyper--90: #7781f7;
  --qaw-claws_🔒palette---lycan--200-default: #0c0c29;
  --qaw-claws_🔒palette---basic--black: #000;
  --qaw-claws_🔒palette---gray--50: #f2f2f2;
  --qaw-claws_🔒palette---tennis--50: #f5ffe5;
  --qaw-claws_spacing---space--space-md: 2.5rem;
  --qaw-claws_spacing---space--space-sm: 1rem;
  --qaw-claws_🔒palette---cyber--100: #4dffde;
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws_type---text-size--t-l2: 2rem;
  --qaw-claws_spacing---space--space-xs: .75rem;
  --qaw-claws_type---text-size--t-l4: 1.5rem;
  --qaw-claws_🔒palette---basic--white: #fff;
  --qaw-claws_fonts---font-family--text: Inter, sans-serif;
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws---accent--accent-2);
  --qaw-claws_🔒palette---hyper--400: #160e8c;
  --qaw-claws_🔒palette---hyper--300: #2b2bb9;
  --qaw-claws_🔒palette---lycan--100: #1c1c47;
  --qaw-claws_🔒palette---hyper--80: #94a5f7;
  --qaw-claws_color---lycan--lycan-2: var(--qaw-claws_🔒palette---lycan--100);
  --qaw-claws_type---char-limit--t-char-limit: 65ch;
  --pink-3\<deleted\|variable-478f5ba6\>: #f4bdec;
  --white\<deleted\|variable-048857a3\>: white;
  --blue-5\<deleted\|variable-9774f60e\>: #3b3bef;
  --black-a10\<deleted\|variable-5a302120\>: #0000001a;
  --teal-3\<deleted\|variable-213a15ad\>: #aaf8eb;
  --teal-4\<deleted\|variable-789a7075\>: #0df2cc;
  --blue-8\<deleted\|variable-499ebd46\>: #262673;
  --pink-2\<deleted\|variable-aaaca5f0\>: #f8d3f2;
  --placeholder\<deleted\|variable-3b1b4b8f\>: #8781ff;
  --blue-6\<deleted\|variable-01bea543\>: #33c;
  --black\<deleted\|variable-8488b010\>: #151b26;
  --grey-2\<deleted\|variable-dc2f645f\>: #f2f4f7;
  --lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>: #0c0c29;
  --grey-1\<deleted\|variable-d2cce35a\>: #fafbfc;
  --blue-9\<deleted\|variable-627ad6bc\>: #1c1c4a;
  --grey-3\<deleted\|variable-766506ca\>: #e9ecf2;
  --_legacy---lycan--500-vivid\<deleted\|variable-5c21730c-44be-8c24-f472-75feebee1391\>: #206;
  --dark-teal\<deleted\|variable-d8a543d2\>: #2ac5b8;
  --qaw-claws_🔒palette---hyper--60: #d4ddf7;
  --_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>: #0c0c29;
  --accessible-components-dark-grey\<deleted\|variable-c4d8099c\>: #9b9b9b;
  --_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>: #d4ddf7;
  --accessible-components--dodger-blue\<deleted\|variable-61ffd3d7\>: #1378d1;
  --blue-4\<deleted\|variable-863f5c9f-7f37-fd0d-4ad9-4906b1450609\>: #6779eb;
  --_legacy---cyber--200-default\<deleted\|variable-5a005220-5615-3e13-53d0-b2a61a693789\>: #0df2cc;
  --_legacy---lycan--100\<deleted\|variable-86b33a52-9e97-45fe-97e7-a44d9cbf023b\>: #1c1c47;
  --_legacy---pepto--200-default\<deleted\|variable-75446cab-87ea-4b7a-a915-da8e13893a0f\>: #ffb8f5;
  --_legacy---basics--white\<deleted\|variable-3d65c31a-650d-d2e1-4827-13601e975c0f\>: #fff;
  --_legacy---pepto--100\<deleted\|variable-97ba3c37-79b3-eb97-4b2f-d6d9a65fc47d\>: #fdc9f7;
  --_legacy---cyber--500-vivid\<deleted\|variable-d4770a3f-0263-4e23-a71f-f211ca59b244\>: #00ffd0;
  --_legacy---lycan--50\<deleted\|variable-609c0527-14ee-13e0-2a8c-145c4b2b1bfd\>: #363661;
  --_legacy---hyper--80\<deleted\|variable-83df29f8-fd28-0f44-d5f3-6de62907fc95\>: #94a5f7;
  --_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>: #3b3bef;
  --_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>: #b7c7f7;
  --_legacy---tennis--50\<deleted\|variable-2d714816-5ad6-3eaa-1141-0afb0ea9ab0b\>: #f5ffe5;
  --_legacy---tennis--100\<deleted\|variable-41adb256-cba4-86e7-d9aa-a2dd10890de6\>: #deff58;
  --_legacy---hyper--50\<deleted\|variable-b7cc5db7-3bcd-42f5-9e6b-833f0f66568c\>: #ebeef7;
  --qaw-claws_spacing---space--space-lg: 4rem;
  --qaw-claws_🔒palette---hyper--50: #ebeef7;
  --qaw-claws_spacing---space--space-xxl: 8rem;
  --qaw-claws_🔒structure---wrapper--wrap-margin: clamp(2rem, 4vw, 10rem);
  --qaw-claws_🔒palette---hyper--100: #5c5cff;
  --qaw-claws_color---hyper--hyper-5: var(--qaw-claws_🔒palette---hyper--500-vivid);
  --_legacy---hyper--100\<deleted\|variable-15549388-2e43-e2ac-bffe-7638a9731507\>: #5c5cff;
  --qaw-claws_🔒palette---lycan--300: #080524;
  --qaw-claws_color---hyper--hyper-3: var(--qaw-claws_🔒palette---hyper--70);
  --qaw-claws_spacing---space--space-xxs: .5rem;
  --qaw-claws_spacing---space--space-xl: 6rem;
  --qaw-claws_type---heading-size--h-sm: 4.5rem;
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---hyper--hyper-1);
  --_legacy---basics--black\<deleted\|variable-f04b93e2-a669-0276-1364-dd3bac17d206\>: #000;
  --qaw-claws_type---line-height--t-line-ht: 1.6;
  --qaw-claws_type---heading-size--h-md: 6.5rem;
  --qaw-claws_type---line-height--h-line-ht-md: 1.15;
  --qaw-claws_type---font-weight--h-weight: 650;
  --qaw-claws_type---letter-space--h-letter-spc: -.025em;
  --qaw-claws_type---heading-size--h-xs: 3.5rem;
  --qaw-claws_type---line-height--h-line-ht-sm: 1.2;
  --qaw-claws_type---heading-size--h-xxs: 2.5rem;
  --qaw-claws_type---line-height--h-line-ht-xs: 1.25;
  --qaw-claws_type---line-height--h-line-ht-xxs: 1.3;
  --qaw-claws_color---cyber--cyber-1: var(--qaw-claws_🔒palette---cyber--200-default);
  --qaw-claws_type---font-weight--t-weight: 400;
  --qaw-claws_fonts---font-family--code: "GT Flexa Mono", Arial, sans-serif;
  --qaw-claws_type---char-limit--h-char-limit: 30ch;
  --qaw-claws_type---heading-size--h-xl: 14rem;
  --qaw-claws_type---line-height--h-line-ht-xl: .95;
  --qaw-claws_type---heading-size--h-lg: 10.5rem;
  --qaw-claws_type---line-height--h-line-ht-lg: 1.1;
  --qaw-claws_🔒palette---gray--100: #8c8c8c;
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 50%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 30%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws_color---hyper--hyper-4: var(--qaw-claws_🔒palette---hyper--80);
  --qaw-claws_color---hyper--hyper-1: var(--qaw-claws_🔒palette---hyper--200-default);
  --_legacy---hyper--300\<deleted\|variable-b171b604-b5e5-10ec-42f7-914f38bb8496\>: #2b2bb9;
  --_legacy---hyper--400\<deleted\|variable-2fcaeb28-ce88-667f-bf86-69ae0f5978d3\>: #160e8c;
  --_legacy---cyber--100\<deleted\|variable-369290cc-4e08-c946-f515-494c2b8db9b5\>: #4dffde;
  --qaw-claws_🔒palette---pepto--100: #fdc9f7;
  --qaw-claws_🔒palette---gray--200: dimgrey;
  --qaw-claws_🔒palette---gray--60: #e3e3e3;
  --_legacy---lycan--300\<deleted\|variable-56c6d5f6-1293-ef34-3e7b-e6820e0b1607\>: #080524;
  --qaw-claws_🔒palette---gray--300: #4d4d4d;
  --qaw-claws_type---text-size--t-l3: 1.75rem;
  --_legacy---cyber--50\<deleted\|variable-b996c65d-4afd-601a-82e3-f1deda584a43\>: #d9fcf6;
  --qaw-claws_🔒palette---cyber--400: #00998c;
  --_legacy---pepto--50\<deleted\|variable-8302c754-1261-1ba1-3efb-c63e5a063a5f\>: #ffedfd;
  --qaw-claws_🔒palette---pepto--400: #cc66bd;
  --qaw-claws_🔒palette---cyber--50: #d9fcf6;
  --qaw-claws_color---cyber--cyber-4: var(--qaw-claws_🔒palette---cyber--400);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---hyper--hyper-2);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws_spacing---gutter--gutter-sm: 2rem;
  --_legacy---cyber--400\<deleted\|variable-89078792-6468-69ac-7580-203139d79f34\>: #00998c;
  --qaw-claws_color---lycan--lycan-1: var(--qaw-claws_🔒palette---lycan--50);
  --qaw-claws_spacing---gutter--gutter-lg: 6rem;
  --qaw-claws_spacing---gutter--gutter-md: 4rem;
  --qaw-claws_🔒palette---lycan--500-vivid: #206;
  --qaw-claws_color---hyper--hyper-2: var(--qaw-claws_🔒palette---hyper--50);
  --qaw-claws_🔒palette---cyber--300: #0bd0b6;
  --qaw-claws_🔒palette---tennis--100: #deff58;
  --qaw-claws_color---tennis--tennis-4: var(--qaw-claws_🔒palette---tennis--400);
  --qaw-claws_🔒palette---cyber--500-vivid: #00ffd0;
  --_legacy---pepto--300\<deleted\|variable-b8570357-1220-ee73-f930-8105a4c8c01a\>: #ea99de;
  --qaw-claws_🔒structure---content--full-width: 100%;
  --qaw-claws_🔒structure---content--1280-width: 160rem;
  --qaw-claws_🔒structure---content--960-width: 120rem;
  --qaw-claws_🔒structure---content--800-width: 100rem;
  --qaw-claws_🔒structure---content--640-width: 80rem;
  --qaw-claws_🔒palette---hyper--500-vivid: #2200f5;
  --qaw-claws_color---cyber--cyber-2: var(--qaw-claws_🔒palette---cyber--50);
  --qaw-claws_color---cyber--cyber-3: var(--qaw-claws_🔒palette---cyber--100);
  --qaw-claws_color---cyber--cyber-5: var(--qaw-claws_🔒palette---cyber--500-vivid);
  --qaw-claws_🔒palette---pepto--50: #ffedfd;
  --qaw-claws_🔒palette---pepto--300: #ea99de;
  --qaw-claws_🔒palette---pepto--500-vivid: #f9e;
  --qaw-claws_color---pepto--pepto-1: var(--qaw-claws_🔒palette---pepto--200-default);
  --qaw-claws_color---pepto--pepto-2: var(--qaw-claws_🔒palette---pepto--50);
  --qaw-claws_color---pepto--pepto-3: var(--qaw-claws_🔒palette---pepto--100);
  --qaw-claws_color---pepto--pepto-4: var(--qaw-claws_🔒palette---pepto--400);
  --qaw-claws_color---pepto--pepto-5: var(--qaw-claws_🔒palette---pepto--500-vivid);
  --qaw-claws_🔒palette---tennis--300: #c9e830;
  --qaw-claws_🔒palette---tennis--400: #b7d525;
  --qaw-claws_🔒palette---tennis--500-vivid: #c9fa00;
  --qaw-claws_color---tennis--tennis-1: var(--qaw-claws_🔒palette---tennis--200-default);
  --qaw-claws_color---tennis--tennis-2: var(--qaw-claws_🔒palette---tennis--50);
  --qaw-claws_color---tennis--tennis-3: var(--qaw-claws_🔒palette---tennis--100);
  --qaw-claws_color---tennis--tennis-5: var(--qaw-claws_🔒palette---tennis--500-vivid);
  --qaw-claws_🔒palette---gray--70: #d2d2d2;
  --qaw-claws_🔒palette---gray--80: #c3c3c3;
  --qaw-claws_🔒palette---gray--90: #aaa;
  --qaw-claws_🔒palette---gray--400: #333;
  --qaw-claws_🔒palette---gray--500: #222;
  --qaw-claws---background--bg-2: var(--qaw-claws_color---hyper--hyper-3);
  --qaw-claws---btn-primary--btn-icon-shift: 0%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: -100%;
  --qaw-claws_🔒palette---aux--wf-blue: #087ff1;
  --qaw-claws_🔒palette---aux--wf-purple: #a04cff;
  --qaw-claws_🔒palette---aux--wf-green: #2a9e4e;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.qaw-claws--claws_code-embed {
  display: none;
}

.qaw-claws--claws_form-btn {
  border: .1em solid var(--qaw-claws_color---neutral--neutral-b);
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
  height: 5.5rem;
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_color---neutral--neutral-w);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  font-variation-settings: "wght" 325;
  border-radius: .6em;
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  padding: .55em .75em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
  display: block;
}

.qaw-claws--claws_form-btn:where(.w-variant-3c9914d4-b6c7-8eb2-0aef-01fe503c66e7) {
  flex-flow: row-reverse;
}

.qaw-claws--claws_form-btn:where(.w-variant-991fd96b-d5be-1563-c8ac-dbbb53a421ff) {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  color: var(--qaw-claws_color---neutral--neutral-b);
}

.qaw-claws--claws_form-btn:where(.w-variant-65c9e3d3-432a-ff10-e87a-9a16c423e192) {
  background-color: var(--qaw-claws_🔒palette---pepto--200-default);
  color: var(--qaw-claws_color---neutral--neutral-b);
}

.qaw-claws--claws_form-btn:where(.w-variant-1897cb41-7175-cd8e-1595-c2aaf0358de8) {
  background-color: var(--qaw-claws_🔒palette---tennis--200-default);
  color: var(--qaw-claws_color---neutral--neutral-b);
}

.qaw-claws--claws_form-btn:where(.w-variant-72d5b0e2-058c-453c-1f9e-9df5fb127d7d) {
  background-color: var(--qaw-claws_🔒palette---lycan--50);
}

.qaw-claws--claws_form-btn:hover {
  transform: translate(-.1em, -.1em);
  box-shadow: .3em .3em 0 0 #000;
}

.qaw-claws--claws_form-btn:active {
  transform: translate(.2em, .2em);
  box-shadow: 0 0 0 0 #000;
}

.qaw-claws--claws_form-btn:focus-visible, .qaw-claws--claws_form-btn[data-wf-focus-visible] {
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b), 2px 2px 0 5px var(--qaw-claws_🔒palette---hyper--70);
  outline-color: var(--qaw-claws_🔒palette---hyper--90);
  outline-offset: -.1em;
  outline-width: .1em;
  outline-style: solid;
}

.qaw-claws--claws_form-btn.qaw-claws--footer_email {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  height: 44px;
  color: var(--qaw-claws_🔒palette---lycan--200-default);
  font-size: 18px;
}

.qaw-claws--claws_text-input {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  border: .1em solid var(--qaw-claws_🔒palette---basic--black);
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  width: 100%;
  height: 5.5rem;
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_🔒palette---basic--black);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  font-variation-settings: "wght" 325;
  border-radius: .6em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .55em .75em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
}

.qaw-claws--claws_text-input:where(.w-variant-3c9914d4-b6c7-8eb2-0aef-01fe503c66e7) {
  flex-flow: row-reverse;
}

.qaw-claws--claws_text-input:hover {
  background-color: var(--qaw-claws_🔒palette---gray--50);
}

.qaw-claws--claws_text-input:focus {
  border-style: solid;
  border-color: var(--qaw-claws_🔒palette---basic--black);
  background-color: var(--qaw-claws_🔒palette---tennis--50);
}

.qaw-claws--claws_text-input:focus-visible, .qaw-claws--claws_text-input[data-wf-focus-visible] {
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b), 2px 2px 0 5px var(--qaw-claws_🔒palette---hyper--70);
}

.qaw-claws--claws_text-input.qaw-claws--footer_email {
  flex: 0 auto;
  min-width: 200px;
  height: 44px;
}

.qaw-claws--claws_form-success {
  padding: var(--qaw-claws_spacing---space--space-md) var(--qaw-claws_spacing---space--space-md) var(--qaw-claws_spacing---space--space-md) var(--qaw-claws_spacing---space--space-sm);
  background-color: var(--qaw-claws_🔒palette---cyber--100);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  border-radius: .6em;
  font-weight: 300;
}

.qaw-claws--claws_form-error {
  margin-top: var(--qaw-claws_spacing---space--space-md);
  padding: var(--qaw-claws_spacing---space--space-sm);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_color---neutral--neutral-w);
  font-size: var(--qaw-claws_type---text-size--t-l2);
  text-align: center;
  background-color: #fd5656;
  border-radius: .6em;
  font-weight: 300;
}

.qaw-claws--claws_form-success-wrap {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  justify-content: center;
  align-items: center;
  display: flex;
}

.qaw-claws--form-success-text {
  line-height: 1.2;
}

.qaw-claws--form-success-graphic {
  width: 5rem;
}

.qaw-claws--claws_text-label-hidden {
  margin-bottom: 0;
  margin-left: var(--qaw-claws_spacing---space--space-xs);
  font-size: var(--qaw-claws_type---text-size--t-l4);
  visibility: hidden;
  font-weight: 400;
  position: absolute;
  top: -2.5rem;
}

.qaw-claws--claws_form-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 60rem;
  margin-bottom: 0;
  display: block;
}

.qaw-claws--claws_form-block.qaw-claws--footer_email {
  z-index: 50;
  max-width: 480px;
  position: relative;
}

.qaw-claws--claws_form {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
  position: relative;
}

.qaw-claws--claws_form-wrap-simple {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  align-items: center;
  display: flex;
}

.qaw-claws--claws_check-input {
  border: .1em solid var(--qaw-claws_🔒palette---basic--black);
  background-color: var(--qaw-claws_🔒palette---basic--white);
  width: 3rem;
  height: 3rem;
  box-shadow: .1em .1em 0 0 var(--qaw-claws_🔒palette---basic--black);
  border-radius: .5rem;
  margin: 0;
}

.qaw-claws--claws_check-input:hover {
  background-color: var(--qaw-claws_🔒palette---gray--50);
}

.qaw-claws--claws_check-input:active {
  background-color: var(--qaw-claws_🔒palette---hyper--90);
}

.qaw-claws--claws_check-input.w--redirected-checked {
  border-color: var(--qaw-claws_color---neutral--neutral-b);
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
  box-shadow: .1em .1em 0 0 var(--qaw-claws_color---neutral--neutral-b);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962063_9b9f7e5bc36627b1dce44d7549caf7c2_form-check_W.svg");
  background-position: 50%;
  background-size: auto;
  background-attachment: scroll;
  flex: none;
}

.qaw-claws--claws_check-input.w--redirected-focus {
  box-shadow: .1em .1em 0 0 var(--qaw-claws_color---neutral--neutral-b);
}

.qaw-claws--claws_check-input.w--redirected-focus-visible {
  box-shadow: .1em .1em 0 0 var(--qaw-claws_color---neutral--neutral-b), 1px 1px 0 4px var(--qaw-claws_🔒palette---hyper--70);
}

.qaw-claws--claws_check-label {
  color: var(--qaw-claws_color---neutral--neutral-b);
  margin-bottom: 0;
  padding-top: .25rem;
  line-height: 1;
}

.qaw-claws--claws_check-label:where(.w-variant-ff24a9e5-f0f0-d0cc-50d0-6493da8d1161) {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.qaw-claws--claws_form-checkbox {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---text-size--t-l2);
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: 1rem;
  padding-left: 0;
  display: flex;
}

.qaw-claws--claws_text-label {
  margin-bottom: .5rem;
  margin-left: var(--qaw-claws_spacing---space--space-xs);
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws_🔒palette---basic--black);
  font-size: var(--qaw-claws_type---text-size--t-l4);
  width: fit-content;
  font-weight: 400;
}

.qaw-claws--claws_text-label:where(.w-variant-ff24a9e5-f0f0-d0cc-50d0-6493da8d1161) {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.qaw-claws--claws_form-wrap-multi {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.qaw-claws--claws_form-field-group {
  margin-bottom: var(--qaw-claws_spacing---space--space-sm);
  align-self: stretch;
}

.qaw-claws--claws_form-field-group.qaw-claws--footer_email {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.qaw-claws--claws_btn {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  border-top-style: solid;
  border-top-width: .1em;
  border-top-color: var(--qaw-claws_color---neutral--neutral-b);
  border-right-style: solid;
  border-right-width: .1em;
  border-right-color: var(--qaw-claws_color---neutral--neutral-b);
  border-bottom-style: solid;
  border-bottom-width: .1em;
  border-bottom-color: var(--qaw-claws_color---neutral--neutral-b);
  border-left-style: solid;
  border-left-width: .1em;
  border-left-color: var(--qaw-claws_color---neutral--neutral-b);
  background-color: var(--qaw-claws---btn-primary--btn-fill);
  height: 2.25em;
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---btn-primary--btn-label);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  font-variation-settings: "wght" 325;
  border-radius: .75em;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin-bottom: .1em;
  margin-right: .4em;
  padding: .55em .7em .55em .75em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition-property: box-shadow, left, bottom;
  transition-duration: .2s, .2s, .2s;
  transition-timing-function: cubic-bezier(.075, .82, .165, 1), cubic-bezier(.075, .82, .165, 1), cubic-bezier(.075, .82, .165, 1);
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
}

.qaw-claws--claws_btn:where(.w-variant-3c9914d4-b6c7-8eb2-0aef-01fe503c66e7) {
  flex-flow: row-reverse;
}

.qaw-claws--claws_btn:hover {
  bottom: .1em;
  left: -.1em;
  box-shadow: .3em .3em 0 0 #000;
}

.qaw-claws--claws_btn:active {
  bottom: 0;
  left: 0;
  transform: translate(.2em, .2em);
  box-shadow: 0 0 0 0 #000;
}

.qaw-claws--claws_btn_label {
  text-align: center;
  vertical-align: middle;
  text-wrap: nowrap;
}

.qaw-claws--claws_btn_label:where(.w-variant-beaf9491-d71d-2fa6-52f2-c08ee8ecc622), .qaw-claws--claws_btn_label:where(.w-variant-3c9914d4-b6c7-8eb2-0aef-01fe503c66e7) {
  text-align: left;
}

.qaw-claws--claws_btn_icon {
  align-self: center;
  width: 1em;
  height: 1em;
  display: none;
}

.qaw-claws--claws_btn_icon:where(.w-variant-beaf9491-d71d-2fa6-52f2-c08ee8ecc622), .qaw-claws--claws_btn_icon:where(.w-variant-3c9914d4-b6c7-8eb2-0aef-01fe503c66e7) {
  display: block;
}

.qaw-claws--claws_icon {
  aspect-ratio: 1;
  vertical-align: middle;
  object-fit: cover;
  width: 2rem;
  min-width: 2rem;
  max-width: 2rem;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.qaw-claws--claws_icon:where(.w-variant-bfa7fe04-1db1-bbdf-06c6-d9ff91f86bce) {
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
}

.qaw-claws--claws_icon:where(.w-variant-773ea799-4b8b-1cf1-4e0b-ec8d3fb60e94) {
  width: 6rem;
  min-width: 6rem;
  max-width: 6rem;
}

.qaw-claws--claws_icon:where(.w-variant-fd15feb9-ce98-0fcd-4a24-21c34b317550) {
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
}

.qaw-claws--claws_icon:where(.w-variant-252a4e08-28fb-f444-84af-610f0437d7b7) {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
}

.qaw-claws--claws_icon:where(.w-variant-6200eb17-2e6d-6099-5540-96ad1b9cb0ea) {
  width: 1.5rem;
  min-width: 1.5rem;
  max-width: 1.5rem;
}

.qaw-claws--claws_icon:where(.w-variant-78aa6e0e-7ac1-5af8-0bab-4394bea7295e) {
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
}

.qaw-claws--claws_icon:where(.w-variant-c8f51504-b78c-ee69-2afe-e2dea34bc5e9) {
  width: 5rem;
  min-width: 5rem;
  max-width: 5rem;
}

.qaw-claws--claws_icon:where(.w-variant-831253af-6f23-0295-217c-1e3ac62705dd) {
  width: 1rem;
  min-width: 1rem;
  max-width: 1rem;
}

.qaw-claws--claws_sprite {
  max-width: fit-content;
  height: 100%;
  display: block;
}

.qaw-claws--claws_btn-pair {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  align-items: flex-start;
  display: flex;
}

.qaw-claws--nav {
  z-index: 1000;
  display: flex;
  position: relative;
}

.qaw-claws--nav:where(.w-variant-4bb68a11-800c-c1d8-92a0-64885f10bc48) {
  z-index: 1000;
  position: sticky;
  top: 0;
}

.qaw-claws--claws_glyph {
  aspect-ratio: 1;
  object-fit: cover;
  max-width: fit-content;
  height: 100%;
  display: block;
}

.qaw-claws--nav_logo-wrapper {
  flex: none;
  width: 140px;
  display: flex;
}

.qaw-claws--nav_menu-wrapper {
  width: 100%;
  max-width: 600px;
  margin-left: 40px;
  margin-right: 40px;
}

.qaw-claws--nav_cta-wrapper {
  flex: none;
  justify-content: flex-end;
  width: 205px;
  display: flex;
}

.qaw-claws--nav_hamburger-wrapper {
  display: none;
}

.qaw-claws--nav_logo {
  width: 135px;
}

.qaw-claws--nav_menu {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  display: flex;
  container-type: inline-size;
}

.qaw-claws--nav_tab {
  flex: auto;
}

.qaw-claws--nav_tab-btn {
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_color---neutral--neutral-w);
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 4px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.qaw-claws--nav_tab-chevron {
  opacity: .25;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  display: block;
}

.qaw-claws--nav_btn-pair {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
}

.qaw-claws--nav_tab-label {
  border-bottom: 2px solid #fff0;
  padding-top: 2px;
  padding-bottom: 4px;
}

.qaw-claws--nav_container {
  z-index: 1000;
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: visible;
}

.qaw-claws--nav_tab-btn-content {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  padding-left: 8px;
}

.qaw-claws--nav_tab-content {
  background-color: var(--qaw-claws_🔒palette---hyper--400);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96214b_125718b748a525ebd66421521fbd05a4_bg-grid-left.png"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96215b_f7991f555fdd0b75f37e8efbb5e85b87_bg-grid-right.png");
  background-position: 0 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  width: 100%;
  height: fit-content;
  padding-top: 0;
  padding-bottom: 16px;
  display: block;
  position: absolute;
  inset: 80px 0 0;
  box-shadow: 0 24px 24px #0003;
}

.qaw-claws--nav_tab-content.qaw-claws--platform, .qaw-claws--nav_tab-content.qaw-claws--service, .qaw-claws--nav_tab-content.qaw-claws--resources, .qaw-claws--nav_tab-content.qaw-claws--community, .qaw-claws--nav_tab-content.qaw-claws--customers {
  display: none;
}

.qaw-claws--nav_link-btn {
  border-bottom: 1px solid #fff3;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 16px 16px 12px;
  text-decoration: none;
  display: flex;
}

.qaw-claws--nav_link-btn:hover {
  background-color: var(--qaw-claws_🔒palette---hyper--300);
  box-shadow: 4px 4px 0 0 var(--qaw-claws_🔒palette---lycan--100);
  border-bottom-color: #fff0;
  border-radius: 8px;
}

.qaw-claws--nav_link-btn.qaw-claws--nav_2col {
  width: 48%;
}

.qaw-claws--nav_link-btn.qaw-claws--customers {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #fff3;
  border-bottom-style: none;
  justify-content: flex-end;
  margin-top: 16px;
}

.qaw-claws--nav_link-btn.qaw-claws--customers:hover {
  border-top-color: #fff0;
}

.qaw-claws--nav_utility {
  display: none;
}

.qaw-claws--nav_about {
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_🔒palette---hyper--80);
  flex-flow: column;
  align-items: flex-start;
  font-size: 14px;
  font-weight: 300;
  display: none;
}

.qaw-claws--nav_link-label {
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_color---neutral--neutral-w);
  font-variation-settings: "wght" 650;
  font-size: 18px;
  font-weight: 600;
}

.qaw-claws--nav_items {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.qaw-claws--nav_items.qaw-claws--platform {
  max-width: 640px;
}

.qaw-claws--nav_group {
  flex-flow: column wrap;
  place-content: space-between flex-start;
  width: 100%;
  display: flex;
}

.qaw-claws--nav_group.qaw-claws--platform {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 220px;
  display: flex;
}

.qaw-claws--nav_group.qaw-claws--resources, .qaw-claws--nav_group.qaw-claws--community {
  height: 180px;
}

.qaw-claws--nav_link-icon {
  aspect-ratio: 1;
  vertical-align: middle;
  object-fit: cover;
  width: 24px;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.qaw-claws--nav_link-icon:where(.w-variant-bfa7fe04-1db1-bbdf-06c6-d9ff91f86bce) {
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
}

.qaw-claws--nav_link-icon:where(.w-variant-773ea799-4b8b-1cf1-4e0b-ec8d3fb60e94) {
  width: 6rem;
  min-width: 6rem;
  max-width: 6rem;
}

.qaw-claws--nav_link-icon:where(.w-variant-fd15feb9-ce98-0fcd-4a24-21c34b317550) {
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
}

.qaw-claws--nav_link-icon:where(.w-variant-252a4e08-28fb-f444-84af-610f0437d7b7) {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
}

.qaw-claws--nav_link-icon:where(.w-variant-c8f51504-b78c-ee69-2afe-e2dea34bc5e9) {
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
}

.qaw-claws--nav_link-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  padding-left: 12px;
  display: flex;
}

.qaw-claws--nav_link-blurb {
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws_color---neutral--neutral-w);
  font-size: 12px;
  font-weight: 300;
}

.qaw-claws--nav_link-arrow {
  aspect-ratio: 1;
  opacity: .2;
  vertical-align: middle;
  object-fit: cover;
  flex: none;
  width: 24px;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.qaw-claws--nav_link-arrow:where(.w-variant-bfa7fe04-1db1-bbdf-06c6-d9ff91f86bce) {
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
}

.qaw-claws--nav_link-arrow:where(.w-variant-773ea799-4b8b-1cf1-4e0b-ec8d3fb60e94) {
  width: 6rem;
  min-width: 6rem;
  max-width: 6rem;
}

.qaw-claws--nav_link-arrow:where(.w-variant-fd15feb9-ce98-0fcd-4a24-21c34b317550) {
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
}

.qaw-claws--nav_link-arrow:where(.w-variant-252a4e08-28fb-f444-84af-610f0437d7b7) {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
}

.qaw-claws--nav_link-arrow:where(.w-variant-c8f51504-b78c-ee69-2afe-e2dea34bc5e9) {
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
}

.qaw-claws--nav_slider {
  background-color: #f000;
  flex-flow: column wrap;
  place-content: space-between flex-start;
  width: 100%;
  height: 100%;
  display: none;
}

.qaw-claws--nav_slider-left, .qaw-claws--nav_slider-right, .qaw-claws--nav_slider-chevron {
  display: none;
}

.qaw-claws--nav_card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--qaw-claws_🔒palette---hyper--300);
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 12px;
  text-decoration: none;
  transition: background-color .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.qaw-claws--nav_card:hover {
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
  box-shadow: 4px 4px 0 0 var(--qaw-claws_color---lycan--lycan-2);
}

.qaw-claws--nav_slide {
  width: 32%;
}

.qaw-claws--nav_slider-pagination {
  display: none;
  position: relative;
}

.qaw-claws--nav_slider-mask {
  justify-content: space-between;
  display: flex;
}

.qaw-claws--nav_card-visual {
  background-color: var(--qaw-claws_🔒palette---hyper--80);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  display: flex;
}

.qaw-claws--nav_card-logo {
  display: block;
}

.qaw-claws--nav_card-blurb {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_color---neutral--neutral-w);
  align-items: center;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.qaw-claws--nav_card-text {
  font-size: 16px;
  line-height: 125%;
}

.qaw-claws--splide_wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.qaw-claws--splide.qaw-claws--case-study-slider {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.qaw-claws--splide__slide {
  width: 100%;
}

.qaw-claws--nav_utility-link {
  width: 100%;
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_🔒palette---hyper--80);
  flex: none;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}

.qaw-claws--nav_nested-cta {
  display: none;
}

.qaw-claws--nav_tab-btn-external {
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_color---neutral--neutral-w);
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 4px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.qaw-claws--nav_sign_in {
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_color---neutral--neutral-w);
  font-size: 16px;
  text-decoration: none;
}

.qaw-claws--claws_video {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}

.qaw-claws--claws_video:where(.w-variant-17d7c16f-2b3b-2c7e-1133-ad4e6222b34a) {
  aspect-ratio: 9 / 16;
  max-width: 400px;
}

.qaw-claws--video:where(.w-variant-17d7c16f-2b3b-2c7e-1133-ad4e6222b34a) {
  box-sizing: border-box;
  aspect-ratio: 9 / 16;
}

.qaw-claws--claws_btn-next {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  border-top-style: solid;
  border-top-width: .1em;
  border-top-color: var(--qaw-claws_color---neutral--neutral-b);
  border-right-style: solid;
  border-right-width: .1em;
  border-right-color: var(--qaw-claws_color---neutral--neutral-b);
  border-bottom-style: solid;
  border-bottom-width: .1em;
  border-bottom-color: var(--qaw-claws_color---neutral--neutral-b);
  border-left-style: solid;
  border-left-width: .1em;
  border-left-color: var(--qaw-claws_color---neutral--neutral-b);
  height: 2.25em;
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---btn-primary--btn-label);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  font-variation-settings: "wght" 325;
  background-color: #fff;
  border-radius: .75em;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin-bottom: .1em;
  margin-right: .4em;
  padding-left: .75em;
  padding-right: .75em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition-property: box-shadow, left, bottom;
  transition-duration: .2s, .2s, .2s;
  transition-timing-function: cubic-bezier(.075, .82, .165, 1), cubic-bezier(.075, .82, .165, 1), cubic-bezier(.075, .82, .165, 1);
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
}

.qaw-claws--claws_btn-next:where(.w-variant-3c9914d4-b6c7-8eb2-0aef-01fe503c66e7) {
  flex-flow: row-reverse;
}

.qaw-claws--claws_btn-next:hover {
  bottom: .1em;
  left: -.1em;
  box-shadow: .3em .3em 0 0 #000;
}

.qaw-claws--claws_btn-next:active {
  bottom: 0;
  left: 0;
  transform: translate(.2em, .2em);
  box-shadow: 0 0 0 0 #000;
}

.qaw-claws--claws_btn-prev {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  border-top-style: solid;
  border-top-width: .1em;
  border-top-color: var(--qaw-claws_color---neutral--neutral-b);
  border-right-style: solid;
  border-right-width: .1em;
  border-right-color: var(--qaw-claws_color---neutral--neutral-b);
  border-bottom-style: solid;
  border-bottom-width: .1em;
  border-bottom-color: var(--qaw-claws_color---neutral--neutral-b);
  border-left-style: solid;
  border-left-width: .1em;
  border-left-color: var(--qaw-claws_color---neutral--neutral-b);
  height: 2.25em;
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---btn-primary--btn-label);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  font-variation-settings: "wght" 325;
  background-color: #fff;
  border-radius: .75em;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin-bottom: .1em;
  margin-right: .4em;
  padding-left: .75em;
  padding-right: .75em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition-property: box-shadow, left, bottom;
  transition-duration: .2s, .2s, .2s;
  transition-timing-function: cubic-bezier(.075, .82, .165, 1), cubic-bezier(.075, .82, .165, 1), cubic-bezier(.075, .82, .165, 1);
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
}

.qaw-claws--claws_btn-prev:where(.w-variant-3c9914d4-b6c7-8eb2-0aef-01fe503c66e7) {
  flex-flow: row-reverse;
}

.qaw-claws--claws_btn-prev:hover {
  bottom: .1em;
  left: -.1em;
  box-shadow: .3em .3em 0 0 #000;
}

.qaw-claws--claws_btn-prev:active {
  bottom: 0;
  left: 0;
  transform: translate(.2em, .2em);
  box-shadow: 0 0 0 0 #000;
}

.qaw-claws--footer_container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  margin-top: 64px;
  margin-bottom: 64px;
  display: flex;
  position: relative;
}

.qaw-claws--footer_bug-hunt-container {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  inset: 0;
}

.qaw-claws--g2-logo {
  align-self: auto;
}

.qaw-claws--footer_about {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-wrap: balance;
  flex-flow: column;
  width: 40%;
  min-width: 300px;
  display: flex;
}

.qaw-claws--footer_top-wrap {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  background-color: #1c1c47;
  border: 2px solid #363661;
  border-radius: 12px;
  justify-content: space-around;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.qaw-claws--footer_logo-link {
  align-self: flex-start;
  display: inline-flex;
}

.qaw-claws--footer_text {
  color: #d4ddf7;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.qaw-claws--footer_text.qaw-claws--col-heading {
  color: #fff;
  margin-bottom: 4px;
}

.qaw-claws--footer_text.qaw-claws--date {
  font-size: 12px;
}

.qaw-claws--footer_content {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: 96px 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.qaw-claws--g2-badge-star-lockup {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.qaw-claws--g2-badge-star-lockup.qaw-claws--footer_email {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.qaw-claws--footer_bottom-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.qaw-claws--text-span-27 {
  font-weight: 600;
}

.qaw-claws--footer {
  background-color: var(--qaw-claws_🔒palette---lycan--200-default);
  line-height: 1.5;
}

.qaw-claws--email-form-success {
  background-color: #0df2cc;
  border-radius: .5em;
}

.qaw-claws--email-form-success.qaw-claws--footer_email {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
}

.qaw-claws--footer_cta {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 55%;
  display: flex;
  position: relative;
  container-type: inline-size;
}

.qaw-claws--footer_link {
  color: #d4ddf7;
  max-width: 65ch;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.qaw-claws--footer_link:hover {
  text-decoration: underline;
}

.qaw-claws--footer_link-col {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-wrap: balance;
  flex-flow: column;
  display: flex;
}

.qaw-claws--email-form-error {
  background-color: var(--qaw-claws_🔒palette---pepto--200-default);
  text-align: center;
  border-radius: .5em;
  margin-top: 1rem;
  padding: 1em 2em;
}

.qaw-claws--footer_logo {
  width: 100px;
}

.qaw-claws--footer_cta-heading {
  color: #7781f7;
  font-variation-settings: "wdth" 65;
  letter-spacing: -.025em;
  max-width: 30ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 14.5cqw;
  font-weight: 650;
  line-height: 1.1;
  position: relative;
}

.qaw-claws--g2-strip {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--qaw-claws_🔒palette---hyper--70);
  flex-flow: row;
  align-self: auto;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.qaw-claws--g2-strip.qaw-claws--footer_email {
  z-index: 50;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  position: relative;
}

.qaw-claws--wrapper-px {
  flex-flow: column;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-left: clamp(16px, 4vw, 80px);
  padding-right: clamp(16px, 4vw, 80px);
  display: flex;
  overflow: visible;
}

.qaw-claws--g2-label {
  letter-spacing: -.05rem;
  font-family: GT Flexa Mono, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 300;
}

.qaw-claws--g2-label.qaw-claws--footer_email {
  letter-spacing: -.4px;
  font-size: 14px;
}

.qaw-claws--container-px {
  flex-flow: column;
  width: 100%;
  max-width: 1280px;
  position: relative;
  container-type: inline-size;
}

.qaw-claws--footer_links {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
  width: 55%;
  min-width: 480px;
  display: flex;
}

.qaw-claws--footer_cta-blurb {
  color: #fff;
  max-width: 38ch;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: clamp(14px, 4cqw, 22px);
  font-weight: 300;
  line-height: 1.5;
}

.qaw-claws--footer_sign-up {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  display: flex;
  position: relative;
}

.qaw-claws--color-black {
  color: #151b26;
  position: relative;
}

.qaw-claws--email-g2-combo {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.qaw-claws--email-g2-combo.qaw-claws--footer_email {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.qaw-claws--g2-star-set {
  letter-spacing: .2rem;
  font-size: 1.6rem;
}

.qaw-claws--g2-star-set.qaw-claws--footer_email {
  letter-spacing: 2px;
  font-size: 12.8px;
}

body {
  background-color: #0000;
  flex-direction: column;
  align-items: stretch;
  min-height: 100vh;
  font-family: Barlow, Arial, sans-serif;
  font-weight: 400;
  display: flex;
}

h1 {
  margin-top: 8rem;
  margin-bottom: 1rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.25;
}

h2 {
  margin-top: 8rem;
  margin-bottom: 2rem;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.25;
}

h3 {
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-size: 1.75em;
  font-weight: 600;
  line-height: 1.25em;
}

h4 {
  margin-top: 2rem;
  margin-bottom: .5rem;
  font-size: 1.333em;
  font-weight: 800;
  line-height: 1.5;
}

h5 {
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size: 1.333em;
  font-weight: 600;
  line-height: 1.5em;
}

h6 {
  letter-spacing: .05em;
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5em;
}

a {
  text-decoration: underline;
}

ul, ol {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 2.5rem;
  display: flex;
}

img {
  mix-blend-mode: normal;
  max-width: 100%;
  display: inline-block;
}

label {
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 0;
  display: block;
}

strong {
  border: 0 #000;
  font-weight: 600;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 2rem;
  padding: 1rem 2rem;
  font-size: 1em;
  line-height: 1.5;
}

figure {
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: 5px;
  font-size: .75em;
  font-style: italic;
}

.collection-list-wrapper-2 {
  min-width: 44%;
  display: flex;
}

.text-size-2xl {
  font-size: 2em;
}

.text-size-2xl._2 {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 2em;
  line-height: 4rem;
}

.text-italic {
  font-style: italic;
}

.button {
  border: .2rem solid var(--white\<deleted\|variable-048857a3\>);
  background-color: var(--white\<deleted\|variable-048857a3\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-transform: uppercase;
  border-radius: .75em;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: .5em 1em;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .1s;
  display: inline-block;
}

.button:hover {
  border-color: var(--black-a10\<deleted\|variable-5a302120\>);
}

.button.navbar-button:hover {
  background-color: var(--teal-3\<deleted\|variable-213a15ad\>);
}

.button.navbar-button.w--current {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.button.navbar-button.light {
  border-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
}

.text-size-m {
  font-size: 1em;
}

.text-size-l {
  font-size: 1.333em;
}

.text-size-l.margin-bottom-m.color-teal-4 {
  flex: 1;
}

.text-size-xl {
  font-size: 1.75em;
}

.text-size-s {
  font-size: .75em;
}

.text-size-s.color-teal-4 {
  display: none;
}

.text-size-xs {
  font-size: .562781em;
}

.text-size-3xl {
  font-size: 3em;
}

.text-size-4xl {
  font-size: 4.25em;
}

.text-size-4xl.margin-top-none.color-teal-4 {
  text-align: left;
}

.text-size-4xl._2 {
  line-height: 1em;
}

.text-size-5xl {
  font-size: 5.5em;
  line-height: 1;
}

.text-size-5xl.text-condensed.text-align-center.text-uppercase.home-headline {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  font-size: 11vw;
  line-height: 1;
}

.text-align-center {
  text-align: center;
}

.text-align-center.margin-bottom-xl.margin-top-l.text-size-l.bg-gradient {
  background-image: radial-gradient(circle closest-corner at 50% 0, #3e34eb 92%, #fff0);
}

.text-align-center.margin-top-l.subsection-subhed {
  font-size: 2rem;
}

.text-align-center.margin-top-2xl {
  margin-bottom: 0;
}

.text-align-left {
  text-align: left;
}

.text-bold {
  font-weight: 700;
}

.styleguide-block {
  margin-bottom: 2em;
}

.styleguide-block-meta {
  border-top: .1rem solid var(--black-a10\<deleted\|variable-5a302120\>);
  padding: 2em .5em .5em;
  font-size: .75em;
}

.styleguide-block-title {
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-right: .5em;
  display: inline-block;
}

.styleguide-block-class {
  text-shadow: 0 -1px 0 var(--black-a10\<deleted\|variable-5a302120\>);
  background-color: #2e70bb;
  border-radius: .25em;
  padding-left: .5em;
  padding-right: .5em;
  font-weight: 300;
  display: inline-block;
}

.styleguide-block-content {
  background-color: var(--black-a10\<deleted\|variable-5a302120\>);
  padding: .5em;
}

.styleguide-section {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding: 8rem 2rem 0;
  position: relative;
}

.text-align-right {
  text-align: right;
}

.text-weight-200 {
  font-weight: 200;
}

.text-weight-300 {
  font-weight: 300;
}

.text-weight-400 {
  font-weight: 400;
}

.text-weight-500 {
  font-weight: 500;
}

.text-weight-600 {
  font-weight: 600;
}

.text-weight-600.solutions-call-out {
  margin-bottom: 1rem;
}

.text-weight-700 {
  font-weight: 700;
}

.text-weight-800 {
  font-weight: 800;
}

.text-leading-s {
  line-height: 1.25;
}

.text-leading-m {
  line-height: 1.5;
}

.text-leading-l {
  line-height: 1.75;
}

.text-condensed {
  font-family: Barlow Condensed, Arial, sans-serif;
}

.text-uppercase {
  text-transform: uppercase;
}

.grid-2-column {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  display: flex;
}

.styleguide-placeholder {
  background-color: var(--black-a10\<deleted\|variable-5a302120\>);
  min-width: 2em;
  min-height: 5em;
}

.grid-3-column {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.grid-3-column.home {
  margin-top: 4rem;
}

.grid-4-column {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-1-3-2-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 33.333% 1fr;
}

.grid-2-3-1-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 33.333%;
}

.container-max {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-max.margin-top-l.button-pink {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: .75em;
  padding: .75em 1.5em;
  font-weight: 600;
  transition: background-color .2s;
}

.container-max.margin-top-l.button-pink {
  color: #262673;
  background-color: #f4bdec;
  border-radius: .75em;
  padding: .75em 1.5em;
  font-weight: 600;
  transition: background-color .2s;
}

.container-max.margin-top-l.button-pink:hover {
  background-color: #f8d3f2;
}

.container-max.container-center {
  justify-content: center;
  display: flex;
}

.container-1400 {
  width: 88%;
  max-width: 140rem;
  margin-left: auto;
  margin-right: auto;
}

.container-1400.margin-top-2xl.margin-bottom-2xl {
  text-align: left;
}

.container-1400.hero {
  flex-flow: column;
  display: flex;
}

.container-1200 {
  width: 88%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

.container-1200.margin-bottom-xl {
  background-image: none;
}

.container-1200.blog {
  flex: 1;
}

.container-1000 {
  flex-direction: column;
  align-items: center;
  width: 88%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.container-800 {
  flex-flow: column;
  width: 88%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.container-800.margin-bottom-xl {
  text-align: left;
}

.container-800.position-relative {
  position: relative;
}

.container-800.hero {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.container-600 {
  width: 88%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 150px;
}

.styleguide-nav {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  box-shadow: 1px 1px 2rem 0 var(--black-a10\<deleted\|variable-5a302120\>);
  border-radius: 1em;
  margin-left: 1em;
  margin-right: 1em;
  padding-left: 1rem;
  padding-right: 1rem;
  position: sticky;
  top: 1em;
  left: 1em;
  right: 1em;
}

.styleguide-nav-brand {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  padding: 2rem;
}

.styleguide-nav-link {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  padding: 2rem;
  font-weight: 600;
}

.styleguide-nav-link.w--current {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-decoration: underline;
}

.section {
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
}

.section.flex-center.home-hero-section {
  padding-top: 4rem;
  padding-bottom: 30rem;
}

.section.flex-center.home-hero-section.refresh {
  min-height: 80vh;
  overflow: hidden;
}

.section.sponsored {
  background-color: var(--qaw-claws_🔒palette---hyper--300);
  margin-top: 4rem;
  margin-bottom: 2rem;
  padding-top: 10rem;
  padding-bottom: 10rem;
  text-decoration: none;
  transition: background-color .5s cubic-bezier(.075, .82, .165, 1);
  display: block;
}

.section.sponsored:hover {
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
}

.margin-m {
  margin: 1rem;
}

.padding-m {
  padding: 1rem;
}

.margin-l {
  margin: 2rem;
}

.margin-xl {
  margin: 4rem;
}

.text-size-6xl {
  font-size: 7.5em;
  line-height: 1;
}

.margin-none {
  margin: 0;
}

.margin-2xl {
  margin: 8rem;
}

.margin-top-none {
  margin-top: 0;
}

.margin-top-none.color-teal-4 {
  color: #0df2cc;
}

.margin-bottom-none {
  margin-bottom: 0;
}

.margin-top-m {
  margin-top: 1rem;
}

.margin-top-l {
  margin-top: 2rem;
}

.margin-top-l.text-align-center {
  margin-left: auto;
  margin-right: auto;
}

.margin-top-xl {
  margin-top: 4rem;
}

.margin-top-2xl {
  margin-top: 8rem;
  margin-bottom: 16rem;
}

.margin-top-2xl.position-relative {
  position: relative;
}

.margin-bottom-m {
  margin-bottom: 1rem;
}

.margin-bottom-l {
  margin-bottom: 2rem;
}

.margin-bottom-xl {
  margin-bottom: 4rem;
}

.margin-bottom-2xl {
  margin-bottom: 8rem;
}

.text-undecorated {
  text-decoration: none;
}

.blog-list-title {
  letter-spacing: -.01em;
  margin-top: 4rem;
  margin-bottom: 1rem;
  text-decoration: underline;
}

.blog-list-title:hover {
  text-decoration: underline;
}

.button-icon {
  width: 1em;
  height: 1em;
  margin-top: 0;
  margin-left: .5em;
  margin-right: 0;
  display: inline-block;
  position: relative;
  top: .1em;
}

.button-icon.button-icon-right {
  margin-left: 0;
  margin-right: .5em;
}

.form-input {
  border-style: none none solid;
  border-width: 1px 1px .2rem;
  border-color: black black var(--white\<deleted\|variable-048857a3\>);
  height: 2em;
  color: var(--white\<deleted\|variable-048857a3\>);
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 4rem;
  padding: 0;
  font-size: 1em;
  line-height: 1.5;
}

.form-input::placeholder {
  color: var(--placeholder\<deleted\|variable-3b1b4b8f\>);
}

.form-success, .form-error {
  background-color: #0000;
}

.form-textarea {
  border-style: none none solid;
  border-width: 1px 1px .2rem;
  border-color: black black var(--white\<deleted\|variable-048857a3\>);
  background-color: var(--black-a10\<deleted\|variable-5a302120\>);
  min-height: 10em;
  color: var(--white\<deleted\|variable-048857a3\>);
  margin: 0 0 4rem;
  padding: .5em;
  font-size: 1em;
}

.form-textarea::placeholder {
  color: var(--placeholder\<deleted\|variable-3b1b4b8f\>);
}

.form-toggle-field {
  align-items: center;
  margin-bottom: 2rem;
  padding: 0 0 0 0;
  display: flex;
}

.form-toggle {
  width: 1.5em;
  height: 1.5em;
  margin: 0 .5rem 0 0;
}

.navbar---2-0 {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  padding: 2rem;
  display: block;
}

.navbar---2-0.light {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: #0000;
}

.c-navbar__logo {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: var(--white\<deleted\|variable-048857a3\>);
  letter-spacing: .01em;
  text-transform: uppercase;
  flex: none;
  align-self: center;
  align-items: center;
  margin-bottom: .5rem;
  margin-right: .5vw;
  padding-left: 0;
  padding-right: 0;
  font-size: 1em;
  font-weight: 600;
  display: block;
}

.c-navbar__logo.light {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.c-navbar__menu {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: static;
}

.menu-item {
  color: var(--white\<deleted\|variable-048857a3\>);
  align-self: baseline;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 1.7rem;
  transition: border-color .2s;
  display: inline-flex;
  position: static;
}

.menu-item.w--current {
  border-bottom: .2rem solid var(--white\<deleted\|variable-048857a3\>);
  color: var(--white\<deleted\|variable-048857a3\>);
}

.menu-item.light {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.menu-item.ai {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d06_pink%20sparkle.svg");
  background-position: 95% 30%;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-item.navlink {
  opacity: 1;
  vertical-align: baseline;
  border-bottom: 2px solid #fff0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-decoration: none;
}

.menu-item.navlink:hover {
  border-bottom-color: #fff;
}

.menu-item.navlink.ai {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d06_pink%20sparkle.svg");
  background-position: 100% 30%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 1.3rem;
}

.menu-item.navlink.mobile-menu {
  padding-top: 0;
  padding-bottom: 0;
}

.menu-item.is-hidden {
  display: none;
}

.navbar-container {
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
}

.navbar-link-wrapper {
  align-items: center;
  display: flex;
}

.email-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
  position: static;
  overflow: hidden;
}

.email-form.width-80 {
  width: 80rem;
}

.email-form.split-button {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.flex-horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.email-form-block {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 1.5em;
  max-width: 70rem;
  margin: 2rem auto;
  padding: 2rem;
  box-shadow: 0 25px 50px #00000040;
}

.email-form-block.blog {
  max-width: 100rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.email-form-block.solutions {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  max-width: 90rem;
  box-shadow: none;
}

.email-form-success {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  border-radius: .5em;
}

.email-form-error {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-align: center;
  border-radius: .5em;
  margin-top: 1rem;
  padding: 1em 2em;
}

.horizontal-rule {
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
  height: .1rem;
}

.horizontal-rule.margin-bottom-none {
  margin-bottom: 0;
}

.horizontal-rule.footer {
  margin-top: 4rem;
  margin-bottom: 8rem;
}

.flex-center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 90vh;
  display: flex;
}

.grid-sidebar-right {
  grid-column-gap: 8vw;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(25rem, .45fr);
}

.blog-hero-image {
  filter: grayscale();
  mix-blend-mode: multiply;
  object-fit: cover;
  width: 100%;
  max-height: 75vh;
  margin-left: auto;
  margin-right: auto;
}

.grid-align-end {
  align-items: end;
}

.newsletter-form {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 2rem;
  position: sticky;
  top: 4rem;
}

.display-block {
  width: 100%;
  display: block;
}

.bg-black {
  background-color: var(--black\<deleted\|variable-8488b010\>);
}

.styleguide-color-chip {
  min-height: 10rem;
  margin-top: 1rem;
}

.styleguide-color-chip.bg-white {
  background-color: var(--white\<deleted\|variable-048857a3\>);
}

.bg-blue-5 {
  background-color: #0c0c29;
  height: 100%;
}

.bg-white {
  background-color: var(--white\<deleted\|variable-048857a3\>);
}

.home-hero-left {
  max-width: 75vw;
  max-height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.home-hero-right {
  z-index: -1;
  max-width: 50vw;
  max-height: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.home-hero-illustration {
  z-index: -1;
  height: 80%;
  min-height: 30vh;
  display: block;
  position: absolute;
  inset: auto 0% -1em;
  overflow: hidden;
}

.form-input-tactile {
  border-style: none;
  border-width: 1px .2rem .2rem;
  border-color: black var(--white\<deleted\|variable-048857a3\>) var(--white\<deleted\|variable-048857a3\>);
  background-color: var(--grey-2\<deleted\|variable-dc2f645f\>);
  height: 3.25em;
  box-shadow: inset 1px 1px 3px 0 var(--black-a10\<deleted\|variable-5a302120\>);
  color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 1em;
  margin-bottom: 0;
  margin-right: .5em;
  padding: 0 1em;
  font-size: 1em;
  line-height: 1.5;
  transition: border .2s;
}

.form-input-tactile:focus {
  border-color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.form-input-tactile::placeholder {
  color: #ababab;
}

.form-input-tactile.split-input {
  border-style: none;
  border-radius: 2rem 0 0 2rem;
  margin-right: 0;
}

.button-primary {
  border: .2rem solid var(--white\<deleted\|variable-048857a3\>);
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  letter-spacing: .03em;
  text-transform: uppercase;
  background-image: none;
  border-radius: 1em;
  justify-content: space-between;
  align-items: center;
  padding: .75em 1.5em;
  font-size: 1em;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .2s, border-color .1s;
  display: block;
}

.button-primary:hover {
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
}

.button-primary.white {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  font-weight: 600;
}

.button-primary.split-btn {
  letter-spacing: 0;
  text-transform: none;
  border-style: none;
  border-radius: 0 2rem 2rem 0;
  height: 3.25em;
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: 500;
  line-height: 1;
}

.button-primary.split-btn.solutions-android {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  font-weight: 600;
}

.button-primary.split-btn.solutions-ios {
  background-image: linear-gradient(6deg, #1616c2, #4e4ed1 18%, #9c7fed 55%, #c89eed 77%, #f4bdec);
}

.logo-bar {
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(5em, 1fr));
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
}

.logo-bar-image {
  display: block;
}

.logo-bar-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(5em, 1fr));
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  display: grid;
}

.testimonial {
  border: .1rem solid var(--blue-5\<deleted\|variable-9774f60e\>);
  text-align: center;
  border-radius: 1em;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2em;
  padding: 1em;
  display: inline-block;
}

.testimonial-source {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.card {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 1em;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  box-shadow: 0 25px 50px #00000040;
}

.grid-40-60 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 45% 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.preheader {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  letter-spacing: .01em;
  text-transform: uppercase;
  margin-top: 3em;
  font-size: .7em;
  line-height: 1;
}

.grid-60-40 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 45%;
  grid-auto-columns: 1fr;
  display: grid;
}

.margin-bottom-3xl {
  margin-bottom: 16rem;
}

.margin-top-3xl {
  margin-top: 16rem;
}

.margin-top-3xl.position-relative {
  position: relative;
}

.color-blue-5 {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.color-blue-5.margin-top-none {
  text-align: center;
}

.color-blue-5.text-align-right {
  display: block;
}

.color-teal-4 {
  color: #0df2cc;
}

.color-teal-4.underline {
  font-weight: 600;
  text-decoration: underline;
}

.color-teal-4.italic {
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-style: italic;
  font-weight: 600;
}

.color-pink-3 {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.color-pink-3.capabilities-hub-heading {
  text-transform: uppercase;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 4em;
  font-weight: 600;
}

.color-white {
  color: var(--white\<deleted\|variable-048857a3\>);
}

.color-black {
  color: var(--black\<deleted\|variable-8488b010\>);
  position: relative;
}

.bg-grey-1 {
  background-color: var(--grey-1\<deleted\|variable-d2cce35a\>);
}

.bg-blue-6 {
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
}

.bg-blue-9 {
  background-color: var(--blue-9\<deleted\|variable-627ad6bc\>);
}

.bg-grey-2 {
  background-color: var(--grey-2\<deleted\|variable-dc2f645f\>);
}

.bg-grey-3 {
  background-color: var(--grey-3\<deleted\|variable-766506ca\>);
}

.footer-wrapper {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  justify-content: space-between;
  margin-top: 8rem;
  display: flex;
}

.card-offset {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 1em;
  width: 140%;
  max-width: 140%;
  height: auto;
  position: relative;
  left: -50%;
  box-shadow: 0 25px 50px #00000040;
}

.card-black {
  background-color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 1em;
  max-width: 100%;
  height: auto;
  box-shadow: 0 25px 50px #00000040;
}

.home-test-blocks {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 150%;
  display: grid;
  position: relative;
  left: -50%;
}

.name-tag {
  border-right: .1rem solid var(--grey-3\<deleted\|variable-766506ca\>);
  text-align: left;
  margin-right: 1em;
  padding-right: 1em;
  display: flex;
}

.name-tag-wrapper {
  align-items: center;
  margin-left: .5em;
  margin-right: .5em;
  display: flex;
}

.name-tag-image {
  border-radius: 100%;
  margin-right: .5em;
}

.blog-meta {
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
}

.blog-meta.dark {
  z-index: 2;
  background-color: #0d0c29;
  margin-top: 0;
  position: relative;
}

.padding-bottom-none {
  padding-bottom: 0;
}

.home-heading {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(13rem, 17rem, 11vw);
  line-height: 1;
}

.home-heading.hero {
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(13rem, 17rem, 11vw);
}

.home-heading.ai {
  margin-top: 0;
}

.hide-all {
  display: none;
}

.form-input-inline-shaded {
  border-style: none none solid;
  border-width: 1px 1px .1rem;
  border-color: #26267399 black var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
  min-width: 65%;
  height: 2.9em;
  color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: .5em;
  margin-bottom: 0;
  margin-right: .5em;
  padding: 0 .5em 0 1em;
  font-size: 1em;
  line-height: 1.5;
  box-shadow: inset 3px 3px 8px #00000026;
}

.form-input-inline-shaded::placeholder {
  color: var(--placeholder\<deleted\|variable-3b1b4b8f\>);
}

.display-block-mobile {
  width: 100%;
}

.formatted-content a {
  color: var(--placeholder\<deleted\|variable-3b1b4b8f\>);
}

.formatted-content li {
  padding-bottom: .5em;
}

.formatted-content h2 {
  margin-top: 4rem;
}

.formatted-content h3 {
  font-size: 1.5em;
}

.formatted-content h1 {
  font-size: 4em;
}

.formatted-content blockquote {
  border: 6px none var(--blue-5\<deleted\|variable-9774f60e\>);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96199c_quote%20left%20teal.svg");
  background-position: 0 10%;
  background-repeat: no-repeat;
  background-size: 48px;
  background-attachment: scroll;
  border-radius: 1rem;
  max-width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 4rem 4rem 4rem 5rem;
  font-weight: 600;
}

.formatted-content.industry-quotes {
  text-align: center;
  margin-top: 3em;
  font-size: 1.25em;
}

.formatted-content h6 {
  background-color: var(--grey-3\<deleted\|variable-766506ca\>);
  color: var(--black\<deleted\|variable-8488b010\>);
  text-transform: none;
  padding: 1em;
  font-family: Inconsolata, monospace;
  font-size: .75em;
  font-weight: 400;
}

.formatted-content.color-offwhite {
  color: #edecff;
  -webkit-text-stroke-color: #f5f5ff;
}

.bg-teal-4 {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.bg-pink-3 {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.color-teal-3 {
  color: var(--teal-3\<deleted\|variable-213a15ad\>);
}

.home-comparison {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
}

.home-comparison-qa-wolf, .home-comparison-in-house {
  text-align: center;
}

.home-comparison-list {
  text-align: left;
  border-style: solid;
  border-width: 1px;
  border-radius: .5em;
  padding: 1em 1em 1em 2em;
}

.color-blue-8 {
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
}

.home-comparison-heading {
  letter-spacing: .01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 600;
  display: inline-block;
}

.border-color-teal-4 {
  border: 2px solid var(--teal-4\<deleted\|variable-789a7075\>);
}

.border-color-pink-3 {
  border-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.bg-teal-3 {
  background-color: var(--teal-3\<deleted\|variable-213a15ad\>);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.navbar-brand-icon {
  margin-right: .25em;
}

.bg-blue-8 {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
}

.bg-blue-8.padding-l {
  position: relative;
}

.home-strategy-bar {
  border-radius: 10em;
  width: 4em;
  min-height: 4em;
  margin-left: 1em;
  margin-right: 1em;
}

.flex-align-end {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.home-strategy-bars {
  border-bottom: 1px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  justify-content: center;
  align-items: flex-end;
  width: 75%;
  min-height: 32rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1em;
  display: flex;
}

.fill-vertical {
  min-height: 90vh;
}

.calendly-embed {
  min-width: 320px;
  min-height: 1000px;
  position: relative;
  overflow: auto;
}

.toc-content {
  margin-top: 5.5em;
  position: sticky;
  top: 1em;
}

.button-primary-inverted {
  border: .2rem solid var(--white\<deleted\|variable-048857a3\>);
  background-color: var(--white\<deleted\|variable-048857a3\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-align: center;
  letter-spacing: .03em;
  text-transform: uppercase;
  border-radius: 1em;
  justify-content: space-between;
  align-items: center;
  padding: .75em 1.5em;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s, border-color .1s;
  display: inline-block;
}

.button-primary-inverted:hover {
  border-color: var(--grey-3\<deleted\|variable-766506ca\>);
  background-color: var(--white\<deleted\|variable-048857a3\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.button-primary-inverted.width-fill.text-align-center.margin-top-l {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  border-style: none;
}

.padding-top-none {
  padding-top: 0;
}

.fs-rangeslider_form {
  width: 100%;
  max-width: 720px;
  margin-bottom: 0;
}

.fs-rangeslider_handle {
  z-index: 1;
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  cursor: grab;
  border-radius: 100rem;
  flex: none;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 1px 1px 12px #0003;
}

.fs-rangeslider_handle:focus {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  outline-offset: 0px;
  outline: 3px #151b26;
  transform: translate(-50%, -50%);
}

.fs-range_values {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.fs-rangeslider_wrapper {
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.5rem;
  display: block;
  position: relative;
}

.fs-rangeslider_track {
  background-color: var(--grey-2\<deleted\|variable-dc2f645f\>);
  border-radius: 999rem;
  height: 1rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fs-rangeslider_handle-value {
  background-color: var(--grey-1\<deleted\|variable-d2cce35a\>);
  color: var(--black\<deleted\|variable-8488b010\>);
  text-align: center;
  border-radius: .25em;
  margin-bottom: -3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
  position: absolute;
  inset: auto auto 0% 50%;
  transform: translate(-50%);
}

.fs-rangeslider_input {
  display: none;
}

.fs-rangeslider_fill {
  background-color: #835dff;
  background-image: linear-gradient(270deg, var(--placeholder\<deleted\|variable-3b1b4b8f\>), var(--teal-4\<deleted\|variable-789a7075\>));
  border-radius: 999px;
  width: 20%;
  height: 100%;
  position: absolute;
}

.calculator-result-label {
  color: var(--black\<deleted\|variable-8488b010\>);
  text-transform: none;
  font-size: .75em;
}

.calculator-result {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-bottom: .5em;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2em;
  font-weight: 800;
  line-height: 1;
}

.calculator-group {
  margin-bottom: 6rem;
}

.padding-l {
  padding: 2rem;
}

.calculator-input-title {
  margin-top: 2rem;
  margin-bottom: .25rem;
  font-size: 1em;
  font-weight: 600;
}

.calculator-input-description {
  margin-bottom: 1rem;
  font-size: .75em;
}

.padding-xl {
  padding: 4rem;
}

.calculator-results {
  background-color: var(--grey-1\<deleted\|variable-d2cce35a\>);
  border-radius: 1rem;
  padding: 2rem;
  position: sticky;
  top: 4rem;
}

.calculator-grand-total {
  color: #dd3e59;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2.5em;
  font-weight: 800;
  line-height: 1;
}

.calculator-layout-grid {
  grid-column-gap: 8rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
  align-items: start;
}

.calculator-card {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  max-width: 100%;
  height: auto;
  color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 1em;
  margin-top: 2rem;
  padding: 4rem 4rem 4rem 6rem;
  box-shadow: 0 25px 50px #00000040;
}

.content-break {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  opacity: .5;
  height: .1rem;
  margin-top: 12rem;
  margin-bottom: 12rem;
  padding: 0;
}

.calculator-total-label {
  color: var(--black\<deleted\|variable-8488b010\>);
  text-transform: none;
  font-size: 1em;
}

.calculator-total-label.padding-top-m {
  padding-top: 1em;
}

.bold-text {
  font-size: 1em;
}

.text-block {
  color: var(--black\<deleted\|variable-8488b010\>);
}

.text-block.text-size-s {
  text-decoration: underline;
}

.text-block.text-size-s.color-blue-5 {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.text-block.text-size-s.color-blue-5.text-align-center.margin-top-2xl.margin-bottom-l {
  text-decoration: none;
}

.calculator-group-title {
  margin-top: 2rem;
  margin-bottom: .25rem;
  font-size: 1.5em;
  font-weight: 800;
}

.blog-summary {
  font-weight: 600;
}

.blog-headline {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4em;
}

.by-the-numbers {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin-bottom: 4rem;
  padding: 4rem 4rem 5rem;
  display: flex;
}

.by-the-numbers-metric {
  text-align: center;
  flex: 1;
  font-weight: 600;
}

.color-pink-6 {
  color: #b94ea8;
}

.color-teal-7 {
  color: #1f9494;
}

.border-radius-1 {
  border-radius: 2rem;
}

.tabset {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: var(--teal-3\<deleted\|variable-213a15ad\>);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  font-size: .75em;
  display: flex;
}

.calculator-subtotals {
  background-color: #e8fffb;
  border-radius: 1rem;
  margin-top: 2rem;
  padding: 1rem;
}

.tabset-item {
  text-decoration: none;
}

.tabset-item:hover {
  text-decoration: underline;
}

.tabset-active-item {
  background-color: var(--teal-3\<deleted\|variable-213a15ad\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 1em;
  padding-left: .5em;
  padding-right: .5em;
}

.footer-links {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-heading {
  margin-top: 0;
  font-size: 1em;
  font-weight: 400;
}

.footer-list {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer-list-link {
  opacity: .6;
  vertical-align: text-top;
  cursor: pointer;
  font-size: .75em;
  line-height: 1.2;
  text-decoration: none;
  display: block;
}

.footer-list-link:hover {
  opacity: 1;
}

.footer-nav-section {
  flex: none;
}

.footer-about {
  width: 45%;
  max-width: 50rem;
}

.notification {
  background-color: var(--_legacy---lycan--500-vivid\<deleted\|variable-5c21730c-44be-8c24-f472-75feebee1391\>);
  font-family: var(--qaw-claws_fonts---font-family--display);
  padding: 2rem;
  font-weight: 400;
  position: relative;
}

.notification.padding-l {
  position: relative;
}

.text-block-2 {
  font-size: 1.7rem;
  position: relative;
}

.close {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0%;
  left: auto;
  right: 0%;
}

.page-container {
  flex-direction: column;
}

.div-block-6 {
  position: relative;
}

.div-block-7 {
  clear: both;
  flex-direction: column;
  display: flex;
  position: relative;
}

.fs-cc-prefs2_close {
  color: #fff;
  cursor: pointer;
  background-color: #0000;
  padding: 1rem 1rem .75rem .75rem;
  font-size: 1.25rem;
  text-decoration: none;
  position: absolute;
  inset: 0 0 auto auto;
}

.fs-cc-prefs2_overlay {
  z-index: -1;
  background-color: #010440e6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_form-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_checkbox-label {
  display: none;
}

.fs-cc-banner2_container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-banner2_buttons-wrapper {
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 1.25rem;
  display: block;
}

.fs-cc-preferences2_close-icon {
  width: 2rem;
  height: 2rem;
  color: var(--blue-6\<deleted\|variable-01bea543\>);
}

.fs-cc-prefs2_form {
  color: #fff;
  background-color: #333;
  border-radius: 10px;
  width: 100%;
  max-width: 30rem;
  max-height: 85vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs2_buttons-wrapper {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 1rem;
  display: flex;
}

.fs-cc-prefs2_label {
  color: var(--black\<deleted\|variable-8488b010\>);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: .75em;
  font-weight: 400;
}

.fs-cc-banner2_text {
  margin-bottom: 6px;
  font-size: 1.75rem;
}

.fs-cc-prefs2_checkbox {
  z-index: 1;
  border-width: 1px;
  border-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  cursor: pointer;
  background-color: #fff;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_checkbox.w--redirected-checked {
  border-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: #0540f2;
  background-size: auto;
}

.fs-cc-prefs2_button {
  border: 1px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: var(--white\<deleted\|variable-048857a3\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-align: center;
  text-transform: uppercase;
  border-radius: .75em;
  padding: .75rem 1.25rem;
  font-size: 1.6rem;
  font-weight: 600;
}

.fs-cc-prefs2_button.fs-cc-button-alt {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: #fff;
  border-style: none;
  border-color: #0540f2;
  margin-bottom: .75rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: 1.6rem;
  font-weight: 600;
}

.fs-cc-prefs2_option {
  border-bottom: 1px solid #c0c0c04d;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fs-cc-prefs2_space-small {
  margin-bottom: .75rem;
}

.fs-cc-prefs2_submit {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-align: center;
  text-transform: uppercase;
  border-radius: .75em;
  margin-top: .75rem;
  padding: .75rem 1.25rem;
  font-size: 1.6rem;
  font-weight: 600;
}

.fs-cc-prefs2_content {
  color: #000;
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
  padding: 2.5rem 2rem;
}

.fs-cc-prefs2_title {
  color: #010440;
  text-align: center;
  text-transform: uppercase;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2em;
}

.fs-cc-prefs2_checkbox-field {
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  margin-bottom: 0;
  padding: .125rem;
  display: flex;
  position: relative;
}

.fs-cc-prefs2_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs_trigger, .fs-cc-manager_trigger, .fs-cc-banner_trigger {
  display: none;
}

.content-overflow {
  object-fit: fill;
  height: 200px;
  overflow: visible;
}

.pt-hero {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-items: stretch;
  max-width: 1400px;
  margin: 4rem auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
}

.pt-schedule-demo {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 1.5em;
  flex: 1;
  padding: 3rem;
}

.ff-cc-components {
  display: block;
}

.fs-cc-banner2_button-2 {
  color: #0540f2;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 12px;
  flex: 1;
  min-width: 8rem;
  margin-left: 0;
  margin-right: 10px;
  padding: .4rem 1rem;
  font-size: 1.6rem;
  font-weight: 600;
}

.fs-cc-banner2_button-2.fs-cc-button-alt {
  color: #fff9;
  background-color: #02087366;
  min-width: 7.2rem;
  font-size: 1.6rem;
  font-weight: 400;
}

.fs-cc-prefs2_component-2 {
  z-index: 9999;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-banner2_component {
  z-index: 999;
  color: #fff;
  background-color: #2020b2;
  border-radius: 0 40px 0 0;
  width: 29rem;
  padding: 2.25rem 2rem 2.25rem 3rem;
  display: none;
  position: fixed;
  inset: auto auto 0% 0%;
}

.text-block-3 {
  color: var(--black\<deleted\|variable-8488b010\>);
  font-size: 1.5rem;
}

.pt-bg {
  display: block;
}

.pt-bg.bg-blue-5 {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.testimonial-grid {
  grid-column-gap: 1rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.integration-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: center;
  display: grid;
}

.list-item---cookie-consent {
  padding-top: 0;
  display: block;
}

.heading {
  font-size: 24px;
  font-weight: 400;
}

.capability-headline {
  border-bottom: 8px solid var(--teal-4\<deleted\|variable-789a7075\>);
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  font-size: 4em;
}

.capability-h3 {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-align: center;
  text-transform: uppercase;
  margin-top: 2rem;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2em;
  font-weight: 600;
}

.calculator-get-a-quote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: 1.1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  padding: 2rem;
  display: block;
}

.width-fill {
  min-width: 100%;
}

.rich-text-block-2 {
  color: var(--black\<deleted\|variable-8488b010\>);
}

.capability-logos {
  border: 2px none var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
  border-radius: .5em;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(5em, 1fr));
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 1.4em 1em;
  display: flex;
}

.logo-bar-flexbox {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(5em, 1fr));
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  display: flex;
}

.logo-image-capability-wrapper {
  width: auto;
  max-width: 100%;
  display: block;
}

.logo-image-capability {
  min-height: 30px;
  display: block;
}

.text-span-2 {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.capabilities-item {
  border: 2px none var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 32px;
  width: 100%;
  height: 100%;
  padding: 1.75em;
  text-decoration: none;
}

.capabilities-item:hover {
  background-color: #0000;
  border-color: #0000;
  border-radius: 24px;
}

.capabilities-list {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 4em;
  display: grid;
}

.capability-icon {
  max-width: 40px;
  max-height: 40px;
  margin-bottom: .5em;
}

.capabilities-item-wrapper {
  border: 2px solid var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 32px;
  padding: 0;
}

.capabilities-item-wrapper:hover {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
}

.capability-card {
  border: 1px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 20px;
  align-self: flex-start;
  width: 340px;
  height: auto;
  padding: 1.25em 1em;
}

.capability-cards-wrapper {
  grid-column-gap: 1.75em;
  grid-row-gap: 1.75em;
  text-align: left;
  justify-content: center;
  margin-top: 1em;
  display: flex;
}

.capability-card-title {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-top: .5em;
  margin-bottom: .25em;
  font-weight: 600;
}

.capability-card-summary {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  font-size: .65em;
}

.capability-card-thumbnail {
  height: 150px;
}

.capabilities-item-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 45% 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.navbar-link-details {
  color: #28333899;
  font-size: 14px;
}

.dropdown-toggle {
  padding-left: 0;
  padding-right: 0;
  transition: all .2s;
  display: inline;
}

.dropdown-toggle:hover {
  color: #8c54ff;
}

.navbar-dropdown-menu-header {
  color: #abaeaf;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 600;
}

.navigation {
  z-index: 9;
  background-color: #0000;
  border-bottom: 1px solid #4455671c;
  flex-direction: column;
  align-items: center;
  padding: 10px 3%;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.nav-dropdown-sub-nav-link {
  color: #283338;
  width: 100%;
  margin-bottom: 15px;
  font-size: 15px;
  text-decoration: none;
  display: block;
}

.nav-dropdown-sub-nav-link:hover {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.dropdown-rows-wrap {
  flex-direction: column;
  display: flex;
}

.navigation-dropdown {
  border-radius: .75em;
  min-width: 150px;
  display: none;
  overflow: hidden;
}

.navigation-dropdown.w--open {
  background-color: #fff;
  min-width: 350px;
  max-height: 100vh;
  left: -120px;
  box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}

.nav-sub-nav-collection-list-wrapper {
  width: 90%;
  display: inline-block;
}

.nav-sub-nav-wrappers {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 0;
  padding-left: 22px;
  display: block;
}

.navbar-2 {
  display: block;
}

.empty-state {
  display: none;
}

.navigation-dropdown-wide {
  border-radius: .75em;
  min-width: 220px;
  display: none;
  overflow: hidden;
}

.navigation-dropdown-wide.w--open {
  background-color: #fff;
  min-width: 350px;
  max-height: 100vh;
  left: -120px;
  box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}

.icon-square {
  background-color: #fff;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  padding: 12px;
  display: flex;
  box-shadow: 4px 4px 20px 5px #00000017;
}

.dropdown-link-1 {
  color: #283338;
  width: 100%;
  padding: 20px 22px 16px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-1:hover {
  background-color: #f8faff;
}

.navbar-content-wrap-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  display: flex;
}

.text-block-61 {
  font-size: 16px;
}

.buy-guide-h1 {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 4em;
}

.fs-toc_richtext {
  color: var(--black\<deleted\|variable-8488b010\>);
  background-color: #0000;
  padding: 0 3rem 3rem;
}

.fs-toc_richtext h3 {
  font-size: 1.25em;
}

.fs-toc_richtext h1 {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.fs-toc_richtext ul {
  border: 2px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 20px;
  padding: 1em 1em 1em 1.5em;
  list-style-type: none;
}

.fs-toc_richtext li {
  padding-bottom: .5em;
}

.fs-toc_richtext a {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.fs-toc_richtext figcaption {
  color: #b1b1b1;
}

.fs-toc_richtext sub {
  font-size: 15px;
  overflow: auto;
}

.fs-toc_richtext ol {
  overflow: visible;
}

.fs-toc_richtext strong {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.fs-toc_link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #0000;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding: .25em .5em .25em 1em;
  text-decoration: none;
  transition: box-shadow 50ms cubic-bezier(.55, .085, .68, .53), border 50ms cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.fs-toc_link.w--current {
  color: #bcfd2e;
}

.fs-toc_link.is-h3 {
  color: #ccc;
  letter-spacing: .025rem;
  font-size: .875rem;
}

.fs-toc_link.is-h3.w--current {
  color: #eaffbb;
}

.fs-toc_link-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-small {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}

.heading-small.text-color-white {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-transform: uppercase;
  padding-left: .5em;
  font-size: 1.75rem;
  font-weight: 600;
}

.fs-toc_rich-text {
  max-width: 800px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.fs-toc_sidebar {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #1a1a1a;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  width: 30%;
  padding: 0 2rem 2rem 0;
  display: flex;
  position: sticky;
  top: 6rem;
}

.fs-toc_h-trigger {
  display: none;
}

.fs-toc_link-wrapper {
  color: #f5f5f5;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  overflow: hidden;
}

.fs-toc_link-wrapper.is-h2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 0 #000;
  overflow: visible;
}

.fs-toc_link-wrapper.is-h3 {
  border: 0 #000;
  border-left-style: solid;
  padding-left: .5rem;
}

.fs-toc_link-wrapper.is-h2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #252525;
}

.fs-toc_link-wrapper.is-h3, .fs-toc_link-wrapper.is-h4 {
  border-left: 1px solid #252525;
  padding-left: .75rem;
}

.fs-toc_link-wrapper.is-h2-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #252525;
}

.fs-toc_link-wrapper.is-h5, .fs-toc_link-wrapper.is-h6, .fs-toc_link-wrapper.is-h3-2 {
  border-left: 1px solid #252525;
  padding-left: .75rem;
}

.buy-guide-h2 {
  color: var(--black\<deleted\|variable-8488b010\>);
  font-size: .75em;
}

.buy-guide-h3 {
  color: var(--black\<deleted\|variable-8488b010\>);
  font-size: 1.5em;
}

.buy-guide-wrappers {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.buy-guide-demo-wrapper {
  text-align: left;
  margin-top: 4em;
  margin-left: 30%;
  padding-left: 3em;
  padding-right: 1em;
}

.buy-guide-demo-cta {
  width: 86%;
  margin-top: 2em;
  display: block;
}

.buy-guide-demo-header {
  max-width: 800px;
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-transform: uppercase;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 4em;
  font-weight: 600;
}

.buy-guide-email-form-block {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 1.5em;
  max-width: 70rem;
  margin: 2rem auto 2rem 0;
  padding: 2rem;
  box-shadow: 0 25px 50px #00000040;
}

.rich-text-block-3 {
  color: var(--black\<deleted\|variable-8488b010\>);
}

.industry-h2 {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4em;
  font-weight: 600;
}

.industry-h1 {
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
  margin-top: 0;
  font-size: 2em;
  display: inline-block;
}

.industry-eyebrow {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.industry-quotes {
  color: var(--black\<deleted\|variable-8488b010\>);
}

.industry-value-props {
  border: 4px solid var(--dark-teal\<deleted\|variable-d8a543d2\>);
  background-color: var(--white\<deleted\|variable-048857a3\>);
  color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 1em 1em 1.5em;
  font-family: Barlow, Arial, sans-serif;
}

.industry-description {
  color: var(--black\<deleted\|variable-8488b010\>);
  margin-bottom: auto;
}

.industry-sub-industries-richtext {
  height: auto;
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-align: center;
  padding: 1em;
}

.text {
  color: var(--black\<deleted\|variable-8488b010\>);
  text-align: center;
  font-size: 2em;
}

.text-block-63 {
  color: var(--black\<deleted\|variable-8488b010\>);
  text-align: center;
}

.industry-subhead {
  color: var(--black\<deleted\|variable-8488b010\>);
  margin-bottom: 2rem;
}

.industry-sub-industries-label {
  border: 4px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: var(--white\<deleted\|variable-048857a3\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-transform: none;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
  font-weight: 600;
  display: inline-block;
  position: relative;
  top: 0;
}

.industry-sub-industries-container {
  z-index: -1;
  border: 4px none var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 32px;
  margin-top: -1em;
  margin-bottom: 2em;
  padding-top: 1em;
  display: block;
  position: relative;
}

.industry-sub-industries-list {
  border: 4px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  width: 100%;
  color: var(--black\<deleted\|variable-8488b010\>);
  text-align: left;
  border-radius: 32px;
  margin-top: -20px;
  padding-top: 1em;
  display: inline-block;
  position: relative;
}

.div-block-9 {
  position: relative;
}

.industry-technologies {
  text-align: center;
  margin-top: 2em;
  display: block;
}

.industry-section-heading {
  color: var(--black\<deleted\|variable-8488b010\>);
  text-align: center;
  text-transform: none;
  margin-bottom: .5em;
  font-size: 2em;
}

.collection-item {
  padding-bottom: 3em;
  display: block;
}

.collection-list {
  float: none;
  clear: none;
  direction: ltr;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: -3em;
  display: flex;
}

.image {
  max-width: 70%;
  height: 2em;
  max-height: 45px;
}

.industry-logos-grid {
  float: none;
  clear: none;
  direction: ltr;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: -3em;
  display: flex;
}

.fs-toc-h3 {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-transform: uppercase;
  margin-top: 0;
  padding-left: .5em;
  font-size: 1.75rem;
}

.navbar-dropdown-toggle {
  align-items: baseline;
  margin-right: 2rem;
  padding: 1rem 0;
  font-size: 2rem;
  display: flex;
}

.navbar-dropdown-toggle:hover {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.dropdown-arrow {
  margin-left: 1rem;
}

.dropdown-arrow.navbar {
  margin-left: .5rem;
}

.navbar-dropdown-container {
  box-shadow: 0 25px 50px #00000040;
}

.navbar-dropdown-container.w--open {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  color: #fff;
  border-radius: 2rem;
  padding: 3rem;
  top: 5rem;
  right: -8rem;
}

.navbar-dropdown-container.nav3-container.w--open {
  width: 75rem;
}

.nav-collection-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.nav-dropdown-link {
  border-radius: 1rem;
  padding: 1rem;
  font-size: .75em;
  text-decoration: none;
  transition: padding-left .1s cubic-bezier(.55, .085, .68, .53), background-color .1s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.nav-dropdown-link:hover {
  background-color: #3e34eb4d;
  padding-left: 1.5rem;
  text-decoration: none;
}

.nav-dropdown-link.capa {
  font-size: .7em;
}

.nav-dropdown-link.new {
  justify-content: space-between;
  align-items: center;
  transition: padding-right .1s, padding-left .1s cubic-bezier(.55, .085, .68, .53), background-color .1s cubic-bezier(.55, .085, .68, .53);
}

.nav-dropdown-link.new:hover {
  padding-right: 1.5rem;
}

.navbar-mobile {
  color: var(--white\<deleted\|variable-048857a3\>);
  background-color: #0000;
  padding: 2rem;
  display: none;
}

.navbar-mobile.light {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: #0000;
}

.c-navbar__mobile-toggle {
  background-color: #f000;
  align-self: auto;
  padding: 1rem;
  display: block;
}

.c-navbar__mobile-toggle.w--open {
  background-color: #f000;
}

.navbar-overlay {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  min-width: 100vw;
  min-height: 5000px;
  display: block;
  position: relative;
}

.navbar-overlay.color-white {
  height: 5000px;
  display: none;
}

.mobile-menu-link {
  padding-bottom: 1rem;
  font-size: .75em;
  text-decoration: none;
}

.mobile-menu-link:hover {
  text-decoration: underline;
}

.div-block-11 {
  padding: 4rem;
}

.mobile-menu-container {
  text-align: center;
  padding: 0 2rem 2rem;
}

.navbar-overlay-link {
  margin-bottom: 2rem;
  font-size: 3rem;
  text-decoration: none;
}

.border-color-blue-5 {
  border: 2px solid var(--blue-5\<deleted\|variable-9774f60e\>);
}

.dropdown-list {
  position: relative;
}

.navbar-overlay-dropdown {
  justify-content: space-between;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.mobile-navbar {
  color: var(--white\<deleted\|variable-048857a3\>);
  background-color: #0000;
  padding: 2rem;
  display: none;
}

.mobile-navbar.light {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: #0000;
}

.pattern-bg {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b0b_patterned%20bg.png");
  background-position: 0 0;
  background-size: auto;
  align-items: center;
  min-height: 24rem;
  display: flex;
}

.collection-list-wrapper-3 {
  display: inline;
}

.logos {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-collection-item {
  margin-left: 1rem;
  margin-right: 1rem;
}

.read-more-card {
  border: .25rem solid var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: #fff;
  border-radius: 2rem;
  margin-bottom: 2rem;
  padding: 3rem;
  transition: opacity .2s, box-shadow .1s;
  position: relative;
  overflow: visible;
}

.read-more-card:hover {
  box-shadow: 11px 11px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  bottom: 4px;
  right: 4px;
}

.read-more-card.border-color-blue-5.border-radius-1.padding-l.margin-bottom-l.bg-white {
  transition: height .2s;
}

.read-more-button {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 1.5rem;
  margin: 1rem;
  padding: 1rem 2rem;
  transition: background-color .1s;
  position: absolute;
  inset: auto 1% 2% auto;
  transform: skew(0deg);
}

.read-more-button:hover {
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
}

.industry-headline {
  border-bottom: 8px solid var(--teal-4\<deleted\|variable-789a7075\>);
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  font-size: 4em;
}

.wolf-head {
  position: absolute;
  inset: -53px 0% 0% auto;
  transform: rotate(0);
}

.image-2 {
  position: absolute;
  top: -47px;
  left: 520px;
}

.arm {
  position: absolute;
  top: 142px;
  left: -78px;
}

.cap-card {
  border: .25rem solid var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 2rem;
  align-items: center;
  height: 20rem;
  margin-bottom: 2rem;
  padding: 2rem;
  text-decoration: none;
  transition: box-shadow 50ms cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.cap-card:hover {
  box-shadow: 7px 7px 0 2px var(--pink-3\<deleted\|variable-478f5ba6\>);
  bottom: 4px;
  right: 4px;
}

.div-block-13, .div-block-14 {
  display: flex;
}

.cap-card-icon {
  width: 48px;
  height: 48px;
  margin-left: 2rem;
  margin-right: 2rem;
}

.capability-headline-pink {
  border-bottom: 8px solid var(--teal-4\<deleted\|variable-789a7075\>);
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  font-size: 4em;
}

.navbar-dropdown-section-small {
  min-width: 200px;
}

.nav-dropdown-container-small {
  box-shadow: 0 25px 50px #00000040;
}

.nav-dropdown-container-small.w--open {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  color: #fff;
  border-radius: 2rem;
  justify-content: space-between;
  min-width: 240px;
  padding: 2rem 3rem 3rem;
  display: block;
  top: 5rem;
  right: -8rem;
}

.dropdown-collection-container {
  min-width: 424px;
}

.margin-left-s {
  margin-left: 1rem;
}

.padding-right-s {
  padding-right: 1rem;
  display: none;
}

.padding-left-s {
  padding-left: 1rem;
}

.hr {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  height: 2px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.hr.bg-blue-1 {
  background-color: #ababff;
}

.hr.bg-pink-3 {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.industry-value-prop {
  border: 3px solid var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--blue-6\<deleted\|variable-01bea543\>);
  background-color: #0000;
  border-radius: 2rem;
  margin-bottom: 2rem;
  padding: 4rem;
}

.pt-schedule-demo-challenge {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  box-shadow: 11px 11px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 1.5em;
  flex: 1;
  padding: 4rem;
}

.challenge-hero {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  place-items: center;
  max-width: 1200px;
  margin: 8rem auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
}

.large-safe {
  z-index: 1;
  position: absolute;
  top: 198px;
  left: 111px;
}

.safe-container {
  display: none;
  position: relative;
}

.medium-safe {
  position: absolute;
  top: -130px;
  left: 274px;
}

.small-safe {
  position: absolute;
  top: 8px;
  left: 64px;
}

.home-score {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  width: 128px;
  box-shadow: 6px 6px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 2rem;
  margin-bottom: 2rem;
  padding: 2rem;
}

.scoreboard {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.scoreboard.container-600 {
  position: relative;
}

.scoreboard.container-600.margin-bottom-xl {
  z-index: 9999;
}

.away-score {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  width: 128px;
  box-shadow: 6px 6px 0 0 var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-radius: 2rem;
  margin-bottom: 2rem;
  margin-left: 8px;
  padding: 2rem;
}

.boxing-wolves {
  position: relative;
}

.wolf-defense {
  display: none;
  position: absolute;
  top: -85.024%;
  left: -59px;
}

.wolf-offense {
  display: none;
  position: absolute;
  top: -67.024%;
  left: auto;
  right: -83px;
}

.challenge-competitor {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 2px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2rem;
  padding: 2rem 16rem;
  font-size: 1.333em;
  font-weight: 600;
  display: grid;
}

.div-block-15 {
  display: flex;
}

.inline {
  justify-content: flex-start;
  margin-top: .5rem;
  margin-bottom: .5rem;
  display: flex;
}

.inline.spaced {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  position: relative;
}

.inline.center {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
}

.inline.center.color {
  background-image: linear-gradient(to bottom, var(--blue-5\<deleted\|variable-9774f60e\>), var(--blue-5\<deleted\|variable-9774f60e\>));
  border-radius: 16px;
  padding: 1rem 2rem;
}

.margin-right-s {
  margin-right: 1rem;
}

.display-none {
  display: none;
}

.button-pink {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  width: 100%;
  color: var(--black\<deleted\|variable-8488b010\>);
  text-align: center;
  text-transform: uppercase;
  border-radius: .75em;
  padding: .75em 1.5em;
  font-weight: 600;
}

.code-block {
  background-color: var(--grey-3\<deleted\|variable-766506ca\>);
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding: 2rem;
}

.challenge-header {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  margin-top: 0;
  font-size: 4em;
  line-height: 1.1;
}

.case-studies---grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-studies---card {
  border: 3px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  height: 100%;
  color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 2rem;
  padding: 4rem;
  transition: transform 50ms, box-shadow 50ms;
  position: relative;
}

.case-studies---card:hover {
  box-shadow: 11px 11px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  transform: translate(-4px, -4px);
}

.button-blue {
  border: .2rem solid var(--white\<deleted\|variable-048857a3\>);
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  text-align: center;
  letter-spacing: .03em;
  text-transform: uppercase;
  border-radius: 1em;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: .75em 1.5em;
  font-size: 1em;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .2s, border-color .1s;
  display: block;
}

.button-blue:hover {
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
}

.case-studies---card-featured {
  border: 3px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  height: 100%;
  color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 2rem;
  padding: 4rem 3rem;
  transition: transform .1s, box-shadow .1s;
  position: relative;
}

.case-studies---card-featured:hover {
  box-shadow: 11px 11px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  transform: translate(-4px, -4px);
}

.case-studies---grid-2-col {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.at_grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.at_bug-container {
  height: 500px;
  position: relative;
}

.dot-texture {
  z-index: -10;
  position: absolute;
}

.ai-wolf {
  z-index: -20;
  border-radius: 2rem;
  position: absolute;
  top: -115px;
  right: 89.01px;
}

.bug-main {
  border: 3px solid var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-radius: 2rem;
  position: absolute;
  top: 59px;
  right: 363.003px;
}

.bug-main.hard-shadow-_-purple {
  box-shadow: 11px 11px #2b1c4acc;
}

.bug-nav {
  border: 3px solid var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-radius: 1rem;
  position: absolute;
  top: -9px;
}

.bug-nav.hard-shadow-purple {
  box-shadow: 11px 11px #2b1c4acc;
}

.bug-details {
  border: 3px solid var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-radius: 2rem;
  position: absolute;
  top: 106px;
  right: 59.01px;
}

.bug-details.hard-shadow-_-purple {
  box-shadow: 11px 11px #2b1c4acc;
}

.hard-shadow-_-purple {
  box-shadow: 11px 11px #2b1c4a;
}

.case-studies---card-header {
  height: 96px;
}

.case-studies---fixed-height {
  height: 200px;
}

.tag---grey {
  float: left;
  background-color: var(--grey-3\<deleted\|variable-766506ca\>);
  color: #656972;
  border-radius: 256rem;
  align-self: flex-start;
  margin-bottom: 0;
  margin-right: 1rem;
  padding: .5rem 1.5rem;
  font-size: .7em;
  display: inline-block;
}

.horizontal-rule-subtle {
  background-color: var(--grey-3\<deleted\|variable-766506ca\>);
  height: .1rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.horizontal-rule-subtle.margin-bottom-none {
  margin-bottom: 0;
}

.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.slide-nav, .right-arrow, .left-arrow {
  display: none;
}

.slider {
  background-color: #fff;
  height: auto;
  padding: 1rem;
}

.slide {
  text-align: center;
}

.invert {
  opacity: .3;
  filter: invert();
  width: auto;
  height: 32px;
}

.rotating-logo-bar {
  margin-top: 4rem;
}

.industry-cap-pills {
  align-items: center;
  display: block;
}

.cap-pills {
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-block;
}

.collection-item-2, .float-left {
  float: left;
}

.tag---pink {
  float: right;
  background-color: var(--pink-2\<deleted\|variable-aaaca5f0\>);
  color: #814879;
  border-radius: 256rem;
  align-self: flex-start;
  margin-bottom: 1rem;
  margin-right: 1rem;
  padding: .5rem 1.5rem;
  font-size: .7em;
  display: inline-block;
}

.case-study---pinned-to-bottom {
  margin-bottom: 4rem;
  margin-left: 3rem;
  margin-right: 3rem;
  position: absolute;
  inset: auto 0% 0%;
}

.pinned-to-bottom-margin {
  margin-bottom: 18rem;
}

.div-block-16 {
  background-color: var(--teal-3\<deleted\|variable-213a15ad\>);
}

.div-block-17 {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  height: 300px;
}

.challenge-row {
  border: 2px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 2rem;
  justify-content: center;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  transition: flex-grow .2s;
  display: block;
  position: relative;
}

.challenge-row---qa-wolf {
  text-align: right;
  justify-content: flex-end;
  width: 33%;
  display: flex;
}

.challenge-row---vs {
  color: #6d65ff;
  text-align: center;
  width: 20%;
}

.challenge-row---competitor {
  width: 33%;
  display: flex;
}

.text-span-3 {
  display: none;
}

.challenge-row-top {
  flex: 1;
  justify-content: center;
  display: flex;
}

.challenge-description {
  border-top: 2px solid #3e34eb30;
  margin-top: 2rem;
  padding: 2rem 4rem;
  display: none;
}

.trophy {
  margin-left: 1rem;
  margin-right: 1rem;
}

.text-block-64 {
  font-weight: 600;
}

.empty-state-2 {
  display: none;
}

.home-intro {
  margin-top: 8rem;
}

.home-body {
  background-color: #0c0c29;
  position: relative;
}

.intro-header {
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 10rem;
  font-weight: 600;
  line-height: 100%;
  transition: height .2s;
}

.hr-blue {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  height: 2px;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.intro-copy {
  width: 90rem;
  font-size: 2.5rem;
  font-weight: 600;
}

.intro-copy.variation {
  width: auto;
}

.home-complete-coverage {
  margin-top: 16rem;
  position: relative;
}

.home-complete-coverage.alt {
  background-color: #0b0b30;
  margin-top: 0;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.complete-coverage-container {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.complete-coverage-container.alt {
  grid-template-columns: minmax(20rem, 55rem) 1fr;
  place-items: center stretch;
}

.subsection-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.complete-coverage-graphic {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  border-radius: 12px;
  padding: 4rem;
}

.eyebrow-blue {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 16px;
  padding: .5rem 2rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 150%;
  display: inline-block;
}

.eyebrow-blue.hide-on-tablet-below {
  border-radius: 300px;
  align-self: flex-start;
  font-weight: 400;
}

.home-subhead {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  line-height: 125%;
}

.home-subhead.hide-on-desktop {
  display: none;
}

.home-subhead.hiw {
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.home-subhead.hiw.low-margin {
  margin-bottom: 2rem;
}

.home-subhead.hiw.hide {
  display: none;
}

.home-subhead.hiw._2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.home-subhead.hide {
  display: none;
}

.home-bodycopy {
  text-transform: none;
}

.home-bodycopy.text-align-center.margin-top-m.color-blue-1 {
  color: #b8b4ff;
}

.home-bodycopy.upr-bodycopy, .home-bodycopy.center, .home-bodycopy.desktop {
  text-align: center;
}

.home-bodycopy.mobile {
  display: none;
}

.home-bodycopy.pink-link {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  margin-top: 1rem;
}

.home-bodycopy.color-pink-3.blog-checkbox-label {
  letter-spacing: .5px;
  font-size: 18px;
}

.home-bodycopy.color-pink-3.blog-checkbox-label:hover {
  text-decoration: underline;
}

.home-bodycopy.color-pink-3.blog-checkbox-label.smaller {
  font-size: 1.5rem;
}

.home-bodycopy.color-pink-3.problem-type-label {
  cursor: default;
}

.home-bodycopy.color-pink-3.problem-type-label.smaller {
  font-size: 1.5rem;
}

.home-bodycopy.centered {
  text-align: center;
}

.home-bodycopy.slider-caption {
  width: 900px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.home-bodycopy.plan-1 {
  text-align: center;
}

.home-bodycopy.plan-2, .home-bodycopy.plan-3, .home-bodycopy.plan-4 {
  text-align: center;
  display: none;
}

.home-bodycopy.hiw {
  min-height: 8rem;
}

.graph-container {
  width: 100%;
  height: auto;
  box-shadow: none;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a95_pattern-grid-20%25black.png");
  background-position: 50%;
  border-radius: 1rem;
}

.hide-on-desktop {
  display: none;
}

.home-upr {
  margin-top: 24rem;
}

.home-upr.alt {
  margin-top: 0;
}

.container-400 {
  width: 88%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.upr-content-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.upr-content-container.mobile {
  display: none;
}

.eyebrow-teal {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: #0c0c29;
  border-radius: 300px;
  padding: .5rem 2rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 150%;
  display: inline-block;
}

.margin-top-biggie {
  margin-top: 60rem;
}

.upr-graphic-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #131337;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  padding-top: 0;
  display: grid;
}

.upr-graphic-container.alt {
  flex-flow: column;
  margin-top: auto;
  display: block;
}

.upr-slowside.alt {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.upr-fastside {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  height: 100%;
}

.upr-fastside.alt {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.slowside-tests {
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.slow-test {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b0d_code_blue.jpg");
  background-position: 0 0;
  background-size: cover;
  border: 2px solid #f2f2f2;
  border-radius: 1rem;
  flex: 1;
  width: auto;
  max-width: 9rem;
  height: 12rem;
  margin-left: 1rem;
  margin-right: 1rem;
  overflow: hidden;
  box-shadow: 0 24px 16px #00000040;
}

.fastside-tests {
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.fast-test {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a96_code_color.png");
  background-position: 50%;
  background-size: 184px;
  border: 2px solid #f2f2f2;
  border-radius: 1rem;
  flex: 1;
  width: auto;
  max-width: 9rem;
  height: 12rem;
  margin-left: 1rem;
  margin-right: 1rem;
  overflow: hidden;
  box-shadow: 0 24px 16px #00000040;
}

.fast-test.large {
  border-radius: 16px;
  max-width: 12rem;
  height: 16rem;
  position: relative;
}

.test-progress-bar-slow {
  background-color: #4d4d83cc;
  width: 0%;
  height: 100%;
}

.test-progress-bar-fast {
  background-color: #958fffcc;
  width: 0%;
  height: 100%;
}

.home-shadow_soft {
  box-shadow: 0 24px 16px #00000040;
}

.upr-label {
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  line-height: 150%;
}

.upr-time_container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.upr-time {
  text-align: center;
  font-size: 6rem;
  font-weight: 600;
  line-height: 100%;
}

.upr-time.color-teal-4 {
  text-transform: none;
}

.slowside-header {
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 150%;
  display: none;
}

.grid-half {
  z-index: -5;
  opacity: .15;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a98_pattern_dots-white.png");
  background-position: 50%;
  width: 100%;
  height: 400px;
  display: block;
  position: absolute;
  inset: -18rem 0% 0% -55%;
}

.grid-half.left {
  left: 0%;
  right: auto;
}

.body-dark {
  background-color: #0c0c29;
}

.ap-intro {
  margin-top: 8rem;
}

.acts-of-advocacy {
  margin-top: 0;
  margin-bottom: 8rem;
}

.act {
  background-color: #131337;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
  padding: 4rem;
  transition: box-shadow .1s, transform .1s;
  display: block;
}

.act:hover {
  box-shadow: 6px 6px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  transform: translate(-4px, -4px);
}

.act-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.act-label {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  font-size: 2rem;
  font-weight: 400;
  line-height: 150%;
}

.act-div {
  margin-bottom: 2rem;
}

.act-hr {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  height: 2px;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.act-hr.margin-bottom-none {
  margin-bottom: 0;
}

.act-cta-container {
  justify-content: flex-end;
  display: flex;
}

.act-header-text {
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 150%;
}

.button-primary-pink {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-align: center;
  letter-spacing: .03em;
  text-transform: uppercase;
  border-radius: 1rem;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  padding: .75em 1.5em;
  font-size: 2rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-block;
}

.button-primary-pink:hover {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: #f3d7ef;
}

.act-claimed-copy {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  align-self: center;
  margin-right: 2rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 150%;
  display: none;
}

.ap-intro-header {
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  line-height: 100%;
}

.ap-body-copy {
  font-size: 2rem;
  line-height: 150%;
}

.ap-body-copy.upr-bodycopy {
  text-align: center;
}

.ap-body-copy.margin-top-l {
  font-size: 2.25rem;
}

.ap-subhead {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  line-height: 150%;
}

.ap-subhead.hide-on-desktop {
  display: none;
}

.act-incentive {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: right;
  align-self: center;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 150%;
}

.chilipiper-embed {
  min-width: 200px;
  position: relative;
  overflow: auto;
}

.chilipiper-container {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 1em;
  max-width: 70%;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  overflow: hidden;
  box-shadow: 0 25px 50px #00000040;
}

.home-social-proof {
  background-color: #2b2bb9;
}

.home-social-proof.alt {
  background-color: #0000;
}

.marquee_white {
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: none;
}

.marquee_white.hide {
  display: none;
}

.marquee-list {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.marquee-list.mobile {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.marquee-list.alt {
  padding-bottom: 0;
}

.marquee-item {
  grid-column-gap: 3rem;
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
  width: 300px;
  min-width: 8rem;
  height: 16rem;
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: 8px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  margin-left: 1rem;
  padding: 2rem 2rem 1.5rem;
  transition: box-shadow .1s cubic-bezier(.55, .085, .68, .53), transform .1s cubic-bezier(.55, .085, .68, .53);
  display: flex;
  position: relative;
  box-shadow: 0 8px 16px #0006;
}

.marquee-item:hover {
  transform: translate(0, -4px);
  box-shadow: 0 24px 16px #0006;
}

.marquee-item.mobile {
  width: auto;
  margin-left: 0;
}

.marquee-item.alt {
  background-color: #2020b2;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 16rem;
  padding: 2rem 2rem 1.5rem;
}

.marquee-logo {
  filter: brightness(1000%);
  flex: none;
  align-self: flex-start;
}

.marquee-logo.alt {
  flex: none;
  align-self: flex-start;
  min-width: 10rem;
  max-width: 20rem;
  max-height: 5rem;
  padding: 0;
}

.marquee-logo.white {
  filter: brightness(1000%);
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.outcome-block {
  grid-column-gap: 4px;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 600;
  display: flex;
}

.marquee-value-prop {
  text-align: right;
  flex-flow: row;
  flex: none;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 1.5rem;
  font-weight: 400;
  display: flex;
}

.social-proof-featured {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 4rem;
  display: grid;
}

.browser-container {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9619e6_wolf-april.jpg");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  border-radius: 1rem;
  height: 14rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 16px #0006;
}

.browser-container-topbar {
  background-color: #0c0c29;
  height: 2rem;
  position: absolute;
  inset: 0% 0% auto;
}

.browser-thumbnail {
  border-radius: 16px;
  width: 100%;
  height: auto;
  position: relative;
  overflow: visible;
  box-shadow: 0 24px 16px #0000004d;
}

.sp-featured-capabilities {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sp-capability-pill {
  background-color: #131337;
  border-radius: 512px;
  padding: .5rem 1.5rem;
  font-size: 1.5rem;
}

.home-comparison-table {
  margin-top: 24rem;
}

.comp-table-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 2fr 1fr 1fr;
  grid-auto-columns: 1fr;
  position: relative;
}

.comp-table-container.home-bodycopy {
  margin-top: 4rem;
}

.comp-table-container.home-bodycopy.alt {
  margin-top: 12rem;
}

.comp-table-container.home-bodycopy.alt.task-wolf {
  background-image: none;
  margin-top: 0;
}

.comp-table-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #131337;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 2rem 4rem;
  display: grid;
}

.comp-table-grid.even {
  background-color: #0c0c29;
}

.comp-table-grid.even.sticky {
  z-index: 2;
  border-radius: 0;
  position: sticky;
  top: 0;
}

.comp-table-check {
  box-shadow: 0 16px 8px #0006;
}

.home-hero {
  height: 90vh;
  display: none;
}

.home-illustration {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a9b_hero-illustration.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80%;
  position: absolute;
  inset: auto 0% 0%;
}

.home-hero-left-refresh {
  max-width: 75vw;
  max-height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.home-hero-right-refresh {
  z-index: -1;
  max-width: 50vw;
  max-height: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.home-hero-illustration-refresh {
  z-index: -1;
  height: 90%;
  min-height: 30vh;
  display: block;
  position: absolute;
  inset: auto 0% 2em;
}

.home-quote {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-top: 24rem;
  display: block;
}

.quote-container {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.home-zero-flakes {
  margin-top: 24rem;
  position: relative;
}

.home-zero-flakes.alt {
  background-color: #0b0b30;
  margin-top: 0;
  padding-top: 24rem;
  padding-bottom: 16rem;
  overflow: hidden;
}

.zero-flakes-container {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.zero-flakes-container.alt {
  grid-template-columns: minmax(20rem, 55rem) 1fr;
  place-items: center stretch;
}

.zero-flakes-copy {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.eyebrow-pink {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  color: #0c0c29;
  border-radius: 16px;
  padding: .5rem 2rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 150%;
  display: inline-block;
}

.eyebrow-pink.hide-on-desktop {
  z-index: 5;
  display: none;
  position: relative;
}

.eyebrow-pink.hide-on-tablet-below {
  border-radius: 300px;
  align-self: flex-start;
}

.eyebrow-pink.alt {
  color: var(--blue-9\<deleted\|variable-627ad6bc\>);
  border-radius: 1024px;
}

.bad-form-container {
  color: #f2f2f2;
  background-color: #131337;
  border-radius: 16px;
  padding: 4rem;
  position: relative;
  box-shadow: 0 24px 16px #0003;
}

.bad-form-input {
  border-style: solid;
  border-width: 1px 1px 2px;
  border-color: transparent transparent var(--blue-5\<deleted\|variable-9774f60e\>);
  color: #fff;
  background-color: #0c0c29;
  height: 5rem;
  margin-bottom: 3rem;
  padding: 0 1rem;
  font-size: 2rem;
  line-height: 150%;
  transition: border-color .3s ease-in;
}

.bad-form-input:focus {
  border-style: none none solid;
  border-bottom-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--white\<deleted\|variable-048857a3\>);
}

.bad-form-input::placeholder {
  color: var(--pink-2\<deleted\|variable-aaaca5f0\>);
}

.bad-form-input.text-area {
  min-height: 10rem;
}

.bad-form-label {
  color: #fff;
  text-transform: none;
  margin-bottom: .5rem;
  font-family: Barlow, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
}

.bad-form-dropdown {
  border-style: solid;
  border-width: 1px 1px 2px;
  border-color: transparent transparent var(--blue-5\<deleted\|variable-9774f60e\>);
  color: #fff;
  background-color: #0c0c29;
  height: 5rem;
  margin-bottom: 3rem;
  padding: 0 1rem 0;
  font-size: 2rem;
  line-height: 150%;
}

.submit-button {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  width: 100%;
  color: var(--white\<deleted\|variable-048857a3\>);
  text-align: center;
  letter-spacing: .03em;
  text-transform: uppercase;
  border-radius: 1em;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: .75em 1.5em;
  font-size: 1em;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .2s, border-color .1s;
  display: block;
}

.submit-button:hover {
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
}

.submit-button.mob {
  margin-top: 4rem;
}

.bad-success {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: 16px;
}

.text-block-67 {
  color: var(--blue-9\<deleted\|variable-627ad6bc\>);
  padding-left: 1rem;
  padding-right: 1rem;
}

.bad-form-dots {
  z-index: 0;
  opacity: .05;
  color: #ababff;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a98_pattern_dots-white.png");
  background-position: 50%;
  background-size: auto;
  height: 50%;
  position: absolute;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.bad-form-dots.case-study {
  z-index: 0;
  height: 15%;
}

.demo-form-container {
  position: relative;
}

.intro-header-copy {
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 10rem;
  font-weight: 600;
  line-height: 100%;
}

.bad-form-header {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  line-height: 100%;
}

.bad-form-wrapper {
  width: 88%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 150px;
}

.xray {
  background-color: #0a0a1f;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png");
  background-position: 50%;
  border: 2px solid #fff;
  border-radius: 16px;
  height: 300px;
  position: relative;
  box-shadow: 0 24px 16px #0006;
}

.xray-foreground {
  width: 100%;
  height: 100%;
  position: absolute;
}

.xray-bug {
  width: 9rem;
  height: 12rem;
  display: block;
  position: absolute;
  top: -161px;
  left: 43%;
}

.xray-background {
  width: 100%;
  height: 100%;
  position: absolute;
}

.xray-bug-1 {
  background-color: #ffc700;
  border: 2px solid #f2f2f2;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
}

.xray-bug-2 {
  background-color: #0000;
  border: 1px solid #f2f2f2;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.full-size-image {
  width: 100%;
  height: 100%;
}

.full-size-image.screen {
  mix-blend-mode: screen;
}

.xray-flake {
  width: 9rem;
  height: 12rem;
  position: absolute;
  top: -161px;
  left: 43%;
}

.xray-flake-1 {
  background-color: #ffc700;
  border: 2px solid #f2f2f2;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
}

.xray-flake-2 {
  background-color: #ffc700;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ac8_snowflake.png");
  background-position: 0 0;
  background-size: cover;
  border: 2px solid #f2f2f2;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
}

.xray-arm {
  z-index: 1;
  width: 350px;
  position: absolute;
  top: 82px;
  left: 571px;
}

.zero-flakes-issue-trackers {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 4rem;
  display: flex;
}

.home-cta {
  margin-top: 24rem;
}

.home-cta.ai {
  margin-top: 16rem;
  display: block;
}

.home-cta._2 {
  margin-top: 8rem;
}

.home-contact-form {
  width: 45vw;
  min-width: 500px;
  max-width: 800px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.home-contact-input {
  z-index: 2;
  border: .2rem solid var(--white\<deleted\|variable-048857a3\>);
  background-color: var(--grey-2\<deleted\|variable-dc2f645f\>);
  height: 3.25em;
  box-shadow: inset 1px 1px 3px 0 var(--black-a10\<deleted\|variable-5a302120\>);
  color: var(--black\<deleted\|variable-8488b010\>);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  align-self: stretch;
  margin-bottom: 0;
  padding: 0 1em;
  font-size: 1em;
  line-height: 1.5;
  transition: border .2s;
}

.home-contact-input:focus {
  border-color: #0c0c29;
}

.home-contact-input::placeholder {
  color: #ababab;
}

.contact-button {
  color: var(--white\<deleted\|variable-048857a3\>);
  letter-spacing: .03em;
  text-transform: uppercase;
  background-color: #0c0c29;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  padding: .75em 1.5em;
  font-size: 1em;
  font-weight: 400;
  transition: background-color .2s, border-color .1s;
  display: block;
}

.contact-button:hover {
  background-color: #131337;
}

.contact-button.hero {
  letter-spacing: 0;
  text-transform: none;
  padding: 2rem 3.5rem;
  font-weight: 600;
  line-height: 1.5px;
}

.home-email-form {
  border-radius: 16px;
  flex-flow: row;
  align-items: center;
  width: 100%;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 24px #0006;
}

.bug-flake-detector {
  z-index: 5;
  background-color: #0a0a1f;
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
}

.light {
  background-color: #131337;
  border-radius: 512px;
  align-self: center;
  width: 24px;
  height: 24px;
  margin-right: 1rem;
}

.detector-bug {
  margin-right: 1rem;
  padding: .5rem 1rem;
  display: flex;
}

.xray-wolfvision {
  z-index: 5;
  text-align: right;
  font-size: 2rem;
  position: absolute;
  inset: 16px 24px auto auto;
}

.hero-copy-container {
  position: relative;
}

.color-blue-3 {
  color: #9791ff;
}

.playwright-sentence {
  margin-top: 2rem;
  display: inline-block;
}

.inline-block {
  display: inline-block;
}

.image-3 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.img_playwright {
  border-radius: 8px;
  margin-left: .25rem;
  margin-right: .25rem;
  padding: .5rem .5rem .75rem;
  transition: padding-right .1s cubic-bezier(.55, .085, .68, .53), padding-left .1s cubic-bezier(.55, .085, .68, .53), background-color .1s cubic-bezier(.55, .085, .68, .53);
  display: none;
}

.img_playwright:hover {
  background-color: #242455;
  border-radius: 8px;
  margin-left: .25rem;
  margin-right: .25rem;
  padding-left: .75rem;
  padding-right: .75rem;
}

.sp-video-thumb {
  display: flex;
  position: relative;
}

.play-button-container {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.play-button {
  opacity: 1;
  background-color: #ffffff4d;
  border-radius: 512px;
  align-self: center;
  padding: 16px;
  transition: opacity .2s cubic-bezier(.25, .46, .45, .94), padding .2s cubic-bezier(.25, .46, .45, .94);
  display: inline-block;
}

.play-button.case-study {
  padding: 4rem;
}

.text-block-68 {
  margin-top: 3em;
}

.div-block-18 {
  margin-top: 3em;
  display: flex;
}

.slider-hide {
  display: none;
}

.quote-slider {
  background-color: #0000;
  height: auto;
}

.image-4 {
  width: 100%;
}

.full-size-image-2 {
  border-radius: 16px;
  width: 100%;
  height: auto;
  box-shadow: 0 24px 16px #0006;
}

.full-size-image-2.screen {
  mix-blend-mode: screen;
}

.mic-right {
  z-index: 2;
  position: absolute;
  top: 152px;
  left: 235px;
}

.mic-container {
  border-radius: 16px;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.mic-middle {
  position: absolute;
  top: 194px;
  right: 46px;
}

.mic-left {
  position: absolute;
  top: 188px;
  left: -156px;
}

.typed-container {
  display: inline-block;
}

.dynamic-thumbnail {
  background-color: #0c0c29;
  border-radius: 16px;
  height: 24rem;
  position: relative;
  overflow: hidden;
}

.dt-logo {
  display: inline-block;
  transform: rotate(-15deg);
}

.dt-on-the-mic {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 600;
  display: flex;
  transform: rotate(-15deg);
}

.dt-on-the-mic-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.full-dots {
  opacity: .05;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a98_pattern_dots-white.png");
  background-position: 50%;
  background-size: auto;
  width: 100%;
  height: 100%;
}

.home-link {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  border-bottom: 2px solid #0000;
  padding-bottom: 2px;
  font-size: 2rem;
  line-height: 150%;
  text-decoration: none;
  transition: border-color 50ms cubic-bezier(.55, .085, .68, .53);
  display: inline-block;
}

.home-link:hover {
  border-bottom: 2px solid var(--teal-4\<deleted\|variable-789a7075\>);
}

.home-link.white {
  color: #fff;
}

.comp-table-head {
  font-weight: 600;
}

.body-link {
  color: var(--white\<deleted\|variable-048857a3\>);
}

.body-link-1 {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.bg-lycan {
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  position: relative;
}

.bg-lycan.home-adjustment {
  margin-bottom: -2rem;
}

.bg-lycan.hide {
  display: block;
}

.table-qaw-logo {
  text-align: center;
  margin-bottom: .5rem;
}

.table-qaw-logo.page_service {
  max-width: 24rem;
  margin-bottom: 0;
}

.marky-item {
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.image-5 {
  max-width: 100px;
}

.mark-tab {
  background-color: #000;
  margin-right: 30px;
}

.mark-tab.w--current {
  background-color: #a36060;
}

.mark-track {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  display: block;
}

.tabs {
  align-items: flex-start;
  display: flex;
}

.div-block-19 {
  width: 100vw;
}

.tabs-menu {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.marquee-wrapper.alt {
  animation-name: x-slide-left;
  animation-duration: 200s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.radio-button-field {
  position: absolute;
  inset: 0%;
}

.radio-button-label {
  opacity: 0;
  text-transform: none;
  position: absolute;
  inset: 0%;
}

.radio-button {
  display: none;
}

.hidden-radio-label {
  opacity: 0;
  text-transform: none;
  position: absolute;
  inset: 0%;
}

.hidden-radio-button {
  opacity: 0;
  position: relative;
}

.marquee-radio-container {
  margin-bottom: 0;
  padding-left: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.marky-mark-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--white\<deleted\|variable-048857a3\>);
  width: 300px;
  height: 10rem;
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: 8px;
  flex: none;
  justify-content: space-between;
  align-items: center;
  margin-left: 1rem;
  padding: 1rem;
  transition: box-shadow .1s cubic-bezier(.55, .085, .68, .53), transform .1s cubic-bezier(.55, .085, .68, .53);
  display: flex;
  position: relative;
  box-shadow: 0 8px 16px #0006;
}

.marky-mark-content:hover {
  transform: translate(0, -4px);
  box-shadow: 0 24px 16px #0006;
}

.marky-mark {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  overflow: hidden;
}

.marky-mark.mobile {
  display: none;
}

.text-block-69 {
  color: #1c1c4a;
  padding-left: 1rem;
  padding-right: 1rem;
}

.bad-success-2 {
  color: #262673;
  background-color: #0df2cc;
  border-radius: 16px;
}

.bad-form-header-2 {
  color: #0df2cc;
  line-height: 100%;
}

.bad-form-dropdown-2 {
  color: #fff;
  background-color: #0c0c29;
  border: 1px solid #0000;
  border-bottom: 2px solid #3e34eb;
  height: 5rem;
  margin-bottom: 3rem;
  padding: 0 1rem 0;
  font-size: 2rem;
  line-height: 150%;
}

.bad-form-input-2 {
  color: #fff;
  background-color: #0c0c29;
  border: 1px solid #0000;
  border-bottom: 2px solid #3e34eb;
  height: 5rem;
  margin-bottom: 4rem;
  padding: 0 1rem;
  font-size: 2rem;
  line-height: 150%;
  transition: border-color .3s ease-in;
}

.bad-form-input-2:focus {
  color: #fff;
  border-style: none none solid;
  border-bottom-color: #0df2cc;
}

.bad-form-input-2::placeholder {
  color: #2f2f5a;
}

.submit-button-2 {
  color: #fff;
  text-align: center;
  letter-spacing: .03em;
  text-transform: uppercase;
  background-color: #3e34eb;
  border-radius: 1em;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: .75em 1.5em;
  font-size: 1em;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .2s, border-color .1s;
  display: block;
}

.submit-button-2:hover {
  background-color: #33c;
}

.form-block-2 {
  margin-bottom: 0;
}

.sp-featured-wrapper {
  margin-top: 2rem;
}

.trust-by-blocks {
  flex: 1;
  justify-content: space-between;
  text-decoration: none;
  display: flex;
}

.case-study-wrapper {
  color: #fff;
  background-color: #0c0c29;
  position: relative;
}

.case-study-header {
  z-index: 2;
  position: relative;
}

.case-study-logo-container {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 16px;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding: 2rem 4rem;
  display: inline-block;
  box-shadow: 0 24px 16px #0006;
}

.case-study-cta {
  color: #fff;
  margin-top: 12rem;
}

.case-study-pill {
  border-radius: 16px;
  padding: 1rem 2rem;
  display: inline-block;
}

.case-study-pill.blue {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 300px;
}

.case-study-pill.pink {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  color: #0c0c29;
  border-radius: 300px;
}

.case-study-pill.teal {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: #0c0c29;
  border-radius: 300px;
}

.sp-container {
  max-height: 30rem;
  overflow: hidden;
}

.sp-container.hide-on-mobile {
  display: none;
}

.hr-blue-2 {
  background-color: #3e34eb;
  height: 2px;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

._2-col-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
  position: relative;
  overflow: visible;
}

._2-col-grid.margin-top-2xl {
  margin-bottom: 0;
}

._2-col-grid.benchmarks {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 2rem;
}

._2-col-grid.narrow {
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  text-align: center;
  font-size: .65em;
}

._2-col-grid.podcast-hero {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

._2-col-grid.sked {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

._2-col-grid.event-venue-container {
  background-color: #2c2c60;
  border-radius: 2rem;
  place-items: center stretch;
  padding: 4rem;
}

._2-col-grid.slider {
  background-color: #0000;
}

._2-col-grid.small-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.z-top {
  z-index: 10;
}

.pt-schedule-demo-2 {
  background-color: #fff;
  border-radius: 1.5em;
  flex: 1;
  padding: 3rem;
}

.form-input-tactile-2 {
  color: #151b26;
  background-color: #f2f4f7;
  border: .2rem solid #fff;
  border-radius: 1em;
  height: 3.25em;
  margin-bottom: 0;
  margin-right: .5em;
  padding: 0 1em;
  font-size: 1em;
  line-height: 1.5;
  transition: border .2s;
  box-shadow: inset 1px 1px 3px #0000001a;
}

.form-input-tactile-2:focus {
  border-color: #3e34eb;
}

.form-input-tactile-2::placeholder {
  color: #ababab;
}

.email-form-success-2 {
  background-color: #0df2cc;
  border-radius: .5em;
}

.color-black-2 {
  color: #151b26;
}

.color-blue-9 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: #262673;
}

.email-form-error-2 {
  text-align: center;
  background-color: #f4bdec;
  border-radius: .5em;
  margin-top: 1rem;
  padding: 1em 2em;
}

.calc-step {
  background-color: #131337;
  border-radius: 1rem;
  margin-top: 4rem;
  padding: 4rem;
}

.fs-rangeslider_handle-2 {
  z-index: 1;
  cursor: grab;
  background-color: #5c2aff;
  border-radius: 100rem;
  flex: none;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 1px 1px 12px #0003;
}

.fs-rangeslider_handle-2:focus {
  background-color: #5c2aff;
}

.fs-rangeslider_handle-2.is-pink {
  background-color: var(--white\<deleted\|variable-048857a3\>);
}

.fs-rangeslider_track-2 {
  background-color: var(--blue-9\<deleted\|variable-627ad6bc\>);
  border-radius: 999rem;
  height: 1rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fs-rangeslider_handle-value-2 {
  text-align: center;
  width: 4rem;
  margin-bottom: -3rem;
  margin-left: -.75rem;
  position: absolute;
  inset: 40px auto 0% 0%;
}

.fs-rangeslider_fill-2 {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 999px;
  width: 20%;
  height: 100%;
  position: absolute;
}

.text-block-70 {
  width: 8rem;
  position: absolute;
  top: 78px;
  left: -16px;
}

.calc-container {
  background-color: var(--white\<deleted\|variable-048857a3\>);
}

.airpods-max-white {
  z-index: 5;
  display: block;
  position: relative;
}

.airpods-container {
  position: relative;
}

.dots-cc-2 {
  z-index: 0;
  opacity: .15;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a98_pattern_dots-white.png");
  background-position: 50%;
  width: 400px;
  height: 500px;
  position: absolute;
  bottom: 0%;
  right: 0%;
}

.dots-cc-2.left {
  left: 0%;
  right: auto;
}

.airpod-mobile {
  display: none;
}

.costcalc-nav {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.costcalc-tab {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  border-radius: 256px;
  padding: 1rem;
}

.costcalc-tab.active {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  text-decoration: none;
}

.text-block-71 {
  font-weight: 400;
}

.convertcalc-embed {
  color: #0000;
  background-color: #0000;
  border-radius: 16px;
  margin-top: 2em;
}

.bg-navy {
  background-color: #0c0c29;
}

.ref-h2 {
  margin-top: 2rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 1.75em;
}

.color-blue-1 {
  color: #ababff;
}

.bg-texture {
  z-index: -1000;
  opacity: .15;
  background-image: linear-gradient(#0c0c2900, #0c0c29), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a98_pattern_dots-white.png");
  background-position: 0 0, 50%;
  background-size: auto, auto;
  width: 100%;
  height: 80rem;
  position: absolute;
  inset: 0% 0% auto;
}

.blog-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  display: grid;
}

.topics-container {
  position: sticky;
  top: 4rem;
}

.blog-posts-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-post {
  border: 2px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 16px;
  padding: 2rem;
  text-decoration: none;
  transition: box-shadow .2s, transform .2s;
  position: relative;
  overflow: hidden;
}

.blog-post:hover {
  box-shadow: 6px 6px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  transform: translate(-4px, -4px);
}

.blog-post.case-study {
  background-color: #0c0c29;
  flex: 1;
  padding-bottom: 3rem;
}

.blog-checkbox {
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.checkbox {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-style: none;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 1rem;
  padding-left: 0;
}

.checkbox.w--redirected-checked {
  border-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-image: none;
}

.checkbox.case-studies-checkox {
  margin-top: 5px;
}

.blog-form {
  margin-top: 2rem;
}

.blog-thumb {
  z-index: -500;
  object-fit: cover;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-size: auto;
  width: 100%;
  height: 300px;
  position: absolute;
  inset: 0%;
}

.blog-thumb-container {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png");
  background-position: 0 0;
  background-size: auto;
  align-items: center;
  height: 300px;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.blog-thumbnail-header {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-transform: none;
  background-color: #0c0c29;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 1.5em;
  text-decoration: none;
}

.thumbnail-fallback {
  z-index: -1000;
  background-color: #3b3bef;
  position: absolute;
  inset: 0%;
}

.wolf-tube {
  margin-top: 8%;
  position: fixed;
}

.case-studies-list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.cap-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  margin-top: 2rem;
  font-size: 1.5rem;
  display: flex;
}

.case-study-thumb-header {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-transform: none;
  margin-top: 2rem;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 1.5em;
  text-decoration: none;
}

.blog-item {
  display: flex;
}

.read-more-fade {
  background-image: linear-gradient(#0c0c2900, #0c0c29 50%);
  padding: 4rem 2rem;
  position: absolute;
  inset: auto 0% 0%;
}

.scoreboard-header {
  text-align: center;
}

.score-label {
  text-align: center;
  font-size: 1.3em;
  font-weight: 600;
}

.challenge-header-pink {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  margin-top: 0;
  font-size: 4em;
  line-height: 1.1;
}

.calc-h1 {
  color: #8781ff;
  text-align: center;
  text-transform: none;
  margin-bottom: 3rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 10rem;
  font-weight: 600;
  line-height: 100%;
}

.calc-intro-subhead {
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2.25rem;
  line-height: 170%;
}

.calc-intro-subhead.upr-bodycopy {
  text-align: center;
}

.calc-intro-subhead.margin-top-l {
  font-size: 2.25rem;
}

.calc-intro-subhead.margin-top-l.margin-bottom-2xl {
  text-align: left;
  font-family: Barlow Condensed, Arial, sans-serif;
}

.gradient-dots {
  z-index: 0;
  opacity: .05;
  color: #ababff;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b76_gradient-dots.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: fixed;
  height: 50%;
  position: absolute;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.gradient-dots.case-study {
  z-index: 0;
  height: 15%;
}

.calc-h2 {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-align: center;
  margin-bottom: .125rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 600;
}

.calc-body-text {
  text-align: center;
  margin-bottom: 40px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 180%;
}

.calc-body-text.upr-bodycopy {
  text-align: center;
}

.calc-body-text.margin-top-l {
  font-size: 2.25rem;
}

.calc-h3 {
  color: var(--white\<deleted\|variable-048857a3\>);
  margin-top: 0;
  padding-top: 18px;
  padding-bottom: 10px;
  font-size: 2.5rem;
}

.cell {
  border: 1px solid var(--blue-5\<deleted\|variable-9774f60e\>);
}

.quick-stack {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 0;
}

.calc-card {
  border: 3px solid var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-radius: 2rem;
  justify-content: flex-start;
  padding: 45px 50px 60px;
  text-decoration: none;
  transition: transform .1s, box-shadow .1s;
}

.calc-card:hover {
  box-shadow: 11px 11px 0 0 var(--blue-5\<deleted\|variable-9774f60e\>);
  transform: translate(-4px, -4px);
}

.calc-card-text {
  margin-bottom: 0;
  padding-bottom: 18px;
  padding-right: 12px;
  font-size: 2rem;
  line-height: 150%;
  text-decoration: none;
}

.calc-card-text.upr-bodycopy {
  text-align: center;
}

.calc-card-text.margin-top-l {
  font-size: 2.25rem;
}

.calc-est-time {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.calc-card-img {
  height: 46px;
}

.calc-card-link {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  font-size: 2rem;
  font-weight: 600;
  text-decoration: underline;
}

.calc-stack {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 0;
}

.convertcalc-quote {
  max-width: 720px;
  margin-top: 0;
}

.convertcalc-get-a-quote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  border-radius: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 3rem;
  padding: 0 2rem 2rem;
  display: block;
}

.convertcalc-quote-heading {
  text-align: center;
  margin-top: 0;
}

.calc-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-block {
  text-decoration: none;
}

.column {
  padding-left: 0;
  padding-right: 0;
}

.preloader {
  z-index: 10000;
  background-color: #0c0c29;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
}

.preloader-text {
  align-self: center;
  position: absolute;
}

.calc-intro-description {
  text-align: left;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2.25rem;
}

.calc-intro-description.upr-bodycopy {
  text-align: center;
}

.calc-intro-description.margin-top-l {
  font-size: 2.25rem;
}

.calc-intro-description.margin-top-l.margin-bottom-2xl {
  text-align: left;
  font-family: Barlow Condensed, Arial, sans-serif;
}

.logo-marquee {
  grid-column-gap: 1rem;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.logo-marquee-content {
  grid-column-gap: 1rem;
  flex: none;
  justify-content: center;
  align-self: stretch;
  min-width: 100%;
  display: flex;
}

.logo-marquee-item {
  height: 3rem;
  margin: 3rem 1rem 2rem;
}

.logo-marquee-item.smaller {
  height: 2.56rem;
}

.logo-marquee-mobile {
  grid-column-gap: 1rem;
  align-items: stretch;
  display: none;
  overflow: hidden;
}

.logo-marquee-content-mobile {
  grid-column-gap: 1rem;
  flex: none;
  justify-content: space-around;
  align-self: stretch;
  min-width: 100%;
  display: flex;
}

.coverage-slider {
  border-radius: 16px;
  height: 80rem;
}

.coverage-slide {
  background-color: #0000;
  border-radius: 16px;
  position: relative;
}

.hiw-slilder-nav {
  justify-content: center;
  display: none;
  position: relative;
}

.coverage-slide-graphic {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-height: 55rem;
  display: flex;
  overflow: hidden;
}

.hiw-slide-copy {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.hiw-slider-mask {
  background-color: #0c0c29;
  position: static;
}

.hiw-slider-mask.next-slide-visible {
  background-color: #0000;
  overflow: visible;
}

.hiw-right-arrow {
  width: 48px;
  height: 48px;
  position: relative;
}

.hiw-left-arrow {
  float: left;
  width: 48px;
  height: 48px;
  position: relative;
}

.right-arrow-2 {
  clear: left;
}

.right-arrow-3 {
  clear: right;
}

.right-arrow-4 {
  float: left;
}

.right-arrow-5 {
  float: right;
}

.sticky-nav {
  z-index: 100;
  background-color: #0c0c29;
  position: sticky;
  top: -.1rem;
  box-shadow: 0 10px 20px #0003;
}

.hiw-header {
  color: #ababff;
  text-align: center;
  position: relative;
}

.sticky-nav-link {
  border: 2px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 16px;
  margin: 2rem 1rem;
  padding: .5rem 2rem;
  font-size: 2rem;
  font-weight: 600;
  transition: background-color .2s;
}

.sticky-nav-link:hover {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
}

.sticky-nav-link.w--current {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  color: #fff;
}

.sticky-nav-container {
  background-color: #0c0c29;
}

.bg-texture-copy {
  z-index: -10;
  opacity: .15;
  background-image: linear-gradient(#0c0c2900, #0c0c29), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a98_pattern_dots-white.png");
  background-position: 0 0, 50%;
  background-size: auto, auto;
  width: 100%;
  height: 30rem;
  position: absolute;
  inset: 0% 0% auto;
}

.code-like-crazy {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ae5_pattern_grid_white-5%25.png");
  background-position: 50% 0;
  background-size: auto;
  margin-top: 15rem;
  margin-bottom: 15rem;
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
}

.code-like-crazy-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: #1c1c4f;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.clc-code-block {
  background-color: #151b26;
  border-radius: 16px;
  height: 44rem;
  padding: 2rem;
  overflow: hidden;
  box-shadow: 0 10px 20px #0003;
}

.coverage-slide-1 {
  width: 60%;
  height: auto;
  display: inline-block;
  box-shadow: 0 10px 20px #0003;
}

.run {
  margin-bottom: 40rem;
  position: relative;
}

.rip-results {
  z-index: 1;
  background-color: #1c1c4f;
  border-radius: 16px;
  width: 50rem;
  height: 30rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem;
  position: relative;
  box-shadow: -20px 0 30px #0006, 20px 0 30px #0006;
}

.cloud-marquee {
  grid-column-gap: 2rem;
  flex-direction: row;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  position: absolute;
  top: 15%;
  overflow: hidden;
}

.cloud-marquee.bottom {
  position: absolute;
  top: 50%;
}

.cloud-container {
  grid-column-gap: 2rem;
  background-color: #0c0c29;
  border: 2px solid #ababff;
  border-radius: 8px;
  width: 10rem;
  height: 8rem;
  display: flex;
  position: relative;
}

.cloud-marquee-content {
  grid-column-gap: 2rem;
  flex: none;
  min-width: 100%;
  display: flex;
}

.cloud-marquee-content.scroll {
  min-width: 100%;
  overflow: visible;
}

.cloud-container-top-bar {
  background-color: #ababff;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  height: 2rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.circle {
  background-color: #0c0c29;
  border-radius: 256px;
  width: 8px;
  height: 8px;
  margin-left: .5rem;
  margin-right: 0;
}

.circle.big {
  width: 16px;
  height: 16px;
  margin-left: 1rem;
}

.coverage-slide-2 {
  width: 60%;
  height: auto;
  display: inline-block;
  position: relative;
  box-shadow: 0 10px 20px #0003;
}

.maintain {
  margin-bottom: 20rem;
  position: relative;
  overflow: hidden;
}

.slider-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.slider-2 {
  background-color: #0c0c29;
  width: 1000px;
  height: 600px;
  position: static;
}

.mask-2 {
  background-color: #0c0c29;
  position: static;
  overflow: visible;
}

.slide-2 {
  background-color: #0c0c29;
}

.slide-contents-container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slide-contents {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  width: 95%;
  height: 90%;
}

.maint-slider {
  background-color: #0000;
  border-radius: 16px;
  width: 100%;
  height: 65rem;
  margin-top: 4rem;
  position: relative;
}

.right-arrow-6 {
  z-index: 1000;
  width: 50px;
  height: 50px;
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 2rem;
  top: -35rem;
}

.left-arrow-2 {
  z-index: 1000;
  width: 50px;
  height: 50px;
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 2rem;
  top: -35rem;
}

.maint-slide-graphic-1 {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40rem;
  min-height: 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.maint-texture {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ae5_pattern_grid_white-5%25.png");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 900px;
  display: none;
  position: absolute;
  top: 3434px;
}

.expand {
  margin-bottom: 15rem;
  position: relative;
  overflow: hidden;
}

.max-container-with-grid {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ae5_pattern_grid_white-5%25.png");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.max-container-with-grid.margin-top-l.button-pink {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: .75em;
  padding: .75em 1.5em;
  font-weight: 600;
  transition: background-color .2s;
}

.max-container-with-grid.margin-top-l.button-pink {
  color: #262673;
  background-color: #f4bdec;
  border-radius: .75em;
  padding: .75em 1.5em;
  font-weight: 600;
  transition: background-color .2s;
}

.max-container-with-grid.margin-top-l.button-pink:hover {
  background-color: #f8d3f2;
}

.max-container-with-grid.container-center {
  justify-content: center;
  display: flex;
}

.max-container-with-grid.with-bg {
  background-color: #131337;
  position: relative;
}

.expand-slider {
  background-color: #0000;
  border-radius: 16px;
  width: 100%;
  height: 80rem;
  margin-top: 4rem;
  position: relative;
}

.expand-slide-graphic {
  background-color: #3b3bef;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-height: 55rem;
  display: flex;
  overflow: hidden;
}

.plan-animation-container {
  background-color: #3b3bef;
  border-radius: 16px;
  width: 100%;
  height: 55rem;
  overflow: hidden;
}

.slider-controls-1 {
  justify-content: space-between;
  padding: 2rem 1rem;
  display: flex;
}

.back---plan {
  opacity: 0;
  display: block;
}

.map-container {
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.charm-bar, .map-results, .map-context, .map {
  height: 80%;
}

.next---matrix, .back---paw {
  opacity: 1;
  display: none;
}

.slider-button {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: 256px;
  padding: .5rem 2rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.slider-button.hidden {
  opacity: 0;
}

.slider-button.pink {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  align-self: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 2rem;
}

.slider-controls-2, .slider-controls-3, .slider-controls-4 {
  justify-content: space-between;
  padding: 2rem 1rem;
  display: flex;
}

.maps-outline {
  display: none;
}

.code-purple {
  color: #a29eff;
}

.fs_accordion-2_message {
  color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
}

.fs_accordion-2_paragraph {
  margin-bottom: 0;
}

.fs_accordion-2_body {
  background-color: #fff;
  padding: 1rem 1.5rem;
}

.fs_accordion-2_body.lmm {
  color: var(--black\<deleted\|variable-8488b010\>);
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.fs_accordion-2_content {
  transition: max-height .2s;
  overflow: hidden;
}

.fs_accordion-2_icon {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-right: 0;
  font-size: 3rem;
  position: relative;
}

.fs_accordion-2_arrow-wrapper {
  transition: transform .2s;
}

.fs_accordion-2_arrow-wrapper.is-active-accordion {
  transform: rotate(180deg);
}

.fs_accordion-2_label {
  font-size: 1.25rem;
  font-weight: 500;
}

.fs_accordion-2_label.lmm {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 3em;
  font-weight: 600;
}

.fs_accordion-2_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #f5f5f5;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.fs_accordion-2_header:focus-visible, .fs_accordion-2_header[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_accordion-2_header.lmm {
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.fs_accordion-2_header.lmm:hover {
  background-color: var(--grey-2\<deleted\|variable-dc2f645f\>);
}

.fs_accordion-2_item.lmm {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 16px;
  padding: 4rem 8rem;
}

.fs_accordion-2_embed {
  margin-bottom: 0;
}

.fs_accordion-2_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.lmm-h3 {
  margin-top: 4rem;
  font-weight: 600;
}

.lmm-pill {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 256px;
  padding: .5rem 2rem;
  font-weight: 600;
  display: inline-block;
}

.lmm-h4 {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.fs_accordion-1_message {
  color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
}

.fs_accordion-1_paragraph {
  margin-bottom: 0;
}

.fs_accordion-1_paragraph.lmm {
  max-width: 100%;
  font-size: 2rem;
  line-height: 150%;
}

.fs_accordion-1_body {
  background-color: #fff;
  padding: 1rem 1.5rem;
}

.fs_accordion-1_body.lmm {
  background-color: var(--grey-3\<deleted\|variable-766506ca\>);
  padding-left: 2rem;
  padding-right: 2rem;
}

.fs_accordion-1_content {
  overflow: hidden;
}

.fs_accordion-1_icon {
  margin-right: 0;
  font-size: 1.125rem;
  position: relative;
}

.fs_accordion-1_icon.lmm {
  font-size: 2rem;
}

.fs_accordion-1_label {
  font-size: 1.25rem;
  font-weight: 500;
}

.fs_accordion-1_label.lmm {
  font-size: 2rem;
  font-weight: 600;
  line-height: 150%;
}

.fs_accordion-1_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #f5f5f5;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.fs_accordion-1_header:focus-visible, .fs_accordion-1_header[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_accordion-1_header.lmm {
  background-color: var(--grey-3\<deleted\|variable-766506ca\>);
  padding: 1rem 2rem;
}

.fs_accordion-1_item {
  border-radius: 16px;
  overflow: hidden;
}

.fs_accordion-1_embed {
  margin-bottom: 0;
}

.fs_accordion-1_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ca-container {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 45rem;
  min-height: 45rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.charm-bar-2 {
  height: 80%;
}

.map-results-2, .map-context-2, .map-2 {
  height: 80%;
  position: relative;
}

.maps-outline-2 {
  opacity: 0;
  height: 80%;
  display: block;
  position: absolute;
  left: 50%;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000004d;
}

.directions-test-2 {
  height: 30%;
  display: block;
  position: absolute;
  left: 8%;
  box-shadow: 0 10px 20px #0000004d;
}

.aaa-outline-2 {
  height: 90%;
  display: block;
  position: absolute;
  right: 4%;
  box-shadow: 0 10px 20px #0003;
}

.charm-bar-mobile {
  height: 80%;
}

.map-results-mobile, .map-context-mobile {
  height: 80%;
  position: relative;
}

.map-mobile {
  height: 80%;
  position: relative;
  left: -1px;
}

.maps-outline-mobile {
  opacity: 0;
  height: 80%;
  display: block;
  position: absolute;
  left: 50%;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000004d;
}

.aaa-outline-mobile {
  opacity: 0;
  height: 90%;
  display: block;
  position: absolute;
  right: -600px;
  box-shadow: 0 10px 20px #0003;
}

.directions-test-mobile {
  opacity: 0;
  height: 30%;
  display: block;
  position: absolute;
  left: -600px;
  box-shadow: 0 10px 20px #0000004d;
}

.plan-buttons-mobile {
  margin-top: 1rem;
  display: none;
}

.slide-1-buttons {
  justify-content: flex-end;
  display: flex;
}

.slide-1-buttons.desktop {
  justify-content: center;
}

.slide-2-buttons {
  justify-content: space-between;
  display: none;
}

.slide-2-buttons.desktop {
  justify-content: center;
  display: none;
}

.slide-3-buttons {
  justify-content: space-between;
  display: none;
}

.slide-3-buttons.desktop {
  justify-content: center;
  display: none;
}

.slide-4-buttons {
  display: none;
}

.slide-4-buttons.desktop {
  justify-content: center;
  display: none;
}

.plan-copy-container {
  margin-top: 2rem;
}

.hiw-stick-subhead {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.calc-intro-subhead-2 {
  color: #fff;
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2.25rem;
  line-height: 150%;
}

.calc_form_label {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}

.calc-choice-label {
  color: #33c;
  text-align: center;
  -webkit-text-stroke-color: #8781ff;
  text-transform: none;
  border: 1px #000;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  display: block;
  position: relative;
}

.form {
  text-align: center;
}

.calc-math-sign {
  color: #f8d3f2;
  padding-top: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 3.5rem;
  font-weight: 200;
  line-height: 130%;
  display: inline-block;
}

.form_message-success {
  color: #fff;
  background-color: #7782d4;
  padding: 2rem;
}

.calc-selected-text {
  color: #0df2cc;
  max-width: 800px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.calc-choice-card {
  color: #151b26;
  background-color: #fff;
  border: 2px #262673;
  border-radius: 10px;
  min-width: 300px;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 30px 40px;
  transition: all .2s;
}

.calc-choice-card:hover {
  transform: translate(-8px, -6px);
  box-shadow: 5px 5px 0 1px #0df2cc;
}

.calc-choice-card.w--current {
  background-color: #0df2cc;
  min-width: 300px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 40px;
}

.calc-choice-card.w--current:hover {
  box-shadow: 5px 5px 0 1px #2ac5b8;
}

.calc-h1-all-calcs {
  color: #fff;
  text-align: center;
  -webkit-text-stroke-color: #0df2cc;
  text-transform: uppercase;
  margin-top: 7rem;
  margin-bottom: 3rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 4.25em;
  font-weight: 600;
  line-height: 120%;
}

.tabs-2 {
  display: block;
}

.calc-form-button {
  color: #33c;
  background-color: #0df2cc;
  border-radius: 10px;
  min-height: 4rem;
  margin-top: 3rem;
  padding: 1.25rem 4rem;
  font-size: 2.5rem;
  font-weight: 600;
}

.calc-form-button:hover {
  background-color: #aaf8eb;
}

.calc-form-button:active {
  background-color: #2ac5b8;
}

.calc-form-button:focus-visible, .calc-form-button[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #7782d4;
}

.calc-choice-img {
  z-index: 2;
  color: #272b4a;
  text-align: center;
  margin-bottom: .5rem;
  position: relative;
}

.calc-math-text {
  color: #0df2cc;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 110%;
  display: inline-block;
}

.calc-choices-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.bold-text-3 {
  letter-spacing: 0;
  text-transform: none;
  font-size: 2.25rem;
  font-weight: 400;
}

.calc-intro-2 {
  background-color: #3e34eb;
  margin-top: 0;
}

.div-block-20 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.calculator-tab-description {
  color: #fff;
  text-align: center;
  -webkit-text-stroke-color: transparent;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2.25rem;
  display: block;
}

.calc-back-link {
  color: #0df2cc;
  text-align: center;
  padding-top: 20px;
  font-size: .85em;
}

.calculator-group-title-2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.5em;
  font-weight: 800;
}

.form-counter-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  place-items: center start;
  margin-top: 10px;
  margin-bottom: 20px;
  display: grid;
}

.form-counter-component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tooltip-wrapper {
  color: #112953;
  text-align: left;
  background-color: #fafbfe;
  border: 1px solid #d8e3f0;
  border-radius: 10px;
  width: 300px;
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  position: absolute;
  box-shadow: 1px 1px 8px 1px #2d3e501f;
}

.calculator-card-2 {
  color: #151b26;
  background-color: #fff;
  border-radius: 1em;
  max-width: 100%;
  height: auto;
  margin-top: 3rem;
  padding: 4rem 4rem 3rem 6rem;
  overflow: visible;
  box-shadow: 0 25px 50px #00000040;
}

.calculator-input-description-2 {
  color: #151b26;
  margin-bottom: 0;
  padding-right: 0;
  font-size: 1.5rem;
  display: block;
}

.convertcalc-embed-2 {
  opacity: 1;
  outline-offset: 0px;
  color: #0000;
  background-color: #0000;
  border-radius: 16px;
  outline: 3px #f4bdec;
  margin-top: 2em;
  display: block;
}

.tooltip-content-relative {
  position: relative;
}

.fs-rangeslider_fill-3 {
  background-color: #835dff;
  background-image: linear-gradient(270deg, #8781ff, #0df2cc);
  border-radius: 999px;
  width: 20%;
  height: 100%;
  position: absolute;
}

.calculator-cta {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-transform: uppercase;
  background-color: #aaf8eb;
  border-radius: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  padding: 2rem;
  font-size: 2rem;
  display: block;
  position: static;
}

.calculator-result-label-2 {
  color: #151b26;
  text-transform: none;
  font-size: .75em;
  display: inline-block;
}

.calculator-form-item {
  margin-bottom: 1em;
}

.calculator-input-label {
  margin-bottom: 0;
  padding-right: 0;
  font-size: 2rem;
  display: inline-block;
}

.tabs-container {
  max-width: 1000px;
  padding-top: 2.5em;
}

.bold-text-4 {
  font-size: 1.8rem;
  font-weight: 400;
}

.calculator-result-label-description {
  color: #9b9b9b;
  text-transform: none;
  margin-top: -.2em;
  font-size: .6em;
  display: block;
}

.tooltip-content {
  padding: 0;
  display: block;
}

.text-block-77 {
  margin-bottom: -10px;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 2rem;
}

.fs-rangeslider_form-2 {
  width: 100%;
  max-width: 720px;
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip-diamond {
  z-index: 2;
  background-color: #fafbfe;
  border: 1px solid #d8e3f0;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -7px 0% auto;
  transform: rotate(45deg);
  box-shadow: 0 -3px 8px #2d3e500f;
}

.tooltip-diamond.bottom {
  top: auto;
  bottom: -7px;
}

.text-span-4 {
  margin-right: -4px;
}

.calculator-total-label-2 {
  color: #151b26;
  text-transform: none;
  font-size: 1em;
  display: inline-block;
}

.tooltip-dropdown {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  position: relative;
  inset: 0%;
}

.tooltip-dropdown.inline {
  margin-left: 8px;
  line-height: 1.25px;
  display: inline-block;
}

.fs-rangeslider_track-3 {
  background-color: #f2f4f7;
  border-radius: 999rem;
  height: 1rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.form-counter-button {
  color: #fff;
  cursor: pointer;
  background-color: #3e34eb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  font-size: 2rem;
  display: flex;
}

.form-counter-button:focus-visible, .form-counter-button[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.form-counter-input {
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #151b26;
  background-color: #f2f4f7;
  border: 1px #000;
  max-width: 90px;
  min-height: 3rem;
  margin-bottom: 0;
  font-size: 2rem;
}

.form-counter-input.nc {
  border: 1px solid var(--white\<deleted\|variable-048857a3\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  background-color: #0000;
  border-radius: 4px;
}

.calc-h1-2 {
  color: #fff;
  text-align: center;
  -webkit-text-stroke-color: #0df2cc;
  text-transform: uppercase;
  margin-top: 4rem;
  margin-bottom: 3rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 4.25em;
  font-weight: 600;
  line-height: 120%;
}

.fs-rangeslider_handle-3 {
  z-index: 1;
  cursor: grab;
  background-color: #3e34eb;
  border-radius: 100rem;
  flex: none;
  width: 3rem;
  height: 3rem;
  margin-left: 12px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 1px 1px 12px #0003;
}

.fs-rangeslider_handle-3:focus {
  outline-offset: 0px;
  background-color: #262673;
  outline: 3px #151b26;
  transform: translate(-50%, -50%);
}

.calc-tabs {
  border-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: static;
  top: 40px;
}

.calculator-final-group-image {
  margin-top: -1em;
}

.text-block-76 {
  text-transform: uppercase;
}

.calculator-layout-grid-final-card {
  grid-column-gap: 8rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 40%;
  grid-auto-columns: 1fr;
  align-items: center;
}

.tabs-content {
  position: static;
  overflow: visible;
}

.link {
  font-size: .8em;
  text-decoration: none;
}

.calculator-result-wrapper {
  margin-bottom: 1em;
}

.calculator-final-group-title {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 2.5em;
  font-weight: 800;
}

.tooltip- {
  color: #fff;
  -webkit-text-stroke-color: transparent;
  background-color: #c9d0db;
  border: 1px #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  font-family: Barlow, Arial, sans-serif;
  font-size: .5em;
  font-style: normal;
  font-weight: 400;
  display: flex;
  position: relative;
  top: -.25em;
}

.calc-tab {
  color: #0df2cc;
  text-align: center;
  -webkit-text-stroke-color: #8781ff;
  text-transform: uppercase;
  background-color: #0000;
  border: 2px solid #0df2cc;
  margin-left: -1px;
  margin-right: -1px;
  font-size: 2.25rem;
  font-weight: 400;
}

.calc-tab.w--current {
  color: #33c;
  text-align: center;
  background-color: #0df2cc;
  font-size: 2.25rem;
}

.div-block-21 {
  display: none;
}

.rangeslider-handle-value-label {
  text-align: left;
  white-space: pre;
  word-break: normal;
  flex-wrap: nowrap;
  flex: 1;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  display: block;
}

.fs-rangeslider_handle-value-3 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #151b26;
  text-align: center;
  background-color: #fafbfc;
  border-radius: .25em;
  margin-bottom: -3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 2rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: auto auto 0% 50%;
  transform: translate(-50%);
}

.button-primary-inverted-2 {
  color: #3e34eb;
  text-align: center;
  letter-spacing: .03em;
  text-transform: uppercase;
  background-color: #fff;
  border: .2rem solid #fff;
  border-radius: 1em;
  justify-content: space-between;
  align-items: center;
  padding: .75em 1.5em;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s, border-color .1s;
  display: inline-block;
}

.button-primary-inverted-2:hover {
  color: #3e34eb;
  background-color: #fff;
  border-color: #e9ecf2;
}

.button-primary-inverted-2.width-fill.text-align-center.margin-top-l {
  color: #aaf8eb;
  background-color: #3e34eb;
  border-style: none;
}

.button-primary-inverted-2.width-fill.text-align-center.margin-top-l:hover {
  background-color: #33c;
}

.inline-block-2 {
  font-size: .9em;
  display: inline-block;
}

.calculator-grand-total-2 {
  color: #dd3e59;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2.5em;
  font-weight: 800;
  line-height: 1;
  display: block;
}

.calculator-grand-total-2.hide {
  display: none;
}

.calculator-results-2 {
  background-color: #fafbfc;
  border-radius: 1rem;
  padding: 2rem 2rem 1.5rem;
  position: sticky;
  top: 4rem;
}

.calculator-results-no-stick {
  background-color: #fafbfc;
  border-radius: 1rem;
  padding: 2rem 2rem 1.5rem;
  position: static;
  top: 4rem;
}

.text-span-5 {
  font-size: 2rem;
  line-height: 0;
  text-decoration: none;
}

.tooltip-flex-row {
  display: inline-block;
}

.tooltip-container {
  z-index: 3;
  color: #1c1c4a;
  background-color: #fafbfe;
  border: 1px #000;
  border-radius: 9px;
  padding: 16px;
  font-size: 1.5rem;
  display: inline-block;
  position: relative;
}

.text-span-6 {
  text-decoration: underline;
}

.bold-text-5 {
  font-size: 1em;
}

.bold-text-5.color-white {
  color: #3e34eb;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2rem;
}

.calculator-layout-grid-2 {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 33%;
  align-items: start;
}

.calculator {
  padding-top: 20px;
}

.calculator-group-2 {
  margin-bottom: 0;
}

.calculator-result-2 {
  color: #3e34eb;
  margin-bottom: 0;
  font-family: Barlow, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: 800;
  line-height: 1;
}

.fs-rangeslider_wrapper-2 {
  align-items: center;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.5rem;
  display: block;
  position: relative;
}

.tooltip-anchor {
  z-index: 100;
  background-color: #0000;
  justify-content: center;
  width: 100%;
  height: 10px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  display: flex;
  position: absolute;
  inset: 100% 0% 0;
}

.tooltip-anchor.w--open {
  background-color: #0000;
  display: flex;
}

.tooltip-anchor.top {
  align-items: flex-end;
  padding-top: 0;
  padding-bottom: 12px;
  inset: auto 0% 100%;
}

.tooltip-anchor.top.w--open {
  display: flex;
}

.calculator-input-title-2 {
  margin-top: 2rem;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 600;
  display: inline-block;
}

.calculator-group-title-3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.5em;
  font-weight: 800;
}

.calculator-input-description-3 {
  color: #151b26;
  margin-bottom: 0;
  padding-right: 0;
  font-size: 1.5rem;
  display: block;
}

.bold-text-6 {
  font-size: 1.8rem;
  font-weight: 400;
}

.text-block-78 {
  margin-bottom: -10px;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 2rem;
}

.fs-rangeslider_form-3 {
  width: 100%;
  max-width: 720px;
  margin-top: 0;
  margin-bottom: 0;
}

.fs-rangeslider_handle-4 {
  z-index: 1;
  cursor: grab;
  background-color: #3e34eb;
  border-radius: 100rem;
  flex: none;
  width: 3rem;
  height: 3rem;
  margin-left: 12px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 1px 1px 12px #0003;
}

.fs-rangeslider_handle-4:focus {
  outline-offset: 0px;
  background-color: #262673;
  outline: 3px #151b26;
  transform: translate(-50%, -50%);
}

.calc-total-label-small {
  font-size: 3.5rem;
}

.calculator-grand-total-3 {
  color: #dd3e59;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2.5em;
  font-weight: 800;
  line-height: 1;
  display: block;
}

.tab-pane-contractors {
  position: static;
}

.text-span-7 {
  font-size: 2rem;
  line-height: 0;
  text-decoration: none;
}

.text-span-8 {
  text-decoration: underline;
}

.bold-text-7 {
  font-size: 1em;
}

.bold-text-7.color-white {
  color: #3e34eb;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2rem;
}

.calculator-layout-grid-3 {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 33%;
  align-items: start;
}

.calculator-group-3 {
  margin-bottom: 0;
}

.calculator-result-3 {
  color: #3e34eb;
  margin-bottom: 0;
  font-family: Barlow, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: 800;
  line-height: 1;
}

.bold-text-8 {
  font-size: 1.8rem;
  font-weight: 400;
}

.text-span-9 {
  font-size: 2rem;
  line-height: 0;
  text-decoration: none;
}

.text-span-10 {
  text-decoration: underline;
}

.plan-buttons-desktop {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.slider-overlay-buttons {
  z-index: 10;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
  display: flex;
  position: relative;
  inset: 0%;
}

.small-code {
  object-fit: contain;
  max-height: 100%;
  font-family: Inconsolata, monospace;
  font-size: 1rem;
  overflow: scroll;
}

.code-grey {
  color: #9a9a9b;
}

.workflow-embed {
  object-fit: cover;
  overflow: hidden;
}

.rip-results-copy {
  z-index: 1;
  border: 2px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: #1c1c4f;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 30rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem;
  display: flex;
  position: relative;
  box-shadow: -50px 0 40px #0c0c29, 50px 0 40px #0c0c29;
}

.hr-blue-3 {
  background-color: #3e34eb;
  height: 2px;
}

.rip-number {
  text-align: right;
  width: 3rem;
  margin-right: 1rem;
}

.small-code-test {
  object-fit: contain;
  max-height: 100%;
  font-family: Inconsolata, monospace;
  font-size: 1rem;
  overflow: visible;
}

.clc-code-block-copy {
  background-color: #151b26;
  border-top-left-radius: 0;
  border-bottom-left-radius: 16px;
  padding: 2rem;
  font-family: Inconsolata, monospace;
  font-size: 1.25rem;
  overflow: hidden;
  box-shadow: 0 10px 20px #0003;
}

.clc-check {
  opacity: 0;
}

.code-yellow {
  color: #ffea00;
}

.code-chunk {
  background-color: #151b26;
  border-radius: 16px;
  padding: .5rem 2rem;
}

.code-chunk.active {
  background-color: #1c1c4f;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.run-images-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 16px;
  padding: 2rem;
  position: relative;
  overflow: hidden;
}

.hide-run-image {
  display: none;
}

.run-image {
  box-shadow: 0 10px 20px #00000080;
}

.code-like-crazy-copy {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ae5_pattern_grid_white-5%25.png");
  background-position: 50% 0;
  background-size: auto;
  margin-top: 20rem;
  margin-bottom: 20rem;
  padding-top: 4rem;
  padding-bottom: 8rem;
  display: block;
}

.clc-header {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 4rem;
  display: flex;
}

.code-number {
  text-align: right;
  width: 2rem;
  margin-right: 1rem;
}

.margin-right-m {
  margin-right: 2rem;
}

.touchup-button {
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 256px;
  justify-content: center;
  align-self: center;
  padding: 1rem 4rem;
  font-size: 3rem;
  font-weight: 600;
  display: block;
  box-shadow: 0 10px 20px #0003;
}

.tier-1-animation {
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.touch-up-code {
  background-color: #151b26;
  padding: 1rem 2rem;
  font-family: Inconsolata, monospace;
  font-size: 3rem;
}

.code-pink {
  color: #ff8bbc;
}

.code-pink.highlight {
  background-color: #584fff;
  padding-left: 1rem;
  padding-right: 1rem;
}

.code-pink.hide {
  display: none;
}

.code-pink.highlight-blue {
  background-color: #584fff;
  padding-left: 0;
  padding-right: 0;
}

.flake-sllide-graphic {
  background-color: var(--pink-2\<deleted\|variable-aaaca5f0\>);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-height: 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.flake-slide {
  background-color: #0000;
  border-radius: 16px;
  padding-top: 0;
  position: relative;
}

.flake-slider {
  background-color: #0000;
  border-radius: 16px;
  width: 100%;
  height: 80rem;
  margin-top: 8rem;
  position: relative;
}

.obscure-arrow {
  z-index: -1000;
  opacity: 0;
  width: 50px;
  height: 50px;
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 2rem;
  bottom: 0;
}

.left-arrow-flake {
  z-index: -1000;
  opacity: 0;
  width: 50px;
  height: 50px;
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 2rem;
  bottom: 0;
}

.close-flakes {
  z-index: 10;
  text-align: center;
  cursor: pointer;
  margin-top: 1rem;
  margin-right: 1rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.flakes {
  clear: both;
  width: 100%;
  height: 0;
  margin-bottom: 20rem;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.circle-arrow {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  cursor: pointer;
  border-radius: 512px;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin: 1rem;
  font-size: 2rem;
  display: flex;
}

.circle-arrow.inactive {
  background-color: #1c1c4e;
}

.repro {
  position: relative;
}

.repro-grid-container {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.repro-graphics {
  min-height: 30rem;
  margin-bottom: 12rem;
  position: relative;
}

.hide-slide-nav {
  display: none;
}

.hide-arrow {
  z-index: -50;
  opacity: 0;
  display: none;
}

.tracker-slider {
  z-index: -1;
  background-color: #0000;
  height: 35rem;
  position: absolute;
  top: 8rem;
  left: 8rem;
}

.tracker-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.bug-video {
  border: 2px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 16px;
  width: 100%;
  height: auto;
  position: absolute;
  top: -14rem;
  right: 16rem;
  overflow: hidden;
  box-shadow: 0 10px 20px #0003;
}

.curved-arrow {
  position: absolute;
  inset: 0% 16% auto auto;
}

.fs_accordion-1_message-2 {
  color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
}

.fs_accordion-1_paragraph-2 {
  margin-bottom: 0;
}

.fs_accordion-1_body-2 {
  background-color: #fff;
  padding: 1rem 1.5rem;
}

.fs_accordion-1_content-2 {
  overflow: hidden;
}

.fs_accordion-1_icon-2 {
  margin-right: 0;
  font-size: 1.125rem;
  position: relative;
}

.fs_accordion-1_label-2 {
  font-size: 1.25rem;
  font-weight: 500;
}

.fs_accordion-1_header-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #f5f5f5;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.fs_accordion-1_header-2:focus-visible, .fs_accordion-1_header-2[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_accordion-1_embed-2 {
  margin-bottom: 0;
}

.fs_accordion-1_component-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.anchor-flake {
  height: 10px;
  padding-bottom: 0;
  position: absolute;
  top: -12rem;
  left: 0%;
  right: 0%;
}

.anchor-repro {
  z-index: -50;
  height: 80rem;
  padding-bottom: 0;
  position: absolute;
  top: -30rem;
  left: 0%;
  right: 0%;
}

.flake-slider-buttons {
  justify-content: center;
  display: flex;
}

.flake-slider-buttons.desktop {
  justify-content: center;
}

.reno-map {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b7e_just%20the%20map.jpg");
  background-position: 0 0;
  background-size: auto;
  width: 40%;
  height: 100%;
  position: relative;
  inset: 0% 0% 0% auto;
}

.map-charm-bar {
  grid-row-gap: 1rem;
  background-color: var(--white\<deleted\|variable-048857a3\>);
  flex-direction: column;
  align-items: center;
  width: 8rem;
  height: 100%;
  display: flex;
}

.charm-icon {
  flex-direction: column;
  align-self: center;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem;
  display: flex;
}

.charm-icon.highlight {
  background-color: #ffe100;
  border-radius: 16px;
  width: 80%;
}

.charm-icon.tier1 {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 16px;
  min-height: 11rem;
  margin-top: 0;
  padding: 2rem;
}

.charm-text {
  color: #757575;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.charm-text.extra-small {
  text-align: center;
  margin-top: 1rem;
  font-size: 10px;
  line-height: 150%;
}

.charm-text.tier1 {
  color: #fff;
  font-size: 2rem;
}

.maint-slide-graphic-2 {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 16px;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 40rem;
  min-height: 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.reno-test-container {
  grid-row-gap: 2rem;
  flex-direction: column;
  width: 60%;
  height: 100%;
  padding: 4rem;
  font-family: Inconsolata, monospace;
  display: flex;
}

.reno-test {
  background-color: #151b26;
  border-radius: 16px;
  justify-content: space-between;
  padding: 1rem 2rem;
  font-size: 2rem;
  display: flex;
  box-shadow: 0 10px 20px #0003;
}

.reno-test.expanded {
  opacity: 1;
  border: 2px solid #ffe100;
  flex-direction: column;
  justify-content: space-between;
}

.reno-test.expanded.flake {
  grid-row-gap: 0rem;
  border-style: none;
  margin: 1rem;
  padding-bottom: 2rem;
  position: relative;
  box-shadow: 0 24px 16px #0003;
}

.test-arrow {
  width: 2rem;
  transform: rotate(-90deg);
}

.test-arrow.unrotated {
  transform: rotate(0);
}

.title {
  grid-column-gap: 1rem;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.title-expanded {
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.title-expanded.flake {
  margin-bottom: 1rem;
  font-family: Inconsolata, monospace;
  font-size: 1.5rem;
}

.reno-code {
  width: 100%;
  padding-left: 3rem;
  font-size: 1.5rem;
}

.maint-slide-graphic-3 {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40rem;
  min-height: 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.round-corners {
  border-radius: 16px;
}

.round-corners.home-shadow_soft.slack-message, .round-corners.always-on-chat {
  max-width: 600px;
}

.maint-slider-buttons {
  justify-content: center;
  display: flex;
}

.maint-slider-buttons.desktop {
  justify-content: center;
}

.light-map-container {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
}

.charm-margin {
  margin-right: -1px;
}

.tier3-charm-light {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b4e_charm-light.png");
  background-position: 0 0;
  background-size: auto;
  width: 36px;
  height: 90%;
}

.tier3-details-light {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b52_details-light.png");
  background-position: 0 0;
  background-size: auto;
  width: 205px;
  height: 90%;
}

.tier3-map-light {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b90_map-light.png");
  background-position: 0 0;
  background-size: auto;
  width: 500px;
  height: 90%;
}

.dark-map-container {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
}

.tier3-charm-dark {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b35_charm-dark.png");
  background-position: 0 0;
  background-size: auto;
  width: 36px;
  height: 90%;
}

.tier3-details-dark {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b4f_details-dark.png");
  background-position: 0 0;
  background-size: auto;
  width: 205px;
  height: 90%;
}

.tier3-map-dark {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b8e_map%20dark.png");
  background-position: 0 0;
  background-size: auto;
  width: 500px;
  height: 90%;
}

.hiw-slider-text {
  text-transform: none;
  font-size: 2rem;
  line-height: 150%;
}

.hiw-slider-text.text-align-center.margin-top-m.color-blue-1 {
  color: #b8b4ff;
}

.hiw-slider-text.upr-bodycopy, .hiw-slider-text.center, .hiw-slider-text.desktop {
  text-align: center;
}

.hiw-slider-text.mobile {
  display: none;
}

.hiw-slider-text.pink-link {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  margin-top: 1rem;
}

.hiw-slider-text.color-teal-4 {
  background-image: linear-gradient(#0c0c29, #0c0c29);
  margin-top: 4rem;
  margin-bottom: 8rem;
  padding: 1rem;
}

.hiw-slider-text.color-pink-3.blog-checkbox-label:hover {
  text-decoration: underline;
}

.hiw-slider-text.centered {
  text-align: center;
}

.hiw-slider-text.slider-caption {
  width: 900px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.hiw-slider-text.plan-1 {
  text-align: center;
  height: 11rem;
}

.hiw-slider-text.plan-2, .hiw-slider-text.plan-3, .hiw-slider-text.plan-4 {
  text-align: center;
  display: none;
}

.hiw-slider-text.hiw {
  min-height: 8rem;
}

.maintain-copy {
  margin-bottom: 20rem;
  overflow: hidden;
}

.expand-slider-2 {
  background-color: #0000;
  border-radius: 16px;
  width: 100%;
  height: 65rem;
  margin-top: 4rem;
  position: relative;
}

.expand-graphic-1 {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40rem;
  min-height: 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.expand-slack-message {
  max-width: 80rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.bug-video-test {
  border-radius: 16px;
  height: 30rem;
  display: none;
  position: absolute;
  top: -14rem;
  right: 16rem;
  overflow: hidden;
  box-shadow: 0 10px 20px #0003;
}

.expand-graphic-2 {
  grid-row-gap: 2rem;
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.expand-2-messages {
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.plan {
  margin-top: 16rem;
  position: relative;
}

.anchor-plan {
  height: 10px;
  padding-bottom: 0;
  position: absolute;
  top: -12rem;
  left: 0%;
  right: 0%;
}

.anchor {
  z-index: -50;
  height: 90rem;
  padding-bottom: 0;
  position: absolute;
  top: -12rem;
  left: 0%;
  right: 0%;
}

.anchor-maintain {
  z-index: -50;
  height: 120rem;
  padding-bottom: 0;
  position: absolute;
  top: -12rem;
  left: 0%;
  right: 0%;
}

.line-of-code {
  padding: .25rem;
  font-family: Inconsolata, monospace;
  font-size: 1.5rem;
  display: flex;
}

.code-check {
  opacity: 0;
  text-align: center;
  min-width: 2.5rem;
  margin-right: 1rem;
}

.code-check.hide {
  display: none;
}

.code-line-number {
  text-align: center;
  width: 2rem;
  margin-right: 1rem;
}

.flake-bg {
  z-index: 0;
  opacity: .2;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b77_press%20enter.png");
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.flake-bg-2 {
  z-index: 0;
  opacity: .2;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b7e_just%20the%20map.jpg");
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.code-blue {
  color: #7fb0ff;
}

.expand-graphic-3 {
  grid-row-gap: 2rem;
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40rem;
  min-height: 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.assignee-container {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: center;
  max-width: 80rem;
  margin-left: 2rem;
  margin-right: 2rem;
  display: flex;
  position: relative;
}

.plan-buttons-mobile-arrows {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.highlight-blue {
  background-color: #584fff;
}

.hiw-cta {
  margin-top: 0;
}

.calc-final-card-unit-label {
  font-size: .6em;
  display: inline-block;
}

.accordion-wrapper {
  margin-top: 30px;
}

.accordion-heading {
  color: #ababff;
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 30px;
}

.accordion-heading:hover {
  color: #cbc9fb;
}

.faq {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 800px;
  margin-bottom: 20rem;
  margin-left: auto;
  margin-right: auto;
}

.faq.slim {
  max-width: 940px;
}

.header-center-box {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.header-center-box._75 {
  width: 75%;
}

.accordion-item {
  background-color: #0000;
  border: 1px #ababff;
  border-bottom-style: solid;
  border-radius: 0;
  margin-bottom: 0;
  padding: 24px 0 14px;
  box-shadow: 0 3px 7px #00000008;
}

.accordion-item-content {
  color: var(--white\<deleted\|variable-048857a3\>);
  margin-top: 10px;
  margin-right: 30px;
  overflow: hidden;
}

.accordion-item-trigger {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.hiw-accordion-icon.accordion-icon {
  color: #0009;
  cursor: pointer;
  max-width: 20px;
  font-size: 30px;
  line-height: 30px;
}

.hiw-faq-header {
  color: #ababff;
  font-size: 4rem;
  font-weight: 600;
}

.paragraph {
  color: var(--white\<deleted\|variable-048857a3\>);
}

.bold-text-9 {
  font-size: 2rem;
  font-weight: 400;
}

.bold-text-10 {
  font-weight: 400;
}

.paragraph-2 {
  font-size: 1.5rem;
}

.hiw-rich-content {
  margin-top: 10px;
}

.hiw-rich-content p {
  max-width: 90%;
  font-size: 1.75rem;
}

.hiw-rich-content ol {
  font-size: 1.75rem;
}

.case-study-video {
  border: 2px solid #ababff;
  border-radius: 8px;
  overflow: hidden;
}

.case-study-form {
  margin-top: 2rem;
}

.case-study-checkboxes {
  align-items: flex-start;
  margin-bottom: .75rem;
  padding-left: 0;
  display: flex;
}

.case-study-checkboxes.hide-all {
  display: none;
}

.case-study-checkbox-label {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  letter-spacing: .5px;
  text-transform: none;
  font-size: 18px;
  line-height: 150%;
}

.collection-item-3 {
  display: flex;
  position: relative;
}

.case-studies-link {
  color: #ababff;
}

.case-study-thumbnail {
  background-color: var(--teal-3\<deleted\|variable-213a15ad\>);
  flex-direction: row;
  justify-content: space-around;
  display: block;
  position: relative;
}

.case-study-lightbox {
  width: 100%;
  position: relative;
}

.hue-tilt {
  filter: hue-rotate(270deg);
}

.h1-blog {
  z-index: 1;
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.2;
  text-decoration: none;
  position: relative;
}

.blog-cover {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.blog-cover-bg {
  object-fit: cover;
  background-image: linear-gradient(#0c0c2dbf, #0c0c2dbf), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a9c_pattern_grid_white-50%25.png"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c37_wolves-in-line.gif");
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  width: 100%;
  height: 12rem;
  position: absolute;
  inset: 0% 0% auto;
}

.blog-cover-bg-2 {
  filter: contrast(200%) hue-rotate(270deg);
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a9c_pattern_grid_white-50%25.png"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b9e_wolves%20playing%20on%20computers.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: 20rem;
  position: absolute;
  inset: 0%;
}

.blog-container-component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  display: grid;
  position: relative;
}

.blog-posts-grid-component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.peaking-wolf {
  position: fixed;
  bottom: -9%;
  left: 10%;
  right: auto;
}

.pawprint {
  opacity: 1;
  margin-left: 2rem;
  margin-right: 2rem;
}

.industry-cover {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.industry-e2e {
  z-index: 10;
  text-align: center;
  background-color: #0c0c29;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 8rem;
  padding-top: 3rem;
  font-size: 3rem;
  display: flex;
  position: relative;
}

.h1-industry {
  z-index: 1;
  border-bottom: 2px solid var(--pink-3\<deleted\|variable-478f5ba6\>);
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  text-transform: none;
  background-color: #0d0c29;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 1rem 3rem;
  text-decoration: none;
  position: relative;
}

.industry-cover-bg {
  filter: contrast(200%) hue-rotate(270deg);
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a9c_pattern_grid_white-50%25.png"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c0a_wolves%20on%20bikes.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: 20rem;
  position: absolute;
  inset: 0%;
}

.h2-industry {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  margin-top: 0;
}

.industry-ibrow {
  text-align: center;
  margin-top: 4rem;
  font-size: 3rem;
}

.case-studies-list-component {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
  position: relative;
}

.industry-logos {
  width: 20rem;
}

.hidden-case-studies-filter {
  display: none;
}

.collection-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.industry-customer-logo {
  width: 15rem;
  max-height: 8rem;
}

.industry-customer-logo-container {
  background-color: #0c0c29;
  border-radius: 16px;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.industry-customer-logo-container.white {
  background-color: var(--white\<deleted\|variable-048857a3\>);
}

.industry-logos-flexbox {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  place-items: center;
  display: flex;
}

.industries-case-studies {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  display: flex;
  position: relative;
}

.industry-case-study-card {
  width: 38rem;
  display: flex;
  position: relative;
}

.revamped-capabilities {
  color: #000;
  display: block;
}

.capa-cover-bg {
  filter: contrast(200%) hue-rotate(270deg);
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a9c_pattern_grid_white-50%25.png"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c07_wolves%20in%20suits.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: 20rem;
  position: absolute;
  inset: 0%;
}

.capa-cover {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.h1-capa {
  z-index: 1;
  border-bottom: 1px solid var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  text-transform: none;
  background-color: #0d0c29;
  margin-top: 0;
  margin-bottom: 0;
  padding: 2rem 1rem;
  text-decoration: none;
  position: relative;
}

.capa-table {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.industry-collection-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  margin-top: 1rem;
  display: flex;
}

.industry-collection-item {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 256px;
  padding: .5rem 2rem;
  font-size: 1.5rem;
}

.capa-problems-container {
  margin-top: 4rem;
}

.prob-collection-list {
  margin-top: 1rem;
}

.prob-collection-item {
  font-size: 2rem;
}

.problem-type-checkbox {
  align-items: flex-start;
  margin-bottom: 1rem;
  padding-left: 0;
  display: flex;
}

.checkbox-problem-type {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-style: none;
  margin-left: 0;
  margin-right: 1rem;
  padding-left: 0;
}

.checkbox-problem-type.w--redirected-checked {
  border-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-image: none;
}

.checkbox-problem-type.case-studies-checkox {
  margin-top: 5px;
}

.capa-filter-container {
  position: sticky;
  top: 4rem;
}

.capa-form {
  margin-top: 0;
}

.problem-types-form {
  margin-bottom: 0;
}

.related-problem-types {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.problem-type-item {
  width: 100%;
  display: flex;
}

.problem-type-post {
  border: 2px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 16px;
  width: 100%;
  padding: 2rem;
  text-decoration: none;
  transition: box-shadow .2s, transform .2s;
  position: relative;
  overflow: hidden;
}

.problem-type-post:hover {
  box-shadow: 6px 6px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  transform: translate(-4px, -4px);
}

.problem-type-post.w--current {
  display: none;
}

.problem-type-post.case-study {
  background-color: #0c0c29;
  flex: 1;
  padding-bottom: 3rem;
}

.problem-type-header {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-transform: none;
  background-color: #0c0c29;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 1.5em;
  text-decoration: none;
}

.banner-content {
  grid-column-gap: 8px;
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 2.25rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.notification-copy {
  font-size: var(--qaw-claws_type---text-size--t-l2);
}

.review-wrapper {
  padding-left: 2rem;
  padding-right: 2rem;
}

.review-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.review-item {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ae5_pattern_grid_white-5%25.png");
  background-position: 0 0;
  background-size: auto;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-around;
  padding: 2rem;
  transition: box-shadow .2s, right .2s, bottom .2s;
  display: flex;
  position: relative;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.review-item:hover {
  position: relative;
  bottom: 8px;
  right: 8px;
  box-shadow: 17px 17px 16px #0006;
}

.review-avatar {
  object-fit: cover;
  border-radius: 1024px;
  width: 64px;
  height: 64px;
}

.star-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.star-container.home {
  align-items: center;
}

.star {
  width: 1em;
}

.reviewer {
  grid-column-gap: 1rem;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
}

.reviews {
  background-color: #0c0c29;
  padding-top: 0;
  padding-bottom: 4rem;
}

.vapor-hero {
  padding-top: 4rem;
  position: relative;
}

.free-trial-form {
  margin-bottom: 8rem;
}

.value-prop-bar {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  place-content: center space-between;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 0;
  display: flex;
}

.logo-marquee-content-copy {
  grid-column-gap: 3rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: stretch;
  min-width: 100%;
  padding: 2rem 24rem;
  display: grid;
}

.hr-teal {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  height: 2px;
  margin-bottom: 4rem;
  margin-left: 2rem;
  margin-right: 2rem;
}

.free-trial-coverage {
  margin-top: 4rem;
  position: relative;
}

.free-trial-3-min-cycles {
  margin-top: 16rem;
  position: relative;
}

.free-trial-zero-flakes {
  margin-top: 24rem;
  position: relative;
}

.home-heading-smaller {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  text-transform: uppercase;
  font-size: 7vw;
  line-height: 1;
}

.vapor-hero-video {
  z-index: 0;
  opacity: .35;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.free-trial-heading {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  text-transform: uppercase;
  margin-top: 4rem;
  font-size: 7vw;
  line-height: 1;
}

.free-trial-heading.max-width {
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  display: flex;
}

.vapor-hero-bg {
  z-index: -1;
  background-color: #0c0c29;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-video {
  position: absolute;
}

.vapor-hero-image {
  z-index: 2;
  opacity: .5;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ae5_pattern_grid_white-5%25.png"), linear-gradient(#1c1c4abf, #1c1c4abf), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961bc3_flying-through-colors.gif");
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.review-item-link-block {
  height: 100%;
  padding: 2rem;
  text-decoration: none;
}

.review-link {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  font-size: .75em;
  text-decoration: none;
}

.review-link:hover {
  text-decoration: underline;
}

.dark-and-rich {
  margin-top: 1rem;
}

.dark-and-rich h2 {
  margin-top: 4rem;
}

.dark-and-rich strong {
  color: var(--teal-3\<deleted\|variable-213a15ad\>);
}

.dark-and-rich a {
  color: #ababff;
}

.dark-and-rich li {
  margin-bottom: 1rem;
  list-style-type: square;
}

.dark-and-rich ol {
  list-style-type: square;
}

.text-span-12 {
  text-decoration: line-through;
}

.toc-container {
  margin-top: 4rem;
  position: sticky;
  top: 4rem;
}

.toc-wrapper {
  position: relative;
}

.toc-item-h2 {
  background-color: #0c0c29;
  border-radius: 8px;
  padding: 1rem;
  font-family: Barlow, Arial, sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  display: block;
  position: relative;
}

.toc-item-h2.w--current {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.toc-item-h3 {
  background-color: #0c0c29;
  border-radius: 8px;
  padding: 1rem 1rem 1rem 2rem;
  font-family: Barlow, Arial, sans-serif;
  font-size: 1.25rem;
  text-decoration: none;
  display: block;
  position: relative;
}

.bottom-video {
  z-index: -1;
  opacity: .15;
  position: fixed;
  inset: auto 0% 0%;
}

.video-fade {
  background-image: linear-gradient(#0c0c29, #0c0c2980);
  position: absolute;
  inset: 0%;
}

.guide-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  display: grid;
}

.soc2-container {
  text-align: center;
  flex: none;
  align-self: flex-start;
  width: 40%;
  display: flex;
}

.soc2-badge-image {
  width: 85px;
  height: auto;
  display: none;
}

.image-7 {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.text-block-83 {
  font-size: .562781em;
  display: block;
}

.soc-2-link {
  opacity: .6;
  text-decoration: none;
}

.soc-2-link:hover {
  opacity: 1;
}

.event-form-wrapper {
  width: 88%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 150px;
}

.event-form-container {
  color: #f2f2f2;
  background-color: #131337;
  border-radius: 16px;
  padding: 4rem;
  position: relative;
}

.upcoming-events-section {
  margin-bottom: 8rem;
}

.events-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.event-item {
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem 4rem 4rem;
  display: flex;
}

.event-title {
  font-weight: 600;
}

.type-pill {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: 512px;
  padding: .25rem 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  display: inline-block;
}

.event-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 2px solid #131337;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .5fr .5fr .5fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-bottom: 4rem;
  margin-left: 4rem;
  margin-right: 4rem;
  padding-bottom: 4rem;
  display: grid;
}

.div-block-22 {
  text-align: center;
  margin-bottom: 4rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.formly-step {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: 16px;
  padding: 4rem;
}

.navbar {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.navbar:hover {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.nn-dd {
  position: static;
}

.nn-dropdown-list {
  min-width: 100%;
}

.nn-dropdown-list.w--open {
  left: 0;
  right: 0;
}

.nn-dropdown-list-full-wrapper {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  box-shadow: 0 25px 25px #0003;
}

.nn-drop-container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.nn-column {
  width: 25%;
  padding: 2rem;
  font-size: 1em;
}

.nn-column.featured {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-radius: 16px;
}

.nn-link-block {
  text-decoration: none;
}

.nn-dropdown-toggle {
  color: var(--white\<deleted\|variable-048857a3\>);
}

.hr-white {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  height: 2px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.image-8, .image-9 {
  position: relative;
}

.notification-copy-mobile {
  display: none;
}

.body-light {
  background-color: var(--white\<deleted\|variable-048857a3\>);
}

.solution-hero {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961bdc_wolf-on-computer.gif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 40rem;
  display: flex;
}

.solution-hero.performance {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c37_wolves-in-line.gif");
}

.solution-hero.salesforce {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c65_sf-hero.gif");
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
}

.solution-hero.calc {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c29bf, #0c0c29bf), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961cc0_calcbg.gif");
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, cover;
}

.solution-hero.calc.alt {
  height: 30rem;
}

.solution-hero.android {
  background-image: linear-gradient(180deg, black, #0c0c2900 0%, #0c0c29), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e50_android%20logo%2045.svg"), linear-gradient(to bottom, var(--blue-5\<deleted\|variable-9774f60e\>), var(--blue-5\<deleted\|variable-9774f60e\>));
  background-position: 0 0, 0%, 0 0;
  background-size: auto, auto, auto;
}

.solution-head-container {
  background-color: #0c0c29;
  margin-left: 2rem;
  margin-right: 2rem;
  padding: 0 4rem 2rem;
  display: flex;
  box-shadow: 16px 16px #3b3bef;
}

.solution-head-container.calc {
  padding-bottom: 1rem;
}

.solution-h1 {
  text-align: center;
  text-transform: none;
  margin-top: 1rem;
}

.solution-h1.alt {
  font-size: 2.75em;
}

.solution-value-bar {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #0c0c29;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  justify-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: grid;
}

.solution-value-bar.events, .solution-value-bar.tw {
  background-color: #0000;
}

.solution-value {
  text-align: center;
  max-width: 320px;
  margin-left: 2rem;
  margin-right: 2rem;
}

.solution-value.wide {
  max-width: 480px;
}

.graphic-right {
  width: 600px;
  position: absolute;
  top: auto;
}

.graphic-right.aaa {
  top: 43px;
  left: 422px;
}

.graphic-right.release-when-clear {
  width: 800px;
  top: -30px;
}

.graphic-right.non-text-content, .graphic-right.keyboard {
  top: -86px;
}

.graphic-right.input-devices {
  top: -86px;
  left: -53px;
}

.graphic-right.input-assist {
  width: auto;
  top: 24px;
  left: 31px;
}

.graphic-right.infinite-scale {
  width: auto;
  top: 119px;
  left: 422px;
}

.graphic-right.component-load-times {
  width: 400px;
  top: -86px;
  left: 35px;
}

.graphic-right.mobile-performance {
  width: auto;
  top: 37px;
}

.graphic-right.login-floods {
  width: 450px;
  top: -86px;
  left: -19px;
}

.graphic-right.salesforce-test-data {
  top: -39px;
  left: -2px;
}

.graphic-right.salesforce-preupdate {
  top: 68px;
  left: 28px;
}

.graphic-right.salesforce-data-syncing {
  top: 15px;
  left: 11px;
}

.graphic-right.vizdif-baseline {
  top: -16px;
}

.graphic-right.vizdif-tolerance {
  width: 400px;
  top: -46px;
  left: 447px;
}

.graphic-right.vizdif-bug-report {
  top: -57px;
}

.graphic-right.prt-webhook {
  top: auto;
}

.graphic-right.prt-hold {
  border-radius: 8px;
  top: -101px;
  box-shadow: 16px 16px #3b3bef;
}

.graphic-right.ai-decision-making {
  width: auto;
  max-width: 80%;
  box-shadow: 8px 8px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
}

.graphic-right.ai-decision-making.no-shadow {
  box-shadow: none;
}

.graphic-right.multisource {
  width: auto;
  max-width: 80%;
}

.graphic-right.multisource.no-shadow {
  box-shadow: none;
}

.position-relative {
  position: relative;
}

.split-graphic {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 8rem;
  display: grid;
  position: relative;
}

.split-graphic.with-top-margin {
  margin-top: 24rem;
}

.split-graphic.with-top-margin.with-bottom-margin {
  margin-bottom: 24rem;
}

.split-graphic.release-when-clear {
  margin-top: 30rem;
  margin-bottom: 20rem;
}

.split-graphic.distinguishabl-content {
  margin-top: 8rem;
  margin-bottom: 24rem;
}

.split-graphic.timing {
  margin-top: 16rem;
  margin-bottom: 24rem;
}

.split-graphic.input-devices {
  margin-bottom: 16rem;
}

.split-graphic.component-load-times {
  margin-bottom: 20rem;
}

.split-graphic.traffic-spikes {
  margin-top: 8rem;
  margin-bottom: 30rem;
}

.split-graphic.login-floods, .split-graphic.stress-tests {
  margin-top: 8rem;
  margin-bottom: 16rem;
}

.split-graphic.salesforce-test-data {
  margin-top: 4rem;
}

.split-graphic.salesforce-parallel {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.split-graphic.salesforce-preupdate {
  margin-top: 0;
}

.split-graphic.salesforce-data-syncing {
  margin-bottom: 16rem;
}

.split-graphic.salesforce-exports {
  margin-top: 8rem;
  margin-bottom: 24rem;
}

.split-graphic.salesforce-custom-objects, .split-graphic.salesforce-triggers, .split-graphic.salesforce-calculations {
  margin-top: 16rem;
  margin-bottom: 24rem;
}

.split-graphic.salesforce-bugs-bagged {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.split-graphic.vizdif-baseline {
  margin-top: 2rem;
}

.split-graphic.vizdif-target {
  margin-top: 32rem;
  margin-bottom: 24rem;
}

.split-graphic.vizdif-tolerance {
  margin-top: 32rem;
  margin-bottom: 8rem;
  padding-bottom: 4rem;
}

.split-graphic.vizdif-ai-maint {
  margin-top: 24rem;
}

.split-graphic.vizdif-reports {
  margin-top: 12rem;
}

.split-graphic.prt-webhook {
  margin-top: 2rem;
}

.split-graphic.prt-k8 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.split-graphic.prt-hold {
  margin-top: 32rem;
  margin-bottom: 32rem;
}

.split-graphic.prt-ai {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.split-graphic.prt-ai-2 {
  margin-top: 16rem;
  margin-bottom: 0;
}

.split-graphic.ai-decision-making, .split-graphic.ai-context {
  height: 800px;
  margin-top: 8rem;
}

.graphic-left {
  position: absolute;
}

.graphic-left.test-on-sked {
  left: -233px;
}

.graphic-left.timing {
  top: -122px;
  left: -92px;
}

.graphic-left.nav-focus {
  width: auto;
  left: -46px;
}

.graphic-left.traffic-spikes {
  left: -233px;
}

.graphic-left.low-band {
  top: -7rem;
  left: -14rem;
}

.graphic-left.stress-tests {
  width: auto;
  left: -9px;
}

.graphic-left.salesforce-parallel {
  width: 500px;
  top: 7px;
  left: -115px;
}

.graphic-left.salesforce-exports {
  width: auto;
  top: -80px;
  left: -130px;
}

.graphic-left.salesforce-custom-objects {
  width: auto;
  top: -85px;
  left: -221px;
}

.graphic-left.salesforce-triggers {
  width: 500px;
  top: -68px;
  left: -117px;
}

.graphic-left.salesforce-calculations {
  width: auto;
  top: -60px;
  left: -201px;
}

.graphic-left.salesforce-bugs-bagged {
  top: -23px;
  left: -247px;
}

.graphic-left.vizdif-target {
  width: 60rem;
  top: -75px;
  left: -214px;
}

.graphic-left.vizdif-ai-maint {
  max-width: 75%;
  top: -82px;
  left: -215px;
}

.graphic-left.prt-k8 {
  width: 500px;
  top: -44px;
  left: -152px;
}

.graphic-left.prt-ai {
  width: 600px;
  top: -2px;
  left: -197px;
}

.graphic-left.ai-js-dev {
  width: auto;
  max-width: 40%;
  box-shadow: none;
  top: 101px;
  left: auto;
}

.mob-hero {
  justify-content: center;
  align-items: center;
  margin-top: 16rem;
  display: flex;
}

.mob-hero-video {
  z-index: -100;
  opacity: .35;
  mix-blend-mode: soft-light;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
}

.mob-nav-wrapper {
  position: absolute;
  inset: 0% 0% auto;
}

.mob-hero-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.mob-h1 {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  margin-top: 1rem;
  font-size: 5em;
  line-height: 1;
}

.checkbox-label {
  text-transform: none;
}

.radio-set {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.mob2-hero {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961cbf_vizdif-cover.gif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, auto;
  height: 90rem;
  position: relative;
  overflow: hidden;
}

.mob2-bg-video {
  z-index: -1000;
  opacity: .3;
  mix-blend-mode: soft-light;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.mob2-hero-contents {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.mob2-phone-container {
  margin-top: 8rem;
  margin-left: 2rem;
  margin-right: 2rem;
  position: relative;
  overflow: hidden;
}

.mob2-phone-container.alt {
  max-width: 50rem;
  margin: 8rem;
}

.div-block-24 {
  position: absolute;
  inset: 0%;
}

.mob2-phone-contents {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.mob2-phone-contents.alt {
  justify-content: center;
  align-items: flex-start;
  margin-top: auto;
}

.mob2-h1 {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 4em;
  line-height: 1;
}

.mob2-h1.uncap {
  text-align: center;
  text-transform: none;
}

.phone-contents-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 16rem;
  padding-left: 8rem;
  padding-right: 8rem;
  display: flex;
}

.phone-contents-container.alt {
  margin-top: 30%;
}

.mob-form-container {
  color: #f2f2f2;
  background-color: #131337;
  border-radius: 16px;
  margin-top: 8rem;
  margin-bottom: 8rem;
  padding: 4rem;
  position: relative;
  box-shadow: 0 24px 16px #0003;
}

.down-arrow-container {
  width: 64px;
  margin-top: 4rem;
  padding: 1rem;
  display: block;
  position: relative;
}

.mob-radio {
  text-transform: none;
}

.mob-form-success {
  color: var(--white\<deleted\|variable-048857a3\>);
  background-color: #ddd0;
}

.text-block-84 {
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
  text-align: center;
}

.home-reviews-section {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-top: 16rem;
  margin-bottom: 0;
  display: none;
}

.reviews-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 0rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  margin: 4rem;
  display: grid;
}

.reviews-wrapper.mobile {
  align-items: stretch;
  display: none;
}

.home-review {
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding: 3rem;
  display: flex;
}

.home-review.space {
  justify-content: space-between;
  display: flex;
}

.review-header {
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600;
}

.review-content {
  margin-bottom: 1rem;
  display: none;
}

.review-logo-container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: linear-gradient(0deg, #3d33e8 49%, #3e34ea00);
  justify-content: center;
  align-items: center;
  padding-top: 10rem;
  padding-bottom: 4rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.review-widget {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.review-widget.home {
  align-items: center;
}

.review-widget.clutch {
  display: none;
}

.review-widget-stars {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.star-container-home {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.star-container-home.home {
  align-items: center;
}

.h2-solutions {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  font-weight: 600;
}

.h2-solutions.resp {
  text-align: center;
}

.h2-solutions.resp.android-solutions {
  margin-top: 12rem;
}

.h3-solutions {
  color: var(--placeholder\<deleted\|variable-3b1b4b8f\>);
  font-size: 1.5em;
}

.h3-solutions.calc {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-align: center;
}

.h3-solutions.accent {
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.h3-solutions.slider {
  background-color: #0000;
  margin-top: 1rem;
  padding-left: 0;
  padding-right: 0;
}

.h3-solutions.extra-top-margin {
  margin-top: 8rem;
}

.solutions---customers {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--blue-9\<deleted\|variable-627ad6bc\>);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: none;
}

.h4-solutions {
  font-weight: 600;
}

.readable-lang {
  margin-bottom: 0;
}

.keep-reading {
  background-color: #0c0c29;
  padding-top: 8rem;
  padding-bottom: 4rem;
}

.keep-reading.calc {
  padding-top: 4rem;
}

.solutions-cta {
  margin-top: 4rem;
  margin-bottom: 8rem;
}

.solution-head-eyebrow {
  background-color: #0c0c29;
  margin-left: 2rem;
  margin-right: 2rem;
  padding: 2rem 4rem 0;
  display: flex;
  box-shadow: 16px 16px #3b3bef;
}

.solutions-faq {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.fs_accordion-1_message-3 {
  color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
}

.fs_accordion-1_paragraph-faq {
  color: var(--black\<deleted\|variable-8488b010\>);
  margin-bottom: 0;
}

.fs_accordion-1_body-faq {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  border-radius: 16px;
  padding: 1rem 3rem 3rem;
}

.fs_accordion-1_content-faq {
  overflow: hidden;
}

.fs_accordion-1_icon-faq {
  margin-right: 0;
  font-size: 2rem;
  position: relative;
}

.fs_accordion-1_label-faq {
  color: var(--blue-9\<deleted\|variable-627ad6bc\>);
  font-size: 1em;
  font-weight: 600;
}

.fs_accordion-1_header-faq {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--black\<deleted\|variable-8488b010\>);
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 3rem;
  display: flex;
}

.fs_accordion-1_header-faq:focus-visible, .fs_accordion-1_header-faq[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_accordion-1_item-faq {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  border-radius: 16px;
  transition: box-shadow .2s, right .2s, bottom .2s;
  position: relative;
  bottom: 0;
  right: 0;
}

.fs_accordion-1_item-faq:hover {
  box-shadow: 4px 4px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  position: relative;
  bottom: 4px;
  right: 4px;
}

.fs_accordion-1_embed-faq {
  margin-bottom: 0;
  display: none;
}

.fs_accordion-1_faq {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.solutions-sticky-nav {
  z-index: 100;
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  opacity: 1;
  display: block;
  position: sticky;
  top: 0;
}

.solutions-body {
  color: var(--black\<deleted\|variable-8488b010\>);
}

.solutions-body.overflow-hidden {
  overflow: hidden;
}

.solutions-body.last {
  margin-bottom: 8rem;
}

.solutions-sn-content {
  justify-content: space-between;
  align-items: center;
  margin-left: 2rem;
  margin-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.solutions-sticky-cta {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  text-align: center;
  letter-spacing: .03em;
  text-transform: uppercase;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: .25em 1em;
  font-size: .75em;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-block;
}

.solutions-sticky-cta:hover {
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
}

.solutions-sticky-cta.white {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  font-weight: 600;
}

.back-to-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.up-chevron {
  margin-right: 0;
  font-size: 2rem;
  position: relative;
  transform: rotate(180deg);
}

.up-chevron-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  outline-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  outline-offset: 0px;
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 16px;
  outline-width: 2px;
  outline-style: solid;
  padding: .5rem 1.5rem .5rem 1rem;
  font-size: .75em;
  font-weight: 600;
  transition: background-color .1s;
  display: flex;
}

.up-chevron-container:hover {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
}

.nav3-container {
  background-color: #ff1717;
  position: relative;
  box-shadow: 0 25px 50px #00000040;
}

.nav3-container.w--open {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  color: #fff;
  border-radius: 2rem;
  width: 90rem;
  padding: 2rem;
  position: absolute;
  top: 5rem;
  right: -30rem;
}

.nav3-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.solutions-value-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-size: .75em;
  display: grid;
}

.solutions-value-li {
  border-bottom: 1px solid var(--blue-8\<deleted\|variable-499ebd46\>);
  justify-content: space-between;
  padding-bottom: 2px;
  display: flex;
}

.solutions-value-li.last {
  border-bottom-style: none;
}

.solutions-value-li.center {
  justify-content: center;
  align-items: center;
}

.solutions-value-li.center.last {
  border-bottom-style: none;
}

.solutions-intro.android-solutions {
  margin-top: 4rem;
}

.solutions-benchmark {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--white\<deleted\|variable-048857a3\>);
  text-align: center;
  background-color: #1166d1;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  font-size: .75em;
  display: flex;
}

.solutions-benchmark.last {
  background-color: #2e8fff;
}

.resiliency {
  margin-bottom: 0;
}

.cookie_banner {
  z-index: 3;
  background-color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 1rem;
  max-width: 600px;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: auto 0% 20px 20px;
}

.cookie_icon {
  z-index: 2;
  cursor: pointer;
  width: 40px;
  height: 40px;
  padding: 5px;
  display: flex;
  position: fixed;
  inset: auto auto 20px 20px;
}

.cookie_icon-img {
  filter: invert(50%);
}

.cookie_checkbox-check {
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.cookie_checkbox-check.w--redirected-checked {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  background-size: 14px 14px;
}

.cookie_selection {
  overflow: hidden;
}

.cookie_options {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2rem;
  display: flex;
}

.cookie_script {
  display: none;
}

.cookie_checkbox {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  text-transform: none;
  align-items: center;
  display: flex;
}

.button_secondary {
  color: #1e1a35;
  text-align: center;
  background-color: #0000;
  border: 1px solid #1e1a35;
  border-radius: 80px;
  justify-content: center;
  padding: 1rem 1.5rem;
  line-height: 1;
  transition: transform .3s, color .3s, background-color .3s;
}

.button_secondary:hover {
  color: #fff;
  background-color: #a78aff;
  border-color: #a78aff;
  transform: translate(0, -2px);
}

.button_primary {
  color: #fff;
  text-align: center;
  background-color: #1e1a35;
  border-radius: 80px;
  padding: 1rem 1.5rem;
  font-weight: 400;
  line-height: 1;
  transition: transform .3s, background-color .3s;
}

.button_primary:hover {
  color: #fff;
  background-color: #a78aff;
  transform: translate(0, -2px);
}

.cookie_buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  margin-top: 2rem;
  display: flex;
}

.cookie_banner-2 {
  z-index: 3;
  background-color: #3b3bef;
  border-radius: 1rem;
  max-width: 600px;
  padding: 2rem;
  font-size: .85em;
  display: none;
  position: fixed;
  inset: auto 0% 20px 20px;
}

.cookie_checkbox-check-2 {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-style: none;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.cookie_checkbox-check-2.w--redirected-checked {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  background-size: 14px 14px;
  border-style: none;
}

.cookie-button-secondary {
  border: 1px solid var(--white\<deleted\|variable-048857a3\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border-radius: 16px;
  justify-content: center;
  padding: 1rem 1.5rem;
  line-height: 1;
  transition: color .3s, background-color .3s;
}

.cookie-button-secondary:hover {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  color: var(--blue-9\<deleted\|variable-627ad6bc\>);
}

.cookie-button-primary {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
  text-align: center;
  border-radius: 16px;
  padding: .25em 1em;
  font-weight: 400;
  line-height: 1;
  transition: background-color .3s;
}

.cookie-button-primary:hover {
  background-color: var(--teal-3\<deleted\|variable-213a15ad\>);
  color: var(--blue-9\<deleted\|variable-627ad6bc\>);
}

.newcalc-container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 2fr;
  grid-auto-columns: 1fr;
  padding-top: 2vh;
  padding-bottom: 2vh;
  display: grid;
  position: relative;
}

.newcalc-card-container {
  border-bottom: 1px solid var(--placeholder\<deleted\|variable-3b1b4b8f\>);
  max-height: 1000px;
  padding-bottom: 10rem;
  padding-left: 3rem;
  padding-right: 3rem;
  position: relative;
  overflow: auto;
}

.newcalc-card {
  background-color: #16163d;
  border-radius: 8px;
  margin-bottom: 2rem;
  padding: 2rem 4rem;
}

.newcalc-card.counter {
  padding-bottom: 4rem;
}

.fs_rangeslider-1_message {
  color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
}

.fs_rangeslider-1_input {
  display: none;
}

.fs_rangeslider-1_fill {
  background-color: #1378d1;
  width: 20%;
  height: 100%;
  position: absolute;
}

.fs_rangeslider-1_handle-text {
  text-align: center;
  margin-bottom: -2.25rem;
  margin-left: -.4rem;
  position: absolute;
  inset: auto auto 0% 0%;
}

.fs_rangeslider-1_handle {
  z-index: 1;
  cursor: grab;
  background-color: #1378d1;
  border-radius: 999rem;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.fs_rangeslider-1_handle:focus-visible, .fs_rangeslider-1_handle[data-wf-focus-visible] {
  background-color: var(--accessible-components--dodger-blue\<deleted\|variable-61ffd3d7\>);
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_rangeslider-1_track {
  background-color: #f5f5f5;
  width: 100%;
  height: .25rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fs_rangeslider-1_wrapper {
  align-items: center;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1rem;
  display: block;
  position: relative;
}

.fs_rangeslider-1_embed {
  margin-bottom: 0;
}

.fs_rangeslider-1_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs-rangeslider_wrapper-nc {
  align-items: center;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.5rem;
  display: block;
  position: relative;
}

.fs-rangeslider_track-nc {
  background-color: #f2f4f7;
  border-radius: 999rem;
  height: .5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fs-rangeslider_fill-nc {
  background-color: #835dff;
  background-image: linear-gradient(#3b3bef, #3b3bef);
  border-radius: 999px;
  width: 20%;
  height: 100%;
  position: absolute;
}

.fs-rangeslider_handle-nc {
  z-index: 1;
  background-color: var(--white\<deleted\|variable-048857a3\>);
  cursor: grab;
  border: 2px solid #16163d;
  border-radius: 100rem;
  flex: none;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 1px 1px 12px #0003;
}

.fs-rangeslider_handle-nc:focus {
  background-color: var(--teal-3\<deleted\|variable-213a15ad\>);
  outline-offset: 0px;
  outline: 3px #151b26;
  transform: translate(-50%, -50%);
}

.fs-rangeslider_handle-value-nc {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--white\<deleted\|variable-048857a3\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  text-align: center;
  background-color: #16163d;
  border-radius: .25em;
  margin-bottom: -4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 2rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: auto auto 0% 50%;
  transform: translate(-50%);
}

.nc-summary-card {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 8px;
  margin-bottom: 2rem;
  padding: 2rem 4rem;
}

.nc-summary-card.total {
  background-color: #0c0c29;
  border: 1px solid #3b3bef;
}

.nc-summary-grid {
  grid-column-gap: 4rem;
  grid-row-gap: .25rem;
  color: var(--black\<deleted\|variable-8488b010\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nc-explainer-copy {
  color: gray;
  font-size: .75em;
}

.hr-light {
  background-color: #dadada;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.hr-light.bg-blue-1 {
  background-color: #ababff;
}

.hr-light.bg-pink-3 {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.hr-light.alt {
  background-color: #2b2b66;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.hr-light.alt.spacer {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.hr-light.alt-2 {
  background-color: #2b2b66;
  margin-top: 4rem;
  margin-bottom: 1rem;
}

.hr-light.alt-2.spacer {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.newcalc-card-container-header {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 600;
  display: flex;
}

.copy-button {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 8px;
  padding: .25rem 2rem;
  font-size: .75em;
  transition: opacity .2s;
}

.copy-button:hover {
  outline-color: var(--teal-4\<deleted\|variable-789a7075\>);
  outline-offset: -2px;
  outline-width: 2px;
  outline-style: solid;
}

.nc-card-header {
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 2rem;
  display: flex;
}

.nc-card-header.total {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
}

.newcalc-counter-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--white\<deleted\|variable-048857a3\>);
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  place-items: center start;
  display: flex;
}

.newcalc-counter-wrapper.hidden {
  display: none;
}

.newcalc-form-counter-input {
  border: 1px solid var(--white\<deleted\|variable-048857a3\>);
  max-width: 90px;
  min-height: 3rem;
  color: var(--white\<deleted\|variable-048857a3\>);
  text-align: center;
  background-color: #0000;
  border-radius: 4px;
  margin-bottom: 0;
  font-size: 2rem;
}

.newcalc-form-counter-input.nc {
  border: 1px solid var(--white\<deleted\|variable-048857a3\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  background-color: #0000;
  border-radius: 4px;
}

.newcalc-form-counter-input.locked {
  cursor: not-allowed;
  background-color: #a1a1a1;
}

.newcalc-form-counter-input.alt {
  border-style: none;
  max-width: 64px;
  min-height: 2rem;
  padding-left: 4px;
  padding-right: 4px;
}

.code-embed {
  margin-bottom: 0;
}

.bottom-gradient {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.slider-dropdown-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.calc-dropdown {
  margin-bottom: 0;
}

.team-container {
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  flex-flow: wrap;
  margin-top: 1rem;
  padding: .5rem;
  display: flex;
}

.team-container.hidden {
  display: none;
}

.qae-div {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961cbc_person-hyper.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 8px;
  height: 20px;
  margin: .125rem;
}

.sdet-div {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c77_person-dark%20teal.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 8px;
  height: 20px;
  margin: .125rem;
}

.team-to-hire-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.calc-select {
  border: 1px solid var(--white\<deleted\|variable-048857a3\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  cursor: pointer;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961cbd_chevron%20w%20padding.png");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 32px;
  border-radius: 4px;
  flex: 1;
  margin-bottom: 0;
}

.calc-select.cadence {
  min-width: 16rem;
}

.calc-select-wrapper {
  border: 1px solid var(--white\<deleted\|variable-048857a3\>);
  cursor: pointer;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.select-down-arrow {
  margin-right: 2rem;
  font-size: 16px;
}

.counter-select {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  display: flex;
}

.calc-inline-stat {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.calc-inline-stat.total {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  font-size: 2em;
  font-weight: 600;
}

.calc-inline-stat.legend {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.calc-inline-stat.sdet {
  display: none;
}

.color-dark-teal {
  color: var(--dark-teal\<deleted\|variable-d8a543d2\>);
}

.edit-fail-button {
  border: 1px solid var(--pink-3\<deleted\|variable-478f5ba6\>);
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  cursor: pointer;
  border-radius: 4px;
  justify-content: flex-start;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: .25rem 1rem;
  font-size: .75em;
  display: inline-block;
}

.coverage-badge-low {
  background-color: var(--pink-2\<deleted\|variable-aaaca5f0\>);
  color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 1024px;
  padding: .25rem 2rem;
  font-size: .75em;
  display: inline-block;
}

.coverage-badge-medium {
  color: var(--black\<deleted\|variable-8488b010\>);
  background-color: #ffd644;
  border-radius: 1024px;
  padding: .25rem 2rem;
  font-size: .75em;
  display: inline-block;
}

.coverage-badge-high {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 1024px;
  padding: .25rem 2rem;
  font-size: .75em;
  display: inline-block;
}

.newcalc-card-header {
  justify-content: space-between;
  display: flex;
}

.fail-slider-section {
  display: none;
}

.nc-learn-more {
  color: #e2e2ff;
  font-size: .75em;
  text-decoration: none;
  display: inline-block;
}

.nc-learn-more:hover {
  text-decoration: underline;
}

.newcalc-card-explainer {
  color: #e0e0ff;
  margin-top: 2rem;
  font-size: .75em;
}

.podcast-hero {
  position: relative;
}

.animated-grid-background {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.podcast-h1 {
  z-index: 0;
  background-color: #0c0c29;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  font-size: 4em;
  display: inline-block;
  box-shadow: 16px 16px 0 4px #3b3bef;
}

.podcast-h1.individual {
  font-size: 3em;
}

.podcast-introcopy {
  z-index: 1;
  background-color: #0c0c29;
  padding: 2rem 4rem;
  position: relative;
  box-shadow: 16px 16px 0 4px #3b3bef;
}

.spotify-embed {
  margin-top: 4rem;
}

.h2-podcast {
  color: #ced8f5;
  font-weight: 600;
}

.podcast-badge-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.podcast-badge-container.mobile {
  display: none;
}

.podcast-badge {
  outline-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  outline-offset: 0px;
  border-radius: 10px;
  outline-width: 1px;
  outline-style: solid;
  transition: box-shadow .2s, transform .2s;
}

.podcast-badge:hover {
  transform: translate(-4px, -4px);
  box-shadow: 6px 6px 0 2px #3b3bef;
}

.podcast-cover {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d10_podcast%20cover.png");
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  display: flex;
}

.podcast-guest-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.podcast-guest-portrait {
  width: 200px;
  box-shadow: 16px 16px 0 4px #3b3bef;
}

.podcast-guest-portrait.index {
  width: 100px;
  box-shadow: none;
}

.podcast-guest-details {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.podcast-collection-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #0c0c29;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.podcast-h3 {
  margin-top: 0;
  font-size: 1.25em;
}

.podcast-item-desc {
  grid-column-gap: 1rem;
  grid-row-gap: .25rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.podcast-collection-item-link-wrapper {
  border: 1px solid var(--teal-4\<deleted\|variable-789a7075\>);
  margin-bottom: 4rem;
  padding: 2rem;
  text-decoration: none;
  transition: box-shadow .2s, transform .2s;
  display: block;
}

.podcast-collection-item-link-wrapper:hover {
  transform: translate(-8px, -8px);
  box-shadow: 16px 16px 0 4px #3b3bef;
}

.podcast-video-container {
  background-image: linear-gradient(to bottom, var(--teal-4\<deleted\|variable-789a7075\>), var(--teal-4\<deleted\|variable-789a7075\>));
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.podcast-spotify-embed {
  flex: 1;
}

.podcast-item-desc-pink {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.podcast-badge-mobile {
  width: 64px;
  height: 64px;
}

.information-tooltip {
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: auto;
  transition: opacity .1s;
  display: flex;
}

.information-tooltip:hover {
  opacity: 1;
}

.test-runs-container {
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  max-width: 100%;
  margin-top: 2rem;
  margin-bottom: .125rem;
  padding: .5rem;
}

.test-run-line {
  background-color: #3b3bef;
  width: 8px;
  height: 8px;
  margin: .125rem;
}

.test-run-line.fail {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  text-align: left;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility-page-form.password {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.newcalc-header-pill {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 8px;
  margin-right: 1rem;
  padding: .5rem 1rem;
}

.calc-inline-explainer {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #9791ff;
  justify-content: flex-start;
  align-items: center;
  margin-left: 2rem;
  display: flex;
}

.calc-inline-explainer.total {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  font-size: 2em;
  font-weight: 600;
}

.newcalc-shadow-container {
  z-index: 10;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.newcalc-shadow-left {
  background-image: linear-gradient(#0c0c2900, #0000 10% 90%, #0c0c29);
  height: 100%;
  position: relative;
}

.newcalc-checkbox-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-transform: none;
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-left: 0;
  font-size: .75em;
  display: flex;
}

.newcalc-checkbox {
  border: 1px solid #fff;
  width: 20px;
  height: 20px;
  margin-left: 0;
  margin-right: 1rem;
}

.newcalc-checkbox.w--redirected-checked {
  background-color: #3b3bef;
}

.counter-input-wrapped {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #fff;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .5rem .25rem 1rem;
  display: flex;
}

.sdet-error-container {
  border: 1px solid var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-radius: 4px;
  padding: 1rem;
}

.sdet-error-container.hidden, .hidden {
  display: none;
}

.password-submit-button {
  background-color: var(--black\<deleted\|variable-8488b010\>);
}

.calc-faq {
  background-color: #0c0c29;
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.calc-cta {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.calc-home-intro {
  margin-top: 4rem;
}

.calc-home-approach-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border: 2px solid #3b3bef;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .25fr;
  grid-auto-columns: 1fr;
  min-height: 64px;
  margin-top: 2rem;
  padding: 2rem;
  text-decoration: none;
  transition: box-shadow .2s, transform .2s;
  display: grid;
}

.calc-home-approach-container:hover {
  box-shadow: 6px 6px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  transform: translate(-4px, -4px);
}

.calc-home-approach-container.hide {
  display: none;
}

.button-compare {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  text-align: center;
  border-radius: 8px;
  padding: 1rem 2rem;
  font-size: 1em;
}

.calc-what-it-takes-container {
  padding-right: 0;
  overflow: visible;
}

.podcast-video-container-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-view-podcast {
  display: none;
}

.cycles-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cycles-box {
  background-color: #3b3bef;
  border-radius: 16px;
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
}

.cycles-box.at-bottom {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.cycles-box.box-red {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.cycles-column {
  background-color: #111135;
  height: 250px;
  position: relative;
  overflow: hidden;
}

.cycles-column._2 {
  height: 500px;
}

.cycles-column._3 {
  height: 600px;
}

.cycles-column._4 {
  height: 800px;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.cycles-column-copy {
  background-color: #111135;
  height: 1000px;
  position: relative;
  overflow: hidden;
}

.cycles-column-copy._2 {
  height: 500px;
}

.cycles-column-copy._3 {
  height: 600px;
}

.cycles-column-copy._4 {
  height: 800px;
}

.cycles-box-copy {
  background-color: #3b3bef;
  border-radius: 16px;
  width: 100%;
  height: 100px;
  position: sticky;
  top: .5rem;
}

.cycles-box-copy.at-bottom {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.cycles-box-copy.box-red {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.calc-batch-explainer {
  color: #9791ff;
  margin-top: -2rem;
  margin-bottom: 2rem;
}

.fs_rangeslider-1_message-2 {
  color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
}

.fs_rangeslider-1_input-2 {
  display: none;
}

.fs_rangeslider-1_fill-2 {
  background-color: #1378d1;
  width: 20%;
  height: 100%;
  position: absolute;
}

.fs_rangeslider-1_handle-text-2 {
  text-align: center;
  margin-bottom: -2.25rem;
  margin-left: -.4rem;
  position: absolute;
  inset: auto auto 0% 0%;
}

.fs_rangeslider-1_handle-2 {
  z-index: 1;
  cursor: grab;
  background-color: #1378d1;
  border-radius: 999rem;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.fs_rangeslider-1_handle-2:focus-visible, .fs_rangeslider-1_handle-2[data-wf-focus-visible] {
  background-color: var(--accessible-components--dodger-blue\<deleted\|variable-61ffd3d7\>);
  outline-color: var(--accessible-components-dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_rangeslider-1_track-2 {
  background-color: #f5f5f5;
  width: 100%;
  height: .25rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fs_rangeslider-1_wrapper-2 {
  align-items: center;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1rem;
  display: block;
  position: relative;
}

.fs_rangeslider-1_embed-2 {
  margin-bottom: 0;
}

.fs_rangeslider-1_component-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.solutions-pixelation-container {
  position: relative;
}

.pixelation-result {
  background-color: #0df2cc;
  margin: 1rem;
  padding: 1rem 2rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.vizdif-hero {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961cbf_vizdif-cover.gif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 40rem;
  display: flex;
}

.vizdif-hero.performance {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c37_wolves-in-line.gif");
}

.vizdif-hero.salesforce {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c65_sf-hero.gif");
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
}

.vizdif-hero.calc {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c29bf, #0c0c29bf), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961cc0_calcbg.gif");
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, cover;
}

.vizdif-hero.calc.alt {
  height: 30rem;
}

.vizdif-perfect-app-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
}

.vizdif-perfect-app-grid._2-col {
  grid-template-columns: 1fr 1fr;
}

.vizdif-perfect-app-grid._1col {
  grid-template-columns: 1fr;
}

.perfect-app-tile {
  background-color: #e8fffb;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4rem 2rem 2rem;
  display: flex;
}

.vizdif-icon {
  box-shadow: 8px 8px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 256px;
}

.h5-solutions {
  font-size: 1em;
  font-weight: 600;
}

.podcast-logo-container {
  height: 40px;
}

.podcast-logo {
  height: 80%;
}

.cycle-wrapper {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  height: 500px;
  margin-top: 4rem;
  position: sticky;
  top: 4rem;
}

.cycle-test {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  width: 50px;
  height: 50px;
  position: sticky;
  top: 15px;
}

.cycle-test-2 {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 8px;
  width: 100%;
  height: 100px;
  position: relative;
  box-shadow: 16px 16px 16px #0003;
}

.cycle-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 500px;
  margin-top: 4rem;
  padding: 2rem;
  display: grid;
  position: sticky;
  top: 4rem;
}

.cycle-wrapper-3 {
  background-color: #060616;
  height: 650px;
  margin-top: 8rem;
  margin-bottom: 8rem;
  position: relative;
}

.cycle-title {
  z-index: 500;
  background-color: #0c0c29;
  padding: 2rem;
  display: none;
  position: sticky;
  top: -.25rem;
}

.cycle-test-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  padding: 4rem;
  display: grid;
}

.cycle-test-3 {
  background-color: #3b3bef;
  border-radius: 8px;
  height: 64px;
  position: relative;
}

.cycle-test-line {
  background-color: #ffffff40;
  width: 2px;
  height: 50px;
  position: absolute;
  left: 50%;
}

.sked-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 0;
  display: grid;
}

.sked-right-container {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961cbf_vizdif-cover.gif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.sked-right-container.alt {
  background-image: none;
  height: auto;
}

.h1-sked {
  margin-top: 4rem;
  font-size: 2.5em;
}

.sked-form-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.sked-form-container.mobile {
  margin-top: 4rem;
  margin-bottom: 16rem;
}

.sked-label {
  color: var(--qaw-claws_color---neutral--neutral-w);
  letter-spacing: 1px;
  text-transform: none;
  margin-bottom: 1rem;
  font-size: 16px;
  font-weight: 400;
}

.sked-text-field {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  background-color: #131337;
  margin-bottom: 4rem;
  padding: 2rem 1rem;
  font-size: .75em;
}

.sked-text-field.bottom-none {
  margin-bottom: 0;
}

.sked-radio-field {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sked-radio-label {
  letter-spacing: 1px;
  text-transform: none;
  margin-left: 1rem;
  font-size: 16px;
  font-weight: 300;
}

.sked-radio-container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  margin-bottom: 4rem;
  display: flex;
}

.sked-radio-container.hidden {
  display: none;
}

.sked-submit-button {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 8px;
  width: 100%;
  display: block;
}

.sked-submit-button:disabled {
  background-color: var(--blue-9\<deleted\|variable-627ad6bc\>);
}

.sked-form-block {
  width: 100%;
  margin-bottom: 0;
}

.sked-right-quote {
  justify-content: center;
  align-items: center;
}

.sked-quote {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  box-shadow: 16px 16px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  margin-bottom: 4rem;
  padding: 2rem 4rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
}

.sked-badge-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.bad-form-dropdown-3 {
  color: #fff;
  background-color: #0c0c29;
  border: 1px solid #0000;
  border-bottom: 2px solid #3e34eb;
  height: 5rem;
  margin-bottom: 3rem;
  padding: 0 1rem 0;
  font-size: 2rem;
  line-height: 150%;
}

.sked-select {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--white\<deleted\|variable-048857a3\>);
  background-color: #131337;
  margin-bottom: 4rem;
  padding: 2rem 1rem;
  font-size: .75em;
}

.sked-dropdown {
  border-style: solid;
  border-width: 1px 1px 2px;
  border-color: transparent transparent var(--blue-5\<deleted\|variable-9774f60e\>);
  color: #fff;
  background-color: #131337;
  height: 5rem;
  margin-bottom: 4rem;
  padding: 0 1rem;
  font-size: .75em;
  line-height: 150%;
}

.mobile-left {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961cbf_vizdif-cover.gif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mobile-header {
  display: none;
}

.mobile-success-image {
  box-shadow: 16px 16px #3b3bef;
}

.mobile-paw {
  position: absolute;
  inset: auto 0% 5% 45%;
}

.paw {
  cursor: pointer;
}

.nav-new-badge {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-radius: 4px;
  padding: 2px 4px;
  font-weight: 600;
}

.ai-badge {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d03_sparkle-two.svg");
  background-position: 100% 10%;
  background-repeat: no-repeat;
  background-size: 14px;
  padding-right: 6px;
  font-weight: 600;
}

.ai-badge.alt {
  background-position: 100% 10%;
  background-size: 48px;
  padding-right: 32px;
}

.home-hero-subhed {
  text-align: center;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.2em;
  line-height: .8;
}

.notification-confetti {
  background-color: var(--black\<deleted\|variable-8488b010\>);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 7rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sked-text-field-2 {
  color: #fff;
  background-color: #131337;
  border: 1px #000;
  border-bottom: 2px solid #3e34eb;
  margin-bottom: 4rem;
  padding: 2rem 1rem;
  font-size: .75em;
}

.mob-form-success-2 {
  color: #fff;
  background-color: #ddd0;
}

.text-block-85 {
  color: #262673;
  text-align: center;
}

.sked-submit-button-2 {
  background-color: #3e34eb;
  border-radius: 8px;
  width: 100%;
  display: block;
}

.vizdif-comparison-slider {
  margin-top: 16rem;
  margin-bottom: 32rem;
}

.image-wrapper {
  width: 100%;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.image-one, .image-two {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.vizdif-compare-container {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.vizdif-tabs-menu {
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.vizdif-tab-link {
  background-color: #e7e7ff;
  padding-left: 2rem;
  padding-right: 2rem;
}

.vizdif-tab-link.w--current {
  color: var(--white\<deleted\|variable-048857a3\>);
  background-color: #3b3bef;
}

.accent {
  font-family: Lato, sans-serif;
}

.stroke-pink {
  border: 2px solid var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-radius: 8px;
}

.hidden-form-fields {
  display: none;
}

.prt-hero {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d07_hero.gif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 40rem;
  display: flex;
}

.prt-hero.performance {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c37_wolves-in-line.gif");
}

.prt-hero.salesforce {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c65_sf-hero.gif");
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
}

.prt-hero.calc {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c29bf, #0c0c29bf), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961cc0_calcbg.gif");
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, cover;
}

.prt-hero.calc.alt {
  height: 30rem;
}

.electron-hero {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d2c_electron-hero.gif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 40rem;
  display: flex;
}

.electron-hero.performance {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c37_wolves-in-line.gif");
}

.electron-hero.salesforce {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c65_sf-hero.gif");
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
}

.electron-hero.calc {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c29bf, #0c0c29bf), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961cc0_calcbg.gif");
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, cover;
}

.electron-hero.calc.alt {
  height: 30rem;
}

.ai-hero-video {
  margin-top: 4rem;
  margin-bottom: auto;
  position: relative;
}

.ai-stat-bar {
  background-color: #221c80;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 8rem;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: block;
  position: relative;
}

.ai-stat-bar._2 {
  display: none;
}

.character-tabs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  place-items: center;
  display: flex;
}

.character-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 50%;
  margin-top: 0;
  display: grid;
}

.character-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 700px;
  display: flex;
}

.character-tab-link {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  height: auto;
  padding: 0;
  transition: border-width .1s;
}

.character-tab-link.w--current {
  background-color: var(--placeholder\<deleted\|variable-3b1b4b8f\>);
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.character-headshot {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 256px;
  padding: 1rem 1rem 0;
  display: flex;
  overflow: hidden;
}

.character-headshot-portrait {
  align-self: flex-end;
  width: 75%;
}

.character-headshot-portrait._2 {
  align-self: flex-end;
  width: 100%;
}

.character-headshot-portrait._3, .character-headshot-portrait._4 {
  align-self: flex-end;
}

.character-pane-container {
  text-align: center;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  height: 650px;
  display: flex;
  position: relative;
}

.character {
  height: 500px;
}

.character._2 {
  height: 350px;
  position: relative;
  top: 80px;
}

.character._3 {
  height: 400px;
  position: relative;
  top: 58px;
}

.character._4 {
  height: 450px;
  position: relative;
  top: 47px;
}

.character-bg {
  z-index: -1;
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-radius: 1024px;
  width: 300px;
  height: 300px;
  display: block;
  position: absolute;
}

.h2-ai {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  font-weight: 600;
}

.h2-ai.alt {
  text-align: center;
  margin-top: 0;
}

.h2-ai.text-align-center.alina-s-underline {
  text-decoration: underline;
}

.h2-ai._2 {
  text-align: center;
  margin-bottom: 4rem;
}

.h2-ai.top-padding-none {
  margin-top: 0;
}

.conveyor-container {
  border: 2px solid #fff;
  border-radius: 1024px;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  display: flex;
  position: relative;
}

.conveyor-container.animated-border {
  background-color: #0000001a;
  border-style: none;
  border-radius: 8px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.conveyor-wheel {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d4f_cog.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  width: 32px;
  height: 32px;
  margin-left: 1rem;
  margin-right: 1rem;
}

.character-title {
  color: var(--white\<deleted\|variable-048857a3\>);
  font-size: 4rem;
  font-weight: 600;
  position: relative;
  top: 2rem;
}

.character-container {
  height: 80rem;
  position: relative;
}

.character-description {
  width: 50rem;
}

.character-nametag {
  z-index: 5;
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  padding: .5rem 1rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ai-big-stat {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  font-size: 8rem;
  font-weight: 600;
  position: relative;
}

.ai-big-stat.alt {
  color: var(--dark-teal\<deleted\|variable-d8a543d2\>);
  font-size: 6rem;
}

.ai-dots-container {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.ai-dots-left {
  position: absolute;
  inset: -93% auto 0% -19%;
}

.ai-dots-right {
  position: absolute;
  inset: -57% -28% 0% auto;
}

.ai-scenarios-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 0;
  display: flex;
}

.ui-scenarios {
  object-fit: none;
  height: 160px;
  position: relative;
}

.ai-eval-criteria {
  margin-top: 8rem;
  overflow: hidden;
}

.ai-robo-gang {
  position: relative;
}

.gang-1 {
  background-image: linear-gradient(0deg, #0c0c29, #0c0c2800 44%), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d4b_headshot-robo-1.png");
  background-position: 0 0, 50% 90%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 230px;
  justify-content: center;
  align-items: flex-end;
  width: 320px;
  height: 320px;
  display: flex;
  position: absolute;
  inset: -288px auto auto -112px;
}

.gang-2 {
  z-index: -1;
  background-image: linear-gradient(0deg, #0c0c29, #0c0c2800 44%), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d4e_headshot-robo-4.png");
  background-position: 0 0, 50% 90%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 230px;
  justify-content: center;
  align-items: flex-end;
  width: 320px;
  height: 320px;
  display: flex;
  position: absolute;
  inset: -324px auto auto -54px;
}

.ai-robo-test {
  z-index: 1;
  border: 2px solid var(--white\<deleted\|variable-048857a3\>);
  box-shadow: 8px 8px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 16px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.wolf-scientist-container {
  justify-content: center;
  align-items: center;
  margin-top: -10rem;
  padding-right: 0;
  display: flex;
}

.wolf-scientist {
  background-image: linear-gradient(#0c0c2900 69%, #0c0c29 96%), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961db6_wolf%20scientist%202.png");
  background-position: 0 0, 50%;
  background-size: auto, 400px;
  width: 400px;
  height: 400px;
  position: relative;
  top: 178px;
}

.ai-agents-plus-humans {
  margin-top: 8rem;
}

.gang-3 {
  z-index: -1;
  background-image: linear-gradient(0deg, #0c0c29, #0c0c2800 44%), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d91_headshot-robo-2.png");
  background-position: 0 0, 50% 90%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 230px;
  justify-content: center;
  align-items: flex-end;
  width: 320px;
  height: 320px;
  display: flex;
  position: absolute;
  inset: -345px auto auto -174px;
}

.sparks {
  opacity: .5;
  position: absolute;
}

.h3-ai {
  color: var(--placeholder\<deleted\|variable-3b1b4b8f\>);
  text-align: left;
  margin-top: 2rem;
  font-size: 1.75em;
  font-weight: 600;
}

.ai-under-the-hood {
  margin-top: 8rem;
  overflow: hidden;
}

.ai-hero {
  background-image: linear-gradient(#3e34eb, #0c0c29);
  background-position: 0 0;
  background-size: auto;
  padding-bottom: 8rem;
  position: relative;
}

.ai-dots-hero-left {
  mix-blend-mode: screen;
  position: absolute;
  inset: 0% auto auto -36%;
}

.scenario-container {
  flex: none;
  display: inline;
}

.blog-table-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.context-container {
  width: 500px;
  position: absolute;
  top: 119px;
  left: 790px;
}

.context-outline {
  align-self: flex-start;
  width: 400px;
  position: relative;
}

.context-logs {
  max-width: 200%;
  position: absolute;
}

.div-block-25 {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  width: 200%;
}

.ai-context-container {
  width: 150%;
  margin-left: 0;
  display: flex;
}

.ai-stat-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end center;
  min-height: 256px;
  display: grid;
  position: relative;
}

.ai-stat-stack {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ai-stat-inline {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.second-place {
  background-color: #0f0b4b;
  border-right: 8px solid #060427;
  width: 100%;
  height: 80px;
}

.first-place {
  background-color: #0f0b4b;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120px;
  display: flex;
}

.third-place {
  background-color: #0f0b4b;
  border-left: 6px solid #000;
  border-right: 1px solid #000;
  width: 100%;
  height: 40px;
}

.confetti-container {
  height: 300px;
}

.ai-podium-num {
  margin-bottom: .5rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 600;
  line-height: 64px;
}

.ai-podium-num.second {
  font-size: 6rem;
}

.ai-podium-num.third {
  color: var(--white\<deleted\|variable-048857a3\>);
  font-size: 4rem;
}

.ai-podium-num.min {
  margin-bottom: 1rem;
  margin-left: .25rem;
  margin-right: .25rem;
  font-size: 5rem;
}

.ai-podium-num.min.second {
  margin-bottom: .5rem;
  font-size: 4rem;
}

.ai-podium-num.min.third {
  color: var(--white\<deleted\|variable-048857a3\>);
  margin-bottom: .25rem;
  font-size: 3rem;
}

.confetti-wrapper {
  display: block;
  position: absolute;
  inset: 0%;
}

.confetti-wrapper._2 {
  pointer-events: none;
}

.h1-ai {
  text-align: center;
  text-transform: none;
}

.h1-ai.alt {
  margin-top: 0;
  font-size: 2em;
}

.ai-video-comp-section {
  background-color: #221c80;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.ai-video-comp-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ai-video-comp {
  display: flex;
}

.ai-comp-slider {
  min-height: 320px;
  box-shadow: 16px 16px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
}

.lightbox-link {
  width: 100%;
  height: 100%;
}

.ai-comp-header-container {
  position: relative;
}

.ai-comp-text {
  font-size: 3rem;
  font-weight: 600;
}

.ai-comp-text.small {
  font-weight: 400;
}

.ai-comp-text-test {
  font-size: 3rem;
  font-weight: 600;
}

.ai-comp-text-test.small {
  font-weight: 400;
}

.ai-learn-more {
  background-color: #221c80;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ae5_pattern_grid_white-5%25.png");
  background-position: 0 0;
  background-size: auto;
  margin-top: 8rem;
  margin-bottom: 8rem;
  padding-bottom: 8rem;
}

.ai-video-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  display: grid;
}

.ai-thumb-qawai {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #3b3bef;
  justify-content: center;
  align-items: center;
  min-height: 64px;
  padding: 2rem;
  transition: box-shadow .2s cubic-bezier(.455, .03, .515, .955), transform .2s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: relative;
  overflow: hidden;
}

.ai-thumb-qawai:hover {
  box-shadow: 8px 8px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  transform: translate(-8px, -8px);
}

.ai-thumb-label {
  font-size: .75em;
}

.ai-thumb-label.time {
  color: var(--white\<deleted\|variable-048857a3\>);
  font-size: 1.75rem;
}

.ai-lightbox {
  text-decoration: none;
}

.cheering-robot {
  width: 128px;
  position: absolute;
  top: 78px;
  left: -22.516px;
  transform: rotate(20deg);
}

.ai-character-desc {
  color: var(--white\<deleted\|variable-048857a3\>);
  display: none;
}

.ai-hero-ill-right {
  mix-blend-mode: overlay;
  position: absolute;
  inset: auto auto 0% 0%;
}

.image-fade.ai-hero-ill-left {
  mix-blend-mode: overlay;
  position: absolute;
  inset: auto 0% 0% auto;
}

.h1-ai-copy {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  text-transform: none;
  margin-top: 4rem;
  font-size: 5em;
}

.h1-ai-copy.alt {
  margin-top: 0;
}

.h1-events {
  text-align: center;
  text-transform: none;
  margin-top: 2rem;
  font-size: 1.5em;
}

.h1-events.alt {
  margin-top: 0;
  font-size: 2em;
}

.events-hero-video {
  margin-top: 4rem;
  margin-bottom: 2rem;
  position: relative;
}

.events-hero {
  position: relative;
}

.events-slider {
  min-height: 640px;
}

.events-slider.individual {
  height: 40rem;
  min-height: auto;
}

.events-slide {
  background-color: #3b3bef;
  padding: 2rem;
}

.events-slide._1 {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e0f_heli-tour.png");
  background-position: 50%;
  background-size: cover;
}

.events-slide._2 {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e0e_llm%20diiner.jpg");
  background-position: 50%;
  background-size: cover;
}

.events-slide._3 {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e0d_exec%20hike.jpg");
  background-position: 50%;
  background-size: cover;
}

.events-slider-header {
  text-align: center;
  vertical-align: middle;
  background-color: #0c0c29;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-size: 2em;
  font-weight: 600;
  position: relative;
}

.flex {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.events-slider-subheader {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-align: center;
  vertical-align: middle;
  background-color: #0c0c29;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-weight: 400;
  position: relative;
}

.events-section-upcoming {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.events-section-benefits, .events-section-form {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ae5_pattern_grid_white-5%25.png");
  background-position: 0 0;
  background-size: auto;
  padding-bottom: 8rem;
}

.events-section-faq {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.events-section-logos {
  margin-top: 0;
  margin-bottom: 4rem;
  padding-top: 0;
  padding-bottom: 4rem;
}

.logo-grid {
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: stretch stretch;
  display: grid;
}

.marquee-outer-container {
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.marquee-inner-container-1 {
  float: left;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  display: flex;
  position: relative;
}

.marquee-image {
  width: 200px;
  margin-left: 1rem;
  margin-right: 1rem;
}

.events-slide-nav {
  margin-bottom: 1rem;
}

.impact-marquee {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.impact-logo-set {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  pointer-events: auto;
  flex: none;
  justify-content: space-around;
  align-items: center;
  min-width: 100%;
  padding-left: 0;
  animation-name: x-slide-left;
  animation-duration: 60s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  display: flex;
  overflow: visible;
}

.h2-home {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  line-height: 125%;
}

.h2-home.blue {
  color: var(--placeholder\<deleted\|variable-3b1b4b8f\>);
}

.survey-numbers {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: grid;
  position: relative;
}

.survey-numbers.ts {
  margin-top: 4rem;
  margin-bottom: 0;
}

.survey-stat {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 2vw;
  display: flex;
}

.survey-stat-num {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  justify-content: center;
  align-items: flex-end;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-weight: 600;
  display: flex;
}

.survey-stat-label {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.impact-bg {
  z-index: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.impact-dots-left {
  z-index: 0;
  opacity: .5;
  display: block;
  position: absolute;
  top: -12rem;
  left: -30rem;
}

.impact-dots-right {
  opacity: .5;
  display: block;
  position: absolute;
  top: 3rem;
  right: -50rem;
}

.overflow-hide {
  position: relative;
  overflow: hidden;
}

.section-impact {
  background-color: #160e8c;
  position: relative;
  overflow: hidden;
}

.section-upr {
  background-color: #0b0b30;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.container-1600 {
  width: 90%;
  max-width: 160rem;
  margin-left: auto;
  margin-right: auto;
}

.container-1600.margin-top-2xl.margin-bottom-2xl {
  text-align: left;
}

.container-1600.why-qa-wolf {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.home-zgrid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 5%;
  margin-right: 5%;
  display: grid;
}

.section-differentiation {
  background-color: #0c0c29;
  justify-content: center;
  align-items: center;
  padding-top: 10rem;
  padding-bottom: 8rem;
  display: block;
}

.differentiator {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.differentiator.center {
  margin-top: 8rem;
}

.sticky-cta {
  z-index: 1000;
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 2rem;
  padding: 2rem 4rem;
  font-weight: 600;
  transition: opacity .2s, transform .2s cubic-bezier(.455, .03, .515, .955), box-shadow .2s cubic-bezier(.455, .03, .515, .955);
  position: fixed;
  inset: auto 4rem 4rem auto;
}

.sticky-cta:hover {
  box-shadow: 8px 8px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  transform: translate(-8px, -8px);
}

.section-home-hero {
  min-height: 80vh;
  position: relative;
}

.social-proof {
  justify-content: center;
  align-items: center;
  display: flex;
}

.quote {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 3rem;
  font-style: italic;
}

.quote-attribution-container {
  justify-content: center;
  align-items: baseline;
  display: flex;
}

.quote-attribution {
  margin-right: 1rem;
  font-size: 2rem;
  font-weight: 400;
}

.quote-company-name {
  border-left: 1px solid #fff;
  height: 1.7rem;
  padding-top: 0;
  padding-left: 1rem;
  display: block;
}

.outcome-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  display: flex;
}

.outcome-category {
  width: 40%;
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: left;
  flex: none;
  align-self: auto;
  margin-bottom: 8px;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2rem;
}

.outcome-number-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-86 {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 500;
}

.differentiator-header {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 600;
}

.section-social-proof {
  background-image: linear-gradient(#0b0b30, #000072);
  padding-top: 10rem;
  padding-bottom: 10rem;
  overflow: hidden;
}

.g2-badges {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 2rem;
  display: flex;
}

.g2-badges.why-qa-wolf {
  background-image: none;
}

.g2-rating-number {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.g2-logo {
  align-self: auto;
}

.g2-text {
  color: #9eaff0;
  font-size: 2rem;
}

.g2-text.why-qa-wolf {
  color: var(--white\<deleted\|variable-048857a3\>);
}

.upr-container {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(20rem, 55rem);
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.upr-container.alt {
  grid-template-columns: .75fr 1fr;
  place-items: center stretch;
}

.home-heading-span {
  color: var(--white\<deleted\|variable-048857a3\>);
  font-size: clamp(10.75rem, 14.25rem, 9vw);
  line-height: .8;
  display: block;
}

.bold-text-11 {
  display: block;
}

.text-span-13 {
  font-style: italic;
  font-weight: 600;
}

.code-embed-4 {
  display: none;
}

.home-bodycopy-2 {
  text-transform: none;
  font-weight: 400;
}

.home-bodycopy-2.text-align-center.margin-top-m {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.home-bodycopy-2.text-align-center.margin-top-l {
  font-size: 3rem;
}

.subsection {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 600;
}

.subsection.color-blue-4 {
  color: var(--blue-4\<deleted\|variable-863f5c9f-7f37-fd0d-4ad9-4906b1450609\>);
}

.subsection.end-cta {
  max-width: 80%;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.impact-container {
  background-color: #160e8c;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.impact-stats {
  z-index: 1;
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: space-around;
  padding-top: 8rem;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.customer-survey-data {
  opacity: .7;
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-align: center;
  margin-top: 1.5rem;
  font-size: 1.6rem;
}

.impact-logo {
  padding-left: 3rem;
  padding-right: 3rem;
}

.home-hero-text {
  text-align: center;
  margin-bottom: 2rem;
}

.unstyled-link {
  text-decoration: none;
}

.unstyled-link:hover {
  text-decoration: underline;
}

.more-agents-text {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961dd9_robot-shadow.png");
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: 48px;
}

.g2-award.is-bigger {
  width: 13rem;
}

.events-section-video {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.event-map {
  height: 50rem;
}

.events-section-details {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.events-slide-photo {
  position: absolute;
  inset: 0%;
}

.events-slide-individual-2 {
  background-color: #3b3bef;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem;
}

.events-slide-individual-2._1 {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e0f_heli-tour.png");
  background-position: 50%;
  background-size: cover;
}

.events-slide-individual-2._2 {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e0e_llm%20diiner.jpg");
  background-position: 50%;
  background-size: cover;
}

.events-slide-individual-2._3 {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e0d_exec%20hike.jpg");
  background-position: 50%;
  background-size: cover;
}

.events-slide-individual-2.event-photo-1 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

.events-slide-individual-2.event-photo-2, .events-slide-individual-2.event-photo-3 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.events-slider-individual {
  border-radius: 2rem;
  overflow: hidden;
}

.events-slider-individual.individual {
  height: 40rem;
  min-height: auto;
}

.g2-ratings {
  flex-flow: column;
  align-self: auto;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.g2-stars {
  letter-spacing: .2rem;
  color: #9eaff0;
  font-size: 1.6rem;
}

.g2-stars.why-qa-wolf {
  color: #ffd400;
}

.events-wrapper {
  align-self: stretch;
}

.events-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.events-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #3b3bef;
  grid-template-rows: auto;
  grid-template-columns: 2fr .75fr;
  grid-auto-columns: 1fr;
  padding: 2rem;
  display: grid;
}

.events-item-link {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: #2c2c60;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 20rem 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  margin-bottom: 0;
  padding: 3rem;
  text-decoration: none;
  display: grid;
}

.events-item-link:hover {
  background-color: #2c2c60;
}

.upr-graphic-container-2 {
  background-color: #131337;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.upr-slowside-2 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  height: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.fast-test-2 {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961a96_code_color.png");
  background-position: 50%;
  background-size: 184px;
  border: 2px solid #f2f2f2;
  border-radius: 1rem;
  flex: 0 auto;
  width: 8vw;
  min-width: 5rem;
  max-width: 12rem;
  height: 10vw;
  min-height: 10rem;
  max-height: 16rem;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  box-shadow: 0 24px 16px #00000040;
}

.slow-test-2 {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961b0d_code_blue.jpg");
  background-position: 0 0;
  background-size: cover;
  border: 2px solid #f2f2f2;
  border-radius: 1rem;
  flex: 0 auto;
  width: 8vw;
  min-width: 5rem;
  max-width: 12rem;
  height: 10vw;
  min-height: 10rem;
  max-height: 16rem;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  box-shadow: 0 24px 16px #00000040;
}

.fastside-tests-2 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.upr-graphic-2 {
  align-self: auto;
}

.slowside-tests-2 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.upr-fastside-2 {
  background-color: #3e34eb;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  width: 100%;
  height: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.upr-label-2 {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-style: italic;
  line-height: 150%;
  position: static;
}

.subtext {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3.5rem;
}

.subtext.color-blue-4 {
  color: var(--blue-4\<deleted\|variable-863f5c9f-7f37-fd0d-4ad9-4906b1450609\>);
}

.subtext.end-cta {
  max-width: 80%;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.form-block-3 {
  margin-bottom: 0;
}

.marquee-item-2 {
  grid-column-gap: 3rem;
  color: #262673;
  background-color: #fff;
  border-radius: 8px;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 300px;
  min-width: 8rem;
  height: 10rem;
  margin-left: 1rem;
  padding: 1rem;
  transition: box-shadow .1s cubic-bezier(.55, .085, .68, .53), transform .1s cubic-bezier(.55, .085, .68, .53);
  display: flex;
  position: relative;
  box-shadow: 0 8px 16px #0006;
}

.marquee-item-2:hover {
  transform: translate(0, -4px);
  box-shadow: 0 24px 16px #0006;
}

.marquee {
  background-color: #000072;
  display: flex;
  overflow: hidden;
}

.marquee.big-blue {
  display: none;
}

.marquee-list-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  overflow: hidden;
}

.marquee-item-3 {
  color: #262673;
  background-color: #33c;
  border-radius: 8px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 300px;
  min-width: 8rem;
  height: 16rem;
  padding: 2rem 2rem 1.5rem;
  transition: box-shadow .1s cubic-bezier(.55, .085, .68, .53), transform .1s cubic-bezier(.55, .085, .68, .53);
  display: flex;
  position: relative;
  box-shadow: 0 8px 16px #0006;
}

.marquee-item-3:hover {
  transform: translate(0, -4px);
  box-shadow: 0 24px 16px #0006;
}

.container-1200-copy {
  width: 88%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

.container-1200-copy.margin-top-2xl.margin-bottom-2xl {
  text-align: left;
}

.container-1200-copy.hero {
  flex-flow: column;
  display: flex;
}

.non-caps {
  text-transform: none;
}

.section-chimp-email {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.event-image {
  mix-blend-mode: luminosity;
  max-height: 20rem;
  display: block;
}

.container-1200-2 {
  width: 88%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

.container-1200-2.margin-top-2xl.margin-bottom-2xl {
  text-align: left;
}

.container-1200-2.hero {
  flex-flow: column;
  display: flex;
}

.marquee-cards-mobile {
  display: none;
}

.marquee_blue {
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: block;
}

.marquee_blue.hide {
  display: none;
}

.outcome-result {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 500;
}

.awards-container-mobile {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e11_homepage-swipe.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: none;
}

.text-span-14 {
  font-weight: 600;
}

.table-text-small {
  text-align: center;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.5;
}

.table-text-small-bold {
  text-align: center;
  font-size: 1.75rem;
  font-weight: 600;
}

.g2-awards-container {
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-decoration: none;
  display: block;
}

.g2-awards-container.why-qa-wolf {
  margin-top: 2rem;
}

.link-2 {
  text-decoration: none;
}

.link-2:hover {
  text-decoration: underline;
}

.section-index {
  margin-top: 2rem;
}

.index-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
}

.index-grid.no-filters {
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.webinar-list-wrapper.featured {
  margin-top: 0;
  margin-bottom: 4rem;
}

.webinar-collection-list {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.webinar-collection-list.featured {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-bottom: 2rem;
}

.webinar-collection-list.fw {
  display: block;
}

.webinar-collection-list.fw.flex {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.webinar-collection-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0c0c29;
  border: 2px solid #3b3bef;
  border-radius: 16px;
  flex-flow: column;
  display: flex;
}

.webinar-collection-item:hover {
  box-shadow: 6px 6px 0 0 var(--_legacy---cyber--200-default\<deleted\|variable-5a005220-5615-3e13-53d0-b2a61a693789\>);
  transform: translate(-4px, -4px);
}

.webinar-collection-item.featured {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border-style: none;
}

.webinar-collection-item.fw {
  margin-bottom: 4rem;
  transition: all .2s;
}

.webinar-collection-item.fw:hover {
  background-color: var(--_legacy---lycan--100\<deleted\|variable-86b33a52-9e97-45fe-97e7-a44d9cbf023b\>);
}

.webinar-cover {
  z-index: -1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.webinar-collection-item-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.webinar-collection-item-copy.featured {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #0000;
  padding: 0;
}

.page-gate {
  z-index: 1000;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #151b26f2;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
}

.page-gate-wrapper {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  justify-content: center;
  align-items: center;
  max-width: 100rem;
  display: flex;
  position: absolute;
}

.gate-form-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 4rem;
  display: flex;
}

.gate-form {
  min-width: 100%;
}

.page-gate-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.page-gate-graphic {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d07_hero.gif");
  background-position: 50% 0;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 4rem;
  display: flex;
}

.gate-header {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  padding: 2rem;
  font-size: 1.333em;
}

.gate-copy {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.image-13 {
  width: 100%;
}

.img_2x1 {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.solutions-p-lede {
  margin-bottom: .5rem;
  font-weight: 600;
}

.solutions-p-body {
  margin-bottom: 3rem;
}

.solutions-body-block {
  margin-bottom: 8rem;
}

.solutions-slider-wrapper {
  margin-top: 0;
  margin-bottom: 8rem;
  padding-top: 0;
}

.solutions-slider-slide {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.solutions-slider {
  background-color: #dfdfff;
  height: 50rem;
  padding-top: 0;
}

.solutions-slider-nav {
  margin-bottom: 2rem;
}

.slider-graphic-cover {
  position: relative;
  top: 98px;
}

.solutions-slider-arrow {
  background-color: var(--placeholder\<deleted\|variable-3b1b4b8f\>);
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  font-size: 24px;
  display: flex;
}

.fade-container {
  justify-content: center;
  align-items: flex-start;
  margin-top: 2rem;
  display: flex;
}

.fade-container._2 {
  margin-bottom: 2rem;
}

.solutions-slider-expanded {
  display: none;
}

.h1-webinar {
  z-index: 1;
  text-align: center;
  text-transform: none;
  background-color: #0d0c29;
  margin-top: 8rem;
  margin-bottom: 0;
  padding: 2rem 2rem 4rem;
  text-decoration: none;
  position: relative;
}

.ai-factory-graphic.desktop {
  width: 100%;
}

.ai-factory-graphic.mobile {
  display: none;
}

.text-block-87 {
  font-size: 20px;
}

.heading-2 {
  margin-top: 4rem;
}

.tw-hero {
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.tw-hero-image {
  width: 100%;
}

.tw-section-inputs {
  margin-top: 8rem;
}

.tw-inputs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tw-input {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
  display: flex;
}

.down-triangle {
  border-top: 20px solid var(--white\<deleted\|variable-048857a3\>);
  border-left: 20px solid #0000;
  border-right: 20px solid #0000;
  width: 0;
  height: 0;
}

.tw-arrow-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.down-arrow-body {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  width: 6px;
  height: 24px;
}

.c-navbar__container {
  object-fit: fill;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.c-navbar__dropdown {
  align-self: baseline;
  display: inline-flex;
  position: static;
}

.c-navbar__toggle {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  color: var(--white\<deleted\|variable-048857a3\>);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: block;
}

.icon-2, .text-block-89 {
  color: var(--white\<deleted\|variable-048857a3\>);
  flex: none;
}

.chevron {
  vertical-align: baseline;
  margin: 0 0 0 2px;
  font-size: 1.25rem;
  display: inline-block;
  position: static;
}

.chevron.mobile-menu {
  rotate: -90deg;
}

.text-block-90 {
  vertical-align: baseline;
  font-size: 2rem;
  display: inline-block;
}

.navbar-desktop {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  padding: 2rem 2.5rem;
  position: relative;
}

.nav-mobile {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  width: 100%;
  color: var(--white\<deleted\|variable-048857a3\>);
  padding: 2rem 2.5rem;
  display: none;
  position: relative;
  top: 0;
}

.nav-mobile.light {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: #0000;
}

.text-block-91 {
  vertical-align: baseline;
  display: inline-block;
}

.toggle-trigger {
  z-index: 1000;
  color: var(--white\<deleted\|variable-048857a3\>);
  align-items: baseline;
  padding: 0;
  display: inline-flex;
}

.toggle-trigger.w--open {
  z-index: 1000;
}

.toggle-list {
  -webkit-text-fill-color: inherit;
  background-color: #160e8cf2;
  background-clip: border-box;
  border: 2px solid #5c5cff;
  border-radius: 1rem;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 80rem;
  min-width: auto;
  max-width: 90rem;
  margin-left: -43rem;
  display: none;
  position: absolute;
  top: 72px;
  left: 50vw;
  overflow: hidden;
  box-shadow: inset 0 0 0 2px #2400ff, 0 20px 40px #00000040;
}

.toggle-list.w--open {
  top: 71px;
}

.toggle-list.toggle2 {
  background-color: #b4ffa5;
}

.toggle-list.toggle1 {
  background-color: #faa;
  display: block;
}

.toggle-list.community {
  width: 70rem;
  margin-left: -38rem;
}

.toggle-list.approach {
  display: block;
}

.togglelink {
  border-bottom: 2px solid #fff0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.75rem;
  transition: border-color .2s;
}

.togglelink:hover {
  border-bottom-color: #fff;
}

.togglelink.mobile {
  padding-top: 0;
  padding-bottom: 0;
}

.btn-get-started {
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  background-color: #fff;
  border-radius: 1rem;
  padding: 1rem 2rem;
  font-size: 1.75rem;
  font-weight: 600;
}

.c-navbar__login-cta {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.logotype {
  display: block;
}

.featured {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--blue-4\<deleted\|variable-863f5c9f-7f37-fd0d-4ad9-4906b1450609\>);
  flex-flow: column;
  align-self: stretch;
  width: 36%;
  padding: 2rem 1.5rem;
  display: flex;
}

.featured.solutions {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.featured.resources {
  background-color: #deff58;
}

.featured.community {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  width: 41.5%;
}

.featured.approach {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.link-container {
  justify-content: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.section-links {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex: 1;
  padding: 2rem 2rem 2rem 2.5rem;
  display: flex;
}

.link-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.link-group.hidden {
  display: none;
}

.nav-heading {
  text-transform: uppercase;
  align-self: flex-start;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
}

.nav-heading.is-dark {
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
}

.nav-heading.is-pink {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-color: #0000;
}

.nav-heading.is-teal {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.nav-heading.is-yellow {
  color: #deff58;
  -webkit-text-stroke-color: white;
}

.nav-promo-img {
  aspect-ratio: 5 / 3.5;
  object-fit: cover;
  background-color: #afafaf;
  border-radius: 1rem;
  flex: 0 auto;
  align-self: auto;
}

.nav-promo-img.mobile {
  aspect-ratio: 5 / 4;
  width: auto;
  min-width: 100px;
  height: auto;
}

.nav-promo {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  flex-flow: column;
  align-self: auto;
  text-decoration: none;
  display: flex;
}

.nav-promo:hover {
  text-decoration: underline;
}

.nav-promo.mobile {
  flex-flow: row;
}

.nav-promo-blurb {
  font-size: 1.75rem;
  line-height: 1.5;
}

.nav-promo-blurb.is-dark {
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
}

.nav-promo-link {
  font-size: 1.5rem;
}

.nav-promo-link.is-dark {
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
}

.dropdown-link-4 {
  margin-left: 0;
}

.nav-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-self: stretch;
  display: flex;
}

.page-link {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  color: var(--white\<deleted\|variable-048857a3\>);
  align-items: center;
  font-size: 1.5rem;
  text-decoration: none;
  display: flex;
}

.page-link:hover {
  text-decoration: underline;
}

.page-link.is-hidden {
  display: none;
}

.c-navbar-container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-14 {
  vertical-align: middle;
  display: block;
}

.nav-mobile-menu {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  width: 100%;
  padding: 1rem 3rem 2rem;
  display: none;
  position: absolute;
}

.c-menu-container--mobile {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.link-3 {
  align-self: flex-start;
}

.c-navbar__menu-toggle {
  box-sizing: content-box;
  width: 2.4rem;
  height: 2.4rem;
  padding: 1rem;
  position: relative;
  overflow: clip;
}

.hamburger {
  position: absolute;
  overflow: clip;
}

.x-close {
  position: absolute;
  top: 100%;
}

.menu-item--mobile {
  color: var(--white\<deleted\|variable-048857a3\>);
  align-self: baseline;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 1.7rem;
  transition: border-color .2s;
  display: inline-flex;
  position: static;
  overflow: auto;
}

.menu-item--mobile.w--current {
  border-bottom: .2rem solid var(--white\<deleted\|variable-048857a3\>);
  color: var(--white\<deleted\|variable-048857a3\>);
}

.menu-item--mobile.light {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
}

.menu-item--mobile.ai {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d06_pink%20sparkle.svg");
  background-position: 95% 30%;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-item--mobile.navlink {
  opacity: 1;
  vertical-align: baseline;
  border-bottom: 2px solid #fff0;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}

.menu-item--mobile.navlink:hover {
  border-bottom-color: #fff;
}

.menu-item--mobile.navlink.ai {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961d06_pink%20sparkle.svg");
  background-position: 100% 30%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 1.3rem;
}

.menu-item--mobile.navlink.mobile-menu {
  padding-top: 0;
  padding-bottom: 0;
}

.menu-item--mobile.navlink.aux-link {
  color: #9eaff0;
  font-size: 1.5rem;
}

.menu-item--mobile.navlink.aux-link:hover {
  border-bottom-color: #9eaff0;
}

.menu-item--mobile.navlink.sign-in {
  align-self: center;
  display: block;
}

.toggle-list--mobile {
  z-index: 2000;
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
}

.toggle-list--mobile.w--open {
  z-index: 2000;
}

.toggle-list--mobile.toggle2 {
  background-color: #b4ffa5;
}

.toggle-list--mobile.toggle1 {
  background-color: #faa;
  display: block;
}

.toggle-list--mobile.solutions, .toggle-list--mobile.solutions.w--open {
  overflow: auto;
}

.toggle-container--mobile {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  overflow: hidden;
}

.featured--mobile {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #6779eb;
  flex-flow: column;
  align-self: auto;
  padding-bottom: 1.5rem;
  display: flex;
}

.featured--mobile.approach {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  flex-flow: column;
  flex: none;
  align-self: stretch;
  align-items: stretch;
  width: 35%;
  display: flex;
  overflow: clip;
}

.featured--mobile.solutions {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.featured--mobile.resources {
  background-color: #ffbd80;
}

.featured--mobile.community {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  width: 50%;
}

.section-links--mobile {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.nav-promo-text {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.label {
  flex: none;
  align-self: flex-end;
}

.legacy-header {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  border: 0 #000;
  border-bottom: 1px solid #6779eb;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 1.5rem;
  display: flex;
  position: sticky;
  left: 0;
  right: 0;
}

.section-title {
  flex: 0 auto;
  font-size: 2rem;
}

.back-link {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #9eaff0;
  align-self: flex-start;
  align-items: flex-end;
  margin-top: 5px;
  font-size: 1.5rem;
  text-decoration: none;
  display: flex;
  position: absolute;
  left: 0;
}

.chevron-l {
  vertical-align: baseline;
  align-self: center;
  margin: 0;
  font-size: 1.25rem;
  display: inline-block;
  position: static;
  rotate: 90deg;
}

.chevron-l.mobile-menu {
  margin-top: 2px;
  margin-left: 0;
  margin-right: 2px;
  rotate: 90deg;
}

.aux-links {
  flex-flow: column;
  display: flex;
}

.btn-get-started--mobile {
  width: 100%;
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  text-align: center;
  background-color: #fff;
  border-radius: 1rem;
  padding: 1rem 2rem;
  font-size: 1.75rem;
  font-weight: 600;
}

.cta-block {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}

.link-group--mobile {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #6779eb;
  flex-flow: column;
  flex: none;
  align-items: flex-start;
  padding-bottom: 1.5rem;
  display: flex;
}

.code-embed-6, .code-embed-7 {
  display: block;
}

.div-block-26 {
  position: static;
}

.mobile-menu_overview, .mobile-menu_sub.approach, .mobile-menu_sub.solutions, .mobile-menu_sub.resources, .mobile-menu_sub.community {
  display: none;
}

.hr-white-1px {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  height: 2px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mobile-menu_cta-block {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.mobile-menu_overview-copy {
  display: none;
}

.nav-mobile-menu-deprecated {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  width: 100%;
  padding: 1rem 3rem 2rem;
  display: none;
  position: absolute;
  top: 84px;
  bottom: 0;
}

.link-block-4 {
  text-decoration: none;
}

.link-block-4:hover {
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  text-decoration: underline;
}

.link-block-5, .link-block-6, .link-block-7 {
  text-decoration: none;
}

.hero-heading {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  text-transform: none;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: clamp(15rem, 10vw, 20rem);
  line-height: 1;
}

.hero-heading.hero {
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(13rem, 17rem, 11vw);
}

.hero-heading.ai {
  margin-top: 0;
}

.hero-heading.is-pink {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.display-subhedsss {
  text-align: center;
  text-transform: none;
  margin-top: 1rem;
  font-size: 2em;
}

.display-subhedsss.alt {
  margin-top: 0;
  font-size: 2em;
}

.hero {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.hero.why-qa-wolf {
  background-image: linear-gradient(180deg, var(--blue-5\<deleted\|variable-9774f60e\>), var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>));
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.video-container {
  object-fit: fill;
  border-radius: 1.5rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.video-container.why-qa-wolf {
  background-color: #000;
  border-radius: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 1rem 1rem 1rem #0003;
}

.video-container.has-round-corners {
  border-radius: 1rem;
  box-shadow: 0 1rem 1rem 1rem #0003;
}

.display-sub {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  text-transform: none;
  margin-top: 1rem;
  font-size: 9vw;
  line-height: 1;
}

.display-sub.hero {
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(13rem, 17rem, 11vw);
}

.display-sub.ai {
  margin-top: 0;
}

.display-sub.is-pink {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.hero-subhed {
  text-align: center;
  text-transform: none;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: 3vw;
  font-weight: 500;
  line-height: 1;
}

.hero-subhed.hero {
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(13rem, 17rem, 11vw);
}

.hero-subhed.ai {
  margin-top: 0;
}

.hero-subhed.is-pink {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.hero-subhed.task-wolf {
  background-image: none;
  font-size: 4rem;
}

.display-heading {
  width: 28ch;
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  text-transform: none;
  margin: 0 auto 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: clamp(5rem, 5vw, 10rem);
  font-weight: 600;
  line-height: 1;
}

.display-heading.hero {
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(13rem, 17rem, 11vw);
}

.display-heading.ai {
  margin-top: 0;
}

.display-heading.is-pink {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.display-subhed {
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: 4rem;
  line-height: 1;
}

.display-subhed.hero {
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(13rem, 17rem, 11vw);
}

.display-subhed.ai {
  margin-top: 0;
}

.display-subhed.is-pink {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.temp-spacer {
  flex-flow: row;
  height: 40vh;
  margin-left: 10rem;
  margin-right: 10rem;
  display: flex;
}

.temp-spacer.huge {
  height: 2000px;
}

.section-slot_machine {
  padding-bottom: 0;
  position: relative;
}

.slot-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.slot-machine {
  flex-flow: column;
  justify-content: flex-start;
}

.slots {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-style: solid;
  border-width: 12px;
  border-color: #12887e var(--teal-4\<deleted\|variable-789a7075\>) #2ac5b8 #0df2cc;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 4rem 4rem 4.5rem;
  display: grid;
}

.slot {
  border: 4px solid var(--teal-4\<deleted\|variable-789a7075\>);
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  width: 80px;
  box-shadow: 0 8px 0 0 var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.slot-buttons-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: flex-end;
  height: 8rem;
  margin-top: 2rem;
  display: flex;
}

.spin-button {
  border-style: solid;
  border-width: 4px 4px 12px;
  border-color: var(--teal-4\<deleted\|variable-789a7075\>) var(--teal-4\<deleted\|variable-789a7075\>) #167970;
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-align: center;
  padding: 1rem 4rem;
}

.spin-button:hover {
  background-color: var(--blue-9\<deleted\|variable-627ad6bc\>);
}

.spin-button:active {
  border-bottom-width: 4px;
}

.spin-button.one {
  flex: 1;
}

.slot-nameplate {
  border-style: solid solid none;
  border-width: 3px;
  border-color: var(--teal-4\<deleted\|variable-789a7075\>) var(--teal-4\<deleted\|variable-789a7075\>) #3b3bef;
  background-color: #3b3bef;
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 444px;
  height: 100px;
  padding: 2rem 2rem 0;
  display: flex;
  position: relative;
  top: 2px;
}

.slot-nameplate-inner {
  border: 3px solid var(--teal-4\<deleted\|variable-789a7075\>);
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961eaa_name-plate_pattern.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.slot-top-light {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: 2px;
}

.light-top {
  border-style: solid;
  border-width: 3px 4px 0;
  border-color: var(--teal-4\<deleted\|variable-789a7075\>);
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  cursor: not-allowed;
  border-top-left-radius: 1024px;
  border-top-right-radius: 1024px;
  width: 60px;
  height: 30px;
  position: relative;
}

.light-bottom {
  border-style: solid;
  border-width: 3px 4px 0;
  border-color: var(--teal-4\<deleted\|variable-789a7075\>);
  background-color: #3b3bef;
  width: 80px;
  height: 20px;
  position: relative;
}

.light-bottom-hl1 {
  background-color: #b1b1f9;
  width: 8px;
  height: 100%;
  position: absolute;
  inset: 0% 5px 0% auto;
}

.light-bottom-hl2 {
  background-color: #b1b1f9;
  width: 16px;
  height: 100%;
  position: absolute;
  inset: 0% 20px 0% auto;
}

.slot-body {
  border: 4px solid var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 0;
  padding: 0 2.5rem 4.5rem;
}

.slot-instruc-plate {
  border-style: solid;
  border-width: 12px;
  border-color: #12887e var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-align: center;
  text-transform: uppercase;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem 1rem;
  font-size: 2.5rem;
  font-weight: 700;
}

.section-slot_totals {
  z-index: 10;
  position: sticky;
  bottom: 0;
}

.slot_totals-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 2px solid var(--teal-4\<deleted\|variable-789a7075\>);
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  justify-content: space-between;
  padding: 1rem 4rem;
  display: flex;
}

.c-button__slot {
  z-index: 1;
  border: 3px solid var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  min-width: 150px;
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  text-transform: uppercase;
  vertical-align: middle;
  background-color: #f4bdec;
  border-radius: 16px;
  padding: 8px 30px;
  font-size: 2.25rem;
  font-weight: 600;
  position: relative;
}

.c-button__slot.left {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  justify-content: center;
  align-items: center;
  padding-left: 28px;
  padding-right: 28px;
  font-family: Tiny5, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  display: flex;
}

.c-button__slot.left.disabled {
  pointer-events: none;
}

.c-button__slot.right {
  padding-left: 28px;
  padding-right: 28px;
  font-family: Tiny5, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
}

.c-button__slot.right.disabled {
  pointer-events: none;
}

.c-button__slot-container {
  text-align: center;
  margin: 16px 20px 48px;
  display: inline-block;
  position: relative;
}

.c-button__slot-container.skew-left {
  transform: skew(-6deg);
}

.c-button__slot-container.skew-right {
  transform: skew(6deg);
}

.c-button__slot-container.disabled {
  cursor: wait;
}

.c-button__slot-rim {
  background-color: #0c0c29bf;
  height: 60px;
  top: 30px;
}

._3d-container {
  perspective: 1000px;
  align-self: center;
}

.slot__control-panel-container {
  border: 3px solid var(--teal-4\<deleted\|variable-789a7075\>);
  transform-style: preserve-3d;
  background-color: #3b3bef;
  justify-content: center;
  align-items: center;
  margin-top: -24px;
  padding: 2rem 4rem;
  display: inline-flex;
  transform: rotateX(40deg)rotateY(0)rotateZ(0);
}

.slot__control-panel_lip {
  border: 3px solid var(--teal-4\<deleted\|variable-789a7075\>);
  width: 485px;
  height: 64px;
  transform-style: preserve-3d;
  background-color: #3b3bef;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
  top: -23px;
  transform: rotateX(-36deg)rotateY(0)rotateZ(0);
}

.machine-wrapper {
  flex-flow: column;
  align-self: center;
  display: flex;
  position: relative;
  transform: scale(.9);
}

.slot__control-panel_bottom {
  border: 3px solid var(--teal-4\<deleted\|variable-789a7075\>);
  width: 400px;
  height: 150px;
  transform-style: preserve-3d;
  background-color: #3b3bef;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: -56px;
  overflow: hidden;
  transform: rotateX(-55deg)rotateY(0)rotateZ(0);
}

.slot__control-panel_bottom-shadow {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  opacity: .3;
  width: 200%;
  height: 150px;
  position: absolute;
  inset: -71% auto auto -43%;
  transform: rotate(-6deg);
}

.slot-screen {
  border-style: none solid solid;
  border-width: 0 3px;
  border-color: var(--teal-4\<deleted\|variable-789a7075\>);
  background-color: #3b3bef;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 444px;
  padding: 2rem;
  display: flex;
  position: relative;
  top: 0;
}

.slot-screen-inner {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #23238f;
  border-radius: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 100%;
  height: 100%;
  min-height: 236px;
  padding: 2rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.slot-hr {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  height: 3px;
}

.slot-hr-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.slot-test {
  background-color: #3b3bef;
  width: auto;
  height: 16px;
}

.slot-test-pass {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  width: auto;
  height: 16px;
}

.slot-test-bug {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  width: auto;
  height: 16px;
}

.slot-test-maint {
  background-color: var(--accessible-components--dodger-blue\<deleted\|variable-61ffd3d7\>);
  width: auto;
  height: 16px;
}

.chart-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 80rem;
  padding: 4rem 1rem;
  display: block;
  position: relative;
}

.slot-chart-maint {
  display: flex;
  position: relative;
}

.slot-result-num {
  min-width: 200px;
  color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 8px;
  padding: .5rem 1rem;
  font-size: 3rem;
  font-weight: 600;
  transition: color .3s cubic-bezier(.455, .03, .515, .955), background-color .3s cubic-bezier(.455, .03, .515, .955);
}

.slot-result-num.slot-highlight {
  background-color: #f4bdec1a;
  border-radius: 8px;
  margin-bottom: 0;
  transition: background-color .2s;
}

.slot-result-num.detail {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  margin-top: .5rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 2rem;
  font-weight: 400;
}

.slot-result-num.detail.maint {
  color: var(--placeholder\<deleted\|variable-3b1b4b8f\>);
}

.slot-result-num.detail.bug {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.slot-result-num.detail.invest {
  color: #deff58;
}

.slot-result-num.detail.flake {
  color: var(--dark-teal\<deleted\|variable-d8a543d2\>);
}

.slot-result-num.detail.fails {
  color: #deff58;
}

.slot-result-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.slot-nameplate-title {
  width: 85%;
}

.slot-handle-container {
  z-index: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 30px;
  display: flex;
  position: absolute;
  inset: auto -30px 20px auto;
}

.slot-handle_base {
  border: 3px solid var(--teal-4\<deleted\|variable-789a7075\>);
  background-color: #3b3bef;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 30px;
  height: 60px;
}

.slot-handle_arm {
  border-style: solid solid none;
  border-width: 3px;
  border-color: var(--teal-4\<deleted\|variable-789a7075\>);
  background-color: #3b3bef;
  width: 12px;
  height: 100px;
}

.slot-handle_ball {
  border: 3px solid var(--teal-4\<deleted\|variable-789a7075\>);
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-radius: 512px;
  width: 40px;
  height: 40px;
  position: relative;
  top: 15px;
}

.slot-handle_arm-container {
  z-index: -1;
  box-sizing: border-box;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: 10px;
  left: 16px;
  transform: rotate(15deg);
}

.slot-chart_embed {
  height: 200px;
}

.slot-chart_embed.bug {
  height: 200px;
  margin-top: 3rem;
}

.slot-chart_embed.maint {
  margin-top: 3rem;
}

.slot-result-num-fixed {
  border-radius: 16px;
  min-width: 200px;
  padding: .5rem 1rem;
  font-size: 3rem;
  font-weight: 600;
  transition: background-color .3s cubic-bezier(.455, .03, .515, .955);
}

.slot-result-num-fixed.highlight {
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  background-color: #deff58;
  border-radius: 16px;
  transition: background-color .2s;
}

.slot__chart-sub-text {
  margin-right: .5rem;
  font-size: 1.25rem;
  display: inline-block;
}

.slot__chart-sub-text.right-margin {
  margin-right: 3rem;
}

.slots-chart-container {
  min-height: 200px;
  position: relative;
}

.slots-chart-totals {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  padding: .25rem 1rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.slots-chart-totals.small {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-color: #0c2e42e6;
  font-size: 5rem;
  font-weight: 600;
}

.slot-month-gif {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-slot_intro {
  background-image: linear-gradient(180deg, var(--blue-5\<deleted\|variable-9774f60e\>), var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>));
  text-align: center;
  padding-top: 0;
  padding-bottom: 8rem;
}

.slot_managed-test-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: .45fr .75fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  margin-left: 0;
  margin-right: 4rem;
  display: grid;
}

.slot_test-card {
  background-color: #0c2e42;
  border-radius: 16px;
  padding: 2rem 4rem;
}

.slot_test-card.min-height {
  min-height: 40rem;
}

.slot_test-card-contents {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 25rem;
  display: grid;
}

.slot_managed-test-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  margin-top: 4rem;
  margin-bottom: 0;
  display: flex;
}

.slot_managed-test-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.slot_managed-test-container.double {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.slot_managed-test-card {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 16px;
  width: 12rem;
  height: 16rem;
  position: relative;
}

.slot_managed-test-card.run-time {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e94_mt_run-time.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slot_managed-test-card.creation {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e8d_mt_creation.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 6rem;
  background-attachment: scroll;
}

.slot_managed-test-card.fail {
  background-color: #deff58;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e8e_mt_fail.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 6rem;
}

.slot_managed-test-card.pass {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e92_mt_pass.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8rem;
}

.slot_managed-test-card.investigation {
  background-color: #3b3bef;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ea2_mt_investigation.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 7rem;
}

.slot_managed-test-card.maint {
  cursor: pointer;
  background-color: #3b3bef;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e91_mt_maint.svg");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: 7rem;
}

.slot_managed-test-card.bug {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e93_mt_bug.svg");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: 7rem;
}

.slot_managed-test-card.flake {
  background-color: var(--dark-teal\<deleted\|variable-d8a543d2\>);
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961eb0_mt_flake.svg");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: 8rem;
}

.slot_managed-test-card.flake.opacity_50 {
  opacity: .5;
}

.mt_arrow-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: absolute;
  top: 320px;
}

.mt_arrow-body {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  width: 6px;
  height: 256px;
}

.mt_arrow-head {
  z-index: -1;
  border-bottom: 15px solid var(--white\<deleted\|variable-048857a3\>);
  border-left: 15px solid #000;
  position: relative;
  top: -8px;
  transform: rotate(45deg);
}

.h2-slots {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 2rem;
  margin-right: 2rem;
  display: inline-flex;
}

.h2-slots.alt {
  margin-top: 0;
}

.flex-center_child {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-center_child.ts {
  z-index: 1;
  position: relative;
}

.slot-test-flake {
  background-color: #227568;
  width: auto;
  height: 16px;
}

.run-log_wrapper {
  height: 80rem;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: auto;
}

.run-log_row {
  background-color: #1c1c47;
  margin-bottom: 2rem;
  padding: 2rem;
  transition: background-color .5s;
}

.run-progress-bar {
  height: 16px;
  display: flex;
}

.progress-segment {
  width: 100%;
}

.pass-segment {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  width: 100%;
}

.flake-segment {
  background-color: #227568;
  width: 100%;
}

.bug-segment {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  width: 100%;
}

.maint-segment {
  background-color: var(--accessible-components--dodger-blue\<deleted\|variable-61ffd3d7\>);
  width: 100%;
}

.run-results {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.result-item {
  justify-content: center;
  align-items: center;
  display: flex;
}

.result-circle {
  border-radius: 0%;
  width: 10px;
  height: 16px;
  margin-right: 4px;
  display: inline-flex;
}

.pass-circle {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 0%;
  width: 10px;
  height: 16px;
  margin-right: 4px;
  display: inline-flex;
}

.flake-circle {
  background-color: #227568;
  border-radius: 0%;
  width: 10px;
  height: 16px;
  margin-right: 4px;
  display: inline-flex;
}

.bug-circle {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-radius: 0%;
  width: 10px;
  height: 16px;
  margin-right: 4px;
  display: inline-flex;
}

.maint-circle {
  background-color: var(--accessible-components--dodger-blue\<deleted\|variable-61ffd3d7\>);
  border-radius: 0%;
  width: 10px;
  height: 16px;
  margin-right: 4px;
  display: inline-flex;
}

.run-log_top {
  flex-flow: wrap;
  justify-content: space-between;
  margin-bottom: .5rem;
  display: flex;
}

.highlight-new_row {
  background-color: var(--blue-6\<deleted\|variable-01bea543\>);
  transition: background-color .3s;
}

.slots_tabs-container {
  padding-left: 2rem;
  padding-right: 2rem;
}

.slots_tabs-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 2px solid var(--white\<deleted\|variable-048857a3\>);
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.slots_tabs-link {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  transition: background-color .2s;
  display: flex;
}

.slots_tabs-link:hover {
  background-color: var(--blue-9\<deleted\|variable-627ad6bc\>);
}

.slots_tabs-link.w--current {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
}

.slots_tabs-link.icon {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  cursor: pointer;
  align-self: flex-start;
  font-weight: 600;
}

.slots_tabs-link.icon:hover {
  background-color: var(--teal-3\<deleted\|variable-213a15ad\>);
}

.run-log_empty-state {
  z-index: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slots_button-subtle {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
}

.slot-chart-icon {
  background-color: #3b3bef;
  width: 20px;
  height: 20px;
  margin-right: 1rem;
  display: inline-flex;
}

.slot-chart-icon.investigation {
  background-color: #84992f;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ea2_mt_investigation.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  border-radius: 4px;
}

.slot-chart-icon.maint {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e91_mt_maint.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  border-radius: 4px;
}

.slot-chart-icon.bug {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e93_mt_bug.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  border-radius: 4px;
}

.slots-chart_sub-text-container {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slot-screen-instructions {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-family: Tiny5, sans-serif;
  font-size: 2.1rem;
  font-weight: 600;
}

.slots_tab-container-2 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.slots_tabs-link-2 {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-color: #0000;
  font-weight: 600;
}

.slots_tabs-link-2.w--current {
  border-bottom: 2px solid var(--white\<deleted\|variable-048857a3\>);
  background-color: #0c2e42;
}

.color-tennis {
  color: #deff58;
}

.opacity_50 {
  opacity: .5;
}

.opacity_100, .opacity_100._100 {
  opacity: 1;
}

.opacity_20 {
  opacity: .2;
}

.mt_card_caption {
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  text-align: center;
  margin-bottom: 1rem;
  font-weight: 600;
  position: absolute;
  inset: auto 0% 0%;
}

.chip_stack-1 {
  z-index: 1;
  position: absolute;
  inset: auto -5% 0% auto;
}

.chip_stack-2 {
  z-index: -1;
  position: absolute;
  inset: auto -3% 7% auto;
}

.chip_stack-3 {
  z-index: 1;
  position: absolute;
  inset: auto auto 3% 5%;
}

.chip_stack-4 {
  z-index: -1;
  position: absolute;
  inset: auto 0% 4% -5%;
}

.flex_center-vert {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.c-button__hover-fix {
  height: 130%;
  position: absolute;
  inset: 0%;
}

.slots_tabs-header {
  padding-left: 2rem;
  font-family: Tiny5, sans-serif;
  display: inline-flex;
  position: relative;
  top: 4rem;
}

.slot-result-num_span {
  flex-flow: row;
  margin-right: 4px;
  display: inline-flex;
}

.slot__lip-line {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3px;
  display: block;
  position: relative;
  bottom: 8px;
}

.slot-audio-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

.slot-volume-control {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  cursor: pointer;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.slot-volume-control.audio-on {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ead_audio-on.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.slot-volume-control.audio-off {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961eb1_audio-mute.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.code__slot-audio {
  display: block;
}

.slot-egg-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

.default-font {
  font-family: Inconsolata, monospace;
  font-size: 2rem;
  font-weight: 700;
}

.container-flex {
  max-width: 100%;
  display: flex;
}

.div-block-27 {
  display: flex;
}

.grid-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-block.why-qa-wolf {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 4rem;
  display: none;
}

.feature-stats-cta {
  padding-top: 4rem;
  padding-bottom: 6rem;
}

.feature-stats-cta.task-wolf {
  background-image: none;
  padding-top: 0;
}

.flex-item {
  aspect-ratio: auto;
  background-image: linear-gradient(135deg, #1c1c47, var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>));
  text-align: center;
  border: 2px solid #363661;
  border-radius: 2rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 4rem 1rem;
  display: flex;
}

.flex-item._50-pct-area {
  object-fit: fill;
}

.flex-item.why-qa-wolf.cta {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e68_scribble-right.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e66_scribble-left.svg"), linear-gradient(135deg, #1c1c47, var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>));
  background-position: 100%, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: auto 100%, auto 100%, auto;
  background-attachment: scroll, scroll, scroll;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.graphic-heading {
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: calc(11rem + 2vw);
  font-weight: 600;
  line-height: .9;
}

.graphic-heading.is-pink {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  cursor: default;
  background-color: #0000;
}

.graphic-heading.is-pink.lrg {
  font-size: calc(14rem + 3vw);
}

.graphic-subhed {
  font-size: clamp(1.8rem, 2vw, 4rem);
  font-weight: 600;
  line-height: 1.2;
}

.graphic-subhed.is-pink {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  cursor: default;
  background-color: #0000;
}

.graphic-subhed.is-pink.lrg {
  font-size: 2vw;
}

.graphic-subhed.is-pink.is-centered {
  text-align: center;
}

.graphic-text {
  cursor: default;
  font-size: clamp(1.5rem, 1.5vw, 3rem);
}

.text-span-15 {
  vertical-align: baseline;
  margin-left: .5vw;
  font-size: calc(6rem + 2vw);
  line-height: .9;
  display: inline-block;
}

.flex-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.flex-block.why-qa-wolf {
  grid-template-columns: 1fr 1fr 1fr;
}

.flex-block.why-qa-wolf.row-1 {
  align-items: stretch;
  height: 25vw;
  max-height: 40rem;
}

.grid-cell {
  aspect-ratio: auto;
  background-image: linear-gradient(135deg, #1c1c47, var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>));
  text-align: center;
  border: 2px solid #363661;
  border-radius: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4vw 1rem;
  display: flex;
}

.grid-cell._50-pct-area {
  object-fit: fill;
}

.leaderboard {
  max-width: 100%;
  margin-top: 3rem;
}

.leaderboard-mobile {
  max-width: 100%;
  margin-top: 4rem;
  display: none;
}

.code-embed-8 {
  display: none;
}

.form-block-4 {
  margin-bottom: 0;
}

.feature-quote-bubbles {
  background-image: radial-gradient(circle closest-side at 50% 50%, #000089, var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>));
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.bubble-container {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: space-between;
  width: 100%;
  margin-top: 4rem;
  display: flex;
}

.bubble {
  background-color: #2b2bb9;
  border-radius: 1.1rem;
  align-self: auto;
  min-width: 20rem;
  padding: 1vw;
  position: relative;
}

.bubble.shift-right {
  left: 1.5vw;
}

.bubble.shift-left {
  right: 1.5vw;
}

.quote-text {
  cursor: default;
  font-size: clamp(1.8rem, 1.2vmax, 2.2rem);
  line-height: 1.2;
}

.code-embed-9 {
  display: none;
}

.bubble-col {
  z-index: 1;
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  position: relative;
}

.bubble-col.middle-col {
  flex: 0 30%;
}

.bubble-container-mobile {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: space-between;
  width: 100%;
  margin-top: 6rem;
  display: none;
}

.page-content {
  align-items: flex-start;
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.left-sticky {
  flex: 0 auto;
  width: 25rem;
  min-width: 25rem;
  max-width: 160rem;
  position: sticky;
  top: 4rem;
}

.main-column {
  border-left: 1px solid #0df2cc40;
  flex: 0 auto;
  order: 0;
  align-self: stretch;
  width: auto;
  min-width: 68%;
  max-width: 160rem;
  padding-left: 3vw;
  position: relative;
}

.main-column.main-taskwolf {
  max-width: 100rem;
}

.toc-heading {
  margin-top: 1rem;
  margin-bottom: 0;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.25;
}

.page-content-h2 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  line-height: 1.2;
}

.page-content-h2.is-teal {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.intro {
  margin-bottom: 6rem;
}

.p-text {
  max-width: 50ch;
  font-size: 2.6rem;
}

.p-text.long-quote {
  margin-bottom: .5rem;
  font-size: 1.7rem;
  font-style: italic;
  line-height: 1.4;
}

.p-text.ch-65 {
  max-width: 65ch;
}

.stats {
  flex-flow: row;
  place-content: flex-start space-between;
  margin-top: 6rem;
  margin-bottom: 6rem;
  display: flex;
}

.stats.hide {
  display: none;
}

.sub-section {
  margin-bottom: 12rem;
  position: relative;
}

.sub-section.last {
  margin-bottom: 0;
}

.stat-blob {
  aspect-ratio: 1;
  background-color: var(--blue-9\<deleted\|variable-627ad6bc\>);
  border: 2px solid #363661;
  border-radius: 4rem;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 31%;
  padding: 3rem;
  display: flex;
}

.stat-blob.optiona {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e90_blob-bg_1.svg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 9vmax 20vmax 9vmax 12vmax;
  animation-name: corner-morph-a;
  animation-duration: 8s;
  animation-timing-function: cubic-bezier(.87, 0, .13, 1);
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.stat-blob.optionb {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e8f_blob-bg_2.svg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 12vmax 7vmax 8vmax 5vmax;
  animation-name: corner-morph-b;
  animation-duration: 12s;
  animation-timing-function: cubic-bezier(.87, 0, .13, 1);
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.stat-blob.optionc {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961ea3_blob-bg_3.svg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 7vmax 6vmax 5vmax 11vmax;
  animation-name: corner-morph-c;
  animation-duration: 8s;
  animation-timing-function: cubic-bezier(.87, 0, .13, 1);
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.graphic-heading-sml {
  margin-bottom: .5rem;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: clamp(2rem, 5vw, 8rem);
  font-weight: 600;
  line-height: .9;
}

.graphic-heading-sml.is-pink {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  cursor: default;
  background-color: #0000;
}

.graphic-heading-sml.is-pink.lrg {
  font-size: calc(14rem + 3vw);
}

.graphic-subhed-sml {
  font-size: clamp(1rem, 1.5vw, 3rem);
  font-weight: 600;
  line-height: 1.1;
}

.graphic-subhed-sml.is-pink {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.graphic-subhed-sml.is-pink.lrg {
  font-size: 2vw;
}

.graphic-subhed-sml.is-pink.is-centered, .graphic-subhed-sml.centered {
  text-align: center;
}

.graphic-subhed-sml.centered.is-pink {
  cursor: default;
  background-color: #0000;
}

.highlight {
  grid-column-gap: 4vw;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  align-content: flex-start;
  align-items: flex-start;
  margin-bottom: 6rem;
  display: flex;
}

.highlight.last {
  margin-bottom: 0;
}

.page-content-callout {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 1;
}

.image-16 {
  aspect-ratio: auto;
  border-radius: 20px;
  align-self: stretch;
}

.aside {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: none;
  width: 28%;
  min-width: 22rem;
  max-width: 30rem;
}

.page-content-h3 {
  flex: 2 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: 4.5rem;
}

.page-content-h3.is-teal {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.page-content-h3.is-pink {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-color: #0000;
}

.quotation-mark {
  aspect-ratio: 1;
  opacity: .3;
  border-radius: 8px;
  align-self: auto;
  width: 3rem;
  padding-top: 0;
}

.attribution {
  font-size: 1.4rem;
  line-height: 1.25;
}

.attribution-lock-up {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
}

.profile-icon {
  aspect-ratio: auto;
  opacity: 1;
  align-self: auto;
  width: 2.5rem;
  display: block;
}

.code-embed-10 {
  display: none;
}

.toc-link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  opacity: .5;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 2rem;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.toc-link:hover, .toc-link.w--current {
  opacity: 100;
}

.toc-link-wrapper {
  margin-top: 2rem;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-28 {
  margin-left: 5rem;
}

.fs-toc_richtext-2 {
  background-color: #111;
  padding: 3rem;
}

.fs-toc_link-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: .25rem;
  margin-bottom: .75rem;
  text-decoration: none;
  display: flex;
}

.fs-toc_link-2.w--current {
  color: #bcfd2e;
}

.fs-toc_link-2.is-h6 {
  color: #ccc;
  font-size: .875rem;
}

.fs-toc_link-2.is-h6.w--current {
  color: #eaffbb;
}

.fs-toc_link-2.is-h3 {
  color: #ccc;
  letter-spacing: .025rem;
  font-size: .875rem;
}

.fs-toc_link-2.is-h3.w--current {
  color: #eaffbb;
}

.fs-toc_link-2.is-h5 {
  color: #ccc;
  font-size: .875rem;
}

.fs-toc_link-2.is-h5.w--current {
  color: #eaffbb;
}

.fs-toc_link-2.is-h4 {
  color: #ccc;
  font-size: .875rem;
}

.fs-toc_link-2.is-h4.w--current {
  color: #eaffbb;
}

.fs-toc_label {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #ad00b0;
  padding: .15rem .35rem .125rem .4rem;
  font-size: .75rem;
  font-weight: 500;
  display: inline-block;
}

.fs-toc_example {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.fs-toc_sidebar-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #1a1a1a;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  width: 30%;
  padding: 1rem 3rem 2rem 0;
  display: flex;
  position: sticky;
  top: 6rem;
}

.link-anchor {
  font-size: 1.8rem;
  line-height: 1.2;
}

.link-anchor.is-teal {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.top-sticky {
  flex: 0 auto;
  width: 25rem;
  min-width: 25rem;
  max-width: 160rem;
  display: none;
  position: sticky;
}

.animation_bubble-grow {
  display: none;
}

.link-4, .link-5 {
  font-size: 2rem;
}

.toc-back-to-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  opacity: .5;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 2rem;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.toc-back-to-top:hover, .toc-back-to-top.w--current {
  opacity: 100;
}

.top-anchor {
  font-size: 1.5rem;
  line-height: 1.2;
}

.top-anchor.is-teal {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.avatar {
  aspect-ratio: 1;
  background-color: #46395a;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: auto;
  display: flex;
  overflow: hidden;
}

.g2-reviews-cta {
  justify-content: center;
  margin-top: 4rem;
  margin-bottom: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.all-g2-reviews {
  color: var(--white\<deleted\|variable-048857a3\>);
  background-color: #0df2cc26;
  border: 2px solid #0df2cc33;
  border-radius: 2rem;
  padding: 1.5rem 3.5rem 1.5rem 4rem;
  font-size: 1.8rem;
  font-weight: 500;
  transition: color .4s cubic-bezier(.165, .84, .44, 1), background-color .4s cubic-bezier(.165, .84, .44, 1);
}

.all-g2-reviews:hover {
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  background-color: #0df2cc;
}

.collection-list-3 {
  justify-content: center;
  display: flex;
}

.case-studies-recirc {
  display: none;
}

.page-label {
  font-size: 1.5rem;
  text-decoration: none;
}

.page-label:hover {
  text-decoration: underline;
}

.page-label.is-hidden {
  display: none;
}

.new-badge {
  background-color: var(--blue-4\<deleted\|variable-863f5c9f-7f37-fd0d-4ad9-4906b1450609\>);
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 3px 4px;
  font-family: Barlow, Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
}

.new-badge:hover {
  text-decoration: none;
}

.new-badge.is-yellow {
  background-color: #deff58;
  padding-top: 2px;
  padding-bottom: 3px;
}

.new-badge.is-pink {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.new-badge.is-teal {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.new-badge.pepto {
  background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.new-badge.tennis {
  background-color: #deff58;
  padding-top: 2px;
  padding-bottom: 3px;
}

.new-badge.cyber {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.page-link-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.page-link-block:hover {
  text-decoration: none;
}

.page-link-block.is-hidden {
  display: none;
}

.solutions-value-li-centered {
  border-bottom: 1px solid var(--blue-8\<deleted\|variable-499ebd46\>);
  justify-content: center;
  padding-bottom: 2px;
  display: flex;
}

.solutions-value-li-centered.last {
  border-bottom-style: none;
}

.solutions-value-li-centered.center {
  justify-content: center;
  align-items: center;
}

.solutions-value-li-centered.center.last {
  border-bottom-style: none;
}

.callout-graphic {
  aspect-ratio: 1;
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 50%;
  flex: none;
  align-items: center;
  width: 6vw;
  min-width: 6rem;
  max-width: 10rem;
  padding: 1.5rem;
  display: flex;
}

.callout-graphic.pepto {
  background-color: var(--_legacy---pepto--200-default\<deleted\|variable-75446cab-87ea-4b7a-a915-da8e13893a0f\>);
}

.callout-graphic.lycan-100 {
  background-color: var(--_legacy---lycan--100\<deleted\|variable-86b33a52-9e97-45fe-97e7-a44d9cbf023b\>);
  justify-content: center;
  align-items: center;
}

.tw-table_wrapper {
  max-width: 1000px;
}

.tw-table_row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 2rem;
  display: flex;
}

.tw-table_row.band {
  background-color: #131337;
}

.tw-table_bullet {
  background-color: #deff58;
  border-radius: 100%;
  flex: none;
  width: 16px;
  height: 16px;
}

.rive-tw_prioritization {
  width: 100%;
  height: 100%;
}

.rive-container {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.tw-image-wrapper {
  margin-bottom: 2rem;
  position: relative;
}

.tw-image-text {
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  padding: 2rem;
  position: absolute;
  inset: 8% 5% auto auto;
  box-shadow: 16px 16px #0df2cc;
}

.tw-logo {
  height: 4rem;
}

.tw-logo-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  margin-top: 1rem;
  margin-bottom: 4rem;
  font-size: .9em;
  display: flex;
}

.topper_hero__old {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 40rem;
  display: flex;
  position: relative;
}

.topper_hero__old.performance {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c37_wolves-in-line.gif");
}

.topper_hero__old.salesforce {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c65_sf-hero.gif");
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
}

.topper_hero__old.calc {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c29bf, #0c0c29bf), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961cc0_calcbg.gif");
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, cover;
}

.topper_hero__old.calc.alt {
  height: 30rem;
}

.topper_hero__old.android-bg {
  background-image: linear-gradient(180deg, black, #0c0c2900 0%, #0c0c29), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e50_android%20logo%2045.svg"), linear-gradient(to bottom, var(--blue-5\<deleted\|variable-9774f60e\>), var(--blue-5\<deleted\|variable-9774f60e\>));
  background-position: 0 0, 0%, 0 0;
  background-size: auto, auto, auto;
}

.topper_hero__old.android-bg-updated {
  background-image: linear-gradient(180deg, #0c0c2900 35%, #0c0c2999), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e50_android%20logo%2045.svg"), linear-gradient(to bottom, var(--blue-6\<deleted\|variable-01bea543\>), var(--blue-6\<deleted\|variable-01bea543\>));
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, auto;
}

.topper_hero__old.all-mobile {
  background-image: linear-gradient(#0c0c29bf, #0c0c29bf), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96208d_all-mobile_topper.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.solutions__topper__old {
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  position: relative;
}

.hero-label {
  background-color: var(--_legacy---basics--white\<deleted\|variable-3d65c31a-650d-d2e1-4827-13601e975c0f\>);
  border-radius: .5rem;
  display: flex;
}

.hero-label.pepto {
  background-color: var(--_legacy---pepto--100\<deleted\|variable-97ba3c37-79b3-eb97-4b2f-d6d9a65fc47d\>);
}

.hero-label.cyber {
  background-color: var(--_legacy---cyber--500-vivid\<deleted\|variable-d4770a3f-0263-4e23-a71f-f211ca59b244\>);
}

.hero-title {
  text-align: center;
  justify-content: center;
  max-width: 1400px;
  margin-left: 4vh;
  margin-right: 4vh;
  display: flex;
}

.hero-title.calc {
  padding-bottom: 1rem;
}

.hero-title.solutions-android {
  max-width: 1200px;
  padding-bottom: 3rem;
}

.hero-title.shift-up {
  padding-bottom: 4rem;
}

.topper_backdrop {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  position: relative;
}

.topper_backdrop.home-adjustment {
  margin-bottom: -2rem;
}

.topper_feature__old {
  z-index: 1;
  width: 100%;
  padding-bottom: 4rem;
  position: relative;
}

.topper_feature__old.solutions-android {
  background-image: none;
}

.topper_feature__old.solutions-native_mobile {
  padding-top: 4rem;
}

.callouts-block__old {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  border: 2px solid var(--_legacy---lycan--50\<deleted\|variable-609c0527-14ee-13e0-2a8c-145c4b2b1bfd\>);
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  border-radius: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  place-items: stretch center;
  padding: 3vw;
  display: flex;
  overflow: hidden;
}

.callouts-block__old.events, .callouts-block__old.tw {
  background-color: #0000;
}

.callouts-block__old.solutions-android {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  padding: 2.5vw;
}

.feat-callout {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.feat-callout.divider-right {
  border-right: 2px solid #363661;
  padding-right: 2vw;
}

.callout-heading-lockup {
  grid-column-gap: 1.25vw;
  grid-row-gap: 1.25vw;
  justify-content: flex-start;
  align-items: center;
}

.flex-block-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-30 {
  flex-flow: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.callouts {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex: 1;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  width: 100%;
}

.callouts.is-first {
  padding-bottom: 4rem;
}

.callouts.is-last {
  border: 1px #000;
  border-top: 2px solid #363661;
  width: 100%;
  padding-top: 4rem;
}

.callouts.divider-bottom {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  border-bottom: 2px solid #363661;
  padding-bottom: 2.5vw;
}

.callouts.mobile {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

.feat-calloutt-multi {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.callout-heading-label {
  max-width: 15ch;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: clamp(2rem, 3vw, 4rem);
  font-weight: 600;
  line-height: 1.1;
}

.callout-heading-label.is--wider {
  max-width: 18ch;
}

.callout-heading-label.is--wider.is-teal {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.callout-heading-label.cyber {
  color: var(--_legacy---cyber--500-vivid\<deleted\|variable-d4770a3f-0263-4e23-a71f-f211ca59b244\>);
}

.callout-heading-label.pepto {
  color: var(--_legacy---pepto--200-default\<deleted\|variable-75446cab-87ea-4b7a-a915-da8e13893a0f\>);
}

.callout-heading-label.pepto.smaller {
  max-width: 100%;
}

.feature-container__old {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center flex-start;
  place-items: center;
  display: flex;
}

.feature-container__old.events, .feature-container__old.tw {
  background-color: #0000;
}

.feature-container__old.solutions-android {
  padding-bottom: calc(13.5rem + 1.75vw);
}

.email-cta-block-old {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 2px solid var(--_legacy---lycan--50\<deleted\|variable-609c0527-14ee-13e0-2a8c-145c4b2b1bfd\>);
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  border-radius: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 4rem;
  position: relative;
}

.email-cta-block-old.why-qa-wolf {
  grid-template-columns: 1fr 1fr 1fr;
}

.email-cta-block-old.why-qa-wolf.row-1 {
  align-items: stretch;
  height: 25vw;
  max-height: 40rem;
}

.email-cta-block-old.solutions-android {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  padding-top: 3rem;
}

.email-signup {
  align-self: center;
  width: 70%;
  margin-bottom: 0;
}

.callout-list {
  flex: 0 auto;
  margin-bottom: 0;
}

.list-2 {
  flex: none;
  margin-bottom: 0;
}

.text-block-94 {
  color: #080524;
  padding: .5rem 1rem;
  font-weight: 600;
}

.hero-heading-text {
  text-align: center;
  text-transform: none;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: clamp(5rem, 6vw, 7rem);
  display: block;
}

.text-span-16 {
  box-shadow: 1rem 1rem 0 0rem var(--_legacy---basics--white\<deleted\|variable-3d65c31a-650d-d2e1-4827-13601e975c0f\>);
  background-color: #080524;
  border-bottom: 4px solid #000;
  border-right: 1px solid #080524;
  border-radius: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  display: inline;
}

.text-span-16.pepto {
  box-shadow: 1rem 1rem 0 0rem var(--_legacy---pepto--100\<deleted\|variable-97ba3c37-79b3-eb97-4b2f-d6d9a65fc47d\>);
}

.text-span-16.cyber {
  box-shadow: 1rem 1rem 0 0rem var(--_legacy---cyber--500-vivid\<deleted\|variable-d4770a3f-0263-4e23-a71f-f211ca59b244\>);
}

.h2-section-heading {
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  margin-top: 2rem;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.solutions__section {
  color: var(--black\<deleted\|variable-8488b010\>);
  background-color: #edf2f8;
  padding-top: 6rem;
  padding-bottom: 2rem;
}

.solutions__section.overflow-hidden {
  overflow: hidden;
}

.solutions__section.last {
  padding-bottom: 6rem;
}

.solutions__section.first {
  padding-top: 10rem;
}

.cta-get-started {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961f34_ink.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  height: 40rem;
  min-height: 40rem;
  display: flex;
  overflow: hidden;
}

.fs_accordion {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.highlight-block {
  box-shadow: 10px 10px 0 0 var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: #f6ffe7;
  border: 1px solid #bbf;
  border-radius: 2rem;
  margin-top: 3rem;
  margin-bottom: 4rem;
  position: relative;
}

.highlight-block.has-video {
  margin-bottom: 25rem;
  padding: 4rem 4rem 6rem;
}

.solutions__faq {
  background-color: #fff;
  padding-top: 4rem;
  padding-bottom: 8rem;
}

.highlight_ol-item {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-bottom: 4rem;
  font-size: 2.7rem;
  font-weight: 500;
}

.highlight_ol-item.is-last {
  margin-bottom: 0;
}

.text-span-17 {
  font-weight: 700;
}

.text-block-95 {
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  -webkit-text-stroke-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
}

.solutions__body-text {
  font-size: 2.5rem;
}

.mp4_loop {
  z-index: 100;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.highlight-ol {
  margin-bottom: 1rem;
}

.highlight-content {
  padding: 5rem 8rem;
}

.highlight-video {
  aspect-ratio: 16 / 8.8;
  object-fit: scale-down;
}

.highlight-summary {
  z-index: 500;
  background-color: #fff;
  border: 1px solid #bbf;
  border-radius: 2rem;
  width: 60%;
  padding: 2rem 2rem 2.5rem 2.5rem;
  position: absolute;
  top: 95%;
  right: -5%;
}

.h3-summary {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 3rem;
}

.text-block-96, .summary-text {
  font-size: 2.5rem;
}

.highlight-caption {
  width: 40%;
  color: var(--blue-4\<deleted\|variable-863f5c9f-7f37-fd0d-4ad9-4906b1450609\>);
  font-size: 2rem;
  line-height: 1.25;
  position: absolute;
  top: 105%;
  left: 1rem;
}

.caption-text {
  color: var(--blue-4\<deleted\|variable-863f5c9f-7f37-fd0d-4ad9-4906b1450609\>);
  font-size: 2rem;
}

.solutions__sign-up {
  background-color: #edf2f8;
}

.solutions__subsection {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  margin-top: 4rem;
}

.feat-item {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
}

.feat-item_visual {
  aspect-ratio: 1;
  background-color: #ffffff80;
  border: 1px solid #bbf;
  border-radius: 2rem;
  flex: 0 auto;
  width: 25%;
  min-width: 10rem;
  max-width: 20rem;
  padding: 2rem;
}

.h4-item {
  margin-top: 0;
  font-size: 2.5rem;
  font-weight: 600;
}

.feat-item_summary {
  flex: 1;
}

.feat-item-text {
  font-size: 2rem;
}

.h3-subsection {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 3.5rem;
}

.h3-subsection.smaller {
  font-size: 2.5rem;
}

.cta-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 2rem;
  flex-flow: column;
  padding: 2rem 3rem 3rem;
  display: block;
}

.code-embed-11 {
  display: block;
}

.h3-newsletter-signup {
  color: var(--white\<deleted\|variable-048857a3\>);
  margin-top: .5rem;
  margin-bottom: .5rem;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 500;
}

.form-block-5 {
  margin-bottom: 0;
}

.cta-content {
  justify-content: space-around;
  align-items: flex-start;
  padding: 4rem;
}

.flex-block-5 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 35%;
}

.bold-text-12 {
  font-weight: 500;
}

.h3-inter-cta {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 5rem;
  line-height: 1;
}

.h4-inter-cta {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1;
}

.link-block-12 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  width: 100%;
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  border-radius: 2rem;
  justify-content: center;
  margin-top: 1.5rem;
  padding: 2rem;
  font-family: Barlow, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.text-block-97 {
  font-size: 2.2rem;
}

.flex-block-6 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  opacity: 1;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-block-7 {
  justify-content: space-around;
  align-items: center;
  height: 100%;
}

.container {
  flex-flow: row;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 88%;
  max-width: 80rem;
  height: 100%;
  display: flex;
}

.container.margin-bottom-xl {
  text-align: left;
}

.container.position-relative {
  position: relative;
}

.container.hero {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.container-1602 {
  width: 50%;
  display: flex;
}

.container-800-flex {
  justify-content: space-around;
  width: 88%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-800-flex.margin-bottom-xl {
  text-align: left;
}

.container-800-flex.position-relative {
  position: relative;
}

.container-800-flex.hero {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.flex-block-8 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex: 1;
}

.flex-block-4 {
  grid-column-gap: 1.25vw;
  grid-row-gap: 1.25vw;
  justify-content: flex-start;
  align-items: center;
}

.code-embed-12 {
  display: none;
}

.cta-heading-text {
  text-align: center;
  text-transform: none;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: clamp(3rem, 3vw, 4rem);
  font-weight: 600;
  display: block;
}

.cta-heading-text.cyber {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.callout-heading-graphic {
  flex: 0 auto;
  width: 6vw;
  min-width: 6rem;
  max-width: 10rem;
}

.list-1 {
  flex: 0 auto;
  margin-bottom: 0;
}

.code-embed-13 {
  display: none;
}

.g2-badge {
  max-width: 32%;
}

.g2-badge.is-bigger {
  width: 15rem;
}

.flex-block-9 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.g2-container {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.footer-list-item {
  flex: 1;
  list-style-type: none;
}

.careers-story, .careers-values {
  margin-top: 0;
}

.careers-value {
  flex-flow: column;
  max-width: 45rem;
  margin-top: 8rem;
  display: flex;
}

.careers-value.left {
  align-self: flex-start;
}

.careers-value.left.first {
  margin-top: 0;
}

.careers-value.right {
  align-self: flex-end;
}

.h2-careers.alt {
  margin-top: 2rem;
}

.h3-careers {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
  margin-top: 1rem;
  font-size: 1.5em;
}

.display-flex {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.display-flex.down {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.careers-culture {
  margin-top: 8rem;
}

.careers-perks {
  margin-top: 0;
}

.h4-newsletter-signup {
  color: var(--white\<deleted\|variable-048857a3\>);
  margin-top: .5rem;
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: 500;
}

.form-input-field {
  border-style: none;
  border-width: 1px .2rem .2rem;
  border-color: black var(--white\<deleted\|variable-048857a3\>) var(--white\<deleted\|variable-048857a3\>);
  background-color: var(--grey-2\<deleted\|variable-dc2f645f\>);
  height: 7rem;
  box-shadow: inset 1px 1px 3px 0 var(--black-a10\<deleted\|variable-5a302120\>);
  color: var(--black\<deleted\|variable-8488b010\>);
  border-radius: 2rem;
  margin-bottom: 0;
  padding: 0 1em;
  font-size: 1em;
  line-height: 1.5;
  transition: border .2s;
}

.form-input-field:focus {
  border-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  background-color: var(--white\<deleted\|variable-048857a3\>);
}

.form-input-field::placeholder {
  color: #ababab;
}

.form-input-field.split-input {
  border-style: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
}

.form-button {
  border: .2rem none var(--white\<deleted\|variable-048857a3\>);
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  height: 7rem;
  color: var(--blue-9\<deleted\|variable-627ad6bc\>);
  text-transform: none;
  border-radius: 2rem;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2.5rem;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: background-color .2s, border-color .1s;
  display: block;
}

.form-button:hover {
  background-color: #00ffd0;
}

.form-button.white {
  background-color: var(--white\<deleted\|variable-048857a3\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  font-weight: 600;
}

.form-button.split-btn {
  letter-spacing: 0;
  text-transform: none;
  border-style: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 3.25em;
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: 500;
  line-height: 1;
}

.form-button.split-btn.solutions-android {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  font-weight: 600;
}

.form-button.is-pink {
  border-style: none;
  border-right-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-bottom-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-left-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  font-weight: 600;
}

.text-disclaimer {
  color: var(--white\<deleted\|variable-048857a3\>);
  margin-top: 1rem;
  font-size: 1.5rem;
  line-height: 1.25;
  display: none;
}

.radio-button-field-2 {
  display: block;
}

.code-url-capture {
  display: none;
}

.radio-button-label-2 {
  color: var(--white\<deleted\|variable-048857a3\>);
}

.form-container {
  margin-bottom: 0;
}

.div-block-31 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-32 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.hidden-radio-input {
  display: none;
}

.div-block-33 {
  margin-bottom: 8rem;
}

.email-error {
  display: none;
}

.events-filters {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.events-radio {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--blue-9\<deleted\|variable-627ad6bc\>);
  cursor: pointer;
  border-radius: 1rem;
  margin-bottom: 0;
  padding: 1rem 1.5rem 1rem 3rem;
  transition: background-color .15s cubic-bezier(.785, .135, .15, .86);
  display: flex;
}

.events-radio:hover {
  background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
}

.events-empty-state {
  background-color: #2c2c60;
  border-radius: 2rem;
  padding: 4rem;
}

.careers-positions {
  margin-top: 8rem;
}

.careers-quote {
  font-size: 3rem;
}

.hard-shadow {
  box-shadow: 16px 16px 0 4px var(--teal-4\<deleted\|variable-789a7075\>);
}

.hard-shadow.pink {
  box-shadow: 16px 16px 0 4px var(--pink-3\<deleted\|variable-478f5ba6\>);
}

.careers-hero {
  background-color: #3e34eb;
  background-image: linear-gradient(180deg, #3e34eb, var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>));
}

._3-col-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
  position: relative;
}

._3-col-grid.margin-top-2xl {
  margin-bottom: 0;
}

._3-col-grid.benchmarks {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 2rem;
}

._3-col-grid.narrow {
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  text-align: center;
  font-size: .65em;
}

._3-col-grid.podcast-hero {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

._3-col-grid.sked {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

._3-col-grid.event-venue-container {
  place-items: center stretch;
}

._3-col-grid.slider {
  background-color: #0000;
}

.careers-department-heading {
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  margin-top: 2rem;
}

.careers-job-wrapper {
  border: 1px solid var(--blue-5\<deleted\|variable-9774f60e\>);
  border-radius: 8px;
  margin-top: 2rem;
  padding: 2rem;
}

.careers-job-meta {
  font-size: 1.75rem;
}

.careers-job-title {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.open-positions-container {
  background-color: var(--blue-9\<deleted\|variable-627ad6bc\>);
  border-radius: 2rem;
  padding: 4rem 8rem 8rem;
}

.blog-latest-posts.padding-10rem {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.vertical-center-flex {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  height: 100vh;
  display: flex;
}

.c-blog__post-img {
  aspect-ratio: 3 / 2;
  background-color: var(--blue-4\<deleted\|variable-863f5c9f-7f37-fd0d-4ad9-4906b1450609\>);
  border-radius: 1rem;
  width: 100%;
  display: block;
}

.blog-collection-list {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.blog-collection-item {
  flex-flow: column;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.blog-list-wrapper {
  min-height: 35rem;
  margin-bottom: 5rem;
}

.c-blog__post-link {
  flex-flow: column;
  text-decoration: none;
  display: block;
  position: relative;
}

.c-blog__post-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #1c1c47;
  border-radius: 1rem;
  flex-flow: column;
  margin-left: 1rem;
  margin-right: 1rem;
  padding: 1.5rem 2.25rem 1.5rem 2.5rem;
  display: flex;
  position: absolute;
  top: 10rem;
}

.c-blog__title {
  margin-right: .25rem;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: clamp(2.5rem, 2.5vw, 3.75rem);
  font-weight: 600;
  line-height: 1;
  display: inline;
}

.c-blog__topic-pill {
  float: left;
  clear: none;
  background-color: var(--blue-4\<deleted\|variable-863f5c9f-7f37-fd0d-4ad9-4906b1450609\>);
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  border-radius: 2rem;
  align-self: flex-start;
  padding: .4rem 1rem .6rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  display: block;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
}

.icon-embed-medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: inline-block;
}

.icon-embed-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.c-blog__arrow-right {
  opacity: .5;
  color: var(--blue-4\<deleted\|variable-863f5c9f-7f37-fd0d-4ad9-4906b1450609\>);
  vertical-align: baseline;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: clamp(1.5rem, 2vw, 2.5rem);
  height: clamp(1.5rem, 2vw, 2.5rem);
  display: inline-block;
  transform: translate(0, 2px);
}

.c-blog__post-image {
  aspect-ratio: 3 / 2;
  object-fit: fill;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 1rem;
  overflow: hidden;
}

.empty-state-3 {
  background-color: #0000;
}

.code-gradient-overlay {
  display: none;
}

.gradient-fade {
  background-image: linear-gradient(#0000001a, #0009);
  width: 100%;
  height: 100%;
}

.c-blog__h3 {
  color: #5c5cff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 5rem;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: 4rem;
}

.image-18 {
  width: 500px;
  height: 500px;
}

.div-block-34 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
}

.form-error-message {
  min-height: 3rem;
  color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1.75rem;
  display: flex;
  position: relative;
}

.item-summary {
  flex: 1;
  margin-bottom: 3rem;
}

.item-summary.last {
  margin-bottom: 0;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #000;
  grid-template-rows: 3rem auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: .75fr 1fr 1fr;
  min-height: 1000px;
  margin-top: 3rem;
}

.text-block-99, .text-block-100, .text-block-101 {
  text-align: center;
}

.solutions__tiles-subsection {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 6rem;
}

.rule-horizontal {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  flex: 1;
  height: 4px;
}

.top-furniture {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.image-19 {
  aspect-ratio: 1;
  width: 8rem;
}

.feat-tile {
  aspect-ratio: auto;
  background-color: #ffffff80;
  border: 1px solid #bbf;
  border-radius: 2rem;
  flex: none;
  min-width: 30rem;
  max-width: 49%;
  padding: 2rem;
}

.feat-tile.expanded {
  max-width: 100%;
  height: 100%;
}

.feat-tile.expanded.center {
  text-align: center;
}

.flex-block-10 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  place-content: space-between center;
  align-self: stretch;
  align-items: stretch;
}

.h4-tile {
  margin-top: 0;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.fs-table_instance_ios-solutions {
  margin-top: 4rem;
  display: block;
}

.fs-table_caption {
  text-align: left;
  padding: 8px;
}

.fs-table_header {
  color: var(--_legacy---hyper--80\<deleted\|variable-83df29f8-fd28-0f44-d5f3-6de62907fc95\>);
  text-align: left;
  border: 1px solid #ddd;
  padding: 1rem 1rem 1rem 1.5rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.fs-table_header.w25 {
  width: 25%;
}

.fs-table_header.w25.border-right {
  border-right: 2px solid var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
}

.fs-table_header.w45 {
  width: 45%;
}

.fs-table_header.w45.border-right {
  border-right: 2px solid var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
}

.fs-table_row {
  border: 2px solid var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  text-align: left;
}

.fs-table_row.table-head-row {
  border-color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
}

.fs-table_head {
  text-transform: uppercase;
  vertical-align: bottom;
}

.fs-table_cell {
  text-align: left;
  border: 1px solid #ddd;
  padding: 1.5rem;
  font-size: 1.75rem;
  line-height: 1.4;
}

.fs-table_cell.border-right {
  border-right: 2px solid var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
}

.fs-table_cell.border-right.col1 {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  font-weight: 500;
}

.fs-table_cell.span-all {
  background-color: var(--_legacy---tennis--50\<deleted\|variable-2d714816-5ad6-3eaa-1141-0afb0ea9ab0b\>);
  text-align: center;
}

.fs-table_cell.w50 {
  width: 50%;
}

.fs-table_body {
  vertical-align: top;
}

.fs-table_foot {
  background-color: #f3f3f3;
}

.fs-table_table {
  text-align: left;
  border-collapse: collapse;
  border: 0 #000;
  width: 100%;
}

.pricing_flex-table {
  border-right: 2px solid var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  border-bottom: 2px solid var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  border-left: 2px solid var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  border-radius: 2px;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.pricing-body {
  justify-content: space-between;
  align-self: auto;
  display: flex;
}

.pricing-head {
  border-bottom: 2px solid var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  background-color: var(--_legacy---tennis--100\<deleted\|variable-41adb256-cba4-86e7-d9aa-a2dd10890de6\>);
  color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  text-align: center;
  text-transform: uppercase;
  padding: 1rem;
  font-size: 2rem;
  font-weight: 600;
}

.pricing-col_heading {
  flex: 0 auto;
  margin-top: 1rem;
  font-size: 2rem;
  font-weight: 600;
}

.text-block-103 {
  flex: 1;
}

.pricing-col {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  padding: 2rem;
  display: flex;
}

.pricing-col.border-right {
  border-right: 2px solid var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  background-color: var(--_legacy---tennis--50\<deleted\|variable-2d714816-5ad6-3eaa-1141-0afb0ea9ab0b\>);
}

.div-block-39 {
  flex: 1;
}

.emoji-md {
  font-size: 5rem;
}

.list-3 {
  margin-bottom: 0;
}

.pricing-li {
  margin-bottom: 1rem;
  font-size: 1.75rem;
  line-height: 1.25;
}

.pricing-col-subheading {
  margin-bottom: 1.5rem;
  font-size: 1.75rem;
}

.pricing-col_featured {
  text-align: left;
  flex: 0 auto;
  align-self: flex-start;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.image-20 {
  align-self: flex-start;
  width: 3rem;
}

.flex-block-11 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-end;
}

.email-with-error {
  flex-flow: column;
  margin-bottom: 4rem;
  display: flex;
}

.section-badges {
  margin-top: 8rem;
  margin-bottom: 8rem;
  position: relative;
}

.badge-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: center stretch;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: flex;
}

.badge {
  width: 150px;
}

.badge.large {
  width: 200px;
}

.badges-featured {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.trophy-hero {
  z-index: 0;
  background-image: linear-gradient(#0c0c2980, #0c0c29), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961f9d_trophy%20case%20bg.png");
  background-position: 0 0, 50%;
  background-size: auto, contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50rem;
  display: flex;
  position: relative;
}

.trophy-hero-copy {
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  box-shadow: 16px 16px 0 0 var(--_legacy---pepto--200-default\<deleted\|variable-75446cab-87ea-4b7a-a915-da8e13893a0f\>);
  padding: 2rem 4rem;
}

.h1-trophy {
  text-transform: none;
  margin-top: 1rem;
  font-size: 6em;
}

.tocitem {
  color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  border-radius: 8px;
  padding: 1rem;
  font-size: 1.75rem;
  text-decoration: none;
  transition: font-variation-settings .2s, color .2s, background-color .2s;
}

.tocitem:hover {
  text-decoration: underline;
}

.tocitem.active {
  background-color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  color: var(--_legacy---hyper--50\<deleted\|variable-b7cc5db7-3bcd-42f5-9e6b-833f0f66568c\>);
  font-weight: 600;
}

.toc-container-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  position: sticky;
  inset: 2rem 0 0;
}

.guide-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 8rem;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  margin: 4rem 8rem;
  display: grid;
}

.guide-section-main {
  background-color: var(--_legacy---hyper--50\<deleted\|variable-b7cc5db7-3bcd-42f5-9e6b-833f0f66568c\>);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.guide-hero {
  z-index: 0;
  background-image: linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96208d_all-mobile_topper.png");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50rem;
  display: flex;
  position: relative;
}

.guide-hero-copy {
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  text-align: center;
  max-width: 120rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding: 2rem 4rem;
}

.h1-guide {
  text-transform: none;
  margin-top: 1rem;
  font-size: 3em;
  line-height: 1;
}

.cta-template {
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: block;
}

.callout-heading-stack {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.feat-callout-stack {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feat-callout-stack.divider-right {
  border-right: 2px solid #363661;
  padding-right: 2vw;
}

.callout-text-stack {
  text-align: center;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: clamp(2rem, 3vw, 4rem);
  font-weight: 600;
  line-height: 1.1;
}

.callout-text-stack.is--wider {
  max-width: 18ch;
}

.callout-text-stack.is--wider.is-teal, .callout-text-stack.is--teal {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.callout-text-stack.pepto {
  color: var(--_legacy---pepto--200-default\<deleted\|variable-75446cab-87ea-4b7a-a915-da8e13893a0f\>);
}

.callout-subtext {
  text-align: center;
  width: 70%;
  max-width: 50rem;
  font-size: 2.2rem;
  line-height: 1.25;
}

.text-span-18 {
  font-family: Barlow Condensed, Arial, sans-serif;
  font-weight: 400;
  line-height: 100%;
  display: block;
}

.text-span-19 {
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 100%;
  display: block;
}

.callout-graphic-stack {
  aspect-ratio: 1;
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  border-radius: 50%;
  flex: none;
  align-items: center;
  width: 8vw;
  min-width: 8rem;
  max-width: 10rem;
  padding: 1.5rem;
  display: flex;
}

.callout-graphic-stack.pepto {
  background-color: var(--_legacy---pepto--200-default\<deleted\|variable-75446cab-87ea-4b7a-a915-da8e13893a0f\>);
}

.callout-text-stack-1 {
  text-align: center;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: clamp(3rem, 4vw, 5rem);
  font-weight: 600;
  line-height: 100%;
}

.callout-text-stack-1.is--wider {
  max-width: 18ch;
}

.callout-text-stack-1.is--wider.is-teal, .callout-text-stack-1.is--teal {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.callout-text-stack-1.pepto {
  color: var(--_legacy---pepto--200-default\<deleted\|variable-75446cab-87ea-4b7a-a915-da8e13893a0f\>);
}

.callout-text-stack-2 {
  text-align: center;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: clamp(2rem, 3vw, 4rem);
  font-weight: 600;
  line-height: 100%;
}

.callout-text-stack-2.is--wider {
  max-width: 18ch;
}

.callout-text-stack-2.is--wider.is-teal, .callout-text-stack-2.is--teal {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.callout-text-stack-2.pepto {
  color: var(--_legacy---pepto--200-default\<deleted\|variable-75446cab-87ea-4b7a-a915-da8e13893a0f\>);
}

.text-span-20 {
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: clamp(4.5rem, 5vw, 6.5rem);
  font-style: italic;
  font-weight: 700;
  line-height: 100%;
  display: block;
}

.text-span-21 {
  font-family: Barlow Condensed, Arial, sans-serif;
  font-weight: 400;
  line-height: 100%;
  display: block;
}

.h-divider {
  background-color: var(--_legacy---lycan--50\<deleted\|variable-609c0527-14ee-13e0-2a8c-145c4b2b1bfd\>);
  width: 2px;
}

.v-divider {
  background-color: var(--_legacy---lycan--50\<deleted\|variable-609c0527-14ee-13e0-2a8c-145c4b2b1bfd\>);
  height: 2px;
}

.feat-callout-multi-stack {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.callout-heading-multi-stack {
  justify-content: flex-start;
  align-items: center;
  width: 42rem;
}

.callout-text-stack-3 {
  flex-flow: row;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: clamp(2rem, 3vw, 4rem);
  font-weight: 600;
  line-height: 1.1;
  display: block;
}

.callout-text-stack-3.is--wider {
  max-width: 18ch;
}

.callout-text-stack-3.is--wider.is-teal, .callout-text-stack-3.is--teal {
  color: var(--teal-4\<deleted\|variable-789a7075\>);
}

.callout-text-stack-3.pepto {
  color: var(--_legacy---pepto--200-default\<deleted\|variable-75446cab-87ea-4b7a-a915-da8e13893a0f\>);
}

.text-span-22 {
  float: left;
  font-family: Barlow Semi-condensed, Arial, sans-serif;
  font-size: 11rem;
  font-style: italic;
  font-weight: 800;
  line-height: 70%;
  display: inline-block;
}

.text-span-23 {
  float: right;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 4.8rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}

.text-span-24 {
  float: right;
  font-size: 3.1rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.callout-list-group {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex: 0 auto;
}

.topper_bg_parallax {
  z-index: 0;
  background-image: linear-gradient(0deg, #000c, #00000080);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.bg-image_ios {
  aspect-ratio: 1;
  mix-blend-mode: multiply;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  max-width: 100vw;
  height: auto;
  display: block;
}

.solutions__topper-parallax {
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  position: relative;
}

.topper_hero {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 44rem;
  display: flex;
  position: relative;
}

.topper_hero.performance {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c37_wolves-in-line.gif");
}

.topper_hero.salesforce {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c2980, #0c0c2980), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961c65_sf-hero.gif");
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
}

.topper_hero.calc {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961abe_pattern_grid_white-10%25.png"), linear-gradient(#0c0c29bf, #0c0c29bf), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961cc0_calcbg.gif");
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, cover;
}

.topper_hero.calc.alt {
  height: 30rem;
}

.topper_hero.android-bg {
  background-image: linear-gradient(180deg, black, #0c0c2900 0%, #0c0c29), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e50_android%20logo%2045.svg"), linear-gradient(to bottom, var(--blue-5\<deleted\|variable-9774f60e\>), var(--blue-5\<deleted\|variable-9774f60e\>));
  background-position: 0 0, 0%, 0 0;
  background-size: auto, auto, auto;
}

.topper_hero.android-bg-updated {
  background-image: linear-gradient(180deg, #0c0c2900 35%, #0c0c2999), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e50_android%20logo%2045.svg"), linear-gradient(to bottom, var(--blue-6\<deleted\|variable-01bea543\>), var(--blue-6\<deleted\|variable-01bea543\>));
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, auto;
}

.topper_hero.gen-ai-hero-bg {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961f31_hero_gen-ai-solutions.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.topper_feature_parallax {
  z-index: 1;
  width: 100%;
  padding-bottom: 4rem;
  position: relative;
}

.topper_feature_parallax.solutions-android {
  background-image: none;
}

.feature-container_ios {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center flex-start;
  place-items: center;
  display: flex;
}

.feature-container_ios.events, .feature-container_ios.tw {
  background-color: #0000;
}

.feature-container_ios.solutions-android {
  padding-bottom: calc(13.5rem + 1.75vw);
}

.email-cta-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 2px solid var(--_legacy---lycan--50\<deleted\|variable-609c0527-14ee-13e0-2a8c-145c4b2b1bfd\>);
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  border-radius: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 3rem 4rem 4rem;
  position: relative;
}

.email-cta-block.why-qa-wolf {
  grid-template-columns: 1fr 1fr 1fr;
}

.email-cta-block.why-qa-wolf.row-1 {
  align-items: stretch;
  height: 25vw;
  max-height: 40rem;
}

.email-cta-block.solutions-android {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  padding-top: 3rem;
}

.email-cta-block.solutions-gen-ai {
  background-color: var(--_legacy---lycan--100\<deleted\|variable-86b33a52-9e97-45fe-97e7-a44d9cbf023b\>);
}

.email-cta-block.guide {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-style: none;
  margin-top: 8rem;
  margin-bottom: 8rem;
  padding-top: 4rem;
  padding-left: 0;
  padding-right: 0;
}

.callouts-block {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border: 2px solid var(--_legacy---lycan--50\<deleted\|variable-609c0527-14ee-13e0-2a8c-145c4b2b1bfd\>);
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  border-radius: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  place-items: stretch center;
  width: 100%;
  padding: 4rem;
  display: flex;
  overflow: hidden;
}

.callouts-block.events, .callouts-block.tw {
  background-color: #0000;
}

.callouts-block.solutions-android {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  padding: 2.5vw;
}

.callouts-block.solutions-gen-ai {
  background-color: var(--_legacy---lycan--100\<deleted\|variable-86b33a52-9e97-45fe-97e7-a44d9cbf023b\>);
}

.hero-title_ios {
  text-align: center;
  justify-content: center;
  max-width: 1400px;
  margin-left: 4vh;
  margin-right: 4vh;
  display: flex;
}

.hero-title_ios.calc {
  padding-bottom: 1rem;
}

.hero-title_ios.solutions-android {
  max-width: 1200px;
}

.email-signup-ios {
  align-self: center;
  width: 70%;
  margin-bottom: 0;
}

.solutions__topper {
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  position: relative;
}

.topper_feature {
  z-index: 1;
  width: 100%;
  position: relative;
}

.topper_feature.solutions-android {
  background-image: none;
}

.topper_feature.gen-ai-topper-bg {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961f34_ink.png");
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: cover;
}

.feature-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center flex-start;
  place-items: center;
  display: flex;
}

.feature-container.events, .feature-container.tw {
  background-color: #0000;
}

.feature-container.solutions-android {
  padding-bottom: calc(13.5rem + 1.75vw);
}

.feature-container.shift-up {
  position: relative;
  top: -4rem;
}

.email-cta-block__old {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 2px solid var(--_legacy---lycan--50\<deleted\|variable-609c0527-14ee-13e0-2a8c-145c4b2b1bfd\>);
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  border-radius: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 4rem;
  position: relative;
}

.email-cta-block__old.why-qa-wolf {
  grid-template-columns: 1fr 1fr 1fr;
}

.email-cta-block__old.why-qa-wolf.row-1 {
  align-items: stretch;
  height: 25vw;
  max-height: 40rem;
}

.email-cta-block__old.solutions-android {
  background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  padding-top: 3rem;
}

.callout-text, .text-block-105 {
  font-size: 2rem;
}

.height-expand {
  flex: 1;
}

.solutions-list {
  font-size: 2rem;
}

.text-span-25 {
  text-transform: none;
}

.solutions-link {
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  font-size: 2rem;
}

.bg-image_guides {
  aspect-ratio: 1;
  mix-blend-mode: multiply;
  object-fit: cover;
  object-position: 50% 0%;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96206d_guide%20bg.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 100vw;
  height: auto;
  display: block;
}

.webinar-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 4rem;
  text-decoration: none;
  display: flex;
}

.image-21 {
  flex: 1;
  width: 50%;
}

.webinar-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.webinar-cta-text {
  background-color: #0df2cc26;
  border: 1px solid #0df2cc33;
  border-radius: 1.5rem;
  align-self: flex-start;
  margin-top: 1.5rem;
  padding: 1.5rem 2rem;
  font-size: 1.8rem;
  font-weight: 500;
  display: block;
}

.text-block-111 {
  font-size: 2rem;
}

.section-webinar-promo {
  margin-bottom: 4rem;
  display: block;
}

.ref-h3 {
  color: var(--_legacy---basics--white\<deleted\|variable-3d65c31a-650d-d2e1-4827-13601e975c0f\>);
  text-align: left;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: Barlow Condensed, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
}

.webinar-promo-container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border: 2px solid var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  border-radius: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 4rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.webinar-promo-container:hover {
  background-color: var(--_legacy---lycan--100\<deleted\|variable-86b33a52-9e97-45fe-97e7-a44d9cbf023b\>);
  box-shadow: 6px 6px 0 0 var(--_legacy---cyber--200-default\<deleted\|variable-5a005220-5615-3e13-53d0-b2a61a693789\>);
  transform: translate(-4px, -4px);
}

.webinar-date {
  background-color: var(--_legacy---cyber--200-default\<deleted\|variable-5a005220-5615-3e13-53d0-b2a61a693789\>);
  color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  border-radius: 8px;
  align-self: flex-start;
  padding: .25rem 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.blog-header {
  z-index: 10;
  flex-flow: column;
  margin-top: 12rem;
  padding-top: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.content-type-label {
  color: var(--_legacy---pepto--200-default\<deleted\|variable-75446cab-87ea-4b7a-a915-da8e13893a0f\>);
  letter-spacing: 1px;
  text-transform: uppercase;
  align-self: center;
  font-size: 2rem;
  font-weight: 600;
}

.item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: block;
}

.section-item-label {
  color: #000;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  display: inline-block;
}

.xl {
  font-size: 12rem;
}

.code-embed-15, .code-embed-16 {
  display: block;
}

.sprite {
  max-width: fit-content;
  height: 100%;
  display: block;
}

.field-checkbox {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-family: GT Flexa, Arial, sans-serif;
  display: flex;
}

.field-text-area {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  color: #000;
  font-variation-settings: "wght" 325;
  -webkit-text-stroke-color: #000;
  resize: none;
  background-color: #fff;
  border: .1em solid #000;
  border-radius: .6em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 12rem;
  margin-bottom: 0;
  padding: .55em .75em;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.075, .82, .165, 1);
  box-shadow: .2em .2em 0 0 #000;
}

.field-text-area:hover {
  background-color: #f2f2f2;
}

.field-text-area:focus {
  background-color: #f5ffe5;
  border-style: solid;
  border-color: #000;
  box-shadow: .2em .2em 0 0 #000;
}

.field-text-area:focus-visible, .field-text-area[data-wf-focus-visible] {
  background-color: #f5ffe5;
  box-shadow: .2em .2em 0 0 #000, 2px 2px 0 5px #b7c7f7;
}

.field-footer {
  justify-content: space-between;
  display: flex;
}

.code-embed-17 {
  display: none;
}

.helper-text {
  color: #0009;
  letter-spacing: .2px;
  flex: 1;
  margin-top: .25rem;
  margin-left: .75rem;
  margin-right: .75rem;
  font-size: .75rem;
  line-height: 1rem;
}

.floating-label {
  transform-origin: 0 0;
  color: #0009;
  letter-spacing: .2px;
  margin-bottom: .25rem;
  margin-right: .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  transition: all .15s;
  position: absolute;
  top: 1rem;
  left: .75rem;
}

.custom-input {
  width: 100%;
  height: 100%;
  box-shadow: none;
  background-color: #0000000a;
  border: 0 #000;
  border-bottom: 1px solid #0000001f;
  border-radius: 4px 4px 0 0;
  margin-bottom: 0;
  padding: 1rem .75rem;
  font-size: 1rem;
  transition: background-color .15s, border-color .15s, border-width;
  position: absolute;
  inset: 0%;
}

.custom-input:hover {
  background-color: #00000014;
}

.custom-input:focus {
  box-shadow: none;
  background-color: #00000014;
  border-bottom-width: 2px;
  border-bottom-color: #6002ee;
}

.custom-input::placeholder {
  color: #0000;
  font-size: 0;
}

.text-block-21 {
  font-size: 2rem;
  font-weight: 300;
}

.html-field {
  width: 100%;
  height: 0;
}

.form-style {
  display: none;
}

.field {
  margin-bottom: 1.5rem;
  position: relative;
}

.field.last {
  margin-bottom: 0;
}

.page_search-test {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #9f9fa1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding: 4rem;
  display: flex;
}

.field-text {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  color: #000;
  font-variation-settings: "wght" 325;
  -webkit-text-stroke-color: #000;
  background-color: #fff;
  border: .1em solid #000;
  border-radius: .6em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 5.5rem;
  margin-bottom: 0;
  padding: .55em .75em;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
  box-shadow: .2em .2em 0 0 #000;
}

.field-text:hover {
  background-color: #f2f2f2;
}

.field-text:focus {
  background-color: #f5ffe5;
  border-style: solid;
  border-color: #000;
}

.field-text:focus-visible, .field-text[data-wf-focus-visible] {
  box-shadow: .2em .2em 0 0 #000, 2px 2px 0 5px #b7c7f7;
}

.field-radio {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-family: GT Flexa, Arial, sans-serif;
  display: flex;
}

.text-block-112 {
  font-size: 2rem;
  font-weight: 300;
}

.body-2 {
  background-color: #9f9fa1;
}

.field-label {
  color: var(--qaw-claws_🔒palette---basic--white);
}

.page_test {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding: 4rem;
  display: flex;
}

.text-area {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  width: 100%;
  min-height: 12rem;
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: #000;
  font-size: var(--qaw-claws_type---text-size--t-l1);
  font-variation-settings: "wght" 325;
  resize: vertical;
  background-color: #fff;
  border: .1em solid #000;
  border-radius: .6em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .55em .75em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.075, .82, .165, 1);
  box-shadow: .2em .2em 0 0 #000;
}

.text-area:hover {
  background-color: #f2f2f2;
}

.text-area:focus {
  background-color: #f5ffe5;
  border-style: solid;
  border-color: #000;
  box-shadow: .2em .2em 0 0 #000;
}

.text-area:focus-visible, .text-area[data-wf-focus-visible] {
  background-color: #f5ffe5;
  box-shadow: .2em .2em 0 0 #000, 2px 2px 0 5px #b7c7f7;
}

.text-block-113, .text-block-114, .text-block-115 {
  font-size: 2rem;
  font-weight: 300;
}

.text-block-116, .text-block-117, .text-block-118, .text-block-119 {
  font-size: var(--qaw-claws_type---text-size--t-l2);
  font-weight: 300;
}

.page_form-test {
  width: 100%;
  min-height: 100vh;
  padding: var(--qaw-claws_spacing---space--space-lg);
  grid-column-gap: var(--qaw-claws_spacing---space--space-md);
  grid-row-gap: var(--qaw-claws_spacing---space--space-md);
  background-color: var(--qaw-claws_🔒palette---basic--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper_form-test {
  grid-column-gap: var(--qaw-claws_spacing---space--space-md);
  grid-row-gap: var(--qaw-claws_spacing---space--space-md);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.form-instance {
  padding: var(--qaw-claws_spacing---space--space-lg);
  background-color: var(--qaw-claws_🔒palette---hyper--50);
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-label-hidden {
  margin-bottom: 0;
  margin-left: var(--qaw-claws_spacing---space--space-xs);
  font-size: var(--qaw-claws_type---text-size--t-l4);
  visibility: hidden;
  font-weight: 400;
  position: absolute;
  top: -2.5rem;
}

.form-wrap-simple {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  align-items: center;
  display: flex;
}

.text-input {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  border: .1em solid var(--qaw-claws_🔒palette---basic--black);
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  width: 100%;
  height: 5.5rem;
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b);
  color: var(--qaw-claws_🔒palette---basic--black);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  font-variation-settings: "wght" 325;
  border-radius: .6em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .55em .75em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
}

.text-input:where(.w-variant-3c9914d4-b6c7-8eb2-0aef-01fe503c66e7) {
  flex-flow: row-reverse;
}

.text-input:hover {
  background-color: var(--qaw-claws_🔒palette---gray--50);
}

.text-input:focus {
  border-style: solid;
  border-color: var(--qaw-claws_🔒palette---basic--black);
  background-color: var(--qaw-claws_🔒palette---tennis--50);
}

.text-input:focus-visible, .text-input[data-wf-focus-visible] {
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b), 2px 2px 0 5px var(--qaw-claws_🔒palette---hyper--70);
}

.text-block-120 {
  font-size: var(--qaw-claws_type---text-size--t-l2);
  font-weight: 300;
}

.form-wrap-multi {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.form-field-group {
  margin-bottom: var(--qaw-claws_spacing---space--space-sm);
  align-self: stretch;
}

.text-label {
  margin-bottom: .5rem;
  margin-left: var(--qaw-claws_spacing---space--space-xs);
  color: var(--qaw-claws_🔒palette---basic--black);
  font-size: var(--qaw-claws_type---text-size--t-l4);
  width: fit-content;
  font-weight: 400;
}

.form-checkbox {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  font-size: var(--qaw-claws_type---text-size--t-l2);
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: 1rem;
  padding-left: 0;
  display: flex;
}

.check-input {
  border: .1em solid var(--qaw-claws_🔒palette---basic--black);
  background-color: var(--qaw-claws_🔒palette---basic--white);
  width: 3rem;
  height: 3rem;
  box-shadow: .1em .1em 0 0 var(--qaw-claws_🔒palette---basic--black);
  border-radius: .5rem;
  margin: 0;
}

.check-input:hover {
  background-color: var(--qaw-claws_🔒palette---gray--50);
}

.check-input:active {
  background-color: var(--qaw-claws_🔒palette---hyper--90);
}

.check-input.w--redirected-checked {
  border-color: var(--qaw-claws_color---neutral--neutral-b);
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
  box-shadow: .1em .1em 0 0 var(--qaw-claws_color---neutral--neutral-b);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962063_9b9f7e5bc36627b1dce44d7549caf7c2_form-check_W.svg");
  background-position: 50%;
  background-size: auto;
  background-attachment: scroll;
  flex: none;
}

.check-input.w--redirected-focus {
  box-shadow: .1em .1em 0 0 var(--qaw-claws_color---neutral--neutral-b);
}

.check-input.w--redirected-focus-visible {
  box-shadow: .1em .1em 0 0 var(--qaw-claws_color---neutral--neutral-b), 1px 1px 0 4px var(--qaw-claws_🔒palette---hyper--70);
}

.check-label {
  color: var(--qaw-claws---base--base-1);
  margin-bottom: 0;
  padding-top: .25rem;
  line-height: 1;
}

.form-radio {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  font-family: var(--qaw-claws_fonts---font-family--display);
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: 1rem;
  padding-left: 0;
  display: flex;
}

.claws_radio-input {
  background-color: var(--qaw-claws_🔒palette---basic--white);
  width: 3rem;
  height: 3rem;
  filter: drop-shadow(.2em .2em 0px var(--qaw-claws_color---neutral--neutral-b));
  border: .1em solid #000;
  margin: 0;
}

.claws_radio-input:hover {
  background-color: #f2f2f2;
}

.claws_radio-input:active {
  background-color: #7781f7;
}

.claws_radio-input.w--redirected-checked {
  background-color: #3b3bef;
  border: .1em solid #000;
  box-shadow: inset 0 0 0 .2em #fff, .1em .1em #000;
}

.claws_radio-input.w--redirected-focus-visible {
  box-shadow: .1em .1em #000, 1px 1px 0 4px #b7c7f7;
}

.claws_radio-label {
  color: var(--qaw-claws---base--base-1);
  margin-bottom: 0;
  padding-top: .35rem;
  line-height: 1;
}

.claws_radio-label.white {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.claws_select-field {
  border-top-style: solid;
  border-top-width: .1em;
  border-top-color: var(--qaw-claws_🔒palette---basic--black);
  border-right-style: solid;
  border-right-width: .1em;
  border-right-color: var(--qaw-claws_🔒palette---basic--black);
  border-bottom-style: solid;
  border-bottom-width: .1em;
  border-bottom-color: var(--qaw-claws_🔒palette---basic--black);
  border-left-style: solid;
  border-left-width: .1em;
  border-left-color: var(--qaw-claws_🔒palette---basic--black);
  background-color: var(--qaw-claws_🔒palette---basic--white);
  width: 100%;
  height: 5.5rem;
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_🔒palette---basic--black);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  appearance: none;
  background-image: none;
  background-position: calc(100% - .75rem);
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .6em;
  padding: 0 .75em;
  font-weight: 400;
  position: relative;
  box-shadow: .2em .2em #000;
}

.claws_select-field:hover {
  background-color: #f2f2f2;
}

.claws_select-field:focus {
  background-color: #f5ffe5;
}

.claws_select-field:focus-visible, .claws_select-field[data-wf-focus-visible] {
  box-shadow: .2em .2em #000, 2px 2px 0 5px #b7c7f7;
}

.form-success-wrap {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-success-graphic {
  width: 5rem;
}

.form-success-text {
  line-height: 1.2;
}

.text-block-121 {
  font-size: var(--qaw-claws_type---text-size--t-l2);
  font-weight: 300;
}

.form-block-6 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 60rem;
  margin-bottom: 0;
  display: block;
}

.form-success-2 {
  padding: var(--qaw-claws_spacing---space--space-md) var(--qaw-claws_spacing---space--space-md) var(--qaw-claws_spacing---space--space-md) var(--qaw-claws_spacing---space--space-sm);
  background-color: var(--qaw-claws_🔒palette---cyber--100);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  border-radius: .6em;
  font-weight: 300;
}

.form-error-2 {
  margin-top: var(--qaw-claws_spacing---space--space-md);
  padding: var(--qaw-claws_spacing---space--space-sm);
  color: var(--qaw-claws_color---neutral--neutral-w);
  font-size: var(--qaw-claws_type---text-size--t-l2);
  text-align: center;
  background-color: #fd5656;
  border-radius: .6em;
  font-weight: 300;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-prev {
  z-index: 5;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 144px;
  margin-right: 16px;
  transition: bottom .1s, left .1s, box-shadow .1s;
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
  box-shadow: 4px 4px #000;
}

.swiper-prev:hover {
  bottom: 2px;
  left: -2px;
  box-shadow: 6px 6px #000;
}

.swiper-prev:active {
  bottom: 0;
  left: 0;
  box-shadow: 0 0 #000;
}

.home_swiper-code-container {
  color: #fff;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 1rem;
  overflow: hidden;
}

.home_swiper-code-container.slide-1 {
  font-family: Inconsolata, monospace;
  font-size: 12px;
}

.home_swiper-iphone-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.conductor-wolf_arm {
  position: absolute;
  bottom: 41px;
  left: 70px;
}

.home_coverflow {
  background-color: #3b3bef;
  justify-content: center;
  align-items: center;
  height: 500px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.orchestration-stats-container {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  top: auto;
  bottom: -1%;
  right: 42%;
}

.main {
  flex-flow: column;
  width: 100%;
  min-height: 50rem;
  position: relative;
}

.main.dark {
  background-color: #0c0c29;
}

.main.bw-grid {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962268_c6dc9add49eccaa0e82fa8d35392b0d3_grid_1440.png");
  background-position: 0 0;
  background-size: auto;
}

.home_browser-bar-dot {
  background-color: #000;
  border-radius: 100%;
  width: 12px;
  height: 12px;
}

.home_browser-bar-dot.yellow {
  background-color: #ffe100;
}

.home_browser-bar-dot.red {
  background-color: #f20;
}

.home_browser-bar-dot.green {
  background-color: #00ffa1;
}

.case-study_quote-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4rem;
  display: flex;
}

.home_integrations-explainer {
  display: none;
}

.icon-5 {
  aspect-ratio: 1;
  vertical-align: middle;
  object-fit: cover;
  min-width: 1rem;
  max-width: 10rem;
  height: fit-content;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.icon-5.flip-horizontal {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.layout-basic {
  background-color: #060321;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962268_c6dc9add49eccaa0e82fa8d35392b0d3_grid_1440.png");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.swiper-next {
  z-index: 5;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 144px;
  margin-left: 16px;
  transition: box-shadow .1s, left .1s, bottom .1s;
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
  box-shadow: 4px 4px #000;
}

.swiper-next:hover {
  bottom: 2px;
  left: -2px;
  box-shadow: 6px 6px #000;
}

.swiper-next:active {
  bottom: 0;
  left: 0;
  box-shadow: 0 0 #000;
}

.home_creep-container {
  display: block;
  position: absolute;
  top: 200px;
  left: 10%;
}

.tippy-tooltips {
  margin-bottom: 16px;
  display: none;
}

.orchestration-test {
  background-color: #fff;
  border-radius: 4px;
  display: flex;
}

.orchestration-test.pending {
  background-color: #d7ff33;
}

.orchestration-test.completed {
  background-color: #0bd0b6;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962096_check-opacity50.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.orchestration-test.failed {
  background-color: #ffb8f5;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962095_X.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.swiper-slide {
  background-color: #fff;
  background-image: linear-gradient(#94a5f7, #3b3bef 76%);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-width: 800px;
  height: 100%;
  padding: 16px;
}

.swiper-slide.phone, .swiper-slide.web-app {
  min-width: 1000px;
}

.conductor-wolf_body {
  z-index: 1;
  position: relative;
}

.home_wolf-speech {
  color: #fff;
  position: absolute;
  top: 57px;
  left: 126px;
  transform: rotate(15deg);
}

.h5-star {
  z-index: -1;
  width: 200px;
}

.home_chat-box-label {
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  flex: 1;
  align-self: stretch;
  display: block;
}

.home_marquee {
  grid-row-gap: 2rem;
  background-color: #2b2bb9;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
  overflow: hidden;
}

.home_h1-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  color: var(--qaw-claws_color---neutral--neutral-w);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 10rem;
  padding-bottom: 4rem;
  display: flex;
}

.grid-6col {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.grid-6col.padded {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.grid-6col.gap-xxl {
  grid-column-gap: var(--qaw-claws_spacing---space--space-xxl);
  grid-row-gap: var(--qaw-claws_spacing---space--space-xxl);
}

.grid-6col.infra {
  grid-row-gap: 8px;
  place-items: start stretch;
}

.g2_badge-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  border-left: 2px #363661;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.home_swiper-code-phones {
  background-color: #010052;
  border-radius: 12px;
  flex: 1;
}

.home_swiper-code-phones.outline {
  background-color: #ebeef7;
  font-family: GT Flexa Mono, Arial, sans-serif;
  font-size: 2rem;
}

.marquee-logo-2 {
  flex: none;
}

.content-2 {
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  container-type: inline-size;
}

.content-2._1280 {
  max-width: 160rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.content-2._800 {
  max-width: 100rem;
}

.fpo-placeholder {
  color: red;
  background-color: #ffbcbccc;
  padding: 20px;
  font-size: 64px;
  font-weight: 700;
  line-height: 72%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(-15deg);
}

.fpo-placeholder.absolute {
  position: absolute;
}

.wrapper {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-right: var(--qaw-claws_🔒structure---wrapper--wrap-margin);
  padding-left: var(--qaw-claws_🔒structure---wrapper--wrap-margin);
  flex-flow: column;
  align-items: center;
  display: flex;
  overflow: visible;
}

.wrapper.full {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 2rem;
}

.wrapper.claws_bg-lycan100 {
  background-color: var(--qaw-claws_🔒palette---lycan--100);
}

.wrapper.claws_bg-hyper60 {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
}

.wrapper.ts {
  z-index: 1;
  position: relative;
}

.home_swiper-browser {
  background-color: #fff;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

.home_swiper-browser.web-app {
  background-color: #0000;
  border: 2px #f0f0f0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 1100px;
  display: flex;
}

.home_integrations-container {
  background-color: #fff;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  padding: 2rem;
  display: flex;
}

.home_integrations-container.bw {
  width: 90px;
  height: 90px;
}

.wolf-high-five {
  overflow: hidden;
}

.swiper-slide-container {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.home_chat-prompt-text {
  align-self: stretch;
  min-height: 100px;
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 40px;
}

.home_section-product {
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  position: relative;
}

.orchestration-stat {
  background-color: #206;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 8px;
  font-size: 12px;
}

.g2_module-badge {
  max-width: 128px;
}

.case-study-stat {
  color: #94a5f7;
  letter-spacing: -2px;
  font-size: 8rem;
  font-weight: 600;
  line-height: 100%;
}

.case-study-stat.cyber {
  color: #0df2cc;
}

.home_wolf-head {
  z-index: 0;
}

.home_integrations-group {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px dashed #3b3bef;
  flex-flow: wrap;
  padding-bottom: 2rem;
  display: flex;
}

.home_integrations-group:hover {
  border-bottom-style: solid;
  border-bottom-color: #3b3bef;
}

.home_integrations-group.deployment.bw {
  border-bottom-color: var(--qaw-claws_🔒palette---hyper--100);
}

.home_integrations-group.deployment.bw:hover {
  border-bottom-color: var(--qaw-claws_color---hyper--hyper-5);
}

.home_integrations-group.scm.bw {
  border-bottom-color: var(--qaw-claws_🔒palette---hyper--100);
}

.home_integrations-group.scm.bw:hover {
  border-bottom-color: var(--qaw-claws_color---hyper--hyper-5);
}

.home_integrations-group.issue-trackers.bw {
  border-bottom-color: var(--qaw-claws_🔒palette---hyper--100);
}

.home_integrations-group.issue-trackers.bw:hover {
  border-bottom-color: var(--qaw-claws_color---hyper--hyper-5);
}

.home_integrations-group.comms.bw {
  border-bottom-color: var(--_legacy---hyper--100\<deleted\|variable-15549388-2e43-e2ac-bffe-7638a9731507\>);
}

.home_integrations-group.comms.bw:hover {
  border-bottom-color: var(--qaw-claws_color---hyper--hyper-5);
}

.home_marquee-label {
  color: var(--_legacy---cyber--200-default\<deleted\|variable-5a005220-5615-3e13-53d0-b2a61a693789\>);
  font-family: GT Flexa Mono, Arial, sans-serif;
  font-size: var(--qaw-claws_type---text-size--t-l2);
  text-align: center;
  font-weight: 400;
}

.header {
  min-height: 10rem;
}

.header.page_customers {
  z-index: 100;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962197_d6f6f6b3e419f7a1e041dfc5046e892c_pixel_3.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962196_c81057042603313121b0e759d2118df6_pixel_2.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962195_2723d35f7cfd8a8ddbc3f48b854880e8_pixel_1.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962194_8c650641aea118e6c1ce1a6c61e18692_Pixel%20Textures%2012.svg");
  background-position: 98% 80%, 70% 115%, 2% 120%, 0 100%;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
  background-size: 20%, 44%, 24%, 1100px;
  position: relative;
}

.header.page_blog-template {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621bc_61a65e8a805efd245e93621230ea3ff2_Pixel%20Marks%2001.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621be_89239ecd711e52fcb72be4ea58fbc502_Pixel%20Marks%2025.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621bd_a169aa1a71bc5de9f701aace8b884e67_Pixel%20Lines%2003.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962194_8c650641aea118e6c1ce1a6c61e18692_Pixel%20Textures%2012.svg");
  background-position: 0 300px, 95% 280px, 50% 325px, 50% 80%;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
  background-size: 300px, 240px, 700px, 800px;
}

.header.page_blog-index {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621bc_61a65e8a805efd245e93621230ea3ff2_Pixel%20Marks%2001.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621be_89239ecd711e52fcb72be4ea58fbc502_Pixel%20Marks%2025.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621bd_a169aa1a71bc5de9f701aace8b884e67_Pixel%20Lines%2003.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962194_8c650641aea118e6c1ce1a6c61e18692_Pixel%20Textures%2012.svg");
  background-position: 0 138px, 95% 125px, 50% 160px, 50% 80%;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
  background-size: 300px, 240px, 700px, 800px;
}

.header.page_service {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 80rem;
  display: flex;
  position: relative;
}

.header.wolf-den {
  background-blend-mode: color-burn;
  background-color: #12123d;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/6a2863b2adb9fc6627be4afc_Blobs%2015.jpg");
  background-position: 0 0;
  background-size: auto;
}

.header.wolf-den-template {
  background-blend-mode: color-burn;
  background-color: #12123d;
}

.swiper-slide-grid-phones {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: flex;
}

.home_orchestration-wrapper {
  background-color: #0df2cc;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 500px;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home_orchestration-wrapper.aux {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
}

.home_orchestration-wrapper.bw {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.slider-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1600px;
  height: 95%;
  display: flex;
  position: relative;
}

.g2_quote_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4rem;
  display: flex;
}

.g2_cta-bar {
  border-top: 2px solid #363661;
  justify-content: flex-end;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.hyper-fade {
  z-index: 10;
  pointer-events: none;
  background-image: linear-gradient(270deg, #3b3bef00, #3b3bef 80%);
  width: 10%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.hyper-fade.bottom {
  background-image: linear-gradient(#3b3bef00, #3b3bef 80%);
  width: 100%;
  height: 20%;
  display: none;
  inset: auto 0% 0%;
}

.hyper-fade.right {
  background-image: linear-gradient(270deg, #3b3bef 20%, #3b3bef00);
  inset: 0% 0% 0% auto;
}

.home_browser-video-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.g2-module_quote {
  color: #0df2cc;
  letter-spacing: -2px;
  font-size: 4rem;
  line-height: 120%;
}

.home_swiper-iphone-container {
  justify-content: center;
  align-items: center;
  width: 250px;
  display: flex;
  position: relative;
}

.home_swiper-code {
  background-color: #010052;
  border-radius: 12px;
  max-height: 520px;
  padding: 1rem;
}

.home_swiper-code.outline {
  background-color: #ebeef7;
  overflow: hidden;
}

.home_swiper-code.web-app {
  width: 370px;
}

.home_swiper-code.web-app.outline {
  background-color: #ebeef7;
  width: 370px;
  font-family: GT Flexa Mono, Arial, sans-serif;
  font-size: 1rem;
}

.swiper-wrapper {
  height: 100%;
}

.background-video-1 {
  width: 100%;
  height: 100%;
}

.orchestration-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.test-text-bold {
  font-weight: 700;
}

.product-video-container {
  background-color: #3b3bef;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962176_bg-checkered-min.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-video-container.planning, .product-video-container.creation {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962176_bg-checkered-min.jpg");
  position: relative;
}

.h5-star-container {
  z-index: 0;
  position: absolute;
  top: 16px;
}

.home_integrations {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.product-feature-video {
  max-width: 80%;
  max-height: 90%;
}

.home_browser-placeholder {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962111_glitchbg-hyper.png");
  background-position: 50%;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.g2_badge-wrapper {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962066_pixel-squiggle.svg");
  background-position: 50%;
  border-left: 2px solid #363661;
  display: flex;
}

.glyph {
  max-width: fit-content;
  height: 100%;
  display: block;
}

.case-study_stat-container {
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.case-study_stat-container.left {
  border-left: 2px solid #363661;
  border-right: 0 solid #363661;
  flex: 1;
}

.case-study_stat-container.left.on-purp {
  border-left-color: #3b3bef;
  border-right-color: #3b3bef;
}

.case-study_quote {
  color: #94a5f7;
  letter-spacing: -2px;
  font-size: 4rem;
  line-height: 120%;
}

.case-study_quote.cyber {
  color: #0df2cc;
}

.h5-left {
  width: 300px;
  position: relative;
  left: 3px;
}

.home_chat-wrapper {
  background-color: #3b3bef;
  justify-content: center;
  align-items: center;
  height: 200px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.case-study_stat-wrapper {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962066_pixel-squiggle.svg");
  background-position: 50%;
  display: flex;
}

.case-study_stat-wrapper.on-purp {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9620b5_pixel-squiggle-purple.svg");
}

.home_slide1-video {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.home_section-infra {
  color: #fff;
  background-color: #206;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 600px;
  margin-top: 0;
  margin-bottom: 12rem;
  padding-top: 8rem;
  padding-bottom: 2rem;
  display: flex;
}

.featured-case-study {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  border: 2px solid #363661;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 12rem;
  margin-bottom: 10rem;
  display: grid;
  overflow: hidden;
}

.featured-case-study.on-purp {
  border-color: #3b3bef;
}

.conductor-wolf_container {
  z-index: 1000;
  position: absolute;
  inset: auto auto -1% 8%;
}

.h5-right {
  width: 300px;
  position: relative;
  left: -3px;
}

.marquee__content {
  padding-left: 0;
  padding-right: 0;
}

.home_chat-box {
  z-index: 10;
  background-color: #fff;
  border: 4px solid #3b3bef;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 600px;
  max-width: 600px;
  min-height: 200px;
  padding: 24px;
  display: flex;
  position: relative;
  bottom: 100px;
}

.home_product-container {
  grid-column-gap: 12rem;
  grid-row-gap: 12rem;
  flex-flow: column;
  margin-top: 32px;
  display: flex;
}

.home_swiper-browser-bar {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f0f0f0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 32px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.test-video {
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 90%;
  display: flex;
}

.iphone-screen {
  z-index: -1;
  background-color: purple;
  border-radius: 50px;
  width: 97%;
  height: 98%;
  position: absolute;
  inset: 1% 0% 0% 1%;
  overflow: hidden;
}

.swiper-slide-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.swiper-slide-grid.desktop {
  display: flex;
}

.lime {
  font-family: Inter, sans-serif;
  font-size: 2rem;
}

.wolf-container {
  justify-content: center;
  align-items: center;
  height: 400px;
  margin-top: 8rem;
  display: flex;
  position: relative;
}

.product-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  font-weight: 400;
  display: flex;
}

.product-copy.with-cta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.product-copy.aux {
  margin-bottom: 1rem;
}

.g2_quote-badges {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  border: 2px solid #363661;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  margin-bottom: 8rem;
  display: grid;
  overflow: hidden;
}

.case-study_cta-bar {
  border-top: 2px solid #363661;
  justify-content: flex-end;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.case-study_cta-bar.on-purp {
  border-top-color: #3b3bef;
}

.platform-manifesto_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--qaw-claws_color---neutral--neutral-w);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 10rem;
  padding-bottom: 4rem;
  display: flex;
}

.platform-manifesto_wrapper.aux {
  margin-top: 0;
  margin-bottom: 4rem;
  padding-bottom: 0;
}

.claws_footer_haroon {
  background-color: var(--qaw-claws_🔒palette---lycan--300);
  width: 100%;
  color: var(--qaw-claws_color---neutral--neutral-w);
  padding-top: 8rem;
  padding-bottom: 8rem;
  font-family: Inter, sans-serif;
}

.footer-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 8rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-description, .footer-link-column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.footer-social-bar {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--_legacy---lycan--500-vivid\<deleted\|variable-5c21730c-44be-8c24-f472-75feebee1391\>);
  border-radius: 12px;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 2rem;
  display: flex;
  position: relative;
}

.footer-social-icon-container {
  width: 24px;
}

.footer-pacwolf {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.h-xl {
  color: #3b3bef;
  font-variation-settings: "wdth" 50;
  letter-spacing: -.025em;
  max-width: 30ch;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 14rem;
  font-weight: 650;
  line-height: .9;
}

.t-l1 {
  max-width: 65ch;
  color: var(--qaw-claws_color---neutral--neutral-w);
  font-family: Inter, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.6;
}

.t-l1.text-align-center.white, .t-l1.white {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.t-l1.white.center {
  text-align: center;
}

.t-l1.hyper-3 {
  color: var(--qaw-claws_color---hyper--hyper-3);
}

.t-l1.center {
  text-align: center;
}

.t-l1.center.platform {
  font-size: 2rem;
  font-weight: 300;
}

.h-lg {
  color: #3b3bef;
  font-variation-settings: "wdth" 65;
  letter-spacing: -.025em;
  max-width: 30ch;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 10.5rem;
  font-weight: 650;
  line-height: .9;
}

.h-md {
  color: #3b3bef;
  font-variation-settings: "wdth" 75;
  letter-spacing: -.025em;
  max-width: 30ch;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 6.5rem;
  font-weight: 650;
  line-height: 1;
}

.embeds {
  display: none;
}

.banner {
  background-color: #206;
  min-height: 5rem;
  display: none;
}

.content {
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  position: relative;
  container-type: inline-size;
}

.content._1280 {
  max-width: 160rem;
}

.content._960 {
  max-width: 120rem;
}

.content._800 {
  max-width: 100rem;
}

.content._640 {
  max-width: 80rem;
}

.content._1600 {
  max-width: 200rem;
}

.banner___v-flex__center {
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.claws_flex-col-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.claws_flex-col-right {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.claws_flex-col-center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.claws_flex-row-top {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.claws_flex-row-middle {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.claws_flex-row-bottom {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.claws_disp-none {
  display: none;
}

.claws_disp-block {
  display: block;
}

.theme-hyper {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws---accent--accent-2);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 50%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 30%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---hyper--hyper-2);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---hyper--hyper-3);
  --qaw-claws---btn-primary--btn-icon-shift: 0%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: -100%;
}

.theme-hyper-r {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws---accent--accent-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---hyper--hyper-4);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 100%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 60%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---lycan--lycan-1);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---lycan--lycan-2);
  --qaw-claws---background--bg-3: var(--qaw-claws---accent--accent-1);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---btn-primary--btn-icon-shift: -100%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: 0%;
}

.theme-hyper-v {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws---accent--accent-2);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 50%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 30%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---hyper--hyper-3);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---hyper--hyper-5);
  --qaw-claws---btn-primary--btn-icon-shift: 0%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: -100%;
}

.theme-hyper-vr {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws---accent--accent-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 100%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 60%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---hyper--hyper-2);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---hyper--hyper-5);
  --qaw-claws---btn-primary--btn-icon-shift: -100%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: 0%;
}

.theme-cyber {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws---accent--accent-2);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 50%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 30%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---cyber--cyber-2);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---cyber--cyber-3);
  --qaw-claws---btn-primary--btn-icon-shift: 0%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: -100%;
}

.theme-cyber-r {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws---accent--accent-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---cyber--cyber-1);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 100%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 60%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---lycan--lycan-1);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---lycan--lycan-2);
  --qaw-claws---background--bg-3: var(--qaw-claws---accent--accent-1);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---cyber--cyber-4);
  --qaw-claws---btn-primary--btn-icon-shift: -100%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: 0%;
}

.theme-cyber-v {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws---accent--accent-2);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 50%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 30%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---cyber--cyber-5);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---hyper--hyper-5);
  --qaw-claws---btn-primary--btn-icon-shift: 0%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: -100%;
}

.theme-cyber-vr {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws---accent--accent-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---cyber--cyber-5);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 100%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 60%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---cyber--cyber-2);
  --qaw-claws---background--bg-2: var(--qaw-claws---accent--accent-1);
  --qaw-claws---btn-primary--btn-icon-shift: -100%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: 0%;
}

.theme-pepto {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws---accent--accent-2);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 50%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 30%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---pepto--pepto-2);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---pepto--pepto-3);
  --qaw-claws---btn-primary--btn-icon-shift: 0%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: -100%;
}

.theme-pepto-r {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws---accent--accent-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---pepto--pepto-1);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 100%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 60%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---lycan--lycan-1);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---lycan--lycan-2);
  --qaw-claws---background--bg-3: var(--qaw-claws---accent--accent-1);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---pepto--pepto-4);
  --qaw-claws---btn-primary--btn-icon-shift: -100%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: 0%;
}

.theme-pepto-v {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws---accent--accent-2);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 50%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 30%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---pepto--pepto-5);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---hyper--hyper-5);
  --qaw-claws---btn-primary--btn-icon-shift: 0%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: -100%;
}

.theme-pepto-vr {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws---accent--accent-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---pepto--pepto-5);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 100%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 60%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---pepto--pepto-2);
  --qaw-claws---background--bg-2: var(--qaw-claws---accent--accent-1);
  --qaw-claws---btn-primary--btn-icon-shift: -100%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: 0%;
}

.theme-tennis {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws---accent--accent-2);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 50%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 30%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---tennis--tennis-2);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---tennis--tennis-3);
  --qaw-claws---btn-primary--btn-icon-shift: 0%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: -100%;
}

.theme-tennis-r {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws---accent--accent-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---tennis--tennis-1);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 100%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 60%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---lycan--lycan-1);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---lycan--lycan-2);
  --qaw-claws---background--bg-3: var(--qaw-claws---accent--accent-1);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---tennis--tennis-4);
  --qaw-claws---btn-primary--btn-icon-shift: -100%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: 0%;
}

.theme-tennis-v {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws---accent--accent-2);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 50%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 30%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---tennis--tennis-5);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---background--bg-2: var(--qaw-claws_color---hyper--hyper-5);
  --qaw-claws---btn-primary--btn-icon-shift: 0%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: -100%;
}

.theme-tennis-vr {
  --qaw-claws---base--base-1: var(--qaw-claws_color---neutral--neutral-w);
  --qaw-claws---btn-primary--btn-fill: var(--qaw-claws---accent--accent-1);
  --qaw-claws---btn-primary--btn-label: var(--qaw-claws_color---neutral--neutral-b);
  --qaw-claws---accent--accent-1: var(--qaw-claws_color---tennis--tennis-5);
  --qaw-claws---base--base-2: color-mix(in lab, var(--qaw-claws---base--base-1) 100%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---base--base-3: color-mix(in lab, var(--qaw-claws---base--base-1) 40%, var(--qaw-claws---background--bg-1) 50%);
  --qaw-claws---accent--accent-2: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---background--bg-1: var(--qaw-claws_color---hyper--hyper-1);
  --qaw-claws---background--bg-3: var(--qaw-claws_color---pepto--pepto-2);
  --qaw-claws---background--bg-2: var(--qaw-claws---accent--accent-1);
  --qaw-claws---btn-primary--btn-icon-shift: -100%;
  --qaw-claws---btn-secondary--btn-label: var(--qaw-claws---base--base-1);
  --qaw-claws---btn-secondary--btn-fill: var(--qaw-claws---accent--accent-2);
  --qaw-claws---btn-secondary--btn-icon-shift: 0%;
}

.claws_pad-xxs {
  padding: var(--qaw-claws_spacing---space--space-xxs);
}

.claws_pad-xs {
  padding: var(--qaw-claws_spacing---space--space-xs);
}

.claws_pad-sm {
  padding: var(--qaw-claws_spacing---space--space-sm);
}

.claws_pad-md {
  padding: var(--qaw-claws_spacing---space--space-md);
}

.claws_pad-lg {
  padding: var(--qaw-claws_spacing---space--space-lg);
}

.claws_pad-xl {
  padding: var(--qaw-claws_spacing---space--space-xl);
}

.claws_pad-xxl {
  padding: var(--qaw-claws_spacing---space--space-xxl);
}

.claws_pad-top-xxs {
  padding-top: var(--qaw-claws_spacing---space--space-xxs);
}

.claws_pad-top-xs {
  padding-top: var(--qaw-claws_spacing---space--space-xs);
}

.claws_pad-top-sm {
  padding-top: var(--qaw-claws_spacing---space--space-sm);
}

.claws_pad-top-md {
  padding-top: var(--qaw-claws_spacing---space--space-md);
}

.claws_pad-top-lg {
  padding-top: var(--qaw-claws_spacing---space--space-lg);
}

.claws_pad-top-xl {
  padding-top: var(--qaw-claws_spacing---space--space-xl);
}

.claws_pad-top-xxl {
  padding-top: var(--qaw-claws_spacing---space--space-xxl);
}

.claws_pad-bottom-xxs {
  padding-bottom: var(--qaw-claws_spacing---space--space-xxs);
}

.claws_pad-bottom-xs {
  padding-bottom: var(--qaw-claws_spacing---space--space-xs);
}

.claws_pad-bottom-sm {
  padding-bottom: var(--qaw-claws_spacing---space--space-sm);
}

.claws_pad-bottom-md {
  padding-bottom: var(--qaw-claws_spacing---space--space-md);
}

.claws_pad-bottom-lg {
  padding-bottom: var(--qaw-claws_spacing---space--space-lg);
}

.claws_pad-bottom-xl {
  padding-bottom: var(--qaw-claws_spacing---space--space-xl);
}

.claws_pad-bottom-xxl {
  padding-bottom: var(--qaw-claws_spacing---space--space-xxl);
}

.claws_mar-xxs {
  margin: var(--qaw-claws_spacing---space--space-xxs);
}

.claws_mar-xs {
  margin: var(--qaw-claws_spacing---space--space-xs);
}

.claws_mar-sm {
  margin: var(--qaw-claws_spacing---space--space-sm);
}

.claws_mar-md {
  margin: var(--qaw-claws_spacing---space--space-md);
}

.claws_mar-lg {
  margin: var(--qaw-claws_spacing---space--space-lg);
}

.claws_mar-xl {
  margin: var(--qaw-claws_spacing---space--space-xl);
}

.claws_mar-xxl {
  margin: var(--qaw-claws_spacing---space--space-xxl);
}

.claws_mar-top-xxs {
  margin-top: var(--qaw-claws_spacing---space--space-xxs);
}

.claws_mar-top-xs {
  margin-top: var(--qaw-claws_spacing---space--space-xs);
}

.claws_mar-top-sm {
  margin-top: var(--qaw-claws_type---heading-size--h-sm);
}

.claws_mar-top-md {
  margin-top: var(--qaw-claws_spacing---space--space-md);
}

.claws_mar-top-lg {
  margin-top: var(--qaw-claws_spacing---space--space-lg);
}

.claws_mar-top-xl {
  margin-top: var(--qaw-claws_spacing---space--space-xl);
}

.claws_mar-top-xxl {
  margin-top: var(--qaw-claws_spacing---space--space-xxl);
}

.claws_mar-bottom-xxs {
  margin-bottom: var(--qaw-claws_spacing---space--space-xxs);
}

.claws_mar-bottom-xs {
  margin-bottom: var(--qaw-claws_spacing---space--space-xs);
}

.claws_mar-bottom-sm {
  margin-bottom: var(--qaw-claws_spacing---space--space-sm);
}

.claws_mar-bottom-md {
  margin-bottom: var(--qaw-claws_spacing---space--space-md);
}

.claws_mar-bottom-lg {
  margin-bottom: var(--qaw-claws_spacing---space--space-lg);
}

.claws_mar-bottom-xl {
  margin-bottom: var(--qaw-claws_spacing---space--space-xl);
}

.claws_mar-bottom-xxl {
  margin-bottom: var(--qaw-claws_spacing---space--space-xxl);
}

.claws_t-italic {
  font-style: italic;
}

.claws_t-bold {
  font-weight: 700;
}

.claws_link {
  font-family: var(--qaw-claws_fonts---font-family--text);
  width: fit-content;
  display: inline-block;
}

.claws_link:hover {
  color: var(--qaw-claws---accent--accent-1);
}

.claws_link-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  font-family: var(--qaw-claws_fonts---font-family--text);
  align-items: center;
  width: fit-content;
  text-decoration: none;
  display: flex;
}

.claws_link-block.back-all-posts {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.claws_sprite, .claws_glyph {
  max-width: fit-content;
  height: 100%;
  display: block;
}

.claws_form-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 60rem;
  margin-bottom: 0;
  display: block;
}

.claws_form-block.schedule-demo {
  max-width: 70rem;
}

.claws_form-block.bw-hero {
  max-width: 80rem;
}

.claws_form-block.footer_email {
  z-index: 50;
  max-width: 480px;
  position: relative;
}

.claws_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
  position: relative;
}

.claws_form.bw-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.claws_form-wrap-multi {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.claws_form-field-group {
  flex: 1;
  align-self: stretch;
  margin-bottom: 1rem;
}

.claws_form-field-group.bw-inline {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.claws_form-field-group.footer_email {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.claws_text-label {
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: #000;
  width: fit-content;
  margin-bottom: .5rem;
  margin-left: .75rem;
  font-size: 1.5rem;
  font-weight: 400;
}

.claws_text-label.white {
  color: #fff;
}

.claws_text-input {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  width: 100%;
  height: 5.5rem;
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: #000;
  font-size: var(--qaw-claws_type---text-size--t-l1);
  font-variation-settings: "wght" 325;
  background-color: #fff;
  border: .1em solid #000;
  border-radius: .6em;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .55em .75em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
  box-shadow: .2em .2em 0 0 #000;
}

.claws_text-input:hover {
  background-color: #f2f2f2;
}

.claws_text-input:focus {
  background-color: #f5ffe5;
  border-style: solid;
  border-color: #000;
}

.claws_text-input:focus-visible, .claws_text-input[data-wf-focus-visible] {
  box-shadow: .2em .2em 0 0 #000, 2px 2px 0 5px #b7c7f7;
}

.claws_text-input.bw {
  max-width: 300px;
}

.claws_form-checkbox {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---text-size--t-l2);
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: 1rem;
  padding-left: 0;
  font-weight: 400;
  display: flex;
}

.claws_form-checkbox.icon-variant {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
}

.claws_check-input {
  background-color: #fff;
  border: .1em solid #000;
  border-radius: .5rem;
  width: 3rem;
  height: 3rem;
  margin: 0;
  box-shadow: .1em .1em #000;
}

.claws_check-input:hover {
  background-color: #f2f2f2;
}

.claws_check-input:active {
  background-color: var(--qaw-claws_🔒palette---hyper--90);
}

.claws_check-input.w--redirected-checked {
  background-color: #3b3bef;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962063_9b9f7e5bc36627b1dce44d7549caf7c2_form-check_W.svg");
  background-position: 50%;
  background-size: auto;
  background-attachment: scroll;
  border-color: #000;
  flex: none;
  box-shadow: .1em .1em #000;
}

.claws_check-input.w--redirected-focus {
  box-shadow: .1em .1em #000;
}

.claws_check-input.w--redirected-focus-visible {
  box-shadow: .1em .1em #000, 1px 1px 0 4px #b7c7f7;
}

.claws_check-label {
  color: var(--qaw-claws_color---neutral--neutral-b);
  margin-bottom: 0;
  padding-top: .25rem;
  line-height: 1;
}

.claws_check-label.consent {
  font-size: var(--qaw-claws_type---text-size--t-l1);
}

.claws_form-btn {
  color: #fff;
  font-variation-settings: "wght" 325;
  background-color: #3b3bef;
  border: .1em solid #000;
  border-radius: .6em;
  justify-content: flex-start;
  align-items: center;
  height: 5.5rem;
  margin-right: 0;
  padding: .55em .75em;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: box-shadow .3s cubic-bezier(.075, .82, .165, 1), right .3s cubic-bezier(.075, .82, .165, 1), bottom .3s cubic-bezier(.075, .82, .165, 1);
  display: block;
  position: relative;
  bottom: 0;
  right: 0;
  box-shadow: .2em .2em 0 0 #000;
}

.claws_form-btn:hover {
  position: relative;
  bottom: 2px;
  right: 2px;
  box-shadow: .3em .3em 0 0 #000;
}

.claws_form-btn:active {
  transform: translate(.2em, .2em);
  box-shadow: 0 0 0 0 #000;
}

.claws_form-btn:focus-visible, .claws_form-btn[data-wf-focus-visible] {
  outline-offset: -.1em;
  outline: .1em solid #7781f7;
  box-shadow: .2em .2em 0 0 #000, 2px 2px 0 5px #b7c7f7;
}

.claws_form-btn.bw-hero {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  color: var(--qaw-claws_color---neutral--neutral-b);
}

.claws_form-btn.cyber {
  background-color: var(--_legacy---cyber--200-default\<deleted\|variable-5a005220-5615-3e13-53d0-b2a61a693789\>);
  color: var(--_legacy---basics--black\<deleted\|variable-f04b93e2-a669-0276-1364-dd3bac17d206\>);
}

.claws_form-btn.footer_email {
  color: #0c0c29;
  background-color: #0df2cc;
  height: 44px;
  font-size: 18px;
}

.claws_form-btn.wolf-den-form {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  width: 100%;
  color: var(--qaw-claws_color---neutral--neutral-b);
  text-align: center;
  margin-left: 0;
}

.claws_form-btn.wolf-den-events {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  color: var(--qaw-claws_color---neutral--neutral-b);
}

.claws_form-success {
  color: #000;
  background-color: #4dffde;
  border-radius: .6em;
  padding: 2.5rem 2.5rem 2.5rem 1rem;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 300;
}

.claws_form-success-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.claws_form-error {
  color: #fff;
  text-align: center;
  background-color: #fd5656;
  border-radius: .6em;
  margin-top: 2.5rem;
  padding: 1rem;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 300;
}

.claws_text-label-hidden {
  visibility: hidden;
  margin-bottom: 0;
  margin-left: .75rem;
  font-size: 1.5rem;
  font-weight: 400;
  position: absolute;
  top: -2.5rem;
}

.claws_form-wrap-simple {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.claws_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 65ch;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 2.5rem;
  list-style-type: none;
  display: flex;
}

.claws_list.ordered {
  list-style-type: decimal;
}

.claws_list.unordered {
  list-style-type: disc;
}

.claws_img.artwork {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.claws_rich-text {
  clear: left;
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
}

.claws_rich-text.sg_flex-col {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.claws_rich-text h1 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-md);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-md);
  font-variation-settings: "wdth" 75;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 6rem;
  margin-bottom: 3rem;
}

.claws_rich-text h2 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-sm);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-md);
  font-variation-settings: "wdth" 80;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 6rem;
  margin-bottom: 3rem;
}

.claws_rich-text h3 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-xs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-sm);
  font-variation-settings: "wdth" 90;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 6rem;
  margin-bottom: 3rem;
}

.claws_rich-text h4, .claws_rich-text h5 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-xxs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xs);
  font-variation-settings: "wdth" 100;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 6rem;
  margin-bottom: 3rem;
}

.claws_rich-text h6 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-xxs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xxs);
  font-variation-settings: "wdth" 100;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 6rem;
  margin-bottom: 3rem;
}

.claws_rich-text blockquote {
  border-left: .75rem solid var(--qaw-claws_🔒palette---hyper--70);
  margin-top: 1em;
  margin-bottom: 1em;
  padding: .5em 2.5rem;
}

.claws_rich-text a:hover {
  color: var(--qaw-claws---accent--accent-1);
}

.claws_rich-text ol {
  margin-top: 1em;
  margin-bottom: 1em;
}

.claws_rich-text ul {
  font-size: var(--qaw-claws_type---text-size--t-l2);
  margin-top: 1em;
  margin-bottom: 1em;
}

.claws_rich-text p {
  margin-bottom: 1em;
}

.claws_rich-text.aeo {
  border-top: 1px solid var(--qaw-claws_🔒palette---hyper--60);
  margin-bottom: 0;
  margin-left: 2rem;
  margin-right: 2rem;
  padding-top: 3rem;
}

.claws_rich-text.aeo li {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  position: relative;
}

.awesome-page {
  background-color: #666;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.product_flex-center {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home_wolf-wrapper {
  z-index: 1;
  display: flex;
  position: relative;
}

.home_wolf-wrapper.static {
  justify-content: center;
  align-items: center;
  display: none;
}

.home_bottom-cta-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 16rem;
  display: flex;
}

.product_creation-code {
  border-radius: 8px;
  position: absolute;
  left: 5%;
  box-shadow: -16px 16px 16px #0003;
}

.product_creation-chat {
  border-radius: 8px;
  position: absolute;
  top: 15%;
  left: 45%;
  box-shadow: -16px 16px 16px #0003;
}

.is-draggable-reset {
  z-index: 100;
  background-color: #00000080;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9620bd_refresh-cw.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  margin-top: 24px;
  margin-right: 24px;
  padding-bottom: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.code-block-test {
  display: none;
}

.is-draggable {
  border: 1px solid var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  background-color: var(--white\<deleted\|variable-048857a3\>);
  border-radius: 4px;
  box-shadow: -16px 16px 16px #0003;
}

.is-draggable.product_creation-code {
  top: 5%;
  left: auto;
  right: 5%;
}

.is-draggable.product_creation-chat {
  inset: auto auto 5% 5%;
}

.is-draggable.product_map-chat {
  position: absolute;
  right: 5%;
}

.is-draggable.product_map-outline {
  position: absolute;
  top: 5%;
  left: 5%;
}

.is-draggable.product_investigation-code {
  border-style: none;
  position: absolute;
  bottom: 5%;
  left: 5%;
}

.is-draggable.product_investigation-chat {
  z-index: 1;
  position: absolute;
  top: 5%;
  right: 5%;
}

.product_code-block {
  background-color: #282c34;
  border-radius: 4px;
  padding: 4rem;
  overflow: hidden;
}

.home_chat-box_quick-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: block;
}

.chat-box_selector {
  border: 1px solid var(--qaw-claws_color---hyper--hyper-3);
  border-radius: 4px;
  padding: .5rem 1rem;
}

.chat-box_selector.active {
  background-color: var(--qaw-claws_color---cyber--cyber-1);
}

.claws_t-l1 {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
}

.claws_t-l1.claws_color-neutral-w {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.claws_t-l1.claws_color-neutral-w.platform {
  font-weight: 300;
}

.claws_t-l1.claws_color-hyper70 {
  color: var(--qaw-claws_color---hyper--hyper-3);
}

.claws_t-l1.claws_color-hyper70.product {
  text-align: center;
}

.claws_t-l1.platform {
  font-size: 2rem;
}

.claws_t-l1.top-text {
  text-align: center;
  color: inherit;
}

.claws_t-l1.infra {
  max-width: 600px;
}

.claws_t-l1.claws_t-bold {
  font-weight: 600;
}

.claws_t-l2 {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---text-size--t-l2);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
}

.claws_t-l2.claws_color-neutral-w-2 {
  color: var(--qaw-claws_color---neutral--neutral-w);
  text-align: left;
}

.claws_t-l2.card_blog-index {
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1.5rem;
  line-height: 1.5;
  display: block;
}

.claws_t-l2.claws_t-bold {
  font-weight: 700;
}

.claws_t-l2.claws_t-bold.claws_pad-top-sm {
  padding-top: 1rem;
}

.claws_t-l4 {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---text-size--t-l4);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
}

.claws_t-l4.tab-blurb {
  text-align: center;
  text-wrap: balance;
  line-height: 1.4;
  display: none;
}

.claws_t-l4.claws_color-neutral-w.claws_underline {
  text-underline-offset: 4px;
}

.claws_t-l4.claws_t-bold {
  font-weight: 700;
}

.claws_t-l4.wd-profile-card-company {
  font-family: var(--qaw-claws_fonts---font-family--code);
  letter-spacing: -.025px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.1;
}

.claws_t-l4.wd-profile-card-title {
  font-family: var(--qaw-claws_fonts---font-family--code);
  font-weight: 400;
  line-height: 1.1;
}

.claws_h-xl {
  max-width: var(--qaw-claws_type---char-limit--h-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---accent--accent-1);
  font-size: var(--qaw-claws_type---heading-size--h-xl);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xl);
  font-variation-settings: "wdth" 50;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
}

.claws_h-xl.claws_color-neutral-w.platform-hero {
  font-variation-settings: "wdth" 80;
}

.claws_h-xl.wolf-den {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.claws_h-lg {
  max-width: var(--qaw-claws_type---char-limit--h-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---accent--accent-1);
  font-size: var(--qaw-claws_type---heading-size--h-lg);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-lg);
  font-variation-settings: "wdth" 65;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  position: relative;
}

.claws_h-lg.claws_color-neutral-w-2 {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.claws_h-lg.top-text {
  text-align: center;
  color: inherit;
}

.claws_h-lg.top-text-heading {
  color: inherit;
}

.claws_h-lg.wolf-den {
  color: var(--qaw-claws_🔒palette---basic--white);
}

.claws_h-md {
  max-width: var(--qaw-claws_type---char-limit--h-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---accent--accent-1);
  font-size: var(--qaw-claws_type---heading-size--h-md);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-md);
  font-variation-settings: "wdth" 75;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
}

.claws_h-md.claws_color-neutral-w {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.claws_h-md.claws_color-neutral-w.product {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  text-align: center;
}

.claws_h-md.white {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.claws_h-md.infra {
  text-align: center;
}

.claws_h-md.top-text-title {
  max-width: 35ch;
  color: inherit;
  text-wrap: balance;
}

.claws_h-md.claws_color-tennis-200 {
  color: var(--qaw-claws_🔒palette---tennis--200-default);
}

.claws_h-md.wolf-den {
  color: var(--qaw-claws_🔒palette---cyber--200-default);
  text-align: center;
}

.claws_h-sm {
  max-width: var(--qaw-claws_type---char-limit--h-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---accent--accent-1);
  font-size: var(--qaw-claws_type---heading-size--h-sm);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-sm);
  font-variation-settings: "wdth" 80;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
}

.claws_h-sm.claws_color-cyber200.case-study, .claws_h-sm.claws_color-hyper80.case-study {
  max-width: 60ch;
  font-size: var(--qaw-claws_type---heading-size--h-xs);
  line-height: 1.15;
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
}

.claws_h-sm.wolf-den {
  color: #a8a8e5;
  text-align: center;
  text-wrap: balance;
}

.claws_h-xs {
  max-width: var(--qaw-claws_type---char-limit--h-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---accent--accent-1);
  font-size: var(--qaw-claws_type---heading-size--h-xs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xs);
  font-variation-settings: "wdth" 90;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
}

.claws_h-xs.top-text-date {
  color: inherit;
}

.claws_h-xs.thumb-tile {
  color: var(--qaw-claws---base--base-1);
  font-variation-settings: "wdth" 75;
  font-size: 8.5cqw;
  line-height: 1.1;
}

.claws_icon {
  aspect-ratio: 1;
  vertical-align: middle;
  object-fit: cover;
  width: 2rem;
  min-width: 2rem;
  max-width: 2rem;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.claws_icon:where(.w-variant-bfa7fe04-1db1-bbdf-06c6-d9ff91f86bce) {
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
}

.claws_icon:where(.w-variant-773ea799-4b8b-1cf1-4e0b-ec8d3fb60e94) {
  width: 6rem;
  min-width: 6rem;
  max-width: 6rem;
}

.claws_icon:where(.w-variant-fd15feb9-ce98-0fcd-4a24-21c34b317550) {
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
}

.claws_icon:where(.w-variant-252a4e08-28fb-f444-84af-610f0437d7b7) {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
}

.claws_icon.feature-icon {
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
}

.claws_icon.table-icon {
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
}

.claws_icon.benefits-icon {
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  color: var(--qaw-claws_🔒palette---hyper--90);
}

.code-embed-18 {
  display: none;
}

.form-success-text-2 {
  line-height: 1.2;
}

.form-success-graphic-2 {
  width: 5rem;
}

.signup-page_grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 90vh;
  display: grid;
}

.signup-form_wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.signup-graphic_wrapper {
  background-color: var(--qaw-claws_color---hyper--hyper-3);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621c0_60c330ff0a3914fa9b8c92d4b7e788eb_Pixel%20Marks%2025_white.svg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 64px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.claws_class-repo {
  padding: var(--qaw-claws_spacing---space--space-xl);
  background-color: var(--qaw-claws_🔒palette---gray--100);
}

.code-embed-19 {
  display: none;
}

.form-success-text-3 {
  line-height: 1.2;
}

.form-success-graphic-3 {
  width: 5rem;
}

.claws_block-quote {
  border-left: .75rem solid var(--qaw-claws_🔒palette---hyper--70);
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: .5em 2.5rem;
}

.claws_color-base-1 {
  color: var(--qaw-claws---base--base-1);
}

.claws_color-base-2 {
  color: var(--qaw-claws---base--base-2);
}

.claws_color-base-3 {
  color: var(--qaw-claws---base--base-3);
}

.claws_color-accent-1 {
  color: var(--qaw-claws---accent--accent-1);
}

.claws_color-accent-2 {
  color: var(--qaw-claws---accent--accent-2);
}

.claws_color-neutral-b {
  color: var(--qaw-claws_color---neutral--neutral-b);
}

.claws_color-neutral-w {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.claws_color-hyper200 {
  color: var(--qaw-claws_🔒palette---hyper--200-default);
}

.claws_color-cyber200 {
  color: var(--qaw-claws_🔒palette---cyber--200-default);
}

.claws_color-pepto200 {
  color: var(--qaw-claws_🔒palette---pepto--200-default);
}

.claws_color-tennis200 {
  color: var(--qaw-claws_🔒palette---tennis--200-default);
}

.claws_color-lycan200 {
  color: var(--qaw-claws_🔒palette---lycan--200-default);
}

.home_swiper-android-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.home_swiper-android-container {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.android-screen {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.claws_color-hyper80 {
  color: var(--qaw-claws_color---hyper--hyper-4);
  -webkit-text-stroke-color: var(--qaw-claws_color---hyper--hyper-4);
}

.signup-logo {
  align-self: flex-start;
  max-width: 135px;
  margin-top: 1rem;
  margin-left: 4px;
}

.signup-form-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 60rem;
  margin-bottom: 4rem;
  display: flex;
}

.signup-product_graphic {
  border-radius: 12px;
  max-width: 1000px;
  max-height: 90%;
  position: relative;
}

.claws_bg-lycan200 {
  background-color: var(--qaw-claws_🔒palette---lycan--200-default);
}

.aux-graphic_container {
  background-color: var(--qaw-claws_🔒palette---hyper--80);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96212e_digital-hyper80.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.aux-graphic_container.planning, .aux-graphic_container.creation {
  position: relative;
}

.aux-graphic_container.alt {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  background-image: none;
}

.aux-graphic_container.alt.refactor {
  overflow: hidden;
}

.aux-graphic_container.alt.tech-stack {
  height: auto;
}

.aux-graphic_container.alt.code-toggle {
  overflow: visible;
}

.aux-graphic_container.infra {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  background-image: none;
  height: auto;
  padding: 4rem;
}

.aux-graphic_container.infra.big {
  margin-top: 4rem;
}

.claws_bg-lycan500 {
  background-color: var(--_legacy---lycan--500-vivid\<deleted\|variable-5c21730c-44be-8c24-f472-75feebee1391\>);
}

.chart-aux_wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: relative;
}

.aux-chart_container {
  width: 100%;
}

.aux-hero {
  background-color: var(--qaw-claws_color---hyper--hyper-1);
  padding-top: 16rem;
  padding-bottom: 16rem;
  display: block;
}

.aux-hero.with-stats {
  padding-bottom: 22rem;
}

.claws_font-mono {
  font-family: var(--qaw-claws_fonts---font-family--code);
}

.aux-hero_copy {
  grid-column-gap: var(--qaw-claws_spacing---space--space-md);
  grid-row-gap: var(--qaw-claws_spacing---space--space-md);
  color: #fff;
  flex-flow: column;
  padding: 0;
  font-weight: 400;
  display: flex;
}

.aux-hero_copy.no-video {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-bottom: 8rem;
}

.aux-hero_copy.infra {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.aux-graphic {
  max-width: 90%;
}

.aux-graphic.prompt {
  filter: drop-shadow(16px 16px #0c0c2940);
  width: 80%;
}

.home_swiper-ios-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.home_swiper-ios-container {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 197px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ios-screen {
  z-index: 1;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.page_nav-test {
  background-color: #666;
}

.claws_code-embed {
  display: none;
}

.home_chat-box-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.home_chat-box-wrapper.aux {
  justify-content: flex-start;
  align-items: flex-start;
}

.home-case_study_logo {
  filter: brightness(1000%);
  max-width: 50%;
}

.signup-form_wrapper-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.home_marquee-label_container {
  z-index: 1;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--_legacy---hyper--300\<deleted\|variable-b171b604-b5e5-10ec-42f7-914f38bb8496\>) 23%, #2b2bb900);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero_video-container {
  background-color: var(--_legacy---hyper--400\<deleted\|variable-2fcaeb28-ce88-667f-bf86-69ae0f5978d3\>);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
  overflow: hidden;
}

.aux_hero-container {
  background-color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 8rem;
  display: none;
}

.product_link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem;
  font-family: GT Flexa, Arial, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
}

.col-testing_types {
  position: relative;
  overflow: visible;
}

.col-header {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  border-radius: 12px;
  padding: 2rem;
  position: relative;
}

.col-header.manual {
  background-color: var(--_legacy---pepto--100\<deleted\|variable-97ba3c37-79b3-eb97-4b2f-d6d9a65fc47d\>);
}

.col-header.auto {
  background-color: var(--_legacy---cyber--100\<deleted\|variable-369290cc-4e08-c946-f515-494c2b8db9b5\>);
}

.col-header_wrapper {
  z-index: 1;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-image: linear-gradient(180deg, var(--_legacy---hyper--50\<deleted\|variable-b7cc5db7-3bcd-42f5-9e6b-833f0f66568c\>) 92%, #ebeef700);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 2rem;
  display: grid;
  position: sticky;
  top: 0;
  overflow: visible;
}

.aux_auto-comparison_text_wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  width: 100%;
  display: flex;
}

.aux-comparison_grid {
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  align-items: start;
  margin-top: 0;
  display: grid;
  position: relative;
  overflow: visible;
}

.aux-comparison_grid.mobile {
  display: none;
}

.aux-comparison_grid.margin-top-2xl {
  margin-bottom: 0;
}

.aux-comparison_grid.benchmarks {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 2rem;
}

.aux-comparison_grid.narrow {
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  text-align: center;
  font-size: .65em;
}

.aux-comparison_grid.podcast-hero {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

.aux-comparison_grid.sked {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.aux-comparison_grid.event-venue-container {
  place-items: center stretch;
}

.aux-comparison_grid.slider {
  background-color: #0000;
}

.aux-comparison_grid.small-gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.aux-comparison_table {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 3rem 1rem;
  font-family: GT Flexa, Arial, sans-serif;
  display: grid;
  position: relative;
}

.aux_comparison_table-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.aux_comparison_table-row.last {
  border-bottom-style: none;
}

.claws-list_container {
  width: 100%;
}

.claws-list_container.claws_t-l1 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.claws-list_item {
  font-size: 1.75rem;
  display: flex;
}

.col-header_fade {
  background-image: linear-gradient(180deg, var(--_legacy---hyper--50\<deleted\|variable-b7cc5db7-3bcd-42f5-9e6b-833f0f66568c\>), #ebeef700);
  height: 50px;
}

.aux_auto-stat_wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--_legacy---hyper--300\<deleted\|variable-b171b604-b5e5-10ec-42f7-914f38bb8496\>);
  height: 100%;
  color: var(--qaw-claws_color---neutral--neutral-w);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962191_pixel-squiggle-hyper250.svg");
  background-position: 50%;
  background-size: auto;
  border-radius: 12px;
  justify-content: center;
  align-items: stretch;
  margin-top: -16rem;
  margin-bottom: 8rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.aux_graphic-tech_stack {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  min-height: 500px;
  padding: 4rem;
  display: grid;
}

.tech_stack-card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  font-family: GT Flexa Mono, Arial, sans-serif;
  display: flex;
}

.tech_stack-icon {
  filter: invert();
}

.tech_stack-icon.electron {
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
  filter: none;
  border-radius: 100%;
}

.aux_toggle-wrapper {
  border: 4px solid var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  background-color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  cursor: pointer;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: center;
  width: 96px;
  height: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.aux_toggle-wrapper.toggle-on:hover {
  border-color: var(--_legacy---hyper--400\<deleted\|variable-2fcaeb28-ce88-667f-bf86-69ae0f5978d3\>);
}

.aux_toggle-wrapper.toggle-off {
  border-color: var(--qaw-claws_color---hyper--hyper-4);
  background-color: var(--qaw-claws_🔒palette---hyper--80);
  cursor: pointer;
}

.aux_toggle-wrapper.toggle-off:hover {
  border-color: var(--qaw-claws_🔒palette---hyper--90);
}

.aux_toggle-button {
  background-color: var(--_legacy---basics--white\<deleted\|variable-3d65c31a-650d-d2e1-4827-13601e975c0f\>);
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.aux_code-container {
  background-color: var(--qaw-claws_🔒palette---lycan--300);
  border-radius: 12px;
  width: 60%;
  height: 80%;
  padding: 0;
  position: relative;
  bottom: 0%;
  overflow: hidden;
}

.aux_code-container.outline {
  border: 2px solid var(--qaw-claws_🔒palette---lycan--50);
  background-color: var(--qaw-claws_🔒palette---hyper--50);
  padding: 2rem;
}

.aux_code-container.outline.embed-hidden {
  opacity: 0;
  position: absolute;
  bottom: auto;
}

.aux_code-container.code {
  position: absolute;
  bottom: auto;
}

.aux_code-container.code.create {
  background-color: var(--qaw-claws_🔒palette---lycan--300);
  bottom: 24px;
  right: 24px;
}

.toggle-star-combo {
  z-index: 10;
  position: absolute;
  inset: 16px auto auto 16px;
}

.rotating-star {
  pointer-events: none;
  max-width: 200%;
  position: absolute;
  inset: -142% auto auto -50%;
}

.toggle-new_label {
  width: 300px;
  color: var(--_legacy---lycan--500-vivid\<deleted\|variable-5c21730c-44be-8c24-f472-75feebee1391\>);
  text-align: center;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  display: none;
  position: absolute;
  top: -47px;
  left: -133px;
  transform: rotate(-20deg);
}

.aux-chat_box {
  z-index: 10;
  background-color: #fff;
  border: 4px solid #3b3bef;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 600px;
  max-width: 600px;
  padding: 24px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 24px;
}

.aux-chat_box.refactor {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  top: auto;
  left: auto;
  right: 24px;
}

.aux-chat_box.agentic-auto {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  max-width: none;
  min-height: 120px;
  position: relative;
  top: 0;
  left: 0;
}

.aux-chat_box.agentic-manual {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: 120px;
  position: relative;
  top: 0;
  left: 0;
}

.aux-chat_prompt-text {
  background-color: var(--qaw-claws_🔒palette---hyper--50);
  border-radius: 10px;
  align-self: stretch;
  min-height: 48px;
  margin-top: 16px;
  margin-bottom: 0;
  padding: 2rem;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}

.aux-chart_legend-container {
  margin-left: var(--qaw-claws_spacing---space--space-lg);
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--qaw-claws_color---neutral--neutral-w);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-family: GT Flexa, Arial, sans-serif;
  display: flex;
}

.aux-chart_legend-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dot {
  border-radius: 100%;
  width: 16px;
  height: 16px;
}

.dot.pepto {
  background-color: var(--qaw-claws_🔒palette---pepto--200-default);
}

.dot.tennis {
  background-color: var(--qaw-claws_🔒palette---tennis--200-default);
}

.dot.cyber {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
}

.dot.hyper-70 {
  background-color: var(--qaw-claws_🔒palette---hyper--70);
}

.dot.hyper90 {
  background-color: var(--qaw-claws_🔒palette---hyper--90);
}

.dot.gold {
  background-color: #ffb703;
}

.dot.cyan {
  background-color: #3ec5ff;
}

.aux_graphic-auto-refactor {
  filter: grayscale();
  border-radius: 10px;
  position: absolute;
  top: 24px;
  left: 24px;
}

.claws_bg-hyper300 {
  background-color: var(--qaw-claws_🔒palette---hyper--300);
}

.div-block-41 {
  margin-top: 8rem;
  display: block;
}

.testing-explainer-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  margin-top: 0;
  display: flex;
}

.header_testing-auto {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.agentic-manual-graphic-container {
  background-color: var(--qaw-claws_🔒palette---pepto--100);
  border-radius: 12px;
  justify-content: space-between;
  align-items: flex-end;
  height: 400px;
  padding: 2rem;
  display: flex;
}

.agentic-auto-graphic-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--qaw-claws_🔒palette---cyber--100);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.aux_auto-stat {
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 260px;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
}

.aux_auto-stat.left-border {
  border-left: 2px solid var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
}

.aux-video-container {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  border-radius: 12px;
  padding: 4rem;
  overflow: hidden;
}

.aux-eyebrow {
  color: var(--qaw-claws_🔒palette---hyper--200-default);
  font-family: GT Flexa Mono, Arial, sans-serif;
  font-size: 2rem;
  position: relative;
}

.aux-eyebrow.pepto200 {
  color: var(--qaw-claws_🔒palette---pepto--200-default);
}

.aux-centered_header {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 10rem;
  display: flex;
}

.aux-centered_header.remove-top_margin {
  margin-top: 0;
}

.aux-comparison_text {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.chat_box-avatar {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962189_kermit.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 100%;
  width: 24px;
  height: 24px;
}

.agentic-graphic-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--_legacy---cyber--200-default\<deleted\|variable-5a005220-5615-3e13-53d0-b2a61a693789\>);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 4rem;
  display: flex;
}

.agentic-graphic-wrapper.manual {
  background-color: var(--_legacy---pepto--200-default\<deleted\|variable-75446cab-87ea-4b7a-a915-da8e13893a0f\>);
  justify-content: flex-start;
  align-items: center;
}

.agentic-manual-graphic-container-copy, .agentic-manual-graphic-container-copy-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--qaw-claws_🔒palette---pepto--100);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 2rem;
  display: flex;
}

.grid-divider {
  background-color: var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  width: 100%;
  height: 1px;
}

.agentic-step_container {
  border: 4px solid var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  background-color: var(--_legacy---basics--white\<deleted\|variable-3d65c31a-650d-d2e1-4827-13601e975c0f\>);
  border-radius: 12px;
  width: 100%;
  max-width: none;
  overflow: hidden;
}

.agentic-step_container.manual {
  border-color: var(--qaw-claws_🔒palette---basic--black);
}

.agentic-step_container.manual.disabled {
  border-style: dashed;
  border-color: var(--qaw-claws_🔒palette---gray--200);
  background-color: #0000;
}

.step-outline {
  padding: 2rem;
}

.step-outline.disabled {
  background-color: var(--qaw-claws_🔒palette---gray--60);
  border-width: 1px;
  border-color: #000;
}

.step-code {
  background-color: var(--_legacy---lycan--300\<deleted\|variable-56c6d5f6-1293-ef34-3e7b-e6820e0b1607\>);
  padding: 2rem;
}

.step-code.disabled {
  background-color: var(--qaw-claws_🔒palette---gray--300);
}

.header_testing-manual {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.claws_bg-hyper200 {
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
}

.claws_bg-hyper50 {
  background-color: var(--qaw-claws_🔒palette---hyper--50);
}

.infra-hero {
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621c7_grid-hyper.png");
  background-position: 0 0;
  background-size: contain;
  padding-top: 16rem;
  padding-bottom: 16rem;
  display: block;
  position: relative;
}

.infra-hero.with-stats {
  padding-bottom: 22rem;
}

.infra-hero.cyber {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621c6_grid-cyber.png");
  background-position: 0 0;
  background-size: contain;
}

.infra-hero.pepto {
  background-color: var(--qaw-claws_🔒palette---pepto--200-default);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621c5_grid-pepto.png");
  background-position: 0 0;
  background-size: contain;
}

.claws_unibrow {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
}

.claws_unibrow-text {
  width: auto;
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--code);
  color: var(--qaw-claws_🔒palette---hyper--90);
  font-size: var(--qaw-claws_type---text-size--t-l3);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
}

.claws_unibrow-text.claws_font-mono.aux-eyebrow {
  color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
}

.claws_unibrow-rule {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  flex: 1;
  height: 2px;
}

.infra-feature_group {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 4rem;
  display: flex;
}

.infra-feature_container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.infra-icon {
  background-color: var(--_legacy---cyber--50\<deleted\|variable-b996c65d-4afd-601a-82e3-f1deda584a43\>);
  color: var(--qaw-claws_🔒palette---cyber--400);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.infra-icon.pepto {
  background-color: var(--_legacy---pepto--50\<deleted\|variable-8302c754-1261-1ba1-3efb-c63e5a063a5f\>);
  color: var(--qaw-claws_🔒palette---pepto--400);
}

.infra-icon.hyper {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  color: var(--qaw-claws_🔒palette---hyper--400);
}

.infra-comparison_table {
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  box-shadow: var(--qaw-claws_spacing---space--space-sm) var(--qaw-claws_spacing---space--space-sm) 0 0 var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  border-radius: 12px;
  margin-top: 4rem;
  margin-bottom: 20rem;
}

.infra-comparison_table.mobile-card {
  margin-bottom: 4rem;
}

.infra-comparison_table-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  transition: background-color .2s;
  display: grid;
}

.infra-comparison_table-row.head {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  border-bottom-style: none;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  position: sticky;
  top: 0;
}

.infra-comparison_table-row.head.mobile {
  justify-content: center;
  align-items: center;
  display: flex;
}

.infra-comparison_table-row.last {
  border-bottom-style: none;
}

.infra-comparison_table-row.mobile-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr;
  place-items: center start;
}

.infra-table_cell {
  grid-column-gap: var(--qaw-claws_spacing---space--space-md);
  grid-row-gap: var(--qaw-claws_spacing---space--space-md);
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 3rem 2rem;
  display: flex;
}

.infra-table_cell.cell_header {
  grid-column-gap: var(--qaw-claws_spacing---space--space-xxs);
  grid-row-gap: var(--qaw-claws_spacing---space--space-xxs);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  font-family: Inter, sans-serif;
}

.infra-table_cell.cell_header.top {
  justify-content: center;
  align-items: stretch;
}

.infra-table_cell.cell_header.qaw {
  background-color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  border-top-right-radius: 12px;
}

.infra-table_cell.mobile-card {
  justify-content: space-between;
  align-items: center;
}

.infra-table_cell.qaw {
  background-color: var(--_legacy---hyper--100\<deleted\|variable-15549388-2e43-e2ac-bffe-7638a9731507\>);
}

.infra-table-icon {
  width: 48px;
  height: 48px;
  padding: var(--qaw-claws_spacing---space--space-xxs);
  color: var(--qaw-claws_🔒palette---hyper--90);
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.infra-table-icon.x {
  background-color: var(--qaw-claws_🔒palette---pepto--100);
  color: var(--qaw-claws_🔒palette---pepto--400);
}

.infra-table-icon.warning {
  color: #a77321;
  background-color: #f5df9d;
}

.infra-table-icon.check {
  background-color: var(--qaw-claws_🔒palette---cyber--50);
  color: var(--qaw-claws_color---cyber--cyber-4);
}

.claws_card-flex-group {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.claws_card {
  background-color: var(--qaw-claws---background--bg-1);
  border-radius: 2.5rem;
  flex-flow: column;
  min-width: 20rem;
  min-height: 20rem;
  display: block;
  position: relative;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.claws_card.card_customers-index {
  height: 100%;
  padding: var(--qaw-claws_spacing---space--space-md) var(--qaw-claws_spacing---space--space-md) var(--qaw-claws_spacing---space--space-lg);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--qaw-claws---background--bg-3);
  text-align: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.claws_card.card_blog-index {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  background-color: var(--qaw-claws---background--bg-3);
  max-width: calc(50cqw - 2rem);
  height: 100%;
  padding: 1.5rem 1.5rem 2.5rem;
  text-decoration: none;
  display: flex;
}

.claws_card-grid-group {
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: grid;
}

.claws_card-grid-group.page_cms-index-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  container-type: inline-size;
}

.aux_graphic-results_container {
  grid-column-gap: var(--qaw-claws_spacing---gutter--gutter-sm);
  grid-row-gap: var(--qaw-claws_spacing---gutter--gutter-sm);
  border: 4px solid var(--_legacy---cyber--400\<deleted\|variable-89078792-6468-69ac-7580-203139d79f34\>);
  background-color: var(--_legacy---cyber--100\<deleted\|variable-369290cc-4e08-c946-f515-494c2b8db9b5\>);
  width: 100%;
  color: var(--qaw-claws_🔒palette---basic--black);
  font-family: GT Flexa Mono, Arial, sans-serif;
  font-size: 3rem;
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: relative;
}

.aux_graphic-results_container.fail {
  background-color: #fcbcbf;
  border: 4px solid #ff3a44;
}

.code_embed-flex_center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.agentic_step-connector {
  background-color: var(--qaw-claws_color---lycan--lycan-1);
  flex: 1;
  width: 4px;
  min-height: 24px;
  padding-bottom: 0;
}

.top.top_basic {
  padding-top: 5rem;
  padding-bottom: 8rem;
}

.top.top_customers {
  padding-bottom: 2rem;
}

.top.wolf-den, .top.wolf-den-template {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.feature.page_service {
  padding-bottom: 5rem;
}

.feature.wolf-den {
  padding-bottom: 8rem;
}

.feature.wolf-den-template {
  padding-top: 0;
  padding-bottom: 8rem;
}

.top-text {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.top-text.page_blog-index {
  padding-top: 4rem;
  padding-bottom: 8rem;
}

.top-text.page_service {
  padding-bottom: 5rem;
}

.claws_s-l1 {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---base--base-1);
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.claws_s-l1.claws_color-neutral-w {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.claws_s-l1.claws_color-neutral-w.platform {
  font-weight: 300;
}

.claws_s-l1.claws_color-hyper70 {
  color: var(--qaw-claws_color---hyper--hyper-3);
}

.claws_s-l1.claws_color-hyper70.product {
  text-align: center;
}

.claws_s-l1.platform {
  font-size: 2rem;
}

.claws_s-l1.top-text {
  text-align: center;
  color: inherit;
}

.claws_s-l1.top-text-subhed {
  max-width: 40ch;
  color: inherit;
}

.claws_s-l1.top-text-date {
  color: inherit;
}

.claws_s-l1.top-text-summary {
  max-width: 80rem;
  color: inherit;
  margin-top: 1rem;
}

.claws_s-l1.aeo {
  color: var(--qaw-claws_🔒palette---hyper--200-default);
  flex: 1;
}

.claws_s-l1.wolf-den {
  color: #a8a8ea;
  text-align: center;
  text-wrap: balance;
  font-weight: 300;
  line-height: 1.4;
}

.claws_s-l1.wolf-den-slider {
  font-family: var(--qaw-claws_fonts---font-family--code);
  color: var(--qaw-claws_color---neutral--neutral-w);
  text-transform: uppercase;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 500;
}

.split-callout {
  filter: drop-shadow(1rem 1rem 0px var(--_legacy---hyper--300\<deleted\|variable-b171b604-b5e5-10ec-42f7-914f38bb8496\>));
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 8rem;
  display: flex;
  position: relative;
}

.split-callout-video {
  z-index: 100;
  background-color: var(--qaw-claws_color---neutral--neutral-b);
  border-radius: 12px;
  flex: none;
  width: 65%;
  margin-bottom: 4rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.split-callout-text {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--qaw-claws_🔒palette---cyber--100);
  border-radius: 12px;
  flex-flow: column;
  flex: none;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: auto;
  padding: 5rem 4rem 5rem 18%;
  text-decoration: none;
  display: flex;
  position: absolute;
  right: 0;
}

.nav_callout-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nav_callout-arrow {
  aspect-ratio: 1;
  opacity: .5;
  vertical-align: middle;
  object-fit: cover;
  width: 16px;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.callout-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.callout-link-blurb {
  font-size: 2rem;
  font-weight: 300;
}

.callout-arrow {
  aspect-ratio: 1;
  opacity: 1;
  vertical-align: middle;
  object-fit: cover;
  width: 2.5rem;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.callout-logo {
  width: 22rem;
}

.claws_grid-2col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.claws_tag-pill {
  padding-top: 3px;
  padding-right: var(--qaw-claws_spacing---space--space-sm);
  padding-bottom: 2px;
  padding-left: var(--qaw-claws_spacing---space--space-sm);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--qaw-claws---base--base-1);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--qaw-claws---base--base-1);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--qaw-claws---base--base-1);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--qaw-claws---base--base-1);
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  font-family: var(--qaw-claws_fonts---font-family--code);
  color: var(--qaw-claws---base--base-1);
  font-variation-settings: "wght" 375;
  border-radius: 4rem;
  width: fit-content;
  font-size: 1.5rem;
  font-weight: 300;
}

.claws_tag-pill.thumb-tile {
  margin-top: -2px;
  margin-left: -2px;
}

.claws_tag-pill.related-post {
  margin-left: -2px;
  padding-top: 2px;
  padding-bottom: 1px;
}

._2col-flex {
  grid-column-gap: var(--qaw-claws_spacing---gutter--gutter-lg);
  grid-row-gap: var(--qaw-claws_spacing---gutter--gutter-lg);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.filter-options {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.filter_menu-form {
  margin-top: 2rem;
  margin-bottom: 0;
}

.col-left-rail-bad {
  padding-top: 4rem;
}

.col-right-main {
  width: 100%;
  min-height: 80rem;
  margin-top: 4rem;
  margin-bottom: 8rem;
}

.col-right-main.clog {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.filter-option-checkbox {
  background-color: var(--qaw-claws---background--bg-3);
  border: 1px solid #3b3bef00;
  border-radius: 4rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s cubic-bezier(.785, .135, .15, .86);
  display: flex;
  position: relative;
}

.filter-option-checkbox:hover {
  border-color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  color: var(--qaw-claws_🔒palette---hyper--200-default);
}

.filter-option-checkbox.is-active {
  background-color: var(--qaw-claws---accent--accent-1);
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.filter-option-checkbox.is-active:hover {
  background-color: var(--qaw-claws_🔒palette---hyper--400);
  border-color: #3b3bef00;
}

.filter-check-input {
  width: 2rem;
  height: 2rem;
  margin: 0;
  line-height: 1;
  display: none;
}

.filter-check-label {
  font-family: var(--qaw-claws_fonts---font-family--code);
  letter-spacing: 0;
  padding: 1rem 1.5rem;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1;
}

.col-left-rail {
  border-right: 1px solid var(--qaw-claws_🔒palette---hyper--70);
  flex: none;
  width: 35rem;
  padding-top: 4rem;
  padding-bottom: 8rem;
  position: relative;
}

.filter_menu-box {
  position: sticky;
  top: 4rem;
}

.filter-option-clear-btn {
  grid-column-gap: var(--qaw-claws_spacing---space--space-xs);
  grid-row-gap: var(--qaw-claws_spacing---space--space-xs);
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  color: var(--qaw-claws_🔒palette---hyper--90);
  cursor: pointer;
  border-radius: 4rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
  padding: .5rem 1rem;
  text-decoration: none;
  transition: all .2s cubic-bezier(.785, .135, .15, .86);
  display: inline-flex;
}

.filter-option-clear-btn:hover {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
}

.filter-clear-label {
  font-family: var(--qaw-claws_fonts---font-family--code);
  font-size: 12px;
}

.filter_menu-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filter_chevron {
  aspect-ratio: 1;
  vertical-align: middle;
  object-fit: cover;
  width: 2rem;
  min-width: 2rem;
  max-width: 2rem;
  line-height: 0;
  display: none;
  overflow: hidden;
}

.infra-graphic {
  border-radius: 8px;
}

.infra_hero-copy {
  z-index: 1;
  grid-column-gap: var(--qaw-claws_spacing---space--space-md);
  grid-row-gap: var(--qaw-claws_spacing---space--space-md);
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-weight: 400;
  display: flex;
  position: relative;
}

.infra_hero-copy.infra {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.infra-comp_table-mobile_container {
  display: none;
}

.infra-feature_list {
  grid-column-gap: var(--qaw-claws_spacing---space--space-xxl);
  grid-row-gap: var(--qaw-claws_spacing---space--space-xxl);
  flex-flow: column;
  margin-top: 16rem;
  display: flex;
}

.infra-intro_container {
  grid-column-gap: var(--qaw-claws_spacing---space--space-lg);
  grid-row-gap: var(--qaw-claws_spacing---space--space-lg);
  flex-flow: column;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: flex;
}

.infra_hero-bg1 {
  opacity: .05;
  pointer-events: none;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e96219e_Pixel%20Symbols%2001.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.infra-intro_summary {
  grid-column-gap: var(--qaw-claws_spacing---gutter--gutter-md);
  grid-row-gap: var(--qaw-claws_spacing---gutter--gutter-md);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 8rem;
  display: block;
}

.infra_intro-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  color: #fff;
  flex-flow: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  font-weight: 400;
  display: grid;
}

.infra_intro-copy.with-cta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.infra_intro-copy.aux {
  margin-bottom: 1rem;
}

.heading-4 {
  max-width: var(--qaw-claws_type---char-limit--h-char-limit);
}

.top-text-logo {
  max-height: 10rem;
  margin-bottom: 1rem;
  display: block;
}

.video-offset {
  z-index: 100;
  background-color: var(--qaw-claws_color---neutral--neutral-b);
  border-radius: 12px;
  display: block;
  position: relative;
  top: 5rem;
  overflow: hidden;
}

.video-offset-wrap {
  z-index: 100;
  margin-top: -5rem;
  position: relative;
}

.article-case-studies {
  margin-top: 12rem;
}

.case-studies_rich-text {
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  margin-bottom: 10rem;
}

.case-studies_rich-text.sg_flex-col {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.case-studies_rich-text h1 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-lg);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-lg);
  font-variation-settings: "wdth" 65;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.case-studies_rich-text h2 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-md);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-md);
  font-variation-settings: "wdth" 75;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.case-studies_rich-text h3 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-sm);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-sm);
  font-variation-settings: "wdth" 80;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.case-studies_rich-text h4 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-xs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xs);
  font-variation-settings: "wdth" 90;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.case-studies_rich-text h5 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-xxs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xxs);
  font-variation-settings: "wdth" 100;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621a6_4f97a22b35ae8cba5a03929a6e6331d6_circle-check-big.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  margin-top: 5rem;
  margin-bottom: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 5rem;
}

.case-studies_rich-text h6 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---heading-size--h-xxs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xxs);
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.case-studies_rich-text blockquote {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  font-size: var(--qaw-claws_type---text-size--t-l3);
  background-color: #e0e3f7;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621a4_8b375c2924d7318dcf7312152e00c112_quote.svg");
  background-position: 24px 24px;
  background-repeat: no-repeat;
  background-size: auto;
  border-left: 8px #0000;
  border-radius: 8px;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding: 4rem 6rem 4rem 9.5rem;
}

.case-studies_rich-text a:hover {
  color: var(--qaw-claws---accent--accent-1);
}

.case-studies_rich-text.impact li {
  background-color: var(--_legacy---tennis--50\<deleted\|variable-2d714816-5ad6-3eaa-1141-0afb0ea9ab0b\>);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621a5_93d22b0002a800572eaec797baa35779_check.svg");
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: auto;
  align-self: flex-start;
  margin-left: -2.5rem;
  padding: .5rem 2rem .5rem 5rem;
  display: inline-flex;
}

.case-studies_rich-text ul {
  padding-left: 2.5rem;
}

.case-studies_rich-text p {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.case-studies_customer-metrics {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-top: -5rem;
  margin-bottom: 10rem;
  display: flex;
}

.customer-metric {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws_color---neutral--neutral-w);
  border-radius: 8px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 6rem 3rem 5rem;
  display: flex;
  container-type: inline-size;
}

.customer-metric.first {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621ab_c9072fc2f262d520942b85217ffdd67b_metric_1.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.customer-metric.second {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621ac_4017e28659eee3b40fd2993dc28316e0_metric_2.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.customer-metric.third {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621ad_6fa37a9b82398cfdfeab4b760f7b3efc_metric_3.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.metric-number {
  font-family: var(--qaw-claws_fonts---font-family--display);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xl);
  font-variation-settings: "wdth" 65;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  text-align: center;
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  font-size: clamp(10rem, 40cqw, 13rem);
}

.metric-label {
  font-size: var(--qaw-claws_type---text-size--t-l2);
  text-align: center;
  font-weight: 300;
  line-height: 1.3;
}

.image-22 {
  width: 100%;
}

.form-hp {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -10000px;
  overflow: hidden;
}

.form-center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 8rem;
  display: flex;
}

.schedule-demo_wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.schedule-demo_wrapper-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.schedule-demo_container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
}

.signup-award_grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  padding: 4rem;
  display: flex;
}

.signup-award_wrapper {
  padding: var(--qaw-claws_spacing---space--space-lg);
  background-color: var(--qaw-claws_color---hyper--hyper-3);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621c0_60c330ff0a3914fa9b8c92d4b7e788eb_Pixel%20Marks%2025_white.svg");
  background-position: 0 0;
  background-repeat: repeat;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.claws_form-inline {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-self: stretch;
  display: flex;
}

.schedule_demo-g2_badge {
  width: 160px;
}

.platform-signup_grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 97vh;
  display: grid;
}

.text-area-2 {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  color: #000;
  font-variation-settings: "wght" 325;
  resize: vertical;
  background-color: #fff;
  border: .1em solid #000;
  border-radius: .6em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 12rem;
  margin-bottom: 0;
  padding: .55em .75em;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.075, .82, .165, 1);
  box-shadow: .2em .2em 0 0 #000;
}

.text-area-2:hover {
  background-color: #f2f2f2;
}

.text-area-2:focus {
  background-color: #f5ffe5;
  border-style: solid;
  border-color: #000;
  box-shadow: .2em .2em 0 0 #000;
}

.text-area-2:focus-visible, .text-area-2[data-wf-focus-visible] {
  background-color: #f5ffe5;
  box-shadow: .2em .2em 0 0 #000, 2px 2px 0 5px #b7c7f7;
}

.form-radio-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: 1rem;
  padding-left: 0;
  font-family: GT Flexa, Arial, sans-serif;
  display: flex;
}

.wrapper-2 {
  flex-flow: column;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-left: clamp(2rem, 4vw, 10rem);
  padding-right: clamp(2rem, 4vw, 10rem);
  display: flex;
  overflow: visible;
}

.wrapper-2.full {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 2rem;
}

.signup-award_wrapper-2 {
  background-color: #b7c7f7;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621c0_60c330ff0a3914fa9b8c92d4b7e788eb_Pixel%20Marks%2025_white.svg");
  background-position: 0 0;
  background-repeat: repeat;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.claws_thumb-tile {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  aspect-ratio: 16 / 9;
  background-color: var(--qaw-claws_🔒palette---gray--60);
  text-align: left;
  object-fit: fill;
  border-radius: 1.5rem 1.5rem 1rem 1rem;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding: 1.25rem;
  text-decoration: none;
  display: flex;
  container-type: inline-size;
}

.claws_thumb-tile.card_blog-index {
  padding: 1.75cqw;
}

.claws_thumb-tile.card_blog-index.tile {
  background-color: var(--qaw-claws_🔒palette---hyper--50);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621c0_60c330ff0a3914fa9b8c92d4b7e788eb_Pixel%20Marks%2025_white.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621bf_4b172daf23e44b50527ef07dce87e519_grid.svg");
  background-position: -36px 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100%, auto;
}

.claws_thumb-tile.tile {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621c0_60c330ff0a3914fa9b8c92d4b7e788eb_Pixel%20Marks%2025_white.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621bf_4b172daf23e44b50527ef07dce87e519_grid.svg");
  background-position: -36px 0, 0 0;
  background-size: 100%, auto;
}

.claws_thumb-tile.tile.blog_sidebar {
  aspect-ratio: 3 / 2;
}

.claws_thumb-tile.tile.blog-index {
  padding: 1.75cqw;
}

.page_cms-grid-item {
  width: 100%;
}

.action {
  display: block;
}

._3col-multi {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.col-left-slim {
  margin-top: 6rem;
  margin-bottom: 12rem;
}

.col-right {
  flex: none;
  width: 20%;
  min-width: 20rem;
  max-width: 24rem;
  margin-top: 6rem;
  margin-bottom: 12rem;
}

.col-center {
  max-width: 75rem;
  min-height: 50rem;
  margin: 6rem 8rem 12rem 12rem;
}

.col-center.clog {
  margin-left: 8rem;
}

.tag-label {
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  font-family: var(--qaw-claws_fonts---font-family--code);
  color: var(--qaw-claws_color---neutral--neutral-b);
  letter-spacing: 0;
  border-radius: 4rem;
  padding: 1rem 1.5rem;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1;
}

.top-text-meta-lockup {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.claws_rule-v {
  background-color: var(--qaw-claws_🔒palette---basic--white);
  align-self: stretch;
  width: 2px;
}

.claws_s-l2 {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---base--base-1);
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.5;
}

.claws_s-l2.claws_color-neutral-w {
  color: var(--qaw-claws_🔒palette---basic--white);
}

.claws_s-l2.claws_color-neutral-w.platform {
  font-weight: 300;
}

.claws_s-l2.claws_color-neutral-w.subhed {
  text-wrap: balance;
}

.claws_s-l2.claws_color-hyper70 {
  color: var(--qaw-claws_color---hyper--hyper-3);
}

.claws_s-l2.claws_color-hyper70.product {
  text-align: center;
}

.claws_s-l2.platform {
  font-size: 2rem;
}

.claws_s-l2.top-text {
  text-align: center;
  color: inherit;
}

.claws_s-l2.top-text-subhed {
  max-width: 40ch;
  color: inherit;
}

.claws_s-l2.top-text-date {
  color: inherit;
}

.claws_s-l2.top-text-summary {
  max-width: 80rem;
  color: inherit;
  text-wrap: balance;
  margin-top: 1rem;
}

.claws_s-l2.wolf-den {
  color: #a8a8ea;
  font-size: 2rem;
}

.claws_s-l2.wolf-den-slider {
  color: #c3c3fa;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  font-size: 2rem;
  font-weight: 300;
}

.claws_author-list {
  align-items: center;
  display: flex;
}

.social-share-options {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.social-share-btn-icon {
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  border: 1px solid #3b3bef00;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  transition: border-color .2s cubic-bezier(.785, .135, .15, .86);
  display: flex;
}

.social-share-btn-icon:hover {
  color: var(--qaw-claws_🔒palette---hyper--200-default);
  border-color: #3b3bef;
}

.col-group-1 {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.social-share-group {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 4rem;
}

.related-content-group {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 4rem;
}

.sidebar-label {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws---base--base-1);
  font-size: 2rem;
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  font-weight: 500;
}

.sidebar-label.claws_t-bold {
  font-weight: 700;
}

.sidebar-label.claws_t-bold.claws_pad-top-sm {
  padding-top: 1rem;
}

.related-post-tile {
  aspect-ratio: 3 / 2;
  background-color: var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621c0_60c330ff0a3914fa9b8c92d4b7e788eb_Pixel%20Marks%2025_white.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621bf_4b172daf23e44b50527ef07dce87e519_grid.svg");
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100%, auto;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 1.5rem 1.5rem 1.25rem;
  text-decoration: none;
  display: flex;
  container-type: inline-size;
}

.related-posts-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.schedule-demo {
  background-color: var(--_legacy---hyper--400\<deleted\|variable-2fcaeb28-ce88-667f-bf86-69ae0f5978d3\>);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621bf_4b172daf23e44b50527ef07dce87e519_grid.svg");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 500px;
}

.schedule-demo.ts {
  background-color: var(--_legacy---lycan--200-default\<deleted\|variable-46016cf4-50d2-e8c9-f421-9e0d3c853e88\>);
}

.schedule-demo-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
}

.infra-fat_wolf-container {
  position: relative;
}

.fat_wolf-point1 {
  background-color: #0000;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 30%;
  left: 25%;
}

.fat_wolf-point2 {
  background-color: #0000;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 28%;
  right: 25%;
}

.fat_wolf-top_text {
  padding: var(--qaw-claws_spacing---space--space-lg);
  background-color: var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  border: 2px solid #000;
  border-radius: 12px;
  display: inline-block;
}

.fat_wolf-bottom_text {
  padding: var(--qaw-claws_spacing---space--space-lg);
  float: right;
  background-color: var(--_legacy---hyper--70\<deleted\|variable-56520d97-d1e8-8b88-da98-59b6cfa2335f\>);
  border: 2px solid #000;
  border-radius: 12px;
  flex-flow: column;
  display: inline-flex;
}

.infra-centered-header {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 8rem;
  display: flex;
}

.infra-centered-header.remove-top_margin {
  margin-top: 0;
}

.fat_wolf-mobile {
  display: none;
}

.footer-col-heading {
  margin-bottom: 1rem;
  font-size: 14px;
  font-weight: 300;
}

.aeo-box {
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  border-radius: 1rem;
  height: fit-content;
  margin-bottom: 5rem;
  padding: 2rem;
  overflow: hidden;
}

.aeo-box.aeo-faq {
  background-color: var(--qaw-claws_🔒palette---tennis--50);
  margin-top: 8rem;
  margin-bottom: 0;
}

.aeo-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.key-takeaways_rich-text {
  clear: left;
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  margin-top: 1rem;
}

.key-takeaways_rich-text.sg_flex-col {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.key-takeaways_rich-text h1 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-md);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-md);
  font-variation-settings: "wdth" 75;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 6rem;
  margin-bottom: 3rem;
}

.key-takeaways_rich-text h2 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-sm);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-md);
  font-variation-settings: "wdth" 80;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 6rem;
  margin-bottom: 3rem;
}

.key-takeaways_rich-text h3 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-xs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-sm);
  font-variation-settings: "wdth" 90;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 6rem;
  margin-bottom: 3rem;
}

.key-takeaways_rich-text h4, .key-takeaways_rich-text h5 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-xxs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xs);
  font-variation-settings: "wdth" 100;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 6rem;
  margin-bottom: 3rem;
}

.key-takeaways_rich-text h6 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-xxs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xxs);
  font-variation-settings: "wdth" 100;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 6rem;
  margin-bottom: 3rem;
}

.key-takeaways_rich-text blockquote {
  border-left: .75rem solid var(--qaw-claws_🔒palette---hyper--70);
  margin-top: 1em;
  margin-bottom: 1em;
  padding: .5em 2.5rem;
}

.key-takeaways_rich-text a:hover {
  color: var(--qaw-claws---accent--accent-1);
}

.key-takeaways_rich-text ol {
  margin-top: 1em;
  margin-bottom: 1em;
  list-style-type: decimal;
}

.key-takeaways_rich-text ul {
  font-size: var(--qaw-claws_type---text-size--t-l2);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.key-takeaways_rich-text p {
  margin-bottom: 1em;
}

.key-takeaways_rich-text.aeo {
  border-top: 1px solid var(--qaw-claws_🔒palette---hyper--60);
  margin-bottom: 0;
  margin-left: 2rem;
  margin-right: 2rem;
  padding-top: 3rem;
}

.key-takeaways_rich-text.aeo li {
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.key-takeaways_rich-text li {
  padding-left: 0;
}

.faqs_rich-text {
  clear: left;
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
}

.faqs_rich-text.sg_flex-col {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.faqs_rich-text h1 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-md);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-md);
  font-variation-settings: "wdth" 75;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.faqs_rich-text h2 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-sm);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-md);
  font-variation-settings: "wdth" 80;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.faqs_rich-text h3 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-xs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-sm);
  font-variation-settings: "wdth" 90;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.faqs_rich-text h4, .faqs_rich-text h5 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-xxs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xs);
  font-variation-settings: "wdth" 100;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.faqs_rich-text h6 {
  font-family: var(--qaw-claws_fonts---font-family--display);
  font-size: var(--qaw-claws_type---heading-size--h-xxs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xxs);
  font-variation-settings: "wdth" 100;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.faqs_rich-text blockquote {
  border-left: .75rem solid var(--qaw-claws_🔒palette---hyper--70);
  margin-top: 1em;
  margin-bottom: 1em;
  padding: .5em 2.5rem;
}

.faqs_rich-text a:hover {
  color: var(--qaw-claws---accent--accent-1);
}

.faqs_rich-text ol {
  margin-top: 1em;
  margin-bottom: 1em;
  list-style-type: decimal;
}

.faqs_rich-text ul {
  font-size: var(--qaw-claws_type---text-size--t-l2);
  margin-top: 1em;
  margin-bottom: 1em;
}

.faqs_rich-text p {
  margin-bottom: 1em;
}

.faqs_rich-text.aeo {
  border-top: 1px solid var(--qaw-claws_🔒palette---hyper--60);
  margin-left: 2rem;
  margin-right: 2rem;
}

.faqs_rich-text.aeo li {
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.aeo-content {
  border-top: 1px solid var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  transform-origin: 50% 0;
  margin-left: 2rem;
  margin-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 0;
  overflow: hidden;
}

.aeo_schema {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.aeo-collapse {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: none;
}

.icon-embed-xsmall-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.icon-embed-custom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.social-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.icon-embed-xsmall-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.icon-embed-medium-2, .icon-embed-medium-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.aeo_chevron {
  aspect-ratio: 1;
  vertical-align: middle;
  object-fit: cover;
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.aeo_chevron:where(.w-variant-bfa7fe04-1db1-bbdf-06c6-d9ff91f86bce) {
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
}

.aeo_chevron:where(.w-variant-773ea799-4b8b-1cf1-4e0b-ec8d3fb60e94) {
  width: 6rem;
  min-width: 6rem;
  max-width: 6rem;
}

.aeo_chevron:where(.w-variant-fd15feb9-ce98-0fcd-4a24-21c34b317550) {
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
}

.aeo_chevron:where(.w-variant-252a4e08-28fb-f444-84af-610f0437d7b7) {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
}

.aeo_chevron:where(.w-variant-6200eb17-2e6d-6099-5540-96ad1b9cb0ea) {
  width: 1.5rem;
  min-width: 1.5rem;
  max-width: 1.5rem;
}

.aeo_chevron:where(.w-variant-78aa6e0e-7ac1-5af8-0bab-4394bea7295e) {
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
}

.aeo_chevron:where(.w-variant-c8f51504-b78c-ee69-2afe-e2dea34bc5e9) {
  width: 5rem;
  min-width: 5rem;
  max-width: 5rem;
}

.aeo_chevron._4rem {
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
}

.claws_glyph-2 {
  max-width: fit-content;
  height: 100%;
  display: block;
}

.claws_icon-2 {
  aspect-ratio: 1;
  vertical-align: middle;
  object-fit: cover;
  width: 2rem;
  min-width: 2rem;
  max-width: 2rem;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.claws_icon-2:where(.w-variant-bfa7fe04-1db1-bbdf-06c6-d9ff91f86bce) {
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
}

.claws_icon-2:where(.w-variant-773ea799-4b8b-1cf1-4e0b-ec8d3fb60e94) {
  width: 6rem;
  min-width: 6rem;
  max-width: 6rem;
}

.claws_icon-2:where(.w-variant-fd15feb9-ce98-0fcd-4a24-21c34b317550) {
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
}

.claws_icon-2:where(.w-variant-252a4e08-28fb-f444-84af-610f0437d7b7) {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
}

.claws_icon-2:where(.w-variant-6200eb17-2e6d-6099-5540-96ad1b9cb0ea) {
  width: 1.5rem;
  min-width: 1.5rem;
  max-width: 1.5rem;
}

.claws_icon-2:where(.w-variant-78aa6e0e-7ac1-5af8-0bab-4394bea7295e) {
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
}

.claws_icon-2:where(.w-variant-c8f51504-b78c-ee69-2afe-e2dea34bc5e9) {
  width: 5rem;
  min-width: 5rem;
  max-width: 5rem;
}

.claws_icon-2._4rem-3 {
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
}

.claws_glyph-3 {
  max-width: fit-content;
  height: 100%;
  display: block;
}

.code-embed-20 {
  border-radius: 16px;
  overflow: hidden;
}

.fs-consent_component {
  display: none;
}

.fs-consent_banner {
  z-index: 9999;
  border: .25rem solid var(--qaw-claws_🔒palette---hyper--70);
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  border-radius: 1.5rem;
  max-width: 40rem;
  padding: 2rem;
  display: block;
  position: fixed;
  inset: auto 2rem 2rem auto;
}

.fs-consent_banner_wrapper {
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.fs-consent_banner_paragraph {
  margin-bottom: 0;
}

.fs-consent_banner_buttons {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-right: .5rem;
  display: flex;
}

.fs-consent_prefs_buttons {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.fs-consent_allow.claws_form-btn.secondary-stretch {
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  color: var(--qaw-claws_color---neutral--neutral-b);
  text-align: center;
  flex: 1;
}

.fs-consent_prefs_popup {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  height: 100%;
  padding: 2rem 2rem 2.5rem;
  display: flex;
  overflow: scroll;
}

.fs-consent_prefs_header {
  border-bottom: 1px solid #0003;
  padding-bottom: 1.5rem;
}

.fs-consent_prefs_heading {
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws_color---neutral--neutral-b);
  font-size: 1.6rem;
}

.fs-consent_prefs_close {
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border-radius: 5rem;
  padding: .75rem;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: -1.25rem -1.25rem auto auto;
}

.fs-consent_prefs_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.fs-consent_prefs_form-block {
  z-index: 2;
  margin-bottom: 0;
  position: relative;
}

.fs-consent_decline.claws_form-btn.secondary {
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  color: var(--qaw-claws_color---neutral--neutral-b);
}

.fs-consent_decline.claws_form-btn.secondary-stretch {
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  color: var(--qaw-claws_color---neutral--neutral-b);
  text-align: center;
  flex: 1;
}

.fs-consent_prefs_wrapper_delete {
  z-index: 997;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 2rem;
  display: flex;
  position: fixed;
  inset: 0%;
}

.fs-consent_prefs_overlay {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-consent_prefs {
  z-index: 9997;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: fixed;
  inset: auto 2rem 2rem auto;
}

.fs-consent_prefs_close-icon {
  width: 2rem;
  line-height: 0;
}

.fs-consent_prefs_form {
  border: .25rem solid var(--qaw-claws_🔒palette---hyper--80);
  background-color: #fff;
  border-radius: 1.5rem;
  width: 100%;
  max-width: 40rem;
  height: 100%;
  position: relative;
}

.fs-consent_open-prefs {
  z-index: 9998;
  color: #333;
  -webkit-text-decoration: block;
  text-decoration: block;
  cursor: pointer;
  background-color: #ddd;
  display: none;
  position: fixed;
  inset: auto auto .75rem .75rem;
}

.fs-consent_open-prefs_wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem .75rem;
  display: flex;
}

.fs-consent_open-prefs_icon {
  width: 1.5rem;
  line-height: 0;
  display: flex;
}

.fs-consent_prefs_link {
  border-bottom: 1px solid #000;
}

.fs-consent_prefs_link.claws_link-block.claws_t-l3 {
  border-bottom-width: .2rem;
}

.fs-consent_prefs_option {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-bottom: 1px solid #0003;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-bottom: 1rem;
  display: flex;
}

.fs-consent_checkbox_field {
  justify-content: flex-start;
  align-items: center;
}

.fs-consent_checkbox_label {
  margin-bottom: 0;
  margin-right: .75rem;
}

.fs-consent_prefs_description {
  margin-bottom: 0;
}

.fs-marquee-service_list-wrapper {
  min-width: 0;
  min-height: 1rem;
  position: relative;
  overflow: clip;
}

.fs-marquee-service_gradient-top {
  background-image: linear-gradient(180deg, var(--qaw-claws_🔒palette---hyper--200-default), #fff0);
  pointer-events: none;
  width: 100%;
  height: 10rem;
  position: absolute;
  inset: 0% 0% auto;
}

.fs-marquee-service_instance {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  min-width: 0;
  height: 40rem;
  max-height: 100%;
  display: inline-flex;
  position: relative;
}

.fs-marquee-service_text {
  font-weight: 700;
}

.fs-marquee-service_list {
  transform-style: preserve-3d;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.fs-marquee-service_text-tiny {
  color: #707070;
  text-align: center;
  border: 1px #707070;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.fs-marquee-service_text-small {
  color: #707070;
  text-align: center;
  border: 1px #707070;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 1rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.fs-marquee-service_gradient-bottom {
  background-image: linear-gradient(180deg, #fff0, var(--qaw-claws_🔒palette---hyper--200-default));
  pointer-events: none;
  height: 10rem;
  position: absolute;
  inset: auto 0% 0%;
}

.fs-marquee-service_text-huge {
  color: #707070;
  text-align: center;
  border: 1px #707070;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 1rem;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.fs-marquee-service_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: block;
}

.fs-marquee-service_item {
  backface-visibility: hidden;
  width: auto;
  height: auto;
  min-height: 1rem;
  transition-property: transform opacity;
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_color---neutral--neutral-w);
  font-size: var(--qaw-claws_type---heading-size--h-sm);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-sm);
  font-variation-settings: "wdth" 80;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  display: flex;
  position: relative;
}

.fs-marquee-service_text-medium {
  color: #707070;
  text-align: center;
  border: 1px #707070;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 1rem;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.fs-marquee-service_text-larger {
  color: #707070;
  text-align: center;
  border: 1px #707070;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
  font-size: 4rem;
  font-weight: 700;
  line-height: .8;
  display: flex;
}

.bw-hero-wrapper {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  background-image: linear-gradient(#3b3bef 26%, #3b3bef00 69%), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621c7_grid-hyper.png");
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 900px;
  padding: 7rem 4rem 4rem;
  display: flex;
}

.bw-hero-copy {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bw-hero-copy.bw-desktop {
  text-align: center;
}

.bw-hero-copy.bw-mobile {
  display: none;
}

.bw-hero-copy.ts {
  text-align: center;
}

.bw-hero-cta_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: none;
}

.bw-hero-logo_wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bw-hero-logo_wrapper.is-hidden {
  display: none;
}

.bw-hero-logo {
  height: 80px;
  color: var(--qaw-claws_color---neutral--neutral-w);
  border: 1px solid #3b3bef00;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 24px 20%;
  transition: border-width .2s cubic-bezier(.455, .03, .515, .955), border-color .2s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: relative;
}

.bw-hero-logo.has-case_study {
  padding-left: 20%;
  padding-right: 20%;
}

.bw-hero-logo.has-case_study:hover {
  border-style: solid;
  border-color: var(--_legacy---hyper--100\<deleted\|variable-15549388-2e43-e2ac-bffe-7638a9731507\>);
}

.bw-hero-logo.has-case_study.less-padding {
  padding-left: 32px;
  padding-right: 32px;
}

.bw-prototype-container {
  background-color: var(--qaw-claws_🔒palette---basic--white);
  border-radius: 12px;
  min-height: 600px;
  position: relative;
  overflow: hidden;
}

.bw-section-product {
  margin-bottom: -200px;
  position: relative;
  bottom: 200px;
}

.bw-section-automation {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  margin-top: 16rem;
  margin-bottom: 16rem;
  display: flex;
}

.bw-h2_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.bw-h2_wrapper.center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.bw-split_card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 600px;
  display: grid;
  overflow: hidden;
}

.bw-split_card-graphic {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
}

.bw-split_card-graphic.runs {
  background-color: var(--qaw-claws_🔒palette---cyber--100);
}

.bw-split_card-graphic.runs.ts {
  border-radius: 12px;
  height: 500px;
}

.bw-split_card-content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--qaw-claws_🔒palette---basic--white);
  flex-flow: column;
  justify-content: space-between;
  padding: 6rem;
  display: flex;
  position: relative;
}

.effect-invert {
  filter: invert();
}

.bw-tabs {
  height: 600px;
}

.bw-tabs-menu {
  display: none;
}

.bw-tabs-content {
  width: 100%;
  height: 100%;
}

.bw-tabs-pane {
  width: 100%;
  height: 100%;
  padding: 8rem;
}

.bw-tabs-custom_menu {
  flex-flow: column;
  display: flex;
}

.bw-tabs-custom_tab {
  cursor: pointer;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  padding: 2rem 4rem;
  transition: background-color .2s;
  display: flex;
}

.bw-tabs-custom_tab:hover {
  background-color: var(--_legacy---hyper--50\<deleted\|variable-b7cc5db7-3bcd-42f5-9e6b-833f0f66568c\>);
}

.bw-tabs-custom_tab.is-active {
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
}

.bw-tabs-pane_placeholder {
  background-color: var(--qaw-claws_🔒palette---lycan--500-vivid);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.bw-tabs-custom_label {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---text-size--t-l2);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
}

.bw-tabs-custom_label.card_blog-index {
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1.5rem;
  line-height: 1.5;
  display: block;
}

.bw-tabs-custom_label.claws_t-bold {
  font-weight: 700;
}

.bw-tabs-custom_label.claws_t-bold.claws_pad-top-sm {
  padding-top: 1rem;
}

.bw-vprops-container {
  display: flex;
}

.bw-vprop {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1;
  padding: 2rem 4rem;
  display: flex;
}

.bw-vprop_divider {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  width: 2px;
}

.bw-section-runs {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  margin-top: 16rem;
  margin-bottom: 16rem;
  display: flex;
}

.bw-section-map {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  margin-top: 12rem;
  margin-bottom: 16rem;
  display: flex;
}

.bw-map-graphic_container {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  border-radius: 12px;
  padding: 2rem;
  position: relative;
  overflow: hidden;
}

.bw-vprop_header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.bw-vprop_header.manifesto {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--qaw-claws_color---hyper--hyper-1);
  justify-content: flex-start;
  align-items: center;
}

.lucide-svg {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lucide-svg.lucide-white {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.lucide-svg.play {
  border-radius: 1024px;
}

.lucide-svg._16 {
  width: 24px;
  height: 24px;
  padding-bottom: 3px;
}

.lucide-svg.bw-quote_arrow {
  display: inline-flex;
}

.bw-section-integrations {
  position: relative;
}

.bw-tabs-pane_graphic_wrapper {
  background-color: #0000;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.bw-tabs-pane_graphic_wrapper.web {
  padding: 4rem;
  position: relative;
}

.border_radius-8 {
  border-radius: 8px;
}

.bw-section-service {
  background-color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  margin-top: 8rem;
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
  overflow: hidden;
}

.bw-service-header {
  width: 50%;
}

.bw-service-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.bw-integrations {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.bw-prototype-custom_tabs_wrapper {
  border-bottom: 1px solid var(--qaw-claws_🔒palette---hyper--60);
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  display: flex;
}

.prototype-tab {
  font-family: var(--qaw-claws_fonts---font-family--text);
  font-size: var(--qaw-claws_type---text-size--t-l3);
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
  cursor: pointer;
  border-radius: 8px;
  padding: .5rem 1rem;
  transition: background-color .2s cubic-bezier(.455, .03, .515, .955);
}

.prototype-tab:hover {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
}

.prototype-tab.active {
  background-color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.prototype-tab_container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--qaw-claws_color---hyper--hyper-2);
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  overflow: hidden;
}

.bw-prototype-account_controls {
  justify-content: flex-end;
  align-items: center;
  width: 200px;
  display: flex;
}

.bw-prototype-account_user {
  background-color: var(--qaw-claws_🔒palette---hyper--70);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.bw-prototype-team_container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  display: flex;
}

.section-case_studies-slider {
  background-color: var(--_legacy---hyper--300\<deleted\|variable-b171b604-b5e5-10ec-42f7-914f38bb8496\>);
  padding-top: 12rem;
  padding-bottom: 12rem;
  overflow: hidden;
}

.section-case_studies-slider.page_service {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962268_c6dc9add49eccaa0e82fa8d35392b0d3_grid_1440.png");
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  display: flex;
}

.fs-slider-customers_placeholder {
  color: #707070;
  text-align: center;
  border: 1px dashed #707070;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 20rem;
  padding: 1rem;
  display: flex;
}

.fs-slider-customers_list {
  height: auto;
  transform-style: preserve-3d;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  display: flex;
}

.fs-slider-customers_button {
  border: 1px solid var(--qaw-claws_color---neutral--neutral-w);
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  color: var(--qaw-claws_color---neutral--neutral-b);
  border-radius: 4rem;
  padding: 1rem 2rem;
  transition: color .1s, border-width .1s, border-color .1s;
}

.fs-slider-customers_button:hover {
  border: 1px solid var(--qaw-claws_color---hyper--hyper-1);
  color: var(--qaw-claws_color---hyper--hyper-1);
}

.fs-slider-customers_instance {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  max-height: 100%;
  padding-left: 12rem;
  padding-right: 12rem;
  display: flex;
  position: relative;
}

.fs-slider-customers_pagination {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.fs-slider-customers_navigation {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
  display: flex;
  position: relative;
}

.fs-slider-customers_list-wrapper {
  perspective: 1200px;
  flex: 1;
  position: relative;
  overflow: visible;
}

.fs-slider-customers_scrollbar {
  touch-action: none;
  background-color: #f5f5f5;
}

.fs-slider-customers_scrollbar_drag {
  background-color: #000;
  width: 20%;
  height: 1rem;
}

.fs-slider-customers_pagination_bullet {
  background-color: var(--qaw-claws_🔒palette---hyper--400);
  border-radius: 4px;
  width: 3rem;
  height: 1rem;
  padding: 0;
  transition: background-color .2s;
  display: inline-block;
}

.fs-slider-customers_pagination_bullet.is-bullet-active {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  display: inline-block;
}

.fs-slider-customer-thumb {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621c7_grid-hyper.png");
  background-position: 50%;
  background-size: cover;
}

.claws_char_count {
  width: 100%;
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: #000;
  text-align: right;
  margin-top: 4px;
  margin-bottom: .5rem;
  margin-left: .75rem;
  padding-right: 2rem;
  font-size: 1.5rem;
  font-weight: 400;
}

.claws_char_count.white {
  color: #fff;
}

.fs-consent_component-2 {
  display: block;
}

.fs-consent_banner-2 {
  z-index: 9999;
  background-color: #f5f5f5;
  max-width: 45rem;
  padding: 2rem;
  display: block;
  position: fixed;
  inset: auto 0% 0% auto;
}

.fs-consent_prefs_wrapper-2 {
  z-index: 997;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 2rem;
  display: flex;
  position: fixed;
  inset: 0%;
}

.fs-consent_prefs-2 {
  z-index: 9997;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-consent_prefs_wrapper {
  width: 100%;
}

.consent-btn-pair {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  align-items: center;
  display: flex;
}

.consent-btn-pair.stretch {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.bw-video-container {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.bw-video-container.iphone {
  width: 220px;
}

.bw-video-container.android {
  width: 300px;
}

.bw-video-container.bw-android {
  width: 257px;
}

.bw-automation-tabs_menu {
  margin-bottom: var(--qaw-claws_spacing---space--space-md);
  background-color: var(--qaw-claws_🔒palette---hyper--100);
  border-radius: 1024px;
  display: inline-flex;
}

.bw-automation-tab_link {
  grid-column-gap: var(--qaw-claws_spacing---space--space-xs);
  grid-row-gap: var(--qaw-claws_spacing---space--space-xs);
  font-family: var(--qaw-claws_fonts---font-family--code);
  color: var(--qaw-claws_🔒palette---basic--white);
  font-size: var(--qaw-claws_type---text-size--t-l2);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  background-color: #0000;
  border-radius: 1024px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 3rem;
  padding-right: 4rem;
  font-weight: 300;
  transition: color .2s cubic-bezier(.455, .03, .515, .955), background-color .2s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.bw-automation-tab_link:hover {
  background-color: var(--qaw-claws_🔒palette---hyper--90);
}

.bw-automation-tab_link.w--current {
  background-color: var(--qaw-claws_🔒palette---basic--white);
  pointer-events: none;
  font-family: var(--qaw-claws_fonts---font-family--code);
  color: var(--qaw-claws_color---neutral--neutral-b);
  font-size: var(--qaw-claws_type---text-size--t-l2);
}

.bw-automation-tabs_content {
  background-color: #0000;
  background-image: linear-gradient(270deg, white, var(--qaw-claws_🔒palette---hyper--60) 30%, var(--qaw-claws_🔒palette---hyper--60) 65%);
  border-radius: 12px;
  min-height: 600px;
}

.bw-automation-tab_pane {
  overflow: hidden;
}

.bw-section-g2 {
  background-color: var(--qaw-claws_🔒palette---hyper--300);
  justify-content: center;
  align-items: center;
  min-height: 200px;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
}

.bw-badge-container {
  grid-column-gap: var(--qaw-claws_spacing---space--space-md);
  grid-row-gap: var(--qaw-claws_spacing---space--space-md);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bw-badge {
  width: 128px;
}

.orchestration-wrapper {
  width: 100%;
  height: 100%;
  padding: var(--qaw-claws_spacing---space--space-lg);
}

.tippy-tooltips-hero {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: none;
}

.tippy-tooltips-hero.wolf {
  text-align: left;
}

.bw-hero-logo_dot {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  border-radius: 1024px;
  width: 8px;
  height: 8px;
  position: relative;
  bottom: 16px;
  left: 4px;
}

.bw-mobile-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.bw-automation-logo_wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  transition: color .1s cubic-bezier(.25, .46, .45, .94);
  display: inline-flex;
}

.bw-automation-logo {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.bw-hero-form {
  justify-content: center;
  align-items: center;
  width: 600px;
  display: flex;
}

.bw-prototype-tab_wrapper {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
}

.fs-slider-customer-s_placeholder {
  color: #707070;
  text-align: center;
  border: 1px dashed #707070;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 20rem;
  padding: 1rem;
  display: flex;
}

.fs-slider-customer-s_list {
  height: auto;
  transform-style: preserve-3d;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  display: flex;
}

.fs-slider-customer-s_button {
  color: #fff;
  background-color: #3898ec;
  padding: 1rem 2rem;
}

.fs-slider-customer-s_instance {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.fs-slider-customer-s_pagination {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-left: 8rem;
  padding-right: 8rem;
  display: none;
  position: relative;
}

.fs-slider-customer-s_navigation {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f5f5f5;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
}

.fs-slider-customer-s_list-wrapper {
  perspective: 1200px;
  flex: 1;
  position: relative;
  overflow: clip;
}

.fs-slider-customer-s_scrollbar {
  touch-action: none;
  background-color: #f5f5f5;
}

.fs-slider-customer-s_scrollbar_drag {
  background-color: #000;
  width: 20%;
  height: 1rem;
}

.fs-slider-customer-s_pagination_bullet {
  background-color: #ddd;
  width: 1rem;
  height: 1rem;
  padding: 0;
  display: inline-block;
}

.fs-slider-customer-s_pagination_bullet.is-bullet-active {
  background-color: #000;
  display: inline-block;
}

.customer_slide-thumb_wrap {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  width: 40%;
  height: auto;
  min-height: 250px;
  color: var(--qaw-claws_color---hyper--hyper-1);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962221_wordwatch.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.customer_slide-thumb_wrap.scope3 {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962214_scope%203.png");
}

.customer_slide-thumb_wrap.thirty-madison {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962212_thirty%20madison.png");
  background-position: 50% 100%;
}

.customer_slide-thumb_wrap.usertesting {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962222_usertesting.png");
}

.customer_slide-thumb_wrap.salesloft {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962223_salesloft.jpg");
}

.customer_slide-thumb_wrap.lifesum {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962224_lifesum.jpg");
}

.customer_slide-thumb_wrap.drata {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962227_drata.jpg");
}

.customer_slide-thumb_wrap.metronome {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962228_metronome.jpg");
}

.fs-slider-customer_logo {
  width: 128px;
  height: 32px;
}

.customer_slide-details_wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  width: 60%;
  display: flex;
}

.fs-slider-name_container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.customer_slide-arrow {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.bw-section-manifesto {
  margin-top: 8rem;
  margin-bottom: 8rem;
  position: relative;
}

.bw-manifesto-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: sticky;
}

.bw-manifesto-header_container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: sticky;
  top: 8rem;
}

.bw-manifesto-header_container.sdlc {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-items: flex-start;
}

.bw-manifesto-t {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---base--base-1);
  font-size: 6rem;
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
}

.bw-manifesto-t.claws_color-neutral-w {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.bw-manifesto-t.claws_color-neutral-w.platform {
  font-weight: 300;
}

.bw-manifesto-t.claws_color-hyper70 {
  color: var(--qaw-claws_color---hyper--hyper-3);
}

.bw-manifesto-t.claws_color-hyper70.product {
  text-align: center;
}

.bw-manifesto-t.platform {
  font-size: 2rem;
}

.bw-manifesto-t.top-text {
  text-align: center;
  color: inherit;
}

.bw-manifesto-t.infra {
  max-width: 600px;
}

.bw-manifesto-t.claws_t-bold {
  font-weight: 600;
}

.bw-manifesto-t.post-it {
  font-size: 4rem;
  line-height: 1.4;
}

.bw-manifesto-link {
  text-underline-offset: 8px;
  -webkit-text-decoration-color: var(--qaw-claws_color---hyper--hyper-4);
  text-decoration-color: var(--qaw-claws_color---hyper--hyper-4);
  text-decoration-style: dotted;
  transition: text-decoration-color .1s cubic-bezier(.455, .03, .515, .955), color .1s cubic-bezier(.455, .03, .515, .955);
}

.bw-manifesto-link:hover {
  color: var(--qaw-claws_color---hyper--hyper-1);
  -webkit-text-decoration-color: var(--qaw-claws_color---hyper--hyper-1);
  text-decoration-color: var(--qaw-claws_color---hyper--hyper-1);
}

.bw-sdlc-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.bw-integrations-graphic_container {
  grid-column-gap: 12rem;
  grid-row-gap: 8rem;
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  border-radius: 12px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 8rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.bw-sdlc_block-a {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--qaw-claws_🔒palette---basic--white);
  box-shadow: 4px 4px 0 0 var(--qaw-claws_🔒palette---hyper--70);
  text-align: center;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.bw-sdlc_block-a.bugs {
  position: relative;
}

.bw-sdlc_block-a.merge {
  padding: 2rem;
}

.bw-sdlc_block-b {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
  box-shadow: 4px 4px 0 0 var(--qaw-claws_🔒palette---hyper--70);
  color: var(--qaw-claws_🔒palette---basic--white);
  text-align: center;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.bw-mini_grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--qaw-claws_🔒palette---cyber--100);
  border-radius: 8px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 150px;
  padding: 2rem;
  display: grid;
}

.bw-sdlc_block-bug {
  justify-content: center;
  align-items: center;
  display: none;
}

.bw-bug_container {
  background-color: var(--qaw-claws_🔒palette---pepto--100);
  border-radius: 1024px;
  padding: 4rem;
}

.bw-sdlc-bug-bottom {
  display: none;
  position: absolute;
  top: 113.797px;
}

.bw-sdlc-bug-left {
  display: none;
  position: absolute;
  top: 47px;
  left: -11px;
}

.bw-mini_grid-square {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  border-radius: 2px;
  width: 100%;
  height: 100%;
}

.bw-mini_grid-square.selected {
  background-color: var(--qaw-claws_🔒palette---basic--white);
}

.bw-mini_grid-square.completed {
  background-color: var(--qaw-claws_🔒palette---cyber--300);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962096_check-opacity50.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.bw-mini_grid-square.bugged {
  background-color: var(--qaw-claws_🔒palette---pepto--100);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962254_digital-bug.svg");
  background-position: 50%;
  background-repeat: no-repeat;
}

.bw-mini_grid-square.retrying {
  background-color: var(--qaw-claws_🔒palette---tennis--200-default);
}

.wolf_running-gif {
  margin-right: 35%;
}

.mini_grid-label {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mini_grid-label.centered {
  justify-content: center;
  align-items: center;
}

.sdlc_block-progress_bar {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  border-radius: 1024px;
  width: 100%;
  height: 1rem;
  margin-top: 2rem;
  margin-bottom: 0;
}

.bw-sdlc_block-ide {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--qaw-claws_🔒palette---basic--white);
  box-shadow: 4px 4px 0 0 var(--qaw-claws_🔒palette---hyper--70);
  text-align: center;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
  overflow: hidden;
}

.bw-sdlc_block-ide.bugs {
  position: relative;
}

.bw-ide-header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--qaw-claws_🔒palette---lycan--200-default);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 24px;
  padding: 1rem;
  display: flex;
}

.ide-window_controls {
  background-color: var(--_legacy---basics--white\<deleted\|variable-3d65c31a-650d-d2e1-4827-13601e975c0f\>);
  border-radius: 1024px;
  width: 8px;
  height: 8px;
}

.bw-ide-body {
  background-color: var(--qaw-claws_🔒palette---lycan--200-default);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
  height: 150px;
  padding: 1.5rem;
  overflow: hidden;
}

.bw-ide-app {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.bw-ide-left_panel {
  background-color: var(--_legacy---lycan--100\<deleted\|variable-86b33a52-9e97-45fe-97e7-a44d9cbf023b\>);
  height: 120px;
  color: var(--qaw-claws_🔒palette---basic--white);
  text-align: left;
  border-radius: 8px;
  padding: 1rem;
  font-family: GT Flexa Mono, Arial, sans-serif;
  font-size: 4px;
  overflow: hidden;
}

.bw-ide-right_panel {
  color: var(--qaw-claws_🔒palette---cyber--100);
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  font-family: GT Flexa Mono, Arial, sans-serif;
  font-size: 8px;
  display: flex;
}

.text-block-123 {
  color: var(--qaw-claws_🔒palette---cyber--100);
}

.bw-ide-explainer {
  background-color: var(--qaw-claws_🔒palette---basic--white);
  width: 100%;
  color: var(--qaw-claws_🔒palette---basic--black);
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 1rem 2rem;
  display: flex;
  overflow: hidden;
}

.bw-header-center {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-bottom: 4rem;
  display: flex;
}

.bw-header-center.ts {
  padding-bottom: 0;
}

.bw-merge-wrapper {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  border-radius: 8px;
  width: 100%;
  height: 150px;
}

.bw-hammering_agent {
  height: 100px;
}

.bw-hammering_agent-container {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.bug_counter-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--qaw-claws_🔒palette---pepto--100);
  width: 80px;
  color: var(--qaw-claws_color---neutral--neutral-b);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 1rem 2rem;
  font-family: GT Flexa Mono, Arial, sans-serif;
  font-size: 24px;
  display: flex;
  position: absolute;
  left: 11%;
  transform: rotate(-6deg);
}

.bw-bug_counter {
  background-color: var(--qaw-claws_🔒palette---lycan--100);
  width: 100%;
  height: 100%;
  color: var(--qaw-claws_🔒palette---basic--white);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 2rem .5rem;
  font-size: 18px;
  font-weight: 200;
  display: flex;
}

.bug_counter-wrapper2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--qaw-claws_🔒palette---cyber--100);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  padding: 1rem 1rem 2rem;
  font-family: GT Flexa Mono, Arial, sans-serif;
  font-size: 24px;
  display: flex;
  position: absolute;
  left: auto;
  right: 10%;
  transform: rotate(6deg);
}

.bw-release-container {
  background-color: var(--qaw-claws_🔒palette---tennis--100);
  border-radius: 1024px;
  padding: 2rem;
}

.bw-foreman_wolf {
  cursor: pointer;
  width: 220px;
  transition: bottom .2s cubic-bezier(.455, .03, .515, .955);
  position: absolute;
  bottom: -17px;
  left: auto;
  right: 40px;
}

.bw-foreman_wolf:hover {
  bottom: -21px;
}

.bw-foreman_wolf.ducked {
  bottom: -40px;
}

.bw-wolf-spring {
  position: absolute;
  inset: auto -5% 15% auto;
}

.bw-tooltip-thumb {
  border-radius: 8px;
  width: 100%;
}

.bw-tooltip-thumb-wrapper {
  border-radius: 8px;
  width: 96px;
  position: relative;
  overflow: hidden;
}

.tooltip-thumb-play {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  color: var(--qaw-claws_color---neutral--neutral-b);
  font-family: Inter, sans-serif;
  font-size: var(--qaw-claws_type---text-size--t-l3);
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
  border-radius: 1024px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  transition: background-color .2s cubic-bezier(.455, .03, .515, .955);
  display: inline-flex;
  position: absolute;
  inset: auto 8px 8px auto;
}

.bw-wolf-multitasker {
  z-index: 1;
  position: absolute;
  inset: auto auto 3% 2%;
}

.bw-automation-tabs-container {
  position: relative;
  overflow: hidden;
}

.tippy-tooltips-hero-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.tippy-tooltips-hr {
  background-color: var(--_legacy---lycan--50\<deleted\|variable-609c0527-14ee-13e0-2a8c-145c4b2b1bfd\>);
  height: 1px;
  margin-top: 2rem;
  margin-bottom: .5rem;
  display: none;
}

.bw-hero-header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bw-tooltip-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.tippy-max_width {
  max-width: 200px;
}

.pop-in-wolf, .pop-in-wolf-2 {
  display: none;
  position: absolute;
  inset: 0% auto auto -500%;
}

.bw-hero-logo_wrapper-mobile {
  display: none;
}

.bw-svg-scalable {
  width: 100%;
}

.bw-svg-scalable.smaller {
  width: 80%;
}

.wrap-balance {
  text-wrap-style: balance;
}

.email-g2-combo {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.email-g2-combo.footer_email {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.g2-strip {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--qaw-claws_🔒palette---hyper--70);
  flex-flow: row;
  align-self: auto;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.g2-badge-star-lockup {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.g2-badge-star-lockup.footer_email {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.g2-label {
  letter-spacing: -.05rem;
  font-family: GT Flexa Mono, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 300;
}

.g2-label.why-qa-wolf {
  color: var(--white\<deleted\|variable-048857a3\>);
}

.g2-label.footer_email {
  letter-spacing: -.4px;
  font-size: 14px;
}

.g2-star-set {
  letter-spacing: .2rem;
  font-size: 1.6rem;
}

.g2-star-set.why-qa-wolf {
  color: #ffd400;
}

.g2-star-set.footer_email {
  letter-spacing: 2px;
  font-size: 12.8px;
}

.page-section {
  min-height: 50vh;
  padding-top: 8rem;
  padding-bottom: 8rem;
  overflow: visible;
}

.page-section.quality-all-the-way-down {
  background-color: var(--qaw-claws_🔒palette---hyper--300);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962268_c6dc9add49eccaa0e82fa8d35392b0d3_grid_1440.png");
  background-position: 0 0;
  background-size: auto;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.page-section.end-all-be-all {
  background-color: var(--qaw-claws_🔒palette---hyper--400);
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.anchors-wrap {
  z-index: 10;
  flex-flow: column;
  align-items: center;
  display: flex;
  position: sticky;
  top: 3rem;
}

.service-anchors {
  background-color: var(--qaw-claws_🔒palette---hyper--100);
  border-radius: 4rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 4px #0000001a;
}

.anchor-btn {
  grid-column-gap: var(--qaw-claws_spacing---space--space-xs);
  grid-row-gap: var(--qaw-claws_spacing---space--space-xs);
  font-family: var(--qaw-claws_fonts---font-family--code);
  color: var(--qaw-claws_🔒palette---basic--white);
  font-size: var(--qaw-claws_type---text-size--t-l2);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  background-color: #0000;
  border-radius: 4rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 1rem 5rem;
  font-weight: 300;
  text-decoration: none;
  transition: color .2s cubic-bezier(.455, .03, .515, .955), all .2s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: relative;
}

.anchor-btn:hover {
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
}

.anchor-btn.w--current {
  background-color: var(--qaw-claws_🔒palette---basic--white);
  pointer-events: none;
  font-family: var(--qaw-claws_fonts---font-family--code);
  color: var(--qaw-claws_color---neutral--neutral-b);
  font-size: var(--qaw-claws_type---text-size--t-l2);
}

.anchor-btn.current {
  z-index: 1;
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  color: var(--qaw-claws_color---neutral--neutral-b);
}

.anchor-section {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 12rem;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
}

.anchor-section.section-special {
  justify-content: flex-start;
  align-items: center;
}

.service-text-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 40rem;
  display: flex;
}

.service-text-wrap.alt-width {
  width: 34%;
  min-width: 36rem;
  max-width: 40rem;
}

.service-stickie-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: relative;
}

.service-stickie {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--qaw-claws_color---tennis--tennis-4);
  background-color: var(--_legacy---tennis--50\<deleted\|variable-2d714816-5ad6-3eaa-1141-0afb0ea9ab0b\>);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 48%;
  min-width: 30rem;
  max-width: 60rem;
  height: 35rem;
  padding: 8rem 5rem;
  display: flex;
  position: relative;
  box-shadow: 2px 4px #0000001a;
}

.service-stickie.post-1 {
  transform: rotate(-1.5deg);
}

.service-stickie.post-2 {
  transform: rotate(3deg);
}

.service-stickie.post-3 {
  top: -6rem;
  transform: rotate(-1deg);
}

.service-tabs {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962268_c6dc9add49eccaa0e82fa8d35392b0d3_grid_1440.png");
  background-position: 0 0;
  background-size: auto;
  border-radius: 1rem;
  flex: 1;
  max-width: 100rem;
  overflow: hidden;
  box-shadow: .5rem .5rem #0000001a;
}

.service-tabs-content {
  aspect-ratio: 5 / 3;
}

.service-tabs-menu {
  background-color: var(--qaw-claws_🔒palette---basic--white);
  border-radius: 1rem;
  justify-content: space-between;
  height: 17rem;
  display: flex;
}

.service-tab-pane {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.service-tab-button {
  background-color: var(--qaw-claws_🔒palette---basic--white);
  box-shadow: inset -2px 0 0 0 var(--_legacy---hyper--50\<deleted\|variable-b7cc5db7-3bcd-42f5-9e6b-833f0f66568c\>);
  flex-flow: column;
  flex: 0 0 33.3%;
  justify-content: space-between;
  align-items: center;
  padding: .5rem;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.785, .135, .15, .86);
  display: flex;
  container-type: inline-size;
}

.service-tab-button:hover {
  background-color: #edf1ff;
}

.service-tab-button.w--current {
  background-color: var(--qaw-claws_🔒palette---hyper--100);
  border-radius: 1rem;
}

.tab-timer {
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
  border-radius: 1rem;
  width: 100%;
  height: .5rem;
  display: none;
  overflow: hidden;
}

.tab-progress {
  background-color: var(--qaw-claws_🔒palette---hyper--80);
  width: 0%;
  height: 100%;
}

.tab-text {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 1rem;
  display: flex;
}

.heading-lockup {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--qaw-claws_color---neutral--neutral-w);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bw-manifesto-center-container {
  padding: 4rem 16rem;
  display: flex;
  overflow: hidden;
}

.bw-manifesto-center {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.font-underline {
  text-decoration: underline;
  text-decoration-thickness: 3px;
}

.bw-wolfrun {
  opacity: .5;
  width: 72px;
  position: absolute;
}

.bw-hero_wolf-foreman {
  pointer-events: none;
  position: absolute;
  top: -110px;
  left: 5%;
}

.div-block-43 {
  position: relative;
}

.bw-hero_wolf-mapper {
  pointer-events: none;
  position: absolute;
  top: -121px;
  right: 5%;
}

.bw-hero_wolf-orchestrator {
  pointer-events: none;
  position: absolute;
  top: -129px;
  right: 50%;
}

.bw-hero_wolf-thumbs {
  pointer-events: none;
  position: absolute;
  top: -133px;
  right: 25%;
}

.beach-sand {
  justify-content: flex-end;
  align-items: flex-end;
  width: 80%;
  display: flex;
  position: absolute;
  inset: auto 0% -1% auto;
}

.beach-sand_gradient {
  background-image: linear-gradient(90deg, #3b3bef 50%, #3b3bef00);
  width: 70%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.beach-wolf {
  z-index: 1;
  width: 500px;
  position: absolute;
  bottom: 0%;
  right: 5%;
}

.beach-tree {
  position: absolute;
  inset: auto -10% 12% auto;
}

.bw-service-explainer {
  max-width: 40vw;
}

.tab-notch {
  opacity: 0;
  position: absolute;
  top: 0;
}

.globe-wrap {
  aspect-ratio: 3.5;
  width: 100%;
  margin-top: 12rem;
  margin-bottom: 6rem;
  position: relative;
  container-type: size;
}

.trio-wrap {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.trio-feature {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-right: 1px solid var(--qaw-claws_🔒palette---hyper--100);
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  margin-right: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 2.5rem;
  text-decoration: none;
  display: flex;
}

.trio-feature.last {
  border-right-style: none;
  margin-right: 0;
}

.feature-icon {
  flex: 0 auto;
}

.feature-text {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.pseudo-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  width: fit-content;
  margin-top: .75rem;
  display: flex;
}

.claws_underline {
  text-decoration: underline;
}

.claws_icon-3 {
  aspect-ratio: 1;
  vertical-align: middle;
  object-fit: cover;
  width: 2rem;
  min-width: 2rem;
  max-width: 2rem;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.claws_icon-3:where(.w-variant-bfa7fe04-1db1-bbdf-06c6-d9ff91f86bce) {
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
}

.claws_icon-3:where(.w-variant-773ea799-4b8b-1cf1-4e0b-ec8d3fb60e94) {
  width: 6rem;
  min-width: 6rem;
  max-width: 6rem;
}

.claws_icon-3:where(.w-variant-fd15feb9-ce98-0fcd-4a24-21c34b317550) {
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
}

.claws_icon-3:where(.w-variant-252a4e08-28fb-f444-84af-610f0437d7b7) {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
}

.claws_icon-3:where(.w-variant-6200eb17-2e6d-6099-5540-96ad1b9cb0ea) {
  width: 1.5rem;
  min-width: 1.5rem;
  max-width: 1.5rem;
}

.claws_icon-3:where(.w-variant-78aa6e0e-7ac1-5af8-0bab-4394bea7295e) {
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
}

.claws_icon-3:where(.w-variant-c8f51504-b78c-ee69-2afe-e2dea34bc5e9) {
  width: 5rem;
  min-width: 5rem;
  max-width: 5rem;
}

.claws_icon-3:where(.w-variant-831253af-6f23-0295-217c-1e3ac62705dd) {
  width: 1rem;
  min-width: 1rem;
  max-width: 1rem;
}

.claws_icon-3._5rem {
  width: 5rem;
  min-width: 5rem;
  max-width: 5rem;
}

.claws_glyph-4 {
  aspect-ratio: 1;
  object-fit: cover;
  max-width: fit-content;
  height: 100%;
  display: block;
}

.globe {
  aspect-ratio: 1;
  border-radius: 50%;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: 0 -1rem 4rem #353570, 0 0 0 2px #7c7cc4;
}

.profiles-container {
  width: 82%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0;
}

.profiles-group {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: visible;
}

.profiles-group.seta.claws_disp-none, .profiles-group.setb, .profiles-group.setc {
  display: none;
}

.profile {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  align-items: center;
  margin-right: -7rem;
  display: flex;
  position: relative;
}

.profile._1a {
  top: 12cqh;
}

.profile._1b {
  bottom: 45cqh;
}

.profile._1c {
  right: 2%;
}

.profile._2a {
  bottom: 20cqh;
  left: 3%;
}

.profile._2b {
  bottom: -25cqh;
}

.profile._2c {
  bottom: 32cqh;
  right: 10%;
}

.profile._3a {
  bottom: 0;
  left: 3%;
}

.profile._3b {
  bottom: 34cqh;
  left: 6%;
}

.profile._3c {
  top: 25cqh;
  right: -3%;
}

.profile-card {
  z-index: 10;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border: 2px solid var(--qaw-claws_🔒palette---hyper--60);
  background-color: #d7d7fc;
  border-radius: 1.5rem;
  width: 39rem;
  height: 11rem;
  padding: .9rem;
  display: flex;
  position: relative;
  box-shadow: .5rem .5rem #a8a8e5;
}

.profile-pin {
  background-color: var(--qaw-claws_🔒palette---cyber--500-vivid);
  width: 1.5rem;
  height: 1.5rem;
  box-shadow: 0rem .5rem 1.5rem 1rem var(--qaw-claws_🔒palette---lycan--50);
  border-radius: 50%;
}

.profile-card-pic {
  aspect-ratio: 1;
  background-color: var(--qaw-claws_🔒palette---hyper--400);
  border-radius: 1rem;
  overflow: hidden;
}

.profile-bio {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.globe-container {
  width: 100%;
  height: 100%;
  padding: 1rem;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 0% 70%, #0000 100%);
  mask-image: linear-gradient(#000 0% 70%, #0000 100%);
}

.bw-prototype-pane {
  background-color: var(--qaw-claws_🔒palette---basic--white);
}

.fs-bw-tabs_instance {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-bw-tabs_tab-list {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.fs-bw-tabs_tab-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--qaw-claws_🔒palette---basic--white);
  cursor: pointer;
  border-radius: 12px;
  flex-direction: column;
  flex: auto;
  align-items: center;
  width: 150px;
  padding: 1rem 2rem 2rem;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.fs-bw-tabs_tab-item.is-tab-active {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--qaw-claws_🔒palette---hyper--50);
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws_🔒palette---hyper--200-default);
  border-radius: 12px;
  padding: 1rem 2rem 2rem;
}

.fs-bw-tabs_tab-title {
  font-family: var(--qaw-claws_fonts---font-family--text);
  font-size: 1.75rem;
}

.fs-bw-tabs_content-item {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.fs-bw-tabs_content-item.is-content-active {
  background-color: var(--_legacy---basics--white\<deleted\|variable-3d65c31a-650d-d2e1-4827-13601e975c0f\>);
  transition: all .6s;
}

.fs-bw-tabs_content-text {
  font-size: 1rem;
}

.fs-bw-tabs_progress-bar {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  width: 100%;
  height: 4px;
  position: relative;
  overflow: hidden;
}

.fs-bw-tabs_progress-fill {
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
  transform-origin: 0;
  border-radius: 128px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.fs-bw-prototype-nav {
  border-bottom: 1px solid var(--qaw-claws_🔒palette---hyper--60);
  background-color: var(--qaw-claws_🔒palette---basic--white);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem 2rem;
  display: flex;
}

.bw-mapping_video-container {
  border-radius: 8px;
  display: block;
  overflow: hidden;
}

.android-bg-updated-parent.android-bg-updated {
  background-image: linear-gradient(180deg, #0c0c2900 37%, #0c0c299e), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e50_android%20logo%2045.svg"), linear-gradient(to bottom, var(--blue-5\<deleted\|variable-9774f60e\>), var(--blue-5\<deleted\|variable-9774f60e\>));
  background-position: 0 0, 0%, 0 0;
  background-size: auto, auto, auto;
}

.top-text-summary-parent.top-text-summary {
  color: inherit;
}

.split-button-gradient-parent.split-button-gradient {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 4px solid var(--_legacy---lycan--50\<deleted\|variable-609c0527-14ee-13e0-2a8c-145c4b2b1bfd\>);
  border-radius: 2rem;
}

.android-parent.android {
  background-image: linear-gradient(180deg, #151b2600, #0c0c29), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e50_android%20logo%2045.svg"), linear-gradient(to bottom, var(--blue-5\<deleted\|variable-9774f60e\>), var(--blue-5\<deleted\|variable-9774f60e\>));
  background-position: 0 0, 50%, 0 0;
  background-size: auto, auto, auto;
}

.full-parent.full {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.split-input-gradient-parent.split-input-gradient {
  border-style: none;
  border-radius: 1rem 0 0 1rem;
  margin-right: 0;
}

.home-hero-blurb-parent.home-hero-blurb {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.is-pink-parent.is-pink {
  border-style: none;
  border-right-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-bottom-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  border-left-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--blue-5\<deleted\|variable-9774f60e\>);
  font-weight: 600;
}

.split-btn-pink-gradient-parent.split-btn-pink-gradient {
  letter-spacing: 0;
  text-transform: none;
  background-image: linear-gradient(6deg, #1616c2, #6b5dee 23%, #9c7fed 49%, #c89eed 72%, #f4bdec);
  border-style: none;
  border-radius: 0 1rem 1rem 0;
  height: 3.25em;
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: 500;
  line-height: 1;
  display: block;
}

.split-btn-pink-gradient-parent.split-btn-pink-gradient.solutions-android {
  background-color: var(--teal-4\<deleted\|variable-789a7075\>);
  color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
  font-weight: 600;
}

.task-wolf-parent.task-wolf {
  background-image: linear-gradient(180deg, var(--blue-5\<deleted\|variable-9774f60e\>), var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>));
  padding-top: 2rem;
  padding-bottom: 0;
}

.service-benefits {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  flex-flow: column;
  max-width: 140rem;
  margin: 8rem auto 10rem;
  display: flex;
}

.benefits-table {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  box-shadow: .5rem .5rem 0rem 0 var(--_legacy---pepto--300\<deleted\|variable-b8570357-1220-ee73-f930-8105a4c8c01a\>);
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  overflow: hidden;
}

.benefits-table.mobile {
  display: none;
}

.table-row {
  border-top: 1px solid var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.table-row.head {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  border-top-style: none;
}

.table-cell {
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  display: flex;
}

.table-cell.title {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.table-cell.benefit {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.table-cell.logo {
  padding: 3rem 6rem;
}

.table-icon-wrap {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  color: var(--qaw-claws_🔒palette---hyper--100);
  border-radius: 1rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.table-icon-wrap.x {
  background-color: var(--qaw-claws_🔒palette---pepto--100);
  color: var(--qaw-claws_🔒palette---pepto--400);
}

.table-icon-wrap.warning {
  color: #a77321;
  background-color: #f5df9d;
}

.table-icon-wrap.check {
  background-color: var(--qaw-claws_🔒palette---cyber--100);
  color: var(--qaw-claws_color---cyber--cyber-4);
}

.image-23 {
  align-self: center;
}

.benefits-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.benefits-list-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.benefits-list-item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.benefits-list-label {
  max-width: var(--qaw-claws_type---char-limit--h-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_🔒palette---basic--white);
  font-variation-settings: "wdth" 100;
  font-size: 2.25rem;
  line-height: 1.25;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
}

.benefits-list-label.aux {
  max-width: 100%;
  color: var(--_legacy---basics--black\<deleted\|variable-f04b93e2-a669-0276-1364-dd3bac17d206\>);
}

.benefits-list-label.top-text-date {
  color: inherit;
}

.benefits-list-label.related-post {
  color: inherit;
  font-size: 10cqw;
  line-height: 1.2;
}

.benefits-list-label.slider-quote {
  max-width: none;
}

.benefits-list-label.claws_color-hyper300 {
  color: var(--qaw-claws_🔒palette---hyper--300);
}

.benefits-list-label.service-tab-button {
  margin-top: 0;
  margin-bottom: 0;
}

.benefits-list-label.tab-label {
  color: var(--qaw-claws_🔒palette---hyper--300);
  text-align: center;
  text-wrap: balance;
  font-size: clamp(2rem, 10cqw, 2.25rem);
  line-height: 1.2;
}

.benefits-list-label.post-its {
  color: var(--qaw-claws_🔒palette---hyper--300);
  text-wrap: balance;
  font-size: clamp(2rem, 5cqw, 3rem);
}

.benefits-list-label.claws_color-hyper400 {
  color: var(--qaw-claws_🔒palette---hyper--400);
}

.badge-set {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  padding-bottom: 1rem;
  display: flex;
}

.badge-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.badge-header-rule {
  background-color: var(--qaw-claws_🔒palette---hyper--100);
  flex: 1;
  height: 1px;
}

.badge-header-title {
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_🔒palette---hyper--90);
  font-variation-settings: "wdth" 100;
  font-size: 2rem;
  line-height: 1.25;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  text-align: center;
  flex: none;
}

.badge-header-title.aux {
  max-width: 100%;
  color: var(--_legacy---basics--black\<deleted\|variable-f04b93e2-a669-0276-1364-dd3bac17d206\>);
}

.badge-header-title.top-text-date {
  color: inherit;
}

.badge-header-title.related-post {
  color: inherit;
  font-size: 10cqw;
  line-height: 1.2;
}

.badge-header-title.slider-quote {
  max-width: none;
}

.badge-header-title.claws_color-hyper300 {
  color: var(--qaw-claws_🔒palette---hyper--300);
}

.badge-header-title.service-tab-button {
  margin-top: 0;
  margin-bottom: 0;
}

.badge-header-title.tab-label {
  color: var(--qaw-claws_🔒palette---hyper--300);
  text-align: center;
  text-wrap: balance;
  font-size: clamp(2rem, 10cqw, 2.25rem);
  line-height: 1.2;
}

.badge-header-title.post-its {
  color: var(--qaw-claws_🔒palette---hyper--300);
  text-wrap: balance;
  font-size: clamp(2rem, 5cqw, 3rem);
}

.badge-header-title.claws_color-hyper400 {
  color: var(--qaw-claws_🔒palette---hyper--400);
}

.beach-cloud-2 {
  position: absolute;
  inset: 15% 15% 0% auto;
}

.beach-cloud-1 {
  position: absolute;
  inset: 0% 25% 0% auto;
}

.metronome-stack {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.bw-quote-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.bw-quote-link {
  max-width: var(--qaw-claws_type---char-limit--h-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---heading-size--h-xs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xs);
  font-variation-settings: "wdth" 90;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
  text-decoration: none;
}

.bw-quote-link.top-text-date {
  color: inherit;
}

.bw-quote-link.thumb-tile {
  color: var(--qaw-claws---base--base-1);
  font-variation-settings: "wdth" 75;
  font-size: 8.5cqw;
  line-height: 1.1;
}

.bw-read_more {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---text-size--t-l3);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
}

.bw-read_more.claws_font-mono.aux-eyebrow {
  color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
}

.bw-read_more.top-text-meta {
  color: inherit;
  font-weight: 500;
  line-height: 1.2;
}

.bw-read_more.standalone-link {
  border-bottom: 1px solid #000;
}

.bw-read_more.claws_t-bold {
  font-weight: 600;
}

.bw-automation-tab_more {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  flex-flow: column;
  height: 100%;
  min-height: 600px;
  padding: 4rem;
  display: flex;
}

.bw-capability-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 1;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bw-automation-capability {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--qaw-claws_🔒palette---basic--white);
  box-shadow: 4px 4px 0 0 var(--qaw-claws_🔒palette---hyper--70);
  border-radius: 12px;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
}

.bw-capability-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.bw-capability-content.manifesto {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--qaw-claws_color---hyper--hyper-1);
  justify-content: flex-start;
  align-items: center;
}

.bw-capability-key {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--qaw-claws_🔒palette---lycan--50);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bw-capability-key.manifesto {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--qaw-claws_color---hyper--hyper-1);
  justify-content: flex-start;
  align-items: center;
}

.bw-capability-key-container {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.capability-key-text {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--code);
  font-size: var(--qaw-claws_type---text-size--t-l3);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
}

.capability-key-text.claws_font-mono.aux-eyebrow {
  color: var(--_legacy---hyper--200-default\<deleted\|variable-6378f87f-69ce-b27f-8654-ed34c5e3a6ac\>);
}

.capability-key-text.top-text-meta {
  color: inherit;
  font-weight: 500;
  line-height: 1.2;
}

.capability-key-text.standalone-link {
  border-bottom: 1px solid #000;
}

.capability-key-text.claws_t-bold {
  font-weight: 600;
}

.bw-quotation-open {
  color: var(--qaw-claws_🔒palette---hyper--70);
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 8rem;
  line-height: 0;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  position: relative;
  right: 2px;
}

.bw-mapper_wolf {
  z-index: 1;
  width: 200px;
  position: absolute;
  inset: auto 5% -2% auto;
}

.code-embed-21 {
  display: none;
}

.ts-impact {
  background-color: var(--qaw-claws_🔒palette---hyper--400);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ts-parallel_runs {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.ts-wolf_vision-container {
  background-color: var(--qaw-claws_🔒palette---hyper--60);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 4rem;
  display: flex;
  overflow: hidden;
}

.ts-zero_flakes, .ts-complete_coverage {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.ts-graph_container {
  background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 4rem;
  display: flex;
}

.code-embed-22 {
  width: 100%;
  height: 500px;
  margin-bottom: 0;
}

.code-embed-23 {
  margin-bottom: 0;
}

.ts-hero-wrapper {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  background-image: linear-gradient(#3b3bef 26%, #3b3bef00 69%), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e9621c7_grid-hyper.png");
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 600px;
  padding: 4rem;
  display: flex;
}

.code-embed-24 {
  width: 100%;
  height: 100%;
}

.ts-built_different {
  background-color: var(--qaw-claws_🔒palette---hyper--400);
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.clog-sticky_date {
  position: sticky;
  top: 2rem;
}

.service-hero-animation {
  width: 100%;
  height: 100%;
  position: absolute;
}

.tab-content-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.setup-tear-down {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sub-group_1 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-embed-custom-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 41.4375rem;
  height: 1.75rem;
  display: flex;
}

.tab-svg-artwork {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.tab-graphic {
  min-width: 100%;
  max-width: none;
  min-height: 100%;
}

.nav {
  z-index: 1000;
  display: flex;
  position: relative;
}

.nav:where(.w-variant-4bb68a11-800c-c1d8-92a0-64885f10bc48) {
  z-index: 1000;
  position: sticky;
  top: 0;
}

.claws_glyph-5 {
  aspect-ratio: 1;
  object-fit: cover;
  max-width: fit-content;
  height: 100%;
  display: block;
}

.nav_slider {
  background-color: #f000;
  flex-flow: column wrap;
  place-content: space-between flex-start;
  width: 100%;
  height: 100%;
  display: none;
}

.nav_slider-left, .nav_slider-right, .nav_slider-chevron {
  display: none;
}

.nav_card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--qaw-claws_🔒palette---hyper--300);
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 12px;
  text-decoration: none;
  transition: background-color .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.nav_card:hover {
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
  box-shadow: 4px 4px 0 0 var(--qaw-claws_color---lycan--lycan-2);
}

.nav_slide {
  width: 32%;
}

.nav_slider-pagination {
  display: none;
  position: relative;
}

.nav_slider-mask {
  justify-content: space-between;
  display: flex;
}

.nav_card-visual {
  background-color: var(--qaw-claws_🔒palette---hyper--80);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  display: flex;
}

.nav_card-logo {
  display: block;
}

.nav_card-blurb {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_color---neutral--neutral-w);
  align-items: center;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.nav_card-text {
  font-size: 16px;
  line-height: 125%;
}

.splide_wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.splide.case-study-slider {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.splide__slide {
  width: 100%;
}

.fs-slider-event_slide {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  aspect-ratio: auto;
  backface-visibility: hidden;
  background-color: #2c2c60;
  border-radius: 12px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  width: 110rem;
  height: auto;
  padding: 3rem;
  text-decoration: none;
  transition: box-shadow .1s cubic-bezier(.455, .03, .515, .955), right .1s cubic-bezier(.455, .03, .515, .955), bottom .1s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: relative;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.fs-slider-event_slide.one, .fs-slider-event_slide.two {
  display: none;
}

.claws_btn-next {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  color: #fff;
  font-variation-settings: "wght" 325;
  background-color: #fff;
  border: .1em solid #000;
  border-radius: .75em;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 2.25em;
  margin-bottom: .1em;
  margin-right: .4em;
  padding-left: .75em;
  padding-right: .75em;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition-property: box-shadow, left, bottom;
  transition-duration: .2s, .2s, .2s;
  transition-timing-function: cubic-bezier(.075, .82, .165, 1), cubic-bezier(.075, .82, .165, 1), cubic-bezier(.075, .82, .165, 1);
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
  box-shadow: .2em .2em 0 0 #000;
}

.claws_btn-next:hover {
  bottom: .1em;
  left: -.1em;
  box-shadow: .3em .3em 0 0 #000;
}

.claws_btn-next:active {
  bottom: 0;
  left: 0;
  transform: translate(.2em, .2em);
  box-shadow: 0 0 0 0 #000;
}

.claws_btn-next.slider {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  color: #000;
}

.claws_t-l3 {
  color: #000;
  max-width: 65ch;
  font-family: Inter, sans-serif;
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 1.6;
}

.claws_t-l3.wolf-den {
  font-size: 1.9rem;
  line-height: 1.1;
}

.claws_t-l3.claws_t-bold {
  font-weight: 700;
}

.claws_h-xxs {
  color: #3b3bef;
  font-variation-settings: "wdth" 100;
  letter-spacing: -.025em;
  max-width: 30ch;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 650;
  line-height: 1.3;
}

.claws_h-xxs.slider-quote {
  max-width: none;
}

.claws_h-xxs.wolf-den {
  color: #fff;
  text-wrap-style: balance;
  font-size: 2.75rem;
}

.claws_btn-prev {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  color: #fff;
  font-variation-settings: "wght" 325;
  background-color: #fff;
  border: .1em solid #000;
  border-radius: .75em;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 2.25em;
  margin-bottom: .1em;
  margin-right: .4em;
  padding-left: .75em;
  padding-right: .75em;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition-property: box-shadow, left, bottom;
  transition-duration: .2s, .2s, .2s;
  transition-timing-function: cubic-bezier(.075, .82, .165, 1), cubic-bezier(.075, .82, .165, 1), cubic-bezier(.075, .82, .165, 1);
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
  box-shadow: .2em .2em 0 0 #000;
}

.claws_btn-prev:hover {
  bottom: .1em;
  left: -.1em;
  box-shadow: .3em .3em 0 0 #000;
}

.claws_btn-prev:active {
  bottom: 0;
  left: 0;
  transform: translate(.2em, .2em);
  box-shadow: 0 0 0 0 #000;
}

.claws_btn-prev.slider {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  color: #000;
}

.fs-slider-customers_pagination_bullet-2 {
  background-color: #160e8c;
  border-radius: 4px;
  width: 3rem;
  height: 1rem;
  padding: 0;
  transition: background-color .2s;
  display: inline-block;
}

.fs-slider-customers_pagination_bullet-2.is-bullet-active {
  background-color: #d4ddf7;
  display: inline-block;
}

.customer_slide-thumb_wrap-2 {
  color: #3b3bef;
  background-color: #d4ddf7;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962221_wordwatch.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  height: auto;
  min-height: 250px;
  display: flex;
}

.customer_slide-thumb_wrap-2.usertesting {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962222_usertesting.png");
}

.customer_slide-thumb_wrap-2.lifesum {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962224_lifesum.jpg");
}

.customer_slide-thumb_wrap-2.salesloft {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962223_salesloft.jpg");
}

.customer_slide-thumb_wrap-2.drata {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962227_drata.jpg");
}

.customer_slide-thumb_wrap-2.metronome {
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e962228_metronome.jpg");
}

.color-black-3 {
  color: #151b26;
  position: relative;
}

.email-form-error-3 {
  text-align: center;
  background-color: #f4bdec;
  border-radius: .5em;
  margin-top: 1rem;
  padding: 1em 2em;
}

.footer_bug-hunt-container {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  inset: 0;
}

.footer_sign-up {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  display: flex;
  position: relative;
}

.footer_cta {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 55%;
  display: flex;
  position: relative;
  container-type: inline-size;
}

.footer_cta-blurb {
  color: #fff;
  max-width: 38ch;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: clamp(14px, 4cqw, 22px);
  font-weight: 300;
  line-height: 1.5;
}

.footer_top-wrap {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  background-color: #1c1c47;
  border: 2px solid #363661;
  border-radius: 12px;
  justify-content: space-around;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.email-form-success-3 {
  background-color: #0df2cc;
  border-radius: .5em;
}

.g2-strip-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #b7c7f7;
  flex-flow: row;
  align-self: auto;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.g2-strip-2.footer_email {
  z-index: 50;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  position: relative;
}

.footer_cta-heading {
  color: #7781f7;
  font-variation-settings: "wdth" 65;
  letter-spacing: -.025em;
  max-width: 30ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 14.5cqw;
  font-weight: 650;
  line-height: 1.1;
  position: relative;
}

.text-span-27 {
  font-weight: 600;
}

.claws_text-input-2 {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  color: #000;
  font-variation-settings: "wght" 325;
  background-color: #fff;
  border: .1em solid #000;
  border-radius: .6em;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 5.5rem;
  margin-bottom: 0;
  padding: .55em .75em;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
  box-shadow: .2em .2em 0 0 #000;
}

.claws_text-input-2:hover {
  background-color: #f2f2f2;
}

.claws_text-input-2:focus {
  background-color: #f5ffe5;
  border-style: solid;
  border-color: #000;
}

.claws_text-input-2:focus-visible, .claws_text-input-2[data-wf-focus-visible] {
  box-shadow: .2em .2em 0 0 #000, 2px 2px 0 5px #b7c7f7;
}

.claws_text-input-2.footer_email {
  flex: 0 auto;
  min-width: 200px;
  height: 44px;
  font-size: 18px;
}

.footer_content {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: 96px 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav_slider-right-2 {
  display: none;
}

.nav_btn-pair {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
}

.nav_card-text-2 {
  font-size: 16px;
  line-height: 125%;
}

.nav_hamburger-wrapper {
  display: none;
}

.nav_slide-2 {
  width: 32%;
}

.nav_card-visual-2 {
  background-color: #94a5f7;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  display: flex;
}

.nav_tab-label {
  border-bottom: 2px solid #fff0;
}

.nav_tab {
  flex: 0 auto;
}

.nav_link-label {
  color: #fff;
  font-variation-settings: "wght" 650;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.nav_group {
  flex-flow: column wrap;
  place-content: space-between flex-start;
  width: 100%;
  display: flex;
}

.nav_group.resources, .nav_group.community {
  height: 180px;
}

.nav_group.platform {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 220px;
  display: flex;
}

.nav_about {
  color: #94a5f7;
  flex-flow: column;
  align-items: flex-start;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: none;
}

.nav_card-logo-2 {
  display: block;
}

.claws_btn {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  color: #fff;
  font-variation-settings: "wght" 325;
  background-color: #3b3bef;
  border: .1em solid #000;
  border-radius: .75em;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 2.25em;
  margin-bottom: .1em;
  margin-right: .4em;
  padding: .55em .7em .55em .75em;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition-property: box-shadow, left, bottom;
  transition-duration: .2s, .2s, .2s;
  transition-timing-function: cubic-bezier(.075, .82, .165, 1), cubic-bezier(.075, .82, .165, 1), cubic-bezier(.075, .82, .165, 1);
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
  box-shadow: .2em .2em 0 0 #000;
}

.claws_btn:hover {
  bottom: .1em;
  left: -.1em;
  box-shadow: .3em .3em 0 0 #000;
}

.claws_btn:active {
  bottom: 0;
  left: 0;
  transform: translate(.2em, .2em);
  box-shadow: 0 0 0 0 #000;
}

.claws_btn.wolf-den {
  margin-right: 0;
}

.claws_glyph-6 {
  aspect-ratio: 1;
  object-fit: cover;
  max-width: fit-content;
  height: 100%;
  display: block;
}

.nav_nested-cta {
  display: none;
}

.nav_slider-pagination-2 {
  display: none;
  position: relative;
}

.nav_tab-btn {
  color: #a8a8e5;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
  transition: color .15s cubic-bezier(.785, .135, .15, .86);
  display: flex;
  position: relative;
}

.nav_tab-btn:hover {
  color: #fff;
}

.nav_link-arrow {
  aspect-ratio: 1;
  opacity: .2;
  vertical-align: middle;
  object-fit: cover;
  flex: none;
  width: 24px;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.nav_sign_in {
  color: #fff;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.nav_menu {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  display: flex;
  container-type: inline-size;
}

.claws_btn_label {
  text-align: center;
  vertical-align: middle;
  text-wrap: nowrap;
}

.nav_container {
  z-index: 1000;
  background-color: #12123d;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: visible;
}

.nav_cta-wrapper {
  flex: none;
  justify-content: flex-end;
  display: flex;
}

.nav_tab-btn-external {
  color: #fff;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 4px;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav_utility {
  display: none;
}

.splide-2.case-study-slider {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.claws_btn_icon {
  align-self: center;
  width: 1em;
  height: 1em;
  display: none;
}

.nav_items {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.nav_link-btn {
  border-bottom: 1px solid #fff3;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 16px 16px 12px;
  text-decoration: none;
  display: flex;
}

.nav_link-btn:hover {
  background-color: #2b2bb9;
  border-bottom-color: #fff0;
  border-radius: 8px;
  box-shadow: 4px 4px #1c1c47;
}

.nav_link-btn.customers {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #fff3;
  border-bottom-style: none;
  justify-content: flex-end;
  margin-top: 16px;
}

.nav_link-btn.customers:hover {
  border-top-color: #fff0;
}

.nav_link-btn.nav_2col {
  width: 48%;
}

.nav_utility-link {
  color: #94a5f7;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}

.nav_slider-left-2 {
  display: none;
}

.claws_icon-4 {
  aspect-ratio: 1;
  vertical-align: middle;
  object-fit: cover;
  width: 2rem;
  min-width: 2rem;
  max-width: 2rem;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.nav_tab-content {
  background-color: #160e8c;
  background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69f8ebe607ad879a164108da_bg-grid-left.png"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69f8ebe607ad879a164108d7_bg-grid-right.png");
  background-position: 0 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  width: 100%;
  height: fit-content;
  padding-top: 0;
  padding-bottom: 16px;
  display: block;
  position: absolute;
  inset: 80px 0 0;
  box-shadow: 0 24px 24px #0003;
}

.nav_tab-content.community, .nav_tab-content.platform, .nav_tab-content.resources, .nav_tab-content.customers {
  display: none;
}

.nav_tab-btn-content {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
}

.claws_sprite-2 {
  max-width: fit-content;
  height: 100%;
  display: block;
}

.nav_logo-wrapper {
  flex: none;
  align-items: center;
  display: flex;
}

.nav_tab-chevron {
  opacity: .25;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  display: block;
}

.splide_wrapper-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-2 {
  z-index: 1000;
  display: flex;
  position: relative;
}

.nav_slider-2 {
  background-color: #f000;
  flex-flow: column wrap;
  place-content: space-between flex-start;
  width: 100%;
  height: 100%;
  display: none;
}

.nav_slider-mask-2 {
  justify-content: space-between;
  display: flex;
}

.nav_slider-chevron-2 {
  display: none;
}

.splide__slide-2 {
  width: 100%;
}

.nav_card-blurb-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  align-items: center;
  padding-left: 4px;
  padding-right: 4px;
  font-family: GT Flexa, Arial, sans-serif;
  display: flex;
}

.nav_menu-wrapper {
  width: 100%;
  max-width: 600px;
  margin-left: 4rem;
  margin-right: 4rem;
}

.nav_card-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #2b2bb9;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 12px;
  text-decoration: none;
  transition: background-color .25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.nav_card-2:hover {
  background-color: #3b3bef;
  box-shadow: 4px 4px #1c1c47;
}

.image-24 {
  display: block;
}

.text-block-10 {
  font-size: 5cqw;
  font-weight: 400;
  line-height: 100%;
}

.text-block-8 {
  margin-bottom: 1rem;
  font-size: 10px;
  display: block;
}

.text-block-5 {
  font-size: 5cqw;
  line-height: 5cqw;
}

.claws_link-block-2 {
  width: fit-content;
  font-family: Inter, sans-serif;
  text-decoration-thickness: .1em;
  display: block;
}

.claws_link-block-2:hover {
  color: #3b3bef;
}

.t-bold {
  font-weight: 700;
}

.header-2 {
  background-color: #3b3bef;
  min-height: 10rem;
}

.header-2.sg_cyan-bg {
  background-color: #00e1ff;
}

.text-block-11 {
  outline-offset: -1px;
  color: #000;
  background-color: #9ed4cded;
  outline: 1px solid #3b3bef;
  margin-top: -3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  position: absolute;
}

.layout-basic-3 {
  color: #000;
  width: 100%;
  font-family: Inter, sans-serif;
  position: relative;
  overflow: hidden;
}

.text-block-10-copy {
  text-align: center;
  font-weight: 700;
}

.text-block-12 {
  font-size: 5rem;
}

.text-block-15 {
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}

.sg_test-container {
  outline-offset: -4px;
  outline: 4px solid #007bffba;
  width: 75%;
  display: block;
  container-type: inline-size;
}

.t-italic {
  font-style: italic;
}

.wrapper-3 {
  flex-flow: column;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-left: clamp(2rem, 4vw, 10rem);
  padding-right: clamp(2rem, 4vw, 10rem);
  display: flex;
}

.wrapper-3.containers_header-wrap {
  margin-top: 1rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.main-2 {
  background-color: #ebeef7;
  flex-flow: column;
  width: 100%;
  min-height: 50rem;
  position: relative;
  overflow: hidden;
}

.main-2.sg_yellow-bg {
  background-color: #fbff00;
}

.text-lockup {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.top-copy {
  color: var(--_legacy---basics--white\<deleted\|variable-3d65c31a-650d-d2e1-4827-13601e975c0f\>);
}

.top-copy.top_basic {
  padding-top: 5rem;
  padding-bottom: 8rem;
}

.top-copy.top_customers {
  padding-bottom: 2rem;
}

.top-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.video-wrap {
  border-radius: 1rem;
  display: flex;
  overflow: hidden;
}

.claws_form-btn-2 {
  border: .1em solid var(--qaw-claws_color---neutral--neutral-b);
  background-color: var(--qaw-claws_🔒palette---hyper--200-default);
  height: 5.5rem;
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_color---neutral--neutral-w);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  font-variation-settings: "wght" 325;
  border-radius: .6em;
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  padding: .55em .75em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
  display: block;
}

.claws_form-btn-2:where(.w-variant-3c9914d4-b6c7-8eb2-0aef-01fe503c66e7) {
  flex-flow: row-reverse;
}

.claws_form-btn-2:where(.w-variant-991fd96b-d5be-1563-c8ac-dbbb53a421ff) {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  color: var(--qaw-claws_color---neutral--neutral-b);
}

.claws_form-btn-2:where(.w-variant-65c9e3d3-432a-ff10-e87a-9a16c423e192) {
  background-color: var(--qaw-claws_🔒palette---pepto--200-default);
  color: var(--qaw-claws_color---neutral--neutral-b);
}

.claws_form-btn-2:where(.w-variant-1897cb41-7175-cd8e-1595-c2aaf0358de8) {
  background-color: var(--qaw-claws_🔒palette---tennis--200-default);
  color: var(--qaw-claws_color---neutral--neutral-b);
}

.claws_form-btn-2:where(.w-variant-72d5b0e2-058c-453c-1f9e-9df5fb127d7d) {
  background-color: var(--qaw-claws_🔒palette---lycan--50);
}

.claws_form-btn-2:hover {
  transform: translate(-.1em, -.1em);
  box-shadow: .3em .3em 0 0 #000;
}

.claws_form-btn-2:active {
  transform: translate(.2em, .2em);
  box-shadow: 0 0 0 0 #000;
}

.claws_form-btn-2:focus-visible, .claws_form-btn-2[data-wf-focus-visible] {
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b), 2px 2px 0 5px var(--qaw-claws_🔒palette---hyper--70);
  outline-color: var(--qaw-claws_🔒palette---hyper--90);
  outline-offset: -.1em;
  outline-width: .1em;
  outline-style: solid;
}

.claws_form-btn-2.footer_email {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
  height: 44px;
  color: var(--qaw-claws_🔒palette---lycan--200-default);
  font-size: 18px;
}

.claws_text-input-3 {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  border: .1em solid var(--qaw-claws_🔒palette---basic--black);
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  width: 100%;
  height: 5.5rem;
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_🔒palette---basic--black);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  font-variation-settings: "wght" 325;
  border-radius: .6em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .55em .75em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
}

.claws_text-input-3:where(.w-variant-3c9914d4-b6c7-8eb2-0aef-01fe503c66e7) {
  flex-flow: row-reverse;
}

.claws_text-input-3:hover {
  background-color: var(--qaw-claws_🔒palette---gray--50);
}

.claws_text-input-3:focus {
  border-style: solid;
  border-color: var(--qaw-claws_🔒palette---basic--black);
  background-color: var(--qaw-claws_🔒palette---tennis--50);
}

.claws_text-input-3:focus-visible, .claws_text-input-3[data-wf-focus-visible] {
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b), 2px 2px 0 5px var(--qaw-claws_🔒palette---hyper--70);
}

.claws_text-input-3.footer_email {
  flex: 0 auto;
  min-width: 200px;
  height: 44px;
}

.claws_form-block-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 60rem;
  margin-bottom: 0;
  display: block;
}

.claws_form-block-2.footer_email {
  z-index: 50;
  max-width: 480px;
  position: relative;
}

.claws_form-3 {
  grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
  grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
  position: relative;
}

.claws_form-field-group-2 {
  margin-bottom: var(--qaw-claws_spacing---space--space-sm);
  align-self: stretch;
}

.claws_form-field-group-2.footer_email {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.footer_container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  margin-top: 64px;
  margin-bottom: 64px;
  display: flex;
  position: relative;
}

.footer_bug-hunt-container-2 {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  inset: 0;
}

.g2-logo-2 {
  align-self: auto;
}

.footer_about {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-wrap: balance;
  flex-flow: column;
  width: 40%;
  min-width: 300px;
  display: flex;
}

.footer_logo-link {
  align-self: flex-start;
  display: inline-flex;
}

.footer_text {
  color: #d4ddf7;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.footer_text.col-heading {
  color: #fff;
  margin-bottom: 4px;
}

.footer_text.date {
  font-size: 12px;
}

.footer_content-2 {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: 96px 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.g2-badge-star-lockup-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.g2-badge-star-lockup-2.footer_email {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.footer_bottom-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-span-28 {
  font-weight: 600;
}

.footer {
  background-color: var(--qaw-claws_🔒palette---lycan--200-default);
  line-height: 1.5;
}

.email-form-success-4 {
  background-color: #0df2cc;
  border-radius: .5em;
}

.email-form-success-4.footer_email {
  background-color: var(--qaw-claws_🔒palette---cyber--200-default);
}

.footer_cta-2 {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 55%;
  display: flex;
  position: relative;
  container-type: inline-size;
}

.footer_link {
  color: #d4ddf7;
  max-width: 65ch;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.footer_link:hover {
  text-decoration: underline;
}

.footer_link-col {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-wrap: balance;
  flex-flow: column;
  display: flex;
}

.email-form-error-4 {
  background-color: var(--qaw-claws_🔒palette---pepto--200-default);
  text-align: center;
  border-radius: .5em;
  margin-top: 1rem;
  padding: 1em 2em;
}

.footer_cta-heading-2 {
  color: #7781f7;
  font-variation-settings: "wdth" 65;
  letter-spacing: -.025em;
  max-width: 30ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: 14.5cqw;
  font-weight: 650;
  line-height: 1.1;
  position: relative;
}

.g2-strip-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--qaw-claws_🔒palette---hyper--70);
  flex-flow: row;
  align-self: auto;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.g2-strip-3.footer_email {
  z-index: 50;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  position: relative;
}

.wrapper-px {
  flex-flow: column;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-left: clamp(16px, 4vw, 80px);
  padding-right: clamp(16px, 4vw, 80px);
  display: flex;
  overflow: visible;
}

.g2-label-2 {
  letter-spacing: -.05rem;
  font-family: GT Flexa Mono, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 300;
}

.g2-label-2.footer_email {
  letter-spacing: -.4px;
  font-size: 14px;
}

.container-px {
  flex-flow: column;
  width: 100%;
  max-width: 1280px;
  position: relative;
  container-type: inline-size;
}

.footer_links {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55%;
  min-width: 480px;
  display: flex;
}

.footer_cta-blurb-2 {
  color: #fff;
  max-width: 38ch;
  font-family: GT Flexa, Arial, sans-serif;
  font-size: clamp(14px, 4cqw, 22px);
  font-weight: 300;
  line-height: 1.5;
}

.footer_sign-up-2 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  display: flex;
  position: relative;
}

.color-black-4 {
  color: #151b26;
  position: relative;
}

.email-g2-combo-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.email-g2-combo-2.footer_email {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.g2-star-set-2 {
  letter-spacing: .2rem;
  font-size: 1.6rem;
}

.g2-star-set-2.footer_email {
  letter-spacing: 2px;
  font-size: 12.8px;
}

.benefits-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.benefits-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.benefits-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #121241;
  border-radius: 1rem;
  flex-flow: column;
  padding: 3rem;
  display: flex;
}

.benefits_icon-wrap {
  aspect-ratio: 1;
  background-color: #a8a8ea;
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  width: 7rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.past-events-wrap, .upcoming-events-wrap, .run-with-best-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.faqs-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.wolf-den-form-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.accordion-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.logo-grid-cell {
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.claws_t-l4-2 {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  color: var(--qaw-claws---base--base-1);
  font-size: var(--qaw-claws_type---text-size--t-l4);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
}

.slider-visual {
  aspect-ratio: 16 / 9;
  background-color: #4e4e99;
}

.slider-text {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.claws_fs_accordion-2_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.claws_fs_accordion-2_item {
  color: var(--qaw-claws_color---neutral--neutral-w);
  background-color: #2c2c60;
  border-radius: 1rem;
  overflow: hidden;
}

.claws_fs_accordion-2_item.is-active-accordion {
  color: var(--qaw-claws_color---neutral--neutral-b);
  background-color: #d7d7fc;
}

.claws_fs_accordion-2_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 3rem;
  display: flex;
}

.claws_fs_accordion-2_header:focus-visible, .claws_fs_accordion-2_header[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.claws_fs_accordion-2_label {
  font-family: var(--qaw-claws_fonts---font-family--text);
  font-size: var(--qaw-claws_type---text-size--t-l2);
  font-weight: 600;
}

.claws_fs_accordion-2_arrow-wrapper {
  transition: transform .2s;
}

.claws_fs_accordion-2_arrow-wrapper.is-active-accordion {
  transform: rotate(180deg);
}

.claws_fs_accordion-2_icon {
  margin-right: 0;
  font-size: 2rem;
  position: relative;
}

.claws_fs_accordion-2_content {
  transition: max-height .2s;
  overflow: hidden;
}

.claws_fs_accordion-2_body {
  padding: 0 3rem 3rem;
}

.claws_fs_accordion-2_paragraph {
  max-width: 70ch;
  font-family: var(--qaw-claws_fonts---font-family--text);
  font-size: var(--qaw-claws_type---text-size--t-l3);
  margin-bottom: 0;
}

.faqs-resources-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: start stretch;
  display: grid;
}

.resources-wrap {
  width: 100%;
  display: none;
}

.sponsor-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.qaw-sponsor {
  width: 25%;
}

.claws_form-field-group-3 {
  margin-bottom: var(--qaw-claws_spacing---space--space-sm);
  align-self: stretch;
}

.claws_text-label-2 {
  margin-bottom: .5rem;
  margin-left: var(--qaw-claws_spacing---space--space-xs);
  color: var(--qaw-claws_🔒palette---basic--black);
  font-size: var(--qaw-claws_type---text-size--t-l4);
  width: fit-content;
  font-weight: 400;
}

.claws_text-label-2:where(.w-variant-ff24a9e5-f0f0-d0cc-50d0-6493da8d1161) {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.claws_text-input-4 {
  grid-column-gap: .3em;
  grid-row-gap: .3em;
  border: .1em solid var(--qaw-claws_🔒palette---basic--black);
  background-color: var(--qaw-claws_color---neutral--neutral-w);
  width: 100%;
  height: 5.5rem;
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b);
  color: var(--qaw-claws_🔒palette---basic--black);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  font-variation-settings: "wght" 325;
  border-radius: .6em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .55em .75em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
}

.claws_text-input-4:where(.w-variant-3c9914d4-b6c7-8eb2-0aef-01fe503c66e7) {
  flex-flow: row-reverse;
}

.claws_text-input-4:hover {
  background-color: var(--qaw-claws_🔒palette---gray--50);
}

.claws_text-input-4:focus {
  border-style: solid;
  border-color: var(--qaw-claws_🔒palette---basic--black);
  background-color: var(--qaw-claws_🔒palette---tennis--50);
}

.claws_text-input-4:focus-visible, .claws_text-input-4[data-wf-focus-visible] {
  box-shadow: .2em .2em 0em 0em var(--qaw-claws_color---neutral--neutral-b), 2px 2px 0 5px var(--qaw-claws_🔒palette---hyper--70);
}

.claws_form-field-group-4 {
  margin-bottom: var(--qaw-claws_spacing---space--space-sm);
  align-self: stretch;
}

.claws_text-label-3 {
  margin-bottom: .5rem;
  margin-left: var(--qaw-claws_spacing---space--space-xs);
  color: var(--qaw-claws_🔒palette---basic--black);
  font-size: var(--qaw-claws_type---text-size--t-l4);
  width: fit-content;
  font-weight: 400;
}

.claws_text-label-3:where(.w-variant-ff24a9e5-f0f0-d0cc-50d0-6493da8d1161) {
  color: var(--qaw-claws_color---neutral--neutral-w);
}

.claws_select-field-2 {
  border-top-style: solid;
  border-top-width: .1em;
  border-top-color: var(--qaw-claws_🔒palette---basic--black);
  border-right-style: solid;
  border-right-width: .1em;
  border-right-color: var(--qaw-claws_🔒palette---basic--black);
  border-bottom-style: solid;
  border-bottom-width: .1em;
  border-bottom-color: var(--qaw-claws_🔒palette---basic--black);
  border-left-style: solid;
  border-left-width: .1em;
  border-left-color: var(--qaw-claws_🔒palette---basic--black);
  background-color: var(--qaw-claws_🔒palette---basic--white);
  width: 100%;
  height: 5.5rem;
  color: var(--qaw-claws_🔒palette---basic--black);
  font-size: var(--qaw-claws_type---text-size--t-l1);
  appearance: none;
  background-image: none;
  background-position: calc(100% - .75rem);
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: .6em;
  padding: 0 .75em;
  font-weight: 400;
  position: relative;
  box-shadow: .2em .2em #000;
}

.claws_select-field-2:hover {
  background-color: #f2f2f2;
}

.claws_select-field-2:focus {
  background-color: #f5ffe5;
}

.claws_select-field-2:focus-visible, .claws_select-field-2[data-wf-focus-visible] {
  box-shadow: .2em .2em #000, 2px 2px 0 5px #b7c7f7;
}

.error-message {
  background-color: #d86d6d;
  border-radius: 1rem;
  margin-top: 3rem;
}

.div-block-44 {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.feature-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.div-block-45 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.button-wrap {
  margin-top: 2rem;
}

.event-details {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: var(--qaw-claws_🔒palette---cyber--200-default);
  display: flex;
}

.event-description-wrap {
  flex-flow: column;
  display: flex;
}

.event-venue {
  max-width: var(--qaw-claws_type---char-limit--h-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: #d7d7fc;
  font-size: var(--qaw-claws_type---heading-size--h-sm);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-sm);
  font-variation-settings: "wdth" 80;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
}

.event-venue.claws_color-cyber200.case-study, .event-venue.claws_color-hyper80.case-study {
  max-width: 60ch;
  font-size: var(--qaw-claws_type---heading-size--h-xs);
  line-height: 1.15;
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
}

.event-venue.wolf-den {
  color: #a8a8e5;
  text-align: center;
  text-wrap: balance;
}

.event-summary {
  max-width: var(--qaw-claws_type---char-limit--t-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: #d7d7fc;
  font-size: var(--qaw-claws_type---text-size--t-l2);
  line-height: var(--qaw-claws_type---line-height--t-line-ht);
  font-weight: var(--qaw-claws_type---font-weight--t-weight);
}

.event-summary.claws_color-neutral-w-2 {
  color: var(--qaw-claws_color---neutral--neutral-w);
  text-align: left;
}

.event-summary.card_blog-index {
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1.5rem;
  line-height: 1.5;
  display: block;
}

.event-summary.claws_t-bold {
  font-weight: 700;
}

.event-summary.claws_t-bold.claws_pad-top-sm {
  padding-top: 1rem;
}

.event-item-overview {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.inline-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  margin-top: .5rem;
  margin-bottom: .5rem;
  display: flex;
}

.inline-copy.spaced {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  position: relative;
}

.inline-copy.center {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
}

.inline-copy.center.color {
  background-image: linear-gradient(to bottom, var(--blue-5\<deleted\|variable-9774f60e\>), var(--blue-5\<deleted\|variable-9774f60e\>));
  border-radius: 16px;
  padding: 1rem 2rem;
}

.event-location {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.event-meta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  font-family: var(--qaw-claws_fonts---font-family--text);
  color: #a8a8ea;
  display: flex;
}

.event-name {
  max-width: var(--qaw-claws_type---char-limit--h-char-limit);
  font-family: var(--qaw-claws_fonts---font-family--display);
  color: var(--qaw-claws_color---neutral--neutral-w);
  font-size: var(--qaw-claws_type---heading-size--h-xs);
  line-height: var(--qaw-claws_type---line-height--h-line-ht-xs);
  font-variation-settings: "wdth" 90;
  font-weight: var(--qaw-claws_type---font-weight--h-weight);
  letter-spacing: var(--qaw-claws_type---letter-space--h-letter-spc);
}

.event-name.top-text-date {
  color: inherit;
}

.event-name.thumb-tile {
  color: var(--qaw-claws---base--base-1);
  font-variation-settings: "wdth" 75;
  font-size: 8.5cqw;
  line-height: 1.1;
}

.event-item-date {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-right: 1px solid #7c7cc4;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-right: 2rem;
  display: flex;
}

.event-month {
  font-family: var(--qaw-claws_fonts---font-family--code);
  color: var(--qaw-claws_color---neutral--neutral-w);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
}

.event-day {
  font-family: var(--qaw-claws_fonts---font-family--code);
  color: var(--qaw-claws_🔒palette---cyber--200-default);
  font-size: 8rem;
  font-weight: 400;
  line-height: 1;
}

.event-item-details {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.event-city-pill {
  font-family: var(--qaw-claws_fonts---font-family--code);
  color: var(--qaw-claws_color---neutral--neutral-b);
  background-color: #a8a8e5;
  border-radius: 5rem;
  margin-top: 1.5rem;
  padding: .75rem 2rem;
  display: flex;
}

.event-city {
  font-weight: 300;
}

.empty-wrap {
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.pagination {
  margin-top: 2rem;
}

@media screen and (max-width: 991px) {
  body {
    --qaw-claws_type---text-size--t-l1: 2.25rem;
    --qaw-claws_type---text-size--t-l2: 2rem;
    --qaw-claws_type---text-size--t-l4: 1.5rem;
    --qaw-claws_type---char-limit--t-char-limit: 65ch;
    --qaw-claws_type---heading-size--h-sm: 4rem;
    --qaw-claws_type---line-height--t-line-ht: 1.6;
    --qaw-claws_type---heading-size--h-md: 6rem;
    --qaw-claws_type---line-height--h-line-ht-md: 1.15;
    --qaw-claws_type---font-weight--h-weight: 650;
    --qaw-claws_type---letter-space--h-letter-spc: -.025em;
    --qaw-claws_type---heading-size--h-xs: 3rem;
    --qaw-claws_type---line-height--h-line-ht-sm: 1.2;
    --qaw-claws_type---heading-size--h-xxs: 2.5rem;
    --qaw-claws_type---line-height--h-line-ht-xs: 1.25;
    --qaw-claws_type---line-height--h-line-ht-xxs: 1.3;
    --qaw-claws_type---font-weight--t-weight: 400;
    --qaw-claws_type---char-limit--h-char-limit: 30ch;
    --qaw-claws_type---heading-size--h-xl: 12rem;
    --qaw-claws_type---line-height--h-line-ht-xl: .95;
    --qaw-claws_type---heading-size--h-lg: 9rem;
    --qaw-claws_type---line-height--h-line-ht-lg: 1.1;
    --qaw-claws_type---text-size--t-l3: 1.75rem;
  }

  .qaw-claws--claws_btn.qaw-claws--nav_btn {
    height: 2.5em;
  }

  .qaw-claws--nav_menu-wrapper {
    background-color: var(--qaw-claws_🔒palette---hyper--400);
    min-width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
  }

  .qaw-claws--nav_cta-wrapper {
    display: none;
  }

  .qaw-claws--nav_hamburger-wrapper {
    cursor: pointer;
    display: block;
  }

  .qaw-claws--nav_menu {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .qaw-claws--nav_tab {
    width: 100%;
  }

  .qaw-claws--nav_tab-btn {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 8px;
  }

  .qaw-claws--nav_tab-chevron {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    transform: rotate(-90deg);
  }

  .qaw-claws--nav_btn-pair {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .qaw-claws--nav_tab-label {
    font-size: 18px;
  }

  .qaw-claws--nav_container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .qaw-claws--nav_tab-btn-content {
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
  }

  .qaw-claws--nav_tab-content {
    border-top: 1.5px solid var(--qaw-claws_color---neutral--neutral-w);
    height: auto;
    box-shadow: none;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    display: block;
    position: relative;
    top: 0;
  }

  .qaw-claws--nav_tab-content.qaw-claws--service, .qaw-claws--nav_tab-content.qaw-claws--resources, .qaw-claws--nav_tab-content.qaw-claws--community, .qaw-claws--nav_tab-content.qaw-claws--customers {
    display: none;
  }

  .qaw-claws--nav_hamburger-icon {
    width: 100%;
    height: 100%;
  }

  .qaw-claws--nav_link-btn {
    border-bottom: 1px solid #fff3;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
  }

  .qaw-claws--nav_link-btn.qaw-claws--customers {
    justify-content: space-between;
    align-items: center;
  }

  .qaw-claws--nav_utility {
    border-top: 1px solid var(--qaw-claws_🔒palette---hyper--90);
    border-bottom: 1px solid var(--qaw-claws_🔒palette---hyper--80);
    margin-top: 8px;
    margin-bottom: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
  }

  .qaw-claws--nav_about {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    max-width: 50ch;
    line-height: 125px;
    display: flex;
  }

  .qaw-claws--nav_items {
    max-width: 100%;
    padding-top: 12px;
  }

  .qaw-claws--nav_items.qaw-claws--platform {
    max-width: 100%;
  }

  .qaw-claws--nav_group {
    height: auto;
    display: block;
  }

  .qaw-claws--nav_group.qaw-claws--platform {
    grid-template-columns: 1fr;
    height: auto;
  }

  .qaw-claws--nav_group.qaw-claws--resources, .qaw-claws--nav_group.qaw-claws--community, .qaw-claws--nav_slider {
    height: auto;
  }

  .qaw-claws--splide_wrapper {
    width: 100%;
  }

  .qaw-claws--splide.qaw-claws--case-study-slider {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .qaw-claws--splide__track {
    overflow: hidden;
  }

  .qaw-claws--nav_utility-link {
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: color .25s cubic-bezier(.77, 0, .175, 1);
    display: flex;
  }

  .qaw-claws--nav_utility-link:hover {
    color: var(--qaw-claws_🔒palette---basic--white);
  }

  .qaw-claws--nav_about-text {
    line-height: 135%;
  }

  .qaw-claws--nav_nested-cta {
    margin-top: 20px;
    display: block;
  }

  .qaw-claws--nav_tab-btn-external {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 8px;
  }

  .qaw-claws--footer_container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .qaw-claws--footer_bug-hunt-container {
    width: 100%;
  }

  .qaw-claws--g2-logo {
    margin-right: 4px;
    text-decoration: none;
  }

  .qaw-claws--footer_about {
    border-bottom: 1px solid #363661;
    width: 100%;
    padding-bottom: 16px;
  }

  .qaw-claws--footer_top-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    align-items: center;
  }

  .qaw-claws--footer_content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    align-items: center;
    padding: 80px 40px;
  }

  .qaw-claws--footer_bottom-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template: "."
                   "."
                   / 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .qaw-claws--footer_cta {
    align-items: center;
    width: 80%;
  }

  .qaw-claws--footer_cta-heading {
    text-align: center;
  }

  .qaw-claws--g2-strip {
    text-decoration: none;
  }

  .qaw-claws--footer_links {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
    width: 100%;
  }

  .qaw-claws--footer_cta-blurb {
    text-align: center;
  }

  .qaw-claws--footer_sign-up {
    align-self: stretch;
  }

  .qaw-claws--g2-star-set {
    letter-spacing: .25rem;
    text-decoration: none;
  }

  .text-size-l {
    display: inline-flex;
  }

  .text-size-5xl {
    font-size: 6.5em;
  }

  .text-align-center.margin-top-l.subsection-subhed {
    margin-top: 1rem;
  }

  .grid-4-column {
    grid-template-columns: 1fr 1fr;
  }

  .container-1200.mobile.hide-on-desktop {
    display: flex;
  }

  .container-800 {
    max-width: 728rem;
  }

  .container-800.hero {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    justify-content: flex-start;
    align-items: center;
  }

  .icon {
    color: var(--blue-5\<deleted\|variable-9774f60e\>);
  }

  .styleguide-nav-link {
    background-color: var(--white\<deleted\|variable-048857a3\>);
    border-radius: 1em;
    margin-top: 1rem;
  }

  .styleguide-nav-toggle.w--open {
    background-color: #0000;
  }

  .section {
    padding-top: 6rem;
    padding-bottom: 6rem;
    overflow: hidden;
  }

  .styleguide-nav-menu {
    background-color: #0000;
  }

  .navbar---2-0 {
    display: none;
  }

  .c-navbar__logo {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: auto;
    padding-top: 0;
  }

  .horizontal-rule.footer {
    margin-top: 0;
    margin-bottom: 4rem;
  }

  .home-hero-left {
    max-width: 100vw;
    left: -12em;
  }

  .home-hero-right {
    max-width: 60vw;
    bottom: -6em;
    right: -6em;
  }

  .form-input-tactile.split-input {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .button-primary.split-btn {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .logo-bar-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .hide-tablet {
    display: none;
  }

  .card {
    max-width: 70rem;
  }

  .grid-60-40 {
    grid-template-columns: 45% 1fr;
    position: relative;
  }

  .footer-wrapper {
    flex-flow: column;
  }

  .card-offset {
    width: 250%;
    max-width: 250%;
    left: 0%;
  }

  .card-black {
    max-width: 70rem;
  }

  .home-test-blocks {
    left: 0%;
  }

  .blog-meta.dark {
    background-color: #0d0c29;
  }

  .home-heading, .home-heading.hero {
    font-size: 17vw;
  }

  .home-comparison {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .calculator-grand-total {
    font-size: 2em;
  }

  .calculator-layout-grid {
    grid-column-gap: 4rem;
    grid-template-columns: 1fr 40%;
  }

  .calculator-card {
    max-width: 70rem;
    padding-left: 4rem;
  }

  .footer-links {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
  }

  .footer-about {
    width: 100%;
    max-width: 70rem;
  }

  .notification.padding-l.bg-black {
    display: none;
  }

  .testimonial-grid {
    grid-template-columns: 1fr;
  }

  .integration-grid, .logo-bar-flexbox {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .navigation {
    display: none;
  }

  .fs-toc_richtext {
    padding: 1.5rem;
  }

  .heading-small {
    font-size: 1.5rem;
  }

  .fs-toc_sidebar {
    width: 100%;
    padding: 1.5rem;
    display: none;
    position: relative;
    top: 0;
  }

  .buy-guide-wrappers {
    flex-direction: column;
  }

  .navbar-mobile {
    background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
    display: block;
  }

  .navbar-overlay {
    z-index: 9999;
    background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
    width: 100vw;
    height: 100vh;
    color: var(--white\<deleted\|variable-048857a3\>);
    display: none;
    position: absolute;
    inset: 0%;
  }

  .div-block-10 {
    justify-content: space-between;
    display: flex;
  }

  .navbar-mobile-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: block;
  }

  .mobile-menu-link {
    font-size: 1.5em;
  }

  .padding-lr-none {
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-menu-subhead {
    color: var(--teal-4\<deleted\|variable-789a7075\>);
    margin-bottom: 1rem;
    font-size: 1.5em;
  }

  .navbar-overlay-link {
    font-size: 1.333em;
  }

  .mobile-navbar {
    display: block;
  }

  .wolf-head {
    display: none;
  }

  .challenge-hero {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .large-safe {
    opacity: .1;
  }

  .safe-container {
    display: none;
  }

  .medium-safe, .small-safe {
    opacity: .1;
  }

  .wolf-defense {
    top: -258.024px;
    left: auto;
    right: -171.604px;
  }

  .wolf-offense {
    top: -238.024px;
    left: -174px;
  }

  .challenge-competitor {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .challenge-how-it-works {
    text-align: center;
  }

  .case-studies---grid {
    grid-template-columns: 1fr;
  }

  .case-studies---card {
    border-style: solid none none;
    border-top-width: 2px;
    border-top-color: var(--grey-3\<deleted\|variable-766506ca\>);
    border-bottom-color: var(--grey-3\<deleted\|variable-766506ca\>);
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .case-studies---card:hover {
    box-shadow: none;
    transform: none;
  }

  .case-studies---card-featured {
    border-style: solid none none;
    border-top-width: 2px;
    border-top-color: var(--grey-3\<deleted\|variable-766506ca\>);
    border-bottom-width: 2px;
    border-bottom-color: var(--grey-3\<deleted\|variable-766506ca\>);
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .case-studies---card-featured:hover {
    box-shadow: none;
    transform: none;
  }

  .case-studies---grid-2-col {
    grid-template-columns: 1fr;
  }

  .horizontal-rule-subtle, .rotating-logo-bar {
    display: none;
  }

  .case-study---pinned-to-bottom {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .challenge-row---qa-wolf, .challenge-row---vs, .challenge-row---competitor {
    width: 33%;
  }

  .intro-copy {
    width: 100%;
  }

  .complete-coverage-container {
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .complete-coverage-container.alt {
    grid-template-columns: 1fr;
  }

  .subsection-content {
    width: 90%;
    max-width: 70rem;
  }

  .eyebrow-blue.hide-on-tablet-below {
    display: none;
  }

  .home-subhead.hide-on-desktop, .home-subhead.desktop {
    display: block;
  }

  .home-subhead.mobile {
    display: none;
  }

  .home-subhead.hiw._2 {
    font-size: 3rem;
  }

  .home-bodycopy.upr-bodycopy, .home-bodycopy.center {
    text-align: left;
  }

  .home-bodycopy.desktop {
    display: none;
  }

  .home-bodycopy.mobile {
    display: block;
  }

  .home-bodycopy.centered {
    text-align: left;
  }

  .graph-container {
    margin-top: 2rem;
  }

  .hide-on-mobile {
    display: none;
  }

  .hide-on-desktop {
    display: inline-block;
  }

  .home-upr {
    margin-top: 16rem;
  }

  .container-400 {
    max-width: 60rem;
  }

  .upr-content-container, .upr-content-container.mobile-align-left {
    align-items: flex-start;
  }

  .upr-content-container.desktop {
    display: block;
  }

  .upr-content-container.mobile {
    margin-top: 2rem;
    display: block;
  }

  .eyebrow-teal.mobile {
    display: none;
  }

  .upr-graphic-container {
    grid-template-columns: 1fr;
  }

  .fast-test.large {
    max-width: 12rem;
    height: 16rem;
  }

  .grid-half {
    width: 100%;
    height: 400px;
    display: none;
    top: 10rem;
    right: 0%;
  }

  .act-header {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .act-hr {
    display: block;
  }

  .ap-body-copy.upr-bodycopy {
    text-align: left;
  }

  .chilipiper-container {
    max-width: 70rem;
  }

  .marquee-list {
    display: none;
  }

  .marquee-list.mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 4rem;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .marquee-list.alt {
    display: flex;
  }

  .marquee-item {
    width: auto;
  }

  .marquee-item.mobile {
    align-items: stretch;
    margin-left: 0;
  }

  .marquee-logo {
    flex: none;
    align-self: flex-start;
    min-width: 5rem;
    max-height: 7.5rem;
    display: block;
  }

  .browser-container {
    height: 10rem;
  }

  .text-block-66 {
    line-height: 85%;
  }

  .home-comparison-table {
    margin-top: 16rem;
  }

  .comp-table-container.home-bodycopy.alt {
    margin-top: 8rem;
  }

  .home-hero-left-refresh {
    max-width: 100vw;
    left: -12em;
  }

  .home-hero-right-refresh {
    max-width: 60vw;
    bottom: -6em;
    right: -6em;
  }

  .home-quote, .home-zero-flakes {
    margin-top: 16rem;
  }

  .home-zero-flakes.alt {
    padding-bottom: 10rem;
  }

  .zero-flakes-container {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .eyebrow-pink.hide-on-desktop {
    margin-bottom: 2rem;
    display: inline-block;
  }

  .eyebrow-pink.hide-on-tablet-below {
    display: none;
  }

  .xray-bug-1, .xray-flake-1 {
    display: block;
  }

  .xray-arm {
    left: 650px;
  }

  .home-contact-form {
    width: 75%;
  }

  .hero-copy-container {
    margin-top: 20%;
  }

  .full-size-image-2 {
    height: auto;
  }

  .table-qaw-logo.page_service {
    max-width: 20rem;
  }

  .marquee-wrapper {
    flex: 1;
  }

  .marky-mark-content.mobile {
    margin-left: 0;
  }

  .marky-mark {
    display: none;
  }

  .marky-mark.mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .form-block {
    flex: 1;
    margin-bottom: 0;
  }

  .trust-by-blocks {
    flex-flow: column;
    justify-content: space-between;
  }

  ._2-col-grid.mobile, ._2-col-grid.narrow {
    grid-template-columns: 1fr;
  }

  ._2-col-grid.sked {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    margin-bottom: 4rem;
  }

  ._2-col-grid.slider {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .airpods-container {
    max-width: 200px;
    display: none;
  }

  .dots-cc-2 {
    width: 100%;
    height: 400px;
    display: none;
    top: 10rem;
    right: 0%;
  }

  .airpod-mobile {
    max-width: 200px;
    display: block;
  }

  .blog-container {
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }

  .topics-container {
    position: relative;
    top: 0;
  }

  .calc-intro-subhead.upr-bodycopy, .calc-body-text.upr-bodycopy {
    text-align: left;
  }

  .calc-card {
    padding-bottom: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .calc-card-text.upr-bodycopy, .calc-intro-description.upr-bodycopy {
    text-align: left;
  }

  .logo-marquee-mobile {
    display: none;
  }

  .hiw-slilder-nav {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .code-like-crazy-content {
    grid-template-columns: 1fr;
  }

  .clc-code-block {
    height: 30rem;
  }

  .coverage-slide-1 {
    width: 100%;
  }

  .run {
    margin-bottom: 20rem;
  }

  .coverage-slide-2 {
    width: 100%;
  }

  .right-arrow-6 {
    bottom: 10rem;
    left: auto;
  }

  .left-arrow-2 {
    bottom: 10rem;
    right: auto;
  }

  .map-container {
    transform: scale(.6);
  }

  .charm-bar-2, .map-results-2, .map-context-2, .map-2, .maps-outline-2, .charm-bar-mobile, .map-results-mobile, .map-context-mobile, .map-mobile, .maps-outline-mobile {
    height: 65%;
  }

  .aaa-outline-mobile {
    right: -750px;
  }

  .directions-test-mobile {
    left: -750px;
  }

  .calc-choice-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    min-width: 200px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
  }

  .calc-choice-card.w--current {
    min-width: 200px;
    padding-left: 20px;
  }

  .calculator-card-2 {
    max-width: 70rem;
    padding-left: 4rem;
  }

  .tooltip-dropdown.inline {
    align-self: center;
  }

  .calculator-layout-grid-final-card {
    grid-column-gap: 4rem;
    grid-template-columns: 1fr 40%;
  }

  .inline-block-2 {
    padding-left: 6px;
    display: inline-block;
  }

  .calculator-grand-total-2 {
    font-size: 2em;
  }

  .calculator-layout-grid-2 {
    grid-column-gap: 4rem;
    grid-template-columns: 1fr 40%;
  }

  .calculator-grand-total-3 {
    font-size: 2em;
  }

  .calculator-layout-grid-3 {
    grid-column-gap: 4rem;
    grid-template-columns: 1fr 40%;
  }

  .clc-code-block-copy {
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
  }

  .run-images-container {
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px;
  }

  .touch-up-code {
    font-size: 2rem;
  }

  .obscure-arrow {
    bottom: 10rem;
    left: auto;
  }

  .left-arrow-flake {
    bottom: 10rem;
    right: auto;
  }

  .repro-grid-container {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .repro-graphics {
    min-height: auto;
    margin-bottom: 0;
  }

  .repro-copy {
    padding-top: 0;
  }

  .tracker-slider {
    height: auto;
    display: none;
  }

  .bug-video {
    position: relative;
    top: 0;
    bottom: auto;
    right: auto;
  }

  .center-on-mobile {
    text-align: center;
  }

  .reno-test.expanded {
    border: 2px solid #ffe100;
  }

  .reno-code {
    font-size: 1rem;
  }

  .tier3-map-light, .tier3-map-dark {
    width: 400px;
  }

  .hiw-slider-text.upr-bodycopy, .hiw-slider-text.center {
    text-align: left;
  }

  .hiw-slider-text.desktop {
    display: none;
  }

  .hiw-slider-text.mobile {
    display: block;
  }

  .hiw-slider-text.centered {
    text-align: left;
  }

  .bug-video-test {
    position: relative;
    top: 0;
    bottom: auto;
    right: auto;
  }

  .calc-final-card-unit-label {
    padding-left: 6px;
    display: inline-block;
  }

  .faq {
    max-width: 90%;
  }

  .blog-container-component {
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }

  .industry-case-study-card {
    width: 30rem;
  }

  .capa-table {
    grid-template-columns: 1fr;
  }

  .capa-filter-container {
    position: relative;
    top: 0;
  }

  .review-list {
    grid-template-columns: 1fr 1fr;
  }

  .logo-marquee-content-copy {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .home-heading-smaller, .free-trial-heading {
    font-size: 9vw;
  }

  .guide-container {
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }

  .soc2-container {
    width: 36%;
  }

  .event-title {
    font-size: 1.5em;
  }

  .type-pill {
    margin-bottom: 1rem;
  }

  .event-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    text-align: center;
    grid-template-columns: 1fr;
  }

  .solution-hero {
    justify-content: center;
    align-items: flex-start;
  }

  .solution-head-container {
    margin-bottom: 4rem;
  }

  .solution-h1 {
    text-align: left;
  }

  .graphic-right {
    position: relative;
    top: auto;
  }

  .graphic-right.aaa {
    background-color: #dfdfff;
    border-radius: 16px;
    justify-content: center;
    width: auto;
    padding: 4rem 1rem;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .graphic-right.release-when-clear {
    background-color: #dfdfff;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 4rem 1rem;
    display: flex;
    top: auto;
  }

  .graphic-right.non-text-content, .graphic-right.keyboard {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    top: auto;
  }

  .graphic-right.input-devices, .graphic-right.input-assist {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    top: auto;
    left: auto;
  }

  .graphic-right.infinite-scale {
    background-color: #f3f3f3;
    border-radius: 16px;
    justify-content: center;
    width: auto;
    padding: 4rem 1rem;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .graphic-right.component-load-times, .graphic-right.mobile-performance {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    top: auto;
  }

  .graphic-right.login-floods {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    top: auto;
    left: auto;
  }

  .graphic-right.salesforce-test-data {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    top: auto;
  }

  .graphic-right.salesforce-preupdate {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    top: auto;
    left: auto;
  }

  .graphic-right.salesforce-data-syncing {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    top: auto;
  }

  .graphic-right.vizdif-baseline {
    width: auto;
    top: 2rem;
  }

  .graphic-right.vizdif-tolerance {
    width: auto;
    margin-top: 2rem;
    top: auto;
    left: auto;
  }

  .graphic-right.vizdif-bug-report {
    width: auto;
    margin-top: 2rem;
    top: auto;
  }

  .graphic-right.prt-webhook, .graphic-right.prt-hold {
    top: 2rem;
  }

  .graphic-right.ai-decision-making {
    background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
    max-width: 100%;
    box-shadow: none;
    margin-top: 2rem;
    padding: 2rem;
  }

  .graphic-right.multisource {
    background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
    max-width: 100%;
    margin-top: 2rem;
    padding: 2rem;
  }

  .position-relative {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .position-relative.solution-image-container {
    background-color: #dfdfff;
    border-radius: 16px;
    padding: 4rem 1rem;
    display: flex;
  }

  .position-relative.solution-image-container.lighter {
    background-color: #f3f3f3;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .split-graphic {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .split-graphic.mobile {
    grid-template-columns: 1fr;
  }

  .split-graphic.release-when-clear {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    margin-top: 8rem;
    margin-bottom: 0;
  }

  .split-graphic.distinguishabl-content {
    margin-bottom: 8rem;
  }

  .split-graphic.timing {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .split-graphic.input-devices {
    margin-bottom: 8rem;
  }

  .split-graphic.component-load-times {
    margin-bottom: 4rem;
  }

  .split-graphic.traffic-spikes, .split-graphic.login-floods, .split-graphic.stress-tests, .split-graphic.salesforce-parallel {
    margin-bottom: 8rem;
  }

  .split-graphic.salesforce-preupdate {
    margin-bottom: 0;
  }

  .split-graphic.salesforce-data-syncing {
    margin-bottom: 4rem;
  }

  .split-graphic.salesforce-exports {
    margin-bottom: 8rem;
  }

  .split-graphic.salesforce-custom-objects, .split-graphic.salesforce-triggers, .split-graphic.salesforce-calculations {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .split-graphic.salesforce-bugs-bagged {
    margin-bottom: 0;
  }

  .split-graphic.vizdif-baseline {
    margin-top: 0;
  }

  .split-graphic.vizdif-target {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .split-graphic.vizdif-tolerance, .split-graphic.vizdif-ai-maint {
    margin-top: 8rem;
  }

  .split-graphic.vizdif-reports, .split-graphic.prt-webhook {
    margin-top: 0;
  }

  .split-graphic.prt-k8 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .split-graphic.prt-hold {
    margin-top: 0;
    margin-bottom: 8rem;
  }

  .split-graphic.prt-ai {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .split-graphic.prt-ai-2 {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .split-graphic.ai-decision-making {
    height: auto;
    margin-top: 2rem;
  }

  .graphic-left {
    position: relative;
    top: auto;
    left: auto;
  }

  .graphic-left.test-on-sked {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .graphic-left.timing {
    justify-content: center;
    align-items: center;
    width: auto;
    height: 420px;
    display: flex;
    position: relative;
    top: auto;
    left: 20px;
  }

  .graphic-left.nav-focus {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .graphic-left.traffic-spikes {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .graphic-left.low-band {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .graphic-left.stress-tests {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .graphic-left.salesforce-parallel, .graphic-left.salesforce-exports {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .graphic-left.salesforce-custom-objects {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .graphic-left.salesforce-triggers, .graphic-left.salesforce-calculations, .graphic-left.salesforce-bugs-bagged {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .graphic-left.vizdif-target {
    width: auto;
    margin-top: 2rem;
    top: auto;
    left: auto;
  }

  .graphic-left.vizdif-ai-maint {
    width: auto;
    max-width: 100%;
    top: auto;
    left: auto;
  }

  .graphic-left.prt-k8, .graphic-left.prt-ai {
    margin-top: 2rem;
    top: auto;
    left: auto;
  }

  .graphic-left.ai-js-dev {
    width: 60%;
    max-width: 80%;
    margin-top: 0;
    padding: 2rem;
    position: relative;
    top: auto;
  }

  .mob2-hero {
    height: 80rem;
  }

  .mob2-phone-container.alt {
    margin-top: 8rem;
  }

  .reviews-wrapper {
    grid-template-columns: 1fr 1fr;
    margin: 2rem;
  }

  .reviews-wrapper.desktop {
    display: none;
  }

  .reviews-wrapper.mobile {
    grid-column-gap: 2rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .review-logo-container {
    padding-top: 4rem;
    position: relative;
  }

  .h3-solutions {
    margin-top: 2rem;
  }

  .h3-solutions.calc {
    margin-top: 6rem;
  }

  .h3-solutions.margin-top-3xl.mobile-spacer {
    margin-top: 8rem;
  }

  .image-12 {
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .margin-top---mobile {
    margin-top: 2rem;
  }

  .readable-lang {
    margin-bottom: 8rem;
  }

  .keep-reading.calc {
    padding-top: 0;
  }

  .solutions-cta {
    margin-top: 8rem;
  }

  .resiliency {
    margin-bottom: 0;
  }

  .navbar-overlay-dropdown-link {
    width: 100%;
    margin-bottom: 1rem;
    text-decoration: none;
  }

  .cookie_banner, .cookie_banner-2 {
    max-width: 80%;
  }

  .newcalc-container {
    flex-flow: column;
    grid-template-columns: 1fr;
    height: auto;
    display: flex;
  }

  .newcalc-card-container {
    max-height: none;
    padding-bottom: 4rem;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .fs_rangeslider-1_handle {
    width: 2rem;
    height: 2rem;
  }

  .nc-card-header.total {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .calc-select.cadence {
    min-width: 24rem;
  }

  .counter-select {
    flex-flow: wrap;
  }

  .calc-cta {
    margin-top: 4rem;
  }

  .calc-what-it-takes-container {
    padding-right: 0;
  }

  .fs_rangeslider-1_handle-2 {
    width: 2rem;
    height: 2rem;
  }

  .vizdif-hero {
    justify-content: center;
    align-items: flex-start;
  }

  .vizdif-perfect-app-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sked-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .sked-right-container.alt {
    height: auto;
    margin-bottom: 16rem;
  }

  .sked-text-field.alt {
    margin-bottom: 0;
  }

  .mobile-left {
    height: 750px;
    min-height: auto;
  }

  .prt-hero, .electron-hero {
    justify-content: center;
    align-items: flex-start;
  }

  .character-tabs {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: block;
  }

  .character-menu {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .character-content {
    display: none;
  }

  .character-tab-link {
    flex-flow: column;
    width: auto;
    display: flex;
  }

  .character-tab-link.w--current {
    flex-flow: column;
    display: flex;
  }

  .character-headshot {
    position: relative;
  }

  .wolf-scientist {
    left: 188px;
  }

  .ai-video-grid {
    grid-template-columns: 1fr;
  }

  .cheering-robot {
    top: 4px;
  }

  .ai-character-desc {
    background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
    flex: 1;
    padding: 2rem;
    display: block;
    position: relative;
  }

  .flex-centered {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .flex-centered.purp {
    background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
  }

  .survey-numbers {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    grid-template-columns: 1fr 1fr;
    align-content: stretch;
    place-items: center;
    margin-right: 3vw;
  }

  .survey-stat {
    justify-content: center;
    align-items: center;
    margin-right: 0;
    padding-right: 0;
  }

  .survey-stat-label {
    font-size: 2rem;
  }

  .container-1600.why-qa-wolf {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: column;
    width: 92%;
  }

  .section-differentiation {
    height: auto;
  }

  .g2-logo {
    margin-right: 4px;
    text-decoration: none;
  }

  .upr-container {
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .home-heading-span {
    font-size: 14vw;
  }

  .impact-stats {
    justify-content: space-around;
    align-items: center;
  }

  .g2-ratings {
    flex-flow: column;
    align-items: center;
    text-decoration: none;
  }

  .g2-stars {
    letter-spacing: .25rem;
    text-decoration: none;
  }

  .events-list {
    grid-template-columns: 1fr;
  }

  .events-item-link {
    grid-template-columns: 16rem 1fr;
  }

  .upr-graphic-container-2 {
    grid-template-columns: 1fr;
  }

  .fast-test-2, .slow-test-2 {
    width: 15vw;
    min-width: 10rem;
    height: 20vw;
    min-height: 15rem;
  }

  .fastside-tests-2 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    justify-content: center;
  }

  .slowside-tests-2 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .marquee-item-2, .marquee-item-3 {
    width: auto;
  }

  .event-image {
    max-height: 16rem;
  }

  .marquee-cards-mobile {
    display: block;
  }

  .webinar-collection-list {
    grid-template-columns: 1fr;
  }

  .page-gate {
    z-index: 100000;
    display: block;
  }

  .page-gate-grid {
    grid-template-columns: 1fr;
  }

  .ai-factory-graphic.desktop {
    display: none;
  }

  .ai-factory-graphic.mobile {
    display: block;
  }

  .chevron.mobile-menu {
    color: var(--white\<deleted\|variable-048857a3\>);
  }

  .navbar-desktop {
    display: none;
  }

  .nav-mobile {
    z-index: 3000;
    background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
    display: block;
  }

  .toggle-trigger {
    z-index: -1000;
  }

  .togglelink.mobile {
    position: relative;
  }

  .nav-promo-img.mobile {
    aspect-ratio: 5 / 3.5;
    max-width: 160px;
  }

  .nav-promo.mobile {
    color: var(--white\<deleted\|variable-048857a3\>);
    align-items: center;
  }

  .nav-promo-blurb {
    text-decoration: none;
  }

  .nav-mobile-menu {
    z-index: 1000;
    flex-flow: column;
    align-items: stretch;
    min-height: 100%;
    display: none;
    top: 84px;
  }

  .c-menu-container--mobile {
    display: block;
  }

  .c-navbar__menu-toggle {
    cursor: pointer;
  }

  .menu-item--mobile.navlink.aux-link {
    border: 1px #000;
    border-bottom: 1px solid #0000;
  }

  .menu-item--mobile.navlink.aux-link:hover {
    border-bottom-width: 1px;
  }

  .menu-item--mobile.navlink.sign-in {
    text-align: center;
    align-self: center;
  }

  .toggle-container--mobile {
    z-index: 5000;
  }

  .featured--mobile {
    margin-bottom: 1.5rem;
  }

  .legacy-header {
    z-index: 3000;
    position: sticky;
  }

  .chevron-l {
    color: #9eaff0;
  }

  .cta-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
    margin-top: 2rem;
    display: flex;
  }

  .link-group--mobile {
    align-items: stretch;
    margin-bottom: 1.5rem;
    position: relative;
  }

  .link-group--mobile.hidden {
    display: none;
  }

  .mobile-menu_overview {
    background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
    padding-bottom: 2rem;
    display: block;
  }

  .link-group-footer {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
  }

  .mobile-menu---link {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: baseline;
    text-decoration: none;
    display: flex;
  }

  .mobile-menu---link:hover {
    text-decoration: none;
  }

  .mobile-menu---link.back {
    color: #9eaff0;
    font-size: 1.5rem;
  }

  .link-group-overview {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom: 1px solid #fff;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 2rem;
    display: none;
  }

  .mobile-footer {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: .7em;
  }

  .mobile-menu_sub {
    background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
    padding-bottom: 4rem;
    padding-right: 0;
    display: none;
  }

  .mobile-menu_sub.approach, .mobile-menu_sub.solutions, .mobile-menu_sub.resources, .mobile-menu_sub.community {
    display: none;
  }

  .mobile-featured-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    border-bottom: 1px solid #6779eb;
    margin-top: 1rem;
    padding-bottom: 2rem;
    display: flex;
  }

  .featured-thumb {
    background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
    width: 100px;
    height: 100px;
  }

  .link-group-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom: 1px solid #6779eb;
    flex-flow: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
  }

  .mobile-menu-header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom: 1px solid #6779eb;
    flex-flow: row;
    align-items: flex-end;
    margin-bottom: 1rem;
    padding-top: 0;
    padding-bottom: 1rem;
    display: flex;
  }

  .mobile-menu---title {
    text-align: center;
    flex: 1;
    padding-right: 8rem;
    font-size: 2rem;
    font-weight: 400;
    text-decoration: none;
  }

  .mobile-menu--subhead.approach {
    color: var(--pink-3\<deleted\|variable-478f5ba6\>);
    font-weight: 600;
  }

  .mobile-menu--subhead.solutions {
    color: var(--teal-4\<deleted\|variable-789a7075\>);
    font-weight: 600;
  }

  .mobile-menu--subhead.resources {
    color: #deff58;
    font-weight: 600;
  }

  .hr-white-1px {
    height: 1px;
  }

  .mobile-menu_cta-block {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    align-items: center;
    position: relative;
  }

  .mobile-menu_overview-copy {
    background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
    padding-top: 2rem;
    padding-bottom: 4rem;
    display: none;
  }

  .image-15 {
    transform: translate(0, -5px);
  }

  .nav-mobile-menu-deprecated {
    z-index: 1000;
    flex-flow: column;
    align-items: stretch;
    display: none;
  }

  .link-block-8 {
    text-decoration: none;
  }

  .link-block-8:hover {
    text-decoration: underline;
  }

  .link-block-9 {
    text-decoration: none;
  }

  .link-block-9:hover {
    text-decoration: underline;
  }

  .link-block-10 {
    text-decoration: none;
  }

  .link-block-10:hover {
    text-decoration: underline;
  }

  .link-block-11 {
    text-decoration: none;
  }

  .link-block-11:hover {
    text-decoration: underline;
  }

  .hero-heading {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 10rem;
  }

  .hero-heading.hero {
    font-size: 17vw;
  }

  .hero.why-qa-wolf {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .video-container, .video-container.why-qa-wolf, .video-container.has-round-corners {
    border-radius: 1rem;
  }

  .display-sub {
    font-size: 9vw;
  }

  .display-sub.hero {
    font-size: 17vw;
  }

  .hero-subhed {
    font-size: 3.5rem;
  }

  .hero-subhed.hero {
    font-size: 17vw;
  }

  .display-heading {
    margin-bottom: 1rem;
    font-size: 5rem;
  }

  .display-heading.hero {
    font-size: 17vw;
  }

  .display-subhed {
    font-size: 3.5rem;
  }

  .display-subhed.hero {
    font-size: 17vw;
  }

  .slot-container {
    grid-template-columns: 1fr;
  }

  .slot-nameplate {
    width: 100%;
  }

  .slot_totals-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .c-button__slot.left, .c-button__slot.right {
    padding-left: 40px;
    padding-right: 40px;
  }

  ._3d-container {
    width: 100%;
    top: auto;
  }

  .slot__control-panel-container {
    border-bottom-right-radius: 64px;
    border-bottom-left-radius: 64px;
    width: 100%;
    margin-top: 0;
    transform: none;
  }

  .slot__control-panel_lip {
    display: none;
  }

  .machine-wrapper {
    margin-bottom: 8rem;
    transform: translate(0);
  }

  .slot__control-panel_bottom {
    display: none;
  }

  .slot__control-panel_bottom-shadow {
    transform: translate(0);
  }

  .slot-screen {
    width: 100%;
  }

  .slot-result-num {
    min-width: auto;
    font-size: 2rem;
  }

  .slot-result-num.detail {
    font-size: 1.5rem;
  }

  .slot-result-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin-top: 4rem;
    display: grid;
  }

  .slot-nameplate-title {
    width: 75%;
  }

  .slot-handle-container {
    display: none;
  }

  .slot-result-num-fixed {
    min-width: auto;
    font-size: 2rem;
  }

  .slot_test-card.min-height {
    max-width: 100%;
  }

  .slot_test-card-contents {
    grid-template-columns: 1fr;
  }

  .run-log_wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .run-results {
    flex-flow: wrap;
  }

  .slots_tabs-menu {
    padding-right: 0;
  }

  .slots_tabs-link.icon {
    border: 2px solid var(--teal-4\<deleted\|variable-789a7075\>);
    position: absolute;
    top: -23px;
    left: 30%;
    right: 30%;
  }

  .slots_tab-container-2 {
    justify-content: center;
    align-items: center;
  }

  .chip_stack-1, .chip_stack-2, .chip_stack-3, .chip_stack-4 {
    opacity: 0;
  }

  .grid-block.why-qa-wolf {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .feature-stats-cta {
    padding-bottom: 2rem;
  }

  .flex-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .flex-item.shrink {
    flex: 1;
  }

  .graphic-heading {
    font-size: 9vw;
  }

  .graphic-text {
    font-size: 2vw;
  }

  .text-span-15 {
    font-size: 7vw;
  }

  .flex-block.why-qa-wolf {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .grid-cell {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .feature-quote-bubbles {
    padding-bottom: 4rem;
  }

  .bubble-container {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    margin-top: 4rem;
  }

  .quote-text {
    font-size: clamp(1.6rem, 1.1vmax, 2.2rem);
    line-height: 1.3;
  }

  .bubble-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .bubble-container-mobile {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
  }

  .page-content {
    padding-top: 4rem;
  }

  .left-sticky {
    width: 20rem;
    min-width: 20rem;
    display: none;
  }

  .main-column {
    border-left-style: none;
    border-left-width: 0;
    flex: 0 auto;
    padding-left: 0;
  }

  .toc-heading {
    font-size: 2.4rem;
  }

  .page-content-h2 {
    font-size: 5rem;
  }

  .intro {
    margin-bottom: 4rem;
  }

  .p-text {
    font-size: 2.25rem;
    line-height: 1.2;
  }

  .p-text.long-quote {
    max-width: 100%;
    font-size: 1.75rem;
  }

  .stats {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .sub-section {
    margin-bottom: 8rem;
  }

  .stat-blob {
    width: 32%;
  }

  .graphic-subhed-sml {
    font-size: 2.3vw;
  }

  .highlight {
    margin-bottom: 4rem;
  }

  .page-content-h3 {
    font-size: 4rem;
  }

  .attribution {
    font-size: 1.5rem;
  }

  .toc-link {
    flex: 1;
    display: none;
  }

  .toc-link.w--current {
    display: flex;
  }

  .toc-link-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 0;
    display: flex;
  }

  .fs-toc_richtext-2 {
    padding: 1.5rem;
  }

  .fs-toc_example {
    flex-direction: column;
  }

  .fs-toc_sidebar-2 {
    width: 100%;
    padding: 1.5rem;
    position: relative;
    top: 0;
  }

  .top-sticky {
    z-index: 100;
    border-bottom: 1px solid var(--teal-4\<deleted\|variable-789a7075\>);
    background-color: var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>);
    width: 100%;
    min-height: 9rem;
    display: block;
    top: 0;
  }

  .animation_corner-morph {
    display: none;
  }

  .toc-back-to-top {
    opacity: .5;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: block;
  }

  .toc-back-to-top:hover {
    opacity: 100;
  }

  .toc-back-to-top.w--current {
    display: flex;
  }

  .top-anchor {
    font-size: 1.6rem;
  }

  .page-label {
    color: var(--white\<deleted\|variable-048857a3\>);
    font-size: 1.7rem;
  }

  .tw-logo-container {
    flex-flow: wrap;
    display: inline-flex;
  }

  .callouts-block__old {
    padding-bottom: 4vw;
  }

  .feat-callout {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .feat-callout.divider-right {
    padding-right: 2vh;
  }

  .callout-heading-lockup {
    align-self: center;
  }

  .callouts {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    justify-content: flex-start;
  }

  .feat-calloutt-multi {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
    width: 100%;
  }

  .callout-heading-label {
    max-width: 100%;
  }

  .feature-container__old.solutions-android {
    padding-bottom: calc(12.5rem + 1.75vw);
  }

  .email-cta-block-old.why-qa-wolf {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .email-signup {
    width: 90%;
  }

  .highlight-block.has-video {
    padding: 2rem 2rem 3rem;
  }

  .highlight_ol-item {
    margin-bottom: 2rem;
    font-size: 2.75rem;
  }

  .highlight-content {
    padding: 5rem 6rem;
  }

  .highlight-summary {
    padding: 1.5rem 2rem 2rem;
    top: 97%;
    right: -3%;
  }

  .h3-summary {
    margin-bottom: .5rem;
    font-size: 2.5rem;
  }

  .summary-text {
    font-size: 2.2rem;
    line-height: 1.25;
  }

  .highlight-caption {
    font-size: 1.75rem;
  }

  .solutions__sign-up {
    margin-top: 8rem;
  }

  .h3-subsection.smaller {
    text-align: center;
  }

  .container {
    max-width: 728rem;
  }

  .container.hero {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    justify-content: flex-start;
    align-items: center;
  }

  .container-800-flex {
    max-width: 728rem;
  }

  .container-800-flex.hero {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    justify-content: flex-start;
    align-items: center;
  }

  .flex-block-4 {
    align-self: center;
  }

  .flex-block-9 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .g2-container {
    grid-column-gap: 3%;
    grid-row-gap: 3%;
  }

  .radio-button-field-2, .code-url-capture {
    display: none;
  }

  .careers-quote {
    font-size: 2rem;
  }

  ._3-col-grid.mobile, ._3-col-grid.narrow {
    grid-template-columns: 1fr;
  }

  ._3-col-grid.sked {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    margin-bottom: 4rem;
  }

  ._3-col-grid.slider {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .open-positions-container {
    padding: 2rem;
  }

  .blog-collection-list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .c-blog__post-card {
    padding: 1rem 1.5rem;
    top: 5rem;
  }

  .c-blog__title {
    font-size: 2.25rem;
  }

  .c-blog__topic-pill {
    font-size: 1.25rem;
  }

  .c-blog__arrow-right {
    display: inline-block;
  }

  .feat-tile {
    width: 48%;
    min-width: 20rem;
    max-width: 50rem;
  }

  .feat-tile.expanded {
    width: 100%;
  }

  .fs-table_header {
    padding-left: 1.25rem;
    font-size: 1.75rem;
  }

  .fs-table_cell {
    vertical-align: top;
    padding-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1.6rem;
  }

  .pricing-col_heading, .pricing-col_featured {
    font-size: 1.75rem;
  }

  .toc-container-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    border: 1px solid var(--_legacy---pepto--200-default\<deleted\|variable-75446cab-87ea-4b7a-a915-da8e13893a0f\>);
    border-radius: 8px;
    margin-bottom: 2rem;
    padding: 1rem;
  }

  .guide-grid {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .guide-hero-copy {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .callout-heading-stack {
    align-self: stretch;
  }

  .feat-callout-stack {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .feat-callout-stack.divider-right {
    padding-right: 2vh;
  }

  .callout-text-stack {
    max-width: 100%;
  }

  .callout-subtext {
    width: 100%;
    font-size: 2rem;
  }

  .callout-text-stack-1, .callout-text-stack-2 {
    max-width: 100%;
  }

  .feat-callout-multi-stack {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
    width: 100%;
  }

  .callout-heading-multi-stack {
    align-self: center;
  }

  .callout-text-stack-3 {
    max-width: 100%;
  }

  .callout-list-group {
    margin-top: 2rem;
  }

  .topper_hero {
    height: 40rem;
  }

  .feature-container_ios.solutions-android {
    padding-bottom: calc(12.5rem + 1.75vw);
  }

  .email-cta-block.why-qa-wolf {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .callouts-block {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-bottom: 4vw;
  }

  .hero-title_ios {
    margin-bottom: 0;
  }

  .email-signup-ios {
    width: 90%;
  }

  .feature-container.solutions-android {
    padding-bottom: calc(12.5rem + 1.75vw);
  }

  .email-cta-block__old.why-qa-wolf {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .text-span-26 {
    text-transform: none;
  }

  .text-block-110 {
    color: var(--white\<deleted\|variable-048857a3\>);
  }

  .webinar-container {
    flex-flow: column;
  }

  .image-21 {
    width: 100%;
  }

  .webinar-info {
    order: 1;
    align-items: flex-start;
    width: 100%;
  }

  .webinar-cta-text {
    text-align: center;
    align-self: stretch;
  }

  .webinar-promo-container, .wrapper_form-test {
    flex-flow: column;
  }

  .swiper-prev {
    display: none;
  }

  .home_swiper-iphone-wrapper {
    position: relative;
  }

  .home_coverflow {
    height: 400px;
  }

  .case-study_quote-container {
    border-bottom: 2px solid #363661;
  }

  .case-study_quote-container.on-purp {
    border-bottom-color: #3b3bef;
  }

  .home_integrations-explainer {
    color: var(--qaw-claws_color---neutral--neutral-w);
    display: block;
  }

  .swiper-next {
    display: none;
  }

  .home_creep-container {
    display: none;
    left: -25%;
  }

  .swiper-slide {
    width: auto;
    min-width: 100%;
  }

  .swiper-slide.phone {
    width: 100%;
    min-width: 0;
  }

  .swiper-slide.web-app {
    min-width: 100%;
  }

  .home_h1-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .grid-6col {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .grid-6col.infra {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    place-items: start stretch;
  }

  .home_swiper-browser.web-app {
    width: 530px;
    min-width: 530px;
  }

  .g2_module-badge {
    flex: 0 auto;
  }

  .home_integrations-group {
    border-bottom-style: none;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .home_integrations-group:hover {
    border-bottom-style: none;
  }

  .header.page_service {
    height: 70rem;
  }

  .swiper-slide-grid-phones {
    flex: 1;
  }

  .home_orchestration-wrapper.bw {
    height: 400px;
  }

  .g2_quote_container {
    border-bottom: 2px solid #363661;
  }

  .hyper-fade {
    display: none;
  }

  .hyper-fade.bottom {
    height: 40%;
    display: block;
  }

  .home_swiper-code {
    overflow: hidden;
  }

  .background-video-1.ios {
    object-fit: cover;
    height: 164%;
  }

  .background-video-1.android-device {
    height: 128%;
  }

  .home_integrations {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .product-feature-video {
    max-height: 90%;
  }

  .g2_badge-wrapper, .case-study_stat-container.left {
    border-left-width: 0;
  }

  .home_chat-wrapper {
    height: auto;
  }

  .home_chat-box {
    bottom: 150px;
  }

  .home_integrations-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: #3b3bef;
    border-radius: 12px;
    flex-flow: column;
    padding: 4rem;
    display: flex;
  }

  .swiper-slide-grid {
    grid-template-rows: auto;
  }

  .swiper-slide-grid.desktop {
    display: flex;
  }

  .product-copy {
    padding-left: 0;
  }

  .platform-manifesto_wrapper {
    text-align: left;
  }

  .platform-manifesto_wrapper.aux {
    justify-content: center;
    align-items: flex-start;
  }

  .t-l1.hyper-3.center, .t-l1.center.platform {
    text-align: left;
  }

  .claws_link-block.back-all-posts {
    margin-top: 1rem;
  }

  .is-draggable.product_creation-code {
    top: 5%;
    right: auto;
  }

  .is-draggable.product_creation-chat {
    bottom: 4%;
    left: auto;
    right: auto;
  }

  .claws_h-lg.claws_color-neutral-w-2.stat {
    font-size: var(--qaw-claws_type---heading-size--h-xl);
  }

  .claws_h-md.claws_color-neutral-w.product, .claws_h-md.infra {
    text-align: left;
  }

  .claws_h-sm.claws_color-neutral-b.page_service {
    text-wrap: balance;
  }

  .claws_icon.feature-icon {
    width: 6rem;
    min-width: 6rem;
    max-width: 6rem;
  }

  .signup-page_grid {
    grid-template-columns: 1fr;
  }

  .signup-graphic_wrapper {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .home_swiper-android-wrapper {
    position: relative;
  }

  .home_swiper-android-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .signup-form-container {
    margin-bottom: 0;
  }

  .signup-product_graphic {
    max-width: 90%;
    max-height: 75%;
  }

  .aux-graphic_container.alt.code-toggle {
    overflow: hidden;
  }

  .chart-aux_wrapper {
    margin-top: 4rem;
    padding-left: 0;
    padding-right: 0;
  }

  .chart-aux_wrapper.pie {
    flex-flow: column;
  }

  .aux-hero {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .aux-hero.with-stats {
    padding-bottom: 8rem;
  }

  .aux-hero_copy {
    padding-left: 0;
  }

  .home_swiper-ios-wrapper {
    position: relative;
  }

  .home_swiper-ios-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 250px;
  }

  .aux-comparison_grid {
    grid-template-columns: 1fr;
  }

  .aux-comparison_grid.mobile {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .aux-comparison_grid.narrow {
    grid-template-columns: 1fr;
  }

  .aux-comparison_grid.sked {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    margin-bottom: 4rem;
  }

  .aux-comparison_grid.slider {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .aux-comparison_grid.desktop {
    display: none;
  }

  .aux-comparison_table {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .aux-comparison_table.mobile {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .aux_auto-stat_wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    background-size: auto;
    flex-flow: wrap;
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
    bottom: auto;
  }

  .tech_stack-card {
    text-align: center;
  }

  .toggle-star-combo {
    z-index: 2;
    left: 16px;
  }

  .aux-chart_legend-container {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
  }

  .aux_auto-stat {
    padding-top: 0;
    padding-bottom: 0;
  }

  .aux-centered_header {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
  }

  .testing-type-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    display: flex;
  }

  .infra-hero {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .infra-hero.with-stats {
    padding-bottom: 8rem;
  }

  .infra-comparison_table {
    display: none;
  }

  .infra-comparison_table.mobile-card {
    display: block;
  }

  .infra-table-icon {
    height: 48px;
  }

  .claws_card-grid-group.page_cms-index-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .top.top_basic {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }

  .top.wolf-den {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .feature.wolf-den, .feature.wolf-den-template {
    padding-bottom: 6rem;
  }

  .top-text.page_blog-index {
    padding-top: 0;
    padding-bottom: 6rem;
  }

  .claws_s-l1.wolf-den {
    font-size: 2rem;
  }

  .split-callout-video {
    width: 52%;
  }

  .split-callout-text {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    width: 60%;
    padding: 4rem 3rem 4rem 15%;
  }

  .callout-logo {
    width: 18rem;
  }

  ._2col-flex {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    margin-top: 3rem;
  }

  .filter-options {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .filter_menu-form {
    transform-origin: 50% 0;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
    display: none;
  }

  .col-right-main {
    margin-top: 0;
  }

  .col-left-rail {
    border-right-style: none;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .filter_menu-box {
    background-color: var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
    border-radius: 2rem;
    padding: 1rem 2rem;
    position: relative;
    top: 0;
  }

  .filter-option-clear-btn {
    margin-top: 1.5rem;
    display: inline-flex;
    position: relative;
  }

  .filter-option-clear-btn:hover {
    background-color: var(--qaw-claws_🔒palette---hyper--70);
    color: var(--qaw-claws_🔒palette---hyper--100);
  }

  .filter_menu-header {
    transform-origin: 50% 0;
    cursor: pointer;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    transform: translate(0);
  }

  .filter-option-clear {
    text-align: center;
    flex: none;
    width: 100%;
  }

  .filter_chevron {
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
    display: block;
  }

  .infra_hero-copy {
    padding-left: 0;
  }

  .infra-comp_table-mobile_container {
    display: block;
  }

  .infra-intro_summary {
    grid-row-gap: var(--qaw-claws_spacing---gutter--gutter-lg);
    padding-left: 0;
    padding-right: 0;
  }

  .infra_intro-copy {
    padding-left: 0;
  }

  .top-text-logo {
    transform: scale(.9);
  }

  .schedule-demo_container {
    margin-bottom: 0;
  }

  .signup-award_wrapper {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .platform-signup_grid {
    grid-template-columns: 1fr;
  }

  .signup-award_wrapper-2 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .claws_thumb-tile {
    padding: 1.5rem;
  }

  .claws_thumb-tile.tile.blog_sidebar {
    aspect-ratio: 16 / 9;
  }

  ._3col-multi {
    grid-column-gap: 4rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
    grid-template-columns: 1fr;
    justify-content: space-around;
    align-items: stretch;
    width: 100%;
  }

  .col-left-slim {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .col-right {
    border-top: 1px solid #000;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-top: 0;
    padding-top: 3rem;
    padding-bottom: 0;
  }

  .col-center {
    flex: none;
    margin: 4rem 0;
  }

  .social-share-options {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .social-share-group {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .related-content-group {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .related-post-tile {
    padding: 2rem;
  }

  .related-posts-list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: row;
  }

  .related-posts-item {
    flex: 1;
  }

  .infra-centered-header {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .fat_wolf-web {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .fs-marquee-service_wrapper {
    position: relative;
  }

  .bw-hero-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    height: auto;
  }

  .bw-hero-copy {
    text-align: center;
  }

  .bw-hero-logo_wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    overflow: hidden;
  }

  .bw-hero-logo {
    height: 80px;
    padding-left: 64px;
    padding-right: 64px;
  }

  .bw-hero-logo.has-case_study {
    background-color: #0000;
    padding-left: 64px;
    padding-right: 64px;
  }

  .bw-hero-logo.has-case_study.less-padding {
    padding-left: 48px;
    padding-right: 48px;
  }

  .bw-hero-logo.smaller {
    padding-left: 64px;
    padding-right: 64px;
  }

  .bw-prototype-container {
    min-height: auto;
  }

  .bw-section-product {
    margin-bottom: 0;
    padding-top: 4rem;
    bottom: 0;
  }

  .bw-split_card {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .bw-split_card-graphic {
    height: 100%;
  }

  .bw-split_card-graphic.runs.ts {
    height: auto;
  }

  .bw-split_card-content {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    text-align: center;
    justify-content: space-between;
    align-items: center;
  }

  .bw-tabs {
    height: 100%;
  }

  .bw-tabs-pane_placeholder {
    min-height: 300px;
  }

  .bw-vprops-container {
    flex-flow: column;
  }

  .bw-vprop {
    padding: 2rem;
  }

  .bw-tabs-pane_graphic_wrapper {
    min-height: 300px;
    padding: 4rem;
  }

  .bw-service-header {
    width: auto;
  }

  .bw-integrations {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .bw-prototype-account_controls, .bw-prototype-team_container {
    display: none;
  }

  .bw-video-container {
    width: 100%;
  }

  .bw-automation-tabs_menu {
    border-radius: 1024px;
    display: inline-flex;
  }

  .bw-automation-tab_link, .bw-automation-tab_link.w--current {
    font-size: var(--qaw-claws_type---text-size--t-l4);
  }

  .bw-automation-tabs_content {
    background-image: linear-gradient(0deg, white, var(--qaw-claws_🔒palette---hyper--60) 30%, var(--qaw-claws_🔒palette---hyper--60) 65%);
    height: auto;
  }

  .bw-manifesto-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    display: flex;
    position: relative;
  }

  .bw-manifesto-header_container, .bw-manifesto-header_container.sdlc {
    position: relative;
    top: auto;
  }

  .bw-manifesto-t {
    font-size: 5rem;
    position: relative;
  }

  .bw-sdlc-grid {
    flex-flow: column;
    display: flex;
  }

  .bw-integrations-graphic_container {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    padding: 2rem;
  }

  .bw-hero-logo_wrapper-mobile {
    display: none;
  }

  .g2-strip {
    text-decoration: none;
  }

  .g2-star-set {
    letter-spacing: .25rem;
    text-decoration: none;
  }

  .anchor-section {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-bottom: 6rem;
  }

  .anchor-section.section-special {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .service-text-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .service-text-wrap.alt-width {
    width: 30%;
    min-width: 32rem;
  }

  .service-stickie-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-end;
    align-items: flex-start;
    container-type: inline-size;
  }

  .service-stickie {
    width: 94%;
    height: auto;
    padding: 4rem 3.5rem;
  }

  .service-stickie.post-1 {
    right: 8cqw;
    transform: rotate(-.75deg);
  }

  .service-stickie.post-2 {
    top: -2rem;
    right: 4cqw;
    transform: rotate(-.5deg);
  }

  .service-stickie.post-3 {
    top: -4rem;
    transform: rotate(.75deg);
  }

  .service-tabs {
    margin-left: 3rem;
  }

  .service-tabs-menu {
    height: 20rem;
  }

  .tab-text {
    padding: 1rem .25rem;
  }

  .bw-manifesto-center-container {
    padding: 0;
  }

  .bw-hero_wolf-foreman {
    width: 150px;
    top: -80px;
  }

  .bw-hero_wolf-mapper {
    width: 150px;
    top: -100px;
  }

  .bw-hero_wolf-orchestrator {
    width: 150px;
    top: -110px;
  }

  .bw-hero_wolf-thumbs {
    width: 150px;
    top: -110px;
    right: 30%;
  }

  .beach-sand {
    display: none;
  }

  .beach-wolf {
    background-image: radial-gradient(circle, #3b3bef, #3b3bef 60%, #3b3bef00 80%);
    width: 400px;
    position: absolute;
    top: 20px;
    left: auto;
    right: 20px;
  }

  .beach-tree {
    display: none;
  }

  .bw-service-explainer {
    width: auto;
    max-width: 100%;
  }

  .wolf_marquee-wrapper {
    position: relative;
  }

  .globe-wrap {
    aspect-ratio: 3;
  }

  .trio-feature {
    margin-right: 1.75rem;
    padding-right: 1.75rem;
  }

  .globe, .profiles-container {
    width: 100%;
  }

  .profile {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .profile._1c {
    right: 8%;
  }

  .profile._2c {
    right: 16%;
  }

  .fs-bw-prototype-nav {
    justify-content: center;
    align-items: center;
  }

  .home-hero-blurb-parent.home-hero-blurb {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    justify-content: flex-start;
    align-items: center;
  }

  .task-wolf-parent.task-wolf {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .table-row {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .table-cell {
    justify-content: center;
    padding: 2rem;
  }

  .table-cell.benefit {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .table-cell.logo {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .table-icon-wrap {
    height: 48px;
  }

  .benefits-list-label.related-post {
    font-size: 8cqw;
  }

  .benefits-list-label.tab-label {
    font-size: clamp(2rem, 10cqw, 2rem);
  }

  .benefits-list-label.post-its {
    text-wrap: wrap;
    font-size: clamp(2rem, 5cqw, 2.5rem);
  }

  .badge-header-title.related-post {
    font-size: 8cqw;
  }

  .badge-header-title.tab-label {
    font-size: clamp(2rem, 10cqw, 2rem);
  }

  .badge-header-title.post-its {
    text-wrap: wrap;
    font-size: clamp(2rem, 5cqw, 2.5rem);
  }

  .beach-cloud-2, .beach-cloud-1 {
    display: none;
  }

  .metronome-stack {
    justify-content: center;
    align-items: center;
  }

  .bw-quote-link {
    text-align: center;
  }

  .bw-capability-container {
    grid-template-columns: 1fr 1fr;
  }

  .bw-automation-capability {
    padding: 2rem;
  }

  .bw-capability-key-container {
    grid-row-gap: 2rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .bw-quotation-open {
    right: 0;
  }

  .bw-mapper_wolf {
    width: 180px;
  }

  .ts-hero-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    height: auto;
  }

  .nav_slider {
    height: auto;
  }

  .splide_wrapper {
    width: 100%;
  }

  .splide.case-study-slider {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .splide__track {
    overflow: hidden;
  }

  .footer_bug-hunt-container {
    width: 100%;
  }

  .footer_sign-up {
    align-self: stretch;
  }

  .footer_cta {
    align-items: center;
    width: 80%;
  }

  .footer_cta-blurb {
    text-align: center;
  }

  .footer_top-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    align-items: center;
  }

  .g2-strip-2 {
    text-decoration: none;
  }

  .footer_cta-heading {
    text-align: center;
  }

  .footer_content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    align-items: center;
    padding: 80px 40px;
  }

  .nav_btn-pair {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .splide__track-2 {
    overflow: hidden;
  }

  .nav_hamburger-wrapper {
    cursor: pointer;
  }

  .nav_tab-label {
    font-size: 18px;
  }

  .nav_tab {
    width: 100%;
  }

  .nav_group {
    height: auto;
    display: block;
  }

  .nav_group.resources, .nav_group.community {
    height: auto;
  }

  .nav_group.platform {
    grid-template-columns: 1fr;
    height: auto;
  }

  .nav_about {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    max-width: 50ch;
    line-height: 125px;
    display: flex;
  }

  .claws_btn.nav_btn {
    height: 2.5em;
  }

  .nav_about-text {
    line-height: 135%;
  }

  .nav_nested-cta {
    margin-top: 20px;
    display: block;
  }

  .nav_tab-btn {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 8px;
  }

  .nav_menu {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav_container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav_tab-btn-external {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 8px;
  }

  .nav_utility {
    border-top: 1px solid #7781f7;
    border-bottom: 1px solid #94a5f7;
    margin-top: 8px;
    margin-bottom: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
  }

  .splide-2.case-study-slider {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .nav_items {
    max-width: 100%;
    padding-top: 12px;
  }

  .nav_link-btn {
    border-bottom: 1px solid #fff3;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
  }

  .nav_link-btn.customers {
    justify-content: space-between;
    align-items: center;
  }

  .nav_utility-link {
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: color .25s cubic-bezier(.77, 0, .175, 1);
    display: flex;
  }

  .nav_utility-link:hover {
    color: #fff;
  }

  .nav_tab-content {
    height: auto;
    box-shadow: none;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    border-top: 1.5px solid #fff;
    display: block;
    position: relative;
    top: 0;
  }

  .nav_tab-content.community, .nav_tab-content.resources, .nav_tab-content.customers, .nav_tab-content.service {
    display: none;
  }

  .nav_tab-btn-content {
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
  }

  .nav_tab-chevron {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    transform: rotate(-90deg);
  }

  .splide_wrapper-2 {
    width: 100%;
  }

  .nav_slider-2 {
    height: auto;
  }

  .nav_menu-wrapper {
    background-color: #160e8c;
    min-width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
  }

  .nav_hamburger-icon {
    width: 100%;
    height: 100%;
  }

  .top-copy.top_basic {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }

  .footer_container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .footer_bug-hunt-container-2 {
    width: 100%;
  }

  .g2-logo-2 {
    margin-right: 4px;
    text-decoration: none;
  }

  .footer_about {
    border-bottom: 1px solid #363661;
    width: 100%;
    padding-bottom: 16px;
  }

  .footer_content-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    align-items: center;
    padding: 80px 40px;
  }

  .footer_bottom-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template: "."
                   "."
                   / 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .footer_cta-2 {
    align-items: center;
    width: 80%;
  }

  .footer_cta-heading-2 {
    text-align: center;
  }

  .g2-strip-3 {
    text-decoration: none;
  }

  .footer_links {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
    width: 100%;
  }

  .footer_cta-blurb-2 {
    text-align: center;
  }

  .footer_sign-up-2 {
    align-self: stretch;
  }

  .g2-star-set-2 {
    letter-spacing: .25rem;
    text-decoration: none;
  }

  .benefits_icon-wrap {
    width: 6rem;
  }

  .event-venue.claws_color-neutral-b.page_service {
    text-wrap: balance;
  }

  .event-item-overview {
    justify-content: space-between;
    align-items: flex-start;
  }

  .event-meta {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
  }

  .text-block-124 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    --qaw-claws_type---text-size--t-l1: 2rem;
    --qaw-claws_type---text-size--t-l2: 1.75rem;
    --qaw-claws_type---text-size--t-l4: 1.25rem;
    --qaw-claws_type---char-limit--t-char-limit: 65ch;
    --qaw-claws_type---heading-size--h-sm: 4rem;
    --qaw-claws_type---line-height--t-line-ht: 1.6;
    --qaw-claws_type---heading-size--h-md: 5rem;
    --qaw-claws_type---line-height--h-line-ht-md: 1.15;
    --qaw-claws_type---font-weight--h-weight: 650;
    --qaw-claws_type---letter-space--h-letter-spc: -.025em;
    --qaw-claws_type---heading-size--h-xs: 3rem;
    --qaw-claws_type---line-height--h-line-ht-sm: 1.2;
    --qaw-claws_type---heading-size--h-xxs: 2.5rem;
    --qaw-claws_type---line-height--h-line-ht-xs: 1.25;
    --qaw-claws_type---line-height--h-line-ht-xxs: 1.3;
    --qaw-claws_type---font-weight--t-weight: 400;
    --qaw-claws_type---char-limit--h-char-limit: 30ch;
    --qaw-claws_type---heading-size--h-xl: 10rem;
    --qaw-claws_type---line-height--h-line-ht-xl: .95;
    --qaw-claws_type---heading-size--h-lg: 7.5rem;
    --qaw-claws_type---line-height--h-line-ht-lg: 1.1;
    --qaw-claws_type---text-size--t-l3: 1.5rem;
  }

  .qaw-claws--claws_btn.qaw-claws--nav_btn {
    width: 100%;
  }

  .qaw-claws--nav_menu-wrapper {
    display: none;
  }

  .qaw-claws--nav_btn-pair {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .qaw-claws--nav_tab-content.qaw-claws--platform {
    display: none;
  }

  .qaw-claws--nav_link-btn.qaw-claws--customers {
    margin-top: 16px;
  }

  .qaw-claws--nav_slider-left, .qaw-claws--nav_slider-right {
    display: block;
  }

  .qaw-claws--nav_slide {
    --qaw-claws_type---text-size--t-l1: 2rem;
    --qaw-claws_type---text-size--t-l2: 1.75rem;
    --qaw-claws_type---text-size--t-l4: 1.25rem;
    --qaw-claws_type---char-limit--t-char-limit: 65ch;
    --qaw-claws_type---heading-size--h-sm: 4rem;
    --qaw-claws_type---line-height--t-line-ht: 1.6;
    --qaw-claws_type---heading-size--h-md: 5rem;
    --qaw-claws_type---line-height--h-line-ht-md: 1.15;
    --qaw-claws_type---font-weight--h-weight: 650;
    --qaw-claws_type---letter-space--h-letter-spc: -.025em;
    --qaw-claws_type---heading-size--h-xs: 3rem;
    --qaw-claws_type---line-height--h-line-ht-sm: 1.2;
    --qaw-claws_type---heading-size--h-xxs: 2.5rem;
    --qaw-claws_type---line-height--h-line-ht-xs: 1.25;
    --qaw-claws_type---line-height--h-line-ht-xxs: 1.3;
    --qaw-claws_type---font-weight--t-weight: 400;
    --qaw-claws_type---char-limit--h-char-limit: 30ch;
    --qaw-claws_type---heading-size--h-xl: 10rem;
    --qaw-claws_type---line-height--h-line-ht-xl: .95;
    --qaw-claws_type---heading-size--h-lg: 7.5rem;
    --qaw-claws_type---line-height--h-line-ht-lg: 1.1;
    --qaw-claws_type---text-size--t-l3: 1.5rem;
    flex-shrink: 0;
    width: 250px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .qaw-claws--nav_slider-pagination {
    display: block;
  }

  .qaw-claws--nav_slider-mask {
    justify-content: left;
    gap: 16px;
    display: block;
  }

  .qaw-claws--footer_about {
    border-bottom-style: none;
    min-width: 240px;
    padding-bottom: 0;
  }

  .qaw-claws--footer_text.qaw-claws--col-heading {
    display: none;
  }

  .qaw-claws--footer_content {
    padding: 64px 32px;
  }

  .qaw-claws--footer_bottom-wrap {
    grid-column-gap: 32px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .qaw-claws--footer_cta {
    text-wrap: balance;
    width: 100%;
  }

  .qaw-claws--footer_link-col {
    display: none;
  }

  .qaw-claws--footer_link-col.qaw-claws--legal {
    display: flex;
  }

  .qaw-claws--footer_cta-heading {
    font-size: 64px;
  }

  .qaw-claws--footer_links {
    width: 200px;
    min-width: 0;
    padding-top: 32px;
  }

  .qaw-claws--footer_cta-blurb {
    font-size: 20px;
  }

  .text-size-2xl._2 {
    font-size: 1.8em;
    line-height: 3rem;
  }

  .button.navbar-button {
    margin-top: .5em;
  }

  .text-size-4xl {
    font-size: 4em;
    line-height: 1;
  }

  .text-size-4xl._2 {
    font-size: 3em;
  }

  .text-size-5xl {
    font-size: 4.5em;
  }

  .text-size-5xl.text-condensed.text-align-center.text-uppercase.home-headline {
    margin-top: 1rem;
    font-size: 5em;
  }

  .grid-2-column, .grid-3-column {
    grid-template-columns: 1fr;
  }

  .grid-3-column.home {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    margin-top: 4rem;
  }

  .grid-4-column, .grid-1-3-2-3, .grid-2-3-1-3 {
    grid-template-columns: 1fr;
  }

  .container-1200.max-on-mobile, .container-1000.max-on-mobile {
    width: 100%;
  }

  .container-800.hero {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .styleguide-nav-toggle {
    padding: .875em 1em 1em;
  }

  .section.flex-center.home-hero-section {
    padding-bottom: 16rem;
  }

  .text-size-6xl {
    font-size: 4em;
  }

  .styleguide-nav-menu {
    background-color: #0000;
  }

  .navbar---2-0 {
    display: none;
    position: static;
  }

  .navbar---2-0.light {
    position: relative;
  }

  .c-navbar__menu {
    text-align: right;
    background-color: #0000;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 6em;
    margin-right: 1em;
    padding: 0;
    display: flex;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .menu-item {
    margin-bottom: .5em;
    margin-right: 0;
  }

  .menu-item.w--current {
    border-bottom-style: none;
  }

  .menu-item.light {
    color: var(--white\<deleted\|variable-048857a3\>);
  }

  .navbar-toggle {
    border-radius: .5em;
  }

  .navbar-toggle.w--open {
    background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
  }

  .navbar-link-wrapper {
    background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
    border-radius: .5em;
    padding: 1em;
  }

  .email-form {
    flex-direction: column;
    width: 100%;
  }

  .flex-horizontal {
    display: block;
  }

  .grid-sidebar-right {
    grid-template-columns: 1fr;
  }

  .home-hero-right {
    right: -4em;
  }

  .home-hero-illustration {
    bottom: -2em;
  }

  .form-input-tactile {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .form-input-tactile.split-input {
    border-radius: 1rem;
  }

  .button-primary {
    width: 100%;
    display: block;
  }

  .button-primary.split-btn {
    border-radius: 1rem;
  }

  .button-primary.split-btn.solutions-ios {
    background-image: linear-gradient(6deg, #1616c2, #4e4ed1 10%, #9c7fed 45%, #c89eed 77%, #f4bdec);
  }

  .logo-bar {
    grid-column-gap: 2em;
    grid-row-gap: 1em;
  }

  .logo-bar-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr 1fr;
  }

  .hide-mobile {
    display: none;
  }

  .card {
    max-width: 100%;
  }

  .grid-40-60 {
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .preheader {
    margin-top: 0;
  }

  .grid-60-40 {
    grid-template-columns: 1fr;
  }

  .max-width-100 {
    width: 100%;
    max-width: 100%;
  }

  .card-offset {
    max-width: 150%;
    left: -50%;
  }

  .card-black {
    max-width: 100%;
  }

  .home-heading {
    margin-top: 1rem;
    font-size: 20vw;
  }

  .home-heading.hero {
    font-size: 20vw;
  }

  .form-input-inline-shaded {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .display-block-mobile, .flex-align-end {
    display: block;
  }

  .home-strategy-bars {
    display: none;
  }

  .margin-bottom-xl-mobile {
    margin-bottom: 4rem;
  }

  .button-primary-inverted {
    width: 100%;
    display: block;
  }

  .button-primary-inverted.width-fill.pinned-to-bottom {
    position: absolute;
    inset: auto 0% 0%;
  }

  .calculator-layout-grid {
    grid-template-columns: 1fr;
  }

  .calculator-card {
    max-width: 100%;
    padding: 2rem 3rem;
  }

  .by-the-numbers {
    display: block;
  }

  .by-the-numbers.margin-top-l.border-radius-1 {
    padding-top: 2rem;
  }

  .by-the-numbers-metric {
    margin-top: 4rem;
  }

  .fs-cc-banner2_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .pt-hero {
    grid-template-columns: 1fr;
  }

  .capability-logos {
    grid-column-gap: 2em;
    grid-row-gap: 1em;
  }

  .logo-bar-flexbox {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr 1fr;
  }

  .capabilities-item-grid {
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .heading-small {
    font-size: 1.25rem;
  }

  .collection-item {
    margin-top: 2em;
    margin-bottom: 0;
  }

  .navbar-mobile {
    background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
    display: block;
  }

  .navbar-mobile.light {
    position: relative;
  }

  .navbar-overlay {
    height: 300vh;
    min-height: auto;
    display: none;
  }

  .navbar-overlay.color-white {
    display: none;
  }

  .navbar-overlay-link {
    display: block;
  }

  .div-block-12, .navbar-overlay-dropdown {
    justify-content: space-between;
    display: flex;
  }

  .mobile-navbar {
    background-color: var(--blue-8\<deleted\|variable-499ebd46\>);
    display: block;
    position: static;
  }

  .mobile-navbar.light {
    position: relative;
  }

  .challenge-hero {
    grid-template-columns: 1fr;
  }

  .scoreboard.container-600.margin-bottom-xl {
    grid-template-columns: 1fr 1fr;
  }

  .wolf-defense {
    display: none;
    left: 380px;
  }

  .wolf-offense {
    display: none;
  }

  .button-pink {
    text-transform: uppercase;
  }

  .button-blue {
    display: block;
  }

  .intro-header {
    font-size: 7rem;
  }

  .subsection-content {
    width: 100%;
  }

  .home-bodycopy.hiw {
    text-align: center;
  }

  .container-400.center {
    justify-content: center;
    display: flex;
  }

  .slow-test.hide-on-mobile, .slow-test.hide-test-below-tablet, .fast-test.hide-test-below-tablet {
    display: none;
  }

  .button-primary-pink {
    width: 100%;
    display: block;
  }

  .button-primary-pink.width-fill.pinned-to-bottom {
    position: absolute;
    inset: auto 0% 0%;
  }

  .act-incentive {
    text-align: left;
  }

  .chilipiper-container {
    max-width: 100%;
  }

  .marquee-item.mobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 20rem;
  }

  .marquee-logo {
    flex: none;
    max-height: 7rem;
  }

  .outcome-block {
    grid-column-gap: 2px;
  }

  .marquee-value-prop.mobile {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .social-proof-featured {
    grid-template-columns: 1fr;
  }

  .comp-table-grid {
    padding-left: 2rem;
    padding-right: 0;
  }

  .comp-table-check {
    max-width: 60%;
  }

  .home-hero {
    height: 80vh;
    position: relative;
  }

  .home-hero-right-refresh {
    right: -4em;
  }

  .home-hero-illustration-refresh {
    display: none;
    bottom: -2em;
  }

  .bad-form-container {
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .bad-form-input.text-area {
    min-height: 20rem;
  }

  .submit-button {
    display: block;
  }

  .bad-form-dots.case-study {
    display: none;
  }

  .bad-form-header {
    font-size: 6rem;
  }

  .bad-form-wrapper {
    width: 100%;
    max-width: 100%;
    display: block;
  }

  .xray-bug-1, .xray-flake-1 {
    display: block;
  }

  .xray-arm {
    left: 483px;
  }

  .home-contact-form {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .home-contact-input {
    box-shadow: inset 1px 1px 3px 0 var(--black-a10\<deleted\|variable-5a302120\>);
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    margin-right: 0;
  }

  .contact-button {
    border-radius: 16px;
    flex: 1;
    width: 100%;
    margin-top: 2rem;
    display: block;
  }

  .contact-button.hero {
    margin-top: 1rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .home-email-form {
    box-shadow: none;
    border-radius: 0;
    flex-direction: row;
    display: block;
  }

  .hero-copy-container {
    margin-top: auto;
  }

  .marquee-wrapper.mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .bad-form-header-2 {
    font-size: 6rem;
  }

  .submit-button-2 {
    display: block;
  }

  .form-block {
    flex: 1;
    margin-bottom: 0;
  }

  .trust-by-blocks {
    flex-direction: column;
  }

  ._2-col-grid, ._2-col-grid.benchmarks {
    grid-template-columns: 1fr;
  }

  .form-input-tactile-2 {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .costcalc-nav {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
  }

  .blog-container {
    grid-template-columns: 1fr;
  }

  .topics-container {
    position: relative;
    top: auto;
  }

  .blog-posts-grid {
    grid-template-columns: 1fr;
  }

  .blog-post.case-study {
    flex: 1;
  }

  .case-studies-list {
    grid-template-columns: 1fr;
  }

  .score-label {
    font-size: 1em;
  }

  .gradient-dots.case-study {
    display: none;
  }

  .calc-card {
    padding: 40px 30px 50px;
  }

  .calc-grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .calc-collection {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .logo-marquee-item {
    height: 2rem;
  }

  .logo-marquee-mobile {
    display: none;
  }

  .coverage-slide {
    margin-left: 0;
  }

  .hiw-slide-copy {
    text-align: left;
    margin-top: 2rem;
  }

  .sticky-nav {
    display: none;
  }

  .code-like-crazy-content {
    margin-bottom: 2rem;
  }

  .maintain {
    margin-bottom: 10rem;
  }

  .maint-slider {
    height: 68rem;
  }

  .right-arrow-6, .left-arrow-2 {
    bottom: 18rem;
  }

  .maint-slide-graphic-1 {
    border-radius: 0;
    height: 40rem;
    min-height: 40rem;
  }

  .map-container {
    transform: scale(.5);
  }

  .fs_accordion-2_item.lmm {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .ca-container {
    border-radius: 0;
    height: 40rem;
  }

  .charm-bar-2, .map-results-2, .map-context-2, .map-2 {
    height: 50%;
  }

  .maps-outline-2, .charm-bar-mobile, .map-results-mobile, .map-context-mobile, .map-mobile, .maps-outline-mobile {
    height: 70%;
  }

  .aaa-outline-mobile {
    display: block;
    right: -500px;
  }

  .directions-test-mobile {
    display: block;
    left: -75%;
  }

  .plan-buttons-mobile {
    display: block;
  }

  .slide-1-buttons {
    justify-content: flex-end;
  }

  .slide-2-buttons {
    justify-content: space-between;
    display: flex;
  }

  .slide-2-buttons.desktop {
    display: none;
  }

  .slide-3-buttons {
    justify-content: space-between;
    display: flex;
  }

  .slide-3-buttons.desktop {
    display: none;
  }

  .slide-4-buttons {
    display: flex;
  }

  .slide-4-buttons.desktop {
    display: none;
  }

  .plan-copy-container {
    margin-top: 1rem;
  }

  .calculator-card-2 {
    max-width: 100%;
    padding: 2rem 3rem;
  }

  .calculator-final-group-image {
    margin-top: 2em;
  }

  .calculator-layout-grid-final-card {
    grid-template-columns: 1fr;
  }

  .button-primary-inverted-2 {
    width: 100%;
    display: block;
  }

  .calculator-layout-grid-2, .calculator-layout-grid-3 {
    grid-template-columns: 1fr;
  }

  .plan-buttons-desktop {
    display: none;
  }

  .rip-results-copy {
    width: 90%;
  }

  .touch-up-code {
    font-size: 1.5rem;
  }

  .text-span-11, .code-pink {
    color: #ff8bbc;
  }

  .code-pink.highlight {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .flake-sllide-graphic {
    border-radius: 0;
    min-height: 40rem;
  }

  .flake-slide {
    margin-left: 0;
  }

  .flake-slider {
    height: 80rem;
    margin-top: 8rem;
  }

  .obscure-arrow, .left-arrow-flake {
    bottom: 18rem;
  }

  .close-flakes {
    display: none;
  }

  .flakes {
    margin-bottom: 10rem;
  }

  .repro-grid-container {
    grid-template-columns: 1fr;
  }

  .flake-slider-buttons {
    justify-content: center;
  }

  .reno-map {
    display: none;
  }

  .maint-slide-graphic-2 {
    border-radius: 0;
    height: 40rem;
    min-height: 40rem;
  }

  .reno-test-container {
    width: 90%;
  }

  .reno-test.expanded.margin-top-reno-test {
    margin-top: 2rem;
  }

  .maint-slide-graphic-3 {
    border-radius: 0;
    height: 40rem;
    min-height: 40rem;
  }

  .maint-slider-buttons {
    justify-content: center;
  }

  .light-map-container, .dark-map-container {
    transform: scale(.8);
  }

  .hiw-slider-text {
    text-align: center;
  }

  .hiw-slider-text.plan-1, .hiw-slider-text.plan-2, .hiw-slider-text.plan-3, .hiw-slider-text.plan-4 {
    text-align: left;
  }

  .hiw-slider-text.hiw {
    text-align: center;
  }

  .expand-slider-2 {
    height: 68rem;
  }

  .expand-graphic-1, .expand-graphic-2 {
    border-radius: 0;
    height: 40rem;
    min-height: 40rem;
  }

  .line-of-code {
    font-size: 1rem;
  }

  .expand-graphic-3 {
    border-radius: 0;
    height: 40rem;
    min-height: 40rem;
  }

  .plan-buttons-mobile-arrows {
    justify-content: center;
    display: block;
  }

  .accordion-item-content {
    margin-right: 0;
  }

  .collection-item-3 {
    justify-content: space-between;
  }

  .blog-container-component, .blog-posts-grid-component, .case-studies-list-component, .industries-case-studies {
    grid-template-columns: 1fr;
  }

  .industry-case-study-card {
    justify-content: space-between;
    width: 40rem;
  }

  .capa-filter-container {
    position: relative;
    top: auto;
  }

  .related-problem-types {
    grid-template-columns: 1fr;
  }

  .problem-type-post.case-study {
    flex: 1;
  }

  .image-6 {
    display: none;
  }

  .review-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .review-item:hover {
    box-shadow: none;
    bottom: 0;
    right: 0;
  }

  .value-prop-bar {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
  }

  .logo-marquee-content-copy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-heading-smaller {
    margin-top: 1rem;
  }

  .guide-container {
    grid-template-columns: 1fr;
  }

  .event-form-wrapper {
    width: 100%;
    max-width: 100%;
    display: block;
  }

  .event-form-container {
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .event-grid {
    text-align: center;
  }

  .notification-copy-mobile {
    display: block;
  }

  .image-10, .image-11 {
    display: none;
  }

  .solution-h1 {
    font-size: 2em;
  }

  .solution-value-bar {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .split-graphic {
    grid-template-columns: 1fr;
  }

  .graphic-left.timing, .graphic-left.low-band, .graphic-left.salesforce-custom-objects {
    height: auto;
  }

  .mob2-hero {
    height: 84rem;
  }

  .mob2-bg-video {
    display: none;
  }

  .mob2-phone-container {
    margin-top: 4rem;
  }

  .mob-form-container {
    border-radius: 0;
    margin-top: 8rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .reviews-wrapper, .reviews-wrapper.mobile {
    grid-template-columns: 1fr;
  }

  .home-review {
    border-bottom: 2px solid var(--blue-8\<deleted\|variable-499ebd46\>);
    background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
    border-radius: 0;
    padding: 2rem 0 3rem;
  }

  .home-review.last-item {
    border-bottom-width: 0;
  }

  .review-logo-container {
    padding-top: 0;
  }

  .h2-solutions.resp {
    text-align: left;
  }

  .h2-solutions.resp.alt {
    text-align: center;
  }

  .h2-solutions.resp.android-solutions {
    margin-top: 8rem;
  }

  .solutions-sticky-cta {
    width: 100%;
    display: block;
  }

  .back-to-top {
    display: none;
  }

  .solutions-intro.android-solutions {
    margin-top: 2rem;
  }

  .cookie_banner {
    max-width: 100%;
    padding: 1rem;
    right: 20px;
  }

  .cookie_options {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .button_secondary, .button_primary {
    padding-left: 40px;
    padding-right: 40px;
  }

  .cookie_buttons {
    flex-direction: column;
  }

  .cookie_banner-2 {
    max-width: 100%;
    padding: 1rem;
    right: 20px;
  }

  .cookie-button-secondary, .cookie-button-primary {
    padding-left: 40px;
    padding-right: 40px;
  }

  .newcalc-container {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .nc-summary-card {
    padding-top: 1rem;
  }

  .nc-summary-grid {
    grid-template-columns: 1fr;
  }

  .nc-card-header.runs {
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .calc-inline-stat.long {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nc-grid-div {
    margin-top: 2rem;
  }

  .podcast-h1 {
    font-size: 3em;
  }

  .podcast-h1.individual {
    font-size: 2em;
  }

  .h2-podcast {
    font-size: 1.75em;
  }

  .podcast-badge-container {
    display: none;
  }

  .podcast-badge-container.mobile {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    display: flex;
  }

  .podcast-badge-mobile {
    background-color: #0c0c29;
    padding: 1rem;
  }

  .calc-inline-explainer {
    margin-left: 0;
  }

  .calc-home-approach-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-columns: .5fr;
    display: flex;
  }

  .button-compare {
    text-align: center;
    width: 100%;
  }

  .home-hero-subhed {
    width: 100%;
  }

  .ai-stat-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .second-place, .first-place, .third-place, .confetti-wrapper {
    display: none;
  }

  .events-slider {
    min-height: auto;
  }

  .events-slider-header {
    font-size: 1em;
  }

  .events-slider-subheader {
    padding-bottom: 0;
    font-size: 1rem;
  }

  .logo-grid {
    grid-template-rows: 8rem 8rem 8rem 8rem 8rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 8rem;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-self: stretch;
    place-items: stretch stretch;
    width: 100%;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .customer-logo {
    transform: scale(.95);
  }

  .survey-numbers {
    grid-column-gap: 5vw;
    grid-row-gap: 8vw;
    margin-right: 0;
  }

  .survey-stat-label {
    font-size: 1.8rem;
  }

  .impact-dots-left {
    max-width: 90%;
    top: -9.4rem;
  }

  .impact-dots-right {
    max-width: 90%;
    top: 16.5rem;
    right: -29.9rem;
  }

  .differentiator.center {
    margin-top: 0;
  }

  .sticky-cta {
    display: none;
  }

  .social-proof {
    height: auto;
  }

  .outcome-category {
    text-align: center;
    width: 100%;
    margin-bottom: 0;
  }

  .section-social-proof {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .g2-badges {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .g2-badges.why-qa-wolf {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    align-content: flex-start;
    display: flex;
  }

  .home-heading-span {
    font-size: 16.5vw;
  }

  .subsection.color-teal-4.text-align-center {
    font-size: 3.5rem;
  }

  .impact-stats {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    align-items: stretch;
  }

  .customer-survey-data {
    margin-top: 1rem;
  }

  .g2-award {
    flex: 0 auto;
    width: 16%;
  }

  .g2-award.is-bigger {
    width: 16%;
  }

  .g2-award.why-qa-wolf {
    flex: 0 auto;
  }

  .events-item-link {
    grid-template-columns: 2fr;
  }

  .fast-test-2.hide-test-below-tablet, .slow-test-2.hide-test-below-tablet {
    display: none;
  }

  .subtext.color-teal-4.text-align-center {
    font-size: 3.5rem;
  }

  .marquee-cards-mobile {
    display: block;
  }

  .awards-container-mobile {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .awards-container-mobile.why-qa-wolf {
    background-image: none;
    display: none;
  }

  .g2-awards-container.why-qa-wolf {
    margin-top: 1rem;
  }

  .solutions-slider-wrapper {
    display: none;
  }

  .fade-container {
    justify-content: center;
    align-items: flex-start;
    height: 400px;
    padding-top: 2rem;
    overflow: hidden;
  }

  .fade-container._2 {
    height: auto;
    padding-top: 0;
  }

  .solutions-slider-expanded {
    display: block;
  }

  .container-1601 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .nav-mobile {
    background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
    display: block;
  }

  .nav-mobile.light {
    position: relative;
  }

  .nav-mobile-menu {
    display: block;
  }

  .menu-item--mobile {
    margin-bottom: .5em;
    margin-right: 0;
  }

  .menu-item--mobile.w--current {
    border-bottom-style: none;
  }

  .menu-item--mobile.light {
    color: var(--white\<deleted\|variable-048857a3\>);
  }

  .mobile-footer {
    color: #a0a0ff;
  }

  .mobile-menu_sub.solutions {
    display: none;
  }

  .mobile-menu--subhead {
    font-weight: 600;
  }

  .mobile-menu--subhead.solutions {
    color: var(--teal-4\<deleted\|variable-789a7075\>);
  }

  .mobile-menu--subhead.resources {
    color: #bfff00;
  }

  .hero-heading {
    margin-top: 1rem;
    font-size: 8rem;
  }

  .hero-heading.hero {
    font-size: 20vw;
  }

  .display-sub {
    margin-top: 1rem;
  }

  .display-sub.hero {
    font-size: 20vw;
  }

  .hero-subhed {
    margin-top: 1rem;
  }

  .hero-subhed.hero {
    font-size: 20vw;
  }

  .display-heading {
    width: auto;
    margin-top: 1rem;
  }

  .display-heading.hero, .display-subhed.hero {
    font-size: 20vw;
  }

  .c-button__slot.left, .c-button__slot.right {
    min-width: 100px;
  }

  .c-button__slot-container {
    margin-top: 0;
    margin-bottom: 64px;
  }

  .slot__control-panel-container {
    flex-flow: row;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .slot-nameplate-title {
    width: 85%;
  }

  .slots-chart-totals.small {
    font-size: 4rem;
  }

  .slot_managed-test-row {
    grid-template-columns: .25fr;
    align-items: center;
    margin-right: 0;
    position: relative;
  }

  .slot_test-card {
    padding-top: 8rem;
    position: relative;
  }

  .slot_managed-test-container {
    z-index: 1;
    position: relative;
    top: 8rem;
  }

  .slot_managed-test-container.double {
    z-index: 1;
  }

  .slot-screen-instructions {
    display: none;
  }

  .slots_tab-container-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slot-audio-container {
    display: none;
  }

  .flex-item {
    align-items: center;
    padding: 3rem 1rem;
  }

  .flex-item.why-qa-wolf.cta {
    background-image: url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e68_scribble-right.svg"), url("https://cdn.prod.website-files.com/69dff2acfb2d63c98e9618ec/69dff2acfb2d63c98e961e66_scribble-left.svg"), linear-gradient(135deg, #1c1c47, var(--lycan\<deleted\|variable-5fd59c37-5862-a518-b844-0b75e0c5a8b9\>));
    background-position: 100% 0, -220px -40px, 0 0;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: auto 100%, auto 100%, auto;
    background-attachment: scroll, scroll, scroll;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .graphic-heading {
    font-size: 15vw;
  }

  .graphic-subhed {
    font-size: 4vw;
  }

  .graphic-text {
    font-size: 1.5rem;
  }

  .flex-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: stretch;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .leaderboard {
    display: none;
  }

  .leaderboard-mobile {
    display: block;
  }

  .form-block-4 {
    width: 100%;
  }

  .bubble-container {
    display: none;
  }

  .bubble {
    flex: 0 auto;
    align-self: stretch;
    margin-left: 16px;
    margin-right: 1rem;
    padding: 1rem;
  }

  .quote-text {
    font-size: 2rem;
  }

  .bubble-col {
    flex-flow: column;
    flex: 0 100%;
    justify-content: center;
    align-items: center;
    min-height: 45rem;
    display: flex;
  }

  .bubble-container-mobile {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    margin-top: 0;
    display: block;
  }

  .slide-carousel.why-qa-wolf {
    background-color: #0000;
    height: 100%;
  }

  .right-arrow-7, .left-arrow-3 {
    display: block;
  }

  .icon-3, .icon-4 {
    display: none;
  }

  .slide-nav-2 {
    transform: translate(0, 100%);
  }

  .slide-content {
    vertical-align: top;
    height: 100%;
  }

  .page-content-h2 {
    font-size: 4rem;
    line-height: 1.1;
  }

  .intro {
    margin-bottom: 4rem;
  }

  .p-text {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .stats {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .stat-blob {
    width: 60vw;
    max-width: 35rem;
  }

  .stat-blob.optiona, .stat-blob.optionb, .stat-blob.optionc {
    align-self: center;
  }

  .graphic-heading-sml {
    font-size: 15vw;
  }

  .graphic-subhed-sml {
    font-size: 4vw;
  }

  .highlight {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .page-content-callout {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .aside {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: auto;
    min-width: auto;
    max-width: none;
  }

  .page-content-h3 {
    font-size: 3.5rem;
  }

  .quotation-mark {
    width: 3rem;
  }

  .top-sticky {
    min-height: auto;
  }

  .top-anchor {
    font-size: 1.5rem;
  }

  .hero-title {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .callouts-block__old {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    padding: 2rem;
  }

  .callouts-block__old.solutions-android {
    padding: 2rem;
  }

  .feat-callout.divider-right {
    border-right-style: none;
  }

  .callout-heading-lockup {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .callouts {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

  .callouts.divider-bottom {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    border-bottom-style: none;
    flex-flow: column;
  }

  .callouts.mobile {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    display: flex;
  }

  .feat-calloutt-multi {
    align-items: flex-start;
  }

  .callout-heading-label {
    font-size: 3rem;
  }

  .callout-heading-label.is--wider.is-teal {
    max-width: 100ch;
  }

  .callout-heading-label.cyber {
    text-align: center;
    font-size: 2.5rem;
  }

  .feature-container__old {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    padding-bottom: calc(12rem + 1vw);
  }

  .feature-container__old.solutions-android {
    padding-bottom: calc(15.5rem + 2vw);
  }

  .email-cta-block-old {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: stretch;
    padding: 3rem;
    bottom: calc(-7rem - 1vw);
  }

  .email-cta-block-old.solutions-android {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .email-cta-block-old.adjusted {
    margin-bottom: 6rem;
  }

  .email-signup {
    width: 100%;
    max-width: 50rem;
  }

  .callout-list {
    flex: 0 auto;
  }

  .hero-heading-text {
    font-size: 5rem;
    line-height: 1.1;
  }

  .text-span-16 {
    box-shadow: .6rem .6rem 0 0rem var(--_legacy---basics--white\<deleted\|variable-3d65c31a-650d-d2e1-4827-13601e975c0f\>);
    font-size: 4.6rem;
    line-height: 1;
  }

  .text-span-16.pepto {
    box-shadow: .6rem .6rem 0 0rem var(--_legacy---pepto--100\<deleted\|variable-97ba3c37-79b3-eb97-4b2f-d6d9a65fc47d\>);
  }

  .h2-section-heading {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 4rem;
  }

  .cta-get-started {
    position: relative;
  }

  .highlight-block {
    margin-top: 2rem;
  }

  .highlight-block.has-video {
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .highlight_ol-item {
    font-size: 2.2rem;
    line-height: 1.2;
  }

  .solutions__body-text {
    font-size: 2rem;
  }

  .highlight-content {
    padding: 3rem 3rem 2rem;
  }

  .h3-summary {
    font-size: 2rem;
  }

  .summary-text {
    font-size: 1.8rem;
  }

  .highlight-caption {
    font-size: 1.5rem;
  }

  .feat-item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .feat-item_visual {
    flex: 0 auto;
    padding: 1rem;
  }

  .feat-item-text {
    font-size: 1.7rem;
    line-height: 1.4;
  }

  .h3-subsection {
    text-align: center;
    font-size: 3rem;
  }

  .flex-block-5 {
    z-index: 1;
    flex: 0 auto;
    width: 80%;
    max-width: 40rem;
    position: relative;
  }

  .flex-block-6 {
    z-index: 0;
    position: absolute;
  }

  .container.hero, .container-800-flex.hero {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .flex-block-8 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .flex-block-4 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-self: auto;
  }

  .cta-heading-text {
    font-size: 2.5rem;
  }

  .list-1, .g2-badge, .image-17 {
    flex: 0 auto;
  }

  .form-input-field {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .form-input-field.split-input {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
  }

  .form-button {
    width: 100%;
    display: block;
  }

  .form-button.split-btn {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
  }

  .text-disclaimer {
    text-align: center;
    max-width: 35rem;
    margin-left: auto;
    margin-right: auto;
  }

  ._3-col-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  ._3-col-grid.benchmarks {
    grid-template-columns: 1fr;
  }

  .blog-collection-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .c-blog__post-card {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }

  .c-blog__title {
    font-size: clamp(3.25rem, 5vw, 6rem);
  }

  .c-blog__topic-pill {
    font-size: 1.5rem;
  }

  .c-blog__arrow-right {
    width: clamp(2rem, 2vw, 3rem);
    height: clamp(2rem, 2vw, 3rem);
    transform: none;
  }

  .solutions__tiles-subsection {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .top-furniture {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .image-19 {
    width: 6rem;
  }

  .feat-tile {
    flex: 0 auto;
    width: 48%;
    padding: 1.5rem;
  }

  .flex-block-10 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .h4-tile {
    font-size: 1.8rem;
  }

  .fs-table_header {
    padding-left: 1rem;
    font-size: 1.5rem;
  }

  .fs-table_cell {
    padding: 1rem;
  }

  .pricing-col {
    padding: 1.5rem;
  }

  .guide-hero-copy {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .h1-guide {
    font-size: 4em;
  }

  .feat-callout-stack.divider-right {
    border-right-style: none;
  }

  .callout-text-stack {
    font-size: 3rem;
  }

  .callout-text-stack.is--wider.is-teal {
    max-width: 100ch;
  }

  .callout-text-stack.is--teal {
    font-size: 2.5rem;
  }

  .callout-subtext {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-span-18 {
    font-size: 2.5rem;
  }

  .callout-text-stack-1 {
    font-size: 3rem;
  }

  .callout-text-stack-1.is--wider.is-teal {
    max-width: 100ch;
  }

  .callout-text-stack-1.is--teal {
    font-size: 2.5rem;
  }

  .callout-text-stack-2 {
    font-size: 3rem;
  }

  .callout-text-stack-2.is--wider.is-teal {
    max-width: 100ch;
  }

  .callout-text-stack-2.is--teal {
    font-size: 2.5rem;
  }

  .text-span-20 {
    font-size: 4rem;
  }

  .text-span-21 {
    font-size: 2.2rem;
  }

  .h-divider, .v-divider {
    display: none;
  }

  .feat-callout-multi-stack {
    align-items: flex-start;
  }

  .callout-heading-multi-stack {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    transform: scale(.8);
  }

  .callout-text-stack-3 {
    font-size: 3rem;
  }

  .callout-text-stack-3.is--wider.is-teal {
    max-width: 100ch;
  }

  .callout-text-stack-3.is--teal {
    font-size: 2.5rem;
  }

  .callout-list-group {
    align-self: center;
  }

  .bg-image_ios {
    opacity: .7;
  }

  .feature-container_ios {
    grid-template-columns: 1fr;
  }

  .feature-container_ios.solutions-android {
    padding-bottom: calc(15.5rem + 2vw);
  }

  .email-cta-block {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    align-items: stretch;
    padding: 2rem;
  }

  .email-cta-block.solutions-android {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .callouts-block {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    padding: 2rem;
  }

  .callouts-block.solutions-android {
    padding: 2rem;
  }

  .hero-title_ios {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .email-signup-ios {
    width: 100%;
    max-width: 50rem;
  }

  .feature-container {
    grid-template-columns: 1fr;
  }

  .feature-container.solutions-android {
    padding-bottom: calc(15.5rem + 2vw);
  }

  .email-cta-block__old {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: stretch;
    padding: 3rem;
    bottom: calc(-7rem - 1vw);
  }

  .email-cta-block__old.solutions-android {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .text-block-106, .text-block-107 {
    text-align: center;
  }

  .height-expand {
    width: 100%;
  }

  .bg-image_guides {
    opacity: .7;
  }

  .div-block-40 {
    display: none;
  }

  .home_swiper-code-container.slide-1 {
    font-size: 6px;
    line-height: 6px;
  }

  .home_swiper-iphone-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .home_coverflow {
    height: 200px;
  }

  .swiper-slide {
    border-radius: 0;
    min-width: auto;
  }

  .home_h1-wrapper {
    padding-top: 6rem;
  }

  .grid-6col.infra {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-6col.ts {
    display: grid;
  }

  .g2_badge-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid;
  }

  .home_swiper-code-phones {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .home_swiper-browser.web-app {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 227px;
    min-width: 227px;
  }

  .home_chat-prompt-text {
    font-size: 24px;
  }

  .case-study-stat {
    font-size: 6rem;
  }

  .header.page_customers {
    background-position: 100% 100%, 200px 90%, -32% 85%, 50% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
    background-size: 50%, 100%, 50%, 1000px;
  }

  .header.page_service {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    justify-content: flex-start;
    align-items: stretch;
    height: 60rem;
    padding-top: 8rem;
  }

  .home_orchestration-wrapper {
    height: 400px;
  }

  .home_orchestration-wrapper.bw {
    height: 300px;
  }

  .hyper-fade.bottom {
    background-image: linear-gradient(#3b3bef00 20%, #3b3bef 70%);
    width: 100%;
    height: 25%;
    display: block;
  }

  .home_swiper-iphone-container {
    width: 180px;
  }

  .home_swiper-code.web-app {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: .5rem;
  }

  .background-video-1.ios {
    height: 185%;
  }

  .background-video-1.android-device {
    height: 223%;
  }

  .home_chat-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .case-study_stat-wrapper {
    flex-flow: column;
  }

  .home_chat-box {
    width: 100%;
    max-width: 100%;
    bottom: 32px;
  }

  .iphone-screen {
    border-radius: 24px;
  }

  .swiper-slide-grid.desktop {
    justify-content: center;
  }

  .wolf-container {
    display: none;
  }

  .footer-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .footer-social-bar {
    justify-content: flex-end;
    align-items: center;
  }

  .t-l1.white.center {
    align-self: flex-start;
  }

  .claws_form-field-group.bw-inline {
    flex-flow: column;
  }

  .claws_text-input.bw {
    max-width: 100%;
  }

  .claws_form-btn.bw-hero {
    align-self: stretch;
  }

  .home_chat-box-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    position: relative;
  }

  .home_wolf-wrapper {
    width: 100%;
  }

  .home_wolf-wrapper.static {
    height: 400px;
    display: flex;
  }

  .is-draggable.product_creation-code {
    max-width: 100%;
    left: 5%;
  }

  .is-draggable.product_creation-chat {
    border: 1px solid var(--_legacy---hyper--60\<deleted\|variable-a47f5022-edec-d138-4fbf-999f310c95ad\>);
    top: auto;
    bottom: -5%;
    right: 5%;
  }

  .is-draggable.product_map-chat {
    right: -22%;
  }

  .is-draggable.product_investigation-code {
    width: 95%;
    position: absolute;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .is-draggable.product_investigation-chat {
    top: 25%;
    right: -25%;
  }

  .claws_t-l1.claws_color-neutral-w.platform {
    font-size: 2.5rem;
  }

  .claws_h-lg.claws_color-hyper80.stat, .claws_h-lg.claws_color-cyber200.stat {
    font-size: var(--qaw-claws_type---heading-size--h-xl);
  }

  .claws_h-sm.claws_color-neutral-b.page_service {
    text-wrap: wrap;
  }

  .claws_icon.feature-icon {
    width: 8rem;
    min-width: 8rem;
    max-width: 8rem;
  }

  .signup-page_grid {
    height: 100vh;
  }

  .signup-graphic_wrapper {
    display: none;
  }

  .home_swiper-android-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .home_swiper-android-container {
    width: 180px;
  }

  .aux-graphic_container {
    height: 400px;
  }

  .aux-graphic_container.alt.refactor {
    display: flex;
  }

  .aux-graphic {
    max-width: 90%;
  }

  .home_swiper-ios-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .home_swiper-ios-container {
    width: 120px;
  }

  .home-chat_prompt_cta-container {
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    display: flex;
  }

  .signup-form_wrapper-wrapper {
    justify-content: center;
    align-items: flex-start;
    margin-top: 8rem;
  }

  .home_marquee-label_container {
    background-image: none;
    position: relative;
    bottom: 2rem;
  }

  .aux-comparison_grid, .aux-comparison_grid.benchmarks {
    grid-template-columns: 1fr;
  }

  .aux_auto-stat_wrapper {
    flex-flow: column;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .aux_graphic-tech_stack {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .aux-chat_box {
    width: 80%;
    max-width: 100%;
  }

  .aux-chat_box.refactor {
    position: relative;
    right: auto;
  }

  .aux-chat_box.agentic-auto {
    width: 100%;
    min-width: auto;
  }

  .aux-chat_box.agentic-manual {
    width: 100%;
    min-width: 0;
  }

  .aux-chat_prompt-text {
    font-size: 24px;
    line-height: 32px;
  }

  .aux_graphic-auto-refactor {
    display: none;
  }

  .aux_auto-stat {
    min-height: 128px;
  }

  .agentic-step_container {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .claws_unibrow-text.claws_font-mono.claws_color-cyber200.eyebrow, .claws_unibrow-text.claws_font-mono.claws_color-pepto200.eyebrow {
    font-size: var(--qaw-claws_type---text-size--t-l1);
  }

  .claws_unibrow-text.claws_font-mono.aux-eyebrow {
    font-size: 2rem;
  }

  .infra-icon {
    width: 64px;
    height: 64px;
    padding: 2rem;
  }

  .infra-comparison_table-row.mobile-card {
    grid-column-gap: var(--qaw-claws_spacing---space--space-sm);
    grid-row-gap: var(--qaw-claws_spacing---space--space-sm);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
  }

  .infra-table_cell.cell_header {
    padding-top: 0;
    padding-bottom: 0;
  }

  .infra-table_cell.cell_header.top {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .infra-table_cell.mobile-card {
    padding-top: 0;
    padding-bottom: 0;
  }

  .infra-table-icon {
    width: 64px;
    height: 64px;
    padding: 2rem;
  }

  .claws_card.card_blog-index {
    max-width: 100%;
    padding: 1.75rem 1.75rem 2.24rem;
  }

  .claws_card-grid-group.page_cms-index-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .top.top_customers {
    padding-bottom: 0;
  }

  .top.wolf-den {
    padding-top: 4rem;
  }

  .claws_s-l1.claws_color-neutral-w.platform {
    font-size: 2.5rem;
  }

  .claws_s-l1.wolf-den {
    text-align: center;
  }

  .split-callout {
    background-color: var(--_legacy---cyber--100\<deleted\|variable-369290cc-4e08-c946-f515-494c2b8db9b5\>);
    border-radius: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 6rem;
    padding: 8rem 3rem 3rem;
  }

  .split-callout-video {
    width: 100%;
    margin-bottom: 2rem;
    position: static;
  }

  .split-callout-text {
    text-align: center;
    background-color: #0000;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 60rem;
    padding: 0;
    position: static;
  }

  .callout-logo {
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translate(-50%);
  }

  .claws_grid-2col, ._2col-flex {
    grid-template-columns: 1fr;
  }

  .filter_menu-box {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .infra_hero-bg1 {
    background-size: 750px;
  }

  .infra_intro-copy {
    flex-flow: column;
    display: flex;
  }

  .top-text-logo {
    transform: scale(.75);
  }

  .case-studies_rich-text {
    margin-bottom: 6rem;
  }

  .case-studies_rich-text h5 {
    background-position: 0 1px;
  }

  .case-studies_rich-text blockquote {
    background-position: 12px 12px;
    background-size: 28px;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-left: 5.5rem;
    padding-right: 4rem;
  }

  .case-studies_customer-metrics {
    flex-flow: column;
    margin-top: -2rem;
    margin-bottom: 6rem;
  }

  .customer-metric {
    padding-top: 3rem;
    padding-bottom: 2.5rem;
  }

  .metric-number {
    font-size: clamp(7rem, 45cqw, 10rem);
  }

  .schedule-demo_wrapper {
    justify-content: center;
    align-items: flex-start;
    margin-top: 8rem;
  }

  .signup-award_wrapper, .signup-award_wrapper-2 {
    display: none;
  }

  .claws_thumb-tile {
    padding: 3cqw;
  }

  .claws_thumb-tile.card_blog-index {
    padding: 2.5cqw;
  }

  ._3col-multi {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
  }

  .col-left-slim {
    align-self: stretch;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
  }

  .col-right {
    margin-top: 2rem;
    padding-top: 2rem;
  }

  .col-center {
    width: 100%;
    max-width: 600px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .tag-label {
    font-size: 1.75rem;
  }

  .claws_s-l2.claws_color-neutral-w.platform {
    font-size: 2.5rem;
  }

  .social-share-options {
    flex-flow: row;
  }

  .social-share-group {
    border-bottom: 1px solid var(--qaw-claws_color---neutral--neutral-b);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
    position: static;
  }

  .sidebar-label {
    margin-top: 1rem;
  }

  .related-post-tile, .related-post-tile.tile {
    padding: 1.5rem;
  }

  .related-posts-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .infra-fat_wolf-container {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .fat_wolf-web {
    display: none;
  }

  .fat_wolf-mobile {
    border: 2px solid #000;
    border-radius: 12px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: block;
  }

  .aeo-box {
    margin-bottom: 4rem;
    padding: 1rem 1rem 2rem;
  }

  .fs-marquee-service_instance {
    height: 24rem;
  }

  .fs-marquee-service_text-tiny {
    font-size: 1rem;
  }

  .fs-marquee-service_text-small {
    font-size: 1.5rem;
  }

  .fs-marquee-service_text-huge {
    font-size: 3rem;
  }

  .fs-marquee-service_item {
    font-size: var(--qaw-claws_type---heading-size--h-xs);
  }

  .fs-marquee-service_text-medium {
    font-size: 2rem;
  }

  .fs-marquee-service_text-larger {
    font-size: 2.5rem;
  }

  .bw-hero-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .bw-hero-copy.bw-desktop {
    display: none;
  }

  .bw-hero-copy.bw-mobile {
    display: block;
  }

  .bw-hero-logo_wrapper {
    display: none;
  }

  .bw-hero-logo.mobile {
    padding: 16px;
  }

  .bw-split_card {
    width: 100%;
    transition: height .2s;
  }

  .bw-split_card-content {
    padding: 4rem 2rem;
    transition: height .2s;
  }

  .bw-tabs-pane_graphic_wrapper.web {
    padding: 2rem;
    transition: height .2s;
  }

  .fs-slider-customers_instance {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .bw-automation-tabs_menu {
    border-radius: 24px;
    flex-flow: column;
    display: flex;
  }

  .bw-automation-tab_link, .bw-automation-tab_link.w--current {
    font-size: var(--qaw-claws_type---text-size--t-l2);
  }

  .bw-hero-form {
    width: 100%;
  }

  .bw-manifesto-t.claws_color-neutral-w.platform {
    font-size: 2.5rem;
  }

  .bw-manifesto-t.post-it {
    font-size: 3rem;
  }

  .bw-integrations-graphic_container {
    padding: 8rem;
  }

  .bw-foreman_wolf, .bw-wolf-spring {
    display: none;
  }

  .bw-hero-header {
    width: 100%;
  }

  .bw-hero-logo_wrapper-mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border: 1px solid var(--qaw-claws_🔒palette---hyper--100);
    background-color: #ffffff0d;
    border-radius: 12px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding: 2rem;
    display: grid;
  }

  .bw-svg-scalable {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .anchors-wrap {
    top: 2rem;
  }

  .service-anchors {
    width: 100%;
    max-width: 60rem;
  }

  .anchor-section {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    align-items: stretch;
    padding-bottom: 4rem;
  }

  .service-text-wrap {
    width: 100%;
  }

  .service-text-wrap.alt-width {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .service-stickie-wrap {
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    padding-top: 1rem;
  }

  .service-stickie {
    width: 90%;
    min-width: auto;
    max-width: 70rem;
  }

  .service-stickie.post-1 {
    right: 3cqw;
  }

  .service-stickie.post-2 {
    top: -1rem;
    right: 1.5cqw;
  }

  .service-stickie.post-3 {
    top: -2rem;
  }

  .service-tabs {
    margin-left: 0;
  }

  .service-tabs-menu {
    height: 15rem;
  }

  .heading-lockup {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .bw-hero_wolf-foreman {
    width: 100px;
    display: none;
    top: -50px;
  }

  .bw-hero_wolf-mapper {
    width: 100px;
    display: none;
    top: -70px;
  }

  .bw-hero_wolf-orchestrator {
    width: 100px;
    display: none;
    top: -70px;
    right: 55%;
  }

  .bw-hero_wolf-thumbs {
    width: 100px;
    display: none;
    top: -80px;
  }

  .beach-wolf {
    width: 300px;
    top: -18px;
    bottom: auto;
  }

  .globe-wrap {
    aspect-ratio: 1.8;
    margin-top: 10rem;
    margin-bottom: 0;
  }

  .trio-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .trio-feature {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    border-bottom: 1px solid var(--qaw-claws_🔒palette---hyper--100);
    border-right-style: none;
    margin-right: 0;
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
    padding-right: 0;
  }

  .trio-feature.last {
    border-bottom-style: none;
  }

  .globe {
    width: 120%;
    margin-left: -10%;
    margin-right: 0;
  }

  .profiles-container {
    top: -10cqh;
  }

  .profiles-group {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
  }

  .profiles-group.seta {
    display: flex;
  }

  .profiles-group.setb {
    display: none;
  }

  .profile._1a {
    top: 0;
    right: 8%;
  }

  .profile._1b {
    bottom: 0;
    left: 8%;
  }

  .profile._1c {
    right: 5%;
  }

  .profile._2a {
    bottom: unset;
  }

  .profile._2b {
    bottom: unset;
    left: 8%;
  }

  .profile._2c {
    right: 3%;
    bottom: unset;
  }

  .profile._3a {
    top: 0;
    right: 8%;
  }

  .profile._3b {
    bottom: 0;
    left: 8%;
  }

  .profile._3c {
    right: 3%;
  }

  .profile-card {
    width: 36rem;
    height: 9rem;
  }

  .profile-pin {
    display: none;
  }

  .globe-container {
    width: calc(100% + 8vw);
    margin-left: -4vw;
  }

  .fs-bw-tabs_tab-item, .fs-bw-tabs_tab-item.is-tab-active {
    width: 125px;
  }

  .split-button-gradient-parent.split-button-gradient {
    border-style: none;
    border-radius: 0;
  }

  .split-input-gradient-parent.split-input-gradient {
    border-radius: 1.5rem;
  }

  .home-hero-blurb-parent.home-hero-blurb {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .split-btn-pink-gradient-parent.split-btn-pink-gradient {
    border-radius: 1.5rem;
  }

  .service-benefits {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .benefits-table {
    display: none;
  }

  .benefits-table.mobile {
    display: block;
    position: relative;
    overflow: visible;
  }

  .table-row {
    flex-flow: column;
    display: flex;
  }

  .table-row.head {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .table-row.head.mobile {
    grid-template-columns: 1fr;
    position: sticky;
    top: 0;
  }

  .table-row.mobile {
    flex-flow: column;
    display: flex;
  }

  .table-row.ts {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .table-cell.title {
    padding-bottom: 1.5rem;
  }

  .table-cell.title.ts {
    width: 100%;
  }

  .table-cell.benefit, .table-cell.benefit.mobile {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
  }

  .table-icon-wrap {
    width: 64px;
    height: 64px;
    padding: 2rem;
  }

  .benefits-list {
    flex-flow: column;
  }

  .benefits-list-label.related-post {
    font-size: 8.5cqw;
  }

  .benefits-list-label.tab-label {
    font-size: 2rem;
  }

  .badge-header-title {
    flex: 0 auto;
    width: 30rem;
  }

  .badge-header-title.related-post {
    font-size: 8.5cqw;
  }

  .badge-header-title.tab-label {
    font-size: 2rem;
  }

  .bw-read_more.claws_font-mono.claws_color-cyber200.eyebrow, .bw-read_more.claws_font-mono.claws_color-pepto200.eyebrow {
    font-size: var(--qaw-claws_type---text-size--t-l1);
  }

  .bw-read_more.claws_font-mono.aux-eyebrow {
    font-size: 2rem;
  }

  .bw-capability-container {
    grid-template-columns: 1fr;
  }

  .bw-capability-key-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .capability-key-text.claws_font-mono.claws_color-cyber200.eyebrow, .capability-key-text.claws_font-mono.claws_color-pepto200.eyebrow {
    font-size: var(--qaw-claws_type---text-size--t-l1);
  }

  .capability-key-text.claws_font-mono.aux-eyebrow {
    font-size: 2rem;
  }

  .bw-mapper_wolf {
    width: 120px;
    bottom: -2%;
  }

  .ts-hero-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .nav_slider-left, .nav_slider-right {
    display: block;
  }

  .nav_slide {
    --qaw-claws_type---text-size--t-l1: 2rem;
    --qaw-claws_type---text-size--t-l2: 1.75rem;
    --qaw-claws_type---text-size--t-l4: 1.25rem;
    --qaw-claws_type---char-limit--t-char-limit: 65ch;
    --qaw-claws_type---heading-size--h-sm: 4rem;
    --qaw-claws_type---line-height--t-line-ht: 1.6;
    --qaw-claws_type---heading-size--h-md: 5rem;
    --qaw-claws_type---line-height--h-line-ht-md: 1.15;
    --qaw-claws_type---font-weight--h-weight: 650;
    --qaw-claws_type---letter-space--h-letter-spc: -.025em;
    --qaw-claws_type---heading-size--h-xs: 3rem;
    --qaw-claws_type---line-height--h-line-ht-sm: 1.2;
    --qaw-claws_type---heading-size--h-xxs: 2.5rem;
    --qaw-claws_type---line-height--h-line-ht-xs: 1.25;
    --qaw-claws_type---line-height--h-line-ht-xxs: 1.3;
    --qaw-claws_type---font-weight--t-weight: 400;
    --qaw-claws_type---char-limit--h-char-limit: 30ch;
    --qaw-claws_type---heading-size--h-xl: 10rem;
    --qaw-claws_type---line-height--h-line-ht-xl: .95;
    --qaw-claws_type---heading-size--h-lg: 7.5rem;
    --qaw-claws_type---line-height--h-line-ht-lg: 1.1;
    --qaw-claws_type---text-size--t-l3: 1.5rem;
    flex-shrink: 0;
    width: 250px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .nav_slider-pagination {
    display: block;
  }

  .nav_slider-mask {
    justify-content: left;
    gap: 16px;
    display: block;
  }

  .footer_cta {
    text-wrap: balance;
    width: 100%;
  }

  .footer_cta-blurb {
    font-size: 20px;
  }

  .footer_cta-heading {
    font-size: 64px;
  }

  .footer_content {
    padding: 64px 32px;
  }

  .nav_slider-right-2 {
    display: block;
  }

  .nav_btn-pair {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .nav_slide-2 {
    --qaw-claws_type---text-size--t-l1: 2rem;
    --qaw-claws_type---text-size--t-l2: 1.75rem;
    --qaw-claws_type---text-size--t-l4: 1.25rem;
    --qaw-claws_type---char-limit--t-char-limit: 65ch;
    --qaw-claws_type---heading-size--h-sm: 4rem;
    --qaw-claws_type---line-height--t-line-ht: 1.6;
    --qaw-claws_type---heading-size--h-md: 5rem;
    --qaw-claws_type---line-height--h-line-ht-md: 1.15;
    --qaw-claws_type---font-weight--h-weight: 650;
    --qaw-claws_type---letter-space--h-letter-spc: -.025em;
    --qaw-claws_type---heading-size--h-xs: 3rem;
    --qaw-claws_type---line-height--h-line-ht-sm: 1.2;
    --qaw-claws_type---heading-size--h-xxs: 2.5rem;
    --qaw-claws_type---line-height--h-line-ht-xs: 1.25;
    --qaw-claws_type---line-height--h-line-ht-xxs: 1.3;
    --qaw-claws_type---font-weight--t-weight: 400;
    --qaw-claws_type---char-limit--h-char-limit: 30ch;
    --qaw-claws_type---heading-size--h-xl: 10rem;
    --qaw-claws_type---line-height--h-line-ht-xl: .95;
    --qaw-claws_type---heading-size--h-lg: 7.5rem;
    --qaw-claws_type---line-height--h-line-ht-lg: 1.1;
    --qaw-claws_type---text-size--t-l3: 1.5rem;
    flex-shrink: 0;
    width: 250px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .claws_btn.nav_btn {
    width: 100%;
  }

  .nav_slider-pagination-2 {
    display: block;
  }

  .nav_link-btn.customers {
    margin-top: 16px;
  }

  .nav_slider-left-2 {
    display: block;
  }

  .nav_tab-content.platform {
    display: none;
  }

  .nav_slider-mask-2 {
    justify-content: left;
    gap: 16px;
    display: block;
  }

  .top-copy.top_customers {
    padding-bottom: 0;
  }

  .footer_about {
    border-bottom-style: none;
    min-width: 240px;
    padding-bottom: 0;
  }

  .footer_text.col-heading {
    display: none;
  }

  .footer_content-2 {
    padding: 64px 32px;
  }

  .footer_bottom-wrap {
    grid-column-gap: 32px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer_cta-2 {
    text-wrap: balance;
    width: 100%;
  }

  .footer_link-col {
    display: none;
  }

  .footer_link-col.legal {
    display: flex;
  }

  .footer_cta-heading-2 {
    font-size: 64px;
  }

  .footer_links {
    width: 200px;
    min-width: 0;
    padding-top: 32px;
  }

  .footer_cta-blurb-2 {
    font-size: 20px;
  }

  .benefits-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .run-with-best-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .logo-grid-cell {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sponsor-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .event-venue.claws_color-neutral-b.page_service {
    text-wrap: wrap;
  }

  .event-item-date {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border: 1px #000;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .event-day {
    font-size: 5rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    --qaw-claws_type---text-size--t-l1: 2rem;
    --qaw-claws_type---text-size--t-l2: 1.75rem;
    --qaw-claws_type---text-size--t-l4: 1.25rem;
    --qaw-claws_type---char-limit--t-char-limit: 65ch;
    --qaw-claws_type---heading-size--h-sm: 3.5rem;
    --qaw-claws_type---line-height--t-line-ht: 1.6;
    --qaw-claws_type---heading-size--h-md: 4rem;
    --qaw-claws_type---line-height--h-line-ht-md: 1.15;
    --qaw-claws_type---font-weight--h-weight: 650;
    --qaw-claws_type---letter-space--h-letter-spc: -.025em;
    --qaw-claws_type---heading-size--h-xs: 3rem;
    --qaw-claws_type---line-height--h-line-ht-sm: 1.2;
    --qaw-claws_type---heading-size--h-xxs: 2.5rem;
    --qaw-claws_type---line-height--h-line-ht-xs: 1.25;
    --qaw-claws_type---line-height--h-line-ht-xxs: 1.3;
    --qaw-claws_type---font-weight--t-weight: 400;
    --qaw-claws_type---char-limit--h-char-limit: 30ch;
    --qaw-claws_type---heading-size--h-xl: 7rem;
    --qaw-claws_type---line-height--h-line-ht-xl: .95;
    --qaw-claws_type---heading-size--h-lg: 6rem;
    --qaw-claws_type---line-height--h-line-ht-lg: 1.1;
    --qaw-claws_type---text-size--t-l3: 1.5rem;
  }

  .qaw-claws--claws_form-btn {
    width: 100%;
  }

  .qaw-claws--claws_form-wrap-simple, .qaw-claws--claws_form-field-group.qaw-claws--footer_email {
    flex-flow: column;
  }

  .qaw-claws--claws_btn-pair {
    flex-flow: column;
    align-items: flex-start;
  }

  .qaw-claws--nav_menu-wrapper {
    display: none;
  }

  .qaw-claws--nav_btn-pair {
    flex-flow: column;
    align-items: flex-start;
  }

  .qaw-claws--nav_slider {
    display: none;
  }

  .qaw-claws--splide_wrapper, .qaw-claws--splide.qaw-claws--case-study-slider {
    width: 100%;
  }

  .qaw-claws--g2-logo {
    padding-left: 4px;
  }

  .qaw-claws--footer_top-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .qaw-claws--footer_content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 48px 20px;
  }

  .qaw-claws--g2-badge-star-lockup {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .qaw-claws--footer_bottom-wrap {
    flex-flow: column;
  }

  .qaw-claws--g2-strip {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .qaw-claws--g2-label {
    font-size: 1.5rem;
  }

  .qaw-claws--footer_links {
    border-top: 1px solid #363661;
    width: 100%;
    padding-top: 16px;
  }

  .qaw-claws--footer_cta-blurb {
    font-size: 18px;
  }

  .qaw-claws--g2-star-set {
    font-size: 1.4rem;
  }

  .text-size-5xl.text-condensed.text-align-center.text-uppercase.home-headline {
    font-size: 4em;
  }

  .text-weight-600.margin-bottom-m {
    text-align: left;
  }

  .container-1200.lmm {
    width: 100%;
    position: relative;
  }

  .container-800.hero {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
  }

  .icon {
    color: var(--blue-5\<deleted\|variable-9774f60e\>);
  }

  .styleguide-nav-toggle {
    padding: 1.65rem 1.5rem;
  }

  .section.flex-center.home-hero-section.refresh {
    justify-content: flex-start;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 0;
  }

  .section.sponsored {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .home-hero-left {
    z-index: 1;
    bottom: 0;
    left: -3em;
    overflow: visible;
  }

  .home-hero-right {
    z-index: 0;
    bottom: 0;
    right: -3em;
    overflow: visible;
  }

  .home-hero-illustration {
    flex: 0 auto;
    order: 0;
    align-self: stretch;
    position: static;
    inset: auto 0% 0%;
    overflow: hidden;
  }

  .footer-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-direction: column;
  }

  .name-tag {
    display: block;
  }

  .name-tag-wrapper {
    margin-top: 1em;
    margin-bottom: .5em;
  }

  .home-heading {
    font-size: 24vw;
  }

  .home-heading.heading-mobile {
    font-size: 4em;
  }

  .home-heading.hero {
    font-size: 24vw;
  }

  .formatted-content ul, .formatted-content ol {
    overflow: visible;
  }

  .formatted-content h1 {
    font-size: 3em;
  }

  .calculator-card {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .blog-headline {
    font-size: 3em;
  }

  .by-the-numbers {
    display: block;
  }

  .footer-links {
    flex-direction: column;
  }

  .text-block-2 {
    font-size: 1.5rem;
  }

  .fs-cc-prefs2_close {
    padding: 1rem 1rem .5rem .5rem;
  }

  .fs-cc-prefs2_label {
    font-size: 1.5rem;
  }

  .fs-cc-prefs2_button.fs-cc-button-alt {
    margin-bottom: .5rem;
  }

  .fs-cc-prefs2_submit {
    margin-top: 8px;
  }

  .fs-cc-prefs2_content {
    padding: 1.5rem;
  }

  .fs-cc-prefs2_title {
    font-size: 2rem;
  }

  .fs-cc-prefs2_component-2 {
    padding: 1.5rem;
  }

  .fs-cc-banner2_component {
    width: 100%;
  }

  .integration-grid {
    grid-template-columns: 1fr 1fr;
  }

  .capability-headline, .capability-h3 {
    font-size: 3em;
  }

  .capability-logos {
    width: 80%;
  }

  .buy-guide-h1 {
    font-size: 3em;
  }

  .fs-toc_sidebar {
    display: none;
  }

  .buy-guide-wrappers {
    flex-direction: column;
  }

  .buy-guide-demo-wrapper {
    margin-left: auto;
  }

  .industry-h2 {
    font-size: 3em;
  }

  .industry-h1 {
    text-align: center;
    margin-bottom: 0;
    display: inline-block;
  }

  .industry-eyebrow {
    text-align: center;
    display: block;
  }

  .industry-value-props {
    display: inline-block;
  }

  .collection-item {
    margin-top: 2.5em;
    padding-bottom: 0;
  }

  .navbar-overlay {
    height: 300%;
    color: var(--white\<deleted\|variable-048857a3\>);
    display: block;
  }

  .mobile-menu-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .industry-headline, .capability-headline-pink {
    font-size: 3em;
  }

  .hr {
    height: 1px;
  }

  .pt-schedule-demo-challenge {
    box-shadow: none;
    background-color: #0c0c29;
    padding-left: 0;
    padding-right: 0;
  }

  .home-score {
    width: 100px;
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .scoreboard.container-600.margin-bottom-xl {
    grid-template-rows: auto;
  }

  .away-score {
    width: 100px;
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .challenge-competitor {
    grid-template-columns: 1fr;
  }

  .button-pink.mobile {
    font-size: 1rem;
  }

  .challenge-header.mobile {
    font-size: 3em;
  }

  .tag---pink {
    float: none;
    margin-bottom: 2rem;
  }

  .pinned-to-bottom-margin {
    margin-bottom: 20rem;
  }

  .intro-header.mobile {
    font-size: 5rem;
  }

  .intro-copy {
    font-size: 24px;
  }

  .intro-copy.mobile {
    font-size: 2rem;
  }

  .subsection-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .eyebrow-blue.hide-on-desktop {
    font-size: 2rem;
  }

  .home-subhead.subhead-mobile {
    font-size: 3rem;
  }

  .home-bodycopy.mobile {
    font-size: 20px;
  }

  .home-bodycopy.plan-2, .home-bodycopy.plan-3, .home-bodycopy.plan-4 {
    display: none;
  }

  .eyebrow-teal {
    text-align: center;
    font-size: 2rem;
  }

  .slow-test.hide-test-below-tablet {
    display: none;
  }

  .fastside-tests {
    padding-left: 0;
    padding-right: 0;
  }

  .fast-test.large {
    max-width: 9rem;
    height: 12rem;
  }

  .home-shadow_soft.round-corners.assignee {
    max-height: 4rem;
  }

  .marquee-list.mobile {
    grid-template-columns: 1fr 1fr;
  }

  .marquee-item.mobile {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 17rem;
    padding: 1.5rem 1.5rem 1rem;
  }

  .marquee-logo {
    flex: none;
    max-width: 12rem;
  }

  .marquee-logo.mobile {
    flex: 0 auto;
    min-width: 4rem;
  }

  .marquee-value-prop.mobile {
    justify-content: flex-end;
    align-self: center;
    align-items: center;
  }

  .home-hero-left-refresh {
    bottom: 2em;
    left: -3em;
  }

  .home-hero-right-refresh {
    bottom: 2em;
    right: -3em;
  }

  .home-zero-flakes.alt {
    padding-bottom: 8rem;
  }

  .zero-flakes-container {
    grid-column-gap: 6rem;
  }

  .eyebrow-pink.hide-on-desktop {
    font-size: 2rem;
  }

  .xray-bug {
    left: 35%;
  }

  .xray-bug.mobile {
    width: 7rem;
    height: 9rem;
    left: 40%;
  }

  .xray-flake {
    left: 35%;
  }

  .xray-flake.mobile {
    width: 7rem;
    height: 9rem;
    left: 40%;
  }

  .contact-button.hero {
    padding-top: 1.75em;
  }

  .bug-flake-detector {
    top: 201px;
  }

  .marky-mark-content.mobile {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .marky-mark.mobile {
    grid-template-columns: 1fr 1fr;
  }

  .scoreboard-header {
    text-align: center;
    font-size: 2em;
  }

  .challenge-header-pink {
    color: var(--pink-3\<deleted\|variable-478f5ba6\>);
  }

  .challenge-header-pink.mobile {
    font-size: 3em;
  }

  .calc-h1 {
    font-size: 6rem;
  }

  .calc-intro-subhead {
    line-height: 130%;
  }

  .calc-body-text {
    text-align: center;
    line-height: 150%;
  }

  .calc-h3 {
    margin-bottom: .5rem;
    padding-top: 17px;
    font-size: 2rem;
  }

  .calc-card {
    padding: 30px 20px 40px;
  }

  .calc-card-text {
    padding-bottom: 10px;
    padding-right: 0;
    font-size: 1.75rem;
  }

  .calc-card-img {
    max-width: 40px;
  }

  .calc-card-link {
    font-size: 1.75rem;
  }

  .calc-intro-description {
    line-height: 130%;
  }

  .coverage-slider {
    height: 80rem;
  }

  .hiw-slide-copy {
    margin-bottom: 0;
  }

  .maint-slider {
    height: 70rem;
  }

  .expand-slider {
    height: 80rem;
  }

  .ca-container {
    border-radius: 0;
  }

  .charm-bar-2, .map-results-2, .map-context-2, .map-2 {
    height: 40%;
  }

  .maps-outline-2 {
    height: 70%;
    display: block;
  }

  .charm-bar-mobile, .map-results-mobile, .map-context-mobile, .map-mobile {
    height: 55%;
  }

  .maps-outline-mobile {
    display: block;
    top: 40px;
  }

  .aaa-outline-mobile {
    height: auto;
  }

  .directions-test-mobile {
    height: auto;
    left: -100%;
  }

  .blur-test:hover {
    transform: translate(0);
  }

  .blur-test:active {
    transform: scale(2);
  }

  .slide-1-buttons {
    display: flex;
  }

  .slide-2-buttons, .slide-3-buttons {
    justify-content: space-between;
    display: none;
  }

  .slide-4-buttons {
    display: none;
  }

  .plan-copy-container {
    margin-top: 1rem;
  }

  .hiw-stick-subhead {
    z-index: 1;
    background-color: #0c0c29;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .25rem;
    padding-bottom: .25rem;
    position: sticky;
    top: 0;
  }

  .calc-intro-subhead-2 {
    font-size: 1.75rem;
    line-height: 150%;
  }

  .calc-choice-card {
    margin-bottom: 20px;
  }

  .calc-h1-all-calcs {
    font-size: 6rem;
  }

  .calc-form-button {
    margin-top: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1rem;
  }

  .calculator-tab-description {
    font-size: 1.75rem;
    line-height: 130%;
  }

  .calculator-card-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .calc-h1-2 {
    font-size: 4rem;
  }

  .calc-tabs {
    flex-direction: column;
    align-items: stretch;
  }

  .calculator-final-group-image {
    margin-top: 2em;
  }

  .calc-tab, .calc-tab.w--current {
    font-size: 2rem;
  }

  .calculator-group-2 {
    margin-top: 0;
  }

  .rip-results-copy {
    box-shadow: -20px 0 30px #0c0c29, 20px 0 30px #0c0c29;
  }

  .code-number {
    width: auto;
  }

  .touch-up-code {
    font-size: 1rem;
  }

  .anchor-flake {
    top: 0;
  }

  .flake-slider-buttons {
    display: flex;
  }

  .maint-slide-graphic-2 {
    height: 40rem;
  }

  .reno-test-container {
    width: 80%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .reno-test {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .reno-test.expanded {
    max-height: 20rem;
  }

  .test-arrow, .test-arrow.unrotated {
    width: 1.5rem;
  }

  .ellipsis {
    display: none;
  }

  .reno-code {
    padding-left: 2rem;
    font-size: .75rem;
  }

  .maint-slider-buttons {
    display: flex;
  }

  .light-map-container {
    transform: scale(.5);
  }

  .tier3-map-light {
    width: 300px;
  }

  .dark-map-container {
    transform: scale(.5);
  }

  .tier3-map-dark {
    width: 300px;
  }

  .hiw-slider-text {
    min-height: 12rem;
  }

  .hiw-slider-text.mobile {
    font-size: 20px;
  }

  .hiw-slider-text.plan-2, .hiw-slider-text.plan-3, .hiw-slider-text.plan-4 {
    display: none;
  }

  .expand-slider-2 {
    height: 70rem;
  }

  .anchor-plan, .anchor, .anchor-maintain {
    top: 0;
  }

  .faq {
    max-width: 95%;
  }

  .header-center-box._75 {
    width: 90%;
  }

  .accordion-item-trigger {
    align-items: center;
  }

  .hiw-accordion-icon.accordion-icon {
    max-width: 17px;
  }

  .notification-copy {
    font-size: 1.5rem;
  }

  .home-heading-smaller, .home-heading-smaller.heading-mobile, .free-trial-heading.heading-mobile {
    font-size: 4em;
  }

  .soc2-container {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-right: 1rem;
  }

  .event-grid {
    text-align: center;
  }

  .notification-copy-mobile {
    font-size: 1.5rem;
  }

  .solution-head-container.calc {
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 0 1rem;
  }

  .graphic-left.timing, .graphic-left.low-band, .graphic-left.salesforce-custom-objects {
    height: auto;
  }

  .mob2-phone-container.alt {
    display: none;
  }

  .mob2-h1.alt {
    padding: 0;
  }

  .phone-contents-container {
    margin-top: 8rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .down-arrow-container {
    margin-top: 4rem;
  }

  .review-logo-container {
    flex-flow: column;
  }

  .keep-reading.calc {
    padding-top: 0;
  }

  .cookie_banner {
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  .cookie_options {
    flex-wrap: wrap;
  }

  .button_secondary, .button_primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 19px;
  }

  .cookie_banner-2 {
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  .cookie-button-secondary, .cookie-button-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 19px;
  }

  .hr-light {
    height: 1px;
  }

  .calc-inline-stat.long {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .podcast-badge-container {
    justify-content: center;
    align-items: center;
  }

  .podcast-badge-container.mobile {
    justify-content: space-between;
  }

  .podcast-guest-container {
    flex-flow: column;
  }

  .podcast-guest-portrait {
    position: relative;
    right: 8px;
    box-shadow: 16px 16px 0 4px #3b3bef;
  }

  .podcast-guest-portrait.index {
    width: 100%;
    right: auto;
  }

  .podcast-guest-details {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .podcast-collection-item {
    flex-flow: column;
  }

  .podcast-item-desc {
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .podcast-collection-item-link-wrapper {
    border-style: none none solid;
    padding: 0 0 2rem;
  }

  .podcast-collection-item-link-wrapper:hover {
    box-shadow: none;
    transform: none;
  }

  .podcast-item-desc-pink {
    display: none;
  }

  .calc-inline-explainer {
    margin-left: 0;
  }

  .button-view-podcast {
    background-color: var(--blue-5\<deleted\|variable-9774f60e\>);
    text-align: center;
    border-radius: 8px;
    width: 100%;
    margin-top: 2rem;
    display: block;
  }

  .calc-batch-explainer {
    margin-top: 1rem;
  }

  .vizdif-perfect-app-grid {
    grid-template-columns: 1fr;
  }

  .sked-badge-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .mobile-left {
    height: 700px;
  }

  .mobile-header {
    margin-top: 8rem;
    display: block;
  }

  .mobile-coming-soon {
    text-align: center;
    background-color: #0c0c29;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 4rem 2rem;
    display: flex;
  }

  .coming-soon-pill {
    background-color: var(--pink-3\<deleted\|variable-478f5ba6\>);
    color: var(--blue-8\<deleted\|variable-499ebd46\>);
    border-radius: 512px;
    padding: 1rem 2rem;
    font-weight: 600;
  }

  .home-hero-subhed {
    font-size: 1.7rem;
    line-height: 1;
  }

  .character-menu {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .survey-numbers {
    grid-template-columns: 1fr;
  }

  .impact-dots-left {
    max-width: 150%;
    top: -4.6rem;
    left: -29.9rem;
  }

  .impact-dots-right {
    max-width: 150%;
    top: 45.1rem;
    right: -28.9rem;
  }

  .quote {
    font-size: 2.5rem;
    line-height: 1.25;
  }

  .outcome-category {
    margin-bottom: .5rem;
    font-size: 1.3rem;
  }

  .section-social-proof {
    padding-top: 5rem;
  }

  .g2-badges {
    align-content: flex-start;
  }

  .g2-badges.why-qa-wolf {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-bottom: 1rem;
  }

  .g2-rating-number {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .g2-logo {
    padding-left: 4px;
  }

  .g2-text {
    font-size: 1.5rem;
  }

  .home-heading-span {
    font-size: 20vw;
  }

  .text-span-13 {
    position: static;
  }

  .subsection {
    font-size: 3.4rem;
  }

  .customer-survey-data {
    font-size: 1.3rem;
  }

  .g2-award {
    flex: none;
  }

  .g2-award.is-bigger {
    flex: 0 auto;
    width: 20%;
  }

  .g2-award.why-qa-wolf {
    flex: 0 auto;
  }

  .g2-stars {
    font-size: 1.5rem;
  }

  .events-item-link {
    padding: 2rem 2rem 4rem;
  }

  .slow-test-2.hide-test-below-tablet {
    display: none;
  }

  .fastside-tests-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .subtext {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .event-image {
    max-height: 100%;
  }

  .outcome-result {
    font-size: 2.5rem;
  }

  .awards-container-mobile.why-qa-wolf, .code-embed-5 {
    display: block;
  }

  .nav-mobile {
    padding: 1.25rem 1rem 1.25rem 2rem;
  }

  .nav-mobile-menu {
    padding-left: 2rem;
    padding-right: 2rem;
    display: none;
    top: 68px;
  }

  .toggle-container--mobile {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .mobile-menu_sub.community {
    display: none;
  }

  .nav-mobile-menu-deprecated {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .hero-heading {
    font-size: 5rem;
  }

  .hero-heading.heading-mobile {
    font-size: 4em;
  }

  .hero-heading.hero {
    font-size: 24vw;
  }

  .hero.why-qa-wolf {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .display-sub, .display-sub.heading-mobile {
    font-size: 4em;
  }

  .display-sub.hero {
    font-size: 24vw;
  }

  .hero-subhed {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 2.5rem;
  }

  .hero-subhed.heading-mobile {
    font-size: 4em;
  }

  .hero-subhed.hero {
    font-size: 24vw;
  }

  .display-heading {
    font-size: 3rem;
  }

  .display-heading.heading-mobile {
    font-size: 4em;
  }

  .display-heading.hero {
    font-size: 24vw;
  }

  .display-subhed {
    font-size: 2.5rem;
  }

  .display-subhed.heading-mobile {
    font-size: 4em;
  }

  .display-subhed.hero {
    font-size: 24vw;
  }

  .slot-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
  }

  .c-button__slot.left, .c-button__slot.right {
    min-width: 200px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .slot__control-panel-container {
    flex-flow: column;
    padding-bottom: 0;
  }

  .machine-wrapper {
    margin-bottom: 2rem;
    transform: scale(.9)translate(0);
  }

  .slots_tab-container-2 {
    flex-flow: column;
  }

  .slots_tabs-link-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .feature-stats-cta {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .flex-item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .flex-item.why-qa-wolf.cta {
    padding: 3rem 2rem;
  }

  .graphic-heading.is-pink.lrg {
    font-size: calc(12rem + 3vw);
  }

  .graphic-text {
    line-height: 1.2;
  }

  .leaderboard-mobile {
    margin-top: 2rem;
  }

  .feature-quote-bubbles {
    padding-top: 2rem;
  }

  .page-content {
    padding-top: 4rem;
  }

  .toc-heading {
    font-size: 2rem;
  }

  .page-content-h2 {
    font-size: 3rem;
  }

  .p-text {
    font-size: 1.8rem;
  }

  .p-text.long-quote {
    font-size: 1.6rem;
  }

  .sub-section {
    margin-bottom: 4rem;
  }

  .page-content-h3 {
    font-size: 2.5rem;
    line-height: 1.2em;
  }

  .attribution {
    font-size: 1.4rem;
  }

  .toc-link {
    padding-top: .5rem;
  }

  .link-anchor, .link-anchor.is-teal {
    font-size: 1.6rem;
  }

  .toc-back-to-top {
    padding-top: .5rem;
  }

  .top-anchor, .top-anchor.is-teal {
    font-size: 1.6rem;
  }

  .all-g2-reviews {
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.6rem;
  }

  .hero-title.calc {
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 0 1rem;
  }

  .feature-container__old.solutions-android {
    padding-bottom: calc(15.5rem + 1vw);
  }

  .email-cta-block-old {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .email-cta-block-old.solutions-android {
    padding-top: 2rem;
  }

  .hero-heading-text {
    line-height: 1;
  }

  .text-span-16 {
    font-size: 4rem;
  }

  .h2-section-heading {
    font-size: 3.5rem;
  }

  .cta-get-started {
    overflow: hidden;
  }

  .highlight-block.has-video {
    margin-bottom: 20rem;
  }

  .highlight_ol-item {
    font-size: 2rem;
  }

  .highlight-summary {
    padding: 1rem 1.5rem 1.25rem;
  }

  .h3-summary {
    font-size: 1.7rem;
  }

  .summary-text {
    font-size: 1.5rem;
  }

  .highlight-caption {
    width: 38%;
    font-size: 1.25rem;
    line-height: 1.2;
    top: 108%;
  }

  .feat-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .h4-item {
    font-size: 2rem;
  }

  .container.hero, .container-800-flex.hero {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
  }

  .flex-block-8 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
  }

  .cta-heading-text {
    margin-left: auto;
    margin-right: auto;
    font-size: 2.2rem;
  }

  .g2-badge {
    width: 32%;
  }

  .flex-block-9 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .g2-container {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    justify-content: space-between;
    align-items: flex-start;
  }

  .image-17 {
    width: 60%;
    min-width: 15rem;
  }

  .text-disclaimer {
    margin-top: 1.25rem;
    font-size: 1.3rem;
    line-height: 1.2;
  }

  .code-url-capture {
    display: block;
  }

  .events-filters {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .events-radio {
    width: 100%;
    padding-left: 4rem;
    display: block;
  }

  .blog-collection-list {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .c-blog__post-card {
    margin-top: -10rem;
    position: relative;
    top: 0%;
    transform: none;
  }

  .c-blog__title {
    font-size: 2rem;
  }

  .c-blog__topic-pill {
    font-size: 1.25rem;
  }

  .feat-tile {
    width: 100%;
  }

  .h4-tile {
    font-size: 2rem;
  }

  .fs-table_instance_ios-solutions {
    overflow: scroll;
  }

  .pricing-col_heading {
    font-size: 1.5rem;
    line-height: 1.25;
  }

  .pricing-col {
    overflow: scroll;
  }

  .pricing-li {
    font-size: 1.5rem;
    line-height: 1;
  }

  .pricing-col-subheading, .text-block-104 {
    font-size: 1.5rem;
  }

  .pricing-col_featured {
    font-size: 1.5rem;
    line-height: 1.25;
  }

  .guide-grid {
    margin-left: 0;
    margin-right: 0;
  }

  .h1-guide {
    font-size: 3em;
  }

  .callout-heading-multi-stack {
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    transform: scale(1);
  }

  .callout-text-stack-3.pepto {
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    transform: none;
  }

  .text-span-22 {
    line-height: 100%;
  }

  .text-span-23 {
    text-align: center;
    font-size: 4rem;
  }

  .text-span-24 {
    text-align: center;
    font-size: 2.9rem;
  }

  .callout-list-group {
    margin-top: 1rem;
  }

  .feature-container_ios.solutions-android {
    padding-bottom: calc(15.5rem + 1vw);
  }

  .email-cta-block {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .email-cta-block.solutions-android {
    padding-top: 2rem;
  }

  .hero-title_ios.calc {
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 0 1rem;
  }

  .feature-container.solutions-android {
    padding-bottom: calc(15.5rem + 1vw);
  }

  .email-cta-block__old {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .email-cta-block__old.solutions-android {
    padding-top: 2rem;
  }

  .text-block-108, .text-block-109 {
    text-align: center;
  }

  .page_test, .page_form-test {
    padding: 2.5rem;
  }

  .form-wrap-simple {
    flex-flow: column;
  }

  .grid-6col, .grid-6col.padded {
    width: 100%;
  }

  .grid-6col.ts {
    flex-flow: column;
  }

  .header.page_service {
    justify-content: center;
    align-items: stretch;
    height: auto;
    padding-top: 2rem;
    padding-bottom: 5rem;
  }

  .g2_badge-wrapper {
    flex-flow: column;
  }

  .case-study_stat-container.left {
    border-right-width: 0;
  }

  .home_chat-box {
    bottom: 40px;
  }

  .footer-social-bar {
    justify-content: center;
    align-items: center;
  }

  .footer-pacwolf {
    display: none;
  }

  .claws_form-field-group.footer_email {
    flex-flow: column;
  }

  .claws_form-btn {
    width: 100%;
  }

  .claws_form-wrap-simple {
    flex-flow: column;
  }

  .is-draggable.product_creation-code {
    max-width: 125%;
    inset: 3% auto auto 4%;
  }

  .is-draggable.product_creation-chat {
    bottom: 5%;
    left: 25%;
  }

  .is-draggable.product_map-outline {
    max-width: 75%;
    top: 12%;
  }

  .is-draggable.product_investigation-code {
    border-style: none;
  }

  .is-draggable.product_investigation-chat {
    max-width: 125%;
    top: 30%;
    right: -51%;
  }

  .claws_icon.feature-icon {
    width: 7rem;
    min-width: 7rem;
    max-width: 7rem;
  }

  .home_swiper-android-container {
    width: 160px;
  }

  .aux_auto-stat_wrapper {
    flex-flow: column;
  }

  .aux_graphic-tech_stack {
    grid-template-columns: 1fr;
  }

  .aux-chat_box {
    width: 80%;
  }

  .agentic-graphic-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .infra-icon {
    width: 48px;
    height: 48px;
    padding: 1rem;
  }

  .infra-comparison_table-row.head {
    align-items: center;
  }

  .infra-table-icon {
    padding: 1rem;
  }

  .top.top_basic {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .top.wolf-den {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }

  .claws_s-l1 {
    font-size: 2rem;
  }

  .filter_menu-box {
    padding: .5rem 1.5rem;
  }

  .filter_chevron {
    width: 2rem;
    min-width: 2rem;
    max-width: 2rem;
  }

  .infra-intro_summary {
    flex-flow: column;
    grid-template-columns: 1fr;
    padding: 4rem;
    display: flex;
  }

  .infra_intro-copy {
    grid-template-columns: 1fr;
  }

  .top-text-logo {
    transform: scale(.7);
  }

  .col-right {
    padding-top: 3rem;
  }

  .col-center {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .claws_s-l2 {
    font-size: 2rem;
  }

  .social-share-options {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .sidebar-label {
    margin-top: 0;
  }

  .related-posts-list {
    flex-flow: column;
  }

  .aeo-box {
    padding-top: .5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .fs-consent_banner {
    max-width: 100%;
    left: 1rem;
    right: 1rem;
  }

  .fs-consent_banner_buttons {
    text-align: center;
    flex-flow: row;
    align-items: stretch;
    padding-right: 0;
  }

  .fs-consent_prefs {
    left: 1rem;
    right: 1rem;
  }

  .fs-consent_prefs_form {
    max-width: 100%;
  }

  .fs-consent_prefs_link {
    align-self: center;
  }

  .fs-marquee-service_wrapper {
    grid-template-rows: auto auto;
  }

  .fs-marquee-service_item {
    width: auto;
    font-size: 2.25rem;
  }

  .bw-hero-logo.mobile.keep-even {
    display: none;
  }

  .bw-split_card-graphic {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bw-section-runs {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .bw-manifesto-t {
    font-size: 4rem;
  }

  .bw-manifesto-t.post-it {
    font-size: 3rem;
  }

  .bw-sdlc-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .bw-integrations-graphic_container {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    padding: 2rem;
  }

  .bw-hero-logo_wrapper-mobile {
    grid-template-columns: 1fr 1fr;
  }

  .g2-strip {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .g2-badge-star-lockup {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .g2-label {
    font-size: 1.5rem;
  }

  .g2-star-set {
    font-size: 1.4rem;
  }

  .anchor-btn {
    flex: 1;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .service-stickie-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .service-stickie {
    width: 100%;
    padding: 4rem 3rem;
  }

  .service-stickie.post-1 {
    right: 0;
  }

  .service-stickie.post-2 {
    right: 1cqw;
  }

  .service-stickie.post-3 {
    left: 1cqw;
  }

  .service-tabs-menu {
    flex-flow: column;
    height: auto;
  }

  .tab-text {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding: 1rem;
  }

  .heading-lockup {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .bw-manifesto-center {
    padding: 3rem;
    transform: none;
  }

  .bw-hero_wolf-foreman {
    width: 75px;
    top: -48px;
  }

  .bw-hero_wolf-mapper {
    width: 60px;
    top: -58px;
  }

  .bw-hero_wolf-orchestrator {
    width: 75px;
    top: -58px;
    right: 42%;
  }

  .bw-hero_wolf-thumbs {
    width: 75px;
    top: -60px;
    right: 24%;
  }

  .beach-wolf {
    background-image: radial-gradient(circle, #3b3bef, #3b3bef 40%, #3b3bef00 80%);
    width: 200px;
    top: 39px;
    right: 15px;
  }

  .globe-wrap {
    aspect-ratio: 1.5;
    margin-bottom: 1rem;
  }

  .trio-feature {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .globe {
    width: 150%;
    margin-left: -25%;
  }

  .profiles-group {
    justify-content: center;
    align-items: center;
    gap: 10cqh;
  }

  .profile._1a {
    left: 0;
  }

  .fs-bw-tabs_tab-list {
    flex-flow: row;
    width: 100%;
  }

  .fs-bw-tabs_tab-item, .fs-bw-tabs_tab-item.is-tab-active {
    width: 100%;
  }

  .fs-bw-prototype-nav {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .home-hero-blurb-parent.home-hero-blurb {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
  }

  .task-wolf-parent.task-wolf {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .table-icon-wrap {
    padding: 1rem;
  }

  .benefits-list-label.post-its {
    font-size: 2rem;
  }

  .badge-set {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .badge-header-title.post-its {
    font-size: 2rem;
  }

  .bw-quote-wrapper {
    justify-content: center;
    align-items: center;
  }

  .bw-capability-key-container {
    display: flex;
  }

  .nav_slider {
    display: none;
  }

  .splide_wrapper, .splide.case-study-slider {
    width: 100%;
  }

  .footer_cta-blurb {
    font-size: 18px;
  }

  .footer_top-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .g2-strip-2 {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .footer_content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 48px 20px;
  }

  .nav_btn-pair {
    flex-flow: column;
    align-items: flex-start;
  }

  .nav_container {
    justify-content: center;
  }

  .nav_cta-wrapper {
    display: none;
  }

  .splide-2.case-study-slider, .splide_wrapper-2 {
    width: 100%;
  }

  .nav_slider-2 {
    display: none;
  }

  .image-24 {
    width: 160px;
  }

  .top-copy.top_basic {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .claws_form-btn-2 {
    width: 100%;
  }

  .claws_form-field-group-2.footer_email {
    flex-flow: column;
  }

  .g2-logo-2 {
    padding-left: 4px;
  }

  .footer_content-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 48px 20px;
  }

  .g2-badge-star-lockup-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .footer_bottom-wrap {
    flex-flow: column;
  }

  .g2-strip-3 {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .g2-label-2 {
    font-size: 1.5rem;
  }

  .footer_links {
    border-top: 1px solid #363661;
    width: 100%;
    padding-top: 16px;
  }

  .footer_cta-blurb-2 {
    font-size: 18px;
  }

  .g2-star-set-2 {
    font-size: 1.4rem;
  }

  .benefits-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .benefits-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .sponsor-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .qaw-sponsor {
    width: 40%;
  }

  .event-item-overview {
    flex-flow: wrap-reverse;
  }
}

#w-node-e40d09c2-0463-7dab-d6e1-7c12660d8fd4-8e961ce3, #w-node-_80191de4-672b-e264-c13a-f82174a30617-8e961ce4 {
  align-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_1edf06e1-022c-c23b-10d3-edcce9b1ba37-e9b1ba33 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1edf06e1-022c-c23b-10d3-edcce9b1ba37-e9b1ba33 {
    grid-column: span 3 / span 3;
  }
}