@layer webflow {
@font-face {
  font-family: Panchang Variable;
  src: url('../fonts/Panchang-Variable.ttf') format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Variablefont Opsz Wght;
  src: url('../fonts/Inter-VariableFont_opszwght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Funneldisplay Variablefont Wght;
  src: url('../fonts/FunnelDisplay-VariableFont_wght.ttf') format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Doto Variablefont Rond Wght;
  src: url('../fonts/Doto-VariableFont_RONDwght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Astromono;
  src: url('../fonts/AstroMono-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aoi Mono Standard;
  src: url('../fonts/Aoi-Mono---Standard.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ucka;
  src: url('../fonts/Ucka-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neopixel;
  src: url('../fonts/neopixel-regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helveticaneue;
  src: url('../fonts/HelveticaNeueRoman.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bugrinotrials;
  src: url('../fonts/BugrinoTrials-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ductile Display;
  src: url('../fonts/Ductile-Display.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lab Grotesk;
  src: url('../fonts/LABGroteskRegular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --read-text: Astromono, Arial, sans-serif;
  --black: #0e0e0e;
  --headline-text: "Panchang Variable", sans-serif;
  --white: #fff;
  --white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>: #ffffff0d;
  --white-2\<deleted\|variable-3f129188\>: white;
  --silver: #e8ebea;
  --smoke\<deleted\|variable-dae6219a-24a4-1176-af2f-37b5289744c1\>: #1e2327;
  --white-50\<deleted\|variable-775746fa-144a-eba2-8948-1d08afa8ec57\>: #ffffff80;
  --ornament: "Doto Variablefont Rond Wght", Arial, sans-serif;
  --dark-overlay\<deleted\|variable-c5964ae0-1085-d2e8-06e7-64435d133a2f\>: #08080880;
  --website-max-width: 1440px;
  --cool: #c9d2d3;
  --text-on-black\<deleted\|variable-312efe90-5a68-1352-77be-8cbd1cc62416\>: #fff6;
  --off-white: #f2f5f4;
  --radius\<deleted\|variable-1ccfcf53-f4b0-ad0c-a31d-8a1bb960a410\>: 7px;
  --stone: #a5b3b3;
  --frosted: #ffffff26;
  --text-on-white\<deleted\|variable-87d10c33-e783-37dc-f460-6354f570efff\>: #586b68;
  --wf-accent: #ecff8e;
  --foil: #b7c3c1;
  --overlay\<deleted\|variable-19fc248b-bfc9-a763-720d-3862a7c5bf28\>: #00000080;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

/*
  Renamed from bare `body { ... }` to `.wf-body` so Webflow's inheritable
  defaults (text-transform: uppercase, letter-spacing, font-family, color,
  font-size, font-weight, line-height) only apply inside the Webflow page
  wrapper. CSS @layer ordering would otherwise be irrelevant here — these
  properties are INHERITED, and inheritance is not part of the cascade that
  layers control. Leaving the rule on the document body bled the uppercase
  treatment into every shadcn primitive that Radix portals to `<body>` (cart
  drawer, dialogs, etc.). See `components/webflow-page.tsx` where the wrapper
  div applies this class, and `app/globals.css` for the layer comment.
*/
.wf-body {
  font-family: var(--read-text);
  color: var(--black);
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

h1 {
  font-family: var(--headline-text);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 600;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  color: var(--black);
  margin-bottom: 0;
  font-weight: 400;
}

a {
  color: var(--white);
  text-decoration: none;
}

.product-image {
  border-radius: 1%;
  box-shadow: 0 40px 60px -20px #000;
}

.wf-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.card-button {
  border-width: 1px;
  border-color: var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>) #ffffff14 #ffffff14;
  background-color: var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
  width: 100%;
  height: 70px;
  font-family: var(--headline-text);
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-top-style: solid;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.card-button:hover {
  background-color: var(--white-2\<deleted\|variable-3f129188\>);
  color: var(--black);
  font-weight: 600;
}

.image-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 40px 60px;
  display: flex;
}

.section-products {
  z-index: 0;
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
  position: relative;
}

.header {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}

.logo {
  transition: all .3s;
}

.logo:where(.w-variant-0c45a9a2-af67-899e-4c87-398698d6ac71) {
  filter: invert();
}

.logo:hover {
  opacity: .7;
}

.logo.bottom {
  filter: none;
  width: 100%;
  max-width: none;
}

.footer-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer {
  background-color: var(--black);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 20px 60px 60px;
  display: flex;
}

.footer-div {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.pages {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.link {
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: under;
  text-decoration: underline;
}

.footer-text {
  font-family: var(--read-text);
  color: var(--white);
}

.footerlink:hover {
  text-underline-position: under;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

.footerlink.w--current {
  color: var(--white);
  font-weight: 500;
}

.utility-page-wrap {
  background-image: url('../images/noise_02.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 80vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.terms {
  flex-direction: column;
  justify-content: center;
  width: 800px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.section-text {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
  display: flex;
}

.bigbutton {
  background-color: var(--black);
  filter: drop-shadow(0 20px 10px #1e23274d);
  height: 60px;
  font-family: var(--read-text);
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
  padding-left: 60px;
  padding-right: 60px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.bigbutton:hover {
  filter: drop-shadow(0 25px 13px #1e23274d);
  background-image: linear-gradient(#7e9db661, #7e9db661), url('../images/anime_splash.gif');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.bigbutton.w--current {
  margin-top: 20px;
}

.bigbutton.buy {
  text-transform: none;
  height: 60px;
}

.bigbutton.buy.chamfer-lg {
  background-color: var(--black);
  border-radius: 0;
}

.social-icon {
  transition: all .3s;
}

.social-icon:hover {
  filter: blur(14px);
}

.waveform {
  background-color: var(--silver);
}

.heading {
  max-width: 900px;
  font-family: var(--headline-text);
  letter-spacing: 1px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.heading.nr {
  color: var(--white);
}

.heading.dark {
  color: var(--smoke\<deleted\|variable-dae6219a-24a4-1176-af2f-37b5289744c1\>);
}

.footer-small-text-div {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.section_div {
  background-image: linear-gradient(to bottom, var(--black), var(--black));
  outline-offset: 0px;
  outline: 1px solid #ffffff0d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 140px 24px;
  display: flex;
}

.section_div.white {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-image: none;
  outline-color: #fff0;
  padding-top: 100px;
}

.section_div.bg01 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: linear-gradient(180deg, #070707, #fff0), url('../images/noise_06.png'), url('../images/DSCF9400.avif'), linear-gradient(to bottom, var(--black), var(--black));
  background-position: 0 0, 0 0, 50%, 0 0;
  background-size: auto, auto, cover, auto;
}

.section_div.wf-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-image: linear-gradient(180deg, var(--black) 34%, #080808d6), url('../images/grid-tile.png'), linear-gradient(to bottom, var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>), var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>));
  background-position: 0 0, 50% 100%, 0 0;
  background-size: auto, 50px, auto;
  max-width: none;
}

.error-message-2.newsletter {
  background-color: #ff3b73;
  margin-top: 22px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.success-message-image {
  margin-bottom: 23px;
}

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

.icon-list-item-wrapper {
  align-items: center;
  display: flex;
}

.icon-list-item-wrapper.center {
  justify-content: center;
}

.text-200 {
  color: #818181;
  line-height: 20px;
}

.success-message {
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  background-color: #ffffff0f;
  border-bottom: 1px solid #29ffa2;
  padding: 28px 28px 32px;
}

.form-newsletter-wrapper {
  position: relative;
}

.wf-text-center {
  text-align: center;
  width: 600px;
}

.button-relative {
  color: #fff;
  text-align: center;
  background-color: #4a3aff;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px #4a3aff1f;
}

.button-relative:hover {
  background-color: #3527d8;
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.button-relative.newsletter {
  background-color: var(--black);
  box-shadow: none;
  font-family: var(--ornament);
  color: var(--white);
  letter-spacing: 1px;
  border-radius: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 600;
  transition: all .2s;
  position: absolute;
  inset: 3px 3px 3px auto;
}

.button-relative.newsletter:hover {
  filter: brightness(200%);
  transform: none;
}

.input-relative {
  border: 1px solid #eff0f6;
  border-radius: 100px;
  min-height: 64px;
  margin-bottom: 24px;
  padding: 22px 24px;
  box-shadow: inset 0 0 #0000;
}

.input-relative:focus {
  color: #0d0a2c;
  border-color: #4a3aff;
}

.input-relative::placeholder {
  color: #615e83;
  font-size: 18px;
  line-height: 20px;
}

.input-relative.newsletter {
  background-color: var(--silver);
  min-height: 60px;
  box-shadow: none;
  color: var(--black);
  border-style: dashed;
  border-color: #eff0f647;
  border-radius: 0;
  margin-bottom: 0;
  padding-top: 32px;
  padding-bottom: 32px;
  transition: all .35s;
}

.input-relative.newsletter:focus {
  border-color: #fff6;
  box-shadow: 0 7px 28px #170f4914;
}

.input-relative.newsletter::placeholder {
  font-family: var(--read-text);
  color: var(--dark-overlay\<deleted\|variable-c5964ae0-1085-d2e8-06e7-64435d133a2f\>);
  letter-spacing: 1px;
  font-weight: 400;
}

.text-block-14 {
  color: #742929;
}

.heading-2 {
  line-height: 70px;
}

.heading-2.light {
  font-family: Panchang Variable, sans-serif;
}

.small-text {
  text-align: center;
  font-weight: 400;
}

.small-text.light {
  color: var(--white);
  text-align: center;
  -webkit-text-stroke-color: var(--white);
  text-transform: uppercase;
  font-weight: 500;
}

.centered-headline-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.map_dot {
  z-index: 2;
  background-color: var(--white);
  outline-offset: 0px;
  cursor: pointer;
  border-radius: 100%;
  outline: 10px solid #ffffff1a;
  justify-content: flex-end;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
  display: flex;
  position: relative;
  top: 96px;
  left: -10px;
}

.map_dot:hover {
  font-size: 1rem;
}

.map_dot.pos2 {
  top: 261px;
  left: 651px;
}

.map_dot.pos3 {
  top: 443px;
  left: 422px;
}

.map_dot.pos4 {
  top: 165px;
  left: 136px;
}

.map_dot.pos5 {
  top: 116px;
  left: 756px;
}

.map_dot.pos6 {
  top: 219px;
  left: 229px;
}

.map_tag {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  font-family: var(--read-text);
  color: var(--white-50\<deleted\|variable-775746fa-144a-eba2-8948-1d08afa8ec57\>);
  letter-spacing: 0;
  background-color: #00000029;
  border: .1em dashed #ffffff0f;
  border-radius: .4em;
  flex: none;
  margin-right: 2rem;
  padding: .6em .9em;
  transition: all .2s;
  overflow: hidden;
}

.blueprint {
  width: 800px;
  margin-bottom: 100px;
}

.hero-cta {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.hero-cta.fraction {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
}

.cards {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 900px;
  margin-top: 100px;
}

.card_div {
  width: 100%;
  max-width: var(--website-max-width);
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-style: solid;
  border-width: 1px 1px 2px;
  border-color: var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>) var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>) var(--cool);
  background-color: var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.paragraph {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--black);
  text-transform: uppercase;
}

.paragraph.centered {
  width: 900px;
  color: var(--text-on-black\<deleted\|variable-312efe90-5a68-1352-77be-8cbd1cc62416\>);
  text-align: center;
}

.deco-heading {
  font-family: var(--ornament);
  color: var(--white);
  letter-spacing: 0;
  font-size: 32px;
  font-weight: 500;
}

.biomass {
  margin-top: -143px;
  margin-bottom: -37px;
}

.link-block {
  display: flex;
}

.link-block.w--current {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.blueprint_svg {
  margin-top: -50px;
}

.arrow {
  opacity: 1;
}

.body {
  background-color: var(--off-white);
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.instagram {
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 15vw;
  max-height: 425px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.underline-link-2 {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-bottom: 1px solid #fffc;
  padding-bottom: 6px;
  padding-left: 0;
  font-size: 9px;
  text-decoration: none;
  position: relative;
}

.underline-link-2.dark {
  color: #626d86;
  border-bottom-color: #889ea833;
}

.outline-hover-circle {
  z-index: 10;
  border: 3px solid #fffdfd66;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: flex;
  position: relative;
}

.hover-circle-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  padding: 60px;
  display: flex;
  position: relative;
}

.brands {
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.card-wrapper {
  border: 1px solid var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
  background-color: var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  display: flex;
}

.blueprint-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 100px 24px;
  display: flex;
}

.bento {
  background-color: var(--black);
  border-bottom: 1px solid #ffffff12;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.fs-cc-prefs_space-small {
  margin-bottom: .75rem;
}

.fs-cc-prefs_component {
  z-index: 997;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-banner_close {
  cursor: pointer;
  background-color: #0e0e0e;
  border-radius: 999rem;
  margin-left: .75rem;
  padding: .625rem;
  box-shadow: 1px 1px 12px #0000001a;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs_content {
  height: 100%;
  padding: 2.5rem 2rem;
  overflow: scroll;
}

.fs-cc-prefs_close {
  z-index: 1;
  color: #333;
  cursor: pointer;
  background-color: #f5f6ff;
  border-radius: 100%;
  padding: .625rem;
  font-size: 1.25rem;
  text-decoration: none;
  position: absolute;
  inset: -.75rem -.75rem auto auto;
  box-shadow: -1px 1px 12px #3333331a;
}

.fs-cc-manager_trigger {
  display: none;
}

.fs-cc-manager_icon {
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.fs-cc-banner_text-link {
  color: var(--white);
  border-bottom: 2px dashed #dfe6e53d;
  font-size: 14px;
}

.fs-cc-banner_buttons-wrapper {
  flex-direction: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fs-cc-manager_button {
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border-radius: 999rem;
  flex-direction: column;
  padding: .125rem;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager_button:hover {
  color: #4353ff;
}

.fs-cc-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.fs-cc-prefs_option {
  border-bottom: 1px solid #33333326;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  background-color: #0c0c0cbf;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs_label {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: 1rem;
  font-weight: 700;
}

.fs-cc-banner_trigger {
  display: none;
}

.fs-cc-prefs_button {
  color: #000;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 999rem;
  margin-right: .5rem;
  padding: .625rem 1.5rem;
  font-size: .875rem;
  font-weight: 700;
}

.fs-cc-prefs_button.fs-cc-button-alt {
  color: #fff;
  background-color: #66dfc700;
}

.fs-cc-banner_text {
  color: #ffffffb8;
  margin-right: 1.5rem;
  font-size: 12px;
  line-height: 20px;
}

.fs-cc-banner_close-icon {
  opacity: 1;
  width: 1rem;
  height: 1rem;
}

.fs-cc-prefs_text {
  color: #ffffff6b;
  font-size: .75rem;
}

.fs-cc-prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 1.25rem;
  height: 1.25rem;
}

.fs-cc-banner_container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-manager_component {
  z-index: 999;
  position: fixed;
  inset: auto auto 1.25rem 1.25rem;
}

.fs-cc-prefs_form {
  background-color: #000;
  border-radius: 1rem;
  width: 100%;
  max-width: 36rem;
  height: 100%;
  max-height: 70vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs_submit-hide {
  display: none;
}

.fs-cc-prefs_buttons-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 2rem;
  margin-right: -.5rem;
  display: flex;
}

.fs-cc-prefs_close-icon {
  color: #021a7c;
  width: 1rem;
  height: 1rem;
}

.fs-cc-prefs_checkbox-field {
  background-color: #ccc;
  border-radius: 999rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 2.75rem;
  height: 1.5rem;
  margin-bottom: 0;
  padding: .125rem;
  display: flex;
  position: relative;
}

.fs-cc-prefs_space-medium {
  margin-bottom: 2.5rem;
}

.fs-cc-prefs_trigger {
  display: none;
}

.fs-cc-banner_button {
  background-color: var(--white);
  min-width: 8.75rem;
  color: var(--black);
  text-align: center;
  border-width: 2px;
  border-color: #4353ff;
  border-radius: 5px;
  margin-left: 1rem;
  padding: .625rem 1.25rem;
  font-size: 1rem;
}

.fs-cc-banner_button.fs-cc-button-alt {
  border-style: solid;
  border-color: var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
  color: var(--white-50\<deleted\|variable-775746fa-144a-eba2-8948-1d08afa8ec57\>);
  background-color: #fff0;
}

.fs-cc-prefs_title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-banner_component {
  z-index: 998;
  max-width: var(--website-max-width);
  border: 1px solid var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
  border-radius: var(--radius\<deleted\|variable-1ccfcf53-f4b0-ad0c-a31d-8a1bb960a410\>);
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  position: fixed;
  inset: auto 0% 0%;
}

.fs-cc-prefs_checkbox-label {
  display: none;
}

.div-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--black);
  border-radius: 10px;
  justify-content: center;
  align-items: stretch;
  width: 800px;
  padding: 100px 21px;
  display: flex;
}

.square {
  border: 1px solid var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
  background-color: var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
}

.download-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.below-header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  display: flex;
}

.review_div {
  z-index: 10;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 1.5px dashed var(--stone);
  background-color: var(--frosted);
  justify-content: space-between;
  align-items: center;
  height: 150px;
  padding-right: 30px;
  display: flex;
}

.review {
  font-weight: 400;
}

.community {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: var(--frosted);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 140px 24px 100px;
  display: flex;
}

.brand-paragraph {
  text-align: justify;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  display: flex;
}

.img_cut1 {
  max-width: 300%;
  position: relative;
  top: 185px;
  right: 390px;
}

.image-crop {
  background-color: var(--text-on-white\<deleted\|variable-87d10c33-e783-37dc-f460-6354f570efff\>);
  border-radius: 10px;
  overflow: clip;
}

.img_cut2 {
  position: relative;
  bottom: 195px;
  left: 200px;
}

.grid-2 {
  max-width: var(--website-max-width);
  padding: 20px;
}

.div-block-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 400px;
  padding: 40px;
  display: flex;
}

.image-crop-2 {
  background-color: #26bd9c;
  border-radius: 10px;
  height: 200px;
  overflow: clip;
}

.text-span {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 500;
}

.artist {
  height: 100%;
}

.label {
  background-color: var(--wf-accent);
  color: #070707;
  text-transform: uppercase;
  border-left-width: 3px;
  border-left-color: #070707;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Panchang Variable, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.blueprint-02 {
  width: 900px;
}

.description {
  color: var(--black);
}

.description.light {
  color: var(--white);
}

.spline-scene-2 {
  z-index: -2;
  background-color: var(--black);
  width: 100%;
  height: 100%;
  position: absolute;
}

.spline-scene-2-copy {
  z-index: -1;
  background-image: linear-gradient(#00000030, #00000030);
  width: 100%;
  height: 100%;
  position: absolute;
}

.player-div {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.waveform-wrap {
  width: 100%;
  max-width: var(--website-max-width);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--silver);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.navbar {
  border-radius: var(--radius\<deleted\|variable-1ccfcf53-f4b0-ad0c-a31d-8a1bb960a410\>);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
}

.nav-link {
  background-color: var(--smoke\<deleted\|variable-dae6219a-24a4-1176-af2f-37b5289744c1\>);
  width: 100px;
  color: var(--cool);
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  transition: all .35s;
  display: flex;
}

.nav-link:hover {
  background-color: var(--smoke\<deleted\|variable-dae6219a-24a4-1176-af2f-37b5289744c1\>);
  background-image: linear-gradient(#ffffff17, #ffffff17);
}

.nav-link.w--current {
  background-image: radial-gradient(circle farthest-corner at 50% 100%, #ffffff52, #0000), linear-gradient(to bottom, var(--black), var(--black));
  color: var(--cool);
}

.nav-link.w--current:hover {
  color: var(--smoke\<deleted\|variable-dae6219a-24a4-1176-af2f-37b5289744c1\>);
}

.wf-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 10px 10px 10px 20px;
  display: flex;
}

.nav-menu {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.discs {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-top: 1px solid var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.disc_grid {
  max-width: var(--website-max-width);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.disc_wrap {
  overflow: hidden;
}

.read-text {
  color: #ffffffb3;
  text-align: left;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.read-text.dark {
  color: var(--black);
}

.read-text.dark.url {
  text-decoration: underline;
}

.top {
  background-image: linear-gradient(to bottom, var(--dark-overlay\<deleted\|variable-c5964ae0-1085-d2e8-06e7-64435d133a2f\>), var(--dark-overlay\<deleted\|variable-c5964ae0-1085-d2e8-06e7-64435d133a2f\>)), url('../images/moon_1.avif');
  background-position: 0 0, 100%;
  justify-content: center;
  align-items: flex-start;
  height: 200px;
  padding-top: 63px;
  display: flex;
}

.top._2 {
  background-image: linear-gradient(to bottom, var(--dark-overlay\<deleted\|variable-c5964ae0-1085-d2e8-06e7-64435d133a2f\>), var(--dark-overlay\<deleted\|variable-c5964ae0-1085-d2e8-06e7-64435d133a2f\>)), url('../images/chrom_1.avif');
  background-size: auto, cover;
}

.top._3 {
  background-image: linear-gradient(to bottom, var(--dark-overlay\<deleted\|variable-c5964ae0-1085-d2e8-06e7-64435d133a2f\>), var(--dark-overlay\<deleted\|variable-c5964ae0-1085-d2e8-06e7-64435d133a2f\>)), url('../images/nusi_1.avif');
  background-position: 0 0, 100%;
  background-size: auto, auto;
}

.top._4 {
  background-image: linear-gradient(to bottom, var(--dark-overlay\<deleted\|variable-c5964ae0-1085-d2e8-06e7-64435d133a2f\>), var(--dark-overlay\<deleted\|variable-c5964ae0-1085-d2e8-06e7-64435d133a2f\>)), url('../images/antrazit-2_1.avif');
  background-size: auto, cover;
}

.low {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
  background-color: var(--dark-overlay\<deleted\|variable-c5964ae0-1085-d2e8-06e7-64435d133a2f\>);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 200px;
  padding: 20px;
  display: flex;
}

.disc {
  width: 80%;
}

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

.product {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.buy_section {
  background-color: #e9e9e9;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.nav-wrap {
  z-index: 9997;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 84px;
  margin-bottom: -84px;
  padding: 10px 20px;
  display: flex;
  position: relative;
}

.nav-wrap:where(.w-variant-0c45a9a2-af67-899e-4c87-398698d6ac71) {
  background-color: #000;
}

.heroshot {
  z-index: 1;
  filter: drop-shadow(20px 20px 20px #08192659);
  border-radius: 8px;
}

.audio {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
}

.support {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.big_price {
  width: 100%;
  font-family: var(--headline-text);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 60px;
  font-weight: 400;
  line-height: 60px;
}

.big_price.nav {
  font-family: var(--read-text);
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 20px;
  line-height: 40px;
}

.image_section {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: var(--white-50\<deleted\|variable-775746fa-144a-eba2-8948-1d08afa8ec57\>);
  background-image: linear-gradient(0deg, #e9e9e9, #fff0 36%), url('../images/grid_cross.svg'), linear-gradient(#e4e4e4eb, #e4e4e4eb), url('../images/fusion_pattern.svg');
  background-position: 0 0, 50%, 0 0, 50%;
  background-size: auto, 5.01%, auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
}

.image_section.browser {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  padding-bottom: 100px;
}

.header__btn-menu {
  cursor: pointer;
  background-color: #0a2540;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 24px;
  display: none;
  position: relative;
}

.icon_wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #ffffff0d;
  justify-content: flex-end;
  align-items: center;
  height: 48px;
  padding: 10px 15px 10px 20px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.icon_wrapper:hover {
  border-radius: 5px;
}

.external {
  font-family: var(--read-text);
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 400;
}

.bold-text-2 {
  font-family: var(--read-text);
}

.doublewrap {
  width: 100%;
  overflow: hidden;
}

.product_card {
  width: 100%;
  height: 100%;
  color: var(--black);
  background-color: #131313;
  background-image: radial-gradient(circle at 50% 100%, #fff0, #0e0e0e), url('../images/noise_02.png');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  border: 1px solid #1f1f1f;
  flex-flow: column;
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.product_card:hover {
  color: var(--white);
  background-color: #0000001f;
  background-image: url('../images/noise_06.png');
  background-position: 0 0;
  background-size: auto;
}

.product_card.first {
  background-color: var(--wf-accent);
  background-image: url('../images/noise_06.png'), url('../images/gradient_square_Sale.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 40%;
  height: auto;
}

.notch {
  z-index: 1;
  transform: scale3d(1none, 1none, 1none);
  color: #dfdfdf;
  transform-style: preserve-3d;
  margin-top: -1px;
  margin-bottom: -7px;
  position: relative;
}

.notch.dark {
  color: #131618;
}

.notch.black {
  color: var(--black);
}

.div-block-15 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  max-width: 900px;
  display: flex;
}

.explain_card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(#121416eb, #131618), url('../images/chrom-2_1.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  overflow: hidden;
}

.text-div {
  width: 500px;
}

.image-6 {
  width: 525px;
}

.about {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  border-top: 1px solid var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.about_info {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.blog-text {
  opacity: .7;
  text-transform: none;
  line-height: 30px;
}

.blog-wrap {
  width: 100%;
  max-width: var(--website-max-width);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 4px solid var(--wf-accent);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--black);
  background-color: #f2f2f2;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 100px 220px;
  display: flex;
  overflow: hidden;
}

.blog-banner {
  object-fit: cover;
  width: 100%;
  height: 200px;
}

.blog-banner.chamfer-lg {
  margin-bottom: 20px;
}

.block-quote {
  border-left-color: var(--wf-accent);
}

.text-span-4 {
  color: var(--black);
  font-weight: 500;
}

.big-quote {
  border-left: 5px solid var(--wf-accent);
  max-width: 900px;
  margin-top: 60px;
  padding: 20px 40px;
}

.big-quote-text {
  color: var(--white);
  font-weight: 300;
}

.half-card {
  background-image: linear-gradient(#00000080, #00000080), url('../images/DSCF9404_1.avif');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 500px;
  padding: 40px;
  display: flex;
  overflow: hidden;
}

.half-card._2 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/3D-Studio.135_1.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: flex-end;
  align-items: flex-end;
}

.sidenote {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--white);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 60px;
  display: flex;
}

.sidenote.chamfer-lg {
  background-color: var(--silver);
}

.card-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.reels {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.reels.maxwidth {
  max-width: var(--website-max-width);
}

.socials {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.socials.default {
  background-color: #07070700;
  padding-bottom: 0;
}

.reel {
  cursor: pointer;
  background-color: #000;
  width: 20%;
  height: 100%;
}

.text-span-5 {
  text-decoration: underline;
}

.button {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--wf-accent);
  letter-spacing: 3px;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  height: 60px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.button:hover {
  opacity: .7;
}

.button.w--current {
  margin-top: 20px;
}

.button.chamfer-lg {
  color: var(--black);
  letter-spacing: 1px;
}

.original_price {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.instaquote {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #fff9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 20px;
  display: flex;
}

.social-proof {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 1px dashed var(--foil);
  background-color: var(--off-white);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.buy-section {
  background-color: var(--silver);
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
  padding: 60px 100px 100px;
  display: flex;
}

.image-8 {
  filter: invert();
}

.faq_component-header-wrapper {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.faq_div {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.paragraph-bigger {
  color: var(--white);
  font-weight: 400;
  line-height: 34px;
}

.icon-embed-small {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.faq {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  background-color: #0e0e0e;
  border-style: solid none none;
  border-color: #ffffff1a;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 220px;
  padding-bottom: 220px;
  display: flex;
}

.wrap-centered {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card_div-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #a5b3b30d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding: 10px 40px;
  display: flex;
}

.paragraph-7 {
  opacity: .5;
  max-width: 900px;
  color: var(--white);
  padding-bottom: 10px;
  font-size: 15px;
}

.faq_component-header-2nd-click-trigger {
  width: 100%;
  position: absolute;
  inset: 0%;
}

.faq_component-description-wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.portrait {
  background-color: var(--overlay\<deleted\|variable-19fc248b-bfc9-a763-720d-3862a7c5bf28\>);
  width: 100%;
}

.code-embed-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.checkout-container {
  background-image: linear-gradient(#121212, #121212);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.link-block-3.w--current {
  mix-blend-mode: difference;
  width: auto;
}

.opener {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #000;
  background-image: url('../images/noise_06.png'), url('../images/banner_website.avif');
  background-position: 50%, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 40px;
  display: flex;
}

.cinema-section {
  z-index: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.body_landing {
  background-color: var(--off-white);
}

.horizont-line {
  background-color: var(--white);
  transform-origin: 0 0;
  width: 100%;
  height: 2px;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale3d(.15, 1, 1);
}

.horizont-line.bott-r {
  transform-origin: 100% 100%;
  inset: auto 0 0 auto;
}

.vert-line {
  background-color: var(--white);
  transform-origin: 0 0;
  width: 2px;
  height: 100%;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale3d(1, .35, 1);
}

.vert-line.bott-r {
  transform-origin: 100% 100%;
  inset: auto 0 0 auto;
}

.scifi_text {
  font-family: var(--read-text);
  color: var(--white);
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 500;
}

.cta_wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--off-white);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.cta_wrap.chamfer-lg {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #fff0;
  border-radius: 0%;
}

.div-block-24 {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.logo_wrap {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.hero-subtext {
  white-space: nowrap;
}

.sticky_cta {
  z-index: 9999;
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  position: fixed;
}

.footer_cta {
  z-index: 10;
  background-color: var(--dark-overlay\<deleted\|variable-c5964ae0-1085-d2e8-06e7-64435d133a2f\>);
  color: #000;
  letter-spacing: 3px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 60px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: relative;
}

.footer_bar {
  border-radius: var(--radius\<deleted\|variable-1ccfcf53-f4b0-ad0c-a31d-8a1bb960a410\>);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 100px;
  display: flex;
}

.product_card_text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  width: 100%;
  height: auto;
  color: var(--silver);
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  padding: 40px;
  display: flex;
}

.product_card_text.centered {
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
}

.product_card_text.lower {
  align-items: center;
}

.product_price_container {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.product_price {
  opacity: 1;
}

.product_price.old {
  opacity: 100;
  text-decoration: line-through;
}

.backdrop_image {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.quote {
  text-align: justify;
  text-transform: uppercase;
  font-family: Funneldisplay Variablefont Wght, Arial, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.quote-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.wf-block {
  width: 100%;
  padding: 60px;
}

.mobile-navigation {
  z-index: 100;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  display: none;
  position: fixed;
  inset: auto 0% 1px;
}

.widget_btn {
  background-color: var(--black);
  width: 100%;
  height: 60px;
  color: var(--black);
  border: 1px solid #ffffff1c;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.widget_btn.chamfer {
  background-color: var(--black);
  width: 100%;
  height: 60px;
  color: var(--white);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.audio_description {
  color: var(--smoke\<deleted\|variable-dae6219a-24a4-1176-af2f-37b5289744c1\>);
  text-align: left;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.menu_links_wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  width: 100%;
  padding-left: 20px;
  display: flex;
}

.nav_link {
  color: var(--white);
  padding-bottom: 1px;
}

.code {
  width: 0;
  height: 0;
  display: none;
  overflow: hidden;
}

.dropdown {
  width: auto;
  margin-left: 0;
  margin-right: -22px;
}

.dropdown-toggle {
  padding: 0 40px 0 20px;
}

.dropdown-toggle:where(.w-variant-0c45a9a2-af67-899e-4c87-398698d6ac71) {
  color: var(--white);
}

.dropdown-list.w--open {
  background-color: var(--black);
}

.dropdown-link {
  color: #ffffffb3;
  transition: all .3s cubic-bezier(.86, 0, .07, 1);
}

.dropdown-link:hover {
  color: #fff;
  background-color: #ffffff0d;
}

.dropdown-link.w--current:lang(en) {
  color: #fff;
}

.black_body {
  background-color: var(--black);
  color: var(--white);
}

.basic_white_text {
  color: var(--white-50\<deleted\|variable-775746fa-144a-eba2-8948-1d08afa8ec57\>);
}

.div-block-28 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.article {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  border-top: 1px solid var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
  background-color: var(--black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
  display: flex;
}

.success-frame {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 120px;
  padding-bottom: 40px;
  display: flex;
}

.login_btn {
  background-color: var(--white);
  height: 100%;
  color: var(--black);
  padding-left: 24px;
  padding-right: 24px;
  transition: all .3s;
}

.login_btn:hover {
  opacity: .7;
}

.login_btn.w--current {
  margin-top: 20px;
}

.login_btn.chamfer {
  background-color: var(--off-white);
}

.info {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.action {
  background-color: var(--wf-accent);
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.text-block-19 {
  font-family: var(--ornament);
  color: var(--black);
  white-space: nowrap;
  font-weight: 900;
}

.cms_benefits {
  color: var(--black);
  margin-top: 0;
  margin-left: -12px;
  font-size: 15px;
}

.div-block-31 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.buttonn_div {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  display: flex;
}

.collection-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.price_wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.plugin_info {
  justify-content: space-around;
  align-items: stretch;
  gap: 32px;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

.collection-list-wrapper, .collection-item {
  width: 100%;
}

.login_card {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  width: 500px;
  height: 100%;
  color: var(--white);
  background-color: #0000;
  background-image: radial-gradient(circle farthest-side at 50% 100%, #ffffff1f, #f000 84%);
  border: 1px solid #202020;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  padding: 60px;
  display: flex;
}

.horizontal_12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.vertical_12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.headline_left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.notification-banner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--wf-accent);
  width: 100%;
  height: 40px;
  color: var(--black);
  justify-content: center;
  align-items: center;
  display: flex;
}

.notification {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}

.cube {
  background-color: var(--black);
  width: 12px;
  height: 12px;
}

.cube.light {
  background-color: var(--white);
  display: none;
}

.image-14 {
  filter: invert();
}

.manifest {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding: 40px;
  display: flex;
}

.black-navbar {
  background-color: var(--black);
  height: 83px;
}

.nav_item {
  box-sizing: content-box;
  color: var(--black);
  text-transform: uppercase;
}

.nav_item:where(.w-variant-0c45a9a2-af67-899e-4c87-398698d6ac71) {
  color: var(--white);
}

.nav_item.w--current {
  color: var(--black);
  text-underline-position: under;
  text-decoration: underline;
}

.nav_item.w--current:where(.w-variant-0c45a9a2-af67-899e-4c87-398698d6ac71) {
  color: var(--white);
}

.nav-menu-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

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

.div-block-32 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.menu-expand {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #1a1b1e;
  border-radius: 8px;
  flex-direction: column;
  max-width: 100%;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.menu-expand-header {
  color: #313235;
  border-bottom: 1px solid #222325;
  margin-top: 24px;
  margin-left: 24px;
  margin-right: 24px;
  padding-bottom: 13px;
  font-size: 10px;
  line-height: 120%;
}

.menu-expand-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-bottom: 24px;
  margin-left: 24px;
  margin-right: 24px;
  display: grid;
}

.menu-expand-link {
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 142.857%;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.menu-expand-link:hover {
  text-decoration: underline;
}

.menu-inner {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #1a1b1e;
  border-radius: 8px;
  justify-content: space-between;
  width: 100%;
  padding: 4px;
  display: flex;
  overflow: auto;
}

.menu-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  cursor: pointer;
  border: 1px solid #222325;
  border-radius: 4px;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 114.286%;
  text-decoration: none;
  transition: background-color .2s ease-in-out;
  display: flex;
}

.menu-link:hover {
  background-color: #36353a;
}

.menu-link.get-in-touch {
  background-color: #36353a;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.menu-link.get-in-touch:hover {
  color: #111;
  background-color: #fff;
}

.menu-link.get-in-touch.chamfer-lg {
  background-color: var(--wf-accent);
}

.menu-outer-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1a1b1e66;
  border: 1px solid #222325;
  border-radius: 12px;
  flex-direction: column;
  max-width: 100%;
  padding: 9px;
  display: flex;
  position: relative;
}

.footer-navbar {
  z-index: 999;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: fixed;
  inset: auto 0% 0;
}

.text-block-20 {
  color: #7c7c7c;
}

.text-block-21 {
  color: var(--smoke\<deleted\|variable-dae6219a-24a4-1176-af2f-37b5289744c1\>);
}

.div-block-34 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
}

.vertical_lines {
  z-index: 2;
  border-right: 1px solid var(--frosted);
  border-left-width: 1px;
  border-left-color: var(--frosted);
  height: 100%;
}

.horizontal_lines {
  z-index: 2;
  border-style: dashed none none;
  border-width: 1.5px;
  border-color: var(--frosted);
  width: 100%;
  position: absolute;
}

.grids_overlay {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  overflow: clip;
}

.mini-cube {
  background-color: var(--smoke\<deleted\|variable-dae6219a-24a4-1176-af2f-37b5289744c1\>);
  width: 4px;
  height: 4px;
}

.labtest {
  color: var(--white-50\<deleted\|variable-775746fa-144a-eba2-8948-1d08afa8ec57\>);
  text-align: center;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Ucka, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.review_wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.light {
  color: var(--off-white);
  padding-left: 5px;
  font-weight: 400;
}

.light._12 {
  font-size: 12px;
}

.subheading {
  font-family: var(--read-text);
  -webkit-text-stroke-width: .7px;
}

.banner_section {
  z-index: 0;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 100%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.banner_section.browser {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  padding-bottom: 100px;
}

.image-15 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.product_banner {
  z-index: -1;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
}

.noise {
  z-index: -1;
  background-image: url('../images/noise_06.png');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
}

.banner_audio {
  width: 100%;
  max-width: var(--website-max-width);
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.left_wrap {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.div-block-35 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-wrapper {
  background-color: var(--off-white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.text-block-22 {
  opacity: .5;
}

.div-block-36 {
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.section {
  background-color: var(--white);
  justify-content: center;
  align-items: flex-end;
  height: 40vh;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.image-17:where(.w-variant-0c45a9a2-af67-899e-4c87-398698d6ac71) {
  filter: invert();
}

.email_form {
  margin-top: -30px;
}

.email_body {
  text-align: center;
  width: 750px;
}

@media screen and (max-width: 991px) {
  .wf-grid {
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .product-description {
    font-size: 16px;
  }

  .section-products {
    height: auto;
  }

  .footer {
    grid-column-gap: 61px;
    grid-row-gap: 61px;
    flex-flow: column;
    height: auto;
  }

  .footer-div {
    grid-column-gap: 41px;
    grid-row-gap: 41px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .pages {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    justify-content: center;
    align-items: center;
  }

  .terms {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-small-text-div {
    justify-content: center;
    align-items: center;
  }

  .heading-2, .heading-2.light {
    font-size: 50px;
  }

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

  .map_dot {
    display: none;
  }

  .map_dot.pos2 {
    display: none;
    top: 263px;
    left: 541px;
  }

  .map_dot.pos3 {
    display: none;
    top: 377px;
  }

  .map_dot.pos4, .map_dot.pos5, .map_dot.pos6 {
    display: none;
  }

  .blueprint {
    width: 600px;
  }

  .cards {
    width: 700px;
  }

  .card_div {
    width: 100%;
  }

  .paragraph {
    font-size: 12px;
  }

  .paragraph.centered {
    width: 100%;
  }

  .blueprint_svg {
    margin-top: 109px;
  }

  .arrow {
    top: -14px;
  }

  .body {
    overflow: visible;
  }

  .instagram {
    height: 20vw;
  }

  .hover-circle-wrapper {
    display: none;
  }

  .brands {
    width: 92%;
    max-width: none;
  }

  .card-wrapper {
    width: 100%;
  }

  .section_div {
    /* 12px lateral matches the tuned mobile block (<480px) — avoids a “wrong
       padding” look in iPhone landscape / wide viewports that still use ≤991. */
    padding: 100px 12px 72px;
  }

  .section_div.white {
    padding-top: 72px;
  }

  .blueprint-section {
    padding: 56px 12px 48px;
  }

  .bento {
    background-position: 50% 0;
    justify-content: flex-end;
    align-items: center;
  }

  .fs-cc-banner_text {
    text-align: center;
    width: 100%;
    margin-right: 0;
  }

  .fs-cc-banner_container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .review_div {
    width: 100%;
  }

  .review {
    line-height: 25px;
  }

  .community {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    height: auto;
    padding: 72px 24px 64px;
  }

  .img_cut1 {
    top: 144px;
    right: 690px;
  }

  .img_cut2 {
    bottom: 111px;
    left: 120px;
  }

  .label {
    font-size: 17px;
  }

  .blueprint-02 {
    width: 600px;
  }

  .navbar {
    padding: 10px;
  }

  .nav-link {
    width: 100%;
  }

  .wf-container {
    justify-content: space-between;
  }

  .nav-menu {
    background-color: var(--smoke\<deleted\|variable-dae6219a-24a4-1176-af2f-37b5289744c1\>);
  }

  .discs {
    padding-left: 20px;
    padding-right: 20px;
  }

  .disc_grid {
    grid-template-columns: 1fr 1fr;
  }

  .product {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .buy_section {
    flex-flow: column-reverse;
  }

  .nav-wrap {
    padding: 0;
  }

  .audio {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .big_price.nav {
    width: auto;
  }

  .menu-button.w--open {
    background-color: var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
    border-radius: 6px;
  }

  .image_section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    display: flex;
    overflow: hidden;
  }

  .header__btn-menu {
    cursor: pointer;
    background-color: #0a2540;
    width: 32px;
    height: 32px;
    padding: 0;
    transition: all .2s;
    display: flex;
  }

  .product_card.first {
    aspect-ratio: 1;
    width: 100%;
  }

  .explain_card {
    flex-flow: column;
    padding-top: 20px;
    padding-bottom: 60px;
  }

  .about_info {
    flex-flow: wrap-reverse;
  }

  .blog-wrap {
    flex-flow: column;
    padding: 20px 60px 60px;
  }

  .half-card {
    flex-flow: column;
  }

  .half-card._2 {
    background-position: 50%;
  }

  .social-proof {
    border-top: 1px dashed var(--cool);
    border-bottom-style: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .buy-section {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    background-image: linear-gradient(#fff0 46%, #1e23270f);
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .faq {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrap-centered {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-7 {
    font-size: 12px;
  }

  .opener {
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .body_landing {
    overflow: visible;
  }

  .scifi_text {
    white-space: nowrap;
  }

  .footer_bar {
    padding: 10px;
  }

  .product_price {
    font-size: 16px;
  }

  .mobile-navigation {
    display: flex;
  }

  .dropdown {
    border-top: 3px solid var(--black);
    border-left: 1px solid var(--wf-accent);
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .dropdown-toggle {
    height: 64px;
    color: var(--white);
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .dropdown-link {
    border-bottom: 1px solid #ffffff0d;
    justify-content: flex-start;
    align-items: center;
    height: 64px;
    display: flex;
  }

  .image-17 {
    filter: invert();
  }

  .article {
    padding-left: 20px;
    padding-right: 20px;
  }

  .login_btn.chamfer {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .info {
    padding-left: 20px;
    padding-right: 20px;
  }

  .plugin_info {
    flex-flow: row;
  }

  .nav-menu-2 {
    background-color: #0a0a0a;
  }

  .nav_item, .nav_item:lang(en) {
    color: var(--white);
  }

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

  .menu-button-2, .menu-button-2.w--open {
    color: var(--black);
  }

  .menu-button-2.w--open {
    background-color: #0000000d;
  }

  .grids_overlay {
    padding-left: 20px;
    padding-right: 20px;
  }

  .labtest {
    font-size: 12px;
  }

  .banner_section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .left_wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wf-grid {
    grid-template: "."
                   "."
                   "Area"
                   / 1fr;
    height: auto;
  }

  .image-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-products {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    height: auto;
  }

  .footer {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-div {
    grid-column-gap: 39px;
    grid-row-gap: 39px;
    flex-flow: column;
  }

  .pages {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .heading {
    font-size: 15px;
  }

  .footer-small-text-div {
    justify-content: center;
    align-items: center;
  }

  .section_div {
    height: auto;
  }

  .section_div.bg01 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
  }

  .form-newsletter {
    width: 100%;
    padding-left: 0;
  }

  .icon-list-item-wrapper.center {
    text-align: left;
    align-items: flex-start;
  }

  .text-200 {
    text-align: center;
    font-size: 16px;
    line-height: 18px;
  }

  .wf-text-center {
    width: 100%;
  }

  .button-relative {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .button-relative.newsletter {
    width: 100%;
    margin-top: 10px;
    position: static;
  }

  .heading-2 {
    font-size: 32px;
    line-height: 40px;
  }

  .centered-headline-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .blueprint {
    width: 500px;
  }

  .cards {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 70%;
  }

  .instagram {
    height: 40vw;
  }

  .bento {
    background-size: 900px;
  }

  .fs-cc-prefs_title {
    font-size: 1.25rem;
  }

  .square {
    margin-bottom: 79px;
  }

  .community {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    height: auto;
  }

  .brand-paragraph {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-crop {
    display: none;
  }

  .grid-2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-3, .image-crop-2 {
    height: auto;
  }

  .artist {
    height: 200px;
  }

  .label {
    font-size: 12px;
  }

  .wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .blueprint-02 {
    width: 500px;
  }

  .spline-scene-2, .spline-scene-2-copy {
    height: 1920px;
  }

  .waveform-wrap {
    grid-template-columns: 1fr;
  }

  .title {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 10px 10px 10px 15px;
  }

  .navbar {
    border-radius: 0;
  }

  .discs {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 60px;
  }

  .heroshot {
    border-radius: 4px;
  }

  .audio {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .icon_wrapper {
    display: none;
  }

  .explain_card {
    padding: 40px;
  }

  .text-div {
    width: 100%;
  }

  .about_info {
    padding-left: 40px;
    padding-right: 40px;
  }

  .half-card._2 {
    background-position: 50%;
  }

  .sidenote {
    padding: 40px;
  }

  .social-proof {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .buy-section {
    flex-flow: column;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .paragraph-7 {
    font-size: 16px;
  }

  .opener {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer_bar {
    border-radius: 0;
  }

  .mobile-navigation {
    display: flex;
  }

  .info {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 60px;
  }

  .plugin_info {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    flex-flow: column;
  }

  .menu-expand-content {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .banner_audio {
    grid-template-columns: 1fr;
  }

  .email_body {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .product-image {
    box-shadow: 0 40px 60px -30px #1405067d;
  }

  .wf-grid {
    grid-row-gap: 5px;
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-template-areas: "Area";
  }

  .card-button {
    height: 50px;
    font-size: 15px;
  }

  .image-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section-products {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-wrap: wrap;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .logo.bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-section {
    padding: 0;
  }

  .footer {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: -1px;
    padding-left: 20px;
  }

  .footer-div {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .pages {
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .link {
    font-weight: 400;
  }

  .footer-text {
    font-size: 12px;
  }

  .footerlink {
    font-size: 15px;
    font-weight: 600;
  }

  .bigbutton {
    background-image: url('../images/anime_splash.gif');
    background-position: 0 0;
    background-size: cover;
  }

  .bigbutton.buy.chamfer-lg {
    width: 100%;
  }

  .heading.nr {
    display: none;
  }

  .footer-small-text-div {
    justify-content: flex-start;
    align-items: center;
  }

  .section_div {
    padding: 60px 12px 40px;
  }

  .section_div.white {
    padding-top: 40px;
    overflow: clip;
  }

  .section_div.bg01 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-color: #000;
    background-image: none;
    padding: 100px 0;
  }

  .section_div.wf-grid {
    padding-top: 140px;
  }

  .text-200 {
    color: var(--white-50\<deleted\|variable-775746fa-144a-eba2-8948-1d08afa8ec57\>);
    font-size: 12px;
  }

  .wf-text-center {
    width: 100%;
  }

  .button-relative {
    padding: 15px 34px 16px;
  }

  .button-relative.newsletter {
    background-color: var(--white);
    color: var(--black);
    border-radius: 0;
    margin-top: 0;
  }

  .button-relative.newsletter.chamfer-lg {
    font-family: var(--read-text);
    font-weight: 400;
  }

  .input-relative.newsletter {
    color: var(--white);
    text-align: left;
    background-color: #ffffff14;
    border-style: none;
    font-size: 16px;
  }

  .input-relative.newsletter::placeholder {
    color: var(--white-50\<deleted\|variable-775746fa-144a-eba2-8948-1d08afa8ec57\>);
    font-size: 16px;
    line-height: 18px;
  }

  .heading-2 {
    text-align: left;
    font-size: 28px;
    line-height: 25px;
  }

  .heading-2.light {
    color: var(--white);
    font-size: 25px;
  }

  .small-text {
    font-size: 12px;
    line-height: 12px;
  }

  .small-text.light {
    text-align: center;
  }

  .centered-headline-container {
    padding-bottom: 0;
  }

  .blueprint {
    grid-column-gap: 61px;
    grid-row-gap: 61px;
    width: 100%;
    margin-bottom: 40px;
  }

  .hero-cta.fraction {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
  }

  .cards {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
    width: 90%;
  }

  .card_div {
    width: 100%;
    margin-bottom: 0;
  }

  .paragraph {
    text-align: left;
    font-size: 12px;
    line-height: 24px;
  }

  .paragraph.centered {
    width: auto;
  }

  .deco-heading {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }

  .biomass {
    width: 300px;
  }

  .link-block.w--current {
    justify-content: flex-start;
    align-items: center;
  }

  .blueprint_svg {
    width: 700px;
    margin-top: 60px;
  }

  .arrow {
    top: 405px;
  }

  .hover-circle-wrapper {
    padding: 40px;
  }

  .brands, .card-wrapper {
    width: 100%;
  }

  .blueprint-section {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding: 40px 12px 40px;
  }

  .bento {
    background-image: linear-gradient(#0000, #0000);
  }

  .fs-cc-prefs_component {
    padding: 1.5rem;
    display: none;
  }

  .fs-cc-banner_close {
    position: absolute;
    inset: -1.5rem .75rem auto auto;
  }

  .fs-cc-prefs_content {
    padding: 1.5rem;
  }

  .set-all-components-to-display-none-and-use-this-div-to-create-a-symbol {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .fs-cc-manager_icon {
    justify-content: center;
    align-items: center;
    width: 1.3rem;
    height: 1.3rem;
    display: flex;
  }

  .fs-cc-banner_text-link {
    margin-bottom: 10px;
  }

  .fs-cc-banner_buttons-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    flex-flow: column-reverse;
    width: 100%;
  }

  .fs-cc-manager_button {
    justify-content: center;
    align-items: center;
    padding: .125rem;
  }

  .fs-cc-prefs_button {
    margin-bottom: .5rem;
  }

  .fs-cc-banner_text {
    opacity: .7;
    text-align: left;
    font-size: 13px;
  }

  .fs-cc-banner_close-icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .fs-cc-manager_component {
    display: block;
  }

  .fs-cc-banner_button {
    border-radius: .3rem;
    width: 100%;
    margin-bottom: .5rem;
    margin-left: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .fs-cc-banner_button.fs-cc-button-alt {
    border-width: 1px;
    border-color: #dfe6e51a;
  }

  .fs-cc-banner_component {
    border-radius: var(--radius\<deleted\|variable-1ccfcf53-f4b0-ad0c-a31d-8a1bb960a410\>);
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    background-color: #0000;
    border-top-color: #ffffff1a;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
  }

  .div-block {
    flex-flow: column;
    width: 100%;
  }

  .square {
    width: 100%;
    margin-bottom: 0;
  }

  .review_div {
    background-color: var(--silver);
    border-style: dashed none;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    padding: 20px 20px 10px;
  }

  .review {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
  }

  .community {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .brand-paragraph {
    text-align: center;
    white-space: break-spaces;
  }

  .image-crop {
    height: 300px;
  }

  .grid-2 {
    display: flex;
  }

  .image-crop-2 {
    display: none;
  }

  .artist {
    height: 100px;
  }

  .label {
    font-size: 10px;
  }

  .wrapper {
    justify-content: center;
    align-items: stretch;
  }

  .blueprint-02 {
    grid-column-gap: 61px;
    grid-row-gap: 61px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-bottom: auto;
    display: flex;
  }

  .description {
    font-size: 15px;
    line-height: 20px;
  }

  .waveform-wrap {
    padding: 0;
  }

  .navbar {
    top: 0;
  }

  .nav-link {
    background-color: var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
    width: 100%;
    font-weight: 700;
  }

  .wf-container {
    border-style: none;
    border-radius: 0;
    justify-content: space-between;
    width: 100%;
  }

  .nav-menu {
    background-color: var(--black);
    filter: drop-shadow(0 2px 20px #000);
    margin-left: 10px;
    margin-right: 10px;
  }

  .discs {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    border-top-style: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .disc_grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .read-text {
    font-size: 10px;
    line-height: 17px;
  }

  .read-text.dark {
    font-size: 12px;
  }

  .top {
    height: 130px;
  }

  .low {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .product {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .nav-wrap {
    justify-content: center;
    align-items: center;
  }

  .heroshot {
    border-radius: 2px;
  }

  .audio {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-bottom: 0;
    padding: 5px;
  }

  .big_price {
    text-align: left;
  }

  .big_price.nav {
    padding-left: 5px;
    font-size: 14px;
  }

  .menu-button {
    background-color: var(--smoke\<deleted\|variable-dae6219a-24a4-1176-af2f-37b5289744c1\>);
    border-radius: 10px;
  }

  .menu-button.w--open {
    background-color: var(--white-5\<deleted\|variable-b740b166-9f20-1c22-3a20-fc301924d5a7\>);
    border-radius: 7px;
  }

  .image_section {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .image_section.browser {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    padding-bottom: 40px;
  }

  .icon_wrapper {
    display: block;
  }

  .external {
    font-size: 12px;
  }

  .bold-text-2 {
    font-family: var(--read-text);
    letter-spacing: 0;
    font-size: 20px;
  }

  .notch {
    margin-bottom: -7px;
  }

  .explain_card {
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .text-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .about {
    border-top-style: none;
    padding: 5px;
  }

  .about_info {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    height: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-text {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 20px;
  }

  .blog-wrap {
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .big-quote {
    margin-left: 10px;
    margin-right: 10px;
  }

  .big-quote-text {
    font-size: 15px;
    line-height: 23px;
  }

  .half-card {
    background-position: 0 0;
    background-size: cover;
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .half-card._2 {
    background-position: 50%;
    background-size: cover;
  }

  .sidenote {
    flex-flow: column;
    padding: 20px;
  }

  .card-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .reels {
    flex-flow: column;
  }

  .socials {
    display: none;
  }

  .original_price {
    justify-content: flex-start;
    align-items: center;
  }

  .instaquote {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .social-proof {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
  }

  .buy-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 40px 20px;
  }

  .paragraph-bigger {
    font-size: 15px;
  }

  .icon-embed-small {
    display: none;
  }

  .faq {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .wrap-centered {
    padding-left: 0;
    padding-right: 0;
  }

  .card_div-2 {
    width: 100%;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-7 {
    font-size: 12px;
    line-height: 20px;
  }

  .checkout-container {
    height: auto;
  }

  .link-block-3 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .link-block-3.w--current {
    justify-content: center;
    align-items: center;
    min-width: 108px;
    display: flex;
  }

  .opener {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-image: url('../images/noise_06.png'), url('../images/banner_website.avif');
    background-position: 0 0, 20%;
    background-size: auto, cover;
    height: 700px;
    margin-bottom: 0;
    padding: 0;
  }

  .scifi_text {
    white-space: nowrap;
    font-size: 12px;
  }

  .cta_wrap {
    align-items: stretch;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta_wrap.chamfer-lg {
    flex-flow: column;
    padding-bottom: 20px;
  }

  .logo_wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-subtext {
    text-align: left;
    font-size: 14px;
    line-height: 12px;
  }

  .body-2 {
    background-color: #121212;
  }

  .sticky_cta {
    mix-blend-mode: normal;
    inset: auto 0% 0%;
  }

  .footer_cta {
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer_bar {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    width: auto;
    top: 0;
  }

  .product_card_text {
    height: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .quote {
    font-size: 16px;
    line-height: 20px;
  }

  .quote-container {
    padding: 10px;
  }

  .wf-block {
    padding: 0;
  }

  .mobile-navigation {
    z-index: 100;
    justify-content: center;
    align-items: center;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    position: fixed;
    inset: auto 0% 5px;
  }

  .widget_btn {
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .widget_btn.chamfer {
    background-color: var(--black);
    border-style: none;
    width: auto;
  }

  .audio_description {
    font-size: 12px;
    line-height: 17px;
  }

  .dropdown {
    border-top: 3px solid var(--black);
    border-left: 1px solid var(--wf-accent);
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .dropdown-toggle {
    height: 64px;
    color: var(--white);
    justify-content: flex-start;
    align-items: center;
  }

  .dropdown-link {
    border-bottom: 1px solid #ffffff0d;
    justify-content: flex-start;
    align-items: center;
    height: 64px;
    display: flex;
  }

  .article {
    border-top-style: none;
    padding: 0;
  }

  .success-frame {
    padding-left: 10px;
    padding-right: 10px;
  }

  .info {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    border-top-style: none;
    padding: 0;
  }

  .cms_benefits {
    font-size: 14px;
  }

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

  .login_card {
    width: 100%;
    height: auto;
    padding: 20px;
  }

  .headline_left {
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav_item, .nav_item:lang(en) {
    color: var(--white);
  }

  .menu-button-2, .menu-button-2.w--open {
    color: var(--black);
  }

  .vertical_lines.mob {
    display: none;
  }

  .grids_overlay {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-items: center;
    margin-top: -40px;
  }

  .labtest {
    font-size: 15px;
    line-height: 24px;
  }

  .review_wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .subheading {
    text-align: left;
  }

  .banner_section {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .banner_section.browser {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    padding-bottom: 40px;
  }

  .banner_audio {
    padding: 0;
  }

  .left_wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .section {
    height: 300px;
  }

  .image-17 {
    filter: invert();
  }

  .icon:where(.w-variant-0c45a9a2-af67-899e-4c87-398698d6ac71) {
    color: var(--white);
  }

  .email_body {
    width: 100%;
  }

  .checkout_nav {
    display: none;
  }

  #w-node-d69b761d-fbf8-72ff-e720-18409f556088-26506ffb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

#w-node-d69b761d-fbf8-72ff-e720-18409f556075-26506ffb {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-d69b761d-fbf8-72ff-e720-18409f556088-26506ffb, #w-node-d69b761d-fbf8-72ff-e720-18409f55608a-26506ffb, #w-node-d69b761d-fbf8-72ff-e720-18409f556090-26506ffb, #w-node-d69b761d-fbf8-72ff-e720-18409f556092-26506ffb, #w-node-d69b761d-fbf8-72ff-e720-18409f556098-26506ffb, #w-node-d69b761d-fbf8-72ff-e720-18409f55609a-26506ffb, #w-node-f0c63be1-dfc3-726d-a227-d66111acbe66-26506ffb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@font-face {
  font-family: 'Panchang Variable';
  src: url('../fonts/Panchang-Variable.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Variablefont Opsz Wght';
  src: url('../fonts/Inter-VariableFont_opszwght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Funneldisplay Variablefont Wght';
  src: url('../fonts/FunnelDisplay-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Doto Variablefont Rond Wght';
  src: url('../fonts/Doto-VariableFont_RONDwght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Astromono';
  src: url('../fonts/AstroMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aoi Mono Standard';
  src: url('../fonts/Aoi-Mono---Standard.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ucka';
  src: url('../fonts/Ucka-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neopixel';
  src: url('../fonts/neopixel-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaneue';
  src: url('../fonts/HelveticaNeueRoman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bugrinotrials';
  src: url('../fonts/BugrinoTrials-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ductile Display';
  src: url('../fonts/Ductile-Display.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lab Grotesk';
  src: url('../fonts/LABGroteskRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
}