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;
}

:where(button.w-popover-trigger) {
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 0;
}

.w-popover {
  position-anchor: none;
}

.w-popover[popover]:not(:popover-open) {
  display: none;
}

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;
}

@font-face {
  font-family: Salesforcesans;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6564b99ffb51f80f232ae5e4_SalesforceSans-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Salesforcesans;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6564b99fb784642dbb812518_SalesforceSans-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Salesforcesans;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6564b99fb1c75a5d0dba2591_SalesforceSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Salesforcesans;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6564b99f36ea7b44131a6da2_SalesforceSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Salesforcesans;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6564b99f5a8eebf2c1e28832_SalesforceSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Salesforcesans;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6564b99fe7ad2d8129696c0d_SalesforceSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Salesforcesans;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6564b99fd993885d2aaadd1e_SalesforceSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Salesforcesans;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6564b99fc507052d9f51b9c7_SalesforceSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Salesforcesans;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6564b99f723214ef05db643c_SalesforceSans-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Itcavantgardestd Xltobl;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/68d1ed330ee763abc2664851_ITCAvantGardeStd-XLtObl.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Itcavantgardestd;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/68d1ed33fe0f3875c84722be_ITCAvantGardeStd-BoldCnObl.otf") format("opentype"), url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/68d1ed32dddc058f5ab7a2a7_ITCAvantGardeStd-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Itcavantgardestd Md;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/68d1ed33df7226d2d0921491_ITCAvantGardeStd-Md.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Itcavantgardestd Demi;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/68d1ed3334435903fe47bb7e_ITCAvantGardeStd-Demi.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Itcavantgardestd Bkcn;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/68d1ed3270dca4466a3ff431_ITCAvantGardeStd-BkCn.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Itcavantgardestd Demicn;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/68d1ed33b88bc43d924e7110_ITCAvantGardeStd-DemiCn.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Itcavantgardestd Demicnobl;
  src: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/68d1ed337cf593bde8d1d1df_ITCAvantGardeStd-DemiCnObl.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #111827;
  --bluevariant20: #032d60;
  --_avonni-design-system---brand--primary: #0176d3;
  --_avonni-design-system---neutral--white: #fff;
  --bluevariant40: #0b5cab;
  --white: white;
  --paletteneutral95: #e5e5e5;
  --bluevariant50: #0176d3;
  --_avonni-design-system---font--body-stack: Salesforcesans, sans-serif;
  --neutral80: #c9c9c9;
  --_avonni-design-system---neutral--text: #181818;
  --bluelight: var(--bluevribant95);
  --_avonni-design-system---neutral--dark: #444;
  --neutral-30: #444;
  --bluevribant95: #eaf5fe;
  --_avonni-design-system---brand--deep-blue: #032d60;
  --backgroundcolor: #021e3f;
  --_avonni-design-system---font--heading-stack: "Itcavantgardestd Demi", Arial, sans-serif;
  --_avonni-design-system---brand--primary-dark: #0b5cab;
  --_avonni-design-system---font--heading: "Itcavantgardestd Demi", Arial, sans-serif;
  --_avonni-design-system---brand--electric-blue: #066afe;
  --_avonni-design-system---brand--electric-blue-dark: #022ac0;
  --_avonni-design-system---brand--electric-blue-deep: #002775;
  --_avonni-design-system---radius--md: 8px;
  --_avonni-design-system---accent--pink: #ff538a;
  --_avonni-design-system---radius--lg: 12px;
  --_avonni-design-system---font--body: Salesforcesans, sans-serif;
  --_avonni-design-system---spacing--sm: 1rem;
  --_avonni-design-system---accent--teal: #04e1cb;
  --_avonni-design-system---spacing--md: 2rem;
  --_avonni-design-system---radius--sm: 4px;
  --_avonni-design-system---neutral--medium: #c9c9c9;
  --_avonni-design-system---accent--green: #41b658;
  --_avonni-design-system---neutral--lightest: #fafafa;
  --_avonni-design-system---spacing--xs: .5rem;
  --_avonni-design-system---neutral--black: #111827;
  --_avonni-design-system---brand--navy: #0f1a2e;
  --_avonni-design-system---neutral--lighter: #f3f3f3;
  --_avonni-design-system---spacing--lg: 4rem;
  --_avonni-design-system---neutral--light: #e5e5e5;
  --_avonni-design-system---brand--light-blue: #eaf5fe;
  --_avonni-design-system---accent--orange: #fe9339;
  --_avonni-design-system---spacing--xl: 6rem;
  --_avonni-design-system---brand--sky-blue: #aacbff;
}

.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;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

body {
  color: #080707;
  font-family: Salesforcesans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

h1 {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
}

h2 {
  color: var(--bluevariant20);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

h3 {
  color: var(--bluevariant20);
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 34px;
}

h4 {
  color: var(--bluevariant20);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  color: #181818;
  margin-bottom: 10px;
}

a {
  text-decoration: underline;
}

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

li {
  font-size: 18px;
  line-height: 30px;
}

.navbar_logo {
  height: 40px;
}

.navbar_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button {
  border-style: solid;
  border-width: 1px 2px 1px 1px;
  border-color: var(--_avonni-design-system---brand--primary);
  background-color: var(--_avonni-design-system---brand--primary);
  color: var(--_avonni-design-system---neutral--white);
  text-align: center;
  object-fit: fill;
  border-radius: 4px;
  padding: .75rem 1.5rem;
  font-weight: 600;
  display: block;
}

.button:hover {
  background-color: var(--bluevariant40);
}

.button.is-small {
  padding: .5rem 1.25rem;
  display: block;
}

.button.is-small.is-secondary.whitebg {
  background-color: var(--white);
}

.button.is-small.stretch {
  flex: 1;
  padding-left: 1rem;
  padding-right: 1rem;
}

.button.is-secondary {
  color: #0176d3;
  background-color: #0000;
  border: 2px solid #0176d3;
  border-bottom-width: .125rem;
}

.button.is-secondary.is-small {
  margin-top: 0;
  padding: .5rem 1.25rem;
  display: block;
}

.button.is-secondary.is-small.margin-left {
  margin-left: .5rem;
  display: inline-block;
}

.button.is-secondary.is-small.white {
  background-color: #fff;
}

.button.is-secondary.is-small.login {
  display: none;
}

.button.is-secondary.no-margin {
  margin-top: 0;
}

.button.is-secondary.no-margin.width {
  width: 350px;
}

.button.is-secondary.xsmall {
  border-width: 2px;
  margin-top: 0;
  padding: .25rem .5rem;
  font-size: 14px;
}

.button.is-secondary.proto {
  margin-top: 0;
}

.button.is-secondary.white {
  background-color: var(--white);
}

.button.is-navbar3-button {
  margin-left: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.button.hidden {
  display: none;
}

.button.lp:hover {
  background-color: #015ea8;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .825rem;
  height: .825rem;
  display: flex;
}

.navbar_logo-link {
  padding-left: 0;
}

.navbar_icon-wrapper {
  flex: none;
}

.dropdown-chevron {
  color: #032d60;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.dropdown-chevron.blog {
  display: none;
}

.navbar_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.navbar_menu-button {
  padding: 0;
}

.navbar_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.navbar_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: .25rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar_dropdown-content-left {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1rem 2rem 1rem 0;
  display: grid;
}

.navbar_dropdown-link {
  grid-column-gap: .75rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-top: .5rem;
  padding-bottom: .125rem;
  text-decoration: none;
  display: grid;
}

.text-size-small {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
}

.text-size-small.hide-mobile-landscape {
  width: 300px;
  font-weight: 400;
}

.text-size-small.hide-mobile-landscape.menu {
  font-size: 14px;
}

.text-size-small.text-weight-semibold {
  font-weight: 600;
}

.text-size-small.text-weight-semibold.black {
  color: #181818;
  font-size: 1rem;
}

.text-size-small.info {
  margin-bottom: 0;
}

.text-size-small.info.enteprise {
  color: var(--paletteneutral95);
  margin-bottom: 10px;
}

.navbar_menu-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.navbar_link {
  padding: 1.5rem 1rem;
}

.navbar_link.w--current {
  color: #000;
}

.navbar_component {
  background-color: #fff;
  border-bottom: 1px solid #c9c9c9;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.navbar_menu-left {
  align-items: center;
  display: flex;
}

.text-weight-semibold {
  color: var(--bluevariant20);
  font-weight: 600;
}

.navbar3_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.navbar3_tablet-menu-button {
  border: 1px solid var(--bluevariant50);
  background-color: var(--bluevariant50);
  color: #fff;
  border-radius: 4px;
  margin-left: 1rem;
  padding: .5rem 1.5rem;
  display: none;
}

.navbar3_menu-button {
  padding: 0;
}

.navbar3_logo-link-menu {
  padding-left: 0;
  display: none;
}

.navbar3_menu-dropdown {
  z-index: 100;
  flex: 0 auto;
  margin-left: 0;
  margin-right: 0;
}

.navbar3_dropdown-list {
  width: 750px;
}

.navbar3_dropdown-list.w--open {
  background-color: #fff;
  border: 1px solid #000;
  padding: 8px 40px;
  position: absolute;
}

.navbar3_logo {
  width: 150px;
}

.navbar3_link {
  color: var(--bluevariant20);
  margin-left: 0;
  margin-right: 0;
  padding: .5rem 1rem;
  font-weight: 700;
}

.navbar3_link:hover {
  color: var(--bluevariant50);
}

.navbar3_link.w--current {
  color: #000;
}

.navbar3_link.submenu {
  text-decoration: none;
}

.navbar3_link.submenu.focused {
  color: var(--bluevariant50);
}

.navbar3_link.is-active {
  color: #1589ee;
}

.navbar3_link.v5nav_navlink {
  text-decoration: none;
}

.navbar3_logo-link {
  padding-left: 0;
}

.navbar3_menu-background {
  display: none;
  position: static;
}

.navbar3_dropdown-link {
  padding: .5rem 1rem;
}

.navbar3_dropdown-link.w--current {
  color: #000;
}

.navbar3_menu {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

.navbar3_dropdown-toggle {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.navbar3_component {
  z-index: 999;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar3_component.flow {
  display: none;
}

.navbar_nav-item-label {
  color: #032d60;
  font-weight: 700;
  line-height: 28px;
}

.navbar_nav-item-label:hover {
  color: var(--bluevariant50);
}

.padding-bottom, .padding-bottom.padding-xxlarge, .padding-bottom.padding-xhuge {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical, .padding-vertical.padding-xxlarge {
  padding-left: 0;
  padding-right: 0;
}

.footer5_bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  display: flex;
}

.footer5_bottom-wrapper.v2ftr_botgrid {
  gap: 1.5rem;
}

.footer5_component.v2ftr_root {
  color: #444;
  background-color: #fff;
}

.footer5_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.footer5_legal-link {
  color: #fff;
  font-size: .8125rem;
  font-weight: 300;
  text-decoration: underline;
}

.footer5_legal-link.v2ftr_legal {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: var(--white);
  font-size: .875rem;
  text-decoration: none;
}

.footer5_legal-link.v2ftr_legal:hover {
  color: var(--neutral80);
}

.footer5_social-link {
  color: #fff;
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.footer5_credit-text {
  font-size: .8125rem;
}

.footer5_credit-text.v2ftr_credit {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: var(--white);
  font-size: .875rem;
}

.footer5_logo-link {
  padding-left: 0;
}

.footer5_legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.footer5_link {
  color: var(--bluevariant40);
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .825rem;
  font-weight: 400;
  text-decoration: none;
}

.footer5_link:hover {
  color: var(--bluevariant40);
}

.footer5_link.v2ftr_link {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  font-size: .9375rem;
  text-decoration: none;
}

.footer5_link.v2ftr_link:hover {
  color: #0176d3;
}

.footer5_top-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: start;
  padding-bottom: .5rem;
}

.footer5_top-wrapper.v2ftr_topgrid {
  gap: 2.5rem;
}

.footer5_social-icons {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: grid;
}

.line-divider {
  background-color: var(--neutral80);
  width: 100%;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.container-large {
  flex-flow: column;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.padding-top, .padding-top.padding-medium {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.spacer-xsmall {
  width: 100%;
  padding-top: 1rem;
}

.footer {
  padding: 2rem 2.5rem 1.5rem;
}

.text-size-medium {
  color: var(--_avonni-design-system---neutral--text);
  font-size: 1.125rem;
  line-height: 30px;
}

.text-size-medium.text-yellow-dark {
  color: #4f2100;
}

.text-size-medium.text-teal-dark {
  color: #023434;
}

.text-size-medium.text-orange-dark {
  color: #3e2b02;
}

.text-size-medium.text-pink-dark {
  color: #4b0620;
}

.text-size-medium.tdx {
  margin-top: 40px;
}

.text-size-medium.cmp2_hero-sub {
  color: #eaf5fe;
}

.header27_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: grid;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small.middle {
  justify-content: center;
  align-items: center;
  display: flex;
}

.margin-bottom.margin-large, .margin-bottom.margin-xsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xsmall.comparison {
  color: var(--bluevariant20);
  margin-bottom: 40px;
}

.margin-bottom.margin-xsmall.inline {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.margin-bottom.margin-medium, .margin-bottom.margin-xxsmall, .margin-bottom.margin-tiny {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin-bottom: 20px;
}

.margin-bottom.margin-xxlarge {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xxlarge.left {
  margin-bottom: 4rem;
}

.margin-bottom.margin-xxlarge {
  justify-content: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.padding-section-medium {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.padding-section-medium.background-teal {
  background-color: #acf3e4;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium.background-orange {
  background-color: #fedfd0;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium.background-pink {
  background-color: #fddde3;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium.background-green {
  background-color: #cdefc4;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium.background-indigo {
  background-color: #e0e5f8;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium.pricingcta {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.padding-section-medium.cta {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
}

.padding-section-medium.hint {
  border-left: 5px none var(--bluevariant50);
  background-color: var(--bluelight);
  padding: 2rem;
}

.header27_image {
  width: 100%;
  height: 100%;
}

.margin-top, .margin-top.margin-medium, .margin-top.margin-small {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-small.resize-content {
  width: 250px;
}

.margin-top.margin-xxlarge, .margin-top.margin-xlarge, .margin-top.margin-xsmall, .margin-top.margin-huge, .margin-top.margin-xxsmall {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.text-size-tiny {
  font-size: .875rem;
  font-weight: 400;
}

.text-size-tiny.text-weight-semibold.text-color-grey {
  color: var(--_avonni-design-system---neutral--dark);
}

.text-size-tiny.text-color-grey {
  color: var(--neutral-30);
}

.form_input {
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.header27_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.error-message {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.padding-global {
  background-color: var(--white);
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 5%;
  padding-right: 5%;
}

.padding-global.lp {
  margin-top: 4rem;
  margin-bottom: 1rem;
}

.padding-global.comparisoon {
  background-color: var(--bluevariant20);
  margin-top: 0;
}

.padding-global.faq {
  margin-top: 8rem;
  margin-bottom: 4rem;
}

.padding-global.cmppage {
  padding-left: 0%;
  padding-right: 0%;
}

.text-align-center {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.text-align-center.hero {
  width: auto;
}

.max-width-large {
  width: 100%;
  max-width: 58rem;
}

.max-width-large.demo {
  margin-top: 100px;
  margin-bottom: 100px;
}

.max-width-large.demo.tdx {
  margin-top: 40px;
}

.header27_form_component {
  max-width: 30rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.success-message {
  background-color: #f4f4f4;
  padding: 1.5rem;
}

.spacer-tiny {
  width: 100%;
  padding-top: .25rem;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .5rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1.5rem;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
  display: block;
}

.spacer-large {
  width: 100%;
  padding-top: 3rem;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.spacer-xlarge.new {
  padding-top: 1rem;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 7rem;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 10rem;
}

.header26_image {
  width: 100%;
  height: 100%;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
}

.button-group.is-center.demo {
  flex-flow: column;
  margin-top: 60px;
}

.button-group.is-center.demo.tdx {
  flex-flow: row;
}

.button-group.doublerow {
  flex-flow: column;
  align-items: flex-start;
}

.button-group.pricing {
  width: 250px;
}

.header26_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.header26_component._2-columns {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  align-items: center;
}

.padding-section-medium-2 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.logo3_logo {
  max-height: 3.5rem;
}

.section_logo3 {
  overflow: hidden;
}

.logo3_component {
  justify-content: center;
  display: flex;
}

.logo3_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  white-space: nowrap;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center start;
  margin-right: 2rem;
  display: grid;
}

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

.max-width-x-large {
  width: 100%;
  max-width: 64rem;
}

.max-width-x-large.align-center {
  text-align: center;
  flex: 0 auto;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-x-large.align-left {
  text-align: left;
}

.max-width-x-large.full {
  max-width: none;
}

.padding-section-small {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.layout402_tabs-menu {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  margin-bottom: 4rem;
  display: flex;
  overflow: auto;
}

.layout402_tabs-menu.no-scrollbar {
  justify-content: center;
  margin-bottom: 2rem;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #000;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-2.is-link {
  color: #000;
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-2.is-link.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-2.is-secondary {
  color: #000;
  background-color: #0000;
  border: 2px solid #000;
  border-bottom-width: .125rem;
}

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

.layout402_tab-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.layout402_image {
  border-radius: 1rem;
}

.layout402_image.layout_card.border {
  border: 1px solid #e3e3e3;
}

.layout402_image.layout_card.usecase {
  border: 1px solid var(--neutral80);
  border-radius: 30px;
}

.layout402_image.components {
  border-bottom: 1px solid var(--neutral80);
  border-radius: 0;
  align-self: auto;
  max-width: 800px;
  height: auto;
}

.layout402_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.layout402_tab-link {
  color: #0176d3;
  background-color: #fff;
  border: 2px solid #0176d3;
  border-radius: 20px;
  flex: none;
  padding: .325rem 1rem;
}

.layout402_tab-link:hover, .layout402_tab-link.w--current {
  color: #fff;
  background-color: #0176d3;
  border-color: #0176d3;
}

.layout6_item-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.layout6_item-list.comparison {
  margin-top: 1rem;
}

.layout6_text-wrapper.comparison {
  background-color: var(--white);
  box-shadow: 0 2px 5px 0 var(--neutral80);
  border-radius: 10px;
  padding: 40px;
}

.layout6_text-wrapper.comparison.no-box-shadow {
  box-shadow: none;
}

.layout6_image {
  width: 100%;
  height: 100%;
}

.layout6_content {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.layout6_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.layout194_content {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.layout194_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.layout194_image {
  width: 100%;
  height: 100%;
}

.text-size-large {
  color: var(--_avonni-design-system---neutral--text);
  margin-top: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 30px;
}

.text-size-large.subheading {
  display: none;
}

.text-size-large.custom {
  font-size: 1.45rem;
}

.text-size-large.pricing {
  color: var(--neutral-30);
  font-family: Salesforcesans, sans-serif;
  font-size: 20px;
}

.layout28_image {
  width: 100%;
  height: 100%;
}

.layout28_tabs-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.layout28_tabs-link {
  border-left: 1px solid var(--neutral80);
  background-color: #0000;
  padding: 0 0 0 2.18rem;
  display: block;
}

.layout28_tabs-link.w--current {
  border-left-width: 4px;
  border-left-color: var(--bluevariant50);
  opacity: 1;
  color: var(--bluevariant50);
  background-color: #0000;
  padding-left: 2rem;
}

.layout28_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.layout28_lightbox {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.lightbox-play-icon {
  z-index: 2;
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.layout28_lightbox-image {
  object-fit: cover;
}

.heading-style-h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.video-overlay-layer {
  z-index: 1;
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.text-size-medium-2 {
  font-size: 1.25rem;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.button-3 {
  color: #fff;
  text-align: center;
  background-color: #000;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-3.is-link {
  color: #000;
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-3.is-link.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--bluevariant20);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: underline;
  display: flex;
}

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

.layout401_card-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/68d1f32d994441373a6b5600_Design%20sans%20titre%20(5).png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 150px 150px;
  background-attachment: scroll;
  border-top: 8px solid #0000;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.layout401_card-content.sales {
  border-top-color: #04e1cb;
}

.layout401_card-content.services {
  border-top-color: #ff538a;
}

.layout401_card-content.marketing {
  border-top-color: #fe9339;
}

.layout401_card-content.commerce {
  border-top-color: #41b658;
}

.layout401_card-content-top {
  text-align: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

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

.heading-style-h5 {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.layout401_card {
  border-radius: 8px 8px 12px 12px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
  box-shadow: -2px 4px 8px -2px #17171729, 1px -2px 12px -2px #17171714;
}

.text-size-medium-3 {
  font-size: 1.25rem;
}

.text-size-medium-3.text-color-white {
  color: #fff;
}

.text-size-medium-3.text-weight-bold {
  font-size: 20px;
  font-weight: 700;
}

.text-size-medium-3.text-weight-bold.comparison {
  padding-top: 3px;
  font-size: 21px;
}

.text-size-medium-3.text-weight-bold.comparison.topfeature {
  padding-top: 3px;
}

.text-size-medium-3.pricingcta {
  margin-bottom: 20px;
  font-size: 1.15rem;
  line-height: 26px;
}

.text-size-medium-3.comparison {
  font-size: 1.1rem;
  line-height: 30px;
}

.logo1_logo {
  max-height: 2.5rem;
}

.logo1_logo.linklaters {
  height: 40px;
}

.logo1_component {
  grid-column-gap: 8rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.margin-vertical, .margin-vertical.margin-medium {
  margin-left: 0;
  margin-right: 0;
}

.margin-vertical.margin-xxsmall {
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
}

.testimonial10_divider {
  background-color: #000;
  align-self: stretch;
  width: 1px;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.testimonial10_rating-icon {
  color: #ffb75d;
  justify-content: center;
  align-items: center;
  margin-right: .25rem;
  display: flex;
}

.testimonial10_arrow {
  border: 3px solid var(--bluevariant50);
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.testimonial10_arrow.hide-mobile-landscape {
  border: 1px #c9c9c966;
  width: 3.25rem;
  height: 3.25rem;
  box-shadow: -1px 2px 6px 2px #17171714;
}

.testimonial10_client-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.testimonial10_arrow-icon {
  color: #2e2e2e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.testimonial10_slide {
  padding-left: 4rem;
  padding-right: 4rem;
}

.testimonial10_content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial10_component {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-bottom: 4rem;
}

.testimonial10_client-image-wrapper {
  margin-right: 1.25rem;
}

.testimonial10_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
}

.testimonial10_logo {
  max-height: 3rem;
}

.testimonial10_client {
  text-align: left;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.testimonial10_rating-wrapper {
  margin-bottom: 10px;
  display: flex;
}

.button-4 {
  color: #fff;
  text-align: center;
  background-color: #000;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-4.is-secondary {
  color: #000;
  background-color: #0000;
  border: 2px solid #000;
  border-bottom-width: .125rem;
}

.button-4.is-secondary.is-alternate {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}

.section_cta29 {
  position: relative;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small.cta {
  max-width: 80rem;
  box-shadow: 0 2px 5px 0 var(--neutral80);
  border-radius: 10px;
}

.container-small.hint {
  border-left: 5px solid var(--bluevariant50);
  max-width: 80rem;
  box-shadow: 0 2px 5px 0 var(--neutral80);
  border-radius: 10px;
}

.text-color-white {
  color: #fff;
}

.cta29_background-video {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cta29_background-video-wrapper {
  z-index: -1;
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
}

.button-5 {
  color: #fff;
  text-align: center;
  background-color: #000;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-5.is-secondary {
  color: #000;
  background-color: #0000;
  border: 2px solid #000;
  border-bottom-width: .125rem;
}

.section_cta25 {
  background-color: var(--bluevribant95);
  margin-bottom: 60px;
  position: relative;
}

.section_cta25.lp {
  margin-top: 60px;
}

.section_cta25.cmp2_cta-dark {
  background-color: #0f1a2e;
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
}

.button-6 {
  color: #fff;
  text-align: center;
  background-color: #000;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-6.is-secondary {
  color: #000;
  background-color: #0000;
  border: 2px solid #000;
  border-bottom-width: .125rem;
}

.button-6.is-secondary.is-small {
  padding: .5rem 1.25rem;
}

.button-6.is-secondary.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-6.is-link {
  color: #000;
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-6.is-link.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--bluevariant20);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-6.is-navbar3-button {
  margin-left: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.button-6.is-small {
  padding: .5rem 1.25rem;
}

.button-6.max-width-full {
  width: 100%;
  max-width: none;
}

.faq1_component {
  margin-top: 20px;
}

.faq1_question {
  border-top: 1px solid var(--paletteneutral95);
  color: var(--bluevariant20);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  display: flex;
}

.faq1_question:hover {
  color: var(--bluevariant50);
}

.faq1_question.first {
  border-top-style: none;
}

.faq1_answer {
  overflow: hidden;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.max-width-medium.align-center {
  margin-left: auto;
  margin-right: auto;
}

.icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.faq1_icon-wrapper {
  align-self: flex-start;
  width: 2rem;
  margin-left: 1.5rem;
  display: flex;
}

.faq1_accordion {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.layout400_card-image {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

.layout400_card-image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

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

.layout400_row.flowcmp {
  margin-top: 40px;
}

.layout400_card {
  border-radius: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
  box-shadow: 1px -2px 12px -2px #17171714, -1px 4px 8px -2px #17171729;
}

.layout400_card-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 1.5rem;
  display: flex;
}

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

.badge {
  background-color: var(--bluevribant95);
  color: var(--bluevariant20);
  border-radius: 20px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: .125rem 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
}

.badge.left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
}

.badge.left.big {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  vertical-align: baseline;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 135px;
  margin-bottom: 10px;
  padding: .5rem 10px;
  font-size: 16px;
  display: flex;
}

.button-7 {
  color: #fff;
  text-align: center;
  background-color: #000;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-7.is-link {
  color: #000;
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-7.is-link.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--bluevariant20);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-7.is-link.cta {
  text-decoration: underline;
}

.button-7.is-link.cta:hover {
  color: var(--bluevariant50);
  text-decoration: none;
}

.button-7.is-link.product {
  text-align: left;
  width: 180px;
  font-size: 14px;
  line-height: 1.2;
}

.dropdown-chevron-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.navbar3_dropdown-list-2.w--open {
  border: 1px none var(--neutral80);
  background-color: #fff;
  border-radius: 14px;
  margin-top: 13px;
  padding: 20px 40px;
  position: absolute;
  box-shadow: 0 2px 5px #0003, 0 -8px 8px -12px #17171729;
}

.navbar3_dropdown-list-2.v5nav_list-reset {
  background-color: #0000;
}

.navbar12_menu {
  align-items: center;
  display: flex;
  position: static;
}

.navbar12_logo-link {
  padding-left: 0;
}

.navbar12_icon-wrapper {
  flex: none;
}

.dropdown-chevron-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.navbar12_component {
  background-color: #fff;
  border-bottom: 1px solid #000;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.navbar12_menu-buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.navbar12_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: 0rem;
  grid-template-rows: .5fr;
  grid-template-columns: minmax(300px, 1fr);
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: stretch;
  display: grid;
}

.navbar12_dropdown-link-list.right {
  grid-template-columns: 1fr;
  margin-top: 44px;
}

.navbar12_dropdown-content {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  place-items: start center;
  display: grid;
}

.navbar12_dropdown-link {
  grid-column-gap: .75rem;
  grid-row-gap: 0px;
  color: var(--bluevariant20);
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-top: .25rem;
  padding-bottom: .25rem;
  text-decoration: none;
  display: grid;
}

.navbar12_dropdown-link:hover {
  color: var(--bluevariant50);
}

.navbar12_dropdown-link.prototype {
  display: block;
}

.navbar12_dropdown-link.prototype.w--current {
  display: none;
}

.navbar12_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar12_link {
  padding: .5rem 1rem;
}

.navbar12_link.w--current {
  color: #000;
}

.navbar12_dropdown-toggle {
  grid-column-gap: .5rem;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.navbar12_menu-button {
  padding: 0;
}

.navbar12_text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.navbar12_dropdown-list.w--open {
  background-color: #fff;
  border: 1px solid #000;
  width: 40rem;
  padding: 1.5rem;
  right: -100%;
}

.navbar4_dropdown-toggle {
  grid-column-gap: .5rem;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.navbar12-3_dropdown-content {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar5_dropdown-toggle {
  grid-column-gap: .5rem;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.navbar12-5_dropdown-content {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing20_component {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 10px;
}

.heading-style-h1 {
  color: var(--_avonni-design-system---brand--deep-blue);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
}

.heading-style-h1.text-align-center.pricingnew {
  font-size: 56px;
  line-height: .8;
}

.pricing20_feature {
  flex-direction: row;
  display: flex;
}

.pricing20_feature.blank {
  height: 25px;
}

.pricing20_feature.install {
  margin-bottom: 5px;
}

.pricing20_icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
  line-height: 24px;
}

.pricing20_divider {
  background-color: #c9c9c9;
  width: 100%;
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pricing20_plan {
  border: 1px solid #c9c9c9;
  border-radius: 8px;
  padding: 2rem;
}

.heading-style-h6 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.heading-style-h6.blue {
  color: var(--bluevariant20);
  font-size: 1.5rem;
}

.heading-style-h6.blue.new {
  font-size: 24px;
}

.heading-style-h6.blue.new.faq {
  color: var(--neutral-30);
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
}

.pricing20_feature-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.pricing20_feature-list.pricing {
  margin-top: 10px;
  margin-bottom: 10px;
}

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

.header28_lightbox-image {
  object-fit: cover;
}

.icon-embed-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.header28_lightbox {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.header28_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.layout1_image {
  width: 100%;
  height: 100%;
}

.layout1_image.small {
  width: 400px;
}

.layout1_content {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.layout1_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.layout406_component {
  flex-direction: column;
  display: flex;
}

.layout406_tab-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
}

.layout406_tabs-menu {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  margin-bottom: 4rem;
  display: flex;
}

.layout406_tab-link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #915f2399;
  text-align: center;
  background-color: #fbf3e082;
  border-bottom: 1.5px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  padding: 1rem 1.5rem;
  display: flex;
}

.layout406_tab-link.w--current {
  color: #6f3400;
  background-color: #fffcf4;
  border-bottom-style: none;
  border-radius: 8px;
}

.layout406_image {
  width: 100%;
  height: 100%;
}

.layout406_image-wrapper {
  width: 100%;
}

.heading-style-h6-2 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.text-yellow {
  color: #915f23;
}

.text-teal {
  color: #023434;
}

.layout406_tab-teal-link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #915f2399;
  text-align: center;
  background-color: #fbf3e082;
  border-bottom: 1.5px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  padding: 1rem 1.5rem;
  display: flex;
}

.layout406_tab-teal-link.w--current {
  color: #056764;
  background-color: #f7fffd;
  border-bottom-style: none;
  border-radius: 8px;
}

.layout406_tab-teal-ink {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #05676499;
  text-align: center;
  background-color: #def9f3;
  border-bottom: 1.5px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  padding: 1rem 1.5rem;
  display: flex;
}

.layout406_tab-teal-ink.w--current {
  color: #024d4c;
  background-color: #f7faf9;
  border-bottom-style: none;
  border-radius: 8px;
}

.text-orange {
  color: #371e03;
}

.layout406_tab-orange-ink {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #dd7a01;
  text-align: center;
  background-color: #ffece3;
  border-bottom: 1.5px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  padding: 1rem 1.5rem;
  display: flex;
}

.layout406_tab-orange-ink.w--current {
  color: #dd7a01;
  background-color: #fff8f6;
  border-bottom-style: none;
  border-radius: 8px;
}

.text-pink {
  color: #4b0620;
}

.layout406_tab-pink-ink {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #b60554bf;
  text-align: center;
  background-color: #ffedf1;
  border-bottom: 1.5px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  padding: 1rem 1.5rem;
  display: flex;
}

.layout406_tab-pink-ink.w--current {
  color: #b60554;
  background-color: #fcf7f8;
  border-bottom-style: none;
  border-radius: 8px;
}

.text-green {
  color: #071b12;
}

.layout406_tab-green-ink {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #194e31;
  text-align: center;
  background-color: #e3ffdc;
  border-bottom: 1.5px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  padding: 1rem 1.5rem;
  display: flex;
}

.layout406_tab-green-ink.w--current {
  color: #194e31;
  background-color: #fefffe;
  border-bottom-style: none;
  border-radius: 8px;
}

.text-indigo {
  color: #200647;
}

.layout406_tab-indigo-ink {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #200647;
  text-align: center;
  background-color: #eff2ff;
  border-bottom: 1.5px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  padding: 1rem 1.5rem;
  display: flex;
}

.layout406_tab-indigo-ink.w--current {
  color: #260f8f;
  background-color: #fff;
  border-bottom-style: none;
  border-radius: 8px;
}

.bottom-footer {
  background-color: var(--backgroundcolor);
  color: #fff;
  padding: .25rem 2.5rem 1rem;
}

.bottom-footer.v2ftr_bottom {
  border-top: 1px solid #e5e5e5;
}

.list {
  list-style-type: none;
}

.layout17_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.layout17_lightbox {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.layout17_lightbox-image {
  object-fit: cover;
}

.icon-check {
  background-color: #eaf5fe;
  border-radius: 40px;
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
  padding: 4px;
}

.layout17_item {
  align-items: center;
  display: flex;
}

.layout17_item-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  padding-top: .125rem;
  padding-bottom: .125rem;
  display: grid;
}

.padding-global-2 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global-2.lp {
  margin-top: 2rem;
}

.paragraph-small {
  margin-bottom: 0;
  font-size: 1rem;
}

.paragraph-2 {
  margin-bottom: 0;
}

.layout289_item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.layout289_component {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.layout298_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.layout298_item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.layout298_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.login-modal1_form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.login-modal1_form_component {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
}

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

.modal_close-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: auto;
  align-items: stretch;
  margin-bottom: .5rem;
  display: flex;
  position: static;
  top: 1rem;
  right: 1rem;
}

.modal_close-button.lp {
  flex-flow: row;
  margin-bottom: 0;
}

.modal_close-button.pricing {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: row;
  justify-content: flex-end;
  align-self: auto;
  align-items: stretch;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  top: -40px;
  right: 0;
}

.icon-embed-xsmall-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.heading-style-h3 {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.heading-style-h3.no-center {
  text-align: left;
}

.text-style-link {
  color: #000;
  text-decoration: underline;
}

.modal_wrapper {
  width: 100%;
  max-width: 55rem;
  height: auto;
  max-height: 90vh;
  overflow: scroll;
}

.modal_wrapper.expand {
  max-width: 60rem;
}

.modal_component {
  z-index: 99;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.form-button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.show-mobile-landscape {
  display: none;
}

.error-text {
  color: #e23939;
}

.modal_background-overlay {
  z-index: -1;
  background-color: #777777e6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.max-width-large-2 {
  width: 100%;
  max-width: 48rem;
}

.max-width-large-2.align-center {
  margin-left: auto;
  margin-right: auto;
}

.section_login-modal1 {
  position: relative;
}

.modal_header {
  z-index: 99;
  background-color: var(--white);
  border-bottom: 2px solid #c9c9c9;
  padding: 1rem 3rem;
  position: sticky;
  top: 0;
}

.modal_header.lp {
  background-color: #f5528b;
}

.modal_content {
  display: block;
}

.modal_footer {
  border-top: 2px solid #c9c9c9;
  justify-content: flex-end;
  padding: 12px 16px;
  display: flex;
}

.modal {
  background-color: #fff;
  border-radius: .25rem;
  display: block;
  position: relative;
}

.box {
  border: 1px solid #c9c9c9;
  border-radius: .25rem;
  margin-left: 3rem;
  margin-right: 3rem;
  padding: .75rem;
}

.box.noborder {
  border-style: none;
  justify-content: flex-end;
  align-items: center;
  margin-left: 2rem;
  margin-right: 2rem;
  display: flex;
}

.box.column {
  border-style: none;
  border-top-width: 10px;
  border-top-color: #d52323;
  border-radius: .75rem;
  width: auto;
  margin-left: .5rem;
  margin-right: .5rem;
  padding: 1.5rem;
  box-shadow: 0 0 3px 1px #0003;
}

.box.column.pricing {
  box-shadow: none;
}

.box_heading {
  color: var(--bluevariant20);
  font-family: Salesforcesans, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.box_heading.small {
  margin-right: 20px;
  font-size: 14px;
}

.box_content {
  margin-top: 8px;
  margin-bottom: 16px;
}

.box_content_available {
  margin-bottom: 20px;
  font-size: 14px;
}

.box_content_available.modal {
  margin-bottom: 10px;
}

.pricing20_button {
  justify-content: center;
  display: flex;
}

.pricing20_button._w-text {
  flex-flow: column;
}

.pricing20_button.double {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.grey {
  color: #080707;
}

.image-102 {
  object-fit: contain;
  background-color: #eaf5fe;
  border-radius: 100px;
  flex: none;
  width: 22px;
  height: 22px;
  margin-right: 0;
  padding: 5px;
  display: inline-block;
}

.layout_card-content {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  padding: 2rem 1.5rem;
  display: block;
}

.layout_card-content.sales {
  border-top-color: #04e1cb;
}

.layout_card-content.services {
  border-top-color: #ff538a;
}

.layout_card-content.marketing {
  border-top-color: #fe9339;
}

.layout_card-content.commerce {
  border-top-color: #41b658;
}

.layout_card-content.custom {
  background-color: #d6ebff;
}

.layout_card-content.mostpopular {
  border: 2px solid var(--bluevariant50);
  border-radius: 10px;
  position: relative;
}

.layout_card {
  border-radius: 8px 8px 12px 12px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
  box-shadow: -2px 4px 8px -2px #17171729, 1px -2px 12px -2px #17171714;
}

.background-video {
  z-index: 4;
  border-radius: 14px;
  margin: 24px;
  position: relative;
}

.background-video.list {
  display: none;
}

.contact30_image-wrapper {
  width: 100%;
  height: 100%;
}

.contact30_tabs-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact30_image {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
}

.contact30_component {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.max-width-large-3 {
  width: 100%;
  max-width: 48rem;
}

.contact30_tab-pane {
  height: 100%;
}

.contact30_tabs-link {
  background-color: #0000;
  border-left: 2px solid #0000;
  padding: 0 0 0 2rem;
  display: block;
}

.contact30_tabs-link.w--current {
  border-left-width: 4px;
  border-left-color: var(--bluevariant50);
  opacity: 1;
  background-color: #0000;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 900px;
}

.text-size-medium-4 {
  margin-bottom: 40px;
  font-size: 1.125rem;
  line-height: 30px;
}

.footer1_credit-text {
  font-size: .875rem;
}

.button-8 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-8.is-small {
  padding: .5rem 1.25rem;
}

.button-8.is-secondary {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: #0000;
}

.icon-1x1-medium-2 {
  width: 3rem;
  height: 3rem;
}

.about4-team_image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.navbar1_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer1_left-wrapper {
  flex-direction: column;
  display: flex;
}

.about4-growth_image {
  width: 100%;
  display: none;
}

.about4-team_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.about4-team_image-wrapper {
  width: 100%;
  overflow: hidden;
}

.padding-section-large-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.dropdown-chevron-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.signup-form-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: grid;
}

.footer1_social-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.navbar1_component {
  border-bottom: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.about4-partners_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.footer1_form-block {
  max-width: 35rem;
  margin-bottom: 0;
}

.heading-medium-4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.about4-team_social {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-self: flex-start;
  margin-top: 1.5rem;
  display: grid;
}

.about4-partners_wrapper {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: .875rem;
  display: flex;
}

.footer1_link {
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
}

.text-size-large-2 {
  font-size: 1.25rem;
}

.text-size-large-2.text-weight-semibold {
  margin-bottom: 10px;
}

.text-size-large-2.text-weight-semibold.v2ftr_col-head {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #032d60;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .8125rem;
  font-weight: 700;
}

.about4-team_item {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.footer1_bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer1_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.about4-growth_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-bottom: 40px;
  display: grid;
}

.about4-newsletter_component {
  grid-column-gap: 5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.footer1_form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: .75rem;
  display: grid;
}

.navbar1_menu-button {
  padding: 0;
}

.navbar1_dropdown-list.w--open {
  border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  padding: .5rem;
}

.about4-partners_list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
}

.footer1_legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.navbar1_menu-buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.max-width-medium-2 {
  width: 100%;
  max-width: 35rem;
}

.footer1_menu-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.navbar1_dropdown-toggle {
  grid-column-gap: .5rem;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.about4-partners_logo {
  max-height: 3.5rem;
}

.about4-growth_item-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.social-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.form_input-2 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  height: auto;
  min-height: 2.75rem;
  color: var(--\<unknown\|relume-variable-text-color-1\>);
  border-radius: 0;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input-2:focus {
  border-color: #000;
}

.form_input-2::placeholder {
  color: #0009;
}

.navbar1_logo-link {
  padding-left: 0;
}

.footer1_logo-link {
  padding-left: 0;
}

.about4-newsletter_form {
  max-width: 30rem;
  margin-bottom: 0;
}

.about4-newsletter_content {
  flex: 1;
}

.padding-global-3 {
  padding-left: 5%;
  padding-right: 5%;
}

.about4-values_list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.navbar1_link {
  padding: .5rem 1rem;
}

.navbar1_link.w--current {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.footer1_legal-link {
  font-size: .875rem;
  text-decoration: underline;
}

.footer1_top-wrapper {
  grid-column-gap: 8vw;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: start;
}

.line-divider-2 {
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  width: 100%;
  height: 1px;
}

.navbar1_dropdown-link {
  padding: .5rem 1rem;
}

.navbar1_dropdown-link.w--current {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.max-width-large-4 {
  width: 100%;
  max-width: 48rem;
}

.success-message-2 {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  padding: 1.5rem;
}

.navbar1_menu {
  align-items: center;
  display: flex;
  position: static;
}

.about4-values_component {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.about4-values_item {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-style-h2.color {
  color: var(--bluevariant50);
}

.heading-style-h2.comparison {
  color: var(--bluevariant20);
  text-align: center;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
}

.heading-style-h2.cmp2_h2 {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.text-size-medium-5 {
  font-size: 1.125rem;
}

.button-9 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-9.is-small {
  padding: .5rem 1.25rem;
}

.button-9.is-link {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-9.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.button-9.is-secondary {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: #0000;
}

.icon-1x1-medium-3 {
  width: 3rem;
  height: 3rem;
}

.dropdown-chevron-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.contact2-locations_location {
  text-align: center;
  width: 100%;
}

.text-style-link-2 {
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  text-decoration: underline;
}

.heading-style-h5-2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.contact2-locations_image-wrapper {
  width: 100%;
}

.contact2-header_component {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.contact2-locations_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.form_input-3 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  height: auto;
  min-height: 2.75rem;
  color: var(--\<unknown\|relume-variable-text-color-1\>);
  border-radius: 0;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input-3:focus {
  border-color: #000;
}

.form_input-3::placeholder {
  color: #0009;
}

.contact2-header_item {
  text-align: center;
  width: 100%;
}

.button-group-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group-2.is-center {
  justify-content: center;
}

.button-group-2.header {
  margin-top: 40px;
}

.padding-global-4 {
  padding-left: 5%;
  padding-right: 5%;
}

.contact2-locations_image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.max-width-large-5 {
  width: 100%;
  max-width: 48rem;
}

.success-message-3 {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  padding: 1.5rem;
}

.text-align-center-contact-page {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.paragraph-3 {
  margin-bottom: 40px;
}

.text-size-medium-6 {
  font-size: 1.125rem;
}

.about1-team_image {
  object-fit: cover;
  border-radius: 100%;
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  min-height: 5rem;
  margin-bottom: 10px;
}

.about1-team_list {
  grid-column-gap: 2rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  margin-top: 60px;
  margin-bottom: 60px;
  display: grid;
}

.about1-team_item {
  text-align: center;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.about1-team_social {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-self: center;
  margin-top: 1.5rem;
  display: grid;
}

.text-size-medium-7 {
  font-size: 1.125rem;
}

.legal2-content_h-trigger {
  display: none;
}

.button-10 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-10.is-small {
  padding: .5rem 1.25rem;
}

.button-10.is-secondary {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: #0000;
}

.dropdown-chevron-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.legal2-content_accordion-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: none;
}

.legal2-content_sidebar-heading-text {
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.5;
}

.legal2-content_link {
  width: 100%;
  padding: .75rem 1rem;
  text-decoration: none;
}

.legal2-content_link.w--current {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  font-weight: 600;
}

.legal2-content_link.is-h4, .legal2-content_link.is-h5, .legal2-content_link.is-h6 {
  padding-left: 1rem;
}

.legal2-content_link.current {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  font-weight: 600;
}

.legal2-content_link.current.w--current {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  border-style: none;
  font-weight: 600;
}

.legal2-content_link.is-h3 {
  padding-left: 1rem;
}

.legal2-content_sidebar {
  flex-direction: column;
  width: 100%;
  margin-right: 12rem;
  display: flex;
  position: sticky;
  top: 6rem;
}

.legal2-content_link-wrapper {
  overflow: hidden;
}

.form_input-4 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  height: auto;
  min-height: 2.75rem;
  color: var(--\<unknown\|relume-variable-text-color-1\>);
  border-radius: 0;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input-4:focus {
  border-color: #000;
}

.form_input-4::placeholder {
  color: #0009;
}

.padding-global-5 {
  padding-left: 5%;
  padding-right: 5%;
}

.legal2-content_component {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 20rem 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.legal2-content_link-content {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.max-width-large-6 {
  width: 100%;
  max-width: 48rem;
}

.success-message-4 {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  padding: 1.5rem;
}

.legal2-content_sidebar-heading {
  font-size: 1.5rem;
}

.text-size-medium-8 {
  font-size: 1.125rem;
}

.button-11 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-11.is-small {
  padding: .5rem 1.25rem;
}

.button-11.is-secondary {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: #0000;
}

.form_input-5 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  height: auto;
  min-height: 2.75rem;
  color: var(--\<unknown\|relume-variable-text-color-1\>);
  border-radius: 0;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input-5:focus {
  border-color: #000;
}

.form_input-5::placeholder {
  color: #0009;
}

.padding-global-6 {
  padding-left: 5%;
  padding-right: 5%;
}

.success-message-5 {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  padding: 1.5rem;
}

.navbar12_dropdown-link-list-sales {
  grid-column-gap: 0px;
  grid-row-gap: .25rem;
  grid-template-rows: max-content;
  grid-template-columns: minmax(300px, 1fr);
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: none;
}

.modal_component_fsc {
  z-index: 99;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-2, .div-block-3, .div-block-4 {
  display: none;
}

.headingcontactformnew {
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 400;
}

.column-34 {
  padding-left: 0;
}

.text-field-2 {
  border-radius: 5px;
  margin-bottom: 15px;
}

.text-block-65 {
  color: #fff;
}

.contactsalesstarter {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.div-block-283 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.column-35 {
  padding-right: 0;
}

.button_info-copy {
  color: #fff;
  text-align: left;
  background-color: #0b5cab;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 8px 22px;
  font-size: 14px;
  font-weight: 400;
  display: block;
}

.button_info-copy:hover {
  background-color: #094e91;
}

.success-message-6 {
  background-color: #2e844a;
  border-radius: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-150 {
  cursor: pointer;
  padding: 10px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.divblockformfsc2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.textprivacy-2 {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  font-family: Salesforcesans, sans-serif;
  font-size: 10px;
  display: flex;
}

.linkprivacy {
  margin-left: 3px;
  font-size: 10px;
}

.requestquotestarter {
  background-color: #fff;
  border: 1px #c1c7d0;
  border-radius: 14px;
  width: 600px;
  height: 450px;
  margin: 220px auto auto;
  padding: 40px;
  display: block;
  position: absolute;
  inset: 0%;
}

.contactsalesessentials {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.column-36 {
  padding-left: 0;
}

.div-block-284 {
  cursor: pointer;
  padding: 10px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.column-37 {
  padding-left: 0;
}

.contactsalesprofessional {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.div-block-285 {
  cursor: pointer;
  padding: 10px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.requestquote {
  background-color: #fff;
  border: 1px #c1c7d0;
  border-radius: .2rem;
  width: 600px;
  height: 500px;
  margin: 220px auto auto;
  padding: 40px;
  display: none;
  position: absolute;
  inset: 0%;
}

.modal_pricing {
  z-index: 100;
  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;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.modal_content_pricing {
  padding: 20px 40px;
}

.spacer-medium-pricing {
  width: 100%;
  padding-top: 2rem;
  display: none;
}

.contactsalesenterprise {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  overflow: visible;
}

.divfooterpricingbox {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.html-embed {
  margin-bottom: 0;
}

.icon-embed-medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.contactsales {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

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

.h3center {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  font-size: 28px;
  display: flex;
}

.appexchangebutton {
  margin-top: 20px;
}

.buttongetstarted {
  color: #fff;
  text-align: center;
  background-color: #0176d3;
  border: 1px solid #0176d3;
  border-right-width: 2px;
  border-radius: 4px;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.buttongetstarted.is-small {
  padding: .5rem 1.25rem;
}

.buttongetstarted.is-secondary {
  color: #0176d3;
  background-color: #0000;
  border: 2px solid #0176d3;
  border-bottom-width: .125rem;
}

.buttongetstarted.is-secondary.is-small {
  padding: .5rem 1.25rem;
  display: block;
}

.buttongetstarted.is-secondary.is-small.margin-left {
  margin-left: .5rem;
  display: inline-block;
}

.buttongetstarted.is-navbar3-button {
  margin-left: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.buttongetstarted.hidden {
  display: none;
}

.buttongetstarted.xsmall {
  vertical-align: baseline;
  border-width: 2px;
  padding: .25rem .5rem;
  font-size: 14px;
}

.buttongetstarted.xsmall.spread {
  vertical-align: baseline;
  border-radius: 5px;
  justify-content: center;
  display: flex;
}

.talkexpertmobile {
  display: none;
}

.contactaffiliate {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.center {
  text-align: center;
}

.div-block-154 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-12 {
  color: #1589ee;
  text-decoration: none;
}

.text-block-47 {
  margin-left: auto;
  margin-right: 5px;
  font-size: 14px;
  display: block;
}

.tab01_title_wrap_job {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 1140px;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-131 {
  align-self: stretch;
  margin-bottom: 20px;
}

.div-block-130 {
  align-self: center;
  margin-top: 40px;
}

.image-50 {
  width: 20px;
  max-width: none;
  margin-right: 10px;
}

.jobtextlocation {
  text-align: left;
  text-transform: uppercase;
  align-self: flex-start;
  max-width: 800px;
  margin-bottom: auto;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
}

.link-block-2 {
  color: #000;
  text-decoration: none;
}

.jobdescription {
  line-height: 25px;
}

.c06_link_arrow {
  filter: invert();
  color: #a61a14;
  flex: 0 auto;
  order: -1;
  width: 15px;
  max-width: none;
  margin-left: auto;
  margin-right: 5px;
  display: block;
}

.button_info_inverse {
  color: #1589ee;
  background-color: #fff;
  border: 1px solid #1589ee;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 8px 22px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.button_info_inverse:hover {
  color: #fff;
  background-color: #005fb2;
}

.button_info {
  color: #fff;
  background-color: #0b5cab;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 8px 22px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.button_info:hover {
  background-color: #094e91;
}

.rt_job p {
  font-size: 18px;
  line-height: 27px;
}

.rt_job ul {
  font-size: 1.125rem;
  line-height: 36px;
}

.heading-5 {
  font-size: 30px;
}

.heading-5.jobs {
  font-size: 24px;
}

.tab01_h1_job {
  color: #061c3f;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 45px;
}

.breadcrumbs_back {
  align-items: center;
  margin-top: 15px;
  margin-bottom: 20px;
  display: flex;
}

.breadcrumbs_back:hover {
  font-weight: 700;
}

.div-block-132 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tab01-2 {
  background-color: #f9f9f9;
  padding: 100px 5% 60px;
}

.applyjob {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.heading-12 {
  font-size: 28px;
}

.text-align-center-job {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-20-cv {
  color: #042d60;
  font-size: 36px;
  font-weight: 400;
}

.div-block-344 {
  width: auto;
  position: sticky;
  top: 100px;
}

.blog-line-2 {
  background-color: #e6e6e6;
  width: 1px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.section_cta29-cv {
  color: #444;
  background-color: #0000;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.text-block-124 {
  margin-left: 3px;
}

.blog-seperator-dot {
  background-color: #e6e6e6;
  border-radius: 100px;
  width: 8px;
  height: 8px;
  margin-left: 7px;
  margin-right: 7px;
}

.padding-section-large-cv {
  flex-direction: row;
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.grid-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  justify-content: stretch;
  place-items: start center;
  width: auto;
}

.text-size-medium-cv {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.54;
}

.text-block-123 {
  margin-right: 3px;
}

.padding-global-cta-cv {
  background-color: #cfe9fe;
  border-radius: 16px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.button-12 {
  color: #0176d3;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .25rem;
  padding-top: 11px;
  padding-bottom: 11px;
  font-family: Salesforcesans, sans-serif;
  font-size: 13px;
  line-height: 1rem;
  position: relative;
}

.button-12:hover {
  color: #004485;
}

.button-12.button-brand {
  color: #fff;
  background-color: #0076d2;
  padding-top: 14px;
}

.button-12.button-brand:hover {
  background-color: #004485;
}

.button-12.button-brand.button-caps {
  text-transform: none;
  background-color: #0076d2;
  flex: 0 auto;
  padding: 16px 25px 11px;
  font-size: 14px;
  line-height: 1;
  display: block;
}

.button-12.button-brand.button-caps:hover {
  background-color: #004485;
}

.divbuttonfsc_cta {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-header-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-cover-5 {
  object-fit: cover;
  width: 30px;
  height: 30px;
  display: block;
}

.section-regular-blog {
  background-color: #0000;
  padding: 92px 5%;
  position: relative;
}

.blog-social-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-352 {
  background-color: #0076d2;
  border-radius: .25rem;
  padding: 14px 20px 12px;
}

.link-block-26 {
  text-decoration: none;
}

.inline-basic-icons {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-bottom: 1px #000;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.div-block-351 {
  color: #fff;
  display: flex;
}

.div-block-350 {
  border-radius: 20px;
  margin-bottom: 60px;
  padding: 20px 30px;
  box-shadow: 0 3px 15px 2px #e0e0e0;
}

.basic-icon-spec {
  border-bottom-style: none;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
}

.basic-icon-spec:hover {
  border-bottom-style: none;
}

.basic-icon-spec.facebook, .basic-icon-spec.linkedin, .basic-icon-spec.twitter {
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
}

.container-small-cv {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-bottom-cv {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.blogpost {
  line-height: 24px;
}

.blogpost p {
  font-size: 16px;
  line-height: 28px;
}

.blogpost li {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 28px;
}

.blogpost h2 {
  font-size: 24px;
}

.blogpost h1 {
  font-size: 32px;
}

.blogpost a {
  color: #215ca0;
  -webkit-text-stroke-color: #5a9fee;
}

.heading-28 {
  color: var(--bluevariant20);
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
}

.html-embed-6 {
  width: 300px;
}

.html-embed-6.button-demo-home {
  text-transform: none;
  border: 2px solid #0476d3;
  border-radius: .25em;
  width: 150px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 14px 15px 9px;
  font-size: 14px;
  line-height: 1rem;
  text-decoration: none;
  position: relative;
}

.html-embed-6.button-demo-home:hover {
  background-color: #d8e6fe;
}

.container-x-small-2 {
  z-index: 5;
  justify-content: space-around;
  width: 100%;
  max-width: 80rem;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.text-align-center_cta-cv {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

.blog-break {
  justify-content: center;
  align-items: center;
  margin-top: 48px;
  margin-bottom: 48px;
  display: flex;
}

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

.collection-item-4-1 {
  grid-column-gap: 46px;
  grid-row-gap: 46px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.div-block-343 {
  width: auto;
}

.blog-title-h3 {
  color: var(--bluevariant20);
  margin-top: 15px;
  margin-bottom: 14px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.05;
}

.blog-title-h3:hover {
  color: var(--backgroundcolor);
}

.blog-avatar-wrap {
  background-color: #f5f5f5;
  border: .5px solid #e9eced;
  border-radius: 99px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
}

.detail-block {
  color: #000;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.feature-content {
  flex-direction: column;
  align-self: auto;
  align-items: flex-start;
  display: flex;
}

.blog-author-detail {
  align-items: center;
  display: block;
}

.image-cover-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.detail-wrapper {
  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;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
  font-weight: 500;
  display: flex;
}

.blog-time {
  color: #49575a;
  font-size: 12px;
  line-height: 16px;
}

.text-block-121 {
  color: #fff;
  letter-spacing: 1px;
  background-color: #0276d3;
  border-radius: 5px;
  padding: 3px 10px;
  font-weight: 400;
}

.blog-date-wrap {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.blog-author-name {
  color: #042d60;
  letter-spacing: 1px;
  font-weight: 400;
}

.feature-paragraph-blogpage {
  color: #476289;
  margin-bottom: 40px;
  font-size: 1.25rem;
  line-height: 1.4;
}

.blog-author {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.feature-blog-image {
  border-radius: 5px;
  align-self: center;
  height: auto;
  overflow: hidden;
}

.image-cover {
  object-fit: cover;
  width: auto;
  height: auto;
}

.blog-section {
  background-color: #fff;
  padding: 60px 3% 80px;
}

.container-21 {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.collection-item-4 {
  grid-column-gap: 46px;
  grid-row-gap: 46px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.line-break-2 {
  background-color: #dddbda;
  width: 100%;
  height: 1px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.collection-item-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 60px;
  display: grid;
}

.image-cover-6 {
  object-fit: cover;
  width: auto;
  height: auto;
}

.arrow-link {
  color: #032d60;
  align-items: center;
  margin-top: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.arrow-link:hover {
  text-decoration: underline;
}

.feature-paragraph {
  color: #58575b;
  font-size: 1.2rem;
  line-height: 1.5;
}

.feature-paragraph.cmp2_cta-sub {
  color: #eaf5fe;
}

.text-block-125 {
  color: #fff;
  letter-spacing: 1px;
  background-color: #0276d3;
  border-radius: 5px;
  padding: 3px 10px;
  font-weight: 400;
}

.text-block {
  margin-right: 10px;
}

.arrow-right {
  background-color: #0000;
}

.div-block-363 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.blog-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.blog-image {
  border-radius: 8px;
  width: 100%;
  height: 176px;
  margin-bottom: 20px;
  overflow: hidden;
}

.blog-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.blog-content {
  flex: 0 auto;
}

.text-block-126 {
  background-color: var(--bluevribant95);
  color: var(--white);
  letter-spacing: 0;
  border: 1px solid #abd9ff;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
}

.text-block-131 {
  color: #4e4e4e;
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
}

.div-block-362 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f9f9f900;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  height: 500px;
  margin-bottom: 20px;
  padding: 20px 0;
  display: flex;
  overflow: hidden;
}

.image-cover-7 {
  object-fit: cover;
  width: auto;
  height: auto;
}

.heading-style-blog {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

.c01_careers {
  background-color: #fff;
  align-items: center;
  padding: 90px 5%;
  display: flex;
}

.avn_fe02_h3_j {
  color: #0a1f44;
  text-align: left;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  font-weight: 700;
  line-height: 42px;
}

.column-4 {
  padding-left: 40px;
}

.button-13 {
  color: #0176d3;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .25rem;
  padding-top: 11px;
  padding-bottom: 11px;
  font-family: Salesforcesans, sans-serif;
  font-size: 13px;
  line-height: 1rem;
  position: relative;
}

.button-13:hover {
  color: #004485;
}

.button-13.button-outline-brand {
  border: 1px solid var(--_avonni-design-system---brand--primary-dark);
  color: var(--_avonni-design-system---brand--primary-dark);
  padding-top: 14px;
  padding-bottom: 12px;
  font-size: 14px;
}

.button-13.button-outline-brand.button-caps {
  color: #0076d2;
  text-transform: none;
  border: 2px solid #0476d3;
  padding-top: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.button-13.button-outline-brand.button-caps:hover {
  background-color: #d8e6fe;
  border-color: #004486;
}

.button-13.button-outline-brand.button-caps.white {
  background-color: #fff;
}

.listpreks {
  margin-bottom: 35px;
}

.check-icon {
  width: 15px;
  margin-right: 12px;
}

.c03_text {
  color: #000;
  max-width: 560px;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-weight: 400;
  line-height: 25px;
}

.c03_check {
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.text-block-51 {
  font-size: 16px;
  line-height: 26px;
}

.careerheadercontainer-copy {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 1100px;
  min-height: 300px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.fe02 {
  background-color: #f9f9f9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 3% 130px;
  display: block;
}

.lwc_paragraph {
  color: #000;
  text-align: left;
  max-width: none;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 30px;
  display: block;
}

.careercontenth1 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 54px;
  line-height: 60px;
}

.avn_h09_title_career {
  color: #f4f6fe;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  max-width: 500px;
  margin-bottom: 40px;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
}

.c01_container {
  align-self: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.avn_fe02_title_j {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 1140px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.c01_block {
  align-self: center;
  width: 60%;
  padding-right: 55px;
  position: relative;
}

.careerheading {
  background-color: #00417a;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  height: auto;
  min-height: 450px;
  display: flex;
}

.headingperks {
  margin-top: auto;
  margin-bottom: 20px;
}

.avn_perks {
  background-color: #f9f9f9;
  align-items: center;
  padding: 90px 5%;
  display: flex;
}

.collection-item-8 {
  margin-bottom: 40px;
}

.column-39 {
  padding-left: 40px;
}

.button-14 {
  color: #0176d3;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .25rem;
  padding-top: 11px;
  padding-bottom: 11px;
  font-family: Salesforcesans, sans-serif;
  font-size: 13px;
  line-height: 1rem;
  position: relative;
}

.button-14:hover {
  color: #004485;
}

.button-14.button-outline-brand {
  color: #0b5cab;
  border: 1px solid #0b5cab;
  padding-top: 14px;
  padding-bottom: 12px;
  font-size: 14px;
}

.button-14.button-outline-brand.button-caps {
  color: #0076d2;
  text-transform: none;
  border: 2px solid #0476d3;
  padding-top: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.button-14.button-outline-brand.button-caps:hover {
  background-color: #d8e6fe;
  border-color: #004486;
}

.button-14.button-outline-brand.button-caps.white {
  background-color: #fff;
}

.text-block-132 {
  font-size: 16px;
  line-height: 26px;
}

.heading-32 {
  margin-bottom: 20px;
}

.blog-feature-2 {
  color: #000;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.blog-feature-2:hover {
  color: #84c167;
}

.thumbnail-small {
  border-radius: 10px;
  flex-direction: column;
  flex: none;
  width: 150px;
  min-width: 150px;
  height: auto;
  min-height: auto;
  margin-right: 0;
  display: flex;
}

.image-cover-blog {
  object-fit: cover;
  width: auto;
  max-width: none;
  height: 75%;
}

.blog-content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.blog-title-small {
  color: #032d60;
  letter-spacing: -.03em;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.heading-29 {
  color: #444;
  margin-top: 0;
  padding-top: 0;
  font-size: 12px;
}

.policy-section {
  padding-bottom: 100px;
}

.contacthobby, .contactprofessional, .contactpartners, .contactnoprofit {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.padding-section-medium-faq {
  padding-top: 1rem;
  padding-bottom: 4rem;
}

.padding-section-medium-faq.background-teal {
  background-color: #acf3e4;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium-faq.background-orange {
  background-color: #fedfd0;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium-faq.background-pink {
  background-color: #fddde3;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium-faq.background-green {
  background-color: #cdefc4;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium-faq.background-indigo {
  background-color: #e0e5f8;
  border-radius: 18px;
  padding: 2rem;
}

.text-rich-text-terms {
  margin-bottom: 60px;
}

.text-rich-text-terms.terms li {
  font-size: 16px;
}

.div-block-140 {
  background-color: #fff;
  border-bottom: 1px solid #c1c7d0;
  border-radius: 10px;
  flex-wrap: nowrap;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.link-block-4 {
  color: var(--bluevariant20);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.link-block-4:hover {
  color: var(--bluevariant50);
  text-decoration: none;
}

.text-block-58 {
  margin-left: 0;
  margin-right: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.text-block-59 {
  color: #4e5d78;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  font-size: 12px;
  font-weight: 700;
}

.list-2 {
  font-size: 1.125rem;
  line-height: 30px;
}

.heading-33 {
  color: var(--black);
  font-size: 1.5rem;
}

.text-block-133 {
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  display: block;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.landinglist {
  margin-top: 0;
  padding-left: 0;
  list-style-type: none;
}

.list-item {
  background-image: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6659e86621ff28ba40ba6e59_Salesforce%20success.svg");
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-bottom: 10px;
  padding-left: 20px;
  list-style-type: none;
}

.code-embed {
  display: none;
}

.image-103 {
  max-width: 100px;
  margin-right: 10px;
}

.container-22 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.image-104 {
  max-width: 20px;
  margin-left: 5px;
}

.link-block-27 {
  color: #000;
}

.popup-close {
  z-index: 2;
  color: #000;
  cursor: pointer;
  background-color: #e9e9e9;
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  display: flex;
  position: absolute;
  inset: 1em 1em auto auto;
}

.popup-video-group {
  color: #000;
}

.popup-wrapper {
  z-index: 999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-video {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.popup-toggle {
  cursor: pointer;
}

.popup-background {
  z-index: 0;
  background-color: #000000a6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.popup-toggle-text {
  color: #000;
  font-size: 16px;
  line-height: 1;
  text-decoration: underline;
}

.popup-content {
  margin: 2.5em 3em;
}

.popup-content.has-video {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  overflow: hidden;
}

.popup-inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.popup-content-wrapper {
  z-index: 1;
  background-color: #fff;
  border-radius: 1.2em;
  width: 90vw;
  max-width: 55em;
  max-height: 90%;
  position: relative;
  overflow: auto;
}

.popup-content-wrapper.video {
  background-color: #0000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  height: 90vh;
  max-height: 675px;
  display: flex;
  overflow: visible;
}

.popup-close-icon {
  width: 1em;
  height: 1em;
}

.padding-global-lp {
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.boldlist {
  margin-bottom: 5px;
  display: block;
}

.spacer-small-lp {
  width: 100%;
  padding-top: 1rem;
}

.list-item-content {
  background-image: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6659e86621ff28ba40ba6e59_Salesforce%20success.svg");
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-bottom: 15px;
  padding-left: 25px;
  list-style-type: none;
}

.contactaffiliateconsultants, .contactaffiliateoem {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.section_layout1heading {
  text-align: center;
}

.padding-global-heading {
  margin-top: .125rem;
  margin-bottom: .125rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-section-medium-heading {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.padding-section-medium-heading.background-teal {
  background-color: #acf3e4;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium-heading.background-orange {
  background-color: #fedfd0;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium-heading.background-pink {
  background-color: #fddde3;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium-heading.background-green {
  background-color: #cdefc4;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium-heading.background-indigo {
  background-color: #e0e5f8;
  border-radius: 18px;
  padding: 2rem;
}

.contactedu {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.text-block-134 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}

.padding-section-medium-copy {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.padding-section-medium-copy.background-teal {
  background-color: #acf3e4;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium-copy.background-orange {
  background-color: #fedfd0;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium-copy.background-pink {
  background-color: #fddde3;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium-copy.background-green {
  background-color: #cdefc4;
  border-radius: 18px;
  padding: 2rem;
}

.padding-section-medium-copy.background-indigo {
  background-color: #e0e5f8;
  border-radius: 18px;
  padding: 2rem;
}

.contactdedicatedrequirement {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.heading-34 {
  margin-left: 10px;
  font-size: 40px;
}

.contactpremieresuccessplan, .contactsignatureplan {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.field-label {
  margin-top: 20px;
}

.navbar12_dropdown-link-roadmap {
  grid-column-gap: .75rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-top: .25rem;
  padding-bottom: .25rem;
  text-decoration: none;
  display: none;
}

.container-23 {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template: ". Area" 1fr
  / 2.25fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: start;
  max-width: 80rem;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.pricingcta-2col {
  background-color: var(--bluelight);
}

.grid-4 {
  grid-template-columns: 2.5fr 1.5fr;
  margin-top: 40px;
}

.heading-35 {
  margin-top: 0;
}

.div-block-364 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.image-105 {
  margin-right: 10px;
}

.column-41 {
  padding-left: 0;
  padding-right: 0;
}

.column-42 {
  padding-right: 0;
}

.column-43 {
  padding-left: 0;
}

.text-block-135 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
}

.togglebutton {
  background-color: #e9e9e9;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  height: 25px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.togglebuttongreen {
  opacity: 0;
  background-color: #50e461;
  border-radius: 50px;
  width: 100px;
  height: 40px;
  position: absolute;
}

.buttontoggle {
  z-index: 2;
  background-color: #fff;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
}

.buttontext-off {
  color: #0003;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 700;
}

.form {
  background-color: var(--bluelight);
  padding: 0 20px 20px;
}

.select-field {
  margin-bottom: 15px;
}

.image-106 {
  margin-right: 20px;
}

.image-107 {
  margin-top: -12px;
}

.line {
  background-color: var(--neutral80);
  border: 1px #000;
  align-self: stretch;
  height: 1px;
}

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

.text-block-136 {
  color: #e60000;
  font-weight: 700;
}

.div-block-365 {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-365.rightalign {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link-block-28 {
  margin-left: 10px;
}

.grid-5 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
}

.blogbarmenu {
  z-index: 99;
  background-color: #fff;
  border-top: 1px #e5e5e5;
  border-bottom: 0 solid #e5e5e5;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: sticky;
  top: 0;
}

.blogbarcontainer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch start;
  place-items: center stretch;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.text-block-137 {
  color: var(--backgroundcolor);
  font-size: 26px;
  font-weight: 700;
}

.text-block-138 {
  color: var(--backgroundcolor);
  font-size: 16px;
  font-weight: 700;
}

.text-block-138:hover {
  color: var(--bluevariant50);
}

.collection-list-wrapper {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: row;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  display: flex;
}

.blogmenuright {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  display: flex;
}

.blogmenu {
  justify-content: flex-start;
  align-items: center;
  width: 800px;
  display: flex;
  position: static;
}

.div-block-366 {
  width: 375px;
  display: block;
}

.collection-list {
  flex-flow: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  display: flex;
}

.div-block-367 {
  align-items: center;
  width: auto;
  padding: .5rem 1rem;
  display: flex;
}

.collection-item-9 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: 18px;
  margin-right: 18px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.linkbloghomepage {
  color: var(--bluevariant20);
  margin-right: 20px;
  padding-left: 0;
  font-size: 26px;
  font-weight: 700;
}

.linkbloghomepage.w--current {
  color: var(--bluevariant50);
  margin-right: 20px;
  font-size: 26px;
  font-weight: 700;
}

.navbar3_container-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.barcontainermain {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: auto max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.link-block-29 {
  color: var(--backgroundcolor);
  text-decoration: none;
}

.link-block-29:hover, .link-block-29.w--current {
  color: var(--bluevariant50);
}

.div-block-368 {
  width: 150px;
}

.link-block-30 {
  text-decoration: none;
}

.testimonial-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.paragraph-large {
  letter-spacing: -.02em;
  font-size: 18px;
  line-height: 32px;
}

.icon-5 {
  display: none;
}

.testimonial-grid-cell {
  padding-bottom: 32px;
}

.slider-nav-hidden {
  display: none;
}

.slider-testimonial {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.testimonial-top-bar {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.right-arrow-hidden {
  align-items: center;
  display: flex;
}

.margin-top-24 {
  margin-top: 10px;
}

.testimonial-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

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

.custom-arrow-code {
  display: none;
}

.testimonial-line {
  background-color: #ccc;
  width: 100%;
  height: 1px;
  margin-top: 16px;
  margin-bottom: 10px;
}

.testimonial-author {
  letter-spacing: -.02em;
  font-size: 16px;
  line-height: 32px;
}

.card-testimonial {
  background-color: #f3f3f3;
  border-radius: 20px;
  align-items: center;
  height: 100%;
  padding: 32px;
  display: flex;
}

.polka-heading-detail-small {
  color: gray;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.testimonial-logo-cell {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 32px;
  display: flex;
}

.sub-heading-large {
  font-size: 24px;
  line-height: 32px;
}

.section-testimonial-lp {
  background-color: #fff;
  padding: 20px 5% 40px;
  position: relative;
  overflow: hidden;
}

.image-cover-3 {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 50%;
}

.icon-quote-small {
  color: #0476d3;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.testimonial-logo-bottom {
  border-bottom: 1px solid gray;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  margin-top: 64px;
  display: none;
}

.left-arrow-hidden {
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-image-slider {
  border-radius: 20px;
  width: auto;
  height: auto;
  margin-right: 0;
  display: none;
  position: static;
  overflow: hidden;
}

.imageallcomponents {
  width: 300px;
  max-width: 695px;
  height: auto;
  box-shadow: none;
  border: 1px #dedede;
  border-radius: 10px;
}

.padding-global-7 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.container-large-4 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.padding-section-large-3 {
  flex-direction: row;
  justify-content: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.div-block-390 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.section-title {
  color: #042d60;
  text-align: left;
  margin-bottom: 10px;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.section-title.section-title-center {
  text-align: center;
  font-weight: 700;
}

.layout193_4y {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.section {
  justify-content: center;
  align-items: center;
  padding: 20px 5%;
  display: flex;
}

.section-content {
  margin-top: 10px;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 30px;
}

.section-content.section-content-center {
  text-align: center;
  max-width: 600px;
  margin-bottom: 20px;
  font-size: 1rem;
  line-height: 1.54;
}

.button-15 {
  color: #0176d3;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .25rem;
  padding-top: 11px;
  padding-bottom: 11px;
  font-family: Salesforcesans, sans-serif;
  font-size: 13px;
  line-height: 1rem;
  position: relative;
}

.button-15:hover {
  color: #004485;
}

.button-15.button-brand {
  background-color: var(--_avonni-design-system---brand--primary);
  color: var(--_avonni-design-system---neutral--white);
  padding-top: 14px;
}

.button-15.button-brand:hover {
  background-color: #004485;
}

.button-15.button-brand.margin-rigth-small {
  margin-right: 20px;
}

.button-15.button-brand.margin-rigth-small.button-caps {
  text-transform: none;
  background-color: #0076d2;
  padding-top: 15px;
  padding-bottom: 12px;
  display: block;
}

.button-15.button-brand.margin-rigth-small.button-caps:hover {
  background-color: #004485;
}

.button-15.button-brand.margin-rigth-small.button-caps.landingpage {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 250px;
  display: flex;
}

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

.div-block-391 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 20px;
  display: flex;
}

.text-block-140 {
  color: var(--backgroundcolor);
  font-weight: 700;
}

.image-108 {
  margin-left: 10px;
}

.image-108.modal {
  max-width: 70%;
}

.div-block-392 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
}

.div-block-392.lp {
  justify-content: flex-start;
}

.heading-36 {
  margin-top: 0;
}

.text-block-141 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 40px;
  display: block;
}

.div-block-393 {
  justify-content: flex-start;
  align-items: center;
  width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.div-block-394.modal {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.image-109 {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.div-block-395 {
  margin-top: 15px;
  display: flex;
}

.badgejobs {
  background-color: var(--bluevribant95);
  color: var(--backgroundcolor);
  letter-spacing: 0;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 700;
}

.buttonjobapply {
  align-self: center;
  margin-top: 0;
}

.buttonjobapply.left {
  align-self: flex-start;
  margin-top: 20px;
  display: none;
}

.div-block-396 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.list-item-2 {
  font-size: 18px;
  line-height: 27px;
}

.list-item-3 {
  margin-bottom: 0;
}

.list-item-4 {
  font-size: 18px;
}

.link-13 {
  color: var(--backgroundcolor);
}

.navbar3_dropdown-list-2-blog.w--open {
  border: 1px none var(--neutral80);
  background-color: #fff;
  border-radius: 14px;
  flex-flow: row;
  justify-content: flex-start;
  width: 325px;
  margin-top: 13px;
  padding: 20px 40px;
  display: flex;
  position: absolute;
  box-shadow: 0 2px 5px #0003, 0 -8px 8px -12px #17171729;
}

.navbar12_dropdown-content-blog {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr;
  grid-auto-columns: 1fr;
  place-items: end center;
  display: grid;
}

.navbar_nav-item-label-blog {
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
}

.link-block-31 {
  color: var(--bluevariant20);
  text-decoration: none;
}

.link-block-31:hover {
  color: var(--bluevariant50);
}

.link-block-32 {
  text-decoration: none;
}

.link-block-32:hover {
  color: #2e89c9;
}

.link-block-32.current {
  color: #2e89c9;
  border-bottom-style: none;
  padding-bottom: 0;
  font-weight: 600;
}

.navbar_nav-item-label-blog2 {
  color: #032d60;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

.dropdown-chevron-blog {
  color: #032d60;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: none;
}

.heading-38 {
  margin-top: 0;
}

.newgetstartedbox {
  z-index: 99;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.link-block-33 {
  color: var(--bluevariant40);
  font-size: 14px;
  text-decoration: underline;
}

.tab-link-tab-1 {
  background-color: #968282;
}

.tab-link-tab-1.w--current {
  border-bottom: 3px solid var(--bluevariant50);
  color: var(--bluevariant50);
  background-color: #fff;
  font-family: Salesforcesans, sans-serif;
  font-weight: 700;
}

.tabs-menu {
  border-bottom: 1px solid var(--neutral80);
}

.tabs {
  text-align: center;
}

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

.tab-link-tab-2 {
  background-color: #fff;
}

.tab-link-avonni {
  background-color: #fff;
  font-weight: 700;
}

.tab-link-avonni:hover {
  color: var(--bluevariant50);
  font-weight: 700;
}

.tab-link-avonni.w--current {
  border-bottom: 4px solid var(--bluevariant50);
  color: var(--bluevariant50);
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.tab-link-avonni.new {
  font-size: 18px;
}

.tab-active {
  background-color: #968282;
}

.tab-active.w--current {
  border-bottom: 3px solid var(--bluevariant50);
  color: var(--bluevariant50);
  background-color: #fff;
  font-family: Salesforcesans, sans-serif;
  font-weight: 700;
}

.pricingdynamic {
  margin-top: 10px;
}

.tab-link-avonni-faq {
  background-color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.tab-link-avonni-faq:hover {
  color: var(--bluevariant50);
  font-weight: 700;
}

.tab-link-avonni-faq.w--current {
  border-bottom: 2px solid var(--bluevariant50);
  color: var(--bluevariant50);
  background-color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.tabs-menu-faq {
  border-bottom: 1px solid var(--neutral80);
  text-align: center;
}

.text-block-143 {
  text-align: left;
  font-size: 14px;
}

.pricing121_component {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template: "Area"
  / .5fr 1fr 1fr .5fr;
  padding: 10px;
}

.empty {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.div-block-397 {
  width: 50px;
}

.columns-5 {
  margin-top: 40px;
  margin-left: 20px;
  margin-right: 20px;
}

.newgetstartedboxcolumns {
  z-index: 99;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-398 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  margin-top: 20px;
  display: flex;
}

.getstartedlist {
  margin-top: 0;
  padding-left: 0;
  list-style-type: none;
}

.bold-text {
  font-size: 16px;
  font-weight: 400;
}

.list-item-content-get-started {
  background-image: url("https://cdn.prod.website-files.com/655e59288ce041f5fc52373b/6659e86621ff28ba40ba6e59_Salesforce%20success.svg");
  background-position: 0 8px;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-bottom: 0;
  padding-left: 25px;
  font-size: 16px;
  list-style-type: none;
}

.columns-6 {
  margin-bottom: 10px;
}

.divgetstartedbuttons {
  margin-top: 30px;
}

.newgetstartedboxcolumnsmenubar {
  z-index: 100;
  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;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal_wrapper_new {
  width: 100%;
  max-width: 55rem;
  height: auto;
  max-height: 80vh;
  overflow: scroll;
}

.div-block-399 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-399.pricing {
  justify-content: space-between;
  align-items: stretch;
}

.div-block-399.appexchangemodal {
  justify-content: center;
}

.modalfeaturelist {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: .3rem;
  padding-bottom: .3rem;
  display: grid;
}

.modalfeaturelist.appexchange-modal {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
}

.sectionfeaturestabs {
  display: none;
}

.contactsalesessentials-copy {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.radio-button-label {
  font-size: 14px;
}

.old_pricing {
  display: none;
}

.spacer-medium-copy {
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: block;
}

.div-block-400 {
  height: 40px;
  display: block;
}

.contactoempartner, .contactisvpartner, .contactconsultingpartner {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.text-block-144 {
  text-align: left;
  font-size: 12px;
  font-style: italic;
}

.container-24 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  height: 20px;
  display: block;
}

.divannouncementbanner {
  z-index: 99;
  background-color: #0076d3;
  flex: 1;
  align-items: center;
  height: 32px;
  line-height: 30px;
  display: block;
  position: sticky;
  top: 4.5rem;
}

.div-block-336 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-annoucement {
  color: #b98888;
  margin-right: 10px;
}

.text-block-118 {
  color: #fff;
  text-transform: none;
  margin-top: 0;
  font-size: 14px;
  font-weight: 600;
}

.link-17 {
  color: #fff;
}

.navbar3_component-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  min-height: 6rem;
  padding-left: 0%;
  padding-right: 0%;
  display: block;
  position: sticky;
  top: 0;
}

.heading-39 {
  font-size: 48px;
  line-height: 54px;
}

.hero-banner {
  background-image: linear-gradient(#3026af, #3c64ff 53%, #fff 86%);
  margin-bottom: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.hero-banner-heading {
  color: var(--white);
}

.hero-banner-text-medium {
  color: #fff;
  font-size: 1.125rem;
  line-height: 30px;
}

.hero-banner-text-medium.text-yellow-dark {
  color: #4f2100;
}

.hero-banner-text-medium.text-teal-dark {
  color: #023434;
}

.hero-banner-text-medium.text-orange-dark {
  color: #3e2b02;
}

.hero-banner-text-medium.text-pink-dark {
  color: #4b0620;
}

.div-block-401 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  z-index: 3;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #ffffff24;
  border-radius: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  position: absolute;
  inset: -24px;
  box-shadow: 0 0 0 1px #11182729, 0 2px 2px -2px #1118270d, 0 4px 4px #1118270d, 0 8px 8px #1118270d, 0 16px 16px #1118270d, 0 32px 32px #1118270d;
}

.hero-banner-cv {
  background-image: none;
  margin-bottom: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.heading-40 {
  color: var(--bluevariant20);
}

.text-block-145 {
  font-size: 14px;
  font-weight: 700;
}

.div-block-402 {
  text-align: right;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.div-block-402.tags {
  justify-content: flex-start;
  margin-top: 5px;
}

.div-block-403 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: left;
  justify-content: flex-end;
  align-items: center;
  display: none;
}

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

.layout289_component_lp {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  margin-top: 60px;
  display: grid;
}

.layout402_tab-link_lp {
  color: #0176d3;
  background-color: #fff;
  border: 2px solid #0176d3;
  border-radius: 20px;
  flex: none;
  padding: .325rem 1rem;
}

.layout402_tab-link_lp:hover, .layout402_tab-link_lp.w--current {
  color: #fff;
  background-color: #0176d3;
  border-color: #0176d3;
}

.text-block-146 {
  margin-top: 15px;
  font-size: 12px;
}

.div-block-404 {
  margin-top: 20px;
}

.pricing20_component_new {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: stretch center;
  padding: 10px;
}

.layout_card-content_new {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  flex-direction: column;
  flex: 1;
  padding: 2rem;
  display: flex;
}

.layout_card-content_new.sales {
  border-top-color: #04e1cb;
}

.layout_card-content_new.services {
  border-top-color: #ff538a;
}

.layout_card-content_new.marketing {
  border-top-color: #fe9339;
}

.layout_card-content_new.commerce {
  border-top-color: #41b658;
}

.layout_card_new {
  border-radius: 8px 8px 12px 12px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 410px;
  display: flex;
  box-shadow: -2px 4px 8px -2px #17171729, 1px -2px 12px -2px #17171714;
}

.layout_card_new.pricing {
  width: auto;
}

.comparison12_content {
  width: 100%;
}

.button-16 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-16.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button-16.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-16.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.comparison12_top-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
}

.comparison12_feature {
  padding: 1rem 1.5rem;
}

.text-size-medium-9 {
  font-size: 1.125rem;
}

.comparison12_logo {
  max-height: 3rem;
}

.comparison12_component {
  flex-direction: column;
  align-items: center;
}

.icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.comparison12_top-row-title {
  align-items: flex-end;
  height: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.max-width-large-7 {
  width: 100%;
  max-width: 48rem;
}

.max-width-large-7.align-center.fullleft {
  max-width: none;
}

.max-width-large-7.comparison {
  max-width: 40rem;
}

.container-large-5 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-4 {
  padding-top: 7rem;
  padding-bottom: 7rem;
  display: block;
}

.heading-style-h6-3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

.heading-style-h6-3.pricing {
  font-size: 22px;
}

.section_comparison12 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.comparison12_list-row {
  width: 100%;
}

.padding-global-8 {
  padding-left: 5%;
  padding-right: 5%;
}

.comparison12_row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  align-items: stretch;
}

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

.comparison12_top-row-content {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.comparison12_row-content, .comparison8_row-content {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  font-weight: 600;
  display: flex;
}

.button-17 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-17.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button-17.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-17.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.comparison8_top-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
}

.comparison8_top-row.main {
  z-index: auto;
  outline-offset: 0px;
  object-fit: fill;
  outline: 3px #080707;
  position: static;
  top: 0;
  bottom: 0;
}

.comparison8_component {
  flex-direction: column;
  align-items: center;
}

.text-size-medium-10 {
  font-size: 1.125rem;
}

.comparison8_top-row-content {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.comparison8_list-row {
  width: 100%;
}

.container-large-6 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-5 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.comparison8_image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.comparison8_feature {
  padding: 1rem 1.5rem;
}

.comparison8_top-row-title {
  align-items: flex-end;
  height: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.comparison8_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-medium\>);
  overflow: hidden;
}

.comparison8_row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #e5e5e5;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  align-items: stretch;
  display: grid;
}

.comparison8_content {
  width: 100%;
}

.padding-global-9 {
  padding-left: 5%;
  padding-right: 5%;
}

.section_comparison8 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
}

.section_comparison8.new, .section_comparison8.coparisontable {
  display: none;
}

.text-align-center-3 {
  text-align: center;
  display: block;
}

.comparison8_row_grey {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  align-items: stretch;
}

.caption {
  text-align: left;
  font-size: 13px;
  text-decoration: none;
}

.text-block-147 {
  color: var(--neutral-30);
  font-size: 12px;
}

.text-align-center-new {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-size: 12px;
  display: block;
}

.text-align-center-new.custom {
  height: 38px;
}

.comparison8_content_features {
  width: 100%;
  margin-top: 40px;
}

.text-block-148 {
  color: var(--bluevariant20);
  text-align: left;
  font-weight: 600;
}

.flowgrid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template: "Area"
  / .5fr 1fr;
  padding: 10px;
}

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

.container-large-cta {
  flex-flow: column;
  width: 70%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.imagecta {
  text-align: left;
  vertical-align: baseline;
  background-color: #eaf5fe;
  border-radius: 100px;
  flex: none;
  width: 50px;
  margin-right: 0;
  padding: 15px;
  display: inline-block;
}

.layout401_card-content-top-cta {
  text-align: left;
  margin-top: 40px;
}

.heading-style-h5-cta {
  text-align: left;
  height: auto;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}

.heading-style-h5-cta.info {
  margin-top: 0;
  padding-top: 0;
}

.heading-style-h5-cta.info.enterprise {
  color: var(--paletteneutral95);
}

.button-18 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-18.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button-18.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-18.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.layout508_tabs {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-foreground\>);
  border: 1px #ddd;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-bottom: 0;
  display: grid;
  overflow: hidden;
}

.layout508_tab-link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  color: #111827;
  background-color: #fff0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem .75rem;
  display: flex;
}

.layout508_tab-link.w--current {
  background-color: #fff;
  border-bottom-color: #e2e2e2;
  border-left: 1px solid #e2e2e2;
  padding: 0 1rem;
}

.layout508_tab-link.tabs-last {
  border-right-style: none;
}

.layout508_tab-link.right {
  border-top-color: #dbdbdd;
  border-top-right-radius: 5px;
}

.layout508_tab-link.left {
  border-left: 1px solid #dbdbdd;
}

.layout508_tab-link.left.w--current {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  box-shadow: 0 0 0 1px #1118271f, 0 2px 2px -2px #11182708, 0 4px 4px #11182708, 0 8px 8px #11182708, 0 16px 16px #11182708;
}

.text-size-medium-11 {
  font-size: 1.125rem;
}

.text-size-medium-11.center.comparison {
  margin-bottom: 40px;
}

.layout508_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-medium\>);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.layout508_image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section_layout508 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.container-large-7 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-6 {
  padding-top: 0;
  padding-bottom: 0;
}

.layout508_card {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  padding: 1rem 0 0;
  display: grid;
  position: relative;
}

.layout508_component {
  width: 100%;
  position: relative;
}

.layout508_card-content {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.layout508_tabs-menu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: flex;
}

.layout508_tab-pane {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-foreground\>);
  height: 100%;
}

.padding-global-10 {
  padding-left: 5%;
  padding-right: 5%;
}

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

.heading-style-h3-2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.code-embed-2 {
  margin-top: -10px;
}

.container-large-products {
  flex-flow: column;
  width: 60%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.product_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-content: stretch;
  width: auto;
}

.heading-style-h5-cta-copy {
  text-align: left;
  height: auto;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}

.heading-style-h5-product {
  aspect-ratio: auto;
  text-align: left;
  height: auto;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.link-block-34 {
  text-decoration: none;
}

.layout401_card-content-top-product {
  text-align: left;
  width: 250px;
  margin-top: 40px;
}

.heading-42 {
  font-family: Itcavantgardestd Md, Arial, sans-serif;
}

.layout401_card-content-top-prodcut {
  text-align: left;
  margin-top: 20px;
}

.div-block-405 {
  width: 250px;
}

.product_box {
  width: 300px;
}

.contactsalesessentialsnew {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.contactsalesprofessionalnew {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000005c;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.contactdedicatedrequirementnew {
  z-index: 1000;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.layout401_card-contentpricing {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  border-top: 8px solid #0000;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.layout401_card-contentpricing.sales {
  border-top-color: #04e1cb;
}

.layout401_card-contentpricing.services {
  border-top-color: #ff538a;
}

.layout401_card-contentpricing.marketing {
  border-top-color: #fe9339;
}

.layout401_card-contentpricing.commerce {
  border-top-color: #41b658;
}

.heading-43 {
  margin-top: 0;
}

.heading-43.form {
  background-color: var(--white);
  color: var(--bluevariant40);
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 16px;
}

.checkbox-label {
  font-size: 14px;
}

.salesproflow {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000005c;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.div-block-406 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: flex;
}

.image-110 {
  margin-top: 0;
}

.old_navbar12_dropdown-content {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  place-items: start center;
  display: block;
}

.text-block-149 {
  font-size: 12px;
}

.text-block-150 {
  color: #586b90;
  text-align: center;
  background-color: #eaf5fe;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 700;
}

.modal_wrapper_custom {
  width: 100%;
  max-width: 55rem;
  height: auto;
  max-height: 80vh;
  overflow: scroll;
}

.modal_wrapper_custom.expand {
  max-width: 60rem;
}

.modal_wrapper_custom.install {
  border-radius: 10px;
}

.text-block-151 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
}

.text-block-151.pricing {
  margin-top: 30px;
}

.layout_card_info {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  border-top: 8px solid #0000;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: grid;
}

.layout_card_info.sales {
  border-top-color: #04e1cb;
}

.layout_card_info.services {
  border-top-color: #ff538a;
}

.layout_card_info.marketing {
  border-top-color: #fe9339;
}

.layout_card_info.commerce {
  border-top-color: #41b658;
}

.layout401_card_info {
  border-radius: 8px 8px 12px 12px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-top: 60px;
  display: flex;
  box-shadow: -2px 4px 8px -2px #17171729, 1px -2px 12px -2px #17171714;
}

.layout401_card_info.enterprise {
  background-color: var(--backgroundcolor);
  margin-top: 20px;
}

.layout401_card_info.freetier {
  display: block;
}

.layout401_card_info.needlicense {
  background-color: var(--bluevribant95);
}

.layout401_card-info {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  border-top: 8px solid #0000;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  padding: 2rem 1.5rem;
  display: flex;
}

.layout401_card-info.sales {
  border-top-color: #04e1cb;
}

.layout401_card-info.services {
  border-top-color: #ff538a;
}

.layout401_card-info.marketing {
  border-top-color: #fe9339;
}

.layout401_card-info.commerce {
  border-top-color: #41b658;
}

.layout_card_content_info {
  text-align: left;
  margin-top: 0;
}

.text-block-152 {
  font-size: 11px;
}

.hero-bottom-content {
  padding-left: 10%;
  padding-right: 10%;
}

.glass-warper-arcade {
  z-index: 3;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #ffffff24;
  border-radius: 16px;
  position: absolute;
  inset: 0 -8px -8px;
  box-shadow: 0 0 0 1px #11182729, 0 2px 2px -2px #1118270d, 0 4px 4px #1118270d, 0 8px 8px #1118270d, 0 16px 16px #1118270d, 0 32px 32px #1118270d;
}

.home-hero-arcade-component {
  z-index: 5;
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-foreground\>);
  border: 1px #ddd;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  padding-top: 10px;
  display: grid;
  overflow: hidden;
}

.hero-banner-home {
  background-image: radial-gradient(circle at 50% 100%, #2036c2, #fff 67%);
  margin-bottom: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.image-111 {
  color: #111827;
}

.div-block-407 {
  position: relative;
}

.heading-44 {
  text-align: center;
  font-size: 18px;
}

.padding-section-xsmall {
  padding-top: .5rem;
}

.heading-45, .heading-46 {
  color: var(--bluevariant20);
}

.div-block-409 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.grid-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.spread-column {
  width: 100%;
}

.spread-column.tags {
  align-self: auto;
}

.spread-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  display: flex;
}

.section-2 {
  width: 100%;
  margin-top: 10px;
}

.productsubmenu {
  z-index: 99;
  background-color: #fff;
  border-top: 1px #e5e5e5;
  border-bottom: 0 solid #e5e5e5;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: none;
  position: sticky;
  top: 0;
}

.submenuitems {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  margin-left: 40px;
  display: flex;
  position: static;
}

.button-19 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-19.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button-19.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-19.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.comparison2_list-row {
  width: 100%;
}

.comparison2_row-content {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 1.5rem;
  font-weight: 600;
  display: flex;
}

.comparison2_row-content.bottom {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.comparison2_row-content.grouping {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.comparison2_row-content.cmp2_tbl-av {
  background-color: #eaf5fe;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-xlarge.align-center {
  max-width: none;
  margin-bottom: 20px;
}

.comparison2_content {
  border: 2px solid var(--paletteneutral95);
  border-radius: 15px;
  width: 100%;
}

.comparison2_content.noborder {
  border-style: none;
  padding-left: 0;
  padding-right: 0;
}

.comparison2_content.cmp2_tbl-frame {
  background-color: #fff;
  border-width: 1px;
  border-color: #d6e6f5;
  border-radius: 14px;
  overflow: hidden;
}

.comparison2_top-row-title {
  align-items: flex-end;
  height: 100%;
  padding: 1rem 1.5rem;
  display: flex;
}

.comparison2_top-row-title.header {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.comparison2_component {
  flex-direction: column;
  align-items: center;
}

.comparison2_icon-wrapper.text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-self: auto;
  display: flex;
}

.container-large-8 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-7 {
  padding-top: 4rem;
  padding-bottom: 7rem;
}

.padding-section-large-7.comparison {
  padding-bottom: 2rem;
}

.comparison2_feature {
  padding: 1rem 1.5rem;
}

.comparison2_feature.grouping {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.comparison2_top-row-content {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.comparison2_top-row-content.header {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.comparison2_top-row-content.cmp2_tbl-avhead {
  color: #0b5cab;
  background-color: #eaf5fe;
}

.comparison2_top-row-icon {
  display: inline-block;
}

.heading-style-h6-4 {
  color: var(--bluevariant20);
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.heading-style-h6-4.column {
  font-size: 1.1rem;
}

.padding-global-11 {
  padding-left: 5%;
  padding-right: 5%;
}

.comparison2_row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--neutral80);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  align-items: stretch;
}

.comparison2_row.gray {
  border-bottom: 1px solid var(--neutral80);
  background-color: #fafafa;
}

.comparison2_row.gray.last {
  border-bottom-width: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.comparison2_row.gray._4 {
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
}

.comparison2_row.last {
  border-bottom-style: none;
}

.comparison2_row.graygroup {
  background-color: var(--paletteneutral95);
}

.comparison2_row._4 {
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
}

.section_comparison2 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
}

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

.comparison2_top-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
}

.comparison2_top-row.header {
  background-color: var(--white);
  border-radius: 15px;
}

.comparison2_top-row.header._4 {
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
}

.button-20 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-20.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button-20.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-20.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.heading-style-h6-5 {
  color: var(--bluevariant20);
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.heading-style-h6-5.stats {
  text-align: center;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
}

.heading-style-h6-5.cmp2_h6 {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  font-weight: 400;
}

.padding-global-12 {
  padding-left: 5%;
  padding-right: 5%;
}

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

.heading-style-h6-4-copy {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.stats8_list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100%;
  display: grid;
}

.stats8_list._3metrics {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 60px;
  display: none;
}

.padding-global-13 {
  padding-left: 5%;
  padding-right: 5%;
}

.stats8_number {
  color: var(--bluevariant20);
  text-align: center;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.3;
}

.stats8_number.cmp2_statnum {
  color: #0176d3;
  font-size: 3.25rem;
  font-weight: 400;
}

.heading-style-h3-3 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.stats8_item {
  border-left: var(--\<unknown\|relume-variable-divider-width\>) solid var(--\<unknown\|relume-variable-color-scheme-1-border\>);
  background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--bluevribant95) 21%, white 84%, var(--white));
  width: 100%;
  box-shadow: 0 2px 5px 0 var(--neutral80);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 0;
}

.layout6_content-2 {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.layout6_image-wrapper-2 {
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  overflow: hidden;
}

.section_layout6-2 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
}

.section_layout6-2.cmp2_sec-white {
  background-color: #fff;
}

.section_layout6-2.cmp2_sec-grey {
  background-color: #fafafa;
}

.layout6_image-2 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.padding-global-14 {
  padding-left: 5%;
  padding-right: 5%;
}

.heading-style-h3-4 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-style-h3-4.left {
  text-align: left;
}

.headingcomparison {
  color: var(--white);
}

.text-size-large-comparison {
  color: var(--white);
  margin-top: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 30px;
}

.text-size-large-comparison.subheading {
  display: none;
}

.text-size-large-comparison.custom {
  font-size: 1.45rem;
}

.text-block-153 {
  font-size: 16px;
  font-weight: 700;
}

.text-block-153.allcaps {
  color: var(--bluevariant20);
  text-transform: uppercase;
}

.image-112 {
  margin-bottom: 10px;
  margin-right: 10px;
}

.div-block-410 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-154 {
  color: var(--neutral-30);
  text-align: left;
  margin-top: 0;
  margin-left: 40px;
  font-size: 12px;
}

.div-block-411 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.text-block-155 {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
}

.section_portfolio5 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.padding-global-15 {
  background-color: var(--white);
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container-large-9 {
  flex-flow: column;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.padding-section-large-8 {
  padding-top: 4rem;
  padding-bottom: 8rem;
}

.text-align-center-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.max-width-large-8 {
  width: 100%;
  max-width: 58rem;
}

.text-size-medium-12 {
  color: #181818;
  font-size: 1.125rem;
  line-height: 30px;
}

.portfolio5_content {
  flex-direction: column;
  align-items: center;
}

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

.portfolio5_item-link {
  text-decoration: none;
}

.portfolio5_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  width: 100%;
  overflow: hidden;
}

.portfolio5_image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.heading-style-h5-3 {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.text-size-regular {
  font-size: 1rem;
}

.portfolio5_tag-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-1\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-1\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  justify-content: center;
  align-items: center;
  padding: .175rem .5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.button-group-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-group-3.is-center {
  justify-content: center;
}

.button-21 {
  color: #fff;
  text-align: center;
  object-fit: fill;
  background-color: #0176d3;
  border: 1px solid #0176d3;
  border-right-width: 2px;
  border-radius: 4px;
  padding: .75rem 1.5rem;
  font-weight: 600;
  display: block;
}

.button-21:hover {
  background-color: var(--bluevariant40);
}

.button-21.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-21.is-link.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-21.is-secondary {
  color: #0176d3;
  background-color: #0000;
  border: 2px solid #0176d3;
  border-bottom-width: .125rem;
}

.section_pricing11 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
}

.padding-global-16 {
  background-color: var(--white);
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container-large-10 {
  flex-flow: column;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.padding-section-large-9 {
  padding-top: 2rem;
  padding-bottom: 8rem;
}

.text-align-center-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.max-width-large-9 {
  width: 100%;
  max-width: 58rem;
}

.pricing11_grid-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  margin-top: 40px;
}

.pricing11_plan {
  border: var(--\<unknown\|relume-variable-border-width\>) solid var(--\<unknown\|relume-variable-color-scheme-1-border\>);
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-foreground\>);
  flex-flow: column;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
  overflow: hidden;
}

.pricing11_content-top {
  flex-direction: column;
}

.pricing11_icon-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: inline-flex;
}

.pricing11_icon-wrapper.hide {
  display: none;
}

.icon-1x1-medium-4 {
  width: 2rem;
  height: 2rem;
}

.pricing11_content-title {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-style-h6-6 {
  color: var(--bluevariant20);
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}

.divider-horizontal {
  width: 100%;
  height: var(--\<unknown\|relume-variable-divider-width\>);
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-border\>);
}

.pricing11_feature-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.pricing11_feature {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.pricing11_feature-icon-wrapper {
  flex: none;
  align-self: center;
}

.icon-embed-xsmall-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .825rem;
  height: .825rem;
  display: flex;
}

.button-22 {
  color: #fff;
  text-align: center;
  object-fit: fill;
  background-color: #0176d3;
  border: 1px solid #0176d3;
  border-right-width: 2px;
  border-radius: 4px;
  padding: .75rem 1.5rem;
  font-weight: 600;
  display: block;
}

.button-22:hover {
  background-color: var(--bluevariant40);
}

.button-22.max-width-full {
  width: 100%;
  max-width: none;
}

.button-23 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-23.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.text-style-tagline {
  font-family: var(--_avonni-design-system---font--heading);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.text-style-tagline.cmp2_tagline {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.text-size-medium-13 {
  font-size: 1.125rem;
}

.heading-style-h1-2 {
  color: var(--bluevariant20);
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.section_header44 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.section_header44.cmp2_hero-sec {
  background-color: #0f1a2e;
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
}

.padding-section-large-10 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.padding-section-large-10.comparison {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.padding-global-17 {
  background-image: radial-gradient(circle at 50% 250%, #2306c2, #fff 89%);
  padding-left: 5%;
  padding-right: 5%;
}

.padding-global-17.comparison {
  background-image: none;
}

.header_comparison {
  display: flex;
}

.header_comparison.comparison {
  justify-content: flex-start;
  align-items: center;
}

.max-width-large-7-copy {
  width: 100%;
  max-width: 48rem;
}

.max-width-large-7-copy.align-center.fullleft {
  max-width: none;
}

.text-block-154-copy {
  color: var(--neutral-30);
  text-align: left;
  margin-top: 0;
  margin-left: 0;
  font-size: 12px;
}

.div-block-412 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.layout_components {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 8px solid #0000;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  padding: 0;
  display: flex;
}

.layout_components.sales {
  border-top-color: #04e1cb;
}

.layout_components.services {
  border-top-color: #ff538a;
}

.layout_components.marketing {
  border-top-color: #fe9339;
}

.layout_components.commerce {
  border-top-color: #41b658;
}

.componenttitle {
  text-align: left;
  margin-top: 0;
  padding-top: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.image-113 {
  margin-bottom: 10px;
  display: block;
}

.header_component {
  align-items: center;
  display: flex;
}

.component_card {
  border-radius: 8px 8px 12px 12px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
  box-shadow: -2px 4px 8px -2px #17171729, 1px -2px 12px -2px #17171714;
}

.image-114 {
  display: block;
}

.button-group-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.component_layout {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-bottom: 40px;
}

.link-block-35 {
  text-decoration: none;
}

.heading-style-h6-4-copy {
  color: var(--bluevariant20);
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.comparison2_top-row-title-header {
  align-items: flex-end;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.div-block-413 {
  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: flex;
}

.div-block-414 {
  background-color: var(--bluevribant95);
  color: var(--neutral-30);
  border-radius: 10px;
  padding: 3px 10px;
}

.text-block-157 {
  color: var(--bluevariant20);
  font-size: 12px;
  font-weight: 700;
}

.comparison_accordion {
  border: 1px solid var(--neutral80);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 20px;
}

.comparison_answer {
  border-style: none;
  border-width: 0 1px 1px;
  border-color: var(--paletteneutral95);
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}

.comparison_answer.is-open {
  opacity: 1;
  height: auto;
}

.comparison_question {
  border-style: none;
  border-width: 1px 1px 0;
  border-color: var(--paletteneutral95);
  color: var(--bluevariant20);
  cursor: pointer;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  padding: 1.75rem 20px;
  display: flex;
}

.comparison_question:hover {
  color: var(--bluevariant50);
}

.comparison_question.first {
  border-top-style: none;
}

.comparison_question.cmp2_tbl-qbar {
  color: #032d60;
  background-color: #f5f9fd;
  border-bottom: 1px solid #d6e6f5;
}

.div-block-415 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.text-block-154-column {
  color: var(--neutral-30);
  text-align: left;
  margin-top: 0;
  margin-left: 0;
  font-size: 12px;
}

.topfeaturesdiv {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  display: flex;
}

.heading-style-h1-comparison {
  color: var(--bluevariant20);
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.div-block-416 {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.section_compare_images {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  display: none;
}

.section_compare_images.cmp2_sec-grey2 {
  background-color: #fafafa;
}

.text-align-left {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.text-align-left.hero {
  flex: 0 auto;
  width: auto;
  min-width: 500px;
}

.text-align-left.cmp2_cta-h2 {
  color: #fff;
}

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

.text-block-159 {
  color: var(--neutral-30);
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Itcavantgardestd Md, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.text-block-159-copy {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Itcavantgardestd Md, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.div-block-417 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.text-block-160 {
  margin-bottom: 20px;
}

.pricing20_feature-list-horizontal {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--paletteneutral95);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  padding-top: 1rem;
  padding-bottom: .5rem;
  display: grid;
}

.princinplancaption {
  color: #f5528b;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.princinplancaption.dynamic {
  margin-bottom: 10px;
  font-size: 14px;
}

.princinplancaption.flow {
  color: #063063;
  margin-bottom: 10px;
  font-size: 14px;
}

.princinplancaption.experience {
  color: #0c9fdf;
  margin-bottom: 10px;
  font-size: 14px;
}

.princinplancaption.complete {
  color: #5867e8;
  margin-bottom: 10px;
  font-size: 14px;
}

.princinplancaption.newpp {
  color: var(--bluevariant40);
  margin-bottom: 10px;
  font-size: 14px;
}

.div-metrics {
  justify-content: center;
  width: 100%;
  padding-top: 2rem;
  display: flex;
}

.grid-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "Area";
  width: 800px;
}

.div-block-418 {
  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;
  display: flex;
}

.div-block-419 {
  justify-content: center;
  display: flex;
}

.text-block-161 {
  font-size: 12px;
  font-weight: 600;
}

.highlightscaption {
  font-size: 14px;
}

.grid-8 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
}

.div-block-420 {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 1rem;
  padding: 20px;
}

.grid-9 {
  margin-top: 20px;
}

.div-block-421 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.text-block-162 {
  color: var(--neutral-30);
  text-align: center;
  margin-top: 0;
  font-size: 12px;
}

.div-block-422 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 5px;
  display: flex;
}

.div-block-422.center {
  justify-content: center;
  margin-top: 5px;
}

.div-block-423 {
  margin-bottom: 15px;
}

.text-block-163 {
  font-size: 14px;
}

.contactenterprise {
  z-index: 1000;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.column-44 {
  padding-left: 0;
}

.column-45 {
  padding-right: 0;
}

.text-field-3, .text-field-4 {
  border-radius: 5px;
}

.radio2_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  display: flex;
}

.radio2_field {
  border: 0px none var(--\<unknown\|relume-variable-color-scheme-1-border\>);
  border-radius: 10px;
  align-items: center;
  margin-bottom: 0;
  padding: .5rem 1rem;
  display: flex;
  position: relative;
}

.radio2_field.is-active-inputactive {
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
}

.radio2_icon {
  border: 2px solid var(--bluevariant50);
  cursor: pointer;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin: 0;
  transition: all .2s;
  position: absolute;
  inset: 0%;
}

.radio2_icon.w--redirected-checked {
  color: var(--white);
  background-color: #9ad2ff;
  background-image: none;
  border-width: 2px;
}

.radio2_icon.w--redirected-focus {
  box-shadow: none;
}

.radio2_icon.dynamic {
  border-color: #f5528b;
}

.radio2_label {
  z-index: 1;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 14px;
  position: relative;
}

.radio2_label:active {
  color: var(--black);
}

.radio2_label.dynamic {
  color: #f5528b;
  font-size: 14px;
}

.conditional-block {
  margin-bottom: 15px;
  display: none;
}

.choice-button {
  background-color: var(--bluevariant50);
  cursor: pointer;
  border-radius: 8px;
  align-items: stretch;
  width: auto;
  padding-left: 10px;
  padding-right: 16px;
  display: flex;
}

.choice-input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.text-field-5, .textarea, .text-field-6 {
  border-radius: 5px;
}

.heading-48 {
  color: var(--bluevariant20);
  margin-bottom: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 36px;
  font-weight: 400;
}

.bold-text-2 {
  font-size: 20px;
}

.grid-10 {
  grid-template: ". . Area" 100%
  / .5fr .5fr .25fr;
}

.section_hint {
  background-color: var(--bluevribant95);
  margin-bottom: 60px;
  position: relative;
}

.section_hint.cmp2_sec-accent {
  background-color: #eaf5fe;
}

.paragraph-4 {
  margin-bottom: 20px;
}

.bold-text-3, .text-block-164 {
  color: var(--neutral-30);
}

.paragraph-5 {
  margin-bottom: 15px;
}

.heading-49 {
  margin-top: 0;
  padding-top: 0;
}

.image-115 {
  text-align: left;
  object-fit: fill;
  border-radius: 15px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: inline-block;
}

.div-block-424 {
  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: 40px;
  display: flex;
}

.tp-section {
  background-color: #fff;
  padding: 80px 24px;
}

.tp-container {
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tp-hero-title {
  color: #181818;
  text-align: center;
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.15;
}

.tp-hero-subtitle {
  color: #5c5c6f;
  text-align: center;
  max-width: 640px;
  margin-bottom: 48px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.tp-cards-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  display: grid;
}

.tp-card {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  flex-direction: column;
  padding: 32px 24px;
  display: flex;
}

.tp-card-highlighted {
  background-color: #fff;
  border: 2px solid #0176d3;
  border-radius: 12px;
  flex-direction: column;
  padding: 32px 24px;
  display: flex;
  position: relative;
  box-shadow: 0 4px 20px #0176d31f;
}

.tp-card-overline {
  color: #0176d3;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
}

.tp-card-title {
  color: #181818;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.tp-card-desc {
  color: #6b6b7b;
  min-height: 63px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}

.tp-card-price {
  color: #181818;
  margin-top: 30px;
  margin-bottom: 4px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

.tp-card-price.small {
  font-size: 20px;
}

.tp-card-price.custom {
  margin-top: 60px;
  margin-bottom: 57px;
}

.tp-card-price-detail {
  color: #000;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 400;
}

.tp-card-price-detail.base {
  margin-bottom: 0;
}

.tp-card-divider {
  background-color: #e8e8e8;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.tp-feature-row {
  grid-column-gap: 8px;
  align-items: flex-start;
  margin-bottom: 12px;
  display: flex;
}

.tp-feature-check {
  color: #22a06b;
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 16px;
}

.tp-feature-text {
  color: #444452;
  font-size: 14px;
  line-height: 1.45;
}

.tp-cta-button {
  color: #fff;
  cursor: pointer;
  background-color: #0176d3;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: auto;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .2s;
  display: flex;
}

.tp-cta-button-secondary {
  color: #0176d3;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #0176d3;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 25%;
  margin-top: 0;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition-property: background-color, color;
  transition-duration: .2s, 0s;
  display: flex;
}

.tp-badge {
  color: #fff;
  background-color: #0176d3;
  border-radius: 20px;
  margin-bottom: 12px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
}

.tp-section-label {
  color: #6b6b7b;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
}

.tp-features-wrap {
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 24px;
  display: flex;
}

.tp-nonprofit-banner {
  background-color: #e8f4e8;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 99%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 32px;
  display: flex;
}

.tp-nonprofit-title {
  color: #181818;
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
}

.tp-nonprofit-title.white {
  color: var(--white);
}

.tp-nonprofit-desc {
  color: #444452;
  font-size: 15px;
}

.tp-nonprofit-desc.center {
  align-self: center;
}

.tp-nonprofit-desc.white {
  color: var(--white);
}

.tp-footer-note {
  color: #8b8b9b;
  text-align: center;
  margin-top: 32px;
  font-size: 13px;
}

.tp-hidden {
  display: none;
}

.div-block-425 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.allcaps {
  color: var(--neutral-30);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.plancaption {
  margin-top: 10px;
  margin-bottom: 20px;
}

.div-block-426 {
  margin-top: 0;
}

.div-block-427 {
  margin-top: 41px;
  margin-bottom: 41px;
}

.div-block-428, .div-block-428-copy, .div-block-428-copy-copy {
  margin-top: 0;
}

.div-block-429 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.contactnonprofit {
  z-index: 1000;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.checkbox {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.card {
  cursor: pointer;
  background-color: #fff;
  border: 1px #e2e8f0;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 30px;
  transition: all 2ms;
  display: flex;
}

.checkbox-label-wrapper {
  background-color: var(--white);
  border: 2px solid #cbd5e1;
  border-radius: 6px;
  justify-content: space-between;
  align-items: stretch;
  width: 24px;
  height: 24px;
  display: flex;
}

.checkbox-label-2 {
  margin-left: 10px;
}

.checkbox-2 {
  margin-top: 0;
}

.installlightningpages {
  z-index: 100;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.modal_install {
  z-index: 100;
  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;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.text-align-no-center {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  text-align: left;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-430 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-431 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 2px solid var(--neutral80);
  cursor: pointer;
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
}

.div-block-431:hover {
  background-color: var(--bluelight);
}

.div-block-432 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.headinginstall {
  font-size: 16px;
  font-weight: 600;
}

.divhint {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 2px none var(--neutral80);
  cursor: auto;
  background-color: #f8f8f8;
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 10px 20px;
  display: flex;
}

.headinghint {
  color: #949494;
  font-size: 14px;
  font-weight: 600;
}

.div-block-433 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.installdynamic {
  z-index: 1000;
  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;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto;
}

.modalwrapperpricing {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: scroll;
}

.div-block-434 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-435 {
  align-self: flex-end;
  margin-left: auto;
  margin-right: auto;
}

.installflow {
  z-index: 1000;
  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;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto;
}

.collection-item-10 {
  color: #333;
  white-space: nowrap;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 12px;
}

.blog-tags-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.blog-tags-list.blog-tags-wrapper.collection-item-10 {
  width: fit-content;
  margin-bottom: 0;
}

.blog-tags-wrapper {
  flex-flow: wrap;
  gap: 8px;
  display: flex;
}

.link-block-36 {
  text-decoration: none;
}

.author-profile-section {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 24px 40px;
}

.author-profile-header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  display: flex;
}

.author-avatar {
  object-fit: cover;
  border-radius: 50%;
  width: 120px;
  height: 120px;
}

.author-bio-text {
  color: #555;
  text-align: center;
  max-width: 600px;
  font-size: 16px;
  line-height: 1.6;
}

.author-role-text {
  color: #888;
  font-size: 14px;
  font-weight: 500;
}

.link-block-37 {
  text-decoration: none;
}

.text-block-165 {
  margin-bottom: 20px;
  margin-left: 10px;
}

.card-author-info {
  flex-flow: column;
  align-items: center;
  gap: 6px;
  text-decoration: underline;
  display: flex;
}

.card-author-thumb {
  object-fit: cover;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

.card-author-name {
  color: #444;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.div-block-436 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-437 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  display: flex;
}

.div-block-437.tags {
  justify-content: flex-start;
  margin-top: 10px;
}

.timeline9_progress-line-cover {
  z-index: 2;
  width: 100%;
  height: 50vh;
  position: absolute;
  top: -50vh;
}

.button-24 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-24.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button-24.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-24.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.text-style-tagline {
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.rl-styleguide_label {
  color: #1e51f7;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #e8edff;
  padding: .25rem .5rem;
  font-size: .75rem;
  display: inline-block;
}

.component-instructions-list {
  padding-left: 1.25rem;
}

.text-size-medium-14 {
  font-size: 1.125rem;
}

.timeline9_item {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr 12rem 1fr;
  grid-auto-columns: 1fr;
}

.timeline9_item.item-left {
  text-align: right;
  align-items: flex-end;
}

.timeline9_fade-overlay-top {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--\<unknown\|relume-variable-color-scheme-1-background\>), #0000);
  width: 4px;
  height: 4rem;
  position: absolute;
}

.timeline9_circle-wrapper {
  z-index: 1;
  justify-content: center;
  width: 2rem;
  height: 100%;
  display: flex;
  position: relative;
}

.component-instructions-delete {
  z-index: 1;
  background-color: var(--\<unknown\|relume-variable-neutral-shade-1\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  text-align: left;
  padding: 2rem;
  position: relative;
}

.timeline9_progress-line {
  z-index: 0;
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  width: 3px;
  height: 50vh;
  margin-top: -50vh;
  position: sticky;
  top: 0;
}

.timeline9_empty-space {
  width: 100%;
}

.timeline9_list {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.timeline9_line {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  opacity: .15;
  width: 3px;
  height: 100%;
}

.padding-section-large-11 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.button-group-5 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group-5.is-center {
  justify-content: center;
}

.timeline9_row {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.timeline9_content {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
  position: relative;
}

.timeline9_circle {
  z-index: 2;
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  width: .9375rem;
  height: .9375rem;
  box-shadow: 0 0 0 8px var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

.timeline9_progress {
  z-index: 0;
  flex-direction: column;
  align-items: center;
  width: 2rem;
  height: 100%;
  display: flex;
  position: absolute;
}

.section_timeline9 {
  z-index: -3;
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
}

.padding-global-18 {
  padding-left: 5%;
  padding-right: 5%;
}

.timeline9_fade-overlay-bottom {
  z-index: 1;
  background-image: linear-gradient(180deg, #fff0, var(--\<unknown\|relume-variable-color-scheme-1-background\>));
  width: 4px;
  height: 4rem;
  position: absolute;
  bottom: 0%;
}

.heading-style-h3-5 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.component-instructions-item {
  padding-left: .5rem;
}

.fs-filter-bar {
  border-bottom: 1px solid #e5e5e5;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
  padding: 24px 0;
  display: flex;
}

.fs-search-input {
  color: #181818;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23706e6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
  background-position: 12px;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  width: 100%;
  min-width: 200px;
  max-width: 240px;
  padding: 10px 16px 10px 40px;
  font-size: 14px;
  display: block;
}

.fs-search-input:focus {
  border-color: #0176d3;
  box-shadow: 0 0 0 3px #0176d326;
}

.fs-tag-filters {
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  gap: 8px;
  display: flex;
}

.fs-tag-pill {
  color: #444;
  white-space: nowrap;
  cursor: pointer;
  background-color: #f3f3f3;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.fs-tag-pill:hover {
  color: #0176d3;
  background-color: #e8f4fd;
  border-color: #0176d3;
}

.fs-tag-pill.is-active {
  color: #fff;
  background-color: #0176d3;
  border-color: #0176d3;
}

.fs-tag-pill.is-tag-datatable {
  color: #0176d3;
  background-color: #e8f4fd;
  border-color: #b8ddf5;
}

.fs-tag-pill.is-tag-flowbuilder {
  color: #3a49da;
  background-color: #e8e8fc;
  border-color: #c8c8f5;
}

.fs-tag-pill.is-tag-dyncomp {
  color: #2e844a;
  background-color: #e6f2e6;
  border-color: #c2dfc2;
}

.fs-tag-pill.is-tag-kanban {
  color: #730394;
  background-color: #f0e8f9;
  border-color: #dcc8ef;
}

.fs-tag-pill.is-tag-map {
  color: #0b827c;
  background-color: #e0f5f0;
  border-color: #b3e6dd;
}

.fs-tag-pill.is-tag-calendar {
  color: #dd7a01;
  background-color: #fef1e6;
  border-color: #fad9b3;
}

.fs-tag-pill.is-tag-appbuilder {
  color: #107cad;
  background-color: #e5f6fe;
  border-color: #b3e4f9;
}

.fs-tag-pill.is-tag-bestpractice {
  color: #0070d2;
  background-color: #e1f5fe;
  border-color: #b0e0f9;
}

.fs-tag-pill.is-tag-getstarted {
  color: #444;
  background-color: #f3f3f3;
  border-color: #dedede;
}

.fs-tag-pill.is-tag-expcloud {
  color: #ba0517;
  background-color: #fceced;
  border-color: #f5c6ca;
}

.fs-tag-pill.is-tag-nocode {
  color: #1b5e20;
  background-color: #e8f5e9;
  border-color: #c0e4c2;
}

.fs-tag-pill.is-tag-releasenotes {
  color: #8c6a0a;
  background-color: #fff8e1;
  border-color: #f5e6a0;
}

.fs-tag-pill.is-tag-inlineedit {
  color: #00695c;
  background-color: #e0f2f1;
  border-color: #b2dfdb;
}

.fs-tag-pill.is-tag-barcodeqr {
  color: #e65100;
  background-color: #fff3e0;
  border-color: #ffd9b3;
}

.fs-tag-pill.is-tag-omnistudio {
  color: #5c2d91;
  background-color: #ede7f6;
  border-color: #d1c4e9;
}

.fs-tag-pill.is-overflow {
  display: none;
}

.fs-sort-controls {
  align-items: center;
  gap: 8px;
  display: flex;
}

.fs-sort-btn {
  color: #706e6b;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #d8dde6;
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.fs-sort-btn:hover {
  color: #181818;
  background-color: #f3f3f3;
}

.fs-sort-btn.is-sort-active {
  color: #3e3e3c;
  background-color: #eef1f5;
  border-color: #9faab7;
}

.fs-results-count {
  color: #706e6b;
  font-size: 13px;
  font-weight: 400;
}

.fs-empty-state {
  color: #706e6b;
  text-align: center;
  background-color: #fafaf9;
  border-top: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 64px 24px;
  font-size: 16px;
  display: none;
}

.fs-load-more {
  color: #0176d3;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 2px solid #0176d3;
  border-radius: 8px;
  margin: 16px auto 32px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.fs-load-more:hover {
  color: #fff;
  background-color: #0176d3;
}

.fs-filter-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
}

.fs-filter-bar-wide {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  flex-flow: wrap;
  align-items: center;
  gap: 10px;
  padding: 16px 10px;
  display: flex;
}

.fs-more-btn {
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  background-color: #e8e8e8;
  border: 1px solid #d8dde6;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

.link-block-38 {
  text-decoration: none;
  display: flex;
}

.fc-page-wrapper {
  background-color: #fff;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.fc-hero-section {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 48px;
  padding: 40px 40px 56px;
  display: grid;
}

.fc-badge {
  color: #00957a;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #e8f9f7;
  border-radius: 20px;
  align-items: center;
  margin-bottom: 20px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.fc-h1 {
  color: #0f1a2e;
  letter-spacing: -.02em;
  margin-bottom: 16px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.15;
}

.fc-hero-sub {
  color: #4a5568;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 15px;
  line-height: 1.6;
}

.fc-hero-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.fc-btn-primary {
  color: #fff;
  cursor: pointer;
  background-color: #0f1a2e;
  border-radius: 9px;
  padding: 11px 22px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.fc-btn-secondary {
  color: #0f1a2e;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #e2e8f0;
  border-radius: 9px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.fc-hero-note {
  color: #8a94a6;
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 11px;
}

.fc-screenshot-wrap {
  background-color: #f0f4f8;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.fc-gap-section {
  background-color: #f8fafc;
  border-top: 1px solid #edf2f7;
  border-bottom: 1px solid #edf2f7;
  padding: 36px 40px;
}

.fc-gap-grid {
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
  display: grid;
}

.fc-gap-box {
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px 24px;
}

.fc-gap-label-native {
  color: #9b6b6b;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 700;
}

.fc-gap-label-avonni {
  color: #00957a;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 700;
}

.fc-gap-intro {
  color: #2d3748;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}

.fc-gap-limitation {
  color: #e05a4f;
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 12px;
}

.fc-gap-win {
  color: #00957a;
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 12px;
}

.fc-features-section {
  margin-top: 100px;
  padding: 56px 0%;
}

.fc-section-tag {
  color: #00957a;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 700;
}

.fc-section-tag-purple {
  color: #7c55d4;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 700;
}

.fc-section-title {
  color: var(--bluevariant20);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 26px;
  font-weight: 700;
}

.fc-feature-screenshot {
  background-color: #f0f4f8;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  width: 100%;
  min-height: 200px;
  margin-bottom: 28px;
  overflow: hidden;
}

.fc-features-grid {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

.fc-feature-card {
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 22px;
}

.fc-feature-icon {
  background-color: #e8f9f7;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 14px;
  display: flex;
}

.fc-feature-title {
  color: #0f1a2e;
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 700;
}

.fc-feature-desc {
  color: #5a6474;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.6;
}

.fc-feature-tag {
  color: #00957a;
  background-color: #e8f9f7;
  border-radius: 20px;
  margin-top: 10px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 600;
  display: inline-block;
}

.fc-uc-section {
  margin-top: 100px;
  padding: 20px 0% 56px;
}

.fc-uc-grid {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 16px;
  margin-top: 40px;
  display: grid;
}

.fc-uc-card {
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 22px;
}

.fc-uc-accent {
  background-color: #00c9b1;
  border-radius: 2px;
  width: 32px;
  height: 3px;
  margin-bottom: 14px;
}

.fc-uc-role {
  color: #00957a;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 10px;
  font-weight: 700;
}

.fc-uc-title {
  color: #0f1a2e;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

.fc-uc-desc {
  color: #5a6474;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.65;
}

.fc-divider {
  background-color: #edf2f7;
  height: 1px;
  margin-left: 40px;
  margin-right: 40px;
}

.fc-cta-strip {
  background-color: #0f1a2e;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  column-gap: 24px;
  margin-bottom: 40px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 36px 40px;
  display: flex;
}

.fc-cta-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 700;
}

.fc-cta-sub {
  color: #8a94a6;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
}

.fc-cta-buttons {
  flex-shrink: 0;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

.fc-cta-btn-white {
  color: #0f1a2e;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.fc-cta-btn-outline {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #fff3;
  border-radius: 8px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.fc-hidden {
  display: none;
}

.fc-cred-bar {
  border-top: 1px #edf2f7;
  border-bottom: 1px #edf2f7;
  justify-content: space-around;
  padding: 100px 40px;
  display: flex;
}

.fc-cred-item {
  text-align: center;
}

.fc-cred-num {
  color: var(--bluevariant20);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 700;
}

.fc-cred-label {
  color: var(--neutral-30);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
}

.fc-unlocks-section {
  padding: 52px 0% 0;
}

.fc-screenshot-full {
  background-color: #f0f4f8;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  min-height: 200px;
  margin: 60px 0 100px;
  overflow: hidden;
}

.fc-unlocks-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 28px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.fc-unlock-item {
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  align-items: flex-start;
  column-gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.fc-unlock-icon {
  background-color: #e8f9f7;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.fc-unlock-title {
  color: #0f1a2e;
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 700;
}

.fc-unlock-desc {
  color: #5a6474;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  line-height: 1.55;
}

.fc-uc-ba-box {
  background-color: #f8fafc;
  border-radius: 8px;
  padding: 10px 12px;
}

.fc-uc-ba-row {
  color: #4a5568;
  align-items: flex-start;
  column-gap: 6px;
  margin-bottom: 6px;
  font-size: 11px;
  line-height: 1.5;
  display: flex;
}

.fc-ba-before-tag {
  color: #991b1b;
  background-color: #fee2e2;
  border-radius: 4px;
  flex-shrink: 0;
  margin-top: 1px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 700;
}

.fc-ba-after-tag {
  color: #065f46;
  background-color: #d1fae5;
  border-radius: 4px;
  flex-shrink: 0;
  margin-top: 1px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 700;
}

.fc-steps-section {
  background-color: #f8fafc;
  border-top: 1px solid #edf2f7;
  margin-top: 52px;
  padding: 44px 5%;
}

.fc-steps-grid {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 24px;
  margin-top: 24px;
  display: grid;
}

.fc-step {
  align-items: flex-start;
  column-gap: 14px;
  display: flex;
}

.fc-step-num {
  background-color: var(--bluevariant50);
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.fc-step-title {
  color: #0f1a2e;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
}

.fc-step-desc {
  color: #5a6474;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.55;
}

.hero_image {
  border: 1px solid var(--neutral80);
  border-radius: 15px;
  width: auto;
  height: 100%;
}

.text-align-l {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.text-align-l.hero {
  width: auto;
}

.code-embed-4, .code-embed-5, .code-embed-6 {
  justify-content: center;
  display: flex;
}

.heading-50, .heading-51 {
  margin-bottom: 40px;
}

.heading-52 {
  color: var(--bluevariant20);
}

.div-block-438 {
  margin-bottom: 40px;
}

.link-block-39 {
  width: 100%;
  text-decoration: none;
  display: block;
}

.componentspage {
  background-image: none;
  padding-left: 5%;
  padding-right: 5%;
}

.collection-list-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(auto-fit, undefinedundefined) 200px;
  grid-template-rows: auto auto;
  gap: 24px;
  width: 100%;
  display: grid;
}

.collection-item-11 {
  flex-flow: row;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.collection-list-wrapper-2 {
  width: 100%;
  display: block;
}

.linkcomp {
  color: var(--bluevariant20);
  text-decoration: none;
}

.image-116 {
  margin-top: 2px;
}

.text-block-166 {
  font-size: 14px;
}

.text-block-167, .text-block-168 {
  font-size: 16px;
}

.sp-badges-wrap {
  border-style: none;
  border-width: 1px;
  border-radius: 0;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.sp-badge {
  color: #181818;
  white-space: nowrap;
  background-color: #f3f2f2;
  border: 1px solid #dddbda;
  border-radius: 20px;
  padding: 5px 14px;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
}

.text-block-169 {
  color: #dd0303;
  background-color: #ffeee9;
  border-radius: 10px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 600;
}

.installappexchange {
  z-index: 100;
  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;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.form-block {
  margin-left: 40px;
  margin-right: 40px;
}

.text-block-170 {
  color: var(--neutral-30);
  text-align: left;
  justify-content: center;
  font-size: 12px;
  display: flex;
}

.form-2 {
  margin-top: 20px;
}

.text-field-7 {
  border-radius: 5px;
}

.bold-text-4 {
  font-size: 12px;
}

.field-label-2 {
  margin-top: 20px;
}

.text-block-171 {
  text-align: center;
  margin-bottom: 20px;
}

.image-117 {
  max-width: 20%;
}

.div-block-439 {
  border-top: 1px solid var(--paletteneutral95);
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.installappexchange-dynamic {
  z-index: 100;
  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;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

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

.div-block-pricing {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-pricing.new {
  align-items: center;
}

.bannerallavonni {
  background-color: var(--bluevribant95);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 99%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 32px;
  display: flex;
}

.div-block-all-avonni {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-440 {
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.allavncard {
  background-color: var(--bluelight);
  text-align: center;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 99%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 20px;
  display: flex;
}

.avncardtitle {
  color: #181818;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 700;
}

.div-block-441 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-173 {
  font-size: 18px;
  font-weight: 700;
}

.pricingbanner_add {
  background-color: var(--bluelight);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 99%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 32px;
  display: flex;
}

.div-block-442 {
  border-bottom: 1px solid var(--neutral80);
  color: var(--white);
  justify-content: space-between;
  align-items: stretch;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-442.last {
  border-bottom-style: none;
}

.guestusersbanner {
  background-color: #0b827c;
  border-radius: 12px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 99%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 32px;
  display: flex;
}

.guestuserpricingtitile {
  color: #181818;
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
}

.guestuserpricingtitile.white {
  color: var(--white);
  margin-bottom: 20px;
  font-size: 24px;
}

.div-block-443 {
  background-color: #acf3e429;
  border-radius: 10px;
  padding: 10px 20px;
}

.columns-7 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bold-text-5 {
  font-size: 15px;
}

.bold-text-6 {
  font-size: 16px;
}

.column-46 {
  padding-left: 0;
  padding-right: 0;
}

.div-block-444 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-47, .column-48, .column-49 {
  padding-left: 0;
  padding-right: 0;
}

.green {
  color: #cdefc4;
}

.grid-11 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
}

.text-block-174 {
  color: var(--bluevariant20);
  text-transform: uppercase;
  margin-bottom: -32px;
  font-size: 12px;
  font-weight: 700;
}

.text-block-175 {
  color: var(--neutral-30);
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 18px;
}

.pricing20_component_new_2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: stretch center;
  padding: 10px;
}

.contactunlimited {
  z-index: 1000;
  background-color: #0000005c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.text-block-176 {
  z-index: 997;
  background-color: var(--white);
  width: 125px;
  color: var(--bluevariant20);
  text-align: center;
  text-transform: uppercase;
  border-radius: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  inset: -16px 0% auto 50%;
  transform: translate(-16px);
}

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

.text-style-tagline-parent.text-style-tagline {
  justify-content: center;
  align-items: center;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.text-style-tagline-parent.text-style-tagline.comparison {
  color: var(--bluevariant20);
  text-transform: uppercase;
  font-size: 20px;
}

.navbar_item-title-parent.navbar_item-title {
  color: var(--bluevariant20);
  font-family: Salesforcesans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.navbar_item-title-parent.navbar_item-title:hover {
  color: var(--bluevariant50);
}

.navbar_item-title-parent.navbar_item-title.text-color-white {
  color: var(--_avonni-design-system---neutral--white);
}

.lwc-compare_hero {
  color: #fff;
  text-align: center;
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem 5rem;
  font-family: Salesforcesans, sans-serif;
}

.lwc-compare_hero-tagline {
  color: #7ec3f7;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: .8125rem;
  font-weight: 600;
}

.lwc-compare_hero-title {
  max-width: 46rem;
  color: var(--_avonni-design-system---neutral--white);
  margin: 0 auto 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 3.25rem;
  font-weight: 400;
  line-height: 1.1;
}

.lwc-compare_hero-subtitle {
  color: #b8dcf7;
  max-width: 36rem;
  margin-bottom: 2.25rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.1875rem;
  line-height: 1.5;
}

.lwc-compare_btn-group {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.lwc-compare_btn-primary {
  color: #fff;
  background-color: #0176d3;
  border-radius: 4px;
  padding: .875rem 1.75rem;
  font-size: .9375rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.lwc-compare_btn-outline {
  border: 1px solid var(--_avonni-design-system---brand--primary);
  background-color: var(--_avonni-design-system---neutral--white);
  color: var(--_avonni-design-system---brand--primary);
  border-radius: 4px;
  padding: .875rem 1.75rem;
  font-size: .9375rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.lwc-compare_problem {
  padding: 4.5rem 2rem;
  font-family: Salesforcesans, sans-serif;
}

.lwc-compare_problem-inner {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.lwc-compare_eyebrow {
  color: #0176d3;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 600;
}

.lwc-compare_h2 {
  color: #111827;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.lwc-compare_body-text {
  color: #444;
  margin-bottom: 1rem;
  font-size: 1.0625rem;
  line-height: 1.7;
}

.lwc-compare_callout {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  margin-top: 2rem;
  padding: 1.5rem 1.75rem;
}

.lwc-compare_callout-text {
  color: #032d60;
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.lwc-compare_how {
  background-color: #fafafa;
  padding: 4.5rem 2rem;
  font-family: Salesforcesans, sans-serif;
}

.lwc-compare_how-inner {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

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

.lwc-compare_steps-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 3rem;
  display: grid;
}

.lwc-compare_step-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 2rem 1.75rem;
}

.lwc-compare_step-number {
  color: #fff;
  background-color: #0176d3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

.lwc-compare_step-title {
  color: #111827;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.lwc-compare_step-desc {
  color: #444;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.lwc-compare_query {
  padding: 4.5rem 2rem;
  font-family: Salesforcesans, sans-serif;
}

.lwc-compare_query-inner {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.lwc-compare_stats-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 1.5rem;
  display: grid;
}

.lwc-compare_stat-card {
  text-align: center;
  background-color: #eaf5fe;
  border-radius: 8px;
  padding: 1.25rem 1.5rem;
}

.lwc-compare_stat-value {
  color: #0176d3;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
}

.lwc-compare_stat-label {
  color: #444;
  margin: 0;
  font-size: .8125rem;
}

.lwc-compare_aitrap {
  color: #fff;
  background-color: #0f1a2e;
  padding: 4.5rem 2rem;
  font-family: Salesforcesans, sans-serif;
}

.lwc-compare_aitrap-inner {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.lwc-compare_eyebrow-orange {
  color: #fe9339;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 600;
}

.lwc-compare_h2-white {
  color: #fff;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.lwc-compare_body-text-light {
  color: #a8b5cc;
  margin-bottom: 1rem;
  font-size: 1.0625rem;
  line-height: 1.7;
}

.lwc-compare_aitrap-stats {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
}

.lwc-compare_aitrap-stat {
  background-color: #fe933914;
  border: 1px solid #fe933940;
  border-radius: 12px;
  padding: 1.75rem 1.5rem;
}

.lwc-compare_aitrap-stat-value {
  color: #fe9339;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
}

.lwc-compare_aitrap-stat-label {
  color: #d9a878;
  margin: 0;
  font-size: .875rem;
}

.lwc-compare_aitrap-callout {
  background-color: #0176d31f;
  border: 1px solid #0176d359;
  border-radius: 12px;
  margin-top: 1.75rem;
  padding: 1.5rem 1.75rem;
}

.lwc-compare_aitrap-callout-text {
  color: #b8dcf7;
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.lwc-compare_strong-white {
  color: #fff;
  font-weight: 700;
}

.lwc-compare_table-section {
  padding: 4.5rem 2rem;
  font-family: Salesforcesans, sans-serif;
}

.lwc-compare_table-inner {
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
}

.lwc-compare_table-wrap {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-top: 2.5rem;
  overflow: hidden;
}

.lwc-compare_table-header {
  background-color: #eaf5fe;
  border-bottom: 1px solid #e5e5e5;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr 1fr;
  padding: .875rem 1.25rem;
  display: grid;
}

.lwc-compare_table-header-cell {
  color: #444;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin: 0;
  font-size: .75rem;
  font-weight: 700;
}

.lwc-compare_table-header-scratch {
  color: #8a8a8a;
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin: 0;
  font-size: .75rem;
  font-weight: 700;
}

.lwc-compare_table-header-avonni {
  color: #0176d3;
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin: 0;
  font-size: .75rem;
  font-weight: 700;
}

.lwc-compare_table-row {
  background-color: #fff;
  border-bottom: 1px solid #f3f3f3;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr 1fr;
  padding: .875rem 1.25rem;
  display: grid;
}

.lwc-compare_table-row-alt {
  background-color: #fafafa;
  border-bottom: 1px solid #f3f3f3;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr 1fr;
  padding: .875rem 1.25rem;
  display: grid;
}

.lwc-compare_cell-capability {
  color: #333;
  margin: 0;
  font-size: .875rem;
  font-weight: 500;
}

.lwc-compare_cell-scratch {
  color: #8a8a8a;
  text-align: center;
  margin: 0;
  font-size: .875rem;
}

.lwc-compare_cell-avonni {
  color: #0176d3;
  text-align: center;
  margin: 0;
  font-size: .875rem;
  font-weight: 600;
}

.lwc-compare_usecases {
  background-color: #fafafa;
  padding: 4.5rem 2rem;
  font-family: Salesforcesans, sans-serif;
}

.lwc-compare_usecases-inner {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.lwc-compare_usecases-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 3rem;
  display: grid;
}

.lwc-compare_usecase-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem 1.5rem;
}

.lwc-compare_usecase-title {
  color: #111827;
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.lwc-compare_usecase-desc {
  color: #444;
  margin: 0;
  font-size: .875rem;
  line-height: 1.6;
}

.lwc-compare_nodev {
  padding: 3.75rem 2rem;
  font-family: Salesforcesans, sans-serif;
}

.lwc-compare_nodev-inner {
  text-align: center;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.lwc-compare_h3-center {
  color: #111827;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.lwc-compare_nodev-sub {
  color: #444;
  margin-bottom: 1.75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.lwc-compare_nodev-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.lwc-compare_nodev-card {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  padding: 1.5rem;
}

.lwc-compare_nodev-card.inline-a-0, .lwc-compare_nodev-card.inline-a-1 {
  text-decoration: none;
}

.lwc-compare_nodev-card-title {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.0625rem;
}

.lwc-compare_nodev-card-desc {
  color: #444;
  margin: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.lwc-compare_cta {
  color: #fff;
  text-align: center;
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 4.5rem 2rem;
  font-family: Salesforcesans, sans-serif;
}

.lwc-compare_cta-title {
  color: var(--_avonni-design-system---neutral--white);
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.lwc-compare_cta-sub {
  color: #b8dcf7;
  max-width: 30rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.0625rem;
}

.lwc-product_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 4.5rem 2rem;
}

.lwc-product_container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.lwc-product_hero-tagline {
  color: #eaf5fe;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-weight: 700;
}

.lwc-product_h1 {
  color: #fff;
  max-width: 820px;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 1.15;
}

.lwc-product_hero-sub {
  color: #eaf5fe;
  max-width: 720px;
  margin-bottom: 2.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.1875rem;
  line-height: 1.65;
}

.lwc-product_btn-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.lwc-product_btn-primary {
  color: #fff;
  background-color: #0176d3;
  border-radius: 4px;
  padding: .875rem 1.75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.lwc-product_btn-white {
  color: #032d60;
  background-color: #fff;
  border-radius: 4px;
  padding: .875rem 1.75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.lwc-product_hero-note {
  color: #c9c9c9;
  margin-top: 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
}

.lwc-product_section-white {
  background-color: #fff;
  padding: 3.5rem 2rem;
}

.lwc-product_eyebrow {
  color: #0176d3;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.lwc-product_h2 {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2;
}

.lwc-product_body-text {
  color: #444;
  margin-bottom: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.7;
}

.lwc-product_center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.lwc-product_center-text {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.lwc-product_demo-placeholder {
  background-color: #fafafa;
  border: 2px dashed #c9c9c9;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 240px;
  margin-top: 2.5rem;
  display: flex;
}

.lwc-product_placeholder-label {
  color: #444;
  text-align: center;
  padding: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.lwc-product_section-grey {
  background-color: #fafafa;
  padding: 3.5rem 2rem;
}

.lwc-product_grid-4 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 3rem;
  display: grid;
}

.lwc-product_card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 2rem 1.5rem;
}

.lwc-product_card-icon {
  color: #0176d3;
  background-color: #eaf5fe;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  display: flex;
}

.lwc-product_card-title {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.1875rem;
  font-weight: 400;
  line-height: 1.3;
}

.lwc-product_card-text {
  color: #444;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.65;
}

.lwc-product_h3 {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.25;
}

.lwc-product_split {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
  margin-top: 2.5rem;
  display: grid;
}

.lwc-product_split-text {
  max-width: 480px;
}

.lwc-product_img-placeholder {
  background-color: #fafafa;
  border: 2px dashed #c9c9c9;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 220px;
  display: flex;
}

.lwc-product_grid-3 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 3rem;
  display: grid;
}

.lwc-product_catalog-heading {
  color: #032d60;
  margin-top: 3.5rem;
  margin-bottom: 1.5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.lwc-product_dd-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.lwc-product_dd-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
}

.lwc-product_dd-thumb {
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  justify-content: center;
  align-items: center;
  min-height: 110px;
  display: flex;
}

.lwc-product_dd-name {
  color: #181818;
  padding: .875rem 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.lwc-product_core-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.lwc-product_core-card {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 1.5rem;
}

.lwc-product_core-cat {
  color: #0b5cab;
  margin-bottom: .625rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 700;
}

.lwc-product_core-list {
  color: #444;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  line-height: 1.65;
}

.lwc-product_section-navy {
  background-color: #0f1a2e;
  padding: 3.5rem 2rem;
}

.lwc-product_eyebrow-light {
  color: #04e1cb;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.lwc-product_h2-white {
  color: #fff;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2;
}

.lwc-product_body-light {
  color: #c9c9c9;
  margin-bottom: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.7;
}

.lwc-product_code-split {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
  margin-top: 3rem;
  display: grid;
}

.lwc-product_before-card {
  background-color: #ffffff0f;
  border: 1px solid #ffffff24;
  border-radius: 8px;
  padding: 1.75rem;
}

.lwc-product_before-title {
  color: #fe9339;
  margin-bottom: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.lwc-product_before-item {
  color: #c9c9c9;
  border-left: 2px solid #fe933980;
  margin-bottom: .75rem;
  padding-left: 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.lwc-product_code-block {
  background-color: #060d1a;
  border: 1px solid #ffffff1f;
  border-radius: 8px;
  padding: 1.5rem;
  overflow-x: auto;
}

.lwc-product_code-line {
  color: #eaf5fe;
  font-family: Courier New, monospace;
  font-size: .8125rem;
  line-height: 1.6;
}

.lwc-product_code-comment {
  color: #6b7f99;
  font-family: Courier New, monospace;
  font-size: .8125rem;
  line-height: 1.6;
}

.lwc-product_code-gap {
  margin-top: 1rem;
}

.lwc-product_ind1 {
  padding-left: 1.25rem;
}

.lwc-product_ind2 {
  padding-left: 2.5rem;
}

.lwc-product_callout {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 8px;
  margin-top: 2.5rem;
  padding: 1.75rem 2rem;
}

.lwc-product_callout-text {
  color: #032d60;
  text-align: center;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.6;
}

.lwc-product_btn-row-center {
  justify-content: center;
  margin-top: 1.5rem;
}

.lwc-product_faq-list {
  max-width: 820px;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}

.lwc-product_faq-item {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin-bottom: 1rem;
  padding: 1.75rem 2rem;
}

.lwc-product_faq-q {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.lwc-product_faq-a {
  color: #444;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.lwc-product_code-caption {
  color: #c9c9c9;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-style: italic;
}

.lwc-product_compare-row {
  justify-content: center;
  margin-top: 2rem;
  display: flex;
}

.lwc-product_link-arrow {
  color: #0176d3;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  text-decoration: none;
}

.lwc-compare_code-block {
  background-color: #0f1a2e;
  border-radius: 12px;
  margin-top: 2.5rem;
  padding: 1.75rem 2rem;
  overflow: auto;
}

.lwc-compare_code-label {
  color: #7ec3f7;
  letter-spacing: .05em;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 600;
}

.lwc-compare_code-pre {
  color: #e2e8f0;
  white-space: pre-wrap;
  margin: 0;
  font-family: monospace;
  font-size: .875rem;
  line-height: 1.7;
}

.lwc-compare_code-caption {
  color: #7a92b5;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: .8125rem;
}

.lwcp2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 4rem 1.5rem 3.5rem;
}

.lwcp2_hero-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
  display: grid;
}

.lwcp2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #eaf5fe;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .375rem 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.lwcp2_hero-sub {
  color: #eaf5fe;
  max-width: 480px;
  margin-bottom: 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.lwcp2_btn-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  display: flex;
}

.lwcp2_stat-strip {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 3rem;
  display: flex;
}

.lwcp2_stat-label {
  color: #c9c9c9;
  margin-top: .375rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.lwcp2_browser {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.lwcp2_browser-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f3f3f3;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.lwcp2_dot-pink {
  background-color: #ff538a;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.lwcp2_dot-orange {
  background-color: #fe9339;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.lwcp2_dot-green {
  background-color: #41b658;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.lwcp2_browser-body {
  background-color: #fff;
  min-height: 340px;
  margin: 0;
  display: block;
}

.lwcp2_placeholder-label {
  color: #444;
  text-align: center;
  padding: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
}

.lwcp2_section-white {
  background-color: #fff;
  padding: 3.5rem 1.5rem;
}

.lwcp2_eyebrow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #0176d3;
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
  display: inline-flex;
}

.lwcp2_lede {
  color: #444;
  max-width: 640px;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.lwcp2_code-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
  margin-top: 3rem;
  display: grid;
}

.lwcp2_editor {
  background-color: #0f1a2e;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 50px #032d6040;
}

.lwcp2_editor-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #060d1a;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.lwcp2_editor-file {
  color: #c9c9c9;
  margin-left: .75rem;
  font-family: Courier New, monospace;
  font-size: .75rem;
}

.lwcp2_editor-body {
  padding: 1.5rem;
}

.lwcp2_cl {
  color: #eaf5fe;
  font-family: Courier New, monospace;
  font-size: .875rem;
  line-height: 1.7;
}

.lwcp2_cl-teal {
  color: #04e1cb;
  font-family: Courier New, monospace;
  font-size: .875rem;
  line-height: 1.7;
}

.lwcp2_ind1 {
  padding-left: 1.5rem;
}

.lwcp2_ind2 {
  padding-left: 3rem;
}

.lwcp2_code-caption {
  color: #444;
  text-align: center;
  margin-top: 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-style: italic;
}

.lwcp2_check-stack {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-direction: column;
  display: flex;
}

.lwcp2_check-pill {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  align-items: center;
  padding: .75rem 1.375rem;
  display: flex;
}

.lwcp2_check-dot {
  color: #fff;
  background-color: #41b658;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.lwcp2_check-text {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.lwcp2_section-grey {
  background-color: #fafafa;
  padding: 3.5rem 1.5rem;
}

.lwcp2_bento {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 3rem;
  display: grid;
}

.lwcp2_bento-big {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  display: flex;
  position: relative;
}

.lwcp2_bento-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 1.75rem 2rem;
}

.lwcp2_bento-num {
  color: #0176d3;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.lwcp2_bento-num-big {
  color: #0176d3;
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1;
}

.lwcp2_bento-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.lwcp2_bento-text {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.lwcp2_bento-tag-blue {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  align-self: flex-start;
  margin-bottom: 1.25rem;
  padding: .25rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  display: inline-block;
}

.lwcp2_bento-tag-blue.lwcp2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.8rem;
  right: 1.5rem;
}

.lwcp2_fam-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 3rem;
  display: grid;
}

.lwcp2_fam-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2.25rem;
}

.lwcp2_fam-head {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: baseline;
  margin-bottom: .625rem;
  display: flex;
}

.lwcp2_fam-count {
  color: #0176d3;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
}

.lwcp2_fam-title {
  color: #032d60;
  margin: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.lwcp2_fam-sub {
  color: #444;
  margin: 0 0 1.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.lwcp2_pills {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.lwcp2_pill {
  color: #181818;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: .375rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.lwcp2_pill-blue {
  color: #0b5cab;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 100px;
  padding: .375rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.lwcp2_pill-more {
  color: #444;
  background-color: #fff;
  border: 1px dashed #c9c9c9;
  border-radius: 100px;
  padding: .375rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.lwcp2_surface-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 3rem;
  display: grid;
}

.lwcp2_surface-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem;
}

.lwcp2_surface-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.lwcp2_surface-text {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.lwcp2_section-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.lwcp2_eyebrow-teal {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #0176d3;
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
  display: inline-flex;
}

.lwcp2_h2-white {
  color: #fff;
  margin: 0 0 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.15;
}

.lwcp2_lede-light {
  color: #444;
  max-width: 680px;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.lwcp2_vs-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
  margin-top: 3rem;
  display: grid;
}

.lwcp2_vs-card-good {
  text-align: center;
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 2.5rem;
}

.lwcp2_vs-card-bad {
  text-align: center;
  background-color: #fff;
  border: 1px solid #fe9339;
  border-radius: 16px;
  padding: 2.5rem;
}

.lwcp2_vs-num-teal {
  color: #0176d3;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.lwcp2_vs-num-orange {
  color: #fe9339;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.lwcp2_vs-label {
  color: #032d60;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.lwcp2_vs-sub {
  color: #444;
  margin-top: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
}

.lwcp2_vs-divider {
  color: #444;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
}

.lwcp2_ai-note {
  color: #444;
  text-align: center;
  max-width: 760px;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.7;
}

.lwcp2_compare-row {
  justify-content: center;
  margin-top: 1.75rem;
  display: flex;
}

.lwcp2_link-teal {
  color: #0176d3;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  text-decoration: none;
}

.lwcp2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5rem 2rem;
}

.lwcp2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lwcp2_faq-list {
  max-width: 820px;
  margin: 2.5rem auto 0;
}

.lwcp2_faq-item {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.75rem 2rem;
}

.lwcp2_faq-q {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.lwcp2_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.lwcp2_center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.lwcp2_thumb-placeholder {
  background-color: #fafafa;
  border: 2px dashed #c9c9c9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  margin-top: 1.5rem;
  display: flex;
}

.lwcp2_ai-demo {
  background-color: #fff;
  border-radius: 12px;
  max-width: 860px;
  margin: 2.5rem auto 0;
  overflow: hidden;
  box-shadow: 0 16px 40px #032d601f;
}

.lwcp2_ai-demo-body {
  background-color: #fff;
  min-height: 200px;
  margin: 0;
  display: block;
}

.dyn2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem 5rem;
}

.dyn2_container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.dyn2_hero-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
  display: grid;
}

.dyn2_chip {
  grid-column-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .375rem .875rem;
  display: inline-flex;
}

.dyn2_hero-sub {
  color: #eaf5fe;
  max-width: 34rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.dyn2_hero-ctas {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2.5rem;
  display: flex;
}

.dyn2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.dyn2_browser {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.dyn2_browser-bar {
  grid-column-gap: 8px;
  background-color: #f3f3f3;
  padding: 10px 14px;
  display: flex;
}

.dyn2_dot-pink {
  background-color: #ff538a;
  border-radius: 100px;
  width: 10px;
  height: 10px;
}

.dyn2_dot-orange {
  background-color: #fe9339;
  border-radius: 100px;
  width: 10px;
  height: 10px;
}

.dyn2_dot-green {
  background-color: #41b658;
  border-radius: 100px;
  width: 10px;
  height: 10px;
}

.dyn2_browser-body {
  padding: 1rem;
}

.dyn2_placeholder {
  color: #444;
  text-align: center;
  background-color: #fafafa;
  border: 2px dashed #c9c9c9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  display: flex;
}

.dyn2_placeholder-tall {
  min-height: 340px;
}

.dyn2_section-white {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.dyn2_eyebrow {
  grid-column-gap: .5rem;
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
  display: flex;
}

.dyn2_body {
  color: #444;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.dyn2_bento {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.dyn2_bento-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
}

.dyn2_bento-dominant {
  background-color: #eaf5fe;
  border-color: #b8dcf7;
  position: relative;
}

.dyn2_bento-tag {
  color: #fff;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  margin-bottom: 1rem;
  padding: .25rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-block;
}

.dyn2_bento-tag.dyn2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.8rem;
  right: 1.5rem;
}

.dyn2_bento-num-big {
  color: #0176d3;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1;
}

.dyn2_bento-num {
  color: #0176d3;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.dyn2_bento-title {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.dyn2_section-grey {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.dyn2_split-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  display: grid;
}

.dyn2_browser-tab {
  color: #444;
  margin-left: .75rem;
  font-family: Courier New, monospace;
  font-size: .75rem;
}

.dyn2_placeholder-mid {
  min-height: 300px;
}

.dyn2_caption {
  color: #444;
  text-align: center;
  margin-top: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-style: italic;
}

.dyn2_check-pill {
  grid-column-gap: .75rem;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  align-items: center;
  margin-bottom: .875rem;
  padding: .625rem 1rem;
  display: flex;
}

.dyn2_check-dot {
  color: #fff;
  background-color: #41b658;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  display: flex;
}

.dyn2_check-text {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.dyn2_catalogue {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.dyn2_cat-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
}

.dyn2_cat-head {
  grid-column-gap: .75rem;
  align-items: baseline;
  margin-bottom: .5rem;
  display: flex;
}

.dyn2_cat-num {
  color: #0176d3;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
}

.dyn2_cat-title {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.dyn2_cat-sub {
  margin-bottom: 1.25rem;
}

.dyn2_pill-cloud {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  display: flex;
}

.dyn2_pill {
  color: #181818;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: .375rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.dyn2_pill-blue {
  color: #0b5cab;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 100px;
  padding: .375rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.dyn2_pill-more {
  color: #444;
  background-color: #0000;
  border: 1px dashed #c9c9c9;
  border-radius: 100px;
  padding: .375rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.dyn2_cat-thumb {
  min-height: 200px;
}

.dyn2_surface-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.dyn2_surface-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem;
}

.dyn2_surface-title {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.dyn2_section-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.dyn2_vs-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: stretch;
  margin-bottom: 2rem;
  display: grid;
}

.dyn2_vs-card {
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  padding: 2rem;
}

.dyn2_vs-positive {
  border: 1px solid #b8dcf7;
}

.dyn2_vs-negative {
  border: 1px solid #fe9339;
}

.dyn2_vs-num-blue {
  color: #0176d3;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.dyn2_vs-num-orange {
  color: #fe9339;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.dyn2_vs-label {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.dyn2_vs-sub {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  line-height: 1.6;
}

.dyn2_vs-mid {
  color: #032d60;
  place-self: center;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.dyn2_vs-note {
  color: #444;
  text-align: center;
  max-width: 760px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.dyn2_arrow-link {
  color: #0176d3;
  text-align: center;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.dyn2_faq-wrap {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.dyn2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem 1.75rem;
}

.dyn2_faq-q {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.dyn2_faq-a {
  color: #444;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.dyn2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5.5rem 2rem;
}

.dyn2_cta-inner {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.dyn2_cta-buttons {
  justify-content: center;
  margin-bottom: 0;
}

.dyn2_img {
  border-radius: 8px;
  width: 100%;
  display: block;
}

.dyn2_img.dyn2_thumb-fixed {
  object-fit: cover;
  height: 200px;
}

.dyn2_surface-img {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 1.25rem;
  display: block;
}

.dyn2_pick-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 1.5rem;
  margin-bottom: 2rem;
  display: flex;
}

.dyn2_pick-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex: 320px;
  padding: 2rem;
}

.dyn2_pick-card.dyn2_pick-here, .dyn2_pick-here {
  border-color: #b8dcf7;
  position: relative;
}

.dyn2_pick-tag {
  color: #fff;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  margin-bottom: 0;
  padding: .25rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-block;
  position: absolute;
  top: -.8rem;
  right: 1.5rem;
}

.dyn2_pick-label {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.dyn2_pick-label.dyn2_pick-label-xp {
  color: #06a59a;
}

.dyn2_pick-label.dyn2_pick-label-flow {
  color: #9050e9;
}

.dyn2_pick-label.dyn2_pick-label-lwc {
  color: #5867e8;
}

.dyn2_pick-title {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.dyn2_pick-body {
  color: #444;
  margin-bottom: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.dyn2_pick-link {
  color: #0176d3;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  text-decoration: none;
}

.dyn2_pick-note {
  color: #444;
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.dyn2_hero-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.dyn2_hero-media {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}

.dyn2_arcade {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.flow2_container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.flow2_body-sub {
  color: #444;
  max-width: 640px;
  margin-top: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.flow2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding-top: 7rem;
  padding-bottom: 6rem;
}

.flow2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .375rem .875rem;
  display: flex;
}

.flow2_stats {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  display: flex;
}

.flow2_stat {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.flow2_browser-bar {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #f3f3f3;
  align-items: center;
  padding: 10px 14px;
  display: flex;
}

.flow2_dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.flow2_dot-pink {
  background-color: #ff538a;
}

.flow2_dot-orange {
  background-color: #fe9339;
}

.flow2_dot-green {
  background-color: #41b658;
}

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

.flow2_sec-builder {
  background-color: #fff;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.flow2_builder-grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  margin-top: 3rem;
  display: grid;
}

.flow2_builder-media {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.flow2_browser-light {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 50px #032d6040;
}

.flow2_caption {
  color: #444;
  text-align: center;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-style: italic;
}

.flow2_pills-stack {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.flow2_check-pill {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  align-items: center;
  padding: .625rem 1.125rem;
  display: flex;
}

.flow2_check-dot {
  color: #fff;
  background-color: #41b658;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.flow2_check-text {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.flow2_sec-bento {
  background-color: #fafafa;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.flow2_bento-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 3rem;
  display: grid;
}

.flow2_bento-hero {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
  position: relative;
}

.flow2_tag-blue {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  margin-bottom: .5rem;
  padding: .25rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.flow2_tag-blue.flow2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.85rem;
  right: 1.5rem;
}

.flow2_bento-num-xl {
  color: #0176d3;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1;
}

.flow2_bento-card {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75rem;
  display: flex;
}

.flow2_bento-num {
  color: #0176d3;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.flow2_bento-title {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.flow2_bento-copy {
  color: #444;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.flow2_sec-catalog {
  background-color: #fff;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.flow2_catalog-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 2rem;
  display: flex;
}

.flow2_catalog-head {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: baseline;
  display: flex;
}

.flow2_catalog-num {
  color: #0176d3;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
}

.flow2_catalog-title {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.flow2_catalog-sub {
  color: #444;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.flow2_pill-cloud {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.flow2_pill-blue {
  color: #0b5cab;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 100px;
  padding: .375rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.flow2_pill {
  color: #181818;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: .375rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.flow2_pill-more {
  color: #444;
  background-color: #0000;
  border: 1px dashed #c9c9c9;
  border-radius: 100px;
  padding: .375rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.flow2_catalog-thumb {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  margin-top: auto;
  display: block;
}

.flow2_sec-inter {
  background-color: #fff;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.flow2_inter-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 3rem;
  display: grid;
}

.flow2_inter-card {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.flow2_inter-title {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.flow2_inter-copy {
  color: #444;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.flow2_sec-lineup {
  background-color: #eaf5fe;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.flow2_lineup-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 3rem;
  display: grid;
}

.flow2_lineup-card {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
  box-shadow: 0 16px 40px #032d601f;
}

.flow2_lineup-card-active {
  border: 1px solid #b8dcf7;
  position: relative;
}

.flow2_lineup-label {
  color: #444;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.flow2_lineup-title {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.flow2_lineup-copy {
  color: #444;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.flow2_lineup-note {
  color: #444;
  text-align: center;
  max-width: 760px;
  margin: 2.5rem auto 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.flow2_sec-faq {
  background-color: #fff;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.flow2_faq-list {
  grid-row-gap: 0;
  grid-column-gap: 0;
  flex-direction: column;
  max-width: 820px;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.flow2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem 1.75rem;
}

.flow2_faq-q {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.flow2_faq-a {
  color: #444;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.flow2_sec-cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.flow2_cta-inner {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.flow2_cta-sub {
  color: #eaf5fe;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.flow2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  display: flex;
}

.flow2_heroc-col {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.flow2_heroc-sub {
  color: #eaf5fe;
  max-width: 560px;
  margin: 0 auto 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.flow2_heroc-ctas {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  margin-bottom: 2.5rem;
  display: flex;
}

.flow2_heroc-stats {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: center;
  display: flex;
}

.flow2_arcade-wrap {
  background-color: #fff;
  border-radius: 12px;
  max-width: 1040px;
  margin-top: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.prc2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem 5.5rem;
}

.prc2_hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.prc2_hero-sub {
  color: #eaf5fe;
  max-width: 640px;
  margin-bottom: 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.prc2_hero-ctas {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  display: flex;
}

.prc2_stats {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: center;
  margin-top: 3rem;
  display: flex;
}

.prc2_stat {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.prc2_section {
  background-color: #fff;
  padding: 5rem 2rem;
}

.prc2_head {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.prc2_sub {
  color: #444;
  max-width: 640px;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.prc2_free {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem 2rem;
  display: flex;
}

.prc2_free-left {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  align-items: center;
  display: flex;
}

.prc2_free-title {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.prc2_free-txt {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.prc2_plans {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.prc2_plan {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 2rem 1.75rem;
  display: flex;
}

.prc2_plan.prc2_plan-featured {
  border-width: 2px;
  border-color: #0176d3;
  position: relative;
}

.prc2_plan-name {
  color: #032d60;
  margin-bottom: .25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.prc2_plan-lic {
  color: #444;
  margin-bottom: 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.prc2_plan-price {
  color: #0176d3;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.prc2_plan-per {
  color: #444;
  margin-top: .375rem;
  margin-bottom: 1.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.prc2_plan-feats {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-direction: column;
  margin-bottom: 2rem;
  display: flex;
}

.prc2_feat {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #181818;
  align-items: flex-start;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
}

.prc2_feat-check {
  color: #41b658;
  font-weight: 700;
}

.prc2_note {
  color: #444;
  text-align: center;
  margin-top: 1.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
}

.prc2_section-gray {
  background-color: #fafafa;
  padding: 5rem 2rem;
}

.prc2_pills {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 820px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.prc2_pill {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  align-items: center;
  padding: .5rem 1.125rem .5rem .5rem;
  display: flex;
}

.prc2_pill-dot {
  color: #fff;
  background-color: #41b658;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.prc2_pill-txt {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.prc2_prods {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 2.5rem;
  display: grid;
}

.prc2_prod {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75rem;
  display: flex;
}

.prc2_prod-num {
  color: #0176d3;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
}

.prc2_prod-num.prc2_prod-num-flow {
  color: #9050e9;
}

.prc2_prod-num.prc2_prod-num-lwc {
  color: #5867e8;
}

.prc2_prod-num.prc2_prod-num-xp {
  color: #06a59a;
}

.prc2_prod-name {
  color: #032d60;
  margin-bottom: .375rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.prc2_prod-line {
  color: #444;
  margin-bottom: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.prc2_section-accent {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.prc2_lic {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 2.5rem;
  display: grid;
}

.prc2_lic-card {
  background-color: #fff;
  border-radius: 16px;
  padding: 2rem 1.75rem;
}

.prc2_lic-label {
  color: #444;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.prc2_lic-title {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.prc2_lic-txt {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.prc2_lic-note {
  color: #444;
  text-align: center;
  max-width: 760px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.prc2_faq {
  max-width: 820px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.prc2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem 1.75rem;
}

.prc2_faq-q {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.prc2_faq-a {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.prc2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5.5rem 2rem;
}

.prc2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.prc2_plan-flag {
  color: #032d60;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #fff;
  padding-left: .625rem;
  padding-right: .625rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.3;
  position: absolute;
  top: -.7rem;
  right: 1.5rem;
}

.v2_btn-primary {
  box-sizing: border-box;
  background-color: var(--_avonni-design-system---brand--electric-blue);
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #fff;
  text-align: center;
  letter-spacing: -.002em;
  cursor: pointer;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.v2_btn-primary:hover {
  background-color: var(--_avonni-design-system---brand--electric-blue-dark);
  color: #fff;
}

.v2_btn-primary:focus-visible, .v2_btn-primary[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 3px solid #1b96ff;
}

.v2_btn-primary:after {
  pointer-events: none;
  content: "";
  border-radius: inherit;
  background-image: linear-gradient(-117deg, #fffc, #fff3 20%, #ffffff1a);
  padding: 2px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.v2_btn-primary.home2_mq-cta-pos {
  margin-top: 2.75rem;
}

.v2_btn-primary.hs2_ai-btn {
  align-self: flex-start;
  margin-top: auto;
}

.v2_btn-primary.prcqm_submit {
  cursor: pointer;
  border-width: 0;
  width: 100%;
  margin-top: .25rem;
}

.v2_btn-primary.df26_sess-btn {
  align-self: flex-start;
  margin-top: 1.25rem;
}

.v2_btn-primary.v5nav_cta {
  padding: 10px 24px;
  font-size: 14px;
  line-height: 20px;
}

.v2_btn-primary.prc2_plan-cta {
  width: 100%;
  margin-top: auto;
}

.v2_btn-primary.sp2_plan-btn {
  align-self: flex-start;
}

.v2_btn-primary._w-button {
  box-sizing: border-box;
  background-color: var(--_avonni-design-system---brand--electric-blue);
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #fff;
  text-align: center;
  letter-spacing: -.002em;
  cursor: pointer;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.v2_btn-primary._w-button:hover {
  background-color: var(--_avonni-design-system---brand--electric-blue-dark);
  color: #fff;
}

.v2_btn-primary._w-button:focus-visible, .v2_btn-primary._w-button[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 3px solid #1b96ff;
}

.v2_btn-primary._w-button:after {
  pointer-events: none;
  content: "";
  border-radius: inherit;
  background-image: linear-gradient(-117deg, #fffc, #fff3 20%, #ffffff1a);
  padding: 2px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.v2_btn-ghost {
  box-sizing: border-box;
  border: 2px solid var(--_avonni-design-system---brand--electric-blue-dark);
  font-family: var(--_avonni-design-system---font--body-stack);
  color: var(--_avonni-design-system---brand--electric-blue-dark);
  text-align: center;
  letter-spacing: -.002em;
  cursor: pointer;
  background-color: #0000;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.v2_btn-ghost:hover {
  border-color: var(--_avonni-design-system---brand--electric-blue-deep);
  color: var(--_avonni-design-system---brand--electric-blue-deep);
  background-color: #eaf5fe;
}

.v2_btn-ghost:focus-visible, .v2_btn-ghost[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 3px solid #1b96ff;
}

.v2_btn-ghost.hubuc_all, .v2_btn-ghost.df26_surf-more {
  margin-top: 2rem;
}

.v2_btn-ghost.blog2_loadmore {
  width: fit-content;
  margin: 1rem auto 2rem;
  display: flex;
}

.v2_btn-ghost.sp2_plan-btn {
  align-self: flex-start;
}

.v2_h1 {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #fff;
  margin: 0 0 1.25rem;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 1;
}

.v2_h1-accent {
  color: #aacbff;
}

.v2_eyebrow-sq {
  background-color: #0176d3;
  border-radius: 2px;
  width: 8px;
  min-width: 8px;
  height: 8px;
}

.v2_eyebrow-txt {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 700;
}

.v2_eyebrow-txt.hsurf_demo-eyetxt {
  color: #aacbff;
}

.v2_chip-dot {
  background-color: #41b658;
  border-radius: 50%;
  width: 8px;
  min-width: 8px;
  height: 8px;
}

.v2_chip-txt {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #eaf5fe;
  font-size: .8125rem;
  font-weight: 600;
}

.v2_stat-num {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #aacbff;
  font-size: 1.75rem;
  font-weight: 400;
}

.v2_stat-label {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #c9c9c9;
  font-size: .8125rem;
}

.v2_container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.v2_container.sprt2_hero-grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.v2_container.sprt2_quote-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 820px;
  display: flex;
}

.v2_container.sprt2_cta-inner {
  text-align: center;
  max-width: 760px;
}

.v2_container.sviz2_hero-grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.v2_container.sviz2_quote-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 820px;
  display: flex;
}

.v2_container.sviz2_cta-inner {
  text-align: center;
  max-width: 760px;
}

.v2_container.sec2_hero-inner {
  grid-column-gap: 3rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.v2_container.idea2_hero-flex {
  grid-column-gap: 3rem;
  text-align: left;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.v2_container.bpart2_hero-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.v2_container.bpart2_cta-inner {
  max-width: 760px;
}

.v2_cta-sub {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #eaf5fe;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  line-height: 1.56;
}

.v2_eyebrow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.v2_eyebrow.cmp2_eb-center, .v2_eyebrow.hsurf_demo-eyebrow, .v2_eyebrow.v2_eyebrow-center {
  justify-content: center;
}

.home2_hero {
  background-image: linear-gradient(#0f1a2e 0%, #032d60 78%, #0b5cab 130%);
  padding: 5.5rem 2rem 5rem;
  position: relative;
  overflow: hidden;
}

.home2_hero-inner {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.home2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .375rem .875rem;
  display: inline-flex;
}

.home2_hero-sub {
  max-width: 620px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #eaf5fe;
  margin: 0 0 2rem;
  font-size: 1.125rem;
  line-height: 1.56;
}

.home2_cta-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 3rem;
  display: flex;
}

.home2_stat-strip {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.home2_stat {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.home2_demo-media {
  z-index: 1;
  border-radius: 12px;
  max-width: 1040px;
  margin: 3.5rem auto 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.home2_sec-white {
  background-color: #fff;
  padding: 5rem 2rem;
}

.home2_head {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.home2_h2 {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin: 0 0 1rem;
  font-size: 2.75rem;
  font-weight: 400;
  line-height: 1.2;
}

.home2_h2.hsurf_demo-h2 {
  color: #fff;
  text-align: center;
}

.home2_sec-sub {
  max-width: 720px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.56;
}

.home2_logo-row {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.5rem;
  display: flex;
}

.home2_logo-img {
  opacity: .85;
  width: auto;
  height: 40px;
}

.home2_proof-row {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home2_stars-img {
  width: auto;
  height: 22px;
}

.home2_proof-txt {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  font-size: .9375rem;
  font-weight: 600;
}

.home2_sec-gray {
  background-color: #fafafa;
  padding: 5rem 2rem;
}

.home2_surface-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.home2_surface-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.home2_surface-img {
  object-fit: cover;
  object-position: 50% 0%;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  height: 250px;
  margin-bottom: 1.5rem;
}

.home2_surface-label {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .75rem;
  font-weight: 700;
}

.home2_surface-title {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin: 0 0 .625rem;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.3;
}

.home2_surface-p {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  margin: 0 0 1rem;
  font-size: .9375rem;
  line-height: 1.6;
}

.home2_sec-accent {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.home2_uc-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.home2_uc-card {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 16px 40px #032d601f;
}

.home2_uc-img {
  object-fit: cover;
  object-position: 50% 0%;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  height: 190px;
  margin-bottom: 1.25rem;
}

.home2_uc-title {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin: 0 0 .5rem;
  font-size: 1.125rem;
  font-weight: 400;
}

.home2_uc-p {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.home2_sec-white3 {
  background-color: #fff;
  padding: 5rem 2rem;
}

.home2_t-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.home2_t-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.home2_t-quote {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  margin: 0 0 1.5rem;
  font-size: .9375rem;
  line-height: 1.7;
}

.home2_t-foot {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.home2_t-avatar {
  object-fit: cover;
  border-radius: 50%;
  width: 44px;
  height: 44px;
}

.home2_t-who {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-direction: column;
  display: flex;
}

.home2_t-name {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #032d60;
  font-size: .9375rem;
  font-weight: 700;
}

.home2_t-role {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  font-size: .8125rem;
}

.home2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5.5rem 2rem;
}

.home2_cta-inner {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.home2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.home2_sec-ai {
  background-color: #fff;
  padding: 5rem 2rem;
}

.home2_ai-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 3.5rem;
  display: grid;
}

.home2_ai-card {
  flex-direction: column;
  padding: 0;
  display: flex;
}

.home2_code-win {
  background-color: #0f1a2e;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.home2_code-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #060d1a;
  align-items: center;
  padding: .625rem .875rem;
  display: flex;
}

.home2_dot-pink {
  background-color: #ff538a;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.home2_dot-orange {
  background-color: #fe9339;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.home2_dot-green {
  background-color: #41b658;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.home2_code-file {
  color: #c9c9c9;
  margin-left: .5rem;
  font-family: Courier New, monospace;
  font-size: .75rem;
}

.home2_code-body {
  padding: 1rem 1.25rem;
}

.home2_cl {
  color: #eaf5fe;
  font-family: Courier New, monospace;
  font-size: .875rem;
  line-height: 1.7;
}

.home2_cl-teal {
  color: #04e1cb;
  font-family: Courier New, monospace;
  font-size: .875rem;
  line-height: 1.7;
}

.home2_cl-dim {
  color: #c9c9c9;
  font-family: Courier New, monospace;
  font-size: .875rem;
  line-height: 1.7;
}

.home2_ind1 {
  padding-left: 1.25rem;
}

.home2_ind2 {
  padding-left: 2.5rem;
}

.home2_ai-label {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 700;
}

.home2_ai-title {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin: 0 0 .625rem;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.3;
}

.home2_ai-p {
  margin: 0 0 1rem;
}

.mcp2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem 5rem;
}

.mcp2_hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.mcp2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .375rem .875rem;
  display: inline-flex;
}

.mcp2_hero-sub {
  color: #eaf5fe;
  max-width: 620px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.mcp2_hero-ctas {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  margin-bottom: 2.5rem;
  display: flex;
}

.mcp2_stats {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: center;
  display: flex;
}

.mcp2_stat {
  text-align: center;
}

.mcp2_term {
  border: 1px solid #eaf5fe24;
  border-radius: 12px;
  width: 100%;
  max-width: 880px;
  margin-top: 3rem;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.mcp2_term-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #060d1a;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.mcp2_dot {
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.mcp2_dot-pink {
  background-color: #ff538a;
}

.mcp2_dot-orange {
  background-color: #fe9339;
}

.mcp2_dot-green {
  background-color: #41b658;
}

.mcp2_term-file {
  color: #c9c9c9;
  margin-left: .5rem;
  font-family: Courier New, monospace;
  font-size: .8125rem;
}

.mcp2_term-body {
  text-align: left;
  background-color: #0f1a2e;
  padding: 1.5rem 1.75rem;
  font-family: Courier New, monospace;
  font-size: .9375rem;
  line-height: 1.9;
}

.mcp2_cl {
  color: #eaf5fe;
}

.mcp2_cl-teal {
  color: #04e1cb;
}

.mcp2_cl-prompt {
  color: #aacbff;
}

.mcp2_cl-dim {
  color: #c9c9c9;
}

.mcp2_sec-white {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.mcp2_head {
  max-width: 720px;
  margin-bottom: 3rem;
}

.mcp2_h2 {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.mcp2_h2.mcp2_faq-h2.mcp2_h2_center {
  text-align: center;
}

.mcp2_sec-sub {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.mcp2_sec-gray {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.mcp2_cov-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.mcp2_cov-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.mcp2_cov-tag {
  color: #0b5cab;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 6px;
  align-self: flex-start;
  margin-bottom: 1rem;
  padding: .25rem .625rem;
  font-family: Courier New, monospace;
  font-size: .75rem;
  font-weight: 700;
  display: inline-block;
}

.mcp2_cov-tag.mcp2_cov-tag-lwc {
  color: #5867e8;
  border-color: #5867e8;
}

.mcp2_cov-tag.mcp2_cov-tag-flow {
  color: #9050e9;
  border-color: #9050e9;
}

.mcp2_cov-tag.mcp2_cov-tag-xp {
  color: #06a59a;
  border-color: #06a59a;
}

.mcp2_cov-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
}

.mcp2_cov-num {
  color: #0176d3;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.1;
}

.mcp2_cov-num.mcp2_cov-num-lwc {
  color: #5867e8;
}

.mcp2_cov-num.mcp2_cov-num-flow {
  color: #9050e9;
}

.mcp2_cov-num.mcp2_cov-num-xp {
  color: #06a59a;
}

.mcp2_cov-desc {
  color: #444;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}

.mcp2_cov-note {
  color: #444;
  text-align: center;
  margin: 2.5rem 0 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.mcp2_bento {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.mcp2_bento-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
}

.mcp2_bento-dom {
  background-color: #eaf5fe;
  border-color: #b8dcf7;
  position: relative;
}

.mcp2_bento-tag {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  margin-bottom: 1rem;
  padding: .25rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  display: inline-block;
}

.mcp2_bento-tag.mcp2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.8rem;
  right: 1.5rem;
}

.mcp2_bento-num-xl {
  color: #0176d3;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1;
}

.mcp2_bento-num {
  color: #0176d3;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.1;
}

.mcp2_bento-title {
  color: #032d60;
  margin: 0 0 .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

.mcp2_bento-desc {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.mcp2_sec-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.mcp2_stack-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.mcp2_stack-card {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 1.75rem;
}

.mcp2_stack-label {
  color: #444;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.mcp2_stack-title {
  color: #032d60;
  margin: 0 0 .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.3;
}

.mcp2_stack-desc {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.mcp2_faq-wrap {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.mcp2_faq-h2 {
  margin-bottom: 2rem;
}

.mcp2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem 1.75rem;
}

.mcp2_faq-q {
  color: #032d60;
  margin: 0 0 .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.35;
}

.mcp2_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.mcp2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5.5rem 2rem;
}

.mcp2_cta-inner {
  text-align: center;
  max-width: 760px;
}

.mcp2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  display: flex;
}

.abt2_hero {
  background-image: linear-gradient(#0f1a2e 0%, #032d60 78%, #0b5cab 130%);
  padding: 7rem 2rem 6rem;
  position: relative;
  overflow: hidden;
}

.abt2_hero-inner {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.abt2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4rem .9rem;
  display: inline-flex;
}

.abt2_hero-sub {
  color: #eaf5fe;
  max-width: 600px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.abt2_hero-cta {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 3rem;
  display: flex;
}

.abt2_stat-strip {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.abt2_stat {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.abt2_sec-gray {
  background-color: #fafafa;
  padding: 5rem 2rem;
}

.abt2_story-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.abt2_story-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem;
}

.abt2_story-step {
  color: #0176d3;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
}

.abt2_story-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

.abt2_story-txt {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.abt2_sec-white {
  background-color: #fff;
  padding: 5rem 2rem;
}

.abt2_mission-wrap {
  text-align: center;
  max-width: 820px;
}

.abt2_mission-h2 {
  color: #032d60;
  margin: 0 0 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.abt2_mission-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.7;
}

.abt2_eyebrow-center {
  justify-content: center;
}

.abt2_sec-h2-center {
  color: #032d60;
  text-align: center;
  margin: 0 0 2.5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.abt2_bento {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.abt2_bento-hero {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 2rem;
  position: relative;
}

.abt2_bento-tag {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  margin-bottom: 1rem;
  padding: .3rem .7rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-block;
}

.abt2_bento-tag.abt2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.8rem;
  right: 1.5rem;
}

.abt2_bento-hero-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2;
}

.abt2_bento-hero-txt {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
}

.abt2_bento-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 1.75rem;
}

.abt2_bento-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

.abt2_bento-txt {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.abt2_sec-accent {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.abt2_ai-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.abt2_ai-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.5rem;
  display: flex;
}

.abt2_code-win {
  background-color: #0f1a2e;
  border: 1px solid #eaf5fe24;
  border-radius: 10px;
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.abt2_code-bar {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  background-color: #060d1a;
  align-items: center;
  padding: .6rem .9rem;
  display: flex;
}

.abt2_dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.abt2_dot-pink {
  background-color: #ff538a;
}

.abt2_dot-orange {
  background-color: #fe9339;
}

.abt2_dot-green {
  background-color: #41b658;
}

.abt2_code-file {
  color: #c9c9c9;
  margin-left: .5rem;
  font-family: Courier New, monospace;
  font-size: .8125rem;
}

.abt2_code-body {
  padding: 1rem 1.1rem;
  font-family: Courier New, monospace;
  font-size: .875rem;
  line-height: 1.9;
}

.abt2_cl {
  color: #eaf5fe;
  white-space: pre;
}

.abt2_cl-teal {
  color: #04e1cb;
}

.abt2_cl-str {
  color: #aacbff;
}

.abt2_ind1 {
  padding-left: 1.2rem;
}

.abt2_ind2 {
  padding-left: 2.4rem;
}

.abt2_ai-label {
  color: #0176d3;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.abt2_ai-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.25;
}

.abt2_ai-txt {
  color: #444;
  margin: 0 0 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.abt2_cl-prompt {
  color: #aacbff;
}

.abt2_cl-dim {
  color: #c9c9c9;
}

.abt2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.abt2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  display: flex;
}

.abt2_cta-btns {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.abt2_story-label {
  color: #0176d3;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.abt2_vision-wrap {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.abt2_vision-p {
  color: #032d60;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.25rem;
  line-height: 1.6;
}

.abt2_vision-p-sub {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.7;
}

.abt2_bento-img {
  border-radius: 12px;
  width: 100%;
  margin-top: 1.5rem;
  display: block;
}

.abt2_ctx-frame {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  margin-top: 3rem;
  overflow: hidden;
  box-shadow: 0 16px 40px #032d601a;
}

.abt2_ctx-bar {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  background-color: #f3f3f3;
  align-items: center;
  padding: .7rem 1rem;
  display: flex;
}

.abt2_ctx-dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

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

.abt2_ph {
  text-align: center;
  background-color: #fafafa;
  border: 2px dashed #c9c9c9;
  border-radius: 12px;
  margin-top: 2.5rem;
  padding: 3rem 2rem;
}

.abt2_ph-label {
  color: #444;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.abt2_ph-tag {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .6rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  display: inline-block;
}

.sdev2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
  overflow: hidden;
}

.sdev2_hero-grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.sdev2_hero-left {
  flex-direction: column;
  display: flex;
}

.sdev2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4375rem .875rem;
  display: inline-flex;
}

.sdev2_hero-sub {
  color: #eaf5fe;
  max-width: 520px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sdev2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.sdev2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  display: flex;
}

.sdev2_stat {
  flex-direction: column;
  display: flex;
}

.sdev2_editor {
  background-color: #0f1a2e;
  border: 1px solid #eaf5fe14;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.sdev2_editor-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #060d1a;
  align-items: center;
  padding: .875rem 1rem;
  display: flex;
}

.sdev2_dot-pink {
  background-color: #ff538a;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sdev2_dot-orange {
  background-color: #fe9339;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sdev2_dot-green {
  background-color: #41b658;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sdev2_editor-file {
  color: #c9c9c9;
  margin-left: .5rem;
  font-family: Courier New, Courier, monospace;
  font-size: .8125rem;
}

.sdev2_editor-body {
  padding: 1.5rem;
  font-family: Courier New, Courier, monospace;
  font-size: .875rem;
  line-height: 1.7;
}

.sdev2_cl {
  color: #eaf5fe;
}

.sdev2_cl-teal {
  color: #04e1cb;
}

.sdev2_ind1 {
  padding-left: 1.5rem;
}

.sdev2_ind2 {
  padding-left: 3rem;
}

.sdev2_sec-white {
  background-color: #fff;
  padding: 5rem 2rem;
}

.sdev2_sec-gray {
  background-color: #fafafa;
  padding: 5rem 2rem;
}

.sdev2_sec-head {
  margin-bottom: 3rem;
}

.sdev2_sec-h2 {
  color: #032d60;
  max-width: 720px;
  margin: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.15;
}

.sdev2_build-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sdev2_build-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem;
}

.sdev2_build-thumb {
  color: #444;
  text-align: center;
  background-color: #fafafa;
  border: 2px dashed #c9c9c9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  margin-bottom: 1.25rem;
  padding: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  display: flex;
}

.sdev2_build-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sdev2_build-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sdev2_map-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sdev2_map-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 2rem;
  display: flex;
  position: relative;
}

.sdev2_map-card-lead {
  border: 1px solid #b8dcf7;
}

.sdev2_map-tag {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  align-self: flex-start;
  margin-bottom: 1rem;
  padding: .25rem .625rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-block;
}

.sdev2_map-tag.sdev2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.85rem;
  right: 1.5rem;
}

.sdev2_map-label {
  color: #767676;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.sdev2_map-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.sdev2_map-p {
  color: #444;
  flex-grow: 1;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sdev2_code2-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  display: grid;
}

.sdev2_check-stack {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-direction: column;
  display: flex;
}

.sdev2_check-pill {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  align-items: center;
  padding: .75rem 1.125rem;
  display: flex;
}

.sdev2_check-dot {
  color: #fff;
  background-color: #41b658;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  font-size: .75rem;
  display: flex;
}

.sdev2_check-text {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.sdev2_sec-accent {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.sdev2_head-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sdev2_eyebrow-center {
  justify-content: center;
}

.sdev2_h2-center {
  text-align: center;
  max-width: 640px;
}

.sdev2_vs-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin-bottom: 2rem;
  display: grid;
}

.sdev2_vs-card {
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  padding: 2.5rem 2rem;
  box-shadow: 0 16px 40px #032d601f;
}

.sdev2_vs-pos {
  border: 1px solid #b8dcf7;
}

.sdev2_vs-neg {
  border: 1px solid #fe9339;
}

.sdev2_vs-num {
  color: #0176d3;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.sdev2_vs-num-neg {
  color: #fe9339;
}

.sdev2_vs-label {
  color: #032d60;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
}

.sdev2_vs-sub {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  line-height: 1.55;
}

.sdev2_vs-mid {
  color: #767676;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
}

.sdev2_vs-note {
  color: #032d60;
  text-align: center;
  max-width: 760px;
  margin: 0 auto 1.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sdev2_vs-cta {
  color: #0176d3;
  text-align: center;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.sdev2_quote-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 820px;
  display: flex;
}

.sdev2_quote {
  color: #032d60;
  border-style: none;
  margin: 0 0 1.75rem;
  padding: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.sdev2_quote-by {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sdev2_quote-name {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.sdev2_quote-role {
  color: #767676;
  margin-top: .25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.sdev2_faq-list {
  max-width: 820px;
  margin: 0 auto;
}

.sdev2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem 1.75rem;
}

.sdev2_faq-q {
  color: #032d60;
  margin-bottom: .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sdev2_faq-a {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.sdev2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.sdev2_cta-inner {
  text-align: center;
  max-width: 760px;
}

.sdev2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.sdev2_build-img {
  object-fit: cover;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  height: 180px;
  display: block;
}

.sdev2_build-thumb-filled {
  background-color: #f8fafc;
  border: 1px solid #e8eef5;
  border-radius: 10px;
  justify-content: center;
  align-items: stretch;
  height: 190px;
  margin-bottom: 1.25rem;
  padding: .75rem;
  display: flex;
  overflow: hidden;
}

.sadm2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
  overflow: hidden;
}

.sadm2_hero-grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.sadm2_hero-left {
  flex-direction: column;
  display: flex;
}

.sadm2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4375rem .875rem;
  display: inline-flex;
}

.sadm2_hero-sub {
  color: #eaf5fe;
  max-width: 520px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sadm2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.sadm2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  display: flex;
}

.sadm2_stat {
  flex-direction: column;
  display: flex;
}

.sadm2_hero-media {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.sadm2_hero-img {
  width: 100%;
  height: auto;
  display: block;
}

.sadm2_sec-white {
  background-color: #fff;
  padding: 5rem 2rem;
}

.sadm2_sec-gray {
  background-color: #fafafa;
  padding: 5rem 2rem;
}

.sadm2_sec-accent {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.sadm2_sec-head {
  margin-bottom: 3rem;
}

.sadm2_head-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sadm2_eyebrow-center {
  justify-content: center;
}

.sadm2_sec-h2 {
  color: #032d60;
  max-width: 720px;
  margin: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.15;
}

.sadm2_h2-center {
  text-align: center;
  max-width: 640px;
}

.sadm2_build-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sadm2_build-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem;
}

.sadm2_build-img {
  object-fit: cover;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  height: 180px;
  margin-bottom: 1.25rem;
  display: block;
}

.sadm2_build-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sadm2_build-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sadm2_map-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sadm2_map-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 2rem;
  display: flex;
  position: relative;
}

.sadm2_map-card-lead {
  border: 1px solid #b8dcf7;
}

.sadm2_map-tag {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  align-self: flex-start;
  margin-bottom: 1rem;
  padding: .25rem .625rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-block;
}

.sadm2_map-label {
  color: #767676;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.sadm2_map-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.sadm2_map-p {
  color: #444;
  flex-grow: 1;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sadm2_bento {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.sadm2_bento-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
}

.sadm2_bento-card.sadm2_bento-dom {
  position: relative;
}

.sadm2_bento-dom {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
}

.sadm2_bento-tag {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  margin-bottom: 1.25rem;
  padding: .25rem .625rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-block;
}

.sadm2_bento-tag.sadm2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.8rem;
  right: 1.5rem;
}

.sadm2_bento-num {
  color: #0176d3;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1;
}

.sadm2_bento-num-sm {
  color: #0176d3;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.sadm2_bento-title {
  color: #032d60;
  margin: 0 0 .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.sadm2_bento-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sadm2_surf-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sadm2_surf-card {
  text-align: center;
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 16px 40px #032d601f;
}

.sadm2_surf-label {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.sadm2_surf-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.sadm2_surf-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}

.sadm2_quote-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 820px;
  display: flex;
}

.sadm2_quote {
  color: #032d60;
  border-style: none;
  margin: 0 0 1.75rem;
  padding: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.sadm2_quote-by {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sadm2_quote-name {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.sadm2_quote-role {
  color: #767676;
  margin-top: .25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.sadm2_faq-list {
  max-width: 820px;
  margin: 0 auto;
}

.sadm2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem 1.75rem;
}

.sadm2_faq-q {
  color: #032d60;
  margin-bottom: .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sadm2_faq-a {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.sadm2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.sadm2_cta-inner {
  text-align: center;
  max-width: 760px;
}

.sadm2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.sai2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
  overflow: hidden;
}

.sai2_hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sai2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4375rem .875rem;
  display: inline-flex;
}

.sai2_h1-wrap {
  max-width: 760px;
}

.sai2_hero-sub {
  color: #eaf5fe;
  max-width: 600px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sai2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2.5rem;
  display: flex;
}

.sai2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: center;
  margin-bottom: 3.5rem;
  display: flex;
}

.sai2_stat {
  flex-direction: column;
  display: flex;
}

.sai2_term {
  text-align: left;
  background-color: #0f1a2e;
  border: 1px solid #eaf5fe14;
  border-top-color: #78b4ff59;
  border-radius: 12px;
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6080, 0 0 80px #4da3ff40, 0 0 0 1px #78b4ff26;
}

.sai2_term-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #060d1a;
  align-items: center;
  padding: .875rem 1rem;
  display: flex;
}

.sai2_term-dot-pink {
  background-color: #ff538a;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sai2_term-dot-orange {
  background-color: #fe9339;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sai2_term-dot-green {
  background-color: #41b658;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sai2_term-title {
  color: #c9c9c9;
  margin-left: .5rem;
  font-family: Courier New, Courier, monospace;
  font-size: .8125rem;
}

.sai2_term-body {
  padding: 1.5rem;
  font-family: Courier New, Courier, monospace;
  font-size: .875rem;
  line-height: 1.8;
}

.sai2_ln-prompt {
  color: #aacbff;
}

.sai2_ln-tool {
  color: #04e1cb;
}

.sai2_ln-out {
  color: #c9c9c9;
}

.sai2_ln-space {
  height: .5rem;
}

.sai2_sec-white {
  background-color: #fff;
  padding: 5rem 2rem;
}

.sai2_sec-gray {
  background-color: #fafafa;
  padding: 5rem 2rem;
}

.sai2_sec-accent {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.sai2_sec-head {
  margin-bottom: 3rem;
}

.sai2_head-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sai2_eyebrow-center {
  justify-content: center;
}

.sai2_sec-h2 {
  color: #032d60;
  max-width: 720px;
  margin: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.15;
}

.sai2_h2-center {
  text-align: center;
  max-width: 640px;
}

.sai2_thesis {
  max-width: 760px;
  margin: 0 auto;
}

.sai2_thesis-lead {
  color: #032d60;
  margin: 0 0 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.45;
}

.sai2_thesis-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.7;
}

.sai2_fronts-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.sai2_front-card {
  flex-direction: column;
  display: flex;
}

.sai2_front-label {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.sai2_editor {
  background-color: #0f1a2e;
  border: 1px solid #eaf5fe14;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 50px #032d6040;
}

.sai2_editor-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #060d1a;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.sai2_edot-p {
  background-color: #ff538a;
  border-radius: 50%;
  width: 9px;
  min-width: 9px;
  height: 9px;
}

.sai2_edot-o {
  background-color: #fe9339;
  border-radius: 50%;
  width: 9px;
  min-width: 9px;
  height: 9px;
}

.sai2_edot-g {
  background-color: #41b658;
  border-radius: 50%;
  width: 9px;
  min-width: 9px;
  height: 9px;
}

.sai2_efile {
  color: #c9c9c9;
  margin-left: .5rem;
  font-family: Courier New, Courier, monospace;
  font-size: .75rem;
}

.sai2_ebody {
  padding: 1.25rem;
  font-family: Courier New, Courier, monospace;
  font-size: .8125rem;
  line-height: 1.8;
}

.sai2_cl {
  color: #eaf5fe;
}

.sai2_cl-teal {
  color: #04e1cb;
}

.sai2_ind1 {
  padding-left: 1.25rem;
}

.sai2_front-cap {
  color: #444;
  margin: 1rem 0 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}

.sai2_map-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sai2_map-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 2rem;
  display: flex;
}

.sai2_map-label {
  color: #767676;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.sai2_map-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.sai2_map-p {
  color: #444;
  flex-grow: 1;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sai2_compat-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 2rem;
  display: grid;
}

.sai2_compat-card {
  text-align: center;
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 16px 40px #032d601f;
}

.sai2_compat-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sai2_compat-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  line-height: 1.55;
}

.sai2_compat-note {
  color: #032d60;
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.sai2_faq-list {
  max-width: 820px;
  margin: 0 auto;
}

.sai2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem 1.75rem;
}

.sai2_faq-q {
  color: #032d60;
  margin-bottom: .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sai2_faq-a {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.sai2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.sai2_cta-inner {
  text-align: center;
  max-width: 760px;
}

.sai2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.sadm2_frame-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.sadm2_fdot {
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sadm2_fdot-r {
  background-color: #ff5f57;
}

.sadm2_fdot-y {
  background-color: #febc2e;
}

.sadm2_fdot-g {
  background-color: #28c840;
}

.sprt2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem;
}

.sprt2_hero-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sprt2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4375rem .875rem;
  display: inline-flex;
}

.sprt2_hero-sub {
  color: #eaf5fe;
  max-width: 520px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sprt2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.sprt2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  display: flex;
}

.sprt2_stat {
  flex-direction: column;
  display: flex;
}

.sprt2_sec-white {
  background-color: #fff;
  padding: 6rem 2rem;
}

.sprt2_sec-gray {
  background-color: #fafafa;
  padding: 6rem 2rem;
}

.sprt2_sec-accent {
  background-color: #eaf5fe;
  padding: 6rem 2rem;
}

.sprt2_eyebrow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.sprt2_eyebrow.inline-div-0 {
  justify-content: center;
}

.sprt2_eyebrow-sq {
  background-color: #0176d3;
  border-radius: 2px;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sprt2_sec-h2 {
  color: #032d60;
  max-width: 720px;
  margin: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.15;
}

.sprt2_sec-h2.inline-h2-0 {
  margin-left: auto;
  margin-right: auto;
}

.sprt2_sec-intro {
  color: #444;
  max-width: 640px;
  margin: 1rem 0 3rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sprt2_browser {
  background-color: #0f1a2e;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.sprt2_browser-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #060d1a;
  align-items: center;
  padding: .875rem 1rem;
  display: flex;
}

.sprt2_dot-pink {
  background-color: #ff538a;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sprt2_dot-orange {
  background-color: #fe9339;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sprt2_dot-green {
  background-color: #41b658;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sprt2_browser-img {
  width: 100%;
  height: auto;
  display: block;
}

.sprt2_build-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sprt2_build-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.sprt2_build-label {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.sprt2_build-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.sprt2_build-p {
  color: #444;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sprt2_map-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sprt2_map-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 2rem;
  display: flex;
  position: relative;
}

.sprt2_map-card-lead {
  border-color: #b8dcf7;
}

.sprt2_map-tag {
  color: #0176d3;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #eaf5fe;
  border-radius: 100px;
  align-self: flex-start;
  margin-bottom: .875rem;
  padding: .25rem .625rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-block;
}

.sprt2_map-tag.sprt2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.85rem;
  right: 1.5rem;
}

.sprt2_map-label {
  color: #767676;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.sprt2_map-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.sprt2_map-p {
  color: #444;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sprt2_bento {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.sprt2_bento-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
}

.sprt2_bento-h {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sprt2_bento-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

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

.sprt2_surf-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 2.5rem;
  display: grid;
}

.sprt2_surf-card {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  padding: 1.5rem 1rem;
}

.sprt2_surf-t {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.sprt2_surf-s {
  color: #767676;
  margin-top: .375rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.sprt2_surf-note {
  color: #444;
  max-width: 760px;
  margin: 2.5rem auto 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.sprt2_quote {
  color: #032d60;
  border-style: none;
  margin: 0 0 1.75rem;
  padding: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.sprt2_quote-name {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.sprt2_quote-role {
  color: #767676;
  margin-top: .25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.sprt2_faq-list {
  max-width: 820px;
  margin: 0 auto;
}

.sprt2_faq-list.inline-div-0 {
  margin-top: 2.5rem;
}

.sprt2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem 1.75rem;
}

.sprt2_faq-q {
  color: #032d60;
  margin: 0 0 .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sprt2_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.sprt2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.sprt2_cta-sub {
  color: #eaf5fe;
  max-width: 560px;
  margin: 0 auto 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sprt2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.sprt2_chip-txt {
  color: #eaf5fe;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.inline-div-1 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sviz2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem;
}

.sviz2_hero-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sviz2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4375rem .875rem;
  display: inline-flex;
}

.sviz2_chip-txt {
  color: #eaf5fe;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.sviz2_hero-sub {
  color: #eaf5fe;
  max-width: 520px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sviz2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.sviz2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  display: flex;
}

.sviz2_stat {
  flex-direction: column;
  display: flex;
}

.sviz2_browser {
  background-color: #0f1a2e;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.sviz2_browser-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #060d1a;
  align-items: center;
  padding: .875rem 1rem;
  display: flex;
}

.sviz2_dot-pink {
  background-color: #ff538a;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sviz2_dot-orange {
  background-color: #fe9339;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sviz2_dot-green {
  background-color: #41b658;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sviz2_browser-img {
  width: 100%;
  height: auto;
  display: block;
}

.sviz2_sec-white {
  background-color: #fff;
  padding: 6rem 2rem;
}

.sviz2_sec-gray {
  background-color: #fafafa;
  padding: 6rem 2rem;
}

.sviz2_sec-accent {
  background-color: #eaf5fe;
  padding: 6rem 2rem;
}

.sviz2_eyebrow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.sviz2_eyebrow.inline-div-0 {
  justify-content: center;
}

.sviz2_eyebrow-sq {
  background-color: #0176d3;
  border-radius: 2px;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sviz2_sec-h2 {
  color: #032d60;
  max-width: 720px;
  margin: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.15;
}

.sviz2_sec-h2.inline-h2-0 {
  margin-left: auto;
  margin-right: auto;
}

.sviz2_sec-intro {
  color: #444;
  max-width: 640px;
  margin: 1rem 0 3rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sviz2_build-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sviz2_build-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: 3px solid #0176d3;
  border-radius: 12px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.sviz2_build-img {
  object-fit: cover;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  height: 180px;
  margin-bottom: 1.25rem;
  display: block;
}

.sviz2_build-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.sviz2_build-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sviz2_map-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.sviz2_map-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.sviz2_map-label {
  color: #767676;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.sviz2_map-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sviz2_map-p {
  color: #444;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sviz2_cross {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sviz2_cross-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 2rem;
  display: flex;
}

.sviz2_cross-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.sviz2_cross-p {
  color: #444;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

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

.sviz2_surf-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 2.5rem;
  display: grid;
}

.sviz2_surf-card {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  padding: 1.5rem 1rem;
}

.sviz2_surf-t {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.sviz2_surf-s {
  color: #767676;
  margin-top: .375rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.sviz2_surf-note {
  color: #444;
  max-width: 760px;
  margin: 2.5rem auto 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.sviz2_quote {
  color: #032d60;
  border-style: none;
  margin: 0 0 1.75rem;
  padding: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.sviz2_quote-name {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.sviz2_quote-role {
  color: #767676;
  margin-top: .25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.sviz2_faq-list {
  max-width: 820px;
  margin: 0 auto;
}

.sviz2_faq-list.inline-div-0 {
  margin-top: 2.5rem;
}

.sviz2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem 1.75rem;
}

.sviz2_faq-q {
  color: #032d60;
  margin: 0 0 .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sviz2_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.sviz2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.sviz2_cta-sub {
  color: #eaf5fe;
  max-width: 560px;
  margin: 0 auto 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sviz2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.sptl2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
  overflow: hidden;
}

.sptl2_hero-grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.sptl2_hero-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sptl2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .375rem .875rem;
  display: inline-flex;
}

.sptl2_hero-sub {
  color: #eaf5fe;
  max-width: 520px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sptl2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.sptl2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  display: flex;
}

.sptl2_stat {
  flex-direction: column;
  display: flex;
}

.sptl2_frame {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.sptl2_frame-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f3f3f3;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.sptl2_dot-pink {
  background-color: #ff538a;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sptl2_dot-orange {
  background-color: #fe9339;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sptl2_dot-green {
  background-color: #41b658;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sptl2_frame-body {
  line-height: 0;
}

.sptl2_frame-img {
  width: 100%;
  height: auto;
  display: block;
}

.sptl2_sec-white {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.sptl2_build-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sptl2_build-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.5rem;
}

.sptl2_build-thumb {
  margin-bottom: 1.25rem;
}

.sptl2_build-img {
  object-fit: cover;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  height: 180px;
  display: block;
}

.sptl2_build-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sptl2_build-txt {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sptl2_sec-gray {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.sptl2_map-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sptl2_map-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
  position: relative;
}

.sptl2_map-card-feat {
  border: 1px solid #b8dcf7;
}

.sptl2_map-pill {
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  margin-bottom: 1rem;
  padding: .25rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  display: inline-block;
}

.sptl2_map-label {
  color: #747474;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.sptl2_map-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.sptl2_map-txt {
  color: #444;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sptl2_bento {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.sptl2_bento-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
}

.sptl2_bento-dom {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  position: relative;
}

.sptl2_bento-tag {
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  margin-bottom: 1rem;
  padding: .25rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  display: inline-block;
}

.sptl2_bento-tag.sptl2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.8rem;
  right: 1.5rem;
}

.sptl2_bento-dom-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.sptl2_bento-dom-txt {
  color: #032d60;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.sptl2_bento-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.sptl2_bento-txt {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sptl2_sec-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.sptl2_proof-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sptl2_proof-card {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 2rem;
}

.sptl2_proof-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.sptl2_proof-txt {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sptl2_proof-note {
  color: #032d60;
  text-align: center;
  max-width: 760px;
  margin: 2.5rem auto 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.sptl2_quote-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sptl2_eyebrow-center {
  justify-content: center;
}

.sptl2_quote {
  color: #032d60;
  max-width: 820px;
  margin: 0 0 1.5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.sptl2_quote-name {
  color: #032d60;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.sptl2_quote-co {
  color: #747474;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.sptl2_faq-list {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.sptl2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem;
}

.sptl2_faq-q {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sptl2_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.sptl2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.sptl2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  display: flex;
}

.sptl2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.sent2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
  overflow: hidden;
}

.sent2_hero-grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.sent2_hero-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sent2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .375rem .875rem;
  display: inline-flex;
}

.sent2_hero-sub {
  color: #eaf5fe;
  max-width: 520px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sent2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.sent2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  display: flex;
}

.sent2_stat {
  flex-direction: column;
  display: flex;
}

.sent2_frame {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.sent2_frame-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f3f3f3;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.sent2_dot-pink {
  background-color: #ff538a;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sent2_dot-orange {
  background-color: #fe9339;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sent2_dot-green {
  background-color: #41b658;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sent2_frame-body {
  line-height: 0;
}

.sent2_frame-img {
  width: 100%;
  height: auto;
  display: block;
}

.sent2_sec-white {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.sent2_build-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sent2_build-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: 3px solid #0176d3;
  border-radius: 12px;
  padding: 1.5rem;
}

.sent2_build-thumb {
  margin-bottom: 1.25rem;
}

.sent2_build-img {
  object-fit: cover;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  height: 180px;
  display: block;
}

.sent2_build-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sent2_build-txt {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sent2_map-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.sent2_map-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
  position: relative;
}

.sent2_map-card-feat {
  border: 1px solid #b8dcf7;
}

.sent2_map-pill {
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  margin-bottom: 1rem;
  padding: .25rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  display: inline-block;
}

.sent2_map-pill.sent2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.85rem;
  right: 1.5rem;
}

.sent2_map-label {
  color: #747474;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.sent2_map-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.sent2_map-txt {
  color: #444;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sent2_pill-cloud {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.sent2_pc-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
}

.sent2_pc-head {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: baseline;
  margin-bottom: .5rem;
  display: flex;
}

.sent2_pc-num {
  color: #0176d3;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
}

.sent2_pc-title {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.sent2_pc-sub {
  color: #444;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sent2_pc-pills {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.sent2_pill-blue {
  color: #0b5cab;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 100px;
  padding: .375rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-block;
}

.sent2_pill {
  color: #181818;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: .375rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-block;
}

.sent2_pill-more {
  color: #747474;
  border: 1px dashed #c9c9c9;
  border-radius: 100px;
  padding: .375rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-block;
}

.sent2_sec-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.sent2_vs-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  display: grid;
}

.sent2_vs-card {
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  padding: 2rem;
}

.sent2_vs-good {
  border: 1px solid #b8dcf7;
}

.sent2_vs-bad {
  border: 1px solid #fe9339;
}

.sent2_vs-num {
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.sent2_vs-num-good {
  color: #0176d3;
}

.sent2_vs-num-bad {
  color: #fe9339;
}

.sent2_vs-lab {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
}

.sent2_vs-sub {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.sent2_vs-mid {
  color: #747474;
  text-align: center;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
}

.sent2_vs-note {
  color: #032d60;
  text-align: center;
  max-width: 760px;
  margin: 2.5rem auto 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.sent2_quote-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sent2_eyebrow-center {
  justify-content: center;
}

.sent2_quote {
  color: #032d60;
  max-width: 820px;
  margin: 0 0 1.5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.sent2_quote-name {
  color: #032d60;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.sent2_quote-co {
  color: #747474;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.sent2_faq-list {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.sent2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem;
}

.sent2_faq-q {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sent2_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.sent2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.sent2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  display: flex;
}

.sent2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.sent2_sec-gray {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.xpc2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
  overflow: hidden;
}

.xpc2_hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.xpc2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .375rem .875rem;
  display: inline-flex;
}

.xpc2_hero-sub {
  color: #eaf5fe;
  max-width: 620px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.xpc2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2.5rem;
  display: flex;
}

.xpc2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: center;
  margin-bottom: 40px;
  display: flex;
}

.xpc2_stat {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.xpc2_hero-media {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.xpc2_arcade {
  width: 100%;
  height: 0;
  padding-bottom: 62.5%;
  position: relative;
}

.xpc2_section-white {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.xpc2_section-grey {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.xpc2_split {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  display: grid;
}

.xpc2_split-media {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6040;
}

.xpc2_split-img {
  width: 100%;
  height: auto;
  display: block;
}

.xpc2_pills-stack {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.xpc2_checkpill {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.xpc2_check {
  color: #fff;
  background-color: #41b658;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.xpc2_checkpill-txt {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.xpc2_bento {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.xpc2_bento-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
}

.xpc2_bento-card.xpc2_bento-dom {
  position: relative;
}

.xpc2_bento-dom {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
}

.xpc2_bento-tag {
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  margin-bottom: 1rem;
  padding: .25rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  display: inline-block;
}

.xpc2_bento-tag.xpc2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.8rem;
  right: 1.5rem;
}

.xpc2_bento-dom-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.xpc2_bento-dom-txt {
  color: #032d60;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.xpc2_bento-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.xpc2_bento-txt {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.xpc2_section-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.xpc2_lineup {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.xpc2_lineup-card {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 2rem;
}

.xpc2_lineup-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.xpc2_lineup-txt {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.xpc2_lineup-note {
  color: #032d60;
  text-align: center;
  max-width: 760px;
  margin: 2.5rem auto 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.xpc2_lineup-link {
  color: #0176d3;
  font-weight: 600;
  text-decoration: none;
}

.xpc2_faq-wrap {
  max-width: 820px;
  margin: 0 auto;
}

.xpc2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem;
}

.xpc2_faq-q {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.xpc2_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.xpc2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.xpc2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  display: flex;
}

.xpc2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.app2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
  overflow: hidden;
}

.app2_hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.app2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .375rem .875rem;
  display: inline-flex;
}

.app2_hero-sub {
  color: #eaf5fe;
  max-width: 620px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.app2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2.5rem;
  display: flex;
}

.app2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: center;
  margin-bottom: 40px;
  display: flex;
}

.app2_stat {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.app2_hero-media {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.app2_arcade {
  width: 100%;
  height: 0;
  padding-bottom: 62.5%;
  position: relative;
}

.app2_section-white {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.app2_section-grey {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.app2_split {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  display: grid;
}

.app2_split-media {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6040;
}

.app2_split-img {
  width: 100%;
  height: auto;
  display: block;
}

.app2_pills-stack {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.app2_checkpill {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.app2_check {
  color: #fff;
  background-color: #41b658;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.app2_checkpill-txt {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.app2_caption {
  color: #747474;
  text-align: center;
  margin: 1.25rem 0 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-style: italic;
}

.app2_section-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.app2_lineup {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.app2_lineup-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
}

.app2_lineup-card.app2_lineup-card-here {
  position: relative;
}

.app2_lineup-card-here {
  border: 1px solid #b8dcf7;
}

.app2_lineup-pill {
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  margin-bottom: 1rem;
  padding: .25rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  display: inline-block;
}

.app2_lineup-pill.app2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.85rem;
  right: 1.5rem;
}

.app2_lineup-label {
  color: #747474;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.app2_lineup-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.app2_lineup-txt {
  color: #444;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.app2_lineup-note {
  color: #032d60;
  text-align: center;
  max-width: 760px;
  margin: 2.5rem auto 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.app2_faq-wrap {
  max-width: 820px;
  margin: 0 auto;
}

.app2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem;
}

.app2_faq-q {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.app2_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.app2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.app2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  display: flex;
}

.app2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.chub_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
  overflow: hidden;
}

.chub_hero-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.chub_hero-left {
  flex-direction: column;
  display: flex;
}

.chub_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4rem .9rem;
  display: inline-flex;
}

.chub_hero-sub {
  color: #eaf5fe;
  max-width: 520px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.chub_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.chub_stat-strip {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  display: flex;
}

.chub_stat {
  flex-direction: column;
  display: flex;
}

.chub_hero-media {
  width: 100%;
}

.chub_browser {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.chub_browser-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f3f3f3;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.chub_dot {
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.chub_dot-pink {
  background-color: #ff538a;
}

.chub_dot-orange {
  background-color: #fe9339;
}

.chub_dot-green {
  background-color: #41b658;
}

.chub_browser-body {
  line-height: 0;
}

.chub_hero-img {
  width: 100%;
  height: auto;
  display: block;
}

.chub_features {
  background-color: #fff;
  padding: 6rem 2rem;
}

.chub_sec-head {
  max-width: 640px;
  margin-bottom: 3.5rem;
}

.chub_sec-sub {
  color: #5c6670;
  margin: 1rem 0 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.chub_feat-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.chub_feat {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem;
}

.chub_feat-title {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 700;
}

.chub_feat-txt {
  color: #5c6670;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}

.chub_surfaces {
  background-color: #f7f9fb;
  padding: 6rem 2rem;
}

.chub_surf-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.chub_surf {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex-direction: column;
  padding: 2rem;
  display: flex;
}

.chub_surf-tag {
  color: #0b5cab;
  background-color: #eaf5fe;
  border-radius: 100px;
  align-self: flex-start;
  margin-bottom: 1rem;
  padding: .3rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.chub_surf-title {
  color: #181818;
  margin: 0 0 .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
}

.chub_surf-txt {
  color: #5c6670;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.chub_mono {
  color: #032d60;
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: .1rem .4rem;
  font-family: monospace;
  font-size: .9em;
}

.chub_surf-link {
  color: #0b5cab;
  margin-top: auto;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  text-decoration: none;
}

.chub_surf-link-sub {
  color: #5c6670;
  margin-top: .5rem;
  font-size: .875rem;
  font-weight: 400;
}

.chub_surf-code {
  grid-column: 1 / -1;
}

.chub_code {
  background-color: #0f1a2e;
  border-radius: 10px;
  margin-bottom: 1.25rem;
  padding: 1.25rem 1.5rem;
  overflow-x: auto;
}

.chub_code-pre {
  color: #c9d6e5;
  white-space: pre;
  margin: 0;
  font-family: monospace;
  font-size: .875rem;
  line-height: 1.7;
}

.chub_tag {
  color: #7fb2ff;
}

.chub_attr {
  color: #9decef;
}

.chub_str {
  color: #7ee0a8;
}

.chub_usecases {
  background-color: #fff;
  padding: 6rem 2rem;
}

.chub_uc-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.chub_uc {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.chub_uc.chub_uc-txtcard {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: 3px solid #0176d3;
  border-radius: 14px;
  padding: 1.75rem;
}

.chub_uc-media {
  background-color: #f3f3f3;
  line-height: 0;
}

.chub_uc-media.chub_uc-ph {
  background-color: #fafafa;
  border: 2px dashed #c9c9c9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  padding: 1.5rem;
  display: flex;
}

.chub_uc-img {
  object-fit: cover;
  width: 100%;
  height: 200px;
  display: block;
}

.chub_uc-title {
  color: #032d60;
  margin: 1.5rem 1.5rem .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.1875rem;
  font-weight: 700;
}

.chub_uc-txt {
  color: #5c6670;
  margin: 0 1.5rem 1.75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}

.chub_accent {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.chub_accent-inner {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.chub_accent-sub {
  opacity: .85;
  color: #032d60;
  margin: 1rem 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.chub_accent-right {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  display: flex;
}

.chub_accent-stat {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #032d6026;
  align-items: baseline;
  padding-bottom: 1.25rem;
  display: flex;
}

.chub_accent-num {
  color: #0b5cab;
  min-width: 90px;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
}

.chub_accent-lab {
  color: #032d60;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
}

.chub_quote {
  background-color: #fff;
  padding: 6rem 2rem;
}

.chub_quote-inner {
  text-align: center;
  max-width: 820px;
}

.chub_quote-mark {
  color: #0b5cab;
  margin-bottom: -1.5rem;
  font-family: Georgia, serif;
  font-size: 5rem;
  line-height: 1;
}

.chub_quote-txt {
  color: #181818;
  margin: 0 0 2rem;
  padding: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.45;
}

.chub_quote-name {
  color: #032d60;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 700;
}

.chub_quote-role {
  color: #5c6670;
  margin-top: .25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.chub_faq {
  background-color: #f7f9fb;
  padding: 6rem 2rem;
}

.chub_faq-inner {
  max-width: 820px;
}

.chub_faq-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.chub_faq-item {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
}

.chub_faq-q {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 700;
}

.chub_faq-a {
  color: #5c6670;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.chub_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 100%);
  padding: 6rem 2rem;
}

.chub_cta-inner {
  text-align: center;
  max-width: 680px;
}

.chub_cta-title {
  color: #fff;
  margin: 0 0 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
}

.chub_cta-sub {
  color: #eaf5fe;
  margin: 0 0 2.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.chub_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.chub_demo {
  background-color: #fff;
  padding: 6rem 2rem;
}

.chub_demo-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-top: 3rem;
  overflow: hidden;
  box-shadow: 0 12px 40px #032d6014;
}

.chub_demo-toolbar {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
  display: flex;
}

.chub_demo-title-wrap {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  align-items: center;
  display: flex;
}

.chub_demo-titletxt {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.chub_demo-count {
  color: #5c6670;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.chub_demo-tools {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.chub_demo-search {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  align-items: center;
  min-width: 190px;
  padding: .45rem .8rem;
  display: flex;
}

.chub_demo-search-ic {
  border: 2px solid #706e6b;
  border-radius: 50%;
  width: 14px;
  min-width: 14px;
  height: 14px;
  position: relative;
}

.chub_demo-search-txt {
  color: #969492;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
}

.chub_demo-chip {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  color: #0b5cab;
  background-color: #eaf5fe;
  border: 1px solid #c9e7fe;
  border-radius: 100px;
  align-items: center;
  padding: .4rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.chub_demo-chip-x {
  opacity: .6;
  font-size: .9rem;
}

.chub_demo-scroll {
  overflow-x: auto;
}

.chub_demo-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 760px;
}

.chub_demo-th {
  color: #514f4d;
  text-align: left;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  padding: .7rem 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.chub_demo-th-inner {
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  align-items: center;
  display: inline-flex;
}

.chub_demo-sort {
  color: #b0adab;
  font-size: .7rem;
}

.chub_demo-td {
  color: #181818;
  white-space: nowrap;
  vertical-align: middle;
  border-bottom: 1px solid #f0f0f0;
  padding: .7rem 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
}

.chub_demo-acct {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  color: #0176d3;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.chub_demo-avatar {
  color: #fff;
  background-image: linear-gradient(135deg, #0b5cab, #032d60);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.chub_demo-badge {
  border-radius: 100px;
  padding: .2rem .6rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-block;
}

.chub_badge-won {
  color: #1a7a34;
  background-color: #e3f7e8;
}

.chub_badge-prop {
  color: #a86403;
  background-color: #fef5e7;
}

.chub_badge-neg {
  color: #0b5cab;
  background-color: #eaf5fe;
}

.chub_badge-qual {
  color: #514f4d;
  background-color: #f3f3f3;
}

.chub_demo-amt {
  font-variant-numeric: tabular-nums;
}

.chub_demo-prob {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.chub_demo-bar {
  background-color: #ecebea;
  border-radius: 3px;
  width: 70px;
  height: 6px;
  overflow: hidden;
}

.chub_demo-bar-fill {
  background-color: #0b5cab;
  border-radius: 3px;
  height: 100%;
}

.chub_demo-bar-fill.inline-div-0 {
  width: 80%;
}

.chub_demo-bar-fill.inline-div-1 {
  width: 60%;
}

.chub_demo-bar-fill.inline-div-2 {
  width: 100%;
}

.chub_demo-bar-fill.inline-div-3 {
  width: 35%;
}

.chub_demo-bar-fill.inline-div-4 {
  width: 70%;
}

.chub_demo-actions {
  color: #706e6b;
  letter-spacing: .08em;
  font-weight: 700;
}

.chub_demo-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fafafa;
  border-top: 1px solid #e5e5e5;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: .85rem 1.25rem;
  display: flex;
}

.chub_demo-pagination {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  align-items: center;
  display: flex;
}

.chub_demo-page {
  color: #514f4d;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  height: 28px;
  padding: 0 .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  display: flex;
}

.chub_demo-page-active {
  color: #fff;
  background-color: #0b5cab;
  border-color: #0b5cab;
  font-weight: 700;
}

.chub_demo-export {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #0b5cab;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  align-items: center;
  padding: .5rem .9rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.chub_demo-export-ic {
  border: 1.5px solid #0b5cab;
  border-radius: 2px;
  width: 13px;
  min-width: 13px;
  height: 13px;
}

.chub_demo-extras {
  width: 100%;
}

.chub_callouts {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1.75rem;
  display: flex;
}

.chub_callout {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #032d60;
  background-color: #f7f9fb;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  align-items: center;
  padding: .45rem .9rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.chub_callout-dot {
  background-color: #0b5cab;
  border-radius: 50%;
  width: 7px;
  min-width: 7px;
  height: 7px;
}

.chub_pills {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  border-top: 1px solid #f0f0f0;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2rem;
  padding-top: 1.75rem;
  display: flex;
}

.chub_pill {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #5c6670;
  align-items: center;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  display: inline-flex;
}

.chub_pill-check {
  color: #1a7a34;
  background-color: #e3f7e8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  font-size: .7rem;
  font-weight: 700;
  display: flex;
}

.chub_pills-lead {
  color: #969492;
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: .25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.chub_demo-left {
  grid-column-gap: .85rem;
  grid-row-gap: .85rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.chub_demo-right {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.chub_demo-btn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #0b5cab;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  align-items: center;
  padding: .5rem .9rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.chub_demo-btn-ic {
  width: 13px;
  min-width: 13px;
  height: 13px;
}

.chub_hero-board {
  background-color: #0000;
  width: 100%;
  padding: 0;
  display: block;
  overflow: hidden;
}

.chub_hbcol {
  background-color: #fff;
  border-radius: 8px;
  flex: 1;
  min-width: 0;
  padding: .6rem;
}

.chub_hbcol-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.chub_hbcol-name {
  color: #514f4d;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
}

.chub_hbcol-count {
  color: #969492;
  background-color: #f3f3f3;
  border-radius: 100px;
  padding: .05rem .4rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .625rem;
}

.chub_hbcard {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin-bottom: .5rem;
  padding: .5rem;
  box-shadow: 0 1px 2px #0000000a;
}

.chub_hbcard-title {
  color: #0176d3;
  margin-bottom: .3rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 600;
}

.chub_hbcard-meta {
  color: #706e6b;
  font-family: Salesforcesans, sans-serif;
  font-size: .625rem;
}

.chub_hbcard-drag {
  border-color: #0b5cab;
  transform: rotate(-2deg);
  box-shadow: 0 6px 16px #0b5cab40;
}

.chub_board-wrap {
  margin-top: 3rem;
}

.chub_board-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 40px #032d6014;
}

.chub_board-toolbar {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
  display: flex;
}

.chub_board-tleft {
  grid-column-gap: .85rem;
  grid-row-gap: .85rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.chub_board-title {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.chub_board-search {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  align-items: center;
  min-width: 180px;
  padding: .45rem .8rem;
  display: flex;
}

.chub_board-search-ic {
  border: 2px solid #706e6b;
  border-radius: 50%;
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.chub_board-search-txt {
  color: #969492;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
}

.chub_board-chip {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  color: #0b5cab;
  background-color: #eaf5fe;
  border: 1px solid #c9e7fe;
  border-radius: 100px;
  align-items: center;
  padding: .4rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.chub_board-chip-x {
  opacity: .6;
}

.chub_board-groupby {
  color: #5c6670;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.chub_board-groupby-strong {
  color: #181818;
  font-weight: 700;
}

.chub_board-scroll {
  overflow-x: auto;
}

.chub_board-cols {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: flex-start;
  min-width: 780px;
  padding: 1.25rem;
  display: flex;
}

.chub_board-col {
  background-color: #f7f9fb;
  border-radius: 10px;
  flex: 1;
  min-width: 0;
  padding: .85rem;
}

.chub_board-col-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .85rem;
  display: flex;
}

.chub_board-col-name {
  color: #514f4d;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.chub_board-col-count {
  color: #706e6b;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: .1rem .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
}

.chub_bcard {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin-bottom: .75rem;
  padding: .85rem;
  box-shadow: 0 1px 3px #0000000d;
}

.chub_bcard-top {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.chub_bcard-avatar {
  color: #fff;
  background-image: linear-gradient(135deg, #0b5cab, #032d60);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  font-size: .6875rem;
  font-weight: 700;
  display: flex;
}

.chub_bcard-name {
  color: #0176d3;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.chub_bcard-row {
  justify-content: space-between;
  align-items: center;
  margin-top: .4rem;
  display: flex;
}

.chub_bcard-amt {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.chub_bcard-badge {
  border-radius: 100px;
  padding: .15rem .5rem;
  font-size: .6875rem;
  font-weight: 600;
  display: inline-block;
}

.chub_badge-warm {
  color: #a86403;
  background-color: #fef5e7;
}

.chub_badge-hot {
  color: #b0322a;
  background-color: #fde8e8;
}

.chub_badge-cool {
  color: #0b5cab;
  background-color: #eaf5fe;
}

.chub_bcard-drag {
  border-color: #0b5cab;
  transform: rotate(-2deg);
  box-shadow: 0 10px 24px #0b5cab47;
}

.chub_cmp-head {
  max-width: 720px;
  margin-bottom: 3rem;
}

.chub_cmp-grid {
  background-color: #fff;
  border: 1px solid #d6e6f5;
  border-radius: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr 1fr;
  display: grid;
  overflow: hidden;
}

.chub_cmp-cell {
  color: #3e5060;
  border-bottom: 1px solid #edf3f9;
  padding: 1.15rem 1.35rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.chub_cmp-row-label {
  color: #032d60;
  background-color: #f5f9fd;
  font-weight: 700;
}

.chub_cmp-col-head {
  border-bottom: 1px solid #d6e6f5;
  padding: 1.1rem 1.35rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 700;
}

.chub_cmp-col-head-std {
  color: #5c6670;
  background-color: #f5f9fd;
}

.chub_cmp-col-head-av {
  color: #0b5cab;
  background-color: #eaf5fe;
}

.chub_cmp-corner {
  background-color: #f5f9fd;
  border-bottom: 1px solid #d6e6f5;
}

.chub_cmp-av {
  color: #1a3550;
  background-color: #fbfdff;
  font-weight: 500;
}

.chub_board-col-sum {
  color: #0b5cab;
  margin-top: -.45rem;
  margin-bottom: .85rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.chub_demo-shot {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  width: 100%;
  height: auto;
  display: block;
}

.chub_uc-ph-txt {
  color: #444;
  text-align: center;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  line-height: 1.5;
}

.lwcvs2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.lwcvs2_hero-grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.lwcvs2_hero-left {
  flex-direction: column;
  display: flex;
}

.lwcvs2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .375rem .875rem;
  display: inline-flex;
}

.lwcvs2_chip.center {
  align-self: center;
}

.lwcvs2_hero-sub {
  color: #eaf5fe;
  max-width: 520px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.lwcvs2_hero-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.lwcvs2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  display: flex;
}

.lwcvs2_stat {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.lwcvs2_hero-media {
  flex-direction: column;
  display: flex;
}

.lwcvs2_editor {
  background-color: #0f1a2e;
  border: 1px solid #eaf5fe24;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.lwcvs2_editor-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #060d1a;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.lwcvs2_dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.lwcvs2_dot-pink {
  background-color: #ff538a;
}

.lwcvs2_dot-orange {
  background-color: #fe9339;
}

.lwcvs2_dot-green {
  background-color: #41b658;
}

.lwcvs2_editor-file {
  color: #c9c9c9;
  margin-left: .75rem;
  font-family: Courier New, monospace;
  font-size: .8125rem;
}

.lwcvs2_editor-body {
  padding: 1.5rem;
  font-family: Courier New, monospace;
  font-size: .875rem;
  line-height: 1.7;
}

.lwcvs2_cl {
  color: #eaf5fe;
  white-space: pre;
}

.lwcvs2_cl-teal {
  color: #04e1cb;
}

.lwcvs2_ind1 {
  padding-left: 1.5rem;
}

.lwcvs2_ind2 {
  padding-left: 3rem;
}

.lwcvs2_editor-caption {
  color: #aacbff;
  text-align: center;
  margin: 1rem 0 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-style: italic;
}

.chub_tl {
  border-left: 2px solid #e5e5e5;
  flex-direction: column;
  gap: 1.25rem;
  margin-left: .5rem;
  padding: .5rem .25rem .5rem .75rem;
  display: flex;
}

.chub_tl.chub_tl-mini {
  gap: 1rem;
  padding: 1.25rem 1rem 1.25rem 1.25rem;
}

.chub_tl-item {
  align-items: flex-start;
  gap: .75rem;
  display: flex;
  position: relative;
}

.chub_tl-bullet {
  background-color: #c9c9c9;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 12px;
  min-width: 12px;
  height: 12px;
  margin-top: .2rem;
  margin-left: -1.4rem;
}

.chub_tl-bullet.chub_tl-bullet-active {
  background-color: #0176d3;
}

.chub_tl-body {
  flex-direction: column;
  gap: .15rem;
  display: flex;
}

.lwcvs2_sec-gray {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.lwcvs2_h2 {
  color: #032d60;
  margin: 0 0 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.15;
}

.lwcvs2_lead {
  color: #444;
  max-width: 720px;
  margin: 0 0 3rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.7;
}

.lwcvs2_bento {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.lwcvs2_bento-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
}

.lwcvs2_bento-card.lwcvs2_bento-hero {
  position: relative;
}

.lwcvs2_bento-hero {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  flex-direction: column;
  grid-row-start: span 2;
  display: flex;
}

.lwcvs2_bento-tag {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  align-self: flex-start;
  margin-bottom: 1.25rem;
  padding: .3rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-block;
}

.lwcvs2_bento-tag.lwcvs2_tag-onborder {
  margin-bottom: 0;
  position: absolute;
  top: -.85rem;
  right: 1.5rem;
}

.lwcvs2_bento-num {
  color: #0176d3;
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1;
}

.lwcvs2_bento-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.lwcvs2_bento-text {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.lwcvs2_bento-num-sm {
  color: #0176d3;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.lwcvs2_bento-title-sm {
  color: #032d60;
  margin: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

.lwcvs2_sec-white {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.lwcvs2_center {
  text-align: center;
}

.lwcvs2_eyebrow-center {
  justify-content: center;
}

.lwcvs2_steps {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 3rem;
  display: grid;
}

.lwcvs2_step {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 2rem;
}

.lwcvs2_step-num {
  color: #fff;
  background-color: #0176d3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  display: flex;
}

.lwcvs2_step-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.lwcvs2_step-desc {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.chub_tl-title {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.3;
}

.chub_tl-date {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.lwcvs2_q-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  margin-top: 3rem;
  display: grid;
}

.lwcvs2_pills {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.lwcvs2_pill {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  align-items: center;
  padding: .75rem 1.25rem;
  display: flex;
}

.lwcvs2_pill-check {
  color: #fff;
  background-color: #41b658;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  font-size: .75rem;
  display: flex;
}

.lwcvs2_pill-txt {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.lwcvs2_sec-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.lwcvs2_vs {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin-top: 3rem;
  display: grid;
}

.lwcvs2_vs-card {
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  padding: 2.5rem 2rem;
}

.lwcvs2_vs-pos {
  border: 1px solid #b8dcf7;
}

.lwcvs2_vs-neg {
  border: 1px solid #fe9339;
}

.lwcvs2_vs-num {
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.lwcvs2_vs-num-blue {
  color: #0176d3;
}

.lwcvs2_vs-num-orange {
  color: #fe9339;
}

.lwcvs2_vs-label {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
}

.lwcvs2_vs-sub {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.lwcvs2_vs-mid {
  color: #0b5cab;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
}

.lwcvs2_vs-note {
  color: #032d60;
  text-align: center;
  max-width: 760px;
  margin: 2.5rem auto 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.chub_tl-group {
  color: #0176d3;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 1.25rem;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.chub_tl-act {
  color: #c9c9c9;
  letter-spacing: .08em;
  margin-left: auto;
  padding-left: .75rem;
  font-size: 1rem;
  font-weight: 700;
}

.lwcvs2_uc-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 3rem;
  display: grid;
}

.lwcvs2_uc-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 2rem;
}

.lwcvs2_uc-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.lwcvs2_uc-desc {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.lwcvs2_center-block {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.lwcvs2_lineup {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 3rem;
  display: grid;
}

.lwcvs2_lineup-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
  text-decoration: none;
  transition: border-color .2s;
  display: block;
}

.lwcvs2_lineup-label {
  color: #747474;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.lwcvs2_lineup-title {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.lwcvs2_lineup-desc {
  color: #444;
  margin: 0 0 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.lwcvs2_lineup-link {
  color: #0176d3;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.lwcvs2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

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

.lwcvs2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.v5nav_panel {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  width: 100%;
  box-shadow: none;
  background-color: #0000;
  border-top: 0 solid #0176d3;
  border-radius: 0;
  align-items: stretch;
  padding: .25rem;
  display: flex;
}

.v5nav_panel-product {
  min-width: 700px;
}

.v5nav_col-main {
  flex: auto;
  min-width: 340px;
}

.v5nav_items {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-direction: column;
  display: flex;
}

.v5nav_item {
  border-radius: 8px;
  padding: .625rem .75rem;
  text-decoration: none;
  display: block;
}

.v5nav_item:hover {
  background-color: #eaf5fe;
}

.v5nav_item-head {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.v5nav_item-title {
  color: #032d60;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.3;
}

.v5nav_item-desc {
  color: #444;
  min-height: 2.275rem;
  margin-top: .125rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  line-height: 1.4;
}

.v5nav_chip-new {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  padding: .125rem .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .625rem;
  font-weight: 700;
}

.v5nav_highlight {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  flex-direction: column;
  flex: 0 0 300px;
  width: 300px;
  padding: 1.25rem;
  display: flex;
}

.v5nav_hl-title {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
}

.v5nav_term {
  background-color: #0f1a2e;
  border-radius: 8px;
  overflow: hidden;
}

.v5nav_term-bar {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  background-color: #060d1a;
  align-items: center;
  padding: .4rem .65rem;
  display: flex;
}

.v5nav_term-dot {
  border-radius: 50%;
  width: 8px;
  min-width: 8px;
  height: 8px;
}

.v5nav_dot-pink {
  background-color: #ff538a;
}

.v5nav_dot-orange {
  background-color: #fe9339;
}

.v5nav_dot-green {
  background-color: #41b658;
}

.v5nav_term-name {
  color: #c9c9c9;
  margin-left: .35rem;
  font-family: Courier New, monospace;
  font-size: .6875rem;
}

.v5nav_term-body {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-direction: column;
  padding: .75rem .85rem;
  display: flex;
}

.v5nav_term-line {
  color: #eaf5fe;
  font-family: Courier New, monospace;
  font-size: .75rem;
  line-height: 1.4;
}

.v5nav_term-out {
  color: #aacbff;
}

.v5nav_hl-link {
  color: #0176d3;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
}

.v5nav_hl-link:hover {
  color: #0b5cab;
}

.v5nav_panel-solutions {
  min-width: 620px;
}

.v5nav_group {
  flex: 1 1 0;
  min-width: 260px;
}

.v5nav_panel-community {
  min-width: 560px;
}

.int2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem;
}

.int2_hero-grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.int2_hero-text {
  flex-direction: column;
  display: flex;
}

.int2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4rem .95rem .4rem .85rem;
  display: inline-flex;
}

.int2_hero-sub {
  color: #eaf5fe;
  max-width: 520px;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.int2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.int2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-wrap: wrap;
  display: flex;
}

.int2_stat {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-direction: column;
  max-width: 170px;
  display: flex;
}

.int2_hero-media {
  justify-content: center;
  display: flex;
  position: relative;
}

.int2_browser {
  z-index: 1;
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 420px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.int2_browser-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f3f3f3;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.int2_dot {
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.int2_dot-pink {
  background-color: #ff538a;
}

.int2_dot-orange {
  background-color: #fe9339;
}

.int2_dot-green {
  background-color: #41b658;
}

.int2_panel {
  padding: 1.5rem;
}

.int2_panel-title {
  color: #032d60;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.int2_evt {
  color: #0b5cab;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 6px;
  margin-bottom: 1rem;
  padding: .4rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-block;
}

.int2_chain {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  border-left: 2px solid #e5e5e5;
  flex-direction: column;
  margin-bottom: 1.25rem;
  padding-left: 1rem;
  display: flex;
}

.int2_act {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  align-items: center;
  padding: .7rem .85rem;
  display: flex;
}

.int2_act-ico {
  background-color: #0176d3;
  border-radius: 6px;
  width: 22px;
  min-width: 22px;
  height: 22px;
}

.int2_act-name {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.int2_addrow {
  color: #0176d3;
  text-align: center;
  border: 1px dashed #c9c9c9;
  border-radius: 8px;
  padding-top: .7rem;
  padding-bottom: .7rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.int2_sec-white {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.int2_lead {
  color: #444;
  max-width: 720px;
  margin-top: 0;
  margin-bottom: 3rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.int2_steps {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 2.5rem;
  display: grid;
}

.int2_step {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem;
}

.int2_step-num {
  color: #0176d3;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.int2_step-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.int2_step-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.int2_pills {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-wrap: wrap;
  display: flex;
}

.int2_pill {
  color: #181818;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: .5rem .95rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.int2_sec-gray {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.int2_pkg-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.int2_pkg {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.9rem;
  display: flex;
}

.int2_pkg-label {
  color: #0176d3;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .6rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.int2_pkg-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .6rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.int2_pkg-p {
  color: #444;
  margin-top: 0;
  margin-bottom: 1.1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.int2_pkg-tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
  display: flex;
}

.int2_pkg-tag {
  color: #0b5cab;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 100px;
  padding: .35rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 600;
}

.int2_sec-white2 {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.int2_uc-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.int2_uc {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: 3px solid #0176d3;
  border-radius: 12px;
  padding: 1.75rem;
}

.int2_uc-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .6rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.int2_uc-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.int2_sec-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.int2_accent-inner {
  max-width: 900px;
}

.int2_accent-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

.int2_accent-p {
  color: #444;
  max-width: 760px;
  margin-top: 0;
  margin-bottom: 2.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.int2_accent-cards {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.int2_accent-card {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 1.75rem;
}

.int2_accent-card-label {
  color: #032d60;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .6rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.int2_accent-card-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.int2_sec-faq {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.int2_faq-list {
  max-width: 820px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.int2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.4rem 1.6rem;
}

.int2_faq-q {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.int2_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.int2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.int2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  display: flex;
}

.int2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.brand2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem;
}

.brand2_hero-grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.brand2_hero-text {
  flex-direction: column;
  display: flex;
}

.brand2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4rem .95rem .4rem .85rem;
  display: inline-flex;
}

.brand2_hero-sub {
  color: #eaf5fe;
  max-width: 540px;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.brand2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.brand2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-wrap: wrap;
  display: flex;
}

.brand2_stat {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-direction: column;
  max-width: 175px;
  display: flex;
}

.brand2_hero-media {
  justify-content: center;
  display: flex;
  position: relative;
}

.brand2_browser {
  z-index: 1;
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 420px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.brand2_browser-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f3f3f3;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.brand2_dot {
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.brand2_dot-pink {
  background-color: #ff538a;
}

.brand2_dot-orange {
  background-color: #fe9339;
}

.brand2_dot-green {
  background-color: #41b658;
}

.brand2_panel {
  padding: 1.5rem;
}

.brand2_panel-title {
  color: #032d60;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1.1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.brand2_row {
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  align-items: center;
  padding-top: .7rem;
  padding-bottom: .7rem;
  display: flex;
}

.brand2_row-label {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
}

.brand2_toggle {
  background-color: #0176d3;
  border-radius: 100px;
  width: 38px;
  min-width: 38px;
  height: 22px;
  position: relative;
}

.brand2_toggle-knob {
  background-color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 3px;
  right: 3px;
}

.brand2_swatch {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.brand2_swatch-chip {
  background-color: #0176d3;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.brand2_swatch-val {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.brand2_val {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.brand2_copybtn {
  color: #0176d3;
  text-align: center;
  border: 1px solid #c9ddf0;
  border-radius: 8px;
  margin-top: 1.1rem;
  padding-top: .6rem;
  padding-bottom: .6rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.brand2_sec-white {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.brand2_lead {
  color: #444;
  max-width: 720px;
  margin-top: 0;
  margin-bottom: 3rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.brand2_steps {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 2.5rem;
  display: grid;
}

.brand2_step {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem;
}

.brand2_step-num {
  color: #0176d3;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.brand2_step-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.brand2_step-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.brand2_pills {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-wrap: wrap;
  display: flex;
}

.brand2_pill {
  color: #181818;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: .5rem .95rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.brand2_sec-gray {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.brand2_pkg-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.brand2_pkg {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.9rem;
  display: flex;
}

.brand2_pkg-label {
  color: #0176d3;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .6rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.brand2_pkg-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .6rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.brand2_pkg-p {
  color: #444;
  margin-top: 0;
  margin-bottom: 1.1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.brand2_pkg-tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
  display: flex;
}

.brand2_pkg-tag {
  color: #0b5cab;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 100px;
  padding: .35rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 600;
}

.brand2_sec-white2 {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.brand2_uc-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.brand2_uc {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: 3px solid #0176d3;
  border-radius: 12px;
  padding: 1.75rem;
}

.brand2_uc-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .6rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.brand2_uc-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.brand2_sec-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.brand2_accent-inner {
  max-width: 900px;
}

.brand2_accent-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

.brand2_accent-p {
  color: #444;
  max-width: 760px;
  margin-top: 0;
  margin-bottom: 2.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.brand2_accent-cards {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.brand2_accent-card {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 1.75rem;
}

.brand2_accent-card-label {
  color: #032d60;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .6rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.brand2_accent-card-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.brand2_sec-faq {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.brand2_faq-list {
  max-width: 820px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.brand2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.4rem 1.6rem;
}

.brand2_faq-q {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.brand2_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.brand2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.brand2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  display: flex;
}

.brand2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.data2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem;
}

.data2_hero-grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.05fr 1fr;
  align-items: center;
  display: grid;
}

.data2_hero-text {
  flex-direction: column;
  display: flex;
}

.data2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4rem .95rem .4rem .85rem;
  display: inline-flex;
}

.data2_hero-sub {
  color: #eaf5fe;
  max-width: 540px;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.data2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.data2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-wrap: wrap;
  display: flex;
}

.data2_stat {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-direction: column;
  max-width: 180px;
  display: flex;
}

.data2_hero-media {
  justify-content: center;
  display: flex;
  position: relative;
}

.data2_browser {
  z-index: 1;
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 460px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.data2_browser-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f3f3f3;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.data2_dot {
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.data2_dot-pink {
  background-color: #ff538a;
}

.data2_dot-orange {
  background-color: #fe9339;
}

.data2_dot-green {
  background-color: #41b658;
}

.data2_shot {
  width: 100%;
  height: auto;
  display: block;
}

.data2_sec-white {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.data2_lead {
  color: #444;
  max-width: 720px;
  margin-top: 0;
  margin-bottom: 3rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.data2_steps {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 2.5rem;
  display: grid;
}

.data2_step {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem;
}

.data2_step-num {
  color: #0176d3;
  margin-bottom: .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.data2_step-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.data2_step-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.data2_pills {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-wrap: wrap;
  display: flex;
}

.data2_pill {
  color: #181818;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: .5rem .95rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.data2_sec-gray {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.data2_pkg-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.data2_pkg {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.9rem;
  display: flex;
}

.data2_pkg-label {
  color: #0176d3;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .6rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.data2_pkg-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .6rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.data2_pkg-p {
  color: #444;
  margin-top: 0;
  margin-bottom: 1.1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.data2_pkg-tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
  display: flex;
}

.data2_pkg-tag {
  color: #0b5cab;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 100px;
  padding: .35rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 600;
}

.data2_sec-white2 {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.data2_uc-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.data2_uc {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.data2_uc-media {
  aspect-ratio: 16 / 10;
  background-color: #f3f3f3;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.data2_uc-shot {
  object-fit: cover;
  object-position: top left;
  width: 100%;
  height: 100%;
  display: block;
}

.data2_uc-body {
  padding: 1.5rem;
}

.data2_uc-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .6rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.data2_uc-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.data2_sec-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.data2_accent-inner {
  max-width: 900px;
}

.data2_accent-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

.data2_accent-p {
  color: #444;
  max-width: 760px;
  margin-top: 0;
  margin-bottom: 2.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.data2_accent-cards {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.data2_accent-card {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 1.75rem;
}

.data2_accent-card-label {
  color: #032d60;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .6rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.data2_accent-card-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.data2_sec-faq {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.data2_faq-list {
  max-width: 820px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.data2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.4rem 1.6rem;
}

.data2_faq-q {
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.data2_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.data2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.data2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  display: flex;
}

.data2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.int2_shot, .brand2_shot {
  width: 100%;
  height: auto;
  display: block;
}

.cidx_hero-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 820px;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.cidx_hero-sub {
  max-width: 620px;
}

.cidx_hero-cta {
  justify-content: center;
}

.cidx_stat-strip {
  justify-content: center;
  margin-top: .5rem;
}

.cidx_principle {
  background-color: #fff;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}

.cidx_wrap {
  padding-left: 2rem;
  padding-right: 2rem;
}

.cidx_sub {
  max-width: 640px;
}

.cidx_steps {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 3rem;
  display: grid;
}

.cidx_step {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  padding: 2rem;
}

.cidx_step-num {
  color: #fff;
  background-color: #0176d3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  display: flex;
}

.cidx_step-title {
  color: #032d60;
  margin: 0 0 .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.cidx_step-txt {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.cidx_grid-sec {
  background-color: #f3f3f3;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}

.cidx_cards {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 3rem;
  display: grid;
}

.cidx_card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex-direction: column;
  text-decoration: none;
  transition: box-shadow .2s, transform .2s;
  display: flex;
  overflow: hidden;
}

.cidx_card-vis {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(135deg, #f0f6fe 0%, #e3eefb 100%);
  border-bottom: 1px solid #e5e5e5;
  justify-content: center;
  align-items: center;
  height: 150px;
  padding: 1.25rem;
  display: flex;
}

.cidx_vis-table {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: stretch;
}

.cidx_vis-row {
  background-color: #cbdcf3;
  border-radius: 4px;
  height: 12px;
}

.cidx_vis-rowhd {
  background-color: #0176d3;
  border-radius: 4px;
  height: 12px;
}

.cidx_vis-kanban {
  align-items: flex-start;
}

.cidx_vis-col {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.cidx_vis-card {
  background-color: #cbdcf3;
  border-radius: 5px;
  height: 26px;
}

.cidx_vis-cardtop {
  background-color: #0176d3;
  border-radius: 5px;
  height: 26px;
}

.cidx_vis-map {
  position: relative;
}

.cidx_vis-pin {
  background-color: #0176d3;
  border-radius: 50% 50% 50% 0;
  width: 20px;
  height: 20px;
  transform: rotate(-45deg);
}

.cidx_vis-pin2 {
  background-color: #aacbff;
  border-radius: 50% 50% 50% 0;
  width: 16px;
  height: 16px;
  transform: rotate(-45deg);
}

.cidx_vis-pin3 {
  background-color: #032d60;
  border-radius: 50% 50% 50% 0;
  width: 14px;
  height: 14px;
  transform: rotate(-45deg);
}

.cidx_vis-timeline {
  align-items: center;
}

.cidx_vis-tl {
  background-color: #cbdcf3;
  align-items: center;
  width: 100%;
  max-width: 220px;
  height: 3px;
  display: flex;
  position: relative;
}

.cidx_vis-dot1 {
  background-color: #0176d3;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
}

.cidx_vis-dot2 {
  background-color: #aacbff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 50%;
}

.cidx_vis-dot3 {
  background-color: #032d60;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
}

.cidx_card-body {
  flex-direction: column;
  flex: 1;
  padding: 1.5rem;
  display: flex;
}

.cidx_card-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.cidx_card-txt {
  color: #444;
  flex: 1;
  margin: 0 0 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}

.cidx_card-link {
  color: #0176d3;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.cidx_more {
  margin-top: 3rem;
}

.cidx_more-lead {
  color: #444;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.cidx_more-cards {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.cidx_more-card {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  padding: 1.25rem;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
}

.cidx_more-num {
  color: #0176d3;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.cidx_more-name {
  color: #032d60;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.35;
}

.cidx_accent-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.cidx_accent-h2 {
  color: #032d60;
  margin: 0 0 .75rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.15;
}

.cidx_accent-sub {
  color: #032d60;
  max-width: 620px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.cidx_ctx-pills {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.cidx_ctx-pill {
  color: #0176d3;
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 100px;
  padding: .5rem 1.125rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.button-lwc-install-prod, .button-lwc-install-sandbox, .button-install-prod, .button-install-sandbox, .button-flow-install-prod, .button-flow-install-sandbox {
  cursor: pointer;
}

.v5nav_gs-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 8px 4px;
  display: flex;
}

.v5nav_gs-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.v5nav_gs-title {
  color: #0b0f19;
  letter-spacing: -.01em;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}

.v5nav_gs-sub {
  color: #5b6472;
  max-width: 440px;
  font-size: 15px;
  line-height: 1.5;
}

.v5nav_gs-grid {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  display: flex;
}

.v5nav_gs-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border: 1px solid #e6e9ef;
  border-radius: 12px;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.v5nav_gs-card-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: none;
}

.v5nav_gs-card-title {
  color: #0b0f19;
  min-height: 0;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.3;
  display: none;
}

.v5nav_gs-card-desc {
  color: #5b6472;
  font-size: 14px;
  line-height: 1.5;
}

.v5nav_gs-btnrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
  display: flex;
}

.v5nav_gs-btn {
  text-align: center;
  white-space: nowrap;
  flex: auto;
}

.v5nav_gs-foot {
  color: #7a828f;
  text-align: center;
  padding-top: 4px;
  font-size: 13px;
  line-height: 1.5;
}

.v2ftr_chip-new {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0b5cab;
  letter-spacing: .06em;
  text-transform: uppercase;
  vertical-align: middle;
  background-color: #eaf5fe;
  border-radius: 100px;
  margin-left: .5rem;
  padding: .125rem .4rem;
  font-size: .625rem;
  font-weight: 700;
  display: inline-block;
}

.lwcp2_cat-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1.6fr 1fr;
  grid-auto-rows: auto;
  margin-top: 2.5rem;
  display: grid;
}

.lwcp2_cat-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.lwcp2_cat-card-dd {
  grid-row: 1 / span 2;
  grid-column-start: 1;
}

.lwcp2_cat-card-stat {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  border-style: none;
  grid-row-start: 1;
  grid-column-start: 2;
  justify-content: center;
  align-items: flex-start;
}

.lwcp2_cat-card-core {
  grid-row-start: 2;
  grid-column-start: 2;
}

.lwcp2_cat-chip {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  align-self: flex-start;
  margin-bottom: .875rem;
  padding: .25rem .625rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-block;
}

.lwcp2_cat-lead {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.2;
}

.lwcp2_cat-desc {
  color: #444;
  margin-bottom: 1.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.lwcp2_cat-demo {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-top: auto;
  overflow: hidden;
  box-shadow: 0 16px 40px #032d601f;
}

.lwcp2_cat-demo-toolbar {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #e5e5e5;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.lwcp2_cat-demo-tl {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  display: flex;
}

.lwcp2_cat-demo-title {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 700;
}

.lwcp2_cat-demo-count {
  color: #c9c9c9;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.lwcp2_cat-demo-tr {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.lwcp2_cat-demo-btn {
  color: #0176d3;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 6px;
  padding: .3125rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.lwcp2_cat-demo-btn-export {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  align-items: center;
  display: flex;
}

.lwcp2_cat-demo-scroll {
  overflow-x: auto;
}

.lwcp2_cat-statnum {
  color: #aacbff;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.lwcp2_cat-statqual {
  color: #fff;
  margin-top: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
}

.lwcp2_cat-statsub {
  color: #eaf5fe;
  margin-top: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.lwcp2_cat-core-demo {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  margin-top: auto;
  padding: 1.25rem;
  display: flex;
}

.lwcp2_cat-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 520px;
  font-family: Salesforcesans, sans-serif;
}

.lwcp2_cat-th {
  text-align: left;
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  padding: .625rem .875rem;
}

.lwcp2_cat-th-in {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #444;
  letter-spacing: .04em;
  text-transform: uppercase;
  align-items: center;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.lwcp2_cat-sort {
  color: #c9c9c9;
  font-size: .625rem;
}

.lwcp2_cat-td {
  color: #181818;
  vertical-align: middle;
  border-bottom: 1px solid #f3f3f3;
  padding: .6875rem .875rem;
  font-size: .875rem;
}

.lwcp2_cat-acct {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #0176d3;
  white-space: nowrap;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.lwcp2_cat-avatar {
  color: #fff;
  background-color: #0176d3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  font-size: .6875rem;
  font-weight: 700;
  display: flex;
}

.lwcp2_cat-badge {
  white-space: nowrap;
  border-radius: 100px;
  padding: .1875rem .5rem;
  font-size: .6875rem;
  font-weight: 600;
  display: inline-block;
}

.lwcp2_cat-badge-neg {
  color: #a05a00;
  background-color: #fef0e6;
}

.lwcp2_cat-badge-prop {
  color: #0b5cab;
  background-color: #eaf5fe;
}

.lwcp2_cat-badge-won {
  color: #256b34;
  background-color: #e7f6ea;
}

.lwcp2_cat-badge-qual {
  color: #444;
  background-color: #f3f3f3;
}

.lwcp2_cat-amt {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.lwcp2_cat-prob {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.lwcp2_cat-bar {
  background-color: #e5e5e5;
  border-radius: 100px;
  width: 64px;
  height: 6px;
  overflow: hidden;
}

.lwcp2_cat-bar-fill {
  background-color: #0176d3;
  border-radius: 100px;
  height: 100%;
}

.lwcp2_cat-prob-txt {
  color: #444;
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
}

.lwcp2_cat-w80 {
  width: 80%;
}

.lwcp2_cat-w60 {
  width: 60%;
}

.lwcp2_cat-w100 {
  width: 100%;
}

.lwcp2_cat-w35 {
  width: 35%;
}

.lwcp2_cat-core-inner {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.lwcp2_cat-core-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.lwcp2_cat-core-label {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.lwcp2_cat-rating {
  grid-column-gap: .1875rem;
  grid-row-gap: .1875rem;
  display: flex;
}

.lwcp2_cat-star {
  color: #e5e5e5;
  font-size: 1.125rem;
  line-height: 1;
}

.lwcp2_cat-star-on {
  color: #fe9339;
}

.lwcp2_cat-steps {
  align-items: center;
  display: flex;
}

.lwcp2_cat-step {
  background-color: #fff;
  border: 2px solid #c9c9c9;
  border-radius: 50%;
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.lwcp2_cat-step-done {
  background-color: #0176d3;
  border-color: #0176d3;
}

.lwcp2_cat-stepline {
  background-color: #c9c9c9;
  width: 22px;
  height: 2px;
}

.lwcp2_cat-stepline-done {
  background-color: #0176d3;
}

.lwcp2_cat-avgroup {
  display: flex;
}

.lwcp2_cat-avsm {
  color: #fff;
  background-color: #0176d3;
  border: 2px solid #fafafa;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  margin-left: -8px;
  font-size: .6875rem;
  font-weight: 700;
  display: flex;
}

.lwcp2_cat-avfirst {
  margin-left: 0;
}

.lwcp2_cat-avmore {
  color: #0b5cab;
  background-color: #eaf5fe;
}

.lwcp2_cat-railwrap {
  margin-top: 3rem;
}

.lwcp2_cat-rail-label {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
  display: flex;
}

.lwcp2_cat-rail-sq {
  background-color: #0176d3;
  border-radius: 2px;
  width: 8px;
  min-width: 8px;
  height: 8px;
}

.lwcp2_cat-rail {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  scroll-snap-type: x mandatory;
  padding-bottom: .75rem;
  padding-right: 3rem;
  scroll-padding-left: 0;
  display: flex;
  overflow-x: auto;
}

.lwcp2_cat-tile {
  scroll-snap-align: start;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex-direction: column;
  flex: 0 0 240px;
  height: 200px;
  padding: 1rem;
  display: flex;
}

.lwcp2_cat-tile-demo {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.lwcp2_cat-tile-chip {
  color: #0b5cab;
  letter-spacing: .03em;
  background-color: #eaf5fe;
  border-radius: 100px;
  align-self: flex-start;
  margin-top: .75rem;
  padding: .25rem .625rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.lwcp2_kb {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 4px;
  display: flex;
}

.lwcp2_kb-col {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #f3f3f3;
  border-radius: 6px;
  flex-direction: column;
  flex: 1;
  padding: 4px;
  display: flex;
}

.lwcp2_kb-h {
  background-color: #c9c9c9;
  border-radius: 100px;
  width: 60%;
  height: 5px;
  margin-bottom: 2px;
}

.lwcp2_kb-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  height: 22px;
}

.lwcp2_kb-drag {
  border-color: #0176d3;
  transform: rotate(-3deg);
  box-shadow: 0 6px 14px #032d6040;
}

.lwcp2_mtr {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.lwcp2_mtr-num {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  line-height: 1;
}

.lwcp2_mtr-tr {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #256b34;
  align-items: center;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: flex;
}

.lwcp2_mtr-lbl {
  color: #c9c9c9;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
}

.lwcp2_tl {
  grid-row-gap: 0;
  grid-column-gap: 0;
  flex-direction: column;
  padding-left: 6px;
  display: flex;
}

.lwcp2_tl-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
  position: relative;
}

.lwcp2_tl-dot {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 11px;
  min-width: 11px;
  height: 11px;
}

.lwcp2_tl-d1 {
  background-color: #0176d3;
}

.lwcp2_tl-d2 {
  background-color: #fe9339;
}

.lwcp2_tl-d3 {
  background-color: #41b658;
}

.lwcp2_tl-line {
  background-color: #e5e5e5;
  width: 2px;
  height: 16px;
  margin-left: 4px;
}

.lwcp2_tl-lbl {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.lwcp2_rt {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  display: flex;
}

.lwcp2_rt-s {
  color: #e5e5e5;
  font-size: 1.375rem;
  line-height: 1;
}

.lwcp2_rt-on {
  color: #fe9339;
}

.lwcp2_ch {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.lwcp2_ch-in {
  color: #181818;
  background-color: #f3f3f3;
  border-radius: 12px 12px 12px 2px;
  align-self: flex-start;
  max-width: 75%;
  padding: 7px 11px;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
}

.lwcp2_ch-out {
  color: #fff;
  background-color: #0176d3;
  border-radius: 12px 12px 2px;
  align-self: flex-end;
  max-width: 75%;
  padding: 7px 11px;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
}

.lwcp2_pc {
  background-image: conic-gradient(#0176d3 0% 72%, #e5e5e5 72% 100%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 78px;
  height: 78px;
  display: flex;
}

.lwcp2_pc-in {
  color: #032d60;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1rem;
  display: flex;
}

.lwcp2_cb {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.lwcp2_cb-field {
  color: #181818;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 6px 9px;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  display: flex;
}

.lwcp2_cb-chev {
  color: #c9c9c9;
  font-size: .625rem;
}

.lwcp2_cb-list {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  overflow: hidden;
}

.lwcp2_cb-opt {
  color: #444;
  padding: 5px 9px;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
}

.lwcp2_cb-sel {
  color: #0b5cab;
  background-color: #eaf5fe;
  font-weight: 600;
}

.lwcp2_tr {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #181818;
  flex-direction: column;
  width: 100%;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  display: flex;
}

.lwcp2_tr-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.lwcp2_tr-chev {
  color: #c9c9c9;
  font-size: .5625rem;
}

.lwcp2_tr-i1 {
  padding-left: 0;
}

.lwcp2_tr-i2 {
  padding-left: 16px;
}

.lwcp2_tr-i3 {
  padding-left: 32px;
}

.lwcp2_pv {
  border-collapse: collapse;
  width: 100%;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
}

.lwcp2_pv-c {
  color: #444;
  text-align: right;
  border: 1px solid #e5e5e5;
  padding: 4px 6px;
}

.lwcp2_pv-h {
  color: #181818;
  text-align: right;
  background-color: #f3f3f3;
  border: 1px solid #e5e5e5;
  padding: 4px 6px;
  font-weight: 700;
}

.lwcp2_pv-tot {
  color: #032d60;
  text-align: right;
  background-color: #eaf5fe;
  border: 1px solid #e5e5e5;
  padding: 4px 6px;
  font-weight: 700;
}

.lwcp2_cp {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.lwcp2_cp-sw {
  border-radius: 5px;
  width: 24px;
  height: 24px;
}

.lwcp2_cp-s1 {
  background-color: #0176d3;
}

.lwcp2_cp-s2 {
  background-color: #41b658;
}

.lwcp2_cp-s3 {
  background-color: #fe9339;
}

.lwcp2_cp-s4 {
  background-color: #e5484d;
}

.lwcp2_cp-s5 {
  background-color: #9050e9;
}

.lwcp2_cp-s6 {
  background-color: #f4bf00;
}

.lwcp2_cp-s7 {
  background-color: #0b827c;
}

.lwcp2_cp-s8 {
  background-color: #5c5c5c;
}

.lwcp2_cp-sel {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0176d3;
}

.lwcp2_sc {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 100%;
  padding-top: 4px;
  display: grid;
}

.lwcp2_sc-col {
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 3px;
  position: relative;
}

.lwcp2_sc-h {
  background-color: #c9c9c9;
  border-radius: 100px;
  width: 70%;
  height: 5px;
  margin: 0 auto 4px;
}

.lwcp2_sc-ev1 {
  background-color: #0176d3;
  border-radius: 4px;
  height: 34px;
  margin-top: 6px;
}

.lwcp2_sc-ev2 {
  background-color: #41b658;
  border-radius: 4px;
  height: 24px;
  margin-top: 20px;
}

.lwcp2_bc {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  align-items: flex-end;
  height: 56px;
  display: flex;
}

.lwcp2_bc-b {
  background-color: #181818;
  width: 3px;
  height: 100%;
}

.lwcp2_bc-w2 {
  width: 2px;
}

.lwcp2_bc-w5 {
  width: 5px;
}

.lwcp2_bc-w7 {
  width: 7px;
}

.lwcp2_bc-h70 {
  height: 70%;
}

.lwcp2_cat-cta {
  scroll-snap-align: start;
  background-image: linear-gradient(135deg, #0176d3 0%, #032d60 100%);
  border-radius: 14px;
  flex-direction: column;
  flex: 0 0 240px;
  justify-content: center;
  align-items: flex-start;
  height: 200px;
  padding: 1.25rem;
  text-decoration: none;
  display: flex;
}

.lwcp2_cat-cta-txt {
  color: #fff;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25;
}

.lwcp2_cat-cta-arrow {
  color: #fff;
  background-color: #ffffff29;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: .75rem;
  font-size: 1.125rem;
  display: flex;
}

.dyn2_rail-bento {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1.7fr 1fr;
  margin-bottom: 2.5rem;
  display: grid;
}

.dyn2_bento-demo {
  background-color: #f6f9fc;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  display: flex;
}

.dyn2_bento-stat {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
}

.dyn2_bento-statnum {
  color: #aacbff;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4.5rem;
  line-height: 1;
}

.dyn2_bento-statlabel {
  color: #eaf5fe;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.dyn2_dt {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 10px 30px #032d6014;
}

.dyn2_dt-toolbar {
  border-bottom: 1px solid #eef2f6;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.dyn2_dt-title {
  color: #032d60;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.dyn2_dt-actions {
  grid-column-gap: .5rem;
  display: flex;
}

.dyn2_dt-btn {
  color: #fff;
  background-color: #0176d3;
  border-radius: 6px;
  padding: .35rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.dyn2_dt-btn-ghost {
  color: #0176d3;
  background-color: #fff;
  border: 1px solid #0176d3;
}

.dyn2_dt-table {
  width: 100%;
}

.dyn2_dt-row {
  grid-column-gap: .5rem;
  color: #16325c;
  border-bottom: 1px solid #f1f4f8;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1.1fr .9fr 1.1fr;
  align-items: center;
  padding: .6rem 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  display: grid;
}

.dyn2_dt-head {
  color: #54698d;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #fafbfd;
  font-size: .6875rem;
  font-weight: 700;
}

.dyn2_dt-badge {
  border-radius: 999px;
  padding: .15rem .55rem;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-block;
}

.dyn2_dt-badge-new {
  color: #0176d3;
  background-color: #eaf5fe;
}

.dyn2_dt-badge-esc {
  color: #c23934;
  background-color: #fdecea;
}

.dyn2_dt-badge-prog {
  color: #a86403;
  background-color: #fff3e0;
}

.dyn2_dt-badge-closed {
  color: #2e844a;
  background-color: #ebf7e9;
}

.dyn2_dt-c4 {
  grid-column-gap: .4rem;
  align-items: center;
  display: flex;
}

.dyn2_dt-av {
  color: #fff;
  background-color: #0176d3;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: .625rem;
  font-weight: 700;
  display: inline-flex;
}

.dyn2_rail-wrap {
  margin-top: .5rem;
}

.dyn2_rail-eyebrow {
  color: #54698d;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.dyn2_rail-eyebrow-2 {
  margin-top: 2.25rem;
}

.dyn2_rail-track {
  grid-column-gap: 1rem;
  scroll-snap-type: x mandatory;
  column-gap: 1rem;
  padding-bottom: .75rem;
  padding-right: 3rem;
  display: flex;
  overflow-x: auto;
}

.dyn2_rail-tile {
  scroll-snap-align: start;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex-direction: column;
  flex: 0 0 240px;
  width: 240px;
  height: 200px;
  display: flex;
  overflow: hidden;
}

.dyn2_rail-demo {
  background-color: #fbfcfe;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: .9rem;
  display: flex;
  overflow: hidden;
}

.dyn2_rail-chip {
  color: #032d60;
  background-color: #fff;
  border-top: 1px solid #eef2f6;
  padding: .6rem .9rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.dyn2_v-dt {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
}

.dyn2_v-dt-row {
  grid-column-gap: .4rem;
  color: #16325c;
  border-bottom: 1px solid #f1f4f8;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  align-items: center;
  padding: .3rem .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  display: grid;
}

.dyn2_v-dt-h {
  color: #54698d;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #fafbfd;
  font-size: .5625rem;
  font-weight: 700;
}

.dyn2_v-dt-badge {
  color: #2e844a;
  background-color: #ebf7e9;
  border-radius: 999px;
  justify-self: start;
  padding: .1rem .45rem;
  font-size: .5625rem;
  font-weight: 700;
}

.dyn2_v-dt-badge-b {
  color: #0176d3;
  background-color: #eaf5fe;
}

.dyn2_v-kb {
  grid-column-gap: .4rem;
  align-items: flex-start;
  column-gap: .4rem;
  width: 100%;
  height: 100%;
  display: flex;
}

.dyn2_v-kb-col {
  grid-row-gap: .3rem;
  background-color: #f3f6fa;
  border-radius: 6px;
  flex-direction: column;
  flex: 1;
  row-gap: .3rem;
  min-height: 110px;
  padding: .3rem;
  display: flex;
}

.dyn2_v-kb-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  height: 26px;
  box-shadow: 0 1px 3px #032d6014;
}

.dyn2_v-kb-tilt {
  border-color: #0176d3;
  transform: rotate(-4deg);
  box-shadow: 0 6px 14px #032d602e;
}

.dyn2_v-pv {
  grid-row-gap: .35rem;
  flex-direction: column;
  row-gap: .35rem;
  width: 100%;
  display: flex;
}

.dyn2_v-pv-row {
  grid-column-gap: .35rem;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr 1fr;
  column-gap: .35rem;
  display: grid;
}

.dyn2_v-pv-cell {
  background-color: #eef3f8;
  border-radius: 3px;
  height: 16px;
}

.dyn2_v-pv-lead {
  background-color: #dfe8f2;
  border-radius: 3px;
  height: 16px;
}

.dyn2_v-pv-tot {
  background-color: #cfe0f3;
  border-radius: 3px;
  height: 16px;
}

.dyn2_v-pv-totlead {
  background-color: #0176d3;
  border-radius: 3px;
  height: 16px;
}

.dyn2_v-tl {
  grid-row-gap: .7rem;
  border-left: 2px solid #d8e3f0;
  flex-direction: column;
  row-gap: .7rem;
  width: 100%;
  padding-left: .5rem;
  display: flex;
}

.dyn2_v-tl-item {
  grid-column-gap: .5rem;
  align-items: center;
  column-gap: .5rem;
  display: flex;
  position: relative;
}

.dyn2_v-tl-dot {
  border-radius: 999px;
  flex: none;
  width: 12px;
  height: 12px;
  margin-left: -1.1rem;
}

.dyn2_v-tl-dot-a {
  background-color: #0176d3;
}

.dyn2_v-tl-dot-b {
  background-color: #2e844a;
}

.dyn2_v-tl-dot-c {
  background-color: #a86403;
}

.dyn2_v-tl-bar {
  background-color: #eef3f8;
  border-radius: 3px;
  width: 70%;
  height: 9px;
}

.dyn2_v-tl-bar-s {
  width: 50%;
}

.dyn2_v-mt {
  text-align: center;
  width: 100%;
}

.dyn2_v-mt-num {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.9rem;
  line-height: 1;
}

.dyn2_v-mt-tr {
  color: #2e844a;
  margin-top: .25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.dyn2_v-mt-lbl {
  color: #54698d;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-top: .35rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
}

.dyn2_v-ch {
  grid-column-gap: .4rem;
  justify-content: center;
  align-items: flex-end;
  column-gap: .4rem;
  width: 100%;
  height: 100px;
  display: flex;
}

.dyn2_v-ch-bar {
  background-color: #0176d3;
  border-radius: 3px 3px 0 0;
  width: 16px;
}

.dyn2_v-ch-h60 {
  height: 60%;
}

.dyn2_v-ch-h90 {
  height: 90%;
}

.dyn2_v-ch-h45 {
  height: 45%;
}

.dyn2_v-ch-h75 {
  height: 75%;
}

.dyn2_v-ch-h100 {
  height: 100%;
}

.dyn2_v-tr {
  grid-row-gap: .55rem;
  flex-direction: column;
  row-gap: .55rem;
  width: 100%;
  display: flex;
}

.dyn2_v-tr-n {
  grid-column-gap: .4rem;
  align-items: center;
  column-gap: .4rem;
  display: flex;
}

.dyn2_v-tr-i1 {
  padding-left: 1rem;
}

.dyn2_v-tr-i2 {
  padding-left: 2rem;
}

.dyn2_v-tr-chev {
  color: #54698d;
  font-size: .8rem;
  font-weight: 700;
}

.dyn2_v-tr-dot {
  background-color: #0176d3;
  border-radius: 999px;
  width: 6px;
  height: 6px;
  margin-left: .15rem;
  margin-right: .15rem;
}

.dyn2_v-tr-bar {
  background-color: #eef3f8;
  border-radius: 3px;
  width: 80%;
  height: 9px;
}

.dyn2_v-tr-bar-s {
  width: 60%;
}

.dyn2_v-sc {
  grid-column-gap: .35rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: .35rem;
  width: 100%;
  height: 110px;
  display: grid;
}

.dyn2_v-sc-col {
  background-color: #f3f6fa;
  border-radius: 5px;
  padding: .25rem;
  position: relative;
}

.dyn2_v-sc-ev {
  border-radius: 4px;
  height: 38px;
  display: block;
}

.dyn2_v-sc-ev-a {
  background-color: #0176d3;
  margin-top: .5rem;
}

.dyn2_v-sc-ev-b {
  background-color: #7cc4f6;
  margin-top: 2.2rem;
}

.dyn2_v-pc {
  background-image: conic-gradient(#0176d3 0% 72%, #e5ecf4 72% 100%);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  display: flex;
}

.dyn2_v-pc-val {
  color: #032d60;
  background-color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  font-family: Salesforcesans, sans-serif;
  font-size: .9rem;
  font-weight: 700;
  display: flex;
}

.dyn2_v-ls {
  grid-row-gap: .6rem;
  flex-direction: column;
  row-gap: .6rem;
  width: 100%;
  display: flex;
}

.dyn2_v-ls-item {
  grid-column-gap: .5rem;
  align-items: center;
  column-gap: .5rem;
  display: flex;
}

.dyn2_v-ls-av {
  background-color: #d8e3f0;
  border-radius: 999px;
  flex: none;
  width: 22px;
  height: 22px;
}

.dyn2_v-ls-lines {
  grid-row-gap: .2rem;
  flex-direction: column;
  flex: 1;
  row-gap: .2rem;
  display: flex;
}

.dyn2_v-ls-t {
  background-color: #dfe8f2;
  border-radius: 3px;
  width: 70%;
  height: 8px;
}

.dyn2_v-ls-m {
  background-color: #eef3f8;
  border-radius: 3px;
  width: 45%;
  height: 6px;
}

.dyn2_v-cb {
  width: 100%;
}

.dyn2_v-cb-field {
  background-color: #fff;
  border: 1px solid #c9d5e3;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .4rem;
  padding: .4rem .5rem;
  display: flex;
}

.dyn2_v-cb-ph {
  background-color: #dfe8f2;
  border-radius: 3px;
  width: 55%;
  height: 8px;
}

.dyn2_v-cb-chev {
  color: #54698d;
  font-size: .7rem;
}

.dyn2_v-cb-menu {
  grid-row-gap: .3rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  flex-direction: column;
  row-gap: .3rem;
  padding: .3rem;
  display: flex;
  box-shadow: 0 6px 16px #032d601a;
}

.dyn2_v-cb-opt {
  background-color: #f1f4f8;
  border-radius: 3px;
  height: 12px;
}

.dyn2_v-cb-opt-sel {
  background-color: #eaf5fe;
  border: 1px solid #7cc4f6;
}

.dyn2_v-rt {
  grid-column-gap: .2rem;
  column-gap: .2rem;
  display: flex;
}

.dyn2_v-rt-s {
  font-size: 1.4rem;
  line-height: 1;
}

.dyn2_v-rt-on {
  color: #f5b800;
}

.dyn2_v-rt-off {
  color: #d8dde6;
}

.dyn2_v-cp {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  gap: .4rem;
  display: grid;
}

.dyn2_v-cp-sw {
  border-radius: 6px;
  width: 28px;
  height: 28px;
}

.dyn2_v-cp-1 {
  background-color: #0176d3;
}

.dyn2_v-cp-2 {
  background-color: #2e844a;
}

.dyn2_v-cp-3 {
  background-color: #a86403;
}

.dyn2_v-cp-4 {
  background-color: #c23934;
}

.dyn2_v-cp-5 {
  background-color: #6b3fa0;
}

.dyn2_v-cp-6 {
  background-color: #0b827c;
}

.dyn2_v-cp-7 {
  background-color: #e4a201;
}

.dyn2_v-cp-8 {
  background-color: #54698d;
}

.dyn2_v-cp-sel {
  outline-offset: 2px;
  outline: 2px solid #032d60;
}

.dyn2_v-sl {
  grid-row-gap: .7rem;
  flex-direction: column;
  align-items: center;
  row-gap: .7rem;
  width: 100%;
  display: flex;
}

.dyn2_v-sl-track {
  background-color: #e5ecf4;
  border-radius: 999px;
  width: 80%;
  height: 6px;
  position: relative;
}

.dyn2_v-sl-fill {
  background-color: #0176d3;
  border-radius: 999px;
  width: 64%;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
}

.dyn2_v-sl-knob {
  background-color: #fff;
  border: 2px solid #0176d3;
  border-radius: 999px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 64%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 5px #032d6033;
}

.dyn2_v-sl-val {
  color: #032d60;
  font-family: Salesforcesans, sans-serif;
  font-size: .9rem;
  font-weight: 700;
}

.dyn2_v-dr {
  grid-column-gap: .4rem;
  align-items: center;
  column-gap: .4rem;
  width: 100%;
  display: flex;
}

.dyn2_v-dr-field {
  grid-column-gap: .35rem;
  background-color: #fff;
  border: 1px solid #c9d5e3;
  border-radius: 6px;
  flex: 1;
  align-items: center;
  column-gap: .35rem;
  padding: .4rem;
  display: flex;
}

.dyn2_v-dr-ico {
  background-color: #7cc4f6;
  border-radius: 3px;
  flex: none;
  width: 12px;
  height: 12px;
}

.dyn2_v-dr-txt {
  background-color: #dfe8f2;
  border-radius: 3px;
  width: 70%;
  height: 8px;
}

.dyn2_v-dr-arrow {
  color: #54698d;
  font-size: .85rem;
}

.dyn2_v-rp {
  grid-row-gap: .5rem;
  flex-direction: column;
  row-gap: .5rem;
  width: 100%;
  display: flex;
}

.dyn2_v-rp-search {
  grid-column-gap: .4rem;
  background-color: #fff;
  border: 1px solid #c9d5e3;
  border-radius: 6px;
  align-items: center;
  column-gap: .4rem;
  padding: .4rem .5rem;
  display: flex;
}

.dyn2_v-rp-mag {
  color: #54698d;
  font-size: .7rem;
  transform: rotate(45deg);
}

.dyn2_v-rp-ph {
  background-color: #dfe8f2;
  border-radius: 3px;
  width: 60%;
  height: 8px;
}

.dyn2_v-rp-pill {
  grid-column-gap: .4rem;
  background-color: #eaf5fe;
  border: 1px solid #7cc4f6;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  column-gap: .4rem;
  padding: .25rem .5rem;
  display: inline-flex;
}

.dyn2_v-rp-av {
  background-color: #0176d3;
  border-radius: 999px;
  width: 16px;
  height: 16px;
}

.dyn2_v-rp-name {
  background-color: #7cc4f6;
  border-radius: 3px;
  width: 52px;
  height: 7px;
}

.dyn2_v-vp {
  grid-column-gap: .4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: .4rem;
  width: 100%;
  display: grid;
}

.dyn2_v-vp-tile {
  background-color: #fbfcfe;
  border: 1px solid #d8e3f0;
  border-radius: 8px;
  height: 56px;
  position: relative;
}

.dyn2_v-vp-sel {
  background-color: #eaf5fe;
  border-color: #0176d3;
}

.dyn2_v-vp-check {
  color: #0176d3;
  font-size: .75rem;
  font-weight: 700;
  position: absolute;
  top: 4px;
  right: 5px;
}

.dyn2_v-dl {
  grid-column-gap: .4rem;
  align-items: center;
  column-gap: .4rem;
  width: 100%;
  display: flex;
}

.dyn2_v-dl-box {
  grid-row-gap: .25rem;
  background-color: #fff;
  border: 1px solid #d8e3f0;
  border-radius: 6px;
  flex-direction: column;
  flex: 1;
  row-gap: .25rem;
  min-height: 76px;
  padding: .3rem;
  display: flex;
}

.dyn2_v-dl-row {
  background-color: #eef3f8;
  border-radius: 3px;
  height: 12px;
}

.dyn2_v-dl-row-a {
  background-color: #eaf5fe;
  border: 1px solid #7cc4f6;
}

.dyn2_v-dl-mid {
  grid-row-gap: .3rem;
  flex-direction: column;
  row-gap: .3rem;
  display: flex;
}

.dyn2_v-dl-arr {
  color: #fff;
  background-color: #0176d3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: .7rem;
  display: flex;
}

.dyn2_v-ct {
  grid-column-gap: .5rem;
  align-items: center;
  column-gap: .5rem;
  display: flex;
}

.dyn2_v-ct-btn {
  color: #0176d3;
  background-color: #fff;
  border: 1px solid #c9d5e3;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

.dyn2_v-ct-val {
  color: #032d60;
  border: 1px solid #c9d5e3;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  height: 30px;
  font-family: Salesforcesans, sans-serif;
  font-size: .95rem;
  font-weight: 700;
  display: flex;
}

.dyn2_v-cht {
  grid-row-gap: .5rem;
  flex-direction: column;
  row-gap: .5rem;
  width: 100%;
  display: flex;
}

.dyn2_v-cht-in {
  background-color: #eef2f6;
  border-radius: 12px 12px 12px 3px;
  align-self: flex-start;
  width: 60%;
  height: 22px;
}

.dyn2_v-cht-in-s {
  width: 45%;
}

.dyn2_v-cht-out {
  background-color: #0176d3;
  border-radius: 12px 12px 3px;
  align-self: flex-end;
  width: 55%;
  height: 22px;
}

.dyn2_rail-cta {
  cursor: pointer;
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  border-style: none;
  text-decoration: none;
}

.dyn2_rail-cta-inner {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 1.25rem;
  display: flex;
}

.dyn2_rail-cta-txt {
  color: #fff;
  margin-bottom: .6rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.15rem;
  line-height: 1.25;
}

.dyn2_rail-cta-chev {
  color: #aacbff;
  font-size: 1.4rem;
  font-weight: 700;
}

.home2_mq-sec {
  background-color: #fafafa;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
  overflow: hidden;
}

.home2_mq-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.home2_mq-eyebrow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-bottom: 1rem;
  display: inline-flex;
}

.home2_mq-dot {
  background-color: #0176d3;
  border-radius: 2px;
  width: .5rem;
  height: .5rem;
  display: inline-block;
}

.home2_mq-eyebrow-txt {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .8125rem;
  font-weight: 600;
}

.home2_mq-h2 {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 2.75rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
}

.chub_fx-hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding-top: 6rem;
  padding-bottom: 4rem;
  overflow: hidden;
}

.chub_fx-hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.chub_fx-chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4rem .9rem;
  display: inline-flex;
}

.chub_fx-h1 {
  color: #fff;
  max-width: 16ch;
  margin-bottom: 1.25rem;
}

.chub_fx-hero-sub {
  color: #eaf5fe;
  max-width: 640px;
  margin-bottom: 2.5rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.chub_fx-bigstat {
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2.5rem;
  display: flex;
}

.chub_fx-bignum {
  color: #aacbff;
  letter-spacing: -.02em;
  font-size: 5.5rem;
  font-weight: 700;
  line-height: 1;
}

.chub_fx-biglabel {
  color: #eaf5fe;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .9375rem;
}

.chub_fx-herocta {
  margin-top: 2.5rem;
}

.chub_fx-wall {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.chub_fx-wall-w {
  background-color: #fff;
}

.chub_fx-wall-g {
  background-color: #f6f8fb;
}

.chub_fx-wall-head {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.chub_fx-eyebrow {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-size: .8125rem;
  font-weight: 700;
}

.chub_fx-wall-h2 {
  color: #0b2a4a;
  max-width: 20ch;
  margin-bottom: .75rem;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.15;
}

.chub_fx-wall-sub {
  color: #3e5060;
  max-width: 560px;
  margin-bottom: 1.5rem;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.chub_fx-wall-stat {
  color: #0176d3;
  letter-spacing: -.02em;
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1;
}

.chub_fx-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1000px;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.chub_fx-tile {
  background-color: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  height: 118px;
  padding: 14px;
  display: flex;
  box-shadow: 0 4px 14px #032d600f;
}

.chub_fx-tile-demo {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.chub_fx-tile-name {
  color: #0b2a4a;
  font-size: 12px;
  font-weight: 600;
}

.chub_fx-wall-cta {
  justify-content: center;
  display: flex;
}

.gl-tbl {
  width: 100%;
}

.gl-row {
  background-color: #eaf5fe;
  border-radius: 2px;
  height: 9px;
  margin-bottom: 5px;
}

.gl-row-h {
  opacity: .85;
  background-color: #0176d3;
  border-radius: 2px;
  width: 60%;
  height: 9px;
  margin-bottom: 5px;
}

.gl-met {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #0b2a4a;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  display: flex;
}

.gl-met-up {
  color: #2e844a;
  font-size: 13px;
}

.gl-pc {
  background-image: conic-gradient(#0176d3 66%, #e6ebf2 0);
  border-radius: 50%;
  width: 44px;
  height: 44px;
}

.gl-rt {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #f5c518;
  font-size: 17px;
  display: flex;
}

.gl-cb {
  background-color: #fff;
  border: 1px solid #c9d8ee;
  border-radius: 5px;
  width: 88%;
  padding-top: 3px;
  padding-bottom: 3px;
}

.gl-cb-a {
  opacity: .6;
  background-color: #0176d3;
  border-radius: 2px;
  height: 8px;
  margin: 5px;
}

.gl-cb-b {
  background-color: #eaf5fe;
  border-radius: 2px;
  height: 8px;
  margin: 5px;
}

.gl-av {
  display: flex;
}

.gl-av-a {
  color: #fff;
  background-color: #5867e8;
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 9px;
  display: flex;
}

.gl-av-b {
  background-color: #0176d3;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-left: -7px;
}

.gl-col {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.gl-col-a {
  background-color: #0176d3;
  border-radius: 4px;
  width: 16px;
  height: 16px;
}

.gl-col-b {
  background-color: #2e844a;
  border-radius: 4px;
  width: 16px;
  height: 16px;
}

.gl-col-c {
  background-color: #fe9339;
  border-radius: 4px;
  width: 16px;
  height: 16px;
}

.gl-col-d {
  background-color: #e5484d;
  border-radius: 4px;
  width: 16px;
  height: 16px;
}

.gl-tl {
  border-left: 2px solid #d8e3f0;
  width: 60%;
  height: 46px;
  margin-left: 6px;
  position: relative;
}

.gl-tl-a {
  background-color: #0176d3;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 2px;
  left: -5px;
}

.gl-tl-b {
  background-color: #5867e8;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 18px;
  left: -5px;
}

.gl-tl-c {
  background-color: #2e844a;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 36px;
  left: -5px;
}

.gl-dl {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  width: 100%;
  display: flex;
}

.gl-dl-box {
  background-color: #fbfdff;
  border: 1px solid #d8e3f0;
  border-radius: 4px;
  flex: 1;
  height: 40px;
}

.gl-dl-ar {
  color: #0176d3;
  font-size: 12px;
}

.gl-sl {
  background-color: #dbe6f2;
  border-radius: 2px;
  width: 90%;
  height: 4px;
  position: relative;
}

.gl-sl-k {
  background-color: #0176d3;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -6px;
  left: 55%;
}

.gl-pi {
  align-items: center;
  width: 92%;
  display: flex;
}

.gl-pi-d {
  background-color: #0176d3;
  border-radius: 50%;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.gl-pi-l {
  background-color: #0176d3;
  flex: 1;
  height: 3px;
}

.gl-pi-d2 {
  background-color: #c9d8ee;
  border-radius: 50%;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.gl-chip {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-wrap: wrap;
  display: flex;
}

.gl-chip-i {
  color: #0176d3;
  background-color: #eaf5fe;
  border-radius: 100px;
  padding: 3px 8px;
  font-size: 9px;
}

.chub_fx-eyebrow-dyn, .chub_fx-wall-stat-dyn {
  color: #5867e8;
}

.gd-kan {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  width: 100%;
  height: 52px;
  display: flex;
}

.gd-kan-c {
  background-color: #eef1fb;
  border-radius: 4px;
  flex: 1;
  position: relative;
}

.gd-kan-card {
  background-color: #c7cef5;
  border-radius: 2px;
  height: 10px;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
}

.gd-kan-card2 {
  background-color: #5867e8;
  border-radius: 2px;
  height: 10px;
  position: absolute;
  top: 18px;
  left: 4px;
  right: 4px;
}

.gd-pv {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  width: 82%;
  display: grid;
}

.gd-pv-c {
  background-color: #eef2f8;
  border-radius: 2px;
  height: 12px;
}

.gd-pv-h {
  opacity: .7;
  background-color: #5867e8;
  border-radius: 2px;
  height: 12px;
}

.gd-ch {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: flex-end;
  height: 48px;
  display: flex;
}

.gd-ch-b1 {
  background-color: #5867e8;
  border-radius: 2px 2px 0 0;
  width: 12px;
  height: 60%;
}

.gd-ch-b2 {
  background-color: #5867e8;
  border-radius: 2px 2px 0 0;
  width: 12px;
  height: 85%;
}

.gd-ch-b3 {
  background-color: #5867e8;
  border-radius: 2px 2px 0 0;
  width: 12px;
  height: 40%;
}

.gd-ch-b4 {
  background-color: #5867e8;
  border-radius: 2px 2px 0 0;
  width: 12px;
  height: 70%;
}

.gd-tree {
  color: #0b2a4a;
  width: 80%;
  font-size: 11px;
  line-height: 1.5;
}

.gd-tree-r1 {
  font-weight: 600;
}

.gd-tree-r2, .gd-tree-r3 {
  color: #5867e8;
  padding-left: 12px;
}

.gd-pb {
  background-color: #e6ebf7;
  border-radius: 4px;
  width: 88%;
  height: 8px;
  position: relative;
  overflow: hidden;
}

.gd-pb-f {
  background-color: #5867e8;
  border-radius: 4px;
  width: 64%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.gd-sch {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  width: 88%;
  display: grid;
}

.gd-sch-c {
  background-color: #eef1fb;
  border-radius: 2px;
  height: 11px;
}

.gd-sch-e {
  opacity: .75;
  background-color: #5867e8;
  border-radius: 2px;
  height: 11px;
}

.gd-badge {
  color: #fff;
  background-color: #5867e8;
  border-radius: 100px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 600;
}

.gd-status {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0b2a4a;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.gd-status-dot {
  background-color: #2e844a;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.gd-dr {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #3e5060;
  align-items: center;
  font-size: 10px;
  display: flex;
}

.gd-dr-box {
  background-color: #fff;
  border: 1px solid #c9d8ee;
  border-radius: 4px;
  padding: 4px 6px;
}

.gd-dr-ar {
  color: #5867e8;
}

.chub_fx-eyebrow-flow, .chub_fx-wall-stat-flow {
  color: #2e844a;
}

.gf-vp {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 92%;
  display: flex;
}

.gf-vp-t {
  background-color: #f4faf6;
  border: 1px solid #cfe3d6;
  border-radius: 5px;
  flex: 1;
  height: 36px;
}

.gf-vp-s {
  background-color: #eaf6ee;
  border: 2px solid #2e844a;
  border-radius: 5px;
  flex: 1;
  height: 36px;
  position: relative;
}

.gf-vp-ck {
  color: #2e844a;
  font-size: 11px;
  position: absolute;
  top: 2px;
  right: 3px;
}

.gf-cs {
  color: #0b2a4a;
  width: 88%;
  font-size: 11px;
  line-height: 1.7;
}

.gf-cs-on {
  color: #2e844a;
}

.gf-cs-off {
  color: #8a99a8;
}

.gf-pi {
  align-items: center;
  width: 92%;
  display: flex;
}

.gf-pi-d {
  background-color: #2e844a;
  border-radius: 50%;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.gf-pi-l {
  background-color: #2e844a;
  flex: 1;
  height: 3px;
}

.gf-pi-d2 {
  background-color: #c7dfce;
  border-radius: 50%;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.gf-dp {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  width: 78%;
  display: grid;
}

.gf-dp-d {
  background-color: #eef2f8;
  border-radius: 2px;
  height: 11px;
}

.gf-dp-sel {
  background-color: #2e844a;
  border-radius: 2px;
  height: 11px;
}

.gf-bc {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  align-items: flex-end;
  height: 40px;
  display: flex;
}

.gf-bc-1 {
  background-color: #0b2a4a;
  width: 3px;
  height: 100%;
}

.gf-bc-2 {
  background-color: #0b2a4a;
  width: 2px;
  height: 100%;
}

.gf-bc-3 {
  background-color: #0b2a4a;
  width: 4px;
  height: 100%;
}

.gf-bc-s {
  background-color: #fff;
  width: 3px;
  height: 100%;
}

.gf-sl {
  background-color: #d5ead9;
  border-radius: 2px;
  width: 90%;
  height: 4px;
  position: relative;
}

.gf-sl-k {
  background-color: #2e844a;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -6px;
  left: 60%;
}

.gf-ct {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.gf-ct-b {
  color: #2e844a;
  background-color: #f4faf6;
  border: 1px solid #cfe3d6;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  display: flex;
}

.gf-ct-v {
  color: #0b2a4a;
  font-size: 16px;
  font-weight: 700;
}

.chub_fx-eyebrow-xpc, .chub_fx-wall-stat-xpc {
  color: #fe9339;
}

.gx-card {
  background-color: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 6px;
  width: 88%;
  overflow: hidden;
}

.gx-card-img {
  background-color: #ffe6cc;
  height: 22px;
}

.gx-card-body {
  padding: 5px 6px;
}

.gx-card-t {
  opacity: .35;
  background-color: #0b2a4a;
  border-radius: 2px;
  width: 70%;
  height: 6px;
  margin-bottom: 4px;
}

.gx-card-s {
  background-color: #e0e6ee;
  border-radius: 2px;
  width: 50%;
  height: 5px;
}

.gx-pc {
  background-image: conic-gradient(#fe9339 78%, #f0e2d3 0);
  border-radius: 50%;
  width: 44px;
  height: 44px;
}

.gx-gal {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, 1fr);
  width: 60%;
  display: grid;
}

.gx-gal-c {
  background-color: #ffe6cc;
  border-radius: 3px;
  height: 20px;
}

.gx-gal-c2 {
  background-color: #ffd4a8;
  border-radius: 3px;
  height: 20px;
}

.gx-tabs {
  width: 90%;
}

.gx-tabs-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #e0e6ee;
  margin-bottom: 5px;
  display: flex;
}

.gx-tabs-on {
  color: #fe9339;
  border-bottom: 2px solid #fe9339;
  padding-bottom: 3px;
  font-size: 10px;
}

.gx-tabs-off {
  color: #8a99a8;
  padding-bottom: 3px;
  font-size: 10px;
}

.gx-tabs-body {
  background-color: #f4f6fa;
  border-radius: 3px;
  height: 14px;
}

.gx-ban {
  color: #fff;
  background-image: linear-gradient(90deg, #fe9339, #ffb066);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 34px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.gx-soc {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.gx-soc-i {
  background-color: #fe9339;
  border-radius: 5px;
  width: 20px;
  height: 20px;
}

.gx-soc-i2 {
  background-color: #5867e8;
  border-radius: 5px;
  width: 20px;
  height: 20px;
}

.gx-soc-i3 {
  background-color: #0176d3;
  border-radius: 5px;
  width: 20px;
  height: 20px;
}

.gx-av-a {
  color: #fff;
  background-color: #fe9339;
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 9px;
  display: flex;
}

.gx-av-b {
  background-color: #ffb066;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-left: -7px;
}

.gx-pi-d {
  background-color: #fe9339;
  border-radius: 50%;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.gx-pi-l {
  background-color: #fe9339;
  flex: 1;
  height: 3px;
}

.gx-pi-d2 {
  background-color: #f2ddc6;
  border-radius: 50%;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.gx-chip-i {
  color: #c96a12;
  background-color: #fff0e0;
  border-radius: 100px;
  padding: 3px 8px;
  font-size: 9px;
}

.home2_sm-frame {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px #032d6014;
}

.home2_sm-topbar {
  grid-column-gap: 6px;
  background-color: #f3f6fb;
  border-bottom: 1px solid #eef1f5;
  align-items: center;
  height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.home2_sm-dot {
  background-color: #0176d3;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.home2_sm-tl {
  background-color: #d9e3f0;
  border-radius: 3px;
  width: 70px;
  height: 6px;
}

.home2_lp-body {
  grid-column-gap: 10px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1.7fr 1fr;
  padding: 12px;
  display: grid;
}

.home2_lp-col {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.home2_sm-card {
  grid-row-gap: 6px;
  background-color: #f7f9fc;
  border: 1px solid #eef1f5;
  border-radius: 6px;
  flex-direction: column;
  padding: 10px;
  display: flex;
}

.home2_lp-tall {
  flex: 1;
}

.home2_sm-ln {
  background-color: #e3e9f2;
  border-radius: 3px;
  height: 6px;
}

.home2_sm-ln-b {
  background-color: #cfe0f5;
}

.home2_sm-w40 {
  width: 40%;
}

.home2_sm-w50 {
  width: 50%;
}

.home2_sm-w60 {
  width: 60%;
}

.home2_sm-w70 {
  width: 70%;
}

.home2_sm-w80 {
  width: 80%;
}

.home2_sm-w85 {
  width: 85%;
}

.home2_sm-w90 {
  width: 90%;
}

.home2_sf-frame {
  grid-row-gap: 14px;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  padding: 16px;
  display: flex;
  position: absolute;
  inset: 14px;
  box-shadow: 0 6px 18px #032d6014;
}

.home2_sf-steps {
  grid-column-gap: 0px;
  align-items: center;
  display: flex;
}

.home2_sf-chev {
  clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%, 12% 50%);
  background-color: #e3e9f2;
  flex: 1;
  height: 16px;
}

.home2_sf-chev-first {
  clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);
}

.home2_sf-chev-on {
  background-color: #0176d3;
}

.home2_sf-chev-done {
  background-color: #aacbff;
}

.home2_sf-field {
  background-color: #f7f9fc;
  border: 1px solid #e3e9f2;
  border-radius: 6px;
  align-items: center;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.home2_sf-fieldln {
  background-color: #e3e9f2;
  border-radius: 3px;
  width: 45%;
  height: 6px;
}

.home2_sf-btn {
  background-color: #0176d3;
  border-radius: 6px;
  align-self: flex-end;
  width: 88px;
  height: 26px;
  margin-top: auto;
}

.home2_xp-frame {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px #032d6014;
}

.home2_xp-hd {
  grid-column-gap: 8px;
  background-color: #0b2b52;
  align-items: center;
  height: 34px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.home2_xp-logo {
  background-color: #aacbff;
  border-radius: 4px;
  width: 16px;
  height: 16px;
}

.home2_xp-nav {
  background-color: #ffffff59;
  border-radius: 3px;
  width: 120px;
  height: 6px;
}

.home2_xp-search {
  background-color: #ffffff26;
  border-radius: 8px;
  width: 90px;
  height: 16px;
  margin-left: auto;
}

.home2_xp-body {
  grid-column-gap: 10px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 14px;
  display: grid;
}

.home2_xp-tile {
  grid-row-gap: 6px;
  background-color: #f7f9fc;
  border: 1px solid #eef1f5;
  border-radius: 8px;
  flex-direction: column;
  padding: 10px;
  display: flex;
}

.home2_xp-cir {
  background-color: #cfe0f5;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.home2_cb-frame {
  background-color: #fff;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 56px 1fr 66px;
  display: grid;
  position: absolute;
  inset: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px #032d6014;
}

.home2_cb-pal {
  grid-row-gap: 7px;
  background-color: #f3f6fb;
  border-right: 1px solid #eef1f5;
  flex-direction: column;
  padding: 10px 8px;
  display: flex;
}

.home2_cb-item {
  background-color: #d9e3f0;
  border-radius: 3px;
  height: 10px;
}

.home2_cb-canvas {
  background-color: #eef3fb;
  justify-content: center;
  align-items: center;
  padding: 14px;
  display: flex;
}

.home2_cb-sel {
  grid-row-gap: 7px;
  background-color: #fff;
  border: 2px solid #0176d3;
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  padding: 10px;
  display: flex;
  box-shadow: 0 4px 14px #0176d32e;
}

.home2_cb-row {
  grid-column-gap: 6px;
  display: flex;
}

.home2_cb-rowln {
  background-color: #e3e9f2;
  border-radius: 3px;
  flex: 1;
  height: 6px;
}

.home2_cb-props {
  grid-row-gap: 7px;
  background-color: #f3f6fb;
  border-left: 1px solid #eef1f5;
  flex-direction: column;
  padding: 10px 8px;
  display: flex;
}

.home2_cb-prop {
  background-color: #e3e9f2;
  border-radius: 3px;
  height: 8px;
}

.flow2_sec-ab {
  background-color: #fff;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.flow2_ab-bento {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr;
  margin-top: 3rem;
  display: grid;
}

.flow2_ab-tile {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.flow2_ab-tile-demo {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1.25rem;
  grid-template-columns: minmax(0, 440px) 1fr;
  grid-column-start: span 2;
  align-items: center;
  display: grid;
}

.flow2_ab-chip {
  color: #0176d3;
  background-color: #eaf5fe;
  border-radius: 999px;
  align-self: flex-start;
  margin-bottom: 1.25rem;
  padding: .25rem .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-block;
}

.flow2_ab-flow {
  background-color: #f9f9fb;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  max-width: 420px;
  overflow: hidden;
}

.flow2_ab-flow-head {
  background-color: #f3f3f3;
  border-bottom: 1px solid #e5e5e5;
  padding: .75rem 1rem;
}

.flow2_ab-flow-title {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 700;
}

.flow2_ab-flow-step {
  color: #706e6b;
  margin-top: .125rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
}

.flow2_ab-flow-body {
  background-color: #fff;
  padding: 1rem;
}

.flow2_ab-fld {
  margin-bottom: .85rem;
}

.flow2_ab-fld-lbl {
  color: #3e3e3c;
  margin-bottom: .25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 600;
}

.flow2_ab-fld-inp {
  color: #181818;
  background-color: #fff;
  border: 1px solid #c9c7c5;
  border-radius: 6px;
  padding: .4rem .6rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.flow2_ab-fld-cbx {
  background-color: #fff;
  border: 1px solid #c9c7c5;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  padding: .4rem .6rem;
  display: flex;
}

.flow2_ab-fld-cbxval {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.flow2_ab-fld-chev {
  border-top: 5px solid #706e6b;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  width: 0;
  height: 0;
}

.flow2_ab-flow-btns {
  grid-column-gap: .5rem;
  justify-content: flex-end;
  margin-top: 1.1rem;
  display: flex;
}

.flow2_ab-flow-prev {
  color: #0176d3;
  background-color: #fff;
  border: 1px solid #c9c7c5;
  border-radius: 6px;
  padding: .4rem .9rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.flow2_ab-flow-next {
  color: #fff;
  background-color: #0176d3;
  border-radius: 6px;
  padding: .4rem .9rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.flow2_ab-lead {
  color: #181818;
  margin-top: 1.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 700;
}

.flow2_ab-lead.flow2_ab-lead-nomt {
  margin-top: 0;
}

.flow2_ab-say {
  color: #54698d;
  margin-top: .35rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.flow2_ab-tile-stat {
  justify-content: flex-start;
}

.flow2_ab-statnum {
  color: #032d60;
  font-family: Salesforcesans, sans-serif;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1;
}

.flow2_ab-statlbl {
  color: #54698d;
  margin-top: .5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.flow2_ab-tbl {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
}

.flow2_ab-tbl-row {
  border-bottom: 1px solid #eef1f6;
  grid-template-rows: auto;
  grid-template-columns: 1fr .9fr .7fr;
  display: grid;
}

.flow2_ab-tbl-head {
  background-color: #f3f6f9;
}

.flow2_ab-tbl-c {
  color: #181818;
  padding: .4rem .6rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
}

.flow2_ab-tbl-hc {
  color: #54698d;
  font-weight: 600;
}

.flow2_ab-tbl-badge {
  color: #fff;
  background-color: #2e844a;
  border-radius: 4px;
  padding: .05rem .4rem;
  font-size: .6875rem;
  font-weight: 600;
  display: inline-block;
}

.app2_mur-wrap {
  display: block;
}

.app2_mur-stat {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: baseline;
  margin-top: .5rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.app2_mur-statnum {
  color: #0176d3;
  letter-spacing: -.02em;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
}

.app2_mur-statlbl {
  color: #5c5c5c;
  font-size: 1rem;
  font-weight: 500;
}

.app2_mur {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.flow2_ab-railwrap {
  margin-top: 4rem;
}

.flow2_ab-raileye {
  color: #706e6b;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.flow2_ab-rail {
  grid-column-gap: 1rem;
  scroll-snap-type: x mandatory;
  padding-bottom: 1rem;
  padding-right: 3rem;
  display: flex;
  overflow-x: auto;
}

.flow2_ab-vig {
  scroll-snap-align: start;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex-direction: column;
  flex: 0 0 240px;
  height: 200px;
  padding: 1rem;
  display: flex;
}

.flow2_ab-vig.flow2_ab-cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  border-color: #0000;
  justify-content: flex-end;
  align-items: flex-start;
  text-decoration: none;
}

.flow2_ab-vig-demo {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flow2_ab-vig-chip {
  color: #181818;
  margin-top: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.app2_vig {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex-direction: column;
  height: 200px;
  display: flex;
  overflow: hidden;
}

.app2_vig-demo {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 0;
  padding: 14px;
  display: flex;
}

.app2_vig-chip {
  color: #181818;
  border-top: 1px solid #eee;
  padding: 10px 14px;
  font-size: .8rem;
  font-weight: 600;
}

.app2_dt {
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  width: 100%;
  font-size: .62rem;
  overflow: hidden;
}

.app2_dt-row {
  grid-template-rows: auto;
  grid-template-columns: 1fr .9fr .7fr;
  display: grid;
}

.app2_dt-head {
  color: #5c5c5c;
  background-color: #f3f3f3;
  font-weight: 600;
}

.app2_dt-c {
  color: #181818;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #f0f0f0;
  padding: 4px 6px;
  overflow: hidden;
}

.app2_dt-badge {
  color: #fff;
  background-color: #2e844a;
  border-radius: 10px;
  padding: 1px 6px;
  font-size: .55rem;
}

.app2_dt-badge-open {
  color: #0176d3;
  background-color: #eaf5fe;
}

.flow2_kb {
  grid-column-gap: .4rem;
  width: 100%;
  padding: 0 .5rem;
  display: flex;
}

.flow2_kb-col {
  grid-row-gap: .3rem;
  background-color: #f3f6f9;
  border-radius: 6px;
  flex-direction: column;
  flex: 1;
  min-height: 96px;
  padding: .3rem;
  display: flex;
}

.flow2_kb-card {
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 4px;
  height: 22px;
}

.flow2_kb-drag {
  border-color: #0176d3;
  transform: rotate(-3deg);
  box-shadow: 0 6px 14px #032d602e;
}

.flow2_dt {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  width: 100%;
  overflow: hidden;
}

.flow2_dt-row {
  border-bottom: 1px solid #eef1f6;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.flow2_dt-head {
  background-color: #f3f6f9;
}

.flow2_dt-c {
  border-right: 1px solid #eef1f6;
  justify-content: center;
  align-items: center;
  height: 20px;
  display: flex;
}

.flow2_dt-badge {
  background-color: #2e844a;
  border-radius: 4px;
  width: 60%;
  height: 8px;
  display: inline-block;
}

.flow2_tl {
  grid-row-gap: .75rem;
  border-left: 2px solid #d8dde6;
  flex-direction: column;
  width: 100%;
  padding-left: .75rem;
  display: flex;
}

.flow2_tl-row {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
  position: relative;
}

.flow2_tl-dot {
  border-radius: 999px;
  width: 10px;
  height: 10px;
  margin-left: -1.15rem;
}

.flow2_tl-d1 {
  background-color: #0176d3;
}

.flow2_tl-d2 {
  background-color: #2e844a;
}

.flow2_tl-d3 {
  background-color: #dd7a01;
}

.flow2_tl-bar {
  background-color: #eef1f6;
  border-radius: 4px;
  flex: 1;
  height: 8px;
}

.app2_list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.app2_list-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.app2_list-av {
  color: #fff;
  background-color: #0176d3;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: .55rem;
  font-weight: 600;
  display: flex;
}

.app2_list-av2 {
  background-color: #5867e8;
}

.app2_list-av3 {
  background-color: #2e844a;
}

.app2_list-tx {
  min-width: 0;
}

.app2_list-t {
  color: #181818;
  font-size: .68rem;
  font-weight: 600;
  line-height: 1.1;
}

.app2_list-m {
  color: #8c8c8c;
  font-size: .58rem;
  line-height: 1.2;
}

.app2_tl {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 100%;
  padding-left: 6px;
  display: flex;
  position: relative;
}

.app2_tl-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.app2_tl-dot {
  background-color: #0176d3;
  border-radius: 50%;
  flex: none;
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 3px #eaf5fe;
}

.app2_tl-dot2 {
  background-color: #2e844a;
  box-shadow: 0 0 0 3px #ebf7ee;
}

.app2_tl-dot3 {
  background-color: #5867e8;
  box-shadow: 0 0 0 3px #eef0fd;
}

.app2_tl-lb {
  color: #181818;
  font-size: .64rem;
  font-weight: 500;
}

.flow2_rt {
  grid-column-gap: .35rem;
  display: flex;
}

.flow2_rt-star {
  clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  background-color: #e5e5e5;
  width: 20px;
  height: 20px;
}

.flow2_rt-on {
  background-color: #f5b800;
}

.flow2_cb {
  width: 100%;
}

.flow2_cb-field {
  border: 1px solid #c9c7c5;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .35rem;
  padding: .35rem .5rem;
  display: flex;
}

.flow2_cb-ftxt {
  background-color: #d8dde6;
  border-radius: 4px;
  width: 55%;
  height: 8px;
}

.flow2_cb-chev {
  border-top: 5px solid #706e6b;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  width: 0;
  height: 0;
}

.flow2_cb-list {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  overflow: hidden;
}

.flow2_cb-opt {
  border-bottom: 1px solid #eef1f6;
  height: 16px;
}

.flow2_cb-sel {
  background-color: #eaf5fe;
}

.flow2_pc {
  background-image: conic-gradient(#0176d3 0% 72%, #e5e5e5 72% 100%);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 84px;
  height: 84px;
  display: flex;
}

.flow2_pc-val {
  color: #032d60;
  background-color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
  display: flex;
}

.app2_mt {
  text-align: left;
  width: 100%;
}

.app2_mt-lbl {
  color: #8c8c8c;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: .6rem;
}

.app2_mt-val {
  color: #181818;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1;
}

.app2_mt-tr {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.app2_mt-arrow {
  color: #2e844a;
  font-size: .6rem;
}

.app2_mt-pct {
  color: #2e844a;
  font-size: .7rem;
  font-weight: 600;
}

.app2_kb {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  align-items: start;
  width: 100%;
  display: grid;
}

.app2_kb-col {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #f3f3f3;
  border-radius: 6px;
  flex-direction: column;
  min-height: 70px;
  padding: 6px;
  display: flex;
}

.app2_kb-card {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  height: 20px;
  box-shadow: 0 1px 2px #0000000a;
}

.app2_kb-tilt {
  border-color: #0176d3;
  transform: rotate(-4deg);
  box-shadow: 0 4px 10px #0176d338;
}

.app2_cal {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  display: grid;
}

.app2_cal-col {
  border: 1px solid #ececec;
  border-radius: 6px;
  min-height: 64px;
  padding: 6px;
}

.app2_cal-day {
  color: #8c8c8c;
  text-align: center;
  margin-bottom: 6px;
  font-size: .55rem;
  font-weight: 600;
}

.app2_cal-ev {
  background-color: #0176d3;
  border-radius: 3px;
  height: 16px;
  margin-bottom: 4px;
}

.app2_cal-ev2 {
  background-color: #5867e8;
}

.flow2_mt {
  text-align: center;
}

.flow2_mt-val {
  color: #032d60;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
}

.flow2_mt-trend {
  grid-column-gap: .3rem;
  justify-content: center;
  align-items: center;
  margin-top: .35rem;
  display: flex;
}

.flow2_mt-arrow {
  border-bottom: 8px solid #2e844a;
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  width: 0;
  height: 0;
}

.flow2_mt-pct {
  color: #2e844a;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.flow2_dp {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
  padding: 0 .5rem;
  display: grid;
}

.flow2_dp-cell {
  aspect-ratio: 1;
  background-color: #f0f3f7;
  border-radius: 4px;
}

.flow2_dp-on {
  background-color: #0176d3;
}

.flow2_tr {
  grid-row-gap: .6rem;
  flex-direction: column;
  width: 100%;
  padding: 0 .5rem;
  display: flex;
}

.flow2_tr-node {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
}

.flow2_tr-in1 {
  padding-left: 1.1rem;
}

.flow2_tr-in2 {
  padding-left: 2.2rem;
}

.flow2_tr-chev {
  border-top: 4px solid #0000;
  border-bottom: 4px solid #0000;
  border-left: 6px solid #706e6b;
  width: 0;
  height: 0;
}

.flow2_tr-bar {
  background-color: #eef1f6;
  border-radius: 4px;
  flex: 1;
  height: 9px;
}

.app2_pc {
  background-image: conic-gradient(#0176d3 0% 72%, #e8eef5 72% 100%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 84px;
  height: 84px;
  display: flex;
}

.app2_pc-val {
  color: #181818;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: .85rem;
  font-weight: 700;
  display: flex;
}

.app2_il {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.app2_il-cell {
  background-image: linear-gradient(135deg, #eaf5fe, #c9e3fb);
  border-radius: 5px;
  height: 34px;
}

.app2_il-c2 {
  background-image: linear-gradient(135deg, #eef0fd, #d5daf8);
}

.app2_il-c3 {
  background-image: linear-gradient(135deg, #ebf7ee, #cdebd6);
}

.app2_il-c4 {
  background-image: linear-gradient(135deg, #f3f3f3, #e0e0e0);
}

.app2_ag {
  align-items: center;
  display: flex;
}

.app2_ag-av {
  color: #fff;
  background-color: #0176d3;
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: -8px;
  font-size: .6rem;
  font-weight: 600;
  display: flex;
}

.app2_ag-av2 {
  background-color: #5867e8;
}

.app2_ag-av3 {
  background-color: #2e844a;
}

.app2_ag-more {
  color: #0176d3;
  background-color: #eaf5fe;
}

.app2_rt {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.app2_rt-st {
  color: #f5b800;
  font-size: 1.3rem;
  line-height: 1;
}

.app2_rt-off {
  color: #e0e0e0;
}

.app2_ch {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 84px;
  display: flex;
}

.app2_ch-bar {
  background-color: #0176d3;
  border-radius: 3px 3px 0 0;
  width: 16px;
}

.app2_ch-h60 {
  height: 60%;
}

.app2_ch-h90 {
  background-color: #5867e8;
  height: 90%;
}

.app2_ch-h45 {
  height: 45%;
}

.app2_ch-h75 {
  background-color: #5867e8;
  height: 75%;
}

.app2_vig-cta {
  cursor: pointer;
  background-image: linear-gradient(135deg, #0b3d91, #0176d3);
  border-style: none;
  text-decoration: none;
}

.app2_cta-inner-1 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.app2_cta-txt {
  color: #fff;
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.2;
}

.app2_cta-chev {
  color: #aacbff;
  font-size: 1.6rem;
  line-height: 1;
}

.flow2_cp {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  padding: 0 .5rem;
  display: grid;
}

.flow2_cp-sw {
  aspect-ratio: 1;
  border-radius: 5px;
}

.flow2_cp-selc {
  outline-offset: 2px;
  outline: 2px solid #032d60;
}

.flow2_cp-s1 {
  background-color: #0176d3;
}

.flow2_cp-s2 {
  background-color: #2e844a;
}

.flow2_cp-s3 {
  background-color: #dd7a01;
}

.flow2_cp-s4 {
  background-color: #ba0517;
}

.flow2_cp-s5 {
  background-color: #9050e9;
}

.flow2_cp-s6 {
  background-color: #06a59a;
}

.flow2_cp-s7 {
  background-color: #e4a201;
}

.flow2_cp-s8 {
  background-color: #5867e8;
}

.flow2_sl {
  width: 100%;
  padding: 0 .75rem;
}

.flow2_sl-track {
  background-color: #e5e5e5;
  border-radius: 999px;
  height: 6px;
  position: relative;
}

.flow2_sl-fill {
  background-color: #0176d3;
  border-radius: 999px;
  width: 64%;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
}

.flow2_sl-knob {
  background-color: #fff;
  border: 2px solid #0176d3;
  border-radius: 999px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -5px;
  left: 60%;
}

.flow2_sl-val {
  color: #032d60;
  text-align: center;
  margin-top: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.flow2_ct {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
}

.flow2_ct-btn {
  color: #0176d3;
  border: 1px solid #c9c7c5;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
}

.flow2_ct-val {
  color: #181818;
  border: 1px solid #c9c7c5;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 32px;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  display: flex;
}

.flow2_ab-cta-txt {
  color: #fff;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
}

.flow2_ab-cta-chev {
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 9px solid #aacbff;
  width: 0;
  height: 0;
  margin-top: .75rem;
}

.flow2_ab-cta-inner {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.xpc2_ab-bento {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.6fr 1fr;
  margin-top: 16px;
  display: grid;
}

.xpc2_ab-tile {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 22px;
  display: flex;
  overflow: hidden;
}

.xpc2_ab-tile-hero {
  background-color: #f7fafd;
  grid-row-start: span 2;
}

.xpc2_ab-demo {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 180px;
  display: flex;
}

.xpc2_ab-demo-gallery {
  padding: 8px 0;
}

.xpc2_gal-grid {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 360px;
  display: grid;
}

.xpc2_gal-cell {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.xpc2_gal-media {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  height: 88px;
}

.xpc2_gal-m1 {
  background-image: linear-gradient(135deg, #0176d3, #57a8ec);
}

.xpc2_gal-m2 {
  background-image: linear-gradient(135deg, #04844b, #5bbf8a);
}

.xpc2_gal-m3 {
  background-image: linear-gradient(135deg, #5867e8, #9aa6f2);
}

.xpc2_gal-m4 {
  background-image: linear-gradient(135deg, #e8862e, #f2b676);
}

.xpc2_gal-cap {
  color: #514f4d;
  font-size: .8rem;
  font-weight: 600;
}

.xpc2_ab-cap {
  margin-top: 18px;
}

.xpc2_ab-lead {
  color: #181818;
  margin-bottom: 4px;
  font-size: 1.05rem;
  font-weight: 700;
}

.xpc2_ab-sub {
  color: #514f4d;
  font-size: .95rem;
  line-height: 1.45;
}

.xpc2_ab-tile-stat {
  background-color: #032d60;
  justify-content: center;
  align-items: flex-start;
}

.xpc2_ab-statnum {
  color: #aacbff;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}

.xpc2_ab-statlabel {
  color: #eaf5fe;
  max-width: 180px;
  margin-top: 10px;
  font-size: 1rem;
}

.xpc2_ab-demo-record {
  flex-direction: column;
  align-items: stretch;
  min-height: 150px;
}

.xpc2_rec-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}

.xpc2_rec-avatar {
  background-image: linear-gradient(135deg, #0176d3, #57a8ec);
  border-radius: 50%;
  flex: none;
  width: 36px;
  height: 36px;
}

.xpc2_rec-headtxt {
  flex: 1;
}

.xpc2_rec-name {
  color: #181818;
  font-size: .9rem;
  font-weight: 600;
}

.xpc2_rec-meta {
  color: #706e6b;
  font-size: .75rem;
}

.xpc2_rec-badge {
  color: #04844b;
  background-color: #ebf7f1;
  border: 1px solid #b8e0cb;
  border-radius: 12px;
  padding: 2px 10px;
  font-size: .7rem;
  font-weight: 600;
}

.xpc2_rec-rows {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding-top: 14px;
  display: flex;
}

.xpc2_rec-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.xpc2_rec-lbl {
  color: #706e6b;
  flex: none;
  width: 64px;
  font-size: .78rem;
}

.xpc2_rec-val {
  background-color: #d8dde6;
  border-radius: 5px;
  flex: 1;
  height: 9px;
}

.xpc2_rec-val-s {
  max-width: 90px;
}

.xpc2_rec-val-m {
  max-width: 130px;
}

.xpc2_ab-railwrap {
  margin-top: 40px;
}

.xpc2_ab-eyebrow2 {
  color: #706e6b;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: .8rem;
  font-weight: 600;
}

.xpc2_ab-rail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  scroll-snap-type: x mandatory;
  padding-bottom: 12px;
  padding-right: 56px;
  display: flex;
  overflow-x: auto;
}

.xpc2_vig {
  scroll-snap-align: start;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex-direction: column;
  flex: 0 0 240px;
  height: 200px;
  display: flex;
}

.xpc2_vig-demo {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
}

.xpc2_vig-chip {
  color: #181818;
  border-top: 1px solid #f0f0f0;
  padding: 12px 16px;
  font-size: .85rem;
  font-weight: 600;
}

.xpc2_dt {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.xpc2_dt-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.xpc2_dt-ch {
  background-color: #c9d3e0;
  border-radius: 4px;
  flex: 1;
  height: 8px;
}

.xpc2_dt-c {
  background-color: #e0e5ec;
  border-radius: 4px;
  flex: 1;
  height: 8px;
}

.xpc2_dt-c-s {
  max-width: 36px;
}

.xpc2_dt-badge {
  color: #0176d3;
  background-color: #eaf5fe;
  border-radius: 8px;
  padding: 2px 7px;
  font-size: .62rem;
  font-weight: 600;
}

.xpc2_kb {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.xpc2_kb-col {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f4f6f9;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  min-height: 96px;
  padding: 8px;
  display: flex;
}

.xpc2_kb-card {
  background-color: #fff;
  border: 1px solid #e0e5ec;
  border-radius: 6px;
  height: 26px;
}

.xpc2_kb-drag {
  border-color: #0176d3;
  transform: rotate(-4deg);
  box-shadow: 0 6px 14px #0176d338;
}

.xpc2_mt {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.xpc2_mt-num {
  color: #181818;
  font-size: 1.9rem;
  font-weight: 700;
}

.xpc2_mt-delta {
  color: #04844b;
  font-size: .85rem;
  font-weight: 600;
}

.xpc2_mt-lbl {
  background-color: #e0e5ec;
  border-radius: 4px;
  width: 80px;
  height: 7px;
}

.xpc2_pc-ring {
  background-image: conic-gradient(#0176d3 0turn .72turn, #e5e9f0 .72turn 1turn);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  display: flex;
  position: relative;
}

.xpc2_pc-hole {
  background-color: #fff;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  position: absolute;
}

.xpc2_pc-val {
  z-index: 1;
  color: #181818;
  font-size: 1.05rem;
  font-weight: 700;
  position: relative;
}

.xpc2_ag {
  align-items: center;
  display: flex;
}

.xpc2_ag-av {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-left: -12px;
}

.xpc2_ag-a1 {
  background-image: linear-gradient(135deg, #0176d3, #57a8ec);
  margin-left: 0;
}

.xpc2_ag-a2 {
  background-image: linear-gradient(135deg, #5867e8, #9aa6f2);
}

.xpc2_ag-a3 {
  background-image: linear-gradient(135deg, #04844b, #5bbf8a);
}

.xpc2_ag-more {
  color: #0176d3;
  background-color: #eaf5fe;
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  margin-left: -12px;
  font-size: .85rem;
  font-weight: 600;
  display: flex;
}

.xpc2_tl {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  width: 100%;
  padding-left: 8px;
  display: flex;
  position: relative;
}

.xpc2_tl-line {
  background-color: #e0e5ec;
  width: 2px;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 13px;
}

.xpc2_tl-item {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
  position: relative;
}

.xpc2_tl-dot {
  border-radius: 50%;
  flex: none;
  width: 11px;
  height: 11px;
}

.xpc2_tl-d1 {
  background-color: #0176d3;
}

.xpc2_tl-d2 {
  background-color: #04844b;
}

.xpc2_tl-d3 {
  background-color: #e8862e;
}

.xpc2_tl-bar {
  background-color: #e0e5ec;
  border-radius: 4px;
  flex: 1;
  height: 8px;
}

.xpc2_tl-bar-s {
  max-width: 80px;
}

.xpc2_tl-bar-m {
  max-width: 120px;
}

.xpc2_tb {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.xpc2_tb-tabs {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-bottom: 1px solid #e0e5ec;
  padding-bottom: 8px;
  display: flex;
}

.xpc2_tb-tab {
  color: #706e6b;
  font-size: .72rem;
}

.xpc2_tb-active {
  color: #0176d3;
  border-bottom: 2px solid #0176d3;
  margin-bottom: -9px;
  padding-bottom: 8px;
  font-weight: 600;
}

.xpc2_tb-body {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  padding-top: 2px;
  display: flex;
}

.xpc2_tb-ln {
  background-color: #e0e5ec;
  border-radius: 4px;
  height: 8px;
}

.xpc2_tb-ln-s {
  max-width: 100px;
}

.xpc2_cc {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.xpc2_cc-chip {
  border-radius: 12px;
  padding: 4px 12px;
  font-size: .72rem;
  font-weight: 600;
}

.xpc2_cc-c1 {
  color: #0176d3;
  background-color: #eaf5fe;
}

.xpc2_cc-c2 {
  color: #e8862e;
  background-color: #fef0e6;
}

.xpc2_cc-c3 {
  color: #04844b;
  background-color: #ebf7f1;
}

.xpc2_pi {
  align-items: center;
  width: 100%;
  padding: 0 6px;
  display: flex;
}

.xpc2_pi-step {
  background-color: #fff;
  border: 2px solid #d8dde6;
  border-radius: 50%;
  flex: none;
  width: 16px;
  height: 16px;
}

.xpc2_pi-done {
  background-color: #0176d3;
  border-color: #0176d3;
}

.xpc2_pi-bar {
  background-color: #d8dde6;
  flex: 1;
  height: 3px;
}

.xpc2_pi-barfill {
  background-color: #0176d3;
}

.xpc2_sl {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.xpc2_sl-icon {
  border-radius: 50%;
  width: 34px;
  height: 34px;
}

.xpc2_sl-i1 {
  background-color: #0176d3;
}

.xpc2_sl-i2 {
  background-color: #1da1f2;
}

.xpc2_sl-i3 {
  background-color: #0a66c2;
}

.xpc2_sl-i4 {
  background-color: #04844b;
}

.xpc2_vig-cta {
  scroll-snap-align: start;
  background-image: linear-gradient(135deg, #032d60, #0176d3);
  border-style: none;
  border-radius: 14px;
  flex: 0 0 240px;
  justify-content: center;
  align-items: center;
  height: 200px;
  text-decoration: none;
  display: flex;
}

.xpc2_vig-cta-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  display: flex;
}

.xpc2_vig-cta-txt {
  color: #fff;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
}

.xpc2_vig-cta-chev {
  color: #aacbff;
  font-size: 1.4rem;
}

.app2_cb {
  width: 100%;
}

.app2_cb-field {
  color: #181818;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  padding: 5px 8px;
  font-size: .66rem;
  display: flex;
}

.app2_cb-chev {
  color: #8c8c8c;
  font-size: .6rem;
}

.app2_cb-list {
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 4px 10px #0000000f;
}

.app2_cb-opt {
  color: #181818;
  border-bottom: 1px solid #f2f2f2;
  padding: 5px 8px;
  font-size: .64rem;
}

.app2_cb-opt-sel {
  color: #0176d3;
  background-color: #eaf5fe;
  font-weight: 600;
}

.flow2_ab-demo-txt {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.flow2_ab-chip-span {
  grid-column: 1 / -1;
}

.blog2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem 5rem;
}

.blog2_hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.blog2_chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4rem .9rem;
  display: inline-flex;
}

.blog2_h1 {
  max-width: 780px;
}

.blog2_hero-sub {
  color: #eaf5fe;
  max-width: 560px;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.blog2_section {
  background-color: #fff;
  padding: 4.5rem 2rem 5.5rem;
}

.blog2_grid-wrap {
  max-width: 1140px;
  margin: 0 auto;
}

.blog2_filterbar {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2.5rem;
  display: flex;
}

.blog2_search {
  color: #181818;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  max-width: 340px;
  padding: .75rem 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.blog2_cssdefs {
  display: none;
}

.blog2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5rem 2rem;
}

.blog2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  display: flex;
}

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

.blog2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.ctc2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem 6rem;
}

.ctc2_hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.ctc2_eyebrow-center {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.ctc2_h1 {
  max-width: 820px;
}

.ctc2_hero-sub {
  color: #eaf5fe;
  max-width: 600px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.ctc2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 3rem;
  display: flex;
}

.ctc2_stat-strip {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.ctc2_stat {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.ctc2_sec-white {
  background-color: #fff;
  padding: 6rem 2rem;
}

.ctc2_form-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.1fr;
  align-items: start;
  display: grid;
}

.ctc2_h2 {
  color: #032d60;
  margin: 0 0 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.15;
}

.ctc2_lead {
  color: #444;
  max-width: 440px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.ctc2_contact-list {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  border-top: 1px solid #e5e5e5;
  flex-direction: column;
  padding-top: 1.75rem;
  display: flex;
}

.ctc2_contact-row {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.ctc2_contact-label {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.ctc2_contact-link {
  color: #0176d3;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  text-decoration: none;
}

.ctc2_form-col {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2.5rem;
}

.ctc2_input {
  color: #181818;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 8px;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: .75rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
}

.ctc2_textarea {
  color: #181818;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 8px;
  width: 100%;
  min-height: 120px;
  margin-bottom: 0;
  padding: .75rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
}

.ctc2_field-wrap {
  margin-bottom: 1rem;
}

.ctc2_submit {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0176d3;
  border: 0;
  border-radius: 8px;
  width: 100%;
  padding: .875rem 1.75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.ctc2_sec-gray {
  background-color: #fafafa;
  padding: 6rem 2rem;
}

.ctc2_head-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.ctc2_h2-center {
  max-width: 640px;
}

.ctc2_sub-center {
  color: #444;
  max-width: 560px;
  margin: .75rem 0 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.ctc2_card-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.ctc2_card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.ctc2_card-tag {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.ctc2_card-h3 {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.ctc2_card-p {
  color: #444;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}

.ctc2_card-link {
  color: #0176d3;
  margin-top: auto;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  text-decoration: none;
}

.ctc2_sec-accent {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.ctc2_accent-inner {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  align-items: center;
  display: grid;
}

.ctc2_accent-p {
  color: #032d60;
  max-width: 560px;
  margin: .75rem 0 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.ctc2_accent-right {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ctc2_accent-note {
  color: #0b5cab;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.ctc2_sec-white2 {
  background-color: #fff;
  padding: 6rem 2rem;
}

.ctc2_res-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.ctc2_res-card {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.5rem;
  text-decoration: none;
  display: flex;
}

.ctc2_res-tag {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
}

.ctc2_res-title {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.ctc2_res-p {
  color: #444;
  margin: 0 0 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.ctc2_res-arrow {
  color: #0176d3;
  margin-top: auto;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.ctc2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.ctc2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.ctc2_cta-h2 {
  color: #fff;
  margin: 0 0 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.15;
}

.ctc2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.blogf_pill {
  color: #181818;
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  align-items: center;
  padding: .5rem 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.blogf_pill:hover {
  color: #0b5cab;
  background-color: #eaf5fe;
  border-color: #b8dcf7;
}

.blogf_pill.is-active {
  color: #fff;
  background-color: #0176d3;
  border-color: #0176d3;
}

.blogf_pillmore {
  color: #444;
  cursor: pointer;
  background-color: #fff;
  border: 1px dashed #c9c9c9;
  border-radius: 100px;
  align-items: center;
  padding: .5rem 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.blogf_pillmore:hover {
  color: #0176d3;
  border-color: #0176d3;
}

.blogf_sortbtn {
  color: #032d60;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  align-items: center;
  padding: .5rem .9rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.blogf_sortbtn:hover {
  color: #0176d3;
  border-color: #0176d3;
}

.blogf_sortbtn.is-active {
  color: #fff;
  background-color: #0176d3;
  border-color: #0176d3;
}

.blogf_tagwrap {
  flex-wrap: wrap;
  gap: .625rem;
  display: flex;
}

.blogf_sortrow {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
  display: flex;
}

.blogf_sortwrap {
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.blogf_count {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
}

.sp2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem 5rem;
}

.sp2_hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sp2_h1 {
  max-width: 760px;
}

.sp2_hero-sub {
  color: #eaf5fe;
  max-width: 600px;
  margin: 0 0 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.sp2_hero-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 3rem;
  display: flex;
}

.sp2_stats {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.sp2_stat {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sp2_plans {
  background-color: #fff;
  padding: 5rem 2rem;
}

.sp2_eyebrow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.sp2_eyebrow-sq {
  background-color: #0176d3;
  border-radius: 2px;
  width: 8px;
  min-width: 8px;
  height: 8px;
}

.sp2_eyebrow-txt {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
}

.sp2_lede {
  color: #444;
  text-align: center;
  max-width: 620px;
  margin: 0 auto 3rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sp2_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  display: grid;
}

.sp2_card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
  box-shadow: 0 16px 40px #032d600f;
}

.sp2_card-hl {
  border: 2px solid #0176d3;
  box-shadow: 0 20px 50px #032d6029;
}

.sp2_tag {
  color: #0176d3;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #eaf5fe;
  border-radius: 100px;
  align-self: flex-start;
  margin-bottom: 1.25rem;
  padding: .3rem .7rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-block;
}

.sp2_tag-pop {
  color: #fff;
  background-color: #0176d3;
}

.sp2_viz {
  background-color: #f8fbff;
  border: 1px solid #eaf5fe;
  border-radius: 12px;
  align-items: center;
  height: 96px;
  margin-bottom: 1.5rem;
  padding: .75rem;
  display: flex;
}

.sp2_console {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.sp2_console-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  align-items: center;
  padding: .3rem .5rem;
  display: flex;
}

.sp2_console-t {
  color: #444;
  flex: 1;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
}

.sp2_console-time {
  color: #0176d3;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 600;
}

.sp2_dot {
  border-radius: 50%;
  width: 8px;
  min-width: 8px;
  height: 8px;
}

.sp2_dot-g {
  background-color: #41b658;
}

.sp2_dot-b {
  background-color: #0176d3;
}

.sp2_dot-o {
  background-color: #fe9339;
}

.sp2_hours {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.sp2_hours-col {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.sp2_hours-h {
  background-color: #0176d3;
  border-radius: 4px 4px 0 0;
  width: 22px;
}

.sp2_h-1 {
  height: 32%;
}

.sp2_h-2 {
  height: 70%;
}

.sp2_h-3 {
  height: 48%;
}

.sp2_hours-lbl {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .625rem;
}

.sp2_timeline {
  grid-column-gap: .45rem;
  grid-row-gap: .45rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.sp2_tl-row {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  align-items: center;
  display: flex;
}

.sp2_tl-dot {
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.sp2_tl-t {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
}

.sp2_card-name {
  color: #032d60;
  margin: 0 0 .25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.sp2_card-stat {
  color: #0176d3;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.sp2_card-stat-label {
  color: #c9c9c9;
  margin-bottom: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.sp2_card-lead {
  color: #032d60;
  margin: 0 0 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.sp2_list {
  grid-column-gap: .65rem;
  grid-row-gap: .65rem;
  flex-direction: column;
  flex: 1;
  margin: 0 0 1.75rem;
  padding: 0;
  list-style: none;
  display: flex;
}

.sp2_li {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  align-items: flex-start;
  display: flex;
}

.sp2_li-t {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.45;
}

.sp2_check {
  background-color: #41b658;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-top: 2px;
  display: flex;
}

.sp2_check-i {
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 4px;
  height: 8px;
  margin-top: -2px;
  transform: rotate(45deg);
}

.sp2_value {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.sp2_mosaic {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.sp2_vtile {
  grid-column-gap: .85rem;
  grid-row-gap: .85rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex-direction: column;
  padding: 1rem;
  display: flex;
}

.sp2_vdemo {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f8fbff;
  border: 1px solid #eaf5fe;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  height: 110px;
  padding: .85rem;
  display: flex;
}

.sp2_vchip {
  color: #032d60;
  background-color: #f3f3f3;
  border-radius: 100px;
  align-self: flex-start;
  padding: .3rem .7rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.sp2_tik {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.sp2_tik-dot {
  border-radius: 50%;
  width: 8px;
  min-width: 8px;
  height: 8px;
}

.sp2_tik-bar {
  background-color: #d6e8fb;
  border-radius: 4px;
  height: 8px;
}

.sp2_w40 {
  width: 40%;
}

.sp2_w50 {
  width: 50%;
}

.sp2_w60 {
  width: 60%;
}

.sp2_w70 {
  width: 70%;
}

.sp2_ob {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.sp2_ob-num {
  color: #fff;
  background-color: #0176d3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  font-family: Salesforcesans, sans-serif;
  font-size: .625rem;
  display: flex;
}

.sp2_ob-num-off {
  background-color: #c9c9c9;
}

.sp2_ob-bar {
  background-color: #d6e8fb;
  border-radius: 4px;
  height: 8px;
}

.sp2_docgrid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.sp2_doc {
  background-color: #fff;
  border: 1px solid #d6e8fb;
  border-radius: 6px;
  height: 28px;
}

.sp2_tlv {
  width: 100%;
  height: 80px;
  position: relative;
}

.sp2_tlv-line {
  background-color: #d6e8fb;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
}

.sp2_tlv-dot {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 3px;
}

.sp2_p1 {
  top: 6px;
}

.sp2_p2 {
  top: 34px;
}

.sp2_p3 {
  top: 62px;
}

.sp2_road {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.sp2_road-star {
  background-color: #fe9339;
  border-radius: 2px;
  width: 12px;
  min-width: 12px;
  height: 12px;
  transform: rotate(45deg);
}

.sp2_road-star-off {
  background-color: #c9c9c9;
}

.sp2_road-bar {
  background-color: #d6e8fb;
  border-radius: 4px;
  height: 8px;
}

.sp2_ws {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.sp2_ws-scr {
  background-color: #d6e8fb;
  border: 1px solid #0176d3;
  border-radius: 6px;
  width: 70%;
  height: 40px;
}

.sp2_ws-people {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  display: flex;
}

.sp2_ws-p {
  background-color: #0176d3;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.sp2_resp {
  background-color: #fff;
  padding: 5rem 2rem;
}

.sp2_eyebrow-c {
  justify-content: center;
}

.sp2_resp-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2.5rem;
  display: grid;
}

.sp2_resp-col {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1rem;
  display: flex;
}

.sp2_resp-num {
  color: #0176d3;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.sp2_resp-num-hl {
  color: #032d60;
}

.sp2_resp-plan {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.sp2_resp-foot {
  color: #c9c9c9;
  text-align: center;
  margin-top: 1.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
}

.sp2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5rem 2rem;
}

.sp2_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sp2_cta-sub {
  max-width: 520px;
}

.sp2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.sp2_cta-ghost {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 1px solid #aacbff;
  border-radius: 8px;
  padding: .875rem 1.75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.blogp_hero {
  background-color: #fafafa;
  border-bottom: none;
  padding: 7rem 2rem 4rem;
}

.blogp_herocol {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blogp_title {
  color: #032d60;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1;
}

.blogp_excerpt {
  color: #444;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.1875rem;
  line-height: 1.6;
}

.blogp_meta {
  justify-content: center;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.blogp_avatar {
  border-radius: 50%;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  overflow: hidden;
}

.blogp_heroimg-wrap {
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  width: 100%;
  max-width: 1080px;
  margin: 4rem auto 0;
  overflow: hidden;
  transform: translateY(0);
  box-shadow: 0 24px 60px #032d602e;
}

.blogp_heroimg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blogp_body-section {
  background-color: #fff;
  padding: 4rem 2rem;
}

.blogp_readcol {
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.blogp_authorname {
  color: #032d60;
  text-align: left;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
}

.blogp_date {
  color: #767676;
  text-align: left;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
}

.blogp_metatext {
  flex-direction: column;
  align-items: flex-start;
  gap: .125rem;
  display: flex;
}

.blogp_bodygrid {
  grid-template-columns: 1fr;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.blogp_related-section {
  background-color: #fafafa;
  border-top: 1px solid #e5e5e5;
  margin-top: 1rem;
  padding: 4rem 2rem;
}

.blogp_related-inner {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.blogp_related-h {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
}

.blogp_social {
  border-top: 1px solid #e5e5e5;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  max-width: 720px;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  display: flex;
}

.blogp_tag {
  color: #0b5cab;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #0000;
  border: none;
  border-radius: 100px;
  align-items: center;
  padding: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.blogp_tagslist {
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.blogp_richtext {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
}

.blogp_relgrid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: grid;
}

.blogp_relcard {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.blogp_relcard:hover {
  border-color: #b8dcf7;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px #032d601a;
}

.blogp_reltitle {
  color: #032d60;
  margin: 0;
  padding: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.35;
}

.blogp_relthumb {
  aspect-ratio: 16 / 9;
  background-color: #f3f3f3;
  width: 100%;
  overflow: hidden;
}

.blogp_relthumbimg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blogp_tagitem {
  background-color: #f3f6f9;
  border: 1px solid #e0e7ef;
  border-radius: 100px;
  align-items: center;
  width: auto;
  padding: .375rem .875rem;
  display: inline-flex;
}

.blogp_relbody {
  border-top: 1px solid #e5e5e5;
  flex-direction: column;
  flex: 1;
  gap: .5rem;
  padding: 1.125rem 1.25rem 1.25rem;
  display: flex;
}

.blogp_reltime {
  color: #767676;
  margin: 0;
  padding: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 500;
}

.blogp_cta {
  background-image: linear-gradient(135deg, #0f1a2e, #032d60 60%, #0b5cab);
  padding: 5rem 2rem;
  display: none;
}

.blogp_cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blogp_cta-h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.15;
}

.blogp_cta-sub {
  color: #aacbff;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.blogp_cta-btns {
  flex-wrap: wrap;
  justify-content: center;
  gap: .875rem;
  display: flex;
}

.blogp_btn-primary {
  color: #032d60;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: .875rem 1.75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.blogp_btn-primary:hover {
  background-color: #eaf5fe;
}

.blogp_btn-ghost {
  color: #fff;
  background-color: #0000;
  border: 1px solid #aacbff80;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: .875rem 1.75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.blogp_btn-ghost:hover {
  background-color: #aacbff1f;
  border-color: #aacbff;
}

.blogp_heroitem {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-columns: 1fr;
  align-items: center;
  width: 100%;
  display: flex;
}

.chatub_hero {
  text-align: center;
  background: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem 5rem;
}

.chatub_hero-inner {
  max-width: 920px;
  margin: 0 auto;
}

.chatub_hero-sub {
  color: #eaf5fe;
  max-width: 680px;
  margin: 1.25rem auto 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.chatub_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 3rem;
  display: flex;
}

.chatub_stats {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.chatub_stat {
  text-align: center;
}

.chatub_sec {
  max-width: 1080px;
  margin: 0 auto;
  padding: 5rem 2rem;
}

.chatub_sec-sub {
  color: #5c6670;
  max-width: 640px;
  margin: .75rem 0 2.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.chatub_chatcard {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  max-width: 560px;
  overflow: hidden;
  box-shadow: 0 12px 40px #032d6014;
}

.chatub_chat-hd {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  background-color: #fafcff;
  border-bottom: 1px solid #eef;
  align-items: center;
  padding: 1rem 1.25rem;
  display: flex;
}

.chatub_chat-av {
  color: #fff;
  background-image: linear-gradient(135deg, #0176d3, #032d60);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-family: Salesforcesans, sans-serif;
  font-size: .8rem;
  font-weight: 700;
  display: flex;
}

.chatub_chat-hdtxt {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .95rem;
  font-weight: 700;
}

.chatub_chat-hdsub {
  color: #5c6670;
  font-family: Salesforcesans, sans-serif;
  font-size: .8rem;
}

.chatub_chat-body {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fff;
  flex-direction: column;
  padding: 1.25rem;
  display: flex;
}

.chatub_daybreak {
  color: #8a94a3;
  background-color: #f0f3f8;
  border-radius: 100px;
  align-self: center;
  padding: .2rem .8rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .72rem;
  font-weight: 600;
}

.chatub_msg {
  border-radius: 14px;
  max-width: 78%;
  padding: .6rem .9rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  line-height: 1.45;
}

.chatub_msg-in {
  color: #181818;
  background-color: #f0f3f8;
  border-bottom-left-radius: 4px;
  align-self: flex-start;
}

.chatub_msg-out {
  color: #fff;
  background: #0176d3;
  border-bottom-right-radius: 4px;
  align-self: flex-end;
}

.chatub_mention {
  color: #aacbff;
  font-weight: 600;
}

.chatub_publisher {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  background-color: #fafcff;
  border-top: 1px solid #eef;
  align-items: center;
  padding: .85rem 1.25rem;
  display: flex;
}

.chatub_pub-input {
  color: #969492;
  flex: 1;
  font-family: Salesforcesans, sans-serif;
  font-size: .85rem;
}

.chatub_pub-at {
  color: #0176d3;
  border: 1px solid #dddbda;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: .85rem;
  font-weight: 700;
  display: flex;
}

.chatub_pub-send {
  color: #fff;
  background: #0176d3;
  border-radius: 6px;
  padding: .45rem .95rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.chatub_surf-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 2rem;
  display: grid;
}

.chatub_surf-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  padding: 2rem;
}

.chatub_surf-tag {
  color: #0176d3;
  background-color: #eaf5fe;
  border-radius: 100px;
  margin-bottom: 1rem;
  padding: .25rem .7rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  display: inline-block;
}

.chatub_surf-title {
  color: #032d60;
  margin: 0 0 .6rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.chatub_surf-txt {
  color: #5c6670;
  margin-bottom: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .95rem;
  line-height: 1.6;
}

.chatub_mono {
  color: #032d60;
  background-color: #f4f6fa;
  border-radius: 4px;
  padding: .1rem .35rem;
  font-family: monospace;
  font-size: .9em;
}

.chatub_surf-link {
  color: #0176d3;
  font-family: Salesforcesans, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.chatub_uc-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 2rem;
  display: grid;
}

.chatub_uc-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  overflow: hidden;
}

.chatub_uc-vig {
  background-image: linear-gradient(135deg, #eaf2ff, #f6f9ff);
  border-bottom: 1px solid #eef;
  justify-content: center;
  align-items: center;
  height: 130px;
  padding: 1rem;
  display: flex;
}

.chatub_uc-bubbles {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.chatub_uc-b {
  border-radius: 10px;
  max-width: 70%;
  padding: .4rem .65rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .72rem;
}

.chatub_uc-bin {
  color: #181818;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  align-self: flex-start;
}

.chatub_uc-bout {
  color: #fff;
  background: #0176d3;
  align-self: flex-end;
}

.chatub_uc-body {
  padding: 1.5rem;
}

.chatub_uc-title {
  color: #032d60;
  margin: 0 0 .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.05rem;
  font-weight: 400;
}

.chatub_uc-txt {
  color: #5c6670;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9rem;
  line-height: 1.55;
}

.chatub_accent {
  text-align: center;
  background-color: #032d60;
  padding: 5rem 2rem;
}

.chatub_accent-in {
  max-width: 900px;
  margin: 0 auto;
}

.chatub_accent-h2 {
  color: #fff;
  margin: 0 0 1rem;
  font-size: 1.9rem;
}

.chatub_accent-sub {
  color: #aacbff;
  max-width: 640px;
  margin: 0 auto 2.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.chatub_accent-stats {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.chatub_accent-num {
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
}

.chatub_accent-lab {
  color: #aacbff;
  margin-top: .3rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9rem;
}

.chatub_faq {
  max-width: 820px;
  margin: 0 auto;
  padding: 5rem 2rem;
}

.chatub_faq-item {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem;
}

.chatub_faq-q {
  color: #032d60;
  margin-bottom: .6rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.chatub_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.chatub_cta {
  text-align: center;
  background: #fafafa;
  padding: 5rem 2rem;
}

.chatub_cta-title {
  color: #032d60;
  margin: 0 0 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

.chatub_cta-sub {
  color: #5c6670;
  max-width: 600px;
  margin: 0 auto 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.chatub_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.gd-chat {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  width: 80%;
  display: flex;
}

.gd-chat-in {
  color: #0b2a4a;
  background-color: #f0f3f8;
  border-radius: 8px;
  align-self: flex-start;
  max-width: 80%;
  padding: 4px 7px;
  font-family: Salesforce Sans, -apple-system, sans-serif;
  font-size: 9px;
}

.gd-chat-out {
  color: #fff;
  background-color: #0176d3;
  border-radius: 8px;
  align-self: flex-end;
  max-width: 80%;
  padding: 4px 7px;
  font-family: Salesforce Sans, -apple-system, sans-serif;
  font-size: 9px;
}

.cidx_vis-chat {
  background-color: #f6f9ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 88px;
  margin-bottom: 1.25rem;
  padding: 0 10px;
  display: flex;
}

.cidx_vis-chat-in {
  background-color: #eaf5fe;
  border-radius: 8px;
  align-self: flex-start;
  width: 62%;
  height: 14px;
}

.cidx_vis-chat-out {
  background-color: #0176d3;
  border-radius: 8px;
  align-self: flex-end;
  width: 52%;
  height: 14px;
}

.cidx_vis-chat-in2 {
  background-color: #eaf5fe;
  border-radius: 8px;
  align-self: flex-start;
  width: 44%;
  height: 14px;
}

.cidxchat_wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  width: 100%;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cidxchat_row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: flex-end;
  display: flex;
}

.cidxchat_row-in {
  justify-content: flex-start;
}

.cidxchat_row-out {
  justify-content: flex-end;
}

.cidxchat_avatar {
  color: #fff;
  background-color: #032d60;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.cidxchat_bubble {
  border-radius: 12px;
  max-width: 75%;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.4;
}

.cidxchat_bubble-in {
  color: #16325c;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-bottom-left-radius: 4px;
}

.cidxchat_bubble-out {
  color: #fff;
  background-color: #0176d3;
  border-bottom-right-radius: 4px;
}

.cidxchat_datebreak {
  color: #747474;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 10px;
}

.cidxchat_publisher {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 4px;
  display: flex;
}

.cidxchat_input {
  color: #9aa5b1;
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  flex: auto;
  padding: 7px 12px;
  font-size: 12px;
}

.cidxchat_send {
  color: #fff;
  background-color: #0176d3;
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 600;
}

.cidxchat2_wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.cidxchat2_row {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: flex-end;
  display: flex;
}

.cidxchat2_row-in {
  justify-content: flex-start;
}

.cidxchat2_row-out {
  justify-content: flex-end;
}

.cidxchat2_avatar {
  color: #fff;
  background-color: #032d60;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 8px;
  font-weight: 700;
  display: flex;
}

.cidxchat2_bubble {
  border-radius: 10px;
  max-width: 78%;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.35;
}

.cidxchat2_bubble-in {
  color: #16325c;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-bottom-left-radius: 3px;
}

.cidxchat2_bubble-out {
  color: #fff;
  background-color: #0176d3;
  border-bottom-right-radius: 3px;
}

.cidxchat2_datebreak {
  color: #747474;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 8px;
  line-height: 1;
}

.cidxchat2_publisher {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-top: 3px;
  display: flex;
}

.cidxchat2_input {
  color: #9aa5b1;
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 6px;
  flex: auto;
  padding: 4px 9px;
  font-size: 10px;
  line-height: 1.3;
}

.cidxchat2_send {
  color: #fff;
  background-color: #0176d3;
  border-radius: 6px;
  align-items: center;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.chub_hero-board-1 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  padding: 14px;
}

.calh_board-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.calh_board-title {
  color: #181818;
  font-size: 18px;
  font-weight: 600;
}

.calh_board-views {
  color: #5c5c5c;
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 5px 14px;
  font-size: 13px;
}

.calh_board-grid {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  display: grid;
}

.calh_col {
  background-color: #fafafa;
  border-radius: 6px;
  min-height: 150px;
  padding: 10px 8px;
}

.calh_daylbl {
  color: #8a8a8a;
  text-align: center;
  letter-spacing: .4px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 600;
}

.calh_ev {
  color: #fff;
  border-radius: 4px;
  margin-bottom: 7px;
  padding: 8px 9px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.calh_ev-a {
  background-color: #0176d3;
}

.calh_ev-b {
  background-color: #5867e8;
}

.calh_ev-c {
  background-color: #3ba755;
}

.calh_views {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #f3f3f3;
  border-radius: 6px;
  padding: 2px;
  display: flex;
}

.calh_view {
  color: #5c5c5c;
  border-radius: 5px;
  padding: 4px 12px;
  font-size: 12px;
}

.calh_view-on {
  color: #181818;
  background-color: #fff;
  font-weight: 600;
  box-shadow: 0 1px 2px #00000014;
}

.calh_nav {
  text-align: center;
  min-width: 34px;
  font-size: 15px;
}

.calh_cal {
  min-width: 760px;
}

.calh_cal-head {
  border-bottom: 1px solid #e5e5e5;
  grid-template-rows: auto;
  grid-template-columns: 56px repeat(5, 1fr);
  display: grid;
}

.calh_cal-day {
  color: #444;
  text-align: center;
  padding: 10px 8px;
  font-size: 12px;
  font-weight: 600;
}

.calh_cal-body {
  grid-template-rows: auto;
  grid-template-columns: 56px repeat(5, 1fr);
  display: grid;
  position: relative;
}

.calh_cal-times {
  flex-direction: column;
  display: flex;
}

.calh_cal-t {
  color: #a0a0a0;
  text-align: right;
  height: 36px;
  padding: 4px 6px;
  font-size: 10px;
}

.calh_cal-cell {
  border-left: 1px solid #f0f0f0;
  min-height: 144px;
  padding: 0 4px;
  position: relative;
}

.calh_evt {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #fff;
  border-radius: 5px;
  flex-direction: column;
  padding: 5px 7px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  display: flex;
}

.calh_evt.calh_evt-blue.inline-div-0 {
  margin-top: 2px;
}

.calh_evt.calh_evt-purple.inline-div-1 {
  margin-top: 34px;
}

.calh_evt.calh_evt-teal.inline-div-2 {
  margin-top: 70px;
}

.calh_evt.calh_evt-green.inline-div-3 {
  margin-top: 16px;
}

.calh_evt.calh_evt-orange.inline-div-4 {
  margin-top: 96px;
}

.calh_evt-time {
  opacity: .9;
  font-size: 9px;
  font-weight: 400;
}

.calh_evt-blue {
  background-color: #0176d3;
}

.calh_evt-purple {
  background-color: #5867e8;
}

.calh_evt-teal {
  background-color: #0b95a6;
}

.calh_evt-green {
  background-color: #3ba755;
}

.calh_evt-orange {
  background-color: #d9822b;
}

.caluc_viz {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 190px;
  padding: 14px;
  display: flex;
}

.caluc_agenda-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.caluc_agenda-t {
  color: #a0a0a0;
  flex-shrink: 0;
  width: 34px;
  font-size: 10px;
}

.caluc_agenda-bar {
  color: #fff;
  border-radius: 5px;
  flex: 1;
  padding: 7px 9px;
  font-size: 11px;
  font-weight: 600;
}

.caluc_bar-blue {
  background-color: #0176d3;
}

.caluc_bar-teal {
  background-color: #0b95a6;
}

.caluc_bar-green {
  background-color: #3ba755;
}

.caluc_bar-orange {
  background-color: #d9822b;
}

.caluc_bar-sel {
  background-color: #5867e8;
  box-shadow: 0 0 0 2px #5867e84d;
}

.caluc_tl-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.caluc_tl-res {
  color: #444;
  flex-shrink: 0;
  width: 34px;
  font-size: 11px;
  font-weight: 600;
}

.caluc_tl-track {
  background-color: #f4f4f4;
  border-radius: 8px;
  flex: 1;
  height: 16px;
  position: relative;
}

.caluc_tl-ev {
  border-radius: 8px;
  height: 16px;
}

.caluc_w40 {
  width: 40%;
  margin-left: 10%;
}

.caluc_w60 {
  width: 60%;
  margin-left: 25%;
}

.caluc_w30 {
  width: 30%;
  margin-left: 5%;
}

.caluc_mini-head {
  color: #181818;
  text-align: center;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
}

.caluc_mini-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: repeat(7, 1fr);
  display: grid;
}

.caluc_d {
  color: #8a8a8a;
  text-align: center;
  background-color: #fafafa;
  border-radius: 5px;
  padding: 5px 0;
  font-size: 10px;
}

.caluc_d-on {
  color: #fff;
  background-color: #0176d3;
  font-weight: 600;
}

.cidxcalendar_wrap {
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
}

.cidxcalendar_head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.cidxcalendar_title {
  color: #181818;
  font-size: 11px;
  font-weight: 600;
}

.cidxcalendar_views {
  color: #5c5c5c;
  background-color: #0000000f;
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 9px;
}

.cidxcalendar_grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}

.cidxcalendar_col {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.cidxcalendar_dl {
  color: #9a9a9a;
  text-align: center;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 600;
}

.cidxcalendar_ev {
  border-radius: 3px;
  height: 14px;
}

.cidxcalendar_ev-a {
  background-color: #0176d3;
}

.cidxcalendar_ev-b {
  background-color: #5867e8;
}

.cidxcalendar_ev-c {
  background-color: #3ba755;
}

.calh2_board {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
}

.calh2_head {
  border-bottom: 1px solid #ececec;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  display: flex;
}

.calh2_head-l {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.calh2_title {
  color: #181818;
  font-size: 16px;
  font-weight: 600;
}

.calh2_range {
  color: #8a8a8a;
  font-size: 12px;
}

.calh2_views {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #f3f3f3;
  border-radius: 6px;
  padding: 2px;
  display: flex;
}

.calh2_view {
  color: #5c5c5c;
  border-radius: 5px;
  padding: 4px 11px;
  font-size: 11px;
}

.calh2_view-on {
  color: #181818;
  background-color: #fff;
  font-weight: 600;
  box-shadow: 0 1px 2px #00000014;
}

.calh2_daysrow {
  border-bottom: 1px solid #f0f0f0;
  grid-template-rows: auto;
  grid-template-columns: 44px repeat(5, 1fr);
  display: grid;
}

.calh2_dayhdr {
  text-align: center;
  border-left: 1px solid #f5f5f5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 8px 4px;
  display: flex;
}

.calh2_dow {
  color: #a0a0a0;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  display: block;
}

.calh2_dnum {
  color: #333;
  justify-content: center;
  align-items: center;
  min-height: 24px;
  margin-top: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.calh2_dnum-today {
  color: #fff;
  background-color: #0176d3;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
}

.calh2_grid {
  grid-template-rows: auto;
  grid-template-columns: 44px repeat(5, 1fr);
  display: grid;
  position: relative;
}

.calh2_times {
  flex-direction: column;
  display: flex;
}

.calh2_th {
  color: #b4b4b4;
  text-align: right;
  height: 44px;
  padding: 3px 6px 0 0;
  font-size: 9px;
}

.calh2_daycol {
  border-left: 1px solid #f5f5f5;
  height: 352px;
  position: relative;
}

.calh2_line {
  background-color: #f5f5f5;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
}

.calh2_ln1 {
  top: 44px;
}

.calh2_ln2 {
  top: 88px;
}

.calh2_ln3 {
  top: 132px;
}

.calh2_ln4 {
  top: 176px;
}

.calh2_ln5 {
  top: 220px;
}

.calh2_ln6 {
  top: 264px;
}

.calh2_ln7 {
  top: 308px;
}

.calh2_ev {
  color: #fff;
  border-radius: 5px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.25;
  position: absolute;
  left: 4px;
  right: 4px;
  overflow: hidden;
  box-shadow: 0 1px 3px #0000001f;
}

.calh2_ev-time {
  opacity: .9;
  margin-top: 1px;
  font-size: 8px;
  font-weight: 400;
  display: block;
}

.calh2_blue {
  background-color: #0176d3;
}

.calh2_purple {
  background-color: #5867e8;
}

.calh2_teal {
  background-color: #0b95a6;
}

.calh2_green {
  background-color: #3ba755;
}

.calh2_orange {
  background-color: #d9822b;
}

.calh2_pink {
  background-color: #e0679b;
}

.calh2_indigo {
  background-color: #3f4bc4;
}

.calh2_amber {
  background-color: #c9930a;
}

.calh2_half {
  margin-right: 2px;
  left: 4px;
  right: 50%;
}

.calh2_half2 {
  margin-left: 2px;
  left: 50%;
  right: 4px;
}

.calh2_t0 {
  top: 2px;
}

.calh2_t1 {
  top: 48px;
}

.calh2_t2 {
  top: 92px;
}

.calh2_t3 {
  top: 136px;
}

.calh2_t4 {
  top: 180px;
}

.calh2_t5 {
  top: 224px;
}

.calh2_t6 {
  top: 268px;
}

.calh2_t7 {
  top: 114px;
}

.calh2_t8 {
  top: 22px;
}

.calh2_h1 {
  height: 40px;
}

.calh2_h2 {
  height: 62px;
}

.calh2_h3 {
  height: 84px;
}

.calh2_h4 {
  height: 52px;
}

.calc_hero {
  background-image: linear-gradient(135deg, #021d3d 0%, #032d60 55%, #0a4a8f 100%);
  padding: 5rem 0 4rem;
}

.calc_hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.calc_eyebrow-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
}

.calc_h1 {
  max-width: 52rem;
  margin-bottom: 1.25rem;
}

.calc_sub {
  color: #eaf5fee0;
  max-width: 40rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.calc_tool-section {
  background-color: #fafafa;
  padding: 0 0 4rem;
}

.calc_tool-wrap {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.avc_grid {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: 392px 1fr;
  align-items: start;
  margin-top: 60px;
  display: grid;
}

.avc_card, .avc_card._w-form {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 1px 2px #032d600d, 0 12px 32px #032d6014;
}

.avc_card-h {
  color: #0176d3;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 800;
}

.avc_field {
  margin-bottom: 18px;
}

.avc_lab {
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 7px;
  display: flex;
}

.avc_lab-txt {
  color: #181818;
  font-size: 14px;
  font-weight: 600;
}

.avc_val {
  color: #032d60;
  font-size: 15px;
  font-weight: 800;
}

.avc_hint {
  color: #5c5f66;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.45;
}

.avc_range, .avc_range._w-input, .avc_range._w-input {
  appearance: none;
  background-color: #e5eaf0;
  border-radius: 6px;
  outline-style: none;
  width: 100%;
  height: 6px;
  margin: 0;
}

.avc_num, .avc_num._w-input {
  color: #181818;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  margin: 0;
  padding: 9px 11px;
  font-size: 15px;
  font-weight: 600;
}

.avc_fieldset {
  display: block;
}

._w-input-parent._w-input {
  appearance: none;
  background-color: #e5eaf0;
  border-radius: 6px;
  outline-style: none;
  width: 100%;
  height: 6px;
  margin: 0;
}

.avc_field2 {
  margin-bottom: 4px;
}

.avc_segbtns {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  margin-top: 2px;
  display: flex;
}

.avc_seg-btn {
  color: #5c5f66;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex: 1;
  padding: 8px 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.avc_seg-btn.on {
  color: #032d60;
  background-color: #eaf5fe;
  border-color: #0176d3;
}

.avc_seg-sm {
  opacity: .75;
  margin-top: 2px;
  font-size: 10px;
  font-weight: 600;
  display: block;
}

.avc_headline {
  background-image: linear-gradient(135deg, #ebf7ee 0%, #eaf5fe 100%);
  border: 1px solid #cfe8d6;
  border-radius: 12px;
  margin-bottom: 18px;
  padding: 20px 22px;
}

.avc_hl-k {
  color: #5c5f66;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.avc_hl-big {
  color: #2e844a;
  letter-spacing: -.02em;
  margin: 5px 0 3px;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.08;
}

.avc_hl-sub {
  color: #181818;
  font-size: 14px;
}

.avc_barrow {
  margin-bottom: 14px;
}

.avc_bar-top {
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.avc_track {
  background-color: #eef1f5;
  border-radius: 8px;
  height: 28px;
  display: flex;
  overflow: hidden;
}

.avc_seg {
  color: #fff;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  overflow: hidden;
}

.avc_seg-build {
  background-color: #0176d3;
}

.avc_seg-maint {
  background-color: #032d60;
}

.avc_seg-config {
  background-color: #2e844a;
  min-width: 20px;
}

.avc_seg-sub {
  background-color: #7bb37f;
  min-width: 24px;
}

.avc_legend {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #5c5f66;
  flex-wrap: wrap;
  margin-top: 4px;
  font-size: 12px;
  display: flex;
}

.avc_lg {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: inline-flex;
}

.avc_dot {
  border-radius: 3px;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.avc_dot.inline-span-0 {
  background-color: #0176d3;
}

.avc_dot.inline-span-1 {
  background-color: #032d60;
}

.avc_dot.inline-span-2 {
  background-color: #2e844a;
}

.avc_dot.inline-span-3 {
  background-color: #7bb37f;
}

.avc_stats {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 18px;
  display: grid;
}

.avc_stat {
  border: 1px solid #e5e5e5;
  border-radius: 11px;
  padding: 14px 16px;
}

.avc_stat-t {
  color: #5c5f66;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.avc_stat-n {
  color: #032d60;
  margin-top: 3px;
  font-size: 22px;
  font-weight: 800;
}

.avc_stat-n.warn {
  color: #ba0517;
}

.avc_stat-d {
  color: #5c5f66;
  margin-top: 2px;
  font-size: 12px;
}

.avc_notes {
  color: #5c5f66;
  margin-top: 22px;
  font-size: 12px;
  line-height: 1.7;
}

.avc_notes-h {
  color: #181818;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
}

.lwcp2_calc-teaser {
  background-color: #eaf5fe;
  padding: 4rem 0;
}

.lwcp2_calc-inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.lwcp2_calc-copy {
  flex: 1;
  min-width: 280px;
}

.lwcp2_calc-eyebrow {
  color: #0176d3;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-size: .8125rem;
  font-weight: 700;
}

.lwcp2_calc-title {
  color: #032d60;
  letter-spacing: -.01em;
  margin-bottom: .75rem;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.2;
}

.lwcp2_calc-sub {
  color: #181818;
  max-width: 34rem;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.avc_reset {
  color: #5c5f66;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 9px;
  width: 100%;
  margin-top: 16px;
  padding: 9px;
  font-size: 13px;
  font-weight: 600;
}

.chub_hero-demo {
  color: #182645;
  text-align: left;
  background-color: #fff;
  width: 100%;
  font-family: Salesforce Sans, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 11px;
}

.chub_hero-demo-bar {
  border-bottom: 1px solid #e5eaf2;
  justify-content: space-between;
  align-items: center;
  padding: 9px 12px;
  display: flex;
}

.chub_hero-demo-title {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.chub_hero-demo-count {
  color: #8a94a6;
  font-size: 10px;
  font-weight: 400;
}

.chub_hero-demo-actions {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.chub_hero-demo-btn {
  color: #182645;
  background-color: #fff;
  border: 1px solid #d3dbe8;
  border-radius: 5px;
  padding: 4px 9px;
  font-size: 10px;
  font-weight: 600;
}

.chub_hero-demo-btn-p {
  color: #fff;
  background-color: #0176d3;
  border-color: #0176d3;
}

.chub_hero-demo-table {
  border-collapse: collapse;
  width: 100%;
}

.chub_hd-th {
  color: #8a94a6;
  text-align: left;
  letter-spacing: .03em;
  text-transform: uppercase;
  border-bottom: 1px solid #e5eaf2;
  padding: 7px 10px;
  font-size: 9px;
  font-weight: 600;
}

.chub_hd-td {
  white-space: nowrap;
  vertical-align: middle;
  border-bottom: 1px solid #f0f3f8;
  padding: 7px 10px;
}

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

.chub_hd-amt {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.chub_hd-acct {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.chub_hd-av {
  color: #032d60;
  background-color: #aacbff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 8px;
  font-weight: 700;
  display: inline-flex;
}

.chub_hd-badge {
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 9px;
  font-weight: 600;
  display: inline-block;
}

.chub_hd-b-neg {
  color: #a4342a;
  background-color: #fee9e5;
}

.chub_hd-b-prop {
  color: #a6620c;
  background-color: #fef3e0;
}

.chub_hd-b-won {
  color: #1a7c46;
  background-color: #e3f6ec;
}

.chub_hd-b-qual {
  color: #54698d;
  background-color: #eef2f8;
}

.chub_hd-prob {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #54698d;
  align-items: center;
  font-size: 10px;
  display: flex;
}

.chub_hd-bar {
  background-color: #e5eaf2;
  border-radius: 3px;
  width: 46px;
  height: 5px;
  display: inline-block;
  overflow: hidden;
}

.chub_hd-bar-fill {
  background-color: #0176d3;
  border-radius: 3px;
  height: 100%;
  display: block;
}

.chub_hd-w35 {
  width: 35%;
}

.chub_hd-w60 {
  width: 60%;
}

.chub_hd-w80 {
  width: 80%;
}

.chub_hd-w100 {
  width: 100%;
}

.chub_hero-demo-1 {
  color: #080707;
  text-align: left;
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-family: Salesforce Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  display: flex;
}

.chub_hero-demo-bar-1 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-bottom: 1px solid #dddbda;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  display: flex;
}

.chub_hero-demo-heading {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  display: flex;
}

.chub_hero-demo-eyebrow {
  color: #706e6b;
  font-size: 11px;
  font-weight: 400;
}

.chub_hero-demo-title-1 {
  color: #080707;
  font-size: 16px;
  font-weight: 700;
}

.chub_hero-demo-actions-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: none;
  display: flex;
}

.chub_hero-demo-btn-1 {
  color: #0176d3;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 4px;
  align-items: center;
  height: 32px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 400;
  display: inline-flex;
}

.chub_hero-demo-btn-brand {
  color: #fff;
  background-color: #0176d3;
  border-color: #0176d3;
  font-weight: 400;
}

.chub_hero-demo-tablewrap {
  flex: auto;
  overflow: hidden;
}

.chub_hero-demo-table-1 {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

.chub_hd-th-1 {
  color: #514f4d;
  text-align: left;
  white-space: nowrap;
  background-color: #fafaf9;
  border-bottom: 1px solid #dddbda;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 400;
}

.chub_hd-th-r {
  text-align: right;
}

.chub_hd-td-1 {
  color: #080707;
  white-space: nowrap;
  vertical-align: middle;
  border-bottom: 1px solid #dddbda;
  padding: 13px 16px;
}

.chub_hd-amt-1 {
  font-variant-numeric: tabular-nums;
}

.chub_hd-link {
  color: #0176d3;
}

.chub_hd-acct-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.chub_hd-av-1 {
  color: #fff;
  letter-spacing: .02em;
  background-color: #0176d3;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.chub_hd-badge-1 {
  border: 1px solid #0000;
  border-radius: 11px;
  align-items: center;
  height: 22px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
  display: inline-flex;
}

.chub_hd-b-neg-1, .chub_hd-b-prop-1 {
  color: #3e3e3c;
  background-color: #fff;
  border-color: #c9c7c5;
}

.chub_hd-b-won-1 {
  color: #fff;
  background-color: #2e844a;
}

.chub_hd-b-qual-1 {
  color: #3e3e3c;
  background-color: #fff;
  border-color: #c9c7c5;
}

.chub_hd-prob-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #514f4d;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.chub_hd-bar-1 {
  background-color: #ecebea;
  border-radius: 3px;
  width: 60px;
  height: 6px;
  display: inline-block;
  overflow: hidden;
}

.chub_hd-actions {
  color: #706e6b;
  letter-spacing: .06em;
  font-weight: 700;
}

.chub_hero-demo-spacer.inline-div-0 {
  display: none;
}

.chub_hero-ctr-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: none;
  align-items: center;
  display: flex;
}

.chub_hero-ctr-left {
  text-align: center;
  align-items: center;
  max-width: 760px;
}

.chub_hero-ctr-chip {
  margin-left: auto;
  margin-right: auto;
}

.chub_hero-ctr-cta, .chub_hero-ctr-stats {
  justify-content: center;
}

.chub_hero-ctr-media {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.chub_hero-ctr-anchor.inline-div-0 {
  display: none;
}

.calclink_teaser {
  background-color: #eaf5fe;
  padding: 4rem 0;
}

.calclink_inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.calclink_copy {
  flex: 1;
  min-width: 280px;
}

.calclink_eyebrow {
  color: #0176d3;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-size: .8125rem;
  font-weight: 700;
}

.calclink_title {
  color: #032d60;
  letter-spacing: -.01em;
  margin-bottom: .75rem;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.2;
}

.calclink_sub {
  color: #181818;
  max-width: 34rem;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.chub_hero-tl {
  box-sizing: border-box;
  color: #080707;
  text-align: left;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 20px 22px;
  font-family: Salesforce Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif;
}

.chub_hero-tl-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.chub_hero-tl-title {
  color: #080707;
  font-size: 15px;
  font-weight: 700;
}

.chub_hero-tl-tabs {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.chub_hero-tl-tab {
  color: #514f4d;
  background-color: #f3f3f3;
  border-radius: 12px;
  padding: 3px 9px;
  font-size: 11px;
}

.chub_hero-tl-tab-on {
  color: #0176d3;
  background-color: #eef4ff;
  font-weight: 600;
}

.chub_hero-tl-feed {
  padding-left: 6px;
  position: relative;
}

.chub_hero-tl-line {
  background-color: #e5e5e5;
  width: 2px;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 12px;
}

.chub_hero-tl-item {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.chub_hero-tl-item-last {
  padding-bottom: 0;
}

.chub_hero-tl-node {
  z-index: 1;
  color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 11px;
  display: flex;
  position: relative;
  box-shadow: 0 0 0 4px #fff;
}

.chub_hero-tl-n-call {
  background-color: #0176d3;
}

.chub_hero-tl-n-email {
  background-color: #5867e8;
}

.chub_hero-tl-n-task {
  background-color: #2e844a;
}

.chub_hero-tl-n-event {
  background-color: #fe9339;
}

.chub_hero-tl-card {
  background-color: #fbfbfb;
  border: 1px solid #ececec;
  border-radius: 8px;
  flex: auto;
  padding: 9px 12px;
}

.chub_hero-tl-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.chub_hero-tl-name {
  color: #080707;
  font-size: 13px;
  font-weight: 600;
}

.chub_hero-tl-date {
  color: #969492;
  white-space: nowrap;
  font-size: 11px;
}

.chub_hero-tl-meta {
  color: #706e6b;
  margin-top: 2px;
  font-size: 11px;
}

.chub_hero-tl-type {
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 600;
  display: inline-block;
}

.chub_hero-tl-t-call {
  color: #0176d3;
}

.chub_hero-tl-t-email {
  color: #5867e8;
}

.chub_hero-tl-t-task {
  color: #2e844a;
}

.chub_hero-tl-t-event {
  color: #c4720b;
}

.htl2_wrap {
  box-sizing: border-box;
  color: #080707;
  text-align: left;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 18px 20px;
  font-family: Salesforce Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif;
}

.htl2_head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.htl2_title {
  color: #080707;
  font-size: 15px;
  font-weight: 700;
}

.htl2_tabs {
  border: 1px solid #dddbda;
  border-radius: 6px;
  display: inline-flex;
  overflow: hidden;
}

.htl2_tab {
  color: #514f4d;
  background-color: #fff;
  border-left: 1px solid #dddbda;
  padding: 5px 12px;
  font-size: 12px;
}

.htl2_tab-first {
  border-left-style: none;
}

.htl2_tab-on {
  color: #fff;
  background-color: #0176d3;
  font-weight: 600;
}

.htl2_search {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 4px;
  align-items: center;
  height: 32px;
  margin: 12px 0 18px;
  padding: 0 12px;
  display: flex;
}

.htl2_search-ico {
  color: #706e6b;
  font-size: 13px;
}

.htl2_search-ph {
  color: #969492;
  font-size: 13px;
}

.htl2_feed {
  position: relative;
}

.htl2_line {
  z-index: 0;
  background-color: #e5e5e5;
  width: 2px;
  position: absolute;
  top: 10px;
  bottom: 14px;
  left: 15px;
}

.htl2_item {
  z-index: 1;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: flex-start;
  margin-bottom: 14px;
  display: flex;
  position: relative;
}

.htl2_item-last {
  margin-bottom: 0;
}

.htl2_node {
  color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 0 0 4px #fff;
}

.htl2_n-call {
  background-color: #0176d3;
}

.htl2_n-email {
  background-color: #5867e8;
}

.htl2_n-event {
  background-color: #fe9339;
}

.htl2_n-task {
  background-color: #2e844a;
}

.htl2_card {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #fbfbfb;
  border: 1px solid #ececec;
  border-radius: 8px;
  flex-direction: column;
  flex: auto;
  padding: 10px 14px;
  display: flex;
}

.htl2_type {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.htl2_t-call {
  color: #0176d3;
}

.htl2_t-email {
  color: #5867e8;
}

.htl2_t-event {
  color: #c4720b;
}

.htl2_t-task {
  color: #2e844a;
}

.htl2_row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.htl2_name {
  color: #080707;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.htl2_date {
  color: #969492;
  white-space: nowrap;
  flex: none;
  font-size: 12px;
}

.htl2_meta {
  color: #706e6b;
  font-size: 12px;
  line-height: 1.3;
}

.htl2_tabs-1 {
  border: 1px solid #c9c7c5;
  border-radius: 6px;
  height: 32px;
  display: inline-flex;
  overflow: hidden;
}

.htl2_tab-1 {
  color: #0176d3;
  background-color: #fff;
  border-left: 1px solid #c9c7c5;
  align-items: center;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 400;
  display: inline-flex;
}

.htl2_card-1 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fbfbfb;
  border: 1px solid #ececec;
  border-radius: 8px;
  flex-direction: column;
  flex: auto;
  padding: 14px 16px;
  display: flex;
}

.htl2_type-1 {
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 1px;
  font-size: 10px;
  font-weight: 700;
}

.htl2_name-1 {
  color: #080707;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

.htl2_meta-1 {
  color: #706e6b;
  margin-top: 1px;
  font-size: 12px;
  line-height: 1.35;
}

.htl2_item-1 {
  margin-bottom: 18px;
}

.htl2_polish-anchor.inline-div-0 {
  display: none;
}

.htl3_wrap {
  box-sizing: border-box;
  color: #080707;
  text-align: left;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 18px 20px;
  font-family: Salesforce Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif;
}

.htl3_head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.htl3_title {
  color: #080707;
  font-size: 15px;
  font-weight: 700;
}

.htl3_tabs {
  border: 1px solid #c9c7c5;
  border-radius: 4px;
  height: 32px;
  display: inline-flex;
  overflow: hidden;
}

.htl3_tab {
  color: #0176d3;
  background-color: #fff;
  border-left: 1px solid #c9c7c5;
  align-items: center;
  padding: 0 16px;
  font-size: 13px;
  display: inline-flex;
}

.htl3_tab-first {
  border-left-style: none;
}

.htl3_tab-on {
  color: #fff;
  background-color: #0176d3;
  font-weight: 600;
}

.htl3_search {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 4px;
  align-items: center;
  height: 34px;
  margin: 12px 0 20px;
  padding: 0 12px;
  display: flex;
}

.htl3_search-ico {
  color: #706e6b;
  font-size: 14px;
}

.htl3_search-ph {
  color: #969492;
  font-size: 13px;
}

.htl3_feed {
  position: relative;
}

.htl3_line {
  z-index: 0;
  background-color: #e5e5e5;
  width: 2px;
  position: absolute;
  top: 12px;
  bottom: 16px;
  left: 16px;
}

.htl3_item {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: flex-start;
  margin-bottom: 18px;
  display: flex;
  position: relative;
}

.htl3_item-last {
  margin-bottom: 0;
}

.htl3_node {
  color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 15px;
  display: flex;
  box-shadow: 0 0 0 4px #fff;
}

.htl3_n-call {
  background-color: #0176d3;
}

.htl3_n-email {
  background-color: #5867e8;
}

.htl3_n-event {
  background-color: #fe9339;
}

.htl3_n-task {
  background-color: #2e844a;
}

.htl3_card {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: #fbfbfb;
  border: 1px solid #ececec;
  border-radius: 8px;
  flex-direction: column;
  flex: auto;
  padding: 14px 18px;
  display: flex;
}

.htl3_type {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.htl3_t-call {
  color: #0176d3;
}

.htl3_t-email {
  color: #5867e8;
}

.htl3_t-event {
  color: #c4720b;
}

.htl3_t-task {
  color: #2e844a;
}

.htl3_row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.htl3_name {
  color: #080707;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

.htl3_date {
  color: #969492;
  white-space: nowrap;
  flex: none;
  font-size: 12px;
}

.htl3_meta {
  color: #706e6b;
  font-size: 12px;
  line-height: 1.35;
}

.tld_wrap {
  padding: 8px 4px;
  font-family: Salesforce Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif;
}

.tld_group-label {
  color: #706e6b;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin: 0 0 12px 2px;
  font-size: 12px;
  font-weight: 700;
}

.tld_group {
  margin-bottom: 10px;
}

.tld_group-2 {
  margin-top: 26px;
}

.tld_feed {
  padding-left: 2px;
  position: relative;
}

.tld_line {
  z-index: 0;
  background-color: #e5e5e5;
  width: 2px;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 9px;
}

.tld_item {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 10px;
  align-items: flex-start;
  margin-bottom: 8px;
  padding: 12px 14px;
  display: flex;
  position: relative;
}

.tld_item-last {
  margin-bottom: 0;
}

.tld_bullet {
  border-radius: 50%;
  flex: none;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  box-shadow: 0 0 0 3px #fff;
}

.tld_b-call {
  background-color: #0176d3;
}

.tld_b-email {
  background-color: #5867e8;
}

.tld_b-event {
  background-color: #fe9339;
}

.tld_b-task {
  background-color: #2e844a;
}

.tld_body {
  flex: auto;
  min-width: 0;
}

.tld_title {
  color: #080707;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

.tld_date {
  color: #969492;
  margin-top: 3px;
  font-size: 12px;
}

.tld_action {
  color: #706e6b;
  letter-spacing: 1px;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.tlh_wrap {
  color: #080707;
  padding: 6px 6px 10px;
  font-family: Salesforce Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif;
}

.tlh_head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.tlh_head-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.tlh_head-ico {
  color: #fff;
  background-color: #2e844a;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 15px;
  display: flex;
}

.tlh_title {
  font-size: 15px;
  font-weight: 700;
}

.tlh_showing {
  color: #706e6b;
  white-space: nowrap;
  font-size: 12px;
}

.tlh_chart {
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.tlh_grid {
  height: 300px;
  position: relative;
}

.tlh_gl {
  border-left: 1px dashed #e5e5e5;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.tlh_g1 {
  left: 16%;
}

.tlh_g2 {
  left: 36%;
}

.tlh_g3 {
  left: 56%;
}

.tlh_g4 {
  left: 76%;
}

.tlh_g5 {
  left: 96%;
}

.tlh_mk {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  white-space: nowrap;
  align-items: center;
  display: flex;
  position: absolute;
}

.tlh_mk.inline-div-0 {
  top: 22px;
  left: 6%;
}

.tlh_mk.inline-div-1 {
  top: 62px;
  left: 40%;
}

.tlh_mk.inline-div-2 {
  top: 104px;
  left: 40%;
}

.tlh_mk.inline-div-3 {
  top: 146px;
  left: 46%;
}

.tlh_mk.inline-div-4 {
  top: 188px;
  left: 46%;
}

.tlh_mk.inline-div-5 {
  top: 230px;
  left: 46%;
}

.tlh_mk.inline-div-6 {
  top: 262px;
  left: 52%;
}

.tlh_dot {
  color: #fff;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: 13px;
  display: flex;
  box-shadow: 0 1px 3px #032d602e;
}

.tlh_d-task {
  background-color: #fe9339;
}

.tlh_d-event {
  background-color: #0d9488;
}

.tlh_d-call {
  background-color: #0176d3;
}

.tlh_d-class {
  background-color: #5867e8;
}

.tlh_d-meet {
  background-color: #2e844a;
}

.tlh_d-dark {
  background-color: #032d60;
}

.tlh_lbl {
  color: #181818;
  font-size: 13px;
  font-weight: 500;
}

.tlh_axis {
  background-color: #fbfbfb;
  border-top: 1px solid #ececec;
  justify-content: space-between;
  padding: 9px 16px;
  display: flex;
}

.tlh_axis-t {
  color: #969492;
  font-size: 11px;
}

.tlh_scrub {
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 8px;
  height: 34px;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
}

.tlh_scrub-win {
  background-color: #eaf2ff;
  border-left: 1px solid #aacbff;
  border-right: 1px solid #aacbff;
  width: 8%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30%;
}

.tlh_scrub-dot {
  background-color: #b8b8b8;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.tlh_scrub-dot.inline-span-0 {
  left: 8%;
}

.tlh_scrub-dot.inline-span-1 {
  left: 14%;
}

.tlh_scrub-dot.inline-span-2 {
  left: 31%;
}

.tlh_scrub-dot.inline-span-3 {
  left: 34%;
}

.tlh_scrub-dot.inline-span-4 {
  left: 46%;
}

.tlh_scrub-dot.inline-span-5 {
  left: 58%;
}

.tlh_scrub-dot.inline-span-6 {
  left: 67%;
}

.tlh_scrub-dot.inline-span-7 {
  left: 79%;
}

.tlh_scrub-dot.inline-span-8 {
  left: 91%;
}

.tlh_scrub-axis {
  justify-content: space-between;
  padding: 6px 10px 0;
  display: flex;
}

.tlh_scrub-t {
  color: #aaa;
  font-size: 10px;
}

.tlh2_wrap {
  color: #080707;
  padding: 6px 6px 10px;
  font-family: Salesforce Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif;
}

.tlh2_head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.tlh2_head-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.tlh2_head-ico {
  color: #fff;
  background-color: #2e844a;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 15px;
  display: flex;
}

.tlh2_title {
  font-size: 15px;
  font-weight: 700;
}

.tlh2_showing {
  color: #706e6b;
  white-space: nowrap;
  font-size: 12px;
}

.tlh2_chart {
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.tlh2_grid {
  height: 320px;
  position: relative;
}

.tlh2_gl {
  border-left: 1px dashed #e5e5e5;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.tlh2_g1 {
  left: 16%;
}

.tlh2_g2 {
  left: 36%;
}

.tlh2_g3 {
  left: 56%;
}

.tlh2_g4 {
  left: 76%;
}

.tlh2_g5 {
  left: 96%;
}

.tlh2_mk {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  white-space: nowrap;
  align-items: center;
  height: 30px;
  display: flex;
  position: absolute;
}

.tlh2_mk.inline-div-0 {
  top: 16px;
  left: 6%;
}

.tlh2_mk.inline-div-1 {
  top: 58px;
  left: 22%;
}

.tlh2_mk.inline-div-2 {
  top: 100px;
  left: 38%;
}

.tlh2_mk.inline-div-3 {
  top: 142px;
  left: 44%;
}

.tlh2_mk.inline-div-4 {
  top: 184px;
  left: 44%;
}

.tlh2_mk.inline-div-5 {
  top: 226px;
  left: 48%;
}

.tlh2_mk.inline-div-6 {
  top: 268px;
  left: 54%;
}

.tlh2_dot {
  color: #fff;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 13px;
  display: flex;
  box-shadow: 0 1px 3px #032d602e;
}

.tlh2_d-task {
  background-color: #fe9339;
}

.tlh2_d-event {
  background-color: #0d9488;
}

.tlh2_d-call {
  background-color: #0176d3;
}

.tlh2_d-class {
  background-color: #5867e8;
}

.tlh2_d-meet {
  background-color: #2e844a;
}

.tlh2_d-dark {
  background-color: #032d60;
}

.tlh2_lbl {
  color: #181818;
  font-size: 13px;
  font-weight: 500;
}

.tlh2_axis {
  background-color: #fbfbfb;
  border-top: 1px solid #ececec;
  justify-content: space-between;
  padding: 9px 16px;
  display: flex;
}

.tlh2_axis-t {
  color: #969492;
  font-size: 11px;
}

.tlh2_scrub {
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 8px;
  height: 34px;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
}

.tlh2_scrub-win {
  background-color: #eaf2ff;
  border-left: 1px solid #aacbff;
  border-right: 1px solid #aacbff;
  width: 8%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30%;
}

.tlh2_scrub-dot {
  background-color: #b8b8b8;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.tlh2_scrub-dot.inline-span-0 {
  left: 8%;
}

.tlh2_scrub-dot.inline-span-1 {
  left: 14%;
}

.tlh2_scrub-dot.inline-span-2 {
  left: 31%;
}

.tlh2_scrub-dot.inline-span-3 {
  left: 34%;
}

.tlh2_scrub-dot.inline-span-4 {
  left: 46%;
}

.tlh2_scrub-dot.inline-span-5 {
  left: 58%;
}

.tlh2_scrub-dot.inline-span-6 {
  left: 67%;
}

.tlh2_scrub-dot.inline-span-7 {
  left: 79%;
}

.tlh2_scrub-dot.inline-span-8 {
  left: 91%;
}

.tlh2_scrub-axis {
  justify-content: space-between;
  padding: 6px 10px 0;
  display: flex;
}

.tlh2_scrub-t {
  color: #aaa;
  font-size: 10px;
}

.sdevb1_dt {
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-family: Salesforce Sans, Arial, sans-serif;
  display: flex;
  overflow: hidden;
}

.sdevb1_dt-head {
  background-color: #fafaf9;
  border-bottom: 1px solid #dddbda;
  padding: 0 4px;
  display: flex;
}

.sdevb1_dt-hcell {
  color: #3e3e3c;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 7px 8px;
  font-size: 10px;
  font-weight: 700;
}

.sdevb1_dt-row {
  border-bottom: 1px solid #f3f2f2;
  align-items: center;
  padding: 0 4px;
  display: flex;
}

.sdevb1_dt-cell {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #080707;
  align-items: center;
  padding: 8px;
  font-size: 11px;
  display: flex;
}

.sdevb1_dt-c1 {
  flex: 1.6;
}

.sdevb1_dt-c2 {
  flex: 1.2;
}

.sdevb1_dt-c3 {
  flex: 1;
  justify-content: flex-start;
}

.sdevb1_dt-av {
  color: #fff;
  background-color: #0176d3;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
}

.sdevb1_dt-link {
  color: #0176d3;
  font-weight: 600;
}

.sdevb1_badge {
  white-space: nowrap;
  border-radius: 11px;
  padding: 2px 8px;
  font-size: 9px;
  font-weight: 700;
}

.sdevb1_badge-won {
  color: #fff;
  background-color: #2e844a;
}

.sdevb1_badge-prog {
  color: #0176d3;
  background-color: #eaf5fe;
}

.sdevb1_badge-new {
  color: #a05a00;
  background-color: #fef1e6;
}

.sdevb1_dt-edit {
  border: 1px solid #0176d3;
  border-radius: 4px;
  padding: 2px 6px;
  box-shadow: 0 0 0 1px #0176d326;
}

.sdevb1_kb {
  box-sizing: border-box;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #f3f2f2;
  border: 1px solid #dddbda;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  padding: 8px;
  font-family: Salesforce Sans, Arial, sans-serif;
  display: flex;
}

.sdevb1_kb-col {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fafaf9;
  border-radius: 6px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 6px;
  display: flex;
}

.sdevb1_kb-colhead {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #3e3e3c;
  letter-spacing: .02em;
  text-transform: uppercase;
  align-items: center;
  font-size: 9px;
  font-weight: 700;
  display: flex;
}

.sdevb1_kb-dot {
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.sdevb1_kb-dot-blue {
  background-color: #0176d3;
}

.sdevb1_kb-dot-orange {
  background-color: #fe9339;
}

.sdevb1_kb-dot-green {
  background-color: #2e844a;
}

.sdevb1_kb-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-left: 3px solid #0176d3;
  border-radius: 4px;
  padding: 6px 7px;
  box-shadow: 0 1px 2px #0000000f;
}

.sdevb1_kb-drag {
  border-left-color: #fe9339;
  transform: rotate(-3deg);
  box-shadow: 0 8px 18px #032d6047;
}

.sdevb1_kb-ctitle {
  color: #0176d3;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}

.sdevb1_kb-cmeta {
  color: #3e3e3c;
  margin-top: 2px;
  font-size: 9px;
}

.sdevb1_px {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-family: Salesforce Sans, Arial, sans-serif;
  display: flex;
  overflow: hidden;
}

.sdevb1_px-nav {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #032d60;
  align-items: center;
  padding: 7px 10px;
  display: flex;
}

.sdevb1_px-logo {
  background-color: #aacbff;
  border-radius: 4px;
  flex: none;
  width: 16px;
  height: 16px;
}

.sdevb1_px-tab {
  color: #c9ddf6;
  font-size: 9px;
  font-weight: 600;
}

.sdevb1_px-tab.sdevb1_px-tab-on {
  border-bottom-style: none;
  padding-bottom: 0;
  position: relative;
}

.sdevb1_px-tab-on {
  color: #fff;
  border-bottom: 2px solid #aacbff;
  padding-bottom: 2px;
}

.sdevb1_px-avatar {
  background-color: #5867e8;
  border-radius: 50%;
  flex: none;
  width: 16px;
  height: 16px;
  margin-left: auto;
}

.sdevb1_px-hero {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-image: linear-gradient(120deg, #eaf5fe 0%, #d8e9fb 100%);
  flex-direction: column;
  padding: 12px;
  display: flex;
}

.sdevb1_px-hline {
  background-color: #0176d3;
  border-radius: 4px;
  height: 7px;
}

.sdevb1_px-hline-a {
  width: 60%;
}

.sdevb1_px-hline-b {
  background-color: #9dc4ee;
  width: 38%;
}

.sdevb1_px-grid {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  padding: 10px;
  display: flex;
}

.sdevb1_px-card {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fafaf9;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding: 8px 7px;
  display: flex;
}

.sdevb1_px-ic {
  border-radius: 5px;
  flex: none;
  width: 16px;
  height: 16px;
}

.sdevb1_px-ic-blue {
  background-color: #0176d3;
}

.sdevb1_px-ic-green {
  background-color: #2e844a;
}

.sdevb1_px-ic-orange {
  background-color: #fe9339;
}

.sdevb1_px-cl {
  background-color: #dddbda;
  border-radius: 3px;
  width: 80%;
  height: 6px;
}

.v5nav_gs-ico {
  color: #fff;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  margin-right: 0;
  line-height: 0;
  display: flex;
}

.v5nav_gs-ico-lwc {
  background-color: #0176d3;
}

.v5nav_gs-ico-xpc {
  background-color: #5867e8;
}

.v5nav_gs-ico-flow {
  background-color: #fe9339;
}

.v5nav_gs-hdr {
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.v5nav_gs-hdr-title {
  color: #0b0f19;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.3;
}

.v5nav_gs-hdr-chip {
  color: #0176d3;
  letter-spacing: .04em;
  background-color: #eaf2fd;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
}

.sec2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.sec2_hero-inner {
  display: block;
}

.sec2_hero-left {
  max-width: 640px;
}

.v2_chip {
  grid-column-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .4375rem .875rem;
  display: inline-flex;
}

.v2_chip-txt-1 {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #eaf5fe;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .8125rem;
  font-weight: 700;
}

.sec2_hero-sub {
  color: #eaf5fe;
  max-width: 560px;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sec2_hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.sec2_stat-strip {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-wrap: wrap;
  display: flex;
}

.sec2_stat {
  flex-direction: column;
  display: flex;
}

.sec2_sec-white {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.sec2_grid3 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sec2_card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem;
}

.sec2_card-title {
  color: #032d60;
  margin-bottom: .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sec2_card-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.65;
}

.sec2_sec-gray {
  background-color: #f6f8fb;
  padding: 5.5rem 2rem;
}

.sec2_note {
  color: #444;
  max-width: 820px;
  margin-top: 1.75rem;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.sec2_sec-white2 {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.sec2_lead {
  color: #444;
  max-width: 720px;
  margin-top: 0;
  margin-bottom: 2.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.sec2_install-wrap {
  display: block;
}

.sec2_ns-block {
  background-color: #fff;
  border: 1px solid #d8e3f0;
  border-radius: 12px;
  margin-bottom: 2.5rem;
  padding: 1.75rem 2rem;
}

.sec2_ns-title {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sec2_ns-p {
  color: #444;
  max-width: 720px;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.65;
}

.sec2_ns-row {
  grid-column-gap: .875rem;
  align-items: center;
  margin-bottom: .625rem;
  display: flex;
}

.sec2_ns-chip {
  color: #aacbff;
  background-color: #0f1a2e;
  border-radius: 6px;
  padding: .3125rem .75rem;
  font-family: Courier New, Courier, monospace;
  font-size: .875rem;
}

.sec2_ns-label {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.sec2_grid2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sec2_install-more {
  display: block;
}

.sec2_subblock {
  max-width: 820px;
  margin-top: 2.25rem;
}

.sec2_sub-h {
  color: #032d60;
  margin-bottom: .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.sec2_sub-p {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.sec2_contact {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  margin-top: 2.5rem;
  padding: 1.5rem 1.75rem;
}

.sec2_contact-h {
  color: #032d60;
  margin-bottom: .375rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
}

.sec2_contact-p {
  color: #032d60;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.65;
}

.sec2_sec-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.sec2_grid2acc {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.sec2_acard {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 2rem;
}

.sec2_sec-faq {
  background-color: #f6f8fb;
  padding: 5.5rem 2rem;
}

.sec2_eyebrow-c {
  justify-content: center;
}

.sec2_faq-list {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.sec2_faq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.5rem 1.75rem;
}

.sec2_faq-q {
  color: #032d60;
  margin-bottom: .625rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.sec2_faq-a {
  color: #444;
  margin: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.7;
}

.sec2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
}

.sec2_cta-inner {
  text-align: center;
  max-width: 760px;
}

.sec2_cta-sub {
  color: #eaf5fe;
  max-width: 560px;
  margin: 0 auto 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sec2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.hv3br_sec {
  background-color: #eaf5fe;
  padding: 2.25rem 2rem;
}

.hv3br_line {
  color: #032d60;
  text-align: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  font-family: itc-avant-garde-gothic-pro, ITC Avant Garde Gothic Pro, sans-serif;
  font-size: 1.375rem;
  line-height: 1.4;
}

.hv3br_em {
  color: #0176d3;
}

.calc_framing {
  color: #eaf5feb8;
  max-width: 40rem;
  margin-top: 1rem;
  font-size: .9375rem;
  line-height: 1.6;
}

.calc_framing-hl, .calc_sub-hl {
  color: #aacbff;
  font-weight: 700;
}

.cmp2s1_sec {
  background-color: #fff;
  padding: 4.5rem 2rem;
}

.cmp2s1_inner {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.cmp2s1_eyebrow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.cmp2s1_sq {
  background-color: #0176d3;
  width: 10px;
  height: 10px;
}

.cmp2s1_eyetxt {
  color: #032d60;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .8125rem;
  font-weight: 600;
}

.cmp2s1_grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: stretch;
  display: flex;
}

.cmp2s1_card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex: 340px;
  padding: 1.5rem;
}

.cmp2s1_card-std {
  border-top: 3px solid #c9c9c9;
}

.cmp2s1_card-av {
  border-top: 3px solid #0176d3;
}

.cmp2s1_label {
  color: #747474;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-size: .75rem;
  font-weight: 700;
}

.cmp2s1_label-av {
  color: #0176d3;
}

.cmp2s1_p {
  color: #54698d;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.cmp2s1_linkrow {
  margin-top: 1.5rem;
}

.cmp2s1_link {
  color: #0176d3;
  font-size: .9375rem;
  font-weight: 600;
  text-decoration: none;
}

.cmp2s2_sec {
  background-color: #eaf5fe;
  padding: 2.25rem 2rem;
}

.cmp2s2_line {
  color: #032d60;
  text-align: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  font-family: itc-avant-garde-gothic-pro, ITC Avant Garde Gothic Pro, sans-serif;
  font-size: 1.375rem;
  line-height: 1.4;
}

.cmp2s2_em {
  color: #0176d3;
}

.cmp2s3_sec {
  background-color: #f4f6f9;
  padding: 4.5rem 2rem;
}

.cmp2s3_inner {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.cmp2s3_h2 {
  color: #032d60;
  text-align: center;
  margin: 0 0 2rem;
  font-family: itc-avant-garde-gothic-pro, ITC Avant Garde Gothic Pro, sans-serif;
  font-size: 1.875rem;
  line-height: 1.2;
}

.cmp2s3_grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.cmp2s3_check-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex: 340px;
  max-width: 460px;
  padding: 1.75rem;
}

.cmp2s3_title {
  color: #032d60;
  margin-bottom: 1rem;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 1.0625rem;
}

.cmp2s3_item {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: flex-start;
  padding: .375rem 0;
  display: flex;
}

.cmp2s3_check {
  color: #fff;
  background-color: #2e844a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.cmp2s3_txt {
  color: #54698d;
  font-size: .9063rem;
  line-height: 1.5;
}

.cmp2s3_quote-card {
  text-align: center;
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  flex-direction: column;
  flex: 340px;
  justify-content: center;
  max-width: 460px;
  padding: 1.75rem;
  display: flex;
}

.cmp2s3_mark {
  color: #aacbff;
  margin-bottom: .875rem;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 2.5rem;
  line-height: .5;
}

.cmp2s3_quote {
  color: #032d60;
  margin: 0 0 1rem;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 1.25rem;
  line-height: 1.4;
}

.cmp2s3_who {
  color: #747474;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .75rem;
}

.cmp2s4_sec {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5rem 2rem;
}

.cmp2s4_inner {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.cmp2s4_h2 {
  color: #fff;
  margin: 0 0 1rem;
  font-family: itc-avant-garde-gothic-pro, ITC Avant Garde Gothic Pro, sans-serif;
  font-size: 2.125rem;
  line-height: 1.2;
}

.cmp2s4_sub {
  color: #c5d9f1;
  margin: 0 0 2rem;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.cmp2s4_btns {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.tmpeye_txt {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  font-weight: 700;
  display: inline;
}

.cmpvs1_table {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  max-width: 960px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.cmpvs1_hrow {
  background-color: #f4f6f9;
  flex-wrap: wrap;
  display: flex;
}

.cmpvs1_row {
  border-top: 1px solid #f0f0f0;
  flex-wrap: wrap;
  display: flex;
}

.cmpvs1_lbl {
  color: #032d60;
  flex: 260px;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
}

.cmpvs1_old {
  color: #54698d;
  flex: 200px;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  line-height: 1.5;
}

.cmpvs1_new {
  color: #032d60;
  background-color: #eaf5fe;
  flex: 200px;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  line-height: 1.5;
}

.cmpvs1_hlbl {
  flex: 260px;
  padding: .875rem 1.25rem;
}

.cmpvs1_hold {
  color: #54698d;
  flex: 200px;
  padding: .875rem 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
}

.cmpvs1_hnew {
  color: #fff;
  background-color: #0176d3;
  flex: 200px;
  padding: .875rem 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
}

.cmpvs1_rows-a, .cmpvs1_rows-b {
  display: block;
}

.cmpvs1_note {
  color: #54698d;
  text-align: center;
  max-width: 760px;
  margin: 1.5rem auto 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.sec2_hero-art {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 340px;
  height: 340px;
  display: flex;
  position: relative;
}

.sec2_ring {
  border: 1px solid #aacbff40;
  border-radius: 50%;
  position: absolute;
}

.sec2_ring-1 {
  width: 340px;
  height: 340px;
}

.sec2_ring-2 {
  border-color: #aacbff59;
  width: 250px;
  height: 250px;
}

.sec2_ring-3 {
  border-color: #aacbff80;
  width: 160px;
  height: 160px;
}

.sec2_shield {
  background-image: linear-gradient(160deg, #2a7de0, #0b5cab);
  border: 2px solid #aacbffe6;
  border-radius: 16px 16px 60px 60px / 16px 16px 90px 90px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 140px;
  display: flex;
  position: relative;
  box-shadow: 0 12px 40px #00000073, 0 0 0 6px #aacbff1f;
}

.sec2_check {
  border-bottom: 6px solid #fff;
  border-left: 6px solid #fff;
  width: 46px;
  height: 26px;
  margin-top: -8px;
  transform: rotate(-45deg);
}

.sec2_dot {
  background-color: #aacbff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  box-shadow: 0 0 14px #aacbffcc;
}

.sec2_dot-a {
  top: 36px;
  right: 58px;
}

.sec2_dot-b {
  bottom: 52px;
  left: 46px;
}

.sec2_dot-c {
  top: 150px;
  right: 30px;
}

.link-18 {
  color: var(--bluevariant50);
}

.brnd3_glow {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #78b4ff59 0%, #78b4ff1f 40%, #78b4ff00 70%);
  width: 520px;
  height: 520px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.brnd3_grid {
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(#aacbff1a 1px, #0000 1px), linear-gradient(90deg, #aacbff1a 1px, #0000 1px);
  background-size: 34px 34px;
  border-radius: 50%;
  width: 460px;
  height: 460px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.brnd3_swatch {
  z-index: 2;
  border: 2px solid #ffffffd9;
  border-radius: 14px;
  width: 52px;
  height: 52px;
  position: absolute;
  box-shadow: 0 10px 26px #00000059;
}

.brnd3_swatch-1 {
  background-image: linear-gradient(135deg, #e5567f, #b3204c);
  top: 8%;
  right: 2%;
}

.brnd3_swatch-2 {
  background-image: linear-gradient(135deg, #ff9a3c, #f76b1c);
  bottom: 14%;
  right: -3%;
}

.brnd3_swatch-3 {
  background-image: linear-gradient(135deg, #2fd39b, #12a37a);
  bottom: 4%;
  left: 4%;
}

.brnd3_accents {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.ucic_badge-green {
  background-image: linear-gradient(135deg, #2fd39b, #12a37a);
}

.ucic_scr {
  border: 2.5px solid #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 22px;
  display: flex;
}

.ucic_scr-check {
  border-bottom: 2.5px solid #fff;
  border-left: 2.5px solid #fff;
  width: 10px;
  height: 6px;
  margin-top: -2px;
  transform: rotate(-45deg);
}

.ucic_win2 {
  border: 2.5px solid #fff;
  border-radius: 4px;
  width: 26px;
  height: 22px;
  position: relative;
}

.ucic_win2-bar {
  background-color: #fff;
  height: 2.5px;
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
}

.ucic_pages2 {
  width: 24px;
  height: 24px;
  position: relative;
}

.ucic_pg-back {
  border: 2.5px solid #fff;
  border-radius: 3px;
  width: 16px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

.ucic_pg-front {
  background-image: linear-gradient(135deg, #9f7aea, #6b46c1);
  border: 2.5px solid #fff;
  border-radius: 3px;
  width: 16px;
  height: 20px;
  position: absolute;
  top: 4px;
  left: 6px;
}

.bax_wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.bax_side {
  flex-direction: column;
  flex: 300px;
  max-width: 360px;
  display: flex;
}

.bax_tag {
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.bax_tag-before {
  color: #5a6b82;
}

.bax_tag-after {
  color: #7c3aed;
}

.bax_card {
  background-color: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 40px #032d602e;
}

.bax_head {
  grid-column-gap: .75rem;
  align-items: center;
  padding: 1rem 1.25rem;
  display: flex;
}

.bax_head-before {
  background-color: #0176d3;
}

.bax_head-after {
  background-image: linear-gradient(120deg, #7c3aed, #e5567f);
}

.bax_avatar {
  background-color: #ffffffe6;
  border-radius: 50%;
  flex: none;
  width: 34px;
  height: 34px;
}

.bax_head-txt {
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.bax_line {
  background-color: #ffffffd9;
  border-radius: 4px;
  height: 7px;
}

.bax_line-w1 {
  width: 96px;
}

.bax_line-w2 {
  background-color: #ffffff8c;
  width: 60px;
}

.bax_body {
  padding: 1.25rem;
}

.bax_row {
  border-radius: 5px;
  height: 9px;
  margin-bottom: .7rem;
}

.bax_row-full {
  width: 100%;
}

.bax_row-2 {
  width: 82%;
}

.bax_row-3 {
  width: 64%;
}

.bax_row-before {
  background-color: #e3e8ef;
}

.bax_row-after {
  background-color: #efe7fb;
}

.bax_btns {
  grid-column-gap: .6rem;
  margin-top: 1.1rem;
  display: flex;
}

.bax_btn {
  border-radius: 8px;
  flex: auto;
  height: 30px;
}

.bax_btn-b1 {
  background-color: #0176d3;
}

.bax_btn-b2 {
  background-color: #e3e8ef;
}

.bax_btn-a1 {
  background-image: linear-gradient(120deg, #7c3aed, #e5567f);
}

.bax_btn-a2 {
  background-color: #f0e9fb;
}

.bax_arrow {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.bax_arrow-shape {
  border-top: 3px solid #7c3aed;
  border-right: 3px solid #7c3aed;
  width: 34px;
  height: 34px;
  transform: rotate(45deg);
}

.bax_uc-v {
  background-image: linear-gradient(#7c3aed0f, #7c3aed00);
  border-top: 4px solid #7c3aed;
}

.bax_uc-c {
  background-image: linear-gradient(#e5567f0f, #e5567f00);
  border-top: 4px solid #e5567f;
}

.bax_uc-t {
  background-image: linear-gradient(#12a37a0f, #12a37a00);
  border-top: 4px solid #12a37a;
}

.iba_wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.iba_side {
  flex-direction: column;
  flex: 320px;
  max-width: 380px;
  display: flex;
}

.iba_tag {
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.iba_tag-before {
  color: #fe9339;
}

.iba_tag-after {
  color: #41b658;
}

.iba_card {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 40px #032d602e;
}

.iba_code {
  background-color: #0f1a2e;
  padding: 1.1rem 1.25rem;
}

.iba_code-head {
  grid-column-gap: .5rem;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.iba_cdot {
  border-radius: 50%;
  width: 11px;
  height: 11px;
}

.iba_cdot-1 {
  background-color: #ff538a;
}

.iba_cdot-2 {
  background-color: #fe9339;
}

.iba_cdot-3 {
  background-color: #41b658;
}

.iba_cline {
  border-radius: 4px;
  height: 8px;
  margin-bottom: .7rem;
}

.iba_cl-1 {
  background-color: #fe9339;
  width: 70%;
}

.iba_cl-2 {
  background-color: #3a4a63;
  width: 88%;
}

.iba_cl-3 {
  background-color: #3a4a63;
  width: 52%;
}

.iba_cl-4 {
  background-color: #3a4a63;
  width: 76%;
}

.iba_cl-5 {
  background-color: #fe9339;
  width: 40%;
}

.iba_config {
  background-color: #fff;
  padding: 1.1rem 1.25rem;
}

.iba_field {
  margin-bottom: .9rem;
}

.iba_flabel {
  background-color: #c9c9c9;
  border-radius: 4px;
  width: 70px;
  height: 7px;
  margin-bottom: .45rem;
}

.iba_select {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: .55rem .75rem;
  display: flex;
}

.iba_sval {
  background-color: #0176d3;
  border-radius: 4px;
  width: 110px;
  height: 8px;
}

.iba_chev {
  border-bottom: 2px solid #c9c9c9;
  border-right: 2px solid #c9c9c9;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

.iba_toggle-row {
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.iba_tlabel {
  background-color: #c9c9c9;
  border-radius: 4px;
  width: 90px;
  height: 8px;
}

.iba_toggle {
  background-color: #41b658;
  border-radius: 100px;
  width: 38px;
  height: 22px;
  position: relative;
}

.iba_knob {
  background-color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 3px;
  right: 3px;
}

.iba_arrow {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.iba_arrow-shape {
  border-top: 3px solid #41b658;
  border-right: 3px solid #41b658;
  width: 34px;
  height: 34px;
  transform: rotate(45deg);
}

.ihx_glow {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #78b4ff52 0%, #78b4ff1a 42%, #78b4ff00 70%);
  width: 520px;
  height: 520px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ihx_grid {
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(#aacbff1a 1px, #0000 1px), linear-gradient(90deg, #aacbff1a 1px, #0000 1px);
  background-size: 34px 34px;
  border-radius: 50%;
  width: 460px;
  height: 460px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ihx_node {
  z-index: 2;
  border: 2px solid #ffffffe6;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  display: flex;
  position: absolute;
  box-shadow: 0 10px 26px #032d6066;
}

.ihx_node-blue {
  background-image: linear-gradient(135deg, #3a8dff, #0176d3);
  top: 6%;
  right: 0%;
}

.ihx_node-green {
  background-image: linear-gradient(135deg, #5bd075, #41b658);
  bottom: 20%;
  right: -4%;
}

.ihx_node-orange {
  background-image: linear-gradient(135deg, #ffb066, #fe9339);
  bottom: 4%;
  left: 2%;
}

.ihx_cursor {
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  width: 16px;
  height: 16px;
  margin-top: -3px;
  transform: rotate(-45deg);
}

.ihx_bolt {
  background-color: #fff;
  width: 8px;
  height: 16px;
  transform: skewX(-12deg);
}

.ihx_ring {
  border: 3px solid #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.ihx_accents {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.int2_uc-b {
  background-image: linear-gradient(#0176d30d, #0176d300);
  border-top: 4px solid #0176d3;
}

.int2_uc-g {
  background-image: linear-gradient(#41b6580d, #41b65800);
  border-top: 4px solid #41b658;
}

.int2_uc-o {
  background-image: linear-gradient(#fe93390d, #fe933900);
  border-top: 4px solid #fe9339;
}

.iwv_stage {
  background-color: #fff;
  min-height: 340px;
  padding: 1.5rem;
  position: relative;
}

.iwv_win-label {
  grid-column-gap: .5rem;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.iwv_win-dot {
  background-color: #41b658;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.iwv_win-txt {
  background-color: #e5e5e5;
  border-radius: 4px;
  width: 120px;
  height: 7px;
}

.iwv_table {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
}

.iwv_row {
  grid-column-gap: .75rem;
  border-bottom: 1px solid #f3f3f3;
  align-items: center;
  padding: .7rem .9rem;
  display: flex;
}

.iwv_row-head {
  background-color: #fafafa;
}

.iwv_av {
  background-color: #aacbff;
  border-radius: 50%;
  flex: none;
  width: 22px;
  height: 22px;
}

.iwv_cellwide {
  background-color: #e5e5e5;
  border-radius: 4px;
  flex: auto;
  height: 8px;
}

.iwv_cellsm {
  background-color: #eaf5fe;
  border-radius: 4px;
  flex: none;
  width: 56px;
  height: 8px;
}

.iwv_actionbtn {
  z-index: 2;
  grid-column-gap: .4rem;
  background-color: #0176d3;
  border-radius: 8px;
  align-items: center;
  margin-top: 1.1rem;
  padding: .5rem .9rem;
  display: inline-flex;
  position: relative;
  box-shadow: 0 6px 16px #0176d366;
}

.iwv_btn-txt {
  background-color: #fff;
  border-radius: 4px;
  width: 54px;
  height: 8px;
}

.iwv_cursor {
  z-index: 3;
  border-bottom: 3px solid #032d60;
  border-left: 3px solid #032d60;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: -16px;
  right: -14px;
  transform: rotate(-45deg);
}

.iwv_flow {
  z-index: 2;
  grid-row-gap: .6rem;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.iwv_chip {
  grid-column-gap: .5rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  align-items: center;
  padding: .45rem .8rem .45rem .7rem;
  display: flex;
  box-shadow: 0 6px 16px #032d601f;
}

.iwv_ci {
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.iwv_ci-blue {
  background-color: #0176d3;
}

.iwv_ci-green {
  background-color: #41b658;
}

.iwv_ci-orange {
  background-color: #fe9339;
}

.iwv_ci-navy {
  background-color: #032d60;
}

.iwv_ci-dotwhite {
  background-color: #fff;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.iwv_clabel {
  background-color: #c9c9c9;
  border-radius: 4px;
  width: 58px;
  height: 7px;
}

.iwv_link {
  z-index: 1;
  transform-origin: 0;
  background-image: linear-gradient(90deg, #0176d3, #0176d326);
  height: 2px;
  position: absolute;
}

.iwv_link-1 {
  width: 150px;
  top: 64%;
  left: 38%;
  transform: rotate(-34deg);
}

.iwv_link-2 {
  width: 150px;
  top: 66%;
  left: 38%;
  transform: rotate(-14deg);
}

.iwv_link-3 {
  width: 152px;
  top: 68%;
  left: 38%;
  transform: rotate(8deg);
}

.iwv_link-4 {
  width: 150px;
  top: 70%;
  left: 38%;
  transform: rotate(28deg);
}

.iwv2_stage {
  background-color: #fff;
  padding: 1.5rem 1.5rem 1.75rem;
}

.iwv2_toprow {
  grid-column-gap: .5rem;
  align-items: center;
  margin-bottom: 1.1rem;
  display: flex;
}

.iwv2_td {
  background-color: #41b658;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.iwv2_tl {
  background-color: #e5e5e5;
  border-radius: 4px;
  width: 120px;
  height: 7px;
}

.iwv2_grid {
  grid-column-gap: 0;
  align-items: center;
  display: flex;
}

.iwv2_left {
  grid-row-gap: .6rem;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  display: flex;
}

.iwv2_click-label {
  background-color: #c9c9c9;
  border-radius: 3px;
  width: 44px;
  height: 6px;
  margin-bottom: .2rem;
}

.iwv2_btn {
  background-color: #0176d3;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: .6rem 1.1rem;
  display: flex;
  position: relative;
  box-shadow: 0 6px 18px #0176d373;
}

.iwv2_btn-txt {
  background-color: #fff;
  border-radius: 4px;
  width: 52px;
  height: 8px;
}

.iwv2_cursor {
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 9px solid #032d60;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -14px;
  right: -16px;
  transform: rotate(52deg);
}

.iwv2_wires {
  flex: auto;
  align-self: stretch;
  min-height: 200px;
}

.iwv2_right {
  grid-row-gap: .75rem;
  flex-direction: column;
  flex: none;
  display: flex;
}

.iwv2_chip {
  grid-column-gap: .55rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  align-items: center;
  padding: .5rem .9rem .5rem .7rem;
  display: flex;
  box-shadow: 0 6px 16px #032d601a;
}

.iwv2_ci {
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.iwv2_ci-blue {
  background-color: #0176d3;
}

.iwv2_ci-green {
  background-color: #41b658;
}

.iwv2_ci-navy {
  background-color: #032d60;
}

.iwv2_ci-orange {
  background-color: #fe9339;
}

.iwv2_dotw {
  background-color: #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.iwv2_cl {
  background-color: #c9c9c9;
  border-radius: 4px;
  width: 62px;
  height: 7px;
}

.iwv2_wires2 {
  flex: auto;
  align-self: stretch;
  min-height: 210px;
}

.iac_stage {
  background-color: #fff;
  padding: 2rem 1.75rem 2.25rem;
}

.iac_toprow {
  grid-column-gap: .5rem;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.iac_td {
  background-color: #41b658;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.iac_tl {
  background-color: #e5e5e5;
  border-radius: 4px;
  width: 130px;
  height: 7px;
}

.iac_panel {
  background-color: #fbfcfe;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.1rem;
  box-shadow: 0 16px 40px #032d6024;
}

.iac_flabel {
  grid-column-gap: .4rem;
  align-items: center;
  margin-bottom: .55rem;
  display: flex;
}

.iac_fdot {
  background-color: #0176d3;
  border-radius: 4px;
  flex: none;
  width: 14px;
  height: 14px;
}

.iac_ftxt {
  background-color: #c9c9c9;
  border-radius: 4px;
  width: 70px;
  height: 7px;
}

.iac_trigger {
  background-color: #fff;
  border: 1.5px solid #0176d3;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .6rem;
  padding: .65rem .85rem;
  display: flex;
}

.iac_trigger-txt {
  background-color: #032d60;
  border-radius: 4px;
  width: 120px;
  height: 9px;
}

.iac_chev {
  border-bottom: 2px solid #0176d3;
  border-right: 2px solid #0176d3;
  width: 9px;
  height: 9px;
  margin-bottom: 3px;
  transform: rotate(45deg);
}

.iac_menu {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 28px #032d6029;
}

.iac_opt {
  grid-column-gap: .7rem;
  border-bottom: 1px solid #f3f3f3;
  align-items: center;
  padding: .7rem .9rem;
  display: flex;
}

.iac_opt-active {
  background-color: #eaf5fe;
}

.iac_ic {
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
}

.iac_ic-blue {
  background-color: #0176d3;
}

.iac_ic-green {
  background-color: #41b658;
}

.iac_ic-navy {
  background-color: #032d60;
}

.iac_ic-orange {
  background-color: #fe9339;
}

.iac_icdot {
  background-color: #fff;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.iac_olabel {
  background-color: #5a6b82;
  border-radius: 4px;
  flex: auto;
  max-width: 120px;
  height: 9px;
}

.iac_olabel-active {
  background-color: #032d60;
}

.iac_check {
  border-bottom: 2.5px solid #0176d3;
  border-left: 2.5px solid #0176d3;
  flex: none;
  width: 14px;
  height: 9px;
  margin-top: -3px;
  transform: rotate(-45deg);
}

.iac_spacer {
  flex: none;
  width: 14px;
}

.dqb_stage {
  background-color: #fff;
  padding: 1.75rem 1.5rem 2rem;
}

.dqb_toprow {
  grid-column-gap: .5rem;
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
}

.dqb_td {
  background-color: #41b658;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.dqb_tl {
  background-color: #e5e5e5;
  border-radius: 4px;
  width: 130px;
  height: 7px;
}

.dqb_field {
  margin-bottom: 1rem;
}

.dqb_flabel {
  grid-column-gap: .4rem;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.dqb_fdot {
  border-radius: 4px;
  flex: none;
  width: 13px;
  height: 13px;
}

.dqb_fdot-blue {
  background-color: #0176d3;
}

.dqb_fdot-navy {
  background-color: #032d60;
}

.dqb_fdot-orange {
  background-color: #fe9339;
}

.dqb_ftxt {
  background-color: #c9c9c9;
  border-radius: 3px;
  width: 56px;
  height: 6px;
}

.dqb_select {
  background-color: #fff;
  border: 1.5px solid #0176d3;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  padding: .6rem .8rem;
  display: flex;
}

.dqb_sval {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
}

.dqb_sicon {
  background-color: #0176d3;
  border-radius: 5px;
  flex: none;
  width: 20px;
  height: 20px;
}

.dqb_svtxt {
  background-color: #032d60;
  border-radius: 4px;
  width: 96px;
  height: 8px;
}

.dqb_chev {
  border-bottom: 2px solid #0176d3;
  border-right: 2px solid #0176d3;
  width: 8px;
  height: 8px;
  margin-bottom: 3px;
  transform: rotate(45deg);
}

.dqb_fields {
  grid-row-gap: .5rem;
  flex-direction: column;
  padding-top: .35rem;
  display: flex;
}

.dqb_frow {
  grid-column-gap: .6rem;
  background-color: #fbfcfe;
  border: 1px solid #eef1f5;
  border-radius: 8px;
  align-items: center;
  padding: .5rem .7rem;
  display: flex;
}

.dqb_check {
  background-color: #0176d3;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.dqb_ck {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  width: 8px;
  height: 5px;
  margin-top: -2px;
  transform: rotate(-45deg);
}

.dqb_check-off {
  border: 1.5px solid #c9c9c9;
  border-radius: 5px;
  flex: none;
  width: 18px;
  height: 18px;
}

.dqb_fname {
  background-color: #5a6b82;
  border-radius: 4px;
  flex: auto;
  max-width: 130px;
  height: 8px;
}

.dqb_fname-off {
  background-color: #cdd4de;
}

.dqb_filter {
  grid-column-gap: .5rem;
  background-color: #eaf5fe;
  border-radius: 8px;
  align-items: center;
  margin-top: 1rem;
  padding: .55rem .75rem;
  display: flex;
}

.dqb_ftag {
  background-color: #0176d3;
  border-radius: 4px;
  width: 34px;
  height: 8px;
}

.dqb_fcond {
  background-color: #7d96b3;
  border-radius: 4px;
  width: 80px;
  height: 8px;
}

.dbg_wrap {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.dbg_glow {
  background-image: radial-gradient(circle, #78b4ff4d 0%, #78b4ff1a 42%, #78b4ff00 70%);
  width: 520px;
  height: 520px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dbg_grid {
  background-image: linear-gradient(#aacbff1a 1px, #0000 1px), linear-gradient(90deg, #aacbff1a 1px, #0000 1px);
  background-size: 34px 34px;
  border-radius: 50%;
  width: 460px;
  height: 460px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dba_wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.dba_side {
  flex-direction: column;
  flex: 320px;
  max-width: 380px;
  display: flex;
}

.dba_tag {
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.dba_tag-before {
  color: #fe9339;
}

.dba_tag-after {
  color: #41b658;
}

.dba_card {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 40px #032d602e;
}

.dba_code {
  background-color: #0f1a2e;
  padding: 1.1rem 1.25rem;
}

.dba_chead {
  grid-column-gap: .5rem;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.dba_cdot {
  border-radius: 50%;
  width: 11px;
  height: 11px;
}

.dba_cdot-1 {
  background-color: #ff538a;
}

.dba_cdot-2 {
  background-color: #fe9339;
}

.dba_cdot-3 {
  background-color: #41b658;
}

.dba_cline {
  border-radius: 4px;
  height: 8px;
  margin-bottom: .7rem;
}

.dba_cl-1 {
  background-color: #4da3ff;
  width: 52%;
}

.dba_cl-2 {
  background-color: #3a4a63;
  width: 82%;
}

.dba_cl-3 {
  background-color: #3a4a63;
  width: 66%;
}

.dba_cl-4 {
  background-color: #fe9339;
  width: 88%;
}

.dba_cl-5 {
  background-color: #3a4a63;
  width: 44%;
}

.dba_config {
  background-color: #fff;
  padding: 1.1rem 1.25rem;
}

.dba_sel {
  border: 1.5px solid #0176d3;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .85rem;
  padding: .6rem .75rem;
  display: flex;
}

.dba_selv {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
}

.dba_selic {
  background-color: #0176d3;
  border-radius: 5px;
  width: 18px;
  height: 18px;
}

.dba_seltx {
  background-color: #032d60;
  border-radius: 4px;
  width: 90px;
  height: 8px;
}

.dba_chev {
  border-bottom: 2px solid #0176d3;
  border-right: 2px solid #0176d3;
  width: 8px;
  height: 8px;
  margin-bottom: 3px;
  transform: rotate(45deg);
}

.dba_frow {
  grid-column-gap: .55rem;
  align-items: center;
  margin-bottom: .55rem;
  display: flex;
}

.dba_ck {
  background-color: #0176d3;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.dba_ckm {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  width: 7px;
  height: 4px;
  margin-top: -1px;
  transform: rotate(-45deg);
}

.dba_fn {
  background-color: #5a6b82;
  border-radius: 4px;
  flex: auto;
  max-width: 120px;
  height: 8px;
}

.dba_arrow {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.dba_arrow-shape {
  border-top: 3px solid #41b658;
  border-right: 3px solid #41b658;
  width: 34px;
  height: 34px;
  transform: rotate(45deg);
}

.data2_uc-b {
  background-image: linear-gradient(#0176d30d, #0176d300);
  border-top: 4px solid #0176d3;
}

.data2_uc-g {
  background-image: linear-gradient(#41b6580d, #41b65800);
  border-top: 4px solid #41b658;
}

.data2_uc-o {
  background-image: linear-gradient(#fe93390d, #fe933900);
  border-top: 4px solid #fe9339;
}

.ducil {
  flex-direction: column;
  padding: 1.1rem;
  display: flex;
  position: absolute;
  inset: 0;
}

.ducil-blue {
  background-image: linear-gradient(160deg, #eaf5fe, #f7fbff);
}

.duct_win {
  grid-column-gap: .4rem;
  align-items: center;
  margin-bottom: .7rem;
  display: flex;
}

.duct_wd {
  background-color: #0176d3;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.duct_wl {
  background-color: #c5d6e8;
  border-radius: 3px;
  width: 70px;
  height: 6px;
}

.duct_table {
  background-color: #fff;
  border-radius: 8px;
  flex: auto;
  overflow: hidden;
  box-shadow: 0 6px 18px #032d601a;
}

.duct_thead {
  grid-column-gap: .6rem;
  background-color: #0176d3;
  padding: .55rem .7rem;
  display: flex;
}

.duct_th {
  background-color: #ffffffd9;
  border-radius: 3px;
  height: 6px;
}

.duct_th-1 {
  width: 34%;
}

.duct_th-2 {
  width: 26%;
}

.duct_th-3 {
  width: 22%;
}

.duct_trow {
  grid-column-gap: .6rem;
  border-bottom: 1px solid #f0f3f7;
  align-items: center;
  padding: .5rem .7rem;
  display: flex;
}

.duct_tc {
  background-color: #dbe3ec;
  border-radius: 3px;
  height: 7px;
}

.duct_tc-1 {
  background-color: #aacbff;
  width: 34%;
}

.duct_tc-2 {
  width: 26%;
}

.duct_tc-3 {
  width: 22%;
}

.ducil-green {
  background-image: linear-gradient(160deg, #eafaf0, #f7fdf9);
}

.ducr_parent {
  grid-column-gap: .6rem;
  background-color: #fff;
  border-left: 3px solid #41b658;
  border-radius: 8px;
  align-items: center;
  padding: .7rem .8rem;
  display: flex;
  box-shadow: 0 6px 18px #032d601a;
}

.ducr_pav {
  background-color: #41b658;
  border-radius: 6px;
  flex: none;
  width: 26px;
  height: 26px;
}

.ducr_pl {
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.ducr_pl1 {
  background-color: #0f5132;
  border-radius: 3px;
  width: 90px;
  height: 7px;
}

.ducr_pl2 {
  background-color: #bfe3cb;
  border-radius: 3px;
  width: 60px;
  height: 6px;
}

.ducr_stem {
  background-color: #c5e7d0;
  width: 2px;
  height: 12px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 1.3rem;
}

.ducr_child {
  grid-column-gap: .5rem;
  background-color: #fff;
  border-radius: 7px;
  align-items: center;
  margin-bottom: .4rem;
  margin-left: 1.1rem;
  padding: .5rem .7rem;
  display: flex;
  box-shadow: 0 4px 12px #032d6012;
}

.ducr_cdot {
  background-color: #a7dbb6;
  border-radius: 4px;
  flex: none;
  width: 14px;
  height: 14px;
}

.ducr_cl {
  background-color: #d3dbe2;
  border-radius: 3px;
  flex: auto;
  max-width: 110px;
  height: 6px;
}

.ducil-orange {
  background-image: linear-gradient(160deg, #fff3e6, #fffaf4);
}

.ducl_head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .6rem;
  display: flex;
}

.ducl_title {
  background-color: #b5651d;
  border-radius: 3px;
  width: 74px;
  height: 7px;
}

.ducl_live {
  grid-column-gap: .35rem;
  align-items: center;
  display: flex;
}

.ducl_livedot {
  background-color: #41b658;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.ducl_livetx {
  background-color: #c9a37a;
  border-radius: 3px;
  width: 26px;
  height: 5px;
}

.ducl_list {
  grid-row-gap: .45rem;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.ducl_row {
  grid-column-gap: .6rem;
  background-color: #fff;
  border-radius: 7px;
  align-items: center;
  padding: .5rem .7rem;
  display: flex;
  box-shadow: 0 4px 12px #032d6012;
}

.ducl_av {
  border-radius: 50%;
  flex: none;
  width: 22px;
  height: 22px;
}

.ducl_av-1 {
  background-color: #fe9339;
}

.ducl_av-2 {
  background-color: #0176d3;
}

.ducl_av-3 {
  background-color: #41b658;
}

.ducl_av-4 {
  background-color: #aacbff;
}

.ducl_rl {
  grid-row-gap: 4px;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.ducl_rl1 {
  background-color: #4a5568;
  border-radius: 3px;
  width: 80%;
  height: 6px;
}

.ducl_rl2 {
  background-color: #d3dbe2;
  border-radius: 3px;
  width: 52%;
  height: 5px;
}

.ducl_badge {
  background-color: #ffe6cc;
  border-radius: 100px;
  flex: none;
  width: 30px;
  height: 12px;
}

.svd_stage {
  background-color: #fff;
  padding: 1.5rem 1.4rem;
}

.svd_top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.svd_ttl {
  background-color: #032d60;
  border-radius: 4px;
  width: 110px;
  height: 8px;
}

.svd_tabs {
  grid-column-gap: .35rem;
  display: flex;
}

.svd_tab {
  background-color: #e5e5e5;
  border-radius: 4px;
  width: 26px;
  height: 8px;
}

.svd_tab-on {
  background-color: #0176d3;
  width: 34px;
}

.svd_kpis {
  grid-column-gap: .6rem;
  margin-bottom: .9rem;
  display: flex;
}

.svd_kpi {
  background-color: #f6f9fd;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  flex: auto;
  padding: .6rem .7rem;
}

.svd_kn {
  background-color: #0176d3;
  border-radius: 4px;
  width: 38px;
  height: 11px;
  margin-bottom: 5px;
}

.svd_kn-g {
  background-color: #41b658;
}

.svd_kn-o {
  background-color: #fe9339;
}

.svd_kl {
  background-color: #c9d4e0;
  border-radius: 3px;
  width: 50px;
  height: 5px;
}

.svd_panels {
  grid-column-gap: .7rem;
  display: flex;
}

.svd_bars {
  background-color: #fff;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  flex: 60%;
  padding: .8rem .8rem .7rem;
  box-shadow: 0 6px 16px #032d600f;
}

.svd_bwrap {
  grid-column-gap: .4rem;
  justify-content: space-between;
  align-items: flex-end;
  height: 88px;
  display: flex;
}

.svd_bar {
  border-radius: 4px 4px 0 0;
  flex: auto;
}

.svd_b1 {
  background-color: #aacbff;
  height: 44%;
}

.svd_b2 {
  background-color: #7bb4f5;
  height: 66%;
}

.svd_b3 {
  background-color: #aacbff;
  height: 38%;
}

.svd_b4 {
  background-color: #0176d3;
  height: 88%;
}

.svd_b5 {
  background-color: #7bb4f5;
  height: 58%;
}

.svd_b6 {
  background-color: #0176d3;
  height: 72%;
}

.svd_donut-wrap {
  background-color: #fff;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  flex: 40%;
  justify-content: center;
  align-items: center;
  padding-top: .8rem;
  padding-bottom: .8rem;
  display: flex;
  box-shadow: 0 6px 16px #032d600f;
}

.svd_donut {
  background-image: conic-gradient(#0176d3 0deg 130deg, #41b658 130deg 220deg, #fe9339 220deg 300deg, #aacbff 300deg 360deg);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 92px;
  height: 92px;
  display: flex;
}

.svd_donut-hole {
  background-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.svb_frame {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: 180px;
  margin-bottom: 1.25rem;
  padding: .9rem;
  display: flex;
  overflow: hidden;
}

.svb_frame-blue {
  background-image: linear-gradient(160deg, #f2f8ff, #fff);
}

.svb_r-kpis {
  grid-column-gap: .5rem;
  margin-bottom: .7rem;
  display: flex;
}

.svb_r-kpi {
  background-color: #fff;
  border: 1px solid #eef2f7;
  border-radius: 6px;
  flex: auto;
  padding: .45rem .55rem;
}

.svb_kn {
  background-color: #0176d3;
  border-radius: 3px;
  width: 28px;
  height: 9px;
  margin-bottom: 4px;
}

.svb_kn-g {
  background-color: #41b658;
}

.svb_kn-o {
  background-color: #fe9339;
}

.svb_kl {
  background-color: #c9d4e0;
  border-radius: 2px;
  width: 38px;
  height: 4px;
}

.svb_r-bars {
  grid-column-gap: .35rem;
  background-color: #fff;
  border: 1px solid #eef2f7;
  border-radius: 6px;
  flex: auto;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.svb_bar {
  border-radius: 3px 3px 0 0;
  flex: auto;
}

.svb_ba {
  background-color: #aacbff;
  height: 40%;
}

.svb_bb {
  background-color: #0176d3;
  height: 70%;
}

.svb_bc {
  background-color: #7bb4f5;
  height: 52%;
}

.svb_bd {
  background-color: #0176d3;
  height: 84%;
}

.svb_be {
  background-color: #aacbff;
  height: 60%;
}

.svb_frame-green {
  background-image: linear-gradient(160deg, #f1fbf5, #fff);
}

.svb_kb {
  grid-column-gap: .5rem;
  height: 100%;
  display: flex;
}

.svb_kcol {
  grid-row-gap: .4rem;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.svb_khead {
  grid-column-gap: .3rem;
  align-items: center;
  margin-bottom: .15rem;
  display: flex;
}

.svb_kdot {
  border-radius: 3px;
  flex: none;
  width: 8px;
  height: 8px;
}

.svb_kdot-1 {
  background-color: #0176d3;
}

.svb_kdot-2 {
  background-color: #fe9339;
}

.svb_kdot-3 {
  background-color: #41b658;
}

.svb_khl {
  background-color: #c9d4e0;
  border-radius: 3px;
  width: 34px;
  height: 5px;
}

.svb_kcard {
  background-color: #fff;
  border: 1px solid #eef2f7;
  border-radius: 6px;
  padding: .45rem .5rem;
  box-shadow: 0 3px 8px #032d600f;
}

.svb_kl1 {
  background-color: #4a5568;
  border-radius: 3px;
  width: 80%;
  height: 5px;
  margin-bottom: 4px;
}

.svb_kl2 {
  background-color: #d3dbe2;
  border-radius: 2px;
  width: 55%;
  height: 4px;
}

.svb_ktag {
  background-color: #aacbff;
  border-radius: 3px;
  width: 22px;
  height: 5px;
  margin-top: 5px;
}

.svb_ktag-g {
  background-color: #a7dbb6;
}

.svb_ktag-o {
  background-color: #ffd0a3;
}

.svb_frame-orange {
  background-image: linear-gradient(160deg, #fff5eb, #fff);
}

.svb_portal {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.svb_phead {
  border-bottom: 1px solid #f0e2d2;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .6rem;
  padding-bottom: .6rem;
  display: flex;
}

.svb_plogo {
  grid-column-gap: .35rem;
  align-items: center;
  display: flex;
}

.svb_plogo-sq {
  background-color: #fe9339;
  border-radius: 5px;
  width: 16px;
  height: 16px;
}

.svb_plogo-tx {
  background-color: #b5651d;
  border-radius: 3px;
  width: 48px;
  height: 6px;
}

.svb_pnav {
  grid-column-gap: .3rem;
  display: flex;
}

.svb_pn {
  background-color: #e6c9a8;
  border-radius: 3px;
  width: 20px;
  height: 5px;
}

.svb_pcards {
  grid-column-gap: .5rem;
  margin-bottom: .6rem;
  display: flex;
}

.svb_pcard {
  background-color: #fff;
  border: 1px solid #f0e2d2;
  border-radius: 6px;
  flex: auto;
  padding: .5rem .55rem;
}

.svb_pcn {
  background-color: #fe9339;
  border-radius: 3px;
  width: 30px;
  height: 9px;
  margin-bottom: 4px;
}

.svb_pcl {
  background-color: #e6c9a8;
  border-radius: 2px;
  width: 40px;
  height: 4px;
}

.svb_ptrend {
  grid-column-gap: .3rem;
  background-color: #fff;
  border: 1px solid #f0e2d2;
  border-radius: 6px;
  flex: auto;
  align-items: flex-end;
  padding-top: .4rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.svb_tb {
  background-color: #ffd0a3;
  border-radius: 3px 3px 0 0;
  flex: auto;
}

.svb_tb1 {
  height: 45%;
}

.svb_tb2 {
  height: 62%;
}

.svb_tb3 {
  height: 50%;
}

.svb_tb4 {
  background-color: #fe9339;
  height: 78%;
}

.svb_tb5 {
  height: 66%;
}

.svb_tb6 {
  background-color: #fe9339;
  height: 90%;
}

.sviz2_build-g {
  border-top-color: #41b658;
}

.sviz2_build-o {
  border-top-color: #fe9339;
}

.svba_wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-top: .5rem;
  margin-bottom: 4rem;
  display: flex;
}

.svba_side {
  flex-direction: column;
  flex: 320px;
  max-width: 400px;
  display: flex;
}

.svba_tag {
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.svba_tag-before {
  color: #8a97a8;
}

.svba_tag-after {
  color: #0176d3;
}

.svba_card {
  background-color: #fff;
  border-radius: 14px;
  flex: auto;
  padding: 1.25rem 1.35rem;
  box-shadow: 0 16px 40px #032d6024;
}

.svba_rl-head {
  grid-column-gap: .5rem;
  border-bottom: 1px solid #eef1f5;
  align-items: center;
  margin-bottom: .7rem;
  padding-bottom: .7rem;
  display: flex;
}

.svba_rl-ico {
  background-color: #c9d2dd;
  border-radius: 4px;
  width: 16px;
  height: 16px;
}

.svba_rl-ttl {
  background-color: #c9d2dd;
  border-radius: 4px;
  width: 90px;
  height: 7px;
}

.svba_rl-row {
  grid-column-gap: .6rem;
  border-bottom: 1px solid #f4f6f8;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.svba_rl-c1 {
  background-color: #dbe1e8;
  border-radius: 3px;
  width: 30%;
  height: 7px;
}

.svba_rl-c2 {
  background-color: #e6eaef;
  border-radius: 3px;
  width: 40%;
  height: 7px;
}

.svba_rl-c3 {
  background-color: #e6eaef;
  border-radius: 3px;
  width: 18%;
  height: 7px;
}

.svba_viz-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .9rem;
  display: flex;
}

.svba_viz-ttl {
  background-color: #032d60;
  border-radius: 4px;
  width: 80px;
  height: 8px;
}

.svba_viz-pill {
  background-color: #eaf5fe;
  border-radius: 100px;
  width: 40px;
  height: 8px;
}

.svba_viz-kpis {
  grid-column-gap: .5rem;
  margin-bottom: .9rem;
  display: flex;
}

.svba_viz-kpi {
  background-color: #f6f9fd;
  border-radius: 7px;
  flex: auto;
  padding: .5rem .6rem;
}

.svba_kn {
  border-radius: 3px;
  width: 30px;
  height: 10px;
  margin-bottom: 4px;
}

.svba_kn-b {
  background-color: #0176d3;
}

.svba_kn-g {
  background-color: #41b658;
}

.svba_kn-o {
  background-color: #fe9339;
}

.svba_kl {
  background-color: #c9d4e0;
  border-radius: 2px;
  width: 38px;
  height: 4px;
}

.svba_viz-bars {
  grid-column-gap: .4rem;
  justify-content: space-between;
  align-items: flex-end;
  height: 76px;
  display: flex;
}

.svba_vb {
  border-radius: 4px 4px 0 0;
  flex: auto;
}

.svba_vb1 {
  background-color: #aacbff;
  height: 42%;
}

.svba_vb2 {
  background-color: #0176d3;
  height: 70%;
}

.svba_vb3 {
  background-color: #7bb4f5;
  height: 54%;
}

.svba_vb4 {
  background-color: #0176d3;
  height: 88%;
}

.svba_vb5 {
  background-color: #aacbff;
  height: 62%;
}

.svba_vb6 {
  background-color: #0176d3;
  height: 78%;
}

.svba_arrow {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.svba_arrow-shape {
  border-top: 3px solid #0176d3;
  border-right: 3px solid #0176d3;
  width: 32px;
  height: 32px;
  transform: rotate(45deg);
}

.aiba_wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-top: 3rem;
  display: flex;
}

.aiba_side {
  flex-direction: column;
  flex: 340px;
  max-width: 420px;
  display: flex;
}

.aiba_tag {
  grid-column-gap: .5rem;
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: .8rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.aiba_tag-bad {
  color: #ea001e;
}

.aiba_tag-good {
  color: #2e844a;
}

.aiba_ico {
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.aiba_ico-bad {
  background-color: #ea001e;
}

.aiba_ico-good {
  background-color: #2e844a;
}

.aiba_x1 {
  background-color: #fff;
  width: 9px;
  height: 2px;
  position: absolute;
  transform: rotate(45deg);
}

.aiba_x2 {
  background-color: #fff;
  width: 9px;
  height: 2px;
  position: absolute;
  transform: rotate(-45deg);
}

.aiba_ckm {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  width: 8px;
  height: 5px;
  margin-top: -2px;
  transform: rotate(-45deg);
}

.aiba_code {
  background-color: #0f1a2e;
  border-radius: 14px;
  flex: auto;
  padding: 1.1rem 1.25rem;
  overflow: hidden;
  box-shadow: 0 18px 44px #032d6047;
}

.aiba_chead {
  grid-column-gap: .4rem;
  align-items: center;
  margin-bottom: .9rem;
  display: flex;
}

.aiba_cd {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.aiba_cd1 {
  background-color: #ff538a;
}

.aiba_cd2 {
  background-color: #fe9339;
}

.aiba_cd3 {
  background-color: #41b658;
}

.aiba_line {
  grid-column-gap: .5rem;
  align-items: center;
  margin-bottom: .55rem;
  display: flex;
}

.aiba_seg {
  border-radius: 4px;
  height: 8px;
}

.aiba_tag-blue {
  background-color: #4da3ff;
  width: 64px;
}

.aiba_attr {
  background-color: #7d8fa8;
  width: 88px;
}

.aiba_val {
  background-color: #41b658;
  width: 46px;
}

.aiba_indent {
  flex: none;
  width: 16px;
}

.aiba_bad-attr {
  background-color: #ea001e;
  width: 104px;
  position: relative;
}

.aiba_good-attr {
  background-color: #41b658;
  width: 104px;
}

.aiba_pill {
  grid-column-gap: .4rem;
  border-radius: 100px;
  align-items: center;
  margin-top: .9rem;
  padding: .4rem .8rem .4rem .7rem;
  display: inline-flex;
}

.aiba_pill-bad {
  background-color: #ea001e26;
}

.aiba_pill-good {
  background-color: #41b6582e;
}

.aiba_pill-tx {
  border-radius: 3px;
  width: 120px;
  height: 6px;
}

.aiba_pill-tx-bad {
  background-color: #ff6b81;
}

.aiba_pill-tx-good {
  background-color: #6bd48a;
}

.aiba_arrow {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.aiba_arrow-shape {
  border-top: 3px solid #2e844a;
  border-right: 3px solid #2e844a;
  width: 32px;
  height: 32px;
  transform: rotate(45deg);
}

.aimcp_diagram {
  grid-column-gap: 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  display: flex;
}

.aimcp_col {
  grid-row-gap: .7rem;
  flex-direction: column;
  flex: none;
  display: flex;
}

.aimcp_node {
  grid-column-gap: .6rem;
  background-color: #fff;
  border: 1px solid #e1e8f0;
  border-radius: 10px;
  align-items: center;
  padding: .65rem 1.1rem .65rem .85rem;
  display: flex;
  box-shadow: 0 6px 16px #032d6014;
}

.aimcp_nico {
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
}

.aimcp_ni-1 {
  background-color: #0176d3;
}

.aimcp_ni-2 {
  background-color: #032d60;
}

.aimcp_ni-3 {
  background-color: #41b658;
}

.aimcp_ni-4 {
  background-color: #fe9339;
}

.aimcp_ndot {
  background-color: #fff;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.aimcp_nlabel {
  background-color: #5a6b82;
  border-radius: 4px;
  width: 64px;
  height: 8px;
}

.aimcp_wires {
  flex: none;
  align-self: stretch;
  width: 70px;
}

.aimcp_hub {
  background-image: linear-gradient(150deg, #0b5cab, #032d60);
  border: 2px solid #78b4ff66;
  border-radius: 20px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  display: flex;
  box-shadow: 0 16px 40px #032d6066, 0 0 50px #4da3ff59;
}

.aimcp_hub-ico {
  background-color: #ffffff1f;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: .6rem;
  display: flex;
}

.aimcp_hub-core {
  background-color: #aacbff;
  border-radius: 6px;
  width: 20px;
  height: 20px;
}

.aimcp_hub-l1 {
  background-color: #ffffffe6;
  border-radius: 4px;
  width: 56px;
  height: 7px;
  margin-bottom: 4px;
}

.aimcp_hub-l2 {
  background-color: #aacbffb3;
  border-radius: 3px;
  width: 38px;
  height: 5px;
}

.stc_stage {
  background-color: #fff;
  padding: 1.4rem 1.4rem 1.5rem;
}

.stc_top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.stc_ttl {
  background-color: #032d60;
  border-radius: 4px;
  width: 120px;
  height: 8px;
}

.stc_pill {
  background-color: #0176d3;
  border-radius: 7px;
  width: 70px;
  height: 22px;
}

.stc_kpis {
  grid-column-gap: .6rem;
  margin-bottom: .9rem;
  display: flex;
}

.stc_kpi {
  background-color: #f6f9fd;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  flex: auto;
  padding: .55rem .7rem;
}

.stc_kn {
  background-color: #0176d3;
  border-radius: 4px;
  width: 34px;
  height: 11px;
  margin-bottom: 5px;
}

.stc_kn-g {
  background-color: #41b658;
}

.stc_kn-o {
  background-color: #fe9339;
}

.stc_kl {
  background-color: #c9d4e0;
  border-radius: 3px;
  width: 46px;
  height: 5px;
}

.stc_table {
  border: 1px solid #eef2f7;
  border-radius: 8px;
  overflow: hidden;
}

.stc_thead {
  grid-column-gap: .6rem;
  background-color: #0176d3;
  padding: .5rem .7rem;
  display: flex;
}

.stc_th {
  background-color: #ffffffd9;
  border-radius: 3px;
  height: 6px;
}

.stc_th1 {
  width: 32%;
}

.stc_th2 {
  width: 24%;
}

.stc_th3 {
  width: 20%;
}

.stc_trow {
  grid-column-gap: .6rem;
  border-bottom: 1px solid #f0f3f7;
  align-items: center;
  padding: .5rem .7rem;
  display: flex;
}

.stc_ck {
  background-color: #eaf5fe;
  border-radius: 4px;
  flex: none;
  width: 14px;
  height: 14px;
}

.stc_ck-on {
  background-color: #0176d3;
}

.stc_tc {
  background-color: #dbe3ec;
  border-radius: 3px;
  height: 7px;
}

.stc_tc1 {
  background-color: #aacbff;
  width: 30%;
}

.stc_tc2 {
  width: 24%;
}

.stc_tc3 {
  width: 18%;
}

.stc_bulk {
  grid-column-gap: .5rem;
  background-color: #eaf5fe;
  border-radius: 8px;
  align-items: center;
  margin-top: .9rem;
  padding: .55rem .75rem;
  display: flex;
}

.stc_bulk-ico {
  background-color: #0176d3;
  border-radius: 5px;
  flex: none;
  width: 16px;
  height: 16px;
}

.stc_bulk-tx {
  background-color: #7d96b3;
  border-radius: 4px;
  width: 120px;
  height: 7px;
}

.stb_frame {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: 150px;
  padding: .9rem;
  display: flex;
  overflow: hidden;
}

.stb_frame-b {
  background-image: linear-gradient(160deg, #f2f8ff, #fff);
}

.stb_stepper {
  grid-column-gap: .4rem;
  align-items: center;
  margin-bottom: .9rem;
  display: flex;
}

.stb_step {
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.stb_step-on {
  background-color: #0176d3;
}

.stb_step-off {
  background-color: #dbe6f2;
}

.stb_step-core {
  background-color: #fff;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.stb_stepline {
  background-color: #dbe6f2;
  flex: auto;
  height: 2px;
}

.stb_stepline-on {
  background-color: #0176d3;
}

.stb_field {
  margin-bottom: .6rem;
}

.stb_fl {
  background-color: #c9d4e0;
  border-radius: 3px;
  width: 44px;
  height: 5px;
  margin-bottom: 5px;
}

.stb_fi {
  background-color: #fff;
  border: 1px solid #e1e8f0;
  border-radius: 6px;
  height: 22px;
}

.stb_btn {
  background-color: #0176d3;
  border-radius: 6px;
  width: 80px;
  height: 22px;
  margin-top: .2rem;
}

.stb_frame-g {
  background-image: linear-gradient(160deg, #f1fbf5, #fff);
}

.stb_tbl {
  border: 1px solid #e1e8f0;
  border-radius: 7px;
  margin-bottom: .7rem;
  overflow: hidden;
}

.stb_trow {
  grid-column-gap: .5rem;
  border-bottom: 1px solid #f0f3f7;
  align-items: center;
  padding: .42rem .6rem;
  display: flex;
}

.stb_cbx {
  background-color: #41b658;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.stb_cbx-off {
  background-color: #e3e8ef;
}

.stb_cbm {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  width: 6px;
  height: 3px;
  margin-top: -1px;
  transform: rotate(-45deg);
}

.stb_cell {
  background-color: #d3dbe2;
  border-radius: 3px;
  flex: auto;
  height: 6px;
}

.stb_cell2 {
  background-color: #c8e6d0;
  border-radius: 3px;
  flex: none;
  width: 40px;
  height: 6px;
}

.stb_bulk {
  grid-column-gap: .5rem;
  background-color: #eafaf0;
  border-radius: 7px;
  align-items: center;
  padding: .5rem .65rem;
  display: flex;
}

.stb_bico {
  background-color: #41b658;
  border-radius: 5px;
  flex: none;
  width: 16px;
  height: 16px;
}

.stb_btx {
  background-color: #8fc7a1;
  border-radius: 3px;
  width: 96px;
  height: 6px;
}

.stb_frame-o {
  background-image: linear-gradient(160deg, #fff5eb, #fff);
}

.stb_qrow {
  grid-column-gap: .55rem;
  background-color: #fff;
  border: 1px solid #f0e2d2;
  border-radius: 7px;
  align-items: center;
  margin-bottom: .5rem;
  padding: .55rem .65rem;
  display: flex;
}

.stb_av {
  border-radius: 50%;
  flex: none;
  width: 22px;
  height: 22px;
}

.stb_av-1 {
  background-color: #fe9339;
}

.stb_av-2 {
  background-color: #0176d3;
}

.stb_av-3 {
  background-color: #41b658;
}

.stb_ql {
  grid-row-gap: 4px;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.stb_ql1 {
  background-color: #4a5568;
  border-radius: 3px;
  width: 70%;
  height: 6px;
}

.stb_ql2 {
  background-color: #e6c9a8;
  border-radius: 3px;
  width: 44%;
  height: 5px;
}

.stb_badge {
  border-radius: 100px;
  flex: none;
  width: 44px;
  height: 16px;
}

.stb_badge-wait {
  background-color: #ffe6cc;
}

.stb_badge-ok {
  background-color: #d6f0dd;
}

.sent2_build-g {
  border-top-color: #41b658;
}

.sent2_build-o {
  border-top-color: #fe9339;
}

.cptlx1_app {
  background-color: #f3f6f9;
  width: 100%;
  font-family: Salesforcesans, Arial, sans-serif;
  line-height: 1.4;
}

.cptlx1_top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #032d60;
  align-items: center;
  padding: .75rem 1.25rem;
  display: flex;
}

.cptlx1_brand {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.cptlx1_logo {
  color: #fff;
  background-color: #0176d3;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.cptlx1_brandname {
  color: #fff;
  white-space: nowrap;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.2;
}

.cptlx1_nav {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.cptlx1_navitem {
  color: #aacbff;
  font-size: .8125rem;
}

.cptlx1_navitem-on {
  color: #fff;
  font-weight: 600;
}

.cptlx1_avatar {
  color: #032d60;
  background-color: #aacbff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.cptlx1_body {
  padding: 1.25rem 1.5rem 1.5rem;
}

.cptlx1_welcome {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.125rem;
  display: flex;
}

.cptlx1_hello {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  line-height: 1.2;
}

.cptlx1_sub {
  color: #5c7099;
  margin-top: .25rem;
  font-size: .8125rem;
  line-height: 1.35;
}

.cptlx1_cta {
  color: #fff;
  background-color: #0176d3;
  border-radius: 6px;
  flex-shrink: 0;
  padding: .5rem 1rem;
  font-size: .8125rem;
  font-weight: 600;
}

.cptlx1_stats {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  margin-bottom: 1.125rem;
  display: flex;
}

.cptlx1_stat {
  background-color: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 10px;
  flex: 1;
  padding: .875rem 1rem;
}

.cptlx1_stat-num {
  color: #0176d3;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.625rem;
  line-height: 1;
}

.cptlx1_stat-lbl {
  color: #5c7099;
  margin-top: .375rem;
  font-size: .75rem;
  line-height: 1.3;
}

.cptlx1_panel {
  background-color: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 10px;
  padding: .5rem .25rem;
}

.cptlx1_panel-head {
  border-bottom: 1px solid #eef1f6;
  justify-content: space-between;
  align-items: center;
  padding: .625rem 1rem .75rem;
  display: flex;
}

.cptlx1_panel-title {
  color: #032d60;
  font-size: .875rem;
  font-weight: 600;
}

.cptlx1_panel-link {
  color: #0176d3;
  font-size: .75rem;
  font-weight: 600;
}

.cptlx1_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-bottom: 1px solid #f2f5f9;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.cptlx1_row-id {
  color: #032d60;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.3;
}

.cptlx1_row-sub {
  color: #5c7099;
  margin-top: .125rem;
  font-size: .75rem;
  line-height: 1.3;
}

.cptlx1_badge {
  white-space: nowrap;
  border-radius: 100px;
  flex-shrink: 0;
  padding: .3125rem .75rem;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.4;
}

.cptlx1_badge-open {
  color: #0b5cab;
  background-color: #eaf5fe;
}

.cptlx1_badge-prog {
  color: #a85a10;
  background-color: #fff5ec;
}

.cptlx1_badge-done {
  color: #2e7d43;
  background-color: #eef8f0;
}

.cptlx1_mini {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: 180px;
  font-family: Salesforcesans, Arial, sans-serif;
  display: flex;
  overflow: hidden;
}

.cptlx1_mini-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #032d60;
  align-items: center;
  padding: .5rem .75rem;
  display: flex;
}

.cptlx1_mini-dot {
  background-color: #0176d3;
  border-radius: 3px;
  width: 10px;
  height: 10px;
}

.cptlx1_mini-tabs {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.cptlx1_mini-tab {
  color: #aacbff;
  font-size: .6875rem;
}

.cptlx1_mini-tab-on {
  color: #fff;
  font-weight: 600;
}

.cptlx1_mini-body {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  padding: .75rem;
  display: flex;
}

.cptlx1_mini-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f7f9fc;
  border: 1px solid #eef1f6;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  padding: .5rem .625rem;
  display: flex;
}

.cptlx1_mini-cell {
  color: #032d60;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

.cptlx1_mini-pill {
  white-space: nowrap;
  border-radius: 100px;
  padding: .25rem .5rem;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.4;
}

.cptlx1_mini-pill-blue {
  color: #0b5cab;
  background-color: #eaf5fe;
}

.cptlx1_mini-pill-amber {
  color: #a85a10;
  background-color: #fff5ec;
}

.cptlx1_mini-pill-green {
  color: #2e7d43;
  background-color: #eef8f0;
}

.cptlx1_self-body {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  padding: .75rem;
  display: flex;
}

.cptlx1_self-search {
  color: #8a99b3;
  background-color: #f7f9fc;
  border: 1px solid #e5e9f0;
  border-radius: 6px;
  padding: .4375rem .625rem;
  font-size: .6875rem;
}

.cptlx1_self-art {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  padding: .375rem .125rem;
  display: flex;
}

.cptlx1_self-ico {
  color: #0176d3;
  background-color: #eaf5fe;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.cptlx1_self-ico-alt {
  color: #2e7d43;
  background-color: #eef8f0;
}

.cptlx1_self-lines {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.cptlx1_self-l1 {
  background-color: #e5e9f0;
  border-radius: 3px;
  width: 80%;
  height: 6px;
}

.cptlx1_self-l2 {
  background-color: #eef1f6;
  border-radius: 3px;
  width: 55%;
  height: 6px;
}

.cptlx1_self-flow {
  color: #fff;
  text-align: center;
  background-color: #0176d3;
  border-radius: 6px;
  margin-top: .125rem;
  padding: .4375rem .625rem;
  font-size: .6875rem;
  font-weight: 600;
}

.cptlx1_part-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid #f2f5f9;
  align-items: center;
  padding: .375rem .5rem;
  display: flex;
}

.cptlx1_part-h1 {
  color: #5c7099;
  letter-spacing: .04em;
  text-transform: uppercase;
  flex: 1.4;
  font-size: .625rem;
  font-weight: 700;
}

.cptlx1_part-h2 {
  color: #5c7099;
  letter-spacing: .04em;
  text-transform: uppercase;
  flex: 1;
  font-size: .625rem;
  font-weight: 700;
}

.cptlx1_part-h3 {
  color: #5c7099;
  text-align: right;
  letter-spacing: .04em;
  text-transform: uppercase;
  flex: .7;
  font-size: .625rem;
  font-weight: 700;
}

.cptlx1_part-c1 {
  color: #032d60;
  flex: 1.4;
  font-size: .6875rem;
  font-weight: 600;
}

.cptlx1_part-c3 {
  color: #032d60;
  text-align: right;
  flex: .7;
  font-size: .6875rem;
  font-weight: 600;
}

.cptlx1_row-main {
  grid-row-gap: .125rem;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.prtnx1_app {
  background-color: #f3f6f9;
  width: 100%;
  font-family: Salesforcesans, Arial, sans-serif;
  line-height: 1.4;
}

.prtnx1_head {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fff;
  border-bottom: 1px solid #e5e9f0;
  align-items: center;
  padding: .875rem 1.25rem;
  display: flex;
}

.prtnx1_logo {
  color: #fff;
  background-color: #0176d3;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.prtnx1_title {
  color: #032d60;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.2;
}

.prtnx1_chip {
  color: #0b5cab;
  background-color: #eaf5fe;
  border-radius: 100px;
  margin-left: auto;
  padding: .3125rem .75rem;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.4;
}

.prtnx1_body {
  padding: 1.25rem 1.5rem 1.5rem;
}

.prtnx1_stats {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  margin-bottom: 1.125rem;
  display: flex;
}

.prtnx1_stat {
  background-color: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 10px;
  flex: 1;
  padding: .875rem 1rem;
}

.prtnx1_stat-num {
  color: #0176d3;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.625rem;
  line-height: 1;
}

.prtnx1_stat-lbl {
  color: #5c7099;
  margin-top: .375rem;
  font-size: .75rem;
  line-height: 1.3;
}

.prtnx1_panel {
  background-color: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 10px;
}

.prtnx1_panel-head {
  border-bottom: 1px solid #eef1f6;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.prtnx1_panel-title {
  color: #032d60;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
}

.prtnx1_panel-link {
  color: #0176d3;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

.prtnx1_prow {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #f2f5f9;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.prtnx1_pname {
  color: #032d60;
  flex: 0 0 42%;
  min-width: 0;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.3;
}

.prtnx1_pbarwrap {
  background-color: #eef1f6;
  border-radius: 100px;
  flex: 1;
  height: 7px;
  overflow: hidden;
}

.prtnx1_pbar {
  background-color: #0176d3;
  border-radius: 100px;
  height: 7px;
}

.prtnx1_pbar-90 {
  width: 90%;
}

.prtnx1_pbar-65 {
  width: 65%;
}

.prtnx1_pbar-40 {
  width: 40%;
}

.prtnx1_pbadge {
  text-align: center;
  white-space: nowrap;
  border-radius: 100px;
  flex-shrink: 0;
  width: 84px;
  padding: .3125rem .75rem;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.4;
}

.prtnx1_pb-live {
  color: #2e7d43;
  background-color: #eef8f0;
}

.prtnx1_pb-build {
  color: #0b5cab;
  background-color: #eaf5fe;
}

.prtnx1_pb-scope {
  color: #a85a10;
  background-color: #fff5ec;
}

.prtw1_illu {
  background-color: #f7f9fc;
  border: 1px solid #e5e9f0;
  border-radius: 10px;
  width: 100%;
  height: 118px;
  margin-bottom: 1.25rem;
  padding: .875rem;
  font-family: Salesforcesans, Arial, sans-serif;
  line-height: 1.4;
  overflow: hidden;
}

.prtw1_c-row {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  margin-bottom: .625rem;
  display: flex;
}

.prtw1_c-name {
  color: #032d60;
  white-space: nowrap;
  flex: 0 0 34%;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
}

.prtw1_c-track {
  background-color: #e5e9f0;
  border-radius: 100px;
  flex: 1;
  height: 6px;
  overflow: hidden;
}

.prtw1_c-fill {
  background-color: #0176d3;
  border-radius: 100px;
  height: 6px;
}

.prtw1_c-f85 {
  width: 85%;
}

.prtw1_c-f60 {
  width: 60%;
}

.prtw1_c-f35 {
  width: 35%;
}

.prtw1_c-hours {
  color: #2e7d43;
  white-space: nowrap;
  flex: none;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.3;
}

.prtw1_isv-app {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  margin-bottom: .75rem;
  display: flex;
}

.prtw1_isv-icon {
  color: #fff;
  background-color: #0176d3;
  border-radius: 9px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.prtw1_isv-meta {
  grid-column-gap: .1875rem;
  grid-row-gap: .1875rem;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.prtw1_isv-name {
  color: #032d60;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

.prtw1_isv-stars {
  color: #fe9339;
  letter-spacing: .08em;
  font-size: .6875rem;
  line-height: 1;
}

.prtw1_isv-badge {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  color: #2e7d43;
  background-color: #eef8f0;
  border-radius: 100px;
  align-items: center;
  padding: .3125rem .625rem;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.4;
  display: inline-flex;
}

.prtw1_isv-dot {
  background-color: #2e844a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
}

.prtw1_oem-shell {
  background-color: #fff;
  border: 1px solid #d5e6f7;
  border-radius: 8px;
  padding: .625rem;
}

.prtw1_oem-top {
  color: #5c7099;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .625rem;
  font-weight: 700;
  line-height: 1.3;
}

.prtw1_oem-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.prtw1_oem-cell {
  background-color: #eaf5fe;
  border: 1px solid #d5e6f7;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 26px;
  display: flex;
}

.prtw1_oem-chip {
  background-color: #0176d3;
  border-radius: 100px;
  width: 60%;
  height: 6px;
}

.prtw1_oem-cell-alt {
  background-color: #f7f9fc;
}

.prtw1_oem-chip-alt {
  background-color: #aacbff;
}

.admx1_app {
  background-color: #f3f6f9;
  width: 100%;
  font-family: Salesforcesans, Arial, sans-serif;
  line-height: 1.4;
}

.admx1_obj {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fff;
  border-bottom: 1px solid #e5e9f0;
  align-items: center;
  padding: .875rem 1.25rem;
  display: flex;
}

.admx1_obj-ico {
  color: #fff;
  background-color: #0176d3;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.admx1_obj-meta {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.admx1_obj-kind {
  color: #5c7099;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.2;
}

.admx1_obj-name {
  color: #032d60;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.2;
}

.admx1_obj-btn {
  color: #0176d3;
  border: 1px solid #d5e6f7;
  border-radius: 6px;
  margin-left: auto;
  padding: .375rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.4;
}

.admx1_tabs {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fff;
  border-bottom: 1px solid #e5e9f0;
  padding: 0 1.25rem;
  display: flex;
}

.admx1_tab {
  color: #5c7099;
  padding: .75rem 0;
  font-size: .8125rem;
  line-height: 1;
}

.admx1_tab-on {
  color: #0176d3;
  font-weight: 600;
  box-shadow: inset 0 -2px #0176d3;
}

.admx1_body {
  padding: 1.125rem 1.25rem 1.25rem;
}

.admx1_fields {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  margin-bottom: 1.125rem;
  display: flex;
}

.admx1_field {
  background-color: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 8px;
  flex: 1;
  padding: .75rem .875rem;
}

.admx1_field-l {
  color: #5c7099;
  margin-bottom: .3125rem;
  font-size: .6875rem;
  line-height: 1.3;
}

.admx1_field-v {
  color: #032d60;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.2;
}

.admx1_field-v-blue {
  color: #0176d3;
}

.admx1_panel {
  background-color: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 8px;
}

.admx1_panel-head {
  border-bottom: 1px solid #eef1f6;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.admx1_panel-t {
  color: #032d60;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.3;
}

.admx1_panel-c {
  color: #5c7099;
  font-size: .6875rem;
  line-height: 1.3;
}

.admx1_trow {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-bottom: 1px solid #f2f5f9;
  align-items: center;
  padding: .625rem 1rem;
  display: flex;
}

.admx1_tc1 {
  color: #032d60;
  flex: 1.4;
  min-width: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

.admx1_tc2 {
  color: #5c7099;
  flex: 1;
  font-size: .75rem;
  line-height: 1.3;
}

.admx1_tc3 {
  color: #032d60;
  text-align: right;
  flex: .7;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

.admx1_tpill {
  color: #0b5cab;
  text-align: center;
  background-color: #eaf5fe;
  border-radius: 100px;
  flex-shrink: 0;
  width: 74px;
  padding: .25rem 0;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.4;
}

.admx1_tpill-win {
  color: #2e7d43;
  background-color: #eef8f0;
}

.admx1_mini {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: 180px;
  margin-bottom: 1.25rem;
  font-family: Salesforcesans, Arial, sans-serif;
  line-height: 1.4;
  display: flex;
  overflow: hidden;
}

.admx1_mini-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f3f6f9;
  border-bottom: 1px solid #e5e9f0;
  align-items: center;
  padding: .5rem .75rem;
  display: flex;
}

.admx1_mini-ico {
  color: #fff;
  background-color: #0176d3;
  border-radius: 5px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.admx1_mini-ttl {
  color: #032d60;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.3;
}

.admx1_mini-tabs {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  padding: .5rem .75rem 0;
  display: flex;
}

.admx1_mini-tab {
  color: #5c7099;
  padding-bottom: .375rem;
  font-size: .625rem;
  line-height: 1;
}

.admx1_mini-tab-on {
  color: #0176d3;
  font-weight: 600;
  box-shadow: inset 0 -2px #0176d3;
}

.admx1_mr-body {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  padding: .625rem .75rem;
  display: flex;
}

.admx1_mr-fields {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.admx1_mr-f {
  background-color: #f7f9fc;
  border: 1px solid #eef1f6;
  border-radius: 6px;
  flex: 1;
  padding: .375rem .5rem;
}

.admx1_mr-fl {
  color: #5c7099;
  margin-bottom: .1875rem;
  font-size: .5625rem;
  line-height: 1.3;
}

.admx1_mr-fv {
  color: #032d60;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.2;
}

.admx1_mr-list {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  flex-direction: column;
  display: flex;
}

.admx1_mr-line {
  background-color: #f7f9fc;
  border: 1px solid #eef1f6;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  padding: .375rem .5rem;
  display: flex;
}

.admx1_mr-lt {
  color: #032d60;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.3;
}

.admx1_mr-lp {
  color: #0b5cab;
  background-color: #eaf5fe;
  border-radius: 100px;
  padding: .125rem .4375rem;
  font-size: .5625rem;
  font-weight: 600;
  line-height: 1.4;
}

.admx1_fl-body {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  flex: 1;
  padding: .75rem;
  display: flex;
}

.admx1_fl-step {
  color: #0176d3;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .5625rem;
  font-weight: 700;
  line-height: 1.3;
}

.admx1_fl-h {
  color: #032d60;
  margin-bottom: .125rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

.admx1_fl-field {
  color: #8a99b3;
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 6px;
  padding: .4375rem .5rem;
  font-size: .625rem;
  line-height: 1.3;
}

.admx1_fl-seg {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  display: flex;
}

.admx1_fl-opt {
  color: #5c7099;
  text-align: center;
  background-color: #f7f9fc;
  border: 1px solid #e5e9f0;
  border-radius: 6px;
  flex: 1;
  padding: .375rem 0;
  font-size: .5625rem;
  font-weight: 600;
  line-height: 1.4;
}

.admx1_fl-opt-on {
  color: #0b5cab;
  background-color: #eaf5fe;
  border-color: #0176d3;
}

.admx1_fl-nav {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.admx1_fl-prev {
  color: #5c7099;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.4;
}

.admx1_fl-next {
  color: #fff;
  background-color: #0176d3;
  border-radius: 6px;
  padding: .375rem .75rem;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.4;
}

.admx1_lv-tools {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  border-bottom: 1px solid #eef1f6;
  align-items: center;
  padding: .5rem .625rem;
  display: flex;
}

.admx1_lv-search {
  color: #8a99b3;
  background-color: #f7f9fc;
  border: 1px solid #e5e9f0;
  border-radius: 5px;
  flex: 1;
  padding: .25rem .4375rem;
  font-size: .5625rem;
  line-height: 1.3;
}

.admx1_lv-chip {
  color: #0b5cab;
  white-space: nowrap;
  background-color: #eaf5fe;
  border-radius: 5px;
  padding: .25rem .4375rem;
  font-size: .5625rem;
  font-weight: 600;
  line-height: 1.3;
}

.admx1_lv-hrow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f7f9fc;
  border-bottom: 1px solid #eef1f6;
  align-items: center;
  padding: .375rem .625rem;
  display: flex;
}

.admx1_lv-h1 {
  color: #5c7099;
  letter-spacing: .03em;
  text-transform: uppercase;
  flex: 1.4;
  font-size: .5625rem;
  font-weight: 700;
  line-height: 1.3;
}

.admx1_lv-h2 {
  color: #5c7099;
  letter-spacing: .03em;
  text-transform: uppercase;
  flex: 1;
  font-size: .5625rem;
  font-weight: 700;
  line-height: 1.3;
}

.admx1_lv-h3 {
  color: #0176d3;
  text-align: right;
  letter-spacing: .03em;
  text-transform: uppercase;
  flex: .7;
  font-size: .5625rem;
  font-weight: 700;
  line-height: 1.3;
}

.admx1_lv-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid #f2f5f9;
  align-items: center;
  padding: .4375rem .625rem;
  display: flex;
}

.admx1_lv-c1 {
  color: #032d60;
  flex: 1.4;
  min-width: 0;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.3;
}

.admx1_lv-c2 {
  color: #5c7099;
  flex: 1;
  font-size: .625rem;
  line-height: 1.3;
}

.admx1_lv-c3 {
  color: #032d60;
  text-align: right;
  flex: .7;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.3;
}

.mcpx1_illu {
  border-radius: 10px;
  width: 100%;
  height: 112px;
  margin-bottom: 1.25rem;
  font-family: Courier New, monospace;
  line-height: 1.5;
  overflow: hidden;
}

.mcpx1_term {
  background-color: #0f1a2e;
  width: 100%;
  height: 100%;
  padding: .75rem .875rem;
}

.mcpx1_t-line {
  white-space: nowrap;
  font-size: .6875rem;
  line-height: 1.6;
  overflow: hidden;
}

.mcpx1_t-prompt {
  color: #41b658;
}

.mcpx1_t-cmd {
  color: #04e1cb;
}

.mcpx1_t-arg {
  color: #fff;
}

.mcpx1_t-dim {
  color: #8a99b3;
}

.mcpx1_chat {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  background-color: #f3f6f9;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: .75rem .875rem;
  font-family: Salesforcesans, Arial, sans-serif;
  display: flex;
}

.mcpx1_ch-in {
  color: #032d60;
  background-color: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 10px 10px 10px 3px;
  align-self: flex-start;
  max-width: 80%;
  padding: .375rem .625rem;
  font-size: .6875rem;
  line-height: 1.35;
}

.mcpx1_ch-out {
  color: #fff;
  background-color: #0176d3;
  border-radius: 10px 10px 3px;
  align-self: flex-end;
  max-width: 80%;
  padding: .375rem .625rem;
  font-size: .6875rem;
  line-height: 1.35;
}

.mcpx1_ch-code {
  font-family: Courier New, monospace;
  font-size: .625rem;
}

.mcpx1_ed {
  grid-column-gap: .1875rem;
  grid-row-gap: .1875rem;
  background-color: #0f1a2e;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: .75rem .875rem .75rem .5rem;
  font-family: Courier New, monospace;
  display: flex;
}

.mcpx1_ed-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: baseline;
  display: flex;
}

.mcpx1_ed-gut {
  color: #5c7099;
  text-align: right;
  flex-shrink: 0;
  width: 12px;
  font-size: .625rem;
  line-height: 1.5;
}

.mcpx1_ed-code {
  white-space: nowrap;
  font-size: .6875rem;
  line-height: 1.5;
  overflow: hidden;
}

.mcpx1_ed-tag {
  color: #04e1cb;
}

.mcpx1_ed-attr {
  color: #aacbff;
}

.mcpx1_ed-val {
  color: #fff;
}

.mcpx1_ed-ind {
  padding-left: 1rem;
}

.ctcx1_illu {
  background-color: #f7f9fc;
  border: 1px solid #e5e9f0;
  border-radius: 10px;
  width: 100%;
  height: 108px;
  margin-bottom: 1.25rem;
  padding: .75rem .875rem;
  font-family: Salesforcesans, Arial, sans-serif;
  line-height: 1.4;
  overflow: hidden;
}

.ctcx1_pr-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid #eef1f6;
  justify-content: space-between;
  align-items: center;
  padding-top: .375rem;
  padding-bottom: .375rem;
  display: flex;
}

.ctcx1_pr-row-last {
  border-bottom-style: none;
}

.ctcx1_pr-name {
  color: #032d60;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

.ctcx1_pr-price {
  color: #0176d3;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.3;
}

.ctcx1_pr-price-dim {
  color: #5c7099;
  font-weight: 600;
}

.ctcx1_pr-tag {
  color: #2e7d43;
  background-color: #eef8f0;
  border-radius: 100px;
  padding: .125rem .4375rem;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.4;
}

.ctcx1_sp-head {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-bottom: .625rem;
  display: flex;
}

.ctcx1_sp-id {
  color: #032d60;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1.3;
}

.ctcx1_sp-badge {
  color: #2e7d43;
  background-color: #eef8f0;
  border-radius: 100px;
  margin-left: auto;
  padding: .1875rem .5rem;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.4;
}

.ctcx1_sp-bubble {
  color: #032d60;
  background-color: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 9px 9px 9px 3px;
  max-width: 82%;
  margin-bottom: .375rem;
  padding: .375rem .5625rem;
  font-size: .6875rem;
  line-height: 1.35;
}

.ctcx1_sp-bubble-out {
  color: #fff;
  background-color: #0176d3;
  border-style: none;
  border-radius: 9px 9px 3px;
  margin-left: auto;
}

.ctcx1_pt-grid {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  flex-direction: column;
  display: flex;
}

.ctcx1_pt-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 7px;
  align-items: center;
  padding: .375rem .5625rem;
  display: flex;
}

.ctcx1_pt-ico {
  color: #0176d3;
  background-color: #eaf5fe;
  border-radius: 5px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.ctcx1_pt-name {
  color: #032d60;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.3;
}

.ctcx1_pt-meta {
  color: #5c7099;
  margin-left: auto;
  font-size: .625rem;
  line-height: 1.3;
}

.gsv2_note {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0b5cab;
  background-color: #eaf2fd;
  border-radius: 999px;
  align-items: center;
  margin-top: 10px;
  padding: 5px 12px;
  font-size: 12.5px;
  line-height: 1.4;
  display: inline-flex;
}

.gsv2_tagline {
  margin-top: -4px;
  font-size: 12.5px;
  line-height: 1.4;
}

.gsv2_tagline-lwc {
  color: #0b5cab;
}

.gsv2_tagline-xpc {
  color: #4550b8;
}

.gsv2_tagline-flow {
  color: #9a5215;
}

.mcpwhy_sec {
  background-color: #f4f6f9;
  padding: 4.5rem 2rem;
}

.mcpwhy_inner {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.mcpwhy_eyebrow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
}

.mcpwhy_sq {
  background-color: #0176d3;
  width: 10px;
  height: 10px;
}

.mcpwhy_eyetxt {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .8125rem;
  font-weight: 700;
}

.mcpwhy_h2 {
  margin: 0 0 1rem;
}

.mcpwhy_lede {
  color: #16325c;
  max-width: 720px;
  margin: 0 0 2rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.mcpwhy_grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: stretch;
  display: flex;
}

.mcpwhy_card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex: 340px;
  padding: 1.5rem;
}

.mcpwhy_card-scratch {
  border-top: 3px solid #fe9339;
}

.mcpwhy_card-avonni {
  border-top: 3px solid #0176d3;
}

.mcpwhy_label {
  color: #747474;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-size: .75rem;
  font-weight: 700;
}

.mcpwhy_label-avonni {
  color: #0176d3;
}

.mcpwhy_p {
  color: #54698d;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.v2_link {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: var(--_avonni-design-system---brand--primary);
  font-size: 1.0625rem;
  font-weight: 600;
  text-decoration: none;
}

.v2_link.v2_link-push {
  margin-top: auto;
}

.v2_link.sviz2_maplink-pos {
  margin-top: 2rem;
  display: inline-block;
}

.v2_link.sec2_doclink-pos {
  margin-top: 1.5rem;
  display: inline-block;
}

.v2_h2 {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: var(--_avonni-design-system---brand--deep-blue);
  margin: 0 0 1rem;
  font-size: 2.75rem;
  font-weight: 400;
  line-height: 1.2;
}

.v2_h2.v2_h2-mb0 {
  margin-bottom: 0;
}

.v2_h2.v2_h2-mb075 {
  margin-bottom: .75rem;
}

.v2_h2.v2_h2-mb25 {
  margin-bottom: 2.5rem;
}

.v2_h2.v2_h2-mb3 {
  margin-bottom: 3rem;
}

.v2_h2.v2_h2-lead {
  max-width: 720px;
  margin-bottom: 0;
}

.v2_h2.v2_h2-lead25 {
  max-width: 720px;
  margin-bottom: 2.5rem;
}

.v2_h2.v2_h2-center {
  text-align: center;
  margin-bottom: .75rem;
}

.v2_h2.sec2_h2-cpos {
  text-align: center;
  max-width: 640px;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}

.v2_cta-h2 {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: var(--_avonni-design-system---neutral--white);
  margin: 0 0 1rem;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.15;
}

.v2_cta-h2.v2_cta-h2-mb0 {
  margin-bottom: 0;
}

.v2_cta-h2.v2_cta-h2-mb075 {
  margin-bottom: .75rem;
}

.hsurf_cards {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1080px;
  margin-top: 2.75rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hsurf_card {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  background-color: #ffffff0d;
  border: 1px solid #eaf5fe38;
  border-radius: 14px;
  flex-direction: column;
  flex: 220px;
  min-width: 210px;
  padding: 1.375rem 1.5rem;
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
  display: flex;
}

.hsurf_card:hover {
  background-color: #0176d3;
  border-color: #0176d3;
}

.hsurf_card.hsurf_card-flow:hover {
  background-color: #9050e9;
  border-color: #9050e9;
}

.hsurf_card.hsurf_card-xp:hover {
  background-color: #06a59a;
  border-color: #06a59a;
}

.hsurf_card.hsurf_card-lwc:hover {
  background-color: #5867e8;
  border-color: #5867e8;
}

.hsurf_card-title {
  color: #fff;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.2;
}

.hsurf_card-line {
  color: #d7e9fb;
  font-size: 1.0625rem;
  line-height: 1.5;
}

.hsurf_demo-sec {
  background-image: linear-gradient(#0f1a2e 0%, #032d60 78%, #0b5cab 130%);
  padding: 4.5rem 2rem 5rem;
  position: relative;
  overflow: hidden;
}

.hsurf_demo-inner {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.hs2_rows {
  grid-column-gap: 6.5rem;
  grid-row-gap: 6.5rem;
  flex-direction: column;
  margin-top: 3.5rem;
  display: flex;
}

.hs2_row {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hs2_row-rev {
  flex-direction: row-reverse;
}

.hs2_txt {
  flex: 380px;
  min-width: 300px;
}

.hs2_kick {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-size: .875rem;
  font-weight: 700;
}

.hs2_kick.hs2_kick-lwc {
  color: #5867e8;
}

.hs2_kick-flow {
  color: #9050e9;
}

.hs2_kick-xp {
  color: #06a59a;
}

.hs2_h3 {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.25;
}

.hs2_p {
  max-width: 560px;
  margin-top: 0;
  margin-bottom: 1.75rem;
}

.hs2_tile {
  border-radius: 20px;
  flex: 460px;
  justify-content: center;
  align-items: center;
  min-width: 300px;
  padding: 2.75rem;
  display: flex;
}

.hs2_tile.hs2_tile-lwc {
  background-color: #eef0fd;
}

.hs2_tile-blue {
  background-color: #eaf5fe;
}

.hs2_tile-flow {
  background-color: #f4edfd;
}

.hs2_tile-xp {
  background-color: #e4f5f4;
}

.hs2_mock {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 440px;
  overflow: hidden;
  box-shadow: 0 16px 40px #032d6024;
}

.hs2_m1-top {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  border-bottom: 1px solid #eceff4;
  align-items: center;
  padding: .875rem 1rem;
  display: flex;
}

.hs2_m1-avatar {
  background-color: #0176d3;
  border-radius: 50%;
  width: 26px;
  height: 26px;
}

.hs2_m1-title {
  background-color: #c7d8ea;
  border-radius: 4px;
  width: 130px;
  height: 9px;
}

.hs2_m1-tabs {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #eceff4;
  padding: .75rem 1rem;
  display: flex;
}

.hs2_m1-tab {
  background-color: #d8dde6;
  border-radius: 4px;
  width: 54px;
  height: 8px;
}

.hs2_m1-tab-on {
  background-color: #0176d3;
}

.hs2_m1-thead {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #f4f8fd;
  padding: .75rem 1rem;
  display: flex;
}

.hs2_m1-th {
  background-color: #aacbff;
  border-radius: 4px;
  flex: 1;
  height: 8px;
}

.hs2_m1-th-chip {
  background-color: #aacbff;
  border-radius: 4px;
  flex: 0 0 58px;
  height: 8px;
}

.hs2_m1-tr {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-top: 1px solid #f2f4f8;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.hs2_m1-td {
  background-color: #e3e9f0;
  border-radius: 4px;
  flex: 1;
  height: 8px;
}

.hs2_m1-chip {
  border-radius: 9px;
  flex: 0 0 58px;
  height: 18px;
}

.hs2_m1-chip-ok {
  background-color: #cdefdb;
}

.hs2_m1-chip-warn {
  background-color: #fde3c8;
}

.hs2_m1-chip-info {
  background-color: #d3e9fb;
}

.hs2_m2-prog {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  padding: 1.375rem 1.375rem .875rem;
  display: flex;
}

.hs2_m2-chev {
  background-color: #e9defb;
  border-radius: 6px;
  flex: 1;
  height: 12px;
}

.hs2_m2-chev-on {
  background-color: #9050e9;
}

.hs2_m2-field {
  border: 1px solid #e3e0ee;
  border-radius: 8px;
  margin: .625rem 1.375rem;
  padding: .875rem;
}

.hs2_m2-lbl {
  background-color: #cdbdf0;
  border-radius: 4px;
  width: 90px;
  height: 7px;
  margin-bottom: .5rem;
}

.hs2_m2-val {
  background-color: #e8e6f0;
  border-radius: 4px;
  width: 70%;
  height: 8px;
}

.hs2_m2-foot {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem 1.375rem 1.375rem;
  display: flex;
}

.hs2_m2-back {
  background-color: #fff;
  border: 1px solid #d8d3e6;
  border-radius: 6px;
  width: 58px;
  height: 26px;
}

.hs2_m2-btn {
  background-color: #9050e9;
  border-radius: 6px;
  width: 76px;
  height: 26px;
}

.hs2_m3-nav {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  background-color: #032d60;
  align-items: center;
  padding: .875rem 1rem;
  display: flex;
}

.hs2_m3-logo {
  background-color: #06a59a;
  border-radius: 4px;
  width: 18px;
  height: 18px;
}

.hs2_m3-navlink {
  background-color: #ffffff73;
  border-radius: 4px;
  width: 44px;
  height: 7px;
}

.hs2_m3-hero {
  background-color: #e4f5f4;
  padding: 1.375rem 1rem;
}

.hs2_m3-ht {
  background-color: #06a59a;
  border-radius: 5px;
  width: 160px;
  height: 10px;
  margin-bottom: .5rem;
}

.hs2_m3-hsub {
  background-color: #b5e3e0;
  border-radius: 4px;
  width: 210px;
  height: 8px;
}

.hs2_m3-cards {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  padding: 1rem;
  display: flex;
}

.hs2_m3-card {
  border: 1px solid #e7ecf1;
  border-radius: 8px;
  flex: 1;
  padding: .75rem;
}

.hs2_m3-ava {
  background-color: #06a59a;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-bottom: .625rem;
}

.hs2_m3-line {
  background-color: #e3e9f0;
  border-radius: 4px;
  height: 7px;
  margin-top: .375rem;
}

.hs2_m3-line-short {
  width: 60%;
}

.hs2_m4 {
  display: flex;
}

.hs2_m4-left {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-right: 1px solid #eceff4;
  flex-direction: column;
  flex: 0 0 100px;
  padding: .875rem .75rem;
  display: flex;
}

.hs2_m4-item {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  align-items: center;
  display: flex;
}

.hs2_m4-ic {
  border-radius: 4px;
  width: 14px;
  height: 14px;
}

.hs2_m4-ic-a {
  background-color: #0176d3;
}

.hs2_m4-ic-b {
  background-color: #9050e9;
}

.hs2_m4-ic-c {
  background-color: #06a59a;
}

.hs2_m4-ic-d {
  background-color: #5867e8;
}

.hs2_m4-ic-e {
  background-color: #2e844a;
}

.hs2_m4-ilbl {
  background-color: #e3e9f0;
  border-radius: 3px;
  flex: 1;
  height: 6px;
}

.hs2_m4-canvas {
  background-color: #f8fafc;
  flex: 1;
  padding: 1rem;
}

.hs2_m4-sel {
  background-color: #fff;
  border: 2px solid #0176d3;
  border-radius: 8px;
  padding: .875rem;
}

.hs2_m4-blk {
  background-color: #fff;
  border: 1px solid #e7ecf1;
  border-radius: 8px;
  margin-top: .75rem;
  padding: .875rem;
}

.hs2_m4-bar {
  background-color: #aacbff;
  border-radius: 4px;
  height: 8px;
  margin-bottom: .5rem;
}

.hs2_m4-bar2 {
  background-color: #e3e9f0;
  border-radius: 4px;
  width: 70%;
  height: 8px;
}

.hs2_m4-bar3 {
  background-color: #d3e9fb;
  border-radius: 4px;
  height: 8px;
  margin-bottom: .5rem;
}

.hs2_m4-right {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  border-left: 1px solid #eceff4;
  flex-direction: column;
  flex: 0 0 92px;
  padding: .875rem .75rem;
  display: flex;
}

.hs2_m4-prop {
  background-color: #e3e9f0;
  border-radius: 4px;
  height: 8px;
}

.hs2_m4-prop-short {
  width: 60%;
}

.hs2_m4-tog {
  background-color: #0176d3;
  border-radius: 7px;
  width: 26px;
  height: 14px;
}

.hs2_m4-swatch {
  background-color: #eaf5fe;
  border: 1px solid #aacbff;
  border-radius: 4px;
  width: 100%;
  height: 18px;
}

.hs2_m5 {
  background-color: #0f1a2e;
  border-radius: 12px;
  width: 100%;
  max-width: 440px;
  overflow: hidden;
  box-shadow: 0 16px 40px #032d6040;
}

.hs2_m5-bar {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #060d1a;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.hs2_m5-dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.hs2_m5-dot-p {
  background-color: #ff8ab5;
}

.hs2_m5-dot-o {
  background-color: #fe9339;
}

.hs2_m5-dot-g {
  background-color: #2e844a;
}

.hs2_m5-file {
  color: #8ea2c0;
  margin-left: .5rem;
  font-family: Courier New, monospace;
  font-size: .6875rem;
}

.hs2_m5-body {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-direction: column;
  padding: 1.25rem;
  display: flex;
}

.hs2_m5-l {
  border-radius: 4px;
  height: 8px;
}

.hs2_m5-l-teal {
  opacity: .85;
  background-color: #04e1cb;
}

.hs2_m5-l-blue {
  opacity: .8;
  background-color: #aacbff;
}

.hs2_m5-l-indigo {
  background-color: #8f9bf3;
}

.hs2_m5-l-white {
  background-color: #fff6;
}

.hs2_m5-w35 {
  width: 35%;
}

.hs2_m5-w40 {
  width: 40%;
}

.hs2_m5-w45 {
  width: 45%;
}

.hs2_m5-w55 {
  width: 55%;
}

.hs2_m5-w60 {
  width: 60%;
}

.hs2_m5-w70 {
  width: 70%;
}

.hs2_m5-ind {
  margin-left: 1.25rem;
}

.hs2_cta-note {
  color: #aacbff;
  text-align: center;
  margin-top: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
}

.hsaic_win {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-height: 0;
  margin-bottom: 1.5rem;
  padding: 1.75rem 1.5rem;
  display: flex;
  box-shadow: 0 12px 32px #032d6014;
}

.hsaic_row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: flex-end;
  display: flex;
}

.hsaic_row-out {
  justify-content: flex-end;
}

.hsaic_row-in {
  justify-content: flex-start;
}

.hsaic_avatar {
  color: #fff;
  background-color: #5867e8;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
}

.hsaic_bubble {
  border-radius: 12px;
  max-width: 80%;
  padding: .625rem .875rem;
  font-size: 1rem;
  line-height: 1.45;
}

.hsaic_bubble-user {
  color: #fff;
  background-color: #0176d3;
  border-bottom-right-radius: 4px;
}

.hsaic_bubble-agent {
  color: #16325c;
  background-color: #f4f6f9;
  border: 1px solid #e5e5e5;
  border-bottom-left-radius: 4px;
}

.hsaic_chip {
  color: #0b827c;
  background-color: #06a59a14;
  border: 1px solid #06a59a4d;
  border-radius: 6px;
  align-self: flex-start;
  margin-left: 32px;
  padding: 3px 10px;
  font-family: Courier New, monospace;
  font-size: .75rem;
}

.v2_p {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  margin-top: 0;
  font-size: 1.125rem;
  line-height: 1.56;
}

.prcqm_overlay {
  z-index: 9000;
  background-color: #031a2e99;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: none;
  position: fixed;
  inset: 0;
}

.prcqm_modal {
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  padding: 2.5rem;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 24px 64px #032d6047;
}

.prcqm_close {
  color: #5c6670;
  cursor: pointer;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.75rem;
  line-height: 1;
  position: absolute;
  top: .875rem;
  right: 1.25rem;
}

.prcqm_title {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2;
}

.prcqm_sub {
  color: #444;
  margin-bottom: 1.75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.prcqm_done {
  color: #0b5cab;
  text-align: center;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 8px;
  padding: 1.25rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.prcqm_fail {
  color: #ba0517;
  text-align: center;
  background-color: #fdefef;
  border: 1px solid #f0b8b8;
  border-radius: 8px;
  padding: .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.prcqm_label {
  color: #032d60;
  margin-bottom: .375rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  display: block;
}

.prcqm_input, .prcqm_input._w-input {
  color: #032d60;
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 1.125rem;
  padding: .625rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.prcqm_select, .prcqm_select._w-select {
  color: #032d60;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 1.125rem;
  padding: .625rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.prcqm_textarea, .prcqm_textarea._w-input {
  color: #032d60;
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  width: 100%;
  min-height: 96px;
  margin-bottom: 1.25rem;
  padding: .625rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.prcqm_hidden {
  display: none;
}

.idea2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem 5rem;
}

.idea2_hero-flex {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.idea2_chip {
  grid-column-gap: .5rem;
  background-color: #eaf5fe1f;
  border: 1px solid #eaf5fe40;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .375rem .875rem;
  display: flex;
}

.idea2_hero-sub {
  color: #eaf5fe;
  max-width: 620px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.56;
}

.idea2_sec-list {
  background-color: #fff;
  padding: 5rem 2rem;
}

.idea2_eyebrow-mb {
  margin-bottom: 2rem;
}

.idea2_list-slot {
  display: block;
}

.idea2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5rem 2rem;
}

.idea2_cta-flex {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.idea2_cta-h2 {
  color: #fff;
  margin-bottom: .75rem;
}

.idea2_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.idea2_card {
  grid-row-gap: .75rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  height: 100%;
  padding: 1.75rem 2rem;
  display: flex;
}

.idea2_empty {
  color: #444;
  text-align: center;
  border: 1px dashed #c9c9c9;
  border-radius: 16px;
  padding: 3rem 2rem;
  font-family: Salesforcesans, sans-serif;
  font-size: 1rem;
}

.idea2_card-title {
  color: #032d60;
  margin: 0;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

.idea2_tag {
  color: #444;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: .1875rem .625rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .75rem;
  font-weight: 600;
}

.idea2_card-sum {
  margin-top: 0;
  margin-bottom: 0;
}

.idea2_card-meta {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  margin-top: auto;
  padding-top: .5rem;
  display: flex;
}

.idea2_meta-txt {
  color: #444;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
}

.prc2_ideas-line, .cidx_ideas-line, .abt2_ideas-line, .chub_ideas-line, .chatub_ideas-line {
  text-align: center;
  margin-top: 2rem;
}

.err4_ideas-line {
  text-align: center;
  margin-top: 1.5rem;
}

.v2_btn-white {
  box-sizing: border-box;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: var(--_avonni-design-system---brand--electric-blue-dark);
  text-align: center;
  letter-spacing: -.002em;
  cursor: pointer;
  background-color: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.v2_btn-white:hover {
  color: var(--_avonni-design-system---brand--electric-blue-dark);
  background-color: #ffffffd9;
}

.v2_btn-white:focus-visible, .v2_btn-white[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 3px solid #1b96ff;
}

.idea2_filters {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  display: flex;
}

.idea2_changelog-note {
  color: #444;
  text-align: center;
  margin-top: 2.5rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.idea2_changelog-link {
  color: #0176d3;
  text-decoration: underline;
}

.cust_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem 5rem;
  position: relative;
  overflow: hidden;
}

.cust_container {
  z-index: 1;
  text-align: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.cust_hero-sub {
  color: #eaf5fe;
  max-width: 640px;
  margin: 0 auto 2rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.cust_hero-ctas {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 3.5rem;
  display: flex;
}

.cust_stats {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.cust_stat {
  text-align: center;
}

.cust_wall {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.cust_container-l {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.cust_head {
  text-align: center;
  max-width: 720px;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
}

.cust_sec-sub {
  color: #54698d;
  margin-top: .75rem;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.cust_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  display: grid;
}

.cust_card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.cust_stars {
  color: #fe9339;
  letter-spacing: .15em;
  margin-bottom: .875rem;
  font-size: .9375rem;
}

.cust_q {
  color: #444;
  flex: auto;
  margin: 0;
  font-size: .9688rem;
  line-height: 1.6;
}

.cust_who {
  color: #032d60;
  margin-top: 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
}

.cust_meta {
  color: #747474;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-top: .25rem;
  font-size: .75rem;
}

.cust_card3 {
  display: contents;
}

.cust_c3a {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.cust_themes {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.cust_container-l2 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.cust_head2 {
  text-align: center;
  max-width: 720px;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
}

.cust_sec-sub2 {
  color: #54698d;
  margin-top: .75rem;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.cust_tgrid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  display: grid;
}

.cust_tcard {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.cust_tt {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.cust_tp {
  color: #54698d;
  margin: 0;
  font-size: .9063rem;
  line-height: 1.55;
}

.cust_tq {
  color: #444;
  flex: auto;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: .9375rem;
  font-style: italic;
  line-height: 1.6;
}

.cust_tw {
  color: #747474;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-top: 1rem;
  font-size: .75rem;
}

.cust_spot {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.cust_container-l3 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.cust_sgrid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  display: grid;
}

.cust_scard {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem 2.25rem;
  box-shadow: 0 16px 40px #032d600f;
}

.cust_smark {
  color: #aacbff;
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: .5;
}

.cust_squote {
  color: #032d60;
  margin: 0 0 1.25rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.4;
}

.cust_swho {
  color: #747474;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .8125rem;
}

.cust_accent {
  background-color: #eaf5fe;
  padding: 4.5rem 2rem;
}

.cust_container-a {
  grid-column-gap: 3rem;
  text-align: left;
  justify-content: center;
  align-items: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cust_ah {
  color: #032d60;
  margin: 0 0 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

.cust_ap {
  color: #444;
  margin: 0 0 1.75rem;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.cust_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5.5rem 2rem;
}

.cust_container-c {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.cust_ch {
  color: #fff;
  margin: 0 0 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.cust_cp {
  color: #eaf5fe;
  margin: 0 0 2rem;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.cust_cbtns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.cust_btn-white {
  color: #032d60;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  padding: .875rem 1.75rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.custlk_row {
  text-align: center;
  margin-top: 2.5rem;
}

.custlk_a {
  color: #0176d3;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.cmpi_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem 4.5rem;
}

.cmpi_container {
  text-align: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.cmpi_sub {
  color: #eaf5fe;
  max-width: 640px;
  margin: 0 auto;
  font-size: 1.125rem;
  line-height: 1.6;
}

.cmpi_wall {
  background-color: #fff;
  padding: 5rem 2rem;
}

.cmpi_container2 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.cmpi_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  display: grid;
}

.cmpi_card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  padding: 1.75rem;
  text-decoration: none;
  display: flex;
}

.cmpi_ct {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.1875rem;
  font-weight: 400;
}

.cmpi_cp {
  color: #54698d;
  flex: auto;
  margin: 0;
  font-size: .9063rem;
  line-height: 1.55;
}

.cmpi_cl {
  color: #0176d3;
  margin-top: 1.25rem;
  font-size: .9375rem;
  font-weight: 600;
}

.cmpi_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5rem 2rem;
}

.cmpi_container3 {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.cmpi_ch {
  color: #fff;
  margin: 0 0 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.cmpi_cp2 {
  color: #eaf5fe;
  margin: 0 0 2rem;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.cmpi_cbtns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.cmps_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem 4.5rem;
}

.cmps_container {
  text-align: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.cmps_sub {
  color: #eaf5fe;
  max-width: 640px;
  margin: 0 auto 2rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.cmps_ctas {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.cmps_high {
  background-color: #fff;
  padding: 5rem 2rem;
}

.cmps_container2 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.cmps_head {
  text-align: center;
  max-width: 720px;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
}

.cmps_hgrid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  display: grid;
}

.cmps_hcard {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem;
}

.cmps_ht {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.cmps_hp {
  color: #54698d;
  margin: 0;
  font-size: .9063rem;
  line-height: 1.55;
}

.cmps_accent {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.cmps_container3 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.cmps_ah {
  color: #032d60;
  text-align: center;
  margin: 0 0 2rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

.cmps_agrid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  display: grid;
}

.cmps_acard {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  padding: 1.75rem;
}

.cmps_al {
  color: #747474;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-size: .75rem;
}

.cmps_ap {
  color: #444;
  margin: 0;
  font-size: .9688rem;
  line-height: 1.6;
}

.cmps_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5rem 2rem;
}

.cmps_container4 {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.cmps_ch {
  color: #fff;
  margin: 0 0 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.cmps_cp {
  color: #eaf5fe;
  margin: 0 0 2rem;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.cmps_cbtns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.cmps_wrapfull {
  display: block;
}

.wyb_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 2rem 4.5rem;
}

.wyb_container {
  text-align: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.wyb_sub {
  color: #eaf5fe;
  max-width: 640px;
  margin: 0 auto;
  font-size: 1.125rem;
  line-height: 1.6;
}

.wyb_wall {
  background-color: #fff;
  padding: 5rem 2rem;
}

.wyb_container2 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.wyb_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  display: grid;
}

.wyb_card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  padding: 1.25rem;
  text-decoration: none;
  display: flex;
}

.wyb_viz {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  height: 130px;
  margin-bottom: 1rem;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.wyb_t {
  color: #032d60;
  margin-bottom: .375rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.wyb_p {
  color: #54698d;
  flex: auto;
  margin: 0;
  font-size: .9063rem;
  line-height: 1.55;
}

.wyb_l {
  color: #0176d3;
  margin-top: 1rem;
  font-size: .9375rem;
  font-weight: 600;
}

.wyb_vcol {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.wyb_navbar {
  background-color: #032d60;
  border-radius: 4px;
  height: 16px;
}

.wyb_tile {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  flex: 1;
}

.wyb_tilerow {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: 1;
  display: flex;
}

.wyb_field {
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  height: 16px;
}

.wyb_btn {
  background-color: #0176d3;
  border-radius: 4px;
  width: 40%;
  height: 18px;
}

.wyb_pinrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  align-items: center;
  display: flex;
}

.wyb_pin {
  background-color: #0176d3;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.wyb_pin-alt {
  background-color: #fe9339;
}

.wyb_route {
  background-color: #aacbff;
  border-radius: 1px;
  flex: 1;
  height: 2px;
}

.wyb_more {
  display: contents;
}

.wyb_kcol {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  padding: 5px;
  display: flex;
}

.wyb_kcard {
  background-color: #eaf5fe;
  border-radius: 3px;
  height: 14px;
}

.wyb_kcard-hot {
  background-color: #aacbff;
}

.wyb_calgrid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(7, 1fr);
  display: grid;
}

.wyb_calcell {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}

.wyb_calcell-ev {
  background-color: #eaf5fe;
  border-color: #aacbff;
}

.wyb_trow {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  height: 16px;
}

.wyb_trow-head {
  background-color: #f3f3f3;
}

.wyb_tlcol {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.wyb_tldot {
  background-color: #0176d3;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.wyb_tlline {
  background-color: #b8dcf7;
  width: 2px;
  height: 14px;
  margin-left: 4px;
}

.wyb_tltxt {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.wyb_tlbar {
  background-color: #e5e5e5;
  border-radius: 3px;
  height: 10px;
}

.wyb_bub {
  border-radius: 9px;
  max-width: 70%;
  height: 18px;
}

.wyb_bub-in {
  background-color: #f3f3f3;
  align-self: flex-start;
  width: 60%;
}

.wyb_bub-out {
  background-color: #0176d3;
  align-self: flex-end;
  width: 55%;
}

.wyb_chatcol {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.wyb_kpirow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  align-items: flex-end;
  display: flex;
}

.wyb_kpibar {
  background-color: #aacbff;
  border-radius: 3px;
  flex: 1;
}

.wyb_kh40 {
  height: 40%;
}

.wyb_kh65 {
  height: 65%;
}

.wyb_kh85 {
  height: 85%;
}

.wyb_kpibar-hot {
  background-color: #0176d3;
}

.wyb_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5rem 2rem;
}

.wyb_container3 {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.wyb_ch {
  color: #fff;
  margin: 0 0 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.wyb_cp {
  color: #eaf5fe;
  margin: 0 0 2rem;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.wyb_cbtns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.cmps_heroviz {
  background-color: #fff;
  border: 1px solid #eaf5fe59;
  border-radius: 16px;
  max-width: 720px;
  margin: 3rem auto 0;
  padding: 1.25rem;
  box-shadow: 0 24px 60px #030f2e59;
}

.cmps_vizinner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  height: 210px;
  padding: 14px;
  display: flex;
  overflow: hidden;
}

.cmps_kcol {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  padding: 8px;
  display: flex;
}

.cmps_khead {
  background-color: #032d60;
  border-radius: 3px;
  width: 60%;
  height: 10px;
  margin-bottom: 2px;
}

.cmps_kcard {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-left: 3px solid #0176d3;
  border-radius: 6px;
  flex-direction: column;
  padding: 7px;
  display: flex;
}

.cmps_kline {
  background-color: #e5e5e5;
  border-radius: 2px;
  width: 80%;
  height: 7px;
}

.cmps_kline-s {
  width: 50%;
}

.cmps_kcard-hot {
  background-color: #fffaf5;
  border-left-color: #fe9339;
}

.cmps_tsec {
  background-color: #fafafa;
  padding: 5rem 2rem;
}

.cmps_tcontainer {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.cmps_thead2 {
  text-align: center;
  max-width: 720px;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
}

.cmps_tcard {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 16px 40px #032d600f;
}

.cmps_trow {
  border-top: 1px solid #e5e5e5;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr 1fr;
  display: grid;
}

.cmps_trow-h {
  background-color: #032d60;
  border-top-style: none;
}

.cmps_th {
  color: #fff;
  padding: 1.125rem 1.5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: .9688rem;
  font-weight: 400;
}

.cmps_tc {
  color: #54698d;
  align-items: center;
  padding: 1rem 1.5rem;
  font-size: .9375rem;
  line-height: 1.5;
  display: flex;
}

.cmps_tc-label {
  color: #032d60;
  font-weight: 600;
}

.cmps_tc-av {
  color: #032d60;
  background-color: #eaf5fe;
}

.cmps_check {
  color: #2e844a;
  margin-right: .5rem;
  font-weight: 700;
}

.cmps_sub2 {
  color: #54698d;
  margin-top: .75rem;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.cmps_calwrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.cmps_calhead {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cmps_calttl {
  background-color: #032d60;
  border-radius: 3px;
  width: 120px;
  height: 10px;
}

.cmps_calnav {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.cmps_calbtn {
  background-color: #eaf5fe;
  border: 1px solid #aacbff;
  border-radius: 4px;
  width: 22px;
  height: 14px;
}

.cmps_calgrid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(7, 1fr);
  grid-auto-rows: 1fr;
  display: grid;
}

.cmps_calcell {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.cmps_calev1 {
  background-color: #eaf5fe;
  border-color: #0176d3;
}

.cmps_calev2 {
  background-color: #fffaf5;
  border-color: #fe9339;
}

.cmps_mapwrap {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 8px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.cmps_mroad1 {
  background-color: #fff;
  width: 110%;
  height: 6px;
  position: absolute;
  top: 30%;
  left: -5%;
  transform: rotate(-4deg);
}

.cmps_mroad2 {
  background-color: #fff;
  width: 6px;
  height: 90%;
  position: absolute;
  top: 10%;
  left: 42%;
  transform: rotate(8deg);
}

.cmps_mpin {
  background-color: #0176d3;
  border-radius: 50% 50% 50% 0;
  width: 18px;
  height: 18px;
  position: absolute;
  transform: rotate(-45deg);
  box-shadow: 0 4px 10px #032d6040;
}

.cmps_mpin-a {
  top: 22%;
  left: 18%;
}

.cmps_mpin-b {
  background-color: #fe9339;
  top: 48%;
  left: 55%;
}

.cmps_mpin-c {
  top: 66%;
  left: 32%;
}

.cmps_mpin-d {
  top: 30%;
  left: 78%;
}

.cmps_mcluster {
  color: #fff;
  background-color: #032d60;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 62%;
  left: 74%;
}

.cmps_noop2 {
  display: block;
}

.cmps_pgrid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  display: grid;
}

.cmps_pcard {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  padding: 1.75rem;
}

.cmps_pcard-av {
  border-width: 2px;
  border-color: #0176d3;
}

.cmps_pnum {
  color: #fff;
  background-color: #032d60;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 700;
  display: flex;
}

.cmps_pt {
  color: #032d60;
  margin-bottom: .5rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.cmps_pp {
  color: #444;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.cmps_noop3, .cmpi_noop {
  display: block;
}

.idea2_hero-copy {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  max-width: 560px;
  display: flex;
}

.idea2_illus {
  background-image: radial-gradient(circle, #0176d359 0%, #0176d300 70%);
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 400px;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.idea2_illus-msg {
  background-color: #fff;
  border-radius: 14px;
  width: 280px;
  padding: 1.1rem 1.25rem;
  transform: rotate(-2deg);
  box-shadow: 0 12px 32px #031a3559;
}

.idea2_illus-msg-head {
  grid-column-gap: .6rem;
  align-items: center;
  margin-bottom: .6rem;
  display: flex;
}

.idea2_illus-avatar {
  background-image: linear-gradient(135deg, #0b5cab 0%, #0176d3 100%);
  border-radius: 50%;
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.idea2_illus-msg-lines {
  grid-row-gap: 4px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.idea2_illus-line {
  background-color: #e5e5e5;
  border-radius: 4px;
  width: 70%;
  height: 7px;
}

.idea2_illus-line-b {
  width: 45%;
}

.idea2_illus-quote {
  color: #181818;
  font-family: Salesforcesans, sans-serif;
  font-size: .9rem;
  line-height: 1.4;
}

.idea2_illus-dotline {
  grid-row-gap: 5px;
  flex-direction: column;
  align-self: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.idea2_illus-cdot {
  opacity: .6;
  background-color: #eaf5fe;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.idea2_illus-ship {
  background-color: #fff;
  border-radius: 14px;
  align-self: flex-end;
  width: 300px;
  padding: 1.1rem 1.25rem;
  transform: rotate(2deg);
  box-shadow: 0 16px 40px #031a3573;
}

.idea2_illus-ship-head {
  grid-column-gap: .75rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
  display: flex;
}

.idea2_illus-ship-title {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.idea2_illus-badge {
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #41b658;
  border-radius: 100px;
  padding: 3px 10px;
  font-family: Salesforcesans, sans-serif;
  font-size: .625rem;
  font-weight: 600;
}

.idea2_illus-board {
  grid-column-gap: 8px;
  display: flex;
}

.idea2_illus-col {
  grid-row-gap: 6px;
  background-color: #fafafa;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  padding: 6px;
  display: flex;
}

.idea2_illus-block {
  background-color: #e5e5e5;
  border-radius: 4px;
  height: 14px;
}

.idea2_illus-block-blue {
  background-color: #0176d3;
}

.cust_heroart {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.cust_hart-card {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #ffffff0f;
  border: 1px solid #eaf5fe38;
  border-radius: 12px;
  width: 215px;
  padding: 1rem 1.1rem;
  position: absolute;
  box-shadow: 0 16px 40px #031a3559;
}

.cust_hart-card.cust_hart-l {
  top: 34%;
  left: -60px;
  transform: rotate(-6deg);
}

.cust_hart-card.cust_hart-r {
  top: 48%;
  right: -60px;
  transform: rotate(5deg);
}

.cust_hart-l {
  top: 22%;
  left: 4%;
  transform: rotate(-6deg);
}

.cust_hart-r {
  top: 34%;
  right: 4%;
  transform: rotate(5deg);
}

.cust_hart-stars {
  color: #fe9339bf;
  letter-spacing: .15em;
  margin-bottom: .6rem;
  font-size: .8125rem;
}

.cust_hart-line {
  background-color: #eaf5fe33;
  border-radius: 4px;
  height: 7px;
  margin-bottom: 5px;
}

.cust_hart-line-b {
  width: 82%;
}

.cust_hart-line-c {
  width: 55%;
  margin-bottom: .75rem;
}

.cust_hart-who {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
}

.cust_hart-av {
  background-image: linear-gradient(135deg, #0b5cab 0%, #0176d3 100%);
  border-radius: 50%;
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.cust_hart-name {
  background-color: #eaf5fe40;
  border-radius: 4px;
  width: 70px;
  height: 6px;
}

.cust_accent-copy {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.cust_medal {
  background-image: linear-gradient(135deg, #0b5cab 0%, #0176d3 100%);
  border-radius: 50%;
  flex-shrink: 0;
  padding: 4px;
  box-shadow: 0 12px 32px #032d602e;
}

.cust_medal-in {
  grid-row-gap: 2px;
  background-color: #fff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
}

.cust_medal-num {
  color: #032d60;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.cust_medal-stars {
  color: #fe9339;
  letter-spacing: .12em;
  font-size: .8rem;
}

.cust_medal-label {
  color: #444;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Salesforcesans, sans-serif;
  font-size: .625rem;
  font-weight: 600;
}

.chub_ls-toolbar {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fafaf9;
  border-bottom: 1px solid #e5e5e5;
  flex-wrap: wrap;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.chub_ls-search {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  align-items: center;
  min-width: 200px;
  padding: .375rem .75rem;
  display: flex;
}

.chub_ls-search-ic {
  border: 2px solid #969492;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
}

.chub_ls-search-txt {
  color: #969492;
  font-size: .8125rem;
}

.chub_ls-chips {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.chub_ls-chip {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  color: #0176d3;
  background-color: #eaf5fe;
  border-radius: 999px;
  align-items: center;
  padding: .25rem .625rem;
  font-size: .75rem;
  font-weight: 500;
  display: inline-flex;
}

.chub_ls-chip-x {
  opacity: .6;
  color: #0176d3;
  font-size: .875rem;
}

.chub_ls-sort {
  color: #706e6b;
  margin-left: auto;
  font-size: .75rem;
}

.chub_ls-list {
  display: block;
}

.chub_ls-item {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  border-bottom: 1px solid #f1f1f1;
  align-items: flex-start;
  padding: .875rem 1rem;
  display: flex;
}

.chub_ls-item-last {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  align-items: flex-start;
  padding: .875rem 1rem;
  display: flex;
}

.chub_ls-av {
  color: #fff;
  background-color: #0176d3;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
}

.chub_ls-body {
  flex-grow: 1;
  min-width: 0;
}

.chub_ls-title {
  color: #0176d3;
  margin-bottom: .125rem;
  font-size: .9375rem;
  font-weight: 600;
}

.chub_ls-desc {
  color: #706e6b;
  margin-bottom: .375rem;
  font-size: .8125rem;
}

.chub_ls-fields {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-wrap: wrap;
  display: flex;
}

.chub_ls-f {
  flex-direction: column;
  display: flex;
}

.chub_ls-fl {
  color: #969492;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .6875rem;
}

.chub_ls-fv {
  color: #181818;
  font-size: .8125rem;
  font-weight: 500;
}

.chub_ls-meta {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.chub_ls-badge {
  color: #027a48;
  background-color: #ecfdf3;
  border-radius: 999px;
  padding: .1875rem .5rem;
  font-size: .6875rem;
  font-weight: 600;
}

.chub_ls-badge-warm {
  color: #b95000;
  background-color: #fff4e5;
  border-radius: 999px;
  padding: .1875rem .5rem;
  font-size: .6875rem;
  font-weight: 600;
}

.chub_ls-act {
  color: #969492;
  letter-spacing: .1em;
  font-size: 1rem;
}

.chub_ls-foot {
  background-color: #fafaf9;
  border-top: 1px solid #e5e5e5;
  justify-content: space-between;
  align-items: center;
  padding: .625rem 1rem;
  display: flex;
}

.chub_ls-count {
  color: #706e6b;
  font-size: .75rem;
}

.chub_ls-pages {
  color: #0176d3;
  letter-spacing: .35em;
  font-size: .75rem;
}

.chub_ls-callouts {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2rem;
  display: grid;
}

.chub_ls-callout {
  display: block;
}

.chub_ls-co-t {
  color: #181818;
  margin-bottom: .375rem;
  font-size: .9375rem;
  font-weight: 600;
}

.chub_ls-co-x {
  color: #444;
  font-size: .875rem;
  line-height: 1.6;
}

.chub_ls-surf-t {
  color: #181818;
  margin-top: .75rem;
  margin-bottom: .5rem;
  font-size: 1.0625rem;
  font-weight: 600;
}

.chub_ls-surf-x {
  color: #444;
  font-size: .9375rem;
  line-height: 1.65;
}

.chub_ls-uc {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 1.75rem;
}

.chub_ls-uc-t {
  color: #181818;
  margin-bottom: .625rem;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.4;
}

.chub_ls-uc-x {
  color: #444;
  font-size: .9375rem;
  line-height: 1.65;
}

.chub_ls-mini {
  background-color: #fff;
  padding: .5rem 0;
}

.chub_ls-mini-row {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  border-bottom: 1px solid #f1f1f1;
  align-items: center;
  padding: .625rem .875rem;
  display: flex;
}

.chub_ls-mini-row-last {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  padding: .625rem .875rem;
  display: flex;
}

.chub_ls-mini-av {
  color: #fff;
  background-color: #0176d3;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: .625rem;
  font-weight: 600;
  display: flex;
}

.chub_ls-mini-body {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-grow: 1;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.chub_ls-mini-t {
  color: #0176d3;
  font-size: .8125rem;
  font-weight: 500;
}

.chub_ls-mini-m {
  color: #706e6b;
  font-size: .75rem;
}

.chub_pv-callouts {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2rem;
  display: grid;
}

.chub_pv-co-t {
  color: #181818;
  margin-bottom: .375rem;
  font-size: .9375rem;
  font-weight: 600;
}

.chub_pv-co-x {
  color: #444;
  font-size: .875rem;
  line-height: 1.6;
}

.chub_pv-mini {
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr repeat(3, 1fr);
  display: grid;
}

.chub_pv-mh {
  color: #514f4d;
  text-align: right;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #f3f3f3;
  border-bottom: 1px solid #dddbda;
  padding: .5rem .625rem;
  font-size: .625rem;
  font-weight: 700;
}

.chub_pv-mh-l {
  color: #514f4d;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #f3f3f3;
  border-bottom: 1px solid #dddbda;
  padding: .5rem .625rem;
  font-size: .625rem;
  font-weight: 700;
}

.chub_pv-mr {
  color: #181818;
  border-bottom: 1px solid #f1f1f1;
  padding: .5rem .625rem;
  font-size: .75rem;
}

.chub_pv-mc {
  color: #181818;
  text-align: right;
  font-variant-numeric: tabular-nums;
  border-bottom: 1px solid #f1f1f1;
  padding: .5rem .625rem;
  font-size: .75rem;
}

.chub_pv-mgt {
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #032d60;
  padding: .5625rem .625rem;
  font-size: .6875rem;
  font-weight: 700;
}

.chub_pv-mgtc {
  color: #fff;
  text-align: right;
  font-variant-numeric: tabular-nums;
  background-color: #032d60;
  padding: .5625rem .625rem;
  font-size: .75rem;
  font-weight: 700;
}

.chub_pv-hd {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  flex-wrap: wrap;
  align-items: center;
  padding: .875rem 1rem;
  display: flex;
}

.chub_pv-hd-av {
  color: #fff;
  letter-spacing: .02em;
  background-color: #0176d3;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: .6875rem;
  font-weight: 700;
  display: flex;
}

.chub_pv-hd-txt {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-direction: column;
  display: flex;
}

.chub_pv-hd-title {
  color: #181818;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.2;
}

.chub_pv-hd-cap {
  color: #706e6b;
  font-size: .75rem;
}

.chub_pv-hd-filter {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  color: #514f4d;
  background-color: #fff;
  border: 1px solid #c9c7c5;
  border-radius: 6px;
  align-items: center;
  margin-left: auto;
  padding: .375rem .75rem;
  font-size: .75rem;
  font-weight: 500;
  display: inline-flex;
}

.chub_pv-hd-fdot {
  background-color: #0176d3;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: block;
}

.chub_pv-hd-act {
  color: #706e6b;
  letter-spacing: .08em;
  background-color: #fff;
  border: 1px solid #c9c7c5;
  border-radius: 6px;
  padding: .375rem .625rem;
  font-size: .8125rem;
  line-height: 1;
}

.chub_pv-tbl {
  font-variant-numeric: tabular-nums;
  grid-template-rows: auto;
  grid-template-columns: minmax(190px, 1.7fr) repeat(4, 1fr) 1.15fr;
  display: grid;
}

.chub_pv-corner {
  color: #514f4d;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #f7f9fb;
  border-bottom: 2px solid #c9c7c5;
  border-right: 1px solid #e5e5e5;
  grid-row-start: span 2;
  align-items: flex-end;
  padding: .625rem .75rem;
  font-size: .6875rem;
  font-weight: 700;
  display: flex;
}

.chub_pv-ch1 {
  color: #0b5cab;
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #eef4fa;
  border-bottom: 1px solid #d8e4f0;
  border-right: 1px solid #fff;
  grid-column-start: span 2;
  padding: .5rem .75rem;
  font-size: .6875rem;
  font-weight: 700;
}

.chub_pv-ch2 {
  color: #706e6b;
  text-align: right;
  letter-spacing: .03em;
  text-transform: uppercase;
  background-color: #f7f9fb;
  border-bottom: 2px solid #c9c7c5;
  padding: .5rem .75rem;
  font-size: .6875rem;
  font-weight: 600;
}

.chub_pv-row {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  color: #0176d3;
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #e5e5e5;
  align-items: center;
  padding: .5625rem .75rem .5625rem 1.875rem;
  font-size: .8125rem;
  display: flex;
}

.chub_pv-cell {
  color: #181818;
  text-align: right;
  border-bottom: 1px solid #f1f1f1;
  padding: .5625rem .75rem;
  font-size: .8125rem;
}

.chub_pv-cell-hi {
  color: #032d60;
  text-align: right;
  background-color: #eaf5fe;
  border-bottom: 1px solid #f1f1f1;
  padding: .5625rem .75rem;
  font-size: .8125rem;
  font-weight: 600;
  box-shadow: inset 0 0 0 1px #0176d3;
}

.chub_pv-cell-t {
  color: #181818;
  text-align: right;
  background-color: #fbfcfd;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #d8e4f0;
  padding: .5625rem .75rem;
  font-size: .8125rem;
  font-weight: 600;
}

.chub_pv-detail {
  background-color: #fbfcfd;
  border-bottom: 1px solid #e5e5e5;
  border-left: 3px solid #0176d3;
  grid-column: 1 / -1;
  padding: .75rem .75rem .75rem 1.875rem;
}

.chub_pv-detail-h {
  color: #706e6b;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .6875rem;
  font-weight: 700;
}

.chub_pv-drec {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-bottom: 1px solid #f1f1f1;
  align-items: center;
  padding: .375rem 0;
  display: flex;
}

.chub_pv-drec-last {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  padding: .375rem 0;
  display: flex;
}

.chub_pv-drec-n {
  color: #0176d3;
  flex-grow: 1;
  font-size: .8125rem;
}

.chub_pv-drec-s {
  color: #027a48;
  background-color: #ecfdf3;
  border-radius: 999px;
  padding: .125rem .5rem;
  font-size: .6875rem;
  font-weight: 600;
}

.chub_pv-drec-a {
  color: #181818;
  text-align: right;
  min-width: 72px;
  font-size: .8125rem;
  font-weight: 500;
}

.chub_pv-drec-ed {
  color: #0176d3;
  font-size: .75rem;
}

.chub_pv-subl {
  color: #706e6b;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #fbfcfd;
  border-bottom: 2px solid #d8e4f0;
  border-right: 1px solid #e5e5e5;
  padding: .5625rem .75rem .5625rem 1.875rem;
  font-size: .6875rem;
  font-weight: 700;
}

.chub_pv-subv {
  color: #514f4d;
  text-align: right;
  background-color: #fbfcfd;
  border-bottom: 2px solid #d8e4f0;
  padding: .5625rem .75rem;
  font-size: .8125rem;
  font-weight: 700;
}

.chub_pv-subt {
  color: #0b5cab;
  text-align: right;
  background-color: #eef4fa;
  border-bottom: 2px solid #d8e4f0;
  border-left: 1px solid #d8e4f0;
  padding: .5625rem .75rem;
  font-size: .8125rem;
  font-weight: 700;
}

.chub_pv-gtlbl {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #032d60;
  padding: .8125rem .75rem;
  font-size: .6875rem;
  font-weight: 700;
}

.chub_pv-gtval {
  color: #fff;
  text-align: right;
  background-color: #032d60;
  padding: .8125rem .75rem;
  font-size: .875rem;
  font-weight: 700;
}

.chub_pv-gtgrand {
  color: #fff;
  text-align: right;
  background-color: #0b5cab;
  padding: .8125rem .75rem;
  font-size: .9375rem;
  font-weight: 700;
}

.chub_pv-legend {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fafaf9;
  border-top: 1px solid #e5e5e5;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  display: flex;
}

.chub_pv-lg {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  color: #706e6b;
  align-items: center;
  font-size: .75rem;
  display: inline-flex;
}

.chub_pv-lg-k {
  background-color: #0176d3;
  border-radius: 2px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  display: block;
}

.chub_pv-hd-1 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fff;
  border-bottom: 1px solid #dddbda;
  flex-wrap: wrap;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.chub_pv-hd-av-1 {
  color: #fff;
  background-color: #0176d3;
  border-radius: .25rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: .6875rem;
  font-weight: 700;
  display: flex;
}

.chub_pv-hd-title-1 {
  color: #080707;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.25;
}

.chub_pv-hd-cap-1 {
  color: #3e3e3c;
  font-size: .75rem;
}

.chub_pv-hd-filter-1 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #3e3e3c;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: .25rem;
  align-items: center;
  margin-left: auto;
  padding: .25rem .75rem;
  font-size: .75rem;
  display: inline-flex;
}

.chub_pv-hd-act-1 {
  color: #3e3e3c;
  letter-spacing: .08em;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .8125rem;
  line-height: 1.25;
}

.chub_pv-tbl-1 {
  font-variant-numeric: tabular-nums;
  grid-template-rows: auto;
  grid-template-columns: minmax(180px, 1.6fr) repeat(6, 1fr);
  display: grid;
}

.chub_pv-corner-1 {
  color: #3e3e3c;
  letter-spacing: .0625em;
  text-transform: uppercase;
  background-color: #f3f2f2;
  border-bottom: 1px solid #dddbda;
  border-right: 1px solid #dddbda;
  grid-row-start: span 2;
  align-items: flex-end;
  padding: .5rem .75rem;
  font-size: .6875rem;
  font-weight: 600;
  display: flex;
}

.chub_pv-ch1-1 {
  color: #0176d3;
  text-align: center;
  letter-spacing: .0625em;
  text-transform: uppercase;
  background-color: #f3f2f2;
  border-bottom: 1px solid #dddbda;
  border-right: 1px solid #dddbda;
  grid-column-start: span 2;
  padding: .5rem .75rem;
  font-size: .6875rem;
  font-weight: 700;
}

.chub_pv-ch2-1 {
  color: #3e3e3c;
  text-align: right;
  letter-spacing: .0625em;
  text-transform: uppercase;
  background-color: #fff;
  border-bottom: 1px solid #dddbda;
  padding: .5rem .75rem;
  font-size: .6875rem;
  font-weight: 600;
}

.chub_pv-band {
  color: #080707;
  background-color: #f3f2f2;
  border-bottom: 1px solid #dddbda;
  grid-column: 1 / -1;
  padding: .5rem .75rem;
  font-size: .8125rem;
  font-weight: 700;
}

.chub_pv-row-1 {
  color: #0176d3;
  border-bottom: 1px solid #fafaf9;
  border-right: 1px solid #dddbda;
  padding: .5rem .75rem .5rem 1.5rem;
  font-size: .8125rem;
}

.chub_pv-cell-1 {
  color: #080707;
  text-align: right;
  border-bottom: 1px solid #fafaf9;
  padding: .5rem .75rem;
  font-size: .8125rem;
}

.chub_pv-cell-hi-1 {
  color: #080707;
  text-align: right;
  background-color: #fff;
  border-bottom: 1px solid #fafaf9;
  padding: .5rem .75rem;
  font-size: .8125rem;
  font-weight: 600;
  box-shadow: inset 0 0 0 2px #0176d3;
}

.chub_pv-cell-t-1 {
  color: #080707;
  text-align: right;
  border-bottom: 1px solid #fafaf9;
  border-left: 1px solid #dddbda;
  padding: .5rem .75rem;
  font-size: .8125rem;
  font-weight: 600;
}

.chub_pv-detail-1 {
  background-color: #fafaf9;
  border-bottom: 1px solid #dddbda;
  border-left: 2px solid #0176d3;
  grid-column: 1 / -1;
  padding: .75rem .75rem .75rem 1.5rem;
}

.chub_pv-detail-h-1 {
  color: #3e3e3c;
  letter-spacing: .0625em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .6875rem;
  font-weight: 600;
}

.chub_pv-drec-1 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-bottom: 1px solid #dddbda;
  align-items: center;
  padding: .25rem 0;
  display: flex;
}

.chub_pv-drec-last-1 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  padding: .25rem 0;
  display: flex;
}

.chub_pv-drec-s-1 {
  color: #3e3e3c;
  background-color: #f3f2f2;
  border-radius: .25rem;
  padding: .125rem .5rem;
  font-size: .6875rem;
  font-weight: 600;
}

.chub_pv-drec-a-1 {
  color: #080707;
  text-align: right;
  min-width: 72px;
  font-size: .8125rem;
  font-weight: 600;
}

.chub_pv-subl-1 {
  color: #3e3e3c;
  letter-spacing: .0625em;
  text-transform: uppercase;
  background-color: #fff;
  border-top: 1px solid #dddbda;
  border-bottom: 1px solid #dddbda;
  border-right: 1px solid #dddbda;
  padding: .5rem .75rem .5rem 1.5rem;
  font-size: .6875rem;
  font-weight: 700;
}

.chub_pv-subv-1 {
  color: #080707;
  text-align: right;
  background-color: #fff;
  border-top: 1px solid #dddbda;
  border-bottom: 1px solid #dddbda;
  padding: .5rem .75rem;
  font-size: .8125rem;
  font-weight: 700;
}

.chub_pv-subt-1 {
  color: #080707;
  text-align: right;
  background-color: #fff;
  border-top: 1px solid #dddbda;
  border-bottom: 1px solid #dddbda;
  border-left: 1px solid #dddbda;
  padding: .5rem .75rem;
  font-size: .8125rem;
  font-weight: 700;
}

.chub_pv-gtlbl-1 {
  color: #fff;
  letter-spacing: .0625em;
  text-transform: uppercase;
  background-color: #032d60;
  padding: .75rem;
  font-size: .6875rem;
  font-weight: 700;
}

.chub_pv-gtval-1 {
  color: #fff;
  text-align: right;
  background-color: #032d60;
  padding: .75rem;
  font-size: .8125rem;
  font-weight: 700;
}

.chub_pv-gtgrand-1 {
  color: #fff;
  text-align: right;
  background-color: #032d60;
  border-left: 1px solid #0b5cab;
  padding: .75rem;
  font-size: .9375rem;
  font-weight: 700;
}

.chub_pv-legend-1 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fff;
  border-top: 1px solid #dddbda;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  display: flex;
}

.chub_pv-lg-1 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #3e3e3c;
  align-items: center;
  font-size: .75rem;
  display: inline-flex;
}

.chub_pv-lg-k-1 {
  background-color: #0176d3;
  border-radius: .125rem;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.dyn2_bld-wrap {
  margin-top: 1.25rem;
}

.dyn2_bld-media {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
}

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

.dyn2_bld-cap {
  color: #444;
  margin-top: 1rem;
  font-size: .9375rem;
  line-height: 1.6;
}

.dyn2_bld-cap-lead {
  color: #032d60;
  font-weight: 700;
}

.wyb_shot {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.wyb_shot-img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block;
}

.dyn2_ib {
  background-color: #f7f9fb;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.dyn2_ib-inner {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.dyn2_ib-head {
  text-align: center;
  margin-bottom: 3rem;
}

.dyn2_ib-eyebrow {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .6875rem;
  font-weight: 700;
}

.dyn2_ib-h2 {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.15;
}

.dyn2_ib-sub {
  color: #444;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.dyn2_ib-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.dyn2_ib-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 1.25rem;
}

.dyn2_ib-frame {
  aspect-ratio: 4 / 3;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.dyn2_ib-img {
  object-fit: cover;
  object-position: top left;
  width: 100%;
  height: 100%;
  display: block;
}

.dyn2_ib-t {
  color: #032d60;
  margin-bottom: .375rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

.dyn2_ib-p {
  color: #444;
  font-size: .9375rem;
  line-height: 1.6;
}

.hsurf_cb-note {
  opacity: .65;
  text-align: center;
  margin-top: .75rem;
  font-size: .85rem;
}

.hsurf_tourlen {
  opacity: .6;
  letter-spacing: .02em;
  margin-bottom: .5rem;
  font-size: .8rem;
}

.idea2_tags {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-wrap: wrap;
  display: flex;
}

.v5nav_panel-lede {
  color: #032d60;
  letter-spacing: -.01em;
  border-bottom: 1px solid #0176d31f;
  margin-bottom: .75rem;
  padding: .5rem .25rem .75rem;
  font-size: 1rem;
  font-weight: 600;
}

.rmap_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 1.5rem 5rem;
}

.rmap_hero-sub {
  max-width: 620px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #eaf5fe;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.rmap_stats {
  border-top: 1px solid #aacbff40;
  flex-wrap: wrap;
  gap: 2rem 4rem;
  margin-top: 3.5rem;
  padding-top: 2.5rem;
  display: flex;
}

.rmap_stat {
  flex-direction: column;
  row-gap: .5rem;
  max-width: 230px;
  display: flex;
}

.rmap_sec {
  background-color: #fff;
  padding: 6rem 1.5rem;
}

.rmap_head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem 2rem;
  margin-bottom: 3rem;
  display: flex;
}

.rmap_head-txt {
  max-width: 640px;
}

.rmap_sub {
  max-width: 620px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #54698d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.rmap_count {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #54698d;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: .5rem 1rem;
  font-size: .9375rem;
}

.rmap_grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  display: grid;
}

.rmap_card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.rmap_tag {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #eaf5fe;
  border-radius: 100px;
  align-self: flex-start;
  margin-bottom: 1rem;
  padding: .3125rem .75rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-block;
}

.rmap_h3 {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: .75rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

.rmap_p {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #54698d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.rmap_bg-gray {
  background-color: #fafafa;
}

.rmap_pills {
  flex-wrap: wrap;
  gap: .75rem;
  display: flex;
}

.rmap_pill {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #032d60;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  padding: .625rem 1.125rem;
  font-size: .9375rem;
}

.rmap_bg-accent {
  background-color: #eaf5fe;
}

.rmap_rules {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2.5rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: grid;
}

.rmap_rule-n {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-size: .875rem;
  font-weight: 700;
}

.rmap_rule-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 400;
}

.rmap_rule-p {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #54698d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.rmap_proof {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem 2rem;
  padding: 2.25rem 2.5rem;
  display: flex;
  box-shadow: 0 16px 40px #032d601f;
}

.rmap_proof-txt {
  max-width: 560px;
}

.rmap_proof-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  font-weight: 400;
}

.rmap_proof-p {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #54698d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.rmap_cta {
  text-align: center;
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 1.5rem;
}

.rmap_cta-btns {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.rmap_hero-grid {
  flex-wrap: wrap;
  align-items: center;
  gap: 3rem 3.5rem;
  display: flex;
}

.rmap_hero-txt {
  flex: 420px;
  min-width: 300px;
}

.rmap_hero-media {
  flex: 400px;
  justify-content: center;
  min-width: 280px;
  display: flex;
}

.rmap_board {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 440px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.rmap_board-bar {
  background-color: #f3f3f3;
  border-bottom: 1px solid #e5e5e5;
  column-gap: .375rem;
  padding: .75rem 1rem;
  display: flex;
}

.rmap_dot {
  background-color: #c9c9c9;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.rmap_dot-pink {
  background-color: #ff538a;
}

.rmap_dot-orange {
  background-color: #fe9339;
}

.rmap_dot-green {
  background-color: #41b658;
}

.rmap_board-body {
  align-items: flex-start;
  column-gap: .875rem;
  padding: 1.25rem;
  display: flex;
}

.rmap_col {
  flex-direction: column;
  flex: 1 1 0;
  row-gap: .5rem;
  display: flex;
}

.rmap_col-head {
  align-items: center;
  column-gap: .375rem;
  margin-bottom: .25rem;
  display: flex;
}

.rmap_col-dot {
  background-color: #0176d3;
  border-radius: 2px;
  width: 7px;
  height: 7px;
}

.rmap_col-dot-mid {
  background-color: #aacbff;
}

.rmap_col-dot-far {
  background-color: #c9c9c9;
}

.rmap_col-label {
  background-color: #032d60;
  border-radius: 3px;
  width: 44px;
  height: 6px;
}

.rmap_col-label-mid {
  background-color: #54698d;
}

.rmap_col-label-far {
  background-color: #c9c9c9;
}

.rmap_bcard {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-direction: column;
  row-gap: .375rem;
  padding: .625rem;
  display: flex;
}

.rmap_bcard-mid {
  background-color: #fafafa;
}

.rmap_btag {
  background-color: #0176d3;
  border-radius: 100px;
  width: 32px;
  height: 8px;
}

.rmap_btag-mid {
  background-color: #aacbff;
}

.rmap_bline {
  background-color: #e5e5e5;
  border-radius: 3px;
  width: 100%;
  height: 5px;
}

.rmap_bline-short {
  width: 62%;
}

.rmap_bpill {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  height: 18px;
}

.rmap_bpill-w1 {
  width: 100%;
}

.rmap_bpill-w2 {
  width: 76%;
}

.rmap_bpill-w3 {
  width: 88%;
}

.rmap_bpill-w4 {
  width: 64%;
}

.rmap_ship {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  flex-direction: column;
  flex: 0 0 190px;
  row-gap: .5rem;
  padding: 1rem;
  display: flex;
}

.rmap_ship-row {
  align-items: center;
  column-gap: .625rem;
  display: flex;
}

.rmap_ship-check {
  color: #fff;
  background-color: #41b658;
  border-radius: 50%;
  flex: 0 0 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: .625rem;
  display: flex;
}

.rmap_ship-check-soft {
  background-color: #c9c9c9;
}

.rmap_ship-line {
  background-color: #e5e5e5;
  border-radius: 3px;
  height: 6px;
}

.rmap_ship-w1 {
  width: 100%;
}

.rmap_ship-w2 {
  width: 74%;
}

.rmap_ship-w3 {
  width: 88%;
}

.rmap_ship-w4 {
  width: 62%;
}

.v2_cta-note {
  opacity: .75;
  color: #eaf5fe;
  margin-top: .75rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .8125rem;
  line-height: 1.5;
  text-decoration: underline;
  transition: opacity .2s;
  display: inline-block;
}

.v2_cta-note:hover {
  opacity: 1;
  color: #fff;
}

.mcp2_dict {
  background-color: #eaf5fe;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.mcp2_dict-inner {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.mcp2_dict-entry {
  color: #032d60;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 1.75rem;
  line-height: 1.45;
  display: inline;
}

.mcp2_dict-word {
  letter-spacing: .01em;
  font-weight: 700;
}

.mcp2_dict-pos {
  color: #54698d;
  font-size: 1.375rem;
  font-style: italic;
}

.mcp2_dict-def {
  color: #16325c;
}

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

.mcpx1_ag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.mcpx1_ag-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  align-items: center;
  padding: .5rem .625rem;
  display: flex;
}

.mcpx1_ag-bolt {
  color: #fff;
  background-color: #0176d3;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 11px;
  display: flex;
}

.mcpx1_ag-txt {
  color: #54698d;
  font-size: .75rem;
}

.mcpx1_ag-out {
  justify-content: flex-end;
  display: flex;
}

.mcpx1_ag-pill {
  color: #032d60;
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 100px;
  padding: .25rem .625rem;
  font-size: .6875rem;
}

.dyn2_lede {
  color: #444;
  max-width: 46rem;
  margin-bottom: 0;
  font-family: Salesforcesans, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.7;
}

.flow2_spot-rows {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-direction: column;
  margin-top: 5rem;
  margin-bottom: 5.5rem;
  display: flex;
}

.flow2_spot-row {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.flow2_spot-row-rev {
  flex-direction: row-reverse;
}

.flow2_spot-txt {
  flex: 340px;
  min-width: 280px;
}

.flow2_spot-kick {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-size: .8125rem;
  font-weight: 700;
}

.flow2_spot-h3 {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Itcavantgardestd Demi, Arial, sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.25;
}

.flow2_spot-p {
  color: #54698d;
  max-width: 460px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.65;
}

.flow2_spot-media {
  border-radius: 16px;
  flex: 520px;
  min-width: 300px;
  overflow: hidden;
  box-shadow: 0 16px 40px #032d6024;
}

.flow2_spot-img {
  width: 100%;
  height: auto;
  display: block;
}

.df26_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 7rem 1.5rem 5rem;
}

.df26_hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.df26_hero-sub {
  max-width: 620px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #eaf5fe;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.df26_hero-btns {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.df26_stats {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem 3rem;
  margin-bottom: 3.5rem;
  display: flex;
}

.df26_stat {
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: .25rem;
  display: flex;
}

.df26_count-card {
  text-align: left;
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 760px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.df26_count-bar {
  background-color: #f3f3f3;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
  column-gap: .375rem;
  padding: .75rem 1rem;
  display: flex;
}

.df26_dot-pink {
  background-color: #ff538a;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.df26_dot-orange {
  background-color: #fe9339;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.df26_dot-green {
  background-color: #41b658;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.df26_count-title {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  margin-left: .75rem;
  font-size: .8125rem;
}

.df26_count-row {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem 2.5rem;
  padding: 2.25rem 1.5rem;
  display: flex;
}

.df26_count-unit {
  flex-direction: column;
  align-items: center;
  min-width: 96px;
  display: flex;
}

.df26_count-num {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1;
}

.df26_count-label {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: .5rem;
  font-size: .8125rem;
  font-weight: 700;
}

.df26_sec {
  background-color: #fff;
  padding: 6rem 1.5rem;
}

.df26_sess-grid {
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
  align-items: start;
  gap: 2.5rem;
  margin-top: 2.5rem;
  display: grid;
}

.df26_sess-card {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  flex-direction: column;
  row-gap: .75rem;
  padding: 2rem;
  display: flex;
}

.df26_sess-date {
  align-items: baseline;
  column-gap: .75rem;
  margin-bottom: .5rem;
  display: flex;
}

.df26_sess-month {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
}

.df26_sess-day {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1;
}

.df26_sess-line {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #032d60;
  font-size: 1.0625rem;
  line-height: 1.5;
}

.df26_sess-speaker {
  border-top: 1px solid #b8dcf7;
  align-items: center;
  column-gap: 1rem;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  display: flex;
}

.df26_sess-avatar {
  width: 56px;
  min-width: 56px;
  height: 56px;
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #fff;
  background-color: #032d60;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 400;
  display: flex;
}

.df26_sess-who {
  flex-direction: column;
  row-gap: .125rem;
  display: flex;
}

.df26_sess-name {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #032d60;
  font-size: 1.0625rem;
  font-weight: 600;
}

.df26_sess-role {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #54698d;
  font-size: .9375rem;
}

.df26_sess-body {
  flex-direction: column;
  row-gap: 1.5rem;
  display: flex;
}

.df26_p {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.65;
}

.df26_pills {
  flex-direction: column;
  row-gap: .625rem;
  display: flex;
}

.df26_pill {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  align-self: flex-start;
  align-items: center;
  column-gap: .75rem;
  padding: .625rem 1.25rem .625rem .625rem;
  display: flex;
}

.df26_pill-check {
  width: 22px;
  min-width: 22px;
  height: 22px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #fff;
  background-color: #41b658;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.df26_pill-txt {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #181818;
  font-size: .9375rem;
  font-weight: 600;
}

.df26_sec-gray {
  background-color: #fafafa;
  padding: 6rem 1.5rem;
}

.df26_cards3 {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 2.5rem;
  display: grid;
}

.df26_card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  row-gap: .75rem;
  padding: 1.75rem;
  display: flex;
}

.df26_card-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

.df26_card-p {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.df26_link {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  margin-top: .25rem;
  font-size: .9375rem;
  font-weight: 600;
  text-decoration: none;
}

.df26_findline {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #032d60;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  margin-top: 2.5rem;
  padding: 1rem 1.5rem;
  font-size: .9375rem;
  font-weight: 600;
}

.df26_sec-accent {
  background-color: #eaf5fe;
  padding: 6rem 1.5rem;
}

.df26_sub {
  max-width: 620px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #54698d;
  margin-top: 0;
  margin-bottom: 2.5rem;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.df26_find-card {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  flex-direction: column;
  row-gap: 2rem;
  padding: 2.5rem;
  display: flex;
  box-shadow: 0 16px 40px #032d601f;
}

.df26_find-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem 2rem;
  display: grid;
}

.df26_find-item {
  flex-direction: column;
  row-gap: .25rem;
  display: flex;
}

.df26_find-k {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .25rem;
  font-size: .8125rem;
  font-weight: 700;
}

.df26_find-v {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

.df26_find-s {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #54698d;
  font-size: .9375rem;
  line-height: 1.5;
}

.df26_find-btns {
  flex-wrap: wrap;
  gap: 1rem;
  display: flex;
}

.df26_surf-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1.5rem;
  margin-top: 2.5rem;
  display: grid;
}

.df26_surf-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  row-gap: .5rem;
  padding: 1.75rem;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
}

.df26_surf-card:hover {
  box-shadow: 0 16px 40px #032d601f;
}

.df26_surf-n {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #0176d3;
  margin-bottom: .5rem;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
}

.df26_surf-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

.df26_surf-p {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  font-size: .9375rem;
  line-height: 1.6;
}

.df26_surf-more {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  margin-top: auto;
  padding-top: 1rem;
  font-size: .875rem;
  font-weight: 600;
}

.df26_alt-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2.5rem;
  display: grid;
}

.df26_alt-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  row-gap: .75rem;
  padding: 2rem;
  display: flex;
}

.df26_alt-btn {
  margin-top: .75rem;
}

.df26_cta {
  text-align: center;
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 1.5rem;
}

.df26_cta-inner {
  max-width: 760px;
}

.df26_cta-btns {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.df26_sess-photo {
  object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 64px;
  min-width: 64px;
  height: 64px;
  box-shadow: 0 6px 16px #032d602e;
}

.df26_vig {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  height: 150px;
  margin-bottom: 1.25rem;
  padding: 1rem;
  display: flex;
  overflow: hidden;
}

.df26_vf-steps {
  align-items: center;
  column-gap: .375rem;
  margin-bottom: .875rem;
  display: flex;
}

.df26_vf-done {
  background-color: #0176d3;
  border-radius: 50%;
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.df26_vf-cur {
  background-color: #fff;
  border: 3px solid #0176d3;
  border-radius: 50%;
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.df26_vf-todo {
  background-color: #c9c9c9;
  border-radius: 50%;
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.df26_vf-line {
  background-color: #0176d3;
  flex-grow: 1;
  height: 2px;
}

.df26_vf-line-off {
  background-color: #e5e5e5;
  flex-grow: 1;
  height: 2px;
}

.df26_vf-field {
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  height: 24px;
  margin-bottom: .5rem;
}

.df26_vf-btn {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #fff;
  background-color: #0176d3;
  border-radius: 4px;
  align-self: flex-end;
  padding: .3rem .75rem;
  font-size: .6875rem;
  font-weight: 700;
}

.df26_vl-head {
  align-items: center;
  column-gap: .5rem;
  margin-bottom: .625rem;
  display: flex;
}

.df26_vl-ico {
  background-color: #0176d3;
  border-radius: 5px;
  width: 22px;
  min-width: 22px;
  height: 22px;
}

.df26_vl-ttl {
  background-color: #032d60;
  border-radius: 4px;
  width: 90px;
  height: 8px;
}

.df26_vl-tbl {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  overflow: hidden;
}

.df26_vl-th {
  background-color: #f3f3f3;
  border-bottom: 1px solid #e5e5e5;
  column-gap: .5rem;
  padding: .375rem .5rem;
  display: flex;
}

.df26_vl-tr {
  border-bottom: 1px solid #f3f3f3;
  align-items: center;
  column-gap: .5rem;
  padding: .375rem .5rem;
  display: flex;
}

.df26_vl-c1 {
  background-color: #c9c9c9;
  border-radius: 3px;
  width: 34%;
  height: 6px;
}

.df26_vl-c2 {
  background-color: #e5e5e5;
  border-radius: 3px;
  width: 22%;
  height: 6px;
}

.df26_vl-badge {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0b5cab;
  text-transform: uppercase;
  background-color: #eaf5fe;
  border-radius: 100px;
  margin-left: auto;
  padding: .1rem .4rem;
  font-size: .5625rem;
  font-weight: 700;
}

.df26_vx-nav {
  background-color: #032d60;
  border-radius: 6px;
  align-items: center;
  column-gap: .5rem;
  margin-bottom: .625rem;
  padding: .375rem .5rem;
  display: flex;
}

.df26_vx-logo {
  background-color: #aacbff;
  border-radius: 4px;
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.df26_vx-link {
  background-color: #ffffff80;
  border-radius: 3px;
  width: 26px;
  height: 5px;
}

.df26_vx-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  column-gap: .5rem;
  display: grid;
}

.df26_vx-tile {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: .375rem;
}

.df26_vx-img {
  background-image: linear-gradient(135deg, #eaf5fe 0%, #aacbff 100%);
  border-radius: 4px;
  height: 34px;
  margin-bottom: .375rem;
}

.df26_vx-t {
  background-color: #444;
  border-radius: 3px;
  width: 70%;
  height: 6px;
  margin-bottom: .25rem;
}

.df26_vx-s {
  background-color: #c9c9c9;
  border-radius: 3px;
  width: 45%;
  height: 5px;
}

.df26_vc-win {
  background-color: #0f1a2e;
  border-radius: 8px;
  overflow: hidden;
}

.df26_vc-bar {
  background-color: #060d1a;
  column-gap: .3rem;
  padding: .4rem .5rem;
  display: flex;
}

.df26_vc-d1 {
  background-color: #ff538a;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.df26_vc-d2 {
  background-color: #fe9339;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.df26_vc-d3 {
  background-color: #41b658;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.df26_vc-body {
  color: #eaf5fe;
  padding: .625rem .75rem;
  font-family: Courier New, monospace;
  font-size: .6875rem;
  line-height: 1.8;
}

.df26_vc-tag {
  color: #04e1cb;
}

.df26_vc-ind {
  color: #04e1cb;
  padding-left: .875rem;
}

.df26_vb-row {
  align-items: center;
  column-gap: .5rem;
  display: flex;
}

.df26_vb-before {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
  row-gap: .4rem;
  height: 86px;
  padding: .5rem;
  display: flex;
}

.df26_vb-l1 {
  background-color: #e5e5e5;
  border-radius: 3px;
  width: 60%;
  height: 6px;
}

.df26_vb-l2 {
  background-color: #e5e5e5;
  border-radius: 3px;
  width: 90%;
  height: 6px;
}

.df26_vb-l3 {
  background-color: #e5e5e5;
  border-radius: 3px;
  width: 40%;
  height: 6px;
}

.df26_vb-l4 {
  background-color: #e5e5e5;
  border-radius: 3px;
  width: 75%;
  height: 6px;
}

.df26_vb-arrow {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  font-size: 1.25rem;
  font-weight: 700;
}

.df26_vb-after {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 6px;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
  row-gap: .4rem;
  height: 86px;
  padding: .5rem;
  display: flex;
  box-shadow: 0 6px 16px #032d601a;
}

.df26_vb-r {
  column-gap: .3rem;
  display: flex;
}

.df26_vb-c {
  background-color: #eaf5fe;
  border-radius: 3px;
  flex-grow: 1;
  flex-basis: 0;
  height: 8px;
}

.df26_vb-cb {
  background-color: #0176d3;
  border-radius: 3px;
  flex-grow: 1;
  flex-basis: 0;
  height: 8px;
}

.df26_vt-win {
  color: #eaf5fe;
  background-color: #0f1a2e;
  border-radius: 8px;
  padding: .75rem .875rem;
  font-family: Courier New, monospace;
  font-size: .6875rem;
  line-height: 1.9;
}

.df26_vt-prompt {
  color: #04e1cb;
}

.df26_vt-ok {
  color: #41b658;
}

.df26_vk {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: .375rem;
  display: grid;
}

.df26_vk-col {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  flex-direction: column;
  row-gap: .3rem;
  padding: .375rem;
  display: flex;
}

.df26_vk-h {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .125rem;
  font-size: .5625rem;
  font-weight: 700;
}

.df26_vk-card {
  background-color: #eaf5fe;
  border: 1px solid #b8dcf7;
  border-radius: 4px;
  height: 16px;
}

.df26_vk-card-g {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  height: 16px;
}

.df26_find-row {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr;
  align-items: stretch;
  gap: 1.5rem;
  display: grid;
}

.df26_map {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: .5rem;
  min-height: 240px;
  padding: 1rem 1rem 3rem;
  display: grid;
  position: relative;
  box-shadow: 0 16px 40px #032d601f;
}

.df26_map-cell {
  background-color: #f3f3f3;
  border-radius: 8px;
}

.df26_map-tree {
  background-color: #eaf5fe;
  border-radius: 8px;
}

.df26_map-you {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #fff;
  background-color: #0176d3;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
  box-shadow: 0 8px 20px #0176d373;
}

.df26_map-cap {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #fff;
  background-color: #032d60;
  border-radius: 100px;
  padding: .3rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

.df26_sec-sub {
  max-width: 620px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #54698d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.mcpk_ledger {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  max-width: 960px;
  margin: 3rem auto 0;
  display: flex;
}

.mcpk_group {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 200px 1fr;
  align-items: start;
  display: grid;
}

.mcpk_fam {
  position: sticky;
  top: 6rem;
}

.mcpk_fam-name {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
}

.mcpk_fam-count {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #706e6b;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-top: .375rem;
  font-size: .8125rem;
}

.mcpk_rows {
  border-top: 1px solid #dddbda;
}

.mcpk_row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: 1px solid #dddbda;
  grid-template-rows: auto;
  grid-template-columns: 260px 1fr;
  align-items: baseline;
  padding: 1rem 0;
  display: grid;
}

.mcpk_row.mcpk_row-sub {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0;
  grid-template-columns: 1.25rem 240px 1fr;
}

.mcpk_row-sub {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0;
  grid-template-rows: auto;
  grid-template-columns: 1.25rem 240px 1fr;
}

.mcpk_arrow {
  color: #0176d3;
  font-size: .9375rem;
  line-height: 1;
}

.mcpk_name {
  color: #0176d3;
  font-family: Courier New, monospace;
  font-size: .9375rem;
  font-weight: 600;
}

.mcpk_desc {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #54698d;
  font-size: 1.0625rem;
  line-height: 1.5;
}

.uct_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem 9rem;
}

.uct_hero-in {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  max-width: 900px;
  display: flex;
}

.uct_eyebrow {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #9ad0ff;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: .8125rem;
  font-weight: 600;
}

.uct_hero-sub {
  max-width: 680px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #eaf5fe;
  margin: 1rem 0 1.5rem;
  font-size: 1.125rem;
  line-height: 1.56;
}

.uct_meta {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .75rem;
  display: flex;
}

.uct_chip {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #fff;
  background-color: #ffffff1f;
  border-radius: 100px;
  padding: .375rem .875rem;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-block;
}

.uct_api {
  color: #9ad0ff;
  font-family: Courier New, monospace;
  font-size: .875rem;
}

.uct_visual-sec {
  background-color: #fff;
  padding: 4rem 2rem;
}

.uct_frame {
  aspect-ratio: 3 / 2;
  background-color: #f3f3f3;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  width: 100%;
  margin-top: -6rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 64px #032d602e;
}

.uct_img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
  display: block;
}

.uct_body {
  background-color: #fff;
  padding: 2rem 2rem 6rem;
}

.uct_body-in {
  flex-direction: column;
  row-gap: 3.5rem;
  max-width: 820px;
  display: flex;
}

.uct_block {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.uct_scenario {
  max-width: 760px;
}

.uct_choices-slot {
  display: block;
}

.uct_runs {
  flex-wrap: wrap;
  gap: .75rem;
  display: flex;
}

.uct_run-flow, .uct_run-lightning, .uct_run-experience, .uct_run-lwc {
  display: inline-block;
}

.uct_cta {
  text-align: center;
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 1.5rem;
}

.uct_cta-in {
  max-width: 760px;
}

.uct_cta-btns {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.uct_pos {
  display: none;
}

.uct_choices {
  max-width: 760px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.uci_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem 5rem;
}

.uci_hero-in {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  max-width: 900px;
  display: flex;
}

.uci_eyebrow {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #9ad0ff;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: .8125rem;
  font-weight: 600;
}

.uci_hero-sub {
  max-width: 680px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #eaf5fe;
  margin: 1rem 0 0;
  font-size: 1.125rem;
  line-height: 1.56;
}

.uci_sec {
  background-color: #fff;
  padding: 4rem 2rem 6rem;
}

.uci_filters {
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 2rem;
  display: flex;
}

.uci_list-slot {
  display: block;
}

.uci_cta {
  text-align: center;
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 1.5rem;
}

.uci_cta-in {
  max-width: 760px;
}

.uci_cta-btns {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.uci_card {
  height: 100%;
  color: inherit;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  text-decoration: none;
  transition: border-color .15s, transform .15s, box-shadow .15s;
  display: flex;
  overflow: hidden;
}

.uci_card:hover {
  border-color: #0176d3;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #032d6014;
}

.uci_card-frame {
  aspect-ratio: 3 / 2;
  background-color: #f3f3f3;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  overflow: hidden;
}

.uci_card-img {
  object-fit: cover;
  object-position: center top;
  width: 100%;
  height: 100%;
  display: block;
}

.uci_card-body {
  flex-direction: column;
  row-gap: .5rem;
  padding: 1.5rem 1.75rem 1.75rem;
  display: flex;
}

.uci_card-surface {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
}

.uci_card-title {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

.uci_card-sum {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  margin: 0;
  font-size: 1rem;
  line-height: 1.55;
}

.uci_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.uci_grid.pkguc_3col {
  grid-template-columns: 1fr 1fr 1fr;
}

.hubuc_sec {
  background-color: #fafafa;
  padding: 5rem 2rem;
}

.hubuc_sec.hubuc_sec-white {
  background-color: #fff;
}

.hubuc_head {
  max-width: 640px;
  margin-bottom: 2.5rem;
}

.hubuc_list {
  display: block;
}

.hubuc_card {
  color: inherit;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  grid-template-columns: 1.2fr .8fr;
  text-decoration: none;
  transition: border-color .15s, box-shadow .15s;
  display: grid;
  overflow: hidden;
}

.hubuc_card:hover {
  border-color: #0176d3;
}

.hubuc_frame {
  aspect-ratio: 3 / 2;
  background-color: #f3f3f3;
  position: relative;
  overflow: hidden;
}

.hubuc_img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
  display: block;
}

.hubuc_pos {
  display: none;
}

.hubuc_body {
  flex-direction: column;
  justify-content: center;
  row-gap: .75rem;
  padding: 2.5rem;
  display: flex;
}

.hubuc_more {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  margin-top: .5rem;
  font-size: 1rem;
  font-weight: 600;
}

.pkguc_sec {
  background-color: #fafafa;
  padding: 5rem 2rem;
}

.pkguc_sec.pkguc_sec-white {
  background-color: #fff;
}

.chub_fx-hero-btns {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 2.5rem;
  display: flex;
}

.v2_btn-ghost-dark {
  box-sizing: border-box;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #fff;
  text-align: center;
  letter-spacing: -.002em;
  cursor: pointer;
  background-color: #0000;
  border: 2px solid #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.v2_btn-ghost-dark:hover {
  color: #fff;
  background-color: #ffffff40;
  border-color: #fff;
}

.v2_btn-ghost-dark:focus-visible, .v2_btn-ghost-dark[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 3px solid #1b96ff;
}

.bpart2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem 5rem;
}

.bpart2_sec-white {
  background-color: #fff;
  padding: 5.5rem 2rem;
}

.bpart2_sec-gray {
  background-color: #fafafa;
  padding: 5.5rem 2rem;
}

.bpart2_sec-accent {
  background-color: #eaf5fe;
  padding: 5.5rem 2rem;
}

.bpart2_cta {
  text-align: center;
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5.5rem 2rem;
}

.bpart2_hero-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.bpart2_hero-left {
  min-width: 0;
}

.bpart2_hero-sub {
  max-width: 560px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #eaf5fe;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.bpart2_hero-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
  display: flex;
}

.bpart2_stats {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  display: flex;
}

.bpart2_stat {
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.bpart2_split {
  grid-column-gap: 4rem;
  grid-row-gap: 2.5rem;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.bpart2_split-col {
  min-width: 0;
}

.bpart2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.bpart2_cta-inner {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.bpart2_frame {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px #032d6073;
}

.bpart2_frame-bar {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #f3f3f3;
  padding: 12px 14px;
  display: flex;
}

.bpart2_dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.bpart2_dot-pink {
  background-color: #ff538a;
}

.bpart2_dot-orange {
  background-color: #fe9339;
}

.bpart2_dot-green {
  background-color: #41b658;
}

.bpart2_frame-body {
  font-family: var(--_avonni-design-system---font--body-stack);
  padding: 1.5rem;
}

.bpart2_frame-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
  display: flex;
}

.bpart2_frame-title {
  color: #032d60;
  font-size: 1rem;
  font-weight: 700;
}

.bpart2_frame-meta {
  color: #444;
  font-size: .75rem;
}

.bpart2_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-bottom: 1px solid #f3f3f3;
  align-items: center;
  padding: .75rem 0;
  display: flex;
}

.bpart2_row-last {
  border-bottom-width: 0;
}

.bpart2_check {
  color: #fff;
  background-color: #41b658;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.bpart2_check-open {
  background-color: #fff;
  border: 2px solid #0176d3;
}

.bpart2_row-txt {
  color: #181818;
  flex: 1;
  font-size: .9375rem;
}

.bpart2_pill {
  color: #0b5cab;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #eaf5fe;
  border-radius: 100px;
  padding: 4px 10px;
  font-size: .6875rem;
  font-weight: 700;
}

.bpart2_pill-done {
  color: #444;
  background-color: #f3f3f3;
}

.bpart2_bento {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 3rem;
  display: grid;
}

.bpart2_bento-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 2rem;
}

.bpart2_bento-lead {
  background-color: #eaf5fe;
  border-color: #b8dcf7;
}

.bpart2_tag {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0176d3;
  border-radius: 100px;
  margin-bottom: 1.25rem;
  padding: 4px 12px;
  font-size: .75rem;
  font-weight: 700;
  display: inline-block;
}

.bpart2_num-xl {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #0176d3;
  margin-bottom: 1rem;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1;
}

.bpart2_num {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #0176d3;
  margin-bottom: .75rem;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.bpart2_card-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

.bpart2_card-t-lg {
  font-size: 1.5rem;
}

.bpart2_card-p {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.bpart2_steps {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: stretch;
  margin-top: 3rem;
  display: grid;
}

.bpart2_step {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 1.75rem;
}

.bpart2_step-dot {
  width: 32px;
  height: 32px;
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #fff;
  background-color: #0176d3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  font-size: .875rem;
  font-weight: 700;
  display: flex;
}

.bpart2_step-dot-last {
  background-color: #032d60;
}

.bpart2_step-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
}

.bpart2_step-arrow {
  color: #0176d3;
  align-self: center;
  font-size: 1.5rem;
  font-weight: 600;
}

.bpart2_tl {
  font-family: var(--_avonni-design-system---font--body-stack);
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow: 0 16px 40px #032d601f;
}

.bpart2_tl-head {
  color: #444;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 700;
}

.bpart2_tl-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #f3f3f3;
  align-items: center;
  padding: .875rem 0;
  display: flex;
}

.bpart2_tl-year {
  width: 64px;
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  flex-shrink: 0;
  font-size: 1.0625rem;
  font-weight: 400;
}

.bpart2_tl-evt {
  color: #181818;
  flex: 1;
  font-size: .9375rem;
}

.bpart2_tl-badge {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #181818;
  background-color: #f3f3f3;
  border-radius: 100px;
  align-items: center;
  padding: 4px 10px;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.bpart2_tl-dot {
  background-color: #41b658;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.bpart2_quote {
  max-width: 820px;
  font-family: var(--_avonni-design-system---font--body-stack);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.bpart2_quote-txt {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.bpart2_quote-name {
  color: #181818;
  font-size: 1rem;
  font-weight: 700;
}

.bpart2_quote-org {
  color: #444;
  margin-top: .25rem;
  font-size: .9375rem;
}

.bpart2_tracks-wrap {
  margin-top: 3rem;
}

.bpart2_tracks {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.bpart2_track {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 1.75rem;
}

.bpart2_track-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

.bpart2_track-p {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #444;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.bpart2_link-row {
  text-align: center;
  margin-top: 2.5rem;
}

.bpart2_link {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #0176d3;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.dfann_card {
  grid-column-gap: 1.5rem;
  text-align: left;
  background-color: #fff;
  border-radius: 12px;
  align-items: center;
  width: 100%;
  max-width: 720px;
  margin-bottom: 2.25rem;
  padding: 1rem 1.5rem 1rem 1rem;
  text-decoration: none;
  transition: transform .15s, box-shadow .15s;
  display: flex;
  box-shadow: 0 20px 50px #032d6059;
}

.dfann_card:hover {
  transform: translateY(-2px);
  box-shadow: 0 26px 60px #032d6073;
}

.dfann_stub {
  background-color: #066afe;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 84px;
  padding: .75rem .5rem;
  display: flex;
}

.dfann_stub-month {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #fff;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1;
}

.dfann_stub-days {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #fff;
  margin-top: .25rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
}

.dfann_body {
  border-left: 2px dashed #d8e6f5;
  flex: auto;
  min-width: 0;
  padding-left: 1.5rem;
}

.dfann_kick {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #066afe;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .25rem;
  font-size: .75rem;
  font-weight: 700;
}

.dfann_line {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #032d60;
  margin-bottom: .375rem;
  font-size: 1rem;
  line-height: 1.4;
}

.dfann_more {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #066afe;
  font-size: .875rem;
  font-weight: 600;
}

.dfann_count {
  background-color: #f4f7fb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 84px;
  padding: .5rem .75rem;
  display: flex;
}

.dfann_count-num {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
}

.dfann_count-label {
  font-family: var(--_avonni-design-system---font--body-stack);
  color: #54698d;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: .25rem;
  font-size: .6875rem;
  font-weight: 600;
}

.lwcp2_hd {
  font-family: var(--_avonni-design-system---font--body-stack);
  padding: 0;
}

.lwcp2_hd-head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #e5e5e5;
  justify-content: space-between;
  align-items: flex-end;
  padding: .875rem 1rem;
  display: flex;
}

.lwcp2_hd-cap {
  color: #747474;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .125rem;
  font-size: .6875rem;
}

.lwcp2_hd-title {
  color: #032d60;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.2;
}

.lwcp2_hd-tools {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.lwcp2_hd-search {
  color: #969492;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  min-width: 132px;
  padding: .3125rem .625rem;
  font-size: .75rem;
}

.lwcp2_hd-btn {
  color: #0176d3;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  padding: .3125rem .6875rem;
  font-size: .75rem;
}

.lwcp2_hd-scroll {
  overflow-x: auto;
}

.lwcp2_hd-table {
  min-width: 560px;
}

.lwcp2_hd-rowh {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f3f3f3;
  border-bottom: 1px solid #e5e5e5;
  grid-template-rows: auto;
  grid-template-columns: 26px 1.5fr 1.15fr 1fr 76px 1.05fr;
  align-items: center;
  padding: .5rem 1rem;
  display: grid;
}

.lwcp2_hd-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid #f0f0f0;
  grid-template-rows: auto;
  grid-template-columns: 26px 1.5fr 1.15fr 1fr 76px 1.05fr;
  align-items: center;
  padding: .5625rem 1rem;
  display: grid;
}

.lwcp2_hd-th {
  color: #444;
  letter-spacing: .03em;
  font-size: .6875rem;
  font-weight: 700;
}

.lwcp2_hd-th-r {
  color: #444;
  text-align: right;
  letter-spacing: .03em;
  font-size: .6875rem;
  font-weight: 700;
}

.lwcp2_hd-box {
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  width: 13px;
  height: 13px;
}

.lwcp2_hd-name {
  color: #0176d3;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  overflow: hidden;
}

.lwcp2_hd-owner {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  align-items: center;
  min-width: 0;
  display: flex;
}

.lwcp2_hd-av {
  color: #032d60;
  background-color: #eef4ff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: .625rem;
  font-weight: 700;
  display: flex;
}

.lwcp2_hd-ownt {
  color: #444;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  overflow: hidden;
}

.lwcp2_hd-amt {
  color: #181818;
  text-align: right;
  font-size: .8125rem;
}

.lwcp2_hd-badge {
  border-radius: 10px;
  padding: .0625rem .5rem;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-block;
}

.lwcp2_hd-badge.lwcp2_hd-badge-hot {
  color: #8c1c04;
  background-color: #feded8;
}

.lwcp2_hd-badge.lwcp2_hd-badge-warm {
  color: #8c4b02;
  background-color: #fbeed7;
}

.lwcp2_hd-badge.lwcp2_hd-badge-cold {
  color: #032d60;
  background-color: #eef4ff;
}

.lwcp2_hd-badge-hot {
  color: #8c1c04;
  background-color: #feded8;
}

.lwcp2_hd-badge-warm {
  color: #8c4b02;
  background-color: #fbeed7;
}

.lwcp2_hd-badge-cold {
  color: #032d60;
  background-color: #eef4ff;
}

.lwcp2_hd-prog {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  align-items: center;
  display: flex;
}

.lwcp2_hd-track {
  background-color: #e5e5e5;
  border-radius: 3px;
  flex: auto;
  height: 5px;
  overflow: hidden;
}

.lwcp2_hd-fill {
  background-color: #0176d3;
  border-radius: 3px;
  height: 5px;
}

.lwcp2_hd-fill.inline-div-0 {
  width: 80%;
}

.lwcp2_hd-fill.inline-div-1 {
  width: 45%;
}

.lwcp2_hd-fill.inline-div-2 {
  width: 100%;
}

.lwcp2_hd-fill.inline-div-3 {
  width: 20%;
}

.lwcp2_hd-fill.inline-div-4 {
  width: 60%;
}

.lwcp2_hd-pct {
  color: #747474;
  flex: none;
  font-size: .6875rem;
}

.lwcp2_hd-foot {
  justify-content: space-between;
  align-items: center;
  padding: .625rem 1rem;
  display: flex;
}

.lwcp2_hd-count {
  color: #747474;
  font-size: .75rem;
}

.lwcp2_hd-pager {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  color: #0176d3;
  align-items: center;
  font-size: .75rem;
  display: flex;
}

.lwcp2_hd-pg-on {
  color: #032d60;
  background-color: #eef4ff;
  border-radius: 3px;
  padding: .0625rem .375rem;
  font-weight: 700;
}

.lwcp2_ag {
  font-family: var(--_avonni-design-system---font--body-stack);
  padding: 1.25rem 1.375rem 1.375rem;
}

.lwcp2_ag-prompt {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid #e5e5e5;
  align-items: flex-start;
  margin-bottom: .875rem;
  padding-bottom: .875rem;
  display: flex;
}

.lwcp2_ag-caret {
  color: #0176d3;
  flex: none;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.5;
}

.lwcp2_ag-ptext {
  color: #181818;
  font-size: .875rem;
  line-height: 1.5;
}

.lwcp2_ag-step {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: flex-start;
  margin-bottom: .75rem;
  display: flex;
}

.lwcp2_ag-dot {
  background-color: #0176d3;
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
  margin-top: .4375rem;
}

.lwcp2_ag-body {
  flex: auto;
  min-width: 0;
}

.lwcp2_ag-tool {
  color: #032d60;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.4;
}

.lwcp2_ag-note {
  color: #747474;
  margin-top: .125rem;
  font-size: .75rem;
  line-height: 1.4;
}

.lwcp2_ag-code {
  color: #eaf5fe;
  white-space: nowrap;
  background-color: #032d60;
  border-radius: 6px;
  margin-top: .4375rem;
  padding: .5625rem .75rem;
  font-family: Courier New, monospace;
  font-size: .75rem;
  line-height: 1.5;
  overflow-x: auto;
}

.lwcp2_ag-tag {
  color: #04e1cb;
}

.lwcp2_ag-out {
  color: #444;
  border-top: 1px solid #e5e5e5;
  margin-top: 1rem;
  padding-top: .875rem;
  font-size: .8125rem;
  line-height: 1.5;
}

.prcb1_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding-top: 96px;
  padding-bottom: 72px;
}

.prcb1_hero-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  align-items: start;
  display: grid;
}

.prcb1_hero-left {
  display: block;
}

.prcb1_hero-sub {
  color: #c9d8ec;
  max-width: 52ch;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 1.1875rem;
  line-height: 1.6;
}

.prcb1_hero-cta {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 40px;
  display: flex;
}

.prcb1_facts {
  background-color: #ffffff0d;
  border: 1px solid #ffffff24;
  border-radius: 16px;
  flex-direction: column;
  padding: 6px 24px;
  display: flex;
}

.prcb1_fact {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #ffffff29;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
}

.prcb1_fact-tick {
  color: #aacbff;
  background-color: #aacbff29;
  border-radius: 9999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  font-size: .8125rem;
  line-height: 1.4;
  display: flex;
}

.prcb1_fact-body {
  display: block;
}

.prcb1_fact-title {
  color: #fff;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5;
}

.prcb1_fact-line {
  color: #a9bdd6;
  margin-top: 2px;
  font-size: .875rem;
  line-height: 1.5;
}

.prcb1_axes-sec {
  background-color: #eaf5fe;
  padding-top: 88px;
  padding-bottom: 88px;
}

.prcb1_sec-head {
  max-width: 62ch;
  margin-bottom: 48px;
}

.prcb1_sec-lead {
  color: #444;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.prcb1_axes {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.prcb1_axis {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 14px;
  padding: 28px;
}

.prcb1_axis-xp {
  border-color: #9fd9d4;
}

.prcb1_axis-tag {
  color: #032d60;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #eaf5fe;
  border-radius: 9999px;
  margin-bottom: 14px;
  padding: 5px 12px;
  font-size: .75rem;
  font-weight: 700;
  display: inline-block;
}

.prcb1_axis-tag-xp {
  color: #04635c;
  background-color: #e6f7f5;
}

.prcb1_axis-h3 {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.2;
}

.prcb1_axis-p {
  color: #444;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: .9375rem;
  line-height: 1.6;
}

.prcb1_axis-list {
  display: block;
}

.prcb1_axis-li {
  color: #444;
  background-image: radial-gradient(circle at 4px 12px, #0176d3 3px, #0000 3px);
  border-top: 1px solid #e5e5e5;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 24px;
  font-size: .875rem;
  line-height: 1.5;
}

.prcb1_axis-li-xp {
  background-image: radial-gradient(circle at 4px 12px, #06a59a 3px, #0000 3px);
}

.prcb1_plans-sec {
  background-color: #fff;
  padding-top: 88px;
  padding-bottom: 88px;
}

.prcb1_bar {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  background-color: #fff;
  border-radius: 14px;
  flex-wrap: wrap;
  align-items: center;
  padding: 22px 28px;
  display: flex;
}

.prcb1_bar-free {
  border: 2px solid #0176d3;
  margin-bottom: 28px;
}

.prcb1_bar-unlim {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  margin-top: 28px;
}

.prcb1_bar-lead {
  flex: 1;
  min-width: 300px;
}

.prcb1_bar-h3 {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.2;
}

.prcb1_bar-p {
  color: #444;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.prcb1_pillrow {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.prcb1_pill {
  color: #032d60;
  background-color: #eaf5fe;
  border-radius: 9999px;
  padding: 5px 12px;
  font-size: .75rem;
  font-weight: 600;
}

.prcb1_plans {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: stretch;
  display: grid;
}

.prcb1_plan {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex-direction: column;
  padding: 26px 22px;
  display: flex;
  position: relative;
}

.prcb1_plan-featured {
  border: 2px solid #066afe;
  box-shadow: 0 16px 40px #032d601f;
}

.prcb1_plan-badge {
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #066afe;
  border-radius: 9999px;
  padding: 4px 12px;
  font-size: .6875rem;
  font-weight: 700;
  position: absolute;
  top: -11px;
  left: 22px;
}

.prcb1_plan-badge-new {
  background-color: #41b658;
}

.prcb1_plan-name {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.2;
}

.prcb1_plan-cap {
  color: #6b7280;
  min-height: auto;
  margin-bottom: 16px;
  font-size: .8125rem;
  line-height: 1.5;
}

.prcb1_plan-from {
  color: #6b7280;
  margin-bottom: 2px;
  font-size: 1rem;
}

.prcb1_plan-price {
  color: #032d60;
  font-size: 2.375rem;
  line-height: 1;
}

.prcb1_plan-per {
  color: #6b7280;
  margin-top: 8px;
  margin-bottom: 10px;
  font-size: .8125rem;
  line-height: 1.5;
}

.prcb1_plan-eff {
  color: #032d60;
  margin-bottom: 18px;
  padding-top: 7px;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5;
}

.prcb1_plan-list {
  border-top: 1px solid #e5e5e5;
  flex: 1;
  margin-bottom: 22px;
  padding-top: 16px;
}

.prcb1_plan-head {
  color: #032d60;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
}

.prcb1_plan-li {
  color: #444;
  background-image: linear-gradient(#0176d3, #0176d3);
  background-position: 0 12px;
  background-repeat: no-repeat;
  background-size: 10px 2px;
  padding: 6px 0 6px 22px;
  font-size: .875rem;
  line-height: 1.5;
}

.prcb1_allplans {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-top: 26px;
  padding: 20px 24px;
}

.prcb1_allplans-txt {
  color: #444;
  font-size: .9375rem;
  line-height: 1.6;
}

.prcb1_allplans-strong {
  color: #032d60;
  font-weight: 600;
}

.prcb1_cost-sec {
  background-color: #fafafa;
  padding-top: 88px;
  padding-bottom: 88px;
}

.prcb1_cost-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.prcb1_cost-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  padding: 30px;
}

.prcb1_cost-h3 {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}

.prcb1_cost-p {
  color: #444;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: .9375rem;
  line-height: 1.6;
}

.prcb1_cost-scope {
  color: #6b7280;
  border-left: 3px solid #c9c9c9;
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 12px;
  font-size: .8125rem;
  line-height: 1.55;
}

.prcb1_tbl-sec {
  background-color: #fff;
  padding-top: 88px;
  padding-bottom: 88px;
}

.prcb1_tbl-wrap {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  overflow: visible;
}

.prcb1_tbl {
  grid-template-rows: auto;
  grid-template-columns: 34% 13.2% 13.2% 13.2% 13.2% 13.2%;
  min-width: 940px;
  display: grid;
}

.prcb1_tbl-th {
  z-index: 5;
  color: #032d60;
  text-align: center;
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 12px;
  font-size: 1rem;
  position: sticky;
  top: 80px;
}

.prcb1_tbl-th-first {
  text-align: left;
}

.prcb1_tbl-group {
  color: #032d60;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #eaf5fe;
  border-bottom: 1px solid #e5e5e5;
  grid-column: 1 / -1;
  padding: 12px 16px;
  font-size: .8125rem;
  font-weight: 700;
}

.prcb1_tbl-row {
  color: #444;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 12px;
  font-size: .875rem;
  line-height: 1.5;
}

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

.prcb1_tbl-lbl {
  color: #032d60;
  font-weight: 600;
}

.prcb1_tbl-desc {
  color: #6b7280;
  margin-top: 2px;
  font-size: .8125rem;
}

.prcb1_tbl-yes {
  color: #41b658;
  font-size: 1.05rem;
  font-weight: 700;
}

.prcb1_tbl-no {
  color: #c9c9c9;
  font-weight: 700;
}

.prcb1_tbl-qt {
  color: #06a59a;
  font-size: .8125rem;
  font-weight: 600;
}

.prcb1_tbl-note {
  color: #6b7280;
  margin-top: 16px;
  font-size: .875rem;
  line-height: 1.6;
}

.prcb1_faq-sec {
  background-color: #fafafa;
  padding-top: 88px;
  padding-bottom: 88px;
}

.prcb1_faq-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  display: grid;
}

.prcb1_faq-item {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  padding: 24px;
}

.prcb1_faq-q {
  color: #032d60;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.3;
}

.prcb1_faq-a {
  color: #444;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.prcb1_cta-sec {
  text-align: center;
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding-top: 88px;
  padding-bottom: 88px;
}

.prcb1_cta-btns {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
  display: flex;
}

.prcb1_calc-sec {
  background-color: #fff;
  padding-top: 88px;
  padding-bottom: 88px;
}

.prcb1_calc-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.prcb1_calc-p {
  color: #444;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.prcb1_calc-note {
  color: #6b7280;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.prcb1_calc-slot {
  display: block;
}

._w-input {
  color: #032d60;
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 1.125rem;
  padding: .625rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

._w-input-parent {
  appearance: none;
  background-color: #e5eaf0;
  border-radius: 6px;
  outline-style: none;
  width: 100%;
  height: 6px;
  margin: 0;
}

._w-input-parent._w-input {
  color: #032d60;
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 1.125rem;
  padding: .625rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.prcb1_pkgrow2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
  display: flex;
}

.prcb1_pkgchip {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #032d60;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 9999px;
  align-items: center;
  padding: 8px 16px 8px 12px;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.3;
  display: inline-flex;
}

.prcb1_pkgchip-flow {
  background-color: #9050e91a;
  border-color: #9050e973;
}

.prcb1_pkgchip-dyn {
  background-color: #0176d31a;
  border-color: #0176d373;
}

.prcb1_pkgchip-lwc {
  background-color: #5867e81a;
  border-color: #5867e873;
}

.prcb1_pkgico {
  flex: none;
  align-items: center;
  display: flex;
}

.prcb1_pkgico-flow {
  color: #9050e9;
}

.prcb1_pkgico-dyn {
  color: #0176d3;
}

.prcb1_pkgico-lwc {
  color: #5867e8;
}

._w-select-parent._w-select {
  color: #032d60;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 1.125rem;
  padding: .625rem .875rem;
  font-family: Salesforcesans, sans-serif;
  font-size: .9375rem;
}

.uxd2_cta {
  background-color: #002775;
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.uxd2_cta-wrap {
  text-align: center;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}

.uxd2_cta-h {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #fff;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.2;
}

.uxd2_cta-p {
  color: #d3e3fd;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.uxd2_cta-btns {
  grid-column-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.uxd2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
  overflow: hidden;
}

.uxd2_hero-wrap {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.uxd2_hero-eyebrow {
  color: #7ab8ff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: .875rem;
  font-weight: 600;
}

.uxd2_hero-sub {
  color: #d3e3fd;
  max-width: 44rem;
  margin-bottom: 2rem;
  font-size: 1.25rem;
  line-height: 1.6;
}

.uxd2_hero-btns {
  grid-column-gap: 1rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  display: flex;
}

.uxd2_ab-sec {
  background-color: #fff;
  padding: 5rem 2rem;
}

.uxd2_ab-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  display: flex;
}

.uxd2_ab-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex: 300px;
  padding: 1.25rem;
}

.uxd2_ab-vis {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 150px;
  margin-bottom: 1.25rem;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.uxd2_ab-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 400;
}

.uxd2_ab-p {
  color: #54698d;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.uxd2_kb {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.uxd2_kb-col {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  flex-direction: column;
  flex: 1;
  padding: 5px;
  display: flex;
}

.uxd2_kb-h {
  color: #54698d;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 700;
}

.uxd2_kb-card {
  background-color: #eaf5fe;
  border-radius: 4px;
  height: 18px;
}

.uxd2_kb-card-alt {
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 4px;
  height: 18px;
}

.uxd2_kb-card-drag {
  background-color: #fff;
  border: 1px solid #0176d3;
  border-radius: 4px;
  height: 18px;
  transform: rotate(-2deg);
  box-shadow: 0 3px 8px #032d602e;
}

.uxd2_dt {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  width: 100%;
  overflow: hidden;
}

.uxd2_dt-h {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f4f6f9;
  padding: 5px 8px;
  display: flex;
}

.uxd2_dt-r {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid #f0f0f0;
  padding: 6px 8px;
  display: flex;
}

.uxd2_dt-c {
  color: #54698d;
  flex: 1;
  font-size: 8px;
  line-height: 1.2;
}

.uxd2_dt-c-h {
  color: #032d60;
  letter-spacing: .05em;
  text-transform: uppercase;
  flex: 1;
  font-size: 8px;
  font-weight: 700;
  line-height: 1.2;
}

.uxd2_badge {
  color: #fff;
  background-color: #2e844a;
  border-radius: 999px;
  padding: 1px 6px;
  font-size: 7px;
  font-weight: 700;
  display: inline-block;
}

.uxd2_br {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  width: 100%;
  overflow: hidden;
}

.uxd2_br-bar {
  background-color: #032d60;
  height: 22px;
}

.uxd2_br-body {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  padding: 8px;
  display: flex;
}

.uxd2_br-line {
  background-color: #eef1f6;
  border-radius: 3px;
  height: 6px;
}

.uxd2_br-line-s {
  background-color: #eef1f6;
  border-radius: 3px;
  width: 55%;
  height: 6px;
}

.uxd2_br-sw {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-top: 2px;
  display: flex;
}

.uxd2_br-dot {
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.uxd2_br-d1 {
  background-color: #032d60;
}

.uxd2_br-d2 {
  background-color: #0176d3;
}

.uxd2_br-d3 {
  background-color: #aacbff;
}

.uxd2_br-d4 {
  background-color: #fe9339;
}

.uxd2_srf-sec {
  background-color: #fafafa;
  padding: 5rem 2rem;
}

.uxd2_ba-sec {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.uxd2_ba-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 2.5rem;
  display: flex;
}

.uxd2_ba-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex: 320px;
  padding: 1.5rem;
}

.uxd2_ba-card-new {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  flex: 320px;
  padding: 1.5rem;
}

.uxd2_ba-label {
  color: #747474;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-size: .75rem;
  font-weight: 700;
}

.uxd2_ba-label-new {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-size: .75rem;
  font-weight: 700;
}

.uxd2_ba-p {
  color: #54698d;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.uxd2_ba-arrow {
  color: #0176d3;
  flex: none;
  align-self: center;
  font-size: 1.375rem;
  font-weight: 600;
}

.uxd2_ck-sec {
  background-color: #fff;
  padding: 5rem 2rem;
}

.uxd2_ck-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  display: flex;
}

.uxd2_ck-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex: 260px;
  padding: 1.25rem;
}

.uxd2_ck-top {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  margin-bottom: .625rem;
  display: flex;
}

.uxd2_ck-check {
  color: #fff;
  background-color: #2e844a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.uxd2_ck-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  font-size: 1rem;
}

.uxd2_ck-p {
  color: #54698d;
  margin: 0;
  font-size: .875rem;
  line-height: 1.6;
}

.uxd2_q-sec {
  background-color: #fafafa;
  padding: 4.5rem 2rem;
}

.uxd2_q-inner {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.uxd2_q-mark {
  color: #aacbff;
  margin-bottom: 1rem;
  font-size: 3.5rem;
  line-height: .5;
}

.uxd2_q-quote {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: 1.625rem;
  line-height: 1.35;
}

.uxd2_q-who {
  color: #747474;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .8125rem;
}

.uxd2_fq-sec {
  background-color: #fff;
  padding: 5rem 2rem;
}

.uxd2_fq-list {
  max-width: 820px;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}

.uxd2_fq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.25rem 1.5rem;
}

.uxd2_fq-q {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 400;
}

.ban2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
  overflow: hidden;
}

.ban2_hero-wrap {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.ban2_hero-eyebrow {
  color: #7ab8ff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: .875rem;
  font-weight: 600;
}

.ban2_hero-sub {
  color: #d3e3fd;
  max-width: 44rem;
  margin-bottom: 2rem;
  font-size: 1.25rem;
  line-height: 1.6;
}

.ban2_hero-btns {
  grid-column-gap: 1rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  display: flex;
}

.ban2_ab-sec {
  background-color: #fff;
  padding: 5rem 2rem;
}

.ban2_ab-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  display: flex;
}

.ban2_ab-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex: 300px;
  padding: 1.25rem;
}

.ban2_ab-vis {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 150px;
  margin-bottom: 1.25rem;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.ban2_ab-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 400;
}

.ban2_ab-p {
  color: #54698d;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.ban2_fm {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  padding: 9px;
  display: flex;
}

.ban2_fm-lbl {
  background-color: #d8dde6;
  border-radius: 3px;
  width: 38%;
  height: 5px;
}

.ban2_fm-in {
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 4px;
  height: 20px;
}

.ban2_fm-in-on {
  background-color: #fff;
  border: 1px solid #0176d3;
  border-radius: 4px;
  height: 20px;
}

.ban2_st {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  width: 100%;
  display: flex;
}

.ban2_st-dot {
  background-color: #0176d3;
  border-radius: 50%;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.ban2_st-dot-off {
  background-color: #fff;
  border: 2px solid #d8dde6;
  border-radius: 50%;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.ban2_st-bar {
  background-color: #b8dcf7;
  flex: 1;
  height: 2px;
}

.ban2_mt {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  display: flex;
}

.ban2_mt-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  flex: 1;
  padding: 8px;
}

.ban2_mt-num {
  color: #032d60;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
}

.ban2_mt-lbl {
  color: #747474;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 7px;
}

.ban2_mt-up {
  color: #2e844a;
  margin-top: 3px;
  font-size: 8px;
  font-weight: 700;
}

.ban2_sw-sec {
  background-color: #fafafa;
  padding: 5rem 2rem;
}

.ban2_ba-sec {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.ban2_ba-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 2.5rem;
  display: flex;
}

.ban2_ba-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex: 320px;
  padding: 1.5rem;
}

.ban2_ba-card-new {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  flex: 320px;
  padding: 1.5rem;
}

.ban2_ba-label {
  color: #747474;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-size: .75rem;
  font-weight: 700;
}

.ban2_ba-label-new {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-size: .75rem;
  font-weight: 700;
}

.ban2_ba-p {
  color: #54698d;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.ban2_ba-arrow {
  color: #0176d3;
  flex: none;
  align-self: center;
  font-size: 1.375rem;
  font-weight: 600;
}

.ban2_ck-sec {
  background-color: #fff;
  padding: 5rem 2rem;
}

.ban2_ck-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  display: flex;
}

.ban2_ck-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex: 260px;
  padding: 1.25rem;
}

.ban2_ck-top {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  margin-bottom: .625rem;
  display: flex;
}

.ban2_ck-check {
  color: #fff;
  background-color: #2e844a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.ban2_ck-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  font-size: 1rem;
}

.ban2_ck-p {
  color: #54698d;
  margin: 0;
  font-size: .875rem;
  line-height: 1.6;
}

.ban2_q-sec {
  background-color: #fafafa;
  padding: 4.5rem 2rem;
}

.ban2_q-inner {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.ban2_q-mark {
  color: #aacbff;
  margin-bottom: 1rem;
  font-size: 3.5rem;
  line-height: .5;
}

.ban2_q-quote {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: 1.625rem;
  line-height: 1.35;
}

.ban2_q-who {
  color: #747474;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .8125rem;
}

.ban2_fq-sec {
  background-color: #fff;
  padding: 5rem 2rem;
}

.ban2_fq-list {
  max-width: 820px;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}

.ban2_fq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.25rem 1.5rem;
}

.ban2_fq-q {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 400;
}

.ban2_fq-a {
  color: #444;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.7;
}

.ban2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5rem 2rem;
}

.ban2_cta-wrap {
  text-align: center;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}

.ban2_cta-h {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #fff;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.ban2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.seng2_hero {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 6rem 2rem;
  overflow: hidden;
}

.seng2_hero-wrap {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.seng2_hero-eyebrow {
  color: #7ab8ff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: .875rem;
  font-weight: 600;
}

.seng2_hero-sub {
  color: #d3e3fd;
  max-width: 44rem;
  margin-bottom: 2rem;
  font-size: 1.25rem;
  line-height: 1.6;
}

.seng2_hero-btns {
  grid-column-gap: 1rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  display: flex;
}

.seng2_ab-sec {
  background-color: #fff;
  padding: 5rem 2rem;
}

.seng2_ab-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  display: flex;
}

.seng2_ab-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  flex: 300px;
  padding: 1.25rem;
}

.seng2_ab-vis {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 150px;
  margin-bottom: 1.25rem;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.seng2_ab-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 400;
}

.seng2_ab-p {
  color: #54698d;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.seng2_mt {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  display: flex;
}

.seng2_mt-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  flex: 1;
  padding: 8px;
}

.seng2_mt-num {
  color: #032d60;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.seng2_mt-lbl {
  color: #747474;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 7px;
}

.seng2_mt-up {
  color: #2e844a;
  margin-top: 3px;
  font-size: 8px;
  font-weight: 700;
}

.seng2_ring {
  background-image: conic-gradient(#0176d3 0% 72%, #eef1f6 72% 100%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 74px;
  display: flex;
}

.seng2_ring-in {
  color: #032d60;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.seng2_bd {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.seng2_bd-row {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  align-items: center;
  display: flex;
}

.seng2_bd-lbl {
  color: #747474;
  flex-shrink: 0;
  width: 40px;
  font-size: 8px;
}

.seng2_bd-track {
  background-color: #eef1f6;
  border-radius: 5px;
  flex: 1;
  height: 9px;
  overflow: hidden;
}

.seng2_bd-fill {
  background-color: #0176d3;
  border-radius: 5px;
  height: 9px;
}

.seng2_w75 {
  width: 75%;
}

.seng2_w52 {
  width: 52%;
}

.seng2_w88 {
  width: 88%;
}

.seng2_sw-sec {
  background-color: #fafafa;
  padding: 5rem 2rem;
}

.seng2_ba-sec {
  background-color: #eaf5fe;
  padding: 5rem 2rem;
}

.seng2_ba-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 2.5rem;
  display: flex;
}

.seng2_ba-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex: 320px;
  padding: 1.5rem;
}

.seng2_ba-card-new {
  background-color: #fff;
  border: 1px solid #b8dcf7;
  border-radius: 12px;
  flex: 320px;
  padding: 1.5rem;
}

.seng2_ba-label {
  color: #747474;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-size: .75rem;
  font-weight: 700;
}

.seng2_ba-label-new {
  color: #0176d3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-size: .75rem;
  font-weight: 700;
}

.seng2_ba-p {
  color: #54698d;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.seng2_ba-arrow {
  color: #0176d3;
  flex: none;
  align-self: center;
  font-size: 1.375rem;
  font-weight: 600;
}

.seng2_ck-sec {
  background-color: #fff;
  padding: 5rem 2rem;
}

.seng2_ck-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  display: flex;
}

.seng2_ck-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex: 260px;
  padding: 1.25rem;
}

.seng2_ck-top {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  margin-bottom: .625rem;
  display: flex;
}

.seng2_ck-check {
  color: #fff;
  background-color: #2e844a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.seng2_ck-t {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  font-size: 1rem;
}

.seng2_ck-p {
  color: #54698d;
  margin: 0;
  font-size: .875rem;
  line-height: 1.6;
}

.seng2_q-sec {
  background-color: #fafafa;
  padding: 4.5rem 2rem;
}

.seng2_q-inner {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.seng2_q-mark {
  color: #aacbff;
  margin-bottom: 1rem;
  font-size: 3.5rem;
  line-height: .5;
}

.seng2_q-quote {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: 1.625rem;
  line-height: 1.35;
}

.seng2_q-who {
  color: #747474;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .8125rem;
}

.seng2_fq-sec {
  background-color: #fff;
  padding: 5rem 2rem;
}

.seng2_fq-list {
  max-width: 820px;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}

.seng2_fq-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1.25rem 1.5rem;
}

.seng2_fq-q {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #032d60;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 400;
}

.seng2_fq-a {
  color: #444;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.7;
}

.seng2_cta {
  background-image: linear-gradient(135deg, #0f1a2e 0%, #032d60 60%, #0b5cab 100%);
  padding: 5rem 2rem;
}

.seng2_cta-wrap {
  text-align: center;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}

.seng2_cta-h {
  font-family: var(--_avonni-design-system---font--heading-stack);
  color: #fff;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.seng2_cta-btns {
  grid-column-gap: 1rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.prcb1_proof2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  padding-top: 28px;
  display: flex;
}

.prcb1_badge {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #c9d8ec;
  background-color: #ffffff12;
  border: 1px solid #ffffff29;
  border-radius: 9999px;
  align-items: center;
  padding: 8px 16px;
  font-size: .8125rem;
  line-height: 1.3;
  display: inline-flex;
}

.prcb1_badge-strong {
  color: #fff;
  font-weight: 600;
}

.prcb1_stars {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #fe9339;
  flex: none;
  display: flex;
}

.prcb1_badge-ico {
  flex: none;
  align-items: center;
  display: flex;
}

.prcb1_badge-ico-green {
  color: #41b658;
}

.prcb1_badge-ico-sky {
  color: #aacbff;
}

.uxd2_fq-a {
  color: #444;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.7;
}

@media screen and (min-width: 1920px) {
  .button.is-secondary.white {
    background-color: var(--white);
  }

  .navbar3_link.submenu {
    font-family: Salesforcesans, sans-serif;
    font-size: 16px;
  }

  .navbar3_link.submenu.w--current {
    font-family: Salesforcesans, sans-serif;
  }

  .layout6_item-list.comparison {
    margin-top: 4rem;
  }

  .contactsalesstarter {
    display: none;
  }

  .textprivacy-2 {
    margin-top: 10px;
    font-size: 10px;
  }

  .linkprivacy {
    font-size: 10px;
  }

  .text-block-47 {
    margin-left: auto;
    margin-right: 5px;
  }

  .tab01_title_wrap_job {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }

  .jobtextlocation {
    text-align: center;
    align-self: flex-start;
    max-width: 800px;
  }

  .button_info_inverse {
    color: #0070d5;
    background-color: #fff;
    border: 1px solid #0070d5;
  }

  .button_info_inverse:hover {
    color: #fff;
    font-weight: 400;
  }

  .breadcrumbs_back {
    margin-top: auto;
  }

  .tab01-2 {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    position: static;
    top: 20px;
  }

  .blog-section {
    background-color: #fff;
  }

  .column-4 {
    padding-left: 20px;
  }

  .button-13.button-outline-brand {
    padding-top: 13px;
    padding-bottom: 12px;
  }

  .text-block-51 {
    font-size: 16px;
    line-height: 30px;
  }

  .columns-4 {
    flex: 0 auto;
  }

  .careerheadercontainer-copy {
    padding-top: 50px;
  }

  .lwc_paragraph {
    color: #000;
    max-width: none;
    font-family: Salesforcesans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
  }

  .headingperks {
    margin-top: auto;
  }

  .column-39 {
    padding-left: 20px;
  }

  .button-14.button-outline-brand {
    padding-top: 13px;
    padding-bottom: 12px;
  }

  .text-block-132 {
    font-size: 16px;
    line-height: 30px;
  }

  .contactpremieresuccessplan, .contactsignatureplan {
    display: none;
  }

  .imageallcomponents {
    width: 300px;
    box-shadow: none;
  }

  .layout193_4y {
    grid-column-gap: 2rem;
    grid-template-columns: .25fr 1fr .25fr;
  }

  .section {
    grid-column-gap: 2rem;
  }

  .newgetstartedboxcolumnsmenubar {
    display: none;
  }

  .submenuitems {
    flex-flow: row;
    justify-content: flex-end;
    width: auto;
  }

  .comparison2_row-content.bottom {
    text-align: center;
    flex-flow: column;
    align-items: flex-start;
  }

  .comparison2_top-row-title.header, .comparison2_top-row-content.header {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .comparison2_top-row.header {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-auto-flow: row;
  }

  .stats8_number {
    color: var(--bluevariant20);
  }

  .pricing11_feature-list {
    margin-top: 2rem;
  }

  .heading-style-h1-2 {
    color: var(--bluevariant20);
  }

  .padding-global-17 {
    background-color: #a02d2d00;
    background-image: radial-gradient(circle at 50% 200%, #2306c2, #fff 75%);
  }

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

  .max-width-large-7-copy {
    text-align: left;
    flex: 0 auto;
    justify-content: flex-end;
    display: flex;
  }

  .text-block-156 {
    font-family: Salesforcesans, sans-serif;
  }

  .text-block-154-copy {
    margin-left: 0;
  }

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

  .comparison2_top-row-title-header {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .div-block-413 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .div-block-414 {
    background-color: var(--bluevribant95);
    color: var(--bluevariant20);
    font-weight: 700;
  }

  .heading-style-h1-comparison {
    color: var(--bluevariant20);
  }

  .div-block-428-copy {
    margin-top: 0;
  }

  .installdynamic, .installflow {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .componentspage {
    background-color: #a02d2d00;
    background-image: none;
  }

  .installappexchange, .installappexchange-dynamic {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .dropdown-chevron {
    inset: auto 0% auto auto;
  }

  .menu-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar_menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    align-items: flex-start;
    height: 100dvh;
    margin-left: 0;
    padding: 1rem 5% 6.5rem;
    transition: height .5s;
    position: absolute;
    overflow: auto;
  }

  .menu-icon_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_menu-button.w--open {
    background-color: #0000;
  }

  .navbar_dropdown-content-left {
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_menu-right {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    display: none;
  }

  .navbar_link {
    width: auto;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar3_container {
    grid-auto-columns: 1fr;
    display: grid;
  }

  .navbar3_tablet-menu-button {
    width: 100%;
    margin-top: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
  }

  .navbar3_menu-button {
    margin-left: -.5rem;
    padding: 0;
  }

  .navbar3_menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon3_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar3_logo-link-menu {
    float: none;
    margin-top: 2.5rem;
    margin-bottom: 2rem;
    display: flex;
    position: static;
  }

  .navbar3_menu-dropdown {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    display: block;
    position: relative;
  }

  .navbar3_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar3_dropdown-list.w--open {
    border-style: none;
    padding: 0;
    position: static;
  }

  .navbar3_link {
    padding: .75rem 0;
    font-size: 1.125rem;
    position: static;
  }

  .menu-icon3_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar3_menu-background {
    z-index: 0;
    background-color: #00000080;
    width: 100vw;
    height: 100vh;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .menu-icon3_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar3_dropdown-link {
    padding: .75rem 0 .75rem 5%;
  }

  .navbar3_menu {
    z-index: 1;
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-right: 1px solid #000;
    flex-direction: column;
    justify-content: center;
    width: 80vw;
    height: 100dvh;
    margin-left: 0;
    padding-bottom: 6.5rem;
    padding-left: 5vw;
    padding-right: 5vw;
    transition: height .5s;
    display: block;
    position: absolute;
    inset: 0% auto 0% 0%;
    overflow: auto;
  }

  .menu-icon3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar3_dropdown-toggle {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 2rem .75rem 0;
    position: relative;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .footer5_bottom-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer5_top-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer5_social-icons {
    margin-bottom: 2rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-medium {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-medium-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-small, .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .layout402_tab-wrapper {
    grid-column-gap: 3rem;
  }

  .layout6_component, .layout194_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .layout28_component {
    grid-column-gap: 3rem;
  }

  .layout28_lightbox-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .layout401_row {
    grid-template-columns: 1fr 1fr;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .layout400_row {
    grid-template-columns: 1fr 1fr;
  }

  .dropdown-chevron-2 {
    inset: auto 0% auto auto;
  }

  .navbar3_dropdown-list-2 {
    position: static;
    overflow: hidden;
  }

  .navbar3_dropdown-list-2.w--open {
    box-shadow: none;
    border-style: none;
    border-width: 0;
    padding: 0;
    position: static;
  }

  .navbar12_menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    padding: 1rem 5% 2rem;
    position: absolute;
    overflow: auto;
  }

  .navbar12_menu.is-page-height-tablet {
    height: 100dvh;
    padding-bottom: 6.5rem;
    transition: height .5s;
  }

  .menu-icon1_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar12_menu-dropdown {
    width: 100%;
    font-size: 1.125rem;
  }

  .dropdown-chevron-3 {
    inset: auto 0% auto auto;
  }

  .navbar12_menu-buttons {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    margin-left: 0;
  }

  .navbar12_dropdown-link-list {
    grid-column-gap: 0px;
  }

  .navbar12_dropdown-content {
    align-content: start;
    place-items: end stretch;
    padding: 1rem 0;
  }

  .menu-icon1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar12_link {
    width: auto;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .menu-icon1_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar12_dropdown-toggle {
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    display: flex;
  }

  .navbar12_menu-button.w--open {
    background-color: #0000;
  }

  .navbar12_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar12_dropdown-list.w--open {
    border-style: none;
    width: auto;
    padding: 0;
  }

  .menu-icon1_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar4_dropdown-toggle {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 2rem .75rem 0;
    position: relative;
  }

  .navbar12-3_dropdown-content {
    align-content: start;
    align-items: start;
    padding: 1rem 0;
  }

  .navbar5_dropdown-toggle {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 2rem .75rem 0;
    position: relative;
  }

  .navbar12-5_dropdown-content {
    align-content: start;
    align-items: start;
    padding: 1rem 0;
  }

  .pricing20_component, .pricing21_component {
    grid-template-columns: 1fr;
  }

  .header28_lightbox-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .layout1_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .layout406_tab-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .layout17_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .layout17_lightbox-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .padding-section-medium-copy {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .layout289_component, .layout298_list {
    grid-template-columns: 1fr 1fr;
  }

  .modal_wrapper {
    width: 90%;
    max-width: none;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .layout_card-content {
    width: 500px;
  }

  .contact30_component {
    grid-column-gap: 3rem;
  }

  .div-block {
    width: 600px;
  }

  .menu-icon1_line-top-2 {
    background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .about4-team_list {
    grid-template-columns: 1fr 1fr;
  }

  .padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .dropdown-chevron-4 {
    inset: auto 0% auto auto;
  }

  .about4-partners_component {
    grid-column-gap: 3rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .heading-medium-4 {
    font-size: 1.75rem;
  }

  .about4-growth_component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .navbar1_menu-dropdown {
    width: 100%;
    font-size: 1.125rem;
  }

  .about4-newsletter_component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .navbar1_menu-button.w--open {
    background-color: #0000;
  }

  .navbar1_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar1_dropdown-list.w--open {
    border-style: none;
    padding: 0;
  }

  .navbar1_menu-buttons {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    margin-left: 0;
  }

  .navbar1_dropdown-toggle {
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    display: flex;
  }

  .menu-icon1_line-bottom-2 {
    background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .about4-newsletter_content {
    margin-right: 0;
  }

  .about4-values_list {
    grid-column-gap: 2rem;
  }

  .navbar1_link {
    width: auto;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .footer1_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .navbar1_dropdown-link {
    width: auto;
    padding: .75rem 0 .75rem 5%;
  }

  .navbar1_menu {
    border-bottom: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
    background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    padding: 1rem 5% 2rem;
    position: absolute;
    overflow: auto;
  }

  .menu-icon1_line-middle-2 {
    background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .dropdown-chevron-5 {
    inset: auto 0% auto auto;
  }

  .contact2-header_component {
    grid-column-gap: 2rem;
  }

  .contact2-locations_component {
    grid-column-gap: 3rem;
  }

  .menu-icon1_line-middle-3 {
    background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .about1-team_list {
    grid-template-columns: 1fr 1fr;
  }

  .dropdown-chevron-6 {
    inset: auto 0% auto auto;
  }

  .legal2-content_accordion-icon {
    display: flex;
  }

  .legal2-content_sidebar-heading-text {
    font-size: 1.125rem;
    font-weight: 400;
  }

  .legal2-content_sidebar {
    width: 100%;
    margin-right: 0;
    position: relative;
    top: 0;
  }

  .legal2-content_component {
    grid-column-gap: 3rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .legal2-content_sidebar-heading {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
    justify-content: space-between;
    align-items: center;
    padding: .75rem 1rem;
    display: flex;
  }

  .menu-icon1_line-middle-4 {
    background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .contactsalesstarter {
    display: none;
  }

  .padding-section-large-cv {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .inline-basic-icons {
    width: 280px;
    height: 40px;
  }

  .basic-icon-spec {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .margin-bottom-cv {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .lwc_paragraph {
    margin-left: 0;
    margin-right: 0;
  }

  .c01_container {
    display: block;
  }

  .c01_block {
    width: 100%;
    padding-right: 15px;
  }

  .policy-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .policy-section.first {
    padding-top: 0;
  }

  .padding-section-medium-faq {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .popup-content-wrapper {
    max-height: 92%;
  }

  .padding-section-medium-heading, .padding-section-medium-copy {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .contactpremieresuccessplan, .contactsignatureplan {
    display: none;
  }

  .blogbarcontainer {
    grid-auto-columns: 1fr;
    display: grid;
  }

  .blogmenuright {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    display: none;
  }

  .blogmenu {
    z-index: 1;
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-right: 1px solid #000;
    flex-direction: column;
    justify-content: center;
    width: 80vw;
    height: 100dvh;
    margin-left: 0;
    padding-bottom: 6.5rem;
    padding-left: 5vw;
    padding-right: 5vw;
    transition: height .5s;
    display: block;
    position: absolute;
    inset: 0% auto 0% 0%;
    overflow: auto;
  }

  .navbar3_container-copy, .barcontainermain {
    grid-auto-columns: 1fr;
    display: grid;
  }

  .card-testimonial {
    align-items: stretch;
  }

  .testimonial-logo-cell {
    justify-content: flex-start;
  }

  .testimonial-logo-bottom {
    grid-template-columns: 1fr;
  }

  .testimonial-image-slider {
    height: auto;
  }

  .padding-section-large-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .layout193_4y {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .navbar3_dropdown-list-2-blog {
    position: static;
    overflow: hidden;
  }

  .navbar3_dropdown-list-2-blog.w--open {
    box-shadow: none;
    border-style: none;
    border-width: 0;
    padding: 0;
    position: static;
  }

  .navbar12_dropdown-content-blog {
    align-content: start;
    place-items: end stretch;
    padding: 1rem 0;
  }

  .dropdown-chevron-blog {
    inset: auto 0% auto auto;
  }

  .pricing121_component {
    grid-template-columns: 1fr;
  }

  .modal_wrapper_new {
    width: 90%;
    max-width: none;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .layout289_component_lp {
    grid-template-columns: 1fr 1fr;
  }

  .pricing20_component_new {
    grid-template-columns: 1fr;
  }

  .comparison12_top-row-title {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 1rem;
  }

  .padding-section-large-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .comparison12_top-row-content, .comparison8_top-row-content {
    padding: 1.5rem 1rem;
  }

  .padding-section-large-5 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .comparison8_top-row-title {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 1rem;
  }

  .flowgrid {
    grid-template-columns: 1fr;
  }

  .cta_grid {
    grid-template-columns: 1fr 1fr;
  }

  .layout508_tabs {
    grid-column-gap: 3rem;
  }

  .padding-section-large-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .layout508_card {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding: 2rem;
  }

  .heading-style-h3-2 {
    font-size: 2.25rem;
  }

  .product_grid {
    grid-template-columns: 1fr 1fr;
  }

  .old_navbar12_dropdown-content {
    align-content: start;
    place-items: end stretch;
    padding: 1rem 0;
  }

  .modal_wrapper_custom {
    width: 90%;
    max-width: none;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .home-hero-arcade-component {
    grid-column-gap: 3rem;
  }

  .submenuitems {
    z-index: 1;
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-right: 1px solid #000;
    flex-direction: column;
    justify-content: center;
    width: 80vw;
    height: 100dvh;
    margin-left: 0;
    padding-bottom: 6.5rem;
    padding-left: 5vw;
    padding-right: 5vw;
    transition: height .5s;
    display: block;
    position: absolute;
    inset: 0% auto 0% 0%;
    overflow: auto;
  }

  .comparison2_top-row-title {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 1rem;
  }

  .padding-section-large-7 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .comparison2_top-row-content {
    padding: 1.5rem 1rem;
  }

  .stats8_list {
    grid-column-gap: 2rem;
  }

  .stats8_number {
    font-size: 4rem;
  }

  .heading-style-h3-3 {
    font-size: 2.25rem;
  }

  .layout6_content-2 {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .heading-style-h3-4 {
    font-size: 2.25rem;
  }

  .padding-section-large-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .portfolio5_list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .padding-section-large-9 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h1-2 {
    font-size: 3.25rem;
  }

  .padding-section-large-10 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .comparison2_top-row-title-header {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 1rem;
  }

  .heading-style-h1-comparison {
    font-size: 3.25rem;
  }

  .modalwrapperpricing {
    width: 90%;
    max-width: none;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .timeline9_item {
    grid-template-columns: 1fr 10rem 1fr;
  }

  .padding-section-large-11 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .timeline9_row {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .heading-style-h3-5 {
    font-size: 2.25rem;
  }

  .grid-11 {
    flex-flow: column;
    display: flex;
  }

  .pricing20_component_new_2, .dyn2_hero-grid, .dyn2_split-grid, .dyn2_pick-grid {
    grid-template-columns: 1fr;
  }

  .flow2_builder-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .flow2_inter-grid, .flow2_lineup-grid {
    grid-template-columns: 1fr;
  }

  .prc2_stats {
    grid-column-gap: 2rem;
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
  }

  .prc2_plans, .prc2_prods {
    grid-template-columns: 1fr 1fr;
  }

  .prc2_lic {
    grid-template-columns: 1fr;
  }

  .v2_container.sdev2_hero-grid, .v2_container.sadm2_hero-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .v2_container.sprt2_hero-grid, .v2_container.sviz2_hero-grid {
    grid-template-columns: 1fr;
  }

  .v2_container.data2_hero-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .v2_container.idea2_hero-flex {
    grid-row-gap: 2.5rem;
    text-align: center;
    flex-direction: column;
  }

  .v2_container.bpart2_hero-grid, .home2_surface-grid, .home2_uc-grid, .home2_t-grid, .home2_ai-grid {
    grid-template-columns: 1fr;
  }

  .mcp2_hero {
    padding: 4.5rem 1.5rem 4rem;
  }

  .mcp2_cov-grid {
    grid-template-columns: 1fr 1fr;
  }

  .abt2_hero {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }

  .abt2_stat-strip {
    gap: 2rem;
  }

  .abt2_story-grid, .abt2_bento, .abt2_ai-grid {
    grid-template-columns: 1fr;
  }

  .sdev2_hero {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sdev2_stat-strip {
    gap: 2rem;
  }

  .sdev2_sec-white, .sdev2_sec-gray {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sdev2_build-grid, .sdev2_map-grid {
    grid-template-columns: 1fr;
  }

  .sdev2_code2-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .sdev2_sec-accent {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sdev2_vs-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .sdev2_cta, .sadm2_hero {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sadm2_stat-strip {
    gap: 2rem;
  }

  .sadm2_sec-white, .sadm2_sec-gray, .sadm2_sec-accent {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sadm2_build-grid, .sadm2_map-grid, .sadm2_bento, .sadm2_surf-grid {
    grid-template-columns: 1fr;
  }

  .sadm2_cta, .sai2_hero {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sai2_stat-strip {
    gap: 2rem;
  }

  .sai2_sec-white, .sai2_sec-gray, .sai2_sec-accent {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sai2_fronts-grid, .sai2_map-grid, .sai2_compat-grid {
    grid-template-columns: 1fr;
  }

  .sai2_cta, .sprt2_hero {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sprt2_stat-strip {
    grid-column-gap: 2rem;
  }

  .sprt2_sec-white, .sprt2_sec-gray, .sprt2_sec-accent {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sprt2_build-grid, .sprt2_map-grid, .sprt2_bento {
    grid-template-columns: 1fr;
  }

  .sprt2_surf-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sprt2_cta, .sviz2_hero {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sviz2_stat-strip {
    grid-column-gap: 2rem;
  }

  .sviz2_sec-white, .sviz2_sec-gray, .sviz2_sec-accent {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sviz2_build-grid {
    grid-template-columns: 1fr;
  }

  .sviz2_map-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sviz2_cross {
    grid-template-columns: 1fr;
  }

  .sviz2_surf-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .sviz2_cta {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sptl2_hero {
    padding: 4rem 2rem;
  }

  .sptl2_hero-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .sptl2_sec-white {
    padding: 3.5rem 2rem;
  }

  .sptl2_build-grid {
    grid-template-columns: 1fr;
  }

  .sptl2_sec-gray {
    padding: 3.5rem 2rem;
  }

  .sptl2_map-grid, .sptl2_bento {
    grid-template-columns: 1fr;
  }

  .sptl2_sec-accent {
    padding: 3.5rem 2rem;
  }

  .sptl2_proof-grid {
    grid-template-columns: 1fr;
  }

  .sptl2_cta, .sent2_hero {
    padding: 4rem 2rem;
  }

  .sent2_hero-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .sent2_sec-white {
    padding: 3.5rem 2rem;
  }

  .sent2_build-grid, .sent2_map-grid, .sent2_pill-cloud {
    grid-template-columns: 1fr;
  }

  .sent2_sec-accent {
    padding: 3.5rem 2rem;
  }

  .sent2_vs-grid {
    grid-template-columns: 1fr;
  }

  .sent2_cta {
    padding: 4rem 2rem;
  }

  .sent2_sec-gray {
    padding: 3.5rem 2rem;
  }

  .xpc2_hero {
    padding: 4rem 2rem;
  }

  .xpc2_section-white, .xpc2_section-grey {
    padding: 3.5rem 2rem;
  }

  .xpc2_split {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .xpc2_bento {
    grid-template-columns: 1fr;
  }

  .xpc2_section-accent {
    padding: 3.5rem 2rem;
  }

  .xpc2_lineup {
    grid-template-columns: 1fr;
  }

  .xpc2_cta, .app2_hero {
    padding: 4rem 2rem;
  }

  .app2_section-white, .app2_section-grey {
    padding: 3.5rem 2rem;
  }

  .app2_split {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .app2_section-accent {
    padding: 3.5rem 2rem;
  }

  .app2_lineup {
    grid-template-columns: 1fr;
  }

  .app2_cta {
    padding: 4rem 2rem;
  }

  .chub_hero-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .chub_feat-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .chub_surf-grid, .chub_uc-grid {
    grid-template-columns: 1fr;
  }

  .chub_accent-inner {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .lwcvs2_hero {
    padding: 4rem 2rem;
  }

  .lwcvs2_hero-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .lwcvs2_bento {
    grid-template-columns: 1fr;
  }

  .lwcvs2_bento-card.lwcvs2_bento-hero {
    grid-row: auto;
  }

  .lwcvs2_steps {
    grid-template-columns: 1fr;
  }

  .lwcvs2_q-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .lwcvs2_vs {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .lwcvs2_uc-grid, .lwcvs2_lineup {
    grid-template-columns: 1fr;
  }

  .lwcvs2_cta {
    padding: 4rem 2rem;
  }

  .v5nav_panel {
    min-width: 0;
    box-shadow: none;
    border-top-width: 0;
    border-radius: 0;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1rem .5rem;
  }

  .v5nav_panel.v5nav_panel-product, .v5nav_panel.v5nav_panel-solutions, .v5nav_panel.v5nav_panel-community, .v5nav_col-main {
    min-width: 0;
  }

  .v5nav_item-desc {
    min-height: 0;
  }

  .v5nav_highlight {
    flex-basis: auto;
    width: 100%;
  }

  .v5nav_group {
    min-width: 0;
  }

  .int2_hero {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .int2_hero-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .int2_steps, .int2_pkg-grid, .int2_uc-grid {
    grid-template-columns: 1fr;
  }

  .brand2_hero {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .brand2_hero-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .brand2_steps, .brand2_pkg-grid, .brand2_uc-grid {
    grid-template-columns: 1fr;
  }

  .data2_hero {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .data2_steps, .data2_pkg-grid, .data2_uc-grid, .lwcp2_cat-grid {
    grid-template-columns: 1fr;
  }

  .lwcp2_cat-card.lwcp2_cat-card-stat {
    order: 2;
    grid-area: auto / 1;
  }

  .lwcp2_cat-card.lwcp2_cat-card-core {
    order: 3;
    grid-area: auto / 1;
  }

  .lwcp2_cat-card-dd {
    order: 1;
    grid-area: auto / 1;
  }

  .home2_mq-sec {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .home2_mq-h2 {
    font-size: 2rem;
  }

  .chub_fx-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .flow2_ab-bento {
    grid-template-columns: 1fr;
  }

  .flow2_ab-tile-demo {
    grid-column: span 1;
    grid-template-columns: 1fr;
  }

  .app2_mur {
    grid-template-columns: repeat(2, 1fr);
  }

  .xpc2_ab-bento {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .xpc2_ab-tile.xpc2_ab-tile-hero {
    grid-row: auto;
  }

  .blog2_hero {
    padding: 4.5rem 1.5rem 4rem;
  }

  .ctc2_hero {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }

  .ctc2_form-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .ctc2_card-grid {
    grid-template-columns: 1fr;
  }

  .ctc2_accent-inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .ctc2_res-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sp2_stats {
    gap: 1.5rem;
  }

  .sp2_grid {
    grid-template-columns: 1fr;
  }

  .sp2_mosaic {
    grid-template-columns: 1fr 1fr;
  }

  .sp2_resp-grid {
    grid-template-columns: 1fr;
  }

  .blogp_title {
    font-size: 2.5rem;
  }

  .blogp_relgrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .avc_grid {
    grid-template-columns: 1fr;
  }

  .sec2_grid3 {
    grid-template-columns: 1fr 1fr;
  }

  .sec2_grid2 {
    grid-template-columns: 1fr;
  }

  .sec2_hero-art, .brnd3_accents, .ihx_accents, .dbg_wrap {
    display: none;
  }

  .cust_container-a {
    grid-row-gap: 2rem;
    text-align: center;
    flex-direction: column;
  }

  .idea2_hero-copy {
    text-align: center;
    align-items: center;
  }

  .cust_hart-card {
    display: none;
  }

  .cust_accent-copy {
    text-align: center;
    align-items: center;
  }

  .mcp2_dict-entry {
    font-size: 1.375rem;
  }

  .flow2_spot-rows {
    gap: 4rem;
  }

  .flow2_spot-row {
    flex-direction: column;
    gap: 2rem;
  }

  .flow2_spot-row-rev {
    flex-direction: column;
  }

  .df26_sess-grid, .df26_find-row {
    grid-template-columns: 1fr;
  }

  .uci_grid.pkguc_3col {
    grid-template-columns: 1fr 1fr;
  }

  .hubuc_card {
    grid-template-columns: 1fr;
  }

  .bpart2_hero {
    padding-top: 4.5rem;
    padding-bottom: 4rem;
  }

  .bpart2_split, .bpart2_bento, .bpart2_steps {
    grid-template-columns: 1fr;
  }

  .bpart2_step-arrow {
    display: none;
  }

  .bpart2_tracks {
    grid-template-columns: 1fr;
  }

  .prcb1_hero-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .prcb1_plans {
    grid-template-columns: 1fr 1fr;
  }

  .prcb1_tbl-wrap {
    overflow: auto;
  }

  .prcb1_calc-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media screen and (max-width: 767px) {
  .button.is-navbar3-button {
    padding: .25rem 1rem;
  }

  .navbar_menu {
    padding-bottom: 6rem;
  }

  .navbar_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .navbar_dropdown-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .text-size-small.hide-mobile-landscape, .navbar_menu-right {
    display: none;
  }

  .navbar_component {
    min-height: 4rem;
  }

  .navbar3_container {
    grid-template-columns: auto max-content 1fr;
  }

  .navbar3_menu {
    width: 90vw;
    padding-bottom: 5rem;
  }

  .navbar3_component {
    min-height: 4rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .footer5_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .footer5_credit-text {
    margin-top: 1rem;
  }

  .footer5_legal-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
  }

  .footer5_top-wrapper {
    grid-row-gap: 2.5rem;
  }

  .footer5_top-wrapper.v2ftr_topgrid {
    grid-template-columns: 1fr 1fr;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-medium-2 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .logo3_logo {
    max-height: 3rem;
  }

  .logo3_list {
    grid-column-gap: 1rem;
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    padding-top: 1rem;
  }

  .logo3_wrapper {
    padding: .75rem 1rem;
  }

  .padding-section-small {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .layout402_tabs-menu {
    width: 100vw;
    margin-bottom: 3rem;
    margin-left: -5vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .layout402_tab-wrapper, .layout6_component, .layout194_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .layout28_component {
    grid-column-gap: 0px;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

  .layout401_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .layout401_card-content {
    padding: 1.5rem;
  }

  .layout401_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .heading-style-h5 {
    font-size: .875rem;
  }

  .layout401_card {
    grid-template-columns: 1fr;
  }

  .logo1_logo {
    max-height: 3rem;
  }

  .logo1_component {
    padding-top: 1rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .testimonial10_divider, .testimonial10_arrow.hide-mobile-landscape {
    display: none;
  }

  .testimonial10_client-info {
    margin-bottom: 1rem;
  }

  .testimonial10_slide {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial10_component {
    padding-bottom: 3rem;
  }

  .testimonial10_client-image-wrapper {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .testimonial10_client {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .button-6.is-navbar3-button {
    padding: .25rem 1rem;
  }

  .faq1_question {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .icon-embed-small.hide-mobile-landscape {
    display: none;
  }

  .faq1_icon-wrapper {
    width: 1.75rem;
  }

  .layout400_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .layout400_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .navbar12_menu.is-page-height-tablet {
    padding-bottom: 6rem;
  }

  .navbar12_component {
    min-height: 4rem;
  }

  .navbar12_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .navbar12_dropdown-content, .navbar12-3_dropdown-content, .navbar12-5_dropdown-content {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .pricing20_component {
    grid-template-columns: 1fr;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .pricing20_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .heading-style-h6 {
    font-size: .75rem;
  }

  .pricing21_component {
    grid-template-columns: 1fr;
  }

  .layout1_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .layout406_tabs-menu {
    flex-wrap: wrap;
    margin-bottom: 3rem;
  }

  .heading-style-h6-2 {
    font-size: .75rem;
  }

  .bottom-footer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .layout17_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .padding-global-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-medium-copy {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .layout289_component, .layout298_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .modal_wrapper {
    width: 100%;
    height: 100vh;
    max-height: none;
    padding-bottom: 7rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .modal_component {
    align-items: flex-start;
  }

  .show-mobile-landscape {
    display: block;
  }

  .layout_card-content {
    padding: 1.5rem;
  }

  .layout_card {
    grid-template-columns: 1fr;
  }

  .contact30_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .div-block {
    width: 100%;
  }

  .text-size-medium-4 {
    font-size: 1rem;
  }

  .footer1_credit-text {
    margin-top: 1.5rem;
  }

  .about4-team_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .about4-team_image-wrapper {
    height: 100%;
  }

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .navbar1_component {
    height: auto;
    min-height: 4rem;
  }

  .about4-partners_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-medium-4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .about4-partners_wrapper {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-size-large-2 {
    font-size: 1.125rem;
  }

  .footer1_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .about4-growth_component {
    grid-template-columns: 1fr;
  }

  .about4-newsletter_component {
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer1_legal-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
  }

  .footer1_menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .about4-partners_logo {
    max-height: 3rem;
  }

  .navbar1_logo-link {
    padding-left: 0;
  }

  .about4-newsletter_content {
    margin-right: 0;
  }

  .about4-values_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .footer1_top-wrapper {
    grid-row-gap: 3rem;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .text-size-medium-5 {
    font-size: 1rem;
  }

  .heading-style-h5-2 {
    font-size: 1.25rem;
  }

  .contact2-header_component, .contact2-locations_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .text-size-medium-6 {
    font-size: 1rem;
  }

  .about1-team_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .text-size-medium-7, .legal2-content_sidebar-heading-text, .text-size-medium-8 {
    font-size: 1rem;
  }

  .navbar12_dropdown-link-list-sales {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .modal_component_fsc {
    align-items: flex-start;
  }

  .contactsalesstarter {
    display: none;
  }

  .modal_pricing {
    align-items: flex-start;
  }

  .buttongetstarted.is-navbar3-button {
    padding: .25rem 1rem;
  }

  .heading-20-cv {
    font-size: 30px;
  }

  .padding-section-large-cv {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .text-size-medium-cv {
    font-size: .9rem;
  }

  .padding-global-cta-cv {
    width: 500px;
  }

  .section-regular-blog {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .inline-basic-icons {
    width: 240px;
  }

  .basic-icon-spec {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
  }

  .margin-bottom-cv {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-align-center_cta-cv {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-image {
    height: 220px;
  }

  .heading-style-blog {
    font-size: 1rem;
  }

  .c01_container {
    flex-direction: column;
  }

  .padding-section-medium-faq {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .popup-video {
    margin-top: -12em;
  }

  .popup-content {
    margin: 3em 2em;
  }

  .padding-global-lp, .padding-global-heading {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-medium-heading, .padding-section-medium-copy {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .contactpremieresuccessplan, .contactsignatureplan {
    display: none;
  }

  .blogbarmenu {
    min-height: 4rem;
  }

  .blogbarcontainer {
    grid-template-columns: auto max-content 1fr;
  }

  .blogmenuright {
    display: none;
  }

  .blogmenu {
    width: 90vw;
    padding-bottom: 5rem;
  }

  .navbar3_container-copy, .barcontainermain {
    grid-template-columns: auto max-content 1fr;
  }

  .testimonial-grid {
    grid-template-columns: 3fr;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
  }

  .card-testimonial {
    flex-direction: column;
  }

  .testimonial-image-slider {
    height: 440px;
    margin-left: auto;
    margin-right: auto;
  }

  .padding-section-large-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .layout193_4y {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .navbar12_dropdown-content-blog {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .newgetstartedbox {
    align-items: flex-start;
  }

  .pricing121_component, .empty {
    grid-template-columns: 1fr;
  }

  .newgetstartedboxcolumns, .newgetstartedboxcolumnsmenubar {
    align-items: flex-start;
  }

  .modal_wrapper_new {
    width: 100%;
    height: 100vh;
    max-height: none;
    padding-bottom: 7rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .divannouncementbanner {
    height: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-336 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .text-block-118 {
    text-align: center;
    flex-direction: column;
    align-self: auto;
    display: block;
  }

  .navbar3_component-copy {
    min-height: 4rem;
  }

  .hero-banner, .hero-banner-cv {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .layout289_component_lp {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .pricing20_component_new {
    grid-template-columns: 1fr;
  }

  .layout_card-content_new {
    padding: 1.5rem;
  }

  .layout_card_new {
    grid-template-columns: 1fr;
  }

  .comparison12_top-row {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .comparison12_feature {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-size-medium-9 {
    font-size: 1rem;
  }

  .comparison12_top-row-title {
    display: none;
  }

  .padding-section-large-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h6-3 {
    font-size: 1.125rem;
  }

  .comparison12_row {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .comparison12_row-content, .comparison8_row-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .comparison8_top-row {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .text-size-medium-10 {
    font-size: 1rem;
  }

  .padding-section-large-5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .comparison8_feature {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .comparison8_top-row-title {
    display: none;
  }

  .comparison8_row, .comparison8_row_grey {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .flowgrid {
    grid-template-columns: 1fr;
  }

  .cta_grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .heading-style-h5-cta {
    font-size: .875rem;
  }

  .layout508_tabs {
    grid-template-columns: 1fr;
  }

  .layout508_tab-link {
    border-bottom: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
    border-right-style: none;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .layout508_tab-link.w--current {
    border-bottom-color: #000;
  }

  .layout508_tab-link.tabs-last {
    border-bottom-width: 0;
  }

  .text-size-medium-11 {
    font-size: 1rem;
  }

  .padding-section-large-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .layout508_card {
    grid-template-columns: 1fr;
    padding: 1.5rem;
  }

  .layout508_tabs-menu {
    border-top: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
    flex-flow: column;
  }

  .heading-style-h3-2 {
    font-size: 2rem;
  }

  .product_grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .heading-style-h5-cta-copy, .heading-style-h5-product {
    font-size: .875rem;
  }

  .layout401_card-contentpricing {
    padding: 1.5rem;
  }

  .old_navbar12_dropdown-content {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .modal_wrapper_custom {
    width: 100%;
    height: 100vh;
    max-height: none;
    padding-bottom: 7rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .layout_card_info {
    padding: 1.5rem;
  }

  .layout401_card_info {
    grid-template-columns: 1fr;
  }

  .layout401_card-info {
    padding: 1.5rem;
  }

  .home-hero-arcade-component {
    grid-template-columns: 1fr;
  }

  .hero-banner-home {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .productsubmenu {
    min-height: 4rem;
  }

  .submenuitems {
    width: 90vw;
    padding-bottom: 5rem;
  }

  .comparison2_row-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .comparison2_top-row-title {
    display: none;
  }

  .padding-section-large-7 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .comparison2_feature {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-style-h6-4 {
    font-size: 1.125rem;
  }

  .comparison2_row, .comparison2_top-row {
    grid-template-columns: 1fr 1fr;
  }

  .heading-style-h6-5, .heading-style-h6-4-copy {
    font-size: 1.125rem;
  }

  .stats8_list {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .stats8_number {
    font-size: 3.5rem;
  }

  .heading-style-h3-3 {
    font-size: 2rem;
  }

  .layout6_content-2 {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h3-4 {
    font-size: 2rem;
  }

  .padding-global-15 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-large-8 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .portfolio5_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h5-3 {
    font-size: .875rem;
  }

  .padding-global-16 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-large-9 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .pricing11_grid-list {
    grid-template-columns: 1fr;
  }

  .pricing11_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .heading-style-h6-6 {
    font-size: .75rem;
  }

  .text-size-medium-13 {
    font-size: 1rem;
  }

  .heading-style-h1-2 {
    font-size: 2.5rem;
  }

  .padding-section-large-10 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .layout_components {
    padding: 1.5rem;
  }

  .componenttitle {
    font-size: .875rem;
  }

  .component_card {
    grid-template-columns: 1fr;
  }

  .component_layout {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .heading-style-h6-4-copy {
    font-size: 1.125rem;
  }

  .comparison2_top-row-title-header {
    display: none;
  }

  .comparison_question {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .heading-style-h1-comparison {
    font-size: 2.5rem;
  }

  .modal_install, .installdynamic {
    align-items: flex-start;
  }

  .modalwrapperpricing {
    width: 100%;
    height: 100vh;
    max-height: none;
    padding-bottom: 7rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .installflow {
    align-items: flex-start;
  }

  .text-size-medium-14 {
    font-size: 1rem;
  }

  .timeline9_item {
    grid-template-rows: auto auto;
    grid-template-columns: 4rem 1fr;
    width: 100%;
  }

  .timeline9_item.item-left {
    text-align: left;
    align-items: flex-start;
  }

  .timeline9_circle-wrapper {
    left: 0;
  }

  .timeline9_empty-space {
    display: none;
  }

  .timeline9_list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .padding-section-large-11 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .timeline9_row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: max-content 1fr;
  }

  .timeline9_circle {
    margin-top: 1.75rem;
  }

  .heading-style-h3-5 {
    font-size: 2rem;
  }

  .installappexchange, .installappexchange-dynamic {
    align-items: flex-start;
  }

  .pricing20_component_new_2 {
    grid-template-columns: 1fr;
  }

  .lwc-compare_hero {
    padding-top: 4rem;
    padding-bottom: 3.5rem;
  }

  .lwc-compare_hero-title {
    font-size: 2.25rem;
  }

  .lwc-compare_h2 {
    font-size: 1.75rem;
  }

  .lwc-compare_steps-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .lwc-compare_stats-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .lwc-compare_h2-white {
    font-size: 1.75rem;
  }

  .lwc-compare_aitrap-stats, .lwc-compare_usecases-grid, .lwc-compare_nodev-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .lwc-compare_cta-title {
    font-size: 1.75rem;
  }

  .lwcp2_bento, .lwcp2_surface-grid {
    grid-template-columns: 1fr;
  }

  .dyn2_section-white {
    padding: 4rem 1.25rem;
  }

  .dyn2_bento {
    grid-template-columns: 1fr;
  }

  .dyn2_section-grey {
    padding: 4rem 1.25rem;
  }

  .dyn2_catalogue, .dyn2_surface-grid {
    grid-template-columns: 1fr;
  }

  .dyn2_section-accent, .dyn2_cta {
    padding: 4rem 1.25rem;
  }

  .flow2_container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .flow2_hero {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }

  .flow2_stats {
    flex-wrap: wrap;
    gap: 1.5rem;
  }

  .flow2_sec-builder, .flow2_sec-bento {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .flow2_bento-grid {
    grid-template-columns: 1fr;
  }

  .flow2_bento-num-xl {
    font-size: 3.5rem;
  }

  .flow2_sec-catalog, .flow2_sec-inter, .flow2_sec-lineup, .flow2_sec-faq, .flow2_sec-cta {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .flow2_cta-btns, .flow2_heroc-ctas {
    flex-wrap: wrap;
  }

  .flow2_heroc-stats {
    flex-wrap: wrap;
    gap: 1.5rem;
  }

  .flow2_arcade-wrap {
    margin-top: 2.5rem;
  }

  .prc2_hero {
    padding: 5.5rem 1.5rem 4rem;
  }

  .prc2_hero-ctas {
    flex-wrap: wrap;
  }

  .prc2_section {
    padding: 3.5rem 1.5rem;
  }

  .prc2_free {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .prc2_free-left {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .prc2_plans {
    grid-template-columns: 1fr;
  }

  .prc2_section-gray {
    padding: 3.5rem 1.5rem;
  }

  .prc2_prods {
    grid-template-columns: 1fr;
  }

  .prc2_section-accent {
    padding: 3.5rem 1.5rem;
  }

  .v2_h1 {
    font-size: 2.25rem;
  }

  .home2_hero {
    padding: 3.5rem 1.5rem 3rem;
  }

  .home2_stat-strip {
    grid-column-gap: 2rem;
    grid-row-gap: 1.5rem;
  }

  .home2_sec-white {
    padding: 3.5rem 1.5rem;
  }

  .home2_h2 {
    font-size: 1.75rem;
  }

  .home2_logo-row {
    grid-column-gap: 2rem;
    grid-row-gap: 1.5rem;
  }

  .home2_sec-gray, .home2_sec-accent, .home2_sec-white3, .home2_cta, .home2_sec-ai {
    padding: 3.5rem 1.5rem;
  }

  .mcp2_hero {
    padding: 4rem 1.25rem 3.5rem;
  }

  .mcp2_hero-ctas {
    flex-wrap: wrap;
  }

  .mcp2_stats {
    flex-wrap: wrap;
    gap: 1.5rem;
  }

  .mcp2_term-body {
    padding: 1.25rem;
    font-size: .8125rem;
  }

  .mcp2_sec-white {
    padding: 4rem 1.25rem;
  }

  .mcp2_h2 {
    font-size: 1.75rem;
  }

  .mcp2_sec-gray {
    padding: 4rem 1.25rem;
  }

  .mcp2_cov-grid, .mcp2_bento {
    grid-template-columns: 1fr;
  }

  .mcp2_bento-num-xl {
    font-size: 3.5rem;
  }

  .mcp2_sec-accent {
    padding: 4rem 1.25rem;
  }

  .mcp2_stack-grid {
    grid-template-columns: 1fr;
  }

  .mcp2_cta {
    padding: 4rem 1.25rem;
  }

  .abt2_mission-h2, .abt2_sec-h2-center {
    font-size: 1.875rem;
  }

  .sdev2_stat-strip {
    flex-direction: column;
    gap: 1.25rem;
  }

  .sdev2_sec-h2 {
    font-size: 1.875rem;
  }

  .sdev2_quote {
    font-size: 1.25rem;
  }

  .sadm2_stat-strip {
    flex-direction: column;
    gap: 1.25rem;
  }

  .sadm2_sec-h2 {
    font-size: 1.875rem;
  }

  .sadm2_quote {
    font-size: 1.25rem;
  }

  .sai2_stat-strip {
    flex-direction: column;
    gap: 1.25rem;
  }

  .sai2_sec-h2 {
    font-size: 1.875rem;
  }

  .sprt2_stat-strip {
    grid-row-gap: 1.5rem;
    flex-direction: column;
  }

  .sprt2_sec-h2 {
    font-size: 1.875rem;
  }

  .sprt2_surf-grid {
    grid-template-columns: 1fr;
  }

  .sprt2_quote {
    font-size: 1.25rem;
  }

  .sviz2_stat-strip {
    grid-row-gap: 1.5rem;
    flex-direction: column;
  }

  .sviz2_sec-h2 {
    font-size: 1.875rem;
  }

  .sviz2_map-grid, .sviz2_surf-grid {
    grid-template-columns: 1fr;
  }

  .sviz2_quote {
    font-size: 1.25rem;
  }

  .sptl2_stat-strip {
    flex-direction: column;
    gap: 1.5rem;
  }

  .sptl2_quote {
    font-size: 1.25rem;
  }

  .sent2_stat-strip {
    flex-direction: column;
    gap: 1.5rem;
  }

  .sent2_vs-num {
    font-size: 3rem;
  }

  .sent2_quote {
    font-size: 1.25rem;
  }

  .xpc2_stat-strip, .app2_stat-strip {
    flex-direction: column;
    gap: 1.5rem;
  }

  .chub_hero {
    padding: 4rem 1.25rem;
  }

  .chub_stat-strip {
    gap: 1.5rem;
  }

  .chub_feat-grid {
    grid-template-columns: 1fr;
  }

  .chub_accent-stat {
    flex-direction: column;
    gap: .25rem;
  }

  .chub_cmp-grid {
    grid-template-columns: 1fr;
  }

  .chub_cmp-corner {
    display: none;
  }

  .lwcvs2_stat-strip {
    flex-direction: column;
    gap: 1.25rem;
  }

  .lwcvs2_h2 {
    font-size: 1.875rem;
  }

  .int2_stat-strip {
    gap: 1.5rem;
  }

  .int2_accent-h {
    font-size: 1.625rem;
  }

  .int2_accent-cards {
    grid-template-columns: 1fr;
  }

  .brand2_stat-strip {
    gap: 1.5rem;
  }

  .brand2_accent-h {
    font-size: 1.625rem;
  }

  .brand2_accent-cards {
    grid-template-columns: 1fr;
  }

  .data2_stat-strip {
    gap: 1.5rem;
  }

  .data2_accent-h {
    font-size: 1.625rem;
  }

  .data2_accent-cards, .cidx_steps, .cidx_cards {
    grid-template-columns: 1fr;
  }

  .cidx_more-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .cidx_accent-h2 {
    font-size: 1.75rem;
  }

  .dyn2_rail-bento {
    grid-template-columns: 1fr;
  }

  .dyn2_bento-stat {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .dyn2_bento-statnum {
    font-size: 3.5rem;
  }

  .home2_mq-sec {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .home2_mq-inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .home2_mq-h2 {
    font-size: 1.625rem;
  }

  .chub_fx-h1 {
    font-size: 2rem;
  }

  .chub_fx-bignum {
    font-size: 4rem;
  }

  .chub_fx-wall-h2 {
    font-size: 1.75rem;
  }

  .chub_fx-wall-stat {
    font-size: 2.75rem;
  }

  .chub_fx-grid, .app2_mur {
    grid-template-columns: repeat(2, 1fr);
  }

  .flow2_ab-vig {
    flex: 0 0 200px;
    height: 180px;
  }

  .xpc2_ab-statnum {
    font-size: 3rem;
  }

  .xpc2_vig, .xpc2_vig-cta {
    flex: 0 0 200px;
  }

  .blog2_hero {
    padding: 3.5rem 1.25rem 3rem;
  }

  .blog2_hero-sub {
    font-size: 1rem;
  }

  .blog2_section {
    padding: 3rem 1.25rem 3.5rem;
  }

  .blog2_cta {
    padding: 3.5rem 1.25rem;
  }

  .ctc2_stat-strip {
    gap: 1.75rem;
  }

  .ctc2_h2 {
    font-size: 1.875rem;
  }

  .ctc2_res-grid {
    grid-template-columns: 1fr;
  }

  .ctc2_cta-h2 {
    font-size: 2rem;
  }

  .sp2_hero {
    padding: 4rem 1.25rem 3rem;
  }

  .sp2_h1 {
    font-size: 2.25rem;
  }

  .sp2_plans, .sp2_value {
    padding: 3.5rem 1.25rem;
  }

  .sp2_mosaic {
    grid-template-columns: 1fr;
  }

  .sp2_resp {
    padding: 3.5rem 1.25rem;
  }

  .sp2_resp-num {
    font-size: 3rem;
  }

  .sp2_cta {
    padding: 3.5rem 1.25rem;
  }

  .blogp_hero {
    padding-top: 5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .blogp_title {
    font-size: 2rem;
  }

  .blogp_excerpt {
    font-size: 1.0625rem;
  }

  .blogp_heroimg-wrap {
    border-radius: 12px;
    margin-top: 2.5rem;
    transform: translateY(0);
  }

  .blogp_body-section {
    padding-top: 5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .blogp_related-section {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .blogp_richtext {
    font-size: 1.0625rem;
  }

  .blogp_relgrid {
    grid-template-columns: 1fr;
  }

  .blogp_cta {
    padding: 3.5rem 1.25rem;
  }

  .blogp_cta-h2 {
    font-size: 1.75rem;
  }

  .calh2_head {
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
  }

  .calh2_title {
    font-size: 14px;
  }

  .calh2_range {
    font-size: 11px;
  }

  .calh2_view {
    padding: 4px 9px;
    font-size: 10px;
  }

  .calh2_daysrow {
    grid-template-columns: 32px repeat(5, 1fr);
  }

  .calh2_dnum {
    font-size: 12px;
  }

  .calh2_grid {
    grid-template-columns: 32px repeat(5, 1fr);
  }

  .calh2_th {
    font-size: 8px;
  }

  .calh2_ev {
    padding: 3px 4px;
    font-size: 9px;
  }

  .calh2_ev-time {
    font-size: 7px;
  }

  .sec2_grid3, .sec2_grid2acc {
    grid-template-columns: 1fr;
  }

  .v2_h2 {
    font-size: 1.875rem;
  }

  .v2_cta-h2 {
    font-size: 2rem;
  }

  .idea2_hero {
    padding: 4rem 1.5rem 3.5rem;
  }

  .idea2_sec-list, .idea2_cta {
    padding: 3.5rem 1.5rem;
  }

  .idea2_grid {
    grid-template-columns: 1fr;
  }

  .idea2_card {
    padding: 1.5rem;
  }

  .idea2_illus {
    width: 100%;
    max-width: 320px;
    padding: .5rem;
  }

  .dyn2_ib-grid {
    grid-template-columns: 1fr;
  }

  .mcp2_dict-entry {
    font-size: 1.25rem;
  }

  .df26_hero {
    padding-top: 5rem;
    padding-bottom: 3.5rem;
  }

  .df26_count-row {
    column-gap: 1.25rem;
  }

  .df26_count-unit {
    min-width: 64px;
  }

  .df26_count-num {
    font-size: 2.5rem;
  }

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

  .mcpk_fam {
    position: static;
  }

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

  .mcpk_row.mcpk_row-sub {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    grid-template-columns: 1fr;
    padding-left: 1.25rem;
  }

  .mcpk_row-sub {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-left: 1.25rem;
  }

  .mcpk_arrow {
    display: none;
  }

  .uct_hero {
    padding: 4rem 1.5rem 7rem;
  }

  .uct_visual-sec {
    padding: 0 1.5rem 3rem;
  }

  .uct_frame {
    border-radius: 10px;
    margin-top: -4rem;
  }

  .uct_body {
    padding: 1.5rem 1.5rem 4rem;
  }

  .uct_body-in {
    row-gap: 2.5rem;
  }

  .uci_hero {
    padding: 4rem 1.5rem 3.5rem;
  }

  .uci_sec {
    padding: 3rem 1.5rem 4rem;
  }

  .uci_grid, .uci_grid.pkguc_3col {
    grid-template-columns: 1fr;
  }

  .bpart2_num-xl {
    font-size: 3.5rem;
  }

  .dfann_card {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: stretch;
    padding-right: 1rem;
  }

  .dfann_stub {
    grid-column-gap: .5rem;
    flex-direction: row;
    align-self: flex-start;
  }

  .dfann_stub-days {
    margin-top: 0;
  }

  .dfann_body {
    border-top: 2px dashed #d8e6f5;
    border-left-style: none;
    padding-top: 1rem;
    padding-left: 0;
  }

  .dfann_count {
    grid-column-gap: .5rem;
    flex-direction: row;
    align-self: flex-start;
  }

  .dfann_count-label {
    margin-top: 0;
  }

  .lwcp2_hd-title {
    font-size: .9375rem;
  }

  .lwcp2_hd-search {
    min-width: 96px;
  }

  .lwcp2_ag {
    padding: 1rem;
  }

  .lwcp2_ag-code {
    font-size: .6875rem;
  }

  .prcb1_axes, .prcb1_plans, .prcb1_cost-grid, .prcb1_faq-grid {
    grid-template-columns: 1fr;
  }

  .uxd2_cta {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .uxd2_cta-h {
    font-size: 1.75rem;
  }

  .uxd2_hero {
    padding: 4rem 1.25rem;
  }

  .uxd2_hero-sub {
    font-size: 1.0625rem;
  }
}

@media screen and (max-width: 479px) {
  .navbar_dropdown-content-left {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .navbar_dropdown-link {
    padding-left: 0;
  }

  .navbar_menu-right {
    display: none;
  }

  .navbar3_component {
    top: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .footer5_bottom-wrapper.v2ftr_botgrid {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
  }

  .footer5_top-wrapper {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .footer5_top-wrapper.v2ftr_topgrid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .header27_form {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-small {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-medium {
    padding-top: 2rem;
  }

  .padding-section-medium.cta {
    flex-flow: column;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-align-center.tdx {
    width: 325px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .max-width-large.demo.tdx {
    flex-flow: column;
    width: auto;
    max-width: none;
    display: flex;
  }

  .logo3_list {
    justify-content: center;
  }

  .logo3_wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .layout402_tabs-menu.no-scrollbar {
    flex-flow: column;
  }

  .layout402_tab-link {
    text-align: center;
    align-self: auto;
  }

  .layout6_item-list, .layout6_component, .layout194_component {
    grid-template-columns: 1fr;
  }

  .text-size-large {
    line-height: 32px;
  }

  .layout28_component, .layout401_row {
    grid-template-columns: 1fr;
  }

  .logo1_component {
    justify-content: center;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .layout400_row {
    grid-template-columns: 1fr;
  }

  .navbar3_dropdown-list-2.w--open {
    box-shadow: none;
  }

  .navbar12_dropdown-content {
    grid-column-gap: 2rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 1rem;
  }

  .navbar12_dropdown-link {
    padding-left: 0;
  }

  .navbar12-3_dropdown-content {
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 1rem;
  }

  .navbar12-5_dropdown-content {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .layout1_component, .layout17_component, .layout289_component, .layout298_list {
    grid-template-columns: 1fr;
  }

  .modal_wrapper {
    width: 60%;
    height: 100vh;
  }

  .modal_component {
    display: none;
  }

  .layout_card-content {
    flex-flow: column;
    width: 350px;
    display: block;
  }

  .contact30_component, .about4-team_list {
    grid-template-columns: 1fr;
  }

  .about4-team_image-wrapper {
    padding-top: 66%;
  }

  .signup-form-wrapper {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .about4-partners_component {
    grid-template-columns: 1fr;
  }

  .about4-partners_wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .about4-growth_component {
    grid-template-columns: 1fr;
  }

  .footer1_form {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .footer1_menu-wrapper {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .about4-growth_item-list, .about4-values_list {
    grid-template-columns: 1fr;
  }

  .footer1_top-wrapper {
    grid-row-gap: 48px;
  }

  .contact2-header_component, .contact2-locations_component, .about1-team_list {
    grid-template-columns: 1fr;
  }

  .legal2-content_sidebar-heading-text, .legal2-content_sidebar-heading {
    align-self: auto;
  }

  .modal_component_fsc, .contactsalesstarter {
    display: none;
  }

  .requestquotestarter, .requestquote {
    width: auto;
    height: 750px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .modal_pricing {
    display: none;
  }

  .talkexpertmobile {
    margin-top: 20px;
    display: block;
  }

  .heading-20-cv {
    font-size: 24px;
  }

  .div-block-344 {
    margin-top: 40px;
    position: static;
  }

  .section_cta29-cv {
    margin-left: 10px;
    margin-right: 10px;
  }

  .padding-section-large-cv {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .grid-3 {
    width: auto;
    display: block;
  }

  .text-size-medium-cv {
    font-size: .9rem;
  }

  .padding-global-cta-cv {
    width: auto;
  }

  .divbuttonfsc_cta {
    flex-direction: column;
  }

  .blog-social-wrapper {
    margin-top: 14px;
  }

  .inline-basic-icons {
    justify-content: space-between;
  }

  .basic-icon-spec {
    padding: 0;
  }

  .container-small-cv {
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom-cv {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-align-center_cta-cv {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-343 {
    width: auto;
  }

  .feature-content {
    flex-direction: column;
    align-items: stretch;
  }

  .blog-section {
    display: block;
  }

  .collection-item-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    display: block;
  }

  .column-4 {
    padding-left: 0;
  }

  .column-38 {
    padding-left: 0;
    padding-right: 0;
  }

  .careerheadercontainer-copy {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .careercontenth1 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 34px;
    line-height: 34px;
  }

  .avn_h09_title_career {
    text-align: center;
  }

  .headingperks {
    font-size: 30px;
  }

  .column-39 {
    padding-left: 0;
  }

  .column-40 {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-feature-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .thumbnail-small {
    margin-bottom: 10px;
  }

  .popup-video {
    margin-top: -5.8em;
  }

  .contactpremieresuccessplan, .contactsignatureplan {
    display: none;
  }

  .navbar12_dropdown-link-roadmap {
    padding-left: 0;
  }

  .grid-4 {
    grid-template-columns: 2.5fr;
    grid-auto-flow: row;
  }

  .blogmenuright {
    display: none;
  }

  .paragraph-large {
    font-size: 15px;
    line-height: 28px;
  }

  .testimonial-grid-cell {
    padding-bottom: 0;
  }

  .testimonial-top-bar {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .testimonial-content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .testimonial-author {
    font-size: 13px;
    line-height: 26px;
  }

  .card-testimonial {
    padding: 24px;
  }

  .testimonial-logo-cell {
    justify-content: center;
  }

  .testimonial-logo-bottom {
    text-align: center;
    place-items: center;
  }

  .testimonial-image-slider {
    max-width: none;
    height: 320px;
    margin-right: 0;
    display: none;
  }

  .imageallcomponents {
    width: auto;
    max-width: none;
    height: 275px;
  }

  .padding-global-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .section-title.section-title-center {
    font-size: 2rem;
  }

  .layout193_4y {
    grid-template-columns: 1fr;
  }

  .section, .layout192_content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-content {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-391, .div-block-392 {
    flex-flow: column;
    display: flex;
  }

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

  .div-block-393 {
    width: 300px;
  }

  .heading-37, .text-block-142 {
    text-align: center;
  }

  .div-block-394 {
    display: flex;
  }

  .navbar3_dropdown-list-2-blog.w--open {
    box-shadow: none;
  }

  .navbar12_dropdown-content-blog {
    grid-column-gap: 2rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 1rem;
  }

  .newgetstartedbox, .newgetstartedboxcolumns, .newgetstartedboxcolumnsmenubar {
    display: none;
  }

  .modal_wrapper_new {
    width: 60%;
    height: 100vh;
  }

  .divannouncementbanner {
    height: 80px;
    padding-left: 10px;
    padding-right: 10px;
    display: none;
  }

  .text-block-118 {
    align-self: auto;
    font-size: 12px;
  }

  .heading-40 {
    font-size: 40px;
    line-height: 42px;
  }

  .heading-40.tdx {
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: stretch;
    width: auto;
    display: block;
  }

  .layout289_component_lp {
    grid-template-columns: 1fr;
  }

  .layout402_tab-link_lp {
    text-align: center;
    align-self: auto;
  }

  .pricing20_component_new {
    grid-auto-flow: row;
    place-content: stretch center;
    place-items: stretch center;
  }

  .comparison12_top-row-title, .comparison12_top-row-content, .comparison8_top-row-content, .comparison8_top-row-title {
    padding: 1rem .5rem;
  }

  .cta_grid, .layout508_tabs, .product_grid {
    grid-template-columns: 1fr;
  }

  .old_navbar12_dropdown-content {
    grid-column-gap: 2rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 1rem;
  }

  .modal_wrapper_custom {
    width: 60%;
    height: 100vh;
  }

  .home-hero-arcade-component {
    grid-template-columns: 1fr;
  }

  .comparison2_top-row-title, .comparison2_top-row-content {
    padding: 1rem .5rem;
  }

  .stats8_list {
    grid-template-columns: 1fr;
  }

  .stats8_list._3metrics {
    flex-flow: column;
    grid-template-rows: auto;
    grid-auto-flow: row;
    place-items: start;
    display: flex;
  }

  .layout6_content-2 {
    grid-template-columns: 1fr;
  }

  .headingcomparison {
    font-size: 40px;
    line-height: 42px;
  }

  .text-size-large-comparison {
    line-height: 32px;
  }

  .text-block-154 {
    display: none;
  }

  .comparison2_top-row-title-header {
    padding: 1rem .5rem;
  }

  .div-block-414 {
    width: 90px;
  }

  .div-block-415 {
    flex-flow: column;
    justify-content: flex-start;
  }

  .tp-cta-button-secondary {
    width: 85%;
  }

  .div-block-428, .div-block-428-copy, .div-block-428-copy-copy {
    margin-top: 0;
  }

  .div-block-429 {
    flex-flow: column;
  }

  .modal_install, .installdynamic {
    display: none;
  }

  .modalwrapperpricing {
    width: 60%;
    height: 100vh;
  }

  .installflow {
    display: none;
  }

  .timeline9_item {
    grid-template-columns: 3rem 1fr;
  }

  .timeline9_row {
    grid-column-gap: 1rem;
  }

  .installappexchange, .installappexchange-dynamic {
    display: none;
  }

  .div-block-pricing, .div-block-all-avonni {
    flex-flow: column;
  }

  .grid-11 {
    flex-flow: column;
    flex: 0 auto;
    grid-auto-flow: row;
    display: flex;
  }

  .pricing20_component_new_2 {
    grid-auto-flow: row;
    place-content: stretch center;
    place-items: stretch center;
  }

  .lwc-compare_table-header, .lwc-compare_table-row, .lwc-compare_table-row-alt {
    grid-template-rows: auto;
    grid-template-columns: 1.2fr .9fr .9fr;
    padding: .75rem;
  }

  .dyn2_hero {
    padding: 5rem 1.25rem 3.5rem;
  }

  .v2_h1 {
    font-size: 2rem;
  }

  .mcp2_cta-btns {
    flex-wrap: wrap;
  }

  .abt2_hero, .sdev2_hero, .sdev2_sec-white, .sdev2_sec-gray, .sdev2_sec-accent, .sdev2_cta, .sadm2_hero, .sadm2_sec-white, .sadm2_sec-gray, .sadm2_sec-accent, .sadm2_cta, .sai2_hero, .sai2_sec-white, .sai2_sec-gray, .sai2_sec-accent, .sai2_cta, .sprt2_hero, .sprt2_sec-white, .sprt2_sec-gray, .sprt2_sec-accent, .sprt2_cta, .sviz2_hero, .sviz2_sec-white, .sviz2_sec-gray, .sviz2_sec-accent, .sviz2_cta {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sptl2_hero {
    padding: 4rem 1.25rem;
  }

  .sptl2_sec-white, .sptl2_sec-gray, .sptl2_sec-accent {
    padding: 3.5rem 1.25rem;
  }

  .sptl2_cta, .sent2_hero {
    padding: 4rem 1.25rem;
  }

  .sent2_sec-white, .sent2_sec-accent {
    padding: 3.5rem 1.25rem;
  }

  .sent2_cta {
    padding: 4rem 1.25rem;
  }

  .sent2_sec-gray {
    padding: 3.5rem 1.25rem;
  }

  .xpc2_hero {
    padding: 4rem 1.25rem;
  }

  .xpc2_section-white, .xpc2_section-grey, .xpc2_section-accent {
    padding: 3.5rem 1.25rem;
  }

  .xpc2_cta, .app2_hero {
    padding: 4rem 1.25rem;
  }

  .app2_section-white, .app2_section-grey, .app2_section-accent {
    padding: 3.5rem 1.25rem;
  }

  .app2_cta {
    padding: 4rem 1.25rem;
  }

  .lwcvs2_hero, .lwcvs2_cta, .int2_hero, .int2_sec-white, .int2_sec-gray, .int2_sec-white2, .int2_sec-accent, .int2_sec-faq, .int2_cta, .brand2_hero, .brand2_sec-white, .brand2_sec-gray, .brand2_sec-white2, .brand2_sec-accent, .brand2_sec-faq, .brand2_cta, .data2_hero, .data2_sec-white, .data2_sec-gray, .data2_sec-white2, .data2_sec-accent, .data2_sec-faq, .data2_cta {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lwcp2_cat-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .lwcp2_cat-card {
    padding: 1.25rem;
  }

  .lwcp2_cat-card.lwcp2_cat-card-stat {
    order: 2;
    grid-area: auto / 1;
  }

  .lwcp2_cat-card.lwcp2_cat-card-core {
    order: 3;
    grid-area: auto / 1;
  }

  .lwcp2_cat-card-dd {
    order: 1;
    grid-area: auto / 1;
  }

  .lwcp2_cat-statnum {
    font-size: 3rem;
  }

  .lwcp2_cat-railwrap {
    margin-top: 2.25rem;
  }

  .lwcp2_cat-rail {
    padding-right: 2rem;
  }

  .lwcp2_cat-tile, .lwcp2_cat-cta {
    flex: 0 0 200px;
    height: 180px;
  }

  .dyn2_rail-tile {
    flex: 0 0 200px;
    width: 200px;
    height: 180px;
  }

  .chub_fx-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .app2_mur {
    grid-template-columns: repeat(2, 1fr);
    gap: .6rem;
  }

  .ctc2_hero {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .chatub_surf-grid, .chatub_uc-grid {
    grid-template-columns: 1fr;
  }
}

#w-node-_0a356b1b-8360-2bfa-1591-79062ce24f45-2ce24f2d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0a356b1b-8360-2bfa-1591-79062ce24f35-2ce24f2d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_916b0a46-7f83-0dee-5113-190258b256b8-58b256b0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_47a1f58c-324b-ae23-cfc1-ad6c7b4da2be-7b4da2a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47a1f58c-324b-ae23-cfc1-ad6c7b4da2fa-7b4da2a7 {
  align-self: start;
}

#w-node-_47a1f58c-324b-ae23-cfc1-ad6c7b4da2fb-7b4da2a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b25fb583-3145-6d81-f716-a6cfd3bdd4e5-d3bdd4d4, #w-node-b25fb583-3145-6d81-f716-a6cfd3bdd4ea-d3bdd4d4, #w-node-b25fb583-3145-6d81-f716-a6cfd3bdd4ef-d3bdd4d4, #w-node-de4d7484-f795-bec9-78f5-305e62d0b2e6-dba3c75b, #w-node-de4d7484-f795-bec9-78f5-305e62d0b2eb-dba3c75b, #w-node-de4d7484-f795-bec9-78f5-305e62d0b2f0-dba3c75b, #w-node-_69932d54-47b8-daf1-ca55-f67bf4f6ad14-dba3c75b, #w-node-_69932d54-47b8-daf1-ca55-f67bf4f6ad1e-dba3c75b, #w-node-_69932d54-47b8-daf1-ca55-f67bf4f6ad19-dba3c75b {
  align-self: start;
}

#w-node-_1f58bef0-63bc-6255-c995-91ec58570fb1-58570fb0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1f58bef0-63bc-6255-c995-91ec58570fb2-58570fb0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_04578de4-2326-7db1-980d-c6f63a1b319b-3a1b318d {
  align-self: center;
}

#w-node-_04578de4-2326-7db1-980d-c6f63a1b31a1-3a1b318d, #w-node-_04578de4-2326-7db1-980d-c6f63a1b31a7-3a1b318d, #w-node-_04578de4-2326-7db1-980d-c6f63a1b31ad-3a1b318d, #w-node-_04578de4-2326-7db1-980d-c6f63a1b31b5-3a1b318d, #w-node-_04578de4-2326-7db1-980d-c6f63a1b31bb-3a1b318d, #w-node-_04578de4-2326-7db1-980d-c6f63a1b31c1-3a1b318d, #w-node-_04578de4-2326-7db1-980d-c6f63a1b31c7-3a1b318d, #w-node-_62c5d978-dd13-b4fe-6faa-cd9900313749-89e62fe0 {
  align-self: start;
}

#w-node-_62c5d978-dd13-b4fe-6faa-cd990031374a-89e62fe0, #w-node-_5be435b3-60da-0e76-ecee-bc7146c6397c-feedb8f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5be435b3-60da-0e76-ecee-bc7146c6397e-feedb8f2, #w-node-_5be435b3-60da-0e76-ecee-bc7146c63990-feedb8f2, #w-node-_5be435b3-60da-0e76-ecee-bc7146c639a2-feedb8f2, #w-node-_5be435b3-60da-0e76-ecee-bc7146c639b4-feedb8f2 {
  align-self: start;
}

#w-node-a97d2d19-8e76-1c8b-1b8a-06ba38af8a33-9c014598, #w-node-a97d2d19-8e76-1c8b-1b8a-06ba38af8a37-9c014598 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a97d2d19-8e76-1c8b-1b8a-06ba38af8a4c-9c014598 {
  justify-self: end;
}

#w-node-_39309109-76d6-a1fe-6903-0abcab6f699c-b1ade209 {
  align-self: start;
}

#w-node-_39309109-76d6-a1fe-6903-0abcab6f699d-b1ade209 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2c3e4f41-c0ce-3ec3-c464-1195b4ffd7d7-b1ade209 {
  place-self: center;
}

#w-node-_0e8e9d47-5933-4562-6415-9343ea2b0195-ea2b016e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_657601c0-d394-c929-5d60-964b12ac45be-a79ed062 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_657601c0-d394-c929-5d60-964b12ac45c8-a79ed062 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bd0271ab-02b0-1468-ae3e-1bce686aebf5-50acb451 {
  place-self: center;
}

#w-node-ceb0e18d-6268-5f70-246a-08fa9e27bb67-9d996427 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bd0271ab-02b0-1468-ae3e-1bce686aebf5-9d996427 {
  place-self: center;
}

#w-node-_96683164-a3be-af15-ec7c-78cd993178bd-04277d92 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bd0271ab-02b0-1468-ae3e-1bce686aebf5-04277d92 {
  place-self: center;
}

#w-node-_24c6ea9f-7930-300c-6156-ff4026772200-0482b97a, #w-node-_24c6ea9f-7930-300c-6156-ff4026772204-0482b97a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_24c6ea9f-7930-300c-6156-ff4026772218-0482b97a {
  justify-self: end;
}

#w-node-bd0271ab-02b0-1468-ae3e-1bce686aebf5-ac4f9809, #w-node-bd0271ab-02b0-1468-ae3e-1bce686aebf5-056d8887 {
  place-self: center;
}

#w-node-_0aaaeeba-6d1c-5c85-827c-b5dc92a5c44b-35a1c7d0, #w-node-da27f559-4fc9-a22a-b434-1801b13740b7-35a1c7d0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e4c3e0b4-921d-9e14-c439-377b03cf59da-35a1c7d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da27f559-4fc9-a22a-b434-1801b13740b7-978f91e7 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a644def2-17c6-9422-72a9-3f4c1e89578a-1375019b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a644def2-17c6-9422-72a9-3f4c1e89578e-1375019b {
  justify-self: end;
}

#w-node-a644def2-17c6-9422-72a9-3f4c1e89578f-1375019b, #w-node-a70f909f-35de-dbcb-1f60-bfda3f1aaab8-8b082023 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a70f909f-35de-dbcb-1f60-bfda3f1aaabc-8b082023 {
  justify-self: end;
}

#w-node-a70f909f-35de-dbcb-1f60-bfda3f1aaabd-8b082023 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e3312f2e-31c7-b965-9a36-4e6a2627879d-4e421b3f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e3312f2e-31c7-b965-9a36-4e6a262787ea-4e421b3f {
  justify-self: end;
}

#w-node-de472ee4-0d2d-cefc-8425-38c8809344cc-86b38aac, #w-node-de472ee4-0d2d-cefc-8425-38c8809344d0-86b38aac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-de472ee4-0d2d-cefc-8425-38c8809344e5-86b38aac {
  justify-self: end;
}

#w-node-e5e7642a-43af-5d0e-0856-88e1cc795f17-86b38b0b, #w-node-e5e7642a-43af-5d0e-0856-88e1cc795f1b-86b38b0b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e5e7642a-43af-5d0e-0856-88e1cc795f27-86b38b0b {
  justify-self: end;
}

#w-node-_9fcf4666-0bb2-b882-5788-7e23c45fc0ff-39aa7585 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9fcf4666-0bb2-b882-5788-7e23c45fc103-39aa7585 {
  justify-self: end;
}

#w-node-_9fcf4666-0bb2-b882-5788-7e23c45fc104-39aa7585, #w-node-_31148ca3-791b-c7eb-a311-5736f7f339a1-8d2b93eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_31148ca3-791b-c7eb-a311-5736f7f339b2-8d2b93eb {
  justify-self: end;
}

#w-node-_31148ca3-791b-c7eb-a311-5736f7f339a5-8d2b93eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb3cd3e6-4aca-75e7-171b-3bcadd9952ed-8d2b93eb, #w-node-ebcaa50b-771b-8d3e-c4d4-34d9285e760e-8d2b93eb {
  place-self: auto;
}

#w-node-e70f5ed5-6c99-ad2c-46d8-84665cb17442-7ebc4079 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e8ec1307-102b-62a5-6efb-83319be866f7-79c79c13 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

@media screen and (min-width: 1920px) {
  #w-node-_65cc27b0-2b3b-1ab5-dc9d-2dcbc36e7434-8d2b93eb, #w-node-_7d58c541-ccfe-e33f-54de-e72ffb7855d2-8d2b93eb {
    justify-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e969337a-9c79-4590-7409-41f0229aee3e-9bad18fe {
    order: -9999;
  }

  #w-node-_8c052de4-1752-eb69-63f8-2e1e99f106fe-325099fb {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_60f0776f-d65b-6e54-05fe-9724ac957386-ac95737f {
    order: -9999;
  }

  #w-node-_4e48a977-b5f6-0fda-f31f-95e6ce63b7ab-ce63b766 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_0aaaeeba-6d1c-5c85-827c-b5dc92a5c44b-35a1c7d0 {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d6711028-4ae0-0613-1d87-c381790df6d1-35a1c7d0, #w-node-_0a2d3732-9793-d8b8-c059-3e85c641f031-35a1c7d0, #w-node-_1646221b-fed2-9112-60bc-3a4f1667229d-35a1c7d0, #w-node-_7de61311-09a7-56d6-e5aa-a41df1aae30a-35a1c7d0, #w-node-d6711028-4ae0-0613-1d87-c381790df6d1-978f91e7, #w-node-_0a2d3732-9793-d8b8-c059-3e85c641f031-978f91e7, #w-node-_1646221b-fed2-9112-60bc-3a4f1667229d-978f91e7, #w-node-_7de61311-09a7-56d6-e5aa-a41df1aae30a-978f91e7, #w-node-e3312f2e-31c7-b965-9a36-4e6a262787d2-4e421b3f, #w-node-e3312f2e-31c7-b965-9a36-4e6a262787f5-4e421b3f, #w-node-ed233d6c-076a-c6f9-2c24-2c9d76c9b6fc-39aa7585, #w-node-ac9abef9-650d-e7f6-f1da-ef986c4185fe-39aa7585 {
    order: -9999;
  }

  #w-node-_65cc27b0-2b3b-1ab5-dc9d-2dcbc36e741a-8d2b93eb, #w-node-_65cc27b0-2b3b-1ab5-dc9d-2dcbc36e7422-8d2b93eb, #w-node-_65cc27b0-2b3b-1ab5-dc9d-2dcbc36e7431-8d2b93eb, #w-node-_65cc27b0-2b3b-1ab5-dc9d-2dcbc36e7443-8d2b93eb, #w-node-_96b85e3d-f2ab-9511-788e-59cfe507bd48-8d2b93eb, #w-node-_7d58c541-ccfe-e33f-54de-e72ffb7855b8-8d2b93eb, #w-node-_7d58c541-ccfe-e33f-54de-e72ffb7855c0-8d2b93eb, #w-node-_7d58c541-ccfe-e33f-54de-e72ffb7855cf-8d2b93eb, #w-node-_7d58c541-ccfe-e33f-54de-e72ffb7855e1-8d2b93eb, #w-node-_3853a023-755c-7c9e-94b0-2e14cb37074c-8d2b93eb, #w-node-_3853a023-755c-7c9e-94b0-2e14cb370754-8d2b93eb, #w-node-_3853a023-755c-7c9e-94b0-2e14cb370764-8d2b93eb, #w-node-_3853a023-755c-7c9e-94b0-2e14cb37076e-8d2b93eb, #w-node-_3853a023-755c-7c9e-94b0-2e14cb370778-8d2b93eb, #w-node-_3853a023-755c-7c9e-94b0-2e14cb370782-8d2b93eb, #w-node-_3853a023-755c-7c9e-94b0-2e14cb370792-8d2b93eb, #w-node-_3853a023-755c-7c9e-94b0-2e14cb37079c-8d2b93eb, #w-node-_3853a023-755c-7c9e-94b0-2e14cb3707a6-8d2b93eb, #w-node-_92a6cbf5-87b3-9566-8bca-d7137e725b2e-8d2b93eb, #w-node-_65701c81-82af-c74e-2076-bbd740aaaf3b-8d2b93eb, #w-node-_65701c81-82af-c74e-2076-bbd740aaaf43-8d2b93eb, #w-node-_65701c81-82af-c74e-2076-bbd740aaaf4d-8d2b93eb, #w-node-_65701c81-82af-c74e-2076-bbd740aaaf57-8d2b93eb, #w-node-_65701c81-82af-c74e-2076-bbd740aaaf65-8d2b93eb, #w-node-_65701c81-82af-c74e-2076-bbd740aaaf6f-8d2b93eb, #w-node-_65701c81-82af-c74e-2076-bbd740aaaf7f-8d2b93eb, #w-node-_65701c81-82af-c74e-2076-bbd740aaaf89-8d2b93eb, #w-node-b358344b-776a-54fd-a5d4-7ac0024d999c-8d2b93eb, #w-node-b358344b-776a-54fd-a5d4-7ac0024d99a4-8d2b93eb, #w-node-b358344b-776a-54fd-a5d4-7ac0024d99b4-8d2b93eb, #w-node-b358344b-776a-54fd-a5d4-7ac0024d99be-8d2b93eb, #w-node-b358344b-776a-54fd-a5d4-7ac0024d99ca-8d2b93eb, #w-node-b358344b-776a-54fd-a5d4-7ac0024d99da-8d2b93eb, #w-node-b358344b-776a-54fd-a5d4-7ac0024d99e6-8d2b93eb, #w-node-_5b7681ea-9029-3119-4ed3-0d01077c7499-8d2b93eb, #w-node-_7e8f540f-b1f7-889b-bb5b-74ec3161b754-8d2b93eb, #w-node-_4b0a9792-64e4-5ad6-2d30-575d299d37cb-8d2b93eb, #w-node-_3604b35b-63dc-3090-2b7c-fe507874d50b-8d2b93eb, #w-node-_9c80e392-209d-b88a-01a8-e71e22a3173b-8d2b93eb, #w-node-_8a9cf965-681c-bb1f-a055-8841caaba8d3-8d2b93eb, #w-node-_8a9cf965-681c-bb1f-a055-8841caaba8dd-8d2b93eb, #w-node-_8a9cf965-681c-bb1f-a055-8841caaba8ea-8d2b93eb, #w-node-_8a9cf965-681c-bb1f-a055-8841caaba8f8-8d2b93eb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e70f5ed5-6c99-ad2c-46d8-84665cb17442-7ebc4079 {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_2c3e4f41-c0ce-3ec3-c464-1195b4ffd7d5-b1ade209, #w-node-_2c3e4f41-c0ce-3ec3-c464-1195b4ffd7e4-b1ade209, #w-node-bd0271ab-02b0-1468-ae3e-1bce686aebf3-50acb451, #w-node-bd0271ab-02b0-1468-ae3e-1bce686aebfe-50acb451, #w-node-bd0271ab-02b0-1468-ae3e-1bce686aebf3-9d996427, #w-node-bd0271ab-02b0-1468-ae3e-1bce686aebfe-9d996427, #w-node-bd0271ab-02b0-1468-ae3e-1bce686aebf3-04277d92, #w-node-bd0271ab-02b0-1468-ae3e-1bce686aebfe-04277d92, #w-node-bd0271ab-02b0-1468-ae3e-1bce686aebf3-ac4f9809, #w-node-bd0271ab-02b0-1468-ae3e-1bce686aebfe-ac4f9809, #w-node-bd0271ab-02b0-1468-ae3e-1bce686aebf3-056d8887, #w-node-bd0271ab-02b0-1468-ae3e-1bce686aebfe-056d8887 {
    order: -9999;
    justify-self: center;
  }

  #w-node-_91d1a8dd-0648-59aa-bd4e-87c3b6e2f178-79c79c13 {
    place-self: auto;
  }
}