/* ------------------------- BASE RESETS ----------------------------------------------------- */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
}

img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}


/* ------------------------- BASE CONFIGURATIONS ------------------------------------------- */

/* Fonts */

@font-face {
  font-family: Haffer XH;
  src: url("../fonts/HafferXHRegular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Haffer Mono;
  src: url("../fonts/HafferMonoMedium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Haffer Mono;
  src: url("../fonts/HafferMonoRegular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Brisa Pro;
  src: url("../fonts/BrisaPro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Haffer VF;
  src: url("../fonts/HafferStandardUprights-VF.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

/* Root */

:root {
  /* Colors — Pure dark + blue/orange accents */
  --color-neutral-200: #f5f5f5;
  --color-neutral-300: #e5e5e5;
  --color-neutral-400: #d4d4d4;
  --color-neutral-475: #a3a3a3;
  --color-neutral-500: #737373;
  --color-neutral-525: #404040;
  --color-neutral-550: #2e2e2e;
  --color-neutral-600: #262626;
  --color-neutral-700: #1a1a1a;
  --color-neutral-800: #141414;
  --color-neutral-900: #0a0a0a;
  --color-neutral-950: #000000;
  --color-dark: var(--color-neutral-800);
  --color-light: var(--color-neutral-200);
  --color-electric: #ff8d00;
  --color-cobalt: #3a57fc;

  /* RGB Colors, for transparent RGBA */
  --color-rgb-light: 245, 245, 245;
  --color-rgb-gray: 115, 115, 115;
  --color-rgb-tint: 26, 26, 26;

  /* Padding */
  --container-padding: 1.875em;
  --padding-xl: 12.5em;
  --padding-l: 10em;
  --padding-m: 7.5em;
  --padding-s: 5em;

  /* Gap */
  --gap-xxl: 2.5em;
  --gap-xl: 2em;
  --gap-l: 1.875em;
  --gap-m: 1.5em;
  --gap-s: 1em;
  --gap-sm: 1.25em;
  --gap-xs: 0.75em;
  --gap-xxs: 0.5em;

  /* Weights & Heights */
  --stroke-weight: 1px;
  --btn-height: 2.5em;
  --input-height: 3em;
  --nav-bar-height: 4.625em;
  --nav-bar-max-width-small: 38em;

  /* Animations */
  --cubic-default: cubic-bezier(0.625, 0.05, 0, 1);
  --duration-default-onehalf: 0.9s; /* One & Half of default */
  --duration-default: 0.6s;
  --duration-default-half: 0.3s; /* Half of default */
  --animation-default-onehalf: var(--duration-default-onehalf) var(--cubic-default);
  --animation-default: var(--duration-default) var(--cubic-default);
  --animation-default-half: var(--duration-default-half) var(--cubic-default);
  --animation-ease: 0.2s ease;
  --animation-ease-double: 0.4s ease;
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
  :root {
    --btn-height: 3em;

    --padding-xl: 10em;
    --padding-l: 7.5em;
    --padding-m: 5em;
    --padding-s: 3.75em;

    --container-padding: 1em;
  }
}

/* ------------------------- Container -------------------------  */

/* Desktop */
@media screen and (min-width: 992px) {
  .container {
    max-width: var(--size-container);
    padding: 0 var(--container-padding);
  }
  
  .container.is--m {
    max-width: calc(var(--size-container) * 0.825);
  }
  
  .container.is--sm {
    max-width: calc(var(--size-container) * 0.65);
  }
  
  .container.is--s {
    max-width: calc(var(--size-container) * 0.5);
  }
}
  
/* Tablet & Mobile */
@media screen and (max-width: 991px) {
  .container {
    max-width: 100%;
    padding: 0 var(--container-padding);
  }
  
  .container.is--md-m {
    padding: 0 var(--gap-m);
  }
}

/* ------------------------- Scaling System by TrendVol [https://trendvol.com/] -------------------------  */

/* Desktop */
:root {
  --size-unit: 16; /* body font-size in design - no px */
  --size-container-ideal: 1440;
  --size-container-min: 992px;
  --size-container-max: 1920px;
  --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));
  --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
}

/* Tablet */
@media screen and (max-width: 991px) {
  :root {
    --size-container-ideal: 850; 
    --size-container-min: 768px;
    --size-container-max: 991px;
  }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
  :root {
    --size-container-ideal: 390; 
    --size-container-min: 480px;
    --size-container-max: 767px;
  }
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
  :root {
    --size-container-ideal: 390;
    --size-container-min: 320px;
    --size-container-max: 479px;
  }

}


/* Elements Styles */

html,
body {
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-800);
  font-variation-settings: "wght" 440;
  letter-spacing: -0.01em;
  font-family: Haffer VF, Arial, sans-serif;
  font-size: max(14px, var(--size-font));
  font-weight: 400;
  line-height: 1.5;
  scrollbar-width: none;
  overscroll-behavior-y: contain;
}

h1 {
  letter-spacing: -0.06em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haffer XH, Arial, sans-serif;
  font-size: 7em;
  font-weight: 400;
  line-height: 1;
}

h2 {
  letter-spacing: -0.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haffer XH, Arial, sans-serif;
  font-size: 5em;
  font-weight: 400;
  line-height: 1;
}

h3 {
  letter-spacing: -0.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haffer XH, Arial, sans-serif;
  font-size: 3.875em;
  font-weight: 400;
  line-height: 1;
}

h4 {
  letter-spacing: -0.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haffer XH, Arial, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.05;
}

h5 {
  letter-spacing: -0.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haffer XH, Arial, sans-serif;
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.08;
}

h6 {
  letter-spacing: -0.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haffer XH, Arial, sans-serif;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.08;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

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

img {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: inline-block;
}

strong {
  font-weight: bold;
}

textarea{
  resize: none;
}

button{
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
}

/* Selectors */

body::-webkit-scrollbar,
html::-webkit-scrollbar{
  display: none;
}

::selection {
  background-color: rgba(var(--color-rgb-gray), 0.2);
  text-shadow: none;
}




/* ------------------------- GLOBAL STYLES -------------------------------------------------- */

.main {
  overflow: clip;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container.is--stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-m) 0;
}

.global {
  z-index: 100;
}

.svg {
  width: 100%;
  height: 100%;
  display: flex;
}

.underline-link {
  position: relative;
}

[data-underline-link] {
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

[data-underline-link]::before,
[data-underline-link="alt"]::before,
[data-underline-link="alt"]::after {
  content: "";
  position: absolute;
  bottom: -0.0625em;
  left: 0;
  width: 100%;
  height: 0.0625em;
  background-color: currentColor;
  transition: transform var(--duration-default) var(--cubic-default);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

[data-underline-link].nav-bar__big-span::before {
  bottom: -0.175em;
  height: calc(0.0625 / 3);
}

[data-underline-link="alt"]::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}

[data-underline-link="alt"]::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

@media (hover: hover) and (pointer: fine) {
  [data-hover]:hover [data-underline-link]::before,
  [data-underline-link]:hover::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }

  [data-hover]:hover [data-underline-link="alt"]::before,
  [data-underline-link="alt"]:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }

  [data-hover]:hover [data-underline-link="alt"]::after,
  [data-underline-link="alt"]:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}

:where([data-theme-section="dark"]) {
    background-color: var(--color-dark);
    color: var(--color-light);
}

.text-mask-line-mask {
  margin: -0.2em -0.1em;
  padding: 0.1em 0.1em;
  text-align: inherit;
}

.transition {
  z-index: 50;
  background-color: var(--color-neutral-200);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

[data-transition-theme="dark"] {
  background-color: var(--color-dark);
}

[data-transition-theme="light"] {
  background-color: var(--color-neutral-200);
}

.padding-hero {
  height: var(--nav-bar-height);
}


[data-wf--padding-hero--variant="nav-medium"] {
  height: calc(var(--nav-bar-height) + max(5em, 15svh));
}

[data-wf--padding-hero--variant="nav-large"] {
  height: calc(var(--nav-bar-height) + max(6.666em, 20svh));
}


.before__100 {
  padding-top: 100%;
}



.contain-image {
  object-fit: contain;
}


.lenis {
  scrollbar-width: none;
}

[data-disabled] {
  cursor: not-allowed;
}

[data-hover] {
  cursor: pointer;
}


@media screen and (max-width: 767px) {
  .container.is--m-full {
    padding-left: 0;
    padding-right: 0;
  }
}

/* U Styles */

.u--rel {
  z-index: 1;
  position: relative;
}

.u--color-electric {
  color: var(--color-electric);
}

.u--fw-460 {
  font-variation-settings: "wght" 460;
}

.u--opacity-40 {
  opacity: 0.4;
}

.u--color-cobalt {
  color: var(--color-cobalt);
}

.u--text-balance {
  text-wrap: balance;
}

/* Line */

.line {
  z-index: 3;
  height: var(--stroke-weight);
  background-color: var(--color-neutral-400);
  width: 100%;
  position: relative;
}

.line.is--nav-transparent {
  background-color: var(--color-neutral-200);
  opacity: 0.08;
}

/* Padding */

.p-l {
  font-variation-settings: "wght" 430;
  letter-spacing: -0.015em;
  font-family: Haffer VF, Arial, sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.p-l.u--fw-medium {
  font-variation-settings: "wght" 520;
}

.p-m {
  font-variation-settings: "wght" 440;
  letter-spacing: -0.01em;
  font-family: Haffer VF, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.55;
}

.p-m.u--fw-460 {
  font-variation-settings: "wght" 480;
}

@media screen and (max-width: 767px) {
  .p-l {
    font-size: 1.125em;
  }
}





/* ------------------------- TEXT STYLES -------------------------------------------------- */

/* Headings */

.h-xl {
  letter-spacing: -0.04em;
  font-family: Haffer XH, Arial, sans-serif;
  font-size: 5em;
  font-weight: 400;
  line-height: 1;
}

.h-l {
  letter-spacing: -0.035em;
  font-family: Haffer XH, Arial, sans-serif;
  font-size: 3.75em;
  font-weight: 400;
  line-height: 1.05;
}


.h-ml {
  letter-spacing: -0.03em;
  font-family: Haffer VF, Arial, sans-serif;
  font-variation-settings: "wght" 560;
  font-size: 2.75em;
  font-weight: 400;
  line-height: 1.1;
}

.h-m {
  letter-spacing: -0.025em;
  font-family: Haffer VF, Arial, sans-serif;
  font-variation-settings: "wght" 540;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.15;
}


.h-s {
  letter-spacing: -0.02em;
  font-family: Haffer VF, Arial, sans-serif;
  font-variation-settings: "wght" 520;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
}

.h-xs {
  letter-spacing: -0.015em;
  font-family: Haffer VF, Arial, sans-serif;
  font-variation-settings: "wght" 500;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.25;
}

.h-xxl {
  letter-spacing: -0.04em;
  font-family: Haffer XH, Arial, sans-serif;
  font-size: 6em;
  font-weight: 400;
  line-height: 0.95;
}

/* Rich Text */

.rich-text p {
  margin-bottom: var(--gap-s);
  font-size: 1em;
  line-height: 1.3;
}

.rich-text a {
  color: var(--color-cobalt);
  text-decoration: underline;
}

.rich-text ol {
  margin-top: var(--gap-xxs);
  padding-left: var(--gap-sm);
  margin-bottom: 0;
}

.rich-text ul {
  margin-top: var(--gap-xxs);
  padding-left: var(--gap-sm);
  list-style: disc;
}

.rich-text li {
  margin-bottom: var(--gap-xs);
  font-variation-settings: "wght" 430;
  font-size: 1em;
  line-height: 1.2;
}

.rich-text strong {
  font-variation-settings: "wght" 680;
}

.rich-text h1 {
  margin-top: var(--gap-xxl);
  margin-bottom: var(--gap-m);
  letter-spacing: -0.03em;
  font-size: 2.5em;
  line-height: 1.1;
}

.rich-text h2 {
  margin-top: var(--gap-xl);
  margin-bottom: var(--gap-s);
  padding-top: var(--gap-xl);
  border-top: 1px solid var(--color-neutral-400);
  letter-spacing: -0.025em;
  font-size: 2em;
  line-height: 1.15;
}

.rich-text h3 {
  margin-top: var(--gap-l);
  margin-bottom: var(--gap-xs);
  letter-spacing: -0.02em;
  font-size: 1.5em;
  line-height: 1.2;
}

.rich-text h4 {
  margin-top: var(--gap-m);
  margin-bottom: var(--gap-xs);
  letter-spacing: -0.015em;
  font-size: 1.25em;
  line-height: 1.25;
}

.rich-text h5 {
  margin-top: var(--gap-s);
  margin-bottom: var(--gap-xxs);
  letter-spacing: -0.01em;
  font-size: 1.125em;
  line-height: 1.3;
}

.rich-text h6 {
  margin-top: var(--gap-s);
  margin-bottom: var(--gap-xxs);
  font-size: 1em;
  line-height: 1.35;
}

[data-theme-section="dark"] .rich-text h2 {
  border-top-color: var(--color-neutral-600);
}

[data-theme-section="dark"] .rich-text a {
  color: var(--color-electric);
}

/* Eyebrow */

.eyebrow {
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Haffer Mono, Arial, sans-serif;
  font-size: 0.6875em;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.eyebrow.tag-label {
  z-index: 1;
  position: relative;
}

.eyebrow.is--nav-marquee {
  margin-top: 0.0625em;
}

.eyebrow.is--relative {
  position: relative;
}

/* Scribble */

.scribble {
  letter-spacing: 0;
  flex: none;
  font-family: Brisa Pro, Arial, sans-serif;
  font-size: 1.5625em;
  font-weight: 400;
  line-height: 0.8;
}

@media (max-width: 374px) {
  .scribble {
    font-size: 1.25em;
  }

  .scribble-arrow {
    width: 1.5em;
  }
}

.scribble-arrow {
  flex: none;
  width: 2em;
}




.scribble-arrow.is--final-cta {
  position: absolute;
  transform: translate(3em, -1.4em) rotate(-90deg);
}

.scribble-arrow.is--default-hero {
  margin-bottom: var(--gap-xxs);
}

/* Breakpoints */

@media screen and (max-width: 991px) {
  .h-xl {
    font-size: 4.25em;
  }

  .h-xxl {
    font-size: 5em;
  }

  .scribble-arrow.is--final-cta {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .h-xl {
    font-size: 3em;
  }

  .h-l {
    font-size: 2.5em;
  }


  .h-ml {
    font-size: 2.25em;
  }

  .h-ml.is--long {
    font-size: 2em;
  }

  .h-m.is--long {
    font-size: 1.5em;
  }

  .h-s {
    font-size: 1.25em;
  }

  .h-xxl {
    font-size: 3.25em;
  }

  .rich-text h1 {
    font-size: 1.875em;
    line-height: 1.15;
  }

  .rich-text h2 {
    font-size: 1.5em;
    line-height: 1.2;
  }

  .rich-text h3 {
    font-size: 1.25em;
    line-height: 1.25;
  }

  .rich-text h4 {
    font-size: 1.125em;
  }
}





/* ------------------------- BUTTON & TAGS -------------------------------------------------- */

.button {
  height: var(--btn-height);
  grid-column-gap: 0.625em;
  grid-row-gap: 0.625em;
  color: var(--color-neutral-800);
  white-space: nowrap;
  border-radius: 0.125em;
  justify-content: center;
  align-items: center;
  padding: 0 1.125em 0.0625em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button.tag {
  height: calc(var(--btn-height) / 2);
  padding: 0.1875em 0.375em;
}

@media (hover: none) and (pointer: coarse) {
  button.button.tag,
  a.button.tag {
    isolation: isolate;
  }

  button.button.tag::before,
  a.button.tag::before {
    content: "";
    position: absolute;
    inset: -0.625em;
    z-index: -1;
  }
}

.button,
button.tag {
  --r: 20deg;
}

.button[data-shape="round"],
.square-button[data-shape="round"] {
  border-radius: 3em;
}

.button[data-size="full"] {
  width: 100%;
}

div.button {
  pointer-events: none;
}


.button-bg,
.button,
.tag-bg,
button.tag {
  transition: all var(--animation-ease);
}

.tag[data-shape="round"] {
  border-radius: 100em;
}

div.tag .button-label__wrap {
  display: none;
}

button.tag .button-label__wrap {
  display: grid;
}

button.tag .tag-label {
  display: none;
}

.button.is--close-btn {
  z-index: 1;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  color: var(--color-neutral-200);
  padding: 0;
  border: none !important;
  outline: none !important;
}

.button-icon__slot {
  height: 1em;
}

.button-bg {
  z-index: 0;
  background-color: var(--color-electric);
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.button-bg.is--close-bg {
  background-color: var(--color-neutral-550);
}

.button-label__wrap {
  z-index: 1;
  place-items: center;
  display: grid;
  position: relative;
}

.button-label {
  font-variation-settings: "wght" 500;
  letter-spacing: -0.02em;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.125em;
  line-height: 1;
  display: flex;
  position: relative;
  transform-origin: 50% var(--y, 1100%);
}

.button-label.eyebrow {
  letter-spacing: 0;
  font-size: 0.6875em;
}

.button-icon {
  transform-origin: 50% var(--y, 1100%);
}


.button-label:not(:nth-of-type(1)),
.square-button .button-icon:not(:nth-of-type(1)) {
  position: absolute;
}

.button-label:nth-of-type(1),
.square-button .button-icon:nth-of-type(1) {
  transform: rotate(calc(var(--r) * 0));
}

.button-label:nth-of-type(2),
.square-button .button-icon:nth-of-type(2) {
  transform: rotate(calc(var(--r) * -1));
}

.button-label:nth-of-type(3),
.square-button .button-icon:nth-of-type(3) {
  transform: rotate(calc(var(--r) * -2));
}

.button__wrap {
  display: flex;
}

.button-row {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.button-row.align--end {
  justify-content: flex-end;
  align-items: center;
}

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

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

.button-icon {
  width: 100%;
  height: 100%;
}

.button-icon__end {
  width: 0.3125em;
  height: 0.3125em;
  margin-left: 0.625em;
  display: inline-block;
}

/* Square Button */

.square-button {
  width: var(--btn-height);
  height: var(--btn-height);
  color: var(--color-neutral-800);
  border-radius: 0.125em;
  padding: 0.625em;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  --r: 10deg;
}



@media screen and (max-width: 991px) {
  .button[data-responsive="tablet"] {
    width: 100%;
  }

  .button-row.mobile--small {
    font-size: 0.6em;
  }

  .button-icon__slot {
    height: 0.875em;
  }
}

@media screen and (max-width: 767px) {
  .button[data-responsive="landscape"] {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .button[data-responsive="mobile"] {
    width: 100%;
  }

  .button:has(.button-icon__slot) {
    gap: 0.45em;
  }

  .button:has(.button-icon__slot) .button-icon__slot {
    width: 1em;
  }
}

/* Tag */

.tag {
  color: var(--color-neutral-800);
  border-radius: 0.125em;
  justify-content: center;
  align-items: center;
  padding: 0.25em 0.375em 0.1875em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tag.is--check {
  align-items: center;
  padding-top: 0.25em;
  display: flex;
}

.tag-bg {
  background-color: var(--color-electric);
  position: absolute;
  inset: 0%;
}

.tag-row {
  grid-column-gap: 0.625em;
  grid-row-gap: 0.625em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 479px) {
  .tag-row .tag-row__line {
    display: none;
  }

  .tag-row {
    justify-content: center;
    gap: 0.375em;
  }

  .tag-row .button-row {
    justify-content: center;
  }
}

.tag-row__line {
  height: var(--stroke-weight);
  opacity: 0.1;
  background-color: currentColor;
  flex: 1;
}

.tag__check-svg {
  color: currentColor;
  width: 0.5625em;
  margin-right: 0.3125em;
  display: block;
  position: relative;
}

.tag-icon {
  justify-content: center;
  align-items: center;
  width: 0.625em;
  height: 0.625em;
  margin-right: 0.25em;
}

@media screen and (max-width: 479px) {
  .tag {
    flex: none;
  }
}

/* Button + Tag Themes */

[data-wf--button-theme--variant="cobalt"] {
  background-color: var(--color-cobalt);
}

[data-wf--button-theme--variant="neutral-200"] {
  background-color: var(--color-neutral-200);
}

[data-wf--button-theme--variant="neutral-300"] {
  background-color: var(--color-neutral-300);
}


[data-wf--button-theme--variant="neutral-600"] {
  background-color: var(--color-neutral-600);
}

[data-wf--button-theme--variant="neutral-800"] {
  background-color: var(--color-neutral-800);
}

[data-wf--button-theme--variant="dark-10"] {
  background-color: color-mix(in srgb, var(--color-neutral-800) 10%, transparent);
}

[data-wf--button-theme--variant="light-10"] {
  background-color: color-mix(in srgb, var(--color-neutral-200) 10%, transparent);
}


[data-theme]:has([data-wf--button-theme--variant="cobalt"]),
[data-theme]:has([data-wf--button-theme--variant="neutral-600"]),
[data-theme]:has([data-wf--button-theme--variant="neutral-800"]),
[data-theme]:has([data-wf--button-theme--variant="light-10"]) {
  color: var(--color-neutral-200);
}

[data-theme]:has([data-wf--button-theme--variant="electric"]),
[data-theme]:has([data-wf--button-theme--variant="neutral-200"]),
[data-theme]:has([data-wf--button-theme--variant="neutral-300"]),
[data-theme]:has([data-wf--button-theme--variant="dark-10"]) {
  color: var(--color-neutral-800);
}





/* ------------------------- NAVIGATION BAR -------------------------------------------------- */

.nav {
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  inset: 0%;
}


.nav__bg {
  pointer-events: auto;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(10, 10, 10, 0.55);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity var(--animation-default), visibility var(--animation-default), backdrop-filter var(--animation-default);
}

[data-nav-status="active"] .nav__bg {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {
  [data-nav-status="active"] .nav__bg {
    background-color: rgba(10, 10, 10, 0.7);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
}

.nav-bar {
  max-width: var(--nav-bar-max-width-small);
  pointer-events: auto;
  color: var(--color-neutral-200);
  border-radius: 0.25em;
  width: 100%;
  position: relative;
  transition: max-width var(--animation-default-onehalf) 0.2s;
}

[data-nav-status="active"] .nav-bar {
  transition: max-width var(--animation-default) 0s;
  max-width: 100%;
}

.nav-bar__wrap {
  height: var(--nav-bar-height);
  justify-content: center;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: env(safe-area-inset-top, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}

.nav-bar__top {
  justify-content: center;
  align-items: center;
  height: 3.375em;
  padding: 0.4375em;
  display: flex;
  position: relative;
}

.nav-bar__top .button {
  height: 100%;
}

.nav-bar__width {
  grid-column-gap: 0.375em;
  grid-row-gap: 0.375em;
  max-width: var(--size-container);
  flex-flow: column;
  flex: none;
  align-items: center;
  width: 100%;
  padding: 1.25em;
  display: flex;
}

.nav-bar__logo {
  justify-content: center;
  align-items: center;
  height: 2.5em;
  display: flex;
  position: absolute;
}

.nav-logo__wordmark-svg {
  flex: none;
  width: 5.5em;
  display: block;
  transition: transform var(--animation-default), opacity var(--animation-default-half) 0.15s;
  transform: translateY(0em) rotate(0.001deg);
  opacity: 1;
}

[data-scrolling-started="true"] .nav-logo__wordmark-svg {
  transform: translateY(0.75em) rotate(0.001deg);
  opacity: 0;
}

.nav-logo__icon-svg {
  opacity: 0;
  width: 1.375em;
  display: block;
  position: absolute;
  transition: transform var(--animation-default), opacity var(--animation-default-half) 0.15s;
  transform: translateY(-0.75em) rotate(0.001deg);
  opacity: 0;
}

[data-scrolling-started="true"] .nav-logo__icon-svg {
  transform: translateY(0em) rotate(0.001deg);
  opacity: 1;
}

.nav-bar__buttons {
  height: 2.5em;
  display: flex;
}

.nav-bar__outline {
  background-color: var(--color-neutral-200);
  opacity: 0.1;
  pointer-events: none;
  inset: calc(var(--stroke-weight) * -1);
  border-radius: 0.4375em;
  position: absolute;
  transition: opacity var(--animation-ease);
}

[data-nav-theme][data-nav-status="active"] .nav-bar__outline {
  transition: opacity var(--animation-ease);
}

[data-nav-theme="dark"] .nav-bar__outline {
  opacity: 0.32;
  background-color: var(--color-neutral-900);
}

.nav-bar__bg {
  background-color: var(--color-neutral-800);
  pointer-events: none;
  border-radius: 0.375em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color var(--animation-ease);
}

.nav-bar__bg,
[data-nav-theme][data-nav-status="active"] .nav-bar__bg,
[data-nav-theme="dark"] .nav-bar__bg {
  transition: background-color var(--animation-ease);
}

[data-nav-theme="dark"] .nav-bar__bg {
  background-color: var(--color-neutral-600);
}

.nav-logo {
  border-radius: 0.5em;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  display: flex;
}

.nav-bar__back {
  position: absolute;
  inset: 0;
}

.nav-bar__back,
[data-scrolling-started][data-nav-status="active"] .nav-bar__back {
  transition: all var(--animation-default);
  inset: 0em;
}

[data-scrolling-started="true"] .nav-bar__back {
  inset: 0.1875em;
}

@media screen and (max-width: 767px) {
  .nav-bar__back,
  [data-scrolling-started][data-nav-status] .nav-bar__back {
    inset: 0.5em;
  }

  [data-scrolling-started][data-nav-status="active"] .nav-bar__back {
    inset: -0.25em 0em;
  }
}

.nav-bar__bottom {
  grid-template-rows: 0fr;
  width: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
  transition: grid-template-rows var(--animation-default) 0s;
}

[data-nav-status="active"] .nav-bar__bottom {
  transition: grid-template-rows var(--animation-default-onehalf) 0.3s;
  grid-template-rows: 1fr;
}

@media screen and (max-width: 767px) {
  .nav-bar__bottom {
    transition: grid-template-rows var(--animation-default) 0s, transform var(--animation-default) 0s;
    transform: translateY(-0.625em) rotate(0.001deg);
  }

  [data-nav-status="active"] .nav-bar__bottom {
    transition: grid-template-rows var(--animation-default-onehalf) 0.3s, transform var(--animation-default) 0.3s;
    transform: translateY(0em) rotate(0.001deg);
  }
}

.nav-bar__bottom-overflow {
  flex-flow: column;
  align-items: center;
  height: 10000%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-bar__bottom-inner {
  width: calc(var(--size-container) - 2.5em);
  flex-flow: column;
  align-items: center;
  padding: 1.5em;
  display: flex;
  position: relative;
}

.nav-bar__line {
  height: var(--stroke-weight);
  background-color: var(--color-neutral-600);
  position: absolute;
  bottom: 0;
  left: 0.5em;
  right: 0.5em;
  transition: all var(--animation-default) 0s;
  opacity: 0;
}

[data-nav-status="active"] .nav-bar__line {
  transition: all var(--animation-default) 0.1s;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .nav-bar__line {
    inset: auto 1em 0em;
  }

  [data-nav-status="active"] .nav-bar__line {
    transition: all var(--animation-default) 0.2s;
    inset: auto 0em 0em;
  }
}

.nav-bar__bottom-row {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  width: 100%;
  display: flex;
  transition: transform var(--animation-default) 0s;
}

.nav-bar__bottom-row > *:nth-child(2) {
  transition: transform var(--animation-default) 0.075s;
  transform: translateY(2em) rotate(0.001deg);
}

.nav-bar__bottom-row > *:nth-child(3) {
  transition: transform var(--animation-default) 0.15s;
  transform: translateY(2em) rotate(0.001deg);
}

[data-nav-status="active"] .nav-bar__bottom-row > * {
  transition: transform var(--animation-default-onehalf) 0.3s;
  transform: translateY(0em) rotate(0.001deg);
}

[data-nav-status="active"] .nav-bar__bottom-row > *:nth-child(2) {
  transition: transform var(--animation-default-onehalf) 0.375s;
  transform: translateY(0em) rotate(0.001deg);
}

[data-nav-status="active"] .nav-bar__bottom-row > *:nth-child(3) {
  transition: transform var(--animation-default-onehalf) 0.45s;
  transform: translateY(0em) rotate(0.001deg);
}

.nav-bar__bottom-col {
  grid-column-gap: 1.375em;
  grid-row-gap: 1.375em;
  flex-flow: column;
  width: 100%;
  padding: 2.5em;
  display: flex;
}

.nav-bar__bottom-col.is--products {
  background-color: var(--color-neutral-700);
  border-radius: 1em;
}

.nav-bar__bottom-col.is--ad {
  padding: 0;
}

.nav-bar__tag-row {
  opacity: 0.8;
  display: flex;
}

.nav-bar__big-a {
  align-items: center;
  width: 100%;
  padding-top: 1.0625em;
  padding-bottom: 1.125em;
  display: flex;
}



.nav-bar__small-ul {
  margin-top: auto;
}




.nav-bar__socials {
  margin-top: auto;
  padding-top: 2em;
  display: flex;
}


.nav-bar__big-span {
  font-variation-settings: "wght" 430;
  font-size: 1.5em;
  line-height: 1;
}

.nav-bar__mobile-buttons {
  grid-column-gap: 0.625em;
  grid-row-gap: 0.625em;
  flex-flow: column;
  display: none;
}

/* Nav Banner */

.nav-banner__content {
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 2.5em;
  display: flex;
  position: absolute;
}

.nav-banner {
  background-color: var(--color-neutral-700);
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-banner[data-hover] {
  transition: background-color var(--animation-ease);
}

.nav-banner[data-hover]:hover {
  background-color: var(--color-neutral-600);
}

.nav-banner__before {
  padding-top: 110%;
}

.nav-banner__tags {
  justify-content: center;
  display: flex;
}

.nav-banner__title {
  text-align: center;
}

.nav-banner__btn {
  justify-content: center;
  padding-top: 1.5em;
  display: flex;
}

.nav-banner__center-content {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  padding-bottom: 2em;
  display: flex;
}

.nav-banner__bg {
  width: 100%;
  height: 100%;
  position: absolute;
}

.nav-banner__visual {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(35%);
  width: 80%;
  pointer-events: none;
}

.nav-banner__visual-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0;
}

/* Menu */

.nav-menu {
  grid-column-gap: 0.625em;
  grid-row-gap: 0.625em;
  cursor: pointer;
  border-radius: 0.125em;
  align-items: center;
  height: 100%;
  padding-left: 0.625em;
  padding-right: 1em;
  display: flex;
  transition: background-color var(--animation-default-half), grid-column-gap var(--animation-default);
  background-color: transparent;
}

.nav-menu:hover {
  background-color: rgba(var(--color-rgb-light), 0.06);
}

[data-nav-status="active"] .nav-menu {
  grid-column-gap: 0.1875em;
}

.nav-menu__label {
  font-variation-settings: "wght" 500;
  letter-spacing: -0.02em;
  margin-bottom: 0.0625em;
  font-size: 1.125em;
  line-height: 1;
}

.nav-menu__hamburger {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 1.375em;
  height: 0.4375em;
  display: flex;
  position: relative;
}

.nav-menu__hamburger > * {
  transition: transform var(--animation-default);
  transform: translateY(0.1875em) rotate(0.001deg) scaleX(1);
}

.nav-menu__hamburger > *:nth-child(2) {
  transform: translateY(-0.1875em) rotate(0.001deg) scaleX(1);
}

[data-nav-status="active"] .nav-menu__hamburger > *:nth-child(1) {
  transform: translateY(0em) rotate(-45deg) scaleX(0.75);
}

[data-nav-status="active"] .nav-menu__hamburger > *:nth-child(2) {
  transform: translateY(0em) rotate(45deg) scaleX(0.75);
}

.nav-menu__hamburger-bar {
  height: var(--stroke-weight);
  background-color: currentColor;
  width: 100%;
  position: absolute;
}

.nav-bar__menu {
  height: 2.5em;
  margin-right: auto;
}

/* Marquee & Under Nav */

.nav-marquee {
  background-color: var(--color-electric);
  pointer-events: auto;
  color: var(--color-neutral-800);
  border-radius: 0.1875em;
  flex: none;
  width: 100%;
  height: 1.25em;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}




.under-nav-bar__inner {
  max-width: var(--nav-bar-max-width-small);
  grid-column-gap: 0.375em;
  grid-row-gap: 0.375em;
  flex-flow: column;
  width: 100%;
  padding-top: 0.375em;
  display: flex;
  position: relative;
}

.under-nav-bar {
  z-index: 50;
  padding-top: var(--nav-bar-height);
  padding-right: var(--gap-l);
  padding-left: var(--gap-l);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  transition: all var(--animation-default);
  transform: translateY(0em) scale(1) rotate(0.001deg);
}

body:has([data-nav-status="active"]) .under-nav-bar,
body:has([data-scrolling-started="true"]) .under-nav-bar {
  transition: all var(--animation-default);
  transform: translateY(-2em) scale(0.975) rotate(0.001deg);
}


/* Product Info */

.nav-product-info {
  pointer-events: auto;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.nav-product-info__start,
.nav-product-info__end {
  display: flex;
}

/* Breakpoints */

@media screen and (max-width: 991px) {
  .nav-bar__bottom-col.is--ad {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .nav-bar__top {
    height: var(--nav-bar-height);
    padding: 1em;
  }

  .nav-bar__width {
    padding: 0;
  }

  .nav-bar__buttons {
    height: 2.5em;
  }

  .nav-menu__label {
    margin-bottom: 0;
  }

  .nav-bar__bottom-inner {
    max-height: calc(100dvh - var(--nav-bar-height));
    width: 100vw;
    padding: 1em 1em 1.25em;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .nav-bar__bottom-inner::-webkit-scrollbar {
    display: none;
  }

  .nav-bar__line {
    left: 0;
    right: 0;
  }

  .nav-bar__bottom-row {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
  }

  .nav-bar__bottom-col {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    padding: 1.25em 2.25em 2em;
  }

  .nav-bar__bottom-col.is--products {
    grid-column-gap: 0.5em;
    grid-row-gap: 0.5em;
    padding-top: 2em;
    padding-bottom: 1em;
  }

  .nav-bar__tag-row.is--membership {
    display: none;
  }

  .nav-bar__big-a {
    padding-top: 0.8125em;
    padding-bottom: 0.875em;
  }

  .nav-bar__small-ul {
    display: none;
  }

  .nav-bar__socials {
    padding-top: 0;
    display: none;
  }

  .nav-bar__big-span {
    font-size: 1.25em;
  }

  .nav-bar__mobile-buttons {
    width: calc(100% + 4em);
    margin-bottom: -2em;
    margin-left: -2em;
    padding-top: 0.5em;
    display: flex;
  }

  .under-nav-bar__inner {
    margin-top: -0.125em;
    padding-top: 0;
  }

  .under-nav-bar {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }

  .nav-product-info {
    justify-content: center;
  }

  .nav-product-info__start {
    display: none;
  }
}





/* ------------------------- FOOTER -------------------------------------------------- */

.footer {
  position: relative;
}

.footer-inner {
  padding-top: var(--gap-xxl);
  padding-bottom: calc(var(--gap-l) + env(safe-area-inset-bottom, 0px));
  gap: var(--gap-xxl);
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.footer-top__links {
  flex: 1;
  min-width: 0;
}

.footer-bottom__row {
  gap: var(--gap-sm);
  flex-flow: column;
  align-items: center;
  display: flex;
}

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

.footer-bottom__icon {
  width: 24px;
  height: auto;
  opacity: 0.25;
}

.footer-bottom__risk-disclosure {
  text-align: center;
  opacity: 0.4;
  max-width: 52em;
  margin: 0 auto;
  font-size: 0.6875em;
  line-height: 1.6;
}

.footer-bottom__details {
  justify-content: center;
  align-items: center;
  gap: var(--gap-sm);
  display: flex;
}

.footer-bottom__details-col.is--center {
  justify-content: center;
  align-items: center;
  display: flex;
}



.footer-top__row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--gap-xxl);
  align-items: start;
}

.footer-link__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-xxl);
  align-items: start;
}

.footer-link__col {
  width: 100%;
}

.footer-link__col-bottom {
  grid-template-rows: 1fr;
  display: grid;
  position: relative;
  overflow: hidden;
  transition: grid-template-rows var(--duration-default) var(--cubic-default);
}

[data-accordion-status="active"] .footer-link__col-bottom {
  grid-template-rows: 1fr;
}

.footer-link__col-bottom-wrap {
  flex-flow: column;
  height: 100000%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-link__col-icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 0.625em;
  height: 0.625em;
  display: none;
  transform: rotate(0);
  transition: transform var(--duration-default) var(--cubic-default);
}

[data-accordion-status="active"] .footer-link__col-icon {
  transform: rotate(315deg);
}
.footer-link__col-top {
  padding-bottom: var(--gap-xxl);
}

.footer-link__col-ul {
  grid-column-gap: 0.3125em;
  grid-row-gap: 0.3125em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 0.125em;
  list-style: none;
  display: flex;
}

.footer-link__col-li.is--soon {
  grid-column-gap: 0.3125em;
  grid-row-gap: 0.3125em;
  opacity: 0.35;
  cursor: not-allowed;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}


.footer-top__buttons {
  flex: none;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  gap: var(--gap-sm);
}

.footer-top__buttons-spacer {
  display: none;
}

.footer-top__button-row {
  gap: var(--gap-sm);
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}

.footer-top__button-col {
  width: auto;
}


.footer-link__col-li-tag {
  flex: none;
  padding-top: 0.125em;
  padding-left: 0.3125em;
  font-size: 0.8em;
}

.footer-bottom__legal {
  display: flex;
}

.footer-bottom__legal-list {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

@media screen and (max-width: 991px) {
  .footer-top__links {
    grid-column-gap: 4.5em;
    grid-row-gap: 4.5em;
    flex-flow: column;
  }

}

@media screen and (max-width: 767px) {
  .footer-inner {
    justify-content: flex-start;
    align-items: stretch;
    min-height: auto;
  }

  .footer-top__links {
    grid-column-gap: var(--gap-xxl);
    grid-row-gap: var(--gap-xxl);
  }

  .footer-bottom__row {
    grid-column-gap: var(--gap-sm);
    grid-row-gap: var(--gap-sm);
    justify-content: flex-start;
    align-items: center;
  }

  .footer-bottom__risk-disclosure {
    max-width: 100%;
  }

  .footer-bottom__details {
    grid-column-gap: var(--gap-sm);
    grid-row-gap: var(--gap-sm);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: contents;
  }


  .footer-top__row {
    display: flex;
    flex-flow: column;
    gap: var(--gap-m);
  }

  .footer-link__row {
    display: flex;
    flex-flow: column;
    gap: 0;
  }

  .footer-link__col {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--color-neutral-400);
    margin-left: calc(-1 * var(--gap-l));
    width: 100vw;
    max-width: none;
  }

  .footer-link__col.is--last {
    border-bottom: 1px solid var(--color-neutral-400);
  }

  .footer-link__col-bottom {
    grid-template-rows: 0fr;
  }

  .footer-link__col-bottom-content {
    padding-right: var(--gap-l);
    padding-bottom: var(--gap-l);
    padding-left: var(--gap-l);
  }

  .footer-link__col-icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-link__col-top {
    padding: var(--gap-m) var(--gap-l);
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .footer-link__col-ul {
    grid-column-gap: var(--gap-xxs);
    grid-row-gap: var(--gap-xxs);
  }

  .footer-top__buttons {
    order: -1;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .footer-top__button-row {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .footer-top__button-col {
    width: auto;
    max-width: none;
  }

  .footer-top__button-col .square-button {
    font-size: 0.75em;
  }

  .footer-bottom__legal-list {
    max-width: 20em;
  }
}







/* ------------------------- MARQUEE -------------------------------------------------- */

/* Animation */
@keyframes translateX {
  to {
    transform: translateX(-100%);
  }
}

[data-css-marquee-list] {
  animation: translateX 30s linear;
  animation-iteration-count: infinite;
  animation-duration: inherit;
}

body:has([data-scrolling-started="true"]) [data-css-marquee-list="nav"] {
  animation-play-state: paused;
}

.marquee-css {
  width: var(--nav-bar-max-width-small);
  flex: none;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-css__list {
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.marquee-css__item {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex: none;
  align-items: center;
  padding-right: 1.5em;
  display: flex;
  white-space: nowrap;
}

.marquee-css__item-svg {
  width: 0.4375em;
}





/* ------------------------- DEFAULT HERO -------------------------------------------------- */

.default-hero {
  padding-bottom: 3.75em;
  overflow: hidden;
}

.default-hero.is--legal {
  padding-bottom: var(--padding-m);
}

.default-hero__content {
  grid-column-gap: var(--gap-l);
  grid-row-gap: var(--gap-l);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}


[data-wf--default-hero--variant="gap-80"] .default-hero__content {
  gap: 5em;
}

[data-wf--default-hero-title--variant="xl"] h1 {
  font-size: 7em;
}

[data-wf--default-hero-title--variant="l"] h1 {
  font-size: 5em;
}

@media screen and (max-width: 767px) {
  [data-wf--default-hero-title--variant="xl"] h1 {
    font-size: 4em;
  }

  [data-wf--default-hero-title--variant="l"] h1 {
    font-size: 4em;
  }
}

@media screen and (max-width: 479px) {
  [data-wf--default-hero-title--variant="l"] h1 {
    font-size: 3.5em;
  }
}

.default-hero__title-row {
  justify-content: center;
  align-items: center;
  max-width: 60em;
  display: flex;
  position: relative;
}

.default-hero__subtitle-row {
  grid-column-gap: var(--gap-sm);
  grid-row-gap: var(--gap-sm);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  z-index: 1;
}

.default-hero__content > .button {
  position: relative;
  z-index: 1;
}

.default-hero__scribble {
  grid-column-gap: var(--gap-xxs);
  grid-row-gap: var(--gap-xxs);
  color: var(--color-electric);
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.default-hero__content > .button-row {
  margin-top: -2.5em;
}

.default-hero__scribble.is--below-cta {
  align-items: flex-end;
  margin-top: -3.5em;
  margin-right: -5em;
}

.scribble-arrow.is--flip-up {
  transform: scaleX(-1);
}

[data-wf--default-hero-scribble--variant="coral"] {
  color: var(--color-electric);
}


.default-hero__subtitle {
  position: relative;
}

.default-hero__title {
  z-index: 1;
  position: relative;
}

@media screen and (max-width: 767px) {
  .default-hero__subtitle {
    z-index: 1;
    text-wrap: balance;
    position: relative;
  }
}






/* ------------------------- INFO GRID -------------------------------------------------- */










.info-grid {
  padding-top: var(--padding-l);
  padding-bottom: 0;
  overflow: hidden;
}

.info-grid__phone-mockup {
  position: relative;
  margin-top: var(--padding-m);
  margin-left: auto;
  margin-right: auto;
  width: min(420px, 70%);
  margin-bottom: -55%;
}

@media (min-width: 769px) {
  .info-grid__phone-mockup {
    margin-bottom: -400px;
  }
}

.phone-mockup__device {
  width: 100%;
}

.phone-mockup__device img {
  width: 100%;
  height: auto;
  display: block;
}

.phone-mockup__notification {
  position: absolute;
  top: 28%;
  left: -10%;
  right: -10%;
  will-change: transform, opacity;
}

.phone-mockup__notification img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

.info-grid__intro {
  padding-bottom: var(--padding-m);
  text-align: center;
  width: 100%;
  max-width: 59em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.info-grid__title strong {
  font-weight: inherit;
  color: var(--color-electric);
}

[data-theme-section="light"] .info-grid__title strong {
  color: var(--color-cobalt);
}

[data-theme-section="light"] .info-grid__main-item {
  border-color: var(--color-neutral-300);
}

[data-theme-section="light"] .info-grid__intro-bg {
  background-color: var(--color-neutral-300);
}

.info-grid__main {
  grid-column-gap: var(--gap-sm);
  grid-row-gap: var(--padding-s);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.info-grid__main-item {
  padding-top: var(--gap-l);
  border-top-style: solid;
  border-top-width: var(--stroke-weight);
  border-top-color: var(--color-neutral-600);
  min-width: calc(50% - var(--gap-sm) / 2);
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.info-grid__item-nr {
  flex: none;
  width: 7.25em;
}

.info-grid__item-col {
  grid-column-gap: var(--gap-sm);
  grid-row-gap: var(--gap-sm);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 24.5em;
  display: flex;
}

.info-grid__intro-bg {
  z-index: -1;
  width: var(--stroke-weight);
  background-color: var(--color-neutral-600);
  height: 100vh;
  position: absolute;
  bottom: 0;
  left: 50%;
}

@media screen and (max-width: 991px) {


  .info-grid__item-nr {
    width: 3.5em;
  }
}

@media screen and (max-width: 767px) {







  .info-grid__main {
    grid-row-gap: var(--gap-xxl);
  }

  .info-grid__main-item {
    width: 100%;
    min-width: 100%;
  }

  .info-grid__item-nr {
    top: var(--gap-l);
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
    position: absolute;
    right: 0;
  }

  .info-grid__item-col {
    max-width: 30em;
  }
}








/* ------------------------- TESTIMONIALS -------------------------------------------------- */

/* Trusted By */

.trustedby-wrap {
  grid-column-gap: var(--gap-xl);
  grid-row-gap: var(--gap-xl);
  flex-flow: column;
  display: flex;
}

.trustedby-row {
  width: 100%;
}

.trustedby-marquee__item {
  margin-right: calc(2 * var(--gap-xxl));
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.trustedby-marquee__collection {
  will-change: transform;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.trustedby-marquee {
  display: flex;
  overflow: hidden;
  mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 1) 86%, rgba(255, 255, 255, 0) 100%);
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}

.trusted-by {
  padding-top: var(--gap-xl);
  padding-bottom: var(--padding-xl);
}

.trusted-by__container {
  width: 100%;
  max-width: 50em;
  margin-left: auto;
  margin-right: auto;
}

.trustedby-marquee__item-svg {
  width: auto;
  height: 2.5em;
  display: block;
}

@media screen and (max-width: 767px) {
  .trusted-by {
    padding-bottom: var(--padding-m);
  }

  .info-grid {
    padding-top: var(--padding-m);
  }
}



/* ------------------------- SVG IMAGE -------------------------------------------------- */

.svg-img {
  width: auto;
  height: auto;
  max-height: none;
  display: block;
}



.svg-img.is--hero-bg {
  aspect-ratio: 1;
  width: 100%;
}



[data-wf--hero-background-lines--variant="dark-mode"] .svg-img {
  opacity: 0.15;
}






/* ------------------------- FAQ -------------------------------------------------- */

.faq {
  padding-top: var(--padding-l);
  padding-bottom: var(--padding-l);
}

.faq.padding-m {
  padding-top: var(--padding-m);
  padding-bottom: var(--padding-m);
}

.faq__title {
  grid-column-gap: var(--gap-xxl);
  grid-row-gap: var(--gap-xxl);
  text-align: center;
  margin-bottom: calc(2 * var(--gap-xl));
  flex-flow: column;
  display: flex;
  position: relative;
}

.faq__wrap {
  position: relative;
}

.faq__collection {
  width: 100%;
}

.faq__list {
  border-bottom: 1px solid var(--color-neutral-400);
}

.faq__item-top {
  padding-top: var(--gap-sm);
  padding-bottom: var(--gap-sm);
  grid-column-gap: var(--gap-m);
  grid-row-gap: var(--gap-m);
  border-top: var(--stroke-weight) solid var(--color-neutral-400);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.faq__item-icon {
  aspect-ratio: 1;
  flex: none;
  width: 0.75em;
  transition: transform var(--duration-default) var(--cubic-default);
}

[data-accordion-status="active"] .faq__item-icon {
  transform: rotate(315deg);
}

.faq__item-bottom {
  grid-template-rows: 0fr;
  display: grid;
  position: relative;
  overflow: hidden;
  transition: grid-template-rows var(--duration-default) var(--cubic-default);
}

[data-accordion-status="active"] .faq__item-bottom {
  grid-template-rows: 1fr;
}

.faq__item-bottom-wrap {
  flex-flow: column;
  height: 100000%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq__item-bottom-content {
  padding-bottom: var(--gap-sm);
}

.faq__title-scribble {
  grid-row-gap: var(--gap-xxs);
  color: var(--color-electric);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
}

.faq__title-scribble-arrow {
  flex: none;
  width: 2em;
  margin-left: 2em;
}

[data-collection-status="not-active"] {
  display: none;
}

.faq[data-theme-section="dark"] .faq__title-scribble {
  color: var(--color-electric);
}

.faq[data-theme-section="dark"] .faq__item-top,
.faq[data-theme-section="dark"] .faq__list {
  border-color: var(--color-neutral-600);
}

[data-faq-toggle][data-toggle-status="active"] {
  border-radius: calc(var(--btn-height) / 2);
}

[data-theme-section="dark"] [data-faq-toggle][data-toggle-status="active"] {
  color: var(--color-neutral-800) !important;
}

[data-theme-section="dark"] [data-faq-toggle][data-toggle-status="active"] [data-wf--button-theme--variant] {
  background-color: var(--color-neutral-200);
}

[data-theme-section="dark"] [data-faq-toggle]:not([data-toggle-status="active"]) {
  color: var(--color-neutral-200) !important;
}

[data-theme-section="dark"] [data-faq-toggle]:not([data-toggle-status="active"]) [data-wf--button-theme--variant] {
  background-color: var(--color-neutral-600);
}

[data-theme-section="light"] [data-faq-toggle][data-toggle-status="active"] {
  color: var(--color-neutral-200) !important;
}

[data-theme-section="light"] [data-faq-toggle][data-toggle-status="active"] [data-wf--button-theme--variant] {
  background-color: var(--color-neutral-800);
}










/* ------------------------- JOIN SECTION -------------------------------------------------- */

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

.join-faces__image-row {
  margin-right: var(--gap-s);
  display: flex;
}

.join-faces__image-el {
  border: 1px solid var(--color-cobalt);
  border-radius: 10em;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  margin-right: -0.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.join-faces__collection,
.join-faces__list {
  display: flex;
}





.join-faces__image-el:nth-of-type(1) {
  z-index: 4;
}

.join-faces__image-el:nth-of-type(2) {
  z-index: 3;
}

.join-faces__image-el:nth-of-type(3) {
  z-index: 2;
}

.join-faces__image-el:nth-of-type(4) {
  z-index: 1;
}







/* -------------------------  COVER IMAGE -------------------------------------------------- */

.cover-image {
  pointer-events: none;
  object-fit: cover;
  user-select: none;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.cover-image.is--final-cta {
  object-position: left top;
}




/* -------------------------  PRICING -------------------------------------------------- */


.pricing-home__button-row {
  z-index: 2;
  padding-bottom: var(--gap-xxl);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-home__title-row {
  grid-column-gap: var(--gap-l);
  grid-row-gap: var(--gap-l);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3em;
  display: flex;
}

.pricing-home__title-p {
  width: 100%;
  max-width: 28em;
}

.pricing-home__title-el {
  grid-column-gap: var(--gap-xxs);
  grid-row-gap: var(--gap-xxs);
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  transition: transform 0.6s var(--cubic-default);
}

.pricing-home__title-sub {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 2.75em;
}

.pricing-home__title-sub .h-ml {
  white-space: nowrap;
}

/* Overview */





.pricing-home {
  padding-top: var(--padding-l);
  padding-bottom: var(--padding-l);
  background-color: var(--color-neutral-800);
  color: var(--color-neutral-200);
  position: relative;
}

/* Cards */

.pricing-cards {
  margin-bottom: var(--gap-l);
  position: relative;
}

.pricing-cards__wrap {
  grid-column-gap: var(--gap-sm);
  grid-row-gap: var(--gap-sm);
  justify-content: center;
  align-items: stretch;
  display: flex;
}

[data-wf--pricing-card-member--variant="dark"] {
  background-color: var(--color-neutral-800) !important;
  color: var(--color-neutral-200) !important;
}

[data-wf--pricing-card-member--variant="dark"] .pricing-benefit {
  border-color: color-mix(in srgb, var(--color-neutral-200) 20%, transparent);
}

.pricing-card {
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-800);
  border-radius: 1em;
  min-width: 35em;
  padding: 3.75em;
  position: relative;
}

.pricing-card.is--cobalt {
  background-color: var(--color-cobalt);
  color: var(--color-neutral-200);
}

.pricing-card__inner {
  grid-column-gap: var(--gap-xxl);
  grid-row-gap: var(--gap-xxl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-card__title-row {
  grid-column-gap: var(--gap-s);
  grid-row-gap: var(--gap-s);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-card__title {
  font-size: 3em;
}

.pricing-card__price {
  grid-column-gap: var(--gap-xxs);
  grid-row-gap: var(--gap-xxs);
  justify-content: flex-start;
  align-items: center;
  font-size: 1.125em;
  display: flex;
}

.pricing-card__price-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.pricing-card__divider {
  margin-bottom: var(--gap-sm);
  width: 100%;
  min-height: 1.125em;
}

.pricing-card__cta {
  grid-column-gap: var(--gap-l);
  grid-row-gap: var(--gap-l);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pricing-card__cta-p {
  max-width: 23em;
}

.pricing-card__cta-row {
  width: 100%;
}

.pricing-card__list-row {
  grid-column-gap: var(--gap-sm);
  grid-row-gap: var(--gap-sm);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-card__scribble {
  z-index: 1;
  text-align: center;
  top: calc(2 * var(--gap-l));
  right: calc(2 * var(--gap-l));
  position: absolute;
}

.pricing-card__price-h {
  letter-spacing: -0.02em;
  font-family: Haffer VF, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.08;
}

/* Benefits */

.pricing-benefit {
  padding-top: var(--gap-sm);
  padding-bottom: var(--gap-sm);
  grid-column-gap: var(--gap-xxs);
  grid-row-gap: var(--gap-xxs);
  border-bottom: var(--stroke-weight) solid var(--color-neutral-400);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-benefit.is--end {
  border-bottom-style: none;
  padding-bottom: 0;
  position: relative;
}

.pricing-benefit__tag.p-r {
  background-color: var(--color-cobalt);
  color: var(--color-neutral-200);
  border-radius: 0.125em;
  padding: 0.125em 0.3125em;
}

.pricing-card.is--cobalt .pricing-benefit__tag {
  background-color: var(--color-neutral-800);
}

.pricing-card.is--cobalt .pricing-benefit {
  border-color: color-mix(in srgb, var(--color-neutral-200) 20%, transparent);
}

.pricing-benefits__wrap {
  width: 100%;
}

.pricing-benefits__row {
  margin-bottom: 3.5em;
}

.pricing-benefit__end {
  grid-column-gap: var(--gap-xxs);
  grid-row-gap: var(--gap-xxs);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  display: flex;
}

/* Pricing Hero */

.pricing-hero {
  padding-bottom: var(--padding-m);
}

.flick-group__scribble-arrow {
  flex: none;
  width: 2em;
  margin-bottom: -1.25em;
}

.pricing-hero__row {
  grid-column-gap: var(--gap-l);
  grid-row-gap: var(--gap-l);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 7.5em;
  display: flex;
}

.pricing-hero__title {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 59em;
  display: flex;
  position: relative;
}

.pricing-hero__join-others {
  position: relative;
}

/* Breakpoints */
@media screen and (max-width: 991px) {
  .pricing-card {
    padding: var(--gap-xxl);
    min-width: auto;
  }

}

@media screen and (max-width: 767px) {
  .pricing-cards__wrap {
    grid-column-gap: 0.625em;
    grid-row-gap: 0.625em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .pricing-card {
    padding: var(--gap-xxl) var(--gap-l);
  }

  .pricing-card__title {
    font-size: 2.5em;
  }

  .pricing-card__price-row {
    grid-column-gap: var(--gap-l);
    grid-row-gap: var(--gap-l);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .pricing-home__title-el {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .pricing-home__title-sub {
    justify-content: flex-start;
    align-items: center;
    height: 2.5em;
  }

  .pricing-hero {
    padding-bottom: var(--padding-l);
  }

  .pricing-card__price-h {
    font-size: 1.25em;
  }
}


/* ------------------------- PRICING STAT RIBBON ------------------------------------- */

.pricing-hero__stat-ribbon {
  margin-top: var(--gap-l);
  margin-bottom: var(--gap-l);
  padding: 1.25em 1.5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 2.25em;
  border-radius: 0.75em;
  border: 1px solid color-mix(in srgb, var(--color-neutral-800) 12%, transparent);
  background-color: color-mix(in srgb, var(--color-neutral-800) 3%, transparent);
  position: relative;
  z-index: 2;
}

.stat-ribbon__item {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 0.25em;
  line-height: 1.1;
}

.stat-ribbon__item .eyebrow {
  opacity: 0.7;
}

.stat-ribbon__sign {
  display: inline-block;
  margin-right: 0.05em;
}

.stat-ribbon__cta {
  margin-left: auto;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: inherit;
  font: inherit;
  opacity: 0.85;
  transition: opacity 0.2s var(--cubic-default);
}

.stat-ribbon__cta:hover {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .pricing-hero__stat-ribbon {
    gap: 1.25em;
    padding: 1em 1.125em;
  }

  .stat-ribbon__cta {
    margin-left: 0;
    width: 100%;
    text-align: left;
    padding-top: 0.5em;
    border-top: 1px solid color-mix(in srgb, var(--color-neutral-800) 10%, transparent);
  }
}

/* ------------------------- 3-UP PRICING CARDS -------------------------------------- */

.pricing-cards__wrap.is--3up {
  flex-wrap: wrap;
  align-items: stretch;
}

.pricing-cards__wrap.is--3up .pricing-card {
  min-width: 21em;
  flex: 1 1 21em;
  max-width: 28em;
  padding: 2.5em;
}

@media screen and (max-width: 1199px) {
  .pricing-cards__wrap.is--3up .pricing-card {
    min-width: 18em;
    flex: 1 1 18em;
    padding: 2em;
  }
}

@media screen and (max-width: 1023px) {
  .pricing-cards__wrap.is--3up {
    flex-flow: column;
    align-items: stretch;
  }

  .pricing-cards__wrap.is--3up .pricing-card {
    min-width: auto;
    max-width: none;
    flex: 1 1 auto;
    padding: var(--gap-xxl);
  }
}

/* Value-stack line under Lifetime bullets */
.pricing-card__value-stack {
  margin-top: 1rem;
  line-height: 1.4;
  opacity: 0.85;
}

.pricing-card__value-stack strong {
  font-weight: 600;
  opacity: 1;
}








/* ------------------------- CURSOR -------------------------------------------------- */

.cursor {
  z-index: 100;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  display: flex;
  position: fixed;
  top: 0%;
  left: 0%;
}

.cursor-bubble {
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-800);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  display: flex;
  position: relative;
  transition: clip-path var(--animation-default) 0s, background-color 0s linear var(--duration-default), color 0s linear var(--duration-default);
  clip-path: inset(50% round 100em);
}

body:has(main [data-button-rotate-hover]:hover) .cursor .cursor-bubble {
  transition: clip-path var(--animation-default) 0s, background-color 0s linear var(--duration-default), color 0s linear var(--duration-default);
  clip-path: inset(50% round 100em);
}

.cursor-bubble__arrow {
  grid-column-gap: 0.625em;
  grid-row-gap: 0.625em;
  aspect-ratio: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 0.625em;
  display: flex;
  position: absolute;
  overflow: hidden;
  transform: rotate(-90deg);
  transition-delay: var(--duration-default);
}

.cursor-bubble__drag {
  position: relative;
  overflow: hidden;
}

.cursor-bubble__drag-span {
  font-variation-settings: "wght" 550;
  letter-spacing: -0.02em;
  font-family: Haffer VF, Arial, sans-serif;
  font-size: 0.875em;
  line-height: 1.2em;
  display: block;
  position: relative;
  transition: transform var(--animation-default);
  transform: translateY(100%) scale(0.5) rotate(0.001deg);
}

.cursor__drag-dots {
  border-radius: 50em;
  justify-content: space-between;
  width: 0;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.cursor__drag-dot {
  aspect-ratio: 1;
  background-color: var(--color-neutral-200);
  border-radius: 1em;
  flex: none;
  width: 0.375em;
  position: relative;
  transition: background-color 0s linear 0.25s;
}

.cursor-bubble__arrow-svg {
  flex: none;
  width: 100%;
  display: block;
  transition: transform var(--animation-default);
  transform: translateY(0%) rotate(0.001deg);
}

body:has(main [data-button-rotate-hover]:hover) .cursor .cursor-bubble__arrow-svg {
  transition: transform var(--animation-default);
  transform: translateY(0%) rotate(0.001deg);
}

.cursor-bubble__drag-span,
body:has(main [data-button-rotate-hover]:hover) .cursor .cursor-bubble__drag-span {
  transition: transform var(--animation-default);
  transform: translateY(100%) scale(0.5) rotate(0.001deg);
}

.cursor__drag-dots,
body:has(main [data-button-rotate-hover]:hover) .cursor .cursor__drag-dots {
  transition: all var(--animation-default);
  width: 0em;
  transform: scale(0) rotate(0.001deg);
}

@media (hover: none) and (pointer: coarse) {
  .cursor {
    display: none;
  }
}





/* ------------------------- FINAL CTA -------------------------------------------------- */

.final-cta {
  padding-bottom: var(--gap-l);
}

.final-cta__card {
  background-color: var(--color-neutral-800);
  color: var(--color-neutral-200);
  border-radius: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
  transition: color var(--animation-default), background-color var(--animation-default);
}

.final-cta__end {
  flex-flow: column;
  width: 100%;
  display: flex;
  padding-top: var(--gap-xxl);
}

.final-cta__start {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}


.final-cta__visual {
  position: relative;
  overflow: hidden;
}

.final-cta__visual-before {
  padding-top: 73%;
}

.final-cta .cover-image {
  transition: opacity var(--animation-default);
}


.final-cta__text {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 25em;
  display: flex;
  position: relative;
}

.final-cta__button-row {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  padding-top: 1em;
  display: flex;
}

.final-cta__tag {
  top: var(--gap-l);
  position: absolute;
}

.final-cta__scribble {
  grid-column-gap: var(--gap-xxs);
  grid-row-gap: var(--gap-xxs);
  color: var(--color-electric);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 12em;
  margin-top: 2.5em;
  margin-right: 14em;
  display: flex;
  position: absolute;
  top: 100%;
  transition: color var(--animation-default);
}

.final-cta__desktop-lines-svg {
  opacity: 0.12;
  pointer-events: none;
  width: 102%;
  position: absolute;
  top: 72%;
  left: -0.5%;
  transform: translateY(-50%);
}

.final-cta__mobile-lines-svg {
  display: none;
}

.final-cta__number-free {
  display: block;
}

@media screen and (max-width: 991px) {
  .final-cta__card {
    flex-flow: column;
  }

  .final-cta__end {
    padding-left: 10vw;
  }

  .final-cta__start {
    padding-top: 8em;
    padding-bottom: 2em;
  }

  .final-cta__scribble {
    width: 100%;
    max-width: none;
    margin-top: 0.5em;
    margin-right: 0;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .final-cta__mobile-lines-svg {
    position: absolute;
  }

  .final-cta__number-free {
    display: inline;
  }
}

@media screen and (max-width: 767px) {
  .final-cta__end {
    padding-left: 0;
    position: relative;
  }

  .final-cta__visual-before {
    padding-top: 60%;
  }

  .final-cta .cover-image.is--final-cta {
    object-fit: contain;
    object-position: center bottom;
    padding: 0 1em 1.25em;
  }

  .final-cta__text {
    max-width: 20em;
  }

  .final-cta__desktop-lines-svg {
    display: none;
  }

  .final-cta__mobile-lines-svg {
    opacity: 0.1;
    pointer-events: none;
    width: calc(100vw + 2em);
    display: block;
    top: 3.25em;
    left: -2.0625em;
  }

  .final-cta__card {
    border-radius: 0;
  }
}





/* ------------------------- LIFETIME -------------------------------------------------- */

.lifetime-cta {
  padding-top: var(--gap-xxl);
}





/* ------------------------- MODALS -------------------------------------------------- */

.modal__group {
  z-index: 150;
  pointer-events: none;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0.625em;
  display: flex;
  position: fixed;
  inset: 0%;
}

.modal__bg {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  background-color: #0000004d;
  width: 100%;
  height: 100%;
  transition: opacity 0.45s;
  position: fixed;
  inset: 0%;
}

[data-modal-wrap]:has([data-modal-target][data-modal-status="active"]) [data-modal-bg] {
  opacity: 1;
  pointer-events: auto;
}

.modal {
  width: 100%;
  min-height: 100%;
  overflow: clip;
}

.modal__item {
  z-index: 2;
  background-color: var(--color-neutral-800);
  pointer-events: auto;
  transform-origin: 50% 100%;
  color: var(--color-neutral-200);
  border-radius: 0.3125em;
  width: 100%;
  max-width: 43.75em;
  min-height: calc(100% - 1.25em);
  transition-property: transform;
  transition-duration: 0.75s;
  transition-timing-function: cubic-bezier(0.625, 0.05, 0, 1);
  position: absolute;
  top: 0.625em;
  bottom: 0.625em;
  right: 0.625em;
  overflow: hidden;
  transform: rotate(6deg) translate(105%);
}

[data-modal-status="active"] {
  transform: rotate(0deg) translate(0%);
  overflow: auto;
}

.modal-footer {
  padding-bottom: var(--gap-xs);
  overflow: hidden;
}

.about-footer__logo {
  opacity: 0.1;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.modal__container {
  z-index: 1;
  padding-right: var(--gap-l);
  padding-left: var(--gap-l);
  position: relative;
}


/* Modal Close */

.modal__close {
  z-index: 5;
  padding: var(--gap-sm);
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  display: flex;
  position: sticky;
  inset: 0% 0% auto auto;
}

.modal__close.is--with-logo {
  justify-content: space-between;
  gap: var(--gap-sm);
  width: 100%;
  margin-left: 0;
  background-color: var(--color-neutral-800);
}

.modal__close-logo {
  flex: 0 0 auto;
  height: 1.5em;
  color: var(--color-neutral-200);
  display: flex;
  align-items: center;
  line-height: 0;
}

.modal__close-logo > svg {
  height: 100%;
  width: auto;
  display: block;
}

.modal__close.is--with-logo .modal-close__bg {
  display: none;
}

.button-close {
  grid-column-gap: 0.625em;
  grid-row-gap: 0.625em;
  white-space: nowrap;
  border-radius: 0.125em;
  justify-content: center;
  align-items: center;
  padding: 0.1875em 0.375em;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (hover: none) and (pointer: coarse) {
  .button-close {
    padding: 0.75em 1em;
  }
}

.button-close__circle {
  background-color: var(--color-neutral-550);
  border-radius: 10em;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  padding: 0.45em;
  display: flex;
}

.modal-close__bg {
  background-image: linear-gradient(
    210deg,
    var(--color-neutral-800),
    #0000 65%
  );
  width: 25%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

/* Breakpoints */

@media screen and (max-width: 767px) {
  .modal__group {
    padding: 0;
  }

  .modal__item {
    border-radius: 0;
    min-height: 100%;
    inset: 0;
  }
}





/* ------------------------- HOME -------------------------------------------------- */

.home-hero {
  z-index: 2;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.home-hero__title-row {
  grid-column-gap: var(--gap-l);
  grid-row-gap: var(--gap-l);
  justify-content: center;
  align-items: center;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  padding-left: 0.5em;
  display: flex;
  position: relative;
}

.home-hero__top-logo {
  color: var(--color-cobalt);
  width: 5em;
}

.home-hero__bg {
  z-index: -1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-hero__bg-line {
  width: var(--stroke-weight);
  background-color: var(--color-neutral-400);
  height: 100%;
  position: absolute;
}

[data-wf--hero-background-lines--variant="dark-mode"] .home-hero__bg-line {
  color: var(--color-neutral-600);
}

[data-wf--hero-background-lines--variant="dark-mode"] {
    color: var(--color-neutral-600) !important;
}

.home-hero__content {
  grid-column-gap: max(1.5em, 4.5svh);
  grid-row-gap: max(1.5em, 4.5svh);
  flex-flow: column;
  align-items: center;
  display: flex;
}

.hero-bg__wrap {
  z-index: 0;
  pointer-events: none;
  color: var(--color-neutral-400);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.hero-bg__wrap[data-bg-offset="l"] {
  margin-bottom: -3.6em;
}

.hero-bg__wrap[data-bg-offset="xl"] {
  margin-bottom: -5.1em;
}

.hero-bg__wrap[data-bg-offset="xxl"] {
  margin-bottom: -8em;
}

.hero-bg__circle {
  z-index: 0;
  aspect-ratio: 1;
  width: 22em;
  position: absolute;
}

.hero-bg__circle.is--large {
  width: 64em;
}

.hero-bg__horizontal {
  background-image: linear-gradient(
    90deg,
    color-mix(in srgb, currentColor 0%, transparent 100%) 0%,
    currentColor 10%,
    currentColor 90%,
    color-mix(in srgb, currentColor 0%, transparent 100%) 100%
  );
  height: var(--stroke-weight);
  width: 100vw;
}

.hero-bg__vertical {
  background-image: linear-gradient(
    180deg,
    color-mix(in srgb, currentColor 0%, transparent 100%) 15%,
    currentColor 50%,
    currentColor 90%,
    color-mix(in srgb, currentColor 0%, transparent 100%) 100%
  );
  width: var(--stroke-weight);
  height: 100vh;
  position: absolute;
}

.home-hero__description-p {
  font-size: 1.375em;
  line-height: 1.2;
}

.home-hero__description-row {
  background-image: linear-gradient(
    180deg,
    transparent,
    var(--color-neutral-200) 20%,
    var(--color-neutral-200) 80%,
    transparent
  );
  text-align: center;
  width: 100%;
  max-width: 33em;
  padding-top: 2em;
  padding-bottom: 2em;
}

.home-hero__cta-row {
  display: flex;
  justify-content: center;
}

.home-hero__description-highlight {
  background-color: var(--color-neutral-300);
  border-radius: 0.1875em;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 0.125em 0.35em 0.1875em;
  display: inline-block;
}

.home-hero__description-highlight.is--round {
  border-radius: 10em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

@media screen and (max-width: 991px) {
  .home-hero__title-row {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
  }

  .home-hero__top-logo {
    margin-top: var(--gap-m);
    order: 1;
  }
}

@media screen and (max-width: 767px) {
  .home-hero__title-row {
    padding-left: 0;
  }

  .home-hero__top-logo {
    margin-top: var(--gap-sm);
    width: 3em;
  }

  .home-hero__content {
    padding-bottom: 0;
  }

    .hero-bg__circle {
    width: 22em;
    margin-left: 0;
  }

  .hero-bg__circle.is--large {
    width: 40em;
  }

  .home-hero__description-p {
    font-size: 1.125em;
  }

  .home-hero__description-row {
    padding-top: 0;
    padding-bottom: 2em;
  }
}





/* ------------------------- ABOUT -------------------------------------------------- */

/* Hero */

.about-hero {
  padding-top: var(--gap-l);
  padding-right: var(--gap-sm);
  padding-bottom: var(--gap-xl);
  padding-left: var(--gap-sm);
}

.about-container {
  z-index: 1;
  padding-right: var(--gap-l);
  padding-left: var(--gap-l);
  position: relative;
}



/* Others */


.about-stats {
  padding-right: var(--gap-sm);
  padding-left: var(--gap-sm);
  padding-top: var(--gap-l);
  padding-bottom: var(--gap-l);
}

.about-stats__row {
  grid-column-gap: var(--gap-sm);
  grid-row-gap: var(--gap-sm);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.about-stats__col {
  padding-top: var(--gap-sm);
  padding-bottom: var(--gap-sm);
  grid-column-gap: var(--gap-xxl);
  grid-row-gap: var(--gap-xxl);
  border-bottom: 1px solid var(--color-neutral-600);
  flex-flow: column;
  flex: 1 1 calc(50% - var(--gap-sm));
  min-width: calc(50% - var(--gap-sm));
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.about-stats__value {
  position: relative;
}

.about-stats__sign {
  position: absolute;
  right: 100%;
}

.about-stats__col.is--left,
.about-stats__col:nth-child(3) {
  padding-left: var(--gap-l);
}

/* Chart */

.about-chart {
  padding-top: var(--gap-xxl);
  padding-bottom: var(--gap-l);
  overflow: hidden;
}

.about-chart__wrap {
  grid-column-gap: var(--gap-xl);
  grid-row-gap: var(--gap-xl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.about-chart__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--gap-s);
  border-bottom: 1px solid var(--color-neutral-600);
}

.about-chart__legend {
  display: flex;
  gap: var(--gap-sm);
  align-items: center;
}

.about-chart__legend-item {
  display: flex;
  gap: 0.375em;
  align-items: center;
}

.about-chart__legend-dot {
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  display: block;
}

.about-chart__legend-dot.is--strategy {
  background-color: var(--color-electric);
}

.about-chart__legend-dot.is--benchmark {
  background-color: var(--color-neutral-475);
}

.about-chart__canvas-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 1;
}

.about-chart__canvas-wrap canvas {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
}

/* Breakpoints */
@media screen and (max-width: 767px) {
  .about-container {
    padding-left: var(--gap-m);
    padding-right: var(--gap-m);
  }



  .about-stats__col.is--left {
    padding-left: 0;
  }

  .about-chart__header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-xs);
  }

  .about-chart__canvas-wrap {
    aspect-ratio: 1.4 / 1;
  }

  .about-footer__logo {
    margin-top: var(--gap-xxl);
    margin-bottom: 0.625em;
  }

}






/* ------------------------- HOW IT WORKS -------------------------------------------------- */

.how-it-works {
  padding-top: var(--padding-l);
  padding-bottom: var(--padding-l);
}

.how-it-works__title-row {
  grid-column-gap: var(--gap-xxl);
  grid-row-gap: var(--gap-xxl);
  text-align: center;
  margin-bottom: calc(2 * var(--gap-xl));
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.how-it-works__p {
  max-width: 32.5em;
}

.how-it-works__content {
  padding-top: var(--padding-l);
  padding-right: var(--gap-m);
  padding-left: var(--gap-m);
  background-color: var(--color-neutral-300);
  border-radius: 30em;
  width: 100%;
  position: relative;
}

.how-it-works__tags {
  left: 0%;
  top: var(--gap-sm);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  right: 0%;
}

.how-it-works__scribble {
  grid-column-gap: var(--gap-xs);
  grid-row-gap: var(--gap-xs);
  color: var(--color-electric);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 40%;
  right: 0;
  transform: translate(120%);
}

.how-it-works__button {
  left: 50%;
  bottom: var(--gap-l);
  z-index: 2;
  position: absolute;
  transform: translate(-50%);
}

@media screen and (max-width: 991px) {
  .how-it-works__content {
    aspect-ratio: auto;
    border-radius: 1em;
  }
}

@media screen and (max-width: 767px) {
  .how-it-works__tags {
    top: -0.5625em;
  }

  .how-it-works__scribble {
    display: none;
    top: 70%;
    right: 30%;
  }

  .how-it-works__button {
    display: none;
  }
}

/* How It Works Cards */

.hiw-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-sm);
}

.hiw-card {
  border-top: var(--stroke-weight) solid var(--color-neutral-400);
  padding-top: var(--gap-xl);
}

.hiw-card__num {
  font-family: Haffer VF, Arial, sans-serif;
  font-size: 3.5em;
  font-variation-settings: "wght" 300;
  color: var(--color-neutral-400);
  line-height: 1;
  margin-bottom: 0.25em;
}

.hiw-card__title {
  margin-bottom: var(--gap-xs);
}

@media screen and (max-width: 767px) {
  .hiw-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .hiw-card {
    padding-top: var(--gap-l);
    padding-bottom: var(--gap-l);
  }

  .hiw-card:last-child {
    padding-bottom: 0;
  }

  .hiw-card__num {
    font-size: 2.5em;
  }
}


/* ------------------------- COMMUNITY -------------------------------------------------- */

/* Community Discord */

.community-discord {
  padding-top: var(--padding-m);
  padding-bottom: var(--padding-xl);
  color: var(--color-neutral-200);
}

.community-discord__intro {
  text-align: center;
  width: 100%;
  max-width: 42.5em;
  margin-bottom: 6.25em;
  margin-left: auto;
  margin-right: auto;
}

.community-discord__row {
  grid-column-gap: var(--gap-sm);
  grid-row-gap: var(--gap-sm);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.community-discord__col {
  flex: 1;
}

.community-discord__visual {
  aspect-ratio: 1.13;
  border: 1px solid var(--color-neutral-550);
  background-color: var(--color-neutral-200);
  border-radius: 100em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 6.25em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.community-discord-phone {
  position: absolute;
  top: auto;
  bottom: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: auto;
  object-fit: contain;
  object-position: top;
  border-radius: 0;
  max-height: none;
}

.community-discord__logo {
  z-index: 1;
  width: 10em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.community-discord__info {
  padding-right: var(--gap-sm);
  padding-left: var(--gap-sm);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 30em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.community-discord__list {
  margin-top: var(--gap-l);
  flex-flow: column;
  width: 100%;
  margin-bottom: 5em;
  list-style: none;
  display: flex;
}

.community-discord__li {
  padding-top: var(--gap-l);
  padding-bottom: var(--gap-l);
  border-bottom: 1px solid var(--color-neutral-600);
}

.community-discord__li.is--last {
  border-bottom-style: none;
  padding-bottom: 0;
}

/* Breakpoints */

@media screen and (max-width: 991px) {
  .community-discord__row {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .community-discord__col.is--visual {
    order: 9999;
  }

  .community-discord__info {
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: none;
  }

  .community-discord__list {
    margin-bottom: 2.75em;
  }

}

@media screen and (max-width: 767px) {
  .community-discord__visual {
    padding-top: 2.5em;
  }

  .community-discord__logo {
    width: 8em;
  }

}





/* ------------------------- SITEMAP -------------------------------------------------- */

.sitemap {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

.sitemap__img {
  width: 0%;
  height: 0%;
  display: none;
}

.sitemap__url {
  display: none;
}





/* ------------------------- LEGAL -------------------------------------------------- */

.legal__inner {
  padding-top: var(--gap-l);
  grid-column-gap: var(--gap-sm);
  grid-row-gap: var(--gap-sm);
  padding-right: 14.5em;
  padding-bottom: calc(5 * var(--gap-xxl));
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.legal__inner-col {
  width: 100%;
  position: relative;
}

.legal__sidebar {
  top: var(--nav-bar-height);
  width: 100%;
  max-width: 13.75em;
  position: sticky;
}

.legal__sidebar-links {
  margin-bottom: var(--gap-l);
  grid-column-gap: 0.625em;
  grid-row-gap: 0.625em;
  flex-flow: column;
  list-style: none;
  display: flex;
}

.legal__sidebar .w--current {
  color: var(--color-neutral-200) !important;
}

.legal__sidebar .w--current .button-bg {
  background: var(--color-neutral-800);
}

@media screen and (max-width: 991px) {
  .legal__inner {
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .legal__inner {
    flex-flow: column;
  }
}





/* ------------------------- 404 NOT FOUND -------------------------------------------------- */

.notfound {
  background-color: var(--color-neutral-800);
  color: var(--color-neutral-200);
  overflow: hidden;
}

.notfound__inner {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: var(--gap-l);
  min-height: 100dvh;
  display: flex;
}

.noutfound__content {
  text-align: center;
  display: flex;
  justify-content: center;
}

.notfound__heading {
  text-align: center;
}

.notfound__h {
  font-size: 25em;
  line-height: 0.75;
}

@media screen and (max-width: 767px) {
  .notfound__h {
    font-size: 10em;
  }
}






/* ------------------------- FAQ -------------------------------------------------- */

.faq__row {
  grid-column-gap: var(--btn-height);
  grid-row-gap: var(--btn-height);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq__section {
  grid-column-gap: var(--padding-s);
  grid-row-gap: var(--padding-s);
  flex-flow: column;
  display: flex;
}

.faq-overview {
  padding-bottom: var(--padding-m);
}

.faq__title-row {
  grid-column-gap: var(--gap-s);
  grid-row-gap: var(--gap-s);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq__title-p {
  width: 100%;
  max-width: 28em;
  margin-left: auto;
  margin-right: auto;
}

.faq__cta {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 991px) {
  .faq__title-scribble {
    right: -3.5em;
  }
}

@media screen and (max-width: 767px) {
  .faq__title-scribble {
    display: none;
  }

  .faq__title-scribble-arrow {
    order: -9999;
  }
}





/* ------------------------- MOBILE LANDSCAPE ONLY -------------------------------------------------- */

@media screen and (max-width: 767px) {

  .sm--hide {
    display: none;
  }
}



/* ------------------------- REDUCED MOTION -------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  [data-css-marquee-list],
  .marquee-css__list {
    animation: none !important;
  }

  .cursor,
  .cursor-bubble {
    display: none !important;
  }
}