/* [project]/apps/website/src/styles/main.module.css [app-client] (css) */
.main-module__ETjl1W__main {
  --landing-section-space: clamp(4.5rem, calc(8vw * var(--s)), 8rem);
  --landing-block-space: clamp(2.5rem, calc(5vw * var(--s)), 5rem);
  --landing-subtitle-size: clamp(1.35rem, 1.1rem + calc(1.2vw * var(--s)), 1.875rem);
  --landing-subtitle-line-height: 1.45;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.main-module__ETjl1W__mainWrapper {
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.main-module__ETjl1W__headerWrapper {
  --header-gap-wrapper: .3125rem;
  --header-gap-self: 1.875rem;
  --header-inset-top: calc(var(--header-gap-wrapper) + var(--header-gap-self));
  width: 100%;
  margin-top: var(--header-gap-wrapper);
  justify-content: center;
  height: 7.5rem;
  display: flex;
  position: relative;
}

.main-module__ETjl1W__header {
  background-color: var(--color-navbar);
  width: 100%;
  max-width: 78rem;
  margin-top: var(--header-gap-self);
  -webkit-backdrop-filter: blur(.375rem);
  backdrop-filter: blur(.375rem);
  z-index: 999;
  border: .0625rem solid #ffffff08;
  border-radius: .75rem;
  place-items: center;
  padding: .75rem 1.25rem;
  transition: all .25s;
  display: flex;
  position: fixed;
  box-shadow: 0 .25rem .375rem -.0625rem #0000001a, 0 .125rem .25rem -.0625rem #0000000f, inset 0 .0625rem #ffffff0d;
}

.main-module__ETjl1W__header.main-module__ETjl1W__open {
  height: calc(var(--dash-vh) - var(--header-inset-top) * 2);
  height: calc(var(--dash-dvh) - var(--header-inset-top) * 2);
  flex-direction: column;
}

.main-module__ETjl1W__headerLogo {
  position: absolute;
  top: 1.1875rem;
  left: 1.25rem;
}

.main-module__ETjl1W__headerMenu {
  position: absolute;
  top: .9375rem;
  right: .9375rem;
}

.main-module__ETjl1W__header.main-module__ETjl1W__closed {
  flex-direction: column;
  height: 5rem;
}

.main-module__ETjl1W__headerLogo {
  place-items: center;
  display: flex;
}

.main-module__ETjl1W__headerLogo a {
  display: flex;
}

.main-module__ETjl1W__headerLogoImage {
  width: auto;
  height: 2.625rem;
}

.main-module__ETjl1W__headerLogo h1 {
  letter-spacing: .03125rem;
  font-size: 1.25rem !important;
}

.main-module__ETjl1W__headerNav {
  gap: .625rem;
  height: 3.125rem;
  display: flex;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
}

.main-module__ETjl1W__headerNav a:not(.main-module__ETjl1W__userDropdown a), .main-module__ETjl1W__headerNav .main-module__ETjl1W__loginButton {
  color: #dadada;
  letter-spacing: .005rem;
  border-radius: .625rem;
  place-items: center;
  padding: .6875rem;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
}

.main-module__ETjl1W__headerNav a svg, .main-module__ETjl1W__headerNav span svg {
  margin-right: .4375rem;
  font-size: 1.28125rem !important;
}

.main-module__ETjl1W__headerNav span {
  cursor: pointer;
}

.main-module__ETjl1W__headerNav .main-module__ETjl1W__loginButton {
  background-color: #1268ca6e;
  border: .125rem solid #1268ca;
  padding: .625rem 1.25rem;
}

.main-module__ETjl1W__headerNav .main-module__ETjl1W__loginButton:hover {
  background-color: #1268ca54;
  border: .125rem solid #1268ca8a;
}

.main-module__ETjl1W__headerNav a:hover:not(.main-module__ETjl1W__userDropdown a) {
  color: #fff;
  background-color: #fafafa1f;
}

.main-module__ETjl1W__headerNavPremium span, .main-module__ETjl1W__headerNavPremium svg {
  color: #f4c542;
}

.main-module__ETjl1W__headerNavPremium span {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #f4c542 0% 42%, #ffecb3 50%, #f4c542 58% 100%);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 3s ease-in-out infinite main-module__ETjl1W__shine;
}

.main-module__ETjl1W__headerNavPremium svg {
  animation: 3s ease-in-out infinite main-module__ETjl1W__shineIcon;
}

@keyframes main-module__ETjl1W__shine {
  0% {
    background-position: 90% 0;
  }

  35%, 100% {
    background-position: 10% 0;
  }
}

@keyframes main-module__ETjl1W__shineIcon {
  0% {
    color: #f4c542;
  }

  10% {
    color: #ffecb3;
  }

  28%, 100% {
    color: #f4c542;
  }
}

.main-module__ETjl1W__mobileNav.main-module__ETjl1W__hidden .main-module__ETjl1W__headerNavPremium span, .main-module__ETjl1W__mobileNav.main-module__ETjl1W__hidden .main-module__ETjl1W__headerNavPremium svg {
  animation: none;
}

.main-module__ETjl1W__headerNavPremium:hover {
  background-color: #f4c5421e !important;
}

.main-module__ETjl1W__landingText {
  margin: 0;
  padding: 2rem;
}

@media (max-width: 860px) {
  .main-module__ETjl1W__landingText {
    margin: 0;
    padding: 1rem;
  }
}

@media (max-width: 550px) {
  .main-module__ETjl1W__landingText {
    margin: 0;
    padding: 1rem;
  }
}

.main-module__ETjl1W__landing {
  text-align: center;
  z-index: 10;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 81.25rem;
  padding: .625rem;
  display: flex;
  position: relative;
}

.main-module__ETjl1W__landingHeading {
  margin-top: 1.875rem;
}

.main-module__ETjl1W__landingHeading h1, .main-module__ETjl1W__landingDescription h2, .main-module__ETjl1W__landingDescription p {
  margin: 0;
}

.main-module__ETjl1W__landingHeading h1 {
  line-height: 4.0625rem;
  font-size: 3.125rem !important;
}

@media (max-width: 430px) {
  .main-module__ETjl1W__landingHeading h1 {
    line-height: 1.3;
    font-size: 2.375rem !important;
  }
}

.main-module__ETjl1W__landingDescription {
  color: #b9bbc5;
  max-width: 37rem;
  margin-top: 1rem;
  font-size: .9375rem !important;
}

.main-module__ETjl1W__landingDescription h2, .main-module__ETjl1W__landingDescription p {
  font-weight: 500;
  font-size: 1.125rem !important;
}

.main-module__ETjl1W__landingButtons {
  flex-wrap: wrap;
  justify-content: center;
  gap: .625rem;
  margin-top: .75rem;
  display: flex;
}

.main-module__ETjl1W__landingButtons a {
  color: #fafafa;
  white-space: nowrap;
  text-decoration: none;
}

.main-module__ETjl1W__landingButtons a:first-child {
  background-color: #1268ca6b;
  border: .125rem solid #1268ca;
  border-radius: .8125rem;
  place-items: center;
  padding: .625rem 1.25rem;
  transition: all .3s ease-in-out;
  display: flex;
}

.main-module__ETjl1W__landingButtons a:first-child svg {
  margin-right: .34375rem;
  font-size: 1.5625rem !important;
}

.main-module__ETjl1W__landingButtons a:first-child:hover {
  background-color: #1268ca59;
  border: .125rem solid #1268ca9f;
  transform: scale(1.05);
}

.main-module__ETjl1W__landingButtons a:nth-child(2) {
  background-color: #7e93aa44;
  border: .125rem solid #6775869d;
  border-radius: .8125rem;
  padding: .625rem 1.25rem;
  transition: all .3s ease-in-out;
}

.main-module__ETjl1W__landingButtons a:nth-child(2):hover {
  color: #d8d8d8;
  background-color: #7e93aa33;
  border: .125rem solid #67758663;
}

.main-module__ETjl1W__relative {
  position: relative;
}

.main-module__ETjl1W__gradient {
  -webkit-text-fill-color: transparent;
  z-index: 52;
  background-image: linear-gradient(to right, #89cdfd, #3787ff 50%, #7790c7);
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
}

.main-module__ETjl1W__headingNeverEffect {
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 .25rem #478eff38, 0 0 .5rem #478eff1f;
  filter: drop-shadow(0 .0625rem .25rem #3787ff14);
  will-change: transform, background-position, filter;
  background-image: linear-gradient(90deg, #7ec8ff 0%, #3787ff 35%, #7aa0ff 60%, #b4c6ff 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 4.2s linear .75s infinite main-module__ETjl1W__headingNeverShimmer, 3.5s ease-in-out 1.2s infinite main-module__ETjl1W__headingNeverPulse;
  display: inline-block;
  position: relative;
}

@keyframes main-module__ETjl1W__headingNeverShimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@keyframes main-module__ETjl1W__headingNeverPulse {
  0%, 100% {
    text-shadow: 0 0 .25rem #478eff38, 0 0 .5rem #478eff1f;
  }

  50% {
    text-shadow: 0 0 .375rem #478eff4d, 0 0 .75rem #478eff2e;
  }
}

.main-module__ETjl1W__underlineReveal {
  pointer-events: none;
  height: 1em;
  animation: .82s cubic-bezier(.22, 1, .36, 1) 60ms both main-module__ETjl1W__underlineSlide;
  display: inline-block;
  position: absolute;
  bottom: -.375rem;
  left: 0;
  overflow: hidden;
}

.main-module__ETjl1W__underlineReveal svg {
  opacity: .9;
  filter: drop-shadow(0 .0625rem .1875rem #3787ff26);
  width: auto;
  height: 1em;
  display: block;
  transform: translateX(-4%);
}

@keyframes main-module__ETjl1W__underlineSlide {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
    transform: translateY(.25rem);
  }

  60% {
    clip-path: inset(0);
    opacity: 1;
    transform: translateY(-.0625rem);
  }

  100% {
    clip-path: inset(0);
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .main-module__ETjl1W__headingNeverEffect {
    text-shadow: none;
    filter: none;
    animation: none;
  }

  .main-module__ETjl1W__underlineReveal {
    animation: none;
  }

  .main-module__ETjl1W__headerNavPremium span {
    -webkit-text-fill-color: currentColor;
    background-image: none;
    animation: none;
  }

  .main-module__ETjl1W__headerNavPremium svg {
    animation: none;
  }
}

.main-module__ETjl1W__landingRight {
  position: absolute;
  right: 0;
}

.main-module__ETjl1W__landingRight img {
  border-radius: 1.875rem 0 0 1.875rem;
  box-shadow: 0 .3125rem .9375rem #00000059;
}

.main-module__ETjl1W__content {
  width: 100%;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  transition: all .45s;
}

.main-module__ETjl1W__m-15 {
  margin-top: var(--landing-section-space);
}

.main-module__ETjl1W__showcaseDividerAligned {
  margin-top: var(--landing-section-space);
  padding-top: 0;
}

.main-module__ETjl1W__showcaseDividerAligned .main-module__ETjl1W__featuresDescription {
  padding-top: clamp(2.75rem, calc(5vw * var(--s)), 4rem);
  margin-top: 0;
}

.main-module__ETjl1W__featuresDescription {
  text-align: center;
  margin-bottom: var(--landing-block-space);
  transition: all .55s;
}

.main-module__ETjl1W__featuresDescription h4 {
  text-transform: uppercase;
  letter-spacing: .0625rem;
  color: #686d86;
  margin: 0;
  font-size: 1.03125rem !important;
}

.main-module__ETjl1W__featuresDescription h5 {
  max-width: 40rem;
  line-height: var(--landing-subtitle-line-height);
  margin: .9rem auto 0;
  font-size: 1.875rem !important;
}

.main-module__ETjl1W__showcase {
  place-items: center;
  gap: calc(var(--landing-section-space) + 1rem);
  flex-direction: column;
  display: flex;
}

.main-module__ETjl1W__showcaseFeature {
  place-items: center;
  transition: transform .8s cubic-bezier(.22, 1, .36, 1), opacity .8s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.main-module__ETjl1W__showcaseRight {
  text-align: left;
  flex-direction: row-reverse;
}

.main-module__ETjl1W__showcaseDescription {
  min-width: 18.75rem;
}

@media (max-width: 430px) {
  .main-module__ETjl1W__showcaseDescription {
    min-width: 0;
  }
}

.main-module__ETjl1W__showcaseIcon svg {
  box-sizing: border-box;
  background-image: linear-gradient(320deg, #0e0f18, #2f334e62);
  border: .0625rem solid #222638;
  border-radius: .625rem;
  width: 3.125rem;
  height: 3.125rem;
  padding: .5625rem;
  box-shadow: 0 .3125rem .9375rem #00000059;
}

.main-module__ETjl1W__showcaseDescription h2, .main-module__ETjl1W__showcaseDescription h3 {
  margin: 0;
}

.main-module__ETjl1W__showcaseDescription h2 {
  margin-bottom: .4375rem;
  font-size: 2em;
}

div.main-module__ETjl1W__showcaseFeature:not(.main-module__ETjl1W__showcase_right) {
  gap: 3.75rem;
}

.main-module__ETjl1W__showcaseDescription h3 {
  color: #b6b6b6;
  max-width: 37.5rem;
  font-weight: 400;
}

.main-module__ETjl1W__showcaseFeatureImage {
  width: 100%;
  max-width: 31.25rem;
  height: auto;
  max-height: 21.875rem;
  transition: all .35s;
}

.main-module__ETjl1W__showcaseFeatureImage:hover {
  transform: translateY(-.9375rem)scale(1.05);
}

.main-module__ETjl1W__bannerFooterOverlap {
  box-sizing: border-box;
  background: linear-gradient(to bottom, transparent 55%, var(--color-footer) 0);
  width: 100%;
  padding: var(--landing-section-space) 1.5rem 5rem 1.5rem;
  justify-content: center;
  display: flex;
}

.main-module__ETjl1W__showcaseBannerShell {
  box-sizing: border-box;
  border-radius: 1.75rem;
  width: 100%;
  max-width: 62.5rem;
  margin: 0 auto;
  transition: transform .8s cubic-bezier(.22, 1, .36, 1), opacity .8s cubic-bezier(.22, 1, .36, 1);
  box-shadow: 0 .75rem 2.5rem -.25rem #000000a6;
}

.main-module__ETjl1W__showcaseBanner {
  box-sizing: border-box;
  text-align: center;
  background-color: #0000;
  background-image: linear-gradient(#181b29 0%, #10121b 100%), linear-gradient(#ffffff08 .0625rem, #0000 .0625rem), linear-gradient(90deg, #ffffff08 .0625rem, #0000 .0625rem);
  background-position: top;
  background-repeat: repeat, repeat, repeat;
  background-size: 100% 100%, 1.875rem 1.875rem, 1.875rem 1.875rem;
  background-attachment: scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box;
  border-radius: 1.75rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 62.5rem;
  padding: 4.375rem 2.5rem;
  transition: transform .8s cubic-bezier(.22, 1, .36, 1), opacity .8s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 .0625rem #ffffff14, inset 0 0 0 .0625rem #ffffff08;
}

.main-module__ETjl1W__showcaseBanner:before {
  content: "";
  filter: blur(.125rem);
  opacity: .8;
  background: linear-gradient(90deg, #0000, #2366dae0, #0000);
  height: .125rem;
  position: absolute;
  top: 0;
  left: 8%;
  right: 8%;
}

.main-module__ETjl1W__showcaseBanner:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(#2366da3d 0%, #0000 68%);
  width: 48.75rem;
  height: 42.5rem;
  position: absolute;
  top: -21.875rem;
  left: 50%;
  transform: translateX(-50%);
}

.main-module__ETjl1W__showcaseBannerContent {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  max-width: 46.875rem;
  display: flex;
  position: relative;
}

.main-module__ETjl1W__showcaseBannerBadge {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #4da3ff;
  background: #4da3ff1a;
  border: .0625rem solid #4da3ff33;
  border-radius: 6.25rem;
  margin-bottom: 1.5rem;
  padding: .375rem 1rem;
  font-size: .85em;
  font-weight: 600;
}

.main-module__ETjl1W__showcaseBannerContent h2 {
  letter-spacing: -.02em;
  background: linear-gradient(#fff 0%, #c8dcff 55%, #7aaeff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  padding: 1rem .25rem 1.75rem;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.35;
}

.main-module__ETjl1W__showcaseBannerContent h3 {
  color: #a1a6b8;
  max-width: 37.5rem;
  margin-top: 0;
  margin-bottom: 2.5rem;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.6;
}

.main-module__ETjl1W__bannerButton {
  background-color: #1268ca6b;
  border: .125rem solid #1268ca;
  border-radius: .75rem;
  padding: .875rem 1.75rem;
  font-size: 1.1em;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s ease-in-out;
  box-shadow: 0 .25rem .875rem #1268ca33;
  color: #fff !important;
}

.main-module__ETjl1W__bannerButton:hover {
  background-color: #1268ca59;
  border: .125rem solid #1268ca9f;
  transform: translateY(-.125rem);
  box-shadow: 0 .375rem 1.25rem #1268ca4d;
}

.main-module__ETjl1W__statsDescription {
  text-align: center;
  margin-top: 5.5rem;
  margin-bottom: 4rem;
}

.main-module__ETjl1W__statsDescription h4 {
  text-transform: uppercase;
  letter-spacing: .0625rem;
  color: #686d86;
  margin: 0;
  font-size: 1.03125rem !important;
}

.main-module__ETjl1W__statsDescription h5 {
  max-width: 40rem;
  line-height: var(--landing-subtitle-line-height);
  margin: .9rem auto 0;
  font-size: 1.875rem !important;
}

.main-module__ETjl1W__statsShowcase {
  justify-content: center;
  gap: 1.5625rem;
  display: flex;
}

.main-module__ETjl1W__statistic {
  box-sizing: border-box;
  opacity: 0;
  background-image: linear-gradient(320deg, #131520, #272a4162);
  background-origin: border-box;
  border: .125rem solid #2a2d42;
  border-radius: 1.125rem;
  flex-direction: column;
  justify-content: center;
  width: 16.5rem;
  height: 10.25rem;
  padding: 1.875rem;
  transition: all .4s;
  display: flex;
  transform: translateY(-6.25rem);
}

.main-module__ETjl1W__statsInfo h3 {
  margin: 0;
}

.main-module__ETjl1W__statsInfo .main-module__ETjl1W__statsInfoText {
  color: #686d86;
  font-size: .8125rem !important;
}

.main-module__ETjl1W__statsInfo .main-module__ETjl1W__statsCountup {
  font-size: 1.875rem !important;
}

.main-module__ETjl1W__statsIcon svg {
  filter: drop-shadow(0 0 .3125rem #ffffff60);
  font-size: 1.5625rem !important;
}

.main-module__ETjl1W__statsInvite {
  z-index: 51;
  text-align: center;
  margin-top: 3.125rem;
  position: relative;
  font-size: 1.25rem !important;
}

.main-module__ETjl1W__hide {
  opacity: 0;
  transform: translateY(2.5rem);
}

.main-module__ETjl1W__show {
  opacity: 1;
  transform: translateY(0);
}

.main-module__ETjl1W__statsWrapper {
  width: 100%;
  padding-top: 5.9375rem;
  padding-bottom: 1.25rem;
  position: relative;
}

.main-module__ETjl1W__statsWrapper:before {
  content: "";
  background: var(--color-secondary);
  z-index: -1;
  position: absolute;
  inset: 0;
}

.main-module__ETjl1W__statsBackground {
  width: 100%;
  position: relative;
}

.main-module__ETjl1W__serversHeading h3 {
  text-align: center;
  width: 100%;
  font-size: 2em;
}

.main-module__ETjl1W__servers {
  flex-direction: column;
  gap: .9375rem;
  width: 100%;
  max-width: 75rem;
  margin-top: 1.875rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.main-module__ETjl1W__server {
  background-color: var(--color-sidebar);
  border: .125rem solid var(--color-border-subtle);
  border-radius: .9375rem;
  justify-content: left;
  place-items: center;
  margin-left: .625rem;
  margin-right: .625rem;
  padding: .625rem;
  display: flex;
}

.main-module__ETjl1W__serverLogo {
  border-radius: .9375rem;
  height: 3.875rem;
}

.main-module__ETjl1W__serverInfo h5, .main-module__ETjl1W__serverInfo h6 {
  margin: 0;
}

.main-module__ETjl1W__serverInfo {
  margin-left: .5rem;
}

.main-module__ETjl1W__serverInfo h5 {
  font-size: 1.25rem !important;
}

.main-module__ETjl1W__serverInfo h6 {
  color: #cfcfcf;
  font-weight: 400;
  font-size: .875rem !important;
}

.main-module__ETjl1W__serverInvite {
  text-align: center;
  margin-top: 3.125rem;
  font-size: 1.25rem !important;
}

.main-module__ETjl1W__serverInvite h4 a, .main-module__ETjl1W__statsInvite h4 a {
  color: #fafafa;
  background-color: #1268ca6b;
  border: .125rem solid #1268ca;
  border-radius: .8125rem;
  padding: .125rem .625rem;
  text-decoration: none;
  transition: all .3s;
  font-size: 1.25rem !important;
}

.main-module__ETjl1W__serverInvite h4 a:hover, .main-module__ETjl1W__statsInvite h4 a:hover {
  color: #ddd;
  background-color: #1268ca51;
  border: .125rem solid #1268ca98;
}

.main-module__ETjl1W__footerWrapper {
  background-color: var(--color-footer);
  width: 100%;
  position: relative;
}

.main-module__ETjl1W__footer {
  box-sizing: border-box;
  justify-content: space-between;
  max-width: 78rem;
  height: 15rem;
  margin-top: 3.75rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.main-module__ETjl1W__footerNoGap {
  margin-top: 0 !important;
}

@media (max-width: 860px) {
  .main-module__ETjl1W__footer {
    flex-direction: column;
    gap: .9375rem;
    height: auto;
  }

  .main-module__ETjl1W__footerLinks {
    margin-bottom: 1.875rem;
  }
}

.main-module__ETjl1W__footer {
  padding: 0 1.5625rem;
}

.main-module__ETjl1W__footerInformationImage {
  width: auto;
  height: 2.5rem;
}

.main-module__ETjl1W__footerInformation h4 {
  color: #9a9eb3;
  max-width: 18.75rem;
  margin: .1875rem 0 0;
  font-weight: 400;
  font-size: .9375rem !important;
}

.main-module__ETjl1W__footerLinks {
  gap: 2.1875rem;
  display: flex;
}

.main-module__ETjl1W__link {
  flex-direction: column;
  display: flex;
}

.main-module__ETjl1W__link p {
  margin: 0 0 .625rem;
  font-weight: 400;
  font-size: 1.1875rem !important;
}

.main-module__ETjl1W__link a {
  color: #5d6483;
  letter-spacing: .03125rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .25s;
  font-size: .9375rem !important;
}

.main-module__ETjl1W__link a:hover {
  color: #fafafa;
}

.main-module__ETjl1W__footerLinkGap {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

@media (max-width: 860px) {
  .main-module__ETjl1W__footerLinks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.75rem 1.25rem;
    width: 100%;
    display: grid;
  }
}

.main-module__ETjl1W__footerBottom {
  border-top: .0625rem solid #2d3349;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 78rem;
  margin-bottom: 1.4375rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.6875rem;
  display: flex;
}

.main-module__ETjl1W__footerLeft {
  padding-left: .9375rem;
}

.main-module__ETjl1W__footerRight {
  padding-right: .9375rem;
}

.main-module__ETjl1W__footerLeft span {
  font-weight: 400;
}

.main-module__ETjl1W__footerRight {
  gap: .625rem;
  display: flex;
}

.main-module__ETjl1W__footerRight svg {
  color: #fff;
  width: 1.75rem;
  height: 1.75rem;
  transition: color .15s cubic-bezier(.4, 0, .2, 1);
}

.main-module__ETjl1W__footerRight svg:hover {
  color: #acacac;
}

.main-module__ETjl1W__footerRight a {
  align-items: center;
  display: flex;
}

@media (max-width: 1350px) {
  .main-module__ETjl1W__header {
    width: 91%;
  }
}

@media (max-width: 930px) {
  .main-module__ETjl1W__m-15 {
    margin-top: clamp(3.75rem, calc(10vw * var(--s)), 5rem);
  }

  .main-module__ETjl1W__showcaseDividerAligned {
    margin-top: clamp(3.75rem, calc(10vw * var(--s)), 5rem);
    padding-top: 0;
  }

  .main-module__ETjl1W__showcaseDividerAligned .main-module__ETjl1W__featuresDescription {
    padding-top: clamp(2rem, calc(7vw * var(--s)), 3rem);
    margin-top: 0;
  }

  .main-module__ETjl1W__featuresDescription {
    margin-bottom: clamp(2.25rem, calc(7vw * var(--s)), 3.5rem);
  }

  .main-module__ETjl1W__showcaseFeature {
    flex-direction: column;
  }

  .main-module__ETjl1W__showcaseFeatureImage {
    width: 100%;
    max-width: 100%;
    max-height: 18.75rem;
  }

  .main-module__ETjl1W__showcase {
    gap: clamp(3.25rem, calc(9vw * var(--s)), 5rem);
  }

  .main-module__ETjl1W__showcaseBanner {
    padding: 2.5rem 1.25rem;
  }

  .main-module__ETjl1W__showcaseBannerContent h2 {
    font-size: 2em;
  }

  .main-module__ETjl1W__featuresDescription h5, .main-module__ETjl1W__statsDescription h5 {
    font-size: 1.5rem !important;
  }
}

.main-module__ETjl1W__dividerWrapper svg:not(.main-module__ETjl1W__statsIcon svg) {
  z-index: 50;
  position: absolute;
}

@media (max-width: 915px) {
  .main-module__ETjl1W__statsShowcase {
    flex-wrap: wrap;
  }

  .main-module__ETjl1W__statistic {
    flex: auto;
  }
}

@media (max-width: 1200px) {
  .main-module__ETjl1W__dividerWrapper svg:not(.main-module__ETjl1W__statsIcon svg) {
    display: none;
  }

  .main-module__ETjl1W__statsDescription {
    margin-top: 0;
  }

  .main-module__ETjl1W__statsWrapper {
    padding-top: 2.1875rem;
    padding-bottom: 3.125rem;
  }
}

@media (max-width: 880px) {
  .main-module__ETjl1W__headerNav {
    display: none !important;
  }

  .main-module__ETjl1W__headerMenu {
    display: flex !important;
  }
}

.main-module__ETjl1W__ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  width: 3.125rem;
  height: 3.125rem;
  transition: transform .4s;
}

.main-module__ETjl1W__hamRotate180.main-module__ETjl1W__active {
  transform: rotate(180deg);
}

.main-module__ETjl1W__line {
  fill: none;
  stroke: #b4b9d3;
  stroke-width: 5.5px;
  stroke-linecap: round;
  transition: stroke-dasharray .4s, stroke-dashoffset .4s;
}

.main-module__ETjl1W__ham5 .main-module__ETjl1W__top, .main-module__ETjl1W__ham5 .main-module__ETjl1W__bottom {
  stroke-dasharray: 40 82;
}

.main-module__ETjl1W__ham5.main-module__ETjl1W__active .main-module__ETjl1W__top, .main-module__ETjl1W__ham5.main-module__ETjl1W__active .main-module__ETjl1W__bottom {
  stroke-dasharray: 14 82;
  stroke-dashoffset: -4.5rem;
}

.main-module__ETjl1W__headerMenu {
  display: none;
}

.main-module__ETjl1W__mobileSelectionWrapper {
  z-index: 999;
  background-color: #0e0f18b7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 0%;
  height: 0%;
  padding: 0;
  transition: all .29s;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  overflow: hidden;
}

.main-module__ETjl1W__mobileSelectionWrapper.main-module__ETjl1W__active {
  width: 100%;
  height: 100%;
  padding: 1.5625rem;
}

.main-module__ETjl1W__mobileSelection {
  -webkit-backdrop-filter: blur(.9375rem);
  backdrop-filter: blur(.9375rem);
  border: .125rem solid #191c29;
  border-radius: 1.5625rem;
  width: 100%;
  height: 100%;
  padding: 1.5625rem;
}

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

.main-module__ETjl1W__mobileHeader img {
  height: 2.625rem;
  margin-right: .9375rem;
}

.main-module__ETjl1W__mobileHeader h1 {
  letter-spacing: .03125rem;
  font-size: 1.25rem !important;
}

.main-module__ETjl1W__mobileNav {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin-top: 4.6875rem;
  transition: all .25s;
  display: flex;
  overflow-y: auto;
}

.main-module__ETjl1W__mobileNav.main-module__ETjl1W__hidden {
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

.main-module__ETjl1W__mobileNav a:not(.main-module__ETjl1W__userDropdown a, .main-module__ETjl1W__userDropdown span), .main-module__ETjl1W__mobileNav .main-module__ETjl1W__loginButton {
  color: #fafafa;
  letter-spacing: .005rem;
  background-color: #22253690;
  border: .125rem solid #31334d99;
  border-radius: .75rem;
  place-items: center;
  width: 100%;
  padding: .625rem 1.25rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
  font-size: 1.0625rem !important;
}

.main-module__ETjl1W__mobileNav a svg, .main-module__ETjl1W__mobileNav span svg {
  margin-right: .4375rem;
  font-size: 1.28125rem !important;
}

.main-module__ETjl1W__seperated span {
  cursor: pointer;
}

.main-module__ETjl1W__seperated:nth-child(2) .main-module__ETjl1W__loginButton {
  background-color: #1268ca6e;
  border: .125rem solid #1268ca;
  padding: .625rem 1.25rem;
}

.main-module__ETjl1W__seperated:nth-child(2) .main-module__ETjl1W__loginButton:hover {
  background-color: #1268ca54;
  border: .125rem solid #1268ca8a;
}

.main-module__ETjl1W__mobileNav a:hover {
  background-color: #fafafa1f;
}

.main-module__ETjl1W__seperated {
  flex-direction: column;
  gap: .625rem;
  display: flex;
}

.main-module__ETjl1W__seperated:nth-child(2) {
  margin-bottom: .9375rem;
}

.main-module__ETjl1W__backgroundWrapper {
  isolation: isolate;
  background: var(--bg-page);
  min-height: calc(var(--dash-vh) + 3.75rem);
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -8.75rem;
  padding-top: 5rem;
  padding-bottom: 6.875rem;
  display: flex;
  position: relative;
}

.main-module__ETjl1W__containerWrapper {
  height: 100%;
  min-height: var(--dash-vh);
  min-height: var(--dash-dvh);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.main-module__ETjl1W__notFoundContainer, .main-module__ETjl1W__checkoutContainer {
  text-align: center;
  background-color: #1a1c29;
  border: .125rem solid #222433;
  border-radius: 1.25rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 35.9375rem;
  padding: 1.6875rem;
  display: flex;
}

.main-module__ETjl1W__checkoutContainer > svg {
  font-size: 5.9375rem !important;
}

.main-module__ETjl1W__notFoundContainer h1, .main-module__ETjl1W__checkoutContainer h1 {
  font-weight: lighter;
  line-height: 7.1875rem;
  font-size: 6.25rem !important;
}

.main-module__ETjl1W__notFoundContainer h1, .main-module__ETjl1W__notFoundContainer h2, .main-module__ETjl1W__checkoutContainer h2, .main-module__ETjl1W__checkoutContainer h3, .main-module__ETjl1W__notFoundContainer h3 {
  margin: 0;
}

.main-module__ETjl1W__notFoundContainer h2, .main-module__ETjl1W__checkoutContainer h2 {
  font-weight: 400;
  font-size: 1.375rem !important;
}

.main-module__ETjl1W__notFoundContainer h3, .main-module__ETjl1W__checkoutContainer h3 {
  color: #a7a7a8;
  margin-top: .3125rem;
  font-weight: 400;
  font-size: .96875rem !important;
}

.main-module__ETjl1W__voteDescription {
  color: #c1c1d5;
  max-width: 46ch;
  margin-top: .375rem;
  line-height: 1.6;
  font-size: .96875rem !important;
}

.main-module__ETjl1W__notFoundContainer span, .main-module__ETjl1W__checkoutContainer a {
  cursor: pointer;
  color: #fafafa;
  background-color: #1268ca6e;
  border: .125rem solid #1268ca;
  border-radius: .75rem;
  width: fit-content;
  margin-top: .75rem;
  padding: .625rem 1.25rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.main-module__ETjl1W__notFoundContainer span:hover, .main-module__ETjl1W__checkoutContainer a:hover {
  background-color: #1268ca54;
  border: .125rem solid #1268ca8a;
}

@media (max-width: 615px) {
  .main-module__ETjl1W__notFoundContainer, .main-module__ETjl1W__checkoutContainer {
    width: 95%;
  }
}

.main-module__ETjl1W__termsOfService, .main-module__ETjl1W__privacyPolicy {
  background-color: var(--color-secondary);
  border-radius: 1.5625rem;
  width: 100%;
  max-width: 51.25rem;
  margin-top: 5rem;
  padding: 1.5625rem;
}

.main-module__ETjl1W__termsOfServiceDescription, .main-module__ETjl1W__privacyPolicyDescription {
  margin-bottom: 3.125rem;
}

.main-module__ETjl1W__termsOfServiceDescription h1, .main-module__ETjl1W__privacyPolicyDescription h1 {
  color: #fafafa;
  margin: 0;
}

.main-module__ETjl1W__termsOfServiceDescription div, .main-module__ETjl1W__privacyPolicyDescription div {
  color: #bcc3da;
  margin-top: .625rem;
  font-weight: 400;
  font-size: .9375rem !important;
}

.main-module__ETjl1W__paragraph h1 {
  color: #fafafa;
  margin: 0;
}

.main-module__ETjl1W__paragraph div {
  color: #bcc3da;
  margin-top: .625rem;
  font-weight: 400;
  font-size: .9375rem !important;
}

.main-module__ETjl1W__terms {
  flex-direction: column;
  gap: 2.8125rem;
  display: flex;
}

.main-module__ETjl1W__linkUnderline {
  color: inherit;
  text-decoration: underline;
}

@media (max-width: 530px) {
  .main-module__ETjl1W__backgroundWrapper {
    margin-top: -8.75rem;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.main-module__ETjl1W__fullWidth {
  width: 100%;
}

.main-module__ETjl1W__userAvatar {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: .1875rem;
  margin-left: .753125rem;
  display: flex;
}

.main-module__ETjl1W__userAvatar svg {
  color: #8b91b3;
  font-size: 1.34375rem !important;
}

.main-module__ETjl1W__userAvatarImage {
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 50%;
  width: 3.125rem;
  height: 3.125rem;
}

.main-module__ETjl1W__navbarDropdown svg {
  transition: transform .2s;
  transform: rotate(0);
}

.main-module__ETjl1W__navbarDropdownOpen svg {
  transform: rotate(-180deg);
}

.main-module__ETjl1W__userDropdown {
  visibility: hidden;
  opacity: 0;
  transform-origin: 100% 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(135deg, #1c1f30fa 0%, #151824fa 100%);
  border: .0625rem solid #ffffff14;
  border-radius: .75rem;
  grid-template-rows: 0fr;
  transition: grid-template-rows .35s cubic-bezier(.32, .72, 0, 1), transform .35s cubic-bezier(.32, .72, 0, 1), opacity .25s, visibility 0s linear .35s;
  display: grid;
  position: absolute;
  top: 4.0625rem;
  right: 0;
  transform: translateY(-.625rem)scale(.95);
  box-shadow: 0 0 0 .0625rem #0000001a, 0 1.25rem 1.5625rem -.3125rem #00000040, 0 .5rem .625rem -.375rem #0003, inset 0 .0625rem #ffffff0f;
}

.main-module__ETjl1W__userDropdown > * {
  overflow: hidden;
}

.main-module__ETjl1W__userDropdownInner {
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  min-height: 0;
  padding: .375rem;
  display: flex;
}

.main-module__ETjl1W__userDropdown.main-module__ETjl1W__active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  grid-template-rows: 1fr;
  transition: grid-template-rows .4s cubic-bezier(.32, .72, 0, 1), transform .4s cubic-bezier(.32, .72, 0, 1), opacity .2s, visibility linear;
  transform: translateY(0)scale(1);
}

.main-module__ETjl1W__userDropdown a, .main-module__ETjl1W__userDropdown span {
  color: #a8afc5;
  cursor: pointer;
  white-space: nowrap;
  border-radius: .5rem;
  align-items: center;
  padding: .625rem .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: flex;
  font-size: .875rem !important;
}

.main-module__ETjl1W__userDropdown a:last-child, .main-module__ETjl1W__userDropdown span:last-child {
  color: #f87171;
}

.main-module__ETjl1W__userDropdown a svg, .main-module__ETjl1W__userDropdown span svg {
  opacity: .8;
  width: 1em;
  height: 1em;
  margin-right: .625rem;
  transition: opacity .15s;
  font-size: 1rem !important;
}

.main-module__ETjl1W__userDropdown a:hover, .main-module__ETjl1W__userDropdown span:hover {
  color: #fff;
  background-color: #ffffff0f;
}

.main-module__ETjl1W__userDropdown a:hover svg, .main-module__ETjl1W__userDropdown span:hover svg {
  opacity: 1;
}

.main-module__ETjl1W__userDropdown a:last-child:hover, .main-module__ETjl1W__userDropdown span:last-child:hover {
  color: #f87171;
  background-color: #f871711f;
}

.main-module__ETjl1W__userDropdown a:active, .main-module__ETjl1W__userDropdown span:active {
  opacity: .8;
}

.main-module__ETjl1W__dropdownSeperator {
  background: linear-gradient(90deg, #0000 0%, #ffffff14 50%, #0000 100%);
  height: .0625rem;
  margin: .375rem .5rem;
}

.main-module__ETjl1W__mobileUserAvatar {
  -webkit-user-select: none;
  user-select: none;
  background-color: #1268ca54;
  border: .125rem solid #1268ca8a;
  border-radius: .75rem;
  justify-content: space-between;
  width: 100%;
  margin-left: 0;
  padding: .125rem 1.125rem;
}

.main-module__ETjl1W__mobileUserAvatar span img {
  width: 2.8125rem;
  height: 2.8125rem;
}

.main-module__ETjl1W__mobileUserAvatar span {
  align-items: center;
  gap: .125rem;
  display: flex;
}

.main-module__ETjl1W__mobileUserAvatar p {
  margin: 0;
  font-weight: 450;
  font-size: 1rem !important;
}

.main-module__ETjl1W__mobileUserDropdown {
  transform-origin: 100% 100%;
  bottom: 5.625rem;
  transform: translateY(.625rem)scale(.95);
  top: inherit !important;
}

.main-module__ETjl1W__mobileUserDropdown.main-module__ETjl1W__active {
  transform: translateY(0)scale(1);
}

.main-module__ETjl1W__skeleton {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite main-module__ETjl1W__pulse;
}

.main-module__ETjl1W__loadingBar {
  background-color: #e5e7eb;
  border-radius: 6.25rem;
  width: 100%;
  height: 1.25rem;
  margin-bottom: .9375rem;
}

.main-module__ETjl1W__loadingBarHalf {
  background-color: #e5e7eb;
  border-radius: 6.25rem;
  width: 50%;
  height: 1.25rem;
  margin-bottom: .9375rem;
}

.main-module__ETjl1W__loadingBarHalf:last-child {
  margin-bottom: 0;
}

@media (prefers-color-scheme: dark) {
  .main-module__ETjl1W__loadingBar, .main-module__ETjl1W__loadingBarHalf {
    background-color: #4a5568;
  }
}

@keyframes main-module__ETjl1W__pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }
}

@media screen and (max-width: 999px) {
  .main-module__ETjl1W__loadingBar, .main-module__ETjl1W__loadingBarHalf {
    width: calc(var(--dash-vw) * .8) !important;
  }
}

.main-module__ETjl1W__transcriptLoading {
  width: 100%;
  height: var(--dash-vh);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.main-module__ETjl1W__transcriptLoading svg {
  font-size: 3.125rem !important;
}

.main-module__ETjl1W__reviewsSection {
  width: 100%;
  margin-top: var(--landing-section-space);
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  transition: transform .8s cubic-bezier(.22, 1, .36, 1), opacity .8s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.main-module__ETjl1W__reviewsSection .main-module__ETjl1W__statsDescription {
  margin-top: 0;
  margin-bottom: calc(var(--landing-block-space) * .55);
}

.main-module__ETjl1W__reviewsSection .main-module__ETjl1W__statsDescription h5 {
  max-width: 60rem;
}

.main-module__ETjl1W__reviewsBento {
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  width: 100%;
  max-width: 62.5rem;
  display: grid;
}

.main-module__ETjl1W__reviewSlot {
  width: 100%;
  display: grid;
  position: relative;
}

.main-module__ETjl1W__reviewSlotLarge {
  grid-row: span 2;
}

.main-module__ETjl1W__reviewCard {
  background: linear-gradient(135deg, #1e223566 0%, #14162399 100%);
  border: .0625rem solid #ffffff0d;
  border-radius: 1.25rem;
  flex-direction: column;
  grid-area: 1 / 1;
  padding: 1.875rem 1.875rem 3.25rem;
  transition: all .9s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  box-shadow: 0 .9375rem 2.1875rem -.625rem #0006, inset 0 .0625rem #ffffff08;
}

.main-module__ETjl1W__reviewCardActive {
  opacity: 1;
  filter: blur();
  pointer-events: auto;
  z-index: 2;
  transform: translateY(0)scale(1);
}

.main-module__ETjl1W__reviewCardInactive {
  opacity: 0;
  filter: blur(.5rem);
  pointer-events: none;
  z-index: 1;
  transform: translateY(1.25rem)scale(.95);
}

.main-module__ETjl1W__reviewDots {
  z-index: 3;
  opacity: 0;
  align-items: center;
  gap: 0;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  bottom: 1.125rem;
  left: 50%;
  transform: translateX(-50%);
}

.main-module__ETjl1W__reviewSlot:hover .main-module__ETjl1W__reviewDots {
  opacity: 1;
}

.main-module__ETjl1W__reviewDot {
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: .4375rem .25rem;
  display: flex;
}

.main-module__ETjl1W__reviewDot:after {
  content: "";
  background: #ffffff2e;
  border-radius: .1875rem;
  width: .375rem;
  height: .375rem;
  transition: background .3s, transform .3s, width .3s;
  display: block;
}

.main-module__ETjl1W__reviewDot:hover:after {
  background: #ffffff73;
  transform: scale(1.2);
}

.main-module__ETjl1W__reviewDotActive:after {
  background: #ffffffbf;
  width: 1.125rem;
}

.main-module__ETjl1W__reviewDotActive:hover:after {
  background: #ffffffe6;
  transform: none;
}

.main-module__ETjl1W__reviewSlotLarge .main-module__ETjl1W__reviewContent {
  font-size: 1.3em;
  line-height: 1.7;
}

.main-module__ETjl1W__reviewHeader {
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
}

.main-module__ETjl1W__reviewAvatar {
  border: .0625rem solid #ffffff1a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
  overflow: hidden;
}

.main-module__ETjl1W__reviewMeta {
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  display: flex;
}

.main-module__ETjl1W__reviewUser {
  color: #fff;
  font-size: 1.1em;
  font-weight: 600;
}

.main-module__ETjl1W__reviewServer {
  color: #8f93a2;
  font-size: .9em;
}

.main-module__ETjl1W__reviewStars {
  gap: .125rem;
  display: flex;
}

.main-module__ETjl1W__star {
  color: #ffb800;
  font-size: 1.2em;
}

.main-module__ETjl1W__reviewContent {
  color: #b9bbc5;
  overflow-wrap: break-word;
  word-break: break-word;
  margin: 0;
  font-size: 1.1em;
  font-style: italic;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 930px) {
  .main-module__ETjl1W__reviewsSection {
    margin-top: clamp(3.75rem, calc(10vw * var(--s)), 5rem);
  }
}

@media (max-width: 950px) {
  .main-module__ETjl1W__reviewsBento {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .main-module__ETjl1W__reviewDots {
    opacity: 1;
  }

  .main-module__ETjl1W__reviewSlotLarge {
    grid-row: span 1;
  }

  .main-module__ETjl1W__reviewsSection {
    box-sizing: border-box;
    padding: 0 1.25rem;
  }

  .main-module__ETjl1W__reviewStars {
    display: none;
  }
}

@media (max-width: 768px) {
  .main-module__ETjl1W__reviewSlotLarge .main-module__ETjl1W__reviewContent {
    font-size: 1.1em;
  }

  .main-module__ETjl1W__reviewCard {
    padding: 1.5625rem 1.5625rem 3.25rem;
  }
}

/* [project]/apps/website/src/styles/blog.module.css [app-client] (css) */
.blog-module__modipa__wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: 72rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.blog-module__modipa__gradient {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background-image: linear-gradient(100deg, #89cdfd, #3787ff 52%, #8f9bff);
  -webkit-background-clip: text;
  background-clip: text;
}

.blog-module__modipa__pill {
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #9cc3ff;
  white-space: nowrap;
  background-color: #3787ff1f;
  border: .0625rem solid #3787ff47;
  border-radius: 62.4375rem;
  align-items: center;
  padding: .24rem .68rem;
  font-size: .68rem;
  font-weight: 600;
  display: inline-flex;
}

.blog-module__modipa__listHero {
  text-align: center;
  padding: 6.5rem 0 2.2rem;
  position: relative;
}

.blog-module__modipa__listHero:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(42rem 22rem at 50% 12%, #3787ff17, #0000 70%);
  height: 130%;
  position: absolute;
  inset: 0 0 auto;
}

.blog-module__modipa__listHero > * {
  position: relative;
}

.blog-module__modipa__listHero h1 {
  font-size: clamp(2.4rem, 1.8rem + calc(3vw * var(--s)), 3.75rem);
  color: var(--color-text-white);
  margin: 0;
  font-weight: 700;
  line-height: 1.08;
}

.blog-module__modipa__listHero p {
  color: #b9bbc5;
  max-width: 40rem;
  margin: 1.1rem auto 0;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.6;
}

.blog-module__modipa__filters {
  flex-wrap: wrap;
  justify-content: center;
  gap: .55rem;
  margin-top: 2rem;
  display: flex;
}

.blog-module__modipa__filterChip {
  color: var(--color-text-secondary);
  border: .0625rem solid var(--color-border-element);
  background-color: #7e93aa14;
  border-radius: 62.4375rem;
  padding: .45rem 1.05rem;
  font-size: .86rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .15s, background-color .15s, border-color .15s;
}

.blog-module__modipa__filterChip:hover {
  color: var(--color-text-white);
  border-color: var(--color-border-hover);
  background-color: #7e93aa29;
}

.blog-module__modipa__filterChipActive {
  color: #fff;
  background-color: #3787ff29;
  border-color: #1268cae6;
}

.blog-module__modipa__filterChipActive:hover {
  background-color: #3787ff38;
  border-color: #1268ca;
}

.blog-module__modipa__spotlight {
  border: .0625rem solid var(--color-border-card);
  background-color: var(--color-secondary);
  border-radius: 1.125rem;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  margin-top: 2.6rem;
  text-decoration: none;
  transition: border-color .2s, background-color .2s, transform .2s;
  display: grid;
  overflow: hidden;
}

.blog-module__modipa__spotlight:hover {
  border-color: var(--color-border-hover);
  background-color: var(--color-card-hover);
  transform: translateY(-.0625rem);
}

.blog-module__modipa__spotlightBody {
  flex-direction: column;
  gap: .85rem;
  padding: 2.3rem 2.4rem 2.2rem;
  display: flex;
}

.blog-module__modipa__spotlightMeta {
  color: var(--color-text-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  font-size: .82rem;
  font-weight: 500;
  display: flex;
}

.blog-module__modipa__spotlight h2 {
  font-size: clamp(1.4rem, 1.1rem + calc(1.2vw * var(--s)), 1.9rem);
  color: var(--color-text-white);
  margin: 0;
  font-weight: 700;
  line-height: 1.22;
}

.blog-module__modipa__spotlight p {
  color: var(--color-text-secondary);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: .98rem;
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
}

.blog-module__modipa__spotlightFooter {
  color: #9cc3ff;
  align-items: center;
  gap: .45rem;
  margin-top: auto;
  padding-top: .9rem;
  font-size: .9rem;
  font-weight: 600;
  display: flex;
}

.blog-module__modipa__spotlightFooter .blog-module__modipa__arrow {
  transition: transform .2s;
}

.blog-module__modipa__spotlight:hover .blog-module__modipa__spotlightFooter .blog-module__modipa__arrow {
  transform: translateX(.125rem);
}

.blog-module__modipa__spotlightArt {
  border-left: .0625rem solid var(--color-border-subtle);
  background-image: radial-gradient(18rem 13rem at 78% 24%, #3787ff47, #0000 65%), radial-gradient(15rem 11rem at 30% 85%, #89cdfd29, #0000 65%), radial-gradient(10rem 8rem at 55% 55%, #8f9bff24, #0000 70%);
  background-color: var(--color-secondary);
  min-height: 15rem;
  transition: background-color .2s;
  position: relative;
  overflow: hidden;
}

.blog-module__modipa__spotlight:hover .blog-module__modipa__spotlightArt {
  background-color: var(--color-card-hover);
}

.blog-module__modipa__spotlightArt:after {
  content: "";
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(20rem 15rem at 60% 45%, #3787ff1f, #0000 70%);
  transition: opacity .25s;
  position: absolute;
  inset: 0;
}

.blog-module__modipa__spotlight:hover .blog-module__modipa__spotlightArt:after {
  opacity: 1;
}

.blog-module__modipa__spotlightArt:before {
  content: "";
  background-image: linear-gradient(#7e93aa12 .0625rem, #0000 .0625rem), linear-gradient(90deg, #7e93aa12 .0625rem, #0000 .0625rem);
  background-size: 2.125rem 2.125rem;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(20rem 16rem at 60% 45%, #000 30%, #0000 75%);
  mask-image: radial-gradient(20rem 16rem at 60% 45%, #000 30%, #0000 75%);
}

.blog-module__modipa__spotlightArt img {
  filter: drop-shadow(0 .625rem 2.125rem #3787ff8c);
  border-radius: 1.25rem;
  width: 5.25rem;
  height: 5.25rem;
  transition: scale .25s, filter .25s;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.blog-module__modipa__spotlight:hover .blog-module__modipa__spotlightArt img {
  filter: drop-shadow(0 .6875rem 2.375rem #3787ff9e);
  scale: 1.04;
}

.blog-module__modipa__featuredTag {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #ffe1a1;
  background-color: #fbbc501f;
  border: .0625rem solid #fbbc5059;
  border-radius: 62.4375rem;
  align-items: center;
  gap: .35rem;
  padding: .28rem .75rem;
  font-size: .68rem;
  font-weight: 600;
  display: inline-flex;
  position: absolute;
  top: 1.1rem;
  right: 1.1rem;
}

@media (max-width: 767.98px) {
  .blog-module__modipa__spotlight {
    grid-template-columns: minmax(0, 1fr);
  }

  .blog-module__modipa__spotlightArt {
    display: none;
  }

  .blog-module__modipa__spotlightBody {
    padding: 1.7rem 1.5rem 1.6rem;
  }
}

.blog-module__modipa__grid {
  grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
  gap: 1.4rem;
  padding: 1.6rem 0 5rem;
  display: grid;
}

.blog-module__modipa__card {
  background-color: var(--color-secondary);
  border: .0625rem solid var(--color-border-card);
  border-radius: 1rem;
  flex-direction: column;
  text-decoration: none;
  transition: border-color .2s, background-color .2s, transform .2s, box-shadow .2s;
  display: flex;
}

.blog-module__modipa__card:hover {
  border-color: var(--color-border-hover);
  background-color: var(--color-card-hover);
  transform: translateY(-.125rem);
  box-shadow: 0 .5rem 1.375rem #00000047, 0 .1875rem .75rem #3787ff0d;
}

.blog-module__modipa__cardBody {
  flex-direction: column;
  flex: 1;
  gap: .65rem;
  padding: 1.5rem 1.5rem 1.6rem;
  display: flex;
}

.blog-module__modipa__cardMeta {
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  margin-bottom: .15rem;
  display: flex;
}

.blog-module__modipa__cardMeta .blog-module__modipa__dot {
  background: var(--color-text-muted);
  opacity: .7;
  border-radius: 50%;
  width: .1875rem;
  height: .1875rem;
}

.blog-module__modipa__cardMeta .blog-module__modipa__muted {
  color: var(--color-text-muted);
  font-size: .78rem;
  font-weight: 500;
}

.blog-module__modipa__card h2 {
  color: var(--color-text-white);
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.32;
  transition: color .2s;
}

.blog-module__modipa__card:hover h2 {
  color: #dfe7ff;
}

.blog-module__modipa__card p {
  color: var(--color-text-secondary);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: .92rem;
  font-weight: 400;
  line-height: 1.55;
  display: -webkit-box;
  overflow: hidden;
}

.blog-module__modipa__cardReadMore {
  color: #9cc3ff;
  align-items: center;
  gap: .4rem;
  margin-top: auto;
  padding-top: .5rem;
  font-size: .85rem;
  font-weight: 600;
  display: flex;
}

.blog-module__modipa__cardReadMore .blog-module__modipa__arrow {
  transition: transform .2s;
}

.blog-module__modipa__card:hover .blog-module__modipa__cardReadMore .blog-module__modipa__arrow {
  transform: translateX(.125rem);
}

.blog-module__modipa__empty {
  text-align: center;
  color: var(--color-text-secondary);
  padding: 5rem 0;
}

.blog-module__modipa__articleHead {
  text-align: center;
  padding: 6.5rem 0 0;
  position: relative;
}

.blog-module__modipa__articleHead:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(40rem 20rem at 50% 8%, #3787ff14, #0000 70%);
  height: 120%;
  position: absolute;
  inset: 0 0 auto;
}

.blog-module__modipa__articleHead > * {
  position: relative;
}

.blog-module__modipa__breadcrumb {
  color: var(--color-text-muted);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .4rem;
  margin-bottom: 1.4rem;
  font-size: .82rem;
  font-weight: 500;
  display: flex;
}

.blog-module__modipa__breadcrumb a {
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color .15s;
}

.blog-module__modipa__breadcrumb a:hover {
  color: #9cc3ff;
}

.blog-module__modipa__articleHead h1 {
  max-width: 52rem;
  font-size: clamp(2.1rem, 1.6rem + calc(2.6vw * var(--s)), 3.1rem);
  color: var(--color-text-white);
  margin: 0 auto;
  font-weight: 700;
  line-height: 1.14;
}

.blog-module__modipa__articleLede {
  color: #b9bbc5;
  max-width: 42rem;
  margin: 1.2rem auto 0;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6;
}

.blog-module__modipa__articleMeta {
  color: var(--color-text-secondary);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .7rem;
  margin-top: 1.7rem;
  font-size: .88rem;
  display: flex;
}

.blog-module__modipa__articleMeta img {
  object-fit: cover;
  border-radius: 50%;
  width: 1.75rem;
  height: 1.75rem;
}

.blog-module__modipa__articleMeta .blog-module__modipa__dot {
  background: var(--color-text-muted);
  border-radius: 50%;
  width: .1875rem;
  height: .1875rem;
}

.blog-module__modipa__layout {
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5rem;
  padding: 3rem 0 4rem;
  display: grid;
}

@media (min-width: 1024px) {
  .blog-module__modipa__layout {
    grid-template-columns: minmax(0, 1fr) 12.5rem;
  }
}

.blog-module__modipa__tocWrap {
  display: none;
  overflow: visible;
}

@media (min-width: 1024px) {
  .blog-module__modipa__tocWrap {
    display: block;
  }
}

.blog-module__modipa__toc {
  border-left: .0625rem solid var(--color-border-element);
  padding-left: 1.1rem;
  position: sticky;
  top: 6rem;
}

.blog-module__modipa__tocTitle {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--color-text-muted);
  margin: 0 0 .9rem;
  font-size: .72rem;
  font-weight: 600;
}

.blog-module__modipa__toc ul {
  flex-direction: column;
  gap: .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.blog-module__modipa__toc a {
  color: var(--color-text-secondary);
  font-size: .85rem;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  transition: color .15s;
  display: block;
  position: relative;
}

.blog-module__modipa__toc a:hover {
  color: #9cc3ff;
}

.blog-module__modipa__tocActive {
  color: #9cc3ff !important;
}

.blog-module__modipa__tocActive:before {
  content: "";
  background: #3787ff;
  border-radius: .125rem;
  width: .125rem;
  position: absolute;
  top: .15rem;
  bottom: .15rem;
  left: -1.1625rem;
}

.blog-module__modipa__tocSub {
  padding-left: .85rem;
}

.blog-module__modipa__prose {
  color: #c6c9d6;
  max-width: 44rem;
  margin: 0 auto;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.75;
}

.blog-module__modipa__prose > :first-child {
  margin-top: 0;
}

.blog-module__modipa__prose h2 {
  color: var(--color-text-white);
  margin: 2.8rem 0 1rem;
  scroll-margin-top: 6rem;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.25;
}

.blog-module__modipa__prose h3 {
  color: #f0f1f6;
  margin: 2rem 0 .8rem;
  scroll-margin-top: 6rem;
  font-size: 1.28rem;
  font-weight: 600;
  line-height: 1.3;
}

.blog-module__modipa__prose p {
  margin: 0 0 1.25rem;
}

.blog-module__modipa__prose a {
  color: #6ea8ff;
  text-underline-offset: .125rem;
  font-weight: 500;
  text-decoration: underline;
  transition: color .15s;
}

.blog-module__modipa__prose a:hover {
  color: #93c0ff;
}

.blog-module__modipa__prose strong {
  color: #eceef4;
  font-weight: 600;
}

.blog-module__modipa__prose ul, .blog-module__modipa__prose ol {
  flex-direction: column;
  gap: .5rem;
  margin: 0 0 1.25rem;
  padding-left: 1.4rem;
  display: flex;
}

.blog-module__modipa__prose li {
  line-height: 1.65;
}

.blog-module__modipa__prose li::marker {
  color: #6ea8ff;
}

.blog-module__modipa__prose blockquote {
  border-left: .1875rem solid var(--color-primary);
  color: #d8dae6;
  margin: 1.6rem 0;
  padding: .4rem 0 .4rem 1.25rem;
  font-style: italic;
}

.blog-module__modipa__prose code {
  background: var(--color-input);
  border: .0625rem solid var(--color-border-input);
  border-radius: .375rem;
  padding: .12em .4em;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .88em;
}

.blog-module__modipa__prose pre {
  border: .0625rem solid var(--color-border-element);
  background: #0e1019;
  border-radius: .75rem;
  margin: 1.6rem 0;
  padding: 1.1rem 1.25rem;
  overflow-x: auto;
}

.blog-module__modipa__prose pre code {
  background: none;
  border: none;
  padding: 0;
  font-size: .9rem;
  line-height: 1.6;
}

.blog-module__modipa__prose img {
  border: .0625rem solid var(--color-border-card);
  border-radius: .75rem;
  max-width: 100%;
  height: auto;
  margin: 1.6rem 0;
  display: block;
}

.blog-module__modipa__prose hr {
  border: none;
  border-top: .0625rem solid var(--color-border-element);
  margin: 2.5rem 0;
}

.blog-module__modipa__prose table {
  border-collapse: collapse;
  width: 100%;
  margin: 1.6rem 0;
  font-size: .95rem;
}

.blog-module__modipa__prose th, .blog-module__modipa__prose td {
  text-align: left;
  border: .0625rem solid var(--color-border-element);
  padding: .65rem .9rem;
}

.blog-module__modipa__prose th {
  background: var(--color-input);
  color: #eceef4;
  font-weight: 600;
}

.blog-module__modipa__faq {
  max-width: 44rem;
  margin: 2.2rem auto 0;
}

.blog-module__modipa__faq h2 {
  color: var(--color-text-white);
  margin: 0 0 1.2rem;
  font-size: 1.7rem;
  font-weight: 700;
}

.blog-module__modipa__faqList {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.blog-module__modipa__faqItem {
  border: .0625rem solid var(--color-border-card);
  background-color: var(--color-secondary);
  border-radius: .75rem;
  transition: border-color .2s;
}

.blog-module__modipa__faqItem:hover {
  border-color: var(--color-border-hover);
}

.blog-module__modipa__faqItem summary {
  cursor: pointer;
  color: #eceef4;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1.05rem 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.45;
  list-style: none;
  display: flex;
}

.blog-module__modipa__faqItem summary::-webkit-details-marker {
  display: none;
}

.blog-module__modipa__faqChevron {
  box-sizing: border-box;
  border-right: .125rem solid var(--color-text-muted);
  border-bottom: .125rem solid var(--color-text-muted);
  flex-shrink: 0;
  width: .675rem;
  height: .675rem;
  margin-top: -.2rem;
  transition: transform .2s;
  transform: rotate(45deg);
}

.blog-module__modipa__faqItem[open] .blog-module__modipa__faqChevron {
  margin-top: .2rem;
  transform: rotate(225deg);
}

.blog-module__modipa__faqItem p {
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0 1.25rem 1.15rem;
  font-size: .96rem;
  line-height: 1.65;
}

.blog-module__modipa__related {
  border-top: .0625rem solid var(--color-border-subtle);
  margin-top: 1.5rem;
  padding: 3.5rem 0 5rem;
}

.blog-module__modipa__relatedHead {
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  margin: 0 0 1.5rem;
  display: flex;
}

.blog-module__modipa__relatedTitle {
  color: var(--color-text-white);
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
}

.blog-module__modipa__relatedAll {
  color: #9cc3ff;
  white-space: nowrap;
  font-size: .88rem;
  font-weight: 600;
  text-decoration: none;
  transition: color .15s;
}

.blog-module__modipa__relatedAll:hover {
  color: #c3daff;
}

.blog-module__modipa__relatedGrid {
  grid-template-columns: repeat(auto-fill, minmax(min(18rem, 100%), 1fr));
  gap: 1.2rem;
  display: grid;
}

@media (max-width: 640px) {
  .blog-module__modipa__articleHead, .blog-module__modipa__listHero {
    padding-top: 5.5rem;
  }

  .blog-module__modipa__prose {
    font-size: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .blog-module__modipa__card, .blog-module__modipa__spotlight {
    transition: none;
  }

  .blog-module__modipa__card:hover, .blog-module__modipa__spotlight:hover {
    box-shadow: none;
    transform: none;
  }

  .blog-module__modipa__cardReadMore .blog-module__modipa__arrow, .blog-module__modipa__spotlightFooter .blog-module__modipa__arrow, .blog-module__modipa__spotlightArt, .blog-module__modipa__spotlightArt:after, .blog-module__modipa__spotlightArt img, .blog-module__modipa__faqChevron {
    transition: none;
  }

  .blog-module__modipa__spotlight:hover .blog-module__modipa__spotlightArt img {
    scale: none;
  }
}

/*# sourceMappingURL=apps_website_src_styles_08aniyh._.css.map*/