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: 700;
}
dfn {
    font-style: italic;
}
h1 {
    margin: 0.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: -0.5em;
}
sub {
    bottom: -0.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: 700;
}
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: 400;
    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: 400;
    line-height: 1;
    font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
    content: '';
}
.w-icon-slider-left:before {
    content: '';
}
.w-icon-nav-menu:before {
    content: '';
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
    content: '';
}
.w-icon-file-upload-remove:before {
    content: '';
}
.w-icon-file-upload-icon:before {
    content: '';
}
* {
    box-sizing: border-box;
}
html {
    height: 100%;
}
body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}
img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}
html.w-mod-touch * {
    background-attachment: scroll !important;
}
.w-block {
    display: block;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.w-clearfix:before,
.w-clearfix:after {
    content: ' ';
    grid-area: 1/1/2/2;
    display: table;
}
.w-clearfix:after {
    clear: both;
}
.w-hidden {
    display: none;
}
.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
}
input.w-button {
    -webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
    color: #0000 !important;
}
.w-code-block {
    margin: unset;
}
pre.w-code-block code {
    all: inherit;
}
pre.w-code-block code > span {
    display: block !important;
}
.w-optimization {
    display: contents;
}
.w-webflow-badge,
.w-webflow-badge > img {
    box-sizing: unset;
    width: unset;
    height: unset;
    max-height: unset;
    max-width: unset;
    min-height: unset;
    min-width: unset;
    margin: unset;
    padding: unset;
    float: unset;
    clear: unset;
    border: unset;
    border-radius: unset;
    background: unset;
    background-image: unset;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
    background-origin: unset;
    background-clip: unset;
    background-attachment: unset;
    background-color: unset;
    box-shadow: unset;
    transform: unset;
    direction: unset;
    font-family: unset;
    font-weight: unset;
    color: unset;
    font-size: unset;
    line-height: unset;
    font-style: unset;
    font-variant: unset;
    text-align: unset;
    letter-spacing: unset;
    -webkit-text-decoration: unset;
    text-decoration: unset;
    text-indent: unset;
    text-transform: unset;
    list-style-type: unset;
    text-shadow: unset;
    vertical-align: unset;
    cursor: unset;
    white-space: unset;
    word-break: unset;
    word-spacing: unset;
    word-wrap: unset;
    transition: unset;
}
.w-webflow-badge {
    white-space: nowrap;
    cursor: pointer;
    box-shadow:
        0 0 0 1px #0000001a,
        0 1px 3px #0000001a;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2147483647 !important;
    color: #aaadb0 !important;
    width: auto !important;
    height: auto !important;
    overflow: unset !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    margin: 0 !important;
    padding: 6px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    position: fixed !important;
    inset: auto 12px 12px auto !important;
    transform: none !important;
}
.w-webflow-badge > img {
    position: unset;
    visibility: unset !important;
    opacity: 1 !important;
    vertical-align: middle !important;
    display: inline-block !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    font-weight: 700;
}
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;
}
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: 700;
    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: 400;
    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: 0.1px;
    height: 0.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: 400;
    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: 400;
    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: 400;
    display: inline-block;
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
    width: 20px;
    margin-right: 8px;
    display: inline-block;
}
.w-icon-file-upload-uploading {
    height: 20px;
}
.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}
.w-container:before,
.w-container:after {
    content: ' ';
    grid-area: 1/1/2/2;
    display: table;
}
.w-container:after {
    clear: both;
}
.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px;
}
.w-row:before,
.w-row:after {
    content: ' ';
    grid-area: 1/1/2/2;
    display: table;
}
.w-row:after {
    clear: both;
}
.w-row .w-row {
    margin-left: 0;
    margin-right: 0;
}
.w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.w-col .w-col {
    padding-left: 0;
    padding-right: 0;
}
.w-col-1 {
    width: 8.33333%;
}
.w-col-2 {
    width: 16.6667%;
}
.w-col-3 {
    width: 25%;
}
.w-col-4 {
    width: 33.3333%;
}
.w-col-5 {
    width: 41.6667%;
}
.w-col-6 {
    width: 50%;
}
.w-col-7 {
    width: 58.3333%;
}
.w-col-8 {
    width: 66.6667%;
}
.w-col-9 {
    width: 75%;
}
.w-col-10 {
    width: 83.3333%;
}
.w-col-11 {
    width: 91.6667%;
}
.w-col-12 {
    width: 100%;
}
.w-hidden-main {
    display: none !important;
}
@media screen and (max-width: 991px) {
    .w-container {
        max-width: 728px;
    }
    .w-hidden-main {
        display: inherit !important;
    }
    .w-hidden-medium {
        display: none !important;
    }
    .w-col-medium-1 {
        width: 8.33333%;
    }
    .w-col-medium-2 {
        width: 16.6667%;
    }
    .w-col-medium-3 {
        width: 25%;
    }
    .w-col-medium-4 {
        width: 33.3333%;
    }
    .w-col-medium-5 {
        width: 41.6667%;
    }
    .w-col-medium-6 {
        width: 50%;
    }
    .w-col-medium-7 {
        width: 58.3333%;
    }
    .w-col-medium-8 {
        width: 66.6667%;
    }
    .w-col-medium-9 {
        width: 75%;
    }
    .w-col-medium-10 {
        width: 83.3333%;
    }
    .w-col-medium-11 {
        width: 91.6667%;
    }
    .w-col-medium-12 {
        width: 100%;
    }
    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto;
    }
}
@media screen and (max-width: 767px) {
    .w-hidden-main,
    .w-hidden-medium {
        display: inherit !important;
    }
    .w-hidden-small {
        display: none !important;
    }
    .w-row,
    .w-container .w-row {
        margin-left: 0;
        margin-right: 0;
    }
    .w-col {
        width: 100%;
        left: auto;
        right: auto;
    }
    .w-col-small-1 {
        width: 8.33333%;
    }
    .w-col-small-2 {
        width: 16.6667%;
    }
    .w-col-small-3 {
        width: 25%;
    }
    .w-col-small-4 {
        width: 33.3333%;
    }
    .w-col-small-5 {
        width: 41.6667%;
    }
    .w-col-small-6 {
        width: 50%;
    }
    .w-col-small-7 {
        width: 58.3333%;
    }
    .w-col-small-8 {
        width: 66.6667%;
    }
    .w-col-small-9 {
        width: 75%;
    }
    .w-col-small-10 {
        width: 83.3333%;
    }
    .w-col-small-11 {
        width: 91.6667%;
    }
    .w-col-small-12 {
        width: 100%;
    }
}
@media screen and (max-width: 479px) {
    .w-container {
        max-width: none;
    }
    .w-hidden-main,
    .w-hidden-medium,
    .w-hidden-small {
        display: inherit !important;
    }
    .w-hidden-tiny {
        display: none !important;
    }
    .w-col {
        width: 100%;
    }
    .w-col-tiny-1 {
        width: 8.33333%;
    }
    .w-col-tiny-2 {
        width: 16.6667%;
    }
    .w-col-tiny-3 {
        width: 25%;
    }
    .w-col-tiny-4 {
        width: 33.3333%;
    }
    .w-col-tiny-5 {
        width: 41.6667%;
    }
    .w-col-tiny-6 {
        width: 50%;
    }
    .w-col-tiny-7 {
        width: 58.3333%;
    }
    .w-col-tiny-8 {
        width: 66.6667%;
    }
    .w-col-tiny-9 {
        width: 75%;
    }
    .w-col-tiny-10 {
        width: 83.3333%;
    }
    .w-col-tiny-11 {
        width: 91.6667%;
    }
    .w-col-tiny-12 {
        width: 100%;
    }
}
.w-widget {
    position: relative;
}
.w-widget-map {
    width: 100%;
    height: 400px;
}
.w-widget-map label {
    width: auto;
    display: inline;
}
.w-widget-map img {
    max-width: inherit;
}
.w-widget-map .gm-style-iw {
    text-align: center;
}
.w-widget-map .gm-style-iw > button {
    display: none !important;
}
.w-widget-twitter {
    overflow: hidden;
}
.w-widget-twitter-count-shim {
    vertical-align: top;
    text-align: center;
    background: #fff;
    border: 1px solid #758696;
    border-radius: 3px;
    width: 28px;
    height: 20px;
    display: inline-block;
    position: relative;
}
.w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    text-align: center;
    color: #999;
    font-family: serif;
    font-size: 15px;
    line-height: 12px;
    position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    display: block;
    position: relative;
}
.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
    content: ' ';
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: #75869600 #5d6c7b #75869600 #75869600;
    margin-top: -4px;
    margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
    border-width: 4px;
    border-color: #fff0 #fff #fff0 #fff0;
    margin-top: -4px;
    margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
    content: ' ';
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b #75869600 #75869600;
    margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff #fff0 #fff0;
    margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px;
}
.w-background-video {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden;
}
.w-background-video > video {
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important;
}
.w-background-video--control {
    background-color: #0000;
    padding: 0;
    position: absolute;
    bottom: 1em;
    right: 1em;
}
.w-background-video--control > [hidden] {
    display: none !important;
}
.w-slider {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    background: #ddd;
    height: 300px;
    position: relative;
}
.w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden;
}
.w-slide {
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
}
.w-slider-nav {
    z-index: 2;
    text-align: center;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    inset: auto 0 0;
}
.w-slider-nav.w-round > div {
    border-radius: 100%;
}
.w-slider-nav.w-num > div {
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit;
    padding: 0.2em 0.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 0.5em;
    transition:
        background-color 0.1s,
        color 0.1s;
    display: inline-block;
    position: relative;
}
.w-slider-dot.w-active {
    background-color: #fff;
}
.w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
    box-shadow: none;
}
.w-slider-arrow-left,
.w-slider-arrow-right {
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.w-slider-arrow-left [class^='w-icon-'],
.w-slider-arrow-right [class^='w-icon-'],
.w-slider-arrow-left [class*='\ w-icon-'],
.w-slider-arrow-right [class*='\ w-icon-'] {
    position: absolute;
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
    outline: 0;
}
.w-slider-arrow-left {
    z-index: 3;
    right: auto;
}
.w-slider-arrow-right {
    z-index: 4;
    left: auto;
}
.w-icon-slider-left,
.w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    inset: 0;
}
.w-slider-aria-label {
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}
.w-slider-force-show {
    display: block !important;
}
.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative;
}
.w-dropdown-toggle {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block;
}
.w-dropdown-toggle:focus {
    outline: 0;
}
.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.w-dropdown-list {
    background: #ddd;
    min-width: 100%;
    display: none;
    position: absolute;
}
.w-dropdown-list.w--open {
    display: block;
}
.w-dropdown-link {
    color: #222;
    padding: 10px 20px;
    display: block;
}
.w-dropdown-link.w--current {
    color: #0082f3;
}
.w-dropdown-link:focus {
    outline: 0;
}
.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #fff;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: #000000e6;
    outline: 0;
    font-family:
        Helvetica Neue,
        Helvetica,
        Ubuntu,
        Segoe UI,
        Verdana,
        sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    inset: 0;
    -webkit-transform: translate(0);
}
.w-lightbox-backdrop,
.w-lightbox-container {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto;
}
.w-lightbox-content {
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.w-lightbox-view {
    opacity: 0;
    width: 100vw;
    height: 100vh;
    position: absolute;
}
.w-lightbox-view:before {
    content: '';
    height: 100vh;
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
    height: 86vh;
}
.w-lightbox-frame,
.w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block;
}
.w-lightbox-figure {
    margin: 0;
    position: relative;
}
.w-lightbox-group .w-lightbox-figure {
    cursor: pointer;
}
.w-lightbox-img {
    width: auto;
    max-width: none;
    height: auto;
}
.w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block;
}
.w-lightbox-group .w-lightbox-image {
    max-height: 86vh;
}
.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #0006;
    padding: 0.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: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 4em;
    transition: all 0.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: translate(0, 0);
}
.w-lightbox-active {
    opacity: 0.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: translateY(-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: 0.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: 0.5;
        display: block;
    }
    .w-lightbox-close {
        opacity: 0.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: 0.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);
    }
    to {
        transform: rotate(360deg);
    }
}
.w-dyn-empty {
    background-color: #ddd;
    padding: 10px;
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
    display: none !important;
}
.wf-layout-layout {
    display: grid;
}
.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
@font-face {
    font-family: Avenir;
    src: url(/fonts/62d2033a0e07abf1ebc0a35a_c9033012-9826-4249-9537-be9d2f0c2652.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Avenir;
    src: url(/fonts/62d2033a09ffbd98567e4d85_d9ab3b13-ad13-4930-b776-7069fb16fbfc.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Avenir;
    src: url(/fonts/62d2033a93cde45ec795e14f_ddda1572-4388-4d33-98d2-8f6e68113b5b.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Avenir;
    src: url(/fonts/62d20339fc49d77c5fd89a9a_790df82d-9aae-4e1b-af10-d0ddb48c1652.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Avenir;
    src:
        url(/fonts/62d20339aa648f6710f75d29_2c8bff81-d390-4ce5-8611-d4932e64d05d.ttf) format('truetype'),
        url(/fonts/62d203394aec356f1d7fbeef_7ce0560a-1399-4d97-bca7-75fc1ad7ca07.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Avenir;
    src:
        url(/fonts/62d2033a09ffbdcab97e4d87_f228c365-c26c-4ec1-a50a-dca7e8911bd3.ttf) format('truetype'),
        url(/fonts/62d2033a09ffbd21667e4d86_d9d4496a-5574-4808-b7a6-8587a2c8884a.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Avenir;
    src: url(/fonts/62d2033a0e80b2f0155e9c64_e5f40243-1250-46a5-b1be-9cdafabc981b.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Avenir;
    src: url(/fonts/62d203395f31d715519c3371_371a2a73-c1cd-413b-812e-07b7c8c65ec8.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
:root {
    --black: #202228;
    --ss-orange: #ff891c;
    --light-black: #2c3034;
    --border-new: #f2f2f2;
    --bg-light-grey-new: #fafafa;
    --border-2-new: #eeece6e3;
    --card-bg-white-50-new: #ffffff80;
    --bg-secondary-new: #f6f5f1;
    --blue: #2da8ff;
    --ss-dark-organge: #f06351;
    --orange-light: #ffe8e4;
    --border-dark: #e5e4e0;
    --gradient-bg-grey: #f4f4f4;
    --black-2: #202228;
    --grey: #e9e9ea;
}
.w-pagination-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}
.w-pagination-previous,
.w-pagination-next {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block;
}
.w-page-count {
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
.w-layout-hflex {
    flex-direction: row;
    align-items: flex-start;
    display: flex;
}
.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.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 {
    color: var(--black);
    font-family: Avenir, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Outfit, sans-serif;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 106%;
}
h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Outfit, sans-serif;
    font-size: 2.875rem;
    font-weight: 500;
    line-height: 106%;
}
h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Outfit, sans-serif;
    font-size: 2.625rem;
    font-weight: 500;
    line-height: 106%;
}
h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Outfit, sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 106%;
}
h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Outfit, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 106%;
}
h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Outfit, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 106%;
}
p {
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 150%;
}
a {
    color: var(--black);
    text-decoration: none;
}
ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
}
blockquote {
    border-left: 5px solid #e2e2e2;
    margin-bottom: 0;
    padding: 0.75rem 1.25rem;
    font-size: 18px;
    line-height: 22px;
}
figure {
    margin-bottom: 10px;
}
figcaption {
    text-align: center;
    margin-top: 5px;
}
.heading {
    text-align: left;
    font-size: 36px;
}
.container {
    justify-content: center;
    align-items: center;
    display: flex;
}
.text-block-2 {
    padding-top: 40px;
    font-size: 28px;
    line-height: 36px;
}
.div-block {
    flex-direction: column;
    width: 320px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 40px;
    display: flex;
}
.signup-email-page_container {
    justify-content: center;
    align-items: center;
}
.signup-email-page_wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
}
.signup-email-header_text {
    text-align: center;
}
.heading-10 {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
}
.button-5 {
    text-align: center;
    object-fit: fill;
    background-color: #2fcc8c;
    border-radius: 4px;
    flex: 1;
    width: 100%;
}
.text-block-17 {
    padding-top: 20px;
    font-size: 14px;
    line-height: 24px;
}
.wide-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1320px;
    margin-top: 40px;
    margin-bottom: 0;
    padding: 0 0 10px;
    display: flex;
}
.utility-page-wrap {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: flex;
}
.utility-page-content {
    text-align: center;
    flex-direction: column;
    width: 260px;
    display: flex;
}
.utility-page-form {
    flex-direction: column;
    align-items: stretch;
    display: flex;
}
.fixed-page-background {
    z-index: 1;
    background-image: linear-gradient(
        45deg,
        #eef,
        #e7e5ff 10%,
        #eeeef5 23%,
        #f6f0ff 40%,
        #eeedff 61%,
        #ecf2ff 80%,
        #f5eafa
    );
    position: fixed;
    inset: 0%;
}
.fixed-page-background_img {
    width: 100%;
    height: 100vh;
    position: absolute;
    inset: 0%;
}
.blur {
    opacity: 1;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0%;
}
.padding-xlarge {
    padding: 4rem;
}
.margin-xlarge {
    margin: 4rem;
}
.form-checkbox {
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.5rem;
    padding-left: 0;
    display: flex;
}
.form-checkbox-icon {
    border-radius: 0.125rem;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0 0.5rem 0 0;
}
.form-checkbox-icon.w--redirected-checked {
    background-size: 90%;
    border-radius: 0.125rem;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0 0.5rem 0 0;
}
.form-checkbox-icon.w--redirected-focus {
    border-radius: 0.125rem;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0 0.5rem 0 0;
    box-shadow: 0 0 0.25rem 0 #3898ec;
}
.margin-xsmall {
    margin: 0.5rem;
}
.icon-large {
    height: 4rem;
}
.show-tablet {
    display: none;
}
.overflow-auto {
    overflow: auto;
}
.show {
    display: block;
}
.padding-xhuge {
    padding: 8.75rem;
}
.fs-styleguide_row {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: start;
    display: grid;
}
.fs-styleguide_row.is-for-social-icons {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
}
.global-styles {
    display: block;
    position: fixed;
    inset: 0% auto auto 0%;
}
.fs-styleguide_version-details {
    z-index: 5;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
}
.heading-small {
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 106%;
}
.padding-0 {
    padding: 0;
}
.padding-xxhuge {
    padding: 10.9375rem;
}
.padding-huge {
    padding: 6rem;
}
.margin-large {
    margin: 3rem;
}
.spacing-clean {
    margin: 0;
    padding: 0;
}
.text-weight-semibold {
    font-weight: 600;
}
.z-2 {
    z-index: 2;
    position: relative;
}
.text-style-strikethrough {
    text-decoration: line-through;
}
.max-width-full {
    width: 100%;
    max-width: none;
}
.fs-styleguide_3-col {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
.background-color-black {
    color: #f5f5f5;
    background-color: #000;
}
.text-color-black {
    color: #000;
}
.text-color-grey {
    color: gray;
}
.form-message-success {
    padding: 1.25rem;
}
.padding-xxlarge {
    padding: 5rem;
}
.margin-xxsmall {
    margin: 0.25rem;
}
.padding-large {
    padding: 3rem;
}
.margin-tiny {
    margin: 0.125rem;
}
.container-small {
    width: 100%;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
}
.padding-small {
    padding: 1rem;
}
.margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
}
.text-weight-normal {
    font-weight: 400;
}
.button {
    background-color: var(--ss-orange);
    color: #fff;
    text-align: center;
    border-radius: 5rem;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 1.375rem;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.2;
    transition:
        box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
        background-color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.button:hover {
    background-color: #ff9839;
    box-shadow: 0 12px 1.5rem #f0635147;
}
.button:active {
    box-shadow: none;
}
.button.is-small {
    font-size: 1.125rem;
}
.button.max-width-full.secondary-grey-text {
    color: #2c303499;
    background-color: #0000;
    border: 1px #2c303480;
}
.button.max-width-full.secondary-grey-text:hover {
    border-color: var(--ss-orange);
    background-color: var(--ss-orange);
    color: #fff;
}
.button.max-width-full.secondary-grey-text.tablet {
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 400;
    transition: background-color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.button.max-width-full.secondary-grey-text.tablet:hover {
    box-shadow: none;
    color: #2c303499;
    background-color: #0000;
}
.button.is-blogpost {
    color: #fff;
    align-self: stretch;
    font-size: 1rem;
}
.button.outline {
    color: var(--light-black);
    background-color: #ff891c00;
    border: 1px solid #2c30341a;
    font-family:
        DM Sans,
        sans-serif;
}
.button.outline:hover {
    border-color: var(--ss-orange);
    background-color: var(--ss-orange);
    color: #fff;
}
.button.is-smaller {
    padding: 0.65rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
}
.max-width-small {
    width: 100%;
    max-width: 18rem;
}
.padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.margin-vertical {
    margin-left: 0;
    margin-right: 0;
}
.text-style-italic {
    font-style: italic;
}
.margin-top,
.margin-top.margin-medium {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
.text-weight-medium {
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 500;
}
.styleguide_1-col {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
.styleguide_1-col.gap-medium {
    grid-row-gap: 2.5rem;
}
.overflow-hidden {
    overflow: hidden;
}
.text-size-tiny {
    font-size: 0.875rem;
}
.text-size-tiny.text-align-center.text-style-muted-40 {
    margin-top: 10px;
    font-weight: 500;
}
.max-width-xxlarge {
    width: 100%;
    max-width: 80rem;
}
.margin-bottom,
.margin-bottom.margin-small,
.margin-bottom.margin-medium,
.margin-bottom.margin-xxhuge,
.margin-bottom.margin-xxlarge {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
.icon-small {
    height: 2rem;
}
.background-color-grey {
    background-color: #a8c1d833;
}
.padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}
.heading-xsmall {
    font-family: Outfit, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 106%;
}
.heading-xsmall.text-align-center.tablet {
    padding-right: 0;
}
.heading-xsmall.text-weight-normal {
    font-weight: 500;
}
.text-weight-light {
    font-weight: 300;
}
.max-width-xsmall {
    width: 100%;
    max-width: 16rem;
}
.text-style-link {
    text-decoration: underline;
}
.text-size-regular {
    color: var(--black);
    font-size: 1rem;
    font-weight: 400;
}
.text-size-regular.for-components {
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 400;
    line-height: 150%;
}
.text-weight-xbold {
    font-weight: 600;
}
.margin-huge {
    margin: 6rem;
}
.text-align-right {
    text-align: right;
}
.text-weight-bold {
    font-weight: 700;
}
.max-width-medium {
    width: 100%;
    max-width: 23rem;
}
.styleguide_section-type {
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #000;
    padding: 1.25rem;
    font-size: 1rem;
    font-weight: 600;
}
.fs-styleguide_2-col {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    justify-content: start;
    display: grid;
}
.styleguide_section {
    grid-column-gap: 4rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 0.5fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: grid;
}
.styleguide_component {
    z-index: 2;
}
.max-width-large {
    width: 100%;
    max-width: 48rem;
}
.padding-medium {
    padding: 2rem;
}
.fs-styleguide_background-spacer {
    height: 5rem;
}
.background-color-white {
    background-color: #fff;
}
.text-style-muted-80 {
    opacity: 0.8;
}
.text-size-small {
    font-size: 1.125rem;
    line-height: 120%;
}
.text-size-small.text-align-center.text-style-italic.text-style-muted-80.text-weight-medium.line-height-170 {
    line-height: 170%;
}
.max-width-xlarge {
    width: 100%;
    max-width: 64rem;
}
.form-radio-icon {
    width: 0.875rem;
    height: 0.875rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0.5rem;
}
.form-radio-icon.w--redirected-checked {
    border-width: 0.25rem;
    width: 0.875rem;
    height: 0.875rem;
}
.form-radio-icon.w--redirected-focus {
    width: 0.875rem;
    height: 0.875rem;
    box-shadow: 0 0 0.25rem 0 #3898ec;
}
.padding-xsmall {
    padding: 0.5rem;
}
.margin-xxlarge {
    margin: 5rem;
}
.text-style-nowrap {
    white-space: nowrap;
}
.padding-xxsmall {
    padding: 0.25rem;
}
.text-align-left {
    text-align: left;
}
.form-input {
    background-color: #0000;
    min-height: 3rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem 1rem;
}
.form-input.is-text-area {
    min-height: 8rem;
    padding-top: 0.75rem;
}
.fs-styleguide_classes {
    display: block;
}
.padding-vertical {
    padding-left: 0;
    padding-right: 0;
}
.text-size-large {
    font-size: 1.5rem;
}
.icon-1x1-small {
    width: 2rem;
    height: 2rem;
}
.margin-xhuge {
    margin: 8rem;
}
.padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
}
.page-wrapper {
    z-index: 2;
    position: relative;
}
.heading-large {
    align-self: flex-start;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 106%;
}
.container-large {
    width: 100%;
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
}
.text-style-allcaps {
    text-transform: uppercase;
}
.overflow-scroll {
    overflow: scroll;
}
.icon-1x1-medium {
    width: 3rem;
    height: 3rem;
}
.show-mobile-landscape {
    display: none;
}
.form-message-error {
    margin-top: 0.75rem;
    padding: 0.75rem;
}
.icon-1x1-large {
    width: 4rem;
    height: 4rem;
}
.icon-medium {
    height: 3rem;
}
.text-align-center {
    text-align: center;
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 600;
}
.text-align-center.text-style-muted-70 {
    font-weight: 400;
}
.text-align-center.tablet.has-increased-lineheight {
    line-height: 1.25;
}
.form-wrapper {
    margin-bottom: 0;
}
.padding-tiny {
    padding: 0.125rem;
}
.margin-small {
    margin: 1rem;
}
.max-width-xxsmall {
    width: 100%;
    max-width: 13rem;
}
.layer {
    justify-content: center;
    align-items: center;
    position: absolute;
    inset: 0%;
}
.styleguide_page-header {
    border-bottom: 2px solid #e6e6e6;
    margin-bottom: 2rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.margin-medium {
    margin: 2rem;
}
.margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.text-style-quote {
    border-left: 0.25rem solid #e2e2e2;
    margin-bottom: 0;
    padding: 0.75rem 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
}
.margin-xxhuge {
    margin: 12rem;
}
.fs-styleguide_color-sample {
    background-color: #f5f5f5;
    margin-top: 0.5rem;
    padding: 5rem;
}
.show-mobile-portrait {
    display: none;
}
.margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
}
.align-center {
    margin-left: auto;
    margin-right: auto;
}
.page-padding {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}
.margin-0 {
    margin: 0;
}
.z-1 {
    z-index: 1;
    position: relative;
}
.heading-xlarge {
    color: #000;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 106%;
}
.heading-xlarge.m-h1 {
    font-family:
        DM Sans,
        sans-serif;
}
.padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}
.text-size-medium {
    font-size: 1.25rem;
}
.text-size-medium.text-color-lightblack,
.text-size-medium.text-color-lightblack.is-xs {
    font-family:
        DM Sans,
        sans-serif;
}
.text-size-medium.text-weight-xbold {
    font-weight: 700;
}
.padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.padding-bottom.padding-xmedium {
    padding-bottom: 2.5rem;
}
.padding-bottom.padding-20 {
    padding-bottom: 1.25rem;
}
.padding-bottom.is-social-spacer {
    padding-bottom: 5rem;
}
.button-text {
    color: var(--black);
    text-align: center;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    padding: 0.625rem 1.625rem;
    font-size: 1.25rem;
    font-weight: 500;
}
.hide {
    display: none;
}
.heading-medium {
    font-size: 2.625rem;
    font-weight: 500;
    line-height: 106%;
}
.container-medium {
    width: 100%;
    max-width: 57rem;
    margin-left: auto;
    margin-right: auto;
}
.form-radio {
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.5rem;
    padding-left: 0;
    display: flex;
}
.nav_container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 75rem;
    height: 3.75rem;
    display: flex;
    position: relative;
}
.nav_component {
    z-index: 9;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background-color: #ffffff0d;
    justify-content: center;
    align-items: center;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
}
.nav_logo-image {
    width: 8rem;
}
.nav_link {
    align-items: center;
    height: 100%;
    padding: 0 1rem;
    font-family: Avenir, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transition: color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
}
.nav_link:hover {
    color: var(--ss-orange);
}
.nav_link.w--current {
    color: var(--black);
}
.nav_link.w--current:hover {
    color: var(--ss-orange);
}
.nav_menu {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
}
.button-secondary {
    color: var(--black);
    text-align: center;
    background-color: #0000;
    border: 1px solid #20222826;
    border-radius: 5rem;
    justify-content: center;
    align-items: center;
    padding: 0.625rem 1.625rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
    transition:
        border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1),
        color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1),
        box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
        background-color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.button-secondary:hover {
    color: #fff;
    background-color: #ff9839;
    border-color: #20222800;
    box-shadow: 0 12px 1.5rem #f0635147;
}
.button-secondary:active {
    box-shadow: none;
}
.button-secondary.is-solid {
    background-color: var(--ss-orange);
    color: #fff;
    border-style: none;
    padding: 0.5rem 1.125rem;
    font-size: 1rem;
    transition: box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
}
.button-secondary.is-nav-mobile {
    font-size: 20px;
    display: none;
}
.button-secondary.is-small-orange {
    border-color: var(--ss-orange);
    color: var(--ss-orange);
    font-size: 0.875rem;
}
.button-secondary.is-small-orange:hover {
    color: #fff;
}
.button-secondary.is-small-orange.max-width-full-mobile-landscape {
    font-family:
        DM Sans,
        sans-serif;
}
.nav_buttons-wrapper {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    align-items: center;
    display: flex;
}
.nav_button-text {
    color: var(--black);
    text-align: center;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    padding: 0.625rem 0;
    font-size: 1rem;
    font-weight: 500;
    transition: color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.nav_button-text:hover {
    color: var(--ss-orange);
}
.section_home-header {
    padding-top: 12rem;
}
.home_header_component {
    font-family:
        DM Sans,
        sans-serif;
}
.text-color-blue {
    color: #5f9fff;
}
.container-xsmall {
    width: 100%;
    max-width: 37rem;
    margin-left: auto;
    margin-right: auto;
}
.container-xsmall.max-width-full-tablet {
    max-width: 43rem;
}
.home_header_subhead-wrapper {
    width: 100%;
    max-width: 36.3rem;
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.5rem;
}
.home_header_subhead-wrapper.with-affiliate-photo {
    width: 90%;
    max-width: none;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
}
.home_header_form-block {
    border: 1px #20222833;
    border-radius: 50rem;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 24rem;
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}
.home_header_form {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}
.home_header_text-field {
    background-color: #0000;
    border: 1px solid #20222833;
    border-radius: 50rem;
    margin: auto;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 1.125rem;
    line-height: 120%;
}
.home_header_text-field:active,
.home_header_text-field:focus {
    border-radius: 50rem;
}
.submit-button {
    background-color: var(--ss-orange);
    border-radius: 50rem;
    padding: 0.5rem 1rem;
    font-weight: 500;
    position: absolute;
    inset: auto 0% auto auto;
}
.text-style-muted-40 {
    opacity: 0.4;
}
.home_header_image {
    margin-top: 5rem;
}
.section_home-testimonial {
    padding-top: 8.75rem;
    padding-bottom: 4.5625rem;
    overflow: hidden;
}
.testimonial_component {
    background-color: #0000;
    height: auto;
}
.testimonial_mask {
    width: 47.875rem;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}
.testimonial_slide {
    border: 1px solid #ffffff80;
    border-radius: 2.5rem;
    width: 47.875rem;
    height: auto;
    margin-left: 0;
    margin-right: 3.125rem;
    padding: 2rem 3.125rem;
    position: relative;
}
.testimonial_content-wrapper {
    z-index: 2;
    grid-column-gap: 1.625rem;
    grid-row-gap: 1.625rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}
.testimonial_logo {
    width: 3.125rem;
}
.testimonial_text {
    text-align: center;
    letter-spacing: -1px;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 2.4rem;
    line-height: 116%;
}
.text-color-green {
    color: #66ed8c;
}
.testimonial_client-wrapper {
    flex-direction: column;
    align-items: center;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.testimonial_thumbnail {
    width: 3.5rem;
    margin-bottom: 0.875rem;
}
.testimonial_client-name {
    margin-bottom: 0.3125rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
}
.testimonial_client-description {
    opacity: 0.5;
    font-weight: 500;
    line-height: 1;
}
.text-color-orange {
    color: var(--ss-orange);
    font-family:
        DM Sans,
        sans-serif;
}
.testimonial_slide-nav,
.testimonial_arrow {
    display: none;
}
.testimonial_card {
    z-index: 1;
    border: 1px solid var(--border-new);
    background-color: #fcfcfc66;
    border-radius: 2.5rem;
    width: 47.875rem;
    height: auto;
    margin-left: 0;
    margin-right: 3.125rem;
    padding: 2rem 3.125rem;
    position: absolute;
    inset: 0%;
    box-shadow:
        1px 0 #fff,
        0 13px 1rem #1d1f2708;
}
.text-style-muted-60 {
    opacity: 0.6;
}
.testiominal_logo-wrappers {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2rem;
    opacity: 0.7;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    display: flex;
}
.testimonial_media-logo {
    width: 9.25rem;
}
.home-features_component {
    grid-row-gap: 10rem;
    flex-direction: column;
    align-items: center;
    display: flex;
}
.home-features_row-item {
    grid-column-gap: 7.5rem;
    grid-row-gap: 7.5rem;
    justify-content: space-between;
    align-items: center;
    padding-top: 11.875rem;
    padding-bottom: 9.375rem;
    display: flex;
}
.home-feature_copy-wrapper {
    width: 24rem;
}
.home-feature_image {
    width: 51.4375rem;
}
.section_home-integrations {
    padding-top: 11.875rem;
    padding-bottom: 9.375rem;
}
.section_home-integrations.lottie-test {
    margin-top: -30rem;
    padding-top: 0;
}
.section_home-integrations.lottie-test.is-test {
    margin-top: 0;
}
.home-integration_row {
    background-color: #ffffff82;
    border: 1px solid #ffffff80;
    border-radius: 1.5rem;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 31.75rem;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
    box-shadow:
        1px 0 #fff,
        0 8px 1.125rem #2a349308;
}
.home-integration_component {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-direction: column;
    align-items: center;
    display: flex;
}
.home-integration_left-content {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 31.8125rem;
    margin: 5rem;
    display: flex;
}
.home-integration_right-content {
    position: relative;
}
.home-integration_image {
    object-fit: contain;
    width: 42.5rem;
    height: 100%;
}
.home-integration_icons-wrapper {
    width: 100%;
    padding-top: 1.25rem;
}
.home-integration_icons {
    object-fit: contain;
    height: 3.875rem;
}
.section_home-feature-grid {
    padding-top: 11.875rem;
}
.icon-grid_component {
    font-family:
        DM Sans,
        sans-serif;
}
.icon-grid_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch center;
    align-items: center;
    display: grid;
}
.icon-grid_item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border: 1px solid var(--border-new);
    background-color: #ffffff4d;
    border-radius: 1.5rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 16.25rem;
    padding: 2.5rem;
    display: flex;
}
.icon-grid_icon {
    width: 2rem;
}
.text-style-muted-70 {
    opacity: 0.7;
}
.section_footer {
    padding-top: 6rem;
}
.footer_optin {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #ffffff82;
    border: 1px solid #ffffff80;
    border-radius: 1.25rem;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3.75rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    display: flex;
    box-shadow: 0 8px 19px #2a349308;
}
.footer_optin.is-internal-page {
    background-color: var(--bg-light-grey-new);
    background-image: none;
    border-radius: 1.5rem;
    padding-top: 2.8125rem;
}
.footer_logo-symbol {
    width: 4.875rem;
    margin-bottom: 1.5rem;
}
.container-xxsmall {
    width: 100%;
    max-width: 29rem;
    margin-left: auto;
    margin-right: auto;
}
.footer_form-block {
    margin-top: 2.25rem;
    margin-bottom: 1.25rem;
    display: flex;
}
.footer_form {
    grid-column-gap: 0.625rem;
    grid-row-gap: 0.625rem;
    align-items: stretch;
    display: flex;
}
.footer_form-field-label {
    display: none;
}
.footer_form-text-field {
    background-color: #0000;
    border: 1px solid #20222833;
    border-radius: 50rem;
    width: 16.3rem;
    height: 2.5rem;
    margin-bottom: 0;
    padding: 0.7625rem 1.125rem 0.5625rem;
}
.footer_form-text-field::placeholder {
    font-size: 1.125rem;
}
.footer_form-submit-button {
    background-color: var(--ss-orange);
    border-radius: 99rem;
    height: 2.5rem;
    padding: 0 1.125rem;
    font-size: 1.125rem;
    font-weight: 500;
}
.footer_menu {
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: 3.75rem;
    display: flex;
}
.footer-menu_left {
    grid-column-gap: 4.5rem;
    grid-row-gap: 4.5rem;
    align-items: flex-start;
    display: flex;
}
.footer-menu_logo-wrapper.w--current {
    grid-column-gap: 4.5rem;
    grid-row-gap: 4.5rem;
    align-items: flex-start;
}
.footer-menu_logo {
    height: 1.25rem;
}
.footer-menu_menu-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}
.text-size-xsmall {
    font-size: 1rem;
}
.text-size-xsmall.is-smaller.text-align-center {
    font-size: 0.875rem;
}
.footer-menu_text-link {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    transition: color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.footer-menu_text-link:hover {
    color: var(--ss-orange);
}
.footer-menu_right {
    grid-column-gap: 1.25rem;
    display: flex;
}
.footer-menu_applink-wrapper {
    transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.footer-menu_applink-wrapper:hover {
    transform: translateY(-3px);
}
.footer-menu_applink {
    width: 9.625rem;
}
.footer_submenu {
    border-top: 1px solid #76787e33;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    display: flex;
}
.footer-submenu_icon-wrapper {
    grid-column-gap: 0.625rem;
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
}
.footer-submenu_icon-wrapper:hover {
    transform: translateY(-3px);
}
.footer-submenu_icon {
    border: 1px #0003;
    border-radius: 0.625rem;
    width: 2rem;
}
.home-features_divider {
    background-color: #d3c3ff4d;
    width: 100%;
    height: 1px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.nav_buttons-inside-menu {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    align-items: center;
    display: none;
}
.nav_button-text_inside-menu {
    color: var(--black);
    text-align: center;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    padding: 0.625rem 0;
    font-size: 20px;
    font-weight: 500;
    transition: color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.nav_button-text_inside-menu:hover {
    color: var(--ss-orange);
}
.button-secondary_inside-menu {
    color: var(--black);
    text-align: center;
    background-color: #0000;
    border: 1px solid #20222826;
    border-radius: 5rem;
    justify-content: center;
    align-items: center;
    padding: 0.625rem 1.625rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
    transition:
        border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1),
        color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1),
        box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
        background-color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.button-secondary_inside-menu:hover {
    color: #fff;
    background-color: #ff9839;
    border-color: #20222800;
    box-shadow: 0 12px 1.5rem #f0635147;
}
.button-secondary_inside-menu:active {
    box-shadow: none;
}
.button-secondary_inside-menu.is-nav {
    font-size: 20px;
}
.button-secondary_inside-menu.is-nav-mobile {
    font-size: 20px;
    display: none;
}
.home-testimonial_media-logos {
    width: 720px;
    max-width: 100%;
    margin-top: 4rem;
    margin-left: auto;
    margin-right: auto;
    font-family:
        DM Sans,
        sans-serif;
}
.home-header_lightbox-link {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}
.home-header_lightbox-button {
    grid-column-gap: 0.4375rem;
    border: 1px solid #20222833;
    border-radius: 99rem;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 1rem;
    display: flex;
}
.home-header_lightbox-text {
    font-size: 0.9375rem;
    font-weight: 500;
}
.home-header_lightbox-wrapper {
    text-align: center;
    margin-top: 2rem;
}
.home-header_lightbox-play-icon-embed {
    color: var(--ss-orange);
    padding-top: 0.25rem;
}
.home_header-subhead {
    opacity: 0.8;
    text-align: center;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 150%;
}
.home_header-subhead.with-affiliate-photo {
    text-align: left;
}
.nav_menu-logo-wrapper {
    grid-column-gap: 3.125rem;
    flex: 1;
    align-items: center;
    height: 100%;
    display: flex;
}
.nav_dropdown-icon {
    margin: 0 0 0 -0.25rem;
    position: static;
}
.nav_dropdown-toggle {
    align-items: center;
    padding: 0;
    display: flex;
}
.nav_dropdown {
    margin-right: 0.75rem;
}
.nav_dropdown-list {
    background-color: #0000;
}
.nav_dropdown-list.w--open {
    -webkit-backdrop-filter: blur(34px);
    backdrop-filter: blur(34px);
    background-color: #ffffffe6;
    border: 1px solid #fff;
    border-radius: 1.3rem;
}
.nav_dropdown-link {
    padding: 0.625rem 1.25rem;
    font-weight: 500;
    transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.nav_dropdown-link:hover {
    color: var(--ss-orange);
}
.nav_menu-divider {
    background-color: #d9d9d9;
    width: 1px;
    height: 2.5rem;
    margin-left: 1.875rem;
    margin-right: 2.5rem;
}
.section_integration-header {
    margin-top: 4rem;
}
.integration-header_component {
    border: 1px solid var(--border-2-new);
    background-color: var(--card-bg-white-50-new);
    background-image: linear-gradient(to bottom, var(--bg-light-grey-new), var(--bg-light-grey-new));
    border-radius: 2.5rem;
    justify-content: space-between;
    align-items: flex-end;
    padding: 4rem 3.75rem 4rem 1.875rem;
    display: flex;
    position: relative;
}
.integration-header_icon-wrapper {
    padding: 0.5rem;
    position: absolute;
    inset: 1.875rem auto auto 1.875rem;
}
.integration-header_back-icon {
    width: 2rem;
}
.integration-header_left-content {
    grid-row-gap: 1.375rem;
    flex-direction: column;
    align-items: flex-start;
    max-width: 33.4375rem;
    padding-bottom: 1.5rem;
    display: flex;
}
.integration-header_main-image {
    width: 41.125rem;
}
.integration-header_tag-wrapper {
    grid-column-gap: 0.5rem;
    align-items: center;
    display: flex;
}
.integration-header_tag-item {
    grid-column-gap: 0.375rem;
    border: 1px solid #0003;
    border-radius: 2.5rem;
    padding: 0.625rem 1rem;
    display: flex;
}
.integration-header_tag-text {
    font-family:
        DM Sans,
        sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
}
.integration-header_tag-icon {
    object-fit: contain;
    width: 1.1rem;
    max-height: 100%;
}
.heading-xxlarge {
    font-family:
        DM Sans,
        sans-serif;
    font-size: 4.25rem;
    font-weight: 500;
    line-height: 106%;
}
.integration-header_subhead-text {
    opacity: 0.7;
    color: #000;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 140%;
}
.max-width-xmedium {
    width: 100%;
    max-width: 25rem;
}
.section_integration-description-text {
    margin-top: 3.75rem;
    margin-bottom: 5rem;
}
.integration-description_wrapper {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    max-width: 57rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.integration-feature_image {
    width: 46.4375rem;
}
.integration-features_row-item {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: flex;
}
.integration-features_row-item.padding-bottom-end {
    padding-bottom: 7rem;
}
.section_integration-features {
    padding-top: 11.375rem;
}
.section_integration-video {
    margin-top: 10rem;
    margin-bottom: 6.25rem;
}
.integration_lightbox-link {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 57.125rem;
    height: 35.625rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}
.integration_lightbox-image {
    z-index: 1;
    position: absolute;
    inset: 0%;
}
.integration_lightbox-button {
    z-index: 2;
    grid-column-gap: 0.4375rem;
    background-color: var(--ss-orange);
    border: 1px solid #20222833;
    border-radius: 99rem;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 1rem;
    display: flex;
    position: relative;
}
.integration_lightbox-play-icon-embed {
    color: #fff;
    padding-top: 0.25rem;
}
.integration_lightbox-text {
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 500;
}
.margin-xmedium {
    margin-bottom: 2.5rem;
}
.section_blog-header {
    padding-bottom: 4rem;
}
.blog-header_categories {
    justify-content: center;
    align-items: center;
    display: none;
}
.blog-category_item {
    border: 1px solid #0003;
    border-radius: 99rem;
    margin-left: 0.375rem;
    margin-right: 0.375rem;
    padding: 0.625rem 1.125rem;
    font-weight: 500;
    transition:
        color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1),
        background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: inline-block;
}
.blog-category_item:hover {
    background-color: #2022281a;
    background-image: linear-gradient(#2c303408, #2c303408);
    border-color: #20222800;
}
.blog-category_item.w--current {
    background-color: var(--black);
    color: #fff;
}
.blog-category_item.is-first-item {
    margin-left: 0;
}
.blog-category_list {
    align-items: center;
    display: flex;
}
.blog-categories_wrapper {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.section_posts {
    padding-top: 3rem;
    padding-bottom: 1rem;
}
.blog-list_wrapper {
    max-width: 57rem;
    margin-left: auto;
    margin-right: auto;
}
.blog-list_list {
    grid-row-gap: 6.25rem;
    flex-direction: column;
    margin-bottom: 3.75rem;
    display: flex;
}
.blog-list_category {
    border: 1px solid #0003;
    border-radius: 99rem;
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
    padding: 0.375rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    transition:
        color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1),
        background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: none;
}
.blog-list_category:hover {
    color: var(--light-black);
    background-image: linear-gradient(#2c30341c, #2c30341c);
    border-color: #0000;
}
.blog-list_category.is-first-item {
    margin-left: 0;
}
.blog-list_category.margin-0 {
    margin-bottom: 0;
    padding: 0.375rem 1rem;
    font-size: 1rem;
}
.blog-list_category.blog-post_title_list-category {
    margin-top: 0;
    display: flex;
}
.blog-posts_title-wrapper {
    transition: color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
}
.blog-posts_title-wrapper:hover {
    color: var(--ss-orange);
}
.blog-posts_metadata-wrapper {
    grid-column-gap: 0.5rem;
    align-items: center;
    margin-top: 0.125rem;
    margin-bottom: 1rem;
    display: flex;
}
.blog-posts_metadata {
    opacity: 0.4;
    color: #2c3034;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 0.875rem;
}
.text-color-lightblack {
    color: var(--light-black);
    text-align: left;
}
.pagination_prevnext {
    background-color: #0000;
    border: 1px solid #20222833;
    border-radius: 0.75rem;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    padding: 0;
    display: flex;
}
.pagination_arrow-icon {
    width: 0.875rem;
}
.pagination_page-number {
    background-color: #0000;
    border: 1px solid #20222833;
    border-radius: 0.75rem;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    padding: 0;
    display: flex;
}
.pagination_page-number.w--current {
    border-color: var(--black);
}
.pagination_pagenumber-text {
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 500;
    line-height: 100%;
}
.pagination_ellipses {
    background-color: #0000;
    border: 1px #20222833;
    border-radius: 0.75rem;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    padding: 0;
    display: flex;
}
.pagination_button-template-wrapper {
    align-items: center;
    display: flex;
}
.footer-submenu_created-by-wrapper {
    grid-column-gap: 0.5rem;
    align-items: center;
    display: flex;
}
.footer-submenu_logo {
    width: 2.125rem;
}
.footer-submenu_created-by-text {
    opacity: 0.6;
    font-size: 0.875rem;
    line-height: 100%;
}
.blog-post_component {
    max-width: 57rem;
}
.blog-post_title-wrapper {
    grid-row-gap: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 3rem;
    display: flex;
}
.blog-post_metadata {
    opacity: 0.4;
    color: var(--light-black);
    font-size: 0.875rem;
    display: block;
}
.blog-post_content-wrapper {
    margin-bottom: 3.75rem;
}
.blog-post_richtext {
    line-height: 1.5;
}
.blog-post_richtext h2 {
    color: #202823;
    margin-top: 4.5rem;
    margin-bottom: 1.5rem;
    font-size: 2.625rem;
}
.blog-post_richtext h4 {
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-size: 1.75rem;
}
.blog-post_richtext h3 {
    margin-top: 3.75rem;
    margin-bottom: 1.25rem;
    font-size: 2rem;
}
.blog-post_richtext blockquote {
    border-left-width: 0.375rem;
    border-left-color: #5f9fff;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.875rem;
    font-size: 1.25rem;
    font-style: italic;
    font-weight: 400;
    line-height: 130%;
}
.blog-post_richtext ul {
    margin-bottom: 1rem;
}
.blog-post_richtext li {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 130%;
}
.blog-post_richtext figure {
    border-radius: 1.875rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow: hidden;
}
.blog-post_richtext h5 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}
.blog-post_richtext h1 {
    margin-top: 6rem;
    margin-bottom: 2rem;
}
.blog-post_richtext h6 {
    margin-top: 0.75rem;
    margin-bottom: 0.25rem;
}
.blog-post_richtext p {
    margin-bottom: 1.5rem;
}
.blog-post_richtext figcaption {
    color: #20222880;
    margin-top: 0.5rem;
    font-size: 1rem;
}
.blog-post_richtext a {
    color: var(--blue);
}
.section_blog-post {
    margin-top: 6.25em;
    margin-bottom: 6.25em;
    padding-top: 5rem;
}
.blog-post_share-wrapper {
    grid-column-gap: 0.625rem;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 500;
    display: flex;
}
.related-content_component,
.related-content_wrapper {
    max-width: 57rem;
    margin-left: auto;
    margin-right: auto;
}
.related-content_list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25px;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 3.75rem;
    display: flex;
}
.related-content_item {
    flex: 1;
}
.related-content_category {
    border: 1px solid #0003;
    border-radius: 99rem;
    margin-top: 1.375rem;
    margin-bottom: 0;
    padding: 0.375rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    transition:
        color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1),
        background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: inline-block;
}
.related-content_category:hover {
    color: var(--light-black);
    background-image: linear-gradient(#2c30341c, #2c30341c);
    border-color: #0000;
}
.related-content_category.is-first-item {
    margin-left: 0;
}
.related-content_category.margin-0 {
    margin-bottom: 0;
}
.blog-post_share-icon {
    border: 1px solid #0003;
    border-radius: 0.625rem;
    width: 2rem;
}
.blog-post_share-icon-wrapper {
    grid-column-gap: 0.625rem;
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
}
.blog-post_share-icon-wrapper:hover {
    transform: translateY(-3px);
}
.feature-header_subhead-text {
    color: #636468;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 150%;
}
.nav_container-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 86.25rem;
    height: 6.25rem;
    display: block;
}
.home_header_text {
    text-align: center;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 4.3rem;
    font-weight: 600;
}
.home_header_text.with-affiliate-photo {
    text-align: left;
}
.section_integration-picker {
    padding-top: 10rem;
}
.integration-picker_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 80rem;
    display: flex;
}
.integration-picker_item {
    opacity: 0.5;
    cursor: pointer;
    background-color: #ffffff80;
    border-radius: 1rem;
    padding: 0.5rem;
}
.integration-picker_item:hover {
    opacity: 1;
}
.integration-picker_item.w--current {
    opacity: 1;
    box-shadow: 0 4px 10px #0000001a;
}
.integration-picker_item.is-selected-integration {
    opacity: 1;
    object-fit: fill;
    background-color: #ffffff80;
    border-radius: 1rem;
    box-shadow: 2px 0 30px #00000026;
}
.integration-picker_item_icon {
    object-fit: contain;
    width: 3rem;
    height: 3rem;
}
.integration-picker_wrapper {
    flex-flow: row;
    justify-content: center;
    display: flex;
}
.text-span {
    color: #66ed8d;
}
.home_header_action-row {
    justify-content: center;
    padding-bottom: 1.25rem;
    display: flex;
}
.home_header_action-row.is-mobile {
    display: none;
}
.home_header_action-row.with-affiliate-photo {
    justify-content: flex-start;
}
.button-large {
    background-color: var(--ss-orange);
    text-align: center;
    border-radius: 5rem;
    flex: 0 auto;
    width: 100%;
    padding: 0.8rem 3.6rem;
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 600;
    transition:
        transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1),
        box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
}
.button-large:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 15px #ff891c4d;
}
.button-large:active {
    box-shadow: none;
    transform: none;
}
.button-large.signup-email-form_button {
    flex: 1;
    width: 100%;
    margin-top: 10px;
}
.button-large.signup-email-form_button.is-signupemail,
.button-large.signup-email-form_button.is-signupemail-page,
.button-large.signup-email-form_button.is-signupemail-page_optin {
    width: 8rem;
    margin-top: 0;
    margin-left: -8.2rem;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
}
.button-large.signup-button {
    color: #fff;
}
.footer-signup_row {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.footer-signup_row.is-mobile {
    display: none;
}
.app-download-header_component {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 12rem;
    padding-bottom: 8rem;
    display: flex;
}
.app-download-header_left-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 28rem;
    padding-bottom: 4rem;
    padding-right: 2rem;
    display: flex;
}
.app-download-header_right-content {
    flex-direction: column;
    flex: 1;
    align-items: center;
    display: flex;
}
.app-download-header_action-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-top: 1rem;
    display: flex;
}
.app-download-header_image {
    width: 100%;
}
.app-download-header_image-mobile {
    max-width: 320px;
}
.footer-menu_menu-divider {
    width: 100%;
    padding-top: 1rem;
    padding-right: 0;
}
.section_pricing-header {
    margin-top: 3.75rem;
    padding-top: 3.125rem;
    padding-bottom: 2.5rem;
}
.section_pricing-header.has-bigger-margin {
    margin-top: 8rem;
}
.pricing_pricetable {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    display: flex;
}
.pricing_pricetable-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}
.pricetable_main-table {
    z-index: 4;
    grid-row-gap: 3.125rem;
    background-color: #fcfcff;
    border: 1px solid #fff;
    border-radius: 2.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 3.125rem 3rem;
    position: relative;
    box-shadow: 0 16px 30px #1d1f270d;
}
.pricetable_yearly {
    grid-row-gap: 3.125rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.pricetable_toggle-wrapper {
    grid-column-gap: 0.875rem;
    grid-row-gap: 0.875rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
}
.pricetable_toggle-text,
.pricetable_toggle-text.text-style-muted-40 {
    font-size: 1rem;
    font-weight: 500;
}
.pricetable_toggle-text.pricetable_toggle-text_monthly {
    opacity: 0.5;
}
.pricetable_toggle-button {
    background-color: var(--ss-orange);
    cursor: pointer;
    border: 1px solid #20222833;
    border-radius: 999rem;
    justify-content: flex-end;
    align-items: center;
    width: 3.75rem;
    height: 1.7rem;
    display: flex;
    position: relative;
}
.pricetable_toggle-button.is--monthly {
    justify-content: flex-start;
}
.pricetable_toggle-dot {
    background-color: #fff;
    border-radius: 99rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}
.pricetable_price-yearly {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: center;
    display: flex;
}
.pricetable_price-text {
    margin-left: -1rem;
    font-family: Outfit, sans-serif;
    font-size: 6.875rem;
    font-weight: 500;
    line-height: 0.8;
}
.pricetable_dollar-symbol {
    font-size: 2rem;
}
.pricetable_price-description {
    opacity: 0.4;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.4;
}
.pricetable_button-wrapper {
    width: 100%;
    padding-top: 4rem;
}
.pricetable_button-wrapper.pricetable_button-wrapper_mobile {
    display: none;
}
.pricetable_button {
    background-color: var(--ss-orange);
    text-align: center;
    border-radius: 5rem;
    padding: 0.8rem 1.5rem;
    font-size: 1.625rem;
    font-weight: 600;
    transition:
        transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1),
        box-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
}
.pricetable_button:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 12px #ff891c33;
}
.pricetable_disclaimer {
    opacity: 0.4;
    text-align: center;
    padding-top: 1.125rem;
}
.pricetable_table2 {
    z-index: 3;
    grid-row-gap: 3.125rem;
    opacity: 0.94;
    background-color: #fcfcff;
    border: 1px solid #fff;
    border-radius: 2.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 32rem;
    height: 30rem;
    padding: 2rem 3.125rem 3rem;
    position: absolute;
    box-shadow: 0 16px 30px #1d1f270d;
}
.pricetable_table3 {
    z-index: 2;
    grid-row-gap: 3.125rem;
    opacity: 0.81;
    background-color: #fcfcff;
    border: 1px solid #fff;
    border-radius: 2.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40rem;
    height: 25.625rem;
    padding: 2rem 3.125rem 3rem;
    position: absolute;
    box-shadow: 0 16px 30px #1d1f270d;
}
.pricetable_table4 {
    z-index: 1;
    grid-row-gap: 3.125rem;
    opacity: 0.3;
    background-color: #fcfcff;
    border: 1px solid #fff;
    border-radius: 2.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48rem;
    height: 22rem;
    padding: 2rem 3.125rem 3rem;
    position: absolute;
    box-shadow: 0 16px 30px #1d1f270d;
}
.pricetable_price-monthly {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: center;
    display: flex;
}
.section_pricing-features {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.pricing-features_component {
    grid-row-gap: 10rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.pricing-features_row {
    grid-row-gap: 3.25rem;
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
}
.pricing-features_item-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.pricing-features_item {
    grid-row-gap: 1.125rem;
    flex-direction: column;
    align-items: center;
    max-width: 10.7rem;
    display: flex;
}
.pricing-features_text {
    text-align: center;
    font-family: Outfit, sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.1;
}
.pricing-features_divider {
    background-color: #20222833;
    width: 100%;
    height: 1px;
}
.pricing-feature_icon {
    width: 3rem;
}
.section_pricing-twitterfeed {
    padding-top: 5rem;
    padding-bottom: 3.75rem;
}
.section_pricing-manifesto {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.section_pricing-faq {
    padding-top: 3.75rem;
    padding-bottom: 2.5rem;
}
.twitterfeed-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
}
.twitterfeed-list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    align-items: flex-start;
    display: flex;
}
.twitterfeed-item {
    align-self: flex-start;
}
.twitter-screenshot {
    border-radius: 1.25rem;
    display: block;
}
.twitterfeed_linkblock {
    display: inline-block;
}
.rich-text-block {
    display: none;
}
.twitterfeed_image {
    border-radius: 1.25rem;
    width: 23rem;
}
.twitter-feed_loadmore {
    color: var(--light-black);
    background-color: #2c303403;
    border-color: #2c303433;
    border-radius: 99rem;
    font-size: 1.25rem;
    transition: background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.twitter-feed_loadmore:hover {
    background-color: #2c30340d;
}
.twitterfeed_pagination {
    margin-top: 2rem;
}
.pricing-manifesto_component {
    background-image: url(https://pub-f7ae218077e542729e28e6f8f45a9a40.r2.dev/images/62fe637d2fabc43ed1c1b65a_optin-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border: 1px solid #ffffff80;
    border-radius: 2rem;
    justify-content: space-between;
    align-items: flex-start;
    padding: 2.5rem 3rem;
    display: flex;
}
.manifesto_left-content {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    max-width: 36rem;
    font-weight: 500;
    display: flex;
}
.text-size-xmedium {
    font-size: 1.375rem;
}
.manifesto_right-content {
    grid-row-gap: 1.5rem;
    text-align: right;
    flex-direction: column;
    align-items: flex-end;
    max-width: 15rem;
    font-weight: 500;
    display: flex;
}
.accordion_question-item {
    font-family:
        DM Sans,
        sans-serif;
}
.accordion_question {
    cursor: pointer;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    display: flex;
}
.accordion_response {
    margin-bottom: 2.25rem;
    overflow: hidden;
}
.accordion_divider {
    background-color: #20222833;
    width: 100%;
    height: 1px;
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
}
.accordion_question-wrapper {
    max-width: 80%;
}
.accordion_icon-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    position: relative;
}
.icon_horizontal-bar {
    background-color: var(--black);
    width: 1.25rem;
    height: 0.0625rem;
    position: absolute;
}
.icon_vertical-bar {
    background-color: var(--black);
    width: 0.0625rem;
    height: 1.25rem;
    position: absolute;
}
.container-xmedium {
    max-width: 71.625rem;
    margin-left: auto;
    margin-right: auto;
}
.pricetable-wrapper_monthly {
    display: none;
}
.home_features-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1760vh;
    position: relative;
}
.home_features-sticky_wrapper {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
}
.home_features-lottie-file {
    width: 100%;
    position: static;
}
.home_features-row-tall-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 24rem;
    height: 200vh;
    display: flex;
    position: static;
    inset: 0% 0% 0% auto;
}
.home_features-row-tall-container.left {
    inset: 0% auto 0% 0%;
}
.home_features-row-tall-container.first {
    height: 120vh;
}
.home_features-row-tall-container.phase-1,
.home_features-row-tall-container.phase-2 {
    height: 300vh;
}
.home_features-row-tall-container.phase-3 {
    height: 600vh;
}
.home_features-row-tall-container.phase-4 {
    align-items: flex-start;
}
.home_features-absolute-copywrapper {
    justify-content: space-between;
    margin-top: 26.5rem;
    position: absolute;
    inset: 0%;
}
.home_features-row {
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}
.home_features-row-invisible-spacer {
    width: 24rem;
}
.home_features-container-large {
    width: 100%;
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
}
.lottie-test_heading-xlarge-copy {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 106%;
}
.policy-document_wrapper {
    padding-top: 12rem;
    font-family:
        DM Sans,
        sans-serif;
}
.policy-document_rich-text {
    font-family:
        DM Sans,
        sans-serif;
}
.policy-document_rich-text p {
    margin-bottom: 1rem;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1rem;
}
.policy-document_rich-text h6 {
    margin-bottom: 1rem;
}
.policy-document_rich-text a {
    color: var(--blue);
}
.home_features-row-sticky-copy {
    position: sticky;
    top: 40%;
}
.home_features-row-mobile-wrapper {
    display: none;
}
.lottie-test_invisible-spacer-vert {
    height: 50vh;
}
.home_features-row-spacer {
    justify-content: space-between;
    align-items: stretch;
    height: 120vh;
    display: flex;
}
.home_features-row-spacer.between-phases {
    height: 80vh;
}
.home_features-row-spacer.first {
    height: 100vh;
}
.blog-post_subscribe-wrapper {
    grid-column-gap: 1rem;
    align-items: center;
    display: flex;
}
.blog-post_subscribe-input {
    border-radius: 20px;
    width: 240px;
    margin-bottom: 0;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 500;
}
.blog-post_subscribe-button {
    background-color: var(--ss-orange);
    border: 1px #000;
    border-radius: 20px;
    padding: 0.5rem 1rem;
    font-weight: 500;
}
.blog-post_subscribe-component {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 8rem;
    padding-bottom: 4rem;
}
.blog-post_subscribe-header_subtext {
    padding-top: 0.5rem;
    padding-bottom: 2rem;
    font-family:
        DM Sans,
        sans-serif;
}
.success_wrapper {
    padding-top: 16rem;
    padding-bottom: 12rem;
    font-family:
        DM Sans,
        sans-serif;
}
.section_blog-header-subscribe {
    padding-top: 6rem;
}
.home_header_notification_wrapper {
    justify-content: center;
    height: 40px;
    margin-top: -4rem;
    margin-bottom: 4rem;
    display: flex;
}
.home_header_notification {
    grid-column-gap: 4px;
    color: #4c4c55;
    border: 1px solid #bbb;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 1rem;
    display: flex;
}
.home_header_notification.is-secondary {
    justify-content: center;
    margin-bottom: 1rem;
}
.home_header_notification_text {
    color: #4c4c55;
}
.home_header_trial_info {
    justify-content: center;
    width: 100%;
    max-width: 36.3rem;
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.5rem;
    display: flex;
}
.paragraph {
    padding-top: 10px;
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 300;
}
.paragraph.is-small {
    font-size: 1rem;
}
.paragraph.is-small.text-color-lightblack {
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 300;
}
.div-block-33 {
    padding-top: 20px;
}
.div-block-34 {
    text-align: left;
    padding-top: 40px;
}
.section {
    padding: 6.25rem 1.875rem;
}
.section.top-0 {
    padding-top: 0;
}
.section.no-side-padding {
    padding-left: 0;
    padding-right: 0;
}
.text-align-center-copy {
    text-align: center;
}
.text-align-center-copy.text-style-muted-70 {
    color: var(--black);
    text-align: left;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}
.div-block-35 {
    flex-wrap: nowrap;
    display: flex;
}
.text-field-2 {
    margin-right: 10px;
}
.text-field-3 {
    border-radius: 0;
}
.div-block-36 {
    margin-top: 20px;
}
.div-block-37,
.div-block-38,
.div-block-39 {
    flex-direction: column;
    display: flex;
}
.signup-email-form {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: center;
    display: flex;
}
.signup-email-form.email-form.is-flex {
    flex-direction: row;
    position: relative;
}
.heading-11 {
    text-align: center;
}
.signup-email-form-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2rem;
}
.signup-email-form-wrapper.is-signupemail {
    padding-top: 0;
}
.footer---button-wrapper {
    flex-direction: column;
    align-items: center;
    padding-top: 2rem;
    display: flex;
}
.div-block-41 {
    display: flex;
}
.form-input-large {
    text-align: left;
    border-radius: 5rem;
    flex: 1;
    width: 320px;
    max-width: 100%;
    margin-bottom: 0;
    padding: 0.8rem 1.6rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}
.signup-email-header_subtext {
    opacity: 0.8;
    text-align: center;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 140%;
}
.form-block-2 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: block;
}
.form-2 {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: block;
}
.section_signupemail-header {
    padding-top: 5rem;
    padding-bottom: 4.5rem;
}
.signupemail_header-icon {
    width: 3.5rem;
}
.signupemail_container {
    flex-direction: column;
    align-items: center;
    max-width: 48.125rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.signupemail_h2 {
    opacity: 0.7;
    font-family: Avenir, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
}
.signupemail_form {
    align-items: center;
    display: flex;
    position: relative;
}
.signupemail_text-field {
    border: 1px solid #0003;
    border-radius: 99rem;
    width: 27.5rem;
    height: 3.375rem;
    margin-bottom: 0;
    padding: 1.125rem;
}
.signupemail_button {
    background-color: var(--ss-orange);
    border-radius: 99rem;
    width: 8rem;
    margin-left: -8.2rem;
    padding: 0.75rem 1.5rem;
}
.signupemail_header-text-container {
    flex-direction: column;
    align-items: center;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    display: flex;
}
.signupemail_disclaimer-text {
    opacity: 0.7;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
}
.section_signupemail-testimonials {
    padding-top: 4.5rem;
    padding-bottom: 3.4375rem;
}
.signupemail_testimonial-header {
    max-width: 33.875rem;
    margin-bottom: 5.5rem;
    margin-left: auto;
    margin-right: auto;
}
.signupemail-testimonials_h2 {
    text-align: center;
    letter-spacing: -0.5px;
    font-size: 2rem;
}
.signupemail_instagram-reels {
    justify-content: center;
    max-width: 63rem;
    margin-bottom: 5.5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.signupemail_slider {
    background-color: #0000;
    flex-direction: row;
    align-items: center;
    width: 57rem;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3rem;
}
.signupemail_slider-mask {
    width: 100%;
    height: 25rem;
    overflow: hidden;
}
.signupemail_slide {
    border-radius: 1.25rem;
    justify-content: center;
    align-items: center;
    width: 13.8rem;
    height: 25rem;
    margin-right: 0.6rem;
    position: relative;
    overflow: hidden;
}
.signupemail_slide.no-padding {
    margin-right: 0;
}
.signupemail_video {
    border-radius: 1.25rem;
    width: 13.8rem;
    height: 25rem;
    padding-bottom: 0;
    position: absolute;
    inset: 0%;
}
.signupemail_ig-reel-wrapper {
    max-width: 57rem;
    margin-left: auto;
    margin-right: auto;
}
.signupemail_ig-reel-list {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.signupemail_slide-nav {
    inset: auto 0% 0%;
}
.reels-link {
    z-index: 2;
    grid-column-gap: 0.5rem;
    align-items: center;
    display: flex;
    position: relative;
}
.reels-link.signupemail_link {
    background-image: linear-gradient(#000000a6, #0000);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
}
.reels-link.is-reels-link {
    background-image: linear-gradient(#000000a6, #0000);
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    position: absolute;
    inset: 0% 0% auto;
}
.signupemail_thumbnail {
    border-radius: 99rem;
    width: 2rem;
    height: 2rem;
}
.signupemail_name {
    color: #fff;
    font-size: 0.75rem;
}
.signupemail_left-arrow {
    justify-content: flex-start;
    align-items: center;
    width: 3rem;
    padding-bottom: 3rem;
    display: flex;
    inset: 0% auto 0% -3rem;
}
.signupemail_arrow {
    width: 2rem;
}
.signupemail_right-arrow {
    justify-content: flex-end;
    align-items: center;
    width: 3rem;
    padding-bottom: 3rem;
    display: flex;
    right: -3rem;
}
.section_signupemail-twitterfeed {
    padding-top: 5rem;
    padding-bottom: 3.75rem;
}
.twitterfeed_component {
    grid-column-gap: 1.5rem;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 57rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.signupemail-twitterfeed-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
}
.signupemail_twitterfeed-list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    align-items: flex-start;
    display: grid;
}
.signupemail_twitterfeed-item {
    display: inline-block;
}
.signupemail_twitterfeed_image {
    border-radius: 0.625rem;
    width: 18rem;
}
.twitterfeed_col {
    grid-row-gap: 1rem;
    flex-direction: column;
    display: flex;
}
.twitterfeed_tweetwrapper {
    grid-row-gap: 1rem;
    background-color: #fff;
    border: 1px #000;
    border-radius: 0.625rem;
    flex-direction: column;
    align-items: stretch;
    width: 18.045rem;
    padding: 1.5rem;
    font-family: Inter, sans-serif;
    display: flex;
    box-shadow: 0 0 5px #2a34930d;
}
.twitterfeed_head-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}
.twitterfeed_username-wrapper {
    grid-column-gap: 0.3125rem;
    align-items: center;
    display: flex;
}
.twitterfeed_twitter-icon {
    width: 1.5rem;
}
.twitterfeed_thumbnail {
    width: 2.3125rem;
}
.twitterfeed_name-username-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}
.twitterfeed_name-verified-wrapper {
    grid-column-gap: 0.25rem;
    align-items: center;
    display: flex;
}
.twitterfeed_username {
    color: #576370;
    font-size: 0.75rem;
}
.twitterfeed_name {
    font-size: 0.75rem;
    font-weight: 600;
}
.twitterfeed_verified-icon {
    width: 0.8rem;
}
.twitterfeed_paragraph {
    font-size: 0.75rem;
    line-height: 130%;
}
.twitterfeed_paragraph p {
    font-size: 0.75rem;
}
.twitterfeed_link {
    color: var(--blue);
    text-decoration: underline;
}
.twitterfeed_date-time-wrapper {
    grid-column-gap: 0.75rem;
    align-items: center;
    display: flex;
}
.section_signupemail-optin {
    padding-top: 3.4375rem;
    padding-bottom: 7rem;
}
.optin_component-slim {
    background-image: linear-gradient(45deg, #fbf5ff, #f9f5fe 50%, #fef7ee);
    border: 1px solid #fff;
    border-radius: 1.25rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem 2.5rem;
    display: flex;
}
.signupemail-optin_headline-wrapper {
    grid-column-gap: 1rem;
    align-items: center;
    display: flex;
}
.signupemail_optin-icon {
    width: 5rem;
}
.signupemail-optin_headline-subheadline {
    grid-row-gap: 0.25rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}
.signupemail-optin_text-field {
    border: 1px solid #0003;
    border-radius: 99rem;
    width: 27.5rem;
    height: 3.375rem;
    margin-bottom: 0;
    padding: 1.125rem;
}
.signupemail-optin {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: center;
    display: flex;
}
.signupemail-optin.email-form.is-flex {
    flex-direction: row;
    position: relative;
}
.signupemail-optin_form-wrapper {
    grid-row-gap: 0.5rem;
    flex-direction: column;
    align-items: center;
    display: flex;
}
.signupemail_form-text-field {
    border: 1px solid #0003;
    border-radius: 99rem;
    width: 27.5rem;
    height: 3.375rem;
    margin-bottom: 0;
    padding: 1.125rem;
}
.signupemail-header_disclaimer-headline {
    font-weight: 600;
}
.slide-nav_dot-active {
    background-color: #ff8616;
    border-radius: 99rem;
    width: 0.8rem;
    height: 0.8rem;
    position: relative;
}
.slide-nav_dot-inactive {
    background-color: #b5bdc5;
    border-radius: 99rem;
    width: 0.8rem;
    height: 0.8rem;
    position: relative;
}
.test-b {
    z-index: 2;
    position: relative;
}
.div-block-42 {
    flex: none;
    display: flex;
}
.section_home-features_b-test {
    margin-bottom: 30rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.home_features-container-large_test {
    width: 100%;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
}
.home_features-wrapper-test {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    position: relative;
}
.home_features-sticky_wrapper-test {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
}
.home_features-lottie-file_test {
    width: 100%;
    position: static;
}
.home_features-absolute-copywrapper-test {
    justify-content: space-between;
    position: static;
    inset: 0%;
}
.home_features-row_test {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 70vh;
    max-height: 700px;
    margin-bottom: 4rem;
    display: flex;
}
.home_features-row_test.is-left-align {
    justify-content: flex-start;
    align-items: center;
    height: 70vh;
    position: relative;
}
.home_features-row_test.is-right-align {
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.home_features-row-spacer_test {
    justify-content: space-between;
    align-items: stretch;
    height: 120vh;
    display: flex;
}
.home_features-row-spacer_test.between-phases {
    height: 80vh;
}
.home_features-row-spacer_test.first {
    height: 100vh;
}
.home_features-row-test {
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}
.home_features-row-image-wrapper {
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
    position: absolute;
    inset: 0%;
}
.home_features-row-image-wrapper.is-left-aligned {
    inset: 0% auto 0% 0%;
}
.home_features-row-image-wrapper.is-right-aligned {
    inset: 0% 0% 0% auto;
}
.home_features-copy-fixed-width {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 40%;
    display: flex;
    position: static;
    inset: 0% 0% 0% auto;
}
.home_features-copy-fixed-width.left {
    inset: 0% auto 0% 0%;
}
.home_features-copy-fixed-width.first {
    height: 120vh;
}
.home_features-copy-fixed-width.phase-1 {
    height: auto;
}
.home_features-copy-fixed-width.phase-2 {
    height: 300vh;
}
.home_features-copy-fixed-width.phase-3 {
    height: 600vh;
}
.home_features-copy-fixed-width.phase-4 {
    align-items: flex-start;
}
.home_features-copy-wrapper {
    width: 24rem;
    font-family:
        DM Sans,
        sans-serif;
}
.home_features-row_lottie {
    width: 100%;
}
.section_love-header {
    padding-top: 10rem;
    padding-bottom: 3.75rem;
}
.love-header_header-wrapper {
    text-align: center;
    max-width: 40.625rem;
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
}
.text-style_subheadline {
    opacity: 0.8;
    text-align: center;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 120%;
}
.text-style_subheadline.is-about {
    opacity: 1;
    text-align: left;
    font-weight: 400;
}
.text-style_subheadline.is-xs {
    font-family:
        DM Sans,
        sans-serif;
}
.love-header_producthunt-wrapper {
    max-width: 36.25rem;
    margin-bottom: 5.875rem;
    margin-left: auto;
    margin-right: auto;
}
.love-header_producthunt-logowrap {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    display: flex;
}
.love-header_producthunt-logo {
    grid-column-gap: 0.5rem;
    border: 1px solid #e17e61;
    border-radius: 0.5rem;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    display: flex;
}
.love-header_producthunt-bage {
    width: 1.125rem;
}
.love-header_producthunt-text-one {
    color: #e17e61;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    line-height: 1;
}
.love-header_producthunt-text-two {
    color: #e17e61;
    font-family: Inter, sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
}
.love-header_producthunt-rating {
    justify-content: space-between;
    align-items: center;
    max-width: 17.5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.love-header_producthunt-5stars {
    grid-column-gap: 0.625rem;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
}
.love-header_5stars {
    width: 4.5rem;
}
.love-header_producthunt-textrating {
    color: #df8070;
    background-color: #e89a582e;
    border-radius: 0.25rem;
    padding: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
}
.love-header_producthunt-text {
    color: var(--black);
    font-family:
        DM Sans,
        sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
}
.container-xlarge {
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
}
.container-xlarge.is-blog-post {
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}
.love-header_logofeature {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    opacity: 0.5;
    flex-wrap: wrap;
    place-content: center space-between;
    align-items: center;
    width: 100%;
    display: flex;
}
.love-feature_logo {
    width: 9.375rem;
}
.love-feature_logo._2 {
    width: 6.625rem;
}
.love-feature_logo._2._2b {
    width: 5rem;
}
.love-feature_logo._3 {
    width: 5.875rem;
}
.love-feature_logo._3._3b {
    width: 5rem;
}
.love-feature_logo._4 {
    width: 8.25rem;
}
.love-feature_logo._4._4b,
.love-feature_logo._5 {
    width: 7.5rem;
}
.love-feature_logo._5._5b {
    width: 6.5rem;
}
.love-feature_logo.is-smaller {
    width: 8rem;
}
.section_love-loveletters {
    padding-top: 6rem;
    padding-bottom: 3.75rem;
}
.love-loveletter_header-wrapper {
    text-align: center;
    max-width: 40.625rem;
    margin-bottom: 4rem;
    margin-left: auto;
    margin-right: auto;
}
.love-loveletter_list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
}
.love-loveletter_itemwrapper {
    background-color: #ffffff80;
    border-radius: 0.75rem;
    padding: 2.5rem;
    box-shadow: 0 8px 14px #2a349308;
}
.loveletter_from-wrapper {
    grid-column-gap: 0.375rem;
    align-items: center;
    margin-bottom: 1rem;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.loveletter_from-text {
    font-family: Outfit, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
}
.loveletter_from-text.text-weight-bold {
    font-weight: 600;
}
.loveletter_testimonial {
    opacity: 0.8;
    color: var(--light-black);
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1.6;
}
.loveletter_testimonial p {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 160%;
}
.loveletter_testimonial a {
    color: var(--blue);
    text-decoration: underline;
}
.section_love-socialmedia {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.reels-component {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.love-socialmedia_component {
    overflow: hidden;
}
.reels-slider-wrapper {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 5.5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.reels-slider {
    background-color: #0000;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.reels-slider-mask {
    width: 13.8rem;
    height: 25rem;
    overflow: visible;
}
.reels-slide {
    border-radius: 1.25rem;
    justify-content: center;
    align-items: center;
    width: 13.8rem;
    height: 25rem;
    margin-right: 0.6rem;
    position: relative;
    overflow: hidden;
}
.reels-slide.no-padding {
    margin-right: 0;
}
.social-slider-left-arrow {
    justify-content: flex-start;
    align-items: center;
    width: 2rem;
    display: flex;
    inset: -4.5rem 2.5rem auto auto;
}
.reels-arrow {
    width: 2rem;
}
.social-slider-right-arrow {
    justify-content: flex-end;
    align-items: center;
    width: 2rem;
    display: flex;
    inset: -4.5rem 0% auto auto;
}
.socials-slide-nav {
    display: none;
    inset: auto 0% 0%;
}
.reels-cms-wrapper {
    margin-left: auto;
    margin-right: auto;
}
.reel-cms-list {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.reels-video {
    z-index: 1;
    border-radius: 1.25rem;
    padding-bottom: 0;
    position: absolute;
    inset: 0%;
    overflow: hidden;
}
.reel-thumbnail {
    border-radius: 99rem;
    width: 2rem;
    height: 2rem;
}
.reel-name {
    color: #fff;
    font-size: 0.75rem;
}
.socials-header-wrapper {
    border-bottom: 1px solid #2c30344d;
    height: 3rem;
    margin-bottom: 2rem;
    padding-top: 0.5rem;
    line-height: 1;
}
.socials-title {
    color: var(--blue);
    font-size: 1.5rem;
    line-height: 100%;
}
.twitter-slider-wrapper {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 5.5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.twitter-slider {
    background-color: #0000;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3rem;
}
.twitter-slider-mask {
    width: 20.85rem;
    height: auto;
    overflow: visible;
}
.twitter-slide {
    border-radius: 1.25rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}
.twitter-slide.no-padding {
    margin-right: 0;
}
.twitterfeed_tweet {
    font-size: 0.75rem;
    line-height: 130%;
}
.twitterfeed_tweet p {
    font-size: 0.75rem;
}
.twitterfeed_tweet a {
    color: var(--blue);
    text-decoration: underline;
}
.twitterfeed_date-time {
    color: #576370;
    font-size: 0.75rem;
}
.twitterfeed_wrapper {
    grid-row-gap: 1rem;
    background-color: #fff;
    border: 1px #000;
    border-radius: 0.625rem;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 1.5rem;
    font-family: Inter, sans-serif;
    display: flex;
    box-shadow: 0 0 5px #2a34930d;
}
.twitter-cms-list {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
}
.youtube-slider-wrapper {
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.youtube-slider {
    background-color: #0000;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.youtube-slider-mask {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.youtube-slide {
    justify-content: center;
    align-items: center;
    width: 49%;
    height: auto;
    margin-right: 1.25rem;
    overflow: hidden;
}
.youtube-slide.no-padding {
    margin-right: 0;
}
.youtube-embed {
    height: 0;
    padding-top: 56.25%;
}
.youtube-video-title {
    color: var(--light-black);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.1;
}
.youtube-videowrapper {
    border-radius: 1rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
}
.youtube-channel-details {
    grid-column-gap: 0.75rem;
    align-items: center;
    margin-bottom: 1rem;
    display: flex;
}
.youtube-thumbnail {
    width: 2rem;
}
.youtube-channel-name {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
}
.youtube-channel-subs {
    color: var(--light-black);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
}
.youtube-description {
    color: var(--light-black);
    font-family:
        DM Sans,
        sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.3;
}
.splide__track {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.splide__list {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}
.splide__slide {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 16.6667%;
}
.splide__slide.no-padding {
    margin-right: 0;
}
.splide__slide.twitter {
    width: 25%;
}
.splide__arrows {
    border-bottom: 1px solid #2c30344d;
    justify-content: space-between;
    height: 3rem;
    margin-bottom: 2rem;
    padding-top: 0.5rem;
    display: flex;
}
.splide__arrow {
    cursor: pointer;
    background-color: #0000;
    background-image: url(https://pub-f7ae218077e542729e28e6f8f45a9a40.r2.dev/images/63ba27b6c3d8487d761f9a6d_arrow-right-circle.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 2rem;
    height: 2rem;
    margin-left: 0.75rem;
}
.splide__arrow.splide__arrow--prev {
    background-image: url(https://pub-f7ae218077e542729e28e6f8f45a9a40.r2.dev/images/63ba27b5d2f5f57282b80de1_arrow-left-circle.svg);
}
.socials-header-wrapper-copy {
    border-bottom: 1px solid #2c30344d;
    justify-content: space-between;
    align-items: center;
    height: 3rem;
    margin-bottom: 2rem;
    padding-top: 0.5rem;
    display: flex;
}
.slider-item-wrapper {
    border-radius: 1.25rem;
    padding-top: 176%;
    position: relative;
}
.arrow-icon {
    cursor: pointer;
    width: 2rem;
}
.splide {
    width: 100%;
    position: relative;
}
.slider-button-wrapper {
    align-items: center;
    display: flex;
}
.section_competitor-pricechart {
    padding-top: 10rem;
    padding-bottom: 4rem;
}
.pricechart-header_header-wrapper {
    text-align: center;
    max-width: 40.625rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
}
.pricechart-header_subheadwrapper {
    max-width: 38rem;
    margin-left: auto;
    margin-right: auto;
}
.pricechart-table_component {
    background-color: #f7f7ff;
    border: 1px #fff;
    border-radius: 1.25rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.5rem;
    position: relative;
    box-shadow: 0 3px 10px #2c30340d;
}
.pricechart-table_component.new {
    background-color: #fff;
    border-style: solid;
    border-color: #ebeff7;
    border-radius: 14px 14px 0 0;
    padding-bottom: 0;
    overflow: hidden;
}
.pricechart_main-wrapper {
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 1.5rem;
    display: flex;
    position: relative;
    overflow: scroll;
}
.pricechart_main-wrapper.new {
    padding-bottom: 0;
}
.pricechart_title-row {
    flex-direction: row;
    flex: none;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.pricechart-cell_rowheader {
    border-bottom: 1px solid #e3e8f3;
    border-right: 1px solid #e3e8f3;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 10.5rem;
    height: 4.6875rem;
    padding: 1.75rem 1.5rem;
    display: flex;
}
.pricechart-cell_rowheader.no-right-border {
    border-right-style: none;
    border-right-width: 0;
}
.pricechart-cell_rowheader.no-right-border.new {
    border-bottom-style: none;
    border-bottom-width: 0;
    width: 7.6rem;
    height: 3.2rem;
    padding: 1rem;
}
.pricechart-cell_rowheader.new {
    border-bottom-style: none;
    border-right-style: none;
    width: 7.6rem;
    height: 3.2rem;
    padding: 1rem;
}
.pricechart_rowheader-text {
    color: var(--blue);
    font-weight: 600;
}
.pricechart_cell {
    border-top: 1px #e3e8f3;
    border-bottom: 1px solid #e3e8f3;
    border-right: 1px solid #e3e8f3;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    width: 10.5rem;
    min-height: 3.125rem;
    padding: 1rem 1rem 1rem 1.5rem;
    display: flex;
}
.pricechart_cell.is-bottom-row {
    border-bottom-style: none;
}
.pricechart_cell.no-right-border {
    border-right-style: none;
    border-right-width: 0;
}
.pricechart_cell.no-right-border.new {
    border-top-width: 0;
    border-bottom-style: none;
    width: 7.6rem;
    min-height: 3.3rem;
}
.pricechart_cell.new-badge-container {
    min-height: 3rem;
}
.pricechart_cell.new {
    border-top-style: none;
    border-top-width: 0;
    border-bottom-style: none;
    border-right-style: none;
    width: 7.6rem;
    min-height: 3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
}
.pricechart_description {
    color: var(--light-black);
    font-size: 0.875rem;
    font-weight: 500;
}
.pricechart_row {
    flex-direction: row;
    flex: none;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.pricechart_description-cell {
    border-top: 1px #e3e8f3;
    border-bottom: 1px solid #e3e8f3;
    border-right: 1px solid #e3e8f3;
    flex: none;
    width: 14.5rem;
    min-height: 3.125rem;
    padding: 1rem 1rem 1rem 1.5rem;
    display: flex;
}
.pricechart_description-cell.is-bottom-row {
    border-bottom-style: none;
}
.pricechart_description-cell.new {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
    width: 14.6rem;
    min-height: 3.3rem;
    padding-left: 1rem;
    padding-right: 0.8rem;
}
.pricechart-cell_feature-rowheader {
    border-bottom: 1px solid #e3e8f3;
    border-right: 1px solid #e3e8f3;
    flex: none;
    width: 14.5rem;
    height: 4.6875rem;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 1.5rem;
}
.pricechart-cell_feature-rowheader.new {
    border-bottom-style: none;
    border-right-style: none;
    width: 14.6rem;
    height: 3.2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
}
.pricechart_logo-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
}
.pricechart_logo {
    width: 3rem;
}
.pricechart_logo-text {
    font-weight: 600;
}
.pricechart_check,
.pricechart_cross {
    height: 1.125rem;
}
.pricechart_fixed-column {
    z-index: 2;
    background-color: #f7f7ff;
    flex-direction: row;
    align-items: flex-start;
    width: 25.12rem;
    height: auto;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
}
.pricechart_fixed-column.new {
    width: 22.2rem;
    inset: 0% auto auto 0%;
}
.pricechart-shadow {
    opacity: 0.5;
    background-image: linear-gradient(90deg, #0003, #80808000);
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: flex-start;
    width: 2rem;
}
.pricechart-shadow.new {
    background-image: linear-gradient(90deg, #bd7a5e33, #fff);
    width: 1rem;
}
.fixed-column-wrapper {
    z-index: 2;
    background-color: #f7f7ff;
    flex-direction: column;
    width: 25.12rem;
    display: flex;
}
.fixed-column-wrapper.new {
    background-color: #fff;
    align-self: stretch;
    width: 22.2rem;
}
.section_compare-tabs {
    padding-top: 4rem;
    padding-bottom: 3rem;
}
.section_competitor-optin {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.compare_tabs-menu {
    grid-column-gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 2rem;
    display: flex;
}
.compare_tab-link {
    opacity: 0.7;
    background-color: #ddd0;
    border-radius: 0.75rem;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    padding: 0;
    display: flex;
}
.compare_tab-link.w--current {
    opacity: 1;
    background-color: #fff;
}
.compare_tab-tablogo {
    width: 2.5rem;
}
.compare_tab-content {
    background-color: var(--card-bg-white-50-new);
    border: 1px solid #fff;
    border-radius: 1.25rem;
    justify-content: space-between;
    align-items: center;
    padding: 3rem 6rem;
}
.tab-content_direct-competitor {
    justify-content: space-between;
    width: 100%;
    padding-left: 4rem;
    padding-right: 4rem;
    display: flex;
}
.tab-content_column {
    flex-direction: column;
    align-items: flex-start;
    max-width: 24rem;
    display: flex;
}
.tab-content_column.is-ndc-left {
    max-width: 26rem;
}
.tab-content_column.is-ndc-right {
    max-width: 25rem;
}
.tab-content_logo-wrap {
    grid-column-gap: 0.5rem;
    border: 1px solid #bbc5db;
    border-radius: 999rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-bottom: 0.625rem;
    padding: 0.375rem 0.625rem;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.tab-content_logo {
    height: 1.25rem;
}
.tab-content_app-name {
    color: var(--light-black);
    font-size: 0.875rem;
    font-weight: 500;
}
.tab-content_header {
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.3;
}
.tab-content_divider {
    background-color: #ccd4e8;
    width: 100%;
    height: 1px;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.tab-content_divider.is-large {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.tab-content_divider.is-medium {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.tab-content_richtext {
    font-family:
        DM Sans,
        sans-serif;
}
.tab-content_richtext h2 {
    margin-bottom: 0.5rem;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1rem;
    line-height: 1.2;
}
.tab-content_richtext h4 {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.2;
}
.tab-content_richtext p {
    opacity: 0.7;
    margin-bottom: 1.5rem;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 130%;
}
.tab-content_richtext h1 {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.2;
}
.tab-content_richtext h3 {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 120%;
}
.tab-content_wrapper {
    flex-direction: column;
    width: 100%;
    display: flex;
}
.tab-content_testimonial {
    grid-column-gap: 5rem;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.tab-content_testimonial-header-wrapper {
    max-width: 21.875rem;
}
.tab-content_user-testimonial {
    color: #202228b3;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 0.875rem;
    line-height: 1.3;
}
.bold-text {
    color: #202228;
}
.tab-content_nondirect-competitor {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}
.tab-content_ndc-header-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}
.tab-content_ndc-content-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}
.tab-content_ndc-logo-wrapper {
    grid-column-gap: 0.5rem;
    display: flex;
}
.tab-content_link {
    color: var(--ss-orange);
    font-family:
        DM Sans,
        sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: underline;
}
.tab-content_app-name-2 {
    color: #2c3034;
    font-size: 0.875rem;
    font-weight: 500;
}
.compare_tab-content-2 {
    background-image: linear-gradient(45deg, #fbf5ff, #f9f5fe 50%, #fef7ee);
    border: 1px solid #fff;
    border-radius: 1.25rem;
    justify-content: space-between;
    align-items: center;
    padding: 3rem 6rem;
    display: flex;
}
.tab-content_link-2 {
    color: #ff891c;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: underline;
}
.tab-content_ndc-content-wrapper-2 {
    justify-content: space-between;
    display: flex;
}
.integration-link-block {
    grid-column-gap: 10px;
    background-color: #ffffff4d;
    border: 1px solid #fff;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 64px;
    margin-bottom: 64px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.integration_text-link {
    color: var(--light-black);
    text-decoration: underline;
    transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.integration_text-link:hover {
    color: var(--ss-orange);
    text-decoration: underline;
}
.section_author {
    margin-bottom: 6.25em;
}
.blog_author_component {
    border: 1px solid #2c303440;
    border-radius: 1.25rem;
    justify-content: space-between;
    width: 100%;
    max-width: 71.625rem;
    margin-left: auto;
    margin-right: auto;
    padding: 2.5rem;
    display: flex;
}
.blog_author_left {
    grid-column-gap: 1.5rem;
    max-width: 36rem;
    display: flex;
}
.blog_author_right {
    grid-row-gap: 1.25rem;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-end;
    display: flex;
}
.author_thumbnail {
    object-fit: cover;
    border-radius: 99rem;
    width: 7.5rem;
    height: 7.5rem;
}
.blog_author_bio-wrapper {
    grid-row-gap: 0.5rem;
    flex-direction: column;
    display: flex;
}
.author_name {
    color: var(--light-black);
    font-size: 2rem;
    font-weight: 600;
}
.blog_author_bio-text {
    color: var(--light-black);
    font-size: 0.875rem;
    font-weight: 500;
}
.blog_author_socials {
    grid-column-gap: 0.75rem;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}
.author_social-link {
    border: 1px solid #20222833;
    border-radius: 0.625rem;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    display: flex;
}
.author_social-icon {
    max-height: 1rem;
}
.author_button {
    border: 1px solid var(--ss-orange);
    color: var(--ss-orange);
    border-radius: 99rem;
    padding: 0.3rem 0.8rem;
    font-size: 0.875rem;
    transition:
        color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
        background-color 0.3s cubic-bezier(0.678, -0.011, 0.357, 0.995);
}
.author_button:hover {
    background-color: var(--ss-orange);
    color: #fff;
}
.section_author-main {
    margin-top: 10rem;
    margin-bottom: 10rem;
}
.author-info {
    grid-column-gap: 2.5rem;
    align-items: flex-start;
    display: flex;
}
.blog_author_thumbnail {
    object-fit: cover;
    border-radius: 99rem;
    width: 3rem;
    height: 3rem;
}
.blog_author_name {
    color: var(--light-black);
    font-size: 1.25rem;
    font-weight: 600;
}
.blog_author_bio {
    color: var(--light-black);
    font-size: 1rem;
    font-weight: 500;
}
.blog_author_social-link {
    border: 1px solid #20222833;
    border-radius: 0.625rem;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    display: flex;
}
.blog_author_social-icon {
    max-height: 1rem;
}
.author_info-wrapper {
    width: 100%;
}
.author_social-wrapper {
    grid-column-gap: 0.75rem;
    display: flex;
}
.author_divider {
    background-color: var(--light-black);
    opacity: 0.3;
    height: 2px;
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.section_about-header {
    padding-top: 10rem;
    padding-bottom: 6rem;
}
.text-style-h2 {
    font-size: 2.875rem;
}
.about_header-wrapper {
    align-items: flex-start;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}
.love_subhead-wrapper {
    max-width: 26.625rem;
    margin-left: auto;
    margin-right: auto;
}
.love-header_intro-wrapper {
    text-align: left;
    max-width: 37.5rem;
    margin-left: auto;
    margin-right: auto;
}
.section_about-slider {
    padding-top: 4rem;
    padding-bottom: 6rem;
}
.about_slider {
    background-color: #ffffff80;
    border-radius: 0.75rem;
    height: auto;
    box-shadow: 0 0 16px #2a349308;
}
.about_slider-mask,
.about_slide {
    height: auto;
}
.about_left-arrow,
.about_right-arrow {
    justify-content: center;
    align-items: center;
    width: 12rem;
    display: flex;
}
.about_slider-content {
    grid-row-gap: 5rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 57rem;
    height: 30rem;
    margin-left: auto;
    margin-right: auto;
    padding: 5rem 4rem 6rem;
    display: flex;
}
.about_slider-story {
    grid-column-gap: 2.5rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}
.about_slider-image {
    border-radius: 0.625rem;
    width: 25rem;
}
.about_story-textwrapper {
    grid-column-gap: 2.5rem;
    align-items: flex-start;
    display: flex;
}
.about_slider-timelinerow {
    grid-column-gap: 2.5rem;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 57rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4rem;
    padding-right: 4rem;
    display: flex;
    position: absolute;
    inset: auto 0% 3rem;
}
.about_slider-timeline {
    background-color: #bbbfc3;
    width: 85.1%;
    height: 1px;
    margin-top: 0.2rem;
    position: absolute;
}
.about_timeline-dot {
    background-color: var(--light-black);
    border-radius: 999rem;
    width: 0.5rem;
    height: 0.5rem;
    position: relative;
}
.about_timeline-dot.is-active {
    background-image: linear-gradient(175deg, #f59549, #f06351);
    width: 0.75rem;
    height: 0.75rem;
    margin-top: -0.125rem;
}
.about_timeline-item {
    grid-row-gap: 1.25rem;
    flex-direction: column;
    align-items: center;
    display: flex;
}
.about_timeline-item.is-first {
    align-items: flex-start;
}
.about_timeline-item.is-last {
    align-items: flex-end;
}
.about_timeline-year {
    color: var(--light-black);
    text-align: center;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
}
.text-style-h4 {
    font-size: 2rem;
}
.section_about-philosophy {
    padding-top: 6rem;
    padding-bottom: 4rem;
}
.about-philosophy_component {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.about_left-content {
    max-width: 27.875rem;
    position: sticky;
    top: 6.25rem;
}
.about_left-content.is-header {
    max-width: 32rem;
}
.about_right-content {
    text-align: left;
    width: 35.1875rem;
    max-width: 35.1875rem;
    margin-left: 0;
    margin-right: 0;
}
.about-philosphy-item {
    grid-row-gap: 1rem;
    text-align: left;
    border-top: 1px solid #c9cad6;
    border-bottom: 1px #c9cad6;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 0.25rem;
    display: flex;
}
.about-philosphy-item.is-first {
    border-top-style: none;
    border-top-width: 0;
}
.about-philosophy_title {
    width: 100%;
    color: var(--black);
    cursor: pointer;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;
}
.about-philosophy_textwrapper {
    clear: none;
    text-align: left;
    align-self: flex-start;
    display: block;
    overflow: hidden;
}
.about-philosophy_text {
    clear: none;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 1rem;
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 400;
}
.slide-body-wrapper {
    width: 50%;
}
.slide-header-wrapper {
    width: 41%;
}
.about_header-wrap {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.page-divider {
    background-color: var(--light-black);
    width: 100%;
    max-width: 75rem;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
}
.page-divider.text-style-muted-30 {
    opacity: 0.3;
    justify-content: center;
    display: flex;
}
.affiliate-header-with-photo {
    grid-column-gap: 2rem;
    flex-direction: row;
    width: 100%;
    max-width: 59.625rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.affiliate-header-with-photo.max-width-full-tablet {
    max-width: 43rem;
}
.affiliate-header-right {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}
.image {
    object-fit: cover;
    border-radius: 0.75rem;
    width: 20.5625rem;
    height: 24.6875rem;
}
.home_header-subhead-affiiliate {
    opacity: 0.8;
    text-align: left;
    font-family: Avenir, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 150%;
}
.home_header-subhead-affiiliate.with-affiliate-photo {
    text-align: left;
}
.about---header-wrapper {
    border: 1px solid var(--border-2-new);
    background-color: var(--bg-light-grey-new);
    border-radius: 1.25rem;
    justify-content: space-between;
    align-items: flex-start;
    padding: 6rem 3rem;
    display: flex;
}
.container-xxxsmall {
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
}
.container-xxxsmall.is-even-smaller {
    max-width: 18rem;
}
.r0w {
    flex-wrap: wrap;
    width: 100%;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    display: flex;
}
.r0w.justify-centre {
    justify-content: center;
}
.r0w.justify-sb {
    justify-content: space-between;
}
.c0l {
    flex: 1;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.c0l.col-lg-6 {
    flex: 0 50%;
    max-width: 50%;
}
.c0l.col-lg-6.no-gutter {
    padding-left: 0;
    padding-right: 0;
}
.c0l.col-lg-4 {
    flex: 0 33.33%;
    max-width: 33.33%;
}
.c0l.col-lg-7 {
    flex: 0 58.33%;
    max-width: 58.33%;
}
.price-card {
    grid-row-gap: 1.5rem;
    background-color: #fff;
    border-radius: 0.75rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 2rem;
    display: flex;
    box-shadow: 0 16px 1.875rem #1d1f271a;
}
.price-card.muted {
    background-color: #ffffff80;
    justify-content: flex-start;
    transition: background-color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.price-card.muted:hover {
    background-color: #fff;
}
.heading-small-medium {
    font-family:
        DM Sans,
        sans-serif;
    font-size: 2rem;
}
.pricetable_price-text-2 {
    margin-left: -1rem;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 5rem;
    font-weight: 500;
    line-height: 0.8;
    display: flex;
}
.pricetable_dollar-symbol-2 {
    padding-top: 0.5rem;
    font-size: 2rem;
}
.pricetable_price-description-2 {
    opacity: 0.6;
    text-align: center;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}
.price-wrapper {
    grid-column-gap: 0.75rem;
    align-items: center;
    display: flex;
}
.link {
    color: var(--ss-orange);
}
.h2-mobile {
    text-align: center;
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 500;
}
.styles__section-label {
    letter-spacing: 0;
    text-transform: none;
    border-bottom: 2px dotted #302f2c;
    margin-top: 6rem;
    margin-bottom: 2rem;
    padding-bottom: 8px;
}
.styles__visual-div {
    text-align: center;
    background-color: #0073e61a;
    border: 1px solid #0073e6;
    border-radius: 3px;
    margin-bottom: 12px;
    padding: 16px;
    position: relative;
}
.styles__selector-callout {
    color: #fff;
    background-color: #0073e6;
    border-radius: 3px;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    margin-right: 0.2em;
    padding: 0.08em 0.6em;
    font-family: Inconsolata, monospace;
    font-size: 0.8rem;
    line-height: 1.7;
    display: inline-block;
    position: relative;
    top: -1px;
}
.u-mt-3 {
    margin-top: 3em;
}
.styles__row-example {
    border: 1px dashed #302f2c;
    height: 200px;
    margin-top: 4px;
    padding: 20px;
}
.col {
    flex: 1;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.col.col-lg-11 {
    flex-basis: 91.67%;
    max-width: 91.6667%;
}
.col.col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
}
.col.col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
}
.col.col-lg-4 {
    flex-basis: 33.33%;
    max-width: 33.3333%;
}
.col.col-no-gutters {
    padding-left: 0;
    padding-right: 0;
}
.col.col-shrink {
    flex: 0 auto;
}
.col.col-lg-2 {
    flex-basis: 16.67%;
    max-width: 16.6667%;
}
.col.col-lg-10 {
    flex-basis: 83.33%;
    max-width: 83.3333%;
}
.col.col-lg-5 {
    flex-basis: 41.67%;
    max-width: 41.6667%;
}
.col.col-lg-last {
    order: 1;
}
.col.col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
}
.col.col-lg-7 {
    flex-basis: 58.33%;
    max-width: 58.3333%;
}
.col.col-lg-1 {
    flex-basis: 8.33%;
    max-width: 8.33333%;
}
.col.col-lg-first {
    order: -1;
}
.col.col-lg-8 {
    flex-basis: 66.67%;
    max-width: 66.6667%;
}
.col.col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
}
.container-2 {
    width: 90%;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.row {
    flex-wrap: wrap;
    align-content: stretch;
    width: 100%;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    display: flex;
}
.row.row-justify-between {
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
}
.row.row-justify-around {
    justify-content: space-around;
}
.row.row-justify-end {
    justify-content: flex-end;
}
.row.row-no-gutters {
    margin-left: 0;
    margin-right: 0;
}
.row.row-align-center {
    align-items: center;
}
.row.row-justify-center {
    justify-content: center;
}
.row.row-align-end {
    align-items: flex-end;
}
.section-2 {
    padding-top: 8rem;
    padding-bottom: 8rem;
    position: relative;
}
.text-inline-block {
    display: inline-block;
}
.caption {
    color: var(--light-black);
    font-size: 0.875rem;
    font-weight: 600;
}
.caption.text-style-muted-60 {
    letter-spacing: 4px;
}
.section_alternativeto-header {
    padding-top: 10rem;
}
.alternativeto-image_list {
    display: flex;
}
.alternativeto-image_screenshot {
    border-radius: 0.75rem;
}
.alternativeto-screenshot-wrapper {
    background-color: #fff;
    border-radius: 0.75rem;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    display: flex;
    overflow: hidden;
}
.expand {
    flex: 1;
}
.blog-post_sidebar-optin {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #fff6;
    border-radius: 0.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 17.75rem;
    margin-left: 2.5rem;
    padding: 1.25rem 2rem 2rem;
    display: flex;
    position: sticky;
    top: 16rem;
    box-shadow: 0 4px 14px #0000001a;
}
.blog-post_sidebar-optin-logo {
    height: 2rem;
}
.blog-post_sidebar-header {
    text-align: center;
    font-size: 1.25rem;
    line-height: 120%;
}
.blog-post_sidebar-text {
    color: var(--black);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    line-height: 1.3;
}
.blog-post_sidebar-text.text-weight-bold {
    font-weight: 600;
}
.blog-post_optin-post-wrapper {
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.blog-post_optin-post {
    background-color: #2c30340d;
    border: 1px solid #2022280d;
    border-radius: 0.5rem;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1.25rem;
    display: flex;
}
.home_header-callout {
    opacity: 0.8;
    text-align: center;
    background-color: #fff0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 150%;
}
.home_header-callout.with-affiliate-photo {
    text-align: left;
}
.component---hero-section {
    margin-top: 5rem;
    margin-bottom: 2.5rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}
.hero-wrapper {
    border: 1px solid var(--border-new);
    background-image: linear-gradient(to bottom, var(--card-bg-white-50-new), var(--card-bg-white-50-new));
    border-radius: 1.25rem;
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5rem;
    font-family:
        DM Sans,
        sans-serif;
}
.hero---header-wrapper {
    text-align: center;
    max-width: 40.625rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
}
.hero-subheader---wrapper {
    max-width: 38rem;
    margin-left: auto;
    margin-right: auto;
}
.hero---button-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.hero---image-wrapper {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
}
.hero-tag {
    border: 1px solid var(--ss-orange);
    text-align: left;
    border-radius: 999px;
    margin-bottom: 22px;
    padding: 0.375rem 1rem;
    font-size: 1.125rem;
    line-height: 1;
    display: inline-block;
}
.component---testimonial-section {
    padding: 3.6rem 1.875rem;
}
.testimonial-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: 42.5rem;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.icon---testimonial-quote {
    width: 2.5rem;
}
.text-size-xlarge {
    font-size: 2rem;
}
.component---2col-text-image {
    padding: 7rem 4rem;
}
._2col---wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    text-align: left;
    justify-content: center;
    align-items: stretch;
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
._2col---image-wrapper {
    aspect-ratio: 797/518;
    background-color: var(--bg-light-grey-new);
    border-radius: 0.625rem;
    justify-content: center;
    align-items: center;
    width: 58.33%;
    display: flex;
    position: relative;
    overflow: hidden;
}
._2col---text-column {
    align-items: center;
    width: 41.67%;
    display: flex;
}
._2col---image {
    border: 1px solid var(--border-2-new);
    background-color: var(--card-bg-white-50-new);
    object-fit: contain;
    width: 100%;
    height: 100%;
}
._2col---image.is-75width {
    width: 75%;
}
._2col---image.is-50width {
    width: 50%;
}
._2col---image.is-80width {
    width: 80%;
}
._2col---image.cover {
    object-fit: cover;
}
.component---2col-image-text {
    padding: 7rem 0;
}
.numbered-list_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: center;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.list-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.number-wrapper {
    background-color: var(--ss-orange);
    border-radius: 62.4375rem;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    display: flex;
}
.number {
    color: #fff;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
}
.list-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
._2col---text-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.component---3col-section {
    padding: 7rem 1.875rem;
}
._3col---wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-direction: column;
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.h1 {
    font-family:
        DM Sans,
        sans-serif;
}
.component---button {
    background-color: var(--ss-orange);
    color: #fff;
    text-align: center;
    border-radius: 5rem;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 1.375rem;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.2;
    transition:
        box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
        background-color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.component---button:hover {
    background-color: #ff9839;
    box-shadow: 0 12px 1.5rem #f0635147;
}
.component---button:active {
    box-shadow: none;
}
.component---button.is-small {
    font-size: 1.125rem;
}
.component---button.max-width-full.secondary-grey-text {
    color: #2c303499;
    background-color: #0000;
    border: 1px #2c303480;
}
.component---button.max-width-full.secondary-grey-text:hover {
    border-color: var(--ss-orange);
    background-color: var(--ss-orange);
    color: #fff;
}
.component---button.max-width-full.secondary-grey-text.tablet {
    transition: background-color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.component---button.max-width-full.secondary-grey-text.tablet:hover {
    box-shadow: none;
    color: #2c303499;
    background-color: #0000;
}
.component---button.is-blogpost {
    color: #fff;
    align-self: stretch;
    font-size: 1rem;
}
._3col-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    order: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-self: center;
    display: grid;
}
.column-item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    border: 1px solid var(--border-new);
    background-color: #ffffff80;
    border-radius: 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem;
    transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    box-shadow: 0 0.5rem 1.125rem #2a34930d;
}
.column-item:hover {
    transform: translateY(-10px);
}
._3col---image-wrapper {
    background-color: #2a34930d;
    border-radius: 0.625rem;
    width: 100%;
    height: 18.75rem;
    overflow: hidden;
}
._3col---content-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}
.component---button-small {
    border: 1px solid var(--ss-orange);
    color: var(--ss-orange);
    border-radius: 99rem;
    padding: 0.3rem 0.8rem;
    font-size: 0.875rem;
    transition:
        color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
        background-color 0.3s cubic-bezier(0.678, -0.011, 0.357, 0.995);
}
.component---button-small:hover {
    background-color: var(--ss-orange);
    color: #fff;
}
._3col---image {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
._3col---image.cover {
    object-fit: cover;
}
.component---footer {
    border: 1px none var(--border-new);
    padding-top: 7rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}
.footer---content-wrapper {
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
}
.footer---button {
    background-color: var(--ss-orange);
    text-align: center;
    border-radius: 5rem;
    flex: 0 auto;
    width: 100%;
    padding: 0.8rem 3.6rem;
    font-weight: 600;
    transition:
        transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1),
        box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
}
.footer---button:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 15px #ff891c4d;
}
.footer---button:active {
    box-shadow: none;
    transform: none;
}
.footer---button.signup-email-form_button {
    flex: 1;
    width: 100%;
    margin-top: 10px;
}
.footer---button.signup-email-form_button.is-signupemail,
.footer---button.signup-email-form_button.is-signupemail-page,
.footer---button.signup-email-form_button.is-signupemail-page_optin {
    width: 8rem;
    margin-top: 0;
    margin-left: -8.2rem;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
}
.footer---button.signup-button {
    color: #fff;
}
.footer-component {
    border: 1px solid var(--border-2-new);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #ffffff82;
    border-radius: 1.25rem;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3.75rem;
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    box-shadow: 0 8px 19px #2a349308;
}
.footer-component.is-internal-page {
    background-image: linear-gradient(
        315deg,
        #fffbee,
        #fff2ec 10%,
        snow 23%,
        #fbf8ff 40%,
        #faf5ff 61%,
        #fbecff 80%,
        #f6e2ff
    );
    border-radius: 1.5rem;
    padding-top: 2.8125rem;
}
.component---media-features {
    padding: 5rem 1.875rem;
}
.media-features---wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 57.125rem;
    margin-left: auto;
    margin-right: auto;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.media-logos---wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 2.5rem;
    opacity: 0.5;
    flex-wrap: wrap;
    place-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}
.media-logo {
    width: 9.375rem;
}
.media-logo.size-2 {
    width: 6.625rem;
}
.media-logo.size-2._2b {
    width: 5rem;
}
.media-logo.size-3 {
    width: 5.875rem;
}
.media-logo.size-3._3b {
    width: 5rem;
}
.media-logo.size-4 {
    width: 8.25rem;
}
.media-logo.size-4._4b,
.media-logo.size-5 {
    width: 7.5rem;
}
.media-logo.size-5._5b {
    width: 6.5rem;
}
.media-logo.is-smaller {
    width: 8rem;
}
.component---comparison-table {
    padding: 7rem 1.875rem;
}
.comparison-table---wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-direction: column;
    align-items: center;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.header-wrapper {
    text-align: center;
}
.header-wrapper.large {
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
}
.header-wrapper.medium {
    max-width: 40.625rem;
    margin-left: auto;
    margin-right: auto;
}
.component---feature-icons {
    padding: 7rem 1.875rem;
}
.feature-icons---wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-direction: column;
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.component---customer-love {
    padding: 7rem 1.875rem;
}
.customer-love---wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-direction: column;
    align-items: center;
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.customer-love---cms-list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.item {
    width: 100%;
}
.component---tabbed-content {
    padding: 7rem 0;
}
.tabbed-content---wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    align-items: stretch;
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}
.tabs {
    flex-direction: column;
    position: static;
}
.tabs-menu {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-direction: column;
    display: flex;
}
.tab-link {
    cursor: pointer;
    background-color: #ddd0;
    border: 1px solid #2c30341a;
    border-radius: 0.5rem;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    transition: background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    position: relative;
    overflow: hidden;
}
.tab-link:hover {
    background-color: #ffffff59;
}
.tab-link.w--current {
    background-color: #fff6;
    box-shadow: 0 0.125rem 1.125rem #2a34930d;
}
.tab-link.active {
    background-color: #fff6;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.tab-link._01 {
    background-color: #ffffffa6;
}
.tabs-content {
    z-index: 2;
    aspect-ratio: 797/607;
    border-radius: 0.625rem;
    width: 59%;
    position: absolute;
    inset: 0% auto auto 0%;
}
.tab-pane {
    background-color: #2a34930d;
    width: 100%;
    height: 100%;
}
.tab-pane.untab {
    border-radius: 0.75rem;
    flex-flow: column;
    display: block;
}
.tabbed-content---right-column {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-direction: column;
    align-items: stretch;
    width: 40%;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.tabbed-content---left-column {
    width: 60%;
}
.spacer {
    z-index: 1;
    aspect-ratio: 797/607;
    position: relative;
}
.tab-pane---image-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}
.tab-pane---image-wrapper.untab {
    flex: none;
    height: 38.75rem;
    display: block;
}
.tab---progress-bar {
    background-color: #2da8ff;
    background-image: linear-gradient(90deg, #41a7ff, #b491ff 47%, #ff891c);
    width: 0%;
    height: 0.25rem;
    position: absolute;
    inset: auto 0% 0%;
}
.tab---progress-bar._01 {
    width: 100%;
}
.tab---progress-bar._02 {
    width: 0%;
}
.tab-image {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.main-wrapper-component {
    z-index: 3;
    position: relative;
}
.page-structure {
    z-index: 2;
    position: relative;
}
.subheader-wrapper {
    padding-top: 1rem;
}
.component---case-study {
    padding: 7rem 4rem;
}
.case-study---wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    border-radius: 1.25rem;
    justify-content: space-between;
    align-items: stretch;
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: hidden;
}
.case-study---image-wrapper {
    aspect-ratio: 797/518;
    background-color: #2a34930d;
    justify-content: center;
    align-items: center;
    width: 50%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.case-study---text-column {
    background-color: #fff6;
    align-items: center;
    width: 50%;
    padding: 4rem 7rem;
    display: flex;
}
.case-study---text-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}
.case-study---image {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.case-study---image.is-75width {
    width: 75%;
}
.case-study---image.is-50width {
    width: 50%;
}
.case-study---image.is-80width {
    width: 80%;
}
.component---integrations {
    padding: 5rem 1.875rem;
}
.integrations---wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.integration-logos---wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-wrap: wrap;
    place-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}
.integration-logo-item {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    background-color: #ffffff80;
    border: 1px solid #ffffff80;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    display: flex;
}
.logo {
    aspect-ratio: 1;
    object-fit: contain;
    width: 2rem;
}
.component-icon-grid-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--card-bg-white-50-new);
    background-image: linear-gradient(#ffffff80, #ffffff80);
    border: 1px solid #ffffffdb;
    border-radius: 1.5rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 16.25rem;
    padding: 2.5rem;
    transition:
        background-color 0.25s,
        transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
}
.component-icon-grid-item:hover {
    background-image: linear-gradient(#fff0, #fff0), linear-gradient(50deg, #41a7ff17, #7a3dff1a 74%, #ff891c24);
    transform: translateY(-5px);
}
.component---customer-story-item {
    background-color: #ffffff80;
    border-radius: 0.75rem;
    padding: 2.5rem;
    transition:
        transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1),
        background-color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 8px 14px #2a349308;
}
.component---customer-story-item:hover {
    background-image: linear-gradient(53deg, #41a7ff1a, #7a3dff1a 75%, #ff891c24);
    transform: translateY(-5px);
}
.tab-mask {
    flex-flow: column;
    height: 38.75rem;
    display: flex;
    overflow: hidden;
}
.tab-pane-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: auto;
    display: block;
}
.tab-buttons {
    color: var(--ss-orange);
    text-align: center;
    background-color: #ff891c00;
    border: 1px solid #2c303440;
    border-radius: 5rem;
    justify-content: center;
    align-items: center;
    padding: 0.65rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    transition:
        color 0.25s,
        border-color 0.25s cubic-bezier(0.165, 0.84, 0.44, 1),
        background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tab-buttons:hover {
    border-color: var(--ss-orange);
    color: #fff;
    background-color: #ff9839;
}
.tab-buttons:active {
    box-shadow: none;
}
.component---buttons {
    padding: 5rem 1.875rem;
}
.buttons---wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    background-color: #fff6;
    border: 1px solid #ffffff40;
    border-radius: 0.75rem;
    flex-flow: row;
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    place-items: stretch stretch;
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
    padding: 4rem 2.5rem;
    display: grid;
}
.button---item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}
.button-label {
    color: var(--light-black);
    border-bottom: 1px solid #2c303426;
    align-self: stretch;
    padding: 0 0 0.25rem;
    font-weight: 600;
}
.video-section {
    margin-top: 5rem;
    padding: 7rem 4rem;
}
.video-section.top-0 {
    padding-top: 0;
}
.video-section.no-side-padding {
    padding-left: 0;
    padding-right: 0;
}
.video-section---wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 86.25rem;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}
.video-section---text-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
}
.reachout {
    color: var(--blue);
    text-decoration: underline;
}
.text-span-2 {
    text-decoration: line-through;
}
.paragraph-2,
.paragraph-3 {
    align-self: flex-start;
}
.code-embed {
    width: 100%;
    height: 100%;
}
._2col---productshot-wrapper-copy {
    aspect-ratio: auto;
    border-radius: 0.625rem;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 58.33%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.code-embed-2 {
    flex: 1;
    display: block;
}
.image-2 {
    padding-left: 60px;
    padding-right: 60px;
}
.image-3 {
    padding-bottom: 25px;
    padding-left: 170px;
    padding-right: 170px;
}
.code-embed-3 {
    box-sizing: border-box;
    clear: none;
    object-fit: scale-down;
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 14px;
    padding-right: 0;
    display: flex;
}
.heading-12 {
    margin-top: 1.1rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.2rem;
    font-weight: 400;
}
.header-style {
    z-index: 10;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    padding: 12px 6.6%;
    display: flex;
    position: relative;
}
.mainlogo {
    object-fit: scale-down;
    width: 153px;
    max-width: 100%;
}
.auth-links {
    grid-column-gap: 24px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.text {
    color: #202228;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
    position: relative;
}
.text:where(.w-variant-618ed895-9145-917f-f892-41242c671a10) {
    position: relative;
}
.start-for-free-button {
    grid-column-gap: 10px;
    border: 1px undefined undefined;
    background-color: #ff891c;
    border-radius: 30px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    text-decoration: none;
    display: flex;
}
.text-2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
}
.nav-links {
    grid-column-gap: 24px;
    object-fit: fill;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 16px 100px;
}
.navlink1 {
    grid-column-gap: 4px;
    background-color: #fff;
    border: 1px solid #721f181a;
    border-radius: 50px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 4px 12px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.navlinkitem {
    grid-column-gap: 4px;
    border: 1px #721f181a;
    border-radius: 50px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 4px 12px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.navlinkitem:where(.w-variant-618ed895-9145-917f-f892-41242c671a10) {
    background-color: #fff;
    border-style: solid;
}
.navlinkitem.ondesktop {
    display: none;
}
.caretdown {
    object-fit: cover;
    overflow: hidden;
}
.pagewrapper {
    z-index: 0;
    flex-flow: column;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.new_body {
    flex-flow: column;
    font-family:
        DM Sans,
        sans-serif;
    display: flex;
}
.hero {
    z-index: 1;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 40px 44px 40px 6.66%;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}
.hero-objects {
    grid-column-gap: 32px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    text-decoration: none;
    display: flex;
}
.herocopy {
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 36.85%;
    max-width: 520px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.content-container {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.content-container.align-center {
    align-self: auto;
}
.wirecuttertag {
    grid-column-gap: 14px;
    border: 1px undefined undefined;
    background-color: #f6f5f1;
    border-radius: 11px;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 16px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.release-info {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 112%;
    text-decoration: none;
    position: relative;
}
.tagline-image {
    position: relative;
}
.headline-container {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.headlinemain {
    width: 100%;
    color: var(--black);
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
    position: relative;
}
.subheadline {
    font-size: 0.8rem;
}
.subheadline.text-colour-white {
    width: 100%;
}
.subheadline.text-colour-white.align-center {
    text-align: center;
}
.call-to-action-container {
    grid-column-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.call-to-action-container.vertical {
    grid-row-gap: 10px;
    flex-flow: column;
}
.buttonprimary {
    grid-column-gap: 8px;
    border: 1px undefined undefined;
    background-color: #ff891c;
    border-radius: 30px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 10px 22px;
    text-decoration: none;
    transition: background-color 0.2s;
    display: flex;
}
.buttonprimary:where(.w-variant-e0c9578f-70ff-2966-5127-7b488f75b9e1) {
    border-width: 1px;
    border-color: var(--ss-dark-organge);
    background-color: #fff;
    transition: background-color 0.2s;
}
.buttonprimary:where(.w-variant-c8f4b661-c683-391e-a82a-d3b81a54ee0b) {
    border-style: solid;
    border-color: var(--ss-orange);
    background-color: #fff;
}
.buttonprimary:where(.w-variant-dc60d155-ca90-b35d-f4c6-a29e49a01c4e) {
    border-width: 1px;
    border-color: var(--ss-dark-organge);
    background-color: #fff;
    transition: background-color 0.2s;
}
.buttonprimary:where(.w-variant-dc60d155-ca90-b35d-f4c6-a29e49a01c4f) {
    border-style: solid;
    border-color: var(--ss-orange);
    background-color: #fff;
}
.buttonprimary:hover {
    background-color: #db7414;
}
.buttonprimary:hover:where(.w-variant-e0c9578f-70ff-2966-5127-7b488f75b9e1) {
    background-color: var(--orange-light);
}
.buttonprimary:hover:where(.w-variant-c8f4b661-c683-391e-a82a-d3b81a54ee0b) {
    background-color: var(--orange-light);
    color: #fff;
}
.buttonprimary:hover:where(.w-variant-dc60d155-ca90-b35d-f4c6-a29e49a01c4e) {
    background-color: var(--orange-light);
}
.buttonprimary:hover:where(.w-variant-dc60d155-ca90-b35d-f4c6-a29e49a01c4f) {
    background-color: var(--orange-light);
    color: #fff;
}
.buttonlabel {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
}
.buttonlabel:where(.w-variant-e0c9578f-70ff-2966-5127-7b488f75b9e1),
.buttonlabel:where(.w-variant-c8f4b661-c683-391e-a82a-d3b81a54ee0b),
.buttonlabel:where(.w-variant-dc60d155-ca90-b35d-f4c6-a29e49a01c4e),
.buttonlabel:where(.w-variant-dc60d155-ca90-b35d-f4c6-a29e49a01c4f) {
    color: var(--ss-orange);
    font-size: 18px;
}
.mutedtext {
    color: #00000080;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}
.main-container {
    aspect-ratio: auto;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 0%;
}
.logos {
    grid-row-gap: 48px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.trustedinfo {
    grid-column-gap: 12px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.avatarwrap {
    grid-column-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.avatarbg {
    object-fit: cover;
    border: 1px solid #fff9;
    border-radius: 40px;
    width: 28px;
    height: 28px;
}
.avatarbg.withleftmargin {
    margin-left: -12px;
}
.avatarbg.big {
    width: 48px;
    height: 48px;
}
.ellipse-3 {
    border-style: solid;
    border-width: undefinedpx;
    background-color: #d9d9d9;
    background-image: url(https://pub-f7ae218077e542729e28e6f8f45a9a40.r2.dev/images/68715490734948c56618f025_Ellipse-3.avif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #fff9;
    width: 28px;
    height: 28px;
    min-height: 28px;
}
.ellipse-4 {
    border-style: solid;
    border-width: undefinedpx;
    background-color: #d9d9d9;
    background-image: url(https://pub-f7ae218077e542729e28e6f8f45a9a40.r2.dev/images/68715490b53694313bb0e5ba_Ellipse-4.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #fff9;
    min-height: 28px;
}
.ellipse-5 {
    border-style: solid;
    border-width: undefinedpx;
    background-color: #d9d9d9;
    background-image: url(https://pub-f7ae218077e542729e28e6f8f45a9a40.r2.dev/images/68715490ba8c5ffe3c345b37_Ellipse-5.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #fff9;
    min-height: 28px;
}
.trust-text {
    color: #4c4f56;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.logoticker {
    grid-column-gap: 64px;
    opacity: 0.7;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.ticker-logoss {
    object-fit: fill;
    height: 2rem;
    position: relative;
    overflow: hidden;
}
.subheadline-0 {
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 140%;
}
.subheadline-1 {
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(104.12deg, #f59549, #f06351);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 140%;
    text-decoration: none;
}
.heroglow {
    z-index: 0;
    opacity: 0.3;
    filter: blur(100px);
    background-image: linear-gradient(16deg, #f06351, #ffb74d);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    width: 1162px;
    max-width: 1162px;
    height: 936px;
    margin-top: -189px;
    margin-right: -370px;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 0% 0% auto auto;
    overflow: visible;
}
.compare-table {
    grid-column-gap: 64px;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 160px 10% 160px 6.6%;
    text-decoration: none;
    display: flex;
    position: relative;
}
.goodbadcard {
    z-index: 1;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    text-decoration: none;
    display: flex;
    position: relative;
}
.badiconholder {
    grid-row-gap: 10px;
    background-color: #f6f5f1;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 124px;
    height: 124px;
    padding: 12px 21px 12px 20px;
    text-decoration: none;
    display: flex;
}
.testimonialavatar {
    object-fit: cover;
    border-radius: 40px;
    width: 40px;
    height: 40px;
}
.listholder {
    z-index: 1;
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
    position: relative;
}
.container-6 {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.headline3 {
    color: #202228;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 110%;
    text-decoration: none;
}
.listwrapper {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.iconlistcancel {
    grid-column-gap: 12px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}
.iconlistcancel.twoline {
    justify-content: flex-start;
    align-items: flex-start;
}
.icon-2 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    text-decoration: none;
    display: flex;
}
.hero-headline {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 148%;
    text-decoration: none;
}
.container-8 {
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
    position: relative;
}
.goodbgshape {
    z-index: 0;
    background-color: var(--bg-secondary-new);
    border-radius: 30px;
    position: absolute;
    inset: -40px;
    overflow: hidden;
}
.sunsamaiconholder {
    z-index: 1;
    grid-row-gap: 10px;
    background-color: #ffffffe6;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 124px;
    height: 124px;
    padding: 16px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.weather-icon {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 77.3442px;
    text-decoration: none;
    display: flex;
}
.lis {
    z-index: 1;
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
    position: relative;
}
.testimonialsmall {
    z-index: 1;
    grid-row-gap: 9px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
    position: relative;
}
.testimonial-2 {
    grid-column-gap: 10px;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.testimonialwrap {
    grid-column-gap: 40px;
    object-fit: contain;
    background-color: #fff;
    border: 1px solid #ebeff7;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 92%;
    margin-bottom: 10px;
    margin-left: 40px;
    margin-right: 0;
    padding: 20px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.profile {
    grid-column-gap: 15px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.info {
    grid-column-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.name {
    color: #000;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.designation {
    color: #0009;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    text-decoration: none;
}
.navigation {
    grid-column-gap: 5px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.navigation-button {
    grid-column-gap: 10px;
    border: 1px solid #e5e4e0;
    border-radius: 30px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    text-decoration: none;
    display: flex;
}
.frame-style {
    object-fit: cover;
    overflow: hidden;
}
.headline-3-with-grad {
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(104.24deg, #f59549, #f06351);
    -webkit-background-clip: text;
    background-clip: text;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 110%;
    text-decoration: none;
    overflow: hidden;
}
.testimonial-text-0 {
    color: #202228;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
}
.testimonial-text-1 {
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(100.07deg, #f59549 0%, #f06351 100%);
    -webkit-background-clip: text;
    background-clip: text;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
}
.cancel-icon {
    grid-row-gap: 10px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-image: radial-gradient(circle closest-corner at 65% 36%, #ffbaba, #e94c4c);
    border-radius: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-bottom: 0;
    padding: 10px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.cancel-icon-2 {
    grid-row-gap: 10px;
    border-radius: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 32px;
    padding: 10px;
    text-decoration: none;
    display: flex;
}
.checkicon {
    -webkit-backdrop-filter: blur(1.42923px);
    backdrop-filter: blur(1.42923px);
    background-image: radial-gradient(circle at 65% 36%, #7ae07e, #4caf50);
    border-radius: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-bottom: 0;
    padding: 10px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.vector {
    -webkit-backdrop-filter: blur(1.42923px);
    backdrop-filter: blur(1.42923px);
    object-fit: cover;
    box-shadow:
        -0.571691px 0.428768px 1.57215px #4caf50fa,
        -2.14384px 2.00092px 3.00138px #4caf50d9,
        -5.00229px 4.4306px 4.00183px #4caf5080,
        -8.71828px 7.86075px 4.71645px #4caf5026,
        -13.7206px 12.2913px 5.14522px #4caf5005;
}
.checkiconsvg {
    object-fit: fill;
    width: 32px;
    height: 32px;
    position: relative;
}
.image-5 {
    width: 14px;
    max-width: 16px;
    height: 14px;
}
.linklabel {
    color: #202228;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
    position: relative;
}
.linklabel:where(.w-variant-618ed895-9145-917f-f892-41242c671a10) {
    position: relative;
}
.linklabel.witcta {
    color: #000;
}
.divider {
    background-color: #0000001a;
    width: 1px;
    height: 1.8rem;
    position: relative;
}
.wirecutter-tag {
    grid-column-gap: 14px;
    background-color: #f6f5f1;
    border-width: 1px;
    border-radius: 11px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 16px;
    text-decoration: none;
    display: flex;
}
.herovisual {
    width: 60.8974%;
}
.div-block-44 {
    width: 100.008%;
    padding-top: 72.89%;
    position: relative;
}
.unsplash-image {
    object-fit: contain;
    object-position: 50% 50%;
    width: 100%;
    height: auto;
    display: block;
}
.ticker-logo {
    flex: none;
    width: auto;
    height: 1.7em;
    margin-left: 32px;
    margin-right: 32px;
}
.ticker {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
    overflow: visible;
}
.ticker-content {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.slider {
    width: 100%;
    height: auto;
}
.slide-item {
    height: auto;
    padding-bottom: 0;
}
.right-arrow {
    width: 36px;
    height: 36px;
    inset: auto 0% 0% auto;
}
.sliderarrow {
    border: 1px solid var(--border-dark);
    background-color: var(--bg-secondary-new);
    border-radius: 20px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    padding: 6px 12px;
    display: flex;
    inset: auto 0% 0% auto;
}
.sliderarrow.left {
    margin-right: 56px;
}
.sliderarrow.left.onreview {
    margin-right: 136px;
    bottom: -5%;
}
.sliderarrow.onreview {
    margin-right: 72px;
    bottom: -5%;
}
.mask {
    height: auto;
}
.slide-nav {
    background-color: var(--bg-secondary-new);
    position: absolute;
}
.icon-3 {
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    padding: 6px 12px;
    display: flex;
    position: static;
}
.code-embed-4 {
    width: 16px;
    height: 16px;
}
.image-6 {
    width: 32px;
    height: 32px;
}
.features {
    grid-row-gap: 96px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 120px;
    padding-left: 8.33333%;
    padding-right: 8.33%;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: visible;
}
.content-container-2 {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 869px;
    text-decoration: none;
    display: flex;
}
.badge {
    grid-column-gap: 8px;
    border: 1px solid #f59549;
    border-radius: 48px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.badge-label {
    background-image: linear-gradient(114.23deg, var(--ss-orange), var(--ss-dark-organge));
    text-align: center;
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.headline-4 {
    text-align: center;
}
.headline-2 {
    color: #202228;
    text-align: center;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
}
.headline-5 {
    text-align: center;
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(101.24deg, #f59549 0%, #f06351 100%);
    -webkit-background-clip: text;
    background-clip: text;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
}
.div-block-45 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 1440px;
    height: auto;
    display: flex;
    position: static;
}
.today-section {
    border-width: 0.556952px;
    margin-bottom: -12px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    display: none;
    position: relative;
    overflow: hidden;
}
.mainfeaturesec {
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 96px;
    text-decoration: none;
    display: flex;
}
.mainfeaturesec.end {
    padding-bottom: 0;
}
.badge-container {
    grid-column-gap: 8px;
    border: 1px solid var(--ss-dark-organge);
    background-color: #fff7f1;
    border-radius: 48px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    text-decoration: none;
    display: flex;
}
.badge-text {
    text-align: center;
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(100.89deg, #f59549 0%, #f06351 100%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.main-feature {
    grid-column-gap: 40px;
    border: 1px solid var(--border-new);
    background-color: #fff;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 28px 32px 32px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.hero-section {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 35%;
    text-decoration: none;
    display: flex;
}
.hero-description {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
}
.primaryfeatureholder {
    aspect-ratio: 548/460;
    background-color: #fafafa99;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    height: auto;
    display: flex;
    position: relative;
    overflow: hidden;
}
.primaryfeatureholder.large {
    justify-content: center;
    align-items: center;
    width: 60%;
}
.today {
    background-color: #fff;
    border: 0.5px solid #ebeff7;
    border-radius: 4px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1.24212px #3d47530d,
        0 2.48424px 4.96849px #3d475314;
}
.today-header {
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 19px;
    font-weight: 900;
    line-height: 24.97px;
    text-decoration: none;
}
.today-description {
    color: #818181;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 14.05px;
    text-decoration: none;
}
.task-background {
    background-color: #f3f3fb80;
    border: 0.722812px solid #d0cfe1;
    border-radius: 7.22812px;
    box-shadow: 0 2.16844px 5.7825px #0000001a;
}
.calendar-right-panel {
    border: 0.5px #ebeff7;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    overflow: hidden;
    transform: translate(0);
}
.task {
    background-color: #fff;
    border: 0.5px solid #ebeff7;
    border-radius: 4px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1.24212px #3d47530d,
        0 2.48424px 4.96849px #3d475314;
}
.other-feature {
    grid-column-gap: 40px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 274px;
    display: flex;
}
.subfeaturecard {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--bg-light-grey-new);
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 33.33%;
    height: auto;
    padding-top: 32px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.subfeaturecard.nopad {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}
.subfeaturecard.spacebtw {
    justify-content: space-between;
    align-items: center;
}
.subfeaturevisualholder {
    aspect-ratio: 330/178;
    object-fit: fill;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.subfeaturevisualholder.fullheight {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
}
.subfeaturevisualholder.fullheight.top {
    justify-content: center;
    align-items: flex-start;
}
.subfeaturevisualholder.onmobile {
    max-width: 340px;
}
.time-estimate-container {
    grid-column-gap: 5.5677px;
    background-color: #f0f0f0;
    border-radius: 2.22708px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 2.22708px;
    padding-right: 2.22708px;
    text-decoration: none;
    display: flex;
}
.time-estimate-text {
    opacity: 0.6;
    color: #202228;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 6px;
    font-weight: 900;
    line-height: 10.42px;
    text-decoration: none;
}
.subfeaturetitle {
    color: #202228;
    text-align: center;
    letter-spacing: -0.01em;
    width: 100%;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 124%;
    text-decoration: none;
}
.feature-2 {
    background-color: #fafafa;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 33.33%;
    height: 274px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.lower-left-icon-container {
    background-color: #fff;
    border: 1px solid #ebeff7;
    border-radius: 10px;
    padding: 8px;
    position: absolute;
    inset: 0% 0% auto auto;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.lower-left-icon {
    overflow: hidden;
}
.feature-3 {
    background-color: #fafafa;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 33.33%;
    height: 274px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.icon-container {
    grid-column-gap: 16px;
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-bottom: 10px;
    text-decoration: none;
    display: none;
    position: relative;
    overflow: visible;
}
.icon-container.left {
    justify-content: center;
    align-items: center;
    display: none;
}
.icon-container.right {
    justify-content: flex-end;
    align-items: center;
}
.gmail-container {
    background-color: #fff;
    border: 1px solid #ebeff7;
    border-radius: 10px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    padding: 8px;
    display: flex;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.gmail-icon {
    overflow: hidden;
}
.right-center-icon-container {
    background-color: #fff;
    border: 1px solid #ebeff7;
    border-radius: 10px;
    padding: 8px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.right-center-icon {
    overflow: hidden;
}
.center-icon-container,
.top-left-icon-container {
    background-color: #fff;
    border: 1px solid #ebeff7;
    border-radius: 10px;
    padding: 8px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.top-left-icon {
    overflow: hidden;
}
.frame-29673 {
    background-image: linear-gradient(90deg, #fafafa00 0%, #fafafa 100%);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    top: 111.614px;
    left: 250.334px;
    overflow: hidden;
}
.frame-29674 {
    background-image: linear-gradient(90deg, #fafafa00 0%, #fafafa 100%);
    border-radius: 10px;
    position: absolute;
    top: 107.614px;
    left: 113.333px;
    overflow: hidden;
}
.featureswrap {
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.hero-headline-2 {
    color: #202228;
    letter-spacing: -0.01em;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 110%;
    text-decoration: none;
    display: inline-block;
}
.hero-headline-3 {
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(107deg, #f59549 0%, #f06351 100%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0.625rem;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 110%;
    text-decoration: none;
    display: inline-block;
}
.hero-headline-4 {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 110%;
    text-decoration: none;
    display: inline-block;
}
.today-section-2 {
    grid-row-gap: 6.2427px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.icon-container-2 {
    background-color: #fff;
    border: 1px solid #ebeff7;
    border-radius: 10px;
    padding: 8px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.icon-4 {
    overflow: hidden;
}
.clariyicon {
    box-sizing: content-box;
    aspect-ratio: auto;
    overflow: visible;
}
.clarityvisual {
    aspect-ratio: auto;
    width: 84%;
    margin-bottom: -34px;
    position: absolute;
}
.gradienttext {
    background-image: linear-gradient(124deg, var(--ss-orange), var(--ss-dark-organge));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.titlewithpadding {
    padding-left: 8px;
    padding-right: 8px;
}
.image-9 {
    width: 24px;
    height: 24px;
    display: block;
}
.image-9:where(.w-variant-0d95454e-cde5-7b34-3ac9-f9be23991de3) {
    width: 36px;
    height: 36px;
}
.shade {
    grid-row-gap: 10px;
    background-image: linear-gradient(90deg, #fafafa, #fafafa00);
    border-radius: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90px;
    padding: 10px;
    text-decoration: none;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.shade.right {
    background-image: linear-gradient(90deg, #fafafa00, #fafafa);
    left: auto;
    right: 0;
}
.focusedbadge {
    grid-column-gap: 8px;
    background-color: #e8f9ff;
    border: 1px solid #519bf0;
    border-radius: 48px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 8px 16px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.badge-text-2 {
    text-align: center;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.focused {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.focused-visual {
    width: 85%;
    margin-bottom: -50px;
    position: absolute;
}
.calmvisual {
    align-self: auto;
    width: 85%;
    margin: auto;
    display: none;
    position: absolute;
    inset: 0 0% 0 0;
}
.makeyourbadge {
    grid-column-gap: 8px;
    background-color: #ecfff2;
    border: 1px solid #4ddb59;
    border-radius: 48px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 6px 16px 6px 8px;
    text-decoration: none;
    display: flex;
}
.fi_3179967 {
    grid-column-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 4px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.fi_5076417 {
    object-fit: cover;
}
.crownimage {
    position: absolute;
}
.crownicon {
    overflow: visible;
}
.vector-2 {
    -webkit-backdrop-filter: blur(1.60789px);
    backdrop-filter: blur(1.60789px);
    object-fit: cover;
    box-shadow:
        -0.643156px 0.482367px 1.76868px #55dc79fa,
        -2.41183px 2.25105px 3.37657px #55dc79d9,
        -5.62761px 4.98446px 4.50209px #55dc7980,
        -9.80813px 8.84339px 5.30604px #55dc7926,
        -15.4357px 13.8279px 5.7884px #55dc7905;
}
.integrations {
    grid-row-gap: 96px;
    background-color: #fff;
    border: 1px solid #2022281f;
    border-width: 1px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 80px 160px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.section-header {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 720px;
    text-decoration: none;
    display: flex;
}
.intcardwraper {
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 1080px;
    text-decoration: none;
    display: flex;
}
.integrationcard {
    background-color: #fff;
    border: 1px solid #ebeff7;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.image-here {
    grid-row-gap: 10px;
    background-image: linear-gradient(90deg, #fff 0%, #f4f4f4 100%);
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    max-width: 296px;
    height: 160px;
    padding: 20px 44px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.int-icon-group {
    grid-column-gap: 20px;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.icons8-google-calendar-1,
.calendar_668278-1 {
    overflow: hidden;
}
.project-management {
    background-color: #fff;
    border: 1px solid #ebeff7;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 900px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.icon-row {
    grid-column-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.google-drive-container {
    background-color: #fff;
    border: 1.27273px solid #ebeff7;
    border-radius: 12.7273px;
    padding: 10.1818px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1.27273px #3d47530d,
        0 2.54545px 5.09091px #3d475314;
}
.google-drive-icon {
    overflow: hidden;
}
.task-management {
    background-color: #fff;
    border: 1px solid #ebeff7;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 900px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.svg8849 {
    overflow: hidden;
}
.email-messaging-apps {
    background-color: #fff;
    border: 1px solid #ebeff7;
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 900px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.sectiontitlewraper {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.badge-container-2 {
    grid-column-gap: 8px;
    border-width: 1px;
    border-radius: 48px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    text-decoration: none;
    display: flex;
}
.badge-2 {
    text-align: center;
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(108.43deg, #f59549 0%, #f06351 100%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.section-heading {
    color: #202228;
    text-align: center;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
}
.bodytextlarge {
    color: #202228;
    text-align: center;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 148%;
    text-decoration: none;
}
.bodytextlarge.leftalign {
    text-align: left;
    font-size: 22px;
    font-weight: 300;
}
.intcontentwrapper {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 430px;
    padding: 40px;
    text-decoration: none;
    display: flex;
}
.heading-4 {
    color: #202228;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    text-decoration: none;
}
.bodytextsm {
    color: #4c4f56;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 148%;
    text-decoration: none;
}
.lower-left-icon-container-2 {
    background-color: #fff;
    border: 1.27273px solid #ebeff7;
    border-radius: 12.7273px;
    padding: 10.1818px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1.27273px #3d47530d,
        0 2.54545px 5.09091px #3d475314;
}
.hero-section-3 {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 40px;
    text-decoration: none;
    display: flex;
}
.image-here-2 {
    grid-row-gap: 10px;
    background-image: linear-gradient(90deg, #fff, var(--gradient-bg-grey));
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 172px;
    padding: 20px 44px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.icon-group-2 {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.right-center-icon-container-2 {
    background-color: #fff;
    border: 1.27829px solid #ebeff7;
    border-radius: 12.7829px;
    padding: 10.2263px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1.27829px #3d47530d,
        0 2.55658px 5.11316px #3d475314;
}
.center-icon-container-2,
.top-left-icon-container-2 {
    background-color: #fff;
    border: 1.27273px solid #ebeff7;
    border-radius: 12.7273px;
    padding: 10.1818px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1.27273px #3d47530d,
        0 2.54545px 5.09091px #3d475314;
}
.frame-style-2 {
    overflow: hidden;
}
.icon-container-3 {
    background-color: #fff;
    border: 1.27273px solid #ebeff7;
    border-radius: 12.7273px;
    width: 58.3594px;
    height: 58.3594px;
    padding: 10.1818px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1.27273px #3d47530d,
        0 2.54545px 5.09091px #3d475314;
}
.icon-container-4 {
    background-color: #fff;
    border: 1.27273px solid #ebeff7;
    border-radius: 12.7273px;
    padding: 10.1818px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1.27273px #3d47530d,
        0 2.54545px 5.09091px #3d475314;
}
.right-center-icon-container-3 {
    background-color: #fff;
    border: 1.27829px solid #ebeff7;
    border-radius: 12.7829px;
    padding: 10.2263px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1.27829px #3d47530d,
        0 2.55658px 5.11316px #3d475314;
}
.icon-group-3 {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.icon-row-2 {
    grid-column-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.center-icon-container-3 {
    background-color: #fff;
    border: 1.27829px solid #ebeff7;
    border-radius: 12.7829px;
    padding: 10.2263px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1.27829px #3d47530d,
        0 2.55658px 5.11316px #3d475314;
}
.gmail-container-2 {
    background-color: #fff;
    border: 1.27273px solid #ebeff7;
    border-radius: 12.7273px;
    padding: 10.1818px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1.27273px #3d47530d,
        0 2.54545px 5.09091px #3d475314;
}
.inticonframe {
    background-image: linear-gradient(90deg, #fff, var(--gradient-bg-grey));
    flex-flow: column;
    justify-content: center;
    align-self: stretch;
    align-items: flex-end;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 44px;
    display: flex;
}
.inticoncollection {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}
.reviews {
    grid-row-gap: 96px;
    background-color: #f6f5f1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 180px 8.33%;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}
.background {
    z-index: 1;
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-image: linear-gradient(181.61deg, #f6f5f100, #f6f5f1);
    border-width: 2px;
    height: 250px;
    position: absolute;
    inset: auto 0 0;
}
.reviews-container {
    z-index: 2;
    grid-row-gap: 96px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.reviews-header {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 869px;
    text-decoration: none;
    display: flex;
}
.testimonials-container {
    grid-column-gap: 36px;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 1178px;
    text-decoration: none;
    display: flex;
}
.testimonialcard {
    background-color: #ffffffb3;
    border: 1px solid #0000;
    border-radius: 12px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    text-decoration: none;
    transition: all 0.2s;
    display: flex;
    overflow: hidden;
    box-shadow: 0 1px #e3e3e3;
}
.testimonialcard:hover {
    border: 1px solid var(--border-new);
    background-color: var(--bg-secondary-new);
    box-shadow: 0 1px 4px #e3e3e3;
}
.reviewcontent {
    grid-column-gap: 36px;
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-color: #fff0;
    border-width: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 28px;
    text-decoration: none;
    display: flex;
}
.testimonial-content {
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
    text-decoration: none;
    display: flex;
}
.testimonial-header {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.testimonial-footer {
    grid-row-gap: 20px;
    background-color: #fffdf1;
    border: 1px solid #ececec;
    border-top-width: 0;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 28px;
    text-decoration: none;
    display: flex;
    position: relative;
    box-shadow: 0 1px #e3e3e3;
}
.emoji {
    background-color: #fff;
    border-radius: 38.4px;
    position: absolute;
    top: 15.2939px;
    left: 355.589px;
    overflow: hidden;
}
.reviewicon {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    overflow: hidden;
}
.reviewtext {
    color: #202228;
    letter-spacing: -0.01em;
    width: 100%;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
    display: inline-block;
}
.title-style {
    color: #0009;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 160%;
    text-decoration: none;
}
.trust-info {
    grid-column-gap: 12px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.trust-icons {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.badge-3 {
    text-align: center;
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(115.35deg, #f59549 0%, #f06351 100%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.headline-7 {
    color: #202228;
    text-align: center;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0.75rem;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
    display: inline-block;
}
.headline-8 {
    text-align: center;
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(101.24deg, #f59549 0%, #f06351 100%);
    -webkit-background-clip: text;
    background-clip: text;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
    display: inline-block;
}
.bodytextmd {
    color: #202228;
    text-align: center;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 148%;
    text-decoration: none;
}
.hero-headline-6 {
    color: #202228;
    letter-spacing: -0.01em;
    width: 100%;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 136%;
    text-decoration: none;
}
.profilefooter {
    grid-column-gap: 14px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.emoji-2 {
    color: #000;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
}
.emoji-3 {
    background-color: #fff;
    border-radius: 54.4px;
    position: absolute;
    top: 84px;
    left: 329.945px;
    overflow: hidden;
}
.emoji-4 {
    color: #000;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
}
.heading-3 {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 136%;
    text-decoration: none;
}
.reviewcard {
    grid-row-gap: 20px;
    border-top: 1px solid var(--border-dark);
    background-color: #fff9;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 28px;
    display: flex;
}
.testimonial-text-2 {
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(103.48deg, #f59549 0%, #f06351 100%);
    -webkit-background-clip: text;
    background-clip: text;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
    display: inline-block;
}
.profileinfo {
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.name-2 {
    color: #000;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.testimonial-footer-3 {
    grid-row-gap: 20px;
    background-color: #fffdf1;
    border: 1px solid #ececec;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 28px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 1px #e3e3e3;
}
.testimonial-text-3 {
    color: #f06351;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0.28125rem;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
    display: inline-block;
}
.testimonial-text-4 {
    color: #f06351;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
    display: inline-block;
}
.testimonial-card-2 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 583px;
    text-decoration: none;
    display: flex;
}
.testimonial-card-type-3-2 {
    grid-column-gap: 36px;
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-color: #fff;
    border-width: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 400px;
    height: 100%;
    padding: 28px;
    text-decoration: none;
    display: flex;
}
.hero-headline-8 {
    color: #202228;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0.375rem;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 136%;
    text-decoration: none;
    display: inline-block;
}
.hero-headline-9 {
    color: #202228;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 136%;
    text-decoration: none;
    display: inline-block;
}
.testimonial-footer-4 {
    grid-row-gap: 20px;
    background-color: #fff0e4;
    border: 1px solid #ececec;
    border-top-width: 0;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 28px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 1px #e3e3e3;
}
.testimonial-footer-5 {
    grid-row-gap: 20px;
    background-color: #fff6f6;
    border: 1px solid #ececec;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 28px;
    text-decoration: none;
    display: flex;
    position: relative;
    box-shadow: 0 1px #e3e3e3;
}
.image-4 {
    border-style: solid;
    border-width: undefinedpx;
    border-color: #fff9;
}
.ellipse-3-2 {
    border-style: solid;
    border-width: undefinedpx;
    background-color: #d9d9d9;
    background-image: url(https://pub-f7ae218077e542729e28e6f8f45a9a40.r2.dev/images/6878f253403babf75db4f35d_Ellipse%203.avif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #fff9;
    min-height: 28px;
}
.ellipse-4-2 {
    border-style: solid;
    border-width: undefinedpx;
    background-color: #d9d9d9;
    background-image: url(https://pub-f7ae218077e542729e28e6f8f45a9a40.r2.dev/images/6878f256d17e8e36363d9d55_Ellipse%204.avif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #fff9;
    min-height: 28px;
}
.ellipse-5-2 {
    border-style: solid;
    border-width: undefinedpx;
    background-color: #d9d9d9;
    background-image: url(https://pub-f7ae218077e542729e28e6f8f45a9a40.r2.dev/images/6878f257db4510411e652c56_Ellipse%205.avif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #fff9;
    min-height: 28px;
}
.trust-text-2 {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.image-10 {
    z-index: 0;
    width: 100%;
    position: absolute;
}
.reviewslider {
    background-color: #ddd0;
    width: 100%;
    height: auto;
    padding-bottom: 14px;
}
.reviewslidermarsk {
    height: auto;
    overflow: visible;
}
.reviewslide {
    width: 33.33%;
    margin-right: 2em;
    position: relative;
}
.bgglow {
    z-index: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.bgglow.oncomprarison {
    max-width: 70%;
    margin-bottom: -102px;
    margin-left: auto;
    margin-right: auto;
}
.comparison {
    grid-row-gap: 96px;
    background-color: #fff0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 0 8.33% 120px;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}
.comparison-table {
    z-index: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
    position: relative;
}
.feature-list {
    grid-row-gap: 50px;
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    min-width: auto;
    text-decoration: none;
    display: flex;
}
.feature-items {
    grid-row-gap: 48px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.comfeaturetitle {
    color: #202228b3;
    letter-spacing: -0.01em;
    height: 20px;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 146%;
    text-decoration: none;
}
.comfeaturetitle.hidden {
    opacity: 0;
}
.featurecoloumn {
    grid-row-gap: 48px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 20%;
    text-decoration: none;
    display: flex;
}
.companylogoholder {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 20px;
    text-decoration: none;
    display: flex;
}
.statuscontainer {
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.statusholder {
    grid-column-gap: 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.akiflow-container {
    grid-row-gap: 51px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 128px;
    text-decoration: none;
    display: flex;
}
.akiflow-logo {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.akiflow-cancel-container {
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.akiflow-cancel {
    grid-column-gap: 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.reclaimai-container {
    grid-row-gap: 51px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 128px;
    text-decoration: none;
    display: flex;
}
.reclaimai-logo {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20px;
    display: flex;
}
.reclaimai-check-container {
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.todoist-container {
    grid-row-gap: 51px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 128px;
    text-decoration: none;
    display: flex;
}
.todoist-logo {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 19.9997px;
    display: flex;
}
.todoist-check-container {
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.motion-container {
    grid-row-gap: 51px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 128px;
    text-decoration: none;
    display: flex;
}
.motion-icon {
    grid-column-gap: 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.motion-check-container {
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.todoist-icon-container {
    grid-row-gap: 51px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 128px;
    text-decoration: none;
    display: flex;
}
.todoist-icon {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.todoist-1 {
    opacity: 0.8;
    overflow: hidden;
}
.todoist-icon-check-container {
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.call-to-action-button-container {
    grid-column-gap: 10px;
    background-color: #fff;
    border-width: 1px;
    border-radius: 30px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    text-decoration: none;
    display: flex;
}
.button-text {
    color: #ff891c;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        Mona Sans,
        sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
}
.badge-4 {
    text-align: center;
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(107.82deg, #f59549 0%, #f06351 100%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.hero-headline-5 {
    color: var(--black);
    text-align: center;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 148%;
    text-decoration: none;
}
.comparisontablewrap {
    grid-column-gap: 24px;
    background-color: #ffffffe6;
    border: 1px solid #ebeff7;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    padding: 24px;
    text-decoration: none;
    display: none;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.frame-style-3 {
    opacity: 0.85;
    overflow: hidden;
}
.call-to-action-container-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-image: radial-gradient(circle closest-corner at 75% -40%, var(--ss-orange), var(--ss-dark-organge));
    -webkit-backdrop-filter: blur(1.33991px);
    backdrop-filter: blur(1.33991px);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 32px 28px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.hero-headline-7 {
    color: #fff;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 136%;
    text-decoration: none;
}
.image-11 {
    height: 19.6875px;
}
.flex-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: auto;
}
.community {
    grid-row-gap: 96px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 120px 8.33%;
    text-decoration: none;
    display: flex;
}
.main-content {
    grid-column-gap: 20px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 900px;
    text-decoration: none;
    display: flex;
}
.slackcard {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: #fed5ff;
    border-radius: 20px;
    flex-flow: column;
    width: 80%;
    padding-top: 32px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    overflow: hidden;
}
.slackscreenshot {
    background-color: #fff0;
    background-image: url(https://pub-f7ae218077e542729e28e6f8f45a9a40.r2.dev/images/68790c695f10f3789c9c4329_Slack%20Screenshot.avif);
    background-position: 50% 0;
    background-size: cover;
    border: 0 solid #875d1d1a;
    border-radius: 9px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 300px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.left-panel-content {
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.right-panel-headline {
    width: 100%;
    color: var(--black);
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
}
.twitterlinkedin {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
    width: 28%;
    text-decoration: none;
    display: flex;
}
.communitycard {
    border: 1px solid #0000001a;
    border-radius: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 28px;
    text-decoration: none;
    transition: all 0.2s;
    display: flex;
    position: relative;
    overflow: hidden;
}
.communitycard:hover {
    background-color: var(--bg-secondary-new);
}
.new-badge-container {
    grid-column-gap: 8px;
    background-color: #fff;
    border: 1px solid #aaa3;
    border-radius: 48px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    text-decoration: none;
    display: flex;
}
.arrow-icon-2 {
    overflow: hidden;
}
.content-container-4 {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.image-7 {
    opacity: 0;
    border-radius: 10px;
    width: 100%;
    max-width: none;
}
.button-text-2 {
    color: #ff891c;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}
.communitycardcontent {
    z-index: 1;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
    position: relative;
}
.communitytitle {
    width: 100%;
    color: var(--black);
    letter-spacing: -0.01em;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
}
.community-info {
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.new-badge-container-2 {
    grid-column-gap: 8px;
    background-color: #fff;
    border: 1px solid #378fe933;
    border-radius: 48px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    text-decoration: none;
    display: flex;
}
.floatingavatar {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
.floatingavatarimage {
    max-width: none;
    height: 46px;
}
.floatingavatarimage.withopacity {
    opacity: 0.45;
}
.slackcardheader {
    padding-left: 28px;
    padding-right: 28px;
}
.communitycardglow {
    z-index: 0;
    opacity: 0.26;
    filter: blur(20px);
    background-image: linear-gradient(#e6e6e6, #777);
    border-radius: 999px;
    height: 160px;
    margin-bottom: -88px;
    position: absolute;
    inset: auto 0% 0% 19%;
}
.communitycardglow.linkedin {
    z-index: 0;
    background-image: linear-gradient(#378fe91a, #378fe9);
}
.body-large {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 160%;
    text-decoration: none;
}
.body-large.text-color-light {
    color: #d6d6d6;
}
.what-question {
    color: #fff;
    flex: 1;
    font-size: 18px;
}
.plus-icon {
    width: 100%;
    max-width: 24px;
    height: 20px;
    margin-top: 0;
}
.faq-answer-block {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 26px;
    padding-bottom: 0;
    display: flex;
}
.faq-outer {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: 100%;
    display: flex;
}
.answer-block {
    background-color: #0000;
    display: block;
    position: relative;
    overflow: hidden;
}
.question-block {
    grid-column-gap: 12px;
    white-space: pre-wrap;
    width: 100%;
    padding: 30px 0 0;
    display: flex;
}
.question-block.top {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
}
.question-inner {
    grid-column-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}
.faq {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #fffc;
    border: 2px solid #fff;
    border-radius: 10px;
    flex-direction: column;
    width: 100%;
    padding: 12px 20px;
    display: flex;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d;
}
.faqs {
    grid-row-gap: 96px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 120px 8.33%;
    text-decoration: none;
    display: flex;
    position: relative;
}
.faqs-container {
    z-index: 2;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 720px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.question-container {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.faq-card {
    grid-row-gap: 24px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #fffc;
    border: 2px solid #fff;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px 20px;
    text-decoration: none;
    display: flex;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d;
}
.question-header {
    grid-column-gap: 32px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.arrow-container {
    grid-column-gap: 10px;
    border: 1px solid var(--orange-light);
    background-color: #ffe7e4fa;
    border-radius: 30px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    text-decoration: none;
    display: flex;
}
.arrow-right-up-line {
    overflow: hidden;
}
.answer-text {
    color: #202228;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 148%;
    text-decoration: none;
}
.footer-container {
    -webkit-backdrop-filter: blur(1.33991px);
    backdrop-filter: blur(1.33991px);
    background-image: radial-gradient(circle closest-corner at 70% -10%, #ff891c33, #f0635133 60%);
    border: 1px solid #f063514d;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 22px 28px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.content-container-3 {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.content-container-5 {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 552px;
    text-decoration: none;
    display: flex;
}
.badge-5 {
    text-align: center;
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(126.87deg, #f59549 0%, #f06351 100%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.faqs-2 {
    grid-column-gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 449px;
    display: flex;
}
.question-header-2 {
    grid-column-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.faqtitle {
    color: #202228;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.tagline-container-2 {
    grid-row-gap: 28px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #fffc;
    border: 2px solid #fff;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px 20px;
    text-decoration: none;
    display: flex;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d;
}
.arrow-container-2 {
    grid-column-gap: 10px;
    border: 1px solid #e5e4e0;
    border-radius: 30px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    text-decoration: none;
    display: flex;
}
.hero-headline-10 {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 136%;
    text-decoration: none;
}
.image-12 {
    aspect-ratio: auto;
}
.dropdown {
    width: 100%;
}
.dropdown-toggle {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.dropdown-toggle.w--open {
    justify-content: space-between;
    align-items: center;
}
.image-13 {
    margin: auto;
    position: absolute;
}
.cta {
    grid-row-gap: 10px;
    background-image: url(https://pub-f7ae218077e542729e28e6f8f45a9a40.r2.dev/images/6879178458af4577103b5cb5_CTA%20BG.avif);
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 120px 8.33%;
    display: flex;
    overflow: hidden;
}
.container-9 {
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.content-container-6 {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.tagline-container {
    grid-column-gap: 14px;
    border: 1px undefined undefined;
    background-color: #f6f5f1;
    border-radius: 11px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 16px;
    text-decoration: none;
    display: flex;
}
.release-info-2 {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 112%;
    text-decoration: none;
}
.logo-image {
    object-fit: cover;
}
.headline-container-2 {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.cta-heading {
    color: #202228;
    text-align: center;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 56px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
}
.call-to-action-container-3 {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.call-to-action-button-container-2 {
    grid-column-gap: 10px;
    border: 1px undefined undefined;
    background-color: #ff891c;
    border-radius: 30px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    text-decoration: none;
    display: flex;
}
.button-text-3 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none;
}
.call-to-action-subtext {
    color: #00000080;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}
.footer {
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 3.5%;
    padding-right: 3.5%;
    text-decoration: none;
    display: flex;
}
.footer-header {
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 56px;
    padding-bottom: 32px;
    text-decoration: none;
    display: flex;
}
.badge-and-apps-container {
    grid-row-gap: 28px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.badge-container-3 {
    grid-column-gap: 8px;
    border: 1px undefined undefined;
    border-radius: 48px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    text-decoration: none;
    display: flex;
}
.badge-6 {
    text-align: center;
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(101.31deg, #f59549 0%, #f06351 100%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.apps-container {
    grid-column-gap: 24px;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    text-decoration: none;
    display: flex;
}
.app-item {
    grid-column-gap: 14px;
    background-color: #fafafa;
    border-radius: 16px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    padding: 10px 16px 10px 10px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.shape {
    object-fit: cover;
    border: 1px solid #ececec;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px #e3e3e3;
}
.description-container {
    grid-row-gap: 6px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.content-description-container {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.content-description-container-2 {
    grid-column-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.app-title {
    color: #202228;
    letter-spacing: -0.02em;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 116%;
    text-decoration: none;
    display: block;
    position: relative;
}
.content-description-container-3 {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.content-description-container-4 {
    grid-column-gap: 4px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.newsletter-and-links-container {
    grid-row-gap: 56px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 64px;
    padding-right: 64px;
    text-decoration: none;
    display: flex;
}
.newsletter-container {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.nav-link-holders {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-top: 56px;
    padding-bottom: 56px;
    text-decoration: none;
    display: flex;
}
.newsletter-text-container {
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 261px;
    text-decoration: none;
    display: flex;
}
.newsletter-text {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.newlettertitle {
    color: #202228;
    letter-spacing: -0.04em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 116%;
    text-decoration: none;
}
.newsletter-description {
    color: #20222899;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 144%;
    text-decoration: none;
}
.newsletter-form {
    grid-column-gap: 8px;
    border: 1px solid var(--border-dark);
    background-color: var(--gradient-bg-grey);
    border-radius: 62px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 8px 8px 8px 16px;
    text-decoration: none;
    display: flex;
}
.release-info-3 {
    color: #20222899;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.button-text-4 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}
.links-container {
    grid-column-gap: 40px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    width: 66%;
    text-decoration: none;
    display: flex;
}
.core-features-links {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.footernavtitle {
    color: #20222880;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
}
.footernavtitle.rowtitle {
    width: 60%;
    max-width: 261px;
}
.navigation-menu {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.footerlink {
    color: #000;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 124%;
    text-decoration: none;
}
.footer-container-2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    padding-top: 32px;
    padding-bottom: 32px;
    text-decoration: none;
    display: flex;
}
.footer-links {
    grid-column-gap: 40px;
    color: #fff;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.footercredit {
    color: #00000080;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
}
.social-media-links {
    grid-column-gap: 16px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.social-media-icon {
    grid-column-gap: 6px;
    background-color: #fff;
    border: 1px solid #ebeff7;
    border-radius: 43px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 12px;
    text-decoration: none;
    display: flex;
}
.footerdivider {
    background-image: linear-gradient(90deg, #fff, var(--border-dark) 51%, white);
    width: 100%;
    height: 1px;
}
.newsletter-formsss {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.newletter-input {
    background-color: #fff0;
    border: 0 #000;
    border-radius: 20px;
    margin-bottom: 0;
}
.div-block-46 {
    background-color: var(--border-dark);
    width: 1px;
    height: 100px;
}
.line {
    border-style: solid;
    border-width: undefinedpx;
    object-fit: fill;
    border-color: #f2f2f2;
    height: 146.5%;
    margin-top: 22px;
    margin-left: -50px;
    position: absolute;
    overflow: visible;
}
.icon-close {
    position: absolute;
    top: 6.28926px;
    left: 175.459px;
}
.more-fill,
.checkbox-circle-line,
.pause-fill,
.close-line,
.integrationsoutlook-calendar {
    overflow: hidden;
}
.play {
    opacity: 0.5;
}
.more-options {
    grid-row-gap: 96px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 96px;
    text-decoration: none;
    display: flex;
}
.more-fea-wrap {
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.more-fea-column {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.frame-29718 {
    grid-column-gap: 40px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.more-fea-card {
    grid-row-gap: 8px;
    background-color: #f8f8f8;
    border: 1px solid #0000001f;
    border-radius: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 32px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.more-fea-card.horizontal {
    grid-column-gap: 10px;
    flex-flow: row;
}
.frame-29699 {
    grid-column-gap: 96px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 314px;
    text-decoration: none;
    display: flex;
}
.more-fea-header {
    grid-row-gap: 12px;
    border: 1px #f2f2f2;
    border-bottom-style: solid;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px;
    text-decoration: none;
    display: flex;
}
.more-fea-header.left {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-style: none solid none none;
    justify-content: center;
    align-items: flex-start;
    padding-left: 0;
}
.more-fea-title {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
}
.more-fea-image {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.daily-shutdown {
    grid-column-gap: 9.57838px;
    -webkit-backdrop-filter: blur(12.392px);
    backdrop-filter: blur(12.392px);
    background-color: #f2f2f2b3;
    border-width: 0.563271px;
    border-radius: 7.6627px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 193.269px;
    padding: 7.6627px 29.693px 10.5362px 9.57838px;
    text-decoration: none;
    display: flex;
    position: absolute;
    top: 5px;
    left: auto;
    right: auto;
    box-shadow: 0 6.75925px 13.5185px #2a349326;
}
.target-3-1 {
    overflow: hidden;
}
.txt {
    grid-row-gap: 1.147px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.frame-29678 {
    grid-column-gap: 5.73499px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 2.294px;
    text-decoration: none;
    display: flex;
}
.frame-29741 {
    grid-column-gap: 2.87858px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.frame-1707477974 {
    grid-row-gap: 5.76923px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.frame-1707477975 {
    grid-column-gap: 7.21154px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 2.88462px;
    text-decoration: none;
    display: flex;
}
.bullseye-1 {
    overflow: hidden;
}
.frame-1707477976 {
    grid-column-gap: 7.21154px;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.frame-1707477979 {
    grid-column-gap: 5.76923px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 11.5385px;
    text-decoration: none;
    display: flex;
}
.frame-1707477977,
.frame-1707477978,
.frame-1707477980,
.frame-1707477981,
.frame-1707477982,
.frame-1707477983 {
    grid-row-gap: 5.76923px;
    border: 0.721154px solid #2022281f;
    border-radius: 2.88462px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 34.6154px;
    padding: 5.76923px;
    text-decoration: none;
    display: flex;
}
.pomodoro-timer {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
}
.frame-1707477991 {
    grid-column-gap: 6.55049px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    height: 67.6884px;
    text-decoration: none;
    display: flex;
}
.frame-1707477984 {
    grid-row-gap: 4.367px;
    border: 0.787319px solid #2022281f;
    border-radius: 2.1835px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 9.3617px;
    padding-right: 9.3617px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 13.101px #0000001f;
}
.frame-1707477989 {
    grid-column-gap: 4.367px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.frame-1707477987,
.frame-1707477988 {
    grid-column-gap: 1.09175px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.frame-1707477990 {
    grid-row-gap: 6.55049px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 8.73399px;
    text-decoration: none;
    display: flex;
}
.frame-1707477985 {
    grid-column-gap: 3.27525px;
    border: 0.787319px solid #2684ff;
    border-radius: 2.1835px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 3.27525px 6.55049px 3.27525px 3.27525px;
    text-decoration: none;
    display: flex;
}
.frame-1707477986 {
    grid-column-gap: 3.27525px;
    border: 0.787319px solid #20222899;
    border-radius: 2.1835px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 3.27525px 6.55049px 3.27525px 3.27525px;
    text-decoration: none;
    display: flex;
}
.hotel-bed-1 {
    overflow: hidden;
}
.frame-29705 {
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 850px;
    text-decoration: none;
    display: flex;
}
.bi-directional-calendar-sync {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
}
.calendar-1 {
    overflow: hidden;
}
.rectangle-4 {
    background-color: #e7ebf5;
    box-shadow: 0 0.8532px #dcdcdc;
}
.tue {
    opacity: 0.6;
    color: #000;
    letter-spacing: 0.482375px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 9px;
    font-weight: 900;
    line-height: 100%;
    text-decoration: none;
}
._21 {
    opacity: 0.6;
    color: #000;
    letter-spacing: 0.17064px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 100%;
    text-decoration: none;
}
.frame-1969 {
    border-radius: 5.36356px;
    padding: 2.29867px 0.766223px 0.766223px 2.29867px;
}
.analytics {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
}
.frame-29707 {
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 850px;
    text-decoration: none;
    display: flex;
}
.more-fea-title-holder {
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.zapier-integration {
    color: #202228;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 116%;
    text-decoration: none;
}
.mail {
    grid-column-gap: 6.09806px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 6.09806px;
    padding-bottom: 6.09806px;
    text-decoration: none;
    display: flex;
    position: relative;
}
.content-style {
    grid-row-gap: 3.04903px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.sender {
    color: #292929;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 7px;
    font-weight: 900;
    line-height: 100%;
    text-decoration: none;
}
.chevrons-right {
    overflow: hidden;
}
.subject {
    color: #292929;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 7px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
}
.message {
    color: #5d5c5d;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 7px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}
._0702-am {
    color: #5d5c5d;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Roboto, sans-serif;
    font-size: 6px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}
.files {
    grid-column-gap: 4.06538px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.frame-1 {
    grid-column-gap: 1.52452px;
    border: 0.508172px solid #b3b2b3;
    border-radius: 15.2452px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 2.03269px 4.06538px;
    text-decoration: none;
    display: flex;
}
.file {
    overflow: hidden;
}
.frame-29657 {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 236.01px;
    text-decoration: none;
    display: flex;
}
.frame-29651 {
    grid-column-gap: 5.52038px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.tech-support {
    color: #464540;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 7px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}
.frame-29652 {
    grid-column-gap: 7.59053px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.frame-29656 {
    grid-column-gap: 51.7536px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.frame-29650 {
    grid-column-gap: 6.84205px;
    justify-content: flex-start;
    align-items: center;
    width: 110.408px;
    text-decoration: none;
    display: flex;
}
.frame-2063 {
    grid-column-gap: 53.3777px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.icons {
    grid-column-gap: 2.11397px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.frame-29649 {
    grid-row-gap: 5.52038px;
    border: 0.690048px solid #b4b4b4;
    border-radius: 689.358px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 11.0408px;
    height: 11.0408px;
    padding: 2.76019px;
    text-decoration: none;
    display: flex;
}
.frame-29655 {
    grid-column-gap: 13.1109px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.frame-29653 {
    grid-row-gap: 2.76019px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    text-decoration: none;
    display: flex;
}
.actual {
    opacity: 0.5;
    color: #464540;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 5px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
}
._000 {
    opacity: 0.65;
    color: #464540;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 8px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
}
.frame-29654 {
    grid-row-gap: 2.76019px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    text-decoration: none;
    display: flex;
}
.planned {
    opacity: 0.5;
    color: #464540;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 5px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
}
._030 {
    opacity: 0.65;
    color: #464540;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 8px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
}
.icon-close-2 {
    position: absolute;
    top: 7.4043px;
    left: 206.557px;
}
.more-fea-desc {
    color: #20222899;
    text-align: center;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
}
.more-fea-desc.left {
    text-align: left;
}
.text-3 {
    color: #20222899;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 6px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.text-4 {
    color: #202228;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.text-5 {
    color: #20222899;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 9px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.daily-shutdown-2 {
    grid-column-gap: 10px;
    -webkit-backdrop-filter: blur(14.5883px);
    backdrop-filter: blur(14.5883px);
    background-color: #f2f2f2b3;
    border-width: 0.663104px;
    border-radius: 9.02083px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 227.524px;
    padding: 9px 12px 12px;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 6% auto auto;
    box-shadow: 0 7.95725px 15.9145px #2a349326;
}
.txt-2 {
    grid-row-gap: 1.35029px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.frame-29678-2 {
    grid-column-gap: 6.75146px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 2.70058px;
    text-decoration: none;
    display: flex;
}
.text-6 {
    color: #20222899;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 7px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.text-7 {
    color: #202228;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.text-8 {
    color: #20222899;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.daily-shutdown-3 {
    grid-column-gap: 12.0444px;
    -webkit-backdrop-filter: blur(15.5824px);
    backdrop-filter: blur(15.5824px);
    background-color: #ffffffb3;
    border-width: 0.708292px;
    border-radius: 12px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 11.5385px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 8.4995px 16.999px #2a349326;
}
.txt-3 {
    grid-row-gap: 11.5385px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}
.frame-29678-3 {
    grid-column-gap: 7.21154px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 2.88462px;
    text-decoration: none;
    display: flex;
}
.text-9 {
    color: #4ec2f7;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 7px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.text-10 {
    color: #202228cc;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 7px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.text-11 {
    color: #20222899;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 7px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.text-12 {
    color: #6f44ba;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.frame-1707477979-2 {
    grid-row-gap: 5.76923px;
    border: 0.721154px solid #2022281f;
    border-radius: 2.88462px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 34.6154px;
    padding: 5.76923px;
    text-decoration: none;
    display: flex;
}
.frame-29716-2 {
    grid-row-gap: 8px;
    background-color: #f8f8f8;
    border: 1px solid #0000001f;
    border-radius: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 32px;
    text-decoration: none;
    display: flex;
}
.frame-29716-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 330px;
    text-decoration: none;
    display: flex;
}
.daily-shutdown-4 {
    -webkit-backdrop-filter: blur(17.0121px);
    backdrop-filter: blur(17.0121px);
    background-color: #ffffffb3;
    border-width: 0.773277px;
    border-radius: 9.28528px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 12.5971px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 9.27932px 18.5586px #2a349326;
}
.frame-1707477979-3 {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.frame-1707477974-2 {
    grid-row-gap: 4.46408px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 126.383px;
    text-decoration: none;
    display: flex;
}
.frame-1707477976-2 {
    grid-column-gap: 5.5801px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.text-13 {
    color: #202228;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 8px;
    font-weight: 900;
    line-height: 120%;
    text-decoration: none;
}
.frame-1707477977-2 {
    grid-row-gap: 4.367px;
    border: 0.787319px solid #2022281f;
    border-radius: 2.1835px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 67.6884px;
    padding-left: 9.3617px;
    padding-right: 9.3617px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 13.101px #0000001f;
}
.text-14 {
    color: #20222899;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 6px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.text-15 {
    color: #2684ff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.text-16 {
    color: #20222899;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.text-17 {
    color: #20222899;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 8px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.text-18 {
    color: #2684ff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 7px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
}
.frame-1707477988-2 {
    grid-column-gap: 3.27525px;
    border: 0.787319px solid #20222899;
    border-radius: 2.1835px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 3.27525px 6.55049px 3.27525px 3.27525px;
    text-decoration: none;
    display: flex;
}
.lower-left-icon-container-3 {
    background-color: #fff;
    border: 1px solid #ebeff7;
    border-radius: 10px;
    padding: 8px;
    overflow: hidden;
    box-shadow:
        0 0 #3d47530d,
        0 1px #3d47530d,
        0 2px 4px #3d475314;
}
.calendar-right-panel-2 {
    -webkit-backdrop-filter: blur(17.2354px);
    backdrop-filter: blur(17.2354px);
    background-color: #ffffff82;
    border-width: 0.783427px;
    border-radius: 10.4082px;
    overflow: hidden;
    box-shadow:
        0 9.40112px 18.8022px #2a349326,
        0 5.64378px 15.436px #2a349321;
}
.text-19 {
    color: #b4b4b4;
    text-align: right;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 9px;
    font-weight: 500;
    line-height: 14.5px;
    text-decoration: none;
}
.frame-29716-4 {
    grid-row-gap: 8px;
    background-color: #f8f8f8;
    border: 1px solid #0000001f;
    border-radius: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 397px;
    padding: 32px;
    text-decoration: none;
    display: flex;
}
.frame-29718-2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}
.frame-29715-2 {
    background-color: #f8f8f8;
    border: 1px solid #0000001f;
    border-radius: 24px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 32px;
    text-decoration: none;
    display: flex;
}
.frame-36-2 {
    grid-row-gap: 32px;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 336px;
    text-decoration: none;
    display: flex;
}
.more {
    color: #20222899;
    letter-spacing: -0.01em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 148%;
    text-decoration: none;
}
.integrations-2 {
    grid-column-gap: 10.1634px;
    -webkit-backdrop-filter: blur(1.81012px);
    backdrop-filter: blur(1.81012px);
    background-color: #ffffff8c;
    border-width: 0.72405px;
    border-radius: 6.09806px;
    justify-content: center;
    align-items: center;
    width: 192.597px;
    height: 74.6931px;
    padding: 10.1367px 7.11441px 7.2405px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 2.8962px 3.62025px #3d3e420a;
}
.task-2 {
    background-color: #ffffffb3;
    background-image: linear-gradient(#fff, #fff);
    border-width: 0.477935px;
    border-radius: 7.61322px;
    padding: 13.801px;
    box-shadow: 0 3.80661px 4.75826px #3d3e420a;
}
.text-20 {
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
}
.text-21 {
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Avenir, sans-serif;
    font-size: 8px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
}
.logos-2 {
    grid-column-gap: 5.24953px;
    -webkit-backdrop-filter: blur(0.578375px);
    backdrop-filter: blur(0.578375px);
    background-color: #ffffff8c;
    border-width: 0.357072px;
    border-radius: 5.99881px;
    justify-content: flex-start;
    align-items: center;
    width: 44.9005px;
    height: 20px;
    padding: 2.62477px 4.72458px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 4.28486px 8.56972px #0000001a;
}
.bidirectional-image {
    width: 70%;
}
.bidirectional-image.big {
    width: 88%;
}
.nav-menu {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
}
.newnav {
    background-color: #ddd0;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    padding: 20px 6.6%;
    display: flex;
    position: relative;
}
.container-10 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: relative;
}
.nav-holder {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    display: flex;
    position: relative;
}
.u-embed-js {
    display: none;
    position: fixed;
    inset: 0% auto auto 0%;
}
.featurewrap {
    width: 100%;
    display: flex;
    position: relative;
}
.progressholder {
    margin-left: -44px;
    padding-top: 24px;
    position: absolute;
    inset: 0 auto 0%;
}
.progressholder.middle {
    padding-top: 26px;
}
.progressholder.end {
    margin-top: -13px;
    padding-top: 0;
}
.progressbg {
    z-index: -2;
    background-color: #f2f2f2;
    width: 1px;
    height: 98%;
    position: relative;
    overflow: visible;
}
.curvedprogress {
    z-index: -2;
    border: 1px #f2f2f2;
    border-style: solid none none solid;
    border-top-left-radius: 30px;
    width: 44px;
    height: 40px;
    position: relative;
}
.curvedprogress.justline {
    border-top-left-radius: 0;
    height: 1px;
}
.curvedprogress.bottomcurve {
    border-top-style: none;
    border-bottom-style: solid;
    border-top-left-radius: 0;
    border-bottom-left-radius: 30px;
    height: 40px;
}
.timeline_progress-bar {
    background-color: #fff;
    background-image: linear-gradient(to bottom, var(--ss-dark-organge), var(--ss-dark-organge));
    width: 1px;
    height: 0%;
    position: relative;
}
.container-11 {
    width: 90vw;
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}
.timeline_quote {
    color: #fff;
    margin-bottom: 16px;
    font-size: 14px;
}
.timeline_centre {
    justify-content: center;
    display: flex;
}
.inline-block {
    display: inline-block;
}
.timeline_date-text {
    color: #fff;
    letter-spacing: -0.03em;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
    position: sticky;
    top: 50vh;
}
.overlay-fade-bottom {
    background-image: linear-gradient(#0a0a0a00, #0a0a0a);
    height: 80px;
    position: absolute;
    inset: auto 0% 0%;
}
.text-colour-lightgrey {
    color: #ffffffa6;
}
.timeline_quote-text-wrapper {
    flex: 1;
}
.timeline_link {
    opacity: 0.6;
    color: #fff;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    border-radius: 8px;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    transition: opacity 0.3s;
    display: flex;
}
.timeline_link:hover {
    opacity: 1;
}
.margin-bottom-medium {
    margin-bottom: 32px;
}
.timeline_quote-wrapper {
    border: 2px solid #fff;
    border-radius: 16px;
    align-items: flex-start;
    padding: 24px;
    display: flex;
}
.overlay-fade-top {
    background-image: linear-gradient(#0a0a0a, #0a0a0a00);
    height: 80px;
    position: absolute;
    inset: 0% 0% auto;
}
.timeline_text {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
}
.link-icon {
    width: 20px;
    height: 20px;
    margin-left: 8px;
}
.timeline_image-wrapper {
    background-image:
        linear-gradient(138deg, #000, #0000 28%), url(https://pub-f7ae218077e542729e28e6f8f45a9a40.r2.dev/images/6899a4b22689aec20e1c992b_Image%20Background.png);
    background-position:
        0 0,
        0 0;
    background-size: auto, cover;
    border-radius: 12px;
    overflow: hidden;
}
.timeline_progress-bar-2 {
    z-index: -1;
    background-color: #fff;
    background-image: linear-gradient(#ff7448, #ff4848 51%, #6248ff);
    width: 3px;
    height: 50vh;
    position: fixed;
    inset: 0 auto 50vh;
}
.text-colour-white {
    color: #fff;
}
.timeline_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}
.timeline_badge {
    color: #fff;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background-color: #ffffff26;
    border-radius: 8px;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    display: inline-block;
}
.timeline_quote-image {
    border-radius: 8px;
    width: 48px;
    height: 48px;
    margin-right: 24px;
}
.timeline_quote-title {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.timeline_circle {
    background-color: #fff;
    border-radius: 100%;
    width: 15px;
    min-width: 15px;
    max-width: 15px;
    height: 15px;
    min-height: 15px;
    max-height: 15px;
    position: sticky;
    top: 50vh;
    box-shadow: 0 0 0 8px #0a0a0a;
}
.timeline_left {
    text-align: right;
    justify-content: flex-end;
    align-items: stretch;
}
.margin-bottom-xlarge {
    margin-bottom: 56px;
}
.timeline_definition-wrapper {
    background-color: #ffffff0d;
    border-radius: 16px;
    padding: 16px;
}
.timeline_item {
    z-index: 2;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 180px 1fr;
    grid-auto-columns: 1fr;
    padding-top: 80px;
    padding-bottom: 80px;
    display: grid;
    position: relative;
}
.timeline_progress {
    z-index: -2;
    background-color: #414141;
    width: 3px;
    height: 100%;
    position: absolute;
}
.section-timeline {
    z-index: -3;
    background-color: #0a0a0a;
    position: relative;
}
.timeline_milestone-badge {
    color: #161616;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 24px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    display: inline-block;
}
.animwrap {
    width: 100%;
    position: relative;
}
.linethrogh {
    background-color: #f2f2f2;
    width: 100%;
    height: 1px;
    margin-left: 0;
    position: relative;
}
.newfixedbg {
    z-index: 0;
    position: fixed;
    inset: 0;
}
.footermorerow {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
}
.eachrow {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    display: flex;
}
.rowitemwrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}
.sectionwrapper {
    grid-column-gap: 96px;
    grid-row-gap: 96px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    margin-top: 29px;
    display: flex;
    position: relative;
}
.footerwrapper {
    flex-flow: column;
    width: 100%;
    max-width: 86.25rem;
    display: flex;
}
.morelinkholder {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}
.moreitems {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    width: 100%;
    padding-bottom: 56px;
    display: flex;
}
.morelinkcontainer {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
    align-items: center;
    width: 66%;
    display: flex;
}
.morelinkitem {
    width: 100%;
}
.morefeatureimage {
    max-width: 86%;
}
.slider01_slide {
    width: 100%;
    margin-right: 2rem;
}
.text-size-medium-2 {
    font-size: 1.125rem;
}
.slider01_mask {
    width: 33.33%;
    overflow: visible;
}
.testimonial20_arrow-icon {
    color: #000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex;
}
.testimonial-card_stars-wrap {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    display: flex;
}
.slider_arrow {
    border: 2px solid var(--border-dark);
    background-color: var(--bg-light-grey-new);
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 2.5rem;
    transition: background-color 0.3s ease-out;
    display: flex;
    inset: auto 0% 0% auto;
}
.slider_arrow:hover {
    background-color: #d5d1c9;
}
.slider_arrow.is-left {
    border-color: var(--border-dark);
    background-color: var(--bg-light-grey-new);
    right: 4rem;
}
.slider01_comp {
    background-color: #0000;
    width: 100%;
    height: auto;
    padding-bottom: 5rem;
    position: relative;
}
.testimonial-card_content-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
}
.testimonial-person_item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: left;
    align-items: center;
    margin-top: auto;
    display: flex;
}
.u-txt-semibold {
    font-weight: 600;
}
.testimonial-person_img {
    object-fit: cover;
    border-radius: 100%;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
}
.slider_pagination {
    height: 1.75rem;
    font-size: 0.5rem;
    display: none;
    inset: auto auto 0% 0%;
}
.testimonial-card_star {
    width: 1.25rem;
    height: 1.25rem;
}
.testimonial-card1_item {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background-color: #49432829;
    border-radius: 1.5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 2rem;
    display: flex;
}
.primaryfeatureimage {
    background-color: var(--card-bg-white-50-new);
    object-fit: contain;
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: relative;
    overflow: clip;
}
.secondaryfeatureimage {
    object-fit: contain;
    width: 100%;
    height: 100%;
    position: relative;
}
.secondaryfeatureimage.contain {
    object-fit: contain;
}
.comparecontainer {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1440px;
    display: flex;
}
.heading-13 {
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 600;
}
.form-block-4 {
    font-family:
        DM Sans,
        sans-serif;
}
.heading-14 {
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 600;
}
.paragraph-4 {
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 300;
}
.heading-15 {
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 600;
}
.heading-16,
.heading-17 {
    font-family:
        DM Sans,
        sans-serif;
}
.paragraph-5,
.paragraph-6 {
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 300;
}
.bold-text-2 {
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 600;
}
.heading-18 {
    font-family:
        DM Sans,
        sans-serif;
}
.bold-text-3 {
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 600;
}
.heading-19,
.heading-20,
.heading-21,
.heading-22,
.heading-23 {
    font-family:
        DM Sans,
        sans-serif;
}
.image-15 {
    width: 100%;
    height: 100%;
}
.app-download-header_right-content-bf {
    flex-direction: column;
    flex: 1;
    align-items: center;
    display: flex;
}
.integration-header_subhead-text-bf {
    opacity: 0.7;
    color: #fff;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 140%;
}
.div-block-48 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.div-block-49 {
    text-align: left;
}
.paragraph-7 {
    padding-top: 30px;
}
.div-block-50 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}
.flex-block-2 {
    justify-content: center;
    align-items: center;
}
.flex-block-3 {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
}
.div-block-51 {
    margin-left: 10px;
}
.div-block-52 {
    width: auto;
    margin-bottom: 5px;
    margin-right: 6px;
}
.flex-block-4 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;
    padding-left: 0;
}
.flex-block-5,
.flex-block-6 {
    width: 22px;
}
.pricing-tier-label {
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 600;
}
.text-block-18 {
    font-weight: 300;
}
.secondary-pricing-text {
    color: var(--light-black);
    font-family:
        DM Sans,
        sans-serif;
    font-size: 0.8rem;
    font-weight: 300;
}
.pricetable_price-description-enterprise {
    opacity: 0.6;
    min-height: 4.3rem;
    color: var(--black);
    text-align: center;
    font-family:
        DM Sans,
        sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5;
}
.button-6 {
    color: var(--border-new);
    border-radius: 1.5rem;
    font-family:
        DM Sans,
        sans-serif;
    font-weight: 500;
    line-height: 1.5rem;
    display: flex;
}
@media screen and (min-width: 1280px) {
    .heading-xlarge,
    .heading-xlarge.m-h1 {
        color: #000;
    }
    .integration-picker_component {
        flex-flow: row;
    }
    .app-download-header_component {
        align-items: center;
    }
    .pricechart_title-row.new,
    .pricechart_row.new {
        justify-content: space-between;
        align-items: flex-start;
    }
    .code-embed-3 {
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .headlinemain {
        font-size: 3.2rem;
    }
    .subheadline {
        font-size: 1rem;
    }
    .subheadline.text-colour-white {
        padding-bottom: 10px;
    }
    .avatarwrap {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .comparison-table {
        width: 1080px;
    }
    .footer {
        padding-left: 8.33%;
        padding-right: 8.33%;
    }
    .footercredit {
        color: #00000080;
    }
    .heading-24 {
        color: #fff;
        text-align: left;
        padding-bottom: 10px;
        font-size: 1.2rem;
        font-weight: 400;
    }
    .heading-25 {
        color: #202228;
    }
    .heading-26 {
        color: #fff;
    }
    .heading-27 {
        color: #fff;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        padding-bottom: 10px;
        font-size: 1.22rem;
        font-weight: 400;
    }
}
@media screen and (min-width: 1440px) {
    .container-large {
        max-width: 1440px;
    }
    .heading-xlarge {
        font-size: 3.25rem;
        font-weight: 500;
    }
    .integration-header_component {
        border: 1px solid var(--border-new);
        background-color: var(--bg-secondary-new);
    }
    .heading-xxlarge {
        font-size: 4rem;
        font-weight: 500;
    }
    .integration-header_subhead-text {
        color: #000;
    }
    .integration-picker_component {
        object-fit: contain;
    }
    .integration-picker_item {
        display: block;
    }
    .integration-picker_wrapper {
        object-fit: scale-down;
    }
    .app-download-header_component {
        object-fit: fill;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        max-width: 100%;
        overflow: visible;
    }
    .app-download-header_right-content {
        object-fit: fill;
        display: flex;
    }
    .app-download-header_image {
        object-fit: contain;
        order: 0;
    }
    .compare_tab-content,
    .about---header-wrapper {
        background-color: var(--bg-light-grey-new);
        background-image: none;
    }
    ._3col---wrapper {
        max-width: 86.2rem;
    }
    .mainlogo {
        margin-left: 0;
    }
    .navlinkitem {
        font-family:
            DM Sans,
            sans-serif;
        font-weight: 400;
    }
    .pagewrapper {
        justify-content: flex-start;
        align-items: center;
    }
    .hero {
        padding-left: 96px;
    }
    .hero-objects {
        justify-content: space-between;
        align-items: center;
    }
    .release-info {
        font-weight: 400;
    }
    .headlinemain {
        font-size: 3.2em;
    }
    .subheadline {
        width: 95%;
        font-size: 1em;
    }
    .buttonlabel {
        font-size: 16px;
    }
    .compare-table {
        padding-left: 96px;
        padding-right: 96px;
    }
    .testmonialcontentsm {
        width: 100%;
        font-size: 1.1rem;
        position: relative;
    }
    .ticker-content,
    .slider {
        width: 100%;
    }
    .features {
        padding-left: 96px;
        padding-right: 96px;
    }
    .icon-container,
    .icon-container.left {
        justify-content: center;
        align-items: center;
    }
    .bodytextlarge.leftalign {
        flex: none;
        height: 100%;
    }
    .bgglow.oncomprarison {
        overflow: clip;
    }
    .comparison {
        background-color: #fff0;
        padding-left: 44px;
        padding-right: 44px;
    }
    .hero-headline-7 {
        font-weight: 600;
    }
    .main-content {
        max-width: 1080px;
    }
    .apps-container {
        justify-content: center;
        align-items: center;
    }
    .footernavtitle {
        font-weight: 600;
    }
    .bidirectional-image {
        width: 53%;
    }
    .nav-holder {
        object-fit: fill;
        justify-content: space-between;
        align-items: center;
        max-width: 1440px;
    }
    .featurewrap {
        width: 100%;
    }
    .morefeatureimage {
        max-width: 59%;
    }
    .integration-header_subhead-text-bf {
        color: #000;
    }
    .integration-header_subhead-text-bf.text-colour-white {
        color: #fff;
    }
    .flex-block-7 {
        display: none;
    }
}
@media screen and (max-width: 991px) {
    h1 {
        font-size: 56px;
    }
    h2 {
        font-size: 46px;
    }
    h3 {
        font-size: 42px;
    }
    h4 {
        font-size: 32px;
    }
    h5 {
        font-size: 24px;
    }
    h6 {
        font-size: 22px;
    }
    p {
        font-size: 16px;
    }
    a {
        font-size: 20px;
    }
    .wide-container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .fixed-page-background {
        width: 100%;
        height: 100vh;
    }
    .padding-xlarge {
        padding: 3rem;
    }
    .margin-xlarge {
        margin: 3rem;
    }
    .show-tablet {
        display: block;
    }
    .padding-xhuge {
        padding: 6rem;
    }
    .hide-tablet {
        display: none;
    }
    .heading-small {
        font-size: 22px;
    }
    .padding-xxhuge {
        padding: 8rem;
    }
    .padding-huge {
        padding: 5rem;
    }
    .margin-large {
        margin: 2.5rem;
    }
    .spacing-clean {
        margin: 0;
        padding: 0;
    }
    .max-width-full-tablet {
        width: 100%;
        max-width: none;
    }
    .padding-xxlarge {
        padding: 4rem;
    }
    .padding-large {
        padding: 2.5rem;
    }
    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0;
    }
    .button.max-width-full.secondary-grey-text.tablet {
        font-size: 16px;
    }
    .button.is-blogpost {
        flex: none;
    }
    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .margin-vertical {
        margin-left: 0;
        margin-right: 0;
    }
    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .styleguide_1-col {
        grid-row-gap: 56px;
    }
    .text-size-tiny {
        font-size: 14px;
    }
    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }
    .heading-xsmall {
        font-size: 24px;
    }
    .heading-xsmall.text-align-center.tablet {
        font-size: 20px;
    }
    .text-size-regular {
        font-size: 1.125rem;
    }
    .text-size-regular.text-align-center.tablet,
    .text-size-regular.component {
        font-size: 16px;
    }
    .margin-huge {
        margin: 5rem;
    }
    .styleguide_section {
        grid-column-gap: 2.5rem;
        grid-template-columns: 1fr;
    }
    .padding-medium {
        padding: 1.5rem;
    }
    .text-size-small {
        font-size: 18px;
    }
    .text-size-small.text-align-center.text-style-italic.text-style-muted-80.text-weight-medium.line-height-170 {
        font-size: 16px;
    }
    .margin-xxlarge {
        margin: 4rem;
    }
    .padding-vertical {
        padding-left: 0;
        padding-right: 0;
    }
    .text-size-large {
        font-size: 24px;
    }
    .margin-xhuge {
        margin: 6rem;
    }
    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0;
    }
    .heading-large {
        font-size: 22px;
    }
    .heading-large.tab-header {
        margin-top: -3rem;
        position: absolute;
        inset: 0% 0% auto;
    }
    .text-align-center.tablet {
        font-size: 40px;
    }
    .margin-medium {
        margin: 1.5rem;
    }
    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
    .margin-xxhuge {
        margin: 8rem;
    }
    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
    }
    .page-padding {
        padding-left: 30px;
        padding-right: 30px;
    }
    .heading-xlarge {
        font-size: 32px;
    }
    .heading-xlarge.m-h1 {
        font-size: 46px;
    }
    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    .text-size-medium {
        font-size: 20px;
    }
    .text-size-medium.text-weight-medium {
        font-size: 14px;
    }
    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .padding-bottom.padding-small {
        padding-bottom: 16px;
    }
    .padding-bottom.is-social-spacer {
        padding-bottom: 80px;
    }
    .padding-bottom.is-social-spacer.is-twitter {
        padding-bottom: 10px;
    }
    .heading-medium {
        font-size: 42px;
    }
    .nav_container {
        height: 60px;
    }
    .nav_menu {
        background-color: #eef1ff00;
    }
    .button-secondary.is-nav-mobile {
        background-color: var(--ss-orange);
        color: #fff;
        border-style: none;
        border-radius: 99px;
        padding: 8px 16px;
        font-size: 14px;
        display: none;
        position: static;
        inset: 14px 100px auto auto;
    }
    .button-secondary.is-small-orange {
        font-size: 14px;
    }
    .nav_buttons-wrapper.hide-tablet {
        display: flex;
    }
    .section_home-header {
        padding-top: 8rem;
    }
    .home-features_component {
        grid-row-gap: 0px;
    }
    .home-features_row-item {
        grid-column-gap: 30px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .home-feature_copy-wrapper,
    .home-feature_image-wrapper {
        width: 50%;
    }
    .home-feature_image {
        width: 100%;
    }
    .section_home-integrations {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .home-integration_row {
        grid-column-gap: 24px;
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .home-integration_component {
        grid-row-gap: 30px;
    }
    .home-integration_copy-wrapper {
        margin-bottom: 40px;
    }
    .home-integration_left-content {
        width: 40%;
    }
    .home-integration_right-content {
        width: 50%;
    }
    .home-integration_image {
        width: 100%;
    }
    .home-integration_icons-wrapper {
        padding-top: 8px;
    }
    .home-integration_icons {
        height: 40px;
    }
    .section_home-feature-grid {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .section_footer {
        padding-top: 0;
    }
    .footer_optin {
        margin-bottom: 50px;
    }
    .container-xxsmall {
        max-width: 480px;
    }
    .footer_menu {
        padding-top: 16px;
        padding-bottom: 50px;
    }
    .footer-menu_left {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }
    .footer-menu_logo {
        height: 15px;
    }
    .footer-menu_text-link {
        font-size: 14px;
    }
    .footer-menu_right {
        display: 30pxpx;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-direction: column;
    }
    .footer_submenu {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .menu-button,
    .menu-button.w--open {
        background-color: #0000;
    }
    .icon {
        color: var(--black);
    }
    .nav_buttons-inside-menu {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-direction: column;
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 20px;
        display: none;
    }
    .nav_button-text_inside-menu,
    .button-secondary_inside-menu {
        padding: 8px 16px;
        font-size: 18px;
    }
    .button-secondary_inside-menu.is-nav-mobile {
        background-color: var(--ss-orange);
        color: #fff;
        border-style: none;
        border-radius: 99px;
        padding: 8px 16px;
        font-size: 14px;
        display: block;
        position: absolute;
        inset: 14px 100px auto auto;
    }
    .home_header-subhead {
        font-size: 22px;
    }
    .nav_dropdown-toggle {
        grid-column-gap: 12px;
    }
    .nav_dropdown {
        flex-direction: column;
        justify-content: center;
        margin-right: 0;
        display: flex;
    }
    .nav_dropdown-list.w--open {
        background-color: #0000;
        border-style: none;
        position: relative;
    }
    .nav_dropdown-link {
        text-align: center;
        font-size: 18px;
    }
    .integration-header_component {
        grid-column-gap: 10px;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .integration-header_icon-wrapper {
        top: 20px;
        left: 20px;
    }
    .heading-xxlarge {
        font-size: 32px;
    }
    .integration-feature_image {
        width: 100%;
    }
    .integration-features_row-item {
        grid-column-gap: 30px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .blog-header_categories {
        grid-row-gap: 12px;
        flex-wrap: wrap;
    }
    .blog-category_item {
        padding: 10px 18px;
        font-size: 14px;
    }
    .section_posts {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .blog-list_wrapper {
        max-width: 800px;
    }
    .blog-list_list {
        grid-row-gap: 80px;
    }
    .blog-list_category {
        margin-bottom: 16px;
        padding: 6px 16px;
        font-size: 14px;
    }
    .blog-posts_metadata,
    .footer-submenu_created-by-text {
        font-size: 14px;
    }
    .blog-post_richtext h2 {
        font-size: 42px;
    }
    .blog-post_richtext h4 {
        font-size: 28px;
    }
    .blog-post_richtext h3 {
        font-size: 32px;
    }
    .blog-post_richtext figure {
        border-radius: 16px;
    }
    .section_blog-post {
        margin-top: 60px;
        margin-bottom: 60px;
        padding-top: 40px;
    }
    .related-content_wrapper {
        max-width: 800px;
    }
    .related-content_list {
        grid-row-gap: 80px;
    }
    .related-content_category {
        margin-bottom: 16px;
        padding: 6px 16px;
        font-size: 14px;
    }
    .integration-picker_component {
        flex-flow: wrap;
    }
    .button-large {
        font-size: 16px;
    }
    .button-large.signup-email-form_button.is-signupemail-page {
        flex: none;
        width: 120px;
        margin-left: -124px;
        padding: 12px 24px;
    }
    .button-large.signup-email-form_button.is-signupemail-page_optin {
        flex: none;
        width: 128px;
        margin-left: -131px;
        padding: 12px 24px;
    }
    .app-download-header_component {
        align-items: flex-start;
    }
    .section_pricing-header.has-bigger-margin {
        margin-top: 120px;
    }
    .pricing-header_component {
        padding-bottom: 60px;
    }
    .pricetable_main-table {
        border-radius: 18px;
        width: 380px;
        padding: 40px 32px;
    }
    .pricetable_toggle-text {
        font-size: 18px;
    }
    .pricetable_price-yearly {
        margin-bottom: 40px;
    }
    .pricetable_price-text {
        font-size: 100px;
    }
    .pricetable_price-description,
    .pricetable_button {
        font-size: 18px;
    }
    .pricetable_disclaimer {
        font-size: 16px;
    }
    .pricetable_table2 {
        border-radius: 18px;
        width: 480px;
    }
    .pricetable_table3 {
        border-radius: 18px;
        width: 570px;
    }
    .pricetable_table4 {
        width: 660px;
    }
    .pricing-features_item-wrapper {
        grid-column-gap: 16px;
    }
    .pricing-features_item {
        grid-row-gap: 12px;
    }
    .pricing-features_text {
        font-size: 18px;
    }
    .pricing-feature_icon {
        width: 40px;
    }
    .twitterfeed-list {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: center;
    }
    .pricing-manifesto_component {
        grid-column-gap: 20px;
    }
    .manifesto_left-content {
        max-width: 60%;
    }
    .manifesto_right-content {
        max-width: 30%;
    }
    .accordion_question {
        margin-bottom: 18px;
    }
    .accordion_response {
        margin-bottom: 48px;
    }
    .accordion_divider {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .accordion_question-wrapper {
        max-width: 90%;
    }
    .icon_horizontal-bar {
        width: 20px;
        height: 1px;
    }
    .icon_vertical-bar {
        width: 1px;
        height: 20px;
    }
    .home_features-lottie-file {
        width: 100%;
    }
    .home_features-row-tall-container {
        width: 30%;
    }
    .lottie-test_heading-xlarge-copy {
        font-size: 32px;
    }
    .blog-post_subscribe-input,
    .blog-post_subscribe-button {
        font-size: 16px;
    }
    .home_header_notification_wrapper {
        margin-top: -2rem;
        margin-bottom: 2rem;
    }
    .paragraph.is-small.text-color-lightblack {
        font-size: 14px;
    }
    .section {
        padding: 80px 40px;
    }
    .section_signupemail-header {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .signupemail_header-icon {
        width: 56px;
    }
    .signupemail_container {
        max-width: 770px;
    }
    .signupemail_h2 {
        font-weight: 500;
    }
    .signupemail_header-text-container {
        grid-row-gap: 4px;
        max-width: 640px;
    }
    .signupemail_disclaimer-text {
        font-size: 14px;
    }
    .section_signupemail-testimonials {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .signupemail_testimonial-header {
        max-width: 550px;
    }
    .signupemail-testimonials_h2 {
        font-size: 32px;
    }
    .signupemail_instagram-reels {
        width: 100%;
        max-width: 57rem;
    }
    .signupemail_slider {
        width: 100%;
        padding-bottom: 48px;
    }
    .signupemail_slider-mask {
        width: 600px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .signupemail_slide {
        border-radius: 10px;
        width: 190px;
        height: 360px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .signupemail_video {
        border-radius: 10px;
        width: 200px;
        height: 360px;
    }
    .signupemail_ig-reel-list {
        flex-wrap: wrap;
        justify-content: center;
    }
    .reels-link.signupemail_link {
        padding: 8px 12px;
    }
    .reels-link.is-reels-link {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 8px 12px;
    }
    .signupemail_left-arrow {
        width: 30px;
        margin-left: 0;
        padding-bottom: 48px;
        inset: 0% auto 0% 20px;
    }
    .signupemail_right-arrow {
        width: 30px;
        margin-right: 0;
        padding-bottom: 48px;
        inset: 0% 20px 0% auto;
    }
    .twitterfeed_component {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-direction: column;
        align-items: stretch;
    }
    .signupemail_twitterfeed-list {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: center;
    }
    .twitterfeed_col {
        grid-column-gap: 16px;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }
    .twitterfeed_tweetwrapper {
        border-radius: 10px;
        width: 100%;
        padding: 15px;
    }
    .twitterfeed_username-wrapper {
        grid-column-gap: 4px;
    }
    .twitterfeed_twitter-icon {
        width: 20px;
    }
    .twitterfeed_thumbnail {
        width: 32px;
    }
    .twitterfeed_username,
    .twitterfeed_name {
        font-size: 12px;
    }
    .twitterfeed_verified-icon {
        width: 14px;
    }
    .twitterfeed_paragraph,
    .twitterfeed_link {
        font-size: 12px;
    }
    .section_signupemail-optin {
        padding-top: 50px;
        padding-bottom: 64px;
    }
    .optin_component-slim {
        grid-row-gap: 32px;
        border-radius: 16px;
        flex-direction: column;
        width: 100%;
        padding: 24px 40px 32px;
    }
    .signupemail-optin_headline-wrapper {
        flex-direction: column;
    }
    .signupemail_optin-icon {
        width: 64px;
    }
    .signupemail-optin_headline-subheadline {
        align-items: center;
    }
    .signupemail-optin_text-field {
        width: 440px;
        height: 54px;
        padding: 18px;
        font-size: 16px;
    }
    .signupemail_form-text-field {
        width: 440px;
        height: 54px;
        padding: 26px 18px;
        font-size: 16px;
    }
    .signupemail-header_disclaimer-headline {
        font-size: 14px;
    }
    .section_home-features_b-test {
        margin-bottom: 320px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .home_features-lottie-file_test {
        width: 100%;
    }
    .home_features-row_test {
        height: 500px;
        margin-bottom: 0;
    }
    .home_features-row_test.is-right-align {
        height: 300px;
    }
    .home_features-row-image-wrapper {
        width: 100%;
    }
    .home_features-copy-fixed-width {
        width: 30%;
    }
    .home_features-copy-wrapper {
        width: auto;
    }
    .section_love-header {
        padding-top: 120px;
        padding-bottom: 50px;
    }
    .love-header_header-wrapper {
        max-width: none;
        margin-bottom: 32px;
    }
    .text-style_subheadline {
        font-size: 18px;
    }
    .text-style_subheadline.is-about {
        text-align: center;
    }
    .love-header_producthunt-wrapper {
        max-width: 90%;
        margin-bottom: 100px;
    }
    .love-header_producthunt-logowrap {
        grid-column-gap: 10px;
        justify-content: space-around;
        margin-bottom: 16px;
        padding-left: 22px;
        padding-right: 22px;
    }
    .love-header_producthunt-logo {
        grid-column-gap: 8px;
        flex: 1;
        padding: 8px 16px;
    }
    .love-header_producthunt-bage {
        width: 20px;
    }
    .love-header_producthunt-text-one {
        font-size: 9px;
    }
    .love-header_producthunt-text-two {
        font-size: 10px;
    }
    .love-header_producthunt-rating {
        max-width: 300px;
    }
    .love-header_producthunt-5stars {
        grid-column-gap: 10px;
    }
    .love-header_5stars {
        width: 72px;
    }
    .love-header_producthunt-textrating,
    .love-header_producthunt-text {
        font-size: 12px;
    }
    .love-header_logofeature {
        grid-column-gap: 40px;
        grid-row-gap: 24px;
        justify-content: center;
    }
    .love-feature_logo {
        width: 100px;
    }
    .love-feature_logo._2 {
        width: 80px;
    }
    .love-feature_logo._3 {
        width: 70px;
    }
    .love-feature_logo._4 {
        width: 100px;
    }
    .love-feature_logo._5 {
        width: 90px;
    }
    .section_love-loveletters {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .love-loveletter_header-wrapper {
        max-width: none;
    }
    .loveletter_from-text,
    .loveletter_testimonial p {
        font-size: 14px;
    }
    .section_love-socialmedia {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .reels-slider-wrapper {
        width: 100%;
        max-width: 57rem;
    }
    .reels-slider {
        justify-content: flex-start;
        width: 100%;
        padding-bottom: 48px;
        display: flex;
    }
    .reels-slider-mask {
        width: 190px;
        height: 360px;
        margin-right: auto;
        overflow: visible;
    }
    .reels-slide {
        border-radius: 10px;
        width: 190px;
        height: 360px;
        margin-left: 0;
        margin-right: 16px;
    }
    .social-slider-left-arrow {
        width: 32px;
        top: -72px;
        right: 40px;
    }
    .reels-arrow {
        width: 32px;
    }
    .social-slider-right-arrow {
        width: 32px;
        top: -72px;
    }
    .reel-cms-list {
        flex-wrap: wrap;
        justify-content: center;
    }
    .reels-video {
        border-radius: 10px;
        width: 100%;
        height: 100%;
    }
    .socials-header-wrapper {
        margin-bottom: 32px;
        padding-top: 6px;
    }
    .socials-title {
        font-size: 20px;
    }
    .twitter-slider-wrapper {
        width: 100%;
        max-width: 57rem;
    }
    .twitter-slider {
        width: 100%;
        padding-bottom: 48px;
    }
    .twitter-slider-mask {
        width: 300px;
        height: auto;
        margin-right: auto;
        overflow: visible;
    }
    .twitter-slide {
        border-radius: 10px;
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .twitterfeed_tweet,
    .twitterfeed_tweet a,
    .twitterfeed_date-time {
        font-size: 12px;
    }
    .twitterfeed_wrapper {
        border-radius: 10px;
        width: 100%;
        padding: 15px;
    }
    .youtube-slider-wrapper {
        width: 100%;
        max-width: 57rem;
    }
    .youtube-slider {
        width: 100%;
        padding-bottom: 48px;
    }
    .youtube-slider-mask {
        width: 100%;
        height: auto;
        margin-left: auto;
        overflow: visible;
    }
    .youtube-slide {
        border-radius: 10px;
        width: 49%;
        height: auto;
        margin-left: 5px;
        margin-right: 5px;
    }
    .youtube-video-title {
        font-size: 16px;
    }
    .youtube-videowrapper {
        border-radius: 4px;
        margin-bottom: 16px;
    }
    .youtube-thumbnail {
        width: 32px;
    }
    .youtube-channel-name {
        font-size: 12px;
    }
    .youtube-channel-subs {
        font-size: 10px;
    }
    .youtube-description {
        font-size: 11px;
        line-height: 1.5;
    }
    .love-header_subheadwrapper {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .splide__list {
        justify-content: flex-start;
    }
    .splide__slide {
        border-radius: 10px;
        width: 33.3333%;
    }
    .splide__slide.twitter {
        width: 33.3333%;
    }
    .splide__arrows {
        align-items: center;
        height: auto;
        margin-bottom: 32px;
        padding-top: 0;
    }
    .splide__arrow {
        width: auto;
        height: auto;
        margin-left: 0;
        padding: 24px;
    }
    .socials-header-wrapper-copy {
        margin-bottom: 32px;
        padding-top: 6px;
    }
    .slider-item-wrapper {
        z-index: 1;
        padding-top: 179%;
    }
    .arrow-icon {
        width: 32px;
    }
    .slider-button-wrapper {
        grid-column-gap: 5px;
    }
    .section_competitor-pricechart {
        padding-top: 120px;
        padding-bottom: 64px;
    }
    .pricechart-header_header-wrapper {
        max-width: none;
        margin-bottom: 72px;
    }
    .pricechart-header_subheadwrapper {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .pricechart-table_component {
        border-radius: 20px;
        padding-bottom: 24px;
    }
    .pricechart_main-wrapper {
        padding-bottom: 24px;
    }
    .pricechart_title-row {
        width: 160px;
    }
    .pricechart_title-row.is-alternativeto {
        width: 100%;
    }
    .pricechart-cell_rowheader {
        width: 100px;
        height: 56px;
        padding: 10px;
    }
    .pricechart_rowheader-text {
        font-size: 14px;
    }
    .pricechart_cell {
        width: 100px;
        height: auto;
        min-height: 40px;
        padding: 10px;
    }
    .pricechart_description {
        font-size: 12px;
    }
    .pricechart_row {
        width: 160px;
    }
    .pricechart_row.is-alternativeto {
        width: 100%;
    }
    .pricechart_description-cell {
        width: 160px;
        height: auto;
        min-height: 40px;
        padding: 10px 12px 10px 18px;
    }
    .pricechart-cell_feature-rowheader {
        width: 160px;
        height: 56px;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 18px;
    }
    .pricechart_logo {
        width: 32px;
    }
    .pricechart_logo-text {
        font-size: 12px;
    }
    .pricechart_check,
    .pricechart_cross {
        height: 18px;
    }
    .pricechart_fixed-column {
        align-items: stretch;
        width: 260px;
        display: flex;
    }
    .pricechart-shadow {
        background-image: linear-gradient(90deg, #0003, #80808000);
        width: 32px;
    }
    .fixed-column-wrapper {
        flex: none;
        width: 100%;
    }
    .compare_tabs-menu {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: center;
    }
    .compare_tab-content {
        grid-row-gap: 32px;
        border-radius: 16px;
        flex-direction: column;
        width: 100%;
        padding: 24px 40px 32px;
    }
    .tab-content_direct-competitor {
        padding-left: 0;
        padding-right: 0;
    }
    .tab-content_column.is-ndc-left {
        width: 60%;
        max-width: none;
    }
    .tab-content_column.is-ndc-right {
        width: 40%;
        max-width: none;
    }
    .tab-content_logo-wrap {
        grid-column-gap: 4px;
        margin-bottom: 6px;
        padding: 4px 8px 4px 6px;
    }
    .tab-content_logo {
        height: 20px;
    }
    .tab-content_app-name {
        font-size: 12px;
    }
    .tab-content_header {
        font-size: 18px;
    }
    .tab-content_divider {
        margin-top: 18px;
        margin-bottom: 18px;
    }
    .tab-content_divider.is-large {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .tab-content_richtext {
        font-size: 16px;
    }
    .tab-content_richtext h2,
    .tab-content_richtext h4 {
        margin-bottom: 8px;
        font-size: 16px;
    }
    .tab-content_richtext p {
        margin-bottom: 20px;
        font-size: 12px;
    }
    .tab-content_richtext h3 {
        margin-bottom: 8px;
        font-size: 16px;
    }
    .tab-content_testimonial {
        grid-column-gap: 64px;
    }
    .tab-content_testimonial-header-wrapper {
        width: 600px;
        max-width: none;
    }
    .tab-content_user-testimonial {
        font-size: 12px;
    }
    .tab-content_ndc-content-wrapper {
        grid-column-gap: 20px;
    }
    .tab-content_ndc-logo-wrapper {
        grid-column-gap: 8px;
    }
    .tab-content_link {
        font-size: 12px;
    }
    .compare_tab-content-2 {
        grid-row-gap: 32px;
        border-radius: 16px;
        flex-direction: column;
        width: 100%;
        padding: 24px 40px 32px;
    }
    .integration-link-block {
        margin-bottom: 64px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .integration_text-link {
        font-size: 16px;
    }
    .integration_doc-icon {
        width: 20px;
    }
    .blog_author_component {
        padding: 30px;
    }
    .blog_author_left {
        grid-column-gap: 10px;
        width: 60%;
        max-width: none;
    }
    .blog_author_right {
        grid-row-gap: 20px;
        width: 40%;
    }
    .author_thumbnail {
        width: 48px;
        height: 48px;
    }
    .author_name {
        margin-bottom: 4px;
        font-size: 24px;
    }
    .blog_author_bio-text {
        font-size: 14px;
    }
    .author_social-link {
        width: 32px;
        height: 32px;
    }
    .author_social-icon {
        max-height: 16px;
    }
    .author_button {
        font-size: 14px;
    }
    .section_author-main {
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .author-info {
        grid-column-gap: 16px;
    }
    .blog_author_thumbnail {
        width: 48px;
        height: 48px;
    }
    .blog_author_name,
    .blog_author_bio {
        font-size: 16px;
    }
    .blog_author_social-link {
        width: 32px;
        height: 32px;
    }
    .blog_author_social-icon {
        max-height: 16px;
    }
    .author_bio {
        font-size: 16px;
    }
    .section_about-header {
        padding-top: 120px;
        padding-bottom: 80px;
    }
    .about_header-wrapper {
        max-width: none;
    }
    .section_about-slider {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .about_left-arrow {
        width: 72px;
    }
    .about_right-arrow {
        width: 72px;
        height: auto;
    }
    .about_slider-content {
        grid-row-gap: 0rem;
        height: 370px;
        padding: 40px 72px;
    }
    .about_slider-story {
        grid-row-gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .about_slider-image {
        object-fit: cover;
        width: 50%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .about_story-textwrapper {
        text-align: center;
        flex-direction: column;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .about_slider-timeline {
        width: 84.5%;
    }
    .about_timeline-year {
        font-size: 12px;
    }
    .section_about-philosophy {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .about-philosophy_component {
        grid-row-gap: 60px;
        flex-direction: column;
    }
    .about_left-content {
        text-align: center;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        position: static;
    }
    .about_left-content.is-header {
        max-width: none;
    }
    .about_right-content {
        width: 100%;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .about-philosophy_title {
        font-size: 22px;
    }
    .about-philosophy_text {
        font-size: 14px;
    }
    .slide-body-wrapper,
    .slide-header-wrapper {
        width: 100%;
    }
    .page-divider {
        width: 90%;
        max-width: none;
    }
    .home_header-subhead-affiiliate {
        font-size: 22px;
    }
    .about---header-wrapper {
        grid-row-gap: 32px;
        border-radius: 16px;
        flex-direction: column;
        width: 100%;
        padding: 24px 40px 32px;
    }
    .c0l.col-lg-6.col-md-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .c0l.col-lg-6.col-md-8 {
        flex-basis: 66.67%;
        max-width: 66.67%;
    }
    .c0l.col-lg-6.col-md-10 {
        flex-basis: 83.33%;
        max-width: 83.33%;
    }
    .c0l.col-lg-4.col-md-1 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .c0l.col-lg-4.col-md-5 {
        flex-basis: 41.6667%;
        max-width: 41.6667%;
    }
    .c0l.col-lg-4.col-md-7 {
        flex-basis: 58.333%;
        max-width: 58.333%;
    }
    .c0l.col-lg-4.col-md-8 {
        flex-basis: 66.67%;
        max-width: 66.67%;
    }
    .price-card {
        grid-row-gap: 24px;
        justify-content: space-between;
        padding: 20px;
    }
    .heading-small-medium {
        font-size: 1.5rem;
    }
    .heading-small-medium.text-align-center.tablet {
        font-size: 24px;
    }
    .pricetable_price-text-2 {
        font-size: 48px;
    }
    .pricetable_price-description-2 {
        text-align: left;
        font-size: 0.9rem;
    }
    .price-wrapper {
        grid-row-gap: 10px;
        flex-direction: column;
    }
    .link {
        font-size: 14px;
    }
    .col.col-md-4 {
        flex-basis: 33.33%;
        max-width: 33.3333%;
    }
    .col.col-md-8 {
        flex-basis: 66.67%;
        max-width: 66.6667%;
    }
    .col.col-md-3 {
        flex-basis: 25%;
        max-width: 25%;
    }
    .col.col-md-first {
        order: -1;
    }
    .col.col-md-7 {
        flex-basis: 58.33%;
        max-width: 58.3333%;
    }
    .col.col-md-1 {
        flex-basis: 8.33%;
        max-width: 8.33333%;
    }
    .col.col-md-last {
        order: 1;
    }
    .col.col-md-10 {
        flex-basis: 83.33%;
        max-width: 83.3333%;
    }
    .col.col-md-9 {
        flex-basis: 75%;
        max-width: 75%;
    }
    .col.col-md-5 {
        flex-basis: 41.67%;
        max-width: 41.6667%;
    }
    .col.col-md-11 {
        flex-basis: 91.67%;
        max-width: 91.6667%;
    }
    .col.col-md-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .col.col-md-6 {
        flex-basis: 50%;
        max-width: 50%;
    }
    .col.col-md-2 {
        flex-basis: 16.67%;
        max-width: 16.6667%;
    }
    .section_alternativeto-header {
        padding-top: 8rem;
    }
    .blog-post_sidebar-optin {
        display: none;
    }
    .blog-post_optin-post {
        grid-column-gap: 10rem;
        grid-row-gap: 10rem;
    }
    .home_header-callout {
        font-size: 22px;
    }
    .hero-wrapper {
        padding-top: 3rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .hero---header-wrapper {
        max-width: none;
        margin-bottom: 4rem;
    }
    .hero-subheader---wrapper {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .hero---image-wrapper {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .hero-image {
        width: 100%;
    }
    .hero-tag {
        margin-bottom: 20px;
    }
    .testimonial-wrapper {
        width: 90%;
        max-width: none;
    }
    .text-size-xlarge {
        font-size: 20px;
    }
    ._2col---wrapper {
        align-items: flex-start;
    }
    ._2col---image-wrapper {
        width: 50%;
    }
    ._2col---image.is-75width {
        width: 95%;
    }
    .component---button.max-width-full.secondary-grey-text.tablet {
        font-size: 16px;
    }
    .component---button.is-blogpost {
        flex: none;
    }
    .column-item {
        padding: 1rem 1rem 2rem;
    }
    ._3col---image-wrapper {
        height: 10rem;
    }
    .component---button-small {
        justify-content: center;
        width: 100%;
        font-size: 14px;
        display: flex;
    }
    ._3col---image {
        height: 100%;
    }
    .component---footer {
        padding-top: 0;
    }
    .footer---button {
        font-size: 16px;
    }
    .footer---button.signup-email-form_button.is-signupemail-page {
        flex: none;
        width: 120px;
        margin-left: -124px;
        padding: 12px 24px;
    }
    .footer---button.signup-email-form_button.is-signupemail-page_optin {
        flex: none;
        width: 128px;
        margin-left: -131px;
        padding: 12px 24px;
    }
    .footer-component {
        margin-bottom: 50px;
    }
    .media-logos---wrapper {
        grid-column-gap: 48px;
        grid-row-gap: 32px;
        justify-content: center;
    }
    .media-logo {
        width: 100px;
    }
    .media-logo.size-2 {
        width: 80px;
    }
    .media-logo.size-3 {
        width: 70px;
    }
    .media-logo.size-4 {
        width: 100px;
    }
    .media-logo.size-5 {
        width: 90px;
    }
    .tabbed-content---wrapper {
        flex-direction: column;
    }
    .tabs-menu {
        flex-direction: row;
    }
    .tab-link {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        text-align: center;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 20%;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
    }
    .tab-link.w--current {
        padding: 1rem 1.2rem;
    }
    .tabs-content {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        inset: 0% 0% auto;
    }
    .tabbed-content---right-column,
    .tabbed-content---left-column {
        width: 100%;
    }
    .spacer {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .case-study---wrapper {
        align-items: flex-start;
    }
    .case-study---image-wrapper {
        align-self: stretch;
        width: 50%;
    }
    .case-study---text-column {
        padding: 2rem 2.5rem;
    }
    .case-study---text-wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }
    .case-study---image.is-75width {
        width: 95%;
    }
    .integration-logos---wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: center;
    }
    .buttons---wrapper {
        flex-flow: column;
        grid-template-columns: 1fr 1fr 1fr;
        display: flex;
    }
    .video-section {
        padding: 80px 40px;
    }
    .video-section---wrapper {
        grid-row-gap: 4rem;
        grid-template-columns: 1fr;
    }
    ._2col---productshot-wrapper-copy {
        width: 50%;
    }
    .code-embed-3 {
        clear: none;
        aspect-ratio: auto;
        object-fit: fill;
        padding-right: 21px;
        display: flex;
    }
    .header-style {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    .mainlogo {
        width: 130px;
    }
    .auth-links {
        grid-column-gap: 10px;
    }
    .navlinkitem {
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 20px;
        position: relative;
    }
    .navlinkitem.login {
        display: none;
    }
    .navlinkitem.ondesktop {
        display: flex;
    }
    .hero {
        padding-left: 28px;
        padding-right: 28px;
    }
    .hero-objects {
        grid-row-gap: 32px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .herocopy {
        width: 100%;
    }
    .subheadline {
        font-size: 0.8rem;
    }
    .trust-text {
        font-size: 13px;
    }
    .compare-table {
        grid-column-gap: 110px;
        grid-row-gap: 110px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        padding: 120px 28px;
    }
    .goodbadcard {
        width: 88%;
    }
    .listholder {
        width: 100%;
    }
    .headline3 {
        font-size: 40px;
    }
    .testmonialcontentsm {
        width: 100%;
    }
    .headline-3-with-grad {
        font-size: 40px;
    }
    .linklabel.witcta {
        font-size: 18px;
    }
    .herovisual {
        width: 100%;
    }
    .sliderarrow.left.onreview {
        margin-left: 0;
        margin-right: 0;
        bottom: -8%;
    }
    .sliderarrow.onreview {
        margin-left: 50px;
        margin-right: 0;
        bottom: -8%;
        left: auto;
        right: auto;
    }
    .features {
        padding-left: 32px;
        padding-right: 32px;
    }
    .headline-4,
    .headline-2,
    .headline-5 {
        font-size: 40px;
    }
    .main-feature {
        grid-row-gap: 40px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 28px;
        padding-left: 28px;
        padding-right: 28px;
    }
    .hero-section {
        width: 60%;
    }
    .hero-description {
        font-size: 14px;
    }
    .primaryfeatureholder,
    .primaryfeatureholder.large {
        width: 100%;
    }
    .other-feature {
        grid-column-gap: 20px;
        height: auto;
    }
    .subfeaturecard {
        justify-content: space-between;
        padding-left: 20px;
        padding-right: 20px;
    }
    .subfeaturecard.spacebtw {
        justify-content: space-between;
    }
    .subfeaturecard.full-height {
        height: 100%;
    }
    .subfeaturetitle {
        font-size: 14px;
    }
    .featureswrap {
        grid-row-gap: 20px;
    }
    .hero-headline-2 {
        font-size: 32px;
    }
    .integrations {
        grid-row-gap: 64px;
        padding-left: 28px;
        padding-right: 28px;
    }
    .intcardwraper {
        grid-row-gap: 28px;
    }
    .int-icon-group {
        grid-column-gap: 10px;
    }
    .section-heading {
        font-size: 40px;
    }
    .bodytextlarge {
        font-size: 16px;
    }
    .bodytextlarge.leftalign {
        font-size: 18px;
    }
    .intcontentwrapper {
        padding: 20px;
    }
    .heading-4 {
        font-size: 20px;
    }
    .inticoncollection {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    .reviews {
        padding: 80px 28px;
    }
    .reviews-container {
        grid-row-gap: 64px;
    }
    .reviewcontent {
        padding: 20px;
    }
    .testimonial-content {
        grid-row-gap: 24px;
    }
    .reviewtext,
    .bodytextmd {
        font-size: 16px;
    }
    .heading-3 {
        font-size: 24px;
    }
    .reviewcard {
        padding: 20px;
    }
    .reviewslide {
        width: 48%;
    }
    .comparison {
        grid-row-gap: 64px;
        padding: 80px 28px;
    }
    .comfeaturetitle {
        font-size: 12px;
    }
    .featurecoloumn {
        justify-content: flex-start;
        align-items: center;
    }
    .companylogoholder {
        justify-content: center;
        align-items: center;
    }
    .comparisontablewrap {
        padding: 19px 20px;
    }
    .call-to-action-container-2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .hero-headline-7 {
        font-size: 20px;
    }
    .community {
        grid-row-gap: 64px;
        padding: 80px 28px;
    }
    .main-content {
        grid-row-gap: 20px;
        flex-flow: column;
    }
    .slackcard {
        width: 100%;
    }
    .twitterlinkedin {
        grid-column-gap: 20px;
        flex-flow: row;
        width: 100%;
    }
    .communitycard {
        padding: 20px;
    }
    .communitycardcontent {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .faqs {
        grid-row-gap: 64px;
        padding: 80px 28px;
    }
    .answer-text {
        font-size: 14px;
    }
    .hero-headline-10 {
        font-size: 24px;
    }
    .cta {
        padding-left: 28px;
        padding-right: 28px;
    }
    .cta-heading {
        font-size: 48px;
    }
    .footer {
        padding-left: 28px;
        padding-right: 28px;
    }
    .apps-container {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }
    .nav-link-holders {
        grid-column-gap: 64px;
        grid-row-gap: 64px;
        flex-flow: column;
        padding-top: 40px;
    }
    .newsletter-text-container {
        grid-column-gap: 32px;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        max-width: 100%;
    }
    .newsletter-text {
        width: 60%;
    }
    .links-container {
        grid-column-gap: 40px;
        grid-row-gap: 60px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        width: 100%;
        display: grid;
    }
    .footer-container-2 {
        padding-bottom: 28px;
    }
    .more-options {
        grid-row-gap: 64px;
        padding-left: 28px;
        padding-right: 28px;
    }
    .more-fea-wrap {
        grid-row-gap: 28px;
    }
    .more-fea-column {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
    }
    .more-fea-title {
        text-align: center;
        font-size: 20px;
    }
    .bidirectional-image,
    .bidirectional-image.big {
        width: 100%;
    }
    .nav-menu {
        grid-column-gap: 36px;
        grid-row-gap: 36px;
        background-color: #fff;
        border-radius: 10px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 6px;
        padding: 28px 28px 15px;
        font-size: 1rem;
        display: flex;
        position: absolute;
    }
    .newnav {
        padding-left: 2%;
        padding-right: 2%;
    }
    .menu-button-2 {
        padding: 10px;
    }
    .menu-button-2.w--open {
        background-color: #fff;
        border-radius: 13px;
    }
    .navmenuicon {
        color: var(--light-black);
    }
    .form-block-3 {
        margin-bottom: 0;
    }
    .progressholder {
        margin-left: -24px;
    }
    .sectionwrapper {
        grid-column-gap: 64px;
        grid-row-gap: 64px;
    }
    .morelinkholder {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .morelinkcontainer {
        width: 100%;
    }
    .morefeatureimage {
        max-width: 111%;
    }
    .slider01_mask {
        width: 50%;
    }
    .slider01_comp {
        padding-left: 0;
        padding-right: 0;
    }
    .comparecontainer {
        grid-column-gap: 110px;
        grid-row-gap: 110px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
    }
    .flex-block-8 {
        font-size: 0.6rem;
    }
    .pricetable_price-description-enterprise {
        text-align: left;
        font-size: 0.9rem;
    }
    .button-6 {
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .wide-container {
        max-width: 90%;
    }
    .padding-xlarge {
        padding: 2rem;
    }
    .margin-xlarge {
        margin: 2rem;
    }
    .padding-xhuge {
        padding: 4rem;
    }
    .fs-styleguide_row.is-for-social-icons {
        grid-template-rows: auto auto;
    }
    .fs-styleguide_version-details {
        font-size: 0.875rem;
    }
    .heading-small {
        font-size: 1rem;
    }
    .padding-xxhuge {
        padding: 4.5rem;
    }
    .padding-huge {
        padding: 3.5rem;
    }
    .hide-mobile-landscape {
        display: none;
    }
    .margin-large {
        margin: 1.5rem;
    }
    .spacing-clean {
        margin: 0;
        padding: 0;
    }
    .fs-styleguide_3-col {
        grid-template-columns: 1fr 1fr;
    }
    .padding-xxlarge {
        padding: 3rem;
    }
    .padding-large {
        padding: 1.5rem;
    }
    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0;
    }
    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .margin-vertical {
        margin-left: 0;
        margin-right: 0;
    }
    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }
    .heading-xsmall.text-weight-normal {
        font-size: 20px;
    }
    .margin-huge {
        margin: 3.5rem;
    }
    .styleguide_section-type {
        font-size: 0.875rem;
    }
    .padding-medium {
        padding: 1.25rem;
    }
    .max-width-full-mobile-landscape {
        width: 100%;
        max-width: none;
    }
    .margin-xxlarge {
        margin: 3rem;
    }
    .text-style-nowrap {
        white-space: normal;
    }
    .padding-vertical {
        padding-left: 0;
        padding-right: 0;
    }
    .text-size-large {
        font-size: 1.25rem;
    }
    .margin-xhuge {
        margin: 4rem;
    }
    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0;
    }
    .heading-large {
        font-size: 2rem;
    }
    .heading-large.tab-header.margin-top {
        margin-top: clamp(-5rem, -4rem - 2vw, -3rem);
    }
    .show-mobile-landscape {
        display: block;
    }
    .styleguide_page-header {
        margin-bottom: 0;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .margin-medium {
        margin: 1.25rem;
    }
    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
    .margin-xxhuge {
        margin: 4.5rem;
    }
    .fs-styleguide_color-sample {
        padding: 2.5rem 2rem;
    }
    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
    }
    .page-padding {
        padding-left: 20px;
        padding-right: 20px;
    }
    .heading-xlarge {
        font-size: 2.5rem;
    }
    .heading-xlarge.m-h1.s-h1 {
        font-size: 32px;
    }
    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .heading-medium {
        font-size: 1.5rem;
    }
    .nav_link {
        justify-content: center;
        width: auto;
        height: auto;
        padding: 10px 0;
        font-size: 18px;
    }
    .nav_menu {
        width: 100%;
        max-width: none;
        height: auto;
    }
    .button-secondary.is-nav-mobile,
    .nav_buttons-wrapper.hide-tablet {
        display: none;
    }
    .section_home-header {
        padding-top: 8rem;
    }
    .icon-grid_wrapper {
        grid-template-columns: 1fr 1fr;
    }
    .nav_buttons-inside-menu {
        display: flex;
    }
    .home_header-subhead.with-affiliate-photo {
        text-align: center;
    }
    .heading-xxlarge {
        font-size: 2.5rem;
    }
    .integration-header_subhead-text {
        color: #000;
    }
    .home_header_text.with-affiliate-photo {
        text-align: center;
    }
    .section_integration-picker {
        padding-top: 6rem;
    }
    .integration-picker_item_icon {
        width: 2rem;
        height: 2rem;
    }
    .home_header_action-row.is-mobile {
        display: flex;
    }
    .button-large {
        padding-left: 2.8rem;
        padding-right: 2.8rem;
    }
    .footer-signup_row {
        display: none;
    }
    .footer-signup_row.is-mobile {
        display: block;
    }
    .app-download-header_component {
        object-fit: fill;
        flex-flow: column;
        align-items: flex-start;
        display: flex;
        position: static;
    }
    .app-download-header_left-content {
        align-self: flex-start;
    }
    .app-download-header_image {
        object-fit: fill;
        order: 0;
    }
    .pricetable_button-wrapper {
        display: none;
    }
    .pricetable_button-wrapper.pricetable_button-wrapper_mobile {
        display: block;
    }
    .pricetable_button {
        padding-left: 2.8rem;
        padding-right: 2.8rem;
    }
    .pricetable_table3,
    .pricetable_table4 {
        display: none;
    }
    .lottie-test_heading-xlarge-copy {
        font-size: 2.5rem;
    }
    .blog-post_subscribe-input,
    .blog-post_subscribe-button {
        font-size: 16px;
    }
    .form-block {
        min-width: 220px;
        max-width: 500px;
        margin-bottom: 0;
    }
    .div-block-31 {
        justify-content: center;
        display: flex;
    }
    .div-block-32 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: auto;
        min-width: 500px;
        display: flex;
    }
    .text-field {
        border-radius: 20px;
    }
    .love-header_logofeature {
        flex-wrap: wrap;
    }
    .affiliate-header-with-photo {
        grid-row-gap: 16px;
        flex-direction: column;
    }
    .affiliate-header-right {
        align-items: center;
    }
    .image {
        border-radius: 4px;
        width: 200px;
        height: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    .home_header-subhead-affiiliate,
    .home_header-subhead-affiiliate.with-affiliate-photo {
        text-align: center;
    }
    .pricetable_price-description-2 {
        text-align: left;
        font-size: 0.7rem;
        line-height: 1.4;
    }
    .styles__section-label {
        padding-bottom: 10px;
    }
    .col.col-sm-5 {
        flex-basis: 41.67%;
        max-width: 41.6667%;
    }
    .col.col-sm-8 {
        flex-basis: 66.67%;
        max-width: 66.6667%;
    }
    .col.col-sm-6 {
        flex-basis: 50%;
        max-width: 50%;
    }
    .col.col-sm-7 {
        flex-basis: 58.33%;
        max-width: 58.3333%;
    }
    .col.col-sm-4 {
        flex-basis: 33.33%;
        max-width: 33.3333%;
    }
    .col.col-sm-9 {
        flex-basis: 75%;
        max-width: 75%;
    }
    .col.col-sm-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .col.col-sm-10 {
        flex-basis: 83.33%;
        max-width: 83.3333%;
    }
    .col.col-sm-2 {
        flex-basis: 16.67%;
        max-width: 16.6667%;
    }
    .col.col-sm-1 {
        flex-basis: 8.33%;
        max-width: 8.33333%;
    }
    .col.col-sm-last {
        order: 1;
    }
    .col.col-sm-3 {
        flex-basis: 25%;
        max-width: 25%;
    }
    .col.col-sm-11 {
        flex-basis: 91.67%;
        max-width: 91.6667%;
    }
    .col.col-sm-first {
        order: -1;
    }
    .section-2 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .section_alternativeto-header {
        padding-top: 8rem;
    }
    .home_header-callout.with-affiliate-photo {
        text-align: center;
    }
    .hero---image-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .hero-tag {
        font-size: 1rem;
    }
    .text-size-xlarge {
        font-size: 1.25rem;
    }
    ._2col---wrapper {
        flex-direction: column;
        align-items: stretch;
    }
    ._2col---image-wrapper {
        order: -1;
        width: 100%;
    }
    ._2col---text-column {
        width: 100%;
    }
    .component---2col-image-text {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .h1 {
        font-size: 40px;
    }
    ._3col-wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr;
    }
    .column-item {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
        padding-top: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    ._3col---image-wrapper {
        border-radius: 1rem;
        height: 20rem;
    }
    .component---button-small {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .footer---button {
        padding-left: 2.8rem;
        padding-right: 2.8rem;
    }
    .media-logos---wrapper {
        flex-wrap: wrap;
    }
    .item {
        width: 100%;
    }
    .tabs-menu {
        flex-direction: column;
    }
    .tab-link {
        text-align: left;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .case-study---wrapper {
        flex-direction: column;
        align-items: stretch;
    }
    .case-study---image-wrapper {
        order: -1;
        width: 100%;
    }
    .case-study---text-column {
        width: 100%;
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
    .integrations---wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }
    .integration-logos---wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-wrap: wrap;
    }
    .buttons---wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }
    ._2col---productshot-wrapper-copy {
        order: -1;
        width: 100%;
    }
    .goodbadcard {
        width: 95%;
    }
    .headline3 {
        font-size: 36px;
    }
    .hero-headline {
        font-size: 16px;
    }
    .goodbgshape {
        inset: -20px;
    }
    .cancel-icon {
        object-fit: fill;
        width: 26px;
        height: 26px;
    }
    .checkiconsvg {
        width: 24px;
        height: 24px;
    }
    .image-5 {
        object-fit: scale-down;
        width: 10px;
        max-width: 12px;
        height: 10px;
    }
    .headline-4,
    .headline-2,
    .headline-5 {
        font-size: 36px;
    }
    .mainfeaturesec {
        z-index: 2;
        position: relative;
    }
    .badge-text {
        font-size: 14px;
    }
    .main-feature {
        padding: 20px;
    }
    .calendar-right-panel {
        max-width: 70%;
    }
    .other-feature {
        grid-row-gap: 20px;
        flex-flow: column;
        height: auto;
    }
    .subfeaturecard {
        width: 100%;
        padding-top: 20px;
    }
    .subfeaturevisualholder {
        aspect-ratio: 330/178;
        justify-content: center;
        align-items: center;
    }
    .subfeaturevisualholder.onmobile {
        width: 60%;
    }
    .subfeaturetitle {
        font-size: 18px;
    }
    .clariyicon {
        object-fit: scale-down;
        width: 26px;
    }
    .badge-text-2 {
        font-size: 14px;
    }
    .crownicon,
    .focuseicon {
        object-fit: scale-down;
        width: 26px;
    }
    .integrationcard {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .section-heading {
        font-size: 36px;
    }
    .intcontentwrapper {
        max-width: 100%;
        padding-bottom: 0;
    }
    .inticonframe {
        background-image: linear-gradient(180deg, #fff, var(--gradient-bg-grey));
        justify-content: center;
        align-items: flex-start;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .inticoncollection {
        flex-flow: row;
    }
    .reviewslide {
        width: 80%;
        margin-right: 1.4em;
    }
    .slackscreenshot {
        margin-bottom: -30px;
    }
    .apps-container {
        margin-top: 40px;
        padding-top: 0;
    }
    .footer-container-2 {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .footer-links {
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .social-media-links {
        order: -1;
    }
    .line {
        z-index: 0;
        height: 253%;
        margin-left: -21px;
    }
    .more-fea-column {
        flex-flow: column;
    }
    .more-fea-card.horizontal {
        grid-column-gap: 0px;
        grid-row-gap: 20px;
        flex-flow: column;
    }
    .more-fea-header.left {
        border-bottom-style: solid;
        border-right-style: none;
        justify-content: center;
        align-items: center;
    }
    .more-fea-title-holder {
        justify-content: flex-start;
        align-items: center;
    }
    .more-fea-desc.left {
        text-align: center;
    }
    .bidirectional-image {
        width: 73%;
    }
    .bidirectional-image.big {
        width: 100%;
    }
    .progressholder,
    .progressholder.middle {
        margin-left: -16px;
    }
    .progressbg {
        height: 99%;
    }
    .timeline_centre {
        justify-content: flex-start;
    }
    .timeline_date-text {
        margin-bottom: 24px;
        font-size: 36px;
    }
    .timeline_quote-wrapper {
        flex-direction: column-reverse;
    }
    .timeline_text {
        font-size: 20px;
    }
    .timeline_quote-image {
        margin-top: 24px;
        margin-right: 0;
    }
    .timeline_left {
        text-align: left;
    }
    .margin-bottom-xlarge {
        margin-bottom: 48px;
    }
    .timeline_item {
        grid-template-columns: 64px 1fr;
        width: 100%;
    }
    .timeline_progress {
        left: 6px;
    }
    .sectionwrapper {
        grid-column-gap: 64px;
        grid-row-gap: 64px;
    }
    .morefeatureimage {
        max-width: 86%;
    }
    .text-size-medium-2 {
        font-size: 1rem;
    }
    .slider01_mask {
        width: 80%;
    }
    .slider_arrow.is-left {
        right: 4.5rem;
    }
    .testimonial-person_item {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .testimonial-card1_item {
        padding: 1.5rem;
    }
    .secondaryfeatureimage {
        object-fit: contain;
    }
    .integration-header_subhead-text-bf {
        color: #000;
    }
    .pricetable_price-description-enterprise {
        text-align: left;
        font-size: 0.7rem;
        line-height: 1.4;
    }
}
@media screen and (max-width: 479px) {
    h1 {
        font-size: 44px;
    }
    .signup-email-header_text {
        text-align: center;
        font-size: 36px;
        font-weight: 500;
    }
    .heading-10 {
        text-align: center;
        font-weight: 300;
    }
    .text-block-17 {
        text-align: center;
        padding-left: 0;
        font-size: 14px;
    }
    .wide-container {
        flex-direction: column;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }
    .heading-small {
        font-size: 16px;
        line-height: 130%;
    }
    .heading-small.is-mobile {
        font-size: 32px;
    }
    .heading-small.is-on-pricing-page {
        font-size: 24px;
    }
    .spacing-clean {
        margin: 0;
        padding: 0;
    }
    .max-width-full-mobile-portrait {
        width: 100%;
        max-width: none;
    }
    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0;
    }
    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .margin-vertical {
        margin-left: 0;
        margin-right: 0;
    }
    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .margin-bottom.margin-medium {
        margin-bottom: 20px;
    }
    .margin-bottom.margin-large {
        margin-bottom: 50px;
    }
    .hide-mobile-portrait {
        display: none;
    }
    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }
    .heading-xsmall.is-on-pricing-page {
        font-size: 18px;
        line-height: 129%;
    }
    .text-size-regular {
        font-size: 18px;
    }
    .fs-styleguide_2-col {
        grid-template-columns: auto;
    }
    .text-size-small.text-weight-medium.text-style-muted-70.on-mobile {
        text-align: center;
    }
    .padding-vertical {
        padding-left: 0;
        padding-right: 0;
    }
    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0;
    }
    .heading-large.tab-header {
        margin-top: 0;
        position: static;
    }
    .heading-large.tab-header.margin-top {
        margin-top: 0;
    }
    .text-align-center.tablet {
        font-size: 32px;
    }
    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
    .show-mobile-portrait {
        display: block;
    }
    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
    }
    .heading-xlarge.m-h1.s-h1.xs-h1 {
        font-size: 28px;
    }
    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    .text-size-medium.text-color-lightblack.is-xs {
        font-size: 16px;
    }
    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .padding-bottom.is-social-spacer {
        padding-bottom: 100px;
    }
    .padding-bottom.padding-xxlarge {
        padding-bottom: 48px;
    }
    .heading-medium.text-align-center.is-on-pricing-page {
        font-size: 24px;
    }
    .nav_component {
        padding-left: 0;
        padding-right: 0;
    }
    .nav_logo {
        margin-left: 20px;
        padding-left: 0;
    }
    .nav_logo-image {
        width: auto;
        height: 20px;
    }
    .nav_link {
        background-color: #ffffffbf;
    }
    .nav_menu {
        background-color: #c2cbf3;
        width: 100%;
        margin-top: 0;
    }
    .button-secondary.is-nav-mobile {
        right: 70px;
    }
    .button-secondary.is-small-orange.max-width-full-mobile-landscape {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .section_home-header {
        padding-top: 120px;
    }
    .home_header_form-block {
        width: auto;
    }
    .section_home-testimonial {
        padding-top: 50px;
    }
    .testimonial_mask {
        width: auto;
    }
    .testimonial_slide {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
    .testimonial_text {
        font-size: 24px;
    }
    .testimonial_slide-nav {
        justify-content: center;
        align-items: center;
        margin-bottom: -40px;
        display: flex;
        inset: auto 0% 0%;
    }
    .testimonial_card {
        width: auto;
        margin-right: 0;
        padding: 0;
    }
    .testiominal_logo-wrappers {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: wrap;
        place-content: center;
        align-items: center;
        display: flex;
    }
    .testimonial_media-logo {
        width: 100px;
    }
    .home-features_row-item {
        flex-direction: column;
        padding: 50px 20px;
    }
    .home-feature_copy-wrapper {
        text-align: center;
        width: auto;
    }
    .home-feature_image-wrapper {
        order: -1;
        width: auto;
    }
    .home-feature_image {
        margin-bottom: 20px;
    }
    .section_home-integrations.lottie-test {
        margin-top: 0;
    }
    .home-integration_row {
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
    }
    .home-integration_component {
        grid-row-gap: 100px;
    }
    .home-integration_left-content {
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
    .home-integration_right-content {
        order: -1;
        width: auto;
    }
    .home-integration_image {
        margin-bottom: 20px;
    }
    .home-integration_icons-wrapper {
        justify-content: flex-start;
        display: flex;
    }
    .section_home-feature-grid {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .icon-grid_wrapper {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }
    .footer_optin {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .footer_optin.is-internal-page {
        padding-top: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer_form {
        flex-direction: column;
    }
    .footer_menu {
        grid-row-gap: 30px;
        flex-direction: column;
        margin-bottom: 30px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .footer-menu_left {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }
    .footer-menu_logo-wrapper.w--current {
        display: none;
    }
    .text-size-xsmall.text-weight-medium.text-weight-bold.text-align-center {
        font-size: 16px;
    }
    .text-size-xsmall.is-smaller.text-align-center.text-style-muted-60 {
        font-size: 14px;
    }
    .footer-menu_right {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-direction: row;
        display: flex;
    }
    .footer-menu_applink {
        width: auto;
    }
    .footer_submenu {
        grid-column-gap: 16px;
        grid-row-gap: 50px;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .menu-button {
        margin-right: 20px;
        padding-right: 0;
    }
    .menu-button.w--open {
        margin-right: 20px;
    }
    .nav_buttons-inside-menu {
        background-color: #ffffffbf;
    }
    .home-testimonial_media-logos {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
    .home_header-subhead {
        font-size: 18px;
    }
    .nav_dropdown {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }
    .section_integration-header {
        margin-top: 120px;
    }
    .integration-header_component {
        flex-direction: column;
    }
    .integration-header_icon-wrapper {
        padding: 0;
        top: 10px;
    }
    .integration-header_back-icon {
        width: 25px;
    }
    .integration-header_right-content {
        margin-top: 40px;
    }
    .integration-feature_image {
        margin-bottom: 20px;
    }
    .integration-features_row-item {
        flex-direction: column;
        padding: 50px 0;
    }
    .section_integration-features {
        padding-top: 120px;
    }
    .integration_lightbox-link {
        width: 100%;
        height: 56vw;
    }
    .integration_lightbox-image {
        width: 100%;
        inset: 0%;
    }
    .blog-header_categories {
        grid-row-gap: 12px;
    }
    .blog-category_list {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .blog-post_richtext blockquote {
        padding: 12px 0 12px 16px;
        font-size: 16px;
    }
    .blog-post_richtext li {
        font-size: 16px;
    }
    .blog-post_richtext figure {
        border-radius: 8px;
    }
    .blog-post_richtext a {
        font-size: 16px;
    }
    .blog-post_share-wrapper {
        grid-column-gap: 20px;
        justify-content: center;
    }
    .related-content_list {
        grid-row-gap: 48px;
        flex-direction: column;
    }
    .blog-post_share-icon {
        width: 30px;
    }
    .home_header_text {
        font-size: 2.8rem;
    }
    .button-large {
        flex: 0 auto;
        font-size: 16px;
    }
    .app-download-header_component {
        justify-content: space-between;
        align-items: center;
    }
    .app-download-header_image {
        align-self: center;
    }
    .section_pricing-header {
        padding-bottom: 20px;
    }
    .section_pricing-header.has-bigger-margin {
        margin-top: 60px;
    }
    .pricing-header_component {
        padding-bottom: 0;
    }
    .pricing_pricetable,
    .pricing_pricetable-wrapper {
        width: 100%;
    }
    .pricetable_main-table {
        width: auto;
        padding: 24px 32px 32px;
    }
    .pricetable_toggle-wrapper {
        grid-column-gap: 24px;
        grid-row-gap: 14px;
    }
    .pricetable_button {
        font-size: 14px;
    }
    .pricetable_table2 {
        width: 95%;
        height: 27rem;
    }
    .pricetable_price-monthly {
        margin-bottom: 40px;
    }
    .section_pricing-features {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .pricing-features_component {
        grid-row-gap: 40px;
    }
    .pricing-features_row {
        grid-row-gap: 20px;
    }
    .pricing-features_item-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    .pricing-features_item {
        grid-row-gap: 8px;
        margin: 16px;
    }
    .pricing-features_text {
        font-size: 14px;
    }
    .pricing-feature_icon {
        width: 40px;
    }
    .twitterfeed-list {
        margin-left: auto;
        margin-right: auto;
    }
    .twitterfeed_image {
        width: 100%;
    }
    .pricing-manifesto_component {
        grid-row-gap: 40px;
        flex-direction: column;
        padding: 24px 20px 32px;
    }
    .manifesto_left-content {
        text-align: center;
        align-items: center;
        max-width: none;
    }
    .text-size-xmedium {
        font-size: 18px;
    }
    .manifesto_right-content {
        text-align: center;
        align-items: center;
        width: 100%;
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }
    .accordion_question-wrapper {
        max-width: 84%;
    }
    .pricetable-wrapper_monthly {
        display: none;
    }
    .home_features-wrapper {
        height: auto;
    }
    .home_features-sticky_wrapper {
        display: none;
        position: static;
    }
    .home_features-lottie-file {
        margin-bottom: 20px;
    }
    .home_features-row-tall-container {
        text-align: center;
        width: auto;
        height: auto;
    }
    .home_features-row-tall-container.first {
        display: none;
    }
    .home_features-row-tall-container.phase-1,
    .home_features-row-tall-container.phase-2,
    .home_features-row-tall-container.phase-3,
    .home_features-row-tall-container.phase-4 {
        height: 100vh;
    }
    .home_features-absolute-copywrapper {
        margin-top: 240px;
        position: static;
    }
    .home_features-row-invisible-spacer {
        display: none;
    }
    .home_features-row-sticky-copy {
        position: static;
    }
    .home_features-row-mobile-wrapper {
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 30px;
        display: block;
        overflow: hidden;
    }
    .home_features-row-spacer {
        display: none;
    }
    .home_features-mobile-graphic {
        width: 100%;
        display: none;
    }
    .home_features-mobile-graphic-lottie {
        width: 100%;
    }
    .home_header_notification_wrapper {
        margin-top: -40px;
        margin-bottom: 40px;
    }
    .paragraph.is-small.text-color-lightblack {
        text-align: left;
        line-height: 130%;
    }
    .section {
        padding-left: 20px;
        padding-right: 20px;
    }
    .section.top-0.mobile-top-40 {
        padding-top: 40px;
    }
    .signup-email-form {
        flex-direction: column;
        align-items: center;
        display: flex;
    }
    .text-field-5 {
        flex: 0 auto;
        align-self: auto;
    }
    .signup-email-form-wrapper.is-signupemail {
        width: 100%;
    }
    .form-input-large {
        width: 280px;
    }
    .section_signupemail-header {
        padding-top: 32px;
    }
    .signupemail_h2 {
        text-align: center;
        font-size: 20px;
        line-height: 130%;
    }
    .signupemail_slider-mask {
        border-radius: 10px;
        width: 270px;
    }
    .signupemail_slide {
        width: 270px;
        height: 489px;
        margin-left: 0;
        margin-right: 0;
    }
    .signupemail_slide.no-padding {
        margin-left: 0;
    }
    .signupemail_video {
        width: 270px;
        height: 489px;
    }
    .signupemail_ig-reel-list {
        grid-row-gap: 32px;
    }
    .reels-link.is-reels-link {
        grid-column-gap: 16px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .signupemail_left-arrow {
        width: 34px;
        margin-left: 0;
        inset: 0% auto 0% -10px;
    }
    .signupemail_arrow {
        width: 101%;
        max-width: 100%;
    }
    .signupemail_right-arrow {
        width: 34px;
        margin-right: 0;
        inset: 0% -10px 0% auto;
    }
    .twitterfeed_component {
        grid-row-gap: 16px;
    }
    .signupemail_twitterfeed-list {
        margin-left: auto;
        margin-right: auto;
    }
    .signupemail_twitterfeed_image {
        width: 100%;
    }
    .twitterfeed_col {
        flex-direction: column;
    }
    .optin_component-slim {
        padding-left: 20px;
        padding-right: 20px;
    }
    .signupemail-optin_headline-subheadline {
        grid-row-gap: 6px;
        padding-left: 21px;
        padding-right: 21px;
    }
    .signupemail-optin_text-field {
        width: 100%;
    }
    .signupemail-optin {
        flex-direction: column;
        align-items: center;
        display: flex;
    }
    .signupemail_form-text-field {
        width: 100%;
    }
    .signupemail-header_disclaimer-headline,
    .signupemail_h1 {
        text-align: center;
    }
    .section_home-features_b-test {
        padding-top: 40px;
    }
    .home_features-wrapper-test {
        height: auto;
    }
    .home_features-sticky_wrapper-test {
        display: none;
        position: static;
    }
    .home_features-lottie-file_test {
        margin-bottom: 20px;
    }
    .home_features-absolute-copywrapper-test {
        margin-top: 240px;
        position: static;
    }
    .home_features-row_test {
        height: auto;
        margin-bottom: 160px;
    }
    .home_features-row_test.is-left-align,
    .home_features-row_test.is-right-align {
        height: auto;
    }
    .home_features-row-spacer_test,
    .home_features-row-image-wrapper {
        display: none;
    }
    .home_features-copy-fixed-width {
        text-align: center;
        width: auto;
        height: auto;
    }
    .home_features-copy-fixed-width.first {
        display: none;
    }
    .home_features-copy-fixed-width.phase-1,
    .home_features-copy-fixed-width.phase-2,
    .home_features-copy-fixed-width.phase-3,
    .home_features-copy-fixed-width.phase-4 {
        height: 100vh;
    }
    .home_features-copy-wrapper {
        position: static;
    }
    .section_love-header {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .text-style_subheadline {
        font-size: 14px;
        font-weight: 500;
    }
    .text-style_subheadline.is-about {
        font-size: 20px;
    }
    .text-style_subheadline.is-xs {
        font-size: 16px;
    }
    .love-header_producthunt-wrapper {
        max-width: none;
        margin-bottom: 80px;
    }
    .love-header_producthunt-logowrap {
        grid-column-gap: 4px;
        grid-row-gap: 7px;
        flex-direction: column;
        align-items: stretch;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .love-header_producthunt-logo {
        grid-column-gap: 9px;
        border-color: #e17e6180;
        padding: 4px;
    }
    .love-header_producthunt-text-two {
        line-height: 1;
    }
    .section_love-loveletters {
        padding-top: 40px;
    }
    .reels-slider-mask {
        border-radius: 10px;
        width: 270px;
        height: 489px;
        margin-right: auto;
        overflow: visible;
    }
    .reels-slide {
        width: 270px;
        height: 489px;
        margin-left: 0;
        margin-right: 10px;
    }
    .reels-slide.no-padding,
    .social-slider-left-arrow {
        margin-left: 0;
    }
    .reels-arrow {
        width: 101%;
        max-width: 100%;
    }
    .reel-cms-list {
        grid-row-gap: 32px;
    }
    .reels-video {
        width: auto;
        height: 100%;
    }
    .reel-thumbnail {
        width: 40px;
        height: 40px;
    }
    .reel-name {
        font-size: 19px;
    }
    .twitter-slider-mask {
        border-radius: 10px;
        width: 290px;
    }
    .twitter-slide {
        width: 100%;
        margin-left: 0;
    }
    .twitter-slide.no-padding {
        margin-left: 0;
    }
    .twitterfeed_tweet p,
    .twitterfeed_tweet a {
        font-size: 13px;
    }
    .youtube-slider {
        padding-bottom: 0;
    }
    .youtube-slider-mask {
        border-radius: 10px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .youtube-slide {
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }
    .youtube-slide.no-padding {
        margin-left: 0;
    }
    .love-header_subheadwrapper {
        max-width: none;
    }
    .splide__slide {
        width: 100%;
    }
    .splide__slide.no-padding {
        margin-left: 0;
    }
    .splide__slide.twitter {
        width: 100%;
    }
    .splide__arrows {
        align-items: center;
        height: auto;
        padding-top: 9px;
        padding-bottom: 9px;
    }
    .splide__arrow {
        width: auto;
        max-width: none;
        height: auto;
        margin-left: 10px;
        padding: 20px 19px;
    }
    .slider-item-wrapper {
        padding-top: 180%;
    }
    .arrow-icon {
        width: 101%;
        max-width: 100%;
    }
    .slider-button-wrapper {
        grid-column-gap: 0px;
        align-items: center;
    }
    .section_competitor-pricechart {
        padding-top: 80px;
    }
    .pricechart-header_header-wrapper {
        margin-bottom: 40px;
    }
    .pricechart-header_subheadwrapper {
        max-width: none;
    }
    .pricechart_title-row {
        width: 130px;
    }
    .pricechart-cell_rowheader {
        width: 70px;
        height: 48px;
    }
    .pricechart-cell_rowheader.new {
        width: 5.8rem;
    }
    .pricechart_rowheader-text {
        font-size: 14px;
    }
    .pricechart_cell {
        width: 70px;
    }
    .pricechart_cell.new {
        width: 5.8rem;
    }
    .pricechart_description {
        font-size: 12px;
    }
    .pricechart_description-cell {
        width: 100px;
        padding-left: 12px;
    }
    .pricechart_description-cell.is-alternativeto {
        width: 150px;
    }
    .pricechart_description-cell.new {
        justify-content: flex-start;
        align-items: center;
        width: 8.4rem;
    }
    .pricechart-cell_feature-rowheader {
        width: 100px;
        height: 48px;
        padding-left: 14px;
    }
    .pricechart-cell_feature-rowheader.is-alternativeto {
        width: 150px;
    }
    .pricechart-cell_feature-rowheader.new {
        width: 8.4rem;
    }
    .pricechart_logo-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .pricechart_logo {
        width: 32px;
    }
    .pricechart_logo-text {
        font-size: 10px;
        display: none;
    }
    .pricechart_check {
        width: 16px;
    }
    .pricechart_cross {
        width: 14px;
    }
    .pricechart_fixed-column {
        width: 170px;
    }
    .pricechart_fixed-column.new {
        width: 14.6rem;
        display: none;
    }
    .fixed-column-wrapper {
        width: 100%;
    }
    .section_compare-tabs {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .compare_tabs-menu {
        grid-column-gap: 10px;
        grid-row-gap: 5px;
        justify-content: center;
        margin-bottom: 32px;
    }
    .compare_tab-link {
        width: 40px;
        height: 40px;
    }
    .compare_tab-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .tab-content_direct-competitor {
        grid-row-gap: 20px;
        flex-direction: column;
    }
    .tab-content_column {
        width: 100%;
        max-width: none;
    }
    .tab-content_column.is-ndc-left,
    .tab-content_column.is-ndc-right {
        width: 100%;
    }
    .tab-content_divider.is-large {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .tab-content_richtext p {
        font-size: 14px;
        line-height: 140%;
    }
    .tab-content_testimonial {
        grid-row-gap: 8px;
        flex-direction: column;
    }
    .tab-content_testimonial-header-wrapper {
        text-align: center;
        width: auto;
    }
    .tab-content_user-testimonial {
        text-align: center;
    }
    .tab-content_ndc-content-wrapper {
        grid-row-gap: 20px;
        flex-direction: column;
    }
    .compare_tab-content-2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .compare-h1 {
        font-size: 32px;
    }
    .integration-link-block {
        justify-content: center;
        padding-left: 32px;
        padding-right: 32px;
    }
    .integration_text-link {
        justify-content: center;
        align-items: center;
    }
    .blog_author_component {
        grid-row-gap: 20px;
        flex-direction: column;
        align-items: center;
        padding: 24px 16px;
    }
    .blog_author_left {
        grid-row-gap: 16px;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .blog_author_right {
        align-items: center;
        width: 100%;
    }
    .author_thumbnail {
        margin-bottom: 20px;
    }
    .author_name,
    .blog_author_bio-text {
        text-align: center;
    }
    .author-info {
        flex-direction: column;
        align-items: center;
    }
    .blog_author_name {
        text-align: center;
    }
    .blog_author_bio {
        text-align: center;
        font-size: 14px;
    }
    .author_social-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 16px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .author_bio {
        text-align: center;
    }
    .section_about-header {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    .text-style-h2 {
        font-size: 30px;
    }
    .section_about-slider {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .about_left-arrow,
    .about_right-arrow {
        width: 32px;
    }
    .about_slider-content {
        grid-row-gap: 2.5rem;
        justify-content: space-between;
        height: 450px;
        padding: 32px;
    }
    .about_slider-story {
        justify-content: flex-start;
        width: 100%;
        height: 100%;
    }
    .about_slider-image {
        width: 100%;
    }
    .about_story-textwrapper {
        grid-row-gap: 20px;
        max-width: none;
        padding-left: 10px;
        padding-right: 10px;
    }
    .about_slider-timelinerow {
        grid-column-gap: 0rem;
        flex-wrap: nowrap;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        bottom: 0;
    }
    .about_slider-timeline {
        width: 100%;
    }
    .about_timeline-item {
        width: 26px;
    }
    .about_timeline-year {
        font-size: 10px;
    }
    .text-style-h4.text-color-blue {
        font-size: 20px;
    }
    .section_about-philosophy {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .about_right-content {
        max-width: none;
    }
    .about-philosphy-item {
        grid-row-gap: 16px;
        padding-top: 20px;
        padding-bottom: 4px;
    }
    .about-philosophy_title {
        font-size: 18px;
        line-height: 1.2;
    }
    .about-philosophy_text {
        padding-bottom: 16px;
        font-size: 14px;
    }
    .image {
        width: 150px;
        height: 200px;
    }
    .home_header-subhead-affiiliate {
        font-size: 18px;
    }
    .about---header-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    .r0w {
        margin-left: -0.625rem;
        margin-right: -0.625rem;
    }
    .r0w.justify-centre {
        margin-left: auto;
        margin-right: auto;
    }
    .c0l.col-lg-6.col-md-10.col-xs-12,
    .c0l.col-lg-4.col-xs-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .price-card {
        height: auto;
        margin-bottom: 40px;
        box-shadow: 0 16px 20px #1d1f271a;
    }
    .pricetable_price-description-2 {
        font-size: 0.8rem;
    }
    .h2-mobile {
        font-size: 40px;
    }
    .styles__row-example {
        height: auto;
    }
    .col {
        flex-basis: 100%;
        order: 1;
        max-width: 100%;
    }
    .col.col-xs-3 {
        flex-basis: 25%;
        max-width: 25%;
    }
    .col.col-xs-1 {
        flex-basis: 8.33%;
        max-width: 8.33333%;
    }
    .col.col-xs-6 {
        flex-basis: 50%;
        max-width: 50%;
    }
    .col.col-xs-7 {
        flex-basis: 58.33%;
        max-width: 58.3333%;
    }
    .col.col-xs-4 {
        flex-basis: 33.33%;
        max-width: 33.3333%;
    }
    .col.col-xs-11 {
        flex-basis: 91.67%;
        max-width: 91.6667%;
    }
    .col.col-xs-5 {
        flex-basis: 41.67%;
        max-width: 41.6667%;
    }
    .col.col-xs-10 {
        flex-basis: 83.33%;
        max-width: 83.3333%;
    }
    .col.col-xs-8 {
        flex-basis: 66.67%;
        max-width: 66.6667%;
    }
    .col.col-xs-first {
        order: -1;
    }
    .col.col-xs-9 {
        flex-basis: 75%;
        max-width: 75%;
    }
    .col.col-xs-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .col.col-xs-2 {
        flex-basis: 16.67%;
        max-width: 16.6667%;
    }
    .container-2 {
        width: 86%;
    }
    .section-2 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .section_alternativeto-header {
        padding-top: 120px;
    }
    .blog-post_sidebar-text.text-weight-bold {
        text-align: center;
    }
    .blog-post_optin-post {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-direction: column;
        justify-content: center;
        padding: 20px;
    }
    .div-block-43 {
        padding-left: 0;
    }
    .home_header-callout {
        font-size: 18px;
    }
    .hero---header-wrapper {
        margin-bottom: 40px;
    }
    .hero-subheader---wrapper {
        max-width: none;
    }
    .h1 {
        font-size: 32px;
    }
    .footer---button {
        flex: 0 auto;
        font-size: 16px;
    }
    .footer-component {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .footer-component.is-internal-page {
        padding-top: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .tabbed-content---right-column {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        margin-top: 2rem;
    }
    .component---case-study {
        padding-left: 1.875rem;
        padding-right: 1.875rem;
    }
    .case-study---image-wrapper {
        height: 250px;
    }
    .case-study---text-column {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .video-section {
        padding-left: 20px;
        padding-right: 20px;
    }
    .video-section.top-0.mobile-top-40 {
        padding-top: 40px;
    }
    .image-3 {
        padding: 0 20px 20px;
    }
    .code-embed-3 {
        padding-right: 10px;
    }
    .mainlogo {
        width: 110px;
        display: block;
        position: relative;
        overflow: clip;
    }
    .auth-links {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    .navlinkitem.withcta {
        padding-left: 8px;
        padding-right: 8px;
    }
    .hero {
        padding-left: 20px;
        padding-right: 20px;
    }
    .release-info {
        font-size: 10px;
    }
    .tagline-image {
        object-fit: scale-down;
        width: 72px;
    }
    .headlinemain {
        font-size: 2rem;
    }
    .buttonprimary {
        padding: 6px 12px;
    }
    .buttonlabel {
        font-size: 13px;
    }
    .mutedtext {
        font-size: 10px;
    }
    .logos {
        grid-row-gap: 32px;
    }
    .trustedinfo {
        grid-row-gap: 12px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        padding-top: 32px;
    }
    .heroglow {
        width: 660px;
        height: 760px;
    }
    .goodbadcard {
        width: 98%;
    }
    .badiconholder {
        width: 100px;
        height: 100px;
        padding-right: 20px;
    }
    .headline3 {
        font-size: 28px;
    }
    .hero-headline {
        font-size: 14px;
    }
    .sunsamaiconholder {
        width: 100px;
        height: 100px;
    }
    .weather-icon {
        width: 60px;
        height: 50px;
    }
    .testimonialwrap {
        width: 90%;
    }
    .info {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .name {
        font-size: 14px;
    }
    .designation {
        font-size: 13px;
    }
    .headline-3-with-grad {
        font-size: 28px;
    }
    .linklabel.witcta {
        font-size: 18px;
    }
    .ticker-logo {
        height: 1.2em;
        margin-left: 24px;
        margin-right: 24px;
    }
    .badicon {
        width: 60px;
        height: 60px;
    }
    .features {
        grid-row-gap: 72px;
        padding-bottom: 80px;
        padding-left: 28px;
        padding-right: 28px;
    }
    .badge {
        display: none;
    }
    .headline-4,
    .headline-2,
    .headline-5 {
        font-size: 32px;
    }
    .div-block-45 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .mainfeaturesec {
        grid-row-gap: 24px;
        padding-bottom: 64px;
    }
    .hero-section {
        width: 100%;
    }
    .calendar-right-panel {
        max-width: 100%;
    }
    .subfeaturecard,
    .subfeaturecard.spacebtw {
        justify-content: flex-start;
        height: auto;
    }
    .subfeaturevisualholder.fullheight.top {
        justify-content: center;
        align-items: center;
    }
    .hero-headline-2 {
        font-size: 25px;
    }
    .focused-visual {
        margin-bottom: -24px;
    }
    .integrations {
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-header {
        z-index: 2;
        position: relative;
    }
    .bodytextlarge.leftalign {
        font-size: 16px;
    }
    .inticoncollection {
        flex-flow: column;
    }
    .reviews {
        padding-left: 20px;
        padding-right: 20px;
    }
    .background {
        height: 270px;
    }
    .reviews-container {
        grid-row-gap: 64px;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .reviewslide {
        width: 100%;
    }
    .bgglow.oncomprarison {
        max-width: 100%;
    }
    .comparison {
        padding-left: 20px;
        padding-right: 20px;
    }
    .call-to-action-container-2 {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .community {
        padding-left: 20px;
        padding-right: 20px;
    }
    .slackscreenshot {
        height: 170px;
    }
    .twitterlinkedin {
        flex-flow: column;
    }
    .floatingavatar {
        grid-column-gap: 13px;
        grid-row-gap: 13px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .slackcardheader {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }
    .body-large {
        font-size: 16px;
    }
    .faq {
        padding-left: 16px;
        padding-right: 16px;
    }
    .faqs {
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer-container {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 20px;
    }
    .image-13 {
        z-index: 0;
        height: 630px;
    }
    .cta-heading {
        font-size: 40px;
    }
    .footer {
        padding-left: 20px;
        padding-right: 20px;
    }
    .badge-and-apps-container {
        overflow: visible;
    }
    .apps-container {
        flex-flow: wrap;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
        overflow: scroll;
    }
    .app-title {
        white-space: nowrap;
    }
    .newsletter-text-container {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .newsletter-text {
        width: 100%;
    }
    .links-container {
        grid-column-gap: 20px;
        grid-row-gap: 40px;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr;
    }
    .footerlink {
        font-size: 13px;
    }
    .footer-links {
        grid-row-gap: 20px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .footercredit {
        order: 1;
        font-size: 12px;
    }
    .more-fea-card {
        padding: 19px;
    }
    .more-fea-card.horizontal {
        padding: 20px;
    }
    .more-fea-header {
        padding-left: 0;
        padding-right: 0;
    }
    .bidirectional-image {
        width: 100%;
    }
    .nav-menu {
        padding-left: 14px;
        padding-right: 14px;
    }
    .newnav {
        padding-left: 20px;
        padding-right: 20px;
    }
    .brand {
        padding-left: 0;
    }
    .menu-button-2 {
        padding: 6px;
    }
    .div-block-47 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .progressholder {
        margin-left: -16px;
    }
    .curvedprogress {
        width: 24px;
    }
    .margin-bottom-medium {
        margin-bottom: 24px;
    }
    .timeline_item {
        grid-template-columns: 48px 1fr;
    }
    .sectionwrapper {
        grid-column-gap: 64px;
        grid-row-gap: 64px;
    }
    .moreitems {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }
    .morelinkcontainer {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }
    .morefeatureimage {
        max-width: 102%;
    }
    .image-14 {
        max-width: 108%;
    }
    .slider01_slide {
        margin-right: 1rem;
    }
    .slider01_mask {
        width: 95%;
    }
    .integration-header_subhead-text-bf {
        color: #fff;
    }
    .div-block-52 {
        max-height: 1rem;
    }
    .pricetable_price-description-enterprise {
        font-size: 0.8rem;
    }
}
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f1a-6e9b05f3,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f24-6e9b05f3,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f2e-6e9b05f3,
#w-node-_1103c234-5248-be81-1eae-7b781e833391-9beea23b,
#w-node-_1103c234-5248-be81-1eae-7b781e83339b-9beea23b,
#w-node-_1103c234-5248-be81-1eae-7b781e8333a5-9beea23b,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53d92-9beea23b,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53d9c-9beea23b,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53da6-9beea23b,
#w-node-eace5222-0613-e566-122e-d32a8812c6e5-40f0a2d6,
#w-node-eace5222-0613-e566-122e-d32a8812c6ef-40f0a2d6,
#w-node-eace5222-0613-e566-122e-d32a8812c6f9-40f0a2d6,
#w-node-_1103c234-5248-be81-1eae-7b781e833391-700e1517,
#w-node-_1103c234-5248-be81-1eae-7b781e83339b-700e1517,
#w-node-_1103c234-5248-be81-1eae-7b781e8333a5-700e1517,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53d92-700e1517,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53d9c-700e1517,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53da6-700e1517,
#w-node-_1103c234-5248-be81-1eae-7b781e833391-80b1e109,
#w-node-_1103c234-5248-be81-1eae-7b781e83339b-80b1e109,
#w-node-_1103c234-5248-be81-1eae-7b781e8333a5-80b1e109,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53d92-80b1e109,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53d9c-80b1e109,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53da6-80b1e109,
#w-node-_1103c234-5248-be81-1eae-7b781e833391-4a90e0b3,
#w-node-_1103c234-5248-be81-1eae-7b781e83339b-4a90e0b3,
#w-node-_1103c234-5248-be81-1eae-7b781e8333a5-4a90e0b3,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53d92-4a90e0b3,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53d9c-4a90e0b3,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53da6-4a90e0b3,
#w-node-eb7abc02-9592-7001-81d8-a440f486fe84-ce618c58,
#w-node-eb7abc02-9592-7001-81d8-a440f486fe8c-ce618c58,
#w-node-eb7abc02-9592-7001-81d8-a440f486fe94-ce618c58,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f1a-ac34a887,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f24-ac34a887,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f2e-ac34a887,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f1a-065d3ad8,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f24-065d3ad8,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f2e-065d3ad8,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f1a-1d09178f,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f24-1d09178f,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f2e-1d09178f,
#w-node-_1103c234-5248-be81-1eae-7b781e833391-508f92a1,
#w-node-_1103c234-5248-be81-1eae-7b781e83339b-508f92a1,
#w-node-_1103c234-5248-be81-1eae-7b781e8333a5-508f92a1,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53d92-508f92a1,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53d9c-508f92a1,
#w-node-_716e3355-2e6e-421b-12d0-ae6602b53da6-508f92a1,
#w-node-_195dfece-52db-aa7a-ada1-111016da6209-b436d401,
#w-node-_195dfece-52db-aa7a-ada1-111016da6213-b436d401,
#w-node-_195dfece-52db-aa7a-ada1-111016da621d-b436d401,
#w-node-eba8c20d-4a2d-d80a-491a-ca9315219ca6-d33a4add,
#w-node-eba8c20d-4a2d-d80a-491a-ca9315219cb0-d33a4add,
#w-node-eba8c20d-4a2d-d80a-491a-ca9315219cba-d33a4add,
#w-node-_195dfece-52db-aa7a-ada1-111016da6209-da329492,
#w-node-_195dfece-52db-aa7a-ada1-111016da6213-da329492,
#w-node-_195dfece-52db-aa7a-ada1-111016da621d-da329492,
#w-node-_93565212-fc4c-1929-3ac1-53c55ddd0240-da329492,
#w-node-_93565212-fc4c-1929-3ac1-53c55ddd024a-da329492,
#w-node-_93565212-fc4c-1929-3ac1-53c55ddd0254-da329492,
#w-node-_7e1d6e77-38b7-2ee3-101c-427f8e9ee52b-51dff841,
#w-node-_7e1d6e77-38b7-2ee3-101c-427f8e9ee535-51dff841,
#w-node-_7e1d6e77-38b7-2ee3-101c-427f8e9ee53f-51dff841,
#w-node-bbe6a2dd-c075-258b-2032-c429f04bc337-51dff841,
#w-node-bbe6a2dd-c075-258b-2032-c429f04bc341-51dff841,
#w-node-bbe6a2dd-c075-258b-2032-c429f04bc34b-51dff841,
#w-node-da13f844-9ef5-a99b-34db-9fcb21501f94-51dff841,
#w-node-da13f844-9ef5-a99b-34db-9fcb21501f9f-51dff841,
#w-node-da13f844-9ef5-a99b-34db-9fcb21501faa-51dff841,
#w-node-_4e4ea93e-5fa2-b98f-7109-f37175b8b484-931a9308,
#w-node-_4e4ea93e-5fa2-b98f-7109-f37175b8b48e-931a9308,
#w-node-_4e4ea93e-5fa2-b98f-7109-f37175b8b498-931a9308,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f1a-ad8c174a,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f24-ad8c174a,
#w-node-_1b4c92f3-cad9-950c-cbca-07e05db48f2e-ad8c174a,
#w-node-b5d40e96-6149-9fc2-e03c-8570ffa1cb9a-679b1058,
#w-node-b5d40e96-6149-9fc2-e03c-8570ffa1cba0-679b1058,
#w-node-b5d40e96-6149-9fc2-e03c-8570ffa1cba6-679b1058,
#w-node-_4e4ea93e-5fa2-b98f-7109-f37175b8b484-c39ace75,
#w-node-_4e4ea93e-5fa2-b98f-7109-f37175b8b48e-c39ace75,
#w-node-_4e4ea93e-5fa2-b98f-7109-f37175b8b498-c39ace75 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}