html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.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;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !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 {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
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;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.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: Line Rounded Icon Font Brix;
src: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502983_line-rounded-icon-font-brix.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Line Squared Icon Font Brix;
src: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f5028eb_line-squared-icon-font-brix.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Filled Icon Brix;
src: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f5028e5_filled-icon-brix.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Social Media Icon Font Brix;
src: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f5029cd_Social-Media-Icon-Font-Brix.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--_colors---core--colors--neutral--100: white;
--_typography---core--font--family--primary-font: "Inter Tight", sans-serif;
--_typography---font-colors--paragraph-light-mode: var(--_colors---core--colors--neutral--600);
--_typography---core--font--displays--display-2: 1rem;
--_typography---core--font--line-height--lg: 1.5em;
--_typography---core--font--weight--mid: 500;
--_typography---core--font--family--headline: var(--_typography---core--font--family--primary-font);
--_colors---core--colors--neutral--800: #0a183a;
--_typography---core--font--displays--display-9: 3.375rem;
--_typography---core--font--line-height--sm: 1.115em;
--_typography---core--font--displays--display-8: 3rem;
--_typography---core--font--line-height--md: 1.25em;
--_typography---core--font--displays--display-5: 1.5rem;
--_typography---core--font--displays--display-4: 1.25rem;
--_typography---core--font--displays--display-3: 1.125rem;
--_colors---core--colors--neutral--600: #4d5977;
--_colors---core--colors--neutral--500: #a0a9bd;
--core--sizes--margins--sm\: var(--sizes--size-6);
--spacing--lg: var(--sizes--size-9);
--core--sizes--margins--2xsm\: var(--sizes--size-4);
--global--padding--default\: 40px;
--spacing--4xs: var(--sizes--size-3);
--_typography---core--font--weight--strong: 700;
--spacing--md: var(--sizes--size-8);
--spacing--xlg: var(--sizes--size-10);
--border-radius--lg: var(--sizes--size-8);
--_components---cards--horizontal-lg: var(--sizes--size-9);
--sections--lg: var(--sizes--size-16);
--spacing--sm: var(--sizes--size-7);
--gaps--5xs: var(--sizes--size-2);
--_colors---core--colors--primary--100: #476aff;
--core--sizes--margins--md\: var(--sizes--size-7);
--core--sizes--margins--6xlg\: var(--sizes--size-14);
--border-radius--sm: var(--sizes--size-6);
--core--sizes--margins--xsm\: var(--sizes--size-5);
--_colors---core--colors--neutral--200: #f7f9fc;
--core--sizes--margins--4xsm\: var(--sizes--size-2);
--sizes--size-8: 2rem;
--spacing--5xlg: var(--sizes--size-14);
--core--sizes--margins--5xsm\: var(--sizes--size-1);
--border-radius--2xsm: var(--sizes--size-4);
--spacing--none: var(--sizes--none);
--_typography---font-colors--title-light-mode: var(--_colors---core--colors--neutral--800);
--_typography---font-colors--text-accent: var(--_colors---core--colors--primary--100);
--core--sizes--margins--4xlg\: var(--sizes--size-12);
--core--sizes--margins--3xlg\: var(--sizes--size-11);
--_colors---core--colors--neutral--300: #eff1f6;
--core--sizes--margins--3xsm\: var(--sizes--size-3);
--inner-container--md: 75.25rem;
--sections--xl: var(--sizes--size-17);
--sections--md: var(--sizes--size-15);
--sections--xs: var(--sizes--size-12);
--sections--2xs: var(--sizes--size-10);
--sizes--size-5: 1rem;
--sizes--size-3: .5rem;
--inputs--md: 3.875rem;
--spacing--3xs: var(--sizes--size-4);
--border-radius--6xlg: 20rem;
--spacing--xs: var(--sizes--size-6);
--inputs--sm: 3rem;
--spacing--5xs: var(--sizes--size-2);
--spacing--2xs: var(--sizes--size-5);
--_typography---core--font--displays--display-1: .875rem;
--_colors---core--colors--neutral--400: #dce1eb;
--gaps--sm: var(--sizes--size-7);
--_typography---font-colors--title-dark-mode: var(--_colors---core--colors--neutral--100);
--core--sizes--margins--lg\: var(--sizes--size-8);
--sizes--size-4: .75rem;
--_typography---core--font--displays--display-10: 4.5rem;
--gaps--md: var(--sizes--size-8);
--gaps--none: var(--sizes--none);
--_typography---core--font--icons--line-squared: "Line Squared Icon Font Brix", Arial, sans-serif;
--sizes--size-11: 3.5rem;
--gaps--xs: var(--sizes--size-6);
--core--sizes--margins--2xlg\: var(--sizes--size-10);
--border-radius--3xsm: var(--sizes--size-3);
--_components---cards--vertical-md: var(--sizes--size-8);
--_components---cards--horizontal-md: var(--sizes--size-8);
--core--sizes--margins--xlg\: var(--sizes--size-9);
--buttons--md: var(--sizes--size-9);
--_typography---core--font--icons--line-rounded: "Line Rounded Icon Font Brix", Arial, sans-serif;
--_colors---global--colors--opacity--none: #fff0;
--core--colors--neutrals--800\: #19213d;
--sizes--size-7: 1.5rem;
--sizes--size-14: 5rem;
--border-radius--md: var(--sizes--size-7);
--sizes--size-9: 2.5rem;
--sizes--size-10: 3rem;
--inner-container--lg: 90rem;
--sizes--size-6: 1.25rem;
--gaps--4xs: var(--sizes--size-3);
--border-radius--xsm: var(--sizes--size-5);
--_colors---core--colors--system--red-100: #fff5f6;
--_colors---core--colors--system--red-400: #fe566b;
--_typography---core--font--displays--display-7: 2.5rem;
--core--sizes--margins--5xlg\: var(--sizes--size-13);
--text-area--md: 8.875rem;
--core--colors--primary--100\: #2388ff;
--text-area--sm: 7.5rem;
--gaps--lg: var(--sizes--size-9);
--gaps--3xlg: var(--sizes--size-12);
--core--sizes--margins--none\: var(--sizes--none);
--core--colors--neutrals--300\: #f1f3f7;
--sizes--size-2: .25rem;
--_global-variable-collection---global-padidngs--md\: var(--sizes--size-8);
--_global-variable-collection---global-gap--md\: var(--sizes--size-8);
--_global-variable-collection---global-padidngs--none\: var(--sizes--none);
--_typography---core--font--displays--display-6: 1.875rem;
--_colors---global--colors--box-shadow--neutral--lg: #9ac4ff0f;
--_colors---global--colors--box-shadow--neutral--md: #05112d0f;
--border-radius--none: var(--sizes--none);
--buttons--sm: var(--sizes--size-8);
--spacing--3xlg: var(--sizes--size-12);
--gaps--2xs: var(--sizes--size-5);
--sizes--size-1: .125rem;
--border-radius--4xsm: var(--sizes--size-2);
--core--colors--neutrals--100\: white;
--sizes--size-13: 4.5rem;
--_global-variable-collection---global-padidngs--5xsm\: var(--sizes--size-1);
--border-radius--5xsm: var(--sizes--size-1);
--_colors---core--colors--neutral--700: #293551;
--core--fonts--weight--medium\: 500;
--core--fonts--weight--bold\: 700;
--_global-variable-collection---global-font-sizes--sm\: var(--core--fonts--displays--display-1\);
--_colors---core--colors--secondary--200: #aeacff;
--_typography---font-colors--paragraph-dark-mode: var(--_colors---core--colors--neutral--200);
--gaps--3xs: var(--sizes--size-4);
--sizes--size-15: 6.25rem;
--_global-variable-collection---global-gap--sm\: var(--sizes--size-6);
--sizes--none: 0rem;
--gaps--2xlg: var(--sizes--size-10);
--core--colors--neutrals--200\: #f8faff;
--_components---cards--vertical-2xs: var(--sizes--size-6);
--_components---cards--horizontal-2xs: var(--sizes--size-6);
--_components---cards--vertical-lg: var(--sizes--size-9);
--_colors---core--colors--secondary--300: #60d2ff;
--border-radius--xlg: var(--sizes--size-9);
--sizes--size-12: 4rem;
--sections--sm: var(--sizes--size-14);
--_typography---core--font--icons--social-media: "Social Media Icon Font Brix", Arial, sans-serif;
--spacing--2xlg: var(--sizes--size-11);
--_typography---core--font--icons--filled-icon: "Filled Icon Brix", Arial, sans-serif;
--gaps--7xlg\: 300px;
--_global-variable-collection---global-border-radius--4xsm\: var(--sizes--size-2);
--_colors---core--colors--secondary--100: #efc1ff;
--_global-variable-collection---global-padidngs--sm\: var(--sizes--size-6);
--_global-variable-collection---global-border-radius--3xsm\: var(--sizes--size-3);
--_typography---core--font--weight--regular: 400;
--_colors---global--colors--box-shadow--neutral--sm: #05112d03;
--_colors---global--colors--box-shadow--primary--md: #4d91e11a;
--_colors---global--colors--box-shadow--neutral--xlg: #9ac4ff14;
--gaps--4xlg: var(--sizes--size-14);
--_typography---core--font--family--secondary-font: "Inter Tight", sans-serif;
--_typography---core--font--icons--default: var(--_typography---core--font--icons--line-rounded);
--_colors---core--colors--system--red-200: #fac6d0;
--_colors---core--colors--system--red-300: #fb93a3;
--_colors---core--colors--system--blue-100: #e3efff;
--_colors---core--colors--system--blue-200: #c3ddff;
--_colors---core--colors--system--blue-300: #8dc1ff;
--_typography---core--font--letter-spacing--none: 0px;
--_colors---core--colors--system--blue-400: #64a7ff;
--_typography---core--font--letter-spacing--sm: -.03em;
--_colors---core--colors--system--green-100: #eef9f5;
--_colors---core--colors--system--green-200: #e2fbea;
--_colors---core--colors--system--green-300: #adecbb;
--_colors---core--colors--system--green-400: #74d184;
--_colors---core--colors--system--yellow-100: #fffae9;
--_colors---core--colors--system--yellow-200: #faedbf;
--_colors---core--colors--system--yellow-300: #fbe080;
--_colors---core--colors--system--yellow-400: #efc42c;
--_colors---global--colors--box-shadow--primary--sm: #4d91e13b;
--_colors---global--colors--box-shadow--primary--lg: #4d91e11a;
--_colors---global--colors--box-shadow--primary--xlg: #4d91e11a;
--_colors---global--colors--box-shadow--secondary--sm: #9b202f1a;
--_colors---global--colors--box-shadow--secondary--md: #9b202f1a;
--_colors---global--colors--box-shadow--secondary--lg: #9b202f1a;
--_colors---global--colors--box-shadow--secondary--xlg: #9b202f24;
--sizes--size-16: 7.5rem;
--sizes--size-17: 8.75rem;
--spacing--4xlg: var(--sizes--size-13);
--spacing--6xlg: var(--sizes--size-15);
--sections--none: var(--sizes--none);
--border-radius--2xlg: var(--sizes--size-10);
--border-radius--3xlg: var(--sizes--size-11);
--border-radius--4xlg: var(--sizes--size-13);
--border-radius--5xlg: var(--sizes--size-14);
--core--fonts--displays--display-1\: 14px;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.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-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
background-color: var(--_colors---core--colors--neutral--100);
font-family: var(--_typography---core--font--family--primary-font);
color: var(--_typography---font-colors--paragraph-light-mode);
font-size: var(--_typography---core--font--displays--display-2);
line-height: var(--_typography---core--font--line-height--lg);
font-weight: var(--_typography---core--font--weight--mid);
letter-spacing: -.03em;
}
h1 {
font-family: var(--_typography---core--font--family--headline);
color: var(--_colors---core--colors--neutral--800);
font-size: var(--_typography---core--font--displays--display-9);
line-height: var(--_typography---core--font--line-height--sm);
font-weight: var(--_typography---core--font--weight--mid);
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
}
h2 {
font-family: var(--_typography---core--font--family--headline);
color: var(--_colors---core--colors--neutral--800);
font-size: var(--_typography---core--font--displays--display-8);
line-height: var(--_typography---core--font--line-height--md);
font-weight: var(--_typography---core--font--weight--mid);
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
}
h3 {
font-family: var(--_typography---core--font--family--headline);
color: var(--_colors---core--colors--neutral--800);
font-size: var(--_typography---core--font--displays--display-5);
line-height: var(--_typography---core--font--line-height--md);
font-weight: var(--_typography---core--font--weight--mid);
margin-top: 0;
margin-bottom: 0;
}
h4 {
font-family: var(--_typography---core--font--family--headline);
color: var(--_colors---core--colors--neutral--800);
font-size: var(--_typography---core--font--displays--display-4);
line-height: var(--_typography---core--font--line-height--md);
font-weight: var(--_typography---core--font--weight--mid);
margin-top: 0;
margin-bottom: 0;
}
h5 {
font-family: var(--_typography---core--font--family--headline);
color: var(--_colors---core--colors--neutral--800);
font-size: var(--_typography---core--font--displays--display-3);
line-height: var(--_typography---core--font--line-height--md);
font-weight: var(--_typography---core--font--weight--mid);
margin-top: 0;
margin-bottom: 0;
}
h6 {
font-family: var(--_typography---core--font--family--headline);
color: var(--_colors---core--colors--neutral--800);
font-size: var(--_typography---core--font--displays--display-2);
line-height: var(--_typography---core--font--line-height--md);
font-weight: var(--_typography---core--font--weight--mid);
margin-top: 0;
margin-bottom: 0;
}
p {
margin-bottom: 0;
}
a {
color: var(--_colors---core--colors--neutral--600);
text-decoration: underline;
transition: color .3s;
}
a:hover {
color: var(--_colors---core--colors--neutral--500);
}
ul {
margin-top: 0;
margin-bottom: var(--core--sizes--margins--sm\);
padding-left: var(--spacing--lg);
}
ol {
margin-top: 0;
margin-bottom: var(--core--sizes--margins--2xsm\);
padding-left: var(--global--padding--default\);
}
img {
width: auto;
max-width: 100%;
height: auto;
display: inline-block;
}
label {
margin-bottom: var(--spacing--4xs);
color: var(--_colors---core--colors--neutral--800);
line-height: var(--_typography---core--font--line-height--md);
font-weight: var(--_typography---core--font--weight--mid);
display: block;
}
strong {
color: var(--_colors---core--colors--neutral--800);
font-weight: var(--_typography---core--font--weight--strong);
}
blockquote {
margin-top: var(--spacing--md);
margin-bottom: var(--spacing--md);
padding: var(--spacing--xlg);
border: 1px solid var(--_colors---core--colors--neutral--800);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--800);
color: var(--_colors---core--colors--neutral--100);
font-size: var(--_typography---core--font--displays--display-5);
line-height: var(--_typography---core--font--line-height--lg);
text-align: center;
}
figure {
margin-bottom: 10px;
}
.utility-page-wrap {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
max-height: 100%;
display: flex;
}
.utility-page-wrap.not-found-page {
padding-top: var(--sections--lg);
padding-bottom: var(--sections--lg);
overflow: hidden;
}
.utility-page-content {
text-align: center;
flex-direction: column;
max-width: 39.375rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
display: flex;
}
.utility-page-form {
padding-right: var(--spacing--sm);
padding-left: var(--spacing--sm);
flex-direction: column;
align-items: stretch;
display: flex;
}
.utp---nav-menu-wrapper {
width: 100%;
}
.link-content-flex {
grid-column-gap: var(--gaps--5xs);
grid-row-gap: var(--gaps--5xs);
justify-content: flex-start;
align-items: center;
display: flex;
}
.link-content-flex.accent {
color: var(--_colors---core--colors--primary--100);
}
.pd-bottom-medium {
padding-bottom: var(--core--sizes--margins--md\);
}
.mg-right-6x-extra-large {
margin-right: var(--core--sizes--margins--6xlg\);
}
.toggle-button-bg {
z-index: 1;
border: 1px solid var(--_colors---core--colors--primary--100);
border-radius: var(--border-radius--sm);
background-color: var(--_colors---core--colors--primary--100);
opacity: 0;
color: var(--_colors---core--colors--neutral--100);
position: absolute;
inset: 0;
}
.pd-right-extra-small {
padding-right: var(--core--sizes--margins--xsm\);
}
.notification-bar-padding {
padding: var(--spacing--md);
}
.utp---dropdown-icon {
background-color: var(--_colors---core--colors--neutral--200);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.utp---blocks-1440px-wrapper {
width: 100%;
max-width: 90rem;
overflow: hidden;
}
.utp---blocks-1440px-wrapper.overflow-visible {
overflow: visible;
}
.logo-wrapper {
justify-content: flex-start;
align-items: center;
display: inline-flex;
}
.pd-right-4x-extra-small {
padding-right: var(--core--sizes--margins--4xsm\);
}
.mg-top-6x-extra-large {
margin-top: var(--core--sizes--margins--6xlg\);
}
.mg-bottom-large {
margin-bottom: var(--sizes--size-8);
}
.accordion-bottom {
overflow: hidden;
}
.toggle-item-wrapper {
color: #19213d;
}
.hover-rotate-card-wrapper {
perspective: 2000px;
transform-origin: 50%;
}
.mg-top-5x-extra-large {
margin-top: var(--spacing--5xlg);
}
.pd-bottom-5x-extra-small {
padding-bottom: var(--core--sizes--margins--5xsm\);
}
.sales-home---hero-link-wrapper {
border: 1px solid var(--_colors---core--colors--neutral--200);
border-radius: var(--border-radius--sm);
transform-style: preserve-3d;
flex: none;
max-width: 21.25rem;
transition-property: transform;
display: flex;
overflow: hidden;
box-shadow: 0 1px 3px #19213d1a;
}
.sales-home---hero-link-wrapper:hover {
transform: scale3d(.98, .98, 1.01);
}
.text-light {
color: var(--_colors---core--colors--neutral--100);
}
.dropdown-toogle {
padding: var(--spacing--none);
grid-column-gap: var(--gaps--5xs);
grid-row-gap: var(--gaps--5xs);
color: var(--_typography---font-colors--title-light-mode);
align-items: center;
display: flex;
}
.dropdown-toogle.w--open {
color: var(--_typography---font-colors--text-accent);
}
.inner-container {
max-width: 75rem;
}
.inner-container._25rem {
max-width: 25rem;
}
.inner-container._40rem {
max-width: 40rem;
}
.inner-container._32-8rem {
max-width: 32.8rem;
}
.inner-container._20rem {
max-width: 20rem;
}
.inner-container._23-75rem {
max-width: 23.75rem;
}
.inner-container._26-25rem {
max-width: 26.25rem;
}
.inner-container._56-25rem {
max-width: 56.25rem;
}
.inner-container._30-3rem {
max-width: 30.3rem;
}
.inner-container._28-75rem {
max-width: 28.75rem;
}
.inner-container._31-25rem {
max-width: 31.25rem;
}
.inner-container.center {
margin-left: auto;
margin-right: auto;
}
.inner-container._21-8rem {
max-width: 21.8rem;
}
.inner-container._33-75rem {
max-width: 33.75rem;
}
.inner-container._34-37rem {
max-width: 34.37rem;
}
.inner-container._35rem {
max-width: 35rem;
}
.inner-container._27-5rem {
max-width: 27.5rem;
}
.inner-container._24rem {
max-width: 24rem;
}
.inner-container._18-75rem {
max-width: 18.75rem;
}
.inner-container._16-56rem {
max-width: 16.56rem;
}
.inner-container._22-8rem {
max-width: 22.8rem;
}
.inner-container._60rem {
max-width: 60rem;
}
.inner-container._48-75rem {
max-width: 48.75rem;
}
.inner-container._43-375rem {
max-width: 43.375rem;
}
.inner-container._50rem {
max-width: 50rem;
}
.inner-container._46-87rem {
max-width: 46.87rem;
}
.inner-container._42rem {
max-width: 42rem;
}
.inner-container._20-8rem {
max-width: 20.8rem;
}
.inner-container._25-75rem {
max-width: 25.75rem;
}
.utp---buttons-top {
justify-content: center;
margin-bottom: 16px;
display: flex;
}
.pd-right-4x-extra-large {
padding-right: var(--core--sizes--margins--4xlg\);
}
.nav-menu-left-side {
grid-column-gap: var(--spacing--md);
align-items: center;
display: flex;
}
.pd-bottom-3x-extra-large {
padding-bottom: var(--core--sizes--margins--3xlg\);
}
.pd-left-2x-extra-small {
padding-left: var(--core--sizes--margins--2xsm\);
}
.mg-right-3x-extra-large {
margin-right: var(--core--sizes--margins--3xlg\);
}
.utp---color-block {
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--sm);
height: 9.75rem;
}
.mg-right-5x-extra-small {
margin-right: var(--core--sizes--margins--5xsm\);
}
.image.cover-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.pd-bottom-3x-extra-small {
padding-bottom: var(--core--sizes--margins--3xsm\);
}
.container-default {
max-width: var(--inner-container--md);
padding-right: var(--spacing--sm);
padding-left: var(--spacing--sm);
width: 100%;
margin-left: auto;
margin-right: auto;
}
.container-default.z-index-1 {
z-index: 1;
position: relative;
}
.section {
padding-top: var(--sections--xl);
padding-bottom: var(--sections--xl);
}
.section.small {
padding-top: var(--sections--md);
padding-bottom: var(--sections--md);
}
.section.pd-top-bottom-extra-large {
padding-top: var(--sections--lg);
padding-bottom: var(--sections--lg);
}
.section.logo-strip-section {
padding-top: var(--sections--xs);
padding-bottom: var(--sections--xs);
overflow: hidden;
}
.section.pd-top-none {
padding-top: 0;
}
.section.hero-v2 {
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.section.overflow-hidden {
overflow: hidden;
}
.section.top {
padding-top: var(--sections--2xs);
}
.section.demo-section {
padding-top: var(--sections--2xs);
padding-bottom: var(--sections--md);
}
.section.sign-up-page {
padding-top: var(--sections--2xs);
padding-bottom: var(--sections--2xs);
flex-flow: column;
justify-content: center;
display: flex;
position: relative;
}
.section.career-single-hero {
padding-top: var(--sections--2xs);
padding-bottom: var(--sections--lg);
position: relative;
}
.section.integrations-hero {
padding-top: var(--sections--2xs);
position: relative;
overflow: hidden;
}
.social-media-grid {
grid-column-gap: var(--sizes--size-5);
align-items: center;
display: flex;
}
.social-media-grid.small {
grid-column-gap: var(--sizes--size-3);
}
.input {
height: var(--inputs--md);
padding: var(--spacing--3xs) var(--spacing--sm);
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--6xlg);
background-color: var(--_colors---core--colors--neutral--100);
color: var(--_colors---core--colors--neutral--800);
font-size: var(--_typography---core--font--displays--display-2);
line-height: var(--_typography---core--font--line-height--md);
margin-bottom: 0;
transition: border-color .3s;
box-shadow: 0 2px 4px #9ac4ff0f, 0 1px 1px #05112d0f;
}
.input:hover {
border-color: var(--_colors---core--colors--neutral--500);
}
.input:focus {
border-color: var(--_colors---core--colors--primary--100);
}
.input::placeholder {
color: var(--_colors---core--colors--neutral--600);
}
.input.small {
height: var(--inputs--sm);
padding: var(--spacing--5xs) var(--spacing--2xs);
font-size: var(--_typography---core--font--displays--display-1);
}
.input.inside-input::placeholder {
font-size: var(--_typography---core--font--displays--display-2);
}
.input.neutral {
border-color: var(--_colors---core--colors--neutral--200);
background-color: var(--_colors---core--colors--neutral--200);
box-shadow: none;
}
.input.neutral:hover {
border-color: var(--_colors---core--colors--neutral--400);
}
.input.neutral:focus {
border-color: var(--_colors---core--colors--neutral--800);
}
.inline-flex {
justify-content: flex-start;
align-items: center;
display: inline-flex;
}
.item-icon-left {
margin-right: var(--spacing--5xs);
}
.utp---typography-grid-row {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
justify-content: space-between;
align-items: center;
display: flex;
}
.utp---typography-grid-row.header {
padding-bottom: var(--spacing--2xs);
border-bottom: 1.5px solid #f1f3f7;
}
.radio-button-label {
color: #19213d;
margin-bottom: 0;
}
.utp--sidebar-wrapper {
background-color: var(--_colors---core--colors--neutral--100);
height: 100vh;
max-height: 100vh;
position: sticky;
top: 0;
overflow: scroll;
box-shadow: 2px 0 6px #19213d1a;
}
.card-wrapper {
position: sticky;
}
.display-2 {
font-family: var(--_typography---core--font--family--headline);
font-size: var(--_typography---core--font--displays--display-2);
line-height: var(--_typography---core--font--line-height--md);
}
.display-2.text-neutral-500 {
color: var(--_colors---core--colors--neutral--500);
}
.display-2.text-titles:where(.w-variant-ecc9a453-713e-ccc6-cbad-30f5d7eda411), .display-2.text-titles:where(.w-variant-4a5960b0-99f1-6400-cd78-c5b07335994b), .display-2.text-titles:where(.w-variant-793ab0e0-2625-c453-f681-bcecc8d7679b) {
color: var(--_typography---font-colors--title-dark-mode);
}
.sales-home---pages-container {
margin-top: var(--core--sizes--margins--lg\);
grid-row-gap: var(--sizes--size-5);
flex-direction: column;
align-items: center;
display: flex;
}
.pd-top-3x-extra-large {
padding-top: var(--core--sizes--margins--3xlg\);
}
.mg-left-5x-extra-small {
margin-left: var(--core--sizes--margins--5xsm\);
}
.pd-top-2x-extra-small {
padding-top: var(--core--sizes--margins--2xsm\);
}
.display-10 {
font-family: var(--_typography---core--font--family--headline);
font-size: var(--_typography---core--font--displays--display-10);
line-height: var(--_typography---core--font--line-height--md);
}
.header-container-wrapper {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--none);
justify-content: space-between;
align-items: center;
display: flex;
}
.header-container-wrapper.center {
justify-content: center;
}
.display-8 {
font-family: var(--_typography---core--font--family--headline);
font-size: var(--_typography---core--font--displays--display-8);
line-height: var(--_typography---core--font--line-height--md);
}
.display-8.text-titles---dark-mode {
color: var(--_typography---font-colors--title-dark-mode);
}
.icon-font-squared {
font-family: var(--_typography---core--font--icons--line-squared);
}
.mg-bottom-3x-extra-large {
margin-bottom: var(--sizes--size-11);
}
.pd-bottom-6x-extra-large {
padding-bottom: var(--core--sizes--margins--6xlg\);
}
.sales-home---cta-card-image {
min-width: 61rem;
max-width: 61rem;
margin-bottom: -2rem;
}
.grid-3-columns {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.dropdown-link {
color: #6d758f;
font-size: var(--_typography---core--font--displays--display-2);
line-height: 1.25em;
text-decoration: none;
}
.dropdown-link:hover {
color: #19213d;
}
.mid {
font-weight: var(--_typography---core--font--weight--mid);
}
.sales-home---surprises-image-wrapper {
border-radius: var(--border-radius--sm);
overflow: hidden;
}
.pd-right-2x-extra-large {
padding-right: var(--core--sizes--margins--2xlg\);
}
.utp---block-badge {
margin-left: var(--core--sizes--margins--3xsm\);
padding: var(--spacing--3xs);
border-top-left-radius: var(--border-radius--3xsm);
border-top-right-radius: var(--border-radius--3xsm);
background-color: var(--_colors---core--colors--primary--100);
color: var(--_colors---core--colors--neutral--100);
font-size: var(--_typography---core--font--displays--display-1);
line-height: var(--_typography---core--font--line-height--sm);
font-weight: var(--_typography---core--font--weight--strong);
letter-spacing: .08em;
text-transform: uppercase;
align-self: flex-start;
}
.text-neutral-light {
color: var(--_colors---core--colors--neutral--500);
}
.mg-top-4x-extra-large {
margin-top: var(--core--sizes--margins--4xlg\);
}
.card-pages-included---bottom-content {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
text-align: center;
flex-direction: column;
display: flex;
}
.mg-left-2x-extra-large {
margin-left: var(--core--sizes--margins--2xlg\);
}
.pd-top-5x-extra-small {
padding-top: var(--core--sizes--margins--5xsm\);
}
.pd-bottom-extra-large {
padding-bottom: var(--core--sizes--margins--xlg\);
}
._20-625rem {
width: 100%;
max-width: 20.625rem;
}
.hamburger-menu {
width: var(--buttons--md);
height: var(--buttons--md);
min-height: var(--buttons--md);
min-width: var(--buttons--md);
padding: var(--spacing--4xs);
grid-row-gap: 0px;
border-radius: var(--border-radius--3xsm);
background-color: var(--_colors---core--colors--primary--100);
flex-direction: row;
justify-content: center;
align-items: center;
transition: background-color .3s, transform .3s;
position: static;
}
.hamburger-menu:hover {
background-color: var(--_colors---core--colors--primary--100);
transform: scale(.94);
}
.hamburger-menu.w--open {
background-color: var(--_colors---core--colors--primary--100);
}
.max-width-64px {
max-width: 64px;
}
.utp---sidebar-dropdown {
width: 100%;
}
.mg-top-2x-extra-small {
margin-top: var(--spacing--2xs);
}
.header-wrapper {
padding-top: var(--spacing--sm);
padding-bottom: var(--spacing--sm);
background-color: #0000;
width: 100%;
}
.header-wrapper.v3 {
padding-top: var(--spacing--md);
padding-bottom: var(--spacing--md);
}
.utp---card-shadow {
padding: var(--spacing--3xs);
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--sm);
background-color: var(--_colors---core--colors--neutral--100);
text-align: center;
justify-content: center;
align-items: center;
min-height: 148px;
display: flex;
}
.icon-font-rounded {
font-family: var(--_typography---core--font--icons--line-rounded);
}
.icon-font-rounded.dropdown-arrow {
justify-content: center;
align-items: center;
display: flex;
}
.grid-4-columns {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.success-message-wrapper {
background-color: #0000;
width: 100%;
padding: 0;
}
.utp---spacers-wrapper {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
flex-wrap: wrap;
align-items: flex-start;
display: flex;
}
.utp---spacers-wrapper.bottom-aligned {
align-items: flex-end;
}
.mg-left-2x-extra-small {
margin-left: var(--core--sizes--margins--2xsm\);
}
.utp---card-logo {
padding: var(--spacing--sm);
aspect-ratio: 1;
border: 1px solid var(--_colors---global--colors--opacity--none);
border-radius: var(--border-radius--sm);
background-color: var(--_colors---core--colors--neutral--100);
text-align: center;
justify-content: center;
align-items: center;
min-width: 80px;
min-height: 80px;
display: flex;
box-shadow: 0 2px 8px #19213d1a;
}
.utp---card-logo.auto-padding {
padding: var(--spacing--2xs);
min-height: 98px;
}
.utp---card-logo.dark-card {
border-color: #19213d #19213d var(--_colors---core--colors--neutral--800) var(--core--colors--neutrals--800\);
background-color: var(--_colors---core--colors--neutral--800);
}
.toggle-button-circle-inside {
z-index: 2;
color: #fff;
background-color: #fff;
border-radius: 100%;
min-width: 14px;
max-width: 14px;
min-height: 14px;
max-height: 14px;
transition: transform .3s;
position: relative;
box-shadow: 0 1px 1px #19213d1a;
}
.toggle-button-circle-inside.small {
min-width: 10px;
max-width: 10px;
min-height: 10px;
max-height: 10px;
}
.display-4 {
font-family: var(--_typography---core--font--family--headline);
font-size: var(--_typography---core--font--displays--display-4);
line-height: var(--_typography---core--font--line-height--md);
}
.mg-bottom-medium {
margin-bottom: var(--sizes--size-7);
}
.pd-top-extra-large {
padding-top: var(--core--sizes--margins--xlg\);
}
.mg-bottom-6x-extra-large {
margin-bottom: var(--sizes--size-14);
}
.utility-page-image {
margin-bottom: var(--core--sizes--margins--lg\);
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--md);
width: 100%;
}
.utility-page-image.last {
margin-bottom: 0;
}
.mg-bottom-extra-large {
margin-bottom: var(--sizes--size-9);
}
.grid-footer-v1 {
grid-column-gap: var(--sizes--size-7);
grid-row-gap: var(--sizes--size-7);
grid-template-rows: auto;
grid-template-columns: auto auto;
justify-content: space-between;
}
.footer-wrapper {
max-width: var(--inner-container--lg);
padding-right: var(--spacing--sm);
padding-bottom: var(--sizes--size-6);
padding-left: var(--spacing--sm);
background-color: #fff;
margin-left: auto;
margin-right: auto;
overflow: clip;
}
.footer-wrapper.v3 {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.pd-left-3x-extra-small {
padding-left: var(--core--sizes--margins--3xsm\);
}
.pd-left-small {
padding-left: var(--core--sizes--margins--sm\);
}
.pd-top-4x-extra-large {
padding-top: var(--core--sizes--margins--4xlg\);
}
.checkbox-wrapper {
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
line-height: var(--_typography---core--font--line-height--sm);
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.checkbox-wrapper.small {
font-size: var(--_typography---core--font--displays--display-1);
}
.error-message-wrapper {
margin: var(--sizes--size-4) 0px 0px;
padding: var(--spacing--2xs);
border-radius: var(--border-radius--xsm);
background-color: var(--_colors---core--colors--system--red-100);
color: var(--_colors---core--colors--system--red-400);
text-align: center;
}
.utp---title-wrapper {
margin-bottom: var(--core--sizes--margins--md\);
padding-top: var(--spacing--sm);
padding-bottom: var(--spacing--sm);
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
border-bottom: 1.5px solid var(--_colors---core--colors--neutral--300);
align-items: center;
display: flex;
}
.pd-left-5x-extra-small {
padding-left: var(--core--sizes--margins--5xsm\);
}
.mg-bottom-2x-extra-small {
margin-bottom: var(--sizes--size-4);
}
.pd-bottom-extra-small {
padding-bottom: var(--core--sizes--margins--xsm\);
}
.mg-left-medium {
margin-left: var(--core--sizes--margins--md\);
}
.display-7 {
font-family: var(--_typography---core--font--family--headline);
font-size: var(--_typography---core--font--displays--display-7);
line-height: var(--_typography---core--font--line-height--md);
}
.mg-left-5x-extra-large {
margin-left: var(--core--sizes--margins--5xlg\);
}
.pd-top-small {
padding-top: var(--core--sizes--margins--sm\);
}
.text-area {
min-height: var(--text-area--md);
padding: var(--spacing--sm);
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--md);
background-color: var(--_colors---core--colors--neutral--100);
color: var(--_colors---core--colors--neutral--800);
font-size: var(--_typography---core--font--displays--display-2);
line-height: var(--_typography---core--font--line-height--lg);
margin-bottom: 0;
transition: border-color .3s;
box-shadow: 0 4px 4px #9ac4ff0f, 0 1px 1px #05112d0f;
}
.text-area:hover {
border-color: var(--_colors---core--colors--neutral--500);
}
.text-area:focus {
border-color: var(--core--colors--primary--100\) var(--core--colors--primary--100\) var(--_colors---core--colors--primary--100);
}
.text-area::placeholder {
color: var(--_colors---core--colors--neutral--600);
}
.text-area.small {
min-height: var(--text-area--sm);
padding: var(--spacing--2xs);
font-size: var(--_typography---core--font--displays--display-1);
}
.text-area.neutral {
border-color: var(--_colors---core--colors--neutral--200);
background-color: var(--_colors---core--colors--neutral--200);
}
.text-area.neutral:hover {
border-color: var(--_colors---core--colors--neutral--400);
}
.text-area.neutral:focus {
border-color: var(--_colors---core--colors--neutral--800);
}
.sales-home-cta-card-square-logo {
border-radius: var(--border-radius--3xsm);
max-width: 56px;
margin-bottom: 16px;
box-shadow: 0 2px 4px #19213d1a;
}
.flex-horizontal {
justify-content: center;
align-items: center;
display: flex;
}
.flex-horizontal.gap-small {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
}
.flex-horizontal.justify-start {
justify-content: flex-start;
}
.flex-horizontal.n-bar---space-between {
grid-column-gap: var(--gaps--lg);
grid-row-gap: var(--gaps--3xlg);
justify-content: space-between;
}
.flex-horizontal.n-bar-center---button-right {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
}
.mg-bottom-0 {
margin-bottom: var(--core--sizes--margins--none\);
}
.footer-column-item {
line-height: var(--_typography---core--font--line-height--md);
}
.paragraph-small {
font-size: var(--_typography---core--font--displays--display-1);
}
.utp---card-color {
padding: var(--spacing--2xs);
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
border-style: solid;
border-width: 1px;
border-color: var(--core--colors--neutrals--300\) var(--core--colors--neutrals--300\) var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--md);
background-color: var(--_colors---core--colors--neutral--100);
flex-direction: column;
display: flex;
box-shadow: 0 1px 4px #19213d1a;
}
.mg-bottom-4x-extra-small {
margin-bottom: var(--sizes--size-2);
}
.link-nav-item.show-on-mobile {
display: none;
}
.mg-left-6x-extra-large {
margin-left: var(--core--sizes--margins--6xlg\);
}
.logo-link {
color: #19213d;
transition: transform .3s;
}
.logo-link:hover {
transform: scale(.92);
}
.logo-link.small {
max-width: 2.5rem;
}
.logo-link.full {
width: 100%;
max-width: 11.5rem;
}
.mg-bottom-small {
margin-bottom: var(--sizes--size-6);
}
.display-5 {
font-family: var(--_typography---core--font--family--headline);
font-size: var(--_typography---core--font--displays--display-5);
line-height: var(--_typography---core--font--line-height--md);
}
.display-5.text-neutral-500 {
color: var(--_colors---core--colors--neutral--500);
}
.mg-right-2x-extra-large {
margin-right: var(--core--sizes--margins--2xlg\);
}
.select-icon-wrapper {
background-color: var(--_colors---core--colors--neutral--100);
cursor: default;
flex-direction: column;
justify-content: center;
padding-right: 16px;
display: flex;
position: absolute;
inset: 0% 0 0% auto;
}
.select-icon-wrapper.left {
padding-right: 0;
inset: 0% auto 0% 16px;
}
.select-icon-wrapper.left.small {
padding-right: 0;
left: 12px;
}
.select-icon-wrapper.small {
padding-right: 12px;
}
.select-icon-wrapper.neutral {
background-color: var(--_colors---core--colors--neutral--200);
color: var(--_typography---font-colors--title-light-mode);
}
.pd-left-3x-extra-large {
padding-left: var(--core--sizes--margins--3xlg\);
}
.utp---buttons-sidebar-item-wrapper {
padding-top: var(--_global-variable-collection---global-padidngs--md\);
padding-bottom: var(--_global-variable-collection---global-padidngs--md\);
grid-column-gap: var(--_global-variable-collection---global-gap--md\);
grid-row-gap: var(--_global-variable-collection---global-gap--md\);
grid-template-rows: 1fr;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
place-items: center end;
height: 100%;
display: grid;
}
.utp---buttons-sidebar-item-wrapper.tablet {
display: none;
}
.utp---buttons-sidebar-item-wrapper.badges {
align-items: start;
}
.utp---sidebar-dropdown-button {
padding: var(--spacing--4xs);
color: var(--_colors---core--colors--neutral--800);
font-size: var(--_typography---core--font--displays--display-1);
line-height: var(--_typography---core--font--line-height--md);
font-weight: var(--_typography---core--font--weight--strong);
letter-spacing: .08em;
text-transform: uppercase;
justify-content: space-between;
align-items: center;
width: 100%;
transition: transform .3s;
display: flex;
}
.utp---sidebar-dropdown-button:hover {
transform: translate(6px);
}
.pd-top-large {
padding-top: var(--core--sizes--margins--lg\);
}
.mg-top-48px {
margin-top: 40px;
}
.display-6 {
font-family: var(--_typography---core--font--family--headline);
font-size: var(--_typography---core--font--displays--display-6);
line-height: var(--_typography---core--font--line-height--md);
letter-spacing: -.03em;
}
.display-6.text-titles---dark-mode {
color: var(--_typography---font-colors--title-dark-mode);
}
.mg-right-small {
margin-right: var(--core--sizes--margins--sm\);
}
.footer-column-links {
grid-column-gap: var(--sizes--size-5);
grid-row-gap: var(--sizes--size-5);
flex-direction: column;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.pd-right-medium {
padding-right: var(--core--sizes--margins--md\);
}
.image-wrapper {
overflow: hidden;
}
.image-wrapper.border-radius-image-default {
border-radius: var(--border-radius--lg);
overflow: hidden;
}
.image-wrapper.border-shadow-small {
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--md);
box-shadow: 0 4px 4px 0 var(--_colors---global--colors--box-shadow--neutral--lg), 0 1px 1px 0rem var(--_colors---global--colors--box-shadow--neutral--md);
}
.image-wrapper.border-small {
border-radius: var(--border-radius--md);
}
.template-pages---sidebar-navigation {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.mg-top-extra-small {
margin-top: var(--core--sizes--margins--xsm\);
}
.divider {
background-color: var(--_colors---core--colors--neutral--300);
height: 1px;
}
.divider.mg-large {
margin-top: var(--spacing--lg);
margin-bottom: var(--spacing--lg);
}
.divider.mg-default {
margin-top: var(--core--sizes--margins--sm\);
margin-bottom: var(--core--sizes--margins--sm\);
}
.divider.utp---components-divider {
margin-top: var(--core--sizes--margins--sm\);
margin-bottom: var(--core--sizes--margins--lg\);
}
.nav-menu-wrapper {
background-color: var(--_colors---global--colors--opacity--none);
}
.dropdown-pd {
margin-top: var(--spacing--3xs);
padding: var(--_components---cards--horizontal-md);
grid-column-gap: var(--sizes--size-7);
grid-row-gap: var(--sizes--size-7);
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--md);
background-color: var(--_colors---core--colors--neutral--100);
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
display: grid;
}
.utp---typography-grid-item._55 {
width: 55%;
}
.utp---typography-grid-item._26-5 {
width: 26.5%;
}
.utp---typography-grid-item._11 {
width: 11%;
}
.mg-left-3x-extra-small {
margin-left: var(--core--sizes--margins--3xsm\);
}
.hamburger-menu-line {
border-radius: var(--border-radius--2xsm);
background-color: var(--_colors---core--colors--neutral--100);
width: 1.5rem;
height: .125rem;
}
.secondary-button-icon {
width: var(--buttons--md);
height: var(--buttons--md);
min-height: var(--buttons--md);
min-width: var(--buttons--md);
border: 1px solid var(--_colors---core--colors--neutral--400);
border-radius: var(--border-radius--3xsm);
color: var(--_colors---core--colors--neutral--800);
text-align: center;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
text-decoration: none;
transition: transform .3s;
display: flex;
}
.secondary-button-icon:hover {
color: #19213d;
transform: scale3d(.94, .94, 1.01);
}
.secondary-button-icon.small {
width: var(--buttons--sm);
height: var(--buttons--sm);
min-height: var(--buttons--sm);
min-width: var(--buttons--sm);
border-radius: var(--border-radius--3xsm);
font-size: var(--_typography---core--font--displays--display-1);
}
.secondary-button-icon.dark-mode {
border-color: var(--_colors---core--colors--neutral--100);
color: var(--_colors---core--colors--neutral--100);
}
.text-paragraph {
color: var(--_colors---core--colors--neutral--600);
}
.mg-top-3x-extra-large {
margin-top: var(--spacing--3xlg);
}
.arrow-card-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.mg-top-3x-extra-small {
margin-top: var(--spacing--3xs);
}
.mg-left-extra-small {
margin-left: var(--core--sizes--margins--xsm\);
}
.utp---spacer-wrapper {
border: 1.5px solid var(--_colors---core--colors--primary--100);
background-color: var(--_colors---core--colors--neutral--100);
color: var(--_colors---core--colors--primary--100);
font-size: var(--_typography---core--font--displays--display-1);
line-height: var(--_typography---core--font--line-height--sm);
font-weight: var(--_typography---core--font--weight--mid);
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
}
.nav-menu-right-side {
grid-column-gap: var(--sizes--size-4);
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.text-titles {
color: var(--_colors---core--colors--neutral--800);
}
.grid-pages {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-pages.last-row {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.pd-top-2x-extra-large {
padding-top: var(--core--sizes--margins--2xlg\);
}
.display-9 {
font-family: var(--_typography---core--font--family--headline);
font-size: var(--_typography---core--font--displays--display-9);
line-height: var(--_typography---core--font--line-height--md);
}
.mg-bottom-5x-extra-small {
margin-bottom: var(--sizes--size-1);
}
.mg-bottom-2x-extra-large {
margin-bottom: var(--sizes--size-10);
}
.mg-left-large {
margin-left: var(--core--sizes--margins--lg\);
}
.pd-top-5x-extra-large {
padding-top: var(--core--sizes--margins--5xlg\);
}
.pd-right-3x-extra-small {
padding-right: var(--core--sizes--margins--3xsm\);
}
.utp---styles-and-components-wrapper {
margin-bottom: var(--core--sizes--margins--5xlg\);
}
.accordion-paragraph {
margin-top: var(--sizes--size-3);
max-width: 410px;
}
.utp---grid-social-media-icons {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(24px, 24px));
}
.social-media-icon-wrapper {
border-radius: var(--border-radius--4xsm);
background-color: var(--_colors---core--colors--primary--100);
color: var(--_colors---core--colors--neutral--100);
font-size: var(--_typography---core--font--displays--display-1);
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
text-decoration: none;
transition: transform .3s;
display: flex;
}
.social-media-icon-wrapper:hover {
color: var(--core--colors--neutrals--100\);
transform: scale(.92);
}
.social-media-icon-wrapper.github {
background-color: #24292f;
}
.social-media-icon-wrapper.tumblr {
background-color: #001935;
}
.social-media-icon-wrapper.product-hunt {
background-color: #ff6155;
}
.social-media-icon-wrapper.snapchat {
background-color: #fffc00;
}
.social-media-icon-wrapper.google-podcast {
background-color: #fff;
border: 1px solid #e1e4ed;
}
.social-media-icon-wrapper.vk {
background-color: #07f;
}
.social-media-icon-wrapper.line {
background-color: #3ace01;
}
.social-media-icon-wrapper.linkedin {
background-color: #0a6ed2;
}
.social-media-icon-wrapper.behance {
background-color: #205bf6;
}
.social-media-icon-wrapper.yelp {
background-color: #ff1a1a;
}
.social-media-icon-wrapper.instagram {
background-color: #0000;
background-image: linear-gradient(135deg, #8423ffb5, #ff881900), radial-gradient(circle, #fa2d9b, #ff9467 81%, #ffd231);
}
.social-media-icon-wrapper.dribbble {
background-color: #fc4d91;
}
.social-media-icon-wrapper.spotify {
background-color: #1ed760;
}
.social-media-icon-wrapper.apple-podcast {
background-image: linear-gradient(#d272f7, #8433be);
}
.social-media-icon-wrapper.messager {
background-image: linear-gradient(#f84781, #5d78f6 67%, #0073ff);
}
.social-media-icon-wrapper.google {
background-color: #fff;
border: 1px solid #e1e4ed;
}
.social-media-icon-wrapper.twitter {
background-color: #1da1f2;
}
.social-media-icon-wrapper.reddit {
background-color: #ff4500;
}
.social-media-icon-wrapper.telegram {
background-image: linear-gradient(#00acff, #0098e1);
}
.social-media-icon-wrapper.soundcloud {
background-image: linear-gradient(#ff9436, #ff433a);
}
.social-media-icon-wrapper.tiktok {
background-color: #000;
}
.social-media-icon-wrapper.discord {
background-color: #5865f2;
}
.social-media-icon-wrapper.android {
background-color: #32de84;
}
.social-media-icon-wrapper.pinterest {
background-color: red;
}
.social-media-icon-wrapper.skype {
background-image: linear-gradient(#00c3ff, #0092dd);
}
.social-media-icon-wrapper.webflow {
background-color: #146ef5;
}
.social-media-icon-wrapper.twitch {
background-color: #9247fd;
}
.social-media-icon-wrapper.x {
background-color: #000;
}
.social-media-icon-wrapper.google-play {
background-color: #fff;
border: 1px solid #e1e4ed;
padding: 5px;
}
.social-media-icon-wrapper.apple {
background-color: #000;
}
.social-media-icon-wrapper.whatsapp {
background-color: #00d95f;
}
.social-media-icon-wrapper.wechat {
background-color: #2dc100;
}
.social-media-icon-wrapper.facebook {
background-color: #1877f2;
}
.social-media-icon-wrapper.medium {
background-color: #020202;
}
.social-media-icon-wrapper.apple-music {
background-image: linear-gradient(#fb5c74, #fa233b 72%);
}
.social-media-icon-wrapper.youtube {
background-color: red;
}
.pd-bottom-5x-extra-large {
padding-bottom: var(--core--sizes--margins--5xlg\);
}
.mg-bottom-5x-extra-large {
margin-bottom: var(--sizes--size-13);
}
.utp---sidebar-dropdown-list {
background-color: #0000;
padding-top: 8px;
overflow: hidden;
}
.utp---sidebar-dropdown-list.w--open {
position: static;
}
.radio-button-wrapper {
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
line-height: var(--_typography---core--font--line-height--sm);
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.radio-button-wrapper.small {
font-size: var(--_typography---core--font--displays--display-1);
}
.utp---components-wrapper {
grid-column-gap: 24px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.utp---badge {
padding: var(--_global-variable-collection---global-padidngs--5xsm\);
border: 1px solid var(--_colors---core--colors--neutral--200);
border-radius: var(--border-radius--5xsm);
background-color: var(--_colors---core--colors--neutral--200);
text-transform: uppercase;
box-shadow: 0 1px 4px #19213d1a;
}
.utp---badge.typography {
text-transform: capitalize;
}
.pd-left-5x-extra-large {
padding-left: var(--core--sizes--margins--5xlg\);
}
.badge-dark {
padding: var(--spacing--4xs);
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
border-radius: var(--border-radius--3xsm);
background-color: var(--_colors---core--colors--neutral--100);
color: var(--_colors---core--colors--neutral--800);
line-height: var(--_typography---core--font--line-height--md);
align-items: center;
display: flex;
}
.badge-dark.neutral {
background-color: var(--_colors---core--colors--neutral--700);
color: var(--_colors---core--colors--neutral--100);
}
.badge-dark.tertiary {
border: 1px solid var(--_colors---core--colors--neutral--700);
background-color: var(--_colors---core--colors--neutral--700);
color: var(--_colors---core--colors--neutral--100);
}
.badge-dark.secondary {
border: 1px solid var(--_colors---core--colors--neutral--100);
color: var(--_colors---core--colors--neutral--100);
background-color: #0000;
}
.badge-dark.secondary:where(.w-variant-8aa43ddb-8f75-3f4e-c80f-b717c83c8267) {
font-weight: var(--core--fonts--weight--medium\);
}
.badge-dark.secondary:where(.w-variant-1f1e75c5-5041-c9c7-e315-d9d9b42ee2d5) {
font-weight: var(--core--fonts--weight--bold\);
}
.badge-dark.secondary:where(.w-variant-a0f0cf83-13b8-f249-0236-f267b0699886) {
padding: var(--_global-variable-collection---global-padidngs--5xsm\);
grid-column-gap: var(--sizes--size-1);
grid-row-gap: var(--sizes--size-1);
font-size: var(--_global-variable-collection---global-font-sizes--sm\);
}
.badge-dark.secondary:where(.w-variant-07a3ae0f-dcb6-a886-046a-03ce3cdadb22) {
padding: var(--_global-variable-collection---global-padidngs--5xsm\);
grid-column-gap: var(--sizes--size-1);
grid-row-gap: var(--sizes--size-1);
font-size: var(--_global-variable-collection---global-font-sizes--sm\);
font-weight: var(--core--fonts--weight--medium\);
}
.badge-dark.secondary:where(.w-variant-6d916114-4c91-58ec-6686-d10f56a65d32) {
padding: var(--_global-variable-collection---global-padidngs--5xsm\);
grid-column-gap: var(--sizes--size-1);
grid-row-gap: var(--sizes--size-1);
font-size: var(--_global-variable-collection---global-font-sizes--sm\);
font-weight: var(--core--fonts--weight--bold\);
}
.badge-dark.small {
padding-right: var(--spacing--5xs);
padding-left: var(--spacing--5xs);
font-size: var(--_typography---core--font--displays--display-1);
}
.pd-bottom-large {
padding-bottom: var(--core--sizes--margins--lg\);
}
.pd-top-3x-extra-small {
padding-top: var(--core--sizes--margins--3xsm\);
}
.mg-right-large {
margin-right: var(--core--sizes--margins--lg\);
}
.badge {
padding: .375rem var(--spacing--4xs);
grid-column-gap: var(--sizes--size-4);
grid-row-gap: var(--sizes--size-4);
border-radius: var(--border-radius--3xsm);
background-color: var(--_colors---core--colors--primary--100);
color: var(--_colors---core--colors--neutral--100);
line-height: var(--_typography---core--font--line-height--md);
letter-spacing: -.03em;
justify-content: center;
align-items: center;
display: inline-flex;
box-shadow: 0 1px 3px #19213d1a;
}
.badge.tertiary {
border: 1px solid var(--_colors---core--colors--neutral--200);
background-color: var(--_colors---core--colors--secondary--200);
color: var(--_colors---core--colors--neutral--800);
}
.badge.secondary {
border: 1px solid var(--_colors---core--colors--neutral--800);
color: var(--_colors---core--colors--neutral--800);
background-color: #2388ff00;
box-shadow: 0 1px 3px #19213d1a;
}
.badge.neutral {
background-color: var(--_colors---core--colors--neutral--800);
}
.badge.small {
padding-right: var(--spacing--5xs);
padding-left: var(--spacing--5xs);
font-size: var(--_typography---core--font--displays--display-1);
}
.badge.category-link {
color: var(--_typography---font-colors--paragraph-dark-mode);
transform-style: preserve-3d;
text-decoration: none;
transition-property: transform;
transition-duration: .3s;
}
.badge.category-link:hover {
transform: scale3d(.96, .96, 1.01);
}
.mg-top-4x-extra-small {
margin-top: var(--spacing--4xs);
}
.item-icon-right {
margin-left: var(--spacing--5xs);
line-height: var(--_typography---core--font--line-height--sm);
min-width: 1rem;
max-width: 1rem;
min-height: 1rem;
max-height: 1rem;
}
.item-icon-right.small {
min-width: 14px;
max-width: 14px;
min-height: 14px;
max-height: 14px;
}
.pd-top-6x-extra-large {
padding-top: var(--core--sizes--margins--6xlg\);
}
.pd-top-medium {
padding-top: var(--core--sizes--margins--md\);
}
.pd-right-5x-extra-small {
padding-right: var(--core--sizes--margins--5xsm\);
}
.sales-home---cta-card-text-container {
padding: var(--spacing--md);
width: 100%;
}
.list-nav-menu {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.footer-top {
padding-top: var(--sizes--size-15);
padding-bottom: var(--sizes--size-10);
}
.mg-right-3x-extra-small {
margin-right: var(--core--sizes--margins--3xsm\);
}
.form-wrapper {
width: 100%;
margin-bottom: 0;
}
.form-wrapper._26-8rem {
max-width: 26.8rem;
}
.form-wrapper._28-2rem {
max-width: 28.2rem;
}
.flex-vertical {
flex-direction: column;
align-items: center;
display: flex;
}
.flex-vertical.n-bar---button-center {
grid-column-gap: var(--gaps--none);
grid-row-gap: var(--gaps--2xs);
}
.mg-right-extra-small {
margin-right: var(--core--sizes--margins--xsm\);
}
.input-wrapper {
width: 100%;
position: relative;
}
.utp---sidebar-dropdown-item {
padding: var(--spacing--4xs) var(--spacing--2xs);
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
border-radius: var(--border-radius--5xsm);
background-color: var(--_colors---core--colors--neutral--100);
color: var(--_colors---core--colors--neutral--600);
border: 1px solid #0000;
align-items: center;
text-decoration: none;
transition: color .3s, border-color .3s;
display: flex;
}
.utp---sidebar-dropdown-item:hover {
border-color: var(--_colors---core--colors--primary--100);
color: var(--_colors---core--colors--neutral--800);
}
.utp---sidebar-dropdown-item.w--current {
border-color: var(--core--colors--primary--100\);
color: var(--core--colors--primary--100\);
font-weight: var(--core--fonts--weight--bold\);
box-shadow: 0 1px 3px #2388ff1a;
}
.utp---components-head-wrapper {
padding-right: var(--spacing--sm);
padding-left: var(--spacing--sm);
grid-column-gap: var(--_global-variable-collection---global-gap--sm\);
grid-row-gap: var(--_global-variable-collection---global-gap--sm\);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
align-items: center;
width: 50%;
display: grid;
}
.utp---components-head-wrapper.links, .utp---components-head-wrapper.badges {
grid-template-columns: 1fr 1fr;
}
.utp---components-head-wrapper.center {
grid-template-columns: 1fr;
}
.utp---components-head-wrapper.buttons {
grid-template-columns: 1.5fr 1fr 1fr;
}
.utp---components-head-wrapper.avatars {
grid-template-columns: 24px 32px 40px 64px 120px;
justify-content: space-around;
justify-items: center;
width: 100%;
}
.width-100 {
width: 100%;
}
.grid-2-columns {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.grid-2-columns.surprises-image-right {
margin-bottom: var(--sections--lg);
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-columns: 1fr 1.14fr;
align-items: center;
}
.grid-2-columns.surprises-image-right.last {
margin-bottom: var(--sizes--none);
}
.grid-2-columns.surprises-image-right.first {
margin-top: var(--sections--lg);
}
.grid-2-columns.template-page-sidebar {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: .35fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-2-columns.surprises-image-left {
margin-bottom: var(--sections--lg);
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-columns: 1.14fr 1fr;
align-items: center;
}
.grid-2-columns.changelog-item {
padding-top: var(--spacing--lg);
padding-bottom: var(--spacing--lg);
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
border-top: 1px solid var(--_colors---core--colors--neutral--300);
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-2-columns.changelog-item.first {
padding-top: var(--spacing--none);
border-top-style: none;
}
.grid-2-columns._1fr---1fr {
grid-column-gap: var(--gaps--lg);
grid-row-gap: var(--gaps--lg);
align-items: center;
}
.footer-bottom {
padding-top: var(--spacing--3xlg);
padding-bottom: var(--spacing--md);
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
justify-content: space-between;
align-items: center;
display: flex;
}
.sidebar---navbar {
padding-top: var(--spacing--lg);
padding-right: var(--spacing--sm);
padding-left: var(--spacing--sm);
background-color: var(--_colors---core--colors--neutral--100);
}
.pd-left-large {
padding-left: var(--core--sizes--margins--lg\);
}
.display-1 {
font-family: var(--_typography---core--font--family--headline);
font-size: var(--_typography---core--font--displays--display-1);
line-height: var(--_typography---core--font--line-height--md);
}
.footer-title {
margin-bottom: var(--sizes--size-7);
color: var(--_typography---font-colors--title-dark-mode);
font-size: var(--_typography---core--font--displays--display-4);
line-height: var(--_typography---core--font--line-height--md);
}
.utp---buttons-sidebar {
flex-direction: column;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.utp---items-wrapper.mg-bottom {
margin-bottom: var(--core--sizes--margins--lg\);
}
.card {
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--100);
text-decoration: none;
overflow: hidden;
box-shadow: 0 4px 4px #d3d3d30f, 0 1px 1px #0e0e0e0f;
}
.card.utp---components-wrapper {
grid-column-gap: 0px;
flex-direction: row;
justify-content: center;
display: flex;
overflow: hidden;
}
.card.template-pages---sticky-card {
padding: var(--spacing--sm) var(--spacing--2xs);
position: sticky;
top: 24px;
}
.card.utp---icon-font {
padding: var(--spacing--md) var(--spacing--sm);
}
.card.typography-card {
padding: var(--spacing--lg) var(--spacing--sm);
}
.card.template-pages---text-card {
padding: var(--spacing--lg);
}
.card.buy-now {
transform-style: preserve-3d;
background-color: #146ef5;
border-style: none;
border-color: #146ef5;
flex-direction: column;
align-items: center;
text-decoration: none;
transition-property: transform;
display: flex;
box-shadow: 0 6px 20px #4a3aff14;
}
.card.buy-now:hover {
transform: scale3d(.98, .98, 1.01);
}
.card.buy-now.white {
border-color: var(--_colors---core--colors--neutral--100);
background-color: var(--_colors---core--colors--neutral--100);
box-shadow: 0 6px 20px #19213d1a;
}
.card.message {
padding: var(--spacing--md);
border-color: #f1f3f7 #f1f3f7 var(--core--colors--neutrals--200\);
text-align: left;
flex-direction: row;
align-items: flex-start;
display: flex;
}
.card.message.inside-input {
min-height: var(--inputs--md);
padding: var(--spacing--4xs) var(--spacing--3xs);
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--none);
border-radius: var(--border-radius--5xsm);
justify-content: center;
align-items: center;
}
.card.sales-home---page-link {
text-align: center;
transform-style: preserve-3d;
text-decoration: none;
transition-property: transform;
display: block;
}
.card.sales-home---page-link:hover {
transform: scale3d(.98, .98, 1.01);
}
.card.sales-home---text-and-image {
margin-top: var(--core--sizes--margins--sm\);
display: flex;
}
.card.search-card {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
cursor: pointer;
}
.card.feature-card-01 {
padding-top: var(--_components---cards--vertical-md);
padding-right: var(--_components---cards--horizontal-md);
padding-left: var(--_components---cards--horizontal-md);
transform-style: preserve-3d;
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a3b_multi-channel-inbox-bg-helper-webflow-template.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
flex-flow: column;
transition-property: all;
display: flex;
position: relative;
}
.card.feature-card-01:hover {
background-size: 120% 120%;
transform: translate3d(0, -4px, .01px);
}
.card.feature-card-02 {
z-index: 1;
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
transform-style: preserve-3d;
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a3d_tagging-system-bg-helper-webflow-template.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
min-height: 17.8rem;
transition-property: all;
position: relative;
}
.card.feature-card-02:hover {
background-size: 160% 160%;
transform: translate3d(0, -3px, .01px);
}
.card.feature-card-03 {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
transform-style: preserve-3d;
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a3c_ai-powered-suggestions-bg-helper-webflow-template.jpg");
background-position: 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
min-height: 340px;
transition-property: all;
position: relative;
}
.card.feature-card-03:hover {
background-position: 100%;
background-repeat: no-repeat;
background-size: 160% 150%;
transform: translate3d(0, -3px, .01px);
}
.card.feature-card-04 {
padding-top: var(--_components---cards--vertical-md);
padding-right: var(--_components---cards--horizontal-md);
padding-left: var(--_components---cards--horizontal-md);
transform-style: preserve-3d;
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a3e_performance-analytics-bg-helper-webflow-template.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
flex-flow: column;
justify-content: flex-start;
align-items: center;
transition-property: all;
display: flex;
}
.card.feature-card-04:hover {
background-size: 150% 150%;
transform: translate3d(0, -3px, .01px);
}
.card.platform-card-v1 {
padding: var(--sizes--size-6);
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
border-radius: var(--border-radius--sm);
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.card.blog-card-v1 {
padding: var(--_components---cards--vertical-2xs) var(--_components---cards--horizontal-2xs) var(--_components---cards--vertical-md);
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
flex-flow: column;
justify-content: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.card.blog-secondary-card-v1 {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
grid-column-gap: var(--sizes--size-5);
grid-row-gap: var(--sizes--size-5);
background-color: var(--_colors---core--colors--neutral--200);
box-shadow: none;
border-style: none;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.card.feature-card-v2 {
transform-style: preserve-3d;
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a86_accent-bg-helper-webflow-template.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
transition-property: all;
}
.card.feature-card-v2:where(.w-variant-b139fd85-d81a-e099-8db8-d47828871f42) {
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a82_violet-bg-helper-webflow-template.jpg");
}
.card.feature-card-v2:where(.w-variant-83e9b4e4-39ea-fd25-8ec7-7c322fc5894b) {
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a87_cyan-bg-helper-webflow-template.jpg");
}
.card.feature-card-v2:hover {
background-size: 140% 140%;
transform: translate3d(0, -3px, .01px);
}
.card.steps-card {
padding: var(--_components---cards--horizontal-2xs);
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.card.accordion-card {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
border-radius: var(--border-radius--md);
cursor: pointer;
transform-style: preserve-3d;
transition: transform .3s;
}
.card.accordion-card:hover {
transform: scale3d(.98, .98, 1.001);
}
.card.blog-card-v2 {
padding: var(--_components---cards--vertical-2xs) var(--_components---cards--horizontal-2xs);
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: 1fr 1.65fr;
grid-auto-columns: 1fr;
min-height: 434px;
display: grid;
}
.card.hero-v3-card {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
grid-column-gap: var(--gaps--3xs);
grid-row-gap: var(--gaps--3xs);
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.card.feature-card-v3 {
box-shadow: none;
transform-style: preserve-3d;
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502aa7_multi-channel-inbox-bg-helper-webflow-template.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100% 100%;
border-style: none;
flex-flow: column;
height: 100%;
transition-property: all;
display: flex;
}
.card.feature-card-v3:hover {
background-size: 100% 140%;
transform: translate3d(0, -4px, .01px);
}
.card.feature-card-v3.secondary-300 {
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502aa1_ai-powered-suggestions-bg-helper-webflow-template.jpg");
}
.card.feature-card-v3.secondary-200 {
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502aab_performance-analytics-bg-helper-webflow-template.jpg");
}
.card.testimonial-card-v1 {
z-index: 1;
padding: var(--_components---cards--vertical-lg) var(--_components---cards--horizontal-lg);
grid-row-gap: 6.25rem;
flex-flow: column;
justify-content: space-between;
max-width: 24.6rem;
display: flex;
position: relative;
}
.card.testimonial-card-v1:where(.w-variant-165d977c-ee5e-fad8-0397-e403d9797be1) {
border-color: var(--_colors---core--colors--neutral--300);
background-color: var(--_colors---core--colors--neutral--300);
}
.card.testimonial-card-v1:where(.w-variant-ecc9a453-713e-ccc6-cbad-30f5d7eda411) {
border-color: var(--_colors---core--colors--secondary--200);
background-color: var(--_colors---core--colors--secondary--200);
color: var(--_typography---font-colors--title-dark-mode);
}
.card.testimonial-card-v1:where(.w-variant-4a5960b0-99f1-6400-cd78-c5b07335994b) {
border-color: var(--_colors---core--colors--secondary--300);
background-color: var(--_colors---core--colors--secondary--300);
color: var(--_typography---font-colors--title-dark-mode);
}
.card.testimonial-card-v1:where(.w-variant-793ab0e0-2625-c453-f681-bcecc8d7679b) {
border-color: var(--_colors---core--colors--neutral--800);
background-color: var(--_colors---core--colors--neutral--800);
color: var(--_typography---font-colors--title-dark-mode);
}
.card.testimonial-card-v1.top-center {
background-color: var(--_colors---core--colors--neutral--300);
margin-left: -6%;
margin-right: -1%;
}
.card.testimonial-card-v1.top-left {
z-index: 2;
border-color: var(--_colors---core--colors--neutral--800);
background-color: var(--_colors---core--colors--neutral--800);
color: var(--_typography---font-colors--paragraph-dark-mode);
margin-top: 11%;
transform: rotate(-8deg);
}
.card.testimonial-card-v1.top-right {
border-color: var(--_colors---core--colors--secondary--200);
background-color: var(--_colors---core--colors--secondary--200);
color: var(--_typography---font-colors--title-dark-mode);
transform: rotate(6deg);
}
.card.testimonial-card-v1.bottom-right {
z-index: 2;
margin-left: -4%;
transform: rotate(8deg);
}
.card.testimonial-card-v1.bottom-left {
z-index: 2;
border-color: var(--_colors---core--colors--secondary--300);
background-color: var(--_colors---core--colors--secondary--300);
color: var(--_typography---font-colors--title-dark-mode);
margin-top: 12%;
transform: rotate(-5deg);
}
.card.stats-card {
padding: var(--_components---cards--vertical-lg) var(--_components---cards--horizontal-lg);
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
background-color: var(--_colors---core--colors--neutral--800);
box-shadow: none;
color: var(--_typography---font-colors--title-dark-mode);
border-style: none;
flex-flow: column;
justify-content: space-between;
display: flex;
}
.card.stats-card._01 {
grid-row-gap: 11.4rem;
}
.card.stats-card._02 {
grid-row-gap: 6.75rem;
background-color: var(--_colors---core--colors--neutral--300);
color: var(--_typography---font-colors--title-light-mode);
}
.card.stats-card._03 {
background-color: var(--_colors---core--colors--primary--100);
}
.card.values-card {
padding: var(--_components---cards--horizontal-md);
grid-column-gap: var(--gaps--3xs);
color: var(--_typography---font-colors--title-light-mode);
font-size: var(--_typography---core--font--displays--display-4);
justify-content: flex-start;
align-items: center;
display: flex;
}
.card.accordion-card-v2 {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
border-radius: var(--border-radius--md);
box-shadow: none;
background-color: #0000;
border-style: none;
transition: transform .3s;
}
.card.accordion-card-v2:hover {
transform: translate(4px);
}
.card.office-card {
padding: var(--_components---cards--vertical-2xs) var(--_components---cards--horizontal-2xs);
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
border-radius: var(--border-radius--xlg);
grid-template-rows: auto;
grid-template-columns: 1.3fr 1fr;
grid-auto-columns: 1fr;
align-items: end;
display: grid;
}
.card.blog-card-featured-v2 {
padding: var(--sizes--size-12);
grid-column-gap: var(--gaps--2xlg);
grid-row-gap: var(--gaps--2xlg);
border-radius: var(--border-radius--md);
border-style: none;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.card.blog-post-card {
padding: var(--sections--sm) var(--_components---cards--horizontal-lg);
}
.card.author-card {
margin-top: var(--spacing--sm);
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
background-color: var(--_colors---core--colors--neutral--200);
box-shadow: none;
border-style: none;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.card.contact-v1-hero-card {
padding: var(--_components---cards--vertical-lg) var(--_components---cards--horizontal-lg);
grid-column-gap: var(--gaps--2xlg);
grid-row-gap: var(--gaps--2xlg);
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.card.location-card-v1 {
padding: var(--_components---cards--vertical-2xs) var(--_components---cards--horizontal-2xs);
grid-column-gap: var(--gaps--2xlg);
grid-row-gap: var(--gaps--2xlg);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.card.coming-soon-card {
border-radius: var(--border-radius--xlg);
}
.card.demo-card {
padding: var(--_components---cards--vertical-2xs) var(--_components---cards--horizontal-2xs);
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
border-radius: var(--border-radius--sm);
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.card.sign-in-card {
padding: var(--sizes--size-10) var(--_components---cards--horizontal-lg);
max-width: 37rem;
margin-left: auto;
margin-right: auto;
}
.card.integration-card {
padding: var(--sizes--size-11) var(--_components---cards--horizontal-md);
border-color: var(--_colors---core--colors--neutral--200);
background-color: var(--_colors---core--colors--neutral--200);
box-shadow: none;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.card.contact-v2-card {
padding: var(--_components---cards--vertical-lg);
}
.card.contact-v2-link {
padding: var(--_components---cards--vertical-2xs) var(--_components---cards--horizontal-2xs);
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
border-radius: var(--border-radius--sm);
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.card.contact-v2-team-card {
padding: var(--_components---cards--vertical-lg) var(--_components---cards--horizontal-lg);
}
.card.perks-card {
padding: var(--sizes--size-6) var(--_components---cards--horizontal-md);
border-radius: var(--border-radius--md);
justify-content: flex-start;
align-items: center;
max-width: 21rem;
display: flex;
}
.card.career-single-card {
padding: var(--sizes--size-10) var(--sizes--size-12);
max-width: 43.2rem;
margin-left: auto;
margin-right: auto;
}
.card.team-member-card {
padding: var(--_components---cards--vertical-lg) var(--_components---cards--horizontal-lg);
}
.card.testimonial-marquee-card {
padding: var(--sizes--size-5);
grid-column-gap: .375rem;
border-radius: var(--border-radius--xsm);
align-items: flex-start;
display: flex;
}
.avatar-image {
width: 100%;
}
.avatar-image.circle {
border-radius: 50%;
}
.notification-bar-close-icon {
font-size: var(--_typography---core--font--displays--display-3);
font-weight: var(--_typography---core--font--weight--mid);
cursor: pointer;
justify-content: center;
align-items: center;
width: 48px;
transition: transform .3s;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.notification-bar-close-icon:hover {
transform: scale(.92);
}
.text-uppercase {
letter-spacing: .08em;
text-transform: uppercase;
}
.position-relative {
position: relative;
}
.mg-left-4x-extra-large {
margin-left: var(--core--sizes--margins--4xlg\);
}
.icon-font-wrapper {
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.utp---block-wrapper {
flex-direction: column;
width: 100%;
display: flex;
}
.utp---block-wrapper.first {
margin-top: 0;
}
.grid-icon-font {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(20px, 20px));
}
.pd-right-small {
padding-right: var(--core--sizes--margins--sm\);
}
.link {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: var(--_typography---font-colors--title-light-mode);
line-height: var(--_typography---core--font--line-height--md);
text-decoration: none;
}
.link:where(.w-variant-cb1f9316-e5cd-0461-f698-2d4969c65f13) {
font-weight: var(--_typography---core--font--weight--mid);
}
.link:where(.w-variant-a815c76a-4935-d40b-0439-953b479ed8d0) {
font-weight: var(--_typography---core--font--weight--strong);
}
.link:where(.w-variant-68482bce-4459-5a6f-e3b0-1b3c8e4b2e9d) {
color: var(--_colors---core--colors--primary--100);
}
.link:where(.w-variant-56224fa6-8a09-3770-ec57-b004c40a9fe3) {
color: var(--_colors---core--colors--primary--100);
font-weight: var(--_typography---core--font--weight--mid);
}
.link:where(.w-variant-8dd8520a-750d-d925-5a65-dfdbb66ead36) {
color: var(--_colors---core--colors--primary--100);
font-weight: var(--_typography---core--font--weight--strong);
}
.link:where(.w-variant-061d576c-d79e-0169-1f00-9ed120c86ac1) {
color: var(--_colors---core--colors--neutral--100);
}
.link:where(.w-variant-e8a03d9c-686f-e787-b843-026f2c6835e6), .link:where(.w-variant-a25f38f6-7bcb-9f4a-7c67-f31e3c098902) {
color: var(--_colors---core--colors--neutral--100);
font-weight: var(--_typography---core--font--weight--strong);
}
.link:hover, .link:hover:where(.w-variant-56224fa6-8a09-3770-ec57-b004c40a9fe3), .link:hover:where(.w-variant-68482bce-4459-5a6f-e3b0-1b3c8e4b2e9d), .link:hover:where(.w-variant-8dd8520a-750d-d925-5a65-dfdbb66ead36), .link:hover:where(.w-variant-061d576c-d79e-0169-1f00-9ed120c86ac1), .link:hover:where(.w-variant-e8a03d9c-686f-e787-b843-026f2c6835e6), .link:hover:where(.w-variant-a25f38f6-7bcb-9f4a-7c67-f31e3c098902) {
color: var(--_colors---core--colors--neutral--500);
}
.link.small {
font-size: var(--_typography---core--font--displays--display-1);
}
.link.small:where(.w-variant-fb034a1f-81ed-fba6-b2f2-707e3a7ef493) {
font-weight: var(--_typography---core--font--weight--mid);
}
.link.small:where(.w-variant-7921ecb8-a83a-2282-6a01-92c67918beb3) {
font-weight: var(--_typography---core--font--weight--strong);
}
.link.small:where(.w-variant-1aeec380-d6a8-6b76-2ccf-7ff8fdf5ca67) {
color: var(--_colors---core--colors--primary--100);
}
.link.small:where(.w-variant-870f83c5-5e25-9351-460d-1b86e6f53813) {
color: var(--_colors---core--colors--primary--100);
font-weight: var(--_typography---core--font--weight--mid);
}
.link.small:where(.w-variant-f3fb09d1-40f0-8ecb-3d1f-2440d862264b) {
color: var(--_colors---core--colors--primary--100);
font-weight: var(--_typography---core--font--weight--strong);
}
.link.small:where(.w-variant-8c81d4f3-7def-d518-354e-bb4d53031ced) {
color: var(--_colors---core--colors--neutral--100);
}
.link.small:where(.w-variant-8bf76db0-e520-5a38-ab58-1d4b2a6d92bd) {
color: var(--_colors---core--colors--neutral--100);
font-weight: var(--_typography---core--font--weight--mid);
}
.link.small:where(.w-variant-9f19d499-17ee-add9-3d6c-8988c15fba80) {
color: var(--_colors---core--colors--neutral--100);
font-weight: var(--_typography---core--font--weight--strong);
}
.link.small:hover:where(.w-variant-1aeec380-d6a8-6b76-2ccf-7ff8fdf5ca67), .link.small:hover:where(.w-variant-870f83c5-5e25-9351-460d-1b86e6f53813), .link.small:hover:where(.w-variant-f3fb09d1-40f0-8ecb-3d1f-2440d862264b), .link.small:hover:where(.w-variant-8c81d4f3-7def-d518-354e-bb4d53031ced), .link.small:hover:where(.w-variant-8bf76db0-e520-5a38-ab58-1d4b2a6d92bd), .link.small:hover:where(.w-variant-9f19d499-17ee-add9-3d6c-8988c15fba80) {
color: var(--_colors---core--colors--neutral--500);
}
.link.no-hover {
color: var(--_typography---font-colors--title-light-mode);
}
.hamburger-menu-flex {
grid-column-gap: 0rem;
grid-row-gap: .5rem;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.utp---card-color-details {
justify-content: space-between;
align-items: center;
display: flex;
}
.utp---sidebar-bottom {
grid-column-gap: var(--gaps--none);
grid-row-gap: var(--gaps--2xs);
flex-direction: column;
display: flex;
}
.display-3 {
font-family: var(--_typography---core--font--family--headline);
font-size: var(--_typography---core--font--displays--display-3);
line-height: var(--_typography---core--font--line-height--md);
}
.footer-item-link {
color: var(--_typography---font-colors--paragraph-dark-mode);
text-decoration: none;
transition-property: opacity;
}
.footer-item-link:hover {
opacity: .5;
color: var(--_typography---font-colors--paragraph-dark-mode);
}
.dropdown-list {
background-color: var(--_colors---global--colors--opacity--none);
overflow: hidden;
}
.dropdown-list.dropdown-v1 {
transform: translate(-15%);
}
.select {
margin-bottom: var(--spacing--none);
padding: var(--spacing--none) var(--spacing--2xs);
border-radius: var(--border-radius--2xsm);
background-color: var(--_colors---global--colors--opacity--none);
color: var(--_colors---core--colors--neutral--800);
line-height: var(--_typography---core--font--line-height--md);
border: 0 solid #0000;
height: 100%;
}
.select:focus {
color: var(--_colors---core--colors--neutral--800);
}
.select.icon-left {
padding-left: 34px;
}
.select.small {
padding-right: var(--spacing--3xs);
padding-left: var(--spacing--3xs);
font-size: var(--_typography---core--font--displays--display-1);
}
.select.small.icon-left {
padding-left: var(--spacing--md);
}
.notification-bar {
background-color: var(--_colors---core--colors--neutral--800);
color: var(--_colors---core--colors--neutral--100);
position: relative;
overflow: hidden;
}
.mg-right-extra-large {
margin-right: var(--core--sizes--margins--xlg\);
}
.typography-card-top-content-wrapper {
grid-column-gap: var(--_global-variable-collection---global-gap--sm\);
grid-row-gap: var(--_global-variable-collection---global-gap--sm\);
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.pagination-wrapper {
margin-top: var(--sizes--size-8);
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
align-items: center;
display: flex;
}
.page-wrapper.full-height {
flex-flow: column;
justify-content: space-between;
height: 100vh;
display: flex;
}
.page-wrapper.neutral {
background-color: var(--_colors---core--colors--neutral--200);
}
.mg-bottom-3x-extra-small {
margin-bottom: var(--sizes--size-3);
}
.template-pages---nav-item-link {
padding: var(--spacing--4xs) var(--spacing--2xs);
border-radius: var(--border-radius--2xsm);
background-color: var(--_colors---global--colors--opacity--none);
text-decoration: none;
transition: background-color .3s, color .3s;
display: block;
}
.template-pages---nav-item-link:hover {
background-color: var(--_colors---core--colors--neutral--300);
color: var(--_colors---core--colors--neutral--800);
}
.template-pages---nav-item-link.w--current {
background-color: var(--_colors---core--colors--primary--100);
color: var(--_colors---core--colors--neutral--100);
}
.pd-left-extra-large {
padding-left: var(--core--sizes--margins--xlg\);
}
.paragraph-large {
font-size: var(--_typography---core--font--displays--display-3);
line-height: var(--_typography---core--font--line-height--lg);
letter-spacing: -.03em;
margin-bottom: 0;
}
.checkbox-text {
color: #19213d;
margin-bottom: 0;
}
.mg-right-4x-extra-large {
margin-right: var(--core--sizes--margins--4xlg\);
}
.utp---grid-components-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.primary-button-icon {
width: var(--buttons--md);
height: var(--buttons--md);
min-height: var(--buttons--md);
min-width: var(--buttons--md);
border: 1px solid var(--_colors---core--colors--primary--100);
border-radius: var(--border-radius--3xsm);
background-color: var(--_colors---core--colors--primary--100);
color: var(--_colors---core--colors--neutral--100);
line-height: var(--_typography---core--font--line-height--sm);
text-align: center;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
text-decoration: none;
transition: transform .3s;
display: flex;
box-shadow: 0 1px 4px #19213d14;
}
.primary-button-icon:hover {
color: #fff;
transform: scale3d(.94, .94, 1.01);
}
.primary-button-icon.dark-mode {
border-color: var(--_colors---core--colors--neutral--100);
background-color: var(--_colors---core--colors--neutral--100);
color: var(--_colors---core--colors--neutral--800);
}
.primary-button-icon.small {
width: var(--buttons--sm);
height: var(--buttons--sm);
min-height: var(--buttons--sm);
min-width: var(--buttons--sm);
font-size: var(--_typography---core--font--displays--display-1);
}
.mg-right-2x-extra-small {
margin-right: var(--core--sizes--margins--2xsm\);
}
.utp---block-item-wrapper {
padding: var(--spacing--2xs);
border: 1px dashed var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--3xsm);
background-color: var(--_colors---core--colors--neutral--100);
box-shadow: 0 1px 4px #4d91e13b;
}
.mg-right-5x-extra-large {
margin-right: var(--core--sizes--margins--5xlg\);
}
.toggle-wrapper {
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
line-height: var(--_typography---core--font--line-height--sm);
align-items: center;
display: flex;
}
.toggle-wrapper.small {
font-size: var(--_typography---core--font--displays--display-1);
}
.mg-left-small {
margin-left: var(--core--sizes--margins--sm\);
}
.select-wrapper {
height: var(--inputs--md);
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--6xlg);
background-color: var(--_colors---core--colors--neutral--100);
transition: border-color .3s;
position: relative;
overflow: hidden;
box-shadow: 0 1px 3px #19213d1a;
}
.select-wrapper:hover {
border-width: 1px;
border-color: var(--_colors---core--colors--primary--100);
}
.select-wrapper.icon-left {
padding-left: 0;
}
.select-wrapper.small {
height: var(--inputs--sm);
}
.select-wrapper.neutral {
border-color: var(--_colors---core--colors--neutral--200);
background-color: var(--_colors---core--colors--neutral--200);
box-shadow: none;
}
.select-wrapper.neutral:hover {
border-color: var(--_colors---core--colors--neutral--400);
}
.select-wrapper.neutral:focus {
border-color: var(--_colors---core--colors--neutral--800);
}
.pd-right-large {
padding-right: var(--core--sizes--margins--lg\);
}
.utp---grid-square-icons {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(32px, 32px));
}
.mg-top-extra-large {
margin-top: var(--spacing--xlg);
}
.pd-right-2x-extra-small {
padding-right: var(--core--sizes--margins--2xsm\);
}
.utp---sidebar-layout-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 280px) 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.pd-top-extra-small {
padding-top: var(--core--sizes--margins--xsm\);
}
.pd-left-medium {
padding-left: var(--core--sizes--margins--md\);
}
.toggle-button-wrapper {
z-index: 1;
border: 0px solid var(--_colors---core--colors--primary--100);
border-radius: var(--border-radius--sm);
background-color: var(--_colors---core--colors--primary--100);
color: var(--_colors---core--colors--neutral--800);
cursor: pointer;
align-items: center;
min-width: 32px;
max-width: 32px;
min-height: 18px;
max-height: 18px;
padding: 2px;
display: flex;
position: relative;
overflow: hidden;
}
.toggle-button-wrapper.small {
min-width: 24px;
max-width: 24px;
min-height: 14px;
max-height: 14px;
}
.pd-right-3x-extra-large {
padding-right: var(--core--sizes--margins--3xlg\);
}
.text-center {
text-align: center;
}
.text-center.z-index-2 {
z-index: 2;
position: relative;
}
.pd-left-4x-extra-large {
padding-left: var(--core--sizes--margins--4xlg\);
}
.mg-top-medium {
margin-top: var(--spacing--md);
}
.mg-bottom-4x-extra-large {
margin-bottom: var(--sizes--size-12);
}
.pd-left-extra-small {
padding-left: var(--core--sizes--margins--xsm\);
}
.mg-bottom-48px {
margin-bottom: 48px;
}
.text-and-image-card---text-container {
padding: var(--spacing--lg);
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 490px;
display: flex;
}
.utp---card-componets-wrapper {
padding: var(--spacing--lg) var(--spacing--sm);
width: 100%;
}
.utp---card-componets-wrapper.v2 {
width: 100%;
}
.utp---card-componets-wrapper.dark {
background-color: var(--_colors---core--colors--neutral--800);
}
.utp---card-componets-wrapper.links {
padding-right: var(--spacing--2xs);
padding-left: var(--spacing--2xs);
}
.utp---card-componets-wrapper.badges {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pd-bottom-2x-extra-small {
padding-bottom: var(--core--sizes--margins--2xsm\);
}
.mg-left-4x-extra-small {
margin-left: var(--core--sizes--margins--4xsm\);
}
.mg-left-3x-extra-large {
margin-left: var(--core--sizes--margins--3xlg\);
}
.pd-right-6x-extra-large {
padding-right: var(--core--sizes--margins--6xlg\);
}
.icon-font-social-media {
font-family: var(--_typography---core--font--icons--social-media);
}
.text-and-image-card---image-wrapper {
padding: var(--sizes--size-4);
flex: 1;
width: 56%;
}
.utp---content-wrapper {
padding-right: var(--spacing--lg);
padding-left: var(--spacing--lg);
background-color: var(--_colors---core--colors--neutral--200);
max-width: 80vw;
height: 100%;
}
.pd-left-2x-extra-large {
padding-left: var(--core--sizes--margins--2xlg\);
}
.radio-button {
border: 1px solid var(--_colors---core--colors--neutral--300);
width: 18px;
height: 18px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
transition: border-color .3s;
box-shadow: 0 1px 3px #19213d14;
}
.radio-button:hover {
border-color: var(--_colors---core--colors--primary--100);
}
.radio-button.w--redirected-checked {
border-color: var(--_colors---core--colors--primary--100);
box-shadow: 0 1px 3px #19213d14;
}
.radio-button.w--redirected-focus {
border-color: var(--_colors---core--colors--primary--100);
box-shadow: 1px 0 3px #19213d14;
}
.radio-button.small {
width: 14px;
height: 14px;
}
.buttons-row {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.buttons-row.left {
justify-content: flex-start;
}
.mg-top-2x-extra-large {
margin-top: var(--spacing--2xlg);
}
.pd-left-4x-extra-small {
padding-left: var(--core--sizes--margins--4xsm\);
}
.mg-right-4x-extra-small {
margin-right: var(--core--sizes--margins--4xsm\);
}
.filled-icons-font {
font-family: var(--_typography---core--font--icons--filled-icon);
}
.pd-left-6x-extra-large {
padding-left: var(--core--sizes--margins--6xlg\);
}
.mg-top-5x-extra-small {
margin-top: var(--sizes--size-1);
}
.pd-bottom-4x-extra-small {
padding-bottom: var(--core--sizes--margins--4xsm\);
}
.grid-1-column {
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-1-column.utp {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
flex-direction: column;
display: flex;
}
.grid-1-column.gap-row-large {
grid-row-gap: 40px;
}
.grid-1-column.headers-blocks {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--7xlg\);
display: flex;
}
.grid-1-column.gap-row-extra-small {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--4xs);
align-items: center;
}
.grid-1-column.gap-row-large {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--lg);
}
.grid-1-column.gap-4x-extra-small {
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
}
.grid-1-column.gap-row-medium {
grid-column-gap: var(--sizes--size-8);
grid-row-gap: var(--sizes--size-8);
}
.grid-1-column.gap-2x-extra-small {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
}
.pd-bottom-4x-extra-large {
padding-bottom: var(--core--sizes--margins--4xlg\);
}
.typography-badge-wrapper {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
align-items: center;
display: flex;
}
.sales-home---pages-row {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
justify-content: center;
display: flex;
}
.text-accent {
color: var(--_colors---core--colors--primary--100);
}
.card-page---bottom-content {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
border-top: 1px solid var(--_colors---core--colors--neutral--300);
}
.title-left---content-right {
grid-column-gap: var(--sizes--size-7);
grid-row-gap: var(--sizes--size-7);
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.title-left---content-right.center {
justify-content: space-between;
align-items: center;
}
.title-left---content-right.top {
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
}
.mg-top-large {
margin-top: var(--spacing--lg);
}
.pd-top-4x-extra-small {
padding-top: var(--core--sizes--margins--4xsm\);
}
.mg-top-small {
margin-top: var(--spacing--sm);
}
.avatar-wrapper {
border-radius: var(--_global-variable-collection---global-border-radius--4xsm\);
width: 24px;
min-width: 24px;
height: 24px;
min-height: 24px;
display: flex;
position: relative;
overflow: hidden;
}
.avatar-wrapper:where(.w-variant-fcae4999-847f-7e77-713e-38936f7ad806) {
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
}
.avatar-wrapper:where(.w-variant-7f79896f-3f01-65ca-2c16-0148a67b8b8b) {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
}
.avatar-wrapper:where(.w-variant-08c02433-6824-97df-3860-67519e91e07d) {
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
}
.avatar-wrapper:where(.w-variant-d6f5028d-3828-5b44-ba75-ca90a0d37775) {
width: 120px;
min-width: 120px;
height: 120px;
min-height: 120px;
}
.avatar-wrapper:where(.w-variant-589a85f6-04dd-5f32-f0ba-30f399c4cc4e) {
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
}
.pd-right-extra-large {
padding-right: var(--core--sizes--margins--xlg\);
}
.mg-left-extra-large {
margin-left: var(--core--sizes--margins--xlg\);
}
.utp---grid-components {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--lg);
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: 1fr;
place-items: center;
}
.utp---grid-components.links, .utp---grid-components.badges {
grid-template-columns: 1fr 1fr;
}
.utp---grid-components._1-column {
grid-template-columns: 1fr;
justify-items: center;
}
.utp---grid-components._1-column.utp---text-form-column {
height: 100%;
}
.rich-text h1, .rich-text p, .rich-text h2 {
margin-bottom: var(--spacing--2xs);
}
.rich-text ul {
margin-top: var(--spacing--2xs);
margin-bottom: var(--spacing--2xs);
grid-column-gap: var(--sizes--size-3);
grid-row-gap: var(--sizes--size-3);
flex-flow: column;
display: flex;
}
.rich-text figure {
margin-top: var(--spacing--md);
margin-bottom: var(--spacing--md);
}
.rich-text img {
border-radius: var(--border-radius--md);
}
.rich-text h3 {
margin-top: var(--spacing--lg);
margin-bottom: var(--spacing--2xs);
font-size: var(--_typography---core--font--displays--display-7);
}
.rich-text h4 {
margin-top: var(--spacing--lg);
margin-bottom: var(--spacing--2xs);
font-size: var(--_typography---core--font--displays--display-5);
}
.rich-text ol {
margin-top: var(--spacing--2xs);
margin-bottom: var(--spacing--md);
padding-left: var(--spacing--lg);
grid-column-gap: var(--sizes--size-3);
grid-row-gap: var(--sizes--size-3);
flex-flow: column;
display: flex;
}
.rich-text h5 {
margin-top: var(--spacing--lg);
margin-bottom: var(--spacing--2xs);
font-size: var(--_typography---core--font--displays--display-3);
}
.rich-text h6 {
margin-top: var(--spacing--lg);
margin-bottom: var(--spacing--2xs);
}
.mg-right-medium {
margin-right: var(--core--sizes--margins--md\);
}
.pd-right-5x-extra-large {
padding-right: var(--core--sizes--margins--5xlg\);
}
.mg-bottom-extra-small {
margin-bottom: var(--sizes--size-5);
}
.pd-bottom-2x-extra-large {
padding-bottom: var(--core--sizes--margins--2xlg\);
}
.utp---avatars-flex-wrapper {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
flex-flow: wrap;
justify-content: space-around;
align-items: center;
display: flex;
}
.pd-bottom-small {
padding-bottom: var(--core--sizes--margins--sm\);
}
.checkbox {
margin-top: 0;
margin-right: var(--sizes--size-3);
border: 1px solid var(--_colors---core--colors--neutral--500);
border-radius: var(--border-radius--4xsm);
min-width: 14px;
max-width: 14px;
min-height: 14px;
max-height: 14px;
margin-left: 0;
transition: border-color .3s;
}
.checkbox:hover {
border-color: var(--_colors---core--colors--primary--100);
}
.checkbox.w--redirected-checked {
border-color: var(--_colors---core--colors--primary--100);
background-color: var(--_colors---core--colors--primary--100);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f5028db_check-icon.svg");
}
.checkbox.w--redirected-focus {
border-color: var(--_colors---core--colors--primary--100);
box-shadow: 0 1px 3px #19213d14;
}
.checkbox.small {
width: 14px;
min-width: 14px;
height: 14px;
min-height: 14px;
}
.bg-neutral-100 {
background-color: var(--_colors---core--colors--neutral--100);
}
.bg-neutral-200 {
background-color: var(--_colors---core--colors--neutral--200);
}
.bg-neutral-300 {
background-color: var(--_colors---core--colors--neutral--300);
}
.bg-neutral-400 {
background-color: var(--_colors---core--colors--neutral--400);
}
.bg-neutral-500 {
background-color: var(--_colors---core--colors--neutral--500);
}
.bg-neutral-600 {
background-color: var(--_colors---core--colors--neutral--600);
}
.bg-neutral-700 {
background-color: var(--_colors---core--colors--neutral--700);
}
.bg-neutral-800 {
background-color: var(--_colors---core--colors--neutral--800);
}
.bg-primary-100 {
background-color: var(--_colors---core--colors--primary--100);
}
.bg-secondary-100 {
background-color: var(--_colors---core--colors--secondary--100);
}
.bg-secondary-200 {
background-color: var(--_colors---core--colors--secondary--200);
}
.bg-secondary-300 {
background-color: var(--_colors---core--colors--secondary--300);
}
.button-inside-input {
justify-content: flex-end;
align-items: center;
display: flex;
position: absolute;
inset: 8px 8px 8px auto;
}
.button-inside-input.small {
top: 4px;
bottom: 4px;
right: 4px;
}
.strong {
font-weight: var(--_typography---core--font--weight--strong);
}
.logo-light:where(.w-variant-03689d20-4247-8ded-741f-b3f28acfb8f6), .logo-light:where(.w-variant-a14cd041-5ed2-fe75-34fa-58e61c10ae00), .logo-dark {
display: none;
}
.logo-dark:where(.w-variant-03689d20-4247-8ded-741f-b3f28acfb8f6), .logo-dark:where(.w-variant-a14cd041-5ed2-fe75-34fa-58e61c10ae00) {
display: block;
}
.hidden {
display: none;
}
.empty-state {
padding: var(--_global-variable-collection---global-padidngs--sm\);
border-radius: var(--_global-variable-collection---global-border-radius--3xsm\);
background-color: var(--core--colors--neutrals--300\);
text-align: center;
}
.text-anywhere {
overflow-wrap: anywhere;
}
.heading-title {
text-decoration: none;
transition: none;
}
.regular {
font-weight: var(--_typography---core--font--weight--regular);
}
.bs-primary-small {
box-shadow: 0 0 2px 0 var(--_colors---global--colors--box-shadow--neutral--sm);
}
.bs-primary-regular {
box-shadow: 0 4px 8px 0 var(--_colors---global--colors--box-shadow--primary--md);
}
.bs-primary-medium {
box-shadow: 0 8px 15px 0 var(--_colors---global--colors--box-shadow--neutral--lg);
}
.bs-primary-large {
box-shadow: 0 8px 24px 0 var(--_colors---global--colors--box-shadow--neutral--xlg);
}
.badge-toggle.one:where(.w-variant-b73664e1-3367-6a86-492e-82eec69349f7), .badge-toggle.one:where(.w-variant-b04a3520-6122-a758-52f5-c7c005e64b99), .badge-toggle.one:where(.w-variant-22fca0c9-47c7-40a1-66e5-28c84bdd1671), .badge-toggle.one:where(.w-variant-d0b8799e-72f6-2cf0-c588-da8bcbbd4b19), .badge-toggle.one:where(.w-variant-74f7a14e-a996-dd55-e658-ef7130cdea67), .badge-toggle.one:where(.w-variant-47c9893a-f7c3-c20b-9e6f-7b3ea09d9eb3), .badge-toggle.one:where(.w-variant-379f350c-8d25-acca-e364-8b49d72a1e62), .badge-toggle.one:where(.w-variant-195ca9ee-9c95-9c65-51cc-5d9a7be826de), .badge-toggle.one:where(.w-variant-3b185d8a-569a-f9c0-15c0-7dfc8956b862), .badge-toggle.one:where(.w-variant-33b7f440-0f60-b574-082d-8b53ae0450b8), .badge-toggle.one:where(.w-variant-01efac13-fff4-ad04-0eda-e94d17039961), .badge-toggle.one:where(.w-variant-77d003fd-eecd-e28a-338b-b188b0bcadfa), .badge-toggle.one:where(.w-variant-b67d92f2-6624-08c3-66f6-889617c57cbc), .badge-toggle.one:where(.w-variant-00ac23ea-2813-089f-03cb-34219db47843), .badge-toggle.one:where(.w-variant-e63d5904-8120-8f13-8a1f-b56090cd76f2), .badge-toggle.one:where(.w-variant-e19dbacd-813c-adf5-b12e-33cd3241f907), .badge-toggle.one:where(.w-variant-ead482ae-2a20-3086-4d4d-ebd3893d1da1), .badge-toggle.one:where(.w-variant-cef4ef17-aaa5-9cb0-ee27-471c7ee520bc), .badge-toggle.one:where(.w-variant-811b99cd-621c-6988-167c-c600086a1d17), .badge-toggle.one:where(.w-variant-9b4cfd0b-e096-857a-65de-ba8146c9c579), .badge-toggle.one:where(.w-variant-5cf78410-42ff-8eb9-e242-78296f9c0f76), .badge-toggle.one:where(.w-variant-fcddd4ae-055d-8a0d-8c58-bf7b18438f7f), .badge-toggle.one:where(.w-variant-f1064504-d929-fd5e-6cac-4d655707aeda), .badge-toggle.one:where(.w-variant-1133a693-c4d7-6470-5b07-7237632cfe87), .badge-toggle.one:where(.w-variant-20576a6d-1b67-5be7-5e37-4dd806a2e460), .badge-toggle.one:where(.w-variant-d11a8059-3f15-b307-a0d4-1a5d494db45c), .badge-toggle.one:where(.w-variant-e68cf184-c8e4-2655-4c03-e3a76fc5b08f), .badge-toggle.one:where(.w-variant-b842aff3-fa58-4ec8-a373-3a72e4eeb64f), .badge-toggle.one:where(.w-variant-63b88923-7268-067c-9dbb-b76fb157333b), .badge-toggle.one:where(.w-variant-f74ab832-9759-9ff8-c364-9009760d42e3), .badge-toggle.one:where(.w-variant-8aa43ddb-8f75-3f4e-c80f-b717c83c8267), .badge-toggle.one:where(.w-variant-1f1e75c5-5041-c9c7-e315-d9d9b42ee2d5), .badge-toggle.one:where(.w-variant-a0f0cf83-13b8-f249-0236-f267b0699886), .badge-toggle.one:where(.w-variant-07a3ae0f-dcb6-a886-046a-03ce3cdadb22), .badge-toggle.one:where(.w-variant-6d916114-4c91-58ec-6686-d10f56a65d32), .badge-toggle.one:where(.w-variant-a37240ca-f349-4208-5784-23ebcdd67cae), .badge-toggle.one:where(.w-variant-a66ddb95-b71e-2b47-403c-020d318eea48), .badge-toggle.one:where(.w-variant-e6dcaa4a-c72d-55c3-255f-a3a350d19ecb), .badge-toggle.one:where(.w-variant-e3264df8-4deb-5ce4-ebf3-1b881798d179), .badge-toggle.one:where(.w-variant-2f2ce8ff-de45-c842-9fbf-3a2f71b05ccc), .badge-toggle.two {
display: none;
}
.badge-toggle.two:where(.w-variant-b73664e1-3367-6a86-492e-82eec69349f7), .badge-toggle.two:where(.w-variant-47c9893a-f7c3-c20b-9e6f-7b3ea09d9eb3), .badge-toggle.two:where(.w-variant-01efac13-fff4-ad04-0eda-e94d17039961), .badge-toggle.two:where(.w-variant-e19dbacd-813c-adf5-b12e-33cd3241f907), .badge-toggle.two:where(.w-variant-5cf78410-42ff-8eb9-e242-78296f9c0f76), .badge-toggle.two:where(.w-variant-d11a8059-3f15-b307-a0d4-1a5d494db45c), .badge-toggle.two:where(.w-variant-8aa43ddb-8f75-3f4e-c80f-b717c83c8267), .badge-toggle.two:where(.w-variant-a37240ca-f349-4208-5784-23ebcdd67cae) {
display: block;
}
.badge-toggle.three {
display: none;
}
.badge-toggle.three:where(.w-variant-b04a3520-6122-a758-52f5-c7c005e64b99), .badge-toggle.three:where(.w-variant-379f350c-8d25-acca-e364-8b49d72a1e62), .badge-toggle.three:where(.w-variant-77d003fd-eecd-e28a-338b-b188b0bcadfa), .badge-toggle.three:where(.w-variant-ead482ae-2a20-3086-4d4d-ebd3893d1da1), .badge-toggle.three:where(.w-variant-fcddd4ae-055d-8a0d-8c58-bf7b18438f7f), .badge-toggle.three:where(.w-variant-e68cf184-c8e4-2655-4c03-e3a76fc5b08f), .badge-toggle.three:where(.w-variant-1f1e75c5-5041-c9c7-e315-d9d9b42ee2d5), .badge-toggle.three:where(.w-variant-a66ddb95-b71e-2b47-403c-020d318eea48) {
display: block;
}
.badge-toggle.four {
display: none;
}
.badge-toggle.four:where(.w-variant-22fca0c9-47c7-40a1-66e5-28c84bdd1671), .badge-toggle.four:where(.w-variant-195ca9ee-9c95-9c65-51cc-5d9a7be826de), .badge-toggle.four:where(.w-variant-b67d92f2-6624-08c3-66f6-889617c57cbc), .badge-toggle.four:where(.w-variant-cef4ef17-aaa5-9cb0-ee27-471c7ee520bc), .badge-toggle.four:where(.w-variant-f1064504-d929-fd5e-6cac-4d655707aeda), .badge-toggle.four:where(.w-variant-b842aff3-fa58-4ec8-a373-3a72e4eeb64f), .badge-toggle.four:where(.w-variant-a0f0cf83-13b8-f249-0236-f267b0699886), .badge-toggle.four:where(.w-variant-e6dcaa4a-c72d-55c3-255f-a3a350d19ecb) {
display: block;
}
.badge-toggle.five {
display: none;
}
.badge-toggle.five:where(.w-variant-d0b8799e-72f6-2cf0-c588-da8bcbbd4b19), .badge-toggle.five:where(.w-variant-3b185d8a-569a-f9c0-15c0-7dfc8956b862), .badge-toggle.five:where(.w-variant-00ac23ea-2813-089f-03cb-34219db47843), .badge-toggle.five:where(.w-variant-811b99cd-621c-6988-167c-c600086a1d17), .badge-toggle.five:where(.w-variant-1133a693-c4d7-6470-5b07-7237632cfe87), .badge-toggle.five:where(.w-variant-63b88923-7268-067c-9dbb-b76fb157333b), .badge-toggle.five:where(.w-variant-07a3ae0f-dcb6-a886-046a-03ce3cdadb22), .badge-toggle.five:where(.w-variant-e3264df8-4deb-5ce4-ebf3-1b881798d179) {
display: block;
}
.badge-toggle.six {
display: none;
}
.badge-toggle.six:where(.w-variant-74f7a14e-a996-dd55-e658-ef7130cdea67), .badge-toggle.six:where(.w-variant-33b7f440-0f60-b574-082d-8b53ae0450b8), .badge-toggle.six:where(.w-variant-e63d5904-8120-8f13-8a1f-b56090cd76f2), .badge-toggle.six:where(.w-variant-9b4cfd0b-e096-857a-65de-ba8146c9c579), .badge-toggle.six:where(.w-variant-20576a6d-1b67-5be7-5e37-4dd806a2e460), .badge-toggle.six:where(.w-variant-f74ab832-9759-9ff8-c364-9009760d42e3), .badge-toggle.six:where(.w-variant-6d916114-4c91-58ec-6686-d10f56a65d32), .badge-toggle.six:where(.w-variant-2f2ce8ff-de45-c842-9fbf-3a2f71b05ccc) {
display: block;
}
.badge-content-flex {
grid-column-gap: var(--gaps--5xs);
grid-row-gap: var(--gaps--5xs);
justify-content: center;
align-items: center;
display: flex;
}
.button-wrapper {
text-decoration: none;
}
.button-content-flex {
grid-column-gap: var(--gaps--5xs);
grid-row-gap: var(--gaps--5xs);
justify-content: center;
align-items: center;
display: flex;
}
.button-content-flex.absolute {
z-index: 1;
position: absolute;
inset: 0;
}
.button-toggle.one:where(.w-variant-2e7185d4-445b-4b76-4a0f-3671be4c013b), .button-toggle.one:where(.w-variant-bb934117-db54-c82d-6f7c-d7a4711a4784), .button-toggle.one:where(.w-variant-3578c92e-a39f-8a51-a74c-71fa06e06927), .button-toggle.one:where(.w-variant-18db3c9e-91a9-69b4-9378-818fcb7b5cb7), .button-toggle.one:where(.w-variant-eebf030d-fc95-b484-8a21-5f586115e6e2), .button-toggle.one:where(.w-variant-aca5b67a-6e1e-e049-ac34-e8e94ad16847), .button-toggle.one:where(.w-variant-96e4832e-abbf-1a00-327a-4e2775c08303), .button-toggle.one:where(.w-variant-5b3580fb-c246-63ca-f3b2-8d6c23ca62f4), .button-toggle.one:where(.w-variant-49f13a58-50d7-e129-b137-8edc8ca9394a), .button-toggle.one:where(.w-variant-d2b98aaf-a336-cbca-8ffd-d243150e1745), .button-toggle.one:where(.w-variant-28463667-cb32-de25-d48d-59fb089f1638), .button-toggle.one:where(.w-variant-3b18ed6b-a2a9-2ea1-4d30-af6a8c70bcd3), .button-toggle.one:where(.w-variant-72e08ae8-ac37-1ef2-202b-d06fbf4f914a), .button-toggle.one:where(.w-variant-1c18f7bf-49f5-dd61-a58c-a445df0d919b), .button-toggle.two {
display: none;
}
.button-toggle.two:where(.w-variant-2e7185d4-445b-4b76-4a0f-3671be4c013b), .button-toggle.two:where(.w-variant-1c18f7bf-49f5-dd61-a58c-a445df0d919b) {
display: block;
}
.button-toggle.three {
display: none;
}
.button-toggle.three:where(.w-variant-bb934117-db54-c82d-6f7c-d7a4711a4784), .button-toggle.three:where(.w-variant-72e08ae8-ac37-1ef2-202b-d06fbf4f914a) {
display: block;
}
.button-toggle.four {
display: none;
}
.button-toggle.four:where(.w-variant-3578c92e-a39f-8a51-a74c-71fa06e06927), .button-toggle.four:where(.w-variant-3b18ed6b-a2a9-2ea1-4d30-af6a8c70bcd3) {
display: block;
}
.button-toggle.five {
display: none;
}
.button-toggle.five:where(.w-variant-18db3c9e-91a9-69b4-9378-818fcb7b5cb7), .button-toggle.five:where(.w-variant-28463667-cb32-de25-d48d-59fb089f1638) {
display: block;
}
.button-toggle.six {
display: none;
}
.button-toggle.six:where(.w-variant-eebf030d-fc95-b484-8a21-5f586115e6e2), .button-toggle.six:where(.w-variant-d2b98aaf-a336-cbca-8ffd-d243150e1745) {
display: block;
}
.button-toggle.seven {
display: none;
}
.button-toggle.seven:where(.w-variant-aca5b67a-6e1e-e049-ac34-e8e94ad16847), .button-toggle.seven:where(.w-variant-49f13a58-50d7-e129-b137-8edc8ca9394a) {
display: block;
}
.button-toggle.eight {
display: none;
}
.button-toggle.eight:where(.w-variant-96e4832e-abbf-1a00-327a-4e2775c08303), .button-toggle.eight:where(.w-variant-5b3580fb-c246-63ca-f3b2-8d6c23ca62f4) {
display: block;
}
.button {
padding: var(--spacing--3xs) var(--spacing--sm);
border-radius: var(--border-radius--6xlg);
line-height: var(--_typography---core--font--line-height--md);
text-align: center;
letter-spacing: -.03em;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
text-decoration: none;
transition: transform .3s;
}
.button:where(.w-variant-e638efd7-9f42-b539-b06f-2ca6acadbbf9) {
border-color: var(--_colors---core--colors--neutral--100);
background-color: var(--_colors---core--colors--neutral--100);
color: var(--_colors---core--colors--neutral--800);
}
.button:hover {
transform: scale3d(.98, .98, 1.01);
}
.button.small {
padding: var(--spacing--4xs) var(--spacing--3xs);
font-size: var(--_typography---core--font--displays--display-1);
}
.button.secondary {
border: 1px solid var(--_colors---core--colors--neutral--400);
background-color: var(--_colors---core--colors--neutral--100);
color: var(--_colors---core--colors--neutral--800);
}
.button.secondary:where(.w-variant-1a8fe5cd-2503-2e80-4d47-3f3b76f8f891), .button.secondary.small:where(.w-variant-5dcb1215-2ef2-3374-8e2f-19d48eb26b38) {
border-color: var(--_colors---core--colors--neutral--100);
background-color: var(--_colors---core--colors--neutral--800);
color: var(--_colors---core--colors--neutral--100);
}
.button.secondary.sign-up-button {
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
min-height: 62px;
display: flex;
}
.button.primary {
border: 1px solid var(--_colors---core--colors--primary--100);
background-color: var(--_colors---core--colors--primary--100);
color: var(--_colors---core--colors--neutral--100);
}
.button.primary:where(.w-variant-e638efd7-9f42-b539-b06f-2ca6acadbbf9), .button.primary:active:where(.w-variant-e638efd7-9f42-b539-b06f-2ca6acadbbf9), .button.primary.small:where(.w-variant-c89a48bb-353e-f0c1-7949-f61cff5fc798) {
border-color: var(--_colors---core--colors--neutral--100);
background-color: var(--_colors---core--colors--neutral--100);
color: var(--_colors---core--colors--neutral--800);
}
.button.primary.no-hover {
transition-property: none;
}
.button.primary.no-hover:hover {
transform: none;
}
.button.buy-template {
border: 1px solid var(--_colors---core--colors--neutral--100);
color: var(--_colors---core--colors--neutral--100);
transition-property: none;
}
.button.buy-template:hover {
transform: none;
}
.utp---icon {
min-width: 32px;
}
.button-icon-right {
min-width: 1rem;
max-width: 1rem;
min-height: 1rem;
max-height: 1rem;
}
.dropdown-title {
margin-bottom: var(--sizes--size-7);
color: var(--_typography---font-colors--title-light-mode);
font-size: var(--_typography---core--font--displays--display-3);
}
.pages-dropdown-column {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr;
justify-items: start;
}
.main-pages-dropdown {
grid-column-gap: var(--sizes--size-8);
grid-row-gap: var(--sizes--size-8);
grid-template-rows: auto;
grid-template-columns: auto auto auto;
align-items: start;
}
.footer-card {
padding-right: var(--sizes--size-7);
padding-left: var(--sizes--size-7);
border-radius: var(--border-radius--lg);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a0c_footer-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
}
.text-paragraph---dark-mode {
color: var(--_typography---font-colors--paragraph-dark-mode);
}
.footer-pages-grid {
grid-column-gap: var(--sizes--size-10);
grid-row-gap: var(--sizes--size-10);
grid-template-rows: auto;
grid-template-columns: auto auto;
}
.footer-pages-grid.v2 {
grid-column-gap: var(--gaps--2xlg);
grid-row-gap: var(--gaps--2xlg);
}
.main-pages-footer {
grid-column-gap: var(--sizes--size-8);
grid-row-gap: var(--sizes--size-8);
grid-template-rows: auto;
grid-template-columns: auto auto auto;
align-items: start;
}
.main-pages-footer.v2 {
grid-template-columns: auto auto auto 1fr;
}
.footer-contact-link {
padding: var(--sizes--size-6);
grid-column-gap: var(--sizes--size-3);
grid-row-gap: var(--sizes--size-3);
border-radius: var(--border-radius--sm);
background-color: var(--_colors---core--colors--neutral--100);
justify-content: flex-start;
align-items: flex-start;
min-width: 20rem;
display: flex;
}
.footer-contact-link-icon {
margin-top: var(--sizes--size-2);
border-radius: 50%;
width: auto;
max-width: 32px;
height: auto;
}
.text-link {
color: var(--_typography---font-colors--title-light-mode);
line-height: var(--_typography---core--font--line-height--md);
text-decoration: none;
}
.text-link:hover {
color: var(--_typography---font-colors--text-accent);
}
.text-link.is-dark-mode {
color: var(--_typography---font-colors--paragraph-dark-mode);
transition-property: opacity;
}
.text-link.is-dark-mode:hover {
opacity: .5;
color: var(--_typography---font-colors--title-dark-mode);
}
.text-link.underline {
text-decoration: underline;
}
.footer-middle {
grid-column-gap: var(--sizes--size-7);
grid-row-gap: var(--sizes--size-7);
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
}
.text-neutral-300 {
color: var(--_colors---core--colors--neutral--300);
}
.social-icon-v1 {
color: var(--_typography---font-colors--title-dark-mode);
justify-content: center;
align-items: center;
min-width: 1.25rem;
max-width: 1.25rem;
min-height: 1.25rem;
max-height: 1.25rem;
text-decoration: none;
transition-property: opacity;
display: flex;
}
.social-icon-v1:hover {
opacity: .5;
color: var(--_typography---font-colors--title-dark-mode);
}
.social-icon-v1.dark-mode {
color: var(--_typography---font-colors--title-light-mode);
}
.footer-form-wrapper {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 500px;
display: flex;
}
.success-message-input {
min-height: var(--inputs--md);
padding: var(--sizes--size-3);
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--6xlg);
background-color: var(--_colors---core--colors--neutral--100);
font-size: var(--_typography---core--font--displays--display-1);
justify-content: center;
align-items: center;
display: flex;
}
.inside-input-form {
min-height: var(--inputs--md);
}
.footer-webflow-link {
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
color: var(--_typography---font-colors--paragraph-dark-mode);
line-height: var(--_typography---core--font--line-height--md);
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.footer-webflow-link:hover {
color: var(--_colors---core--colors--neutral--500);
}
.footer-webflow-link.v2 {
margin-top: -6px;
}
.link-icon {
border-radius: var(--border-radius--3xsm);
}
.card-section-wrapper {
max-width: var(--inner-container--lg);
padding-right: var(--sizes--size-7);
padding-left: var(--sizes--size-7);
width: 100%;
margin-left: auto;
margin-right: auto;
}
.card-section {
padding: var(--sections--lg) var(--sizes--size-7);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--200);
position: relative;
overflow: hidden;
}
.card-section.hero-v1 {
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a0f_hero-v1-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
padding-top: 60px;
padding-bottom: 60px;
}
.card-section.cta-v1 {
padding-top: var(--sections--md);
padding-bottom: var(--sections--md);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a68_cta-v1-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
}
.card-section.cta-v2 {
background-color: var(--_colors---core--colors--neutral--800);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a98_cta-v2-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
}
.card-section.hero-v3 {
padding-top: var(--sections--md);
padding-bottom: var(--sections--sm);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a9f_hero-v3-bg-helper-webflow-template.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.card-section.cta-v3 {
padding-top: var(--sections--md);
padding-bottom: var(--sections--md);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502ac6_cta-v3-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
}
.card-section.hero-v4 {
padding-top: var(--sections--md);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502acc_hero-v4-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
padding-bottom: 17.5rem;
}
.card-section.cta-v4 {
padding-top: var(--sections--md);
padding-bottom: var(--sections--md);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a68_cta-v1-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
}
.card-section.coming-soon-section {
padding-top: var(--sections--sm);
padding-bottom: var(--sections--sm);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502af7_coming-soon-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
}
.card-section.sign-in {
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502af7_coming-soon-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
}
.card-section.careers-hero-card {
padding-top: var(--sections--sm);
padding-bottom: var(--sections--md);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502b28_careers-hero-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
}
.card-section.template-hero {
padding-top: var(--sections--sm);
padding-bottom: var(--sections--sm);
background-color: var(--_colors---core--colors--neutral--800);
}
.card-section.preview-hero {
padding-top: var(--sections--sm);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502b77_preview-hero-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
}
.hero-v1-image-grid {
grid-column-gap: 1.5%;
grid-row-gap: 1.5%;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.hero-v1-image {
border: 1px solid var(--_colors---core--colors--neutral--200);
border-radius: var(--border-radius--md);
box-shadow: 0 4px 4px 0 var(--_colors---global--colors--box-shadow--neutral--lg), 0 1px 1px 0 var(--_colors---global--colors--box-shadow--neutral--md);
}
.hero-v1-image._03 {
min-width: 45%;
}
.hero-v1-image._02 {
min-width: 26%;
}
.hero-v1-image._01 {
min-width: 23%;
}
.hero-v1-image._04 {
min-width: 26%;
}
.hero-v1-image._05 {
min-width: 23%;
}
.logo-strip-marquee-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.logo-strip-marquee {
padding-right: var(--sizes--size-8);
grid-column-gap: var(--sizes--size-8);
grid-row-gap: var(--sizes--size-8);
flex: none;
align-items: center;
display: flex;
}
.dropdown-pd-wrapper {
min-width: 35.9rem;
overflow: hidden;
}
.features-grid-v1 {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1.42fr;
}
.features-grid-row-v1 {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.feature-card-01---top-content {
z-index: 1;
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.button-square {
border-radius: var(--border-radius--3xsm);
background-color: var(--_colors---core--colors--neutral--800);
font-family: var(--_typography---core--font--icons--line-rounded);
color: var(--_colors---core--colors--neutral--100);
text-align: center;
justify-content: center;
align-items: center;
min-width: 1.875rem;
max-width: 1.875rem;
min-height: 1.875rem;
max-height: 1.875rem;
display: flex;
position: relative;
}
.button-square.dark-mode {
background-color: var(--_colors---core--colors--neutral--100);
box-shadow: 0 4px 4px 0 var(--_colors---global--colors--box-shadow--neutral--lg), 0 1px 1px 0 var(--_colors---global--colors--box-shadow--neutral--md);
color: var(--_typography---font-colors--title-light-mode);
}
.button-square.neutral {
background-color: var(--_colors---core--colors--neutral--200);
color: var(--_typography---font-colors--title-light-mode);
}
.feature-card-01---image {
z-index: 1;
margin: var(--sizes--size-10) auto -29%;
width: 79%;
height: auto;
position: relative;
}
.feature-card-02---image {
z-index: -1;
grid-row-gap: var(--sizes--size-5);
flex-flow: column;
justify-content: space-between;
width: 63%;
height: 56%;
display: flex;
position: absolute;
top: auto;
bottom: 0;
right: 0;
}
.feature-card-02---top-content {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
max-width: 12.5rem;
height: 100%;
display: flex;
}
.feature-card-03---image {
border: 1px solid var(--_colors---core--colors--neutral--200);
border-radius: var(--border-radius--md);
box-shadow: 0 4px 4px 0 var(--_colors---global--colors--box-shadow--neutral--lg), 0 1px 1px 0 var(--_colors---global--colors--box-shadow--neutral--md);
width: 55%;
height: auto;
position: absolute;
inset: auto auto -35% 53%;
}
.feature-card-03---content {
z-index: 1;
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
flex-flow: column-reverse;
justify-content: space-between;
align-items: flex-start;
max-width: 17.2rem;
height: 100%;
display: flex;
position: relative;
}
.feature-card-04---content {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.feature-card-04---image {
margin-top: var(--sizes--size-8);
width: 82%;
height: auto;
margin-bottom: -56%;
}
.platform-image-v1-wrapper {
z-index: 1;
justify-content: center;
align-items: center;
width: 55%;
max-width: 39.25rem;
display: flex;
position: relative;
}
.platform-marquee-wrapper {
grid-row-gap: var(--sizes--size-4);
flex-flow: column;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.platform-logo-v1 {
z-index: 2;
box-shadow: 0 8px 8px 0 var(--_colors---global--colors--box-shadow--neutral--lg), 0 2px 2px 0 var(--_colors---global--colors--box-shadow--neutral--md);
border-radius: 30%;
width: 35%;
max-width: 11rem;
height: auto;
margin: auto;
position: absolute;
inset: 0;
}
.platform-card-v1-icon {
margin-top: var(--sizes--size-2);
border-radius: 50%;
width: auto;
max-width: 2rem;
height: auto;
}
.stats-wrapper-v1 {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
display: flex;
}
.stat-text {
background-image: linear-gradient(280deg, var(--_colors---core--colors--secondary--300) 6.66%, var(--_colors---core--colors--primary--100) 89%);
font-size: var(--_typography---core--font--displays--display-9);
line-height: var(--_typography---core--font--line-height--sm);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.stat-text.v2 {
background-image: linear-gradient(280deg, var(--_colors---core--colors--secondary--200) 6.66%, var(--_colors---core--colors--secondary--300) 89%);
}
.stat-text._1-4 {
background-image: linear-gradient(100deg, var(--_colors---core--colors--secondary--200) 6.66%, var(--_colors---core--colors--primary--100) 89%);
}
.stat-text._2-4, .stat-text._3-4 {
background-color: var(--_colors---core--colors--primary--100);
background-image: none;
}
.stat-text._4-4 {
background-image: linear-gradient(280deg, var(--_colors---core--colors--secondary--300) 6%, var(--_colors---core--colors--primary--100) 89%);
}
.border-image-default {
border-radius: var(--border-radius--lg);
width: 100%;
}
.border-image-default.cover-image {
object-fit: cover;
height: 100%;
}
.steps-grid-v1 {
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-10);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.step-badge {
left: auto;
top: var(--sizes--size-6);
right: var(--sizes--size-6);
padding: var(--sizes--size-3) var(--sizes--size-3) var(--sizes--size-3) var(--sizes--size-5);
grid-column-gap: var(--sizes--size-3);
grid-row-gap: var(--sizes--size-3);
border: 1px solid var(--_colors---core--colors--neutral--200);
border-radius: var(--border-radius--xsm);
background-color: var(--_colors---core--colors--neutral--100);
box-shadow: 0 4px 4px 0 var(--_colors---global--colors--box-shadow--neutral--lg), 0 1px 1px 0 var(--_colors---global--colors--box-shadow--neutral--md);
color: var(--_typography---font-colors--title-light-mode);
letter-spacing: -.03em;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
bottom: auto;
}
.step-badge-number {
background-image: linear-gradient(180deg, #d1d0ff, var(--_colors---core--colors--secondary--200));
color: var(--_typography---font-colors--title-dark-mode);
text-align: center;
border-radius: 10px;
justify-content: center;
align-items: center;
min-width: 32px;
max-width: 32px;
min-height: 32px;
max-height: 32px;
display: flex;
}
.step-badge-number._02 {
background-image: linear-gradient(180deg, #8aa0ff, var(--_colors---core--colors--primary--100));
}
.step-badge-number._03 {
background-image: linear-gradient(180deg, #b6eaff, var(--_colors---core--colors--secondary--300));
}
.cta-v1-content {
max-width: 21.56rem;
margin-left: auto;
}
.blog-image-wrapper {
border-radius: var(--border-radius--lg);
overflow: hidden;
}
.blog-image-wrapper.small {
border-radius: var(--border-radius--md);
}
.blog-card-v1-content {
padding-right: var(--sizes--size-3);
padding-left: var(--sizes--size-3);
grid-column-gap: var(--sizes--size-5);
grid-row-gap: var(--sizes--size-5);
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.blog-title {
font-size: var(--_typography---core--font--displays--display-6);
letter-spacing: -.03em;
}
.blog-title.small {
font-size: var(--_typography---core--font--displays--display-5);
letter-spacing: -.03em;
}
.item-details {
padding: var(--sizes--size-3) var(--sizes--size-5) var(--sizes--size-3) var(--sizes--size-3);
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
border-radius: var(--border-radius--xsm);
background-color: var(--_colors---core--colors--neutral--200);
box-shadow: 0 4px 4px 0 var(--_colors---global--colors--box-shadow--neutral--lg), 0 1px 1px 0 var(--_colors---global--colors--box-shadow--neutral--md);
color: var(--_colors---core--colors--neutral--600);
letter-spacing: -.03em;
justify-content: flex-start;
align-items: center;
display: inline-flex;
}
.item-details.dark-mode {
background-color: var(--_colors---core--colors--neutral--100);
}
.blog-image {
width: 100%;
}
.secondary-blog-grid-v1 {
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
flex-flow: column;
display: flex;
}
.blog-cta {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
grid-column-gap: var(--sizes--size-4);
grid-row-gap: var(--sizes--size-4);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--800);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a69_blog-cta-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
flex-flow: column;
flex: 1;
justify-content: space-between;
display: flex;
}
.blog-cta.v2 {
grid-column-gap: var(--sizes--size-5);
grid-row-gap: var(--sizes--size-5);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502ae2_blog-cta-v2-helper-webflow-template.jpg");
justify-content: flex-end;
}
.height-100 {
height: 100%;
}
.hero-v2-grid {
grid-column-gap: var(--sizes--size-10);
grid-row-gap: var(--sizes--size-10);
grid-template-rows: auto;
grid-template-columns: 1fr 1.75fr;
align-items: center;
position: relative;
}
.hero-v2-image {
border-radius: var(--border-radius--lg);
width: 114%;
max-width: 50.6rem;
margin-right: -16%;
display: block;
}
.hero-v2-stats {
padding: var(--sizes--size-9) var(--sizes--size-11);
grid-column-gap: var(--sizes--size-5);
grid-row-gap: var(--sizes--size-5);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--200);
justify-content: space-between;
align-items: center;
display: flex;
}
.integrations-v1-image-wrapper {
z-index: 1;
justify-content: center;
align-items: center;
width: 45%;
max-width: 514px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.integrations-v1-image-wrapper.v2 {
margin-top: var(--sizes--size-15);
width: 37%;
}
.integrations-v1-bg {
width: 100%;
margin-top: -10%;
margin-bottom: -10%;
}
.integrations-v1-logo {
width: 58%;
}
.integration-v1-logo-wrapper {
aspect-ratio: 1;
border: 1px solid var(--_colors---core--colors--neutral--100);
background-color: var(--_colors---core--colors--neutral--200);
border-radius: 24%;
justify-content: center;
align-items: center;
width: 35%;
padding: .5rem;
display: flex;
position: absolute;
}
.integration-v1-logo-wrapper.v2 {
position: relative;
}
.integration-v1-logo-blend {
box-shadow: 0 2px 10px 0 var(--_colors---core--colors--neutral--800), 0 2px 5px 0 var(--_colors---core--colors--neutral--800);
mix-blend-mode: overlay;
border-radius: 24%;
position: absolute;
inset: 0%;
}
.integration-logo-v1-border {
aspect-ratio: 1;
background-color: var(--_colors---core--colors--neutral--100);
border-radius: 24%;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.integration-v1-icon {
z-index: 4;
aspect-ratio: 1;
background-color: var(--_colors---core--colors--neutral--100);
box-shadow: 0 2px 5px 0 var(--_colors---global--colors--box-shadow--neutral--lg), 0 1px 5px 0 var(--_colors---global--colors--box-shadow--neutral--md);
border-radius: 24%;
justify-content: center;
align-items: center;
width: 25%;
display: flex;
position: absolute;
}
.integration-v1-icon.right {
left: 75%;
}
.integration-v1-icon.left {
right: 75%;
}
.integration-v1-icon.medium {
z-index: 3;
width: 22%;
}
.integration-v1-icon.medium.right {
left: 98%;
}
.integration-v1-icon.medium.left {
right: 98%;
}
.integration-v1-icon.small {
z-index: 2;
width: 18%;
}
.integration-v1-icon.small.right {
left: 118%;
}
.integration-v1-icon.small.left {
right: 118%;
}
.integration-v1-icon.extra-small {
z-index: 1;
width: 15%;
}
.integration-v1-icon.extra-small.right {
left: 134%;
}
.integration-v1-icon.extra-small.left {
right: 134%;
}
.integration-icon {
width: 100%;
position: absolute;
}
.slider-wrapper {
background-color: #0000;
height: 100%;
}
.slider-wrapper.pd-bottom {
padding-bottom: var(--sizes--size-13);
}
.slider-mask {
height: 100%;
}
.slider-mask.features-v2-slider-mask {
max-width: 470px;
overflow: visible;
}
.slider-mask.milestones-slider-mask {
max-width: 24.5rem;
overflow: visible;
}
.slide {
margin-right: var(--sizes--size-6);
}
.slider-arrow {
border: 1px solid var(--_colors---core--colors--neutral--400);
font-family: var(--_typography---core--font--icons--line-rounded);
color: var(--_typography---font-colors--title-light-mode);
font-size: var(--_typography---core--font--displays--display-2);
text-align: center;
transform-style: preserve-3d;
background-color: #0000;
border-radius: 50%;
justify-content: center;
align-items: center;
min-width: 2.5rem;
max-width: 2.5rem;
min-height: 2.5rem;
max-height: 2.5rem;
transition: color .3s, background-color .3s, border-color .3s, transform .3s;
display: flex;
}
.slider-arrow:hover {
border-color: var(--_colors---core--colors--primary--100);
background-color: var(--_colors---core--colors--primary--100);
color: var(--_typography---font-colors--title-dark-mode);
transform: scale3d(.96, .96, 1.001);
}
.slider-arrow.bottom-left {
margin-right: var(--sizes--size-2);
inset: auto 50% 0% auto;
}
.slider-arrow.bottom-right {
margin-left: var(--sizes--size-2);
inset: auto auto 0% 50%;
}
.feature-card-v2---top-content {
padding-top: var(--_components---cards--vertical-md);
padding-right: var(--_components---cards--horizontal-md);
padding-left: var(--_components---cards--horizontal-md);
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.feature-card-v2---image {
margin-top: var(--spacing--xlg);
width: 100%;
}
.process-tabs {
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
grid-template-rows: auto;
grid-template-columns: 1fr 1.1fr;
grid-auto-columns: 1fr;
display: grid;
}
.process-menu {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.process-tab-link {
border-radius: var(--border-radius--lg);
opacity: .8;
color: var(--_colors---core--colors--neutral--600);
background-color: #0000;
padding: 0;
transition: opacity .3s, background-color .3s, color .3s;
}
.process-tab-link:hover {
color: var(--_colors---core--colors--neutral--600);
}
.process-tab-link.w--current {
background-color: var(--_colors---core--colors--neutral--200);
opacity: 100;
color: var(--_colors---core--colors--neutral--600);
}
.process-tab-link-content {
padding: var(--sizes--size-10) var(--_components---cards--horizontal-md);
grid-column-gap: var(--sizes--size-3);
grid-row-gap: var(--sizes--size-3);
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
transition: transform .3s;
display: flex;
}
.process-tab-link-content:hover {
transform: translate(4px);
}
.tab-icon-wrapper {
background-color: var(--_colors---core--colors--neutral--400);
border-radius: 50%;
justify-content: center;
align-items: center;
min-width: 2rem;
max-width: 2rem;
min-height: 2rem;
max-height: 2rem;
display: flex;
position: relative;
overflow: hidden;
}
.tab-icon {
z-index: 1;
position: relative;
}
.tab-icon-bg {
background-image: linear-gradient(180deg, #8aa0ff, var(--_colors---core--colors--primary--100));
position: absolute;
inset: 0%;
}
.tab-icon-bg.secondary-200 {
background-image: linear-gradient(180deg, #d1d0ff, var(--_colors---core--colors--secondary--200));
}
.tab-icon-bg.secondary-300 {
background-image: linear-gradient(180deg, #b6eaff, var(--_colors---core--colors--secondary--300));
}
.process-tab-link-container {
max-width: 21.9rem;
}
.process-tab-pane {
width: 100%;
height: 100%;
}
.process-tab-image {
border-radius: var(--border-radius--lg);
object-fit: cover;
width: 100%;
height: 100%;
}
.steps-v2-section-content {
z-index: 1;
max-width: 20rem;
position: absolute;
inset: 0% auto auto 0%;
}
.steps-tabs {
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
grid-template-rows: auto;
grid-template-columns: 23.75rem 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.steps-tabs-menu {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 14.5rem;
display: grid;
}
.steps-tab-link {
border-radius: var(--border-radius--lg);
background-color: #0000;
padding: 0;
transition-property: background-color;
overflow: hidden;
}
.steps-tab-link.w--current {
background-color: var(--_colors---core--colors--neutral--200);
}
.steps-tab-link.v2 {
border-radius: var(--border-radius--md);
}
.steps-tab-link-content {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
justify-content: space-between;
align-items: center;
transition: transform .3s;
display: flex;
}
.steps-tab-link-content:hover {
transform: translate(4px);
}
.steps-tab-link---left-content {
grid-column-gap: var(--sizes--size-3);
grid-row-gap: var(--sizes--size-3);
justify-content: flex-start;
align-items: center;
display: flex;
}
.button-square-line {
background-color: var(--_colors---core--colors--neutral--800);
border-radius: 300px;
width: .875rem;
height: .09375rem;
}
.button-square-line.vertical {
position: absolute;
transform: rotate(90deg);
}
.steps-tab-pane {
height: 100%;
}
.steps-card-content {
padding: var(--sizes--size-5);
grid-column-gap: var(--sizes--size-10);
grid-row-gap: var(--sizes--size-10);
flex-flow: column;
justify-content: space-between;
max-width: 19.875rem;
display: flex;
}
.text-titles---dark-mode {
color: var(--_typography---font-colors--title-dark-mode);
}
.testimonials-section-grid {
grid-column-gap: var(--gaps--2xlg);
grid-row-gap: var(--gaps--2xlg);
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
align-items: center;
}
.faqs-v1-grid {
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: start;
}
.faqs-v1-grid-column {
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.accordions-top {
grid-column-gap: var(--sizes--size-5);
grid-row-gap: var(--sizes--size-5);
justify-content: space-between;
align-items: center;
display: flex;
}
.accordion-title {
color: var(--_typography---font-colors--title-light-mode);
font-size: var(--_typography---core--font--displays--display-4);
line-height: var(--_typography---core--font--line-height--md);
}
.blog-featured-v2-grid {
grid-column-gap: var(--sizes--size-9);
grid-row-gap: var(--sizes--size-9);
grid-template-rows: auto;
grid-template-columns: 2.75fr 1fr;
place-items: stretch stretch;
}
.collection-item {
flex-flow: column;
display: flex;
}
.blog-card-v2-content {
padding-top: var(--sizes--size-6);
padding-bottom: var(--sizes--size-6);
padding-left: var(--sizes--size-6);
grid-column-gap: var(--sizes--size-8);
grid-row-gap: var(--sizes--size-8);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.blog-featured-v2-grid---right {
grid-column-gap: var(--sizes--size-10);
grid-row-gap: var(--sizes--size-10);
flex-flow: column;
justify-content: space-between;
display: flex;
}
.blog-secondary-v1 {
grid-column-gap: var(--gaps--3xs);
grid-row-gap: var(--gaps--3xs);
flex-flow: column;
align-items: flex-start;
text-decoration: none;
transition-property: transform;
display: flex;
}
.blog-secondary-v1:hover {
transform: translate(4px);
}
.hero-v3-grid {
grid-column-gap: var(--gaps--2xlg);
grid-row-gap: var(--gaps--2xlg);
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
}
.hero-v3-image-wrapper {
width: 35%;
position: absolute;
inset: auto 56.5% 0% auto;
}
.hero-v3---content-right {
grid-row-gap: 8.25rem;
flex-flow: column;
justify-content: space-between;
max-width: 24.6rem;
display: flex;
}
.hero-v3-floating-image {
width: 63%;
position: absolute;
inset: auto -43% 10% auto;
}
.hero-v3-image {
width: 100%;
}
.group-avatar-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.group-avatar {
border: .125rem solid var(--_colors---core--colors--neutral--100);
border-radius: 50%;
min-width: 2.5rem;
max-width: 2.5rem;
min-height: 2.5rem;
max-height: 2.5rem;
margin-left: -.4rem;
position: relative;
}
.group-avatar.first {
margin-left: 0;
}
.platform-grid-v3 {
grid-column-gap: var(--gaps--4xlg);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.icon-small {
border-radius: 50%;
min-width: 2rem;
max-width: 2rem;
min-height: 2rem;
max-height: 2rem;
}
.icon-small._2-5rem {
min-width: 2.5rem;
max-width: 2.5rem;
min-height: 2.5rem;
max-height: 2.5rem;
}
.platform-item-v3 {
grid-column-gap: var(--sizes--size-3);
grid-row-gap: var(--sizes--size-3);
display: flex;
}
.steps-tabs-v2 {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.steps-tabs-menu-v2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.metrics-grid-v2 {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.integration-grid-v2 {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
align-items: center;
}
.feature-card-v3---content {
padding-right: var(--_components---cards--horizontal-lg);
padding-bottom: var(--_components---cards--vertical-lg);
padding-left: var(--_components---cards--horizontal-lg);
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
flex: 1;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.feature-card-v3---image {
width: 100%;
}
.feature-card-v3---image-wrapper {
position: relative;
}
.platform-image-v3 {
width: 106%;
max-width: none;
margin: -3%;
}
.metrics-v2---image-wrapper {
width: 40%;
max-width: 29.25rem;
position: absolute;
inset: auto auto 0% 57.5%;
}
.metrics-v2---image {
width: 100%;
}
.metrics-v2---float-image {
width: 84%;
position: absolute;
inset: auto auto 7% -48%;
}
.integration-v2-image {
margin-top: -8%;
margin-bottom: -8%;
}
.testimonial-marquee-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.testimonial-marquee {
padding-right: var(--gaps--xs);
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.quote-icon {
color: var(--_colors---core--colors--primary--100);
max-width: 3.125rem;
}
.quote-icon:where(.w-variant-165d977c-ee5e-fad8-0397-e403d9797be1) {
color: var(--_typography---font-colors--title-light-mode);
}
.quote-icon:where(.w-variant-ecc9a453-713e-ccc6-cbad-30f5d7eda411) {
color: var(--_colors---core--colors--neutral--100);
}
.quote-icon:where(.w-variant-4a5960b0-99f1-6400-cd78-c5b07335994b) {
color: var(--_typography---font-colors--title-dark-mode);
}
.quote-icon:where(.w-variant-793ab0e0-2625-c453-f681-bcecc8d7679b) {
color: var(--_colors---core--colors--secondary--300);
}
.quote-icon.accent {
color: var(--_colors---core--colors--primary--100);
}
.quote-icon.dark {
color: var(--_colors---core--colors--neutral--800);
}
.quote-icon.white {
color: var(--_colors---core--colors--neutral--100);
}
.testimonial-avatar-wrapper {
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
justify-content: flex-start;
align-items: center;
display: flex;
}
.stats-grid-v3 {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-items: end;
margin-top: -1.5rem;
}
.stats-v3-section---top-content {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.stats-v3-section---title-wrapper {
margin-bottom: var(--sizes--size-10);
}
.values-grid {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
place-items: stretch stretch;
}
.milestone-badge {
z-index: 1;
padding: var(--sizes--size-3) var(--sizes--size-5);
border-radius: var(--border-radius--6xlg);
background-color: var(--_colors---core--colors--neutral--200);
color: var(--_typography---font-colors--text-accent);
display: inline-block;
position: relative;
}
.milestone-wrapper {
padding-right: var(--sizes--size-7);
position: relative;
}
.milestone-top-wrapper {
margin-top: var(--sizes--size-5);
max-width: 21.25rem;
}
.milestone-line {
background-color: var(--_colors---core--colors--neutral--300);
width: 100%;
height: 1px;
position: absolute;
top: 18px;
}
.team-members-grid {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.team-member-item {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
flex-flow: column;
text-decoration: none;
display: flex;
}
.careers-grid {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.careers-grid.v2 {
grid-template-columns: 1fr 1fr;
}
.career-item {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--200);
flex-flow: wrap;
justify-content: space-between;
align-items: center;
text-decoration: none;
display: flex;
}
.tag-label {
grid-column-gap: var(--gaps--5xs);
grid-row-gap: var(--gaps--5xs);
justify-content: flex-start;
align-items: center;
display: flex;
}
.tag-icon {
color: var(--_colors---core--colors--neutral--500);
max-width: .875rem;
max-height: .875rem;
}
.divider-vertical {
background-color: var(--_colors---core--colors--neutral--400);
width: 1px;
height: 16px;
}
.faqs-v2-wrapper {
padding: var(--sizes--size-6);
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: var(--border-radius--xlg);
background-color: var(--_colors---core--colors--neutral--100);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.faqs-v2-item {
border-bottom: 1px solid var(--_colors---core--colors--neutral--300);
cursor: pointer;
background-color: #0000;
margin-top: -1px;
position: relative;
}
.faqs-v2-item:where(.w-variant-50ebcbad-5f43-c737-e955-a4fa7a4afd29) {
border-bottom-style: none;
}
.offices-grid {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--lg);
grid-template-rows: auto;
grid-template-columns: 1fr 1.4fr;
align-items: end;
}
.offices-secondary-grid {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.office-secondary-item {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
flex-flow: column;
text-decoration: none;
display: flex;
}
.office-card-content {
padding: var(--sizes--size-6);
}
.categories-wrapper {
padding: var(--sizes--size-4);
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: var(--border-radius--md);
background-color: var(--_colors---core--colors--neutral--200);
display: flex;
}
.categories-wrapper.vertical {
flex-flow: column;
}
.categories-flex {
justify-content: center;
align-items: center;
display: flex;
}
.categories-flex.vertical {
flex-flow: column;
align-items: stretch;
}
.category-badge {
padding: var(--sizes--size-3) var(--sizes--size-5);
border-radius: var(--border-radius--3xsm);
color: var(--_colors---core--colors--neutral--500);
line-height: var(--_typography---core--font--line-height--md);
text-align: center;
background-color: #0000;
text-decoration: none;
}
.category-badge:hover {
color: var(--_typography---font-colors--title-light-mode);
}
.category-badge.w--current {
background-color: var(--_colors---core--colors--neutral--100);
box-shadow: 0 4px 5px 0 var(--_colors---global--colors--box-shadow--neutral--lg), 0 1px 5px 0 var(--_colors---global--colors--box-shadow--neutral--md);
color: var(--_typography---font-colors--title-light-mode);
}
.category-badge.v3 {
padding-top: var(--sizes--size-4);
padding-bottom: var(--sizes--size-4);
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: var(--_colors---core--colors--neutral--500);
text-align: left;
justify-content: flex-start;
align-items: center;
transition-property: transform;
display: flex;
}
.category-badge.v3:hover {
transform: translate(3px);
}
.category-badge.v3.w--current {
color: var(--_colors---core--colors--neutral--800);
}
.blog-grid-v1 {
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
display: grid;
}
.pagination-button {
padding: var(--sizes--size-4) var(--sizes--size-7);
border-color: var(--_colors---core--colors--neutral--400);
border-radius: var(--border-radius--6xlg);
background-color: var(--_colors---core--colors--neutral--100);
color: var(--_typography---font-colors--title-light-mode);
font-size: var(--_typography---core--font--displays--display-2);
line-height: var(--_typography---core--font--line-height--md);
justify-content: center;
align-items: center;
margin: 0;
text-decoration: none;
transition: border-color .3s, background-color .3s, color .3s;
display: flex;
}
.pagination-button:hover {
border-color: var(--_colors---core--colors--primary--100);
background-color: var(--_colors---core--colors--primary--100);
color: var(--_typography---font-colors--title-dark-mode);
}
.secondary-blog-grid-v2 {
margin-top: var(--sizes--size-6);
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-featured-v2-content-wrapper {
padding: var(--_components---cards--vertical-2xs) var(--_components---cards--horizontal-2xs);
}
.blog-featured-v2-wrapper {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--xlg);
box-shadow: 0 4px 4px 0 var(--_colors---global--colors--box-shadow--neutral--lg), 0 1px 1px 0 var(--_colors---global--colors--box-shadow--neutral--md);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502ae3_blog-featured-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: end;
text-decoration: none;
display: grid;
}
.blog-featured-v2-image {
width: 100%;
max-width: 31.25rem;
}
.blog-card-v3 {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
text-decoration: none;
display: grid;
}
.blog-cta-v3 {
padding: var(--sizes--size-12) var(--sizes--size-14);
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--800);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502ae4_blog-cta-v3-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
justify-content: space-between;
align-items: center;
display: flex;
}
.blog-v3-grid-wrapper {
grid-column-gap: var(--gaps--2xlg);
grid-row-gap: var(--gaps--2xlg);
grid-template-rows: auto;
grid-template-columns: auto 1fr;
align-items: start;
}
.category-icon {
width: 1rem;
display: inline-block;
}
.blog-grid-v3 {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-categories-sticky {
position: sticky;
top: 24px;
}
.heading-wrapper {
grid-column-gap: 12px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.blog-categories-wrapper {
margin-top: var(--sizes--size-7);
justify-content: center;
align-items: center;
display: flex;
}
.cta-v4-content {
max-width: 26.6rem;
margin-left: auto;
}
.center-content {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.author-wrapper {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
justify-content: flex-start;
align-items: center;
display: flex;
}
.social-icon {
border-radius: 6px;
min-width: 1.5rem;
max-width: 1.5rem;
min-height: 1.5rem;
max-height: 1.5rem;
transition-property: transform;
display: flex;
overflow: hidden;
}
.social-icon:hover {
transform: translate(0, -3px);
}
.contact-v1-hero-grid {
grid-column-gap: var(--gaps--3xlg);
grid-row-gap: var(--gaps--3xlg);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.contact-v1-hero-wrapper {
padding: var(--sizes--size-12) var(--_components---cards--horizontal-lg);
border-radius: var(--border-radius--lg);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502aef_contact-v1-bg-helper-webflow-template.jpg");
background-position: 50%;
background-size: cover;
}
.contact-v1-links-wrapper {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.contact-v1-link {
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.contact-form-wrapper {
flex-flow: column;
justify-content: center;
margin-bottom: 0;
display: flex;
}
.contact-form-wrapper:where(.w-variant-cb1f9316-e5cd-0461-f698-2d4969c65f13) {
margin-bottom: 0;
}
.contact-form-wrapper.main-contact-form {
min-height: 36.5rem;
}
.contact-form-wrapper.contact-form-v2 {
min-height: 27.5rem;
}
.contact-form-wrapper.sign-in-form {
min-height: 32.7rem;
}
.contact-form-wrapper.sign-up-form {
min-height: 32.2rem;
}
.contact-form-wrapper.demo-form {
min-height: 29.6rem;
}
.contact-form-grid {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.contact-form-grid:where(.w-variant-cb1f9316-e5cd-0461-f698-2d4969c65f13) {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.contact-form-grid.v3 {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
grid-template-columns: auto 1fr;
}
.faqs-v2-grid {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: 1fr 1.45fr;
}
.contact-form-success-message {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--lg);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.contact-form-success-message.v2 {
border-style: none;
padding: 0;
}
.contact-success-message-icon {
margin-bottom: var(--spacing--4xs);
font-family: var(--_typography---core--font--icons--line-rounded);
color: var(--_typography---font-colors--title-light-mode);
font-size: var(--_typography---core--font--displays--display-10);
line-height: var(--_typography---core--font--line-height--sm);
}
.questions-card {
padding: var(--_components---cards--vertical-lg) var(--_components---cards--horizontal-lg);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--800);
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502af0_common-questions-bg-helper-webflow-template.jpg");
background-position: 0 0;
background-size: cover;
min-height: 326px;
}
.location-tabs-menu {
margin-bottom: var(--spacing--2xs);
grid-column-gap: var(--gaps--none);
grid-row-gap: var(--gaps--none);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.location-tab-link {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
border-radius: var(--border-radius--md);
background-color: var(--_colors---core--colors--neutral--100);
color: var(--_typography---font-colors--title-light-mode);
font-size: var(--_typography---core--font--displays--display-4);
justify-content: flex-start;
align-items: center;
transition-property: background-color;
display: flex;
}
.location-tab-link:hover {
background-color: var(--_colors---core--colors--neutral--200);
color: var(--_typography---font-colors--title-light-mode);
}
.location-tab-link.w--current {
background-color: var(--_colors---core--colors--neutral--200);
}
.location-tab-icon {
border-radius: var(--border-radius--3xsm);
background-color: var(--_colors---core--colors--neutral--400);
color: var(--_colors---core--colors--neutral--100);
text-align: center;
justify-content: center;
align-items: center;
min-width: 32px;
max-width: 32px;
min-height: 32px;
max-height: 32px;
font-size: 12px;
font-weight: 600;
line-height: 1em;
display: flex;
position: relative;
overflow: hidden;
}
.location-tab-icon-bg {
background-image: linear-gradient(180deg, #8aa0ff, var(--_colors---core--colors--primary--100));
position: absolute;
inset: 0%;
}
.location-tab-icon-bg._02 {
background-image: linear-gradient(180deg, #d1d0ff, var(--_colors---core--colors--secondary--200));
}
.location-tab-icon-bg._03 {
background-image: linear-gradient(180deg, #b6eaff, var(--_colors---core--colors--secondary--300));
}
.location-tab-icon-text {
z-index: 1;
margin-bottom: -2px;
position: relative;
}
.location-card-v1---left-content {
padding: var(--sizes--size-6);
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
flex-flow: column;
justify-content: space-between;
display: flex;
}
.footer-content-v3 {
padding-top: var(--spacing--lg);
padding-bottom: var(--spacing--lg);
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
border-top: 1px solid var(--_colors---core--colors--neutral--300);
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-content-v3:where(.w-variant-c2088e77-075a-6728-ad33-99775d08466c) {
border-top-style: none;
}
.link-text {
color: var(--_typography---font-colors--title-light-mode);
text-decoration: none;
}
.link-text:hover {
color: var(--_typography---font-colors--text-accent);
}
.not-found-card {
padding: var(--sizes--size-12);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--200);
}
.not-found-page-bg-image {
width: 224%;
max-width: 87.6rem;
position: absolute;
transform: translate(0, 8%);
}
.not-found-page-image-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.not-found-page-image {
z-index: 1;
position: relative;
}
.coming-soon-grid {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.coming-soon-card-content {
padding-right: var(--_components---cards--horizontal-lg);
padding-bottom: var(--_components---cards--vertical-md);
padding-left: var(--_components---cards--horizontal-lg);
text-align: center;
}
.request-a-demo-grid {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.demo-cards-grid {
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 25.8rem;
display: grid;
}
.demo-form-grid {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.sign-up-grid {
grid-column-gap: var(--gaps--2xlg);
grid-row-gap: var(--gaps--2xlg);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sign-up-form-grid {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.checkbox-field {
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.form-divider-wrapper {
margin-top: var(--gaps--sm);
margin-bottom: var(--gaps--sm);
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
justify-content: space-between;
align-items: center;
display: flex;
}
.form-divider {
background-color: var(--_colors---core--colors--neutral--300);
flex: 1;
height: 1px;
}
.sign-in-buttons-grid {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
}
.sign-up-image {
border-radius: var(--border-radius--lg);
width: 48%;
max-width: 42.25rem;
position: absolute;
inset: 50% auto auto 50%;
transform: translate(4%, -50%);
}
.sign-in-form-grid {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.integrations-v2-bg {
z-index: -1;
width: 300%;
max-width: 1242px;
position: absolute;
transform: translate(0%, 8%);
}
.mg-top-section-xl {
margin-top: var(--sections--xl);
}
.integrations-grid {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.integration-image {
z-index: 2;
border: .6px solid var(--_colors---core--colors--neutral--100);
border-radius: 18px;
max-width: 3.375rem;
position: relative;
}
.integration-image-shadow {
z-index: 1;
mix-blend-mode: overlay;
border-radius: 18px;
position: absolute;
inset: 0%;
box-shadow: 0 2px 4px #000;
}
.integration-image-bg {
background-image: linear-gradient(180deg, #8aa0ff, var(--_colors---core--colors--primary--100));
opacity: .5;
filter: blur(36px);
position: absolute;
inset: -4px;
}
.integration-image-bg.violet {
background-image: linear-gradient(180deg, #d1d0ff, var(--_colors---core--colors--secondary--200));
}
.integration-image-bg.light {
background-image: linear-gradient(180deg, #b6eaff, var(--_colors---core--colors--secondary--300));
}
.faqs-single-column {
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--4xs);
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.contact-v2-hero {
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr 2fr;
}
.contact-v2-hero-link {
padding: var(--_components---cards--vertical-lg) var(--_components---cards--horizontal-lg);
grid-column-gap: var(--gaps--2xlg);
grid-row-gap: var(--gaps--2xlg);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--200);
flex-flow: column;
justify-content: space-between;
text-decoration: none;
display: flex;
}
.contact-v2-social-media {
padding: var(--_components---cards--vertical-lg) var(--_components---cards--horizontal-lg);
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--200);
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.contact-v2-office-wrapper {
border-radius: var(--border-radius--lg);
flex-flow: column;
justify-content: flex-end;
display: flex;
position: relative;
overflow: hidden;
}
.contact-v3-office-image {
object-fit: cover;
width: 100%;
height: 100%;
position: static;
inset: 0%;
}
.contact-v3-office-content {
left: var(--_components---cards--horizontal-2xs);
top: auto;
right: var(--_components---cards--horizontal-2xs);
bottom: var(--_components---cards--vertical-2xs);
z-index: 1;
padding: var(--_components---cards--vertical-2xs) var(--_components---cards--horizontal-2xs);
border: 1px solid var(--_colors---core--colors--neutral--300);
border-radius: var(--border-radius--md);
background-color: var(--_colors---core--colors--neutral--100);
box-shadow: 0 4px 4px 0 var(--_colors---global--colors--box-shadow--neutral--lg), 0 1px 1px 0 var(--_colors---global--colors--box-shadow--neutral--md);
position: absolute;
}
.contact-v2-form-grid {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.contact-v2-testimonial {
padding: var(--_components---cards--vertical-lg) var(--_components---cards--horizontal-lg);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--200);
}
.contact-v3-hero {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: 1.9fr 1fr 1fr;
}
.follow-us-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.follow-us-bg-image {
max-width: 513px;
margin: -10%;
}
.follow-us-container {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.follow-us-links-wrapper {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.follow-us-link {
min-width: 9.125rem;
max-width: 9.125rem;
min-height: 9.125rem;
max-height: 9.125rem;
position: relative;
}
.follow-us-link-bg {
z-index: 1;
border: .75px solid var(--_colors---core--colors--neutral--100);
background-color: #ffffffe6;
border-radius: 2.375rem;
padding: 6px;
position: relative;
}
.follow-us-link-content {
background-color: var(--_colors---core--colors--neutral--100);
border-radius: 2rem;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.follow-us-link-icon-wrapper {
z-index: 1;
aspect-ratio: 1;
background-color: var(--_colors---core--colors--neutral--100);
border-radius: 2rem;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.follow-us-link-icon {
border-radius: 1.5rem;
width: 60%;
}
.follow-us-link-icon-shadow {
border-radius: 2rem;
position: absolute;
inset: 6px;
box-shadow: 0 1.5px 1.5px #5369db;
}
.follow-us-link-overlay {
border-radius: 2.375rem;
position: absolute;
inset: 0%;
box-shadow: 0 1.5px 1.5px #cdd5ff;
}
.careers-stats-wrapper {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: auto auto auto auto;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.career-stat-text {
background-image: linear-gradient(270deg, var(--_colors---core--colors--primary--100), var(--_colors---core--colors--secondary--200));
color: var(--_typography---font-colors--text-accent);
font-size: var(--_typography---core--font--displays--display-9);
line-height: var(--_typography---core--font--line-height--sm);
letter-spacing: -.03em;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: inline-block;
}
.career-stat-text._02, .career-stat-text._03 {
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
}
.career-stat-text._04 {
background-image: linear-gradient(90deg, var(--_colors---core--colors--primary--100), var(--_colors---core--colors--secondary--300));
}
.lightbox-image {
width: 100%;
}
.lightbox-wrapper {
border-radius: var(--border-radius--lg);
position: relative;
overflow: hidden;
}
.lightbox-link {
left: var(--_components---cards--horizontal-md);
top: var(--_components---cards--horizontal-md);
background-color: var(--_colors---core--colors--neutral--100);
color: var(--_typography---font-colors--title-light-mode);
transform-style: preserve-3d;
border-radius: 50%;
justify-content: center;
align-items: center;
min-width: 2.5rem;
max-width: 2.5rem;
min-height: 2.5rem;
max-height: 2.5rem;
transition: transform .3s, color .3s;
display: flex;
position: absolute;
bottom: auto;
right: auto;
}
.lightbox-link:hover {
color: var(--_typography---font-colors--text-accent);
transform: scale3d(1.1, 1.1, 1.001);
}
.lightbox-link-icon {
width: 36%;
margin-left: 5%;
}
.perks-grid {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: 1fr 1.9fr;
align-items: center;
}
.perks-wrapper {
padding-top: var(--sizes--size-10);
padding-bottom: var(--sizes--size-10);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--200);
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
overflow: hidden;
}
.perks-column {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.perks-row {
justify-content: center;
align-items: center;
display: flex;
}
.perks-marquee {
padding-right: var(--gaps--2xs);
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
flex: none;
justify-content: center;
align-items: stretch;
display: flex;
}
.perks-card-title {
color: var(--_typography---font-colors--title-light-mode);
font-size: var(--_typography---core--font--displays--display-4);
}
.perks-card-content {
grid-column-gap: var(--gaps--3xs);
grid-row-gap: var(--gaps--3xs);
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.team-image {
width: 100%;
max-width: 62.5rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.career-single-banner-wrapper {
padding-right: var(--spacing--sm);
padding-left: var(--spacing--sm);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.career-single-banner {
border-radius: var(--border-radius--lg);
object-fit: cover;
width: 100%;
max-width: 1400px;
min-height: 540px;
}
.footer-top-v2 {
padding-top: var(--sections--md);
padding-bottom: var(--sections--xs);
}
.grid-footer-v2 {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: auto auto;
justify-content: space-between;
}
.footer-logo {
transform-style: preserve-3d;
min-width: 56px;
max-width: 56px;
min-height: 56px;
max-height: 56px;
transition-property: transform;
}
.footer-logo:hover {
transform: scale3d(.96, .96, 1.001);
}
.footer-middle-v2 {
padding-bottom: var(--sections--md);
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
display: grid;
}
.utility-pages-footer {
grid-template-rows: auto;
grid-template-columns: auto auto;
align-items: start;
}
.social-icon-wrapper {
padding: var(--sizes--size-3);
border-radius: var(--border-radius--3xsm);
background-color: var(--_colors---core--colors--neutral--100);
}
.included-card-image {
border-radius: var(--border-radius--xsm);
width: auto;
}
.included-card-image-wrapper {
padding-top: var(--sizes--size-4);
padding-right: var(--sizes--size-4);
padding-left: var(--sizes--size-4);
}
.text-and-image-card---image {
border-radius: var(--border-radius--xsm);
}
.testimonial-v1-wrapper {
margin-top: var(--spacing--lg);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.fade-overlay {
z-index: 5;
background-color: var(--_colors---core--colors--neutral--100);
opacity: 0;
pointer-events: none;
position: absolute;
inset: -100px 0%;
}
.blog-grid-v2 {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.title-link {
color: var(--_typography---font-colors--title-light-mode);
text-decoration: none;
}
.title-link:hover {
color: var(--_typography---font-colors--text-accent);
}
.z-index-1 {
z-index: 1;
position: relative;
}
.testimonial-v1-top-row {
justify-content: center;
align-items: flex-start;
display: flex;
}
.testimonial-v1-bottom-row {
justify-content: center;
align-items: flex-start;
width: 70%;
margin-top: -36%;
margin-left: 15%;
display: flex;
}
.text-neutral-400 {
color: var(--_colors---core--colors--neutral--400);
}
.text-neutral-200 {
color: var(--_colors---core--colors--neutral--200);
}
.z-index-2 {
z-index: 2;
position: relative;
}
.feature-card---tag {
z-index: 1;
border-radius: var(--border-radius--6xlg);
width: 100%;
display: block;
position: relative;
box-shadow: 0 1px 1px #05112d0f, 0 4px 4px #9ac4ff0f;
}
.feature-card---tag._01 {
width: 40%;
max-width: 7.4rem;
margin-left: auto;
margin-right: 14%;
right: 0;
transform: rotate(9deg);
}
.feature-card---tag._02 {
width: 42%;
max-width: 7.8rem;
margin-left: auto;
margin-right: auto;
right: 3%;
transform: rotate(26deg);
}
.feature-card---tag._03 {
width: 36%;
max-width: 6.8rem;
left: 22%;
}
.feature-card---tag._04 {
width: 28%;
max-width: 5rem;
position: absolute;
top: 20%;
left: 0;
transform: rotate(-22deg);
}
.feature-card---tag._05 {
width: 44%;
max-width: 7.8rem;
position: absolute;
top: 28%;
right: 0;
transform: rotate(4deg);
}
.feature-card---tag._06 {
width: 34%;
max-width: 6.2rem;
position: absolute;
bottom: 26%;
left: 0;
}
.feature-card---tag._07 {
width: 34%;
max-width: 6.125rem;
position: absolute;
bottom: 8%;
right: 10%;
transform: rotate(-24deg);
}
.platform-marquee-row {
justify-content: center;
display: flex;
}
.platform-marquee-container {
padding-right: var(--sizes--size-4);
grid-column-gap: var(--sizes--size-4);
flex: none;
display: flex;
}
.platform-marquee-card-wrapper {
flex: none;
}
.platform-marquee-overlay {
z-index: 1;
background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, var(--_colors---core--colors--neutral--200) 75%);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
position: absolute;
inset: 0;
}
.platform-section-container {
grid-column-gap: var(--gaps--2xlg);
flex-flow: row-reverse;
justify-content: space-between;
align-items: center;
display: flex;
}
.testimonial-marquee-row {
justify-content: center;
display: flex;
}
.testimonial-marquee-container {
padding-right: var(--sizes--size-4);
grid-column-gap: var(--sizes--size-4);
flex: none;
display: flex;
}
.testimonials-marquee-card {
padding-top: var(--sizes--size-13);
padding-bottom: var(--sizes--size-13);
grid-row-gap: var(--sizes--size-4);
border-radius: var(--border-radius--lg);
background-color: var(--_colors---core--colors--neutral--200);
flex-flow: column;
justify-content: center;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.testimonial-marquee-card-wrapper {
flex: none;
min-width: 17.25rem;
}
.more-webflow-templates-sub {
color: #523ff5;
text-decoration: underline;
}
.more-templates-p {
margin-bottom: 0;
font-size: 13px;
line-height: 1.4em;
}
.brix-badges-wrapper {
z-index: 99999999;
width: 310px;
height: 120px;
position: fixed;
inset: auto 50px 0 auto;
}
.more-templates-lottie {
z-index: 9999;
width: 44px;
position: absolute;
inset: -18px -19px auto auto;
}
.hidden-code {
display: none;
}
.more-templates-badge-wrapper {
z-index: 9991;
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: 0;
color: #666977;
background-color: #fff;
border: 1px solid #f0f0f6;
border-radius: 12px;
align-items: center;
width: 100%;
max-width: 320px;
min-height: 76px;
padding: 12px 22px 12px 18px;
text-decoration: none;
transition-property: none;
display: flex;
position: absolute;
transform: scale(.9)translate(0, 20px);
box-shadow: 0 .6px .8px #1010650a, 0 3px 6px #11115414;
}
.more-templates-badge-wrapper:hover {
color: #666977;
}
.more-templates-badge-wrapper.customization {
border-color: #4a3aff;
padding-left: 10px;
}
.more-templates-logo {
width: 80px;
}
.more-templates-logo.blur {
z-index: -1;
opacity: .68;
filter: blur(3px);
position: absolute;
inset: 10% 0% 20px;
}
.more-templates-logo.customize {
width: 110px;
}
.more-templates-logo-wrapper {
position: relative;
}
.image-2 {
max-width: 67px;
}
@media screen and (min-width: 1440px) {
.notification-bar-padding {
padding-left: 0;
padding-right: 0;
}
.notification-bar-padding.v6 {
padding-right: 24px;
}
.notification-bar-padding.v4 {
padding-right: 30px;
}
.utp---blocks-1440px-wrapper {
flex-direction: column;
justify-content: center;
align-items: stretch;
max-width: 100%;
display: flex;
}
.utp---buttons-top {
display: flex;
}
.utp---card-logo {
padding: 24px;
}
.utp---card-logo.auto-padding {
padding: 16px;
}
.footer-wrapper {
align-self: stretch;
}
.utp---components-head-wrapper {
padding-left: 40px;
padding-right: 40px;
}
.utp---components-head-wrapper.buttons {
grid-template-columns: 1fr 1fr 1fr;
}
.utp---buttons-sidebar {
flex-direction: column;
display: flex;
}
.card.utp---components-wrapper {
flex-direction: row;
}
.card.utp---components-wrapper.wrap {
flex-wrap: wrap;
}
.card.typography-card {
padding-left: 40px;
padding-right: 40px;
}
.notification-bar {
width: 100%;
}
.utp---block-item-wrapper {
justify-content: center;
display: flex;
}
.utp---sidebar-layout-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(280px, 310px) 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.utp---card-componets-wrapper {
padding-left: 40px;
padding-right: 40px;
}
.grid-1-column.gap-row-large {
grid-row-gap: 64px;
}
.utp---grid-components {
grid-column-gap: 19px;
}
.testimonials-section-grid {
grid-template-columns: 1fr 1fr;
}
.image-2 {
max-width: 67px;
}
}
@media screen and (min-width: 1920px) {
.utp---blocks-1440px-wrapper {
align-items: stretch;
}
.text-light {
color: #fff;
}
.card-wrapper {
position: sticky;
}
.footer-wrapper {
align-self: stretch;
}
.utp---sidebar-layout-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(280px, 310px) 1fr;
grid-auto-columns: 1fr;
max-width: 100vw;
display: grid;
}
.utp---content-wrapper {
max-width: 87vw;
}
.card-section-wrapper {
padding-left: 0;
}
.image-2 {
max-width: 67px;
}
}
@media screen and (max-width: 991px) {
body {
--core--sizes--margins--sm\: var(--sizes--size-6);
--spacing--lg: var(--sizes--size-9);
--core--sizes--margins--2xsm\: var(--sizes--size-4);
--global--padding--default\: 40px;
--spacing--4xs: var(--sizes--size-3);
--spacing--md: var(--sizes--size-8);
--spacing--xlg: var(--sizes--size-10);
--border-radius--lg: var(--sizes--size-8);
--sections--lg: var(--sizes--size-15);
--spacing--sm: var(--sizes--size-7);
--gaps--5xs: var(--sizes--size-2);
--core--sizes--margins--md\: 28px;
--core--sizes--margins--6xlg\: var(--sizes--size-13);
--border-radius--sm: var(--sizes--size-6);
--core--sizes--margins--xsm\: var(--sizes--size-5);
--core--sizes--margins--4xsm\: var(--sizes--size-2);
--sizes--size-8: 1.75rem;
--spacing--5xlg: var(--sizes--size-14);
--core--sizes--margins--5xsm\: var(--sizes--size-1);
--border-radius--2xsm: var(--sizes--size-4);
--spacing--none: var(--sizes--none);
--core--sizes--margins--4xlg\: var(--sizes--size-11);
--core--sizes--margins--3xlg\: var(--sizes--size-10);
--core--sizes--margins--3xsm\: var(--sizes--size-3);
--inner-container--md: 75.25rem;
--sections--xl: var(--sizes--size-15);
--sections--md: var(--sizes--size-15);
--sections--xs: var(--sizes--size-11);
--sections--2xs: var(--sizes--size-9);
--sizes--size-5: 1rem;
--sizes--size-3: .5rem;
--inputs--md: 3.875rem;
--spacing--3xs: var(--sizes--size-4);
--border-radius--6xlg: 20rem;
--spacing--xs: var(--sizes--size-6);
--inputs--sm: 3rem;
--spacing--5xs: var(--sizes--size-2);
--spacing--2xs: var(--sizes--size-5);
--gaps--sm: var(--sizes--size-7);
--core--sizes--margins--lg\: 36px;
--sizes--size-4: .75rem;
--gaps--md: var(--sizes--size-8);
--gaps--none: var(--sizes--none);
--sizes--size-11: 3rem;
--gaps--xs: var(--sizes--size-6);
--core--sizes--margins--2xlg\: var(--sizes--size-9);
--border-radius--3xsm: var(--sizes--size-3);
--core--sizes--margins--xlg\: var(--sizes--size-8);
--buttons--md: var(--sizes--size-9);
--core--colors--neutrals--800\: #19213d;
--sizes--size-7: 1.5rem;
--sizes--size-14: 4.5rem;
--border-radius--md: var(--sizes--size-7);
--sizes--size-9: 2.25rem;
--sizes--size-10: 2.75rem;
--inner-container--lg: 90rem;
--sizes--size-6: 1.25rem;
--gaps--4xs: var(--sizes--size-3);
--border-radius--xsm: var(--sizes--size-5);
--core--sizes--margins--5xlg\: var(--sizes--size-11);
--text-area--md: 8.875rem;
--core--colors--primary--100\: #2388ff;
--text-area--sm: 7.5rem;
--gaps--lg: var(--sizes--size-9);
--gaps--3xlg: var(--sizes--size-12);
--core--sizes--margins--none\: var(--sizes--none);
--core--colors--neutrals--300\: #f1f3f7;
--sizes--size-2: .25rem;
--border-radius--none: var(--sizes--none);
--buttons--sm: var(--sizes--size-8);
--spacing--3xlg: var(--sizes--size-12);
--gaps--2xs: var(--sizes--size-5);
--sizes--size-1: .125rem;
--border-radius--4xsm: var(--sizes--size-2);
--core--colors--neutrals--100\: white;
--sizes--size-13: 4rem;
--border-radius--5xsm: var(--sizes--size-1);
--core--fonts--weight--medium\: 500;
--core--fonts--weight--bold\: 700;
--gaps--3xs: var(--sizes--size-4);
--sizes--size-15: 5rem;
--sizes--none: 0rem;
--gaps--2xlg: var(--sizes--size-10);
--core--colors--neutrals--200\: #f8faff;
--border-radius--xlg: var(--sizes--size-8);
--sizes--size-12: 3.5rem;
--sections--sm: var(--sizes--size-13);
--spacing--2xlg: var(--sizes--size-11);
--gaps--7xlg\: 260px;
--gaps--4xlg: var(--sizes--size-14);
--sizes--size-16: 6.25rem;
--sizes--size-17: 7.5rem;
--spacing--4xlg: var(--sizes--size-13);
--spacing--6xlg: var(--sizes--size-15);
--sections--none: var(--sizes--none);
--border-radius--2xlg: var(--sizes--size-9);
--border-radius--3xlg: var(--sizes--size-10);
--border-radius--4xlg: var(--sizes--size-12);
--border-radius--5xlg: var(--sizes--size-14);
--core--fonts--displays--display-1\: 14px;
--_typography---core--font--family--primary-font: "Inter Tight", sans-serif;
--_typography---font-colors--paragraph-light-mode: var(--_colors---core--colors--neutral--600);
--_typography---core--font--displays--display-2: 1rem;
--_typography---core--font--line-height--lg: 1.5em;
--_typography---core--font--weight--mid: 500;
--_typography---core--font--family--headline: var(--_typography---core--font--family--primary-font);
--_typography---core--font--displays--display-9: 3rem;
--_typography---core--font--line-height--sm: 1.115em;
--_typography---core--font--displays--display-8: 2.5rem;
--_typography---core--font--line-height--md: 1.25em;
--_typography---core--font--displays--display-5: 1.5rem;
--_typography---core--font--displays--display-4: 1.25rem;
--_typography---core--font--displays--display-3: 1.125rem;
--_typography---core--font--weight--strong: 700;
--_typography---font-colors--title-light-mode: var(--_colors---core--colors--neutral--800);
--_typography---font-colors--text-accent: var(--_colors---core--colors--primary--100);
--_typography---core--font--displays--display-1: .875rem;
--_typography---font-colors--title-dark-mode: var(--_colors---core--colors--neutral--100);
--_typography---core--font--displays--display-10: 3.5rem;
--_typography---core--font--icons--line-squared: "Line Squared Icon Font Brix", Arial, sans-serif;
--_typography---core--font--icons--line-rounded: "Line Rounded Icon Font Brix", Arial, sans-serif;
--_typography---core--font--displays--display-7: 2.25rem;
--_typography---core--font--displays--display-6: 1.75rem;
--_typography---font-colors--paragraph-dark-mode: var(--_colors---core--colors--neutral--200);
--_typography---core--font--icons--social-media: "Social Media Icon Font Brix", Arial, sans-serif;
--_typography---core--font--icons--filled-icon: "Filled Icon Brix", Arial, sans-serif;
--_typography---core--font--weight--regular: 400;
--_typography---core--font--family--secondary-font: "Inter Tight", sans-serif;
--_typography---core--font--icons--default: var(--_typography---core--font--icons--line-rounded);
--_typography---core--font--letter-spacing--none: 0px;
--_typography---core--font--letter-spacing--sm: -.03em;
--_components---cards--horizontal-lg: var(--sizes--size-8);
--_components---cards--vertical-md: var(--sizes--size-8);
--_components---cards--horizontal-md: var(--sizes--size-8);
--_components---cards--vertical-2xs: var(--sizes--size-6);
--_components---cards--horizontal-2xs: var(--sizes--size-6);
--_components---cards--vertical-lg: var(--sizes--size-8);
}
.notification-bar-padding.v6 {
padding-left: 4px;
padding-right: 5px;
}
.notification-bar-padding.v4 {
padding-left: 0;
padding-right: 0;
}
.sales-home---hero-link-wrapper {
max-width: 15rem;
}
.dropdown-toogle {
margin-left: 0;
margin-right: auto;
}
.inner-container._28-75rem._100-mbl, .inner-container._100-tablet, .inner-container._16-56rem._100-mbl {
max-width: 100%;
}
.section.hero-v2 {
padding-top: var(--sections--xs);
}
.section.sign-up-page {
padding-bottom: var(--sections--md);
}
.utp---typography-grid-row {
flex-direction: column;
align-items: flex-start;
}
.utp---typography-grid-row.header {
display: none;
}
.utp--sidebar-wrapper {
height: auto;
max-height: none;
position: static;
overflow: visible;
}
.grid-3-columns._2-col-tablet {
grid-template-columns: 1fr 1fr;
}
.grid-3-columns._1-col-tablet {
grid-template-columns: 1fr;
}
.hamburger-menu {
width: 2.75rem;
min-width: 2.75rem;
height: 2.75rem;
min-height: 2.75rem;
}
.grid-4-columns {
grid-template-columns: 1fr 1fr;
}
.grid-footer-v1 {
grid-column-gap: var(--sizes--size-10);
grid-row-gap: var(--sizes--size-10);
grid-template-columns: 1fr;
}
.link-nav-item {
display: flex;
}
.utp---buttons-sidebar-item-wrapper.tablet {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.nav-menu-wrapper {
border-style: solid none;
border-width: 1px;
border-color: var(--_colors---core--colors--neutral--300);
background-color: var(--_colors---core--colors--neutral--100);
border-radius: 0;
}
.dropdown-pd {
padding: var(--gaps--md) 0rem;
border-width: 0;
border-color: var(--_colors---global--colors--opacity--none);
border-radius: var(--border-radius--none);
box-shadow: none;
min-width: 0;
margin-top: 0;
}
.utp---typography-grid-item._55, .utp---typography-grid-item._26-5, .utp---typography-grid-item._11 {
width: 100%;
}
.grid-pages {
grid-column-gap: var(--gaps--2xs);
grid-row-gap: var(--gaps--2xs);
grid-template-columns: 1fr 1fr;
}
.grid-pages.last-row {
grid-template-columns: 1fr 1fr;
}
.list-nav-menu {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
grid-column-gap: var(--gaps--3xs);
grid-row-gap: var(--gaps--3xs);
flex-direction: column;
align-items: stretch;
}
.utp---components-head-wrapper {
width: 100%;
}
.utp---components-head-wrapper.badges.tablet {
display: none;
}
.utp---components-head-wrapper.buttons {
grid-template-columns: 1fr 1fr 1fr;
}
.utp---components-head-wrapper.right {
display: none;
}
.grid-2-columns.template-page-sidebar {
grid-template-columns: .5fr 1fr;
}
.grid-2-columns.changelog-item {
grid-template-columns: .3fr 1fr;
}
.grid-2-columns._1-col-tablet {
grid-template-columns: 1fr;
}
.sidebar---navbar {
padding-bottom: var(--spacing--sm);
}
.card.utp---components-wrapper, .card.sales-home---text-and-image {
flex-direction: column;
}
.card.testimonial-card-v1 {
grid-row-gap: 2.5rem;
}
.card.testimonial-card-v1.top-center {
margin: -15% 0 -20% 2%;
}
.card.testimonial-card-v1.top-left {
margin-top: 0;
margin-left: auto;
}
.card.testimonial-card-v1.top-right {
margin-right: auto;
}
.card.testimonial-card-v1.bottom-right {
margin-left: -10%;
}
.card.testimonial-card-v1.bottom-left {
margin-top: 20%;
}
.card.stats-card._01 {
grid-row-gap: 6rem;
}
.card.stats-card._02 {
grid-row-gap: 3rem;
}
.card.values-card {
padding-right: var(--_components---cards--horizontal-2xs);
padding-left: var(--_components---cards--horizontal-2xs);
grid-column-gap: var(--gaps--4xs);
}
.card.blog-card-featured-v2 {
padding: var(--_components---cards--vertical-md) var(--_components---cards--horizontal-md);
}
.dropdown-list {
padding-right: var(--spacing--none);
padding-bottom: var(--spacing--none);
padding-left: var(--spacing--none);
position: relative;
transform: none;
}
.dropdown-list.dropdown-v1 {
width: 100%;
transform: none;
}
.notification-bar {
padding-left: 32px;
padding-right: 32px;
}
.dropdown-wrapper {
flex-flow: column;
width: 100%;
display: flex;
}
.utp---sidebar-layout-wrapper {
grid-template-columns: minmax(100%, 1fr);
}
.text-and-image-card---text-container {
order: -9999;
max-width: none;
padding-left: 32px;
padding-right: 32px;
}
.utp---card-componets-wrapper {
width: 100%;
}
.utp---card-componets-wrapper.v2 {
padding-left: 22px;
padding-right: 22px;
}
.text-and-image-card---image-wrapper {
width: 100%;
}
.utp---content-wrapper {
max-width: none;
}
.grid-1-column {
grid-column-gap: var(--gaps--sm);
grid-row-gap: var(--gaps--sm);
}
.title-left---content-right {
grid-column-gap: var(--sizes--size-4);
grid-row-gap: var(--sizes--size-4);
}
.title-left---content-right.top {
flex-flow: wrap;
}
.dropdown-title {
font-size: var(--_typography---core--font--displays--display-2);
}
.footer-card {
padding-right: var(--sizes--size-3);
padding-left: var(--sizes--size-3);
}
.footer-contact-link {
padding-right: var(--sizes--size-9);
min-width: auto;
}
.card-section {
padding-right: var(--sizes--size-3);
padding-left: var(--sizes--size-3);
}
.card-section.hero-v3 {
padding-top: var(--sections--sm);
padding-bottom: 0;
}
.card-section.metrics-section-v3 {
padding-bottom: 0;
}
.card-section.hero-v4 {
padding-bottom: 15.6rem;
}
.hero-v1-image {
border-radius: var(--border-radius--sm);
}
.dropdown-pd-wrapper {
min-width: 100%;
}
.features-grid-v1 {
grid-template-columns: 1fr 1fr;
}
.feature-card-02---image {
width: 70%;
}
.feature-card-03---image {
width: 80%;
bottom: -36%;
left: 25%;
}
.feature-card-03---content {
flex-flow: column;
max-width: 100%;
}
.platform-image-v1-wrapper {
width: 100%;
max-width: none;
}
.stat-text {
display: inline-block;
}
.blog-title {
font-size: var(--_typography---core--font--displays--display-5);
}
.hero-v2-grid {
grid-template-columns: 1fr;
}
.hero-v2-image {
width: 100%;
max-width: 100%;
margin-right: 0;
}
.hero-v2-stats {
padding-right: var(--_components---cards--horizontal-md);
padding-left: var(--_components---cards--horizontal-md);
}
.integrations-v1-image-wrapper.v2 {
width: 50%;
}
.process-tabs {
grid-row-gap: var(--sizes--size-10);
grid-template-columns: 1fr;
}
.process-tab-link-container {
max-width: 100%;
}
.steps-v2-section-content {
max-width: none;
position: static;
}
.steps-tabs {
margin-top: var(--sizes--size-10);
grid-template-columns: 1fr;
}
.steps-tabs-menu {
padding-top: 0;
}
.steps-card-content {
padding: var(--sizes--size-4);
}
.testimonials-section-grid {
grid-template-columns: 1.5fr;
}
.blog-featured-v2-grid {
grid-template-columns: 2.75fr;
}
.blog-card-v2-content {
padding-left: var(--sizes--none);
}
.hero-v3-grid {
grid-template-columns: 1.75fr;
}
.hero-v3-image-wrapper {
width: 70%;
position: relative;
inset: 0%;
}
.hero-v3---content-right {
grid-row-gap: var(--gaps--lg);
align-items: flex-start;
max-width: 100%;
}
.platform-grid-v3 {
grid-column-gap: var(--gaps--lg);
}
.platform-item-v3 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.metrics-grid-v2 {
grid-template-columns: 1fr;
}
.integration-grid-v2 {
grid-template-columns: 1.5fr;
}
.metrics-v2---image-wrapper {
width: 70.5%;
max-width: none;
margin-left: auto;
position: relative;
inset: 0%;
}
.integration-v2-image {
margin-top: -5%;
margin-bottom: -5%;
}
.stats-grid-v3 {
margin-top: var(--sizes--size-8);
}
.stats-v3-section---top-content {
grid-column-gap: var(--gaps--3xs);
grid-row-gap: var(--gaps--3xs);
flex-flow: wrap;
}
.stats-v3-section---title-wrapper {
margin-bottom: 0;
}
.team-members-grid {
grid-template-columns: 1fr 1fr;
}
.careers-grid.v2 {
grid-template-columns: 1fr;
}
.offices-grid {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-columns: 1fr;
}
.office-card-content {
padding: var(--sizes--size-4);
}
.blog-featured-v2-content-wrapper {
padding-bottom: var(--sizes--none);
margin-bottom: -5%;
}
.blog-featured-v2-wrapper {
grid-template-columns: 1fr;
}
.blog-featured-v2-image {
max-width: none;
}
.blog-cta-v3 {
padding-right: var(--_components---cards--horizontal-lg);
padding-left: var(--_components---cards--horizontal-lg);
flex-flow: wrap;
}
.blog-grid-v3 {
grid-template-columns: 1fr;
}
.heading-wrapper {
grid-column-gap: 10px;
}
.contact-form-wrapper.sign-in-form {
min-height: 32.3rem;
}
.contact-form-wrapper.sign-up-form {
min-height: 31.8rem;
}
.contact-form-wrapper.demo-form {
min-height: 29.6rem;
}
.faqs-v2-grid {
grid-template-columns: 1fr;
}
.questions-card {
min-height: 250px;
}
.footer-content-v3 {
flex-flow: column;
}
.coming-soon-grid {
grid-template-columns: 1fr;
}
.request-a-demo-grid {
grid-column-gap: var(--gaps--2xlg);
grid-row-gap: var(--gaps--2xlg);
grid-template-columns: 1fr;
}
.demo-cards-grid {
max-width: 100%;
}
.sign-up-grid {
grid-template-columns: 1fr;
}
.sign-up-image {
width: 100%;
max-width: none;
position: static;
transform: none;
}
.integrations-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.contact-v2-hero {
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
}
.contact-v2-form-grid {
grid-template-columns: 1fr;
}
.contact-v3-hero {
grid-template-columns: 1fr 1fr;
}
.perks-grid {
grid-template-columns: 1fr;
}
.career-single-banner-wrapper {
padding-left: 0;
padding-right: 0;
}
.grid-footer-v2, .footer-middle-v2 {
grid-template-columns: auto;
}
.testimonial-v1-wrapper {
align-items: stretch;
}
.blog-grid-v2 {
grid-template-columns: 1fr;
}
.testimonial-v1-top-row {
flex-flow: column;
justify-content: center;
align-items: center;
}
.testimonial-v1-bottom-row {
width: 100%;
margin-top: -10%;
margin-left: 0;
}
.platform-section-container {
grid-row-gap: var(--gaps--3xlg);
flex-flow: column;
align-items: stretch;
}
.brix-badges-wrapper {
right: 35px;
}
}
@media screen and (max-width: 767px) {
body {
--core--sizes--margins--sm\: var(--sizes--size-6);
--spacing--lg: var(--sizes--size-9);
--core--sizes--margins--2xsm\: var(--sizes--size-4);
--global--padding--default\: 32px;
--spacing--4xs: var(--sizes--size-3);
--spacing--md: var(--sizes--size-8);
--spacing--xlg: var(--sizes--size-10);
--border-radius--lg: var(--sizes--size-6);
--sections--lg: var(--sizes--size-14);
--spacing--sm: var(--sizes--size-7);
--gaps--5xs: var(--sizes--size-2);
--core--sizes--margins--md\: 26px;
--core--sizes--margins--6xlg\: 60px;
--border-radius--sm: var(--sizes--size-6);
--core--sizes--margins--xsm\: var(--sizes--size-5);
--core--sizes--margins--4xsm\: var(--sizes--size-2);
--sizes--size-8: 1.625rem;
--spacing--5xlg: var(--sizes--size-14);
--core--sizes--margins--5xsm\: var(--sizes--size-1);
--border-radius--2xsm: var(--sizes--size-4);
--spacing--none: var(--sizes--none);
--core--sizes--margins--4xlg\: var(--sizes--size-10);
--core--sizes--margins--3xlg\: var(--sizes--size-9);
--core--sizes--margins--3xsm\: var(--sizes--size-3);
--inner-container--md: 75.25rem;
--sections--xl: var(--sizes--size-15);
--sections--md: var(--sizes--size-14);
--sections--xs: var(--sizes--size-10);
--sections--2xs: var(--sizes--size-8);
--sizes--size-5: 1rem;
--sizes--size-3: .5rem;
--inputs--md: 3rem;
--spacing--3xs: var(--sizes--size-4);
--border-radius--6xlg: 20rem;
--spacing--xs: var(--sizes--size-6);
--inputs--sm: 3rem;
--spacing--5xs: var(--sizes--size-2);
--spacing--2xs: var(--sizes--size-5);
--gaps--sm: var(--sizes--size-7);
--core--sizes--margins--lg\: var(--sizes--size-7);
--sizes--size-4: .75rem;
--gaps--md: var(--sizes--size-8);
--gaps--none: var(--sizes--none);
--sizes--size-11: 2.5rem;
--gaps--xs: var(--sizes--size-6);
--core--sizes--margins--2xlg\: var(--sizes--size-8);
--border-radius--3xsm: var(--sizes--size-3);
--core--sizes--margins--xlg\: 36px;
--buttons--md: var(--sizes--size-9);
--core--colors--neutrals--800\: #19213d;
--sizes--size-7: 1.5rem;
--sizes--size-14: 4rem;
--border-radius--md: var(--sizes--size-7);
--sizes--size-9: 2rem;
--sizes--size-10: 2.5rem;
--inner-container--lg: 90rem;
--sizes--size-6: 1.25rem;
--gaps--4xs: var(--sizes--size-3);
--border-radius--xsm: var(--sizes--size-5);
--core--sizes--margins--5xlg\: var(--sizes--size-10);
--text-area--md: 7.5rem;
--core--colors--primary--100\: #2388ff;
--text-area--sm: 7.5rem;
--gaps--lg: var(--sizes--size-9);
--gaps--3xlg: var(--sizes--size-12);
--core--sizes--margins--none\: var(--sizes--none);
--core--colors--neutrals--300\: #f1f3f7;
--sizes--size-2: .25rem;
--border-radius--none: var(--sizes--none);
--buttons--sm: var(--sizes--size-8);
--spacing--3xlg: var(--sizes--size-12);
--gaps--2xs: var(--sizes--size-5);
--sizes--size-1: .125rem;
--border-radius--4xsm: var(--sizes--size-2);
--core--colors--neutrals--100\: white;
--sizes--size-13: 3.5rem;
--border-radius--5xsm: var(--sizes--size-1);
--core--fonts--weight--medium\: 500;
--core--fonts--weight--bold\: 700;
--gaps--3xs: var(--sizes--size-4);
--sizes--size-15: 4.5rem;
--sizes--none: 0rem;
--gaps--2xlg: var(--sizes--size-10);
--core--colors--neutrals--200\: #f8faff;
--border-radius--xlg: 36px;
--sizes--size-12: 3rem;
--sections--sm: var(--sizes--size-12);
--spacing--2xlg: var(--sizes--size-11);
--gaps--7xlg\: 200px;
--gaps--4xlg: var(--sizes--size-14);
--sizes--size-16: 5rem;
--sizes--size-17: 6.25rem;
--spacing--4xlg: var(--sizes--size-13);
--spacing--6xlg: var(--sizes--size-15);
--sections--none: var(--sizes--none);
--border-radius--2xlg: var(--sizes--size-8);
--border-radius--3xlg: var(--sizes--size-9);
--border-radius--4xlg: var(--sizes--size-11);
--border-radius--5xlg: var(--sizes--size-14);
--core--fonts--displays--display-1\: 14px;
--_typography---core--font--family--primary-font: "Inter Tight", sans-serif;
--_typography---font-colors--paragraph-light-mode: var(--_colors---core--colors--neutral--600);
--_typography---core--font--displays--display-2: .875rem;
--_typography---core--font--line-height--lg: 1.5em;
--_typography---core--font--weight--mid: 500;
--_typography---core--font--family--headline: var(--_typography---core--font--family--primary-font);
--_typography---core--font--displays--display-9: 2.5rem;
--_typography---core--font--line-height--sm: 1.115em;
--_typography---core--font--displays--display-8: 2.25rem;
--_typography---core--font--line-height--md: 1.25em;
--_typography---core--font--displays--display-5: 1.375rem;
--_typography---core--font--displays--display-4: 1.125rem;
--_typography---core--font--displays--display-3: 1rem;
--_typography---core--font--weight--strong: 700;
--_typography---font-colors--title-light-mode: var(--_colors---core--colors--neutral--800);
--_typography---font-colors--text-accent: var(--_colors---core--colors--primary--100);
--_typography---core--font--displays--display-1: .75rem;
--_typography---font-colors--title-dark-mode: var(--_colors---core--colors--neutral--100);
--_typography---core--font--displays--display-10: 3rem;
--_typography---core--font--icons--line-squared: "Line Squared Icon Font Brix", Arial, sans-serif;
--_typography---core--font--icons--line-rounded: "Line Rounded Icon Font Brix", Arial, sans-serif;
--_typography---core--font--displays--display-7: 2rem;
--_typography---core--font--displays--display-6: 1.625rem;
--_typography---font-colors--paragraph-dark-mode: var(--_colors---core--colors--neutral--200);
--_typography---core--font--icons--social-media: "Social Media Icon Font Brix", Arial, sans-serif;
--_typography---core--font--icons--filled-icon: "Filled Icon Brix", Arial, sans-serif;
--_typography---core--font--weight--regular: 400;
--_typography---core--font--family--secondary-font: "Inter Tight", sans-serif;
--_typography---core--font--icons--default: var(--_typography---core--font--icons--line-rounded);
--_typography---core--font--letter-spacing--none: 0px;
--_typography---core--font--letter-spacing--sm: -.03em;
--_components---cards--horizontal-lg: var(--sizes--size-7);
--_components---cards--vertical-md: var(--sizes--size-7);
--_components---cards--horizontal-md: var(--sizes--size-7);
--_components---cards--vertical-2xs: var(--sizes--size-6);
--_components---cards--horizontal-2xs: var(--sizes--size-6);
--_components---cards--vertical-lg: var(--sizes--size-7);
}
blockquote {
padding-right: var(--_components---cards--horizontal-lg);
padding-left: var(--_components---cards--horizontal-lg);
font-size: var(--_typography---core--font--displays--display-4);
}
.utp---nav-menu-wrapper {
background-color: #fff;
border-top: 1px solid #f1f3f7;
border-bottom: 1px solid #f1f3f7;
padding: 24px;
}
.pd-bottom-medium {
padding-bottom: 16px;
}
.notification-bar-padding {
padding: var(--spacing--sm);
}
.notification-bar-padding.v6 {
padding: 18px 0;
}
.utp---sidebar-top {
margin-right: auto;
}
.sales-home---hero-link-wrapper {
border-radius: var(--border-radius--2xsm);
max-width: 12.5rem;
}
.inner-container._25rem, .inner-container._32-8rem, .inner-container._28-75rem, .inner-container._31-25rem, .inner-container._100-mbl {
max-width: 100%;
}
.input {
padding-right: var(--spacing--xs);
padding-left: var(--spacing--xs);
}
.input.inside-input {
height: 62px;
}
.utp--sidebar-wrapper {
flex-direction: row;
align-items: stretch;
display: flex;
}
.sales-home---pages-container {
grid-row-gap: var(--sizes--size-4);
}
.grid-3-columns {
grid-template-columns: 1fr 1fr;
}
.grid-3-columns._2-col-tablet {
grid-template-columns: 1fr;
}
.pd-bottom-extra-large {
padding-bottom: 32px;
}
.hamburger-menu {
border-radius: var(--border-radius--3xsm);
width: 2.625rem;
min-width: 2.625rem;
height: 2.625rem;
min-height: 2.625rem;
}
.max-width-64px {
max-width: 56px;
}
.pd-top-extra-large {
padding-top: 32px;
}
.footer-wrapper {
padding-right: var(--spacing--2xs);
padding-left: var(--spacing--2xs);
}
.mg-bottom-2x-extra-small {
margin-bottom: var(--sizes--size-3);
}
.mg-left-medium {
margin-left: 24px;
}
.text-area {
padding: var(--spacing--2xs) var(--spacing--xs);
border-radius: var(--border-radius--xsm);
}
.flex-horizontal.justify-start.justify-center-mbl {
justify-content: center;
}
.flex-horizontal.n-bar---space-between {
text-align: center;
flex-direction: column;
align-items: center;
}
.flex-horizontal.n-bar-center---button-right {
flex-direction: column;
align-items: center;
}
.link-nav-item {
justify-content: flex-start;
display: flex;
}
.link-nav-item.show-on-mobile {
display: flex;
}
.logo-link.small {
max-width: 2rem;
}
.logo-link.full {
max-width: 9.5rem;
}
.utp---sidebar-dropdown-button {
padding: var(--_global-variable-collection---global-padidngs--none\);
}
.pd-top-large {
padding-top: 24px;
}
.mg-top-48px {
margin-top: 32px;
}
.mg-right-small {
margin-right: 16px;
}
.pd-right-medium {
padding-right: 16px;
}
.divider.mg-default {
margin-top: 16px;
margin-bottom: 16px;
}
.dropdown-pd {
padding-top: var(--gaps--sm);
padding-bottom: var(--gaps--sm);
}
.tabs-wrapper {
width: 100%;
}
.grid-pages {
grid-template-columns: 1fr 1fr;
}
.mg-left-large {
margin-left: 32px;
}
.utp---sidebar-dropdown-list.w--open {
max-width: 100%;
}
.utp---components-wrapper.avatars {
grid-template-columns: 1fr;
}
.pd-bottom-large {
padding-bottom: 24px;
}
.mg-right-large {
margin-right: 32px;
}
.pd-top-medium {
padding-top: 16px;
}
.footer-top {
padding-top: 56px;
}
.flex-vertical.n-bar---button-center {
text-align: center;
}
.grid-2-columns {
grid-template-columns: 1fr;
}
.grid-2-columns.surprises-image-right {
text-align: center;
grid-template-columns: 1fr;
}
.grid-2-columns.template-page-sidebar {
grid-template-columns: 1fr;
}
.grid-2-columns.surprises-image-left {
text-align: center;
grid-template-columns: 1fr;
}
.grid-2-columns.changelog-item {
grid-template-columns: .4fr 1fr;
}
.grid-2-columns._1fr---1fr {
grid-row-gap: var(--gaps--2xlg);
}
.hidden-on-mobile-landscape {
display: none;
}
.footer-bottom {
text-align: center;
flex-flow: column;
}
.sidebar---navbar {
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 24px;
display: flex;
}
.pd-left-large {
padding-left: 24px;
}
.footer-title {
font-size: var(--_typography---core--font--displays--display-3);
}
.card.template-pages---sticky-card {
position: static;
top: auto;
}
.card.feature-card-02 {
min-height: auto;
}
.card.feature-card-03 {
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a3d_tagging-system-bg-helper-webflow-template.jpg");
padding-bottom: 0;
}
.card.blog-card-v2 {
grid-template-columns: 1fr;
}
.card.hero-v3-card {
padding: var(--_components---cards--vertical-2xs) var(--_components---cards--horizontal-2xs);
}
.card.testimonial-card-v1 {
max-width: 20rem;
}
.card.testimonial-card-v1.top-center {
margin-bottom: -6%;
}
.card.testimonial-card-v1.top-left, .card.testimonial-card-v1.top-right {
transform: none;
}
.card.testimonial-card-v1.bottom-right {
margin-left: -20%;
transform: none;
}
.card.testimonial-card-v1.bottom-left {
transform: none;
}
.card.stats-card._01, .card.stats-card._02, .card.stats-card._03 {
grid-row-gap: var(--gaps--3xs);
}
.card.office-card {
grid-template-columns: 1fr;
}
.card.blog-card-featured-v2 {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
}
.card.location-card-v1 {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
grid-template-columns: 1fr;
}
.card.perks-card {
border-radius: var(--border-radius--xsm);
max-width: 20rem;
}
.card.career-single-card {
padding: var(--sizes--size-11) var(--_components---cards--horizontal-lg) var(--sizes--size-9);
}
.utp---sidebar-bottom {
grid-row-gap: 40px;
}
.notification-bar {
text-align: center;
}
.mg-bottom-3x-extra-small {
margin-bottom: var(--sizes--size-2);
}
.pd-left-extra-large {
padding-left: 32px;
}
.mg-left-small {
margin-left: 16px;
}
.pd-right-large {
padding-right: 24px;
}
.mg-top-extra-large {
margin-top: 48px;
}
.utp---sidebar-layout-wrapper {
grid-template-columns: minmax(170px, 1fr);
}
.pd-left-medium {
padding-left: 16px;
}
.text-and-image-card---text-container {
padding: 32px 24px;
}
.buttons-row {
grid-column-gap: var(--gaps--4xs);
grid-row-gap: var(--gaps--3xs);
}
.buttons-row.nav-menu-hidden-on-mobile {
display: none;
}
.buttons-row.left.center-tablet {
justify-content: center;
}
.sales-home---pages-row.bottom, .sales-home---pages-row.top {
grid-column-gap: var(--gaps--3xs);
grid-row-gap: var(--gaps--3xs);
}
.mg-top-large {
margin-top: 32px;
}
.mg-top-small {
margin-top: var(--spacing--xs);
}
.pd-right-extra-large {
padding-right: 32px;
}
.mg-right-medium {
margin-right: 24px;
}
.button {
padding-right: var(--spacing--xs);
padding-left: var(--spacing--xs);
}
.button.secondary.sign-up-button {
min-height: 48px;
}
.dropdown-title {
margin-bottom: var(--sizes--size-5);
}
.pages-dropdown-column {
grid-column-gap: var(--gaps--3xs);
grid-row-gap: var(--gaps--3xs);
}
.footer-card {
padding-right: var(--sizes--none);
padding-left: var(--sizes--none);
}
.footer-pages-grid.v2 {
grid-template-columns: auto;
}
.footer-contact-link {
border-radius: var(--border-radius--xsm);
}
.footer-middle {
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.footer-form-wrapper {
justify-content: flex-start;
align-items: center;
}
.success-message-input, .inside-input-form {
min-height: 62px;
}
.card-section {
padding-right: var(--sizes--none);
padding-left: var(--sizes--none);
}
.card-section.hero-v1 {
padding-top: 48px;
}
.card-section.cta-v1 {
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502a0f_hero-v1-bg-helper-webflow-template.jpg");
background-position: 50%;
padding-top: 3rem;
padding-bottom: 6rem;
}
.card-section.hero-v4 {
padding-bottom: 12.5rem;
}
.card-section.cta-v4 {
background-image: url("https://cdn.prod.website-files.com/69824564964fed252f502833/69824566964fed252f502b85_cta-mb-bg-helper-webflow-template.jpg");
}
.hero-v1-image {
border-radius: var(--border-radius--xsm);
}
.hero-v1-image._03 {
min-width: 55%;
}
.hero-v1-image._02 {
min-width: 35%;
}
.hero-v1-image._01 {
min-width: 30%;
}
.hero-v1-image._04 {
min-width: 35%;
}
.hero-v1-image._05 {
min-width: 30%;
}
.logo-strip-item {
max-width: 100px;
}
.features-grid-v1 {
grid-template-columns: 1fr;
}
.feature-card-02---image {
z-index: 1;
margin-top: var(--sizes--size-7);
height: auto;
margin-left: auto;
position: relative;
bottom: auto;
right: auto;
}
.feature-card-02---top-content {
flex-flow: row;
max-width: 100%;
height: auto;
}
.feature-card-03---image {
margin: var(--sizes--size-7) auto -25%;
display: block;
position: static;
}
.feature-card-03---content {
flex-flow: row;
height: auto;
}
.feature-card-04---content {
text-align: left;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.platform-logo-v1 {
border-radius: 25%;
width: 25%;
}
.stat-text._2-4 {
background-image: linear-gradient(280deg, var(--_colors---core--colors--secondary--300) 6.66%, var(--_colors---core--colors--primary--100) 89%);
}
.stat-text._3-4 {
background-image: linear-gradient(100deg, var(--_colors---core--colors--secondary--200) 6.66%, var(--_colors---core--colors--primary--100) 89%);
}
.steps-grid-v1 {
grid-template-columns: 1fr;
}
.cta-v1-content {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 100%;
margin-left: 0;
display: flex;
}
.blog-card-v1-content {
padding-right: var(--sizes--none);
padding-left: var(--sizes--none);
}
.hero-v2-stats {
grid-column-gap: var(--sizes--size-5);
grid-row-gap: var(--sizes--size-5);
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.integrations-v1-image-wrapper {
width: 60%;
}
.integrations-v1-image-wrapper.v2 {
width: 58%;
}
.integration-v1-icon.extra-small {
display: none;
}
.slider-mask.features-v2-slider-mask {
max-width: 390px;
}
.slider-mask.milestones-slider-mask {
max-width: 21rem;
}
.steps-card-content {
padding: var(--sizes--none);
}
.faqs-v1-grid {
grid-template-columns: 1fr;
}
.blog-card-v2-content {
padding-top: var(--sizes--none);
padding-bottom: var(--sizes--none);
}
.group-avatar {
min-width: 2rem;
max-width: 2rem;
min-height: 2rem;
max-height: 2rem;
}
.platform-grid-v3 {
grid-template-columns: 1fr;
}
.icon-small {
min-width: 1.5rem;
max-width: 1.5rem;
min-height: 1.5rem;
max-height: 1.5rem;
}
.platform-item-v3 {
flex-flow: row;
}
.steps-tabs-menu-v2, .stats-grid-v3 {
grid-template-columns: 1fr;
}
.values-grid {
grid-template-columns: 1fr 1fr;
}
.career-item {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.office-card-content {
padding: var(--sizes--none);
}
.category-badge.v3 {
grid-column-gap: var(--gaps--5xs);
grid-row-gap: var(--gaps--5xs);
}
.blog-grid-v1, .secondary-blog-grid-v2, .blog-card-v3 {
grid-template-columns: 1fr;
}
.blog-v3-grid-wrapper {
grid-template-columns: auto;
}
.category-icon {
width: .8rem;
}
.blog-categories-sticky {
position: static;
}
.heading-wrapper {
grid-column-gap: 8px;
}
.cta-v4-content {
text-align: center;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.contact-v1-hero-grid {
grid-template-columns: 1fr;
}
.contact-form-wrapper.main-contact-form {
min-height: 31.7rem;
}
.contact-form-wrapper.contact-form-v2 {
min-height: 23.3rem;
}
.contact-form-wrapper.sign-in-form {
min-height: 32.1rem;
}
.contact-form-wrapper.sign-up-form {
min-height: 27.3rem;
}
.contact-form-wrapper.demo-form {
min-height: 25.3rem;
}
.location-tabs-menu {
grid-template-columns: 1fr;
}
.location-card-v1---left-content {
padding: var(--sizes--none);
}
.integrations-grid {
grid-template-columns: 1fr 1fr;
}
.contact-v2-hero {
grid-template-columns: 1fr;
}
.contact-v2-hero-link {
grid-column-gap: var(--gaps--md);
grid-row-gap: var(--gaps--md);
}
.contact-v3-hero {
grid-template-columns: 1fr;
}
.follow-us-bg-image {
width: 100%;
}
.follow-us-links-wrapper {
grid-column-gap: var(--gaps--3xs);
grid-row-gap: var(--gaps--3xs);
}
.follow-us-link {
min-width: 6.25rem;
max-width: 6.25rem;
min-height: 6.25rem;
max-height: 6.25rem;
}
.follow-us-link-bg {
border-radius: 1.75rem;
padding: 4px;
}
.follow-us-link-icon-wrapper {
border-radius: 1.5rem;
}
.follow-us-link-icon {
border-radius: .75rem;
}
.follow-us-link-icon-shadow {
border-radius: 1.5rem;
inset: 4px;
}
.follow-us-link-overlay {
border-radius: 1.75rem;
}
.careers-stats-wrapper {
grid-column-gap: var(--gaps--xs);
grid-row-gap: var(--gaps--xs);
}
.career-stat-text._02 {
background-image: linear-gradient(90deg, var(--_colors---core--colors--primary--100), var(--_colors---core--colors--secondary--300));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.career-stat-text._03 {
background-image: linear-gradient(270deg, var(--_colors---core--colors--primary--100), var(--_colors---core--colors--secondary--200));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.footer-logo {
min-width: 48px;
max-width: 48px;
min-height: 48px;
max-height: 48px;
}
.testimonials-marquee-card {
padding-top: var(--sizes--size-12);
padding-bottom: var(--sizes--size-12);
}
.testimonial-marquee-card-wrapper {
min-width: 15.5rem;
}
}
@media screen and (max-width: 479px) {
body {
--core--sizes--margins--sm\: var(--sizes--size-5);
--spacing--lg: var(--sizes--size-9);
--core--sizes--margins--2xsm\: var(--sizes--size-4);
--global--padding--default\: 24px;
--spacing--4xs: var(--sizes--size-3);
--spacing--md: var(--sizes--size-8);
--spacing--xlg: var(--sizes--size-10);
--border-radius--lg: var(--sizes--size-6);
--sections--lg: var(--sizes--size-13);
--spacing--sm: var(--sizes--size-7);
--gaps--5xs: var(--sizes--size-2);
--core--sizes--margins--md\: var(--sizes--size-6);
--core--sizes--margins--6xlg\: var(--sizes--size-8);
--border-radius--sm: var(--sizes--size-6);
--core--sizes--margins--xsm\: 18px;
--core--sizes--margins--4xsm\: var(--sizes--size-2);
--sizes--size-8: 1.5rem;
--spacing--5xlg: var(--sizes--size-14);
--core--sizes--margins--5xsm\: var(--sizes--size-1);
--border-radius--2xsm: var(--sizes--size-3);
--spacing--none: var(--sizes--none);
--core--sizes--margins--4xlg\: var(--sizes--size-9);
--core--sizes--margins--3xlg\: var(--sizes--size-8);
--core--sizes--margins--3xsm\: var(--sizes--size-3);
--inner-container--md: 75.25rem;
--sections--xl: var(--sizes--size-15);
--sections--md: var(--sizes--size-13);
--sections--xs: var(--sizes--size-9);
--sections--2xs: var(--sizes--size-7);
--sizes--size-5: .75rem;
--sizes--size-3: .375rem;
--inputs--md: 3rem;
--spacing--3xs: var(--sizes--size-4);
--border-radius--6xlg: 20rem;
--spacing--xs: var(--sizes--size-6);
--inputs--sm: 3rem;
--spacing--5xs: var(--sizes--size-2);
--spacing--2xs: var(--sizes--size-5);
--gaps--sm: var(--sizes--size-7);
--core--sizes--margins--lg\: 28px;
--sizes--size-4: .625rem;
--gaps--md: var(--sizes--size-8);
--gaps--none: var(--sizes--none);
--sizes--size-11: 2rem;
--gaps--xs: var(--sizes--size-6);
--core--sizes--margins--2xlg\: 36px;
--border-radius--3xsm: var(--sizes--size-2);
--core--sizes--margins--xlg\: var(--sizes--size-7);
--buttons--md: var(--sizes--size-9);
--core--colors--neutrals--800\: #19213d;
--sizes--size-7: 1.25rem;
--sizes--size-14: 3.5rem;
--border-radius--md: var(--sizes--size-7);
--sizes--size-9: 1.75rem;
--sizes--size-10: 2.25rem;
--inner-container--lg: 90rem;
--sizes--size-6: 1rem;
--gaps--4xs: var(--sizes--size-3);
--border-radius--xsm: var(--sizes--size-4);
--core--sizes--margins--5xlg\: var(--sizes--size-9);
--text-area--md: 7.5rem;
--core--colors--primary--100\: #2388ff;
--text-area--sm: 7.5rem;
--gaps--lg: var(--sizes--size-9);
--gaps--3xlg: var(--sizes--size-12);
--core--sizes--margins--none\: var(--sizes--none);
--core--colors--neutrals--300\: #f1f3f7;
--sizes--size-2: .25rem;
--border-radius--none: var(--sizes--none);
--buttons--sm: var(--sizes--size-8);
--spacing--3xlg: var(--sizes--size-12);
--gaps--2xs: var(--sizes--size-5);
--sizes--size-1: .125rem;
--border-radius--4xsm: var(--sizes--size-2);
--core--colors--neutrals--100\: white;
--sizes--size-13: 3rem;
--border-radius--5xsm: var(--sizes--size-1);
--core--fonts--weight--medium\: 500;
--core--fonts--weight--bold\: 700;
--gaps--3xs: var(--sizes--size-4);
--sizes--size-15: 4rem;
--sizes--none: 0rem;
--gaps--2xlg: var(--sizes--size-10);
--core--colors--neutrals--200\: #f8faff;
--border-radius--xlg: var(--sizes--size-7);
--sizes--size-12: 2.5rem;
--sections--sm: var(--sizes--size-11);
--spacing--2xlg: var(--sizes--size-11);
--gaps--7xlg\: 180px;
--gaps--4xlg: var(--sizes--size-14);
--sizes--size-16: 4.5rem;
--sizes--size-17: 5rem;
--spacing--4xlg: var(--sizes--size-13);
--spacing--6xlg: var(--sizes--size-15);
--sections--none: var(--sizes--none);
--border-radius--2xlg: 36px;
--border-radius--3xlg: var(--sizes--size-8);
--border-radius--4xlg: var(--sizes--size-10);
--border-radius--5xlg: var(--sizes--size-14);
--core--fonts--displays--display-1\: 14px;
--_typography---core--font--family--primary-font: "Inter Tight", sans-serif;
--_typography---font-colors--paragraph-light-mode: var(--_colors---core--colors--neutral--600);
--_typography---core--font--displays--display-2: .875rem;
--_typography---core--font--line-height--lg: 1.5em;
--_typography---core--font--weight--mid: 500;
--_typography---core--font--family--headline: var(--_typography---core--font--family--primary-font);
--_typography---core--font--displays--display-9: 1.5rem;
--_typography---core--font--line-height--sm: 1.115em;
--_typography---core--font--displays--display-8: 1.45rem;
--_typography---core--font--line-height--md: 1.25em;
--_typography---core--font--displays--display-5: 1.25rem;
--_typography---core--font--displays--display-4: 1.125rem;
--_typography---core--font--displays--display-3: 1rem;
--_typography---core--font--weight--strong: 700;
--_typography---font-colors--title-light-mode: var(--_colors---core--colors--neutral--800);
--_typography---font-colors--text-accent: var(--_colors---core--colors--primary--100);
--_typography---core--font--displays--display-1: .75rem;
--_typography---font-colors--title-dark-mode: var(--_colors---core--colors--neutral--100);
--_typography---core--font--displays--display-10: 1.8rem;
--_typography---core--font--icons--line-squared: "Line Squared Icon Font Brix", Arial, sans-serif;
--_typography---core--font--icons--line-rounded: "Line Rounded Icon Font Brix", Arial, sans-serif;
--_typography---core--font--displays--display-7: 1.375rem;
--_typography---core--font--displays--display-6: 1.3rem;
--_typography---font-colors--paragraph-dark-mode: var(--_colors---core--colors--neutral--200);
--_typography---core--font--icons--social-media: "Social Media Icon Font Brix", Arial, sans-serif;
--_typography---core--font--icons--filled-icon: "Filled Icon Brix", Arial, sans-serif;
--_typography---core--font--weight--regular: 400;
--_typography---core--font--family--secondary-font: "Inter Tight", sans-serif;
--_typography---core--font--icons--default: var(--_typography---core--font--icons--line-rounded);
--_typography---core--font--letter-spacing--none: 0px;
--_typography---core--font--letter-spacing--sm: -.03em;
--_components---cards--horizontal-lg: var(--sizes--size-6);
--_components---cards--vertical-md: var(--sizes--size-7);
--_components---cards--horizontal-md: var(--sizes--size-6);
--_components---cards--vertical-2xs: var(--sizes--size-6);
--_components---cards--horizontal-2xs: var(--sizes--size-6);
--_components---cards--vertical-lg: var(--sizes--size-7);
}
blockquote {
font-size: var(--_typography---core--font--displays--display-3);
}
.utp---nav-menu-wrapper {
padding-left: 18px;
padding-right: 18px;
}
.notification-bar-padding.v6 {
padding-left: 21px;
padding-right: 21px;
}
.notification-bar-padding.v4 {
padding-left: 24px;
padding-right: 24px;
}
.sales-home---hero-link-wrapper {
max-width: 9.4rem;
}
.dropdown-toogle {
margin-left: 0;
margin-right: auto;
}
.utp---buttons-top {
display: none;
}
.utp---color-block {
height: 6.25rem;
}
.input.inside-input {
height: var(--inputs--md);
}
.grid-3-columns {
grid-template-columns: 1fr;
}
.hamburger-menu {
border-radius: var(--border-radius--2xsm);
}
.max-width-64px {
max-width: 48px;
}
.grid-4-columns {
grid-template-columns: 1fr;
}
.text-area {
padding-right: var(--spacing--xs);
padding-left: var(--spacing--xs);
}
.link-nav-item {
width: 100%;
}
.logo-link.full {
max-width: 8rem;
}
.dropdown-pd {
grid-row-gap: var(--sizes--size-10);
grid-template-columns: auto;
}
.tabs-wrapper {
width: 100%;
}
.grid-pages, .grid-pages.last-row {
grid-template-columns: 1fr;
}
.width-100-mobile-portrait {
width: 100%;
}
.utp---components-wrapper {
grid-template-columns: 1fr;
}
.badge {
font-size: var(--_typography---core--font--displays--display-1);
}
.footer-top {
padding-top: 40px;
}
.form-wrapper.inside-input {
min-height: 100px;
max-height: 100px;
}
.grid-2-columns.changelog-item {
grid-template-columns: 1fr;
}
.sidebar---navbar {
padding-left: 18px;
padding-right: 18px;
}
.utp---buttons-sidebar {
display: none;
}
.card.message {
flex-direction: column;
}
.card.message.inside-input {
text-align: center;
min-height: 100px;
}
.card.steps-card {
grid-column-gap: var(--sizes--size-8);
grid-row-gap: var(--sizes--size-8);
grid-template-columns: 1fr;
}
.card.hero-v3-card {
padding-top: var(--_components---cards--vertical-2xs);
padding-bottom: var(--_components---cards--vertical-2xs);
}
.card.testimonial-card-v1 {
grid-row-gap: 1.25rem;
max-width: 16rem;
}
.card.testimonial-card-v1.top-center {
margin-top: var(--spacing--sm);
margin-bottom: var(--spacing--sm);
margin-left: 0;
}
.card.perks-card {
max-width: 15.6rem;
}
.notification-bar-close-icon {
width: 38px;
height: 38px;
inset: 6px 6px auto auto;
}
.notification-bar {
padding-left: 0;
padding-right: 0;
}
.pagination-wrapper {
flex-flow: column;
justify-content: center;
align-items: stretch;
}
.dropdown-wrapper {
margin-left: 0;
margin-right: auto;
}
.buttons-row {
width: 100%;
}
.typography-badge-wrapper {
flex-wrap: wrap;
}
.utp---grid-components {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-rows: auto;
}
.utp---grid-components.links, .utp---grid-components.badges {
grid-template-columns: 1fr;
}
.button-inside-input {
margin-top: var(--core--sizes--margins--2xsm\);
justify-content: flex-start;
align-items: center;
position: static;
}
.button.primary.dark-mbp {
border-color: var(--_colors---core--colors--neutral--800);
background-color: var(--_colors---core--colors--neutral--800);
}
.footer-pages-grid {
grid-template-columns: 1fr;
}
.main-pages-footer.v2 {
grid-column-gap: var(--sizes--size-5);
grid-row-gap: var(--sizes--size-5);
grid-template-columns: auto auto;
}
.footer-contact-link {
min-width: 100%;
}
.success-message-input {
border-radius: var(--border-radius--sm);
min-height: 98px;
}
.inside-input-form {
min-height: 98px;
}
.card-section.hero-v1 {
padding-top: 32px;
}
.card-section.hero-v4 {
padding-bottom: 6rem;
}
.hero-v1-image._03 {
min-width: 70%;
}
.feature-card-01---image {
margin-bottom: -72%;
}
.feature-card-02---image {
width: 72%;
}
.platform-logo-v1 {
border-radius: 30%;
}
.stats-wrapper-v1 {
grid-row-gap: var(--gaps--2xs);
flex-flow: wrap;
}
.stat-text._2-4 {
background-image: linear-gradient(100deg, var(--_colors---core--colors--secondary--200) 6.66%, var(--_colors---core--colors--primary--100) 89%);
}
.stat-text._4-4 {
background-image: linear-gradient(100deg, var(--_colors---core--colors--secondary--200) 6%, var(--_colors---core--colors--primary--100) 89%);
}
.item-details.dark-mode {
flex-flow: wrap;
}
.hero-v2-stats {
grid-column-gap: var(--sizes--size-6);
grid-row-gap: var(--sizes--size-6);
}
.integration-v1-logo-wrapper {
width: 44%;
}
.slider-wrapper.pd-bottom {
padding-bottom: var(--sizes--size-14);
}
.slider-mask.features-v2-slider-mask {
width: 100%;
max-width: none;
}
.slider-mask.milestones-slider-mask {
max-width: none;
margin-right: -1.25rem;
}
.slide {
margin-right: var(--sizes--size-7);
}
.feature-card-v2---image {
margin-bottom: -15%;
}
.process-tab-link-content {
flex-flow: column;
}
.tab-icon-wrapper {
margin-top: var(--sizes--none);
}
.steps-card-content {
max-width: 100%;
}
.platform-item-v3 {
flex-flow: column;
}
.quote-icon {
max-width: 2rem;
}
.values-grid, .team-members-grid, .offices-secondary-grid {
grid-template-columns: 1fr;
}
.categories-wrapper {
border-radius: var(--border-radius--xsm);
flex-flow: column;
width: 100%;
}
.categories-flex {
flex-flow: column;
}
.category-badge {
width: 100%;
}
.heading-wrapper {
grid-column-gap: 6px;
}
.cta-v4-content {
max-width: none;
}
.contact-form-wrapper.main-contact-form {
min-height: 41.4rem;
}
.contact-form-wrapper.contact-form-v2 {
min-height: 29.5rem;
}
.contact-form-wrapper.sign-in-form {
min-height: 32.8rem;
}
.contact-form-wrapper.sign-up-form {
min-height: 34.3rem;
}
.contact-form-wrapper.demo-form {
min-height: 34rem;
}
.contact-form-grid {
grid-template-columns: 1fr;
}
.contact-form-grid.v3 {
grid-template-columns: auto;
}
.questions-card {
min-height: 200px;
}
.not-found-card {
padding-right: var(--_components---cards--horizontal-lg);
padding-left: var(--_components---cards--horizontal-lg);
}
.demo-form-grid, .sign-up-form-grid, .sign-in-buttons-grid, .integrations-grid {
grid-template-columns: 1fr;
}
.follow-us-bg-image {
min-width: 400px;
}
.follow-us-links-wrapper {
grid-column-gap: var(--gaps--3xs);
grid-row-gap: var(--gaps--3xs);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.careers-stats-wrapper {
grid-template-columns: auto auto;
}
.lightbox-link {
min-width: 2rem;
max-width: 2rem;
min-height: 2rem;
max-height: 2rem;
}
.perks-card-content {
flex-flow: column;
}
.testimonial-v1-bottom-row {
display: none;
}
.more-templates-p {
font-size: 12px;
}
.brix-badges-wrapper {
width: 310px;
height: 100px;
right: 22px;
}
.more-templates-lottie {
width: 40px;
top: -16px;
right: -15px;
}
.more-templates-badge-wrapper {
grid-column-gap: 6px;
grid-row-gap: 6px;
max-width: 310px;
padding: 8px 18px 8px 15px;
}
.more-templates-badge-wrapper:hover {
transform: scale(.9)translate(0, 20px);
}
.more-templates-logo {
width: 60px;
}
}
#w-node-ef28810e-b3bf-19d4-2cbd-a1ed95aa1a21-95aa1a14, #w-node-_2c360169-48f4-dea9-7866-ef732649ec53-2649ec53, #w-node-_8dbec37f-1298-beb0-698a-0094c7949f4c-c7949f34, #w-node-_9dedf626-d2db-4a27-a7b6-bce87cf5007a-c7949f34, #w-node-c7c9e167-ac52-1533-80a8-992671d5cadb-c7949f34, #w-node-c7a1342a-3333-c7ea-7837-3c4c65be2255-c7949f34, #w-node-c5a36e6e-3f3d-dd04-5909-02017c0eb0bd-c7949f34, #w-node-d74d4db5-bdad-82fa-9af5-ecd4b2afd459-c7949f34, #w-node-ac1efff1-ffb8-5ea1-dc55-c0622be47f78-c7949f34, #w-node-ac1efff1-ffb8-5ea1-dc55-c0622be47f7a-c7949f34, #w-node-ac1efff1-ffb8-5ea1-dc55-c0622be47f7c-c7949f34, #w-node-ac1efff1-ffb8-5ea1-dc55-c0622be47f7e-c7949f34, #w-node-ac1efff1-ffb8-5ea1-dc55-c0622be47f80-c7949f34, #w-node-_645fcfe8-264c-75df-0254-5504da351a84-c7949f34, #w-node-eb435339-303e-efa2-3044-c3dffe4753cc-c7949f34, #w-node-eb435339-303e-efa2-3044-c3dffe4753ce-c7949f34, #w-node-eb435339-303e-efa2-3044-c3dffe4753d0-c7949f34, #w-node-_353a1c0f-fa8e-cd74-44c3-23eb69b10108-c7949f34, #w-node-eb435339-303e-efa2-3044-c3dffe4753d2-c7949f34, #w-node-eb435339-303e-efa2-3044-c3dffe4753d4-c7949f34, #w-node-_29fc8b55-b224-b44e-d05d-07d49b48c4b6-c7949f34, #w-node-_29fc8b55-b224-b44e-d05d-07d49b48c4b8-c7949f34, #w-node-_29fc8b55-b224-b44e-d05d-07d49b48c4ba-c7949f34, #w-node-_29fc8b55-b224-b44e-d05d-07d49b48c4bc-c7949f34, #w-node-_29fc8b55-b224-b44e-d05d-07d49b48c4be-c7949f34, #w-node-_29fc8b55-b224-b44e-d05d-07d49b48c4c0-c7949f34, #w-node-_4ea965f0-e4cf-5fc8-da67-a1c5ea74134e-ea74134a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4ea965f0-e4cf-5fc8-da67-a1c5ea741364-ea74134a {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-d374b076-0a59-98d1-deda-c76c4754c46b-ea74134a {
align-self: end;
}
#w-node-_9e4e3663-6b85-60e6-b727-317458730830-ea74134a {
justify-self: end;
}
#w-node-_4ea965f0-e4cf-5fc8-da67-a1c5ea741355-ea74134a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0a37d075-092c-1cfe-d079-c63714a056f1-2f5029e7 {
align-self: stretch;
}
#w-node-_8ad5c645-8765-a930-4db2-fdd951f3f042-51f3f041 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d9be4fcd-d294-e0dd-7864-5f91509869aa-2f5029eb {
justify-self: end;
}
#w-node-_0ece65c7-1adb-421e-293b-7932275608b6-2f5029eb {
grid-area: 1 / 1 / 2 / 2;
align-self: end;
}
#w-node-d0c854f0-6001-cb4c-eda6-1922410e8a81-410e8a7c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d0c854f0-6001-cb4c-eda6-1922410e8a86-410e8a7c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-d0c854f0-6001-cb4c-eda6-1922410e8af2-410e8a7c {
align-self: end;
}
#w-node-b0f6059d-fc50-1160-7121-c8134d1bdfa2-0c76b0d7, #w-node-b0f6059d-fc50-1160-7121-c8134d1bdfb3-0c76b0d7, #w-node-b0f6059d-fc50-1160-7121-c8134d1bdfa2-dd873edc, #w-node-b0f6059d-fc50-1160-7121-c8134d1bdfb3-dd873edc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
#w-node-_4ea965f0-e4cf-5fc8-da67-a1c5ea741364-ea74134a {
grid-row: span 1 / span 1;
}
#w-node-d374b076-0a59-98d1-deda-c76c4754c46b-ea74134a {
justify-self: start;
}
#w-node-d0c854f0-6001-cb4c-eda6-1922410e8a86-410e8a7c {
grid-row: span 1 / span 1;
}
#w-node-d0c854f0-6001-cb4c-eda6-1922410e8af2-410e8a7c {
justify-self: start;
}
}