html {
  font-family: sans-serif;
  text-size-adjust: 100%;
}

body {
  margin: 0px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0px;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
}

abbr[title] {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: currentcolor;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0px;
}

mark {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(255, 255, 0);
  color: rgb(0, 0, 0);
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
}

svg:not(:root) {
  overflow-x: hidden;
  overflow-y: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0px;
}

pre {
  overflow-x: auto;
  overflow-y: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-variant-caps: inherit;
  font-variant-numeric: inherit;
  font-variant-east-asian: inherit;
  font-variant-alternates: inherit;
  font-variant-position: inherit;
  font-variant-emoji: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  margin: 0px;
}

button {
  overflow-x: visible;
  overflow-y: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0px;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  appearance: none;
}

fieldset {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(192, 192, 192);
  border-right-color: rgb(192, 192, 192);
  border-bottom-color: rgb(192, 192, 192);
  border-left-color: rgb(192, 192, 192);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  margin: 0px 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  padding: 0px;
}

textarea {
  overflow-x: auto;
  overflow-y: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
}

td, th {
  padding: 0px;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-variant-alternates: normal;
  font-variant-position: normal;
  font-variant-emoji: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-family: webflow-icons !important;
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  margin: 0px;
  min-height: 100%;
  background-color: rgb(255, 255, 255);
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgb(51, 51, 51);
}

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

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: rgb(56, 152, 236);
  color: white;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  line-height: inherit;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  cursor: pointer;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

input.w-button {
  appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: transparent !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 10px;
}

h1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}

h2 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}

h5 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}

h6 {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}

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

blockquote {
  margin: 0px 0px 10px;
  padding: 10px 20px;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: rgb(226, 226, 226);
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0px 0px 10px;
}

figcaption {
  margin-top: 5px;
  text-align: center;
}

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

.w-embed::before, .w-embed::after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-embed::after {
  clear: both;
}

fieldset {
  padding: 0px;
  margin: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
}

button, [type="button"], [type="reset"] {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  cursor: pointer;
  appearance: button;
}

.w-form {
  margin: 0px 0px 15px;
}

.w-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: rgb(221, 221, 221);
}

.w-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: rgb(255, 222, 222);
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.w-input {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857;
  color: rgb(51, 51, 51);
  vertical-align: middle;
  background-color: rgb(255, 255, 255);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(204, 204, 204);
  border-right-color: rgb(204, 204, 204);
  border-bottom-color: rgb(204, 204, 204);
  border-left-color: rgb(204, 204, 204);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
}

.w-input::placeholder {
  color: rgb(153, 153, 153);
}

.w-input:focus {
  border-top-color: rgb(56, 152, 236);
  border-right-color: rgb(56, 152, 236);
  border-bottom-color: rgb(56, 152, 236);
  border-left-color: rgb(56, 152, 236);
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
}

.w-input[disabled] {
  cursor: not-allowed;
}

.w-input[readonly] {
  cursor: not-allowed;
  background-color: rgb(238, 238, 238);
}

fieldset[disabled] .w-input {
  cursor: not-allowed;
}

textarea.w-input {
  height: auto;
}

.w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}

@media screen and (max-width: 991px) {
  .w-container {
  max-width: 728px;
  }
}

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

.w-container::before, .w-container::after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-container::after {
  clear: both;
}

.w-background-video {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 500px;
  color: white;
}

.w-background-video > video {
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 50%;
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  right: -100%;
  bottom: -100%;
  top: -100%;
  left: -100%;
  object-fit: cover;
  z-index: -100;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  display: none !important;
  appearance: none;
}

.w-nav {
  position: relative;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(221, 221, 221);
  z-index: 1000;
}

.w-nav::before, .w-nav::after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-nav::after {
  clear: both;
}

.w-nav-brand {
  position: relative;
  float: left;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  color: rgb(51, 51, 51);
}

@media (max-width: 768px) {
  .w-nav-brand {
  padding-left: 10px;
  }
}

.w-nav-menu {
  position: relative;
  float: right;
}

[data-nav-menu-open] {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(200, 200, 200);
  text-align: center;
  overflow-x: visible;
  overflow-y: visible;
  min-width: 200px;
  display: block !important;
}

.w-nav[data-animation="over-left"] [data-nav-menu-open] {
  right: auto;
  z-index: 1;
  top: 0px;
}

.w-nav[data-animation="over-right"] [data-nav-menu-open] {
  left: auto;
  z-index: 1;
  top: 0px;
}

.w-nav-button {
  position: relative;
  float: right;
  padding: 18px;
  font-size: 24px;
  display: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}

.w-nav-button:focus {
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button {
  display: block;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
  display: none;
  }
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-button {
  display: block;
  }
}

@media (max-width: 768px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
  display: none;
  }
}

@media (max-width: 768px) {
  .w-nav[data-collapse="small"] .w-nav-button {
  display: block;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
  display: none;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-button {
  display: block;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

:root {
  --layout--sizes--container-max: 1440px;
  --layout--padding--2-col: clamp(16px, 12vw, 240px);
  --layout--padding--1-col: clamp(8px, 6vw, 112px);
  --spaces--s: clamp(.55rem, 1vw, 1rem);
  --spaces--m: clamp(1rem, 1.5vw, 2rem);
  --spaces--xl: clamp(2rem, 2.5vw, 4rem);
  --font-size--body-text: clamp(1rem, calc(.8125rem + .111vw), 1.275rem);
  --letter-spacing--body-text: .0125rem;
  --font-size--heading-1: clamp(2.75rem, calc(1.6058rem + 4.882vw), 6rem);
  --letter-spacing--heading-1: clamp(-.125rem, calc(-.104rem + -.037vw), -.1875rem);
  --spaces--xxl: clamp(3rem, 5vw, 7.5rem);
  --font-size--heading-2: clamp(2.25rem, calc(1.2821rem + 4.286vw), 5.125rem);
  --letter-spacing--heading-2: clamp(-.0938rem, calc(-.08rem + -.02vw), -.125rem);
  --font-size--heading-3: clamp(2rem, calc(1.342rem + 2.105vw), 4rem);
  --letter-spacing--heading-3: clamp(-.03rem, calc(-.096rem + -.028vw), -.16rem);
  --font-size--heading-4: clamp(1.125rem, calc(.9987rem + .337vw), 1.6rem);
  --letter-spacing--heading-4: 0rem;
  --spaces--xxxl: clamp(4rem, 8.5vw, 12.25rem);
  --font-size--p-large: clamp(1.25rem, calc(1.1rem + .55vw), 2rem);
  --letter-spacing--p-large: clamp(-.025rem, calc(-.068rem + -.019vw), -.12rem);
  --line-height--p-large: 1.2em;
  --spaces--l: clamp(1.5rem, 2vw, 3rem);
  --layout--padding--4-col: clamp(24px, 24vw, 480px);
  --space--400: 16px;
  --corner--corner: 50px;
  --corner--radius: 8px;
  --font-size--p-huge: clamp(1.75rem, calc(1.35rem + 1.5vw), 3.5rem);
  --line-height--p-huge: 1.08em;
  --letter-spacing--p-huge: clamp(-.025rem, calc(-.068rem + -.019vw), -.12rem);
  --font-size--p-medium: clamp(1.125rem, calc(1rem + .4vw), 1.5rem);
  --neon--border: color-mix(in oklch, var(--color--primary) 85%, white 15%);
  --neon--strong: color-mix(in oklch, var(--color--primary) 96%, transparent);
  --neon--mid: color-mix(in oklch, var(--color--primary) 30%, transparent);
  --neon--soft: color-mix(in oklch, var(--color--primary) 20%, transparent);
  --line-height--heading-3: clamp(3.8rem, calc(2.2rem + .2vw), 4rem);
  --col-2: calc((2 * var(--col))  + (1 * var(--gutter)));
  --col-4: calc((4 * var(--col))  + (3 * var(--gutter)));
  --gutter: clamp(12px, 1.1vw, 16px);
  --col-5: calc((5 * var(--col))  + (4 * var(--gutter)));
  --col: clamp(64px, 7.3vw, 110px);
  --radius--200: 8px;
  --space--200: 8px;
  --space--300: 12px;
  --stroke--border: 1px;
  --line-height--heading-1: 1px;
  --line-height--heading-2: clamp(4.125rem, calc(2.45rem + .25vw), 5.125rem);
  --line-height--heading-4: clamp(1.6rem, calc(1.5rem + .1vw), 1.8rem);
  --line-height--body-text: clamp(1.6rem, calc(1.35rem + .1vw), 1.8rem);
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

body {
  color: rgb(51, 51, 51);
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.hero {
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.container {
  width: 100%;
  height: 100%;
  max-width: var(--layout--sizes--container-max);
  padding-right: var(--layout--padding--2-col);
  padding-left: var(--layout--padding--2-col);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  background-color: var(--color-dark);
}

@media screen and (max-width: 479px) {
  .container {
  padding-right: var(--layout--padding--1-col);
  padding-left: var(--layout--padding--1-col);
  }
}

.navbar {
  z-index: 999999;
  padding: var(--spaces--s);
  border-top-style: solid;
  border-top-width: 0.0015px;
  border-top-color: var(--color--white);
  border-bottom-style: solid;
  border-bottom-width: 0.0015em;
  border-bottom-color: var(--color--white);
  background-color: rgba(0, 0, 0, 0);
  border-top-left-radius: 50em;
  border-top-right-radius: 50em;
  border-bottom-right-radius: 50em;
  border-bottom-left-radius: 50em;
  justify-content: space-between;
  align-items: center;
  width: clamp(712px, 44.5rem, 50vw);
  margin-left: auto;
  margin-right: auto;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  position: fixed;
  top: 5vh;
  right: 0%;
  bottom: auto;
  left: 0%;
}

@media screen and (max-width: 991px) {
  .navbar {
  width: 55%;
  display: none;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
  padding-left: 0px;
  padding-right: 0px;
  }
}

@media (max-width: 768px) {
  .navbar {
  width: 80%;
  }
}

.navbar-items {
  grid-column-gap: var(--spaces--m);
  grid-row-gap: var(--spaces--m);
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .navbar-items {
  min-height: 50vh;
  margin-top: var(--spaces--xl);
  padding: var(--spaces--s);
  border-top: .0015em solid var(--color--white);
  border-bottom: .0015em solid var(--color--white);
  background-color: rgba(200, 200, 200, 0);
  background-image: linear-gradient(180deg, var(--color--dark-50), #fff0);
  backdrop-filter: blur(13px);
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  justify-content: space-between;
  align-items: center;
  }
}

.navbar-textlink {
  color: var(--color--white);
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--body-text);
  letter-spacing: var(--letter-spacing--body-text);
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 400;
  line-height: 1.6;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal, normal, normal;
  transition-duration: 0.2s, 0.2s, 0.2s;
  transition-timing-function: ease, ease, ease;
  transition-delay: 0s, 0s, 0s;
  transition-property: border-radius, color, background-color;
}

@media screen and (max-width: 479px) {
  .navbar-textlink {
  white-space-collapse: break-spaces;
  text-wrap-mode: wrap;
  }
}

.heading-1 {
  z-index: 99999;
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--heading-1);
  letter-spacing: var(--letter-spacing--heading-1);
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 500;
  line-height: 1;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  position: relative;
}

.logo-svg {
  color: rgb(255, 255, 255);
}

.navbar-logo {
  min-width: 100px;
  color: var(--color--white);
  transition-behavior: normal, normal;
  transition-duration: 0.2s, 0.2s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1), cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: 0s, 0s;
  transition-property: right, left;
}

.navbar-logo.w--current {
  justify-content: center;
  align-items: center;
  width: 15%;
  display: flex;
}

@media screen and (max-width: 479px) {
  .navbar-logo.w--current {
  justify-content: center;
  align-items: center;
  display: flex;
  }
}

.navbar-glasseffect {
  filter: url("../images/");
  backdrop-filter: brightness(110%) blur(2px);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.navbar-glasstint {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  backdrop-filter: blur(6px);
  background-color: rgba(145, 196, 217, 0.03);
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.navbar-glassshine {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: rgba(0, 0, 0, 0.2) 0px -6px 11px 10px inset, rgb(255, 255, 255) 2px 8px 1px -6px inset;
}

@media screen and (max-width: 991px) {
  .navbar-glassshine {
  box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 5px inset, rgba(255, 255, 255, 0.3) 2px 2px 1px 1px inset;
  }
}

.navbar-content {
  z-index: 20;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  .navbar-content {
  justify-content: space-between;
  }
}

.navbar-code {
  z-index: 10;
  cursor: none;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.help {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .help {
  height: auto;
  min-height: auto;
  padding-top: clamp(5rem, 10vw, 7rem);
  padding-bottom: clamp(5rem, 10vw, 7rem);
  overflow-x: visible;
  overflow-y: visible;
  }
}

@media screen and (max-width: 479px) {
  .help {
  height: auto;
  min-height: auto;
  }
}

.help-title {
  width: 100%;
  padding-top: calc(5vh + var(--spaces--xxl)  + var(--spaces--xxl));
  padding-bottom: calc(5vh + var(--spaces--xxl)  + var(--spaces--xxl));
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  .help-title {
  width: 100%;
  padding-top: calc(5vh + var(--spaces--xxl)  + var(--spaces--s)  + var(--spaces--s)  + var(--spaces--xxl));
  padding-bottom: calc(5vh + var(--spaces--xxl)  + var(--spaces--s)  + var(--spaces--s)  + var(--spaces--xxl));
  color: rgb(255, 255, 255);
  margin-bottom: clamp(2rem, 6vw, 3.5rem);
  position: static;
  }
}

@media (max-width: 768px) {
  .help-title {
  height: auto;
  }
}

.heading-2 {
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--heading-2);
  letter-spacing: var(--letter-spacing--heading-2);
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 500;
  line-height: 1;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.heading-3 {
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--heading-3);
  letter-spacing: var(--letter-spacing--heading-3);
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 400;
  line-height: 1;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.heading-4 {
  width: 100%;
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--heading-4);
  letter-spacing: var(--letter-spacing--heading-4);
  color: inherit;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.cta-secondary {
  grid-column-gap: var(--spaces--s);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

@media screen and (max-width: 479px) {
  .cta-secondary {
  padding: var(--spaces--s);
  text-align: center;
  }
}

@media (max-width: 768px) {
  .cta-secondary {
  display: flex;
  }
}

.body {
  background-color: var(--color--dark);
  overflow-x: hidden;
}

.help-title-wrapper {
  width: 100%;
  max-width: 50ch;
}

@media screen and (max-width: 991px) {
  .help-title-wrapper {
  color: rgb(255, 255, 255);
  width: 100%;
  max-width: 60ch;
  }
}

@media screen and (max-width: 479px) {
  .help-title-wrapper {
  max-width: 30ch;
  }
}

.bridge {
  width: 100%;
  height: 100vh;
  margin-top: var(--spaces--xxxl);
  margin-bottom: var(--spaces--xxxl);
  background-image: radial-gradient(circle farthest-corner at 0% 100%, var(--color--dark-50), var(--color--dark) 48%), radial-gradient(circle farthest-side at 0% 100%, var(--color--secondary-light), var(--color--secondary-400) 25%, var(--color--secondary) 50%, var(--color--secondary-dark) 75%, var(--color--secondary-dark-800));
  backdrop-filter: blur(68.25px);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.bridge-content {
  grid-row-gap: var(--spaces--xl);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 90ch;
  height: 100vh;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  position: relative;
}

.results {
  width: 100%;
  margin: var(--spaces--xxl) auto var(--spaces--xxxl);
  padding: var(--spaces--s);
  row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.results-content {
  width: 100%;
  margin-top: var(--spaces--xxxl);
  margin-bottom: var(--spaces--xxxl);
  grid-column-gap: var(--spaces--xxl);
  grid-row-gap: var(--spaces--xxl);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.p-large {
  opacity: 1;
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--p-large);
  letter-spacing: var(--letter-spacing--p-large);
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

@media screen and (max-width: 991px) {
  .p-large {
  line-height: var(--line-height--p-large);
  }
}

.p-large.primary-light {
  opacity: 100;
}

.workshops {
  width: 100%;
  margin: var(--spaces--xxxl) auto;
  padding-top: var(--spaces--xxxl);
  padding-bottom: var(--spaces--xxxl);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.workshops-title-content {
  width: 100%;
  max-width: 107ch;
  margin-bottom: var(--spaces--xxl);
  grid-row-gap: var(--spaces--xl);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media (max-width: 768px) {
  .workshops-title-content {
  max-width: 40ch;
  }
}

.workshops-cards-wrapper {
  width: 100%;
  min-width: 0px;
  max-width: 100%;
  margin-bottom: var(--spaces--xxxl);
  grid-column-gap: var(--spaces--s);
  grid-row-gap: var(--spaces--s);
  justify-content: center;
  align-items: stretch;
  display: flex;
}

@media screen and (max-width: 991px) {
  .workshops-cards-wrapper {
  grid-column-gap: var(--spaces--xxxl);
  grid-row-gap: var(--spaces--xxxl);
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  row-gap: clamp(2rem, 6vw, 4rem);
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  }
}

@media screen and (max-width: 479px) {
  .workshops-cards-wrapper {
  grid-column-gap: var(--spaces--xxl);
  grid-row-gap: var(--spaces--xxl);
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  }
}

.workshops-card {
  aspect-ratio: auto;
  border: 1px solid var(--color--secondary-dark);
  background-image: linear-gradient(180deg, #03070d00, var(--color--secondary-dark-800) 80%);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0px;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 0px;
  max-width: 100%;
  height: auto;
  min-height: 0px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: 0s;
  transition-property: all;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .workshops-card {
  aspect-ratio: auto;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  justify-content: flex-start;
  width: 100%;
  max-width: 32rem;
  height: auto;
  min-height: 0px;
  }
}

.workshops-card-img {
  width: 100%;
  height: auto;
  padding: var(--spaces--m);
  aspect-ratio: 4 / 3;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  opacity: 0.85;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .workshops-card-img {
  aspect-ratio: 4 / 3;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 100%;
  height: auto;
  overflow-x: hidden;
  overflow-y: hidden;
  }
}

@media screen and (max-width: 479px) {
  .workshops-card-img {
  padding-left: 0px;
  padding-right: 0px;
  }
}

.workshops-card-text {
  width: 100%;
  min-width: 0px;
  max-width: 100%;
  height: auto;
  padding: var(--spaces--m);
  grid-row-gap: var(--spaces--m);
  aspect-ratio: auto;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (max-width: 991px) {
  .workshops-card-text {
  aspect-ratio: auto;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  justify-content: flex-start;
  row-gap: clamp(1rem, 4vw, 1.5rem);
  width: 100%;
  height: auto;
  padding: clamp(1.25rem, 4vw, 2rem);
  }
}

@media screen and (max-width: 479px) {
  .workshops-card-text {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  }
}

.workshops-card-text.disabled {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.workshop-svg-mbs {
  border: .37px solid var(--color--white);
  color: rgb(255, 255, 255);
  width: 100%;
  height: 100%;
}

.workshop-svg-ea {
  width: 100%;
  height: 100%;
  color: var(--color--white);
}

.workshop-svg-fctt {
  width: 100%;
  height: 100%;
  color: var(--color--white);
}

.txt-dark {
  color: var(--color--dark);
}

.txt-secondary-light {
  color: var(--color--secondary-light);
}

.workshop-bg-mbs {
  z-index: -1;
  background-image: url("/uploads/L-aICpzs_soBKcimvWGgX-magnetic-brand-system-kv-w724.webp");
  background-image: image-set(url("/uploads/L-aICpzs_soBKcimvWGgX-magnetic-brand-system-kv-w64.webp") 0.06x, url("/uploads/L-aICpzs_soBKcimvWGgX-magnetic-brand-system-kv-w320.webp") 0.31x, url("/uploads/L-aICpzs_soBKcimvWGgX-magnetic-brand-system-kv-w640.webp") 0.63x, url("/uploads/L-aICpzs_soBKcimvWGgX-magnetic-brand-system-kv-w724.webp") 0.71x);
  background-position-x: 50%;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.workshop-bg-ea {
  z-index: -1;
  background-image: linear-gradient(to bottom, var(--color--dark-50), var(--color--dark-50)), url("/uploads/HldkM86qhYZovNgfhyqaF-emotive-assets-kv-w724.webp");
  background-image: linear-gradient(to bottom, var(--color--dark-50), var(--color--dark-50)), image-set(url("/uploads/HldkM86qhYZovNgfhyqaF-emotive-assets-kv-w64.webp") 0.06x, url("/uploads/HldkM86qhYZovNgfhyqaF-emotive-assets-kv-w320.webp") 0.31x, url("/uploads/HldkM86qhYZovNgfhyqaF-emotive-assets-kv-w640.webp") 0.63x, url("/uploads/HldkM86qhYZovNgfhyqaF-emotive-assets-kv-w724.webp") 0.71x);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  background-position-x: 0px, 50%;
  background-position-y: 0px, center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.workshop-bg-fctt {
  z-index: -1;
  background-image: linear-gradient(to bottom, var(--color--dark-50), var(--color--dark-50)), url("/uploads/dgf6gX55fU7Qi-QqZrFpJ-fromclickToTrust-kv-w724.webp");
  background-image: linear-gradient(to bottom, var(--color--dark-50), var(--color--dark-50)), image-set(url("/uploads/dgf6gX55fU7Qi-QqZrFpJ-fromclickToTrust-kv-w64.webp") 0.06x, url("/uploads/dgf6gX55fU7Qi-QqZrFpJ-fromclickToTrust-kv-w320.webp") 0.31x, url("/uploads/dgf6gX55fU7Qi-QqZrFpJ-fromclickToTrust-kv-w640.webp") 0.63x, url("/uploads/dgf6gX55fU7Qi-QqZrFpJ-fromclickToTrust-kv-w724.webp") 0.71x);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-position-x: 0px, 50%;
  background-position-y: 0px, center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.newsletter {
  grid-row-gap: var(--spaces--xxl);
  width: 100%;
  height: 100vh;
  color: var(--color--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  position: relative;
}

.newsletter-heading {
  width: 100%;
  margin-bottom: var(--spaces--l);
  padding-right: var(--spaces--l);
  padding-left: var(--spaces--l);
  grid-column-gap: var(--spaces--xxl);
  color: var(--color--primary);
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (max-width: 479px) {
  .newsletter-heading {
  grid-row-gap: var(--spaces--m);
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

@media (max-width: 768px) {
  .newsletter-heading {
  grid-row-gap: var(--spaces--m);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  }
}

.newsletter-card {
  min-height: 33vh;
  padding: var(--spaces--l);
  grid-column-gap: var(--spaces--l);
  grid-row-gap: var(--spaces--l);
  background-image: radial-gradient(circle farthest-side at 50% 160%, var(--color--dark-50) 24%, var(--color--dark)), linear-gradient(90deg, var(--color--secondary-light-100), var(--color--secondary-400) 21%, var(--color--secondary) 48%, var(--color--secondary-dark) 73%, var(--color--dark));
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(251, 212, 137);
  border-right-color: rgb(251, 212, 137);
  border-bottom-color: rgb(251, 212, 137);
  border-left-color: rgb(251, 212, 137);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
  position: relative;
}

@media screen and (max-width: 479px) {
  .newsletter-card {
  width: 100%;
  }
}

@media (max-width: 768px) {
  .newsletter-card {
  height: 100%;
  }
}

.newsletter-optin {
  row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.newsletter-form-wrapper {
  row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.form-newsletter {
  grid-column-gap: var(--spaces--s);
  grid-row-gap: var(--spaces--s);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (max-width: 479px) {
  .form-newsletter {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  }
}

@media (max-width: 768px) {
  .form-newsletter {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  }
}

.input {
  width: 100%;
  height: 100%;
  color: var(--color--primary-dark-800);
  font-size: var(--font-size--heading-4);
  background-color: rgb(255, 255, 255);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(175, 221, 237, 0.5);
  border-right-color: rgba(175, 221, 237, 0.5);
  border-bottom-color: rgba(175, 221, 237, 0.5);
  border-left-color: rgba(175, 221, 237, 0.5);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
  line-height: 1.2;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
}

.svg-creativethatconvert {
  color: var(--color--white);
}

@media screen and (max-width: 991px) {
  .svg-creativethatconvert {
  width: 100%;
  }
}

.ai {
  width: 100%;
  height: 100vh;
  padding-top: var(--spaces--xxl);
  padding-bottom: var(--spaces--xxl);
  row-gap: 64px;
  background-image: radial-gradient(circle closest-corner at 50% 100%, var(--color--dark-0), var(--color--dark)), linear-gradient(0deg, var(--color--dark), var(--color--primary-light) 21%, var(--color--primary) 39%, var(--color--primary-800) 60%, var(--color--primary-dark) 85%, var(--color--dark));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.ai-content {
  grid-column-gap: var(--spaces--m);
  grid-row-gap: var(--spaces--xxl);
  white-space-collapse: break-spaces;
  text-wrap-mode: wrap;
  flex-direction: column;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  justify-items: stretch;
  width: 100%;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media (max-width: 768px) {
  .ai-content {
  grid-row-gap: var(--spaces--xl);
  grid-template-columns: 1fr;
  }
}

.faq {
  column-gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.faq-questions {
  grid-row-gap: var(--spaces--m);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 52ch;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (max-width: 479px) {
  .faq-questions {
  max-width: 100%;
  }
}

.faq-question {
  grid-row-gap: var(--spaces--s);
  width: 100%;
  color: var(--color--primary-800);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.align-left {
  text-align: left;
}

.prefooter {
  width: 100%;
  height: 100vh;
  padding-top: var(--spaces--xxxl);
  padding-bottom: var(--spaces--xxxl);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  position: relative;
}

.prefooter-content-text {
  z-index: 2;
  grid-column-gap: var(--spaces--xl);
  grid-row-gap: var(--spaces--xl);
  color: var(--color--white);
  text-align: center;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.prefooter-cta {
  grid-row-gap: var(--spaces--s);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.footer {
  width: 100%;
  padding: var(--spaces--xxl) var(--layout--padding--1-col) var(--layout--padding--4-col);
  grid-column-gap: var(--spaces--m);
  grid-row-gap: var(--spaces--m);
  background-color: rgb(230, 141, 41);
  justify-content: space-between;
  align-items: flex-start;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  .footer {
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

.footer-content {
  grid-column-gap: var(--spaces--m);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 711px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (max-width: 479px) {
  .footer-content {
  margin-bottom: var(--spaces--xxxl);
  }
}

@media (max-width: 768px) {
  .footer-content {
  margin-top: var(--spaces--xxl);
  grid-row-gap: var(--spaces--m);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  }
}

.footer-col {
  row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 225px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.footer-title {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 16px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.footer-col-2 {
  row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 162px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.footer-col-3 {
  row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 199px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.footer-logo {
  width: 15%;
  min-width: 100px;
  color: var(--color--text-dark);
}

@media screen and (max-width: 479px) {
  .footer-logo {
  width: 100%;
  max-width: 55%;
  }
}

.help-bg {
  z-index: -1;
  background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--color--dark-0), var(--color--dark)), linear-gradient(180deg, #91c4d9, #2baeda 21%, #065473 48%, #012340 73%, #051624);
  backdrop-filter: blur(20px);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 30vh;
  display: flex;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.result-title {
  width: 100%;
  max-width: 107ch;
}

.faq-content {
  grid-column-gap: var(--spaces--xxxl);
  grid-row-gap: var(--spaces--xxxl);
  width: 100%;
  color: var(--color--primary);
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

@media screen and (max-width: 991px) {
  .faq-content {
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

.prefooter-content {
  z-index: 3;
  grid-column-gap: var(--spaces--xxl);
  grid-row-gap: var(--spaces--xxl);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.workshop-card-title {
  width: 100%;
  min-width: 0px;
  max-width: 100%;
  color: var(--color--primary);
  overflow-wrap: break-word;
}

.newsletter-copy {
  color: var(--color--primary);
}

.help-cards-content {
  width: 100%;
  margin-top: var(--spaces--xxl);
}

@media screen and (max-width: 991px) {
  .help-cards-content {
  width: 100%;
  height: auto;
  }
}

@media screen and (max-width: 479px) {
  .help-cards-content {
  width: 100%;
  }
}

.preloader {
  z-index: 999999999;
  background-color: var(--color--text-dark);
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.pin {
  position: relative;
}

.bridge-text-1 {
  color: var(--color--primary-light);
}

.txt-primary-800 {
  color: var(--color--primary-800);
}

.about {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  .about {
  height: auto;
  min-height: 100svh;
  padding-top: clamp(5rem, 12vw, 8rem);
  padding-bottom: clamp(5rem, 12vw, 8rem);
  }
}

.about-text {
  color: var(--color--white);
}

@media screen and (max-width: 991px) {
  .about-text {
  text-align: left;
  width: 100%;
  max-width: 42rem;
  }
}

.about-avatar {
  aspect-ratio: 1 / 1;
  background-image: url("/uploads/pN6TIDqAQ13fBkPPfzDF0-Avatar-w348.webp");
  background-image: image-set(url("/uploads/pN6TIDqAQ13fBkPPfzDF0-Avatar-w64.webp") 0.06x, url("/uploads/pN6TIDqAQ13fBkPPfzDF0-Avatar-w320.webp") 0.31x, url("/uploads/pN6TIDqAQ13fBkPPfzDF0-Avatar-w348.webp") 0.34x);
  background-position-x: 50%;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 175px;
}

@media screen and (max-width: 991px) {
  .about-avatar {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: clamp(10rem, 32vw, 14rem);
  height: clamp(10rem, 32vw, 14rem);
  }
}

@media screen and (max-width: 479px) {
  .about-avatar {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  }
}

.about-wrapper {
  z-index: 2;
  grid-column-gap: var(--spaces--l);
  grid-row-gap: var(--spaces--l);
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  .about-wrapper {
  flex-direction: column;
  align-items: flex-start;
  row-gap: clamp(2rem, 6vw, 4rem);
  width: 100%;
  display: flex;
  }
}

.results-card-content-wrapper {
  grid-column-gap: var(--spaces--m);
  grid-row-gap: var(--spaces--m);
  aspect-ratio: auto;
  border-radius: var(--space--400);
  object-fit: fill;
  background-color: rgb(2, 31, 54);
  background-image: radial-gradient(120% 90% at 100% 0px, rgba(60, 157, 196, 0.26) 0%, rgba(60, 157, 196, 0) 56%), radial-gradient(90% 75% at 0px 100%, rgba(243, 146, 30, 0.14) 0%, rgba(243, 146, 30, 0) 62%), linear-gradient(155deg, rgb(8, 56, 88) 0%, rgb(3, 41, 67) 46%, rgb(1, 26, 44) 100%);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-color: rgba(145, 196, 217, 0.28);
  border-right-color: rgba(145, 196, 217, 0.18);
  border-bottom-color: rgba(0, 10, 20, 0.45);
  border-left-color: rgba(145, 196, 217, 0.18);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 66ch;
  height: auto;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px inset, rgba(0, 12, 24, 0.18) 0px -1.5rem 3rem inset, rgba(0, 10, 20, 0.16) 0px 1rem 3rem;
}

@media (max-width: 768px) {
  .results-card-content-wrapper {
  aspect-ratio: auto;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  }
}

.result-video-wrapper {
  z-index: 4;
  aspect-ratio: 16 / 9;
  background-color: rgb(1, 35, 64);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 479px) {
  .result-video-wrapper {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  }
}

@media (max-width: 768px) {
  .result-video-wrapper {
  aspect-ratio: 16 / 9;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 100%;
  height: auto;
  overflow-x: hidden;
  overflow-y: hidden;
  }
}

.result-txt {
  z-index: 4;
  width: 100%;
  padding: var(--spaces--m);
  color: var(--color--secondary-400);
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  grid-template-rows: auto auto;
  align-content: start;
  justify-content: space-between;
  align-items: flex-start;
  row-gap: clamp(1.75rem, 2.5vw, 3rem);
  display: flex;
  position: relative;
}

@media (max-width: 768px) {
  .result-txt {
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  padding: clamp(1rem, 4vw, 1.5rem);
  display: flex;
  }
}

.result-infos {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media (max-width: 768px) {
  .result-infos {
  width: 100%;
  margin-top: auto;
  }
}

.result-workshop-logo {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.result-card-content {
  height: auto;
  padding: var(--spaces--m);
}

@media (max-width: 768px) {
  .result-card-content {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  }
}

.results-card {
  width: 100%;
  height: auto;
  min-height: 0px;
}

@media (max-width: 768px) {
  .results-card {
  width: 100%;
  height: 100%;
  min-height: clamp(27rem, 118vw, 32rem);
  }
}

.results-infos-client {
  align-items: center;
  width: 50%;
  height: 45px;
  display: flex;
}

.results-workshop-mbs {
  height: 50px;
}

.results-workshop-fctt {
  height: 50px;
}

.workshops-cards-logo {
  max-width: 18ch;
}

@media screen and (max-width: 991px) {
  .workshops-cards-logo {
  width: clamp(8rem, 48%, 12rem);
  max-width: 20%;
  height: auto;
  }
}

@media screen and (max-width: 479px) {
  .workshops-cards-logo {
  max-width: 20%;
  }
}

@media (max-width: 768px) {
  .workshops-cards-logo {
  max-width: 33%;
  }
}

.fullscreen-video {
  z-index: 0;
  background-color: var(--color--dark-50);
  backdrop-filter: contrast(139%) blur(20px);
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.overlay {
  z-index: 2;
  backdrop-filter: contrast(135%) blur(15px);
  background-color: rgba(1, 35, 64, 0.8);
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.form {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .form {
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

.popup {
  width: 75%;
  height: 75%;
  min-height: 80%;
  padding: var(--spaces--xl) var(--layout--padding--1-col);
  grid-column-gap: var(--spaces--xxl);
  grid-row-gap: var(--spaces--xxl);
  border: 1px solid var(--color--primary);
  border-radius: var(--corner--corner);
  background-color: var(--color--dark-50);
  filter: drop-shadow(0px 10px 25px var(--color--secondary-dark));
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

@media screen and (max-width: 479px) {
  .popup {
  padding-left: 0px;
  padding-right: 0px;
  }
}

.popup.free-waitlist-dialog {
  opacity: 1;
}

.modal-wrapper {
  z-index: 999999;
  backdrop-filter: blur(25px);
  background-color: rgba(10, 2, 0, 0.85);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  position: fixed;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.popup-content {
  width: 100%;
  padding: var(--spaces--xl);
  grid-column-gap: var(--spaces--xxl);
  grid-row-gap: var(--spaces--xxl);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 479px) {
  .popup-content {
  padding-right: var(--spaces--s);
  padding-left: var(--spaces--s);
  }
}

.popup-title {
  grid-column-gap: var(--spaces--m);
  grid-row-gap: var(--spaces--m);
  flex-direction: column;
  flex-wrap: nowrap;
  line-height: 1;
  display: flex;
}

.fake-form-newsletter {
  grid-column-gap: var(--spaces--s);
  grid-row-gap: var(--spaces--s);
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (max-width: 991px) {
  .fake-form-newsletter {
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

@media screen and (max-width: 479px) {
  .fake-form-newsletter {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  }
}

@media (max-width: 768px) {
  .fake-form-newsletter {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  }
}

.fake-form-cta {
  width: 40%;
}

.span {
  color: var(--color--secondary-light-100);
  font-size: var(--font-size--heading-3);
  text-transform: capitalize;
}

.primary-light {
  color: var(--color--primary-light);
}

.hidden-input-field {
  opacity: 0;
  cursor: none;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.popup-heading {
  column-gap: 0px;
  row-gap: 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

.popup-text {
  column-gap: 0px;
  row-gap: 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

.creative-that-convert-wrapper {
  width: 12%;
  height: var(--font-size--heading-2);
  min-height: var(--font-size--heading-2);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-credits {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  min-height: 64px;
  display: flex;
  position: absolute;
  top: auto;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.footer-text {
  column-gap: 4px;
  row-gap: 4px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 479px) {
  .footer-text {
  padding-bottom: var(--spaces--m);
  column-gap: 2px;
  row-gap: 2px;
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

.heading-5 {
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--body-text);
  font-weight: 400;
}

.footer-text-svg {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  justify-content: center;
  align-items: baseline;
  max-width: 120px;
  display: flex;
}

@media screen and (max-width: 479px) {
  .footer-text-svg {
  justify-content: center;
  align-items: center;
  width: 100%;
  }
}

.disabled {
  opacity: 0.3;
  color: var(--color--dark);
  cursor: not-allowed;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.wrapper-coming-soon {
  z-index: 99;
  padding: var(--spaces--s);
  border-radius: var(--corner--radius);
  background-color: var(--color--dark-50);
  backdrop-filter: blur(2px);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.footnotes {
  color: rgb(255, 255, 255);
  letter-spacing: 0.3em;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 8px;
  font-weight: 500;
  line-height: 19.2px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.shiny-cta {
  grid-column-gap: var(--spaces--s);
  grid-row-gap: var(--spaces--s);
  background-color: var(--color--primary);
  outline-offset: 4px;
  color: var(--color--white);
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--body-text);
  cursor: pointer;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: 360px;
  border-top-right-radius: 360px;
  border-bottom-right-radius: 360px;
  border-bottom-left-radius: 360px;
  outline-style: none;
  justify-content: flex-start;
  align-items: center;
  padding: 1.25rem 2.5rem;
  font-weight: 500;
  line-height: 1.2px;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.video-pin {
  position: sticky;
  top: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.h4 {
  color: var(--color--white);
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--heading-4);
  text-align: center;
  font-weight: 400;
  line-height: 1.4;
}

.preloader-txt-wrapper {
  justify-content: center;
  align-items: center;
  width: 30ch;
  height: 100vh;
  display: flex;
}

.preload-txt {
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  position: relative;
}

.cta-primary {
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

@media (max-width: 768px) {
  .cta-primary {
  justify-content: center;
  align-items: center;
  display: flex;
  }
}

.code-embed {
  display: none;
}

.shiny-cta-secondary {
  grid-column-gap: var(--spaces--s);
  grid-row-gap: var(--spaces--s);
  border: .1px solid var(--color--secondary-light);
  background-color: var(--color--secondary);
  outline-offset: 4px;
  width: 100%;
  color: var(--color--secondary-400);
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--body-text);
  cursor: pointer;
  border-top-left-radius: 360px;
  border-top-right-radius: 360px;
  border-bottom-right-radius: 360px;
  border-bottom-left-radius: 360px;
  outline-style: none;
  justify-content: space-around;
  align-items: center;
  padding: 1.25rem 2.5rem;
  font-weight: 500;
  line-height: 1.2px;
  transition-behavior: normal;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: all;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.shiny-cta-secondary:hover {
  border-color: var(--color--white);
  color: var(--color--white);
}

.offercard {
  z-index: 1;
  border: 1px none var(--color--secondary-dark-800);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: space-between;
  align-items: stretch;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
}

.offercard-content {
  z-index: auto;
  grid-column-gap: var(--spaces--m);
  grid-row-gap: var(--spaces--m);
  color: rgb(255, 255, 255);
  background-image: url("/uploads/JsRB5a_B8EkZ5r5kOprMX-dotPattern20-w401.webp"), linear-gradient(-60deg, rgba(0, 39, 80, 0.2) 10%, rgb(1, 17, 43) 60%);
  background-image: image-set(url("/uploads/JsRB5a_B8EkZ5r5kOprMX-dotPattern20-w64.webp") 0.06x, url("/uploads/JsRB5a_B8EkZ5r5kOprMX-dotPattern20-w320.webp") 0.31x, url("/uploads/JsRB5a_B8EkZ5r5kOprMX-dotPattern20-w401.webp") 0.39x), linear-gradient(-60deg, rgba(0, 39, 80, 0.2) 10%, rgb(1, 17, 43) 60%);
  background-position-x: 50%, 0px;
  background-position-y: center, 0px;
  background-size: 200px auto, auto;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: space-around;
  align-items: stretch;
  padding: 4rem;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition-delay: 0s;
  transition-property: all;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  .offercard-content {
  aspect-ratio: 2 / 1;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 2rem;
  }
}

@media screen and (max-width: 479px) {
  .offercard-content {
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: auto;
  }
}

@media (max-width: 768px) {
  .offercard-content {
  aspect-ratio: auto;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: auto;
  min-height: 45vh;
  }
}

.offercard-paragraph {
  grid-row-gap: var(--spaces--s);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (max-width: 479px) {
  .offercard-paragraph {
  width: 100%;
  }
}

.offercard-text {
  grid-column-gap: var(--spaces--s);
  grid-row-gap: var(--spaces--s);
  text-align: left;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (max-width: 479px) {
  .offercard-text {
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  }
}

@media (max-width: 768px) {
  .offercard-text {
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  }
}

.offercard-cta {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (max-width: 479px) {
  .offercard-cta {
  justify-content: center;
  align-items: flex-end;
  }
}

@media (max-width: 768px) {
  .offercard-cta {
  justify-content: center;
  align-items: flex-end;
  }
}

.p-huge {
  opacity: 1;
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--p-huge);
  line-height: var(--line-height--p-huge);
  letter-spacing: var(--letter-spacing--p-large);
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 400;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

@media screen and (max-width: 991px) {
  .p-huge {
  line-height: var(--line-height--p-huge);
  letter-spacing: var(--letter-spacing--p-huge);
  }
}

.p-medium {
  opacity: 1;
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--p-medium);
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.p-regular {
  margin-bottom: 0px;
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: clamp(0.9rem, 0.88rem + 0.15vw, 1rem);
  font-weight: 400;
  line-height: 1.5;
}

.offercard-img {
  z-index: -1;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  background-image: none;
  background-position-x: 0px;
  background-position-y: 0px;
  background-repeat: repeat;
  background-size: auto;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.offercard-desc {
  grid-column-gap: var(--spaces--m);
  grid-row-gap: var(--spaces--m);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 50ch;
  display: flex;
}

@media (max-width: 768px) {
  .offercard-desc {
  width: auto;
  }
}

.cta-cards {
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  word-break: keep-all;
  width: 100%;
  min-width: 0px;
  max-width: 100%;
  margin-top: auto;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

@media screen and (max-width: 991px) {
  .cta-cards {
  width: 100%;
  max-width: 100%;
  }
}

.offercard-video {
  z-index: 0;
  width: 70%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .offercard-video {
  display: none;
  }
}

@media (max-width: 768px) {
  .offercard-video {
  width: 100%;
  height: 100%;
  display: block;
  }
}

.cards---video-code-embed {
  display: none;
}

.offercards {
  grid-column-gap: var(--spaces--xxl);
  grid-row-gap: var(--spaces--xxl);
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 0px;
}

@media screen and (max-width: 991px) {
  .offercards {
  flex-direction: column;
  row-gap: clamp(1.5rem, 4vw, 2.5rem);
  width: 100%;
  display: flex;
  position: static;
  top: auto;
  }
}

@media (max-width: 768px) {
  .offercards {
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

.result-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .result-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  }
}

.workshop-card-desc {
  width: 100%;
  min-width: 0px;
  max-width: 100%;
  color: var(--color--white);
  overflow-wrap: break-word;
}

.crossed-txt {
  display: inline-block;
  position: relative;
}

.ai-content-text {
  grid-column-gap: var(--spaces--l);
  grid-row-gap: var(--spaces--l);
  max-width: 60ch;
  color: var(--color--white);
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

.ai-content-title {
  max-width: 110ch;
  display: inline-flex;
}

.faq-answer {
  color: var(--color--white);
}

.prefooter-title {
  color: var(--color--primary);
}

.card-img-bg {
  height: 100%;
}

@media screen and (max-width: 991px) {
  .card-img-bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  }
}

@media (max-width: 768px) {
  .card-img-bg {
  object-fit: cover;
  }
}

.cue {
  z-index: 50;
  color: var(--color--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.hero-wrapper {
  width: 100vw;
  position: relative;
}

.video-scrub {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.tunnel-stage {
  z-index: 20;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.hero-overlay {
  z-index: 15;
  background-color: rgba(0, 0, 0, 0.15);
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.favorite {
  z-index: 10;
  border: 2px solid var(--neon--border);
  box-shadow: none;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  position: relative;
}

.hero-canvas-root {
  z-index: 0;
  background-color: rgba(133, 148, 172, 0.19);
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.testimonial {
  min-height: 100vh;
  padding-top: var(--spaces--xxxl);
  padding-bottom: var(--spaces--xxxl);
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: var(--color-dark);
}

.testimonial_quote {
  width: 100%;
  color: var(--color--white);
  text-align: left;
}

.quote {
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--heading-3);
  letter-spacing: var(--letter-spacing--heading-3);
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 400;
  line-height: clamp(3.8rem, 2.2rem + 0.2vw, 4rem);
}

@media screen and (max-width: 991px) {
  .quote {
  line-height: var(--line-height--heading-3);
  }
}

@media (max-width: 768px) {
  .quote {
  line-height: 1.2;
  }
}

.testimonial_author {
  column-gap: 0.25em;
  row-gap: 0.25em;
  color: var(--color--white);
  text-align: left;
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
}

.testimonial_content {
  grid-column-gap: var(--spaces--m);
  grid-row-gap: var(--spaces--m);
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

.video-overlay {
  z-index: 0;
  background-color: var(--color--secondary-dark-800);
  opacity: 0.9;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.tooltips {
  border-top-left-radius: var(--corner--radius);
  border-top-right-radius: var(--corner--radius);
  border-bottom-left-radius: var(--corner--radius);
  border-bottom-right-radius: var(--corner--radius);
  background-color: var(--color--primary-dark);
  min-width: 0px;
  max-width: 100%;
  color: var(--color--primary-800);
  letter-spacing: 0.3rem;
  text-transform: uppercase;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  padding: 12px;
}

@media screen and (max-width: 991px) {
  .tooltips {
  letter-spacing: 0.12rem;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  }
}

.p-small {
  margin-bottom: 0px;
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: clamp(0.6rem, 0.66rem + 0.15vw, 0.6rem);
  font-weight: 500;
  line-height: 1;
}

.tooltip-wrapper {
  grid-column-gap: var(--spaces--s);
  grid-row-gap: var(--spaces--s);
  flex-wrap: wrap;
  width: 100%;
  min-width: 0px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .tooltip-wrapper {
  flex-wrap: wrap;
  row-gap: 0.5rem;
  column-gap: 0.5rem;
  width: 100%;
  display: flex;
  }
}

.start-for-free {
  width: 100%;
  height: 100vh;
  color: var(--color--white);
}

.free-products {
  grid-row-gap: var(--spaces--xxl);
  color: var(--color--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  position: relative;
}

.cta-double {
  grid-column-gap: var(--spaces--m);
  grid-row-gap: var(--spaces--m);
  align-items: center;
  display: flex;
}

.testimonial_avatar {
  width: clamp(2rem, 0.88rem + 0.15vw, 1rem);
}

.testimonial_avatar_img {
  width: var(--spaces--m);
  height: var(--spaces--m);
  border: 1px solid var(--color--primary-light);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-top-left-radius: 50em;
  border-top-right-radius: 50em;
  border-bottom-right-radius: 50em;
  border-bottom-left-radius: 50em;
}

.type-result-highlight {
  max-width: 18ch;
  min-height: 4.32em;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.08;
}

.workshops-container {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 4vw, 4rem);
  padding-right: clamp(1rem, 4vw, 4rem);
}

.type-workshop-card-title {
  letter-spacing: -0.02em;
  max-width: 18ch;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(2rem, 1.1rem + 0.45vw, 2.75rem);
  font-weight: 400;
  line-height: 1.08;
}

.newsletter-container {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 4vw, 4rem);
  padding-right: clamp(1rem, 4vw, 4rem);
}

@media screen and (max-width: 479px) {
  .newsletter-container {
  padding-left: 1rem;
  padding-right: 1rem;
  }
}

@media (max-width: 768px) {
  .newsletter-container {
  padding-left: 1rem;
  padding-right: 1rem;
  }
}

.newsletter-heading-layout {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
  align-items: end;
  row-gap: clamp(1.25rem, 4vw, 5rem);
  column-gap: clamp(1.25rem, 4vw, 5rem);
  margin-bottom: clamp(2rem, 4vw, 4rem);
  display: grid;
}

@media screen and (max-width: 479px) {
  .newsletter-heading-layout {
  row-gap: 1rem;
  column-gap: 1rem;
  margin-bottom: 1.5rem;
  }
}

@media (max-width: 768px) {
  .newsletter-heading-layout {
  row-gap: 1rem;
  column-gap: 1rem;
  margin-bottom: 1.5rem;
  }
}

.type-newsletter-heading {
  max-width: 9ch;
  letter-spacing: var(--letter-spacing--heading-2);
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(2.75rem, 5.5vw, 6.5rem);
  line-height: 0.92;
}

@media screen and (max-width: 479px) {
  .type-newsletter-heading {
  max-width: 11ch;
  font-size: 2.5rem;
  line-height: 0.94;
  }
}

@media (max-width: 768px) {
  .type-newsletter-heading {
  max-width: 11ch;
  font-size: clamp(2.5rem, 9vw, 3.5rem);
  line-height: 0.94;
  }
}

.type-newsletter-intro {
  max-width: 38ch;
  letter-spacing: var(--letter-spacing--heading-4);
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(1.1rem, 1.5vw, 1.5rem);
  line-height: 1.25;
}

@media screen and (max-width: 479px) {
  .type-newsletter-intro {
  max-width: 32ch;
  font-size: 1rem;
  line-height: 1.3;
  }
}

@media (max-width: 768px) {
  .type-newsletter-intro {
  max-width: 32ch;
  font-size: 1rem;
  line-height: 1.3;
  }
}

.newsletter-card-fluid {
  border-top-left-radius: clamp(1rem, 1.5vw, 1.5rem);
  border-top-right-radius: clamp(1rem, 1.5vw, 1.5rem);
  border-bottom-right-radius: clamp(1rem, 1.5vw, 1.5rem);
  border-bottom-left-radius: clamp(1rem, 1.5vw, 1.5rem);
  width: 100%;
  height: auto;
  min-height: 0px;
  padding: clamp(1.5rem, 3vw, 3rem) clamp(1.25rem, 3.5vw, 3.5rem);
}

@media screen and (max-width: 479px) {
  .newsletter-card-fluid {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  padding: 1.25rem 1rem;
  }
}

@media (max-width: 768px) {
  .newsletter-card-fluid {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  padding: 1.25rem 1rem;
  }
}

.newsletter-optin-fluid {
  flex-direction: column;
  align-items: stretch;
  row-gap: clamp(1.5rem, 3vw, 3rem);
  column-gap: clamp(1.5rem, 3vw, 3rem);
  display: flex;
}

@media screen and (max-width: 479px) {
  .newsletter-optin-fluid {
  row-gap: 1.25rem;
  column-gap: 1.25rem;
  }
}

@media (max-width: 768px) {
  .newsletter-optin-fluid {
  row-gap: 1.25rem;
  column-gap: 1.25rem;
  }
}

.type-newsletter-card-title {
  letter-spacing: -0.035em;
  max-width: 22ch;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(1.8rem, 4vw, 4.25rem);
  line-height: 1.02;
}

@media screen and (max-width: 479px) {
  .type-newsletter-card-title {
  font-size: 1.75rem;
  line-height: 1.02;
  }
}

@media (max-width: 768px) {
  .type-newsletter-card-title {
  font-size: clamp(1.75rem, 7vw, 2.5rem);
  line-height: 1.02;
  }
}

.newsletter-form-row {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  align-items: stretch;
  row-gap: clamp(0.75rem, 1.5vw, 1.25rem);
  column-gap: clamp(0.75rem, 1.5vw, 1.25rem);
  width: 100%;
  display: grid;
}

.newsletter-input-fluid {
  width: 100%;
  min-width: 0px;
  height: clamp(3.25rem, 5vw, 3.75rem);
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.2;
}

.newsletter-cta-fluid {
  width: 100%;
  min-width: 0px;
  min-height: clamp(3.25rem, 5vw, 3.75rem);
}

.newsletter-section-fluid {
  height: auto;
  min-height: 0px;
  padding-top: clamp(3rem, 8vw, 7rem);
  padding-bottom: clamp(3rem, 8vw, 7rem);
  overflow-x: visible;
  overflow-y: visible;
}

.newsletter-container-flow {
  row-gap: clamp(2rem, 5vw, 4rem);
  column-gap: clamp(2rem, 5vw, 4rem);
  width: 100%;
  max-width: min(1920px, 80rem);
  height: auto;
  min-height: 0px;
  overflow-x: visible;
  overflow-y: visible;
}

.newsletter-modal-responsive {
  padding: 1rem;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow-y: auto;
}

@media screen and (max-width: 479px) {
  .newsletter-modal-responsive {
  padding: 0.5rem;
  }
}

@media (max-width: 768px) {
  .newsletter-modal-responsive {
  padding: 0.5rem;
  }
}

.newsletter-popup-responsive {
  border-top-left-radius: clamp(1rem, 2vw, 1.5rem);
  border-top-right-radius: clamp(1rem, 2vw, 1.5rem);
  border-bottom-right-radius: clamp(1rem, 2vw, 1.5rem);
  border-bottom-left-radius: clamp(1rem, 2vw, 1.5rem);
  width: min(100%, 48rem);
  max-width: 48rem;
  max-height: calc(100dvh - 2rem);
  margin-left: auto;
  margin-right: auto;
  padding: clamp(1.5rem, 4vw, 3rem) clamp(1.25rem, 4vw, 3rem);
  overflow-y: auto;
}

@media screen and (max-width: 479px) {
  .newsletter-popup-responsive {
  border-top-left-radius: 0.875rem;
  border-top-right-radius: 0.875rem;
  border-bottom-right-radius: 0.875rem;
  border-bottom-left-radius: 0.875rem;
  max-height: calc(100dvh - 1rem);
  padding: 1.25rem 1rem;
  }
}

@media (max-width: 768px) {
  .newsletter-popup-responsive {
  border-top-left-radius: 0.875rem;
  border-top-right-radius: 0.875rem;
  border-bottom-right-radius: 0.875rem;
  border-bottom-left-radius: 0.875rem;
  max-height: calc(100dvh - 1rem);
  padding: 1.25rem 1rem;
  }
}

.newsletter-popup-content-responsive {
  flex-direction: column;
  row-gap: clamp(1.25rem, 3vw, 2.5rem);
  column-gap: clamp(1.25rem, 3vw, 2.5rem);
  width: 100%;
  display: flex;
}

.newsletter-popup-title-responsive {
  flex-direction: column;
  row-gap: clamp(0.75rem, 2vw, 1.25rem);
  column-gap: clamp(0.75rem, 2vw, 1.25rem);
  display: flex;
}

.type-newsletter-popup-heading {
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(2rem, 6vw, 4.5rem);
  line-height: 0.98;
}

@media screen and (max-width: 479px) {
  .type-newsletter-popup-heading {
  font-size: 2rem;
  line-height: 1;
  }
}

@media (max-width: 768px) {
  .type-newsletter-popup-heading {
  font-size: clamp(2rem, 8vw, 3rem);
  line-height: 1;
  }
}

.type-newsletter-popup-body {
  letter-spacing: -0.025em;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(1.25rem, 3vw, 2rem);
  line-height: 1.1;
}

@media screen and (max-width: 479px) {
  .type-newsletter-popup-body {
  font-size: 1.15rem;
  line-height: 1.15;
  }
}

@media (max-width: 768px) {
  .type-newsletter-popup-body {
  font-size: 1.25rem;
  line-height: 1.15;
  }
}

.type-newsletter-popup-note {
  max-width: 42ch;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(0.85rem, 1.5vw, 1rem);
  line-height: 1.35;
}

.newsletter-popup-form {
  flex-direction: column;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1rem;
  width: 100%;
  min-width: 0px;
  display: flex;
}

.newsletter-popup-submit {
  text-align: center;
  white-space-collapse: collapse;
  text-wrap-mode: wrap;
  width: 100%;
  max-width: 24rem;
  min-height: 3.5rem;
}

.ai-section-fluid {
  background-image: radial-gradient(circle closest-corner at 50% 100%, var(--color--dark-0), var(--color--dark)), linear-gradient(0deg, #e68d29, var(--color--primary-light) 0%, var(--color--primary) 19%, var(--color--primary-800) 42%, var(--color--primary-dark) 85%, var(--color--dark));
  height: 100vh;
  padding-top: clamp(4rem, 9vw, 9rem);
  padding-bottom: clamp(4rem, 9vw, 9rem);
  overflow-x: visible;
  overflow-y: visible;
}

.ai-container {
  width: 100%;
  max-width: min(1920px, 80rem);
  height: auto;
  min-height: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 4vw, 4rem);
  padding-right: clamp(1rem, 4vw, 4rem);
  overflow-x: visible;
  overflow-y: visible;
}

.ai-content-fluid {
  grid-template-columns: minmax(0px, 1.2fr) minmax(18rem, 0.8fr);
  align-items: end;
  row-gap: clamp(2rem, 6vw, 7rem);
  column-gap: clamp(2rem, 6vw, 7rem);
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

@media screen and (max-width: 991px) {
  .ai-content-fluid {
  grid-template-columns: minmax(0px, 1fr);
  align-items: start;
  row-gap: clamp(2rem, 5vw, 3.5rem);
  column-gap: clamp(2rem, 5vw, 3.5rem);
  }
}

@media screen and (max-width: 479px) {
  .ai-content-fluid {
  grid-template-columns: minmax(0px, 1fr);
  align-items: start;
  row-gap: 1.75rem;
  column-gap: 1.75rem;
  }
}

@media (max-width: 768px) {
  .ai-content-fluid {
  grid-template-columns: minmax(0px, 1fr);
  align-items: start;
  row-gap: 2rem;
  column-gap: 2rem;
  }
}

.type-ai-heading {
  letter-spacing: -0.045em;
  overflow-wrap: normal;
  max-width: 13ch;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(2.75rem, 6vw, 7rem);
  line-height: 0.95;
}

@media screen and (max-width: 479px) {
  .type-ai-heading {
  max-width: 12ch;
  font-size: 2.5rem;
  line-height: 0.98;
  }
}

@media (max-width: 768px) {
  .type-ai-heading {
  max-width: 12ch;
  font-size: clamp(2.5rem, 10vw, 4rem);
  line-height: 0.98;
  }
}

.ai-text-fluid {
  flex-direction: column;
  row-gap: clamp(1.25rem, 2.5vw, 2.5rem);
  column-gap: clamp(1.25rem, 2.5vw, 2.5rem);
  max-width: 38rem;
  display: flex;
}

.type-ai-lead {
  letter-spacing: -0.025em;
  max-width: 24ch;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(1.4rem, 2.2vw, 2.4rem);
  line-height: 1.08;
}

@media screen and (max-width: 479px) {
  .type-ai-lead {
  font-size: 1.25rem;
  line-height: 1.15;
  }
}

@media (max-width: 768px) {
  .type-ai-lead {
  font-size: 1.35rem;
  line-height: 1.12;
  }
}

.type-ai-body {
  letter-spacing: -0.01em;
  max-width: 44ch;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  line-height: 1.4;
}

.faq-section-fluid {
  height: auto;
  min-height: 0px;
  padding-top: clamp(4rem, 9vw, 9rem);
  padding-bottom: clamp(4rem, 9vw, 9rem);
  overflow-x: visible;
  overflow-y: visible;
}

.faq-container {
  width: 100%;
  max-width: min(100%, 90rem);
  height: auto;
  min-height: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 4vw, 4rem);
  padding-right: clamp(1rem, 4vw, 4rem);
  overflow-x: visible;
  overflow-y: visible;
}

.faq-content-grid {
  grid-template-columns: minmax(10rem, 0.45fr) minmax(0px, 1fr);
  align-items: start;
  row-gap: clamp(3rem, 8vw, 10rem);
  column-gap: clamp(3rem, 8vw, 10rem);
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

@media screen and (max-width: 991px) {
  .faq-content-grid {
  grid-template-columns: minmax(0px, 1fr);
  row-gap: clamp(2.5rem, 6vw, 4rem);
  column-gap: clamp(2.5rem, 6vw, 4rem);
  }
}

@media screen and (max-width: 479px) {
  .faq-content-grid {
  grid-template-columns: minmax(0px, 1fr);
  row-gap: 2rem;
  column-gap: 2rem;
  }
}

@media (max-width: 768px) {
  .faq-content-grid {
  grid-template-columns: minmax(0px, 1fr);
  row-gap: 2.5rem;
  column-gap: 2.5rem;
  }
}

.type-faq-heading {
  letter-spacing: -0.05em;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(3rem, 7vw, 7.5rem);
  line-height: 0.9;
}

@media screen and (max-width: 479px) {
  .type-faq-heading {
  font-size: 3rem;
  line-height: 0.92;
  }
}

@media (max-width: 768px) {
  .type-faq-heading {
  font-size: clamp(3rem, 14vw, 5rem);
  line-height: 0.92;
  }
}

.faq-list-fluid {
  flex-direction: column;
  row-gap: 0px;
  column-gap: 0px;
  width: 100%;
  max-width: 55rem;
  margin-left: auto;
  display: flex;
}

.faq-item-editorial {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.18);
  flex-direction: column;
  row-gap: clamp(0.75rem, 1.5vw, 1.25rem);
  column-gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding-top: clamp(1.5rem, 2.5vw, 2.5rem);
  padding-bottom: clamp(1.5rem, 2.5vw, 2.5rem);
  display: flex;
}

.type-faq-question {
  letter-spacing: -0.025em;
  max-width: 30ch;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.12;
}

@media screen and (max-width: 479px) {
  .type-faq-question {
  font-size: 1.25rem;
  line-height: 1.15;
  }
}

.type-faq-answer {
  letter-spacing: -0.01em;
  max-width: 55ch;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(1rem, 1.15vw, 1.2rem);
  line-height: 1.5;
}

.prefooter-section-fluid {
  isolation: isolate;
  background-color: rgb(3, 23, 37);
  height: auto;
  min-height: max(42rem, 100svh);
  padding-top: clamp(5rem, 10vw, 10rem);
  padding-bottom: clamp(5rem, 10vw, 10rem);
  overflow-x: hidden;
  overflow-y: hidden;
}

.prefooter-container {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 4vw, 4rem);
  padding-right: clamp(1rem, 4vw, 4rem);
}

.prefooter-content-fluid {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  row-gap: clamp(3rem, 8vw, 7rem);
  column-gap: clamp(3rem, 8vw, 7rem);
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.prefooter-text-fluid {
  flex-direction: column;
  row-gap: clamp(1rem, 2vw, 2rem);
  column-gap: clamp(1rem, 2vw, 2rem);
  max-width: 70rem;
  display: flex;
}

.type-prefooter-heading {
  letter-spacing: -0.05em;
  text-wrap-mode: initial;
  text-wrap-style: balance;
  max-width: 15ch;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(3rem, 7vw, 8rem);
  line-height: 0.92;
}

@media screen and (max-width: 479px) {
  .type-prefooter-heading {
  max-width: 12ch;
  font-size: 3rem;
  line-height: 0.94;
  }
}

@media (max-width: 768px) {
  .type-prefooter-heading {
  max-width: 12ch;
  font-size: clamp(3rem, 13vw, 5rem);
  line-height: 0.94;
  }
}

.type-prefooter-lead {
  letter-spacing: -0.02em;
  max-width: 36ch;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(1.25rem, 2vw, 2rem);
  line-height: 1.15;
}

.prefooter-cta-fluid {
  flex-direction: column;
  row-gap: clamp(1rem, 2vw, 1.5rem);
  column-gap: clamp(1rem, 2vw, 1.5rem);
  width: 100%;
  display: flex;
}

@media (max-width: 768px) {
  .prefooter-cta-fluid {
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

.prefooter-cta-grid {
  grid-template-columns: repeat(2, minmax(0px, max-content));
  justify-content: start;
  align-items: stretch;
  row-gap: clamp(0.75rem, 1.5vw, 1.5rem);
  column-gap: clamp(0.75rem, 1.5vw, 1.5rem);
  display: grid;
}

@media screen and (max-width: 479px) {
  .prefooter-cta-grid {
  grid-template-columns: minmax(0px, 1fr);
  row-gap: 0.75rem;
  column-gap: 0.75rem;
  width: 100%;
  }
}

@media (max-width: 768px) {
  .prefooter-cta-grid {
  grid-template-columns: minmax(0px, 1fr);
  row-gap: 0.75rem;
  column-gap: 0.75rem;
  width: 100%;
  }
}

.type-prefooter-note {
  max-width: 42ch;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.35;
}

.prefooter-overlay-responsive {
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(rgba(3, 23, 37, 0.2) 0%, rgba(3, 23, 37, 0.62) 100%);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

@media screen and (max-width: 479px) {
  .prefooter-overlay-responsive {
  background-image: linear-gradient(rgba(3, 23, 37, 0.38) 0%, rgba(3, 23, 37, 0.82) 100%);
  }
}

@media (max-width: 768px) {
  .prefooter-overlay-responsive {
  background-image: linear-gradient(rgba(3, 23, 37, 0.32) 0%, rgba(3, 23, 37, 0.78) 100%);
  }
}

.prefooter-video-cover {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.footer-component-fluid {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  row-gap: clamp(3.5rem, 7vw, 8rem);
  column-gap: clamp(3rem, 7vw, 7rem);
  height: auto;
  min-height: auto;
  padding: clamp(4rem, 8vw, 9rem) clamp(1rem, 4vw, 4rem) clamp(2.5rem, 5vw, 5rem);
  display: flex;
  overflow-x: visible;
  overflow-y: visible;
}

@media screen and (max-width: 479px) {
  .footer-component-fluid {
  justify-content: space-around;
  row-gap: clamp(2.5rem, 10vw, 4rem);
  column-gap: clamp(2.5rem, 10vw, 4rem);
  padding: clamp(2.5rem, 10vw, 4rem) 1rem 1.25rem;
  }
}

.footer-logo-fluid {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  align-self: flex-start;
  width: 20%;
  max-width: 70rem;
  height: auto;
  overflow-x: hidden;
  overflow-y: hidden;
}

.footer-content-grid {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: auto;
  align-self: stretch;
  align-items: start;
  row-gap: clamp(2rem, 5vw, 6rem);
  column-gap: clamp(2rem, 5vw, 6rem);
  width: 70%;
  max-width: none;
  height: auto;
  min-height: 0px;
  display: grid;
  position: static;
  overflow-x: visible;
  overflow-y: visible;
}

@media screen and (max-width: 991px) {
  .footer-content-grid {
  column-gap: clamp(1.5rem, 4vw, 3rem);
  width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .footer-content-grid {
  grid-template-columns: minmax(0px, 1fr);
  row-gap: 1.75rem;
  }
}

@media (max-width: 768px) {
  .footer-content-grid {
  grid-template-columns: minmax(0px, 1fr);
  row-gap: 2rem;
  }
}

.footer-column-fluid {
  flex-direction: column;
  align-self: start;
  row-gap: clamp(0.65rem, 1vw, 1rem);
  column-gap: clamp(0.65rem, 1vw, 1rem);
  min-width: 0px;
  height: auto;
  min-height: 0px;
  display: flex;
  position: static;
}

.type-footer-title {
  letter-spacing: -0.02em;
  margin-top: 0px;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(1.15rem, 1.6vw, 1.5rem);
  line-height: 1.15;
}

.type-footer-link {
  color: var(--color--primary-800);
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  line-height: 1.35;
}

.footer-credits-fluid {
  z-index: 2;
  clear: both;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(3, 23, 37, 0.18);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  justify-content: space-between;
  align-items: center;
  row-gap: clamp(1rem, 3vw, 3rem);
  column-gap: clamp(1rem, 3vw, 3rem);
  width: 100%;
  height: auto;
  min-height: 0px;
  margin-top: auto;
  padding-top: clamp(1.5rem, 3vw, 3rem);
  display: flex;
  position: relative;
}

@media screen and (max-width: 479px) {
  .footer-credits-fluid {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1rem;
  }
}

@media (max-width: 768px) {
  .footer-credits-fluid {
  flex-direction: column;
  align-items: flex-start;
  }
}

.footer-credit-text-fluid {
  flex-wrap: wrap;
  align-items: stretch;
  row-gap: clamp(0.5rem, 1vw, 1rem);
  column-gap: clamp(0.5rem, 1vw, 1rem);
  min-width: 0px;
  display: flex;
}

.type-footer-credit {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.35;
}

.footer-credit-logo {
  flex-shrink: 0;
  width: clamp(6rem, 10vw, 10rem);
  height: auto;
  display: block;
}

.testimonial_avatar_img_wrapper {
  width: var(--spaces--m);
  height: var(--spaces--m);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-top-left-radius: 50em;
  border-top-right-radius: 50em;
  border-bottom-right-radius: 50em;
  border-bottom-left-radius: 50em;
}

.footer-wrapper {
  justify-content: space-between;
  display: flex;
}

@media screen and (max-width: 991px) {
  .footer-wrapper {
  grid-column-gap: var(--spaces--xl);
  grid-row-gap: var(--spaces--xl);
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

.navbar-mobile {
  z-index: 999999;
  border-top: .0015px solid var(--color--white);
  border-bottom: .0015em solid var(--color--white);
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: none;
  position: fixed;
  top: 5vh;
  right: 0%;
  bottom: auto;
  left: 0%;
}

@media screen and (max-width: 991px) {
  .navbar-mobile {
  border-top-left-radius: 4em;
  border-top-right-radius: 4em;
  border-bottom-right-radius: 4em;
  border-bottom-left-radius: 4em;
  width: 88%;
  max-width: 44.5rem;
  display: flex;
  }
}

@media (max-width: 768px) {
  .navbar-mobile {
  display: flex;
  }
}

.hire-media-overlay {
  background-color: rgba(2, 15, 26, 0.76);
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.start-for-free-wrapper {
  z-index: 2;
  column-gap: clamp(2rem, 5vw, 4.5rem);
  row-gap: clamp(2rem, 5vw, 4.5rem);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 70rem;
  display: flex;
  position: relative;
}

@media screen and (max-width: 479px) {
  .start-for-free-wrapper {
  width: calc(100% - 2rem);
  }
}

.free-products-grid {
  max-width: var(--layout--sizes--container-max);
  grid-column-gap: var(--spaces--xxl);
  grid-row-gap: var(--spaces--xxl);
  flex-direction: column;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

@media (max-width: 768px) {
  .free-products-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  }
}

.free-product-card {
  border-top-left-radius: var(--corner--radius);
  border-top-right-radius: var(--corner--radius);
  border-bottom-left-radius: var(--corner--radius);
  border-bottom-right-radius: var(--corner--radius);
  width: 100%;
  color: var(--color--secondary-400);
  min-width: 0px;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 479px) {
  .free-product-card {
  aspect-ratio: auto;
  min-height: 30rem;
  }
}

@media (max-width: 768px) {
  .free-product-card {
  aspect-ratio: 4 / 3;
  }
}

.free-product-shade {
  background-image: url("/uploads/_y1lced-tVPlLerOewi1C-dotPattern10-w401.webp"), linear-gradient(229deg, #0000000a, #03070d99 40%, var(--color--primary-dark-800));
  background-image: image-set(url("/uploads/_y1lced-tVPlLerOewi1C-dotPattern10-w64.webp") 0.06x, url("/uploads/_y1lced-tVPlLerOewi1C-dotPattern10-w320.webp") 0.31x, url("/uploads/_y1lced-tVPlLerOewi1C-dotPattern10-w401.webp") 0.39x), linear-gradient(229deg, #0000000a, #03070d99 40%, var(--color--primary-dark-800));
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  background-position-x: 50%, 0px;
  background-position-y: center, 0px;
  background-size: 200px auto, auto;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.free-product-content {
  z-index: 1;
  width: 100%;
  padding: var(--spaces--l);
  grid-column-gap: var(--spaces--m);
  grid-row-gap: var(--spaces--m);
  aspect-ratio: 2.39 / 1;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--secondary-light-100-50);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--secondary-light-100-50);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--secondary-light-100-50);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--secondary-light-100-50);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

@media screen and (max-width: 479px) {
  .free-product-content {
  padding: 1.25rem;
  }
}

.free-product-top {
  column-gap: 1rem;
  row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-weight: 400;
  display: flex;
}

@media screen and (max-width: 479px) {
  .free-product-top {
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  }
}

.free-product-meta {
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  border-radius: var(--corner--corner);
  background-color: var(--color--primary);
  color: var(--color--white);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0.25em 1em;
  font-size: 0.75em;
  display: flex;
}

@media screen and (max-width: 479px) {
  .free-product-meta {
  max-width: 70%;
  }
}

.free-product-meta.webinar-on-demand {
  background-color: rgb(119, 68, 255);
}

.free-product-meta.figma-template {
  background-color: rgb(0, 107, 156);
}

.free-product-meta.saas_pdf {
  background-color: rgb(253, 116, 131);
}

.free-product-meta.customgpt {
  background-color: var(--color--primary-800);
}

.free-product-time {
  letter-spacing: -0.01em;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  line-height: 1;
}

.free-product-logo {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: 12%;
  min-width: 10%;
  min-height: 2rem;
  display: flex;
}

.free-product-copy {
  row-gap: clamp(0.65rem, 1vw, 1rem);
  column-gap: clamp(0.65rem, 1vw, 1rem);
  flex-direction: column;
  max-width: 66ch;
  display: flex;
}

.free-product-bottom {
  column-gap: 1rem;
  row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 479px) {
  .free-product-bottom {
  align-items: flex-end;
  }
}

.free-product-button {
  padding: var(--spaces--s) var(--spaces--l);
  column-gap: 0.65rem;
  row-gap: 0.65rem;
  backdrop-filter: blur(12px);
  color: rgb(255, 255, 255);
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--body-text);
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  word-break: keep-all;
  background-color: rgba(255, 255, 255, 0.13);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.25);
  border-right-color: rgba(255, 255, 255, 0.25);
  border-bottom-color: rgba(255, 255, 255, 0.25);
  border-left-color: rgba(255, 255, 255, 0.25);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  justify-content: center;
  align-items: center;
  line-height: 1;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: inline-flex;
}

.free-product-bg {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  background-image: url("/uploads/j9QS3jLW14wroDYPgG9lK-MBS-Workshop---SWCO---KV--1920-w1920.webp");
  background-image: image-set(url("/uploads/j9QS3jLW14wroDYPgG9lK-MBS-Workshop---SWCO---KV--1920-w64.webp") 0.06x, url("/uploads/j9QS3jLW14wroDYPgG9lK-MBS-Workshop---SWCO---KV--1920-w320.webp") 0.31x, url("/uploads/j9QS3jLW14wroDYPgG9lK-MBS-Workshop---SWCO---KV--1920-w640.webp") 0.63x, url("/uploads/j9QS3jLW14wroDYPgG9lK-MBS-Workshop---SWCO---KV--1920-w1024.webp") 1x, url("/uploads/j9QS3jLW14wroDYPgG9lK-MBS-Workshop---SWCO---KV--1920-w1600.webp") 1.56x, url("/uploads/j9QS3jLW14wroDYPgG9lK-MBS-Workshop---SWCO---KV--1920-w1920.webp") 1.88x);
  background-position-x: 50%;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.free-product-bg.fctt-bg {
  background-image: linear-gradient(148deg, rgba(1, 17, 43, 0.9) 33%, rgba(1, 17, 43, 0.2)), url("/uploads/dgf6gX55fU7Qi-QqZrFpJ-fromclickToTrust-kv-w724.webp");
  background-image: linear-gradient(148deg, rgba(1, 17, 43, 0.9) 33%, rgba(1, 17, 43, 0.2)), image-set(url("/uploads/dgf6gX55fU7Qi-QqZrFpJ-fromclickToTrust-kv-w64.webp") 0.06x, url("/uploads/dgf6gX55fU7Qi-QqZrFpJ-fromclickToTrust-kv-w320.webp") 0.31x, url("/uploads/dgf6gX55fU7Qi-QqZrFpJ-fromclickToTrust-kv-w640.webp") 0.63x, url("/uploads/dgf6gX55fU7Qi-QqZrFpJ-fromclickToTrust-kv-w724.webp") 0.71x);
  background-position-x: 0px, 50%;
  background-position-y: 0px, center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.free-product-bg.ea-bg {
  background-image: linear-gradient(120deg, rgba(1, 17, 43, 0.9) 48%, rgba(1, 17, 43, 0.2)), url("/uploads/HldkM86qhYZovNgfhyqaF-emotive-assets-kv-w724.webp");
  background-image: linear-gradient(120deg, rgba(1, 17, 43, 0.9) 48%, rgba(1, 17, 43, 0.2)), image-set(url("/uploads/HldkM86qhYZovNgfhyqaF-emotive-assets-kv-w64.webp") 0.06x, url("/uploads/HldkM86qhYZovNgfhyqaF-emotive-assets-kv-w320.webp") 0.31x, url("/uploads/HldkM86qhYZovNgfhyqaF-emotive-assets-kv-w640.webp") 0.63x, url("/uploads/HldkM86qhYZovNgfhyqaF-emotive-assets-kv-w724.webp") 0.71x);
  background-position-x: 0px, 50%;
  background-position-y: 0px, center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.free-product-top-time {
  grid-column-gap: var(--spaces--s);
  grid-row-gap: var(--spaces--s);
  align-items: baseline;
  display: flex;
}

.favorite-hover {
  z-index: 10;
  border: 2px solid var(--neon--border);
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.free-waitlist-modal {
  backdrop-filter: blur(24px);
  overscroll-behavior-x: contain;
  overscroll-behavior-y: contain;
  background-color: rgba(1, 12, 20, 0.84);
  padding: clamp(0.75rem, 2vw, 1.5rem);
  display: none;
  overflow-y: auto;
}

.free-waitlist-dialog {
  color: rgb(255, 255, 255);
  background-color: rgb(5, 22, 36);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(175, 221, 237, 0.2);
  border-right-color: rgba(175, 221, 237, 0.2);
  border-bottom-color: rgba(175, 221, 237, 0.2);
  border-left-color: rgba(175, 221, 237, 0.2);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: clamp(1.25rem, 3vw, 2.25rem);
  border-top-right-radius: clamp(1.25rem, 3vw, 2.25rem);
  border-bottom-right-radius: clamp(1.25rem, 3vw, 2.25rem);
  border-bottom-left-radius: clamp(1.25rem, 3vw, 2.25rem);
  width: min(100%, 46rem);
  max-height: calc(-1.5rem + 100svh);
  margin: auto;
  position: relative;
  overflow-y: auto;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 2rem 8rem;
}

.free-waitlist-content {
  row-gap: clamp(1.75rem, 4vw, 2.75rem);
  column-gap: clamp(1.75rem, 4vw, 2.75rem);
  flex-direction: column;
  padding: clamp(2rem, 6vw, 4.5rem);
  display: flex;
}

.free-waitlist-heading {
  column-gap: 0.9rem;
  row-gap: 0.9rem;
  display: grid;
}

.free-waitlist-eyebrow {
  color: rgb(243, 147, 33);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0px;
  font-size: 0.78rem;
  font-weight: 600;
}

.free-waitlist-title {
  color: rgb(255, 255, 255);
  max-width: 12ch;
  margin: 0px;
}

.free-waitlist-description {
  color: rgba(255, 255, 255, 0.72);
  max-width: 36rem;
  margin: 0px;
}

.free-waitlist-product-name {
  color: rgb(175, 221, 236);
  font-weight: 500;
}

.free-waitlist-form {
  column-gap: 1rem;
  row-gap: 1rem;
  display: grid;
}

.free-waitlist-fields {
  column-gap: 1rem;
  row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  display: grid;
}

.free-waitlist-field {
  column-gap: 0.55rem;
  row-gap: 0.55rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.88rem;
  display: grid;
}

.free-waitlist-input {
  color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.06);
  border-top-color: rgba(175, 221, 237, 0.36);
  border-right-color: rgba(175, 221, 237, 0.36);
  border-bottom-color: rgba(175, 221, 237, 0.36);
  border-left-color: rgba(175, 221, 237, 0.36);
  outline-style: none;
  min-width: 0px;
  height: 3.75rem;
  padding: 0px 1rem;
}

.free-waitlist-submit {
  color: rgb(7, 21, 32);
  cursor: pointer;
  background-color: rgb(243, 147, 33);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  width: 100%;
  min-height: 3.75rem;
}

.free-waitlist-privacy {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  margin: 0px;
  font-size: 0.78rem;
  line-height: 1.45;
}

.free-waitlist-status {
  margin: 0px;
  font-size: 0.78rem;
  line-height: 1.45;
}

.free-waitlist-error {
  color: rgb(255, 173, 159);
  text-align: center;
}

.free-waitlist-success {
  column-gap: 1.25rem;
  row-gap: 1.25rem;
  color: rgb(255, 255, 255);
  justify-items: start;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  line-height: 1.2;
  display: none;
}

.free-waitlist-success-mark {
  color: rgb(7, 21, 32);
  background-color: rgb(243, 147, 33);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  align-items: center;
  justify-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: grid;
}

.free-waitlist-close {
  z-index: 2;
  color: rgb(255, 255, 255);
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.08);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-right-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(255, 255, 255, 0.22);
  border-left-color: rgba(255, 255, 255, 0.22);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.free-waitlist-honeypot {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -10000px;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .menu-button {
  padding: var(--spaces--s);
  border: 1px solid var(--color--primary-light);
  color: var(--color--primary);
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  }
}

@media screen and (max-width: 479px) {
  .menu-button {
  padding: var(--spaces--s);
  }
}

@media screen and (max-width: 991px) {
  .offercard-content:hover {
  background-position-x: 50%, 0px;
  background-position-y: center, 0px;
  }
}

@media screen and (max-width: 991px) {
  .ds-navbar-menu-responsive {
  z-index: 1;
  box-sizing: border-box;
  background-color: rgba(145, 196, 217, 0.08);
  background-image: linear-gradient(180deg, var(--color--dark-50), #fff0);
  backdrop-filter: blur(1.25rem);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  row-gap: 0.75rem;
  column-gap: 0.75rem;
  width: 100%;
  min-height: 11rem;
  margin: 0px;
  padding: 2rem 1rem 1rem;
  position: absolute;
  top: calc(100% - 1rem);
  left: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  }
}

@media screen and (max-width: 991px) {
  .ds-navbar-button-responsive {
  color: rgb(255, 255, 255);
  background-color: rgb(243, 146, 30);
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
  justify-content: center;
  align-items: center;
  min-width: 5.5625rem;
  min-height: 2.75rem;
  padding: 0.55em 1em;
  display: flex;
  }
}

@media screen and (max-width: 991px) {
  .ds-mobile-nav {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  width: 100%;
  max-width: calc(-2rem + 100vw);
  height: 5.3rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4em;
  padding-right: 4em;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  }
}

@media screen and (max-width: 479px) {
  .ds-mobile-nav {
  padding-left: 2em;
  padding-right: 2em;
  font-family: Ppneuemontreal, Arial, sans-serif;
  }
}

@media screen and (max-width: 991px) {
  .ds-mobile-glass {
  pointer-events: none;
  backdrop-filter: brightness(110%) blur(6px);
  background-color: rgba(145, 196, 217, 0.06);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  box-shadow: rgba(255, 255, 255, 0.35) 2px 2px 1px inset, rgba(0, 0, 0, 0.18) 0px -8px 16px inset;
  }
}

@media screen and (max-width: 479px) {
  .ds-mobile-glass {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  }
}

@media screen and (max-width: 991px) {
  .ds-mobile-tint {
  width: 100%;
  height: 100%;
  }
}

@media screen and (max-width: 479px) {
  .ds-mobile-tint {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  position: absolute;
  }
}

@media screen and (max-width: 991px) {
  .ds-mobile-shine {
  width: 100%;
  height: 100%;
  padding-bottom: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  }
}

@media screen and (max-width: 479px) {
  .ds-mobile-shine {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  position: absolute;
  }
}

@media screen and (max-width: 991px) {
  .ds-mobile-header {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5.3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: relative;
  }
}

@media screen and (max-width: 479px) {
  .ds-mobile-header {
  justify-content: space-between;
  align-items: center;
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  position: relative;
  }
}

@media screen and (max-width: 991px) {
  .ds-mobile-logo {
  color: rgb(255, 255, 255);
  width: 8rem;
  }
}

@media screen and (max-width: 479px) {
  .ds-mobile-logo {
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  width: clamp(6.25rem, 18vw, 8.5rem);
  min-width: 6.25rem;
  }
}

@media screen and (max-width: 991px) {
  .ds-mobile-trigger {
  color: rgb(255, 255, 255);
  background-color: rgb(243, 146, 30);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  justify-content: center;
  align-items: center;
  min-width: 5.5625rem;
  min-height: 2.75rem;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  }
}

@media screen and (max-width: 479px) {
  .ds-mobile-trigger {
  background-color: var(--color--primary);
  min-width: 5.5625rem;
  min-height: 2.75rem;
  color: var(--color--white);
  font-size: var(--font-size--body-text);
  text-align: center;
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
  justify-content: center;
  align-items: center;
  padding: 0.55em 1em 1em;
  font-weight: 400;
  line-height: 1;
  display: flex;
  }
}

@media screen and (max-width: 991px) {
  .ds-mobile-links {
  column-gap: 1.5em;
  row-gap: 1.5em;
  opacity: 1;
  z-index: 2;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  transform: translate(0px, 12px);
  }
}

@media screen and (max-width: 479px) {
  .ds-mobile-links {
  column-gap: 1em;
  row-gap: 1em;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 10rem;
  font-weight: 400;
  display: flex;
  }
}

@media screen and (max-width: 991px) {
  .ds-mobile-link {
  color: var(--color--white);
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--body-text);
  line-height: 1.6;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  }
}

@media screen and (max-width: 479px) {
  .ds-mobile-link {
  color: var(--color--white);
  font-size: var(--font-size--p-medium);
  line-height: 1.6px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  }
}

@media screen and (max-width: 991px) {
  .ds-mobile-trigger-menu {
  transform-origin: 50% 100%;
  transform: perspective(1000px) translate(0px);
  }
}

@media screen and (max-width: 991px) {
  .ds-mobile-trigger-close {
  z-index: 1;
  opacity: 0;
  transform-origin: 50% 100%;
  position: absolute;
  transform: perspective(1000px) translate(0px, 2em);
  }
}

@media screen and (max-width: 991px) {
  .ds-mobile-trigger-bg {
  background-color: var(--color--primary-800);
  padding-bottom: 0px;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  transform: translate(0px, 100%);
  }
}

#w-node-_01d7ec5c-d30e-e7d2-0613-f8995c74c5a9-48a76f67 {
  grid-row-start: span 1;
  grid-column-start: span 1;
  grid-row-end: span 1;
  grid-column-end: span 1;
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

#originkit-tornado {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  pointer-events: none;
  z-index: 0;
}

@media (prefers-reduced-motion: reduce) {
  #originkit-tornado {
  opacity: 0.7;
  }
}

#originkit-tornado > div, #originkit-tornado canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.start-for-free-wrapper {
  position: relative;
  z-index: 1;
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

.shiny-cta {
  --animation: gradient-angle linear infinite;
  --duration: 4.2s;
  --shadow-size: 2px;
  isolation: isolate;
  color: var(--shiny-cta-fg);
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg))
      padding-box,
    conic-gradient(
        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
        transparent,
        var(--shiny-cta-highlight) var(--gradient-percent),
        var(--gradient-shine) calc(var(--gradient-percent) * 2),
        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
        transparent calc(var(--gradient-percent) * 4)
      )
      border-box;
  box-shadow: inset 0 0 0 0.25px var(--shiny-cta-bg-subtle);
  --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
  transition: var(--transition);
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
}

.shiny-cta::before {
  --size: calc(100% - var(--shadow-size) * 3);
  --position: 2px;
  --space: calc(var(--position) * 2);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    )
    padding-box;
  background-size: var(--space) var(--space);
  background-repeat: space;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  );
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  opacity: 0.4;
  z-index: -1;
}

.shiny-cta::after {
  --animation: shimmer linear infinite;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-highlight),
    transparent
  );
  mask-image: radial-gradient(circle at center bottom, transparent 40%, black);
  opacity: 0.6;
}

.shiny-cta span {
  z-index: 1;
}

.shiny-cta:is(:hover, :focus-visible) {
  --gradient-percent: 20%;
  --gradient-angle-offset: 95deg;
  --gradient-shine: var(--shiny-cta-highlight-subtle);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

.navbar.ds-navbar-fluid {
  width: min(80vw, 44.5rem);
  min-height: 5.25rem;
  padding: 0.625rem clamp(1rem, 2vw, 2rem);
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
  box-sizing: border-box;
  overflow-x: visible;
  overflow-y: visible;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid {
  min-height: 4rem;
  padding: 0.625rem clamp(1rem, 2vw, 2rem);
  position: relative;
  z-index: 2;
  }
}

.navbar.ds-navbar-fluid > .navbar-glasseffect {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-glasstint {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-glassshine {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-code {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid .navbar-content {
  width: 100%;
  max-width: none;
  min-height: 4rem;
  margin: 0px;
  padding: 0px;
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .navbar-content {
  min-height: 2.75rem;
  position: relative;
  z-index: 2;
  }
}

.navbar.ds-navbar-fluid .navbar-logo {
  width: 6.0625rem;
  height: auto;
  padding: 0px;
}

.navbar.ds-navbar-fluid .navbar-items {
  row-gap: clamp(1rem, 1.5vw, 1.5rem);
  column-gap: clamp(1rem, 1.5vw, 1.5rem);
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .navbar-items {
  display: none;
  }
}

.navbar.ds-navbar-fluid .navbar-textlink {
  font-size: 1rem;
  line-height: 1.5;
}

.navbar.ds-navbar-fluid .cta-primary .shiny-cta {
  min-height: 4rem;
  padding: 1.25em 2.5em;
}

.navbar.ds-navbar-fluid .menu-button {
  min-width: 5.5625rem;
  min-height: 2.75rem;
  padding: 0.55em 0.75em;
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
  background-color: transparent;
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .menu-button {
  display: flex;
  align-items: center;
  justify-content: center;
  }
}

.navbar.ds-navbar-fluid .navbar-items * {
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .menu-button.ds-navbar-button-responsive {
  background-color: rgb(243, 146, 30) !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  box-shadow: none !important;
  color: rgb(255, 255, 255) !important;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

.favorite-hover::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

.shiny-cta-secondary {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  background-image: radial-gradient(circle, rgb(0, 29, 42) 0%, rgb(3, 42, 60) 100%);
}

.shiny-cta-secondary::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: radial-gradient(rgba(43, 174, 218, 0.15) 1px, transparent 1px);
  background-size: 6px 6px;
  opacity: 0.4;
  pointer-events: none;
}

@keyframes shakeX {
  10%, 90% {
    transform: translateX(-2px);
  }
  20%, 80% {
    transform: translateX(4px);
  }
  30%, 50%, 70% {
    transform: translateX(-6px);
  }
  40%, 60% {
    transform: translateX(6px);
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

.shiny-cta {
  --animation: gradient-angle linear infinite;
  --duration: 4.2s;
  --shadow-size: 2px;
  isolation: isolate;
  color: var(--shiny-cta-fg);
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg))
      padding-box,
    conic-gradient(
        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
        transparent,
        var(--shiny-cta-highlight) var(--gradient-percent),
        var(--gradient-shine) calc(var(--gradient-percent) * 2),
        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
        transparent calc(var(--gradient-percent) * 4)
      )
      border-box;
  box-shadow: inset 0 0 0 0.25px var(--shiny-cta-bg-subtle);
  --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
  transition: var(--transition);
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
}

.shiny-cta::before {
  --size: calc(100% - var(--shadow-size) * 3);
  --position: 2px;
  --space: calc(var(--position) * 2);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    )
    padding-box;
  background-size: var(--space) var(--space);
  background-repeat: space;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  );
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  opacity: 0.4;
  z-index: -1;
}

.shiny-cta::after {
  --animation: shimmer linear infinite;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-highlight),
    transparent
  );
  mask-image: radial-gradient(circle at center bottom, transparent 40%, black);
  opacity: 0.6;
}

.shiny-cta span {
  z-index: 1;
}

.shiny-cta:is(:hover, :focus-visible) {
  --gradient-percent: 20%;
  --gradient-angle-offset: 95deg;
  --gradient-shine: var(--shiny-cta-highlight-subtle);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

.navbar.ds-navbar-fluid {
  width: min(80vw, 44.5rem);
  min-height: 5.25rem;
  padding: 0.625rem clamp(1rem, 2vw, 2rem);
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
  box-sizing: border-box;
  overflow-x: visible;
  overflow-y: visible;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid {
  min-height: 4rem;
  padding: 0.625rem clamp(1rem, 2vw, 2rem);
  position: relative;
  z-index: 2;
  }
}

.navbar.ds-navbar-fluid > .navbar-glasseffect {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-glasstint {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-glassshine {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-code {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid .navbar-content {
  width: 100%;
  max-width: none;
  min-height: 4rem;
  margin: 0px;
  padding: 0px;
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .navbar-content {
  min-height: 2.75rem;
  position: relative;
  z-index: 2;
  }
}

.navbar.ds-navbar-fluid .navbar-logo {
  width: 6.0625rem;
  height: auto;
  padding: 0px;
}

.navbar.ds-navbar-fluid .navbar-items {
  row-gap: clamp(1rem, 1.5vw, 1.5rem);
  column-gap: clamp(1rem, 1.5vw, 1.5rem);
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .navbar-items {
  display: none;
  }
}

.navbar.ds-navbar-fluid .navbar-textlink {
  font-size: 1rem;
  line-height: 1.5;
}

.navbar.ds-navbar-fluid .cta-primary .shiny-cta {
  min-height: 4rem;
  padding: 1.25em 2.5em;
}

.navbar.ds-navbar-fluid .menu-button {
  min-width: 5.5625rem;
  min-height: 2.75rem;
  padding: 0.55em 0.75em;
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
  background-color: transparent;
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .menu-button {
  display: flex;
  align-items: center;
  justify-content: center;
  }
}

.navbar.ds-navbar-fluid .navbar-items * {
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .menu-button.ds-navbar-button-responsive {
  background-color: rgb(243, 146, 30) !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  box-shadow: none !important;
  color: rgb(255, 255, 255) !important;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

[data-hero-cue] {
  visibility: hidden;
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

.shiny-cta {
  --animation: gradient-angle linear infinite;
  --duration: 4.2s;
  --shadow-size: 2px;
  isolation: isolate;
  color: var(--shiny-cta-fg);
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg))
      padding-box,
    conic-gradient(
        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
        transparent,
        var(--shiny-cta-highlight) var(--gradient-percent),
        var(--gradient-shine) calc(var(--gradient-percent) * 2),
        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
        transparent calc(var(--gradient-percent) * 4)
      )
      border-box;
  box-shadow: inset 0 0 0 0.25px var(--shiny-cta-bg-subtle);
  --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
  transition: var(--transition);
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
}

.shiny-cta::before {
  --size: calc(100% - var(--shadow-size) * 3);
  --position: 2px;
  --space: calc(var(--position) * 2);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    )
    padding-box;
  background-size: var(--space) var(--space);
  background-repeat: space;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  );
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  opacity: 0.4;
  z-index: -1;
}

.shiny-cta::after {
  --animation: shimmer linear infinite;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-highlight),
    transparent
  );
  mask-image: radial-gradient(circle at center bottom, transparent 40%, black);
  opacity: 0.6;
}

.shiny-cta span {
  z-index: 1;
}

.shiny-cta:is(:hover, :focus-visible) {
  --gradient-percent: 20%;
  --gradient-angle-offset: 95deg;
  --gradient-shine: var(--shiny-cta-highlight-subtle);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

.navbar.ds-navbar-fluid {
  width: min(80vw, 44.5rem);
  min-height: 5.25rem;
  padding: 0.625rem clamp(1rem, 2vw, 2rem);
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
  box-sizing: border-box;
  overflow-x: visible;
  overflow-y: visible;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid {
  min-height: 4rem;
  padding: 0.625rem clamp(1rem, 2vw, 2rem);
  position: relative;
  z-index: 2;
  }
}

.navbar.ds-navbar-fluid > .navbar-glasseffect {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-glasstint {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-glassshine {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-code {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid .navbar-content {
  width: 100%;
  max-width: none;
  min-height: 4rem;
  margin: 0px;
  padding: 0px;
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .navbar-content {
  min-height: 2.75rem;
  position: relative;
  z-index: 2;
  }
}

.navbar.ds-navbar-fluid .navbar-logo {
  width: 6.0625rem;
  height: auto;
  padding: 0px;
}

.navbar.ds-navbar-fluid .navbar-items {
  row-gap: clamp(1rem, 1.5vw, 1.5rem);
  column-gap: clamp(1rem, 1.5vw, 1.5rem);
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .navbar-items {
  display: none;
  }
}

.navbar.ds-navbar-fluid .navbar-textlink {
  font-size: 1rem;
  line-height: 1.5;
}

.navbar.ds-navbar-fluid .cta-primary .shiny-cta {
  min-height: 4rem;
  padding: 1.25em 2.5em;
}

.navbar.ds-navbar-fluid .menu-button {
  min-width: 5.5625rem;
  min-height: 2.75rem;
  padding: 0.55em 0.75em;
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
  background-color: transparent;
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .menu-button {
  display: flex;
  align-items: center;
  justify-content: center;
  }
}

.navbar.ds-navbar-fluid .navbar-items * {
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .menu-button.ds-navbar-button-responsive {
  background-color: rgb(243, 146, 30) !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  box-shadow: none !important;
  color: rgb(255, 255, 255) !important;
  }
}

:root {
  --shiny-cta-cards-bg: var(--color--primary);
  --shiny-cta-cards-bg-subtle: var(--gradient--orange);
}

.shiny-cta-cards-2::before {
  --size: calc(100% - var(--shadow-size) * 3);
  --position: 2px;
  --space: calc(var(--position) * 2);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    )
    padding-box;
  background-size: var(--space) var(--space);
  background-repeat: space;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  );
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  opacity: 0.4;
  z-index: -1;
}

.shiny-cta-cards-2::after {
  --animation: shimmer linear infinite;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-cards-highlight),
    transparent
  );
  mask-image: radial-gradient(circle at center bottom, transparent 40%, black);
  opacity: 0.6;
}

.shiny-cta-cards-2 span {
  z-index: 1;
}

.shiny-cta-cards-2:is(:hover, :focus-visible) {
  --gradient-percent: 20%;
  --gradient-angle-offset: 95deg;
  --gradient-shine: var(--shiny-cta-cards-highlight-subtle);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

:root {
  --shiny-cta-cards-bg: var(--color--primary);
  --shiny-cta-cards-bg-subtle: var(--gradient--orange);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

:root {
  --shiny-cta-cards-bg: var(--color--primary);
  --shiny-cta-cards-bg-subtle: var(--gradient--orange);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

@media (min-width: 768px) {
  .results-marquee-2:hover .results-marquee-track-2 {
  animation-play-state: paused;
  }
}

@keyframes results-marquee-loop {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    transform: translate3d(-50%, 0px, 0px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .results-marquee-2::-webkit-scrollbar {
  display: none;
  }
}

@media (max-width: 768px) {
  .results-marquee-2::-webkit-scrollbar {
  display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .results-marquee-track-2 > :nth-child(2) {
  display: none;
  }
}

@media (max-width: 768px) {
  .results-marquee-track-2 > :nth-child(2) {
  display: none;
  }
}

:root {
  --shiny-cta-cards-bg: var(--color--primary);
  --shiny-cta-cards-bg-subtle: var(--gradient--orange);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

:root {
  --shiny-cta-cards-bg: var(--color--primary);
  --shiny-cta-cards-bg-subtle: var(--gradient--orange);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

.coming-soon-2::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: radial-gradient(rgba(43, 174, 218, 0.15) 1px, transparent 1px);
  background-size: 6px 6px;
  opacity: 0.4;
  pointer-events: none;
}

:root {
  --shiny-cta-cards-bg: var(--color--primary);
  --shiny-cta-cards-bg-subtle: var(--gradient--orange);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

.shiny-cta-secondary {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  background-image: radial-gradient(circle, rgb(0, 29, 42) 0%, rgb(3, 42, 60) 100%);
}

.shiny-cta-secondary::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: radial-gradient(rgba(43, 174, 218, 0.15) 1px, transparent 1px);
  background-size: 6px 6px;
  opacity: 0.4;
  pointer-events: none;
}

@keyframes shakeX {
  10%, 90% {
    transform: translateX(-2px);
  }
  20%, 80% {
    transform: translateX(4px);
  }
  30%, 50%, 70% {
    transform: translateX(-6px);
  }
  40%, 60% {
    transform: translateX(6px);
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

canvas {
  width: 100%;
  height: 100%;
  display: block;
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

.shiny-cta {
  --animation: gradient-angle linear infinite;
  --duration: 4.2s;
  --shadow-size: 2px;
  isolation: isolate;
  color: var(--shiny-cta-fg);
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg))
      padding-box,
    conic-gradient(
        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
        transparent,
        var(--shiny-cta-highlight) var(--gradient-percent),
        var(--gradient-shine) calc(var(--gradient-percent) * 2),
        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
        transparent calc(var(--gradient-percent) * 4)
      )
      border-box;
  box-shadow: inset 0 0 0 0.25px var(--shiny-cta-bg-subtle);
  --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
  transition: var(--transition);
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
}

.shiny-cta::before {
  --size: calc(100% - var(--shadow-size) * 3);
  --position: 2px;
  --space: calc(var(--position) * 2);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    )
    padding-box;
  background-size: var(--space) var(--space);
  background-repeat: space;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  );
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  opacity: 0.4;
  z-index: -1;
}

.shiny-cta::after {
  --animation: shimmer linear infinite;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-highlight),
    transparent
  );
  mask-image: radial-gradient(circle at center bottom, transparent 40%, black);
  opacity: 0.6;
}

.shiny-cta span {
  z-index: 1;
}

.shiny-cta:is(:hover, :focus-visible) {
  --gradient-percent: 20%;
  --gradient-angle-offset: 95deg;
  --gradient-shine: var(--shiny-cta-highlight-subtle);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

.shiny-cta-secondary {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  background-image: radial-gradient(circle, rgb(0, 29, 42) 0%, rgb(3, 42, 60) 100%);
}

.shiny-cta-secondary::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: radial-gradient(rgba(43, 174, 218, 0.15) 1px, transparent 1px);
  background-size: 6px 6px;
  opacity: 0.4;
  pointer-events: none;
}

:root {
  --shiny-cta-cards-bg: var(--color--primary);
  --shiny-cta-cards-bg-subtle: var(--gradient--orange);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

:root {
  --shiny-cta-cards-bg: var(--color--primary);
  --shiny-cta-cards-bg-subtle: var(--gradient--orange);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

.video-pin {
  position: sticky;
  top: 0px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
}

.cue {
  position: absolute;
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

.shiny-cta {
  --animation: gradient-angle linear infinite;
  --duration: 4.2s;
  --shadow-size: 2px;
  isolation: isolate;
  color: var(--shiny-cta-fg);
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg))
      padding-box,
    conic-gradient(
        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
        transparent,
        var(--shiny-cta-highlight) var(--gradient-percent),
        var(--gradient-shine) calc(var(--gradient-percent) * 2),
        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
        transparent calc(var(--gradient-percent) * 4)
      )
      border-box;
  box-shadow: inset 0 0 0 0.25px var(--shiny-cta-bg-subtle);
  --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
  transition: var(--transition);
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
}

.shiny-cta::before {
  --size: calc(100% - var(--shadow-size) * 3);
  --position: 2px;
  --space: calc(var(--position) * 2);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    )
    padding-box;
  background-size: var(--space) var(--space);
  background-repeat: space;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  );
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  opacity: 0.4;
  z-index: -1;
}

.shiny-cta::after {
  --animation: shimmer linear infinite;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-highlight),
    transparent
  );
  mask-image: radial-gradient(circle at center bottom, transparent 40%, black);
  opacity: 0.6;
}

.shiny-cta span {
  z-index: 1;
}

.shiny-cta:is(:hover, :focus-visible) {
  --gradient-percent: 20%;
  --gradient-angle-offset: 95deg;
  --gradient-shine: var(--shiny-cta-highlight-subtle);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

.navbar.ds-navbar-fluid {
  width: min(80vw, 44.5rem);
  min-height: 5.25rem;
  padding: 0.625rem clamp(1rem, 2vw, 2rem);
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
  box-sizing: border-box;
  overflow-x: visible;
  overflow-y: visible;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid {
  min-height: 4rem;
  padding: 0.625rem clamp(1rem, 2vw, 2rem);
  position: relative;
  z-index: 2;
  }
}

.navbar.ds-navbar-fluid > .navbar-glasseffect {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-glasstint {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-glassshine {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-code {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid .navbar-content {
  width: 100%;
  max-width: none;
  min-height: 4rem;
  margin: 0px;
  padding: 0px;
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .navbar-content {
  min-height: 2.75rem;
  position: relative;
  z-index: 2;
  }
}

.navbar.ds-navbar-fluid .navbar-logo {
  width: 6.0625rem;
  height: auto;
  padding: 0px;
}

.navbar.ds-navbar-fluid .navbar-items {
  row-gap: clamp(1rem, 1.5vw, 1.5rem);
  column-gap: clamp(1rem, 1.5vw, 1.5rem);
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .navbar-items {
  display: none;
  }
}

.navbar.ds-navbar-fluid .navbar-textlink {
  font-size: 1rem;
  line-height: 1.5;
}

.navbar.ds-navbar-fluid .cta-primary .shiny-cta {
  min-height: 4rem;
  padding: 1.25em 2.5em;
}

.navbar.ds-navbar-fluid .menu-button {
  min-width: 5.5625rem;
  min-height: 2.75rem;
  padding: 0.55em 0.75em;
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
  background-color: transparent;
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .menu-button {
  display: flex;
  align-items: center;
  justify-content: center;
  }
}

.navbar.ds-navbar-fluid .navbar-items * {
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .menu-button.ds-navbar-button-responsive {
  background-color: rgb(243, 146, 30) !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  box-shadow: none !important;
  color: rgb(255, 255, 255) !important;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

.shiny-cta {
  --animation: gradient-angle linear infinite;
  --duration: 4.2s;
  --shadow-size: 2px;
  isolation: isolate;
  color: var(--shiny-cta-fg);
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg))
      padding-box,
    conic-gradient(
        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
        transparent,
        var(--shiny-cta-highlight) var(--gradient-percent),
        var(--gradient-shine) calc(var(--gradient-percent) * 2),
        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
        transparent calc(var(--gradient-percent) * 4)
      )
      border-box;
  box-shadow: inset 0 0 0 0.25px var(--shiny-cta-bg-subtle);
  --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
  transition: var(--transition);
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
}

.shiny-cta::before {
  --size: calc(100% - var(--shadow-size) * 3);
  --position: 2px;
  --space: calc(var(--position) * 2);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    )
    padding-box;
  background-size: var(--space) var(--space);
  background-repeat: space;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  );
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  opacity: 0.4;
  z-index: -1;
}

.shiny-cta::after {
  --animation: shimmer linear infinite;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-highlight),
    transparent
  );
  mask-image: radial-gradient(circle at center bottom, transparent 40%, black);
  opacity: 0.6;
}

.shiny-cta span {
  z-index: 1;
}

.shiny-cta:is(:hover, :focus-visible) {
  --gradient-percent: 20%;
  --gradient-angle-offset: 95deg;
  --gradient-shine: var(--shiny-cta-highlight-subtle);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

.shiny-cta {
  --animation: gradient-angle linear infinite;
  --duration: 4.2s;
  --shadow-size: 2px;
  isolation: isolate;
  color: var(--shiny-cta-fg);
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg))
      padding-box,
    conic-gradient(
        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
        transparent,
        var(--shiny-cta-highlight) var(--gradient-percent),
        var(--gradient-shine) calc(var(--gradient-percent) * 2),
        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
        transparent calc(var(--gradient-percent) * 4)
      )
      border-box;
  box-shadow: inset 0 0 0 0.25px var(--shiny-cta-bg-subtle);
  --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
  transition: var(--transition);
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
}

.shiny-cta::before {
  --size: calc(100% - var(--shadow-size) * 3);
  --position: 2px;
  --space: calc(var(--position) * 2);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    )
    padding-box;
  background-size: var(--space) var(--space);
  background-repeat: space;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  );
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  opacity: 0.4;
  z-index: -1;
}

.shiny-cta::after {
  --animation: shimmer linear infinite;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-highlight),
    transparent
  );
  mask-image: radial-gradient(circle at center bottom, transparent 40%, black);
  opacity: 0.6;
}

.shiny-cta span {
  z-index: 1;
}

.shiny-cta:is(:hover, :focus-visible) {
  --gradient-percent: 20%;
  --gradient-angle-offset: 95deg;
  --gradient-shine: var(--shiny-cta-highlight-subtle);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

.navbar.ds-navbar-fluid {
  width: min(80vw, 44.5rem);
  min-height: 5.25rem;
  padding: 0.625rem clamp(1rem, 2vw, 2rem);
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
  box-sizing: border-box;
  overflow-x: visible;
  overflow-y: visible;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid {
  min-height: 4rem;
  padding: 0.625rem clamp(1rem, 2vw, 2rem);
  position: relative;
  z-index: 2;
  }
}

.navbar.ds-navbar-fluid > .navbar-glasseffect {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-glasstint {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-glassshine {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid > .navbar-code {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none !important;
}

.navbar.ds-navbar-fluid .navbar-content {
  width: 100%;
  max-width: none;
  min-height: 4rem;
  margin: 0px;
  padding: 0px;
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .navbar-content {
  min-height: 2.75rem;
  position: relative;
  z-index: 2;
  }
}

.navbar.ds-navbar-fluid .navbar-logo {
  width: 6.0625rem;
  height: auto;
  padding: 0px;
}

.navbar.ds-navbar-fluid .navbar-items {
  row-gap: clamp(1rem, 1.5vw, 1.5rem);
  column-gap: clamp(1rem, 1.5vw, 1.5rem);
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .navbar-items {
  display: none;
  }
}

.navbar.ds-navbar-fluid .navbar-textlink {
  font-size: 1rem;
  line-height: 1.5;
}

.navbar.ds-navbar-fluid .cta-primary .shiny-cta {
  min-height: 4rem;
  padding: 1.25em 2.5em;
}

.navbar.ds-navbar-fluid .menu-button {
  min-width: 5.5625rem;
  min-height: 2.75rem;
  padding: 0.55em 0.75em;
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
  background-color: transparent;
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .menu-button {
  display: flex;
  align-items: center;
  justify-content: center;
  }
}

.navbar.ds-navbar-fluid .navbar-items * {
  pointer-events: auto !important;
}

@media screen and (max-width: 991px) {
  .navbar.ds-navbar-fluid .menu-button.ds-navbar-button-responsive {
  background-color: rgb(243, 146, 30) !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  box-shadow: none !important;
  color: rgb(255, 255, 255) !important;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

.shiny-cta {
  --animation: gradient-angle linear infinite;
  --duration: 4.2s;
  --shadow-size: 2px;
  isolation: isolate;
  color: var(--shiny-cta-fg);
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg))
      padding-box,
    conic-gradient(
        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
        transparent,
        var(--shiny-cta-highlight) var(--gradient-percent),
        var(--gradient-shine) calc(var(--gradient-percent) * 2),
        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
        transparent calc(var(--gradient-percent) * 4)
      )
      border-box;
  box-shadow: inset 0 0 0 0.25px var(--shiny-cta-bg-subtle);
  --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
  transition: var(--transition);
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
}

.shiny-cta::before {
  --size: calc(100% - var(--shadow-size) * 3);
  --position: 2px;
  --space: calc(var(--position) * 2);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    )
    padding-box;
  background-size: var(--space) var(--space);
  background-repeat: space;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  );
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  opacity: 0.4;
  z-index: -1;
}

.shiny-cta::after {
  --animation: shimmer linear infinite;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-highlight),
    transparent
  );
  mask-image: radial-gradient(circle at center bottom, transparent 40%, black);
  opacity: 0.6;
}

.shiny-cta span {
  z-index: 1;
}

.shiny-cta:is(:hover, :focus-visible) {
  --gradient-percent: 20%;
  --gradient-angle-offset: 95deg;
  --gradient-shine: var(--shiny-cta-highlight-subtle);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

.shiny-cta-secondary {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  background-image: radial-gradient(circle, rgb(0, 29, 42) 0%, rgb(3, 42, 60) 100%);
}

.shiny-cta-secondary::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: radial-gradient(rgba(43, 174, 218, 0.15) 1px, transparent 1px);
  background-size: 6px 6px;
  opacity: 0.4;
  pointer-events: none;
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

:root {
  --shiny-cta-bg: var(--color--primary-dark-800);
  --shiny-cta-bg-subtle: var(--gradient--orange);
  --shiny-cta-highlight: var(--color--primary);
}

@keyframes gradient-angle {
  100% {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  100% {
    rotate: 360deg;
  }
}

@keyframes breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "clig" 0;
}

.favorite::before {
  content: "";
  position: absolute;
  border: 1px solid var(--neon--border);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: glowBreath;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  box-shadow: inset 0 0 8px 2px var(--neon--strong),
    inset 0 0 30px 4px var(--neon--mid),
    inset 0 0 120px 10px var(--neon--soft),
    0 0 6px 2px var(--neon--strong),
    0 0 30px 4px var(--neon--mid),
    0 2px 300px 20px var(--neon--soft);
}

@keyframes glowBreath {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

.results-cards-marquee-group-2 {
  width: 100%;
  margin-right: var(--spaces--m);
  margin-left: var(--spaces--m);
  grid-column-gap: var(--spaces--m);
  grid-row-gap: var(--spaces--m);
  align-items: stretch;
  column-gap: clamp(1rem, 2vw, 2rem);
  display: flex;
}

@media (max-width: 768px) {
  .results-cards-marquee-group-2 {
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
  align-items: stretch;
  row-gap: clamp(1rem, 4vw, 1.5rem);
  column-gap: clamp(1rem, 4vw, 1.5rem);
  }
}

.results-marquee-track-2 {
  column-gap: 0px;
  row-gap: 0px;
  will-change: transform;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  width: max-content;
  flex-wrap: nowrap;
}

@media screen and (max-width: 479px) {
  .results-marquee-track-2 {
  width: 100%;
  }
}

@media (min-width: 768px) {
  .results-marquee-track-2 {
  will-change: transform;
  animation-duration: 50s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: results-marquee-loop;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .results-marquee-track-2 {
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  transform: none;
  will-change: auto;
  }
}

@media (max-width: 768px) {
  .results-marquee-track-2 {
  width: max-content;
  transform: none;
  animation-duration: auto;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: none;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  }
}

.results-marquee-2 {
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .results-marquee-2 {
  overflow-x: auto;
  scrollbar-width: none;
  }
}

@media (max-width: 768px) {
  .results-marquee-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scroll-padding-inline-start: 1rem;
  scroll-padding-inline-end: 1rem;
  scrollbar-width: none;
  }
}

.results-card-wrapper-2 {
  aspect-ratio: auto;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: clamp(24rem, 30vw, 32rem);
  width: clamp(24rem, 30vw, 32rem);
  height: auto;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .results-card-wrapper-2 {
  aspect-ratio: auto;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: clamp(21rem, 48vw, 26rem);
  width: clamp(21rem, 48vw, 26rem);
  height: auto;
  }
}

@media screen and (max-width: 479px) {
  .results-card-wrapper-2 {
  overflow-x: visible;
  overflow-y: visible;
  }
}

@media (max-width: 768px) {
  .results-card-wrapper-2 {
  aspect-ratio: auto;
  height: auto;
  overflow-x: visible;
  overflow-y: visible;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: clamp(17.5rem, 82vw, 22rem);
  width: clamp(17.5rem, 82vw, 22rem);
  scroll-snap-align: start;
  scroll-snap-stop: always;
  }
}

.coming-soon-2 {
  z-index: 99;
  padding: var(--spaces--s);
  border: 1px solid var(--color--secondary-light-100-50);
  border-radius: var(--corner--radius);
  color: var(--color--secondary-light-100-50);
  position: relative;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  background-image: radial-gradient(circle, rgb(0, 29, 42) 0%, rgb(3, 42, 60) 100%);
}

.shiny-cta-cards-2 {
  width: 100%;
  min-width: 0px;
  max-width: 100%;
  padding: var(--spaces--s) var(--spaces--l);
  grid-column-gap: var(--spaces--s);
  grid-row-gap: var(--spaces--s);
  background-color: var(--color--primary);
  outline-offset: 4px;
  font-family: Ppneuemontreal, Arial, sans-serif;
  font-size: var(--font-size--body-text);
  cursor: pointer;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-top-left-radius: 360px;
  border-top-right-radius: 360px;
  border-bottom-right-radius: 360px;
  border-bottom-left-radius: 360px;
  outline-style: none;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  --animation: gradient-angle linear infinite;
  --duration: 4.2s;
  --shadow-size: 2px;
  isolation: isolate;
  color: var(--shiny-cta-cards-fg);
  background: linear-gradient(var(--shiny-cta-cards-bg), var(--shiny-cta-cards-bg))
      padding-box,
    conic-gradient(
        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
        transparent,
        var(--shiny-cta-cards-highlight) var(--gradient-percent),
        var(--gradient-shine) calc(var(--gradient-percent) * 2),
        var(--shiny-cta-cards-highlight) calc(var(--gradient-percent) * 3),
        transparent calc(var(--gradient-percent) * 4)
      )
      border-box;
  box-shadow: inset 0 0 0 0.25px var(--shiny-cta-cards-bg-subtle);
  --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
  transition: var(--transition);
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
}

@media screen and (max-width: 991px) {
  .shiny-cta-cards-2 {
  width: 100%;
  max-width: 100%;
  padding-top: var(--spaces--l);
  padding-bottom: var(--spaces--l);
  justify-content: center;
  line-height: 1.2;
  }
}

@media (max-width: 768px) {
  .shiny-cta-cards-2 {
  padding-top: var(--spaces--l);
  padding-bottom: var(--spaces--l);
  }
}