@font-face {
  font-family: Sf Pro Display;
  src: url('../fonts/SF-Pro-Display-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url('../fonts/SF-Pro-Display-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: NeueHaas;
  src: url('../fonts/NeueHaasDisplayLight.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: NeueHaas;
  src: url('../fonts/NeueHaasDisplayBlack.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: NeueHaas;
  src: url('../fonts/NeueHaasDisplayBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: NeueHaas;
  src: url('../fonts/NeueHaasDisplayBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-Bold.ttf') format("truetype"), url('../fonts/InterTight-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-BoldItalic.ttf') format("truetype"), url('../fonts/InterTight-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-Bold.ttf') format("truetype"), url('../fonts/PlayfairDisplay-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-ExtraBoldItalic.ttf') format("truetype"), url('../fonts/PlayfairDisplay-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay;
  src: url('../fonts/PlayfairDisplay-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

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

:root {
  --black: black;
  --orange: #f56630;
  --black--90: #212121;
  --bg-grey: #fafafa;
  --dark-grey: #98a2b3;
  --warm-gray--400: #a6a6a6;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.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;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #333;
  background-color: #f6ecdf;
  font-family: Neuemontreal, sans-serif;
  font-size: 1em;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

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

p {
  margin-bottom: 10px;
}

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

.styleguide_rich-text p {
  color: #161616;
  margin-bottom: 0;
  line-height: 1.5;
}

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

.text-size-h1 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(254deg, #745cc7, #eb5017 94%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: NeueHaas, sans-serif;
  font-size: 8em;
  line-height: 1;
}

.global_symbol {
  position: fixed;
  inset: 0% 0% auto;
}

.text-size-tiny {
  color: #667085;
  flex-direction: column;
  font-size: .875rem;
  line-height: 1.2em;
}

.text-size-tiny.large {
  color: #344054;
  letter-spacing: -.08rem;
  max-width: 14em;
  font-family: Inter, sans-serif;
  font-size: 2em;
  line-height: 120%;
}

.text-size-tiny.small {
  color: #5b6871;
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 1.2;
}

.text-size-tiny.text-color-white.opacity-80 {
  font-size: .912vw;
  line-height: 1.1em;
}

.text-size-tiny.text-color-white.opacity-50 {
  mix-blend-mode: lighten;
}

.page-wrapper {
  width: 100%;
  font-size: 1em;
  position: relative;
  overflow: hidden;
}

.page-wrapper.is-rem {
  flex-direction: column;
  align-items: center;
  font-size: 1rem;
  display: flex;
}

.page-wrapper.is-waitlist {
  height: 62.3rem;
  overflow: hidden;
}

.page-wrapper.overflow-visible {
  overflow: visible;
}

.page-padding {
  padding: 5em 6%;
}

.global_embed {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.styleguide_list {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-size-large {
  color: #344054;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}

.text-size-large.large {
  max-width: 41.75em;
  font-size: 2.5em;
  font-weight: 400;
}

.text-size-large.max-width-medium {
  max-width: 40rem;
  font-weight: 400;
}

.hero-wrapper {
  background-image: url('../images/Bg-patterns.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
}

.hero-content-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.hero-content {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 50em;
  height: 100%;
  padding: 5em 5em 2.5em;
  display: flex;
}

.hero-label-text {
  color: #795320;
  letter-spacing: .0375rem;
  text-transform: uppercase;
  background-color: #f9f3eb;
  border: 1px solid #e8d1b0;
  border-radius: 2rem;
  margin-bottom: 1em;
  padding: .35em .75em;
  font-size: .75em;
  line-height: 200%;
  display: inline-block;
}

.hero_moving-content {
  background-color: #fff;
  border-radius: 1.5rem;
  width: 100%;
  height: 100%;
  padding: 1em;
  position: relative;
  overflow: scroll;
}

.hero-title_wrapper {
  grid-row-gap: 1em;
}

.avatar {
  border: 1.5px solid #fff;
  border-radius: 12.5rem;
  width: 2em;
  height: 2em;
  margin-left: -.5em;
  overflow: hidden;
}

.avatar-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.avatar-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-proof {
  grid-column-gap: 1em;
  align-items: center;
  width: auto;
  margin-top: 2.5em;
  padding-left: .375em;
  display: flex;
}

.social-proof.is-1 {
  grid-column-gap: .5rem;
  margin-top: 0;
}

.social-proof.is-preorder {
  grid-column-gap: .75rem;
  background-color: #f7f7f7;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: .375rem .625rem .375rem 1rem;
  box-shadow: 0 0 0 1px #e0e0e0;
}

.form-content {
  background-color: #fafafa;
  border: 1.5px solid #fcb59a;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  padding: .5em .5em .5em 1.25em;
  display: flex;
  position: relative;
  box-shadow: 0 4px 8px -2px #00000014, 0 2px 4px -2px #0000000a;
}

.input-field.early-access {
  background-color: #0000;
  border: 1px #000;
  margin-bottom: 0;
  margin-left: .5em;
  padding: 0;
  font-size: .875em;
}

.input-field.early-access::placeholder {
  color: #98a2b3;
  font-size: .875rem;
  line-height: 1.25rem;
}

.button {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  background-image: linear-gradient(#eb5017, #eb5017);
  border-radius: .5rem;
  flex: none;
  margin-left: 1.25em;
  padding: 1em 1.5em;
  font-size: 1em;
  font-weight: 500;
  line-height: 150%;
  transition: background-color .5s ease-in-out;
  position: relative;
  overflow: hidden;
}

.button.is-1 {
  background-color: #eb5017;
  background-image: none;
  margin-left: 0;
  padding: .75rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: none;
}

.button.is-1:hover {
  background-color: #d94914;
}

.button.outline {
  grid-column-gap: 1rem;
  color: var(--black);
  background-image: none;
  border: 1px solid #000;
  align-items: center;
  margin-left: 0;
  padding: .75rem 1rem;
  font-size: 1rem;
  text-decoration: none;
  transition: border-color .3s, background-color .5s ease-in-out;
  display: flex;
}

.button.outline:hover {
  border-color: var(--orange);
}

.button.outline.hide {
  display: none;
}

.button.white {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--black);
  background-color: #fff;
  background-image: none;
  border: 1px solid #0000;
  align-items: center;
  margin-left: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  text-decoration: none;
  transition: border-color .3s, background-color .5s ease-in-out;
  display: flex;
}

.button.white:hover {
  border-style: solid;
  border-color: var(--orange);
}

.button.none {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--black);
  background-image: none;
  border: 1px solid #0000;
  align-items: center;
  margin-left: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  transition: border-color .3s, background-color .5s ease-in-out;
  display: flex;
}

.button.none:hover, .button.none.w--current {
  color: var(--orange);
}

.button.none._2 {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.button.none.is-2 {
  display: none;
}

.button.none.close {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.button.none.hide {
  display: none;
}

.button.is-form {
  margin-left: 0;
  padding: .75rem 1.5rem;
  font-size: .875rem;
}

.button.is-waitlist {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  background-color: #ffffff1a;
  background-image: none;
  border: 2px solid #0000;
  align-items: center;
  height: 2.5rem;
  margin-left: 0;
  padding: .625rem .75rem;
  font-size: .875rem;
  text-decoration: none;
  transition: border-color 50ms, background-color 50ms ease-in-out;
  display: flex;
}

.button.is-waitlist:hover {
  color: #000;
  background-color: #fafafa;
  border: 2px solid #ffffff4d;
}

.button.is-waitlist.is-2 {
  display: none;
}

.button.is-waitlist_1 {
  background-color: #eb5017;
  background-image: none;
  height: 2.5rem;
  margin-left: 0;
  padding: .625rem 1rem;
  font-size: .875rem;
  line-height: 1.5;
  text-decoration: none;
}

.button.is-waitlist_1:hover {
  background-color: #d94914;
}

.button.is-menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  background-color: #ffffff1a;
  background-image: none;
  border: 2px solid #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  margin-left: 0;
  padding: .625rem .75rem;
  font-size: .875rem;
  text-decoration: none;
  transition: border-color 50ms, background-color 50ms ease-in-out;
  display: flex;
}

.button.is-menu:hover {
  color: #000;
  background-color: #fafafa;
  border: 2px solid #ffffff4d;
}

.button.is-menu.is-2 {
  display: none;
}

.button.is-waitlist_1-copy {
  background-color: #eb5017;
  background-image: none;
  width: 100%;
  height: 2.5rem;
  margin-left: 0;
  padding: .625rem 1rem;
  font-size: .875rem;
  line-height: 1.5;
  text-decoration: none;
}

.button.is-waitlist_1-copy:hover {
  background-color: #d94914;
}

.button.is-cta {
  margin-left: 0;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.button.is-cta:hover {
  background-color: var(--black--90);
  background-image: none;
}

.form {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.form.early-access {
  max-width: 41.75rem;
  margin-top: 4em;
  margin-bottom: 0;
}

.form.max-width-medium {
  justify-content: flex-start;
  align-items: center;
}

.form.is-v2 {
  align-items: stretch;
}

.input-field_content-wrapper {
  width: 100%;
  display: flex;
}

.blend-bg_contain {
  z-index: 2;
  mix-blend-mode: difference;
  background-color: #1a1a1a;
  border-radius: 4.13506rem;
  justify-content: center;
  align-items: center;
  width: 8.3rem;
  height: 8.3rem;
  position: static;
  inset: 0% 0% auto;
  overflow: hidden;
}

.rotate-icon_contain {
  justify-content: center;
  align-items: center;
  width: 10.8301rem;
  height: 10.5636rem;
  margin-top: 21.6rem;
  margin-left: -5.44rem;
  display: none;
  position: relative;
  inset: 0%;
}

.rotate-text {
  width: 10.8301rem;
  height: 10.5636rem;
  position: absolute;
}

.rotate-img_contain {
  z-index: 5;
  background-image: url('../images/Rectangle-3.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.top-content {
  width: 100%;
}

.bottom-content {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 41.75rem;
  display: flex;
}

.social-icon_item {
  background-color: #eb51191a;
  border-radius: 12.5rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.social-icon {
  z-index: 2;
}

.social-icon_contain {
  grid-column-gap: .75em;
  align-items: center;
  display: flex;
}

.rayna-social-wrapper {
  grid-row-gap: .5em;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.slider-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.slide1 {
  background-color: #f0f2f4;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-top: 2em;
  display: flex;
}

.feature-contain {
  grid-row-gap: .75em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.5em;
  display: flex;
}

.feature-item {
  grid-column-gap: .75em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-text {
  color: #344054;
  letter-spacing: -.0225rem;
  font-family: Inter, sans-serif;
  font-size: 1.2em;
  line-height: 1.2;
}

.check-img {
  width: 1.2em;
}

.slide1-top-content {
  z-index: 5;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
  position: relative;
}

.slide1-bottom-content {
  margin-top: -6vw;
  position: relative;
}

.slide1-grid {
  grid-column-gap: 16px;
  grid-row-gap: .75rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.date-picker-contain {
  width: 100%;
}

.metrics {
  flex: 0 auto;
  align-self: center;
  width: 100%;
  position: relative;
}

.selectors, .integration, .integration-img, .date-picker-img, .metrics-img, .selector-img, .balance, .balance-img, .capital-img, .bottom-img-contain, .bottom-img {
  width: 100%;
}

.player-cursor {
  width: 11%;
  position: absolute;
}

.player-cursor._1 {
  inset: 28% auto auto 8%;
}

.player-cursor._2 {
  inset: 12% 0% auto 43%;
}

.player-cursor._3 {
  inset: -3% 8% 0% auto;
}

.player-cursor._4 {
  inset: auto 14% 32% auto;
}

.player-cursor.slide4-1 {
  inset: 17% 12% 0% auto;
}

.player-cursor.slide4-2 {
  inset: auto auto 10% 8%;
}

.artboard {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.artboard-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.slide2 {
  grid-row-gap: 5em;
  background-color: #f6f8f9;
  border-radius: 1rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  padding: 5.49em 1em 2.01em;
  display: flex;
  overflow: hidden;
}

.slide2-top {
  grid-row-gap: 1em;
  text-align: center;
  flex-direction: column;
  place-content: center;
  align-items: center;
  display: flex;
}

.slide2-bottom {
  flex: 1;
  width: 100%;
}

.dashboard-wrapper {
  grid-column-gap: 1.87em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.dashboard-img-contain {
  flex: none;
  width: 80%;
}

.dashboard-img {
  object-fit: fill;
  width: 100%;
  height: 100%;
}

.slide3 {
  background-color: #f0f2f4;
  background-image: url('../images/Vector.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1rem;
  width: 100%;
}

.product, .customer-details {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 16vw;
  display: flex;
}

.slide3-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

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

.slide3-right {
  flex-direction: column;
  justify-content: center;
  width: 50%;
  height: 100%;
  margin-top: -8.5vw;
  margin-bottom: -8.5vw;
  margin-left: -2.4vw;
  display: flex;
}

.add-product, .customers, .order-details {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 16vw;
  display: flex;
}

.product-img {
  width: 100%;
  height: 100%;
}

.customer-details-img, .add-product-img, .customer-img, .order-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.slide4 {
  grid-row-gap: 5rem;
  background-color: #f0f2f4;
  background-image: url('../images/Vector.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 3em;
  position: relative;
  overflow: hidden;
}

.slide4-text-wrapper {
  color: #344054;
  max-width: 20em;
  margin-bottom: 4em;
  margin-left: 2em;
  margin-right: 2em;
  font-family: Inter, sans-serif;
  font-size: 1.5em;
  line-height: 120%;
}

.slide4-text-wrapper.aling-right {
  text-align: right;
  max-width: 16em;
  margin-bottom: 3em;
  margin-left: 2em;
  margin-right: 2em;
}

.slide4-img-contain {
  width: 100%;
  padding-left: 2em;
}

.hero-right-wrapper {
  width: 100%;
  max-width: 50vw;
  height: 100%;
  margin-right: 1.25em;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}

.slide5 {
  background-color: #ebeef0;
  border-radius: 1rem;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  padding-top: 3em;
  display: flex;
}

.slide5-bottom-img-contain, .slide5-bottom-img {
  width: 100%;
}

.slide6 {
  background-color: #f0f2f4;
  background-image: url('../images/Vector.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 1rem;
  width: 100%;
}

.slide6-content-wapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: .5em;
  padding-right: .5em;
  display: flex;
  overflow: hidden;
}

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

.slide6-mid-wrapper {
  flex-direction: column;
  width: 100%;
  margin-top: -14.2vw;
  margin-bottom: -14.2vw;
  display: flex;
}

.slide6-left-img {
  width: 100%;
  height: 100%;
}

.slide6-mid_top-img {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.mid-top-img {
  width: 100%;
  height: 100%;
}

.slide6-mind_bottom-img {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.mid-bottom-img {
  width: 100%;
  height: 100%;
}

.slide6-right-img-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: -17vw;
}

.right-img {
  width: 100%;
  height: 100%;
}

.slide7 {
  grid-row-gap: 4em;
  background-color: #f8ecdd;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 5em;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
  overflow: hidden;
}

.slide7-top {
  grid-row-gap: 1em;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slide7-heading {
  color: #344054;
  letter-spacing: -.08rem;
  font-family: Inter, sans-serif;
  font-size: 2em;
  line-height: 120%;
}

.slide7-label {
  color: #1d2939;
  letter-spacing: -.015rem;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 120%;
}

.slide7-img-contain {
  width: 100%;
}

.slide7-img, .thumbnail-img, .slide4-img {
  width: 100%;
  height: 100%;
}

.brand-logo {
  width: 9em;
}

.button-text {
  z-index: 10;
  position: relative;
}

.button-text.pre-order {
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3125rem;
}

.button-text.pre-order.text-weight-600 {
  text-shadow: 0 1px 3px #0000001a;
  font-size: .875rem;
}

.button-text.is-waitlist {
  opacity: .8;
  color: #fff;
}

.success-message-wrapper {
  background-color: var(--orange);
  color: #fff;
  border-radius: .75rem;
  max-width: 31rem;
  padding: 1.2em;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  box-shadow: 0 1px 2px #1018280d;
}

.success-message-wrapper.is-v2 {
  width: 100%;
  max-width: none;
}

.success-content {
  grid-column-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.error-message-wrapper {
  color: #344054;
  border-radius: .75rem;
  margin-top: 1em;
  padding: 1em;
  font-family: Inter, sans-serif;
  font-size: 1rem;
}

.body {
  background-color: #fff;
  font-family: Sf Pro Display, sans-serif;
  font-size: .875px;
  font-weight: 400;
  line-height: 1.4;
}

.main-wrapper {
  width: 100%;
}

.main-wrapper.background-black {
  background-color: var(--black--90);
}

.main-wrapper.is-waitlist {
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
  overflow: visible;
}

.section-rn-desc {
  opacity: 1;
  overflow: hidden;
}

.padding-global {
  padding-left: 4%;
  padding-right: 4%;
}

.padding-global.is-1 {
  height: 100%;
}

.padding-global.footer {
  padding-left: 8%;
  padding-right: 8%;
}

.padding-global.bg-gadient {
  background-image: url('../images/box-bg-right.svg'), url('../images/slider-text.svg'), url('../images/box-bg.svg');
  background-position: 97% 260px, 160px 520px, 24px 240px;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, auto;
}

.padding-global.z-index-1 {
  z-index: 1;
}

.padding-global.z-index-1.is-preorder {
  padding-bottom: 2.5rem;
}

.padding-global.z-index-1.is-cta {
  padding-bottom: 0;
}

.padding-global.is-onedraft {
  padding-left: 5%;
  padding-right: 5%;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.container-large.is-2 {
  height: 100%;
  display: flex;
}

.container-large.is-onedraft {
  max-width: 75rem;
}

.container-large.is-cta {
  background-image: url('../images/new-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1200px;
  border-radius: 1.5rem;
}

.padding-section-large {
  padding-top: 12rem;
  padding-bottom: 5rem;
}

.padding-section-large.is-1 {
  padding-bottom: 12rem;
}

.padding-section-large.users {
  padding-top: 4rem;
}

.hero-parent {
  grid-row-gap: 3.5rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.padding-section-large-2 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.padding-section-large-2.is-1 {
  padding-bottom: 12rem;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group.hero-button.is-waitlist {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.button-group.hero-button.is-menu {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 18.5rem;
}

.button-group.is-center {
  justify-content: center;
}

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

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

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.max-width-large.spacing-center.text-align-center.flex-align-center-2 {
  z-index: 1;
  position: relative;
}

.max-width-large.is-1 {
  max-width: 45rem;
}

.spacer-tiny {
  width: 100%;
  padding-top: .25rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1.5rem;
}

.spacer-small.pre-order_padding {
  padding-top: 2.5rem;
}

.spacer-small.pre-order_padding.no-top-padding {
  padding-top: 0;
}

.spacer-small.pre-order_padding.ia-pre-order {
  padding-left: 0;
  padding-right: 0;
}

.spacer-small.pre-order_padding.top-padding-120 {
  padding-top: 7.5rem;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.spacer-large {
  width: 100%;
  padding-top: 3rem;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 10rem;
}

.max-width-xlarge {
  width: 100%;
  max-width: 60rem;
}

.max-width-xlarge.text-align-center.align-center {
  grid-row-gap: 1.5em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.max-width-xlarge.text-align-center.align-center.z-index-1 {
  max-width: 64rem;
}

.heading-style-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.2;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.max-width-medium.spacing-center.text-align-center.flex-align-center-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-size-small {
  font-size: .875rem;
}

.text-size-small.text-weight-500 {
  text-align: center;
}

.max-width-xxxlarge {
  width: 100%;
  max-width: 80rem;
}

.reel {
  background-color: #f1f1f1;
  border-radius: 2.5rem;
  width: 100%;
  height: 45rem;
}

.reel.position-relative {
  z-index: 2;
  overflow: hidden;
}

.reel.is-2 {
  z-index: 2;
  height: auto;
  position: relative;
  overflow: hidden;
}

.reel.is-3 {
  z-index: 2;
  border-radius: 0;
  height: auto;
  position: relative;
  overflow: hidden;
}

.position-relative {
  position: relative;
}

.card-reel {
  background-color: var(--orange);
  border-radius: 1.5rem;
  width: 80%;
  height: 8.375rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: -2.9rem;
}

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

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding-section-small.is-2 {
  padding-bottom: 12rem;
}

.padding-section-small.is-1 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

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

.heading-style-h2-large {
  color: #111;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6rem;
  font-weight: 500;
  line-height: 1;
}

.counter-item {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-size-xlarge {
  font-size: 1.5rem;
  line-height: 150%;
}

.text-size-xlarge.text-weight-500.is-preorder {
  opacity: .8;
  color: #212121cc;
  text-align: center;
}

.section-rn-hero {
  position: relative;
  overflow: hidden;
}

.description-wrapper {
  width: 100%;
  position: relative;
}

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.spacing-center {
  margin-left: auto;
  margin-right: auto;
}

.illustration-wrapper {
  background-image: url('../images/image-background.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.rayna_image {
  max-width: none;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-section-medium.top-modified {
  padding-top: 2.5rem;
}

.features-parent {
  grid-row-gap: 5rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.features-parent.is-1 {
  grid-row-gap: 7.5rem;
}

.heading-style-h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.1;
}

.heading-style-h2.text-color-grey {
  color: #666;
}

.heading-style-h2.text-color-primary.text-weight-medium {
  font-weight: 500;
}

.heading-style-h2.is-waitlist {
  color: #fff;
  text-align: left;
  letter-spacing: 1px;
  font-family: Intertight, sans-serif;
  font-size: 3.6vw;
  font-weight: 600;
  line-height: 1;
}

.heading-style-h2.is-cta {
  font-size: 3rem;
  line-height: 1;
}

.features-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.features-grid.is-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.feature-card {
  grid-row-gap: 2.5rem;
  background-color: var(--black);
  color: #fff;
  border-radius: 1.5rem 1.5rem 0;
  flex-direction: column;
  padding-top: 2.5rem;
  padding-left: 2.5rem;
  display: flex;
  overflow: hidden;
}

.text-size-xxlarge {
  font-size: 2rem;
  line-height: 1.1;
}

.text-size-medium {
  font-size: 1.25rem;
}

.text-size-medium.max-width-meidum-2 {
  width: 100%;
  max-width: 42rem;
}

.feature-card-img-wrapper {
  background-color: #d9d9d966;
  border-top-left-radius: 2.5rem;
  flex: 1;
  min-height: 23.625rem;
  padding-top: 1.25rem;
  padding-left: 1.25rem;
}

.feature-card-img {
  background-color: #ffffff1c;
  border-top-left-radius: 1.25rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.features-icon-wrapper {
  background-color: var(--orange);
  border-radius: 500rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.spacer-small-2 {
  width: 100%;
  padding-top: 1.25rem;
}

.arc-image {
  width: 120%;
  max-width: none;
  position: absolute;
  inset: auto 0% 40% -12%;
}

.section-rn-reel {
  position: relative;
  overflow: hidden;
}

.section-rn-library {
  background-color: var(--bg-grey);
  position: relative;
  overflow: hidden;
}

.spacer-xxsmall-2 {
  padding-top: .75rem;
}

.library-card {
  background-color: #eceff1;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 20rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-size-regular {
  font-size: 1.125rem;
  line-height: 27px;
}

.text-size-regular.text-color-white.opacity-80 {
  text-align: center;
}

.max-width-full {
  width: 100%;
  max-width: 100%;
}

.max-width-full.is-bg-video {
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
  width: 40vw;
  height: 78vh;
  overflow: hidden;
}

.max-width-full.is-bg-video.is-none {
  display: none;
}

.max-width-full.corner-radius-24 {
  border-radius: 1.5rem;
}

.max-width-full.is-image {
  object-fit: cover;
  border-radius: .75rem;
  height: 20rem;
}

.icon-embed-xsmall {
  width: 1.5rem;
  max-width: none;
  height: 1.5rem;
  transition: transform .3s;
}

.icon-embed-xsmall.is-20 {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.icon-embed-large {
  width: 6.25rem;
  height: 6.25rem;
}

.flex-align-center-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.swiper-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: row;
  flex: none;
  display: flex;
}

.swiper-wrapper.is-gallery {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: center;
}

.swiper-slide {
  background-color: #eceff1;
  flex: none;
  width: 28.375rem;
}

.swiper-slide.is-gallery {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 280px;
  margin-left: -.5rem;
  margin-right: -.5rem;
  display: flex;
}

.heading-style-h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1;
}

.section-rn-testimonials.position-relative {
  overflow: hidden;
}

.faq-card {
  cursor: pointer;
  border-bottom: 1px solid #c0bfbf;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.faq-card.is-1 {
  padding-top: 0;
}

.faq-top {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-content {
  color: #696969;
  margin-top: 1.5rem;
  display: none;
}

.section-rn-footer {
  background-color: #f9fafb;
}

.links-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.footer-link {
  color: #667085;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
}

.footer-link:hover {
  color: var(--orange);
}

.footer-link.hide {
  display: none;
}

.position-absolute {
  position: absolute;
}

.image-dot {
  max-width: 40.625rem;
}

.image-dot.position-absolute {
  max-width: 40rem;
  top: 0%;
  left: 0%;
}

.marquee-container {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: center;
  display: flex;
  position: relative;
}

.marquee-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
}

.testimonial-card {
  background-color: #f2f2f2;
  border-radius: 1.25rem;
  flex: none;
  width: 20rem;
}

.gradient-white {
  z-index: 2;
  background-image: linear-gradient(#fff0, #fff 84%);
  width: 120%;
  height: 12rem;
  position: absolute;
  inset: auto 0% 0% -10%;
}

.gradient-white.is-1 {
  background-image: linear-gradient(#fff, #fff0 91%);
  top: -2%;
  bottom: auto;
}

.features-title {
  padding-right: 2.5rem;
}

.rayna-richtext p {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
}

.text-size-veryhuge {
  background-image: linear-gradient(to right, #000 37%, #fff);
  font-size: 15rem;
  line-height: 1;
}

.success-wrapper {
  width: 100%;
}

.nav {
  z-index: 12;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  -webkit-backdrop-filter: blur(2.5rem);
  backdrop-filter: blur(2.5rem);
  background-color: #f0f2f5cc;
  border: 1px solid #fff;
  border-radius: .75rem;
  justify-content: space-between;
  align-items: center;
  width: 52rem;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem;
  display: flex;
  position: fixed;
  top: 2.5rem;
  bottom: auto;
}

.nav.is-waitlist {
  z-index: 13;
  background-color: #0000;
  border-style: none;
  border-radius: 1.5rem;
  width: 100%;
  max-width: none;
  margin-top: 1%;
  padding: 1rem 1.5%;
  position: static;
  inset: 0% 0% auto;
}

.nav.is-menu {
  z-index: 13;
  background-color: var(--black--90);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-style: none;
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  max-width: none;
  height: 70%;
  margin-top: 0%;
  padding: 1rem 1.5%;
  position: static;
  inset: 0% 0% auto;
}

.rayna-logo-wrapper {
  padding: .5rem;
}

.rayna-logo-wrapper.w--current {
  flex: none;
  padding: 0;
}

.rayna-logo-2 {
  object-fit: scale-down;
  width: 100%;
  max-width: none;
  height: 1.5rem;
}

.icon-embed-small {
  width: 2rem;
  height: 2rem;
}

.image-bg {
  width: 100%;
  max-width: none;
  height: 58.5rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0% auto auto;
}

.image-bg.pointer-events-none {
  margin-left: auto;
  margin-right: auto;
}

.gradientline {
  background-image: linear-gradient(272deg, #f56630, #f5663000);
  border-radius: 500px;
  width: 8rem;
  height: .125rem;
  position: absolute;
  top: 8.9%;
  left: 25%;
}

.gradientline.is-2 {
  opacity: 0;
  background-image: linear-gradient(#f56630, #f5663000);
  width: .125rem;
  height: 8rem;
  top: 29.9%;
}

.gradientline.is-1 {
  opacity: 0;
  top: 11.29%;
}

.gradientline.is-3 {
  opacity: 0;
  background-image: linear-gradient(to right, #f56630, #f5663000);
  top: 22.6%;
  left: auto;
  right: 5%;
}

.gradientline.is-4 {
  opacity: 0;
  background-image: linear-gradient(to top, #f56630, #f5663000);
  width: .125rem;
  height: 8rem;
  left: auto;
  right: 8.3%;
}

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

.cursor-body {
  border-radius: .25rem;
  padding: .25rem .75rem;
  position: absolute;
  bottom: 10%;
  left: 0%;
}

.cursor-body.is-blue {
  color: #fff;
  background-color: #1671d9;
}

.cursor-body.is-orange {
  color: #fff;
  background-color: #f56630;
  bottom: 24%;
  left: auto;
  right: -16%;
}

.cursor-body.is-green {
  color: #fff;
  background-color: #0eae3b;
  display: none;
  bottom: auto;
  left: auto;
}

.arrow-cursor {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: -1rem;
  left: -1rem;
}

.cusror-wrapper {
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.features-card-shadow {
  z-index: 1;
  background-image: linear-gradient(#c2bcba00 84%, #c2bcba40);
  position: absolute;
  inset: 0%;
}

.feature-img {
  max-width: none;
}

.ui-imge {
  width: 100%;
  max-width: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ui-imge.pointer-events-none {
  top: 1.5rem;
  left: 1.5rem;
}

.ui-imge.pointer-events-none.is-1 {
  top: 0;
  left: 0;
}

.ui-gradient {
  z-index: 1;
  background-image: linear-gradient(360deg, #f0f2f5 44%, #f0f2f500);
  height: 80%;
  position: absolute;
  inset: auto 0% 0%;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.ui-icon-wrapper {
  z-index: 3;
  background-color: #fff;
  border-radius: 500rem;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
  position: relative;
  box-shadow: 0 2px .25rem #98a2b32b;
}

.swiper {
  grid-column-gap: 1.25rem;
  width: 100%;
  display: flex;
}

.swiper.is-gallery {
  width: 100%;
  padding-right: 0;
  display: block;
  overflow: hidden;
}

.marquee-parent {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  height: 53rem;
  display: flex;
  overflow: hidden;
}

.marquee-parent.is-1 {
  justify-content: flex-end;
}

.bg-video {
  width: 100%;
  height: 100%;
}

.newsletter-card {
  z-index: 2;
  text-align: center;
  background-color: #f6ecdf;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2.5rem;
  display: flex;
  position: relative;
}

.text-color-primary {
  color: var(--orange);
}

.button-text-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-text-2 {
  z-index: 10;
  position: absolute;
  transform: translate(0, 100%);
}

.video-play {
  z-index: 249;
  background-color: #191b1cc2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.reel-video {
  margin-left: auto;
  margin-right: auto;
}

.reel-image {
  cursor: pointer;
  width: 100%;
  max-width: none;
  height: 100%;
}

.gradient-white-2 {
  z-index: 2;
  background-image: linear-gradient(#fff0, #fff 84%);
  width: 120%;
  height: 12rem;
  position: absolute;
  inset: auto 0% 0% -10%;
}

.grid-3-col {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3-col.built-with {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
}

.grid-3-col.pre-order {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
}

.review-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f9fafb;
  border-radius: 1rem;
  flex-direction: column;
  padding: 1rem;
  display: flex;
}

.review-card.is-white {
  background-color: #fff;
}

.review-card.pre-order {
  border: 8px #fff;
  padding: 0;
}

.review-users-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.review-details.pre-order {
  margin-bottom: 1.125rem;
}

.text-color-grey {
  color: #9b9b9b;
}

.user-img {
  object-fit: cover;
  border-radius: 500px;
  width: 3rem;
  max-width: none;
  height: 3rem;
}

.user-detail {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.user-detail.extend {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}

.nav-wrapper {
  display: flex;
}

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

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

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

.background-grey {
  background-color: var(--bg-grey);
}

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

.background-orange {
  background-color: var(--orange);
}

.background-dark-grey {
  background-color: var(--dark-grey);
}

.grid-3 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.img-card {
  border-radius: .5rem;
  height: 13rem;
  overflow: hidden;
}

.img-card.built-with-rayna {
  height: auto;
}

.img-cover {
  object-fit: cover;
  object-position: 50% 8%;
  width: 100%;
  max-width: none;
  height: 100%;
}

.img-cover.built-with-rayna {
  height: 18rem;
}

.built-with-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.display-flex {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.display-flex.align-center {
  align-items: center;
}

.display-flex.align-center.colgap-12 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.display-flex.col-gap16 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}

.display-flex.col-gap16.align-right {
  justify-content: flex-end;
  align-items: center;
}

.display-flex.col-gap16.max-width-full {
  justify-content: flex-start;
  align-items: flex-start;
}

.display-flex.col-gap16.align-top {
  justify-content: flex-start;
}

.display-flex.col-gap4 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}

.display-flex.col-gap10 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: flex-start;
  align-items: center;
}

.display-flex.align-left {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.display-flex.col-gap8 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  position: relative;
}

.display-flex.is-review {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.display-flex.is-center {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
}

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

.display-flex.col-gap24 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
}

.display-flex.is-link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #333;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}

.display-flex.is-link:hover {
  color: var(--orange);
}

.display-flex.is-link.align-right {
  justify-content: flex-end;
  align-items: center;
}

.display-flex.is-link.max-width-full {
  justify-content: flex-start;
  align-items: flex-start;
}

.display-flex.colgap-8 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.display-flex.align-top {
  justify-content: space-between;
  align-items: flex-start;
}

.display-flex.align-top.is-faq {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.collection-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.glow-line {
  z-index: -1;
  border-radius: 1rem;
  margin: -100%;
  position: absolute;
  inset: 0%;
}

.tag_text {
  color: #14151acc;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.hero_center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 16rem;
  padding-bottom: 7.5rem;
  display: flex;
}

.hero_center.is-footer {
  padding-top: 12.8125rem;
}

.text-image {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/Rectangle-34624130-1.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.tag_exterior {
  padding: 1.5px;
}

.section_herosection {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 2.5rem;
  position: relative;
}

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

.tagline {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border: 1px solid #ebebeb;
  border-radius: 6rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem .75rem .7rem;
  display: flex;
  box-shadow: 0 1px 3px #8f8f8f33;
}

.tagline_component {
  border-radius: 6rem;
  width: 100%;
  max-width: 12.875rem;
  position: relative;
  overflow: hidden;
}

.container-large-2 {
  width: 100%;
  max-width: 91rem;
  margin-left: auto;
  margin-right: auto;
}

.container-large-2.footer {
  max-width: none;
}

.container-large-2.is-relative {
  position: relative;
}

.pre-order_body {
  color: #212121;
  background-color: #0000;
  font-family: Intertight, sans-serif;
}

.pre-order_main {
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.pre-order_header-h1 {
  letter-spacing: -2px;
  text-transform: none;
  font-size: 6.5rem;
  line-height: 6.5rem;
}

.pre-order_header-h1.hero {
  text-align: center;
  letter-spacing: -2px;
  font-size: 5rem;
  line-height: 120%;
}

.pre-order_header-h1.is-cta, .pre-order_header-h1.is-designers, .pre-order_header-h1.is-developers, .pre-order_header-h1.is-pms, .pre-order_header-h1.is-teams {
  color: #fff;
  letter-spacing: -.64px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 120%;
}

.cta_dark-bg {
  background-color: var(--black--90);
  color: #fff;
  border-radius: 12px;
  padding: 1rem 2.25rem;
}

.cta_dark-bg.alternate {
  color: #212121;
  text-shadow: 0 1px 3px #0000001a;
  background-color: #fafafa;
  border: 1px solid #fafafa;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 320px;
  padding: 1.125rem 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta_dark-bg.alternate:hover {
  background-color: var(--orange);
  color: #fff;
  border: 1px solid #f56630;
  box-shadow: 0 0 10.4px #f56630, 0 0 10.4px #f5b431;
}

.cta_dark-bg.alternate.is-extend {
  padding-left: 4rem;
  padding-right: 4rem;
  box-shadow: inset 0 1px 2px #a8a8a81f, 0 0 0 1px #a8a8a8, 0 1.5px 3px #a8a8a814, 0 4px 4px #a8a8a812, 0 12px 6px #a8a8a80a, 0 16px 8px #a8a8a803;
}

.cta_dark-bg.alternate.is-extend:hover {
  background-color: var(--orange);
  box-shadow: none;
  color: var(--bg-grey);
}

.cta_dark-bg.alternate-nav {
  color: #212121;
  text-shadow: 0 1px 3px #0000001a;
  background-color: #fafafa;
  padding: .625rem 1rem;
}

.cta_dark-bg.alternate-nav:hover {
  color: #fff;
  background-color: #eb5017;
}

.cta_dark-bg.reduced-padding {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.link-block {
  text-decoration: none;
}

.link-block.is-preorder {
  grid-column-gap: .625px;
  grid-row-gap: .625px;
  display: flex;
}

.hero-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-cta.align-right {
  justify-content: flex-start;
  align-items: flex-end;
}

.cta_pink-bg {
  color: #000;
  background-color: #ffece5;
  border-radius: 100px;
  padding: .5rem 1rem;
}

.cta_pink-bg.background-orange {
  color: #fff;
  background-color: #eb5017;
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.cta_pink-bg.background-orange.nav-bar {
  border-radius: 12px;
}

.cta_pink-bg.background-orange.nav-bar:hover {
  color: #000;
  background-color: #fff;
}

.text-weight-600 {
  font-weight: 600;
}

.text-weight-500 {
  font-weight: 500;
}

.section {
  border-radius: 2.5rem;
  overflow: hidden;
}

.section._1 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  max-height: 67.5rem;
  display: flex;
}

.section.for-everyone {
  background-color: #fffdfc;
  background-image: none;
  background-size: auto;
  border: 1px solid #efedec;
}

.section.scroll {
  border-radius: 0;
}

.section.background-dark {
  background-color: #212121;
}

.section.custom-design {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0;
  position: relative;
}

.section.is--black {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 480px;
  position: relative;
}

.section.is-testimonial {
  border: 1px solid #efedec;
  position: relative;
}

.section.is-faq {
  background-color: #0000;
  background-image: none;
  background-size: auto;
  border: 1px solid #efedec;
  overflow: visible;
}

.pre-order_header-h2 {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  line-height: 4rem;
}

.pre-order_header-h2.text-weight-600 {
  letter-spacing: -1px;
}

.pre-order_header-h2.text-weight-600.size-32 {
  margin-top: 0;
  margin-bottom: 20px;
}

.pre-order_header-h2.text-weight-600.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.max-width-480 {
  max-width: 30rem;
}

.max-width-480.margin-left-56, .max-width-480.left-offset {
  margin-left: 3.5rem;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.max-width-560 {
  max-width: 35rem;
}

.type-playfair-italic {
  letter-spacing: -2.56px;
  font-family: Playfairdisplay, sans-serif;
  font-style: italic;
}

.type-playfair-italic.opacity-80.spacing--64 {
  letter-spacing: -.64px;
}

.margin-top-112 {
  margin-top: 7rem;
}

.margin-top-32 {
  margin-top: 2rem;
}

.custom-card {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 4rem 2.5rem;
}

.custom-card.is-relative {
  padding-bottom: 4rem;
  position: relative;
}

.custom-card.margin-bottom-0 {
  margin-bottom: 0;
}

.custom-card.spacing-80 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  background-color: #0000;
  border-style: none;
  flex-flow: column;
  margin-top: 2.5rem;
  margin-bottom: 0;
  padding-top: 5rem;
  padding-bottom: 0;
  display: flex;
}

.custom-card.is-pre-order {
  margin-bottom: 0;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  position: relative;
}

.margin-top-80 {
  margin-top: 5rem;
}

.tabs {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tabs-menu {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  margin-right: 2rem;
  padding-bottom: 180px;
  display: flex;
}

.tabs-content {
  flex-flow: column;
  width: 50%;
  margin-left: 2rem;
  display: flex;
}

.pre-order_header-h3 {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3rem;
}

.max-width-600 {
  max-width: 37.5rem;
}

.card-tab {
  opacity: .3;
  color: #1a1a1a;
  background-color: #0000;
  flex-flow: column;
  align-items: flex-start;
  max-width: 33.75rem;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card-tab.w--current {
  opacity: 1;
  background-color: #0000;
}

.margin-bottom-12 {
  margin-bottom: 12px;
}

.margin-bottom-12.overflow-hidden {
  border-radius: .75rem;
  flex: 1;
  overflow: hidden;
}

.icon-embed {
  max-width: 1.5rem;
  max-height: 1.5rem;
  display: flex;
}

.text-size-default {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-size-default.text-weight-600 {
  z-index: 1;
  position: relative;
}

.text-size-default.text-align-center.z-index-2 {
  z-index: 5;
}

.text-size-default.testimonial-color {
  color: #757575;
}

.tab-highlight {
  background-color: #efefef;
  border-left: 14px solid #efefef;
  border-radius: 12px;
  padding: .625rem 1rem;
}

.tab-highlight.background-white {
  background-color: #fff;
  border-left-style: none;
}

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

._2-colgrid.space-between {
  justify-items: stretch;
}

._2-colgrid.space-between.adopter-customer {
  place-items: center stretch;
}

.opacity-80 {
  opacity: .8;
}

.opacity-100 {
  opacity: 1;
  font-weight: 600;
}

.margin-bottom-40 {
  margin-bottom: 2.5rem;
}

.tab-div {
  width: 100%;
}

.margin-left-48 {
  margin-left: 3rem;
}

.delivery-tab_link {
  opacity: .3;
  color: #1a1a1a;
  background-color: #0000;
  border-radius: 12px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 33.75rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.delivery-tab_link.w--current {
  opacity: 1;
  padding-top: 0;
  padding-bottom: 0;
}

.delivery-tab_menu {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  margin-right: 2rem;
  display: flex;
}

.margin-vertical-112 {
  margin-top: 80px;
  margin-bottom: 112px;
}

.max-width-500 {
  max-width: 31.25rem;
}

.max-width-986 {
  max-width: 61.625rem;
}

.grid-wrapper {
  background-color: #2121210d;
  border-radius: 2rem;
  padding: 10px;
}

.div-block {
  background-color: #fff;
  border-radius: 24px;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 2rem;
}

.text-weight-300 {
  font-weight: 300;
}

.text-color-white {
  color: #fff;
}

.max-width-786 {
  max-width: 49.125rem;
}

.margin-top-40 {
  margin-top: 2.5rem;
}

.code-embed-2 {
  max-height: 1.125rem;
}

.padding-section-150 {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

.margin-bottom-56 {
  margin-bottom: 3.5rem;
}

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

.max-width-916 {
  max-width: 58rem;
}

.max-width-760 {
  max-width: 47.5rem;
}

.splitter_handle-wrapper {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.arrow-image {
  width: 9.14px;
  height: 18.28px;
}

.splitter_before {
  width: 100%;
  position: absolute;
  inset: 0%;
}

.splitter_component {
  cursor: pointer;
  width: 100vw;
  height: 70vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.splitter_handle-circle {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 2rem;
  width: 2.6875rem;
  height: 2.6875rem;
}

.splitter_handle-circle.is-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0000;
  border-style: none;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
}

.splitter_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.splitter_image.is-after {
  inset: 0% 0% auto auto;
  width: 88.5vw;
  max-width: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.splitter_handle-component {
  z-index: 2;
  background-color: #fff;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 50%;
}

.spliter_after {
  z-index: 2;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.line-wrapper {
  background-color: #fff;
  width: 10px;
  height: 100%;
}

.splitter_component-2 {
  cursor: pointer;
  width: 70vw;
  height: 70vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.splitter_component-2.is-radius {
  border-radius: 1rem;
  width: 88.5vw;
  height: auto;
  min-height: 67.125rem;
}

.footer3_social-link {
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.footer3_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.margin-bottom, .margin-bottom.margin-small, .margin-bottom.margin-tiny, .margin-bottom.margin-medium {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xsmall {
  margin: 0 0 .5rem;
}

.margin-bottom.margin-20 {
  margin-bottom: 1.25rem;
}

.margin-bottom.margin-10 {
  margin-bottom: .625rem;
}

.margin-bottom.margin-24 {
  margin-bottom: 1.5rem;
}

.margin-bottom.margin-16 {
  margin-bottom: 1rem;
}

.margin-bottom.margin-64 {
  margin-bottom: 4rem;
}

.footer3_logo-link {
  float: none;
  padding-left: 0;
}

.footer3_legal-link {
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  font-size: .875rem;
  text-decoration: underline;
}

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

.padding-top.padding-medium {
  padding: 2rem 0 0;
}

.footer3_credit-text {
  color: #757575;
  font-size: 1rem;
  line-height: 1.5rem;
}

.footer3_credit-text.hide-tablet {
  opacity: .5;
  color: #fff;
}

.footer3_credit-text.hide-tablet:hover {
  opacity: 1;
  color: var(--orange);
}

.footer3_credit-text.show-tablet {
  opacity: .5;
  color: #fff;
}

.padding-bottom, .padding-bottom.padding-xxlarge {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom.padding-80 {
  padding-bottom: 5rem;
}

.footer3_top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
}

.footer3_legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.footer3_bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer3_left-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.line-divider {
  width: 100%;
  height: 1px;
}

.line-divider.is-vertical {
  opacity: .05;
  background-color: #fff;
  width: 1px;
  height: 1rem;
}

.line-divider.is-grey {
  background-color: #ededed;
}

.footer3_menu-wrapper {
  grid-column-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.icon-embed-xsmall-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.footer3_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: grid;
}

.footer3_link {
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
}

.padding-vertical-24 {
  padding: 1.5rem 0;
}

.background-dark {
  background-color: #212121;
}

.header_left-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.header-text {
  opacity: 1;
  color: #fff;
  -webkit-text-stroke-color: white;
  font-size: 1rem;
  line-height: 1.5rem;
}

.opacity-50 {
  opacity: .5;
}

.glowing-wrapper {
  border-radius: 62.5rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.glowing-wrapper.glowing-wrapper-active {
  border-radius: 24px;
}

.nav_link {
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
}

.email-button-flex {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.email-button-flex.bottom {
  flex: none;
  width: 100%;
  position: absolute;
  bottom: -200%;
}

.glowing-wrapper-borders-masker {
  opacity: 0;
  border-radius: 62.5rem;
  width: 100%;
  padding: .06rem;
  line-height: 100%;
  transition: opacity 1s;
  position: absolute;
  top: 0;
  left: 0;
}

.glowing-wrapper-mask-wrapper {
  opacity: 1;
}

.glowing-wrapper-animations {
  z-index: -1;
  opacity: 0;
  width: 100%;
  transition: opacity 1s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.glowing-wrapper-mask {
  opacity: 1;
}

.glowing-wrapper-glow {
  opacity: .12;
  filter: blur(8px);
}

.clip {
  z-index: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.glowing-wrapper-borders {
  opacity: 1;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #f24e1e;
  border-radius: 2.5rem;
  padding: 1.125rem 1.75rem;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.button-2.contact-button {
  align-items: center;
  padding: 8px 12px;
  font-size: .875rem;
  font-weight: 400;
  display: flex;
}

.button-2.contact-button.glowing-wrapper-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.text-ticker_mask {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #111;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 1em;
  display: inline-block;
  position: absolute;
  overflow: hidden;
}

.text-ticker_carousel {
  clear: both;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #212121;
  flex-direction: column;
  line-height: 1em;
  display: flex;
}

.text-ticker_text {
  letter-spacing: -.0375em;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.25;
  display: inline;
}

.text-ticker_text.pre-order_header-h1 {
  color: #212121;
  font-size: 6.5rem;
  line-height: 6.5rem;
}

.text-ticker_text.text-image {
  color: #212121;
  height: 7.75rem;
  padding-right: 6px;
  font-size: 6.5rem;
  line-height: 6.5rem;
  display: inline-flex;
}

.text-ticker_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 1.75rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  left: auto;
  right: auto;
}

.text-ticker_mask2 {
  background-color: #32443e;
  height: 6rem;
  position: absolute;
  inset: 7rem 0% 0% auto;
}

.text-ticker_mask1 {
  background-color: #32443e;
  height: 6rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.tab-div_wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 2.5rem;
  display: flex;
}

.audio-item {
  background-color: #fff;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 20px #00000012;
}

.audio-button {
  cursor: pointer;
  background-color: #5d91df;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  transition: all .3s;
  display: flex;
  position: absolute;
  box-shadow: 1px 1px 20px #5d91df78;
}

.audio-button:hover {
  background-color: #4f90f1;
  width: 68px;
  height: 68px;
}

.audio-button-img {
  width: 48px;
  height: 48px;
}

.audio-visual {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 200%;
  height: 48px;
  display: flex;
}

.audio-wire {
  background-color: #252222;
  border-radius: 32px;
  width: 4px;
  height: 50%;
  margin-left: 2px;
  margin-right: 2px;
}

.corner-radius-8 {
  border-radius: .5rem;
}

.corner-radius-8.full-height {
  height: 80vh;
}

.padding-section-custom {
  padding-top: 540px;
  padding-bottom: 120px;
}

.padding-section-custom.is-image-grid {
  margin-bottom: 2.5rem;
  padding-top: 512px;
  padding-bottom: 2.5rem;
}

.library-third-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.full-illustration-wrapper {
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border: 1px solid #f3f3f3;
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 33.3333%;
  padding: 4rem;
  display: flex;
  position: relative;
}

.full-illustration-wrapper.increased-width {
  width: 59%;
  padding: 3.5rem 2rem;
}

.full-illustration-wrapper.decreased-width {
  width: 41%;
  padding: 3.5rem 2.5rem;
  overflow: hidden;
}

.full-illustration-wrapper.width-33pc {
  width: 33%;
  padding: 4rem 2rem;
}

.full-illustration-wrapper.width-67pc {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: 67%;
  padding: 4rem 0;
}

.full-illustration-wrapper.width-54pc {
  background-color: #fff;
  border-style: none;
  width: 54%;
  padding: 3rem 0 4rem;
  overflow: hidden;
}

.full-illustration-wrapper.width-46pc {
  background-image: url('../images/real-random-pick.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 46%;
  padding: 4rem 0;
}

.full-illustration-wrapper.custom-grid {
  background-color: #0000;
  border-style: none;
  width: auto;
}

.padding-illustration {
  padding-top: 6rem;
  padding-bottom: 2.5rem;
}

.gradient-div {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.gradient-div.space-320 {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
}

.gradient-div.hide-overflow {
  overflow: hidden;
}

.gradient-div.z-index-5 {
  z-index: 5;
}

.text-tagline {
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.text-tagline.text-color-green {
  color: #099137;
}

.text-tagline.text-color-pink {
  color: #7c133d;
}

.text-tagline.text-color-brown {
  color: #645d5d;
}

.text-tagline.text-color-red {
  color: #eb5017;
}

.text-tagline.text-color-gradient {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.text-tagline.text-color-violet {
  color: #6e56cf;
}

.text-tagline.text-color-yellow {
  color: #ad6f07;
}

.text-color-purple {
  color: #644fc1;
}

.tagline-wrapper {
  border-radius: 12px;
  padding: 6px 12px;
}

.tagline-wrapper.background-light-green {
  background-color: #e7f6ec;
}

.tagline-wrapper.background-light-pink {
  background-color: #fdddec;
}

.tagline-wrapper.background-light-brown {
  background-color: #f0e6e6;
}

.tagline-wrapper.background-light-red {
  background-color: #ffece5;
}

.tagline-wrapper.background-light-gradient {
  background-color: #f0f7ff;
}

.tagline-wrapper.background-light-yellow {
  background-color: #fef6e7;
}

.background-light-purple {
  background-color: #ebe5ff;
}

.image-3 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-3.z-index-2, .image-3.gradient, .image-3.variable {
  object-fit: fill;
}

.image-3.z-index-5 {
  z-index: 5;
  object-fit: fill;
}

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

.gradient-padding {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}

.image-4 {
  width: 100%;
}

.tokenization-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.compliance-padding.padding-small {
  padding: 1.5rem;
}

.products-wrapper {
  background-image: none;
  border-radius: 2.5rem;
  padding: 2.5rem;
}

.products-wrapper.z-index-2 {
  background-image: linear-gradient(#fff, #f2f2f2);
}

._3-colgrid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._3-row-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 24px;
  flex-flow: column;
  display: flex;
}

.social-profile {
  object-fit: cover;
  border-radius: 500px;
  width: 2rem;
  max-width: none;
  height: 2rem;
}

.margin-top-300 {
  margin-top: 18.75rem;
}

.div-block-4 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.html {
  width: 0;
  height: 0;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.card_fill {
  background-color: #323341;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.card_fill.is-red {
  background-color: #eb9b98;
}

.card_fill.is-blue {
  background-color: #ebe5ff;
}

.card_fill.is-green {
  background-color: #b5e3c4;
}

.card_fill.is-light-blue {
  background-color: #dbf7ff;
}

.app_img {
  z-index: 4;
  opacity: 0;
  background-color: #fafafa;
  border: 1px solid #f2f2f2;
  border-radius: .5rem;
  max-width: none;
  height: 100%;
  transition: opacity .3s;
  position: absolute;
}

.app_img.is--current, .app_img.is-mobile {
  opacity: 1;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  position: relative;
}

.app {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.card {
  z-index: 1;
  cursor: pointer;
  border-radius: 1rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card.is-first {
  background-color: #fbeae9;
}

.card.is-second {
  background-color: #fbfaff;
}

.card.is-third {
  background-color: #e7f6ec;
}

.card.is-fourth {
  background-color: #f1fcff;
}

.left_paragraph {
  margin-top: .9em;
  margin-bottom: 1.8em;
}

.left_heading {
  font-size: 4em;
}

.hero_left {
  z-index: 2;
  width: 50%;
  position: relative;
}

.hero_right {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 44em;
  display: flex;
  position: relative;
}

.card_heading {
  letter-spacing: 0;
  font-size: 1.4em;
  font-weight: 500;
}

.card_icon {
  z-index: 1;
  color: #f2fe9a;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  position: relative;
}

.app_circle {
  z-index: 1;
  opacity: .37;
  filter: blur(4em);
  background-color: #d2e9ec;
  border-radius: 100vw;
  width: 70%;
  padding-top: 70%;
  position: absolute;
}

.card-wrap {
  z-index: 2;
  color: #1a1a1a;
  background-color: #dadada;
  border-radius: 1rem;
  justify-content: flex-start;
  align-items: center;
  padding: .625rem 1rem;
  display: flex;
  position: relative;
}

.code-icon {
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  position: relative;
}

.image-5 {
  border-radius: .5rem;
}

.app_img-2 {
  z-index: 4;
  opacity: 0;
  max-width: none;
  height: 100%;
  transition: opacity .3s;
  position: absolute;
}

.app_img-2.is--current {
  opacity: 1;
}

.card-2 {
  z-index: 1;
  cursor: pointer;
  background-color: #111214;
  border: 2px solid #323341;
  border-radius: 1em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.1em;
  padding: 1.6em 2.3em;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-2:hover {
  padding-left: 2.7em;
}

.card_icon-2 {
  color: #f2fe9a;
  width: 2em;
  height: 2em;
  margin-right: 1.3em;
}

.tab-text {
  font-size: 1rem;
  line-height: 1.5rem;
}

.rectangle-overlay {
  background-image: linear-gradient(#fff, #fff 45.34%);
  width: 100%;
  height: 9rem;
  position: absolute;
  inset: auto 0% 0%;
}

.rectangle-overlay.z-index-2 {
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}

.mask {
  width: 100%;
  height: 100%;
}

.slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
  margin-top: 1.25rem;
  position: absolute;
}

.slider-img {
  object-fit: cover;
  height: 100%;
}

.carousel {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-7, .image-8 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-8.hide-mobile {
  height: auto;
  max-height: none;
  inset: 0% 0% auto;
}

.image-8.show-mobile {
  display: none;
}

.image-8.show-1920 {
  height: auto;
  max-height: none;
  display: none;
  inset: 0% 0% auto;
}

.image-8.show-desktop-only {
  height: auto;
  max-height: none;
  inset: 0% 0% auto;
}

.image-8.show-mobile-lscape {
  display: none;
}

.image-9 {
  max-width: 932px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.image-9.hide-mobile {
  max-width: 840px;
}

.is-relative {
  position: absolute;
}

.is-relative.half-width {
  width: 50%;
  margin-top: -72px;
  bottom: 3rem;
}

.audio-avatar {
  width: 48px;
  height: 48px;
}

.div-block-5 {
  background-color: var(--black);
  border-radius: 1000px;
  width: 6px;
  height: 6px;
}

.div-block-6 {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  margin-bottom: 4px;
  padding: 0;
}

.code-embed-3 {
  width: 400px;
}

.margin-left-24 {
  margin-left: 1.5rem;
}

.audio-wrapper {
  background-color: #fff;
  border: 2px dashed #9747ff;
  border-radius: 8px;
  padding: 1rem .75rem;
}

.color-warm-grey {
  color: #757575;
}

.logo-image {
  height: 24px;
}

.show-tablet {
  display: none;
}

.code-embed-4 {
  width: 100%;
}

.show-landscape {
  display: none;
}

.pre-order_padding {
  margin: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.show-mobile {
  display: none;
}

.split-text {
  font-size: 1.125rem;
  line-height: 1.5625rem;
}

.navbar2_menu-button {
  padding: 0;
}

.navbar2_dropdown-list.w--open {
  border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
  background-color: var(--\<unknown\|relume-variable-background-color-1\>);
  padding: .5rem;
  position: absolute;
}

.button-3 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-3.is-navbar2-button {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.dropdown-chevron {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.navbar2_menu {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.navbar2_logo-link {
  padding-left: 0;
}

.navbar2_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.navbar2_container.padding-vertical-24 {
  grid-template-columns: 1fr 1fr 1.25fr;
}

.navbar2_menu-dropdown {
  color: #fff;
}

.navbar2_component {
  border-bottom: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 4.5rem;
  padding-left: 4%;
  padding-right: 4%;
  display: flex;
}

.navbar2_link {
  color: #fff;
  padding: .5rem 1rem;
}

.navbar2_link.w--current {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.navbar2_button-wrapper {
  grid-column-gap: 1rem;
  margin-left: 1rem;
  display: flex;
}

.navbar2_dropdown-link {
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  padding: .5rem 1rem;
}

.navbar2_dropdown-link.w--current {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.navbar2_dropdwn-toggle {
  grid-column-gap: .5rem;
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.code-embed-5 {
  width: 1.75rem;
  height: 1.75rem;
}

.audio-text {
  font-size: 1rem;
}

.global-2 {
  position: fixed;
}

.swiper-2.is-gallery {
  width: 100%;
  overflow: hidden;
}

.swiper-wrapper-2.is-gallery {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.swiper-slide-2.is-gallery {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gallery-img__wrapper {
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 210px;
  transition: transform .8s cubic-bezier(.77, 0, .175, 1), opacity .8s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: static;
  overflow: hidden;
}

.gallery-img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
}

.div-block-8 {
  width: 100%;
  height: 100%;
  position: relative;
}

.image-11 {
  width: 101%;
  height: 100.5%;
  position: absolute;
  inset: 0%;
}

.section-2 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.section-2.is--black {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #eceae5;
  background-color: #0e0e0e;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-9 {
  width: 100%;
  overflow: hidden;
}

.div-block-9.gradient-padding {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.pop-up-cover {
  z-index: 999995;
  background-image: linear-gradient(#ffffffd9, #ffffffd9);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: none;
  position: fixed;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.popup-closebutton {
  z-index: 100;
  background-color: var(--orange);
  cursor: pointer;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: 1.25rem 1.25rem auto auto;
}

.popup-heading {
  color: #353535bf;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 2;
}

.popup-card {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  width: 50%;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  padding: 2.5rem;
  display: flex;
  position: relative;
  box-shadow: 11px 11px 32px #00000014;
}

.link-block-2 {
  background-image: linear-gradient(225deg, #eabc55 12%, #72a9d5 55%, #fccb78 94%);
  border-radius: 30px;
  padding: 2px;
  text-decoration: none;
}

.images-container {
  margin-bottom: 50px;
}

.close-x {
  color: #fff;
  justify-content: center;
  font-size: 20px;
}

.close-x.popup-closebutton {
  background-color: #0000;
  width: auto;
  height: auto;
  position: static;
}

.popup-image {
  object-fit: cover;
  width: 8em;
  height: 8em;
  margin-left: 2em;
  margin-right: 2em;
}

.popup-items {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 20px 0 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.popup-subheading {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 40px;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 25px;
  line-height: 1.25;
}

.text-block {
  color: #000;
  background-color: #fff;
  border-radius: 30px;
  padding: 15px 30px;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .6s;
}

.text-block:hover {
  color: #000;
  background-color: #0000;
}

.review-header {
  font-weight: 500;
}

.review-header.text-align-center {
  color: #344054;
}

.form-label {
  color: #344054;
  font-weight: 400;
}

.form-field {
  border: 1px solid #d0d5dd;
  border-radius: .5rem;
  height: 40px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}

.form-field.form-textarea {
  min-height: 100px;
}

.form-field.is-large {
  height: auto;
  margin-bottom: 0;
}

.form-field.form-shadow {
  color: #575757;
  background-color: #fafafa;
  background-image: url('../images/mal-icon.svg');
  background-position: 96%;
  background-repeat: no-repeat;
  background-size: auto;
  border-color: #d6d6d6;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  width: 17.5rem;
  height: 56px;
  margin-bottom: 0;
  padding-left: 18px;
  padding-right: 18px;
  display: flex;
}

.form-field.form-shadow:active, .form-field.form-shadow:focus {
  border-color: #f56630;
}

.form-field.form-shadow::placeholder {
  color: #a6a6a6;
}

.form-field.is-pre-order {
  border-radius: 62.5rem;
  height: auto;
  margin-bottom: 0;
  padding: .8125rem 1rem;
  box-shadow: 0 1px 2px #12376914, 0 0 0 1px #09194821;
}

.form-field.is-pre-order::placeholder {
  color: #a3a3a3;
}

.popup-form-button {
  background-color: var(--orange);
  border-radius: .5rem;
  width: 100%;
}

.success-message {
  background-color: #0000;
}

.max-width-469 {
  max-width: 29.3125rem;
}

.custom-padding {
  padding-top: 7.5rem;
  padding-bottom: 4rem;
}

.max-width-528 {
  max-width: 33rem;
}

.margin-top-18 {
  margin-top: 1.125rem;
}

.margin-top-20 {
  margin-top: 1.25rem;
}

.layout121_timeline-icon-wrapper {
  z-index: 1;
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  margin-top: -1rem;
  padding: 1rem;
  position: relative;
}

.layout121_timeline-right {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.layout121_timeline-wrapper {
  position: relative;
}

.layout121_progress-bar {
  background-color: #000;
  width: 2px;
  height: 100%;
}

.layout121_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-medium {
  margin: 2rem 0 0;
}

.margin-top.custom-2 {
  margin-top: 2rem;
}

.margin-top.custom-2.is-waitlist {
  z-index: 9999;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.margin-top.margin-xsmall {
  margin-top: 1rem;
}

.margin-top.margin-medium {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-24 {
  margin-top: 1.5rem;
}

.margin-top.margin-120 {
  margin-top: 7.5rem;
}

.margin-top.margin-4 {
  margin-top: .25rem;
}

.margin-top.margin-large {
  margin-top: 3rem;
}

.margin-top.margin-64 {
  margin-top: 4rem;
}

.margin-top.margin-40 {
  margin-top: 2.5rem;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.padding-global-2 {
  padding-left: 5%;
  padding-right: 5%;
}

.icon-1x1-medium {
  width: 3rem;
  height: 3rem;
}

.layout121_timeline-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.layout121_timeline-step {
  grid-column-gap: 2.5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
}

.layout121_progress-bar-wrapper {
  background-color: #00000026;
  width: 2px;
  height: 75%;
  position: absolute;
  top: 10%;
  left: 2.4375rem;
  right: auto;
}

.container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.button-4 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-4.is-link {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-4.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.button-4.is-secondary {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: #0000;
}

.text-weight-semibold {
  font-weight: 600;
}

.icon-embed-wrapper {
  padding: .75rem;
}

.icon-embed-wrapper.corner-radius-full.background-light-blue {
  background-color: #f3f0ff;
}

.corner-radius-full {
  border-radius: 100%;
}

.vector {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 60px;
  left: 26px;
}

.dash {
  background-color: #f2f2f2;
  background-image: none;
  width: 2px;
  height: .5rem;
}

.fill-desktop {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.header38_form {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: flex;
}

.form_message-success {
  color: #fff;
  background-color: #ffffff0d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  display: flex;
}

.text-size-medium-2 {
  font-size: 1.125rem;
}

.button-5 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.header38_form-block {
  max-width: 25rem;
  margin-bottom: 0;
}

.form_message-error-wrapper {
  margin-top: 1rem;
  padding: 0;
}

.form_input {
  height: auto;
  min-height: 2.75rem;
  color: var(--bg-grey);
  background-color: #2c2c2c;
  border: 1px solid #ffffff0d;
  border-radius: .5rem;
  margin-bottom: 0;
  padding: .875rem 1rem;
  font-size: .875rem;
  line-height: 1.6;
}

.form_input:hover, .form_input:active, .form_input:focus, .form_input:focus-visible, .form_input[data-wf-focus-visible] {
  font-size: .875rem;
}

.form_input::placeholder {
  color: var(--warm-gray--400);
  font-size: .875rem;
}

.header38_image {
  object-fit: cover;
  width: 100%;
  height: 100vh;
  max-height: 60rem;
}

.form_message-error {
  background-color: var(--\<unknown\|relume-variable-background-color-8\>);
  color: var(--\<unknown\|relume-variable-text-color-5\>);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.text-size-tiny-2 {
  font-size: .75rem;
}

.form_message-success-wrapper {
  margin-top: 1rem;
  padding: 0;
}

.heading-style-h1-2 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.header38_component {
  grid-column-gap: 6rem;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: flex-start stretch;
  height: auto;
  margin-top: 3.5%;
  margin-left: 5rem;
  display: flex;
  position: relative;
}

.header38_component.is-2 {
  justify-content: center;
  align-items: flex-start;
  height: auto;
}

.header38_component.is-2.isabout {
  margin-left: 0;
}

.header38_content {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 37.4rem;
  height: 55rem;
  margin-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.header38_content.is-2 {
  justify-content: flex-start;
  align-items: center;
}

.section_header38 {
  background-color: var(--\<unknown\|relume-variable-background-color-1\>);
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header38_image-wrapper {
  z-index: 999;
  grid-column-gap: 48%;
  grid-row-gap: 48%;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  display: flex;
  position: relative;
  top: 220px;
}

.header38_image-wrapper.is-none {
  display: none;
}

.waitlist-group_container {
  background-color: #ffffff0d;
  border-radius: 62.5rem;
  margin-bottom: 1.5rem;
  padding: .5rem 1rem .5rem .5rem;
}

.waitlist-group_container.equal-padding {
  margin-bottom: 0;
  padding: .75rem;
  position: relative;
}

.waitlist_image {
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 1.7vw;
  height: 1.7vw;
  position: relative;
}

.waitlist_image:hover {
  z-index: 2;
}

.waitlist_image.offset {
  z-index: 1;
  margin-left: -4px;
  position: relative;
}

.waitlist_image.offset:hover {
  z-index: 3;
}

.max-width-400 {
  width: 100%;
  max-width: 25rem;
}

.button-text-waitlist {
  z-index: 10;
  color: #fffc;
  position: relative;
}

.button-text-waitlist:hover {
  color: var(--orange);
}

.button-text-waitlist.pre-order {
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3125rem;
}

.button-text-waitlist.pre-order.text-weight-600 {
  font-size: .875rem;
}

.button-text-waitlist.is-waitlist {
  opacity: .8;
  color: #fff;
}

.waitlist-body {
  background-color: var(--black--90);
  font-family: Inter, sans-serif;
}

.padding-horizontal-56 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.text-size-16 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-size-16.text-color-white.opacity-80 {
  font-size: 1.043vw;
  line-height: 1.55;
}

.text-size-16.text-color-white.opacity-80.is-waitlist {
  text-align: left;
  letter-spacing: -.5px;
  width: 100%;
  max-width: none;
  font-size: 1rem;
  line-height: 170%;
}

.text-size-16.text-color-white.opacity-80.is-waitlist.is-2 {
  text-align: center;
  margin-top: 2rem;
}

.text-size-16.text-color-white.opacity-80.is-waitlist.is-2._2 {
  color: #898989;
  margin-top: 0;
  font-family: Intertight, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 100%;
}

.iframe-container {
  height: 100vh;
  overflow: hidden;
}

.testimonial-hover {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: #333;
  border: 0 solid #ffffff0d;
  border-radius: .5rem;
  flex-flow: column;
  max-width: 20.625rem;
  padding: 1rem;
  display: flex;
}

.text-size-14 {
  font-size: .875rem;
  line-height: 145%;
}

.text-size-14.text-color-grey-500 {
  color: #a6a6a6;
}

.text-size-14.is-modified {
  color: #4f4f4f;
  line-height: 1.05rem;
  text-decoration: none;
}

.text-size-14.line-spacing-160 {
  line-height: 160%;
}

.text-size-14.button-text {
  line-height: 120%;
}

.hover-wrapper {
  width: 20.625rem;
  position: relative;
}

.hover-pointer {
  background-color: #333;
  border: 1px #ffffff0d;
  width: 1.6875rem;
  height: 1.0625rem;
  position: absolute;
  top: -16px;
  left: 10px;
  transform: none;
}

.hover-pointer.is-inner {
  background-color: #333;
  border-width: 0;
  position: relative;
  top: 0;
  left: 0;
}

.background-embed {
  z-index: -1;
  display: block;
  position: absolute;
  inset: 0%;
}

.review-absolute {
  opacity: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.review-absolute.is-1 {
  inset: 0% auto auto 0%;
}

.review-absolute.is-2 {
  left: 21px;
  right: auto;
}

.review-absolute.is-3 {
  left: 43px;
  right: auto;
}

.review-absolute.is-4 {
  left: 65px;
  right: auto;
}

.review-absolute.is-5 {
  left: 87px;
  right: auto;
}

.div-blur {
  filter: blur(20px);
  width: 2.875rem;
  height: 1.375rem;
  position: absolute;
}

.masked-text {
  font-size: 1rem;
}

.text-with-bg {
  background-image: url('../images/blur.png');
  background-position: 0 0;
  background-size: auto;
}

.shimmer-text {
  color: #0000;
  letter-spacing: 1.5px;
  -webkit-text-fill-color: transparent;
  background-color: #0000;
  background-image: linear-gradient(171deg, #fff, #0000 50%, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  flex-direction: column;
  font-size: .875rem;
  line-height: 1.1em;
  overflow: hidden;
}

.shimmer-text.large {
  color: #344054;
  letter-spacing: -.08rem;
  max-width: 14em;
  font-family: Inter, sans-serif;
  font-size: 2em;
  line-height: 120%;
}

.shimmer-text.small {
  color: #5b6871;
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 1.2;
}

.shimmer-text.text-color-white.opacity-50 {
  mix-blend-mode: lighten;
}

.shimmer-overlay {
  opacity: .3;
  background-color: #fff;
  position: absolute;
}

.shimmer_wrapper {
  position: relative;
}

.width-80pc {
  width: 80%;
}

.width-80pc.is-85 {
  width: 85%;
}

.width-80pc.is-70 {
  width: 32vw;
}

.code-embed-6 {
  height: 100%;
}

.image-12 {
  flex: none;
  height: 14.5rem;
  transform: scale(2.9);
}

.image-13 {
  width: 100%;
  height: 100%;
}

.image-13.is-absolute {
  z-index: 2;
  height: 17.9rem;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.hero_grid-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 42.3125rem;
  height: 59rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.flex-vertical {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.flex-vertical.is-onedraft {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-vertical.rowgap-24 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.flex-vertical.rowgap-24.is-paystack {
  display: none;
}

.waitlist_hero-image {
  width: 100%;
}

.div-block-10 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.overlay_cover {
  z-index: 12;
  background-image: linear-gradient(#212121 5%, #21212100 50%, #212121 104%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background_image {
  z-index: -1;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.code-embed-7 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.success_message-pop.pop-up {
  z-index: 33;
  background-color: #181818b3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-11 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-image: url('../images/Cta-section_1.avif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70vw;
  height: 70vh;
  display: flex;
}

.div-block-12 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pop_up-h2 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(211deg, #fff, #ffdac2);
  -webkit-background-clip: text;
  background-clip: text;
  width: 41rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Intertight, sans-serif;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 110%;
}

.pop_up-text {
  color: #ffffffe6;
  text-align: center;
  width: 100%;
  max-width: 30.9rem;
  font-size: 1rem;
  line-height: 180%;
}

.link {
  color: var(--orange);
}

.div-block-13 {
  margin-bottom: 2rem;
}

.div-block-14 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.image-14 {
  width: 4.5rem;
  height: auto;
}

.merger-text {
  color: #fff;
  font-family: Intertight, sans-serif;
  font-weight: 500;
}

.pointer_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2rem;
  display: flex;
}

.pointer {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  filter: grayscale();
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pointer-text {
  color: #fff9;
  letter-spacing: -.5px;
  font-size: 1rem;
  line-height: 170%;
}

.div-block-15 {
  z-index: 16;
  width: 100%;
  padding-left: 3.5%;
  padding-right: 3.5%;
  position: fixed;
  inset: 0% 0% auto;
}

.div-block-16 {
  position: sticky;
  top: 0;
}

.menu {
  z-index: 19;
  background-color: #21212199;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 3.5%;
  padding-right: 3.5%;
  display: none;
  position: fixed;
  inset: 0%;
}

.one-draft_body {
  color: #23272e;
  background-color: #fff;
  font-family: Intertight, sans-serif;
}

.navbar1_menu-button {
  padding: 0;
}

.navbar1_menu-buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.button-6 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-6.is-small {
  padding: .5rem 1.25rem;
}

.button-6.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.navbar1_dropdown-link {
  padding: .5rem 1rem;
}

.navbar1_dropdown-link.w--current {
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.navbar1_component {
  border-bottom: 0px solid var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  width: 100%;
  height: auto;
  min-height: 4.5rem;
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.navbar1_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar1_dropdown-toggle {
  grid-column-gap: .5rem;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.navbar1_link {
  padding: .5rem 1rem;
  font-size: .875rem;
  line-height: 1.05rem;
}

.navbar1_link.w--current {
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.navbar1_logo-link {
  padding-left: 0;
}

.navbar1_dropdown-list.w--open {
  border: var(--\<unknown\|relume-variable-border-width\>) solid var(--\<unknown\|relume-variable-color-scheme-1-border\>);
  border-radius: var(--\<unknown\|relume-variable-radius-small\>);
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  padding: .5rem;
}

.navbar1_menu {
  align-items: center;
  display: flex;
  position: static;
}

.text-style-tagline {
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.heading-style-h1-3 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.button-7 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-7.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.section_header62 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.container-large-4 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-global-3 {
  padding-left: 5%;
  padding-right: 5%;
}

.max-width-640 {
  width: 100%;
  max-width: 40rem;
}

.padding-section-hero {
  padding-top: 5rem;
  padding-bottom: 2.5rem;
}

.onedraft-h1 {
  letter-spacing: -1.5px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 4.1875rem;
}

.text-color-heading {
  color: #23272e;
}

.text-color-od-blue {
  color: #5000db;
}

.text-size-normal {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-color-body {
  color: #4f4f4f;
}

.heading-style-h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.heading-style-h4.is-32 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 120%;
}

.number-elements {
  background-color: #f0f2f5cc;
  border-radius: 1.5rem;
  padding: 1rem 1.5rem;
}

.number-elements.with-border {
  padding: .5rem .75rem;
}

.cta26_form-block {
  max-width: 30rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.button-8 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.form_message-success-2 {
  color: #027a48;
  background-color: #ecfdf3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  display: flex;
}

.container-large-5 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.heading-style-h2-2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.error-text {
  color: #e23939;
}

.form_input-2 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-white\>);
  height: auto;
  min-height: 2.75rem;
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-radius: 0;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input-2:focus {
  border-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.form_input-2::placeholder {
  color: var(--\<unknown\|relume-variable-neutral-shade-7-60\>);
}

.signup-form-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: flex;
}

.section_cta26 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  position: relative;
}

.success-text {
  font-weight: 600;
}

.form_message-error-2 {
  color: #b42318;
  background-color: #fef3f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.section-cta {
  color: #fafafa;
}

.padding-section-cta {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.onedraft-h3 {
  margin-bottom: 0;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3.5rem;
}

.max-width-444 {
  max-width: 27.75rem;
}

.one-draft_button {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 6.25rem;
  padding: 1rem 1.5rem;
  text-decoration: none;
}

.one-draft_button:hover {
  border-color: var(--black--90);
  background-color: var(--black--90);
}

.one-draft_button.is-alternate {
  border-color: var(--black);
  color: var(--black);
  transition: background-color .2s cubic-bezier(.269, .065, .275, .942), color .2s, border-color .2s;
}

.one-draft_button.is-alternate:hover {
  border-color: var(--black--90);
  background-color: var(--black--90);
  color: #fff;
}

.one-draft_button.is-primary {
  background-color: #000;
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1.25rem;
}

.one-draft_button.is-primary:hover {
  background-color: #eb5017;
}

.one-draft_button.is-secondary {
  background-color: #eb5017;
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1.25rem;
}

.one-draft_button.is-secondary:hover {
  background-color: var(--black--90);
}

.one-draft_text-cta {
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.05rem;
}

.footer-icon {
  object-fit: cover;
  width: 4rem;
}

.text-size-20 {
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.onedraft_form-padding {
  border-radius: 1.25rem;
  padding: 1.25rem;
}

.form-onedraft {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.onedraft_form-field {
  border: 1px solid var(--warm-gray--400);
  color: #4f4f4f;
  border-radius: 1rem;
  height: 3.5rem;
  margin-bottom: 0;
  padding: 1.125rem 1rem;
}

.onedraft_form-field::placeholder {
  color: #999;
}

.onedraft_submit {
  background-color: #5000db;
  border-radius: 1rem;
  width: 7.875rem;
  height: 3.5rem;
}

.onedraft_success {
  color: #fff;
  background-color: #eb5017;
  border-radius: 1.25rem;
}

.onedraft_error {
  border-radius: 1.25rem;
}

.footer4_logo-link {
  padding-left: 0;
}

.icon-embed-xsmall-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.footer4_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: flex;
}

.footer4_credit-text {
  font-size: .875rem;
}

.container-large-6 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.footer4_bottom-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: flex;
}

.footer4_component {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.footer4_social-link {
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

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

.padding-vertical.padding-xxlarge {
  padding: 5rem 0;
}

.padding-vertical.padding-small {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.divider-horizontal {
  width: 100%;
  height: var(--\<unknown\|relume-variable-divider-width\>);
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-border\>);
}

.footer4_link-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: start;
  display: flex;
}

.footer4_legal-link {
  font-size: .875rem;
  text-decoration: underline;
}

.footer4_top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  justify-content: space-between;
  align-items: center;
}

.footer4_link {
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.max-width-722 {
  max-width: 45.125rem;
}

.vertical-divider {
  background-color: #dbd8d5;
  width: 1px;
  min-height: 1.125rem;
}

.cms-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.template-title {
  color: #000;
  letter-spacing: -.4px;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.space-dot {
  background-color: #000;
  border-radius: 100%;
  width: .25rem;
  height: .25rem;
}

.space-dot.is-grey {
  background-color: #e6e6e6;
}

.template-price {
  color: #eb5017;
  letter-spacing: -.32px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.template-price.text-color-white.opacity-80 {
  font-size: 1.043vw;
  line-height: 1.55;
}

.template-price.text-color-white.opacity-80.is-waitlist {
  text-align: left;
  letter-spacing: -.5px;
  width: 100%;
  max-width: none;
  font-size: 1rem;
  line-height: 170%;
}

.template-price.text-color-white.opacity-80.is-waitlist.is-2 {
  text-align: center;
  margin-top: 2rem;
}

.template-price.text-color-white.opacity-80.is-waitlist.is-2._2 {
  color: #898989;
  margin-top: 0;
  font-family: Intertight, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 100%;
}

.cms-link {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.onedraft-search {
  width: 15rem;
}

.onedraft-search.align-center {
  background-color: #f0f2f5cc;
  background-image: url('../images/search-icon.png');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e6e6e6;
  border-radius: .75rem;
  width: 20rem;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: .875rem;
  line-height: .875rem;
}

.onedraft-search.align-center::placeholder {
  color: gray;
  font-size: .875rem;
  line-height: .875rem;
}

.empty-state {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-component {
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.onedraft_navbutton {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: #fff;
  background-color: #000;
  border-radius: 100rem;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  text-decoration: none;
  display: flex;
}

.template-grid {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.8fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
  position: relative;
}

.margin-bottom-20 {
  margin-bottom: 1.25rem;
}

.sidebar-div {
  border: 1px solid var(--dark-grey);
  border-radius: 1rem;
  padding: 2rem;
}

.oen-draft_richtext p {
  color: #121212;
  margin-bottom: 1.125rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.oen-draft_richtext ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.oen-draft_richtext li {
  color: #121212;
  letter-spacing: -.32px;
  background-image: url('../images/list-icon.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  padding-top: .625rem;
  padding-bottom: .625rem;
  padding-left: 2rem;
  line-height: 1.5rem;
}

.is-sticky {
  position: sticky;
  top: 10px;
}

.product-features_grid {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  display: grid;
}

.icon-size-16 {
  width: 1rem;
  height: 1rem;
}

.text-color-rayna {
  color: #eb5017;
}

.margin-vertical-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.hero-text {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/rayna-v2-hero.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  -webkit-background-clip: text;
  background-clip: text;
}

.max-width-780 {
  max-width: 48.75rem;
}

.cta_orange-bg {
  background-color: var(--orange);
  color: #fff;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: 1.125rem 5.625rem;
  display: flex;
}

.cta_orange-bg.with-shadow {
  padding-left: 2rem;
  padding-right: 2rem;
  box-shadow: inset 0 1px 2px #eb50171f, 0 0 0 1px #eb5017, 0 1.5px 3px #eb501714, 0 4px 4px #eb501712, 0 12px 6px #eb50170a, 0 16px 8px #eb501703;
}

.cta_orange-bg.with-shadow:hover {
  background-color: var(--black);
  box-shadow: none;
}

.cta_orange-bg.with-shadow.is-extend {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: center;
  align-items: center;
  width: 320px;
  position: relative;
  overflow: hidden;
}

.cta_orange-bg.with-shadow.is-extend:hover {
  box-shadow: none;
}

.cta_orange-bg.with-shadow.is-gift {
  letter-spacing: .28px;
  font-size: .875rem;
  font-weight: 600;
}

.max-width-360 {
  max-width: 22.5rem;
}

.max-width-420 {
  max-width: 26.25rem;
}

.vertical-separator {
  background-color: #e0e0e0;
  width: 1px;
  height: 1rem;
}

.text-size-12 {
  font-size: .75rem;
}

.text-size-12.text-weight-500.text-style-italics {
  font-style: italic;
}

.text-size-12.margin-bottom {
  margin-bottom: .3125rem;
  font-weight: 500;
}

.background-light-pink {
  background-color: #fffdfc;
}

.max-width-692 {
  max-width: 43.25rem;
}

.margin-bottom-80 {
  margin-bottom: 5rem;
}

.pre-order_tab {
  color: #212121b3;
  background-color: #0000;
  border-top: 2px solid #2121211a;
  flex-flow: column;
  width: 33.3333%;
  padding: 1.5rem 0 0;
  display: flex;
}

.pre-order_tab.w--current {
  color: #212121;
  background-color: #0000;
  border-top-color: #212121;
}

.pre-order_tab-menu {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  width: 100%;
  margin-bottom: 5rem;
  display: flex;
}

.pre-order_tab-wrapper {
  background-color: #0000;
  flex-flow: column;
  display: flex;
}

.text-weight-700 {
  font-weight: 700;
}

.pricing-table_mobile-nav-btn {
  color: #fff;
  background-color: #d14424;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.swiper-wrapper-2 {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-table_title-col {
  flex: 1;
  max-width: 25%;
}

.pricing-table_mobile-nav-icon {
  color: #faf7f2;
  width: 16px;
  line-height: .9;
}

.swiper-2 {
  width: 100%;
}

.pricing-table_card-body {
  color: #2b2b2b;
  text-align: center;
  flex-direction: column;
  flex: 1;
  grid-template-rows: 68px 80px 80px 100px 100px 80px 100px 80px 100px 80px 140px;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  font-size: .875rem;
  line-height: 1.45;
  display: grid;
  position: relative;
}

.u-sr-only {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.swiper-slide-2 {
  flex: none;
  width: 500px;
  margin-right: 20px;
}

.swiper-slide-2.cc-pricing-table {
  border-left: 1px solid #e4e7ec;
  flex: 1;
  width: auto;
  max-width: 50%;
  margin-right: 0;
}

.swiper-slide-2.cc-pricing-table.is-centre {
  border-left: 1px solid #e4e7ec;
  border-right: 1px solid #e4e7ec;
}

.swiper-slide-2.cc-pricing-table.with-shadow {
  box-shadow: 0 24px 48px -12px #1018282e;
}

.u-text-semibold {
  font-weight: 600;
}

.u-text-semibold.is-medium {
  font-weight: 500;
}

.pricing-table_mobile-nav {
  z-index: 1;
  justify-content: space-between;
  width: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.pricing-table_cell {
  text-align: left;
  border-bottom: 1px solid #49484a1a;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-height: 3.7rem;
  padding: 1.25rem 2.5rem;
  display: flex;
}

.pricing-table_cell.cc-title-col {
  text-align: left;
  align-items: flex-start;
  height: 100%;
}

.pricing-table_cell.cc-title-col.is-grey {
  background-color: #fafafa;
}

.pricing-table_cell.cc-title-row {
  text-align: left;
  background-color: #f3f3f3;
  border-bottom-style: none;
}

.pricing-table_cell.cc-title-row.background-light-pink {
  background-color: #fcb59a;
}

.pricing-table_cell.is-grey {
  background-color: #fafafa;
}

.pricing-table_cell.is-dark-grey {
  background-color: #f0f2f5;
}

.pricing-table {
  border: 1px solid #e4e7ec;
  border-radius: 1.5rem;
  display: flex;
  overflow: hidden;
}

.pricing-table_options {
  flex: 1;
  position: relative;
}

.pricing-table_card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto auto 100px auto auto auto 100px auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}

.padding-vertical-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.cta-logo {
  object-fit: contain;
  max-width: none;
  max-height: 6.5rem;
}

.pre-order_header-h4 {
  letter-spacing: -.64px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 140%;
}

.pre-order_header-h4.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.max-width-718 {
  max-width: 44.875rem;
}

.padding-top-80 {
  padding-top: 5rem;
}

.max-width-540 {
  max-width: 33.75rem;
}

.bg-absolute {
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

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

.adopters-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fff;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  flex-flow: column;
  padding: 3.5rem;
  display: flex;
  box-shadow: 0 0 300px #8a959340;
}

.max-width-720 {
  max-width: 45rem;
}

.faq-heading {
  letter-spacing: -.48px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 120%;
}

.faq-sticky {
  z-index: 100;
  position: sticky;
  top: 40px;
}

.tag-button {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: #ffece5;
  border-bottom: 3px solid #e4cec6;
  border-radius: 6.25rem;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.tag-button.preorder-btn {
  justify-content: flex-start;
  align-items: flex-start;
}

.icon-embed-14 {
  justify-content: center;
  align-items: center;
  width: .875rem;
  height: .875rem;
  display: flex;
}

.error-message {
  color: #fff;
  background-color: red;
  border-radius: .5rem;
}

.number-wrapper {
  background-color: #454545;
  border-radius: .75rem;
  margin-top: .5rem;
  padding: .25rem .5rem;
}

.number {
  color: #fff;
  font-weight: 500;
  line-height: 145%;
}

.faq-answer {
  color: #21212199;
  letter-spacing: -.16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
}

.hero-vid-embed {
  width: 100%;
}

.section-whois {
  background-image: url('../images/who-bg.png');
  background-position: 50%;
  background-size: auto;
  border-radius: 2.5rem;
}

.output-slider {
  height: 5rem;
  margin-bottom: .5rem;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.output-slider_track {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: flex;
  overflow: visible;
}

.output-slider_slide {
  width: 100%;
  padding: 0;
  transition: transform .4s;
  position: relative;
  overflow: hidden;
  transform: none;
}

.output-slider_slide-img {
  width: 100%;
}

.max-width-380 {
  max-width: 23.75rem;
}

.faq-question {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.max-height-5rem {
  height: 5rem;
}

.background-transparent {
  background-color: #0000;
  padding: 0;
}

.placeholder-text {
  color: #a6a6a6;
  font-size: 1rem;
}

.card-tab_mobile {
  opacity: .3;
  color: #1a1a1a;
  background-color: #0000;
  flex-flow: column;
  align-items: flex-start;
  max-width: 33.75rem;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card-tab_mobile.w--current {
  opacity: 1;
  background-color: #0000;
}

.card-wrap_mobile {
  z-index: 2;
  color: #1a1a1a;
  background-color: #dadada;
  border-radius: 1rem;
  justify-content: flex-start;
  align-items: center;
  padding: .625rem 1rem;
  display: flex;
  position: relative;
}

.tab-text_mobile {
  font-size: 1rem;
  line-height: 1.5rem;
}

.price-wrapper {
  background-color: #f56630;
  border-radius: 4rem;
  padding: .25rem .75rem;
  position: absolute;
  inset: -60% 1.25rem auto auto;
  transform: none;
}

.price-wrapper.bg-dark {
  color: #fff;
  background-color: #212121;
}

.pop-up_wrapper {
  z-index: 999999;
  background-color: #00000040;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-up_form {
  border-radius: 1.5rem;
  max-width: 35rem;
  padding: 2rem 2.5rem;
  position: relative;
}

.close-wrapper {
  background-color: #fff;
  border: 1px solid #e2e4e9;
  border-radius: 6.25rem;
  padding: .5rem;
  box-shadow: 0 1px 2px #0003;
}

.radio-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border: 1px solid #f0f2f5;
  border-radius: 62.5rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: .5rem .75rem .5rem .25rem;
  display: flex;
  position: relative;
  box-shadow: 0 1px 1px #00000024;
}

.radio-dot {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  right: 1.25rem;
}

.radio-label {
  color: #1d2739;
  margin-bottom: 0;
  font-weight: 600;
}

.continue-button {
  color: #fff;
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 0 1px #2b2b2b;
}

.max-width-453 {
  max-width: 28.3125rem;
}

.width-454 {
  width: 28.375rem;
}

.padding-xsmall {
  padding: .5rem;
}

.padding-xsmall.background-color-white {
  background-color: #fff;
}

.padding-xsmall.background-color-white.border-radius-12 {
  border-radius: .75rem;
}

.pre-order-button {
  color: #0d0d12;
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  box-shadow: 0 .27px .54px -.27px #121a2b0f, 0 .27px .54px 1px #121a2b1a;
}

.bg-vector {
  position: absolute;
  inset: auto 0% 0% auto;
}

.section_about-users {
  position: relative;
  overflow: hidden;
}

.users_component {
  text-align: center;
  position: relative;
}

.users_text {
  letter-spacing: -.8px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 100%;
}

.hide {
  display: none;
}

.users_heading {
  letter-spacing: -6px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(101deg, #000, #0000008c 56.67%, #0000);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15rem;
  font-weight: 500;
  line-height: 120%;
}

.icon-embed-custom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10.9375rem;
  height: 10.9375rem;
  display: flex;
}

.users_img {
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: 4.4rem;
  left: 4.2rem;
}

.users_img.right {
  inset: auto 3.9rem 5.5rem auto;
}

.section_about-team {
  position: relative;
  overflow: hidden;
}

.team_component {
  grid-column-gap: 3.3125rem;
  grid-row-gap: 3.3125rem;
  text-align: center;
  flex-flow: column;
  display: flex;
  position: relative;
}

.team_heading {
  letter-spacing: -1.4px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 120%;
}

.team_grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr;
}

.team_card {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.team-social-link {
  color: #000;
}

.team-name {
  color: #000;
  letter-spacing: -.6px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.team-position {
  color: #000;
  letter-spacing: -.35px;
  margin-top: .5rem;
  font-size: .875rem;
  line-height: 1.2;
}

.team_social-wrap {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  margin-top: 1.25rem;
  display: flex;
}

.team_image {
  object-fit: cover;
  width: 25.8125rem;
  margin-bottom: 1.25rem;
}

@media screen and (min-width: 1280px) {
  .padding-section-custom.is-image-grid {
    padding-top: 540px;
  }

  .form-field.form-shadow {
    width: 20rem;
  }

  .onedraft-h1.is-modified {
    color: #121212;
    letter-spacing: -.96px;
    font-size: 3rem;
    line-height: 3.6rem;
  }

  .number-elements.with-border {
    border: 1px solid #d4d4d4;
  }

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

  .product-features_grid {
    grid-auto-columns: 1fr;
  }

  .pre-order_tab {
    justify-content: flex-start;
  }

  .users_img {
    left: 6.7rem;
  }

  .users_img.right {
    right: 7.4rem;
  }
}

@media screen and (min-width: 1440px) {
  .page-wrapper.is-waitlist {
    height: auto;
  }

  .button.none._2, .button.none.close, .button.is-menu {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .button.is-waitlist_1-copy {
    width: 100%;
  }

  .button-group.hero-button.is-menu {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 280px;
  }

  .heading-style-h2.is-waitlist {
    font-size: 2.8vw;
  }

  .nav.is-menu {
    background-color: var(--black--90);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 70%;
    height: 70%;
  }

  .nav-wrapper.is-menu {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .display-flex.col-gap16._2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
  }

  .display-flex.col-gap4 {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .display-flex.is-link._2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
  }

  .padding-section-custom.is-image-grid {
    padding-top: 640px;
  }

  .image-9.hide-mobile {
    max-width: 932px;
  }

  .form-field.form-shadow {
    width: 23.75rem;
  }

  .form_input, .form_input:hover, .form_input:focus {
    font-size: .875rem;
  }

  .header38_content {
    height: 55rem;
    margin-top: 4rem;
  }

  .header38_content.is-2 {
    height: auto;
  }

  .hero_grid-right {
    max-width: 46vw;
    height: 100vh;
  }

  .overlay_cover {
    height: 120%;
    inset: -2% 0% auto;
  }

  .menu {
    background-color: #21212199;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .users_img {
    left: 7.1rem;
  }
}

@media screen and (min-width: 1920px) {
  .page-wrapper.is-waitlist {
    height: 100vh;
    overflow: visible;
  }

  .heading-style-h2.is-waitlist {
    font-size: 2.6vw;
  }

  .image-8.show-1920 {
    display: block;
  }

  .image-8.show-desktop-only {
    display: none;
  }

  .header38_component.is-2.isabout {
    justify-content: center;
    align-items: center;
    height: 100vh;
  }

  .header38_content {
    max-width: 39.3vw;
  }

  .waitlist-body {
    height: 100vh;
  }

  .text-size-16.text-color-white.opacity-80.is-waitlist {
    max-width: 29vw;
  }

  .menu {
    position: fixed;
  }

  .template-price.text-color-white.opacity-80.is-waitlist {
    max-width: 29vw;
  }

  .is-sticky {
    top: 2rem;
  }
}

@media screen and (max-width: 991px) {
  .text-size-tiny.text-color-white.opacity-80 {
    font-size: .875rem;
  }

  .page-wrapper.is-waitlist {
    height: auto;
    max-height: none;
    overflow: hidden;
  }

  .page-wrapper.is-waitlist.is-2 {
    margin-top: 8%;
  }

  .text-size-large.large {
    width: auto;
  }

  .hero-content-wrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
  }

  .hero-content {
    flex-direction: column-reverse;
    width: 100%;
    max-width: none;
    height: 90vh;
    padding: 2em 2em 5em;
  }

  .hero_moving-content {
    height: auto;
    overflow: visible;
  }

  .input-field.early-access {
    flex: 1;
  }

  .button.none {
    display: none;
  }

  .button.none.is-2 {
    display: flex;
  }

  .button.none.close {
    width: auto;
    display: flex;
    position: absolute;
    inset: 2% 1rem auto auto;
  }

  .button.is-form {
    font-size: .875rem;
  }

  .button.is-waitlist {
    display: none;
  }

  .button.is-waitlist.is-2, .button.is-menu, .button.is-menu.is-2 {
    display: flex;
  }

  .form.early-access {
    width: 100%;
  }

  .form.is-v2 {
    width: 480px;
  }

  .input-field_content-wrapper {
    flex: 1;
    width: auto;
  }

  .product, .customer-details, .add-product, .customers, .order-details {
    max-height: none;
  }

  .hero-right-wrapper {
    max-width: none;
    height: auto;
    margin-right: 0;
    padding: 2em;
  }

  .main-wrapper.is-waitlist {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .padding-global.footer {
    padding-left: 4%;
    padding-right: 4%;
  }

  .padding-global.bg-gadient {
    background-position: 97% 260px, 120px 550px, 24px 240px;
  }

  .padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .button-group.hero-button.is-waitlist {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
  }

  .button-group.hero-button.is-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .reel.position-relative {
    border-radius: 2rem;
    height: 32rem;
  }

  .card-reel {
    border-radius: 1.25rem;
  }

  .heading-style-h2-large {
    font-size: 4rem;
  }

  .text-size-xlarge {
    font-size: 1.25rem;
  }

  .rayna_image {
    width: 100%;
  }

  .heading-style-h2.is-waitlist {
    font-size: 2.75rem;
  }

  .features-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .features-grid.is-1, .features-grid.is-2 {
    grid-template-columns: 1fr 1fr;
  }

  .feature-card {
    padding-top: 2rem;
    padding-left: 2rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .feature-card-img-wrapper {
    padding-top: 1rem;
    padding-left: 1rem;
  }

  .image-dot.position-absolute {
    max-width: 32rem;
  }

  .nav {
    width: 44rem;
  }

  .nav.is-menu {
    position: relative;
  }

  .image-bg.pointer-events-none {
    height: 53rem;
  }

  .grid-3-col {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-col.built-with {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .display-flex.col-gap16.align-top {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .display-flex.align-top.is-faq {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .hero_center {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .pre-order_header-h1 {
    font-size: 4.5rem;
    line-height: 5rem;
  }

  .pre-order_header-h1.hero {
    font-size: 4rem;
  }

  .section._1 {
    height: 70vh;
  }

  .pre-order_header-h2 {
    font-size: 3rem;
    line-height: 3rem;
  }

  .max-width-560.is-tablet {
    max-width: 90%;
  }

  .custom-card.is-relative {
    padding-bottom: 6rem;
  }

  .custom-card.spacing-80 {
    padding: 0;
  }

  .custom-card.is-pre-order {
    padding-bottom: 6rem;
  }

  .margin-top-80.tablet-top {
    margin-top: 7.5rem;
  }

  .tabs {
    flex-flow: column;
  }

  .tabs-menu {
    width: 100%;
    padding-bottom: 60px;
    left: 2rem;
  }

  .tabs-content {
    width: 100%;
    margin-left: 0;
  }

  .card-tab {
    margin-bottom: 32px;
  }

  ._2-colgrid.full-width {
    grid-template-columns: 1fr;
    margin-bottom: 2rem;
  }

  ._2-colgrid.space-between.adopter-customer {
    grid-template-columns: 1fr;
  }

  .margin-bottom-40.custom-width {
    width: 80%;
  }

  .margin-vertical-112 {
    margin-bottom: 80px;
  }

  .padding-section-150 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .splitter_before {
    width: 80vw;
  }

  .splitter_component, .splitter_image.is-after, .splitter_component-2 {
    width: 85vw;
  }

  .splitter_component-2.is-radius {
    height: 75vh;
    min-height: 40rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .footer3_credit-text {
    opacity: .5;
    color: #fff;
  }

  .footer3_credit-text.show-tablet {
    text-align: center;
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .footer3_credit-text.footer {
    opacity: 1;
    color: #757575;
  }

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

  .padding-bottom.padding-80 {
    padding-bottom: 3rem;
  }

  .footer3_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .footer3_left-wrapper {
    grid-template-columns: .5fr 1.5fr .5fr;
  }

  .padding-vertical-24 {
    padding-left: 0;
    padding-right: 0;
  }

  .header-text {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .button-2.contact-button.glowing-wrapper-button, .button-2.contact-button.glowing-wrapper-button.w--current {
    justify-content: center;
    align-items: center;
  }

  .padding-section-custom {
    padding-top: 480px;
  }

  .padding-section-custom.is-image-grid {
    padding-top: 540px;
  }

  .library-third-grid {
    flex-flow: row;
  }

  .library-third-grid._3-colgrid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .full-illustration-wrapper, .full-illustration-wrapper.increased-width, .full-illustration-wrapper.decreased-width, .full-illustration-wrapper.width-33pc {
    width: 100%;
  }

  .full-illustration-wrapper.width-67pc {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .full-illustration-wrapper.width-54pc {
    width: 100%;
  }

  .full-illustration-wrapper.width-46pc {
    background-image: url('../images/real-random-pick.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
  }

  .padding-illustration {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .gradient-div.with-spacing {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .gradient-div.hide-overflow {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .products-wrapper {
    position: relative;
  }

  ._3-colgrid {
    grid-template-columns: 1fr;
  }

  .margin-top-300 {
    margin-top: 5rem;
  }

  .image-8.show-mobile, .image-8.show-desktop-only {
    display: none;
  }

  .image-8.show-mobile-lscape {
    height: auto;
    display: block;
  }

  .image-9.hide-mobile {
    width: 100%;
  }

  .is-relative.half-width {
    width: 100%;
    margin-top: 2rem;
    position: static;
  }

  .carousel-image {
    object-fit: cover;
    height: 400px;
  }

  .show-tablet {
    display: block;
  }

  .mobile-width-90pc.align-center {
    width: 75%;
  }

  .image-10 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .menu-icon2_line-bottom {
    background-color: #fff;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar2_menu-button {
    padding: 0;
  }

  .navbar2_menu-button.w--open {
    background-color: #0000;
  }

  .navbar2_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar2_dropdown-list.w--open {
    border-style: none;
    padding: 0;
    position: static;
  }

  .menu-icon2_line-top {
    background-color: #fff;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .dropdown-chevron {
    inset: auto 0% auto auto;
  }

  .navbar2_menu {
    border-bottom: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    justify-content: center;
    width: 100%;
    padding: 1rem 5% 2.5rem;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .navbar2_menu.is-page-height-tablet {
    background-color: #212121;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100dvh;
    padding: 2.5rem 4% 6.5rem;
    transition: height .5s;
  }

  .navbar2_container {
    grid-template-columns: .25fr 1fr;
    display: flex;
  }

  .menu-icon2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar2_menu-dropdown {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    display: flex;
  }

  .navbar2_link {
    text-align: center;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .navbar2_button-wrapper {
    align-items: center;
  }

  .navbar2_dropdown-link {
    text-align: center;
    width: auto;
    padding: .75rem 0;
    font-size: 16px;
  }

  .menu-icon2_line-middle {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar2_dropdwn-toggle {
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 2rem .75rem 0;
    display: flex;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-nav {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 16px;
    display: flex;
  }

  .popup-card {
    width: 70%;
  }

  .popup-image {
    width: 100px;
    min-width: 100px;
    height: 100px;
  }

  .form-field.form-shadow {
    flex: 1;
  }

  .layout121_component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top.custom-2.is-waitlist {
    display: none;
  }

  .layout121_timeline-step {
    grid-column-gap: 24px;
  }

  .vector {
    width: 10%;
    height: 90%;
    position: absolute;
    inset: 3.25rem auto auto;
  }

  .header38_form-block {
    max-width: 100%;
  }

  .form_input {
    font-size: .875rem;
  }

  .header38_image {
    height: auto;
    max-height: none;
  }

  .heading-style-h1-2 {
    font-size: 3.25rem;
  }

  .header38_component {
    grid-row-gap: 4rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    height: auto;
    margin-left: 0;
  }

  .header38_component.is-2 {
    justify-content: center;
    align-items: center;
  }

  .header38_content {
    width: 100%;
    height: auto;
    margin-top: 5%;
  }

  .header38_image-wrapper {
    display: flex;
  }

  .waitlist_image {
    width: 1.625rem;
    height: 1.625rem;
  }

  .max-width-400.is-tablet {
    max-width: 80%;
  }

  .waitlist-body {
    max-height: none;
    overflow: hidden;
  }

  .padding-horizontal-56 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .text-size-16.text-color-white.opacity-80 {
    font-size: 1rem;
  }

  .waitlist_body {
    background-color: #fef0e5;
  }

  .shimmer-text {
    font-size: .875rem;
  }

  .width-80pc.is-70.is-mobile {
    width: 60vw;
  }

  .image-12 {
    z-index: 55;
    width: auto;
  }

  .image-13 {
    display: inline-block;
  }

  .image-13.is-absolute {
    inset: auto 0% 0%;
  }

  .hero_grid-right {
    max-width: none;
    height: 50vh;
  }

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

  .success_message-pop.pop-up {
    padding-left: 4%;
    padding-right: 4%;
  }

  .div-block-11 {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: 4rem;
  }

  .pop_up-h2 {
    width: 100%;
    font-size: 2.5rem;
  }

  .menu {
    display: none;
  }

  .menu-icon1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar1_menu-button.w--open {
    background-color: var(--\<unknown\|relume-variable-transparent\>);
  }

  .navbar1_menu-buttons {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    margin-left: 0;
  }

  .navbar1_dropdown-link {
    width: auto;
    padding: .75rem 0 .75rem 5%;
  }

  .navbar1_menu-dropdown {
    width: 100%;
    font-size: 1.125rem;
  }

  .menu-icon1_line-top {
    background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar1_dropdown-toggle {
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    display: flex;
  }

  .navbar1_link {
    width: auto;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .menu-icon1_line-bottom {
    background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar1_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar1_dropdown-list.w--open {
    border-style: none;
    padding: 0;
  }

  .menu-icon1_line-middle {
    background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar1_menu {
    border-bottom: 1px solid var(--\<unknown\|relume-variable-color-scheme-1-border\>);
    background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    padding: 1rem 5% 2rem;
    position: absolute;
    overflow: auto;
  }

  .navbar1_menu.is-page-height-tablet {
    height: 100dvh;
    padding-bottom: 6.5rem;
    transition: height .5s;
  }

  .menu-icon1_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .heading-style-h1-3 {
    font-size: 3.25rem;
  }

  .heading-style-h2-2 {
    font-size: 2.75rem;
  }

  .signup-form-wrapper {
    grid-column-gap: 1rem;
  }

  .footer-icon {
    width: 4rem;
  }

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

  .footer4_top-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

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

  .template-price.text-color-white.opacity-80 {
    font-size: 1rem;
  }

  .template-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1.8fr;
  }

  .max-width-420 {
    max-width: none;
  }

  .pre-order_tab {
    width: 100%;
  }

  .pre-order_tab.border-top {
    border-top-color: #212121;
  }

  .pre-order_tab-menu {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
  }

  .pricing-table_title-col {
    max-width: 20%;
  }

  .pricing-table_card-body {
    grid-template-rows: 68px 80px 90px 120px 110px 80px 130px 80px 130px 80px 180px;
  }

  .pricing-table_cell {
    padding: 1.25rem;
  }

  .pricing-table_cell.cc-title-col {
    justify-content: center;
    align-items: flex-start;
    padding: 1.25rem;
  }

  .pricing-table_cell.is-grey {
    min-height: 6rem;
  }

  .adopters-wrapper {
    padding: 2rem;
  }

  .faq-sticky {
    position: relative;
    top: 0;
  }

  .cut-down_tabs {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    display: flex;
  }

  .card-tab_mobile {
    opacity: 1;
    margin-bottom: 32px;
  }

  .card-wrap_mobile.is-first {
    color: #9e0a05;
    background-color: #eb9b98;
  }

  .card-wrap_mobile.is-second {
    color: #775ce1;
    background-color: #ebe5ff;
  }

  .card-wrap_mobile.is-third {
    color: #099137;
    background-color: #b5e3c4;
  }

  .width-454 {
    width: 30rem;
  }
}

@media screen and (max-width: 767px) {
  .text-size-tiny.large {
    font-size: 1.5em;
  }

  .text-size-tiny.small {
    font-size: .75em;
  }

  .text-size-tiny.follow-rayna-text {
    display: none;
  }

  .page-wrapper.is-waitlist.is-2 {
    margin-top: 10vh;
  }

  .text-size-large.large {
    font-size: 1.8em;
  }

  .hero-content {
    height: 80vh;
    padding: 1rem 1rem 3rem;
  }

  .social-proof {
    padding-left: .6em;
  }

  .social-proof.is-1 {
    grid-row-gap: .5rem;
    flex-direction: column;
  }

  .social-proof.is-preorder {
    grid-row-gap: .5rem;
    flex-flow: row;
  }

  .form-wrapper {
    width: 100%;
  }

  .form-content {
    padding-left: 1rem;
  }

  .input-field.early-access {
    width: auto;
  }

  .button {
    margin-left: 1rem;
  }

  .button.is-waitlist, .button.is-waitlist_1 {
    display: none;
  }

  .button.is-menu {
    display: flex;
  }

  .button.is-waitlist_1-copy {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .form.early-access {
    width: 100%;
  }

  .feature-text {
    font-size: .75em;
  }

  .slide1-top-content {
    padding-left: 1em;
    padding-right: 1em;
  }

  .slide2-top {
    grid-row-gap: .75em;
    width: 100%;
  }

  .slide4-text-wrapper {
    max-width: 18em;
    font-size: 1.1em;
  }

  .slide4-text-wrapper.aling-right {
    max-width: 14em;
  }

  .hero-right-wrapper {
    padding: 1em;
  }

  .slide6-mid-wrapper {
    margin-top: -31.2vw;
    margin-bottom: -31.2vw;
  }

  .slide6-right-img-wrapper {
    margin-bottom: -28vw;
  }

  .slide7 {
    padding-top: 2.8em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .slide7-heading {
    font-size: 1.5em;
  }

  .slide7-label {
    font-size: .75em;
  }

  .button-text.pre-order.text-weight-600.nav-bar {
    font-weight: 500;
  }

  .button-text.pre-order.nav-bar {
    font-size: 1.5rem;
    font-weight: 500;
  }

  .main-wrapper.is-waitlist {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .padding-global.bg-gadient {
    background-position: 97% 260px, 40px 540px, 24px 240px;
  }

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h1 {
    font-size: 3.5rem;
  }

  .reel.position-relative {
    border-radius: 1.25rem;
    height: 24rem;
  }

  .reel.is-2, .reel.is-3 {
    border-radius: 1.25rem;
  }

  .card-reel {
    bottom: -2rem;
  }

  .counter-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .heading-style-h2.is-waitlist {
    font-size: 1.75rem;
    line-height: 120%;
  }

  .features-grid, .features-grid.is-1, .features-grid.is-2 {
    grid-template-columns: 1fr;
  }

  .feature-card-img-wrapper {
    height: 20rem;
  }

  .image-dot.position-absolute {
    left: -36%;
  }

  .testimonial-card {
    width: 16rem;
    height: 20rem;
  }

  .text-size-veryhuge {
    font-size: 10rem;
  }

  .nav {
    justify-content: space-between;
    width: 32rem;
  }

  .nav.is-menu {
    height: 50%;
  }

  .image-bg {
    width: 150%;
    margin-left: -32%;
    inset: 0%;
  }

  .image-bg.pointer-events-none {
    width: 200%;
    height: 50.5rem;
    left: -4%;
  }

  .gradientline.is-2 {
    left: 14%;
  }

  .gradientline.is-1 {
    left: 2%;
  }

  .grid-3-col {
    grid-template-columns: 1fr;
  }

  .grid-3-col.built-with {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .user-detail {
    align-items: flex-start;
  }

  .nav-wrapper {
    display: none;
  }

  .nav-wrapper.is-menu {
    display: flex;
  }

  .display-flex {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .display-flex.col-gap16.align-right.show-landscape {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    margin-top: 32px;
    display: flex;
  }

  .display-flex.is-link.align-right.show-landscape {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 32px;
    display: flex;
  }

  .hero_center {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }

  .hero_center.is-footer {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .pre-order_main {
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .pre-order_header-h1 {
    font-size: 3.5rem;
    line-height: 4rem;
  }

  .pre-order_header-h1.hero {
    font-size: 3.25rem;
  }

  .pre-order_header-h1.is-cta {
    font-size: 3rem;
  }

  .pre-order_header-h1.is-v2 {
    font-size: 3rem;
    line-height: 120%;
  }

  .cta_dark-bg.alternate-nav.nav-bar {
    margin-top: 16px;
    padding: 1.25rem 1.5rem;
  }

  .cta_pink-bg.background-orange.nav-bar {
    padding: 1.25rem 2rem;
  }

  .section._1 {
    height: 40vh;
  }

  .section.scroll {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .pre-order_header-h2 {
    font-size: 2.75rem;
  }

  .max-width-560.is-tablet {
    max-width: none;
  }

  .custom-card {
    padding-top: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .custom-card.is-relative {
    padding-bottom: 4rem;
  }

  .custom-card.is-pre-order {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .margin-top-80.tablet-top {
    margin-top: 9rem;
  }

  .padding-section-150 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-bottom-56 {
    margin-bottom: 2.5rem;
  }

  .splitter_before {
    width: 88.5vw;
  }

  .splitter_component {
    width: 90vw;
    height: 55vh;
  }

  .splitter_image.is-after {
    width: 90vw;
  }

  .splitter_component-2 {
    width: 90vw;
    height: 55vh;
  }

  .splitter_component-2.is-radius {
    width: 90vw;
    height: 65vh;
    min-height: 30rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

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

  .footer3_top-wrapper {
    grid-row-gap: 3rem;
  }

  .footer3_legal-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
  }

  .footer3_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .footer3_left-wrapper {
    flex-flow: column;
    grid-template-columns: .5fr;
    justify-content: center;
    place-items: center;
    display: flex;
  }

  .footer3_menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .padding-vertical-24 {
    padding-left: 0;
    padding-right: 0;
  }

  .button-2 {
    width: 100%;
  }

  .text-ticker_mask {
    height: 3.5rem;
    padding-left: .5em;
  }

  .text-ticker_carousel {
    display: flex;
  }

  .text-ticker_text {
    font-size: 2.5rem;
  }

  .corner-radius-8.full-height {
    height: 50vh;
  }

  .padding-section-custom {
    padding-top: 360px;
  }

  .padding-section-custom.is-image-grid {
    padding-top: 390px;
  }

  .library-third-grid {
    flex-flow: column;
  }

  .library-third-grid._3-colgrid {
    grid-template-columns: 1fr;
  }

  .full-illustration-wrapper.width-54pc {
    height: 400px;
  }

  .full-illustration-wrapper.custom-grid {
    height: 100%;
  }

  .padding-illustration {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .hero_left {
    width: 100%;
  }

  .hero_right {
    width: 100%;
    margin-top: 4em;
  }

  .carousel {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .image-8.show-mobile, .image-8.show-desktop-only {
    display: none;
  }

  .image-8.show-mobile-lscape {
    display: block;
  }

  .carousel-image {
    height: 300px;
  }

  .div-width {
    max-width: 25rem;
  }

  .hide-landscape {
    display: none;
  }

  .show-landscape {
    display: block;
  }

  .pre-order_padding {
    margin: 0;
    padding: 0 16px 16px;
  }

  .pre-order_padding.background-f7f7f7 {
    background-color: #f7f7f7;
  }

  .mobile-width-90pc.align-center {
    width: 85%;
  }

  .grid-image {
    width: 100%;
  }

  .button-3.is-navbar2-button {
    padding: .25rem 1rem;
  }

  .navbar2_menu.is-page-height-tablet {
    padding-bottom: 6rem;
  }

  .navbar2_component {
    min-height: 4rem;
  }

  .margin-nav {
    margin-bottom: 32px;
  }

  .popup-closebutton {
    width: 36px;
    height: 36px;
  }

  .popup-card {
    width: 80%;
    padding: 1.5rem;
  }

  .popup-image {
    margin-left: 1em;
    margin-right: 1em;
  }

  .popup-subheading {
    font-size: 1.5em;
  }

  .layout121_timeline-icon-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }

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

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .layout121_progress-bar-wrapper {
    left: 2rem;
  }

  .vector {
    height: 100%;
  }

  .text-size-medium-2 {
    font-size: 1rem;
  }

  .heading-style-h1-2 {
    font-size: 2.5rem;
  }

  .header38_content {
    padding-bottom: 2.5rem;
  }

  .waitlist-group_container.equal-padding {
    display: none;
  }

  .max-width-400.is-tablet {
    max-width: none;
  }

  .button-text-waitlist.pre-order.text-weight-600.nav-bar {
    font-weight: 500;
  }

  .button-text-waitlist.pre-order.nav-bar {
    font-size: 1.5rem;
    font-weight: 500;
  }

  .text-size-16.text-color-white.opacity-80.is-waitlist {
    font-size: .875rem;
  }

  .text-size-16.text-color-white.opacity-80.is-waitlist.is-2._2 {
    font-size: 1.5rem;
  }

  .shimmer-text.large {
    font-size: 1.5em;
  }

  .shimmer-text.small {
    font-size: .75em;
  }

  .shimmer-text.follow-rayna-text {
    display: none;
  }

  .width-80pc.is-85 {
    width: auto;
  }

  .width-80pc.is-70 {
    width: 95%;
  }

  .width-80pc.is-70.is-mobile {
    width: 100%;
  }

  .image-13.is-absolute {
    height: 18rem;
  }

  .pointer-text {
    font-size: .875rem;
  }

  .navbar1_component {
    height: auto;
    min-height: 4rem;
  }

  .navbar1_logo-link {
    padding-left: 0;
  }

  .navbar1_menu.is-page-height-tablet {
    padding-bottom: 6rem;
  }

  .heading-style-h1-3 {
    font-size: 2.5rem;
  }

  .heading-style-h2-2 {
    font-size: 2.25rem;
  }

  .text-size-20 {
    font-size: 1.125rem;
  }

  .footer4_credit-text {
    margin-top: 1rem;
  }

  .footer4_bottom-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-auto-flow: row;
    justify-items: center;
    padding-bottom: 1rem;
  }

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

  .footer4_link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    grid-auto-flow: row;
    justify-items: center;
  }

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

  .template-price.text-color-white.opacity-80.is-waitlist {
    font-size: .875rem;
  }

  .template-price.text-color-white.opacity-80.is-waitlist.is-2._2 {
    font-size: 1.5rem;
  }

  .sidebar-div, .sidebar-div.min-height {
    padding: 1.5rem;
  }

  .margin-vertical-40 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .cta_orange-bg.with-shadow.is-extend {
    width: auto;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .swiper-wrapper-2 {
    overflow: auto;
  }

  .pricing-table_title-col {
    max-width: 50%;
  }

  .swiper-2.cc-pricing-table {
    overflow: hidden;
  }

  .pricing-table_card-body {
    grid-template-rows: 68px 90px 80px 110px 100px 80px 120px 80px 130px 80px 180px;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .swiper-slide-2.cc-pricing-table {
    flex: none;
    width: 100%;
    max-width: none;
  }

  .u-text-semibold.header {
    color: #757575;
    font-weight: 400;
  }

  .pricing-table_mobile-nav {
    z-index: 2;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-end;
    display: flex;
    position: relative;
    left: auto;
  }

  .pricing-table_cell.cc-title-row {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .pricing-table {
    margin-top: 20px;
    overflow: auto;
  }

  .pricing-table_options {
    max-width: 50%;
  }

  .pricing-table_card {
    border-radius: 12px;
  }

  .number-wrapper {
    margin-top: .25rem;
  }

  .table-text {
    font-size: 1rem;
  }

  .price-wrapper {
    display: none;
  }

  .pop-up_form {
    max-width: 30rem;
  }

  .width-454 {
    width: 25rem;
  }

  .users_heading {
    font-size: 8rem;
  }

  .users_img {
    display: none;
  }

  .team_heading {
    font-size: 3rem;
  }

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

@media screen and (max-width: 479px) {
  .text-size-h1 {
    font-size: 4em;
  }

  .text-size-tiny {
    margin-left: -.5em;
    font-size: .75rem;
  }

  .text-size-tiny.large {
    max-width: 14em;
    margin-left: 0;
    font-size: 1.2rem;
  }

  .text-size-tiny.small {
    max-width: 21em;
    margin-left: 0;
  }

  .text-size-tiny.follow-rayna-text {
    margin-left: 0;
  }

  .page-wrapper.is-waitlist.is-2 {
    margin-top: 10vh;
  }

  .text-size-large.large {
    font-size: 1.5em;
  }

  .hero-content {
    height: 82vh;
    padding: 1em .6em;
  }

  .hero-label-text {
    padding-top: .75em;
    padding-bottom: .75em;
    font-size: .5em;
  }

  .hero_moving-content {
    padding: .5em;
  }

  .hero-title_wrapper {
    grid-row-gap: 1.25rem;
  }

  .avatar {
    height: 2em;
  }

  .social-proof.is-1 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    justify-content: flex-start;
  }

  .social-proof.is-preorder {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .form-wrapper {
    width: 100%;
  }

  .form-content {
    grid-row-gap: 1.5em;
    flex-direction: column;
    align-items: flex-start;
    padding-left: .8em;
    padding-right: .8em;
  }

  .button {
    width: 100%;
    margin-left: 0;
  }

  .button.outline {
    justify-content: center;
  }

  .button.white {
    justify-content: center;
    width: auto;
  }

  .button.white.is-hero {
    flex-direction: column;
  }

  .button.white.is-hero-modified {
    flex-flow: row;
  }

  .button.none, .button.is-waitlist {
    justify-content: center;
    width: auto;
  }

  .button.is-waitlist.is-hero {
    flex-direction: column;
  }

  .button.is-waitlist.is-hero-modified {
    flex-flow: row;
  }

  .button.is-waitlist.is-2 {
    font-size: .875rem;
    font-weight: 400;
    line-height: 140%;
    display: none;
  }

  .button.is-menu {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .button.is-menu.is-hero {
    flex-direction: column;
  }

  .button.is-menu.is-hero-modified {
    flex-flow: row;
  }

  .button.is-menu.is-2 {
    font-size: .875rem;
    font-weight: 400;
    line-height: 140%;
  }

  .form.is-v2, .input-field_content-wrapper {
    width: 100%;
  }

  .bottom-content {
    grid-row-gap: 2em;
    justify-content: space-between;
    align-items: center;
  }

  .rayna-social-wrapper {
    align-items: flex-start;
  }

  .feature-contain {
    margin-top: 1em;
  }

  .feature-item {
    grid-column-gap: .5rem;
  }

  .feature-text {
    line-height: 1;
  }

  .check-img {
    width: .8rem;
  }

  .slide2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .dashboard-wrapper {
    grid-column-gap: 1rem;
  }

  .slide4-text-wrapper {
    max-width: 14rem;
    margin-right: 1.5rem;
    font-size: .8rem;
  }

  .slide4-text-wrapper.aling-right {
    max-width: 10rem;
    margin-bottom: 2rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .slide4-img-contain {
    padding-left: 1rem;
  }

  .hero-right-wrapper {
    padding: .6em;
  }

  .slide5 {
    padding-top: 2rem;
  }

  .slide6-right-img-wrapper {
    margin-bottom: -6.8rem;
  }

  .slide7 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .slide7-top {
    grid-row-gap: .75em;
  }

  .slide7-heading {
    font-size: 1.2rem;
  }

  .brand-logo {
    width: 6em;
  }

  .button-text.pre-order.nav-bar {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .main-wrapper.is-waitlist, .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.bg-gadient {
    background-position: 97% 360px, 80px 520px, 24px 240px;
    background-size: 128px, 200px, auto;
    padding-left: 3%;
    padding-right: 3%;
  }

  .padding-global.is-v2 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .padding-section-large-2.no-bottom-padding {
    padding-bottom: .5rem;
  }

  .button-group.hero-button.is-menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-align-center.centre {
    padding-left: 12px;
    padding-right: 8px;
  }

  .spacer-small.pre-order_padding.ia-pre-order {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h1 {
    font-size: 3rem;
  }

  .reel.position-relative {
    height: 12rem;
  }

  .card-reel {
    bottom: -1.2rem;
  }

  .counter-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .text-size-xlarge {
    font-size: 1.125rem;
  }

  .heading-style-h2 {
    font-size: 3rem;
  }

  .heading-style-h2.is-waitlist {
    font-size: 7vw;
  }

  .heading-style-h2.is-cta {
    font-size: 2.25rem;
  }

  .feature-card {
    padding-left: 1.5rem;
  }

  .text-size-xxlarge {
    font-size: 1.5rem;
  }

  .feature-card-img-wrapper {
    height: 16rem;
  }

  .text-size-regular {
    font-size: 1rem;
  }

  .text-size-regular.opacity-80 {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .swiper-slide {
    width: 20rem;
  }

  .swiper-slide.is-gallery {
    max-width: 320px;
  }

  .faq-card {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .text-size-veryhuge {
    font-size: 7.5rem;
  }

  .nav {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: 90%;
    max-width: 100%;
  }

  .nav.is-menu {
    width: 100%;
  }

  .rayna-logo-2.is-hero {
    width: 80%;
  }

  .image-bg {
    width: 250%;
    margin-left: -100%;
  }

  .gradientline.is-2, .gradientline.is-1, .gradientline.is-3, .gradientline.is-4 {
    display: none;
  }

  .newsletter-card {
    padding: 2.5rem 1.5rem 2rem;
  }

  .display-flex.col-gap10.is-v2 {
    flex-flow: column;
    align-items: stretch;
    width: 100%;
  }

  .display-flex.align-top.is-faq {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .hero_center {
    padding-bottom: 2rem;
  }

  .hero_center.is-footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .pre-order_header-h1 {
    font-size: 3.3rem;
    line-height: 3.5rem;
  }

  .pre-order_header-h1.hero, .pre-order_header-h1.is-cta {
    font-size: 2.75rem;
  }

  .cta_dark-bg.alternate {
    width: auto;
  }

  .section._1 {
    height: 40vh;
  }

  .section.background-dark {
    border-radius: 1.5rem;
  }

  .section.custom-design {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.is--black {
    max-width: 320px;
  }

  .pre-order_header-h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .pre-order_header-h2.text-weight-600.size-32 {
    letter-spacing: -1px;
    margin-bottom: 10px;
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .pre-order_header-h2.text-weight-600.no-margin {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .max-width-480.align-center {
    width: 80%;
  }

  .max-width-480.left-offset {
    margin-left: 2rem;
  }

  .max-width-560.is-tablet {
    max-width: none;
  }

  .custom-card.is-relative {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .custom-card.is-pre-order {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .margin-top-80.tablet-top {
    margin-top: 6rem;
  }

  .tabs-menu {
    margin-right: 0;
    padding-bottom: 0;
    left: 1rem;
  }

  .pre-order_header-h3 {
    font-size: 1.5rem;
    line-height: 120%;
  }

  .card-tab {
    max-width: 17rem;
  }

  .text-size-default.text-weight-600 {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .text-size-default.text-align-center.max-width-260 {
    max-width: 260px;
  }

  .div-block {
    padding: 1.25rem;
  }

  .padding-section-150 {
    padding-top: 1.75rem;
    padding-bottom: 3rem;
  }

  .margin-bottom-56 {
    margin-bottom: 2rem;
  }

  .max-width-760.align-center {
    max-width: 90%;
  }

  .max-width-760.align-center.is-preorder {
    max-width: none;
  }

  .splitter_before, .splitter_component, .splitter_image.is-after, .splitter_image.is-after {
    width: 90vw;
  }

  .splitter_handle-component {
    width: 2px;
  }

  .splitter_component-2 {
    width: 90vw;
    height: 35vh;
  }

  .splitter_component-2.is-radius {
    height: 50vh;
    min-height: 15rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .footer3_credit-text {
    text-align: center;
  }

  .footer3_credit-text.show-tablet {
    font-size: 1.5rem;
    line-height: 2rem;
  }

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

  .footer3_menu-wrapper {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .padding-vertical-24 {
    padding-left: 0;
    padding-right: 0;
  }

  .header-text {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .button-2 {
    border: 1px solid #f24e1e;
  }

  .button-2:hover {
    color: #f24e1e;
    background-color: #ffffff03;
    border: 1px solid #f24e1e;
  }

  .text-ticker_text {
    font-size: 3.052rem;
  }

  .tab-div_wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .padding-section-custom {
    padding-top: 180px;
    padding-bottom: 0;
  }

  .padding-section-custom.is-image-grid {
    padding-top: 300px;
  }

  .library-third-grid {
    flex-flow: column;
    display: flex;
  }

  .full-illustration-wrapper {
    width: 100%;
  }

  .full-illustration-wrapper.increased-width {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .full-illustration-wrapper.decreased-width {
    width: 100%;
  }

  .full-illustration-wrapper.width-33pc, .full-illustration-wrapper.width-67pc {
    width: auto;
  }

  .full-illustration-wrapper.width-54pc {
    width: 100%;
    height: 420px;
  }

  .full-illustration-wrapper.width-46pc {
    width: 100%;
  }

  .padding-illustration {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .image-3 {
    object-fit: cover;
  }

  .products-wrapper {
    padding: 0;
  }

  .products-wrapper.z-index-2 {
    background-image: none;
    padding-bottom: 1.25rem;
  }

  .margin-top-300 {
    margin-top: 7.5rem;
  }

  .hero_right {
    height: 120vw;
    margin-top: 3em;
  }

  .card-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .tab-text {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .image-8.show-mobile {
    width: auto;
    height: auto;
    display: block;
  }

  .image-8.show-mobile-lscape {
    width: auto;
    height: auto;
    display: none;
  }

  .changing-text {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .audio-avatar {
    width: 32px;
    height: 32px;
  }

  .text-span {
    font-size: 3.3rem;
  }

  .show-mobile {
    display: block;
  }

  .hide-mobile {
    display: none;
  }

  .mobile-width-90pc {
    width: 90%;
  }

  .split-text {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .margin-nav {
    margin-bottom: 16px;
  }

  .gallery-img__wrapper {
    padding-top: 85%;
  }

  .popup-closebutton {
    width: 28px;
    height: 28px;
  }

  .popup-card {
    border-width: 10px;
    width: 90%;
    padding: 1rem;
    box-shadow: 11px 11px 32px #0000001a;
  }

  .images-container {
    justify-content: center;
    display: flex;
  }

  .close-x {
    font-size: 16px;
  }

  .popup-items {
    height: auto;
    padding: 0;
  }

  .popup-subheading {
    flex-flow: column wrap;
    width: 100%;
  }

  .form-label, .form-field::placeholder {
    font-size: .875rem;
  }

  .form-field.is-large {
    height: 52px;
    margin-bottom: 10px;
  }

  .form-field.form-shadow {
    width: 100%;
  }

  .max-width-469.align-center {
    width: 80%;
  }

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

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .vector {
    height: 100%;
    top: 2rem;
  }

  .dash {
    height: 1.125rem;
  }

  .header38_form {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

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

  .header38_content {
    padding-bottom: 0;
  }

  .header38_content.is-2 {
    margin-top: 7%;
  }

  .max-width-400.is-tablet {
    max-width: none;
  }

  .max-width-400.align-center {
    width: 90%;
  }

  .button-text-waitlist.pre-order.nav-bar {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .padding-horizontal-56 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .background-embed {
    height: 100vh;
    max-height: 100vh;
  }

  .shimmer-text {
    font-size: .75rem;
  }

  .shimmer-text.large {
    max-width: 14em;
    margin-left: 0;
    font-size: 1.2rem;
  }

  .shimmer-text.small {
    max-width: 21em;
    margin-left: 0;
  }

  .shimmer-text.follow-rayna-text {
    margin-left: 0;
  }

  .width-80pc.is-70 {
    width: 100%;
  }

  .hero_grid-right {
    height: 40vh;
  }

  .div-block-11 {
    height: auto;
    margin: 0;
    padding: 4rem 1rem;
  }

  .pop_up-h2 {
    font-size: 1.5rem;
  }

  .pop_up-text, .pointer-text {
    font-size: .875rem;
  }

  .menu {
    display: none;
  }

  .heading-style-h4.is-32 {
    font-size: 1.75rem;
  }

  .signup-form-wrapper {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .onedraft-h3 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .max-width-444.align-center {
    max-width: 22.5rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .form-onedraft {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: block;
  }

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

  .padding-vertical.padding-xxlarge {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

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

  .onedraft-search.align-center {
    width: 17.5rem;
  }

  .hero-text {
    line-height: 3.5rem;
  }

  .max-width-780.align-center {
    max-width: 90%;
  }

  .cta_orange-bg.with-shadow {
    text-align: center;
  }

  .cta_orange-bg.with-shadow.is-extend {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .cta_orange-bg.with-shadow.is-gift {
    width: 100%;
  }

  .max-width-360.align-center.is-v2 {
    max-width: 17.5rem;
  }

  .text-size-12.text-weight-500.text-style-italics, .text-size-12.margin-bottom {
    font-size: .625rem;
    line-height: 14px;
  }

  .pricing-table_title-col {
    max-width: 40%;
  }

  .pricing-table_card-body {
    grid-template-rows: 68px 120px 120px 180px 160px 100px 200px 120px 200px 120px 280px;
    padding: 20px 0;
  }

  .pricing-table_cell {
    min-height: 4em;
  }

  .pricing-table_options {
    max-width: 60%;
  }

  .pre-order_header-h4 {
    font-size: 1.5rem;
    line-height: 120%;
  }

  .adopters-wrapper {
    padding: 1.5rem 1.25rem;
  }

  .faq-heading {
    font-size: 1.75rem;
  }

  .hero-vid-embed {
    margin-bottom: 0;
  }

  .section-whois {
    background-position: 50%;
  }

  .max-height-5rem {
    height: 7.5rem;
  }

  .card-wrap_mobile {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .tab-text_mobile {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .pop-up_form {
    max-width: 22.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .width-454 {
    width: 18.5rem;
  }

  .users_component {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .users_heading {
    font-size: 5rem;
  }

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

  .team_image {
    width: 100%;
    height: auto;
  }
}

#w-node-_589614e3-4118-0d85-599a-bfbf9d5c9683-d6eeee93, #w-node-_473caa7c-cdd1-a3a0-767e-83d1016f8a19-d6eeee93 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_171189e6-c9a0-1df8-df63-20652d5f5e63-d6eeee93 {
  grid-area: 1 / 1 / 4 / 2;
}

#w-node-_93780aa2-208b-f6ce-23db-bb8173a615ac-d6eeee93 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-b7b60d53-e0c9-3510-ee0f-644f891479b0-d6eeee93 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: center;
}

#w-node-e4737247-c68d-de52-02a9-9e3e489514ec-d6eeee93 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-eb6a4716-29d1-0c65-7be7-a2b1b9045b7a-d6eeee93 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-d7a4e3e8-cd7a-a931-2d15-8c55eb874b41-d6eeee93, #w-node-_06b91cd0-1c9f-7028-f005-b52c4a1f1c01-d6eeee93, #w-node-_034a5923-8f1b-36de-8552-aeffd450da67-d6eeee93, #w-node-_95075feb-dce3-167b-3601-96480e0816a2-d6eeee93, #w-node-c6fb6578-683b-f876-1091-b011f94844d1-d6eeee93, #w-node-_90c39a5c-0bbc-ba3d-6333-9a5d1f2c3db4-d6eeee93, #w-node-cdb9aafa-5370-1b68-083f-a908fc7ac5b8-d6eeee93, #w-node-a166703e-137c-8e37-013e-0bff1fee20d2-d6eeee93, #w-node-a82c9fb0-63c7-bf2a-68b9-f3d881fa7df6-d6eeee93, #w-node-_64c6f6b7-7b54-8bc3-4dc8-884c78ccf942-d6eeee93, #w-node-a14eaf17-73f3-abff-8ee4-b2bf8c104f7d-d6eeee93, #w-node-_3ba667dc-ea39-7326-9356-cbcc2e543505-d6eeee93, #w-node-eee14ec2-636c-ec6a-efba-81154c2bc15c-d6eeee93, #w-node-fb1a916a-9022-4019-5c86-90066d8e4489-d6eeee93, #w-node-_2fa9f46f-874a-d0db-997b-0e61915f583a-d6eeee93, #w-node-_430ec959-c1e0-b484-9bb6-0fdd1e543a2c-d5cc7e75, #w-node-_5f706810-7f35-86a1-f14a-42976ea90a02-d5cc7e75, #w-node-_3664db61-7552-27ae-7a1d-da81bbad3f89-d5cc7e75, #w-node-_8c5c717a-8e50-3776-c434-fec6e108bf59-d5cc7e75 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_692f8ca7-7468-36bb-5abd-d1d039ff27ba-9b533bf9, #w-node-e6a54875-bee5-ae31-1f6d-ec939874806d-9b533bf9 {
  justify-self: center;
}

#w-node-_692f8ca7-7468-36bb-5abd-d1d039ff27cd-9b533bf9 {
  justify-self: end;
}

#w-node-e9b6d92f-cee5-a6b0-cbca-f75122d30201-9b533bf9, #w-node-_4fe9a129-885f-4639-9f07-2b97531120a8-9b533bf9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38a7893e-a4e0-5658-eae5-8a16db7b7e5c-9b533bf9 {
  order: -9999;
  place-self: start;
}

#w-node-bc490ac6-482f-98a3-fe2a-aade7b357343-9b533bf9 {
  justify-self: center;
}

#w-node-bc490ac6-482f-98a3-fe2a-aade7b35731e-9b533bf9, #w-node-_75643860-33ab-1476-f355-55a4dee4fbe4-9b9d24f7 {
  justify-self: end;
}

#w-node-_692f8ca7-7468-36bb-5abd-d1d039ff27ba-28668a1a, #w-node-e6a54875-bee5-ae31-1f6d-ec939874806d-28668a1a {
  justify-self: center;
}

#w-node-ed748603-92c8-43a8-7cbc-54521dd6d2a5-28668a1a {
  justify-self: start;
}

#w-node-_692f8ca7-7468-36bb-5abd-d1d039ff27cd-28668a1a {
  justify-self: end;
}

#w-node-e9b6d92f-cee5-a6b0-cbca-f75122d30201-28668a1a, #w-node-_58730365-3166-811c-f3f7-0bad61c56008-28668a1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc490ac6-482f-98a3-fe2a-aade7b357343-28668a1a {
  justify-self: center;
}

#w-node-bc490ac6-482f-98a3-fe2a-aade7b35731e-28668a1a {
  justify-self: end;
}

#w-node-_430ec959-c1e0-b484-9bb6-0fdd1e543a2c-86e60b09, #w-node-_5f706810-7f35-86a1-f14a-42976ea90a02-86e60b09, #w-node-_3664db61-7552-27ae-7a1d-da81bbad3f89-86e60b09, #w-node-_8c5c717a-8e50-3776-c434-fec6e108bf59-86e60b09 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1280px) {
  #w-node-c96d8354-136e-22e1-a08c-bf176204f8c3-9b9d24f7 {
    justify-self: start;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_589614e3-4118-0d85-599a-bfbf9d5c9683-d6eeee93 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9e53434c-640b-bb5f-a518-76bffa8cf32f-9b533bf9 {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_3ba667dc-ea39-7326-9356-cbcc2e543505-d6eeee93 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_9e53434c-640b-bb5f-a518-76bffa8cf32f-9b533bf9 {
    justify-self: stretch;
  }
}


@font-face {
  font-family: 'Sf Pro Display';
  src: url('../fonts/SF-Pro-Display-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf Pro Display';
  src: url('../fonts/SF-Pro-Display-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NeueHaas';
  src: url('../fonts/NeueHaasDisplayMediu.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NeueHaas';
  src: url('../fonts/NeueHaasDisplayLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NeueHaas';
  src: url('../fonts/NeueHaasDisplayBlack.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NeueHaas';
  src: url('../fonts/NeueHaasDisplayBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NeueHass';
  src: url('../fonts/NeueHaasDisplayRoman.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NeueHaas';
  src: url('../fonts/NeueHaasDisplayBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-Bold.ttf') format('truetype'), url('../fonts/InterTight-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-BoldItalic.ttf') format('truetype'), url('../fonts/InterTight-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype'), url('../fonts/PlayfairDisplay-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/PlayfairDisplay-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay';
  src: url('../fonts/PlayfairDisplay-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuemontreal';
  src: url('../fonts/NeueMontreal-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuemontreal';
  src: url('../fonts/NeueMontreal-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}