/* TYPOGRAPHY STYLES */
/* Selects any element with the custom attribute position="fixed" */

/* main.css */

.cursor_wrapper {
	pointer-events: none;
}

/* Initial state for .cursor_wrapper */
.cursor_wrapper {
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transform: scale(0.5);
  opacity: 0;
}
/* Active state applied by JavaScript */
.cursor_wrapper.active {
  transform: scale(1);
  opacity: 1;
}

#smooth-wrapper {
  overflow: hidden;
}

#smooth-content {
  will-change: transform;
}


/* Override opacity in the Webflow Designer */
body.wf-control [slide_up],
body.wf-control [slide_down] {
  opacity: 1 !important;
}

*[position="fixed"] {
  position: fixed;
  top: 0;
  left: 0; /* Adjust as needed */
  right: 0; /* Adjust as needed */
  /* Additional styles for fixed positioning */
}
[class*="indent"] {
  text-indent: 6rem;
}
.hover_item:hover .view_arrow::after {
  content: "→"; /* Represents an arrow; you can also use Unicode arrows or an icon */
  display: inline-block;
  /* Additional styling for the arrow, adjust as needed */
  font-size: 16px;
  margin-left: 8px;
}
.hover_item:hover .dot::before {
  content: "⬤"; /* Represents an arrow; you can also use Unicode arrows or an icon */
  display: inline-block;
  /* Additional styling for the arrow, adjust as needed */
}

.mbm {
  mix-blend-mode: difference;
  background-blend-mode: difference;
}
/* Selects any element with the custom attribute position="relative" */
*[position="relative"] {
  position: relative;
  /* Additional styles for relative positioning */
}
.w-editor .element-to-hide {
  display: none;
}
/* defaults */
[class*="fs0"],
h1,
[class*="fs1"],
h2,
[class*="fs2"],
h3,
[class*="fs3"],
h4,
[class*="fs4"],
h5,
[class*="fs5"],
h6,
[class*="fs6"] {
  font-size: inherit;
  font-family: Everett Web;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

p,
[class*="fs7"] {
  font-size: inherit;
  font-family: inter;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}
body {
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  margin-bottom: 0;
}
:is(h1, h2, h3, h4, h5, h6, p) a {
  text-decoration: underline;
}
.w-richtext > *:first-child {
  margin-top: 0;
}
.w-richtext > *:last-child {
  margin-bottom: 0;
}

/* body font styles */
body {
  font-size: 1.15rem;
  font-family: inter;
  font-weight: var(--fw1);
  line-height: var(--lh1);
  letter-spacing: var(--ls2);
  text-transform: var(--tt1);
}

/* heading font styles */
[class*="fs0"],
h1,
[class*="fs1"],
h2,
[class*="fs2"],
h3,
[class*="fs3"],
h4,
[class*="fs4"],
h5,
[class*="fs5"],
h6,
[class*="fs6"] {
  /* font-family: var(--ff0); */
  font-weight: var(--fw1);
  line-height: var(--lh4);
  letter-spacing: var(--ls2);
  /* text-transform: var(--tt0); */
}
[class*="fs0"] {
  letter-spacing: var(--ls3);
}
[class*="al1"] {
  text-align: left;
}
[class*="al2"] {
  text-align: right;
}
/* individual font styles */
[class*="fs0"] {
  font-size: 15rem;
  /* font-family: var(--ff0); */
  /* font-weight: var(--fw0); */
  line-height: 100%;
  /* letter-spacing: var(--ls0); */
  /* text-transform: var(--tt0); */
}
@media (min-width: 991px) {
  [class*="hided"] {
    display: none !important;
  }
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
  [class*="hidet"] {
    display: none !important;
  }
}
/* Mobile Landscape */
@media (min-width: 480px) and (max-width: 767px) {
  [class*="hidel"] {
    display: none !important;
  }
}
/* Mobile Portrait */
@media (max-width: 479px) {
  [class*="hidem"] {
    display: none !important;
  }
}

[class*="hero-text"] {
  text-indent: 25rem;
}

[class*="inline-image-1"] {
  height: 4rem;
}
h1,
[class*="fs1"] {
  font-size: 5.25rem;
  /* font-family: var(--ff0); */
  /* font-weight: var(--fw0); */
  /* line-height: var(--lh0); */
  /* letter-spacing: var(--ls0); */
  /* text-transform: var(--tt0); */
}
h2,
[class*="fs2"] {
  font-size: 3.75rem;
  /* font-family: var(--ff0); */
  /* font-weight: var(--fw0); */
  /* line-height: var(--lh0); */
  /* letter-spacing: var(--ls0); */
  /* text-transform: var(--tt0); */
}
h3,
[class*="fs3"] {
  font-size: 3.25rem;
  /* font-family: var(--ff0); */
  /* font-weight: var(--fw0); */
  /* line-height: var(--lh0); */
  /* letter-spacing: var(--ls0); */
  /* text-transform: var(--tt0); */
}
h4,
[class*="fs4"] {
  font-size: 2.5rem;
  /* font-family: var(--ff0); */
  /* font-weight: var(--fw0); */
  /* line-height: var(--lh0); */
  /* letter-spacing: var(--ls0); */
  /* text-transform: var(--tt0); */
}
h5,
[class*="fs5"] {
  font-size: 2rem;
  /* font-family: var(--ff0); */
  /* font-weight: var(--fw0); */
  /* line-height: var(--lh0); */
  /* letter-spacing: var(--ls0); */
  /* text-transform: var(--tt0); */
}
h6,
[class*="fs6"] {
  font-size: 2rem;
  font-family: var(--ff0);
  /* font-weight: var(--fw0); */
  /* line-height: var(--lh0); */
  /* letter-spacing: var(--ls0); */
  /* text-transform: var(--tt0); */
}
[class*="fs7"] {
  font-size: inherit;
  /* font-family: var(--ff0); */
  /* font-weight: var(--fw0); */
  /* line-height: var(--lh0); */
  /* letter-spacing: var(--ls0); */
  /* text-transform: var(--tt0); */
}
[class*="fs7-1"] {
  font-size: 1.5rem;
  /* font-family: var(--ff0); */
  /* font-weight: var(--fw0); */
  /* line-height: var(--lh0); */
  /* letter-spacing: var(--ls0); */
  /* text-transform: var(--tt0); */
}
[class*="fs7-2"] {
  font-size: 0.875rem;
  /* font-family: var(--ff0); */
  /* font-weight: var(--fw0); */
  /* line-height: var(--lh0); */
  /* letter-spacing: var(--ls0); */
  /* text-transform: var(--tt0); */
}
[class*="fs7-3"] {
  font-size: 0.725rem;
  /* font-family: var(--ff0); */
  /* font-weight: var(--fw0); */
  /* line-height: var(--lh0); */
  /* letter-spacing: var(--ls0); */
  /* text-transform: var(--tt0); */
}
@media screen and (min-width: 1920px) {
  [class*="hero-text"] {
    text-indent: 25rem;
  }

  /* Adjustments for large screens */
  body {
    font-size: 1.75rem; /* Example size, adjust as needed */
  }
  /* individual font styles */
  [class*="fs0"] {
    font-size: 18rem;
    /* font-family: var(--ff0); */
    /* font-weight: var(--fw0); */
    line-height: 80%;
    /* letter-spacing: var(--ls0); */
    /* text-transform: var(--tt0); */
  }
  [class*="inline-image-1"] {
    height: 4rem;
  }
  h1,
  [class*="fs1"] {
    font-size: 5.5rem;
    /* font-family: var(--ff0); */
    /* font-weight: var(--fw0); */
    /* line-height: var(--lh0); */
    /* letter-spacing: var(--ls0); */
    /* text-transform: var(--tt0); */
  }
  h2,
  [class*="fs2"] {
    font-size: 3.75rem;
    /* font-family: var(--ff0); */
    /* font-weight: var(--fw0); */
    /* line-height: var(--lh0); */
    /* letter-spacing: var(--ls0); */
    /* text-transform: var(--tt0); */
  }
  h3,
  [class*="fs3"] {
    font-size: 7.5rem;
    /* font-family: var(--ff0); */
    /* font-weight: var(--fw0); */
    /* line-height: var(--lh0); */
    /* letter-spacing: var(--ls0); */
    /* text-transform: var(--tt0); */
  }
  h4,
  [class*="fs4"] {
    font-size: 2.5rem;
    /* font-family: var(--ff0); */
    /* font-weight: var(--fw0); */
    /* line-height: var(--lh0); */
    /* letter-spacing: var(--ls0); */
    /* text-transform: var(--tt0); */
  }
  h5,
  [class*="fs5"] {
    font-size: 2rem;
    /* font-family: var(--ff0); */
    /* font-weight: var(--fw0); */
    /* line-height: var(--lh0); */
    /* letter-spacing: var(--ls0); */
    /* text-transform: var(--tt0); */
  }
  h6,
  [class*="fs6"] {
    font-size: 3rem;
    font-family: var(--ff0);
    /* font-weight: var(--fw0); */
    /* line-height: var(--lh0); */
    /* letter-spacing: var(--ls0); */
    /* text-transform: var(--tt0); */
  }
  [class*="fs7"] {
    font-size: inherit;
    /* font-family: var(--ff0); */
    /* font-weight: var(--fw0); */
    /* line-height: var(--lh0); */
    /* letter-spacing: var(--ls0); */
    /* text-transform: var(--tt0); */
  }
  [class*="fs7-1"] {
    font-size: 1.5rem;
    /* font-family: var(--ff0); */
    /* font-weight: var(--fw0); */
    /* line-height: var(--lh0); */
    /* letter-spacing: var(--ls0); */
    /* text-transform: var(--tt0); */
  }
  [class*="fs7-2"] {
    font-size: 1.25rem;
    /* font-family: var(--ff0); */
    /* font-weight: var(--fw0); */
    /* line-height: var(--lh0); */
    /* letter-spacing: var(--ls0); */
    /* text-transform: var(--tt0); */
  }
  [class*="fs7-3"] {
    font-size: 0.725rem;
    /* font-family: var(--ff0); */
    /* font-weight: var(--fw0); */
    /* line-height: var(--lh0); */
    /* letter-spacing: var(--ls0); */
    /* text-transform: var(--tt0); */
  }
}
/* responsive font styles */
@media screen and (max-width: 991px) {
  [class*="hero-text"] {
    text-indent: 12.5rem;
  }

  /* tablet font styles */
  [class*="fs0"] {
    font-size: 5.5rem;
  }
  [class*="inline-image-1"] {
    height: 3rem;
  }
  h1,
  [class*="fs1"] {
    font-size: 4.2rem;
  }
  h2,
  [class*="fs2"] {
    font-size: 3.2rem;
  }
  h3,
  [class*="fs3"] {
    font-size: 2.8rem;
  }
  h4,
  [class*="fs4"] {
    font-size: 2.4rem;
  }
  h5,
  [class*="fs5"] {
    /* font-size: 0rem; */
  }
  h6,
  [class*="fs6"] {
    /* font-size: 0rem; */
  }
  body {
    /* font-size: 0rem; */
  }
  [class*="fs7-1"] {
    /* font-size: 0rem; */
  }
  [class*="fs7-2"] {
    /* font-size: 0rem; */
  }
}

@media screen and (max-width: 767px) {
  [class*="hero-text"] {
    text-indent: 9rem;
  }

  /* landscape font styles */
  [class*="fs0"] {
    font-size: 4.8rem;
  }
  [class*="inline-image-1"] {
    height: 2.5rem;
  }
  h1,
  [class*="fs1"] {
    font-size: 3.8rem;
  }
  h2,
  [class*="fs2"] {
    font-size: 2.8rem;
  }
  h3,
  [class*="fs3"] {
    font-size: 2.6rem;
  }
  h4,
  [class*="fs4"] {
    /* font-size: 0rem; */
  }
  h5,
  [class*="fs5"] {
    /* font-size: 0rem; */
  }
  h6,
  [class*="fs6"] {
    font-size: 1.5rem;
  }
  body {
    /* font-size: 0rem; */
  }
  [class*="fs7-1"] {
    /* font-size: 0rem; */
  }
  [class*="fs7-2"] {
    /* font-size: 0rem; */
  }
}
@media screen and (max-width: 479px) {
  [class*="hero-text"] {
    text-indent: 8rem;
  }
  /* portrait font styles */
  ™ [class*="fs0"] {
    font-size: 5rem;
  }
  [class*="inline-image-1"] {
    height: 1.75rem;
  }
  h1,
  [class*="fs1"] {
    font-size: 2.15rem;
  }
  h2,
  [class*="fs2"] {
    /* font-size: 0rem; */
  }
  h3,
  [class*="fs3"] {
    font-size: 2.25rem;
  }
  h4,
  [class*="fs4"] {
    font-size: 1.5rem;
  }
  h5,
  [class*="fs5"] {
    /* font-size: 0rem; */
  }
  h6,
  [class*="fs6"] {
    font-size: 1.5rem;
  }
  body {
    font-size: 1rem;
  }
  [class*="fs7-1"] {
    /* font-size: 0rem; */
  }
  [class*="fs7-2"] {
    /* font-size: 0rem; */
  }
  [class*="fs7-3"] {
    font-size: 0.6rem;
  }
}

/* variables */
html {
  /* font family */
  --ff0: Everett Web;
  --ff1: Satoshi, sans-serif;
  /* font weight */
  --fw0: inherit;
  --fw1: 400;
  --fw2: 500;
  --fw3: 700;
  /* line height */
  --lh0: inherit;
  --lh1: 1.5;
  --lh2: 1.3;
  --lh3: 1.1;
  --lh4: 1;
  --lh5: 0.8;
  /* letter spacing */
  --ls0: inherit;
  --ls1: 0em;
  --ls2: -0.03em;
  --ls3: -0.05em;
  /* text transform */
  --tt0: inherit;
  --tt1: none;
  --tt2: uppercase;
  --tt3: capitalize;
  --tt4: lowercase;
  /* text transform */
  --td0: none;
}

/* utilities */
/* font family */
[class*="ff1"] {
  font-family: var(--ff1);
}
[class*="ff0"] {
  font-family: var(--ff0);
}
/* font weight */
[class*="fw1"] {
  font-weight: var(--fw1);
}
[class*="fw2"] {
  font-weight: var(--fw2);
}
[class*="fw3"] {
  font-weight: var(--fw3);
}
[class*="fw0"] {
  font-weight: var(--fw0);
}
/* line height */
[class*="lh1"] {
  line-height: var(--lh1);
}
[class*="lh2"] {
  line-height: var(--lh2);
}
[class*="lh3"] {
  line-height: var(--lh3);
}
[class*="lh4"] {
  line-height: var(--lh4);
}
[class*="lh5"] {
  line-height: var(--lh5);
}
[class*="lh0"] {
  line-height: var(--lh0);
}
/* letter spacing */
[class*="ls1"] {
  letter-spacing: var(--ls1);
}

[class*="ls2"] {
  letter-spacing: var(--ls2);
}
[class*="ls3"] {
  letter-spacing: var(--ls3);
}
[class*="ls0"] {
  letter-spacing: var(--ls0);
}
/* text transform */
[class*="tt1"] {
  text-transform: var(--tt1);
}
[class*="tt2"] {
  text-transform: var(--tt2);
}
[class*="tt3"] {
  text-transform: var(--tt3);
}
[class*="tt4"] {
  text-transform: var(--tt4);
}
[class*="tt0"] {
  text-transform: var(--tt0);
}
/* text decoration */
[class*="td0"] {
  text-decoration: var(--td0);
}
/* line clamp */
[class*="lc1"],
[class*="lc2"],
[class*="lc3"],
[class*="lc4"] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
[class*="lc2"] {
  -webkit-line-clamp: 2;
}
[class*="lc3"] {
  -webkit-line-clamp: 3;
}
[class*="lc4"] {
  -webkit-line-clamp: 4;
}
/* text wrap */
[class*="tw1"] {
  text-wrap: balance;
}

/* COLOR STYLES */

/**%#**/
/* btn and link mode transitions */
[btn-mode],
[class*="bm0"],
[link-mode],
[class*="lm0"] {
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 200ms;
}
/* applies default border width to cards, elements, and buttons */
[card-mode]:not([card-mode=""]),
[class*="cm0"],
[element-mode]:not([element-mode=""]),
[class*="em0"],
[btn-mode]:not([btn-mode=""]),
[class*="bm0"] {
  --border-width: var(--bw1);
}
/**#%**/

/* global swatches */
html {
  --dark-1: 0, 0, 0;
  --dark-2: 33, 33, 33;
  --light-1: 244, 244, 244;
  --light-2: 234, 234, 234;
  --brand-1: 240, 100, 50;
  --brand-2: 78, 35, 253;
  --alt-selection-bg: rgba(var(--brand-1), 1);
  --alt-selection-fc: rgba(var(--dark-1), 1);
}

/* section mode 1 (light mode) */
body, [section-mode="1"], [class*="sm0-1"],
/* styles card mode 2 when inside section mode 2 */
:is([section-mode="2"], [class*="sm0-2"]) :is([card-mode="2"], [class*="cm0-2"]) {
  /* section mode 1 */
  --m-bg1: rgba(var(--light-1), 1);
  --m-bg2: rgba(var(--dark-1), 1);
  --m-fc1: rgba(var(--dark-1), 1);
  --m-fc2: rgba(var(--dark-1), 0.6);
  --m-fc3: rgba(var(--dark-1), 0.2);
  --m-bc1: rgba(var(--dark-1), 0.2);
  --m-sc1: rgba(var(--dark-1), 1);
  --m-sc2: rgba(var(--light-1), 1);
  /* element mode 1 (tag) */
  --em1-bg1: rgba(var(--brand-1), 1);
  --em1-fc1: rgba(var(--dark-1), 1);
  --em1-bc1: rgba(var(--dark-1), 0.2);
  /* element mode 2 (tag) */
  --em2-bg1: rgba(var(--dark-1), 1);
  --em2-fc1: rgba(var(--dark-1), 1);
  --em2-bc1: rgba(var(--dark-1), 0);
  /* btn mode 1 (primary) */
  --bm1-bg1: rgba(var(--brand-1), 1);
  --bm1-bg1b: rgba(var(--brand-1), 1);
  --bm1-fc1: rgba(var(--dark-1), 1);
  --bm1-bg1-hover: rgba(var(--dark-1), 1);
  --bm1-bg1b-hover: rgba(var(--dark-1), 1);
  --bm1-fc1-hover: rgba(var(--light-2), 1);
  /* btn mode 2 (secondary) */
  --bm2-bg1b: rgba(var(--dark-1), 0.2);
  --bm2-fc1: rgba(var(--dark-1), 1);
  --bm2-bg1-hover: rgba(var(--dark-1), 1);
  --bm2-bg1b-hover: rgba(var(--dark-1), 1);
  --bm2-fc1-hover: rgba(var(--light-2), 1);
  /* btn mode 3 (inverted) */
  --bm3-bg1b: rgba(var(--dark-1), 1);
  --bm3-fc1: rgba(var(--light-1), 1);
  --bm3-bg1-hover: rgba(var(--dark-2), 0.9);
  --bm3-bg1b-hover: rgba(var(--dark-1), 0.9);
  --bm3-fc1-hover: rgba(var(--light-1), 1);
  /* link mode 1 (tab link) */
  --lm1-fc1: rgba(var(--dark-1), 0.5);
  --lm1-fc1-hover: rgba(var(--dark-1), 1);
  --lm1-bg1b-active: rgba(var(--dark-1), 1);
  --lm1-fc1-active: rgba(var(--dark-1), 1);
}

/* section mode 2 (dark mode) */
[section-mode="2"], [class*="sm0-2"],
/* card mode 2 */
[card-mode="2"], [class*="cm0-2"],
/* styles card mode 2 when inside section mode 1 */
:is([section-mode="1"], [class*="sm0-1"]) :is([card-mode="2"], [class*="cm0-2"]) {
  /* section mode 2 */

  --m-bg1: rgba(var(--dark-1), 1);
  --m-bg2: rgba(var(--light-1), 1);
  --m-fc1: rgba(var(--light-2), 1);
  --m-fc2: rgba(var(--light-2), 0.6);
  --m-fc3: rgba(var(--light-2), 0.2);
  --m-bc1: rgba(var(--dark-2), 0.2);
  --m-sc1: rgba(var(--brand-1), 1);
  --m-sc2: rgba(var(--light-1), 1);
  /* element mode 1 (tag) */
  --em1-bg1: rgba(var(--dark-2), 1);
  --em1-fc1: rgba(var(--light-1), 1);
  --em1-bc1: rgba(var(--brand-1), 0.2);
  /* element mode 2 (tag) */
  --em2-bg1: rgba(var(--light-1), 1);
  --em2-fc1: rgba(var(--dark-1), 1);
  /* btn mode 1 (primary) */
  --bm1-bg1: rgba(var(--brand-1), 1);
  --bm1-bg1b: rgba(var(--brand-1), 1);
  --bm1-fc1: rgba(var(--dark-1), 1);
  --bm1-bg1-hover: rgba(var(--light-2), 1);
  --bm1-bg1b-hover: rgba(var(--light-2), 1);
  --bm1-fc1-hover: rgba(var(--dark-1), 1);
  /* btn mode 2 (secondary) */
  --bm2-bg1b: rgba(var(--light-2), 0.2);
  --bm2-fc1: rgba(var(--light-2), 1);
  --bm2-bg1-hover: rgba(var(--light-2), 1);
  --bm2-bg1b-hover: rgba(var(--light-2), 1);
  --bm2-fc1-hover: rgba(var(--dark-1), 1);
  /* btn mode 3 (tertiary - inverted) */
  --bm3-bg1b: rgba(var(--light-1), 1);
  --bm3-fc1: rgba(var(--dark-1), 1);
  --bm3-bg1-hover: rgba(var(--light-1), 0.9);
  --bm3-bg1b-hover: rgba(var(--light-1), 0.9);
  --bm3-fc1-hover: rgba(var(--dark-1), 1);
  /* link mode 1 (tab link) */
  --lm1-fc1: rgba(var(--light-1), 0.6);
  --lm1-fc1-hover: rgba(var(--light-1), 1);
  --lm1-bg1b-active: rgba(var(--brand-1), 1);
  --lm1-fc1-active: rgba(var(--light-1), 1);
}
/* Apply invert filter to .client-logo when inside a section with class sm0-2 */
.sm0-2 .client-logo {
  filter: invert(1);
}
.sm0-2 .line-mask {
  background-color: rgba(var(--dark-1), 1);
}
.sm0-1 .line-mask {
  background-color: rgba(var(--light-1), 1);
}

/* card mode 1 when inside section mode 2 */
:is([section-mode="2"], [class*="sm0-2"])
  :is([card-mode="1"], [class*="cm0-1"]) {
  --m-bg1: rgba(var(--dark-1), 1);
  --m-fc1: rgba(var(--light-1), 1);
  --m-fc2: rgba(var(--light-2), 0.6);
  --m-fc3: rgba(var(--light-2), 0.2);
  --m-bc1: rgba(var(--light-2), 0.2);
  --m-sc1: rgba(var(--brand-1), 1);
  --m-sc2: rgba(var(--light-1), 1);
}
/* card mode 1 default style */
:is([card-mode="1"], [class*="cm0-1"]),
/* card mode 1 when inside section mode 1 */
:is([section-mode="1"], [class*="sm0-1"]) :is([card-mode="1"], [class*="cm0-1"]) {
  --m-bg1: rgba(var(--light-2), 1);
  --m-fc2: rgba(var(--dark-1), 0.6);
  --m-fc3: rgba(var(--dark-1), 0.2);
  --m-bc1: rgba(var(--dark-1), 0.2);
  --m-sc1: rgba(var(--dark-1), 1);
  --m-sc2: rgba(var(--dark-1), 1);
}

/* section mode 3 (dark mode) */
[section-mode="3"], [class*="sm0-3"],
/* card mode 2 */
[card-mode="2"], [class*="cm0-2"],
/* styles card mode 2 when inside section mode 1 */
:is([section-mode="3"], [class*="sm0-3"]) :is([card-mode="2"], [class*="cm0-2"]) {
  /* section mode 2 */

  --m-bg1: rgba(var(--brand-1), 1);
  --m-fc1: rgba(var(--dark-1), 1);
  --m-fc2: rgba(var(--dark-2), 0.6);
  --m-fc3: rgba(var(--light-2), 0.2);
  --m-bc1: rgba(var(--dark-2), 0.2);
  --m-sc1: rgba(var(--brand-1), 1);
  --m-sc2: rgba(var(--light-1), 1);
  /* element mode 1 (tag) */
  --em1-bg1: rgba(var(--brand-2), 1);
  --em1-fc1: rgba(var(--dark-1), 1);
  --em1-bc1: rgba(var(--dark-1), 0.2);
  /* element mode 2 (tag) */
  --em2-bg1: rgba(var(--brand-1), 1);
  --em2-fc1: rgba(var(--dark-1), 1);
  /* btn mode 1 (primary) */
  --bm1-bg1: rgba(var(--dark-1), 1);
  --bm1-bg1b: rgba(var(--dark-1), 1);
  --bm1-fc1: rgba(var(--dark-1), 1);
  --bm1-bg1-hover: rgba(var(--dark-2), 1);
  --bm1-bg1b-hover: rgba(var(--dark-2), 1);
  --bm1-fc1-hover: rgba(var(--dark-1), 1);
  /* btn mode 2 (secondary) */
  --bm2-bg1b: rgba(var(--dark-2), 0.2);
  --bm2-fc1: rgba(var(--dark-2), 1);
  --bm2-bg1-hover: rgba(var(--dark-2), 1);
  --bm2-bg1b-hover: rgba(var(--dark-2), 1);
  --bm2-fc1-hover: rgba(var(--brand-1), 1);
  /* btn mode 3 (tertiary - inverted) */
  --bm3-bg1b: rgba(var(--light-1), 1);
  --bm3-fc1: rgba(var(--dark-1), 1);
  --bm3-bg1-hover: rgba(var(--light-1), 0.9);
  --bm3-bg1b-hover: rgba(var(--light-1), 0.9);
  --bm3-fc1-hover: rgba(var(--dark-1), 1);
  /* link mode 1 (tab link) */
  --lm1-fc1: rgba(var(--light-1), 0.6);
  --lm1-fc1-hover: rgba(var(--light-1), 1);
  --lm1-bg1b-active: rgba(var(--brand-1), 1);
  --lm1-fc1-active: rgba(var(--light-1), 1);
}
/* Apply invert filter to .client-logo when inside a section with class sm0-2 */
/*.sm0-2 .client-logo {
  filter: invert(100%);
}*/

/* card mode 1 when inside section mode 2 */
:is([section-mode="2"], [class*="sm0-2"])
  :is([card-mode="1"], [class*="cm0-1"]) {
  --m-bg1: rgba(var(--dark-1), 1);
  --m-fc2: rgba(var(--light-2), 0.6);
  --m-fc3: rgba(var(--light-2), 0.2);
  --m-bc1: rgba(var(--light-2), 0.2);
  --m-sc1: rgba(var(--brand-1), 1);
  --m-sc2: rgba(var(--light-1), 1);
}
/* card mode 1 default style */
:is([card-mode="1"], [class*="cm0-1"]),
/* card mode 1 when inside section mode 1 */
:is([section-mode="1"], [class*="sm0-1"]) :is([card-mode="1"], [class*="cm0-1"]) {
  --m-bg1: rgba(var(--light-1), 1);
  --m-fc2: rgba(var(--dark-1), 0.6);
  --m-fc3: rgba(var(--dark-1), 0.2);
  --m-bc1: rgba(var(--dark-1), 0.2);
  --m-sc1: rgba(var(--dark-1), 1);
  --m-sc2: rgba(var(--dark-1), 1);
}

/**%{{element mode: tag}**/
[element-mode="1"],
[class*="em0-1"] {
  --m-bg1: var(--em1-bg1);
  --m-fc1: var(--em1-fc1);
  --m-bc1: var(--em1-bc1);
} /**}%**/
/**%{{element mode: tag}**/
[element-mode="2"],
[class*="em0-2"] {
  --m-bg1: var(--em2-bg1);
  --m-fc1: var(--em2-fc1);
  --m-bc1: var(--em2-bc1);
} /**}%**/

/**%{{btn mode: solid}**/
[btn-mode="1"],
[class*="bm0-1"] {
  --m-bg1: var(--bm1-bg1);
  --m-fc1: var(--bm1-fc1);
  --m-bg1-hover: var(--bm1-bg1-hover);
  --m-fc1-hover: var(--bm1-fc1-hover);
} /**}%**/

/**%{{btn mode: outlined}**/
[btn-mode="2"],
[class*="bm0-2"] {
  --m-bg1b: var(--bm2-bg1b);
  --m-fc1: var(--bm2-fc1);
  --m-bg1-hover: var(--bm2-bg1-hover);
  --m-bg1b-hover: var(--bm2-bg1b-hover);
  --m-fc1-hover: var(--bm2-fc1-hover);
  --selection-bg: var(--alt-selection-bg);
  --selection-fc: var(--alt-selection-fc);
} /**}%**/
/**%{{btn mode: inverted}**/
[btn-mode="3"],
[class*="bm0-3"] {
  --m-bg1: var(--bm3-bg1b);
  --m-bg1b: var(--bm3-bg1b);
  --m-fc1: var(--bm3-fc1);
  --m-bg1-hover: var(--bm3-bg1-hover);
  --m-bg1b-hover: var(--bm3-bg1b-hover);
  --m-fc1-hover: var(--bm3-fc1-hover);
  --selection-bg: var(--alt-selection-bg);
  --selection-fc: var(--alt-selection-fc);
} /**}%**/

/**%{{link mode: nav}**/
[link-mode="1"],
[class*="lm0-1"] {
  --m-fc1: var(--lm1-fc1);
  --m-fc1-hover: var(--lm1-fc1-hover);
  --m-bg1b-active: var(--lm1-bg1b-active);
  --m-fc1-active: var(--lm1-fc1-active);
  --selection-bg: var(--alt-selection-bg);
  --selection-fc: var(--alt-selection-fc);
} /**}%**/

/* backgrounds */
[class*="bg0"] {
  background-color: transparent;
}
[class*="bg0-1"] {
  background-color: currentColor;
}
[class*="bg1"] {
  background-color: var(--bg1);
  background-image: var(--bg1i);
  border-color: var(--bg1b);
  box-shadow: var(--bg1s);
}
[class*="bg2"] {
  background-color: var(--bg2);
  background-image: var(--bg2i);
  border-color: var(--bg2b);
  box-shadow: var(--bg2s);
}
/* font colors */
[class*="fc0"] {
  color: transparent;
}
[class*="fc0-1"] {
  color: currentColor;
}
[class*="fc0-2"] {
  color: inherit;
}
[class*="fc1"] {
  color: var(--fc1);
}
[class*="fc2"] {
  color: var(--fc2);
}
[class*="fc3"] {
  color: var(--fc3);
}
/* border colors */
[class*="bc0"] {
  border-color: transparent;
}
[class*="bc0-1"] {
  border-color: currentColor;
}
[class*="bc0-2"] {
  border-color: inherit;
}
[class*="bc1"] {
  border-color: var(--bc1);
}
[class*="bc2"] {
  border-color: var(--bc2);
}
/* text stroke colors */
[class*="sc0"] {
  -webkit-text-stroke-color: transparent;
}
[class*="sc0-1"] {
  -webkit-text-stroke-color: currentColor;
}
[class*="sc0-2"] {
  -webkit-text-stroke-color: inherit;
}
[class*="sc1"] {
  -webkit-text-stroke-color: var(--sc1);
}

/* UTILITY STYLES */

/* defaults */
* {
  --text-stroke-width: 0;
  -webkit-text-stroke-width: var(--text-stroke-width);
  --border-radius: 0;
  border-radius: var(--border-radius);
  --border-width: 0;
  border-width: var(--border-width);
  border-style: solid;
}

/* variables */
html {
  /* small section padding */
  --vt1: var(--size2);
  --vb1: var(--size2);
  /* medium section padding */
  --vt2: var(--size5);
  --vb2: var(--size5);
  /* large section padding */
  --vt3: var(--size9);
  --vb3: var(--size9);
  /* page padding */
  --pp0: 1.5rem;
  --pp1: 2rem;
  --pp2: 3rem;
  /* max width */
  --mw1: 90rem;
  --mw2: 70rem;
  --mw3: 50rem;
  --mw4: 80%;
  /* stroke width */
  --sw1: var(--bw1);
  --sw2: var(--bw2);
  /* border radius */
  --br1: 0.25rem;
  --br2: 0.5rem;
  --br3: 0.75rem;
  --br4: 1rem;
  --br5: 100rem;
  /* border width */
  --bw1: 1px;
  --bw1-5: 1.5px;
  --bw2: 2px;
  /* default grid gap */
  --default-grid-gap: 1rem;
  --default-row-gap: var(--default-grid-gap);
  --default-column-gap: var(--default-grid-gap);
  /* spacing scale */
  --spacing-scale: 1;
}
/* tablet */
@media screen and (min-width: 1920px) {
  html {
    /* page padding */
    --pp1: 4rem;
    /* spacing scale */
    --spacing-scale: 2;
  }
}
/* tablet */
@media screen and (max-width: 991px) {
  html {
    /* page padding */
    --pp1: 1.5rem;
    /* spacing scale */
    --spacing-scale: 0.75;
  }
}
/* landscape */
@media screen and (max-width: 767px) {
  html {
    /* page padding */
    --pp1: 1.25rem;
    /* spacing scale */
    --spacing-scale: 1;
  }
}
/* portrait */
@media screen and (max-width: 479px) {
  html {
    /* page padding */
    --pp1: 1rem;
  }
}

/* section styles */
main section,
header,
footer {
  position: relative;
  padding-top: var(--vt2);
  padding-bottom: var(--vb2);
}
/* small */
[class*="vt1"],
[vertical-top="1"] {
  padding-top: var(--vt1);
}
[class*="vb1"],
[vertical-bottom="1"] {
  padding-bottom: var(--vb1);
}
/* medium */
[class*="vt2"],
[vertical-top="2"] {
  padding-top: var(--vt2);
}
[class*="vb2"],
[vertical-bottom="2"] {
  padding-bottom: var(--vb2);
}
/* large */
[class*="vt3"],
[vertical-top="3"] {
  padding-top: var(--vt3);
}
[class*="vb3"],
[vertical-bottom="3"] {
  padding-bottom: var(--vb3);
}
/* none */
[class*="vt0"],
[vertical-top="0"] {
  padding-top: 0;
}
[class*="vb0"],
[vertical-bottom="0"] {
  padding-bottom: 0;
}

/* container styles */
.w-container {
  position: relative;
  padding-left: var(--pp1);
  padding-right: var(--pp1);
  width: 100%;
  max-width: none;
  container-type: inline-size;
}
.w-container.blueprint {
  position: relative;
  padding-left: 0rem;
  padding-right: 0rem;
  width: 100%;
  max-width: none;
  container-type: inline-size;
}
@media screen and (max-width: 768px) {
  .insights {
    width: 100vw;
    padding-right: var(--pp1);
    padding-left: var(--pp1);
    translate: -1.5rem;
    overflow-x: visible;
  }
  .insights::-webkit-scrollbar {
    display: none; /* Hides the scrollbar */
  }

  .insights {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    overflow: scroll; /* Adding scroll behavior */
  }
}
/* page padding */
[class*="pp1"] {
  padding-left: var(--pp1);
  padding-right: var(--pp1);
}
[class*="pp0"] {
  padding-left: 0;
  padding-right: 0;
}
/* max width */
[class*="mw1"] {
  max-width: var(--mw1);
}
[class*="mw2"] {
  max-width: var(--mw2);
}
[class*="mw3"] {
  max-width: var(--mw3);
}
[class*="mw4"] {
  max-width: var(--mw4);
}
[class*="mw0"] {
  max-width: none;
}

/* stroke width */
[class*="sw1"] {
  --text-stroke-width: var(--sw1);
}
[class*="sw2"] {
  --text-stroke-width: var(--sw2);
}
[class*="sw0"] {
  --text-stroke-width: 0px;
}

/* border radius */
[class*="br1"] {
  --border-radius: var(--br1);
}
[class*="br2"] {
  --border-radius: var(--br2);
}
[class*="br3"] {
  --border-radius: var(--br3);
}
[class*="br4"] {
  --border-radius: var(--br4);
}
[class*="br5"] {
  --border-radius: var(--br5);
}
[class*="br0"] {
  --border-radius: 0rem;
}

/* border width */
[class*="bw1"] {
  border-width: var(--bw1);
  border-style: solid;
}
[class*="bw2"] {
  border-width: var(--bw2);
  border-style: solid;
}
[class*="bw0"] {
  border-width: 0;
}

/* border direction */
/**%{{border: top}**/
[class*="bw1t"],
[class*="bw2t"] {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
} /**}%**/

/**%{{border: bottom}**/
[class*="bw1b"],
[class*="bw2b"] {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
} /**}%**/

/**%{{border: left}**/
[class*="bw1l"],
[class*="bw2l"] {
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
} /**}%**/

/**%{{border: right}**/
[class*="bw1r"],
[class*="bw2r"] {
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
} /**}%**/

/**%{{border: vertical}**/
[class*="bw1v"],
[class*="bw2v"] {
  border-left-width: 0;
  border-right-width: 0;
} /**}%**/

/**%{{border: horizontal}**/
[class*="bw1h"],
[class*="bw2h"] {
  border-top-width: 0;
  border-bottom-width: 0;
} /**}%**/

/* pointer events */
[class*="pe0"] {
  pointer-events: none;
}
[class*="pe1"] {
  pointer-events: auto;
}
/**%{{pointer-events: children}**/
[class*="pe2"] {
  pointer-events: none;
}
[class*="pe2"] > * {
  pointer-events: auto;
}
/**}%**/

/* icon styles */
/**%#**/
[class*="ic1"] svg,
[class*="ic2"] svg {
  width: 100% !important;
  height: 100% !important;
}
/**#%**/
[class*="ic1"] * {
  fill: currentColor !important;
}
[class*="ic2"] * {
  stroke: currentColor !important;
}

/* cover */
[class*="cf1"] {
  width: 100%;
  height: 100%;
}
[class*="ca1"] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* CUSTOM STYLES */

/* remove scroll bounce */
body {
  overscroll-behavior: none;
}

/* prevent horizontal scroll */
.page_wrap {
  overflow: clip;
}

/* enable setting w-button border radius with utilities */
.w-button {
  border-radius: var(--border-radius);
}

/* hide container ::before & ::after */
.w-container::before,
.w-container::after {
  display: none;
}

/* empty div in designer view when utilities are added */
.wf-empty[class*="--"] {
  padding-bottom: 0;
  padding-right: 0;
}

/* flex: reverse direction */
[reverse-direction="true"] {
  flex-direction: row-reverse;
}

/* btn small */
[btn-main-small="true"] {
  padding: 0.6rem 1rem;
}
/* btn small */
[btn-radius="1"] {
  border-radius: 0.25rem;
}
[btn-radius="2"] {
  border-radius: 0.5rem;
}
[btn-radius="3"] {
  border-radius: 0.75rem;
}
[btn-radius="4"] {
  border-radius: 100vw;
}

/* btn hovers */
@media (pointer: fine) {
  a:hover [btn-main="icon"] {
    transform: translateX(0.2rem);
  }
  a:hover [btn-play="base"] {
    transform: scale(1.1);
  }
}

/* form styles */
/* field placeholder */
.w-input::placeholder,
.w-select::placeholder {
  color: var(--fc2);
}
/* field focus */
.w-input:focus,
.w-select:focus {
  border-color: var(--bc2);
}
/* checkbox and radio selected */
.w-checkbox-input.w--redirected-checked,
.w-radio-input.w--redirected-checked {
  background-color: rgba(var(--brand-1), 1);
  border-color: rgba(var(--brand-1), 1);
}
/* SET TRANSITION */
body.transition {
  transition: color 0.3s, background-color 0.3s !important;
  transition-timing-function: ease;
}

.transition * {
  transition: border-color 0.3s, background-color 0.3s !important;
  transition-timing-function: ease;
}

.toggle_fill {
  transition: transform 200ms, background-color 0.3s;
  transition-timing-function: ease;
}

/* SET STYLES */
.sm0-2 :is(body, .toggle_fill, .page-load_section) {
  background-color: white;
  color: black;
}
.sm0-2 :is(.button, .toggle) {
  background-color: rgba(var(--light-1), 0.15);
  color: rgba(var(--light-1), 1);
}
.sm0-2 .toggle_fill {
  transform: translateX(1.4em);
}
.sm0-2 *::selection {
  background: white;
  color: white;
}

/* Reset the position of .toggle_fill for light mode */
.sm0-1 .toggle_fill {
  transform: translateX(0);
}
:is(body.sm0-2) :is(.fs-toc_link) {
  color: rgba(var(--light-2), 0.5);
}
:is(body.sm0-2) :is(.fs-toc_link.w--current) {
  color: rgba(var(--light-2), 1);
}
.fs-toc_link.w--current::before {
  content: "";
  display: inline-block;
  width: 10px; /* Circle size */
  height: 10px; /* Circle size */
  background-color: rgba(var(--dark-2), 1); /* Circle color */
  border-radius: 50%; /* Makes it round */
  margin-right: 5px; /* Space between the circle and the text */
  vertical-align: middle; /* Aligns the circle vertically with the text */
}
:is(body.sm0-1) :is(.fs-toc_link) {
  color: rgba(var(--dark-2), 0.5) !important;
}
:is(body.sm0-1) :is(.fs-toc_link.w--current) {
  color: rgba(var(--dark-2), 1) !important;
}
:is(body.sm0-2) :is(.fs-toc_link-wrapper.is-h2) {
}

.sep {
  content: "";
  display: block;
  top: 0;
  left: 0;
  height: 1px; /* Height of the border */
  width: 0; /* Start with 0 width */
  transition: width 1s ease-in-out; /* Optional: Smooth transition for width */
}