/* LENKRIO - consolidated stylesheet (hand-cleaned Webflow export).
   1 reset  2 base framework (load-bearing rules, renamed .wf-)
   2b widget geometry the dropped runtime rules used to provide
   3 Lenkrio design  4 components (vanilla replacements for the
   Webflow runtime / IX2 / IX3).
   Fonts: assets/fonts/fonts.css (Inter + IBM Plex Mono, self-hosted woff2). */

/* ======================================================================
   1. Reset (normalize)
   ====================================================================== */
html {
  font-family: sans-serif;
  
  -ms-text-size-adjust: 100%;
  
  -webkit-text-size-adjust: 100%;
  
}
body {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  
  vertical-align: baseline;
  
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1, .heading-scale-1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, 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;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  
  padding: 0;
  
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
/* ======================================================================
   2. Base framework (runtime-only rules dropped; the rest kept as .wf-)
   ====================================================================== */
[class^="w-icon-"], [class*=" w-icon-"] {
  
  font-family: 'webflow-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}
.inline-block {
  max-width: 100%;
  display: inline-block;
}
.wf-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898EC;
  color: white;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}
input.wf-button {
  -webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
  color: transparent !important;
}
h1, h2, h3, h4, h5, h6, .heading-scale-1, .heading-scale-2, .heading-scale-3, .heading-scale-4, .heading-scale-5, .heading-scale-6 {
  font-weight: bold;
  margin-bottom: 10px;
}
h1, .heading-scale-1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}
h2, .heading-scale-2 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}
h3, .heading-scale-3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}
h4, .heading-scale-4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}
h5, .heading-scale-5 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
h6, .heading-scale-6 {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}
p {
  margin-top: 0;
  margin-bottom: 10px;
}
blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: 18px;
  line-height: 22px;
}
figure {
  margin: 0;
  margin-bottom: 10px;
}
figcaption {
  margin-top: 5px;
  text-align: center;
}
ul, ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
button, [type='button'], [type='reset'] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}
.wf-form {
  margin: 0 0 15px;
}
.wf-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #dddddd;
}
.wf-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede;
}
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.wf-input {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.wf-input::placeholder {
  color: #999;
}
.wf-input:focus {
  border-color: #3898EC;
  outline: 0;
}
.wf-input[disabled], .wf-input[readonly], fieldset[disabled] .wf-input {
  cursor: not-allowed;
}
.wf-input[readonly] {
  background-color: #eeeeee;
}
textarea.wf-input {
  height: auto;
}
.wf-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}
.wf-container:before, .wf-container:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.wf-container:after {
  clear: both;
}
@media screen and (max-width: 991px) {
.wf-container {
    max-width: 728px;
  }
}
@media screen and (max-width: 479px) {
.wf-container {
    max-width: none;
  }
}
.richtext:before, .richtext:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.richtext:after {
  clear: both;
}
.richtext[contenteditable="true"]:before, .richtext[contenteditable="true"]:after {
  white-space: initial;
}
.richtext ol, .richtext ul {
  overflow: hidden;
}
.richtext .richtext-figure-selected.richtext-figure-type-video div:after, .richtext .richtext-figure-selected[data-rt-type="video"] div:after {
  outline: 2px solid #2895f7;
}
.richtext .richtext-figure-selected.richtext-figure-type-image div, .richtext .richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}
.richtext figure.richtext-figure-type-video > div:after, .richtext figure[data-rt-type="video"] > div:after {
  content: '';
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.richtext figure {
  position: relative;
  max-width: 60%;
}
.richtext figure > div:before {
  cursor: default!important;
}
.richtext figure img {
  width: 100%;
}
.richtext figure figcaption.richtext-figcaption-placeholder {
  opacity: 0.6;
}
.richtext figure div {
  
  font-size: 0px;
  color: transparent;
}
.richtext figure.richtext-figure-type-image, .richtext figure[data-rt-type="image"] {
  display: table;
}
.richtext figure.richtext-figure-type-image > div, .richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}
.richtext figure.richtext-figure-type-image > figcaption, .richtext figure[data-rt-type="image"] > figcaption {
  display: table-caption;
  caption-side: bottom;
}
.richtext figure.richtext-figure-type-video, .richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}
.richtext figure.richtext-figure-type-video iframe, .richtext figure[data-rt-type="video"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.richtext figure.richtext-figure-type-video > div, .richtext figure[data-rt-type="video"] > div {
  width: 100%;
}
.richtext figure.richtext-align-center {
  margin-right: auto;
  margin-left: auto;
  clear: both;
}
.richtext figure.richtext-align-center.richtext-figure-type-image > div, .richtext figure.richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}
.richtext figure.richtext-align-normal {
  clear: both;
}
.richtext figure.richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.richtext figure.richtext-align-fullwidth > div {
  display: inline-block;
  
  padding-bottom: inherit;
}
.richtext figure.richtext-align-fullwidth > figcaption {
  display: block;
}
.richtext figure.richtext-align-floatleft {
  float: left;
  margin-right: 15px;
  clear: none;
}
.richtext figure.richtext-align-floatright {
  float: right;
  margin-left: 15px;
  clear: none;
}
.tabs {
  position: relative;
}
.tabs:before, .tabs:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.tabs:after {
  clear: both;
}
.tab-menu {
  position: relative;
}
.tab-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 9px 30px;
  text-align: left;
  cursor: pointer;
  color: #222222;
  background-color: #dddddd;
}
.tab-link[aria-current="page"], .tab-link.is-active {
  background-color: #C8C8C8;
}
.tab-link:focus {
  outline: 0;
}
.tab-content {
  position: relative;
  display: block;
  overflow: hidden;
}
.tab-pane {
  position: relative;
  display: none;
}
.tab-pane.is-active {
  display: block;
}
@media screen and (max-width: 479px) {
.tab-link {
    display: block;
  }
}
@keyframes spin {
0% {
    transform: rotate(0deg);
  }
100% {
    transform: rotate(360deg);
  }
}
.wf-layout-grid {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}
/* ======================================================================
   2b. Widget geometry the dropped rules used to provide
   ====================================================================== */
/* Widget geometry the dropped Webflow runtime rules used to provide.
 *
 * build_css drops `.w-nav*` and `.w-dropdown*` from the framework sheet, because
 * the runtime that drove them is gone. Their *rules* were still load-bearing —
 * they positioned the dropdown panel, hid the mobile menu and hid the hamburger
 * on desktop. Each one is transcribed here against the design's own class, and
 * this file is emitted BETWEEN the framework and design sheets, exactly where
 * Webflow's widget rules sat, so the design keeps overriding it as it always did.
 *
 * Nothing here is invented: every declaration is a line from webflow.css, and the
 * comment names the selector it came from.
 */

/* .w-nav — .navbar restates position/z-index/background, and the clearfix
   pseudo-elements measure 0px in this layout, so only the stacking order and the
   brand's link reset are left to carry over. */
.navbar-logo {                      /* .w-nav-brand */
  position: relative;
  float: left;
  color: #333;
  text-decoration: none;
}
.nav-menu {                         /* .w-nav-menu */
  position: relative;
  float: right;
}
.nav-link {                         /* .w-nav-link */
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  text-decoration: none;
  color: #222;
  margin-left: auto;
  margin-right: auto;
}
.menu-button {                      /* .w-nav-button */
  position: relative;
  float: right;
  display: none;
  padding: 18px;
  font-size: 24px;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.menu-dropdown-wrapper {            /* .w-dropdown */
  position: relative;
  display: inline-block;
  z-index: 900;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
.dropdown-toggle {                  /* .w-dropdown-btn / .w-dropdown-toggle */
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  color: #222;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px 20px 20px;
  cursor: pointer;
  user-select: none;
}
.dropdown-column-wrapper {          /* .w-dropdown-list */
  position: absolute;
  display: none;
  min-width: 100%;
  background: #ddd;
}
.dropdown-menu-link {               /* .w-dropdown-link */
  display: block;
  padding: 10px 20px;
  color: #222;
}
/* The collapsing navbar. `[data-collapse="medium"]` hid the menu and revealed the
   hamburger below 992px; the runtime then lifted the menu into a generated
   `.w-nav-overlay` (position: absolute; top: 100%; overflow: hidden) and slid it
   down. `.nav-overlay` is that element, written into the markup instead of being
   generated — `display: contents` above the breakpoint keeps `.nav-menu` the
   direct flex item of `.navbar-wrapper`, so the desktop bar is untouched. */
.nav-overlay {
  display: contents;
}
@media screen and (max-width: 991px) {
.nav-overlay {                    /* .w-nav-overlay */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    display: none;
    overflow: hidden;
  }
.nav-overlay.is-open {
    display: block;
  }
.nav-menu {                       /* [data-nav-menu-open] */
    text-align: center;
    min-width: 200px;
    overflow: visible;
    background: #c8c8c8;
    /* `[data-nav-menu-open]` was `position: absolute; left: 0; right: 0`, which
       both stretched the panel across the overlay and cancelled `.w-nav-menu`'s
       float. Here the panel stays in flow so the overlay can take its height and
       clip the slide, so the float is dropped instead — same rendered box. */
    float: none;
    width: 100%;
  }
.nav-link {                       /* .w--nav-link-open */
    display: block;
    position: relative;
  }
.menu-button {                    /* .w-nav[data-collapse='medium'] .w-nav-button */
    display: block;
  }
}
@media screen and (max-width: 767px) {
.navbar-logo {                    /* .w-nav-brand */
    padding-left: 10px;
  }
}
/* ======================================================================
   3. Lenkrio design
   ====================================================================== */
:root {
  --_color-palette---deep-midnight: #111521;
  --_fonts---primary-font: Inter, sans-serif;
  --_color-palette---gray: #a0a0a0;
  --_typography---paragraph-large: 16px;
  --_typography---line-height--xxlarge: 150%;
  --_typography---font-weight--regular: 400;
  --_color-palette---white: white;
  --_typography---h1: 90px;
  --_typography---line-height--small: 110%;
  --_typography---font-weight--semi-bold: 600;
  --_typography---letter-spacing--default: -.04em;
  --_typography---h2: 70px;
  --_typography---h3: 54px;
  --_typography---line-height--default: 120%;
  --_typography---h4: 40px;
  --_typography---h5: 24px;
  --_typography---line-height--xlarge: 140%;
  --_typography---h6: 18px;
  --_typography---font-weight--medium: 500;
  --full-size: 100%;
  --_color-palette---midnight-indigo: #14142d;
  --_color-palette---indigo-steel: #292363;
  --_color-palette---primary: #817fff;
  --_section-padding---spacing-large: 120px;
  --_section-padding---spacing-medium: 100px;
  --_section-padding---spacing-small: 80px;
  --_typography---paragraph-small: 14px;
  --_color-palette---forest-charcoal: #292c37;
  --_color-palette---deep-sapphire: #12182c;
  --_color-palette---white\<deleted\|variable-177089b8\>: white;
  --_color-palette---navy-steel: #23293a;
  --_typography---line-height--xsmall: 100%;
  --_color-palette---neutral-colors--midnight-slate: #14152d;
  --_color-palette---neutral-colors--ink-navy: #1f223f;
  --_color-palette---neutral-colors--deep-indigo: #131329;
  --_color-palette---soft-indigo: #817fff;
  --_color-palette---aqua-mint: #4efdfd;
  --_color-palette---neutral-colors--muted-graphite: #646b74;
  --_section-padding---banner-spacing: 100px;
  --_color-palette---neutral-colors--shadow-blue: #191b32;
  --_color-palette---neutral-colors--royal-navy: #192e5b;
  --_fonts---secondary-font: "IBM Plex Mono", sans-serif;
  --_typography---font-weight--blod: 700;
  --_color-palette---black: black;
  --_section-padding---full-size: 100%;
  --_typography---line-height--large: 130%;
  --_typography---font-weight--light: 300;
  --_color-palette---neutral-colors--steel-indigo: #252c56;
  --_color-palette---neutral-colors--obsidian-blue: #1b1c31;
}
.wf-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;
}
.wf-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}
.wf-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}
.wf-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}
.wf-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}
.wf-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.wf-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}
.wf-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}
.wf-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.wf-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}
.wf-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}
.wf-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}
.wf-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}
.wf-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}
.wf-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}
.wf-commerce-commercecartordervalue {
  font-weight: 700;
}
.wf-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}
.wf-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}
.wf-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}
.wf-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}
.wf-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}
.wf-commerce-commerceaddtocartoptionpill.is-active {
  color: #fff;
  background-color: #000;
}
.wf-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}
.wf-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}
.wf-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.wf-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}
.wf-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}
.wf-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}
.wf-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}
.wf-commerce-commercecheckoutemailinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutshippingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}
.wf-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}
.wf-commerce-commercecheckoutshippingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.wf-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}
.wf-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}
.wf-commerce-commerceboldtextblock {
  font-weight: 700;
}
.wf-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}
.wf-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}
.wf-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}
.wf-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutbillingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutbillingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}
.wf-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}
.wf-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}
.wf-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}
.wf-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}
.wf-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}
.wf-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutsummarylineitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}
.wf-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}
.wf-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}
.wf-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}
.wf-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}
.wf-commerce-commercecheckoutsummaryitem, .wf-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}
.wf-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}
.wf-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}
.wf-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}
.wf-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}
.wf-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.wf-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }
.wf-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }
.wf-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}
@media screen and (max-width: 479px) {
.wf-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }
.wf-commerce-commercecheckoutemailinput, .wf-commerce-commercecheckoutshippingfullname, .wf-commerce-commercecheckoutshippingstreetaddress, .wf-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }
.wf-commerce-commercecheckoutrow {
    flex-direction: column;
  }
.wf-commerce-commercecheckoutshippingcity, .wf-commerce-commercecheckoutshippingstateprovince, .wf-commerce-commercecheckoutshippingzippostalcode, .wf-commerce-commercecheckoutshippingcountryselector, .wf-commerce-commercecheckoutbillingfullname, .wf-commerce-commercecheckoutbillingstreetaddress, .wf-commerce-commercecheckoutbillingstreetaddressoptional, .wf-commerce-commercecheckoutbillingcity, .wf-commerce-commercecheckoutbillingstateprovince, .wf-commerce-commercecheckoutbillingzippostalcode, .wf-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}
body {
  background-color: var(--_color-palette---deep-midnight);
  font-family: var(--_fonts---primary-font);
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
  line-height: var(--_typography---line-height--xxlarge);
  font-weight: var(--_typography---font-weight--regular);
}
h1, .heading-scale-1 {
  font-family: var(--_fonts---primary-font);
  color: var(--_color-palette---white);
  font-size: var(--_typography---h1);
  line-height: var(--_typography---line-height--small);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--default);
  margin-top: 0;
  margin-bottom: 0;
}
h2, .heading-scale-2 {
  font-family: var(--_fonts---primary-font);
  color: var(--_color-palette---white);
  font-size: var(--_typography---h2);
  line-height: var(--_typography---line-height--small);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--default);
  margin-top: 0;
  margin-bottom: 0;
}
h3, .heading-scale-3 {
  font-family: var(--_fonts---primary-font);
  color: var(--_color-palette---white);
  font-size: var(--_typography---h3);
  line-height: var(--_typography---line-height--default);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--default);
  margin-top: 0;
  margin-bottom: 0;
}
h4, .heading-scale-4 {
  font-family: var(--_fonts---primary-font);
  color: var(--_color-palette---white);
  font-size: var(--_typography---h4);
  line-height: var(--_typography---line-height--default);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--default);
  margin-top: 0;
  margin-bottom: 0;
}
h5, .heading-scale-5 {
  font-family: var(--_fonts---primary-font);
  color: var(--_color-palette---white);
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--default);
  margin-top: 0;
  margin-bottom: 0;
}
h6, .heading-scale-6 {
  font-family: var(--_fonts---primary-font);
  color: var(--_color-palette---white);
  font-size: var(--_typography---h6);
  line-height: var(--_typography---line-height--xxlarge);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: var(--_typography---letter-spacing--default);
  margin-top: 0;
  margin-bottom: 0;
}
p {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
  line-height: var(--_typography---line-height--xxlarge);
  margin-bottom: 0;
}
ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}
img {
  width: var(--full-size);
  height: var(--full-size);
  max-height: var(--full-size);
  max-width: var(--full-size);
  display: inline-block;
}
figure {
  margin-bottom: 10px;
}
.page-wrapper {
  overflow: clip;
}
.navbar {
  z-index: 999;
  background-color: #fff0;
  padding-top: 24px;
  padding-bottom: 24px;
  position: fixed;
  inset: 0% 0% auto;
}
.container {
  width: 100%;
  max-width: 1310px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.nav-menu {
  grid-column-gap: 34px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.nav-link {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
  padding: 0;
  line-height: 150%;
  transition: all .3s;
}
.nav-link:hover, .nav-link[aria-current="page"], .nav-link.is-active {
  color: var(--_color-palette---white);
}
.navbar-button-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.tertiary-button {
  border: 1px solid var(--_color-palette---indigo-steel);
  color: var(--_color-palette---primary);
  font-size: var(--_typography---h6);
  line-height: var(--_typography---line-height--xxlarge);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: var(--_typography---letter-spacing--default);
  background-image: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 1px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}
.tertiary-button:hover {
  background-image: linear-gradient(90deg, #152a6e, #817fff);
}
.primary-button-single {
  grid-column-gap: 7px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.primary-button-single.hover-out {
  position: absolute;
  top: auto;
  bottom: auto;
  right: auto;
}
.primary-button-arrow {
  max-width: 20px;
}
.primary-button-wrapper {
  display: inline-block;
}
.primary-button-wrapper.start-your-links-creation {
  z-index: 2;
  position: relative;
}
.primary-button-text {
  flex: none;
}
.section {
  padding-top: var(--_section-padding---spacing-large);
  padding-bottom: var(--_section-padding---spacing-large);
}
.section.banner {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
.section.footer {
  padding-bottom: 0;
}
.section.testimonials {
  padding-top: 0;
}
.section.integration {
  padding-bottom: 215px;
}
.section.pricing {
  padding-top: var(--_section-padding---spacing-medium);
  background-image: url('../images/Pricing-BG.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding-bottom: 90px;
}
.section.brands-section {
  padding-top: 40px;
  padding-bottom: 85px;
}
.section.work-link {
  padding-top: 0;
  padding-bottom: 0;
}
.section.not-found {
  height: 100vh;
  padding-bottom: var(--_section-padding---spacing-small);
  justify-content: center;
  align-items: center;
}
.section.style-guide {
  padding-top: 190px;
}
.section.utility-banner {
  padding-top: 205px;
}
.section.license, .section.changelog-section, .section.password-protected-section {
  padding-top: 0;
}
.section.inner-banner {
  padding-top: 0;
  padding-bottom: 0;
}
.section.contact-us {
  padding-top: 80px;
}
.section.faq {
  padding-top: 0;
  padding-bottom: 0;
}
.section.main-pricing {
  padding-top: 60px;
}
.section.pricing-details {
  padding-top: 160px;
  position: relative;
}
.section.blog-section {
  padding-top: 80px;
  padding-bottom: 0;
}
.section.details-banner {
  padding-top: 0;
  padding-bottom: 0;
}
.section.blog-details {
  padding-top: 60px;
  padding-bottom: 0;
}
.section.career {
  padding-top: 80px;
}
.section.career-features {
  padding-top: 0;
  padding-bottom: 0;
}
.section.career-details {
  padding-top: 30px;
  padding-bottom: 0;
}
.section.about-history {
  padding-top: 0;
  padding-bottom: 0;
}
.section.team-member {
  background-image: url('../images/Pricing-BG.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding-bottom: 0;
}
.section.our-mission {
  padding-top: 0;
}
.section.customer-features {
  padding-top: var(--_section-padding---spacing-small);
}
.section.team-collaboration, .section.core-features, .section.additional-features {
  padding-top: 0;
}
.section.checkout {
  color: var(--_color-palette---gray);
  background-color: #fff0;
  padding: 60px 0 0;
}
.section.value {
  background-image: url('../images/Pricing-BG.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.banner-container {
  padding-left: 17px;
  padding-right: 17px;
}
.banner-wrapper {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  padding-top: 145px;
  padding-bottom: 110px;
  position: relative;
  overflow: hidden;
}
.banner-top-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 975px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}
.banner-button-tag-wrapper.left {
  z-index: 1;
  grid-row-gap: 11px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 266px;
  display: flex;
  position: relative;
}
.banner-button-tag-wrapper.right {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 265px;
  display: flex;
  position: relative;
}
.banner-button-tag {
  z-index: 1;
  grid-column-gap: 7px;
  border: 1px solid var(--_color-palette---primary);
  -webkit-backdrop-filter: blur(21px);
  backdrop-filter: blur(21px);
  text-transform: uppercase;
  background-color: #14232d1a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 124px;
  min-height: 45px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
}
.banner-button-tag.one, .banner-button-tag.three {
  margin-left: auto;
}
.banner-button-tag.four {
  max-width: 149px;
}
.banner-button-tag.width-90px {
  max-width: 90px;
}
.banner-button-tag.width-90px.six {
  margin-left: auto;
}
.banner-button-tag-text {
  color: var(--_color-palette---white);
  font-size: var(--_typography---paragraph-small);
  font-weight: 700;
}
.banner-button-image-wrap {
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  max-width: 115px;
  display: flex;
}
.banner-download-button {
  width: 100%;
  max-width: 150px;
}
.banner-button-tag-icon {
  max-width: 20px;
}
.banner-icon-wrapper {
  z-index: 9;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #ffffff03;
  border: 1px solid #ffffff1a;
  border-radius: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 16px 21px;
  display: flex;
  position: relative;
}
.banner-icon {
  width: auto;
  height: auto;
}
.banner-button-left-line {
  width: 100%;
  max-width: 114px;
  height: auto;
  position: absolute;
  inset: auto 30px auto auto;
}
.banner-button-right-line {
  width: auto;
  height: auto;
  position: absolute;
  inset: auto 58px auto auto;
}
.banner-button-line-arrow {
  z-index: 2;
  width: auto;
  height: auto;
  position: absolute;
  inset: auto auto auto -16px;
}
.banner-button-line {
  width: 100%;
  max-width: 598px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto -40px auto 0;
}
.banner-icon-arrow-left {
  z-index: 1;
  width: auto;
  height: auto;
  position: absolute;
  inset: auto auto auto -20px;
}
.banner-icon-arrow-right {
  z-index: 1;
  width: auto;
  height: auto;
  position: absolute;
  inset: auto -20px auto auto;
}
.banner-subtitle-tag {
  color: var(--_color-palette---white);
  font-size: var(--_typography---paragraph-small);
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
}
.banner-subtitle-tag-wrap {
  text-align: center;
  position: absolute;
  inset: auto 0 0%;
}
.banner-content {
  z-index: 9;
  grid-row-gap: 50px;
  perspective: 1000px;
  flex-flow: column;
  display: flex;
  position: relative;
  transform: perspective(1000px);
}
.banner-typography-wrapper {
  text-align: center;
  width: 100%;
  max-width: 605px;
  margin-left: auto;
  margin-right: auto;
}
.banner-title-description {
  margin-bottom: 30px;
}
.banner-title {
  text-transform: uppercase;
  margin-bottom: 24px;
}
.banner-title-span {
  color: var(--_color-palette---primary);
}
.banner-description-text {
  max-width: 578px;
  color: var(--_color-palette---white);
  margin-left: auto;
  margin-right: auto;
}
.banner-button-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.primary-button {
  color: var(--_color-palette---deep-midnight);
  font-size: var(--_typography---paragraph-large);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: capitalize;
  background-image: linear-gradient(45deg, #152a6e, #817fff);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 1px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}
.primary-button:hover {
  background-image: linear-gradient(210deg, #152a6e, #817fff);
}
.primary-button.secondary {
  border-color: var(--_color-palette---primary);
  background-color: var(--_color-palette---primary);
  color: var(--_color-palette---white);
  border-radius: 4px;
  padding: 11px 24px;
}
.primary-button.secondary:where(.variant-secondary-button-v2) {
  border-radius: 100px;
}
.footer-top-content {
  padding-bottom: 70px;
}
.footer-details-menu-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.footer-details {
  width: 100%;
  max-width: 430px;
}
.footer-logo-wrap {
  margin-bottom: 18px;
}
.footer-details-text-wrapper {
  width: 100%;
  max-width: 285px;
  margin-bottom: 40px;
}
.footer-form-block {
  margin-bottom: 0;
}
.footer-form-text-field {
  color: var(--_color-palette---white);
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--default);
  margin-bottom: 30px;
}
.footer-form-single {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}
.footer-form-input-field {
  border: 1px solid var(--_color-palette---forest-charcoal);
  height: 56px;
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
  background-color: #fff0;
  border-radius: 100px;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.footer-form-input-field:focus, .footer-form-input-field:focus-visible, .footer-form-input-field[data-wf-focus-visible] {
  border-color: var(--_color-palette---primary);
}
.footer-form-input-field::placeholder {
  color: var(--_color-palette---gray);
}
.footer-form-submit-button {
  color: var(--_color-palette---gray);
  font-family: "Fa Solid 900", Arial, sans-serif;
  font-size: var(--_typography---h6);
  background-color: #fff0;
  padding: 0;
  position: absolute;
  inset: auto 24px auto auto;
}
.footer-menu-wrapper {
  grid-column-gap: 10px;
  justify-content: space-between;
  width: 100%;
  max-width: 580px;
  display: flex;
}
.footer-menu-title {
  color: var(--_color-palette---white);
  font-size: var(--_typography---paragraph-large);
  font-weight: var(--_typography---font-weight--medium);
}
.footer-menu-title-wrapper {
  margin-bottom: 24px;
}
.footer-menu-list {
  grid-row-gap: 14px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}
.footer-menu-text-link {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
  text-transform: capitalize;
  text-decoration: none;
  transition: opacity .4s;
}
.footer-menu-text-link:hover {
  color: var(--_color-palette---primary);
}
.footer-menu-text-link[aria-current="page"], .footer-menu-text-link.is-active {
  color: var(--_color-palette---white);
}
.footer-information-wrapper {
  border-top: 1px solid var(--_color-palette---forest-charcoal);
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer-information-text {
  color: var(--_color-palette---gray);
  display: inline-block;
}
.section-title-wrapper {
  text-align: center;
  margin-bottom: 75px;
}
.section-title-wrapper.integration {
  margin-bottom: 0;
}
.section-title-wrapper.contact-us {
  width: 100%;
  max-width: 475px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}
.section-title-wrapper.blog {
  width: 100%;
  max-width: 685px;
  margin-left: auto;
  margin-right: auto;
}
.section-title-wrapper.about-history {
  width: 100%;
  max-width: 832px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}
.section-title-wrapper.benefits {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.section-title-wrapper.customer-features {
  width: 100%;
  max-width: 905px;
  margin-left: auto;
  margin-right: auto;
}
.section-title-wrapper.mb60 {
  margin-bottom: 60px;
}
.subtitle-wrapper {
  text-align: center;
  margin-bottom: 12px;
  display: inline-block;
}
.subtitle {
  color: var(--_color-palette---primary);
  font-size: var(--_typography---paragraph-small);
  line-height: var(--_typography---line-height--xxlarge);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: capitalize;
  display: inline-block;
}
.subtitle.is-value, .subtitle.is-integration {
  color: var(--_color-palette---white);
}
.section-title {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.section-title.testimonials {
  text-transform: capitalize;
  width: 100%;
  max-width: 595px;
  margin-left: auto;
  margin-right: auto;
}
.section-title.integration {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.section-title.pricing {
  width: 100%;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}
.section-title.impact {
  width: 100%;
  max-width: 935px;
  margin-left: auto;
  margin-right: auto;
}
.section-title.the-link-flow-title {
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}
.section-title.team-member {
  text-transform: capitalize;
}
.section-title.team-collaboration {
  width: 100%;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}
.section-title.is-integration {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.section-title.is-value {
  text-align: left;
}
.section-title-span {
  color: var(--_color-palette---primary);
}
.section-description {
  color: var(--_color-palette---white);
}
.section-description.testimonials {
  width: 100%;
  max-width: 475px;
  margin-left: auto;
  margin-right: auto;
}
.section-description.integration {
  display: inline-block;
}
.section-description.pricing {
  width: 100%;
  max-width: 475px;
  margin-left: auto;
  margin-right: auto;
}
.section-description.impact {
  width: 100%;
  max-width: 474px;
  margin-left: auto;
  margin-right: auto;
}
.section-description.the-link-flow-description, .section-description.faq {
  width: 100%;
  max-width: 475px;
  margin-left: auto;
  margin-right: auto;
}
.section-description.team-member {
  width: 100%;
  max-width: 395px;
}
.section-description.our-mission {
  color: var(--_color-palette---gray);
}
.section-description.core-features {
  width: 100%;
  max-width: 475px;
  margin-left: auto;
  margin-right: auto;
}
.testimonials-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.testimonials-details-card {
  background-color: var(--_color-palette---deep-sapphire);
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  min-height: 409px;
  padding: 24px;
  display: flex;
}
.testimonials-details-card-top-content {
  grid-column-gap: 14px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.testimonials-details-card-number {
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--default);
}
.testimonials-details-card-number-span {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
  line-height: var(--_typography---line-height--default);
  font-weight: 500;
}
.testimonials-details-card-top-description {
  width: 100%;
  max-width: 178px;
  color: var(--_color-palette---gray);
}
.testimonials-details-card-top-description-span {
  color: var(--_color-palette---white\<deleted\|variable-177089b8\>);
  font-weight: 500;
}
.testimonials-details-card-bottom-content {
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}
.testimonials-details-author-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: flex-start;
  display: flex;
}
.testimonials-details-author-image-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.testimonials-details-author-img {
  width: 100%;
  max-width: 36px;
  height: auto;
  margin-left: -15px;
}
.testimonials-details-author-img._1st {
  margin-left: 0;
}
.testimonials-details-author-text {
  width: 100%;
  max-width: 120px;
  font-size: var(--_typography---paragraph-small);
  font-weight: 500;
  line-height: 150%;
}
.testimonials-details-author-text-span {
  color: var(--_color-palette---white);
}
.testimonials-card {
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}
.testimonials-author {
  grid-column-gap: 10px;
  background-color: var(--_color-palette---deep-sapphire);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 14px;
  display: flex;
}
.testimonials-author-img-wrap {
  width: 100%;
  max-width: 52px;
}
.testimonials-author-name {
  color: var(--_color-palette---white);
  font-weight: 500;
}
.testimonials-author-bio {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-small);
}
.testimonials-description-wrapper {
  background-color: var(--_color-palette---deep-sapphire);
  border-radius: 10px;
  flex-flow: column;
  height: 100%;
  padding: 24px;
  display: flex;
}
.testimonials-description-wrapper.bottom {
  justify-content: flex-end;
}
.testimonials-description-wrapper.top {
  flex-flow: column;
}
.testimonials-description-text {
  color: var(--_color-palette---white);
}
.integration-line {
  background-image: linear-gradient(#111521, #4efdfd33);
  width: 1px;
  height: 350px;
  margin-left: auto;
  margin-right: auto;
}
.integration-line-wrapper {
  z-index: 3;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: -15px;
  display: flex;
  position: relative;
}
.integration-line-circle {
  background-color: #407780;
  border-radius: 100%;
  width: 100%;
  max-width: 31px;
  margin-left: auto;
  margin-right: auto;
}
.integration-wrapper {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}
.integration-circle {
  z-index: 2;
  border: 1px solid var(--_color-palette---navy-steel);
  -webkit-backdrop-filter: blur(150px);
  backdrop-filter: blur(150px);
  background-color: #0c0c0c66;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  box-shadow: inset 5.08px 10.16px 40.63px #817fff33;
}
.integration-circle.one {
  opacity: .4;
  -webkit-backdrop-filter: blur(150px);
  backdrop-filter: blur(150px);
  max-width: 80px;
  height: 80px;
}
.integration-circle.two {
  opacity: .6;
  max-width: 120px;
  height: 120px;
}
.integration-circle.three {
  max-width: 152px;
  height: 152px;
}
.integration-main-logo-wrapper {
  z-index: 2;
  border: 1px solid var(--_color-palette---primary);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 203px;
  height: 203px;
  display: flex;
  position: relative;
  box-shadow: 0 81.27px 60.95px -40.63px #0006, inset 0 0 20.32px #f8f8f840;
}
.integration-main-logo-single {
  background-color: var(--_color-palette---primary);
  -webkit-backdrop-filter: blur(24.48px);
  backdrop-filter: blur(24.48px);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 162px;
  height: 162px;
  display: flex;
  box-shadow: -24px 55px 90px -10px #817fff, inset 0 0 20.32px #817fff80;
}
.integration-circle-element {
  width: 100%;
  max-width: 631px;
  height: auto;
  max-height: none;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0;
}
.pricing-content {
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  max-width: 846px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.pricing-card-collection-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.pricing-card {
  z-index: 1;
  background-image: none;
  background-size: auto;
  border: 1px solid #817fff0d;
  border-radius: 20px;
  padding: 24px;
  transition: all .4s;
  position: relative;
}
.pricing-card:hover {
  border-radius: 32px;
}
.pricing-card-name-wrapper {
  margin-bottom: 24px;
}
.pricing-name {
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--default);
  display: inline-block;
}
.pricing-name.details {
  color: var(--_color-palette---white);
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--default);
}
.pricing-card-top-content {
  border-bottom: 1px dashed #000;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.pricing-card-top-content.details {
  border-bottom-style: none;
  margin-bottom: 30px;
  padding-bottom: 0;
}
.pricing-card-price-pack-name {
  grid-column-gap: 10px;
  align-items: flex-end;
  margin-bottom: 14px;
  display: flex;
}
.pricing-card-price {
  font-size: var(--_typography---h4);
  line-height: var(--_typography---line-height--default);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--default);
}
.pricing-card-pack-name {
  padding-bottom: 5px;
}
.pricing-short-details.details {
  color: var(--_color-palette---white);
}
.pricing-features-wrapper {
  margin-bottom: 26px;
}
.pricing-features-wrapper.pricing-features-list-details {
  width: 100%;
  max-width: 345px;
}
.pricing-features-list {
  grid-row-gap: 19px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}
.pricing-features-list-item {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.pricing-features-list-icon-wrapper {
  background-color: var(--_color-palette---white);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 20px;
  height: 20px;
  display: flex;
}
.pricing-features-list-icon-wrapper.details {
  background-color: var(--_color-palette---midnight-indigo);
}
.pricing-features-list-icon {
  width: auto;
  height: auto;
}
.pricing-features-list-item-text {
  font-size: var(--_typography---paragraph-large);
  line-height: 100%;
}
.pricing-features-list-item-text.details {
  color: var(--_color-palette---white);
}
.pricing-card-link-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.pricing-card-link {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---h6);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: var(--_typography---letter-spacing--default);
  transition: all .3s;
  display: block;
}
.pricing-card-link:hover {
  color: var(--_color-palette---white);
  transform: translate(10px);
}
.pricing-details-wrappe {
  background-color: var(--_color-palette---deep-sapphire);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  display: flex;
}
.pricing-details-title-description {
  width: 100%;
  max-width: 545px;
}
.pricing-details-title {
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  font-weight: var(--_typography---font-weight--semi-bold);
  margin-bottom: 16px;
  display: inline-block;
}
.pricing-details-description {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
}
.impact-wrapper {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.impact-card-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.impact-card-single {
  background-color: var(--_color-palette---deep-sapphire);
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  min-height: 296px;
  padding: 24px;
  display: flex;
}
.summery-counter-wrap {
  height: 40px;
  margin-bottom: 18px;
  display: flex;
  overflow: hidden;
}
.single-counter-wrap {
  flex-direction: column;
  align-items: center;
  height: 100%;
  margin-right: 0;
  display: flex;
}
.single-counter-wrap._2 {
  justify-content: flex-end;
}
.number-digit {
  z-index: 1;
  font-size: var(--_typography---h4);
  line-height: var(--_typography---line-height--xsmall);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--default);
  position: relative;
}
.impact-card-bottom-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.impact-card-icon-wrap {
  background-image: linear-gradient(70deg, #152d6e, #817fff);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 32px;
  height: 32px;
  display: flex;
  box-shadow: 0 -1px #817fff, inset -1px 0 #817fff;
}
.impact-card-icon {
  width: auto;
  height: auto;
}
.impact-arrow-wrapper {
  color: var(--_color-palette---primary);
  font-family: "Fa Solid 900", Arial, sans-serif;
  text-decoration: none;
}
.brands-subtitle-wrapper {
  grid-column-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}
.brands-subtitle-line {
  max-width: 160px;
}
.brands-subtitle {
  color: var(--_color-palette---primary);
  font-weight: 500;
}
.brands-wrapper {
  border-bottom: 1px solid var(--_color-palette---forest-charcoal);
  padding-bottom: 30px;
}
.brands-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1168px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.brands-logo {
  max-width: 100px;
  height: auto;
}
.brands-logo-line {
  background-color: var(--_color-palette---forest-charcoal);
  width: 2px;
  height: 13px;
}
.work-link-content {
  grid-column-gap: 88px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.work-link-menu-wrapper {
  grid-row-gap: 42px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.work-menu-link {
  z-index: 1;
  grid-column-gap: 6px;
  width: 100%;
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-small);
  justify-content: flex-start;
  align-items: center;
  line-height: 150%;
  text-decoration: none;
  display: flex;
  position: relative;
}
.work-menu-link[aria-current="page"], .work-menu-link.is-active {
  color: var(--_color-palette---primary);
}
.work-menu-link-circle {
  background-color: var(--_color-palette---primary);
  border-radius: 100%;
  width: 100%;
  max-width: 10px;
  height: 10px;
}
.work-menu-link-circle.two, .work-menu-link-circle.three, .work-menu-link-circle.four {
  background-color: var(--_color-palette---gray);
}
.work-link-menu-line-wrapper {
  background-color: var(--_color-palette---indigo-steel);
  width: 1px;
  height: 93%;
  position: absolute;
  inset: auto auto auto 5px;
}
.work-link-menu-active-line {
  background-color: var(--_color-palette---primary);
  width: 100%;
  height: 10%;
}
.work-link-wrapper {
  flex-flow: column;
  width: 100%;
  max-width: 1065px;
  display: flex;
}
.work-link-menu-sticky {
  width: 100%;
  max-width: 105px;
  position: sticky;
  top: 120px;
}
.inner-section-title-wrapper {
  margin-bottom: 65px;
}
.inner-section-title-wrapper.how-it-works {
  width: 100%;
  max-width: 740px;
}
.inner-section-title-wrapper.use-cases {
  width: 100%;
  max-width: 556px;
}
.inner-section-title-wrapper.link-types {
  width: 100%;
  max-width: 630px;
}
.inner-section-title-wrapper.integrations {
  width: 100%;
  max-width: 550px;
}
.inner-subtitle-wrapper {
  border: 1px solid var(--_color-palette---indigo-steel);
  background-color: var(--_color-palette---deep-midnight);
  border-radius: 100px;
  margin-bottom: 14px;
  padding: 6px 14px;
  display: inline-block;
}
.inner-subtitle {
  color: var(--_color-palette---primary);
  font-size: var(--_typography---paragraph-small);
  font-weight: var(--_typography---font-weight--medium);
}
.how-it-works-content {
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  max-width: 954px;
  display: flex;
}
.work-link-typography {
  grid-column-gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 415px;
  display: flex;
}
.work-link-number-wrap {
  background-color: var(--_color-palette---primary);
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 34px;
  height: 34px;
  display: flex;
}
.work-link-number {
  color: var(--_color-palette---deep-midnight);
  font-size: var(--_typography---h6);
  line-height: var(--_typography---line-height--xxlarge);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: var(--_typography---letter-spacing--default);
}
.work-link-typography-single {
  width: 100%;
  max-width: 361px;
  padding-top: 3px;
}
.work-link-title {
  font-size: var(--_typography---h6);
  line-height: var(--_typography---line-height--default);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--default);
  margin-bottom: 14px;
  display: inline-block;
}
.work-link-description {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
}
.how-it-works-flex {
  grid-column-gap: 15px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.use-cases-section {
  padding-top: 120px;
}
.use-cases-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.use-cases-typography {
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  max-width: 415px;
  display: flex;
}
.use-cases-card-wrapper {
  width: 100%;
  max-width: 517px;
  position: relative;
}
.use-cases-card-image {
  z-index: 1;
  border: 1px solid #192e5b;
  border-radius: 32px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.link-types-section {
  padding-top: 120px;
}
.link-types-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}
.link-types-single-card {
  background-color: var(--_color-palette---neutral-colors--midnight-slate);
  border-radius: 22px;
  flex-flow: column;
  justify-content: space-between;
  min-height: 557px;
  padding: 15px 10px 10px;
  display: flex;
}
.link-types-single-card.campaign {
  padding-top: 65px;
}
.link-types-circle-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.link-types-circle-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 357px;
  display: flex;
  position: absolute;
}
.link-types-button-wrapper {
  grid-row-gap: 19px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.link-types-button-wrapper.two {
  width: 100%;
  max-width: 125px;
}
.link-types-button {
  grid-column-gap: 6px;
  border: 1px solid var(--_color-palette---navy-steel);
  background-color: var(--_color-palette---neutral-colors--ink-navy);
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 7px 5px 4px;
  display: flex;
}
.link-types-button.optimized-links {
  margin-left: auto;
}
.link-types-button-icon-wrap {
  background-image: linear-gradient(#00d1ac14, #2c91ed14);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  display: flex;
  box-shadow: inset 0 0 1.32px #ffffff80;
}
.link-types-button-icon {
  max-width: 10px;
  height: auto;
}
.link-types-button-text {
  color: var(--_color-palette---white);
  font-size: 8px;
  line-height: var(--_typography---line-height--xsmall);
  font-weight: var(--_typography---font-weight--medium);
}
.link-types-button-text.last {
  font-size: 10px;
}
.link-types-icon {
  box-shadow: -24px 55px 90px -10px var(--_color-palette---primary);
  border-radius: 100%;
}
.link-types-icon-wrap {
  width: 100%;
  max-width: 61px;
}
.link-types-typography {
  border: 1px solid var(--_color-palette---indigo-steel);
  background-color: var(--_color-palette---neutral-colors--deep-indigo);
  border-radius: 10px;
  padding: 20px;
}
.link-types-title {
  font-size: var(--_typography---h6);
  line-height: var(--_typography---line-height--xxlarge);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: var(--_typography---letter-spacing--default);
  margin-bottom: 16px;
}
.link-types-description {
  color: var(--_color-palette---gray);
}
.campaign-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}
.campaign-icon-wrap {
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}
.campaign-icon-wrap.left, .campaign-icon-wrap.right {
  width: 100%;
  max-width: 108px;
}
.campaign-icon {
  width: 100%;
  max-width: 69px;
}
.campaign-icon.right-side {
  margin-left: auto;
}
.campaign-main-icon {
  border-radius: 100%;
  width: auto;
  height: auto;
  box-shadow: 0 0 50px #4fc8f799;
}
.campaign-element {
  width: 100%;
  max-width: 284px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0;
}
.integrations-section {
  padding-top: 120px;
}
.integrations-content {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.integrations-typography {
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  max-width: 415px;
  display: flex;
}
.integrations-card-image-wrapper {
  width: 100%;
  max-width: 478px;
}
.integrations-card-image {
  border: 1px solid var(--_color-palette---indigo-steel);
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 22px;
  width: 100%;
  max-height: 514px;
}
.not-found-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}
.not-found-typography {
  width: 100%;
  max-width: 255px;
}
.not-found-image-wrapper {
  text-align: center;
  margin-bottom: 40px;
}
.not-found-image {
  width: 100%;
  max-width: 254px;
  margin-left: auto;
  margin-right: auto;
}
.not-found-description-button-wrapper {
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  display: flex;
}
.not-found-description {
  color: var(--_color-palette---white);
  font-weight: 500;
  display: inline-block;
}
.style-guide-container {
  width: 100%;
  max-width: 1410px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.style-guide-content {
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}
.style-guide-font-wrapper {
  border-bottom: 1px solid var(--_color-palette---forest-charcoal);
  justify-content: space-between;
  align-items: center;
  padding-bottom: 35px;
  display: flex;
}
.style-guide-font-title {
  color: var(--_color-palette---white);
  font-weight: 500;
}
.style-guide-font-text {
  color: var(--_color-palette---gray);
}
.style-guide-typography-title-wrapper {
  border-bottom: 1px solid var(--_color-palette---forest-charcoal);
  margin-bottom: 30px;
  padding-bottom: 35px;
}
.style-guide-typography-content {
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}
.style-guide-typography-single {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.paragraph-one {
  color: var(--_color-palette---white);
  font-weight: var(--_typography---font-weight--medium);
}
.paragraph-two {
  color: var(--_color-palette---white);
}
.paragraph-three {
  color: var(--_color-palette---white);
  font-size: var(--_typography---paragraph-small);
  font-weight: var(--_typography---font-weight--medium);
}
.paragraph-four {
  color: var(--_color-palette---white);
  font-size: var(--_typography---paragraph-small);
}
.style-guide-title-wrapper {
  border-bottom: 1px solid var(--_color-palette---forest-charcoal);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  padding-bottom: 35px;
  display: flex;
}
.style-guide-title {
  color: var(--_color-palette---white);
  font-weight: 500;
}
.color-palette-grid {
  grid-column-gap: 64px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.color-palette {
  min-height: 100px;
}
.color-palette.primary {
  background-color: var(--_color-palette---primary);
}
.color-palette.white {
  background-color: var(--_color-palette---white);
}
.color-palette.black {
  border: 1px solid var(--_color-palette---forest-charcoal);
  background-color: var(--_color-palette---deep-midnight);
}
.color-palette.gray {
  background-color: var(--_color-palette---gray);
}
.color-palette.border-color {
  background-color: var(--_color-palette---forest-charcoal);
}
.color-palette.border-color-dark {
  background-color: var(--_color-palette---navy-steel);
}
.color-palette.border-color-light {
  background-color: var(--_color-palette---indigo-steel);
}
.color-palette.fill-color-light {
  background-color: var(--_color-palette---midnight-indigo);
}
.color-palette.fill-color-black {
  background-color: var(--_color-palette---deep-sapphire);
}
.color-palette.linear-color {
  background-image: linear-gradient(125deg, var(--_color-palette---soft-indigo), var(--_color-palette---aqua-mint));
}
.style-guide-button-wrapper {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.utility-banner-typography {
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.utility-banner-typography.password-protected {
  width: 100%;
  max-width: 915px;
  margin-left: auto;
  margin-right: auto;
}
.utility-banner-description.license {
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.utility-banner-description.changelog {
  width: 100%;
  max-width: 656px;
  margin-left: auto;
  margin-right: auto;
}
.utility-banner-description.password-protected {
  width: 100%;
  max-width: 775px;
  margin-left: auto;
  margin-right: auto;
}
.license-container {
  width: 100%;
  max-width: 1410px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.license-content {
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}
.license-title-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}
.license-title {
  color: var(--_color-palette---white);
  font-size: var(--_typography---paragraph-large);
  text-transform: capitalize;
  font-weight: 500;
}
.license-text-link {
  color: var(--_color-palette---white);
  text-decoration: none;
}
.license-card {
  background-color: var(--_color-palette---neutral-colors--muted-graphite);
  padding: 32px 32px 0;
}
.license-card-image {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
}
.changelog-container {
  width: 100%;
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}
.changelog-title-wrapper {
  margin-bottom: 55px;
}
.changelog-title {
  font-size: var(--_typography---h4);
  line-height: var(--_typography---line-height--default);
  font-weight: var(--_typography---font-weight--semi-bold);
  display: inline-block;
}
.changelog-details-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.changelog-details-title {
  color: var(--_color-palette---white);
  font-weight: 500;
}
.changelog-details-description {
  width: 100%;
  max-width: 850px;
  font-size: var(--_typography---paragraph-large);
}
.password-protected-content {
  width: 100%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}
.password-protected-text-field {
  color: var(--_color-palette---white);
  font-size: var(--_typography---paragraph-large);
  margin-bottom: 20px;
  font-weight: 500;
}
.password-protected-input-field {
  border: 1px solid var(--_color-palette---forest-charcoal);
  height: 64px;
  color: var(--_color-palette---gray);
  background-color: #111521;
  border-radius: 8px;
  margin-bottom: 30px;
  padding-left: 16px;
  padding-right: 16px;
}
.password-protected-input-field::placeholder {
  color: var(--_color-palette---gray);
}
.password-protected-submit-button {
  background-color: var(--_color-palette---primary);
  width: 100%;
  height: 64px;
  color: var(--_color-palette---deep-midnight);
  border-radius: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
}
.inner-banner-container {
  padding-left: 17px;
  padding-right: 17px;
}
.inner-banner-wrapper {
  min-height: 815px;
  padding-top: var(--_section-padding---banner-spacing);
  padding-bottom: var(--_section-padding---spacing-medium);
  background-image: url('../images/Banner-BG.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.inner-banner-typography {
  width: 100%;
  max-width: 855px;
  margin-left: auto;
  margin-right: auto;
}
.inner-banner-typography.features-banner {
  max-width: 975px;
}
.inner-banner-title-description {
  text-align: center;
  margin-bottom: 30px;
}
.inner-banner-title {
  text-transform: uppercase;
  margin-bottom: 24px;
}
.inner-banner-title.pricing {
  width: 100%;
  max-width: 815px;
  margin-left: auto;
  margin-right: auto;
}
.inner-banner-description {
  width: 100%;
  max-width: 665px;
  color: var(--_color-palette---white);
  margin-left: auto;
  margin-right: auto;
}
.inner-banner-button-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.contact-us-content {
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  max-width: 846px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.contact-us-top-content {
  justify-content: space-between;
  width: 100%;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.contact-us-icon-wrapper {
  background-color: var(--_color-palette---primary);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  display: flex;
}
.contact-us-icon {
  max-width: 20px;
  height: auto;
}
.contact-us-details-title {
  color: var(--_color-palette---white);
  margin-bottom: 12px;
  font-weight: 500;
}
.contact-us-details-text {
  color: var(--_color-palette---gray);
  text-decoration: none;
  transition: color .3s;
}
.contact-us-details-text:hover {
  color: var(--_color-palette---white\<deleted\|variable-177089b8\>);
}
.contact-us-form-wrapper {
  background-color: var(--_color-palette---deep-sapphire);
  border-radius: 20px;
  padding: 30px;
}
.contact-us-form-block {
  margin-bottom: 0;
}
.contact-us-form-wrap {
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.contact-us-form-flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.contact-us-form-single {
  width: 100%;
}
.contact-us-form-text-field {
  color: var(--_color-palette---white);
  font-size: var(--_typography---paragraph-large);
  margin-bottom: 8px;
  font-weight: 500;
}
.contact-us-form-input-field {
  border: 1px solid var(--_color-palette---navy-steel);
  background-color: var(--_color-palette---deep-sapphire);
  height: 48px;
  color: var(--_color-palette---white);
  font-size: var(--_typography---paragraph-large);
  border-radius: 10px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.contact-us-form-input-field:focus {
  border-color: var(--_color-palette---primary);
}
.contact-us-form-input-field::placeholder {
  color: var(--_color-palette---gray);
}
.contact-us-form-textarea {
  border: 1px solid var(--_color-palette---navy-steel);
  background-color: var(--_color-palette---deep-sapphire);
  width: 100%;
  min-width: 100px;
  max-width: 100%;
  min-height: 160px;
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
  border-radius: 10px;
  margin-bottom: 0;
  padding: 12px 16px;
}
.contact-us-form-textarea::placeholder {
  color: var(--_color-palette---gray);
}
.contact-us-form-submit-button {
  background-color: var(--_color-palette---primary);
  height: 56px;
  color: var(--_color-palette---white);
  font-weight: var(--_typography---font-weight--medium);
  border-radius: 10px;
}
.faq-container {
  width: 100%;
  max-width: 628px;
  margin-left: auto;
  margin-right: auto;
}
.faq-accordion-answer-wrap {
  overflow: hidden;
}
.faq-icon-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}
.faq-accordion-question-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.faq-answer {
  width: 100%;
  max-width: 575px;
  padding-top: 16px;
  line-height: 26px;
}
.single-faq-accordion {
  background-color: #fff0;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.single-faq-accordion[aria-current="page"], .single-faq-accordion.is-active {
  background-color: #fff0;
}
.faq-accordion-wrapper {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}
.display-none {
  display: none;
}
.faq-question {
  color: #9a9a9a;
}
.single-faq-accordion-wrap {
  z-index: 1;
  border-bottom: 1px solid #201f1f;
  padding: 0 0 24px;
  text-decoration: none;
  position: relative;
}
.single-faq-accordion-wrap[aria-current="page"], .single-faq-accordion-wrap.is-active {
  background-color: #f8fbff;
  border-color: #d9ebff;
}
.faq-icon {
  z-index: 1;
  color: var(--_color-palette---gray);
  font-family: "Fa Solid 900", Arial, sans-serif;
  position: relative;
}
.main-pricing-tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.pricing-tab-menu {
  grid-column-gap: 6px;
  border: 1px solid var(--_color-palette---forest-charcoal);
  text-align: center;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  padding: 6px;
  display: flex;
}
.pricing-tab-link {
  border: 1px solid var(--_color-palette---forest-charcoal);
  background-color: var(--_color-palette---deep-midnight);
  color: var(--_color-palette---gray);
  letter-spacing: -.72px;
  border-radius: 12px;
  padding: 15px 32px;
  font-size: 18px;
}
.pricing-tab-link[aria-current="page"], .pricing-tab-link.is-active {
  background-color: var(--_color-palette---primary);
  color: var(--_color-palette---deep-midnight);
}
.pricing-tab-content {
  text-align: left;
  width: 100%;
}
.pricing-details-content {
  width: 100%;
  max-width: 846px;
  margin-left: auto;
  margin-right: auto;
}
.pricing-details-card {
  grid-column-gap: 30px;
  background-color: var(--_color-palette---deep-sapphire);
  border-radius: 20px;
  padding: 24px;
  display: flex;
}
.pricing-details-card-typography {
  border-right: 1px dashed var(--_color-palette---forest-charcoal);
  width: 100%;
  max-width: 400px;
}
.pricing-details-card-typography-single {
  width: 100%;
  max-width: 338px;
}
.pricing-card-add-to-cart {
  margin-top: 20px;
}
.pricing-card-add-to-cart-select {
  background-color: var(--_color-palette---deep-sapphire);
  height: 46px;
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
  border: 1px #000;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.pricing-details-card-default-state {
  margin-bottom: 0;
}
.blog-collection-list {
  grid-column-gap: 24px;
  grid-row-gap: 55px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.blog-typography {
  margin-bottom: 16px;
}
.blog-date {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-small);
  margin-bottom: 16px;
  font-weight: 500;
}
.blog-name {
  color: var(--_color-palette---white);
  letter-spacing: -.96px;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
  transition: all .3s;
}
.blog-name:hover {
  color: var(--_color-palette---primary);
}
.blog-post-image-wrapper {
  border-radius: 10px;
  display: block;
  overflow: hidden;
}
.blog-post-thumbnail {
  object-fit: cover;
  width: 100%;
}
.details-container {
  padding-left: 17px;
  padding-right: 17px;
}
.details-banner-wrapper {
  background-image: url('../images/Banner-BG.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 580px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}
.details-banner-typography {
  text-align: center;
  width: 100%;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}
.details-banner-date-read-time {
  grid-column-gap: 6px;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}
.details-banner-date-read-time-text {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-small);
}
.details-banner-date-read-time-line {
  background-color: var(--_color-palette---indigo-steel);
  width: 1px;
  height: 15px;
}
.details-title {
  letter-spacing: -1.6px;
  font-size: 40px;
  line-height: 120%;
}
.details-author-wrapper {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}
.blog-author-image {
  width: 100%;
  max-width: 35px;
}
.blog-author-name {
  color: var(--_color-palette---white);
}
.blog-details-container {
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
}
.blog-details-thumbnail-wrapper {
  border-radius: 20px;
  margin-bottom: 50px;
  overflow: hidden;
}
.blog-details-thumbnail {
  width: 100%;
}
.blog-rich-content h5 {
  margin-bottom: 16px;
}
.blog-rich-content p {
  margin-bottom: 30px;
}
.blog-rich-content ul {
  grid-row-gap: 14px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
}
.blog-rich-content figure {
  border-radius: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
  overflow: hidden;
}
.career-collection-list {
  grid-column-gap: 24px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.career-single-wrapper {
  background-color: var(--_color-palette---deep-sapphire);
  border-radius: 10px;
  padding: 30px;
}
.career-icon-wrapper {
  background-color: var(--_color-palette---primary);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 52px;
  height: 52px;
  margin-bottom: 30px;
  display: flex;
}
.career-icon {
  max-width: 24px;
  height: auto;
}
.job-post-name-description {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
}
.job-post-name {
  color: var(--_color-palette---white);
  font-size: var(--_typography---h6);
  letter-spacing: -.72px;
  margin-bottom: 14px;
  font-weight: 500;
  text-decoration: none;
}
.job-post-description {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
}
.job-post-link-block-wrap {
  display: inline-block;
}
.job-post-link-block {
  grid-column-gap: 8px;
  color: var(--_color-palette---primary);
  text-transform: capitalize;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}
.career-features-content {
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.career-features-grid {
  grid-column-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}
.career-features-single {
  background-color: var(--_color-palette---deep-sapphire);
  border-radius: 10px;
  padding: 30px;
}
.career-features-icon-wrapper {
  margin-bottom: 60px;
}
.career-features-icon {
  max-width: 52px;
  height: auto;
}
.career-features-title {
  font-size: var(--_typography---h6);
  line-height: var(--_typography---line-height--xxlarge);
  font-weight: var(--_typography---font-weight--medium);
  margin-bottom: 16px;
}
.career-features-description {
  font-size: var(--_typography---paragraph-large);
}
.job-post-banner-description {
  width: 100%;
  max-width: 438px;
  color: var(--_color-palette---white);
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.job-post-banner-title-description {
  margin-bottom: 24px;
}
.career-details-content {
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
}
.career-details-rich-content h5 {
  margin-top: 30px;
  margin-bottom: 16px;
}
.career-details-rich-content p {
  margin-bottom: 16px;
}
.career-details-rich-content ul {
  grid-row-gap: 12px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
}
.about-history-container {
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.about-history-content {
  grid-column-gap: 10px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
  position: relative;
}
.about-history-typography {
  width: 100%;
  max-width: 500px;
}
.about-history-typography.right-side {
  margin-left: auto;
}
.about-history-typography.left-side {
  text-align: right;
}
.about-history-number {
  color: var(--_color-palette---primary);
  font-size: var(--_typography---h6);
  font-weight: var(--_typography---font-weight--medium);
  margin-bottom: 14px;
  display: inline-block;
}
.about-history-title {
  font-size: var(--_typography---h6);
  line-height: var(--_typography---line-height--xxlarge);
  font-weight: var(--_typography---font-weight--medium);
  margin-bottom: 14px;
}
.about-history-line-wrapper {
  grid-row-gap: 225px;
  flex-flow: column;
  width: 10px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0% 0 auto;
}
.about-history-line-circle {
  z-index: 1;
  background-color: var(--_color-palette---gray);
  border-radius: 100%;
  width: 100%;
  height: 10px;
  position: relative;
}
.about-history-line-circle.one {
  background-color: var(--_color-palette---primary);
}
.about-history-line {
  background-color: var(--_color-palette---indigo-steel);
  width: 1px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0 auto;
}
.about-history-active-line {
  background-color: var(--_color-palette---primary);
  width: 100%;
  height: 20%;
}
.benefits-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}
.benefits-card {
  background-color: var(--_color-palette---midnight-indigo);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-height: 422px;
  padding: 30px;
  display: flex;
  position: relative;
}
.benefits-card.start-your-links-creation {
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.benefits-card-number {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  font-weight: var(--_typography---font-weight--semi-bold);
}
.benefits-card-title-description {
  text-align: center;
  width: 100%;
  max-width: 350px;
}
.benefits-card-title {
  width: 100%;
  max-width: 220px;
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  font-weight: var(--_typography---font-weight--semi-bold);
  margin-bottom: 24px;
  display: inline-block;
}
.benefits-card-image-wrapper {
  border-radius: 20px;
  overflow: hidden;
}
.start-your-links-creation-title-button {
  z-index: 2;
  text-align: center;
  width: 100%;
  max-width: 220px;
  position: relative;
}
.start-your-links-creation-icon {
  width: 100%;
  max-width: 341px;
  height: auto;
  position: absolute;
}
.team-member-container {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.team-member-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  width: 100%;
  display: flex;
}
.team-widget {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 230px;
  display: flex;
}
.team-image-wrapper {
  border-radius: 10px;
  width: 100%;
  max-width: 230px;
  overflow: hidden;
}
.team-image {
  object-fit: cover;
}
.team-member-name {
  color: var(--_color-palette---white);
  margin-bottom: 4px;
  font-weight: 500;
}
.team-member {
  margin-bottom: 24px;
}
.team-member-bio {
  color: var(--_color-palette---gray);
}
.team-social-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.team-member-section-title-wrapper {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 520px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.our-mission-container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.our-mission-typography {
  width: 100%;
  max-width: 520px;
}
.our-mission-title {
  margin-bottom: 16px;
}
.our-mission-title-description {
  margin-bottom: 30px;
}
.our-mission-card-wrapper {
  width: 100%;
  max-width: 515px;
  position: relative;
}
.our-mission-card-image {
  z-index: 1;
  border: 1px solid #192e5b;
  border-radius: 32px;
  position: relative;
}
.our-mission-top-content {
  margin-bottom: 60px;
}
.mission-features-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.mission-icon-wrapper {
  background-color: var(--_color-palette---primary);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 40px;
  height: 40px;
  margin-bottom: 24px;
  display: flex;
  box-shadow: inset -.57px -.76px 3.43px #ffffffc7;
}
.mission-icon {
  max-width: 20px;
  height: auto;
}
.mission-features-title {
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  font-weight: var(--_typography---font-weight--semi-bold);
  margin-bottom: 16px;
}
.customer-features-content {
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
}
.customer-features-tab-menu {
  grid-column-gap: 24px;
  justify-content: center;
  align-items: center;
  margin-bottom: 70px;
  display: flex;
}
.customer-features-tab-link {
  grid-column-gap: 16px;
  border: 1px solid var(--_color-palette---navy-steel);
  background-color: var(--_color-palette---deep-midnight);
  width: 100%;
  max-width: 302px;
  color: var(--_color-palette---white\<deleted\|variable-177089b8\>);
  border-radius: 14px;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
}
.customer-features-tab-link[aria-current="page"], .customer-features-tab-link.is-active {
  border-color: var(--_color-palette---primary);
  background-color: var(--_color-palette---deep-midnight);
}
.customer-features-tab-link-single {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.customer-features-tab-link-icon-wrapper {
  border: 1px solid var(--_color-palette---navy-steel);
  background-color: var(--_color-palette---deep-midnight);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 42px;
  height: 42px;
  display: flex;
}
.customer-features-tab-link-icon {
  max-width: 24px;
  height: auto;
}
.customer-features-tab-link-text {
  font-size: var(--_typography---h6);
  letter-spacing: -.72px;
  font-weight: 500;
}
.customer-features-tab, .customer-features-wrapper {
  width: 100%;
}
.customer-features-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  width: 100%;
}
.customer-features-card {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--_color-palette---midnight-indigo);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
  min-height: 475px;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.customer-features-card.reporting-insights-card {
  grid-row-gap: 10px;
  justify-content: space-between;
}
.customer-features-card.multi-channel-card, .customer-features-card._02 {
  justify-content: space-between;
}
.customer-features-card._03 {
  justify-content: space-around;
}
.customer-features-typography {
  z-index: 2;
  position: relative;
}
.customer-features-title {
  font-size: var(--_typography---h6);
  line-height: var(--_typography---line-height--xxlarge);
  font-weight: var(--_typography---font-weight--medium);
  margin-bottom: 16px;
}
.customer-features-description-text {
  color: var(--_color-palette---gray);
}
.ticket-management-image-wrapper {
  width: 100%;
  max-width: 518px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0 auto;
  overflow: hidden;
}
.ticket-management-image {
  object-fit: cover;
  object-position: 50% 20%;
  width: 100%;
  margin-top: auto;
}
.reporting-insights-card-title-wrap {
  text-align: center;
  margin-bottom: 24px;
}
.reporting-insights-card-title {
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  font-weight: var(--_typography---font-weight--semi-bold);
  display: inline-block;
}
.reporting-insights-typography-card {
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.reporting-insights-single {
  padding: 1px;
  position: relative;
  overflow: hidden;
}
.reporting-insights-content {
  z-index: 1;
  background-color: var(--_color-palette---neutral-colors--shadow-blue);
  text-align: center;
  border-radius: 10px;
  padding: 20px;
  position: relative;
}
.reporting-icon-title {
  grid-column-gap: 4px;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}
.reporting-icon-title.mb8 {
  margin-bottom: 8px;
}
.reporting-title {
  color: var(--_color-palette---white);
  letter-spacing: 0;
  font-size: 12px;
  line-height: 14px;
}
.reporting-title.resolution-times {
  color: var(--_color-palette---white);
  font-size: 16px;
  line-height: 22px;
}
.reporting-text {
  letter-spacing: -.18px;
  font-size: 9px;
  line-height: 13px;
}
.reporting-text.resolution-times {
  font-size: 11px;
  line-height: 18px;
}
.reporting-insights-card-shape {
  background-image: linear-gradient(356deg, #fff0, #fff0 40%, #ffffff1a);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.multi-channel-card-content {
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}
.multi-channel-top-card-image {
  width: 100%;
}
.multi-channel-bottom-card {
  justify-content: space-between;
  display: flex;
}
.multi-channel-card-two-image {
  width: 100%;
  max-width: 279px;
}
.multi-channel-card-three-image {
  width: 100%;
  max-width: 183px;
}
.real-time-card-image {
  width: 100%;
  max-width: 478px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 24px 0 auto;
}
.smart-filters-search-card-image {
  width: 100%;
  max-width: 471px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 45px auto auto;
}
.tools-image {
  flex: none;
  width: auto;
  height: auto;
  margin-left: -5px;
}
.team-collaboration-vh {
  height: 400vh;
}
.team-collaboration-sticky {
  position: sticky;
  top: 80px;
}
.team-collaboration-content {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1065px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.team-collaboration-card {
  border: 1px solid var(--_color-palette---neutral-colors--royal-navy);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  text-align: center;
  background-color: #11152199;
  background-image: url('../images/Team-Card-BG.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  max-width: 260px;
  padding: 20px 20px 14px 14px;
}
.team-collaboration-card.two {
  margin-top: 60px;
  margin-left: -60px;
}
.team-collaboration-card.three {
  margin-top: 38px;
  margin-left: -60px;
  transform: rotate(5deg);
}
.team-collaboration-card.four {
  margin-top: 10px;
  margin-left: -60px;
  transform: rotate(5deg);
}
.team-collaboration-card.five {
  margin-top: 40px;
  margin-left: -60px;
  transform: rotate(-10deg);
}
.team-collaboration-name {
  font-family: var(--_fonts---secondary-font);
  color: var(--_color-palette---white);
  text-align: right;
  letter-spacing: -.64px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.team-collaboration-image {
  width: 100%;
  max-width: 200px;
  margin-bottom: 5px;
}
.team-collaboration-card-bio {
  color: var(--_color-palette---primary);
  font-size: var(--_typography---paragraph-small);
  text-align: left;
  font-weight: 500;
  display: block;
}
.core-features-container {
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.core-features-top-grid {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}
.customer-features-lottie-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 405px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.core-features-single-card {
  background-color: var(--_color-palette---midnight-indigo);
  border-radius: 20px;
  padding: 160px 24px;
  position: relative;
}
.core-features-typography {
  width: 100%;
  max-width: 340px;
}
.core-features-title {
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  font-weight: var(--_typography---font-weight--semi-bold);
  margin-bottom: 12px;
}
.core-features-description {
  margin-bottom: 20px;
}
.core-features-card-image {
  width: 53%;
  position: absolute;
  inset: auto 60px 0% auto;
}
.additional-features-section-title-wrapper {
  width: 100%;
  max-width: 630px;
  margin-bottom: 60px;
}
.additional-features-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}
.additional-features-card {
  padding: 1px;
  position: relative;
}
.additional-features-card-content {
  z-index: 1;
  background-color: var(--_color-palette---midnight-indigo);
  border-radius: 14px;
  flex-flow: column;
  justify-content: space-between;
  min-height: 358px;
  padding: 30px;
  display: flex;
  position: relative;
}
.additional-features-card-title {
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  font-weight: var(--_typography---font-weight--semi-bold);
}
.additional-features-card-icon-wrap {
  margin-bottom: 30px;
}
.additional-features-card-icon {
  max-width: 52px;
  height: auto;
}
.additional-features-card-shape {
  background-image: linear-gradient(65deg, #152a6e, #817fff);
  border-radius: 14px;
  position: absolute;
  inset: 0%;
}
.checkout-header {
  border-style: solid;
  border-color: var(--_color-palette---navy-steel);
  background-color: var(--_color-palette---deep-sapphire);
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 20px;
}
.checkout-title {
  letter-spacing: -.28px;
  font-size: 28px;
  font-weight: 500;
}
.checkout-content {
  border: 1px solid var(--_color-palette---navy-steel);
  background-color: var(--_color-palette---deep-sapphire);
  border-radius: 12px;
}
.checkout-sticky {
  top: 140px;
}
.checkout-input-field {
  border-color: var(--_color-palette---navy-steel);
  background-color: var(--_color-palette---deep-sapphire);
  border-radius: 10px;
  height: 48px;
}
.banner-shape-wrapper {
  position: absolute;
  inset: 0%;
}
.banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.inner-section {
  z-index: 9;
  background-color: var(--_color-palette---deep-midnight);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  position: relative;
}
.integration-icon {
  width: auto;
  height: auto;
}
.navbar-cart-quantity {
  color: #fff;
  background-color: #fff0;
  border-style: none;
  width: auto;
  max-width: 80px;
  height: auto;
  margin-bottom: 0;
  padding: 0;
}
.cart-pack-text {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 100%;
}
.navbar-cart-icon-wrap {
  grid-column-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.navbar-cart-quantity-wrap {
  grid-column-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: none;
}
.cart-name {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
}
.cart-remove-button {
  color: var(--_color-palette---primary);
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
}
.navbar-cart-button {
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: relative;
}
.cart-line-item {
  margin-bottom: 28px;
}
.cart-footer {
  border-top-color: #ffffff14;
  padding: 28px 0 36px;
}
.cart-container {
  border: 1px solid var(--_color-palette---forest-charcoal);
  background-color: var(--_color-palette---midnight-indigo);
  min-width: 526px;
  max-width: 526px;
  box-shadow: none;
  padding-left: 35px;
  padding-right: 35px;
}
.cart-footer-subtotal-title {
  color: #fff;
  font-size: 20px;
}
.cart-item {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 28px;
  padding-bottom: 0;
}
.cart-price {
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}
.cart-image {
  display: none;
}
.error-state {
  border: 1px solid var(--_color-palette---indigo-steel);
  color: var(--_color-palette---white);
  text-align: center;
  background-color: #fff0;
  border-radius: 5px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 14px;
  padding-bottom: 14px;
}
.cart-list {
  padding: 0 0 28px;
}
.cart-wrapper {
  background-color: #14232d66;
}
.cart-close-button {
  cursor: pointer;
  width: auto;
  height: auto;
}
.cart-footer-price {
  color: var(--_color-palette---white);
  font-size: 20px;
  font-weight: 500;
}
.cart-header {
  border-bottom-color: #ffffff14;
  padding: 28px 0;
}
.cart-quantity {
  min-width: auto;
  height: auto;
  color: var(--_color-palette---deep-midnight);
  background-color: #fff0;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 9px;
  line-height: 100%;
}
.cart-div {
  margin-left: 0;
  margin-right: 0;
}
.cart-header-title {
  color: #fff;
  font-size: 38px;
  font-weight: 500;
  line-height: 100%;
}
.cart-quantity-wrap {
  background-color: var(--_color-palette---soft-indigo);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  display: flex;
  position: absolute;
  top: -8px;
  bottom: 0%;
  left: 9px;
}
.dropdown-menu-link {
  grid-column-gap: 10px;
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
  text-transform: capitalize;
  align-items: center;
  margin-bottom: 12px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}
.dropdown-menu-link:hover {
  color: var(--_color-palette---white);
  transform: scale(.95);
}
.dropdown-menu-link[aria-current="page"], .dropdown-menu-link.is-active {
  color: var(--_color-palette---white);
}
.dropdown-menu-link.mb0 {
  margin-bottom: 0;
}
.dropdown-pd {
  border: 1px solid var(--_color-palette---forest-charcoal);
  background-color: var(--_color-palette---deep-sapphire);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border-radius: 12px;
  padding: 30px 20px;
  position: relative;
}
.dropdown-title {
  color: var(--_color-palette---white);
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--default);
  font-weight: var(--_typography---font-weight--medium);
  margin-top: 0;
  margin-bottom: 0;
}
.dropdown-toggle {
  color: var(--_color-palette---gray);
  font-size: var(--_typography---paragraph-large);
  align-items: center;
  padding: 0;
  transition: all .3s;
  display: flex;
}
.dropdown-grid {
  grid-column-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}
.dropdown-title-wrapper {
  margin-bottom: 25px;
}
.more-temple-wrapper {
  display: inline-block;
}
.dropdown-menu-cms-line {
  background-color: var(--_color-palette---primary);
  width: 10px;
  height: 1px;
}
.dropdown-toggle-arrow {
  margin-left: 5px;
  font-family: "Fa Solid 900", Arial, sans-serif;
  font-size: 13px;
}
.dropdown-column-wrapper {
  background-color: #0000;
  width: 720px;
  padding-top: 20px;
  overflow: hidden;
  transform: translate(-50%);
}
.dropdown-menu-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.dropdown-menu-cms {
  color: var(--_color-palette---primary);
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}
.dropdown-menu-cms-single {
  grid-column-gap: 5px;
  align-items: center;
  display: flex;
}
.more-temple-text-link {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}
.more-temple-text-link-boder {
  background-color: #fff;
  width: 100%;
  height: 1px;
}
.footer-information-text-link {
  color: var(--_color-palette---white\<deleted\|variable-177089b8\>);
  text-decoration: none;
}
.success-message {
  border: 1px solid var(--_color-palette---navy-steel);
  background-color: var(--_color-palette---midnight-indigo);
  color: var(--_color-palette---white);
  border-radius: 8px;
}
.card-efect {
  width: 100%;
  max-width: 599px;
  position: absolute;
  inset: -56px auto auto -56px;
}
.card-efect.about {
  top: -52px;
  left: -55px;
}
.inner-banner-typography-main {
  perspective: 1000px;
  transform: perspective(1000px);
}
.impact-card-link-block {
  text-decoration: none;
  transition: all .25s;
}
.impact-card-link-block:hover {
  transform: scale(1.04);
}
.cart-name-price {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}
.career-details-button-wrapper {
  margin-top: 20px;
}
.button-group {
  grid-column-gap: 6px;
  border: 1px solid var(--_color-palette---primary);
  background-color: var(--_color-palette---deep-midnight);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 245px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 6px;
  display: flex;
  position: absolute;
  inset: 60px 0 auto;
}
.pricing-button {
  background-color: var(--_color-palette---deep-midnight);
  width: 100%;
  max-width: 114px;
  color: var(--_color-palette---gray);
  font-size: var(--_typography---h6);
  text-align: center;
  border-color: #292c37;
  border-radius: 12px;
  margin-right: 0;
  padding: 15px;
  display: inline-block;
}
.pricing-button.is-active {
  background-color: var(--_color-palette---primary);
  color: var(--_color-palette---deep-midnight);
}
.banner-image-01 {
  max-width: 170px;
  height: auto;
  position: absolute;
  inset: auto auto 25% 0%;
}
.banner-image-02 {
  max-width: 200px;
  height: auto;
  position: absolute;
  inset: 5% 0% auto auto;
}
.animated-text {
  color: var(--_color-palette---primary);
  text-transform: uppercase;
}
.integration-logo-block {
  max-width: 709px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.integration-logo-top {
  justify-content: center;
  align-items: center;
  display: flex;
}
.integration-line-image {
  width: 100%;
  padding-left: 38px;
  padding-right: 38px;
}
.integration-icon-wrap {
  aspect-ratio: 1;
  background-color: var(--_color-palette---white);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  display: flex;
  box-shadow: inset 0 0 2.31px 1.73px #817fff33;
}
.integration-icon-wrapper {
  justify-content: space-between;
  display: flex;
}
.integration-line-wrap {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}
.integration-gradient {
  aspect-ratio: 1;
  filter: blur(365px);
  pointer-events: none;
  mix-blend-mode: color-dodge;
  background-color: #817fff40;
  width: 550px;
  position: absolute;
  inset: 25% auto auto 50%;
  transform: translate(-50%, -50%);
}
.value-content-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.value-title-block {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 545px;
  display: flex;
  position: sticky;
  top: 120px;
}
.value-card-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 630px;
  text-decoration: none;
  display: flex;
}
.value-card-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px undefined undefined;
  background-color: var(--_color-palette---midnight-indigo);
  border-radius: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  display: flex;
}
.value-card-title-block {
  grid-column-gap: 12px;
  color: var(--_color-palette---white);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.value-card-icon-wrap {
  background-color: #817fff2b;
  border: .8px solid #817fff24;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4.11645px 6.257px #f050231a;
}
.value-card-icon {
  object-fit: cover;
  width: auto;
  height: auto;
}
.value-card-title {
  font-size: var(--_typography---h5);
  line-height: var(--_typography---line-height--xlarge);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}
.heading-2-built-for-simplicity-designed-for-performance-2 {
  color: #a0a0a0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}
.value-card {
  background-image: linear-gradient(80deg, #152a6e, #817fff);
  border-radius: 14px;
  padding: 1px;
}
.error-message {
  background-color: var(--_color-palette---forest-charcoal);
  color: var(--_color-palette---white);
  border-radius: 8px;
  padding: 20px;
}
.submit-button {
  z-index: 5;
  opacity: 0;
  position: absolute;
  inset: 0%;
}
.pricing-buttton-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.pricing-card-hover-bg {
  object-position: 100% 0%;
  width: 135%;
  max-width: none;
  position: absolute;
  top: -70px;
  bottom: 0%;
  left: -72px;
}
.pricing-card-hover-image-wrap {
  pointer-events: none;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}
.process-section {
  background-color: var(--_color-palette---deep-midnight);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  overflow: clip;
}
.process-sticky {
  z-index: 1;
  pointer-events: none;
  perspective: 1000px;
  perspective-origin: 50%;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: clip;
}
.process-gradient {
  background-image: linear-gradient(#111521 23%, #111521cc 35%, #11152100 51%, #111521cc 66%, #111521 73%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.process-text-wrap {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 914px;
  margin-top: -50vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50vh;
  display: flex;
  overflow: clip;
}
.process-overlay {
  z-index: 5;
  pointer-events: none;
  width: 100%;
  position: absolute;
  inset: 0%;
}
.tertiary-button-inner {
  background-color: var(--_color-palette---deep-sapphire);
  color: var(--_color-palette---primary);
  font-size: var(--_typography---h6);
  line-height: var(--_typography---line-height--xxlarge);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: var(--_typography---letter-spacing--default);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 9px 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}
.tertiary-button-gradient {
  filter: blur(20px);
  background-image: linear-gradient(90deg, #152a6e, #817fff);
  border-radius: 50%;
  width: 90px;
  height: 31px;
  position: absolute;
  inset: -15px -45px auto auto;
}
.brands-logo-wrap.mobile-only {
  display: none;
}
.brands-content-copy {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1168px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.customer-features-lottie {
  width: 100%;
}
.integration-logo {
  width: 20%;
}
.tools-image-row {
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.tools-image-line {
  flex: none;
  max-width: 50px;
  height: auto;
  margin-left: -5px;
  position: relative;
}
.tools-image-row-wrap {
  display: flex;
}
.tools-image-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  max-width: 470px;
  display: flex;
}
.line-item {
  font-weight: var(--_typography---font-weight--blod);
}
.team-social-link {
  max-width: 24px;
  max-height: 24px;
  color: var(--_color-palette---gray);
  transition: color .3s;
}
.team-social-link:hover {
  color: var(--_color-palette---primary);
}
.team-social-icon {
  justify-content: center;
  align-items: center;
}
.impact-arrow {
  max-width: 24px;
}
.job-link-icon {
  max-width: 20px;
}
.primary-button-inner {
  background-color: var(--_color-palette---black);
  color: var(--_color-palette---white);
  font-size: var(--_typography---paragraph-large);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: capitalize;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}
.primary-button-inner.secondary {
  border-color: var(--_color-palette---primary);
  background-color: var(--_color-palette---primary);
  color: var(--_color-palette---white);
  border-radius: 4px;
  padding: 11px 24px;
}
.primary-button-inner.secondary:where(.variant-secondary-button-v2) {
  border-radius: 100px;
}
@media screen and (min-width: 1920px) {
.animated-text {
    letter-spacing: 0;
  }
.process-text-wrap {
    max-width: 977px;
  }
}
@media screen and (max-width: 991px) {
body {
    --_typography---paragraph-large: 16px;
    --_typography---line-height--xxlarge: 150%;
    --_typography---font-weight--regular: 400;
    --_typography---h1: 72px;
    --_typography---line-height--small: 110%;
    --_typography---font-weight--semi-bold: 600;
    --_typography---letter-spacing--default: -.04em;
    --_typography---h2: 54px;
    --_typography---h3: 42px;
    --_typography---line-height--default: 120%;
    --_typography---h4: 40px;
    --_typography---h5: 24px;
    --_typography---line-height--xlarge: 140%;
    --_typography---h6: 18px;
    --_typography---font-weight--medium: 500;
    --_typography---paragraph-small: 14px;
    --_typography---line-height--xsmall: 100%;
    --_typography---font-weight--blod: 700;
    --_typography---line-height--large: 130%;
    --_typography---font-weight--light: 300;
    --_section-padding---spacing-large: 100px;
    --_section-padding---spacing-medium: 80px;
    --_section-padding---spacing-small: 80px;
    --_section-padding---banner-spacing: 160px;
    --_section-padding---full-size: 100%;
  }
h2, .heading-scale-2 {
    letter-spacing: -2px;
  }
h3, .heading-scale-3 {
    letter-spacing: -1.8px;
    line-height: 130%;
  }
.navbar {
    padding-top: 15px;
    padding-bottom: 15px;
  }
.container.checkout {
    flex-flow: column;
  }
.nav-menu {
    background-color: var(--_color-palette---midnight-indigo);
    max-height: 90vh;
    padding: 16px;
    overflow: auto;
  }
.nav-link {
    margin-bottom: 10px;
  }
.nav-link.mb0 {
    margin-bottom: 0;
  }
.tertiary-button {
    font-size: 16px;
  }
.primary-button-wrapper.desktop {
    display: none;
  }
.section.footer {
    padding-top: 80px;
  }
.section.testimonials {
    padding-bottom: 0;
  }
.section.integration {
    padding-bottom: 100px;
  }
.section.pricing {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding-bottom: 0;
  }
.section.not-found {
    padding-top: 80px;
    padding-bottom: 80px;
  }
.section.style-guide {
    padding-top: 180px;
  }
.section.utility-banner {
    padding-top: 160px;
  }
.section.changelog-section {
    padding-bottom: 40px;
  }
.section.additional-features {
    padding-bottom: 0;
  }
.banner-container {
    padding-left: 10px;
    padding-right: 10px;
  }
.banner-wrapper {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 130px;
    padding-bottom: 80px;
  }
.banner-top-content {
    max-width: 700px;
  }
.banner-button-tag-wrapper.left, .banner-button-tag-wrapper.right {
    max-width: 210px;
  }
.banner-button-tag {
    grid-column-gap: 5px;
    max-width: 100px;
    min-height: 38px;
  }
.banner-button-tag.four {
    max-width: 130px;
  }
.banner-button-tag.width-90px {
    max-width: 70px;
  }
.banner-button-tag-text {
    font-weight: 400;
  }
.banner-button-image-wrap {
    max-width: 90px;
  }
.banner-button-tag-icon {
    width: 100%;
    max-width: 16px;
  }
.banner-button-left-line {
    right: 0;
  }
.banner-button-right-line {
    width: 100%;
    max-width: 115px;
    right: 10px;
  }
.banner-button-line {
    max-width: 309px;
    left: 0;
    right: 0;
  }
.banner-subtitle-tag-wrap {
    bottom: -5px;
  }
.banner-typography-wrapper {
    max-width: 600px;
  }
.footer-details {
    max-width: 380px;
  }
.footer-details-text-wrapper {
    margin-bottom: 20px;
  }
.footer-form-text-field {
    letter-spacing: 0;
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 400;
  }
.footer-form-input-field {
    height: 48px;
    padding-left: 20px;
    padding-right: 20px;
  }
.footer-form-submit-button {
    right: 16px;
  }
.footer-menu-wrapper {
    grid-column-gap: 8px;
  }
.footer-menu-title-wrapper {
    margin-bottom: 20px;
  }
.footer-menu-list {
    grid-row-gap: 12px;
  }
.footer-information-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
  }
.section-title-wrapper {
    margin-bottom: 50px;
  }
.section-title-wrapper.blog {
    max-width: 650px;
  }
.section-title-wrapper.about-history {
    max-width: 575px;
    margin-bottom: 60px;
  }
.section-title {
    margin-bottom: 10px;
  }
.section-title.testimonials {
    max-width: 400px;
  }
.section-title.impact {
    max-width: 700px;
  }
.section-title.the-link-flow-title {
    max-width: 428px;
  }
.section-description.integration {
    width: 100%;
    max-width: 480px;
  }
.section-description.team-member {
    margin-left: auto;
    margin-right: auto;
  }
.testimonials-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }
.testimonials-details-card {
    min-height: 300px;
    padding: 16px;
  }
.testimonials-details-card-top-content {
    grid-column-gap: 10px;
  }
.testimonials-details-card-top-description {
    max-width: 250px;
  }
.testimonials-details-card-bottom-content {
    grid-row-gap: 16px;
  }
.testimonials-description-wrapper {
    padding: 16px;
  }
.integration-line {
    height: 100px;
  }
.integration-wrapper {
    grid-column-gap: 10px;
  }
.integration-circle.one {
    max-width: 60px;
    height: 60px;
  }
.integration-circle.two {
    max-width: 90px;
    height: 90px;
  }
.integration-circle.three {
    max-width: 100px;
    height: 100px;
  }
.integration-main-logo-wrapper {
    max-width: 160px;
    height: 160px;
  }
.integration-main-logo-single {
    max-width: 140px;
    height: 140px;
  }
.integration-circle-element {
    max-width: 300px;
  }
.pricing-content {
    grid-row-gap: 16px;
  }
.pricing-card-collection-list {
    grid-column-gap: 16px;
  }
.pricing-card {
    border-radius: 16px;
    padding: 16px;
  }
.pricing-card:hover {
    border-radius: 24px;
  }
.pricing-features-wrapper.pricing-features-list-details {
    margin-bottom: 0;
  }
.pricing-features-list {
    grid-row-gap: 16px;
  }
.pricing-features-list-item {
    grid-column-gap: 8px;
  }
.pricing-features-list-item-text {
    font-size: 15px;
  }
.pricing-details-wrappe {
    grid-column-gap: 24px;
    border-radius: 16px;
    padding: 16px;
  }
.pricing-details-title-description {
    max-width: 500px;
  }
.impact-card-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }
.impact-card-single {
    border-radius: 12px;
    min-height: 260px;
    padding: 16px;
  }
.summery-counter-wrap {
    height: 40px;
    margin-bottom: 15px;
  }
.number-digit {
    letter-spacing: -1px;
    font-size: 40px;
    font-weight: 500;
  }
.impact-card-description {
    font-size: 14px;
  }
.brands-subtitle-wrapper {
    grid-column-gap: 10px;
  }
.brands-subtitle-line {
    max-width: 140px;
  }
.brands-subtitle {
    font-weight: 400;
  }
.brands-logo {
    width: 100%;
    max-width: 90px;
  }
.brands-logo.mobile, .brands-logo-line.mobile {
    display: none;
  }
.work-link-content {
    grid-column-gap: 30px;
  }
.inner-section-title-wrapper {
    margin-bottom: 40px;
  }
.inner-section-title-wrapper.use-cases {
    max-width: 430px;
  }
.inner-section-title {
    line-height: 130%;
  }
.how-it-works-content {
    grid-row-gap: 24px;
  }
.work-link-typography {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }
.how-it-works-flex {
    grid-column-gap: 10px;
  }
.use-cases-section {
    padding-top: 80px;
  }
.use-cases-wrapper {
    grid-row-gap: 24px;
    flex-flow: column;
  }
.use-cases-typography {
    grid-column-gap: 10px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    display: grid;
  }
.use-cases-card-wrapper {
    max-width: 100%;
  }
.link-types-section {
    padding-top: 80px;
  }
.link-types-grid {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }
.integrations-section {
    padding-top: 80px;
  }
.integrations-content {
    grid-row-gap: 24px;
    flex-flow: column;
  }
.integrations-typography {
    grid-column-gap: 10px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    display: grid;
  }
.integrations-card-image-wrapper {
    max-width: 100%;
  }
.style-guide-content {
    grid-row-gap: 60px;
  }
.style-guide-font-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    padding-bottom: 20px;
  }
.style-guide-typography-title-wrapper {
    padding-bottom: 20px;
  }
.style-guide-typography-content {
    grid-row-gap: 30px;
  }
.style-guide-title-wrapper {
    margin-bottom: 40px;
    padding-bottom: 20px;
  }
.color-palette-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.utility-banner-typography.password-protected {
    max-width: 700px;
  }
.utility-banner-title {
    letter-spacing: -1.8px;
    font-size: 68px;
  }
.license-content {
    grid-row-gap: 40px;
  }
.license-card {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
.changelog-title-wrapper {
    margin-bottom: 30px;
  }
.changelog-details-wrapper {
    grid-column-gap: 10px;
  }
.changelog-details-description {
    max-width: 580px;
  }
.password-protected-input-field {
    height: 48px;
    margin-bottom: 16px;
  }
.password-protected-submit-button {
    height: 48px;
  }
.inner-banner-container {
    padding-left: 10px;
    padding-right: 10px;
  }
.inner-banner-wrapper {
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
    min-height: auto;
  }
.inner-banner-title {
    letter-spacing: -2.2px;
    margin-bottom: 15px;
    font-size: 62px;
  }
.contact-us-icon-wrapper {
    margin-bottom: 10px;
  }
.contact-us-details-title {
    margin-bottom: 8px;
  }
.contact-us-form-wrapper {
    padding: 20px;
  }
.contact-us-form-wrap {
    grid-row-gap: 20px;
  }
.contact-us-form-textarea {
    min-height: 140px;
  }
.contact-us-form-submit-button {
    height: 48px;
  }
.faq-answer {
    max-width: 100%;
    padding-top: 16px;
    font-size: 16px;
  }
.faq-accordion-wrapper {
    grid-row-gap: 20px;
  }
.single-faq-accordion-wrap {
    padding-bottom: 20px;
  }
.pricing-tab-link {
    border-radius: 10px;
    padding: 10px 20px;
  }
.pricing-details-card {
    grid-column-gap: 16px;
    border-radius: 16px;
    padding: 16px;
  }
.pricing-details-card-typography {
    padding-right: 16px;
  }
.blog-collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
.blog-name {
    font-size: 22px;
  }
.details-container {
    padding-left: 10px;
    padding-right: 10px;
  }
.details-banner-wrapper {
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
    min-height: auto;
    padding-top: 160px;
  }
.blog-details-thumbnail-wrapper {
    border-radius: 16px;
    margin-bottom: 30px;
  }
.blog-rich-content h5 {
    margin-bottom: 10px;
  }
.blog-rich-content p {
    margin-bottom: 20px;
    font-size: 15px;
  }
.blog-rich-content ul {
    grid-row-gap: 10px;
    padding-left: 24px;
  }
.blog-rich-content li {
    font-size: 15px;
  }
.blog-rich-content figure {
    margin-top: 24px;
    margin-bottom: 24px;
  }
.career-collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }
.career-single-wrapper {
    padding: 16px;
  }
.career-icon-wrapper {
    max-width: 48px;
    height: 48px;
    margin-bottom: 20px;
  }
.career-features-grid {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }
.career-features-single {
    padding: 20px;
  }
.career-features-icon-wrapper {
    margin-bottom: 20px;
  }
.career-features-icon {
    width: 100%;
    max-width: 42px;
  }
.job-post-banner-description {
    margin-top: 10px;
  }
.career-details-rich-content h5 {
    margin-top: 24px;
  }
.career-details-rich-content p {
    font-size: 15px;
  }
.career-details-rich-content ul {
    grid-row-gap: 8px;
    padding-left: 24px;
  }
.about-history-content {
    grid-row-gap: 40px;
  }
.about-history-typography {
    max-width: 320px;
  }
.benefits-grid {
    grid-column-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }
.benefits-card {
    border-radius: 16px;
    min-height: 320px;
  }
.benefits-card-title {
    max-width: 100%;
    margin-bottom: 10px;
  }
.benefits-card-image-wrapper {
    border-radius: 16px;
  }
.benefits-card-image {
    object-fit: cover;
    height: 100%;
  }
.start-your-links-creation-icon {
    max-width: 280px;
  }
.team-member-container {
    grid-row-gap: 50px;
    flex-flow: column;
  }
.team-member-content {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }
.team-widget {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
  }
.team-image-wrapper {
    max-width: none;
  }
.team-member {
    margin-bottom: 20px;
  }
.team-member-bio {
    font-size: 15px;
  }
.team-member-section-title-wrapper {
    text-align: center;
    order: -1;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }
.our-mission-container {
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
.our-mission-typography {
    text-align: center;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
.our-mission-title {
    margin-bottom: 10px;
  }
.our-mission-card-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
.mission-features-grid {
    grid-column-gap: 16px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
.mission-features-title {
    margin-bottom: 10px;
  }
.customer-features-tab-menu {
    grid-column-gap: 10px;
    margin-bottom: 40px;
  }
.customer-features-tab-link {
    padding: 10px;
  }
.customer-features-tab-link-single {
    grid-column-gap: 10px;
  }
.customer-features-tab-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
.customer-features-grid {
    grid-template-columns: 1fr;
  }
.customer-features-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    min-height: 440px;
    padding: 20px;
  }
.customer-features-card.reporting-insights-card {
    min-height: 480px;
  }
.customer-features-card.multi-channel-card {
    min-height: 500px;
  }
.team-collaboration-vh {
    height: auto;
  }
.team-collaboration-sticky {
    position: static;
  }
.team-collaboration-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
.team-collaboration-card {
    border-radius: 12px;
    padding: 14px;
  }
.team-collaboration-card.two {
    margin-top: 0;
    margin-left: 0;
  }
.team-collaboration-card.three, .team-collaboration-card.four, .team-collaboration-card.five {
    margin-top: 0;
    margin-left: 0;
    transform: none;
  }
.core-features-top-grid {
    grid-row-gap: 24px;
  }
.customer-features-lottie-wrap {
    max-width: 600px;
  }
.core-features-single-card {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 0;
  }
.core-features-typography {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }
.core-features-card-image {
    width: 100%;
    max-width: none;
    position: static;
  }
.additional-features-section-title-wrapper {
    margin-bottom: 40px;
  }
.additional-features-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }
.additional-features-card-content {
    height: 100%;
    min-height: 300px;
    padding: 20px;
  }
.additional-features-card-icon-wrap {
    margin-bottom: 16px;
  }
.additional-features-card-icon {
    max-width: 44px;
  }
.additional-features-card-description {
    font-size: 15px;
  }
.checkout-header {
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 16px;
  }
.checkout-title {
    font-size: 24px;
  }
.checkout-content {
    border-radius: 10px;
    padding: 16px;
  }
.checkout-sticky {
    flex-basis: 0;
    order: -1;
    width: 100%;
    position: static;
  }
.checkout-input-field {
    height: 42px;
  }
.banner-sticky, .inner-section {
    position: static;
  }
.integration-icon.one {
    width: 100%;
    max-width: 28px;
    margin-left: auto;
    margin-right: auto;
  }
.integration-icon.two {
    width: 100%;
    max-width: 38px;
  }
.integration-icon.three {
    width: 100%;
    max-width: 46px;
  }
.integration-icon.main {
    width: 100%;
    max-width: 70px;
  }
.menu-button {
    background-color: #0000;
    padding: 0;
  }
.menu-button.is-open {
    background-color: #0000;
  }
.checkout-div-block {
    width: 100%;
    margin-right: 0;
  }
.checkout-row {
    flex-flow: column;
  }
.dropdown-toggle {
    justify-content: flex-start;
  }
.dropdown-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }
.dropdown-column-wrapper {
    overflow: visible;
  }
.dropdown-column-wrapper.is-open {
    width: 100%;
    transform: translate(0%);
  }
.menu-dropdown-wrapper {
    margin-bottom: 12px;
    display: block;
  }
.card-efect {
    display: none;
  }
.pricing-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }
.banner-image-01 {
    width: 13%;
  }
.banner-image-02 {
    width: 23%;
    top: 20%;
  }
.value-content-block {
    grid-row-gap: 50px;
    flex-flow: column;
  }
.value-title-block {
    order: -1;
    max-width: none;
    position: static;
  }
.value-card-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: none;
  }
.pricing-card-hover-bg {
    top: -62px;
    left: -64px;
  }
.pricing-card-hover-image-wrap {
    display: none;
  }
.process-text-wrap {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }
.tertiary-button-inner {
    font-size: 16px;
  }
.customer-features-lottie {
    width: 100%;
  }
.tools-image-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
.primary-button-inner {
    padding: 12px 24px;
  }
}
@media screen and (max-width: 767px) {
body {
    --_typography---paragraph-large: 15px;
    --_typography---line-height--xxlarge: 150%;
    --_typography---font-weight--regular: 400;
    --_typography---h1: 62px;
    --_typography---line-height--small: 110%;
    --_typography---font-weight--semi-bold: 600;
    --_typography---letter-spacing--default: -.04em;
    --_typography---h2: 42px;
    --_typography---h3: 32px;
    --_typography---line-height--default: 120%;
    --_typography---h4: 40px;
    --_typography---h5: 24px;
    --_typography---line-height--xlarge: 140%;
    --_typography---h6: 18px;
    --_typography---font-weight--medium: 500;
    --_typography---paragraph-small: 14px;
    --_typography---line-height--xsmall: 100%;
    --_typography---font-weight--blod: 700;
    --_typography---line-height--large: 130%;
    --_typography---font-weight--light: 300;
    --_section-padding---spacing-large: 80px;
    --_section-padding---spacing-medium: 60px;
    --_section-padding---spacing-small: 60px;
    --_section-padding---banner-spacing: 140px;
    --_section-padding---full-size: 100%;
  }
h1, .heading-scale-1 {
    letter-spacing: -2px;
  }
h2, .heading-scale-2 {
    letter-spacing: -1.5px;
    line-height: 120%;
  }
h3, .heading-scale-3 {
    letter-spacing: -.8px;
  }
.navbar {
    padding-top: 12px;
    padding-bottom: 12px;
  }
.navbar-logo {
    padding-left: 0;
  }
.navbar-logo-image {
    width: 100%;
    max-width: 110px;
  }
.primary-button-single {
    grid-column-gap: 5px;
  }
.primary-button-arrow {
    width: 100%;
    max-width: 16px;
  }
.section.integration {
    padding-bottom: 80px;
  }
.section.pricing {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
.section.brands-section {
    padding-bottom: 80px;
    overflow: hidden;
  }
.section.not-found {
    padding-top: 60px;
    padding-bottom: 60px;
  }
.section.style-guide {
    padding-top: 140px;
  }
.section.utility-banner {
    padding-top: 140px;
    padding-bottom: 80px;
  }
.section.changelog-section, .section.password-protected-section {
    padding-bottom: 0;
  }
.section.blog-section {
    padding-top: 60px;
  }
.section.career-details {
    padding-top: 20px;
  }
.banner-container {
    padding-left: 8px;
    padding-right: 8px;
  }
.banner-wrapper {
    padding-top: 120px;
    padding-bottom: 70px;
  }
.banner-top-content {
    max-width: 440px;
  }
.banner-button-tag-wrapper.left {
    max-width: 150px;
  }
.banner-button-tag-wrapper.right {
    max-width: 165px;
  }
.banner-button-tag {
    border-radius: 6px;
    max-width: 85px;
    min-height: 34px;
    padding-left: 3px;
    padding-right: 3px;
  }
.banner-button-tag.four {
    grid-column-gap: 3px;
    max-width: 110px;
  }
.banner-button-tag.width-90px {
    max-width: 60px;
  }
.banner-button-tag-text {
    font-size: 11px;
    line-height: 120%;
  }
.banner-button-image-wrap {
    max-width: 70px;
  }
.banner-button-tag-icon {
    max-width: 14px;
  }
.banner-icon-wrapper {
    padding: 10px;
  }
.banner-icon {
    width: 100%;
    max-width: 28px;
  }
.banner-button-left-line, .banner-button-right-line {
    max-width: 90px;
  }
.banner-button-line {
    max-width: 180px;
  }
.banner-icon-arrow-left {
    max-width: 20px;
    left: -10px;
  }
.banner-icon-arrow-right {
    width: 100%;
    max-width: 20px;
    right: -10px;
  }
.banner-subtitle-tag {
    font-size: 12px;
  }
.banner-subtitle-tag-wrap {
    left: -15px;
  }
.banner-title-description {
    margin-bottom: 24px;
  }
.banner-title {
    margin-bottom: 10px;
  }
.footer-top-content {
    padding-bottom: 40px;
  }
.footer-details-menu-wrapper {
    grid-row-gap: 30px;
    flex-flow: column;
  }
.footer-details {
    max-width: 100%;
  }
.footer-details-text-wrapper {
    max-width: 100%;
    margin-bottom: 10px;
  }
.footer-menu-title-wrapper {
    margin-bottom: 16px;
  }
.footer-menu-list {
    grid-row-gap: 8px;
  }
.footer-information-wrapper {
    text-align: left;
  }
.section-title-wrapper, .section-title-wrapper.contact-us {
    margin-bottom: 40px;
  }
.section-title-wrapper.blog {
    max-width: 420px;
  }
.section-title-wrapper.about-history {
    max-width: 400px;
    margin-bottom: 40px;
  }
.section-title-wrapper.mb60 {
    margin-bottom: 40px;
  }
.section-title.testimonials {
    max-width: 320px;
  }
.section-title.the-link-flow-title {
    max-width: 330px;
  }
.section-description.testimonials {
    max-width: 350px;
  }
.section-description.pricing {
    max-width: 400px;
  }
.section-description.the-link-flow-description {
    max-width: 370px;
  }
.testimonials-grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }
.testimonials-details-card {
    grid-row-gap: 40px;
    min-height: auto;
  }
.testimonials-details-card-top-description {
    max-width: 300px;
  }
.testimonials-card {
    grid-row-gap: 0px;
  }
.testimonials-author {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    order: -1;
  }
.testimonials-description-wrapper {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
.testimonials-description-wrapper.top {
    justify-content: flex-end;
  }
.integration-line-circle {
    max-width: 20px;
  }
.integration-wrapper {
    grid-column-gap: 8px;
  }
.integration-circle.one {
    max-width: 35px;
    height: 35px;
  }
.integration-circle.two {
    max-width: 45px;
    height: 45px;
  }
.integration-circle.three {
    max-width: 55px;
    height: 55px;
  }
.integration-main-logo-wrapper {
    max-width: 100px;
    height: 100px;
  }
.integration-main-logo-single {
    max-width: 85px;
    height: 85px;
  }
.integration-circle-element {
    max-width: 220px;
  }
.pricing-card-collection-list {
    grid-template-columns: 1fr;
  }
.pricing-features-wrapper.pricing-features-list-details {
    max-width: 100%;
  }
.pricing-details-wrappe {
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
.pricing-details-title-description {
    max-width: 100%;
  }
.pricing-details-title {
    margin-bottom: 10px;
  }
.impact-card-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
.impact-card-single {
    min-height: 240px;
    padding: 12px;
  }
.brands-subtitle-wrapper {
    margin-bottom: 30px;
  }
.brands-subtitle-line {
    width: 100%;
    max-width: 100px;
  }
.brands-content {
    grid-column-gap: 10px;
  }
.brands-content.desktop-only {
    display: none;
  }
.brands-logo {
    max-width: 70px;
    margin-right: 40px;
  }
.brands-logo-line {
    margin-right: 40px;
  }
.work-link-content {
    flex-flow: column;
  }
.work-link-menu-sticky {
    display: none;
  }
.inner-section-title-wrapper, .inner-section-title-wrapper.how-it-works {
    margin-bottom: 30px;
  }
.inner-section-title-wrapper.use-cases {
    max-width: 340px;
    margin-bottom: 30px;
  }
.inner-section-title-wrapper.link-types {
    max-width: 360px;
  }
.inner-subtitle-wrapper {
    margin-bottom: 10px;
    padding: 5px 13px;
  }
.how-it-works-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
.work-link-number-wrap {
    max-width: 32px;
    height: 30px;
  }
.work-link-title {
    margin-bottom: 10px;
  }
.how-it-works-flex {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
.use-cases-section {
    padding-top: 60px;
  }
.use-cases-typography {
    grid-row-gap: 10px;
  }
.use-cases-card-image {
    border-radius: 16px;
  }
.link-types-section {
    padding-top: 60px;
  }
.link-types-single-card {
    border-radius: 16px;
    min-height: auto;
  }
.link-types-single-card.campaign {
    grid-row-gap: 24px;
    padding-top: 20px;
  }
.link-types-circle-shape {
    width: 100%;
    max-width: 300px;
  }
.link-types-typography {
    padding: 12px;
  }
.link-types-title {
    margin-bottom: 10px;
  }
.campaign-wrapper {
    max-width: 310px;
  }
.campaign-icon-wrap.left, .campaign-icon-wrap.right {
    grid-row-gap: 20px;
    max-width: 95px;
  }
.campaign-icon {
    max-width: 50px;
  }
.campaign-main-icon {
    width: 100%;
    max-width: 70px;
  }
.campaign-element {
    max-width: 206px;
  }
.integrations-section {
    padding-top: 60px;
  }
.integrations-typography {
    grid-row-gap: 20px;
  }
.integrations-card-image {
    border-radius: 16px;
    max-height: 578px;
  }
.not-found-image-wrapper {
    margin-bottom: 24px;
  }
.not-found-image {
    max-width: 216px;
  }
.not-found-description-button-wrapper {
    grid-row-gap: 24px;
  }
.style-guide-content {
    grid-row-gap: 40px;
  }
.style-guide-typography-content {
    grid-row-gap: 20px;
  }
.style-guide-typography-single {
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }
.style-guide-title-wrapper {
    margin-bottom: 30px;
    padding-bottom: 16px;
  }
.color-palette-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
.style-guide-button-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
  }
.utility-banner-typography.password-protected {
    grid-row-gap: 16px;
    max-width: 420px;
  }
.utility-banner-title {
    letter-spacing: -1px;
    font-size: 42px;
  }
.utility-banner-description.license, .utility-banner-description.changelog {
    max-width: 400px;
  }
.license-content {
    grid-row-gap: 30px;
  }
.license-card {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
.changelog-title-wrapper {
    margin-bottom: 20px;
  }
.changelog-title {
    letter-spacing: -1px;
    font-weight: 500;
  }
.changelog-details-wrapper {
    grid-row-gap: 16px;
    flex-flow: column;
  }
.password-protected-text-field {
    margin-bottom: 16px;
  }
.inner-banner-container {
    padding-left: 5px;
    padding-right: 5px;
  }
.inner-banner-wrapper {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }
.inner-banner-title {
    font-size: 42px;
    line-height: 120%;
  }
.contact-us-top-content {
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
.contact-us-form-wrapper {
    border-radius: 12px;
  }
.contact-us-form-wrap {
    grid-row-gap: 16px;
  }
.contact-us-form-flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }
.contact-us-form-input-field {
    height: 46px;
    padding-left: 12px;
    padding-right: 12px;
  }
.contact-us-form-textarea {
    min-height: 130px;
    padding: 10px;
  }
.contact-us-form-submit-button {
    height: 46px;
  }
.faq-icon-wrapper {
    flex: none;
  }
.faq-answer-text {
    font-size: 15px;
    line-height: 25px;
  }
.faq-accordion-question-wrap {
    justify-content: space-between;
    align-items: center;
  }
.faq-answer {
    font-size: 15px;
    line-height: 25px;
  }
.pricing-tab-menu {
    border-radius: 12px;
    padding: 4px;
  }
.pricing-tab-link {
    padding-top: 8px;
    padding-bottom: 8px;
  }
.pricing-details-card {
    grid-row-gap: 20px;
    flex-flow: column;
  }
.pricing-details-card-typography {
    border-right-style: none;
    max-width: 100%;
    padding-right: 0;
  }
.pricing-details-card-typography-single {
    max-width: 100%;
  }
.blog-collection-list {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }
.blog-date {
    margin-bottom: 8px;
  }
.details-container {
    padding-left: 8px;
    padding-right: 8px;
  }
.details-banner-wrapper {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-top: 140px;
    padding-bottom: 70px;
  }
.details-banner-date-read-time {
    grid-row-gap: 5px;
    flex-flow: wrap;
  }
.details-title {
    font-size: 36px;
    font-weight: 500;
  }
.details-author-wrapper {
    margin-top: 16px;
  }
.blog-details-thumbnail-wrapper {
    border-radius: 12px;
    margin-bottom: 20px;
  }
.blog-rich-content figure {
    margin-top: 20px;
    margin-bottom: 20px;
  }
.career-collection-list {
    grid-template-columns: 1fr;
  }
.career-icon-wrapper {
    max-width: 42px;
    height: 42px;
  }
.career-icon {
    width: 100%;
    max-width: 20px;
  }
.career-features-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }
.career-features-single {
    padding: 16px;
  }
.career-features-icon {
    max-width: 36px;
  }
.career-details-rich-content h5 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
.about-history-content {
    grid-row-gap: 24px;
  }
.about-history-typography {
    max-width: 100%;
  }
.about-history-typography.right-side {
    margin-left: auto;
    margin-right: auto;
  }
.about-history-typography.left-side {
    text-align: left;
  }
.about-history-line-wrapper {
    display: none;
  }
.benefits-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
.benefits-card {
    border-radius: 10px;
    min-height: 260px;
    padding: 10px;
  }
.benefits-card-title {
    font-size: 22px;
    font-weight: 500;
  }
.benefits-card-image-wrapper {
    border-radius: 10px;
  }
.start-your-links-creation-icon {
    max-width: 160px;
  }
.team-member-content {
    grid-template-columns: 1fr 1fr;
  }
.team-member {
    margin-bottom: 16px;
  }
.our-mission-card-image {
    border-radius: 20px;
  }
.our-mission-top-content {
    margin-bottom: 30px;
  }
.mission-icon-wrapper {
    margin-bottom: 16px;
  }
.mission-features-title {
    letter-spacing: -.4px;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
  }
.customer-features-tab-menu {
    grid-row-gap: 10px;
    flex-flow: column;
  }
.customer-features-tab-link {
    border-radius: 8px;
    max-width: 100%;
    padding: 8px;
  }
.customer-features-grid {
    grid-row-gap: 20px;
  }
.customer-features-card {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-radius: 12px;
  }
.customer-features-card.multi-channel-card {
    min-height: 440px;
    padding: 16px;
  }
.customer-features-card.collaborate {
    min-height: 400px;
  }
.customer-features-title {
    margin-bottom: 10px;
  }
.multi-channel-card-two-image {
    max-width: 240px;
  }
.multi-channel-card-three-image {
    max-width: 160px;
  }
.real-time-card-image {
    max-width: 380px;
  }
.smart-filters-search-card-image {
    max-width: 400px;
    top: 20px;
    left: 0;
    right: 0;
  }
.team-collaboration-content {
    grid-template-columns: 1fr 1fr;
  }
.core-features-container {
    grid-row-gap: 20px;
  }
.core-features-top-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }
.core-features-single-card {
    border-radius: 12px;
  }
.core-features-typography {
    margin-bottom: 30px;
  }
.additional-features-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }
.additional-features-card-content {
    min-height: 260px;
  }
.additional-features-card-icon {
    max-width: 40px;
  }
.checkout-input-field {
    border-radius: 8px;
    height: 38px;
  }
.integration-icon.one {
    max-width: 20px;
  }
.integration-icon.two {
    max-width: 24px;
  }
.integration-icon.three {
    max-width: 26px;
  }
.integration-icon.main {
    max-width: 52px;
  }
.menu-button {
    width: 100%;
    max-width: 45px;
  }
.cart-footer {
    padding-top: 24px;
    padding-bottom: 24px;
  }
.cart-container {
    min-width: 420px;
    max-width: 420px;
    padding-left: 20px;
    padding-right: 20px;
  }
.cart-footer-price {
    font-size: 22px;
  }
.cart-header {
    padding-top: 24px;
    padding-bottom: 24px;
  }
.cart-header-title {
    font-size: 28px;
  }
.dropdown-menu-link {
    margin-bottom: 8px;
  }
.dropdown-pd {
    padding: 16px;
  }
.dropdown-grid {
    grid-template-columns: 1.2fr 1fr;
  }
.dropdown-title-wrapper {
    margin-bottom: 20px;
  }
.more-temple-text-link {
    font-size: 17px;
    display: block;
  }
.banner-image-01, .banner-image-02 {
    display: none;
  }
.value-card-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.value-card-inner {
    padding-left: 20px;
  }
.process-section {
    padding-top: var(--_section-padding---spacing-medium);
    padding-bottom: var(--_section-padding---spacing-medium);
  }
.process-sticky {
    height: auto;
  }
.process-text-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 0;
    padding-bottom: 0;
  }
.brands-logo-wrap, .brands-logo-wrap.mobile-only {
    display: flex;
  }
.brands-content-copy {
    flex: none;
    justify-content: flex-start;
    width: auto;
    max-width: none;
  }
.primary-button-inner {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 479px) {
body {
    --_typography---paragraph-large: 15px;
    --_typography---line-height--xxlarge: 150%;
    --_typography---font-weight--regular: 400;
    --_typography---h1: 42px;
    --_typography---line-height--small: 110%;
    --_typography---font-weight--semi-bold: 600;
    --_typography---letter-spacing--default: -.04em;
    --_typography---h2: 32px;
    --_typography---h3: 22px;
    --_typography---line-height--default: 120%;
    --_typography---h4: 22px;
    --_typography---h5: 20px;
    --_typography---line-height--xlarge: 140%;
    --_typography---h6: 17px;
    --_typography---font-weight--medium: 500;
    --_typography---paragraph-small: 14px;
    --_typography---line-height--xsmall: 100%;
    --_typography---font-weight--blod: 700;
    --_typography---line-height--large: 130%;
    --_typography---font-weight--light: 300;
    --_section-padding---spacing-large: 60px;
    --_section-padding---spacing-medium: 50px;
    --_section-padding---spacing-small: 60px;
    --_section-padding---banner-spacing: 110px;
    --_section-padding---full-size: 100%;
  }
h1, .heading-scale-1 {
    letter-spacing: -1.2px;
    font-weight: 500;
  }
h2, .heading-scale-2 {
    letter-spacing: -.8px;
    font-weight: 500;
    line-height: 125%;
  }
h3, .heading-scale-3 {
    letter-spacing: -.5px;
    font-weight: 500;
    line-height: 145%;
  }
h5, .heading-scale-5 {
    letter-spacing: -.5px;
    line-height: 120%;
  }
h6, .heading-scale-6 {
    letter-spacing: -.3px;
  }
.navbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }
.container {
    padding-left: 15px;
    padding-right: 15px;
  }
.navbar-logo-image {
    max-width: 100px;
  }
.nav-menu {
    padding: 12px;
  }
.nav-link {
    margin-bottom: 8px;
  }
.tertiary-button {
    padding-top: 11px;
    padding-bottom: 11px;
  }
.primary-button-arrow {
    width: 100%;
    max-width: 10px;
  }
.primary-button-text {
    line-height: 130%;
  }
.section.footer {
    padding-top: 60px;
  }
.section.integration, .section.brands-section {
    padding-bottom: 60px;
  }
.section.style-guide {
    padding-top: 120px;
  }
.section.utility-banner {
    padding-top: 120px;
    padding-bottom: 60px;
  }
.section.contact-us {
    padding-top: 60px;
  }
.section.blog-section, .section.blog-details {
    padding-top: 40px;
  }
.section.career {
    padding-top: 60px;
  }
.banner-container {
    padding-left: 5px;
    padding-right: 5px;
  }
.banner-wrapper {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-top: 100px;
    padding-bottom: 60px;
  }
.banner-top-content {
    max-width: 360px;
  }
.banner-button-tag-wrapper.left {
    max-width: 100px;
  }
.banner-button-tag-wrapper.right {
    max-width: 110px;
  }
.banner-button-tag {
    max-width: 60px;
    min-height: 30px;
  }
.banner-button-tag.width-90px {
    grid-column-gap: 4px;
    max-width: 45px;
  }
.banner-button-tag-text {
    font-size: 9px;
  }
.banner-button-image-wrap {
    max-width: 50px;
  }
.banner-button-tag-icon {
    max-width: 12px;
    display: none;
  }
.banner-icon-wrapper {
    padding: 10px;
  }
.banner-icon {
    max-width: 18px;
  }
.banner-button-left-line {
    max-width: 65px;
  }
.banner-button-right-line {
    max-width: 70px;
  }
.banner-button-line-arrow {
    max-width: 15px;
    left: -8px;
  }
.banner-icon-arrow-left, .banner-icon-arrow-right {
    max-width: 15px;
  }
.banner-subtitle-tag {
    font-size: 9px;
    line-height: 140%;
  }
.banner-subtitle-tag-wrap {
    display: none;
    bottom: 0;
    left: 0;
  }
.banner-content {
    grid-row-gap: 40px;
  }
.banner-typography-wrapper {
    max-width: 100%;
  }
.banner-description-text {
    font-size: 14px;
    line-height: 140%;
  }
.primary-button {
    border-radius: 8px;
  }
.primary-button.secondary {
    padding-top: 8px;
    padding-bottom: 8px;
  }
.footer-form-text-field {
    margin-bottom: 10px;
    font-size: 18px;
  }
.footer-form-input-field {
    height: 46px;
    padding-left: 16px;
    padding-right: 16px;
  }
.footer-information-wrapper {
    padding-top: 12px;
    padding-bottom: 12px;
  }
.section-title-wrapper.integration {
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
.section-title-wrapper.contact-us {
    max-width: 270px;
  }
.section-title-wrapper.blog {
    max-width: 280px;
  }
.section-title-wrapper.about-history {
    max-width: 290px;
  }
.section-title-wrapper.benefits, .section-title.testimonials {
    max-width: 280px;
  }
.section-title.pricing {
    max-width: 280px;
    margin-bottom: 8px;
  }
.section-title.the-link-flow-title {
    max-width: 260px;
  }
.section-description.testimonials, .section-description.pricing {
    max-width: 280px;
  }
.testimonials-grid {
    grid-row-gap: 16px;
  }
.testimonials-details-card {
    padding: 10px;
  }
.testimonials-details-card-top-description {
    max-width: 205px;
    font-size: 14px;
  }
.testimonials-author {
    grid-column-gap: 6px;
    padding: 10px;
  }
.testimonials-author-img-wrap {
    max-width: 42px;
  }
.testimonials-author-img {
    width: 100%;
    max-width: 42px;
  }
.testimonials-description-wrapper {
    padding: 10px;
  }
.testimonials-description-text {
    font-size: 14px;
  }
.integration-line {
    height: 60px;
  }
.integration-line-circle {
    max-width: 16px;
  }
.integration-wrapper {
    grid-column-gap: 5px;
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
.integration-circle.one {
    max-width: 25px;
    height: 25px;
  }
.integration-circle.two {
    max-width: 35px;
    height: 35px;
  }
.integration-circle.three {
    max-width: 45px;
    height: 45px;
  }
.integration-main-logo-wrapper {
    flex: none;
    max-width: 60px;
    height: 60px;
  }
.integration-main-logo-single {
    max-width: 50px;
    height: 50px;
  }
.integration-circle-element {
    max-width: 180px;
  }
.pricing-card-collection-list {
    grid-row-gap: 16px;
  }
.pricing-card {
    border-radius: 12px;
    padding: 10px;
  }
.pricing-card-name-wrapper {
    margin-bottom: 12px;
  }
.pricing-name {
    font-weight: 500;
  }
.pricing-card-top-content {
    margin-bottom: 18px;
    padding-bottom: 18px;
  }
.pricing-card-price-pack-name {
    grid-column-gap: 6px;
    margin-bottom: 10px;
  }
.pricing-card-price {
    letter-spacing: -.9px;
    font-size: 30px;
    font-weight: 500;
  }
.pricing-short-details {
    line-height: 140%;
  }
.pricing-features-list {
    grid-row-gap: 10px;
  }
.pricing-features-list-item {
    grid-column-gap: 5px;
  }
.pricing-features-list-icon-wrapper {
    max-width: 18px;
    height: 18px;
  }
.pricing-features-list-item-text {
    line-height: 120%;
  }
.pricing-card-link {
    letter-spacing: -.2px;
  }
.pricing-details-wrappe {
    border-radius: 12px;
    padding: 10px;
  }
.impact-card-grid {
    grid-template-columns: 1fr;
  }
.impact-card-single {
    min-height: 200px;
  }
.summery-counter-wrap {
    height: 38px;
    margin-bottom: 10px;
  }
.single-counter-wrap {
    margin-right: 0;
  }
.number-digit {
    font-size: 38px;
  }
.impact-card-description {
    width: 100%;
    max-width: 300px;
  }
.brands-subtitle-line {
    max-width: 48px;
  }
.brands-content {
    grid-column-gap: 5px;
  }
.brands-logo {
    max-width: 62px;
    margin-right: 24px;
  }
.brands-logo-line {
    margin-right: 24px;
  }
.inner-section-title-wrapper.use-cases {
    max-width: 240px;
  }
.inner-section-title-wrapper.link-types {
    max-width: 280px;
  }
.inner-subtitle-wrapper {
    padding-top: 4px;
    padding-bottom: 4px;
  }
.inner-subtitle {
    font-weight: 400;
    line-height: 120%;
  }
.how-it-works-content {
    grid-row-gap: 24px;
  }
.work-link-typography {
    max-width: 100%;
  }
.work-link-description {
    font-size: 13px;
  }
.how-it-works-flex {
    grid-row-gap: 24px;
    flex-flow: column;
  }
.use-cases-typography {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }
.use-cases-card-image, .link-types-single-card {
    border-radius: 12px;
  }
.link-types-circle-shape {
    max-width: 180px;
  }
.link-types-circle-content {
    grid-column-gap: 5px;
  }
.link-types-button-wrapper {
    grid-row-gap: 12px;
  }
.link-types-button-wrapper.two {
    max-width: 116px;
  }
.link-types-button {
    grid-column-gap: 4px;
  }
.link-types-button-icon-wrap {
    width: 18px;
    height: 18px;
  }
.link-types-button-icon {
    width: 100%;
    max-width: 10px;
  }
.link-types-icon-wrap {
    max-width: 38px;
  }
.campaign-wrapper {
    max-width: 260px;
  }
.campaign-icon-wrap.left, .campaign-icon-wrap.right {
    grid-row-gap: 10px;
    max-width: 80px;
  }
.campaign-icon {
    max-width: 46px;
  }
.campaign-main-icon {
    max-width: 60px;
  }
.campaign-element {
    max-width: 170px;
  }
.integrations-typography {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }
.integrations-card-image {
    border-radius: 12px;
    max-height: 320px;
  }
.style-guide-typography-single {
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
.color-palette-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.color-palette {
    min-height: 65px;
  }
.style-guide-button-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
.utility-banner-typography.password-protected {
    max-width: 290px;
  }
.utility-banner-title {
    font-size: 32px;
  }
.utility-banner-description.changelog {
    max-width: 290px;
  }
.license-card {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
.changelog-details-wrapper {
    grid-row-gap: 10px;
  }
.password-protected-text-field {
    margin-bottom: 10px;
  }
.password-protected-input-field {
    height: 42px;
    margin-bottom: 10px;
  }
.password-protected-submit-button {
    height: 42px;
  }
.inner-banner-wrapper {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
  }
.inner-banner-title-description {
    margin-bottom: 16px;
  }
.inner-banner-title {
    letter-spacing: -1px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 120%;
  }
.contact-us-content {
    grid-row-gap: 30px;
  }
.contact-us-form-wrapper {
    padding: 16px;
  }
.contact-us-form-input-field {
    height: 42px;
    padding-left: 10px;
    padding-right: 10px;
  }
.contact-us-form-textarea {
    min-height: 100px;
  }
.contact-us-form-submit-button {
    height: 42px;
  }
.faq-icon-wrapper {
    width: 100%;
    max-width: 16px;
  }
.faq-answer-text {
    font-size: 13px;
    line-height: 23px;
  }
.faq-accordion-question-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 10px;
    align-items: flex-start;
  }
.faq-answer {
    letter-spacing: 0;
    padding-top: 15px;
    font-size: 14px;
    line-height: 24px;
  }
.faq-accordion-wrapper {
    grid-row-gap: 15px;
  }
.faq-question {
    letter-spacing: -.5px;
    font-size: 17px;
    font-weight: 500;
    line-height: 140%;
  }
.single-faq-accordion-wrap {
    border-radius: 10px;
  }
.pricing-tab-link {
    letter-spacing: -.2px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
  }
.pricing-card-add-to-cart-select {
    height: 42px;
    padding-left: 12px;
    padding-right: 12px;
  }
.blog-collection-list {
    grid-row-gap: 20px;
  }
.blog-name {
    letter-spacing: -.8px;
    font-size: 20px;
    font-weight: 500;
  }
.details-banner-wrapper {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    padding-top: 120px;
    padding-bottom: 60px;
  }
.details-title {
    letter-spacing: -.8px;
    font-size: 32px;
  }
.blog-rich-content h5 {
    line-height: 130%;
  }
.blog-rich-content li {
    font-size: 14px;
    line-height: 140%;
  }
.blog-rich-content figure {
    border-radius: 12px;
    margin-top: 16px;
    margin-bottom: 16px;
  }
.career-single-wrapper {
    padding: 12px;
  }
.career-icon-wrapper {
    margin-bottom: 16px;
  }
.job-post-name-description {
    margin-bottom: 20px;
  }
.job-post-name {
    margin-bottom: 10px;
  }
.about-history-content {
    grid-row-gap: 20px;
  }
.about-history-number, .about-history-title {
    margin-bottom: 10px;
  }
.about-history-description {
    font-size: 14px;
  }
.benefits-grid {
    grid-template-columns: 1fr;
  }
.benefits-card {
    grid-row-gap: 50px;
    min-height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
.benefits-card.start-your-links-creation {
    min-height: 180px;
  }
.team-member-content {
    grid-template-columns: 1fr;
  }
.team-widget {
    grid-column-gap: 10px;
  }
.team-image-wrapper {
    border-radius: 8px;
  }
.team-member {
    margin-bottom: 10px;
  }
.team-member-bio {
    font-size: 14px;
  }
.team-member-section-title-wrapper {
    max-width: 280px;
  }
.our-mission-title-description {
    margin-bottom: 20px;
  }
.mission-features-grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }
.mission-features-description {
    font-size: 14px;
  }
.customer-features-tab-content {
    max-width: none;
  }
.customer-features-card {
    padding: 16px;
  }
.customer-features-card.multi-channel-card {
    min-height: 360px;
  }
.customer-features-card.collaborate {
    min-height: 360px;
    padding: 16px;
  }
.reporting-icon {
    display: none;
  }
.multi-channel-card-two-image {
    max-width: 155px;
  }
.multi-channel-card-three-image {
    max-width: 105px;
  }
.real-time-card-image, .smart-filters-search-card-image {
    max-width: 280px;
  }
.team-collaboration-card {
    padding: 10px;
  }
.core-features-top-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.core-features-single-card {
    padding-top: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }
.core-features-title {
    margin-bottom: 10px;
    font-size: 19px;
  }
.additional-features-card-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-radius: 12px;
    min-height: auto;
    padding: 16px;
  }
.additional-features-card-icon {
    width: 100%;
    max-width: 32px;
  }
.additional-features-card-shape {
    border-radius: 12px;
  }
.checkout-header {
    border-radius: 8px;
    padding: 12px;
  }
.checkout-title {
    font-size: 20px;
  }
.checkout-content {
    border-radius: 8px;
    padding: 12px;
  }
.integration-icon.one {
    max-width: 14px;
  }
.integration-icon.two {
    max-width: 16px;
  }
.integration-icon.three {
    max-width: 18px;
  }
.integration-icon.main {
    max-width: 28px;
  }
.menu-button {
    max-width: 35px;
  }
.cart-pack-text {
    font-size: 15px;
  }
.cart-name {
    font-size: 22px;
  }
.cart-remove-button {
    font-size: 16px;
  }
.cart-line-item {
    margin-bottom: 24px;
  }
.cart-container {
    min-width: 290px;
    max-width: 290px;
    padding-left: 15px;
    padding-right: 15px;
  }
.cart-footer-subtotal-title {
    font-size: 18px;
  }
.cart-wrapper {
    aspect-ratio: 2 / 3;
  }
.cart-footer-price {
    font-size: 18px;
  }
.cart-header {
    padding-top: 20px;
    padding-bottom: 20px;
  }
.cart-quantity {
    top: 6px;
    left: 13px;
  }
.cart-header-title {
    letter-spacing: -1px;
    font-size: 24px;
  }
.dropdown-menu-link {
    font-size: 15px;
  }
.dropdown-title {
    font-size: 20px;
  }
.dropdown-grid {
    flex-flow: wrap;
    display: flex;
  }
.more-temple-text-link {
    font-size: 16px;
    line-height: 26px;
  }
.pricing-button {
    padding-top: 9px;
    padding-bottom: 9px;
  }
.integration-icon-wrap {
    max-width: 42px;
    height: 42px;
  }
.value-title-block {
    max-width: 280px;
  }
.tertiary-button-inner {
    padding-top: 11px;
    padding-bottom: 11px;
  }
.brands-content-copy {
    grid-column-gap: 5px;
  }
.primary-button-inner {
    border-radius: 8px;
  }
.primary-button-inner.secondary {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
#node-a36e422f-1c46-1b36-b537-92dfc86379ad-5a350fd2, #node-a36e422f-1c46-1b36-b537-92dfc86379c8-5a350fd2, #node-a36e422f-1c46-1b36-b537-92dfc86379e3-5a350fd2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
#node-_4951da3f-fa43-cc53-3ddc-77686270e129-a77d7c30 {
    order: 9999;
  }
}
@media screen and (max-width: 767px) {
#node-_43071fe1-6f45-16c2-ce2a-9795819fe8dc-a77d7c31 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}
@media screen and (max-width: 479px) {
#node-a36e422f-1c46-1b36-b537-92dfc86379ad-5a350fd2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
#node-_4951da3f-fa43-cc53-3ddc-77686270e129-a77d7c30 {
    order: 9999;
  }
}
/* ======================================================================
   4. Components (hand-written)
   ====================================================================== */
/* ==========================================================================
   Lenkrio — hand-written component layer.

   Vanilla replacements for the Webflow runtime and for IX2/IX3. Every timing, offset, easing and colour below is transcribed from Lenkrio's OWN payload
   (ix2.json / ix3.json, extracted by _lenkrio_build/dump_ix2.js and dump_ix3.js);
   the action-list id is named in the comment above each block.

   Two rules this layer obeys:

   1. A reveal is ANIMATION-ONLY. Writing `transition: opacity .4s, transform .4s`
      in a reveal rule sets the whole `transition` property and DELETES whatever
      the design declared on the same element — which silently kills every hover
      that eases. Reveals use `@keyframes` and main.js strips the class when the
      animation is over, so nothing of ours is left on the element.
   2. Only the FIRST group of an IX2 preset is the rest state. `slideInBottom`
      puts opacity 0 in group 0 and the 100px offset in group 1, applied at the
      instant the reveal starts — holding the offset at rest would push cards out
      of the viewport and give the page a horizontal scrollbar it never had.
   ========================================================================== */

:root {
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-counter: cubic-bezier(0.784, 0.325, 0.222, 0.98);
}
/* ---------------------------------------------------------------- basics */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.is-hidden {
  display: none;
}
/* Several runtime `<div>`s become real `<button>`s (menu, dropdown, tabs, FAQ
   rows). The UA then contributes its own font, padding and border, which would
   add pixels to every row — reset them at zero specificity so the design's own
   class rules keep winning. */
:where(button) {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-transform: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
/* ------------------------------------------------------- page fade (a-9)
   "0.4S Delay": the page wrapper fades in over 500ms after a 400ms delay. It is
   the one inline `opacity: 0` in the export that is NOT a scroll reveal. */
body.page-fade {
  animation: page-fade-in 500ms 400ms both;
}
@keyframes page-fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
/* --------------------------------------------------- reveals (IX2 presets)
   slideInBottom / slideInLeft / slideInRight / growIn — 1000ms, outQuart.
   Rest state is opacity 0 only (group 0); the offset belongs to the animation. */
.js .reveal-up, .js .reveal-left, .js .reveal-right, .js .reveal-grow {
  opacity: 0;
}
.js .reveal-up.is-revealed { animation: reveal-up 1000ms var(--ease-out-quart) both; }
.js .reveal-left.is-revealed { animation: reveal-left 1000ms var(--ease-out-quart) both; }
.js .reveal-right.is-revealed { animation: reveal-right 1000ms var(--ease-out-quart) both; }
.js .reveal-grow.is-revealed { animation: reveal-grow 1000ms var(--ease-out-quart) both; }
@keyframes reveal-up {
from { opacity: 0; transform: translateY(100px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes reveal-left {
from { opacity: 0; transform: translateX(-100px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes reveal-right {
from { opacity: 0; transform: translateX(100px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes reveal-grow {
from { opacity: 0; transform: scale(0.75); }
to { opacity: 1; transform: scale(1); }
}
/* One reveal event (e-389, on the mobile brands marquee) is armed on `small` +
   `tiny` only. Above 767px the element is `display: none` anyway, but the reveal
   must not hold it at opacity 0 there either. */
@media screen and (min-width: 768px) {
  .js .reveal-sm { opacity: 1; animation: none; }
}
/* ------------------------------------------------------------ navbar bar
   a-6 / a-7: the bar leaves at translateY(-101%) on scroll down and returns on
   scroll up, both in 200ms. a-8 scrubs its background from transparent to
   --_color-palette---midnight-indigo across the first 0.1% of the page, i.e.
   effectively the moment the page leaves the top. */
.navbar {
  transition: transform 200ms ease;
}
.navbar.is-nav-hidden {
  transform: translateY(-101%);
}
.navbar.is-scrolled {
  background-color: rgba(20, 20, 45, var(--nav-bg-alpha, 1));
}
/* --------------------------------------------------------- mobile menu
   The hamburger was a Lottie (a-20 / a-21 played frames 0 -> 50). The inline SVG
   that replaces it holds the same two bars and crosses them on open. The Lottie
   rendered at its intrinsic 50x50, which is what sized the button. */
.hamburger-menu-icon {
  width: 50px;
  max-width: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hamburger-menu-svg {
  width: 60%;
  height: 60%;
  overflow: visible;
}
.hamburger-bar {
  fill: currentColor;
  transform-origin: 12px 12px;
  transition: transform 350ms var(--ease-out-quart);
}
.hamburger-bar-top { transform: translateY(-3px); }
.hamburger-bar-bottom { transform: translateY(3px); }
[data-menu-open][aria-expanded="true"] .hamburger-bar-top {
  transform: translateY(3px) rotate(45deg);
}
[data-menu-open][aria-expanded="true"] .hamburger-bar-bottom {
  transform: translateY(-3px) rotate(-45deg);
}
.menu-button {
  color: #fff;
}
@media screen and (max-width: 991px) {
/* `[data-nav-menu-open] { display: block !important }
` was the one declaration
     the runtime forced past the design sheet — everything else it set lost to
     `.nav-menu` and is transcribed in framework.hand.css. Without it the menu
     stays the desktop `display: flex` row and the links run off the screen
     instead of stacking. This layer is emitted after the design sheet, which is
     the same position the `!important` bought Webflow. */
  .nav-overlay .nav-menu {
    display: block;
  }
/* The panel slides down out of the clipped overlay in 400ms, which is the
     navbar widget's own `data-duration`. */
  .nav-overlay .nav-menu {
    transform: translateY(-100%);
    transition: transform 400ms ease;
  }
.nav-overlay.is-open .nav-menu {
    transform: translateY(0);
  }
}
/* ------------------------------------------------------- dropdown (a-25/26)
   Open:  display block, then height 0 -> auto (300ms outQuad), a 10px lift
          (300ms ease), opacity 0 -> 1 (200ms after a 200ms delay), and the
          caret to -180deg (300ms ease).
   Close: the same in reverse, display none once the 300ms is up. */
.dropdown-column-wrapper {
  height: 0;
  opacity: 0;
  transform: translate(-50%, 10px);
  transition: height 300ms var(--ease-out-quad),
              transform 300ms ease,
              opacity 200ms ease 200ms;
}
.dropdown-column-wrapper.is-open {
  opacity: 1;
  transform: translate(-50%, 0);
}
.dropdown-toggle-arrow {
  transition: transform 300ms ease;
}
[data-dropdown-toggle][aria-expanded="true"] .dropdown-toggle-arrow {
  transform: rotate(-180deg);
}
@media screen and (max-width: 991px) {
/* the design already switches the panel to full width and drops the centring
     translate at this breakpoint — keep the lift on the same axis. a-25 / a-26
     are armed on `main` only, so below 992px the panel opens and closes with no
     animation, exactly as the widget did once the menu became a column. */
  .dropdown-column-wrapper {
    transform: translate(0, 10px);
    transition: none;
  }
.dropdown-column-wrapper.is-open { transform: translate(0, 0); }
}
/* ------------------------------------------------------------------ tabs */
.tab-link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* --------------------------------------------------------- FAQ (a-4 / a-5)
   The answer opens from height 0 to auto in 600ms outQuart and closes in 500ms;
   the caret turns 180deg in 300ms and the question brightens to white. */
.faq-accordion-answer-wrap {
  height: 0;
  transition: height 500ms var(--ease-out-quart);
}
[data-accordion-toggle][aria-expanded="true"] .faq-accordion-answer-wrap {
  transition-duration: 600ms;
}
.faq-icon {
  transition: transform 300ms ease, color 500ms ease;
}
.faq-question {
  transition: color 300ms ease;
}
[data-accordion-toggle][aria-expanded="true"] .faq-icon {
  transform: rotate(180deg);
  color: #fff;
}
[data-accordion-toggle][aria-expanded="true"] .faq-question {
  color: #fff;
}
/* ------------------------------------------------------- counter (a-3)
   Two digit strips roll to their final digit over 2500ms. `._1` climbs seven
   digits, `._2` (which is bottom-aligned) drops six. */
.summery-counter-wrap .single-counter-wrap {
  transition: transform 2500ms var(--ease-counter);
}
.summery-counter-wrap.is-revealed .single-counter-wrap._1 { transform: translateY(-700%); }
.summery-counter-wrap.is-revealed .single-counter-wrap._2 { transform: translateY(600%); }
/* -------------------------------------------------- marquees (a-39 / a-40)
   Both run 40s, linear, forever. The tools block scrolls its two rows in
   opposite directions; the brands strip scrolls one way and repeats. */
[data-marquee] { overflow: hidden; }
.js [data-marquee="brands"].is-revealed .brands-content-copy {
  animation: marquee-left 40s linear infinite;
}
.js [data-marquee="tools"].is-revealed .tools-image-row.left {
  animation: marquee-left 40s linear infinite;
}
.js [data-marquee="tools"].is-revealed .tools-image-row.right {
  animation: marquee-right 40s linear infinite;
}
@keyframes marquee-left {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
}
@keyframes marquee-right {
from { transform: translateX(-100%); }
to { transform: translateX(0); }
}
/* ------------------------------------------- decorative loops (a-13/15/16)
   Three SCROLL_INTO_VIEW loops that breathe a set of icons. Each cycle is
   500 + 200 + 500 + 500 = 1700ms; the percentages below are those four steps. */
.js [data-pulse="banner"].is-revealed .banner-button-tag {
  animation: pulse-tag 1700ms linear infinite;
}
.js [data-pulse="banner"].is-revealed .banner-icon-wrapper, .js [data-pulse="link-types"].is-revealed .campaign-main-icon, .js [data-pulse="link-types"].is-revealed .link-types-icon-wrap, .js [data-pulse="integration"].is-revealed .integration-icon {
  animation: pulse-icon 1700ms linear infinite;
}
.js [data-pulse="link-types"].is-revealed .campaign-icon {
  animation: pulse-campaign 1700ms linear infinite;
}
@keyframes pulse-tag {
0% { transform: scale(0.98); }
29.4% { transform: scale(1.1); }
41.2% { transform: scale(1.1); }
70.6% { transform: scale(0.98); }
100% { transform: scale(1); }
}
@keyframes pulse-icon {
0% { transform: scale(0.9); }
29.4% { transform: scale(1); }
41.2% { transform: scale(1); }
70.6% { transform: scale(0.9); }
100% { transform: scale(1); }
}
@keyframes pulse-campaign {
0% { transform: scale(0.95); }
29.4% { transform: scale(1.1); }
41.2% { transform: scale(1.1); }
70.6% { transform: scale(0.95); }
100% { transform: scale(1.1); }
}
/* the design already offsets one of the campaign icons; keep it under the loop */
.campaign-icon.right-side { transform-origin: 100% 50%; }
/* ------------------------------------------- button hover roll (a / a-2)
   `.primary-button-single.hover-out` sits on top of `.hover-in` and both slide
   200% on hover: in 300ms inSine on the way in, 300ms ease on the way out. The
   tertiary variant uses outSine / outQuad and fades its gradient blob in. */
.primary-button-single {
  transition: transform 300ms ease;
}
.primary-button-single.hover-out {
  transform: translateY(200%);
}
.primary-button:hover .primary-button-single.hover-in, .tertiary-button:hover .primary-button-single.hover-in {
  transform: translateY(-200%);
}
.primary-button:hover .primary-button-single.hover-out, .tertiary-button:hover .primary-button-single.hover-out {
  transform: translateY(0);
}
.primary-button:hover .primary-button-single {
  transition-timing-function: var(--ease-in-sine);
}
.tertiary-button:hover .primary-button-single {
  transition-timing-function: var(--ease-out-sine);
}
.tertiary-button-gradient {
  opacity: 0;
  transition: opacity 300ms ease;
}
.tertiary-button:hover .tertiary-button-gradient {
  opacity: 1;
}
/* -------------------------------------------- other hovers (a-18/19, 23/24, 35/36) */
.blog-post-thumbnail {
  transition: transform 800ms ease;
}
.blog-post-image-wrapper:hover .blog-post-thumbnail {
  transform: scale(1.1);
}
.additional-features-card-shape {
  opacity: 0;
  transition: opacity 400ms ease;
}
.additional-features-card:hover .additional-features-card-shape {
  opacity: 1;
  transition-duration: 500ms;
}
/* a-35 / a-36 are armed on `main` only — and the design hides this layer below
   992px, so the hover exists at one breakpoint on both counts. */
.pricing-card-hover-image-wrap {
  opacity: 0;
  transition: opacity 300ms ease;
}
@media screen and (min-width: 992px) {
.pricing-card:hover .pricing-card-hover-image-wrap {
    opacity: 1;
  }
}
/* --------------------------------------------- career banner (a-31 / a-32)
   The headline tips back 35deg and fades to 0.3 as the page scrolls down
   (800ms), and rights itself in 300ms on the way up. `.inner-banner-typography-main`
   already supplies the 1000px perspective. */
[data-tilt-on-scroll] {
  transition: transform 300ms ease, opacity 300ms ease;
}
[data-tilt-on-scroll].is-tilted {
  transform: translateY(-150px) rotateX(35deg);
  opacity: 0.3;
  transition-duration: 800ms;
}
/* --------------------------------------------------- scrubbed timelines
   Driven from main.js, which writes the interpolated value into a custom
   property. Declaring them here keeps the rest state in CSS. */
.team-collaboration-card {
  --card-y: 0%;
  --card-rot: 0deg;
  transform: translateY(var(--card-y)) rotate(var(--card-rot));
}
.team-collaboration-card.three { --card-rot: 5deg; }
.team-collaboration-card.four { --card-rot: 5deg; }
.team-collaboration-card.five { --card-rot: -10deg; }
@media screen and (max-width: 991px) {
/* the design drops the fan-out below 992px, so the scrub must not reinstate it */
  .team-collaboration-card {
    --card-rot: 0deg;
    --card-y: 0%;
  }
}
.team-member-content {
  --team-x: 0%;
  transform: translateX(var(--team-x));
}
@media screen and (max-width: 991px) {
/* a-34 is armed on `main` only, and here the design has turned the row into a
     3-column grid with nothing to slide — pin it however main.js last left it. */
  .team-member-content { --team-x: 0%; }
}
/* ------------------------------------------------ IX3 split text (i-fac65d5e)
   `.animated-text` is split into characters; each rises from yPercent 50 to 0, staggered 0.3s apart and scrubbed against the element's own scroll progress
   (start "top bottom", end "bottom center", scrub 0.1, linear). The export hid
   the element until the engine was ready — main.js reveals it the same way, and
   `.no-js` never hides it at all. */
.split-char {
  display: inline-block;
  transform: translateY(var(--char-y, 0%));
  will-change: transform;
}
.split-word {
  display: inline-block;
  white-space: nowrap;
}
.js [data-split-text]:not(.is-split) {
  visibility: hidden;
}
/* --------------------------------------------------------- button icons
   The two `.primary-button-arrow` icons are inlined SVG painted in
   `currentColor` (transform.inline_button_icons explains why). An <img> derived
   its height from the intrinsic ratio; an inline <svg> needs to be told, or the
   design's three `max-width` rules would squash it. */
svg.primary-button-arrow {
  height: auto;
  flex: none;
}
/* ------------------------------------------------------- lottie scenes
   build_lottie.py rebuilds the two features-page animations as self-contained
   SVG (their `@keyframes` travel inside the file). lottie-web sized its own
   output `width: 100%; height: 100%`, i.e. fluid with the viewBox's aspect —
   without this the scenes would sit at their fixed 405/471px and the section
   would come up short below 992px — and it stays an INLINE box, as that one was, because `display: block` would drop the baseline gap under it and the card
   would lose 6.5px. */
.lottie-scene {
  width: 100%;
  height: auto;
}
/* ------------------------------------------------------------------ cart */
[data-cart-modal] {
  display: none;
}
[data-cart-modal].is-open {
  display: flex;
}
.cart-line-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
}
.cart-line-item img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 8px;
  flex: none;
}
.cart-line-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.cart-line-remove {
  align-self: flex-start;
  color: inherit;
  opacity: 0.6;
  text-decoration: underline;
}
.cart-line-remove:hover {
  opacity: 1;
}
.checkout-line-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
}
.checkout-line-item img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 8px;
  flex: none;
}
.checkout-line-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
/* ----------------------------------------------------------- reduced motion */
@media (prefers-reduced-motion: reduce) {
  .js .reveal-up,
  .js .reveal-left,
  .js .reveal-right,
  .js .reveal-grow {
    opacity: 1;
    animation: none;
  }

  body.page-fade { animation: none; }

  .js [data-marquee] .brands-content-copy,
  .js [data-marquee] .tools-image-row,
  .js [data-pulse] .banner-button-tag,
  .js [data-pulse] .banner-icon-wrapper,
  .js [data-pulse] .campaign-icon,
  .js [data-pulse] .campaign-main-icon,
  .js [data-pulse] .link-types-icon-wrap,
  .js [data-pulse] .integration-icon {
    animation: none;
  }
}