:root {
  --black-100: black;
  --white-100: white;
  --primary-02: #9c80f4;
  --primary-600: #7035e4;
  --neutrals-400: #9ba3af;
  --white-80: #fffc;
  --white-56: #ffffff8f;
  --radial-purple: #7f00ff;
  --neutrals-900: #111827;
  --black-4: #0000000a;
  --primary-400: #9c7ff4;
  --black-16: #00000029;
  --transparent: #fff0;
  --error-01: #ef4444;
  --black-56: #0000008f;
  --white-24: #ffffff3d;
  --primary-50: #f3f0fe;
  --primary-700: #6025cd;
  --neutrals-700: #374151;
  --white-8: #ffffff14;
  --neutrals-500: #6a7280;
  --primary-01: #7034e4;
  --neutrals-200: #e4e7eb;
  --white-40: #fff6;
  --success-02: #4ade80;
  --black-24: #0000003d;
  --white-16: #ffffff29;
  --primary-900: #411c86;
  --primary-800: #5020a8;
  --primary-500: #7e52ee;
  --primary-300: #bcacf9;
  --primary-200: #d7d0fc;
  --primary-100: #eae5fd;
  --accent-900: #76193a;
  --accent-800: #921942;
  --accent-700: #b51a52;
  --accent-600: #d4266b;
  --accent-500: #e9408c;
  --accent-400: #f167ab;
  --accent-300: #f69ecc;
  --accent-200: #fbc9e4;
  --accent-100: #fbe4f0;
  --accent-50: #fdeff7;
  --neutrals-800: #1f2937;
  --neutrals-600: #4b5563;
  --neutrals-300: #d1d5da;
  --neutrals-100: #f2f4f6;
  --neutrals-50: #f9fafb;
  --white-88: #ffffffe0;
  --white-72: #ffffffb8;
  --white-64: #ffffffa3;
  --white-48: #ffffff7a;
  --white-32: #ffffff52;
  --error-900: #7f1c1d;
  --error-800: #981b1b;
  --error-700: #b81c1b;
  --error-600: #dc2625;
  --error-500: #f04444;
  --error-400: #f87171;
  --error-300: #fba5a5;
  --error-200: #ffcaca;
  --error-100: #fee2e1;
  --error-50: #fef1f2;
  --warning-900: #7c2d12;
  --warning-800: #993413;
  --warning-700: #c1410b;
  --warning-600: #ea570b;
  --warning-500: #f97415;
  --warning-400: #fb923c;
  --warning-300: #fcbb74;
  --warning-200: #fdd7aa;
  --warning-100: #ffecd5;
  --warning-50: #fff7ed;
  --success-900: #14522d;
  --success-800: #176534;
  --success-700: #13813c;
  --success-600: #17a34a;
  --success-500: #24c45d;
  --success-400: #4bde80;
  --success-300: #85efab;
  --success-200: #baf7d0;
  --success-100: #dcfce6;
  --success-50: #dcfce6;
  --info-900: #1d3a8a;
  --info-800: #2040af;
  --info-700: #1d4ed8;
  --info-600: #2563eb;
  --info-500: #3c82f5;
  --info-400: #60a5f9;
  --info-300: #93c4fd;
  --info-200: #bfdcfe;
  --info-100: #dbeafe;
  --info-50: #eef6ff;
  --black-88: #000000e0;
  --black-80: #000c;
  --black-72: #000000b8;
  --black-64: #000000a3;
  --black-48: #0000007a;
  --black-40: #0006;
  --black-32: #00000052;
  --black-8: #00000014;
  --warning-01: #fb923c;
  --warning-02: #fdba74;
  --error-02: #fca5a5;
  --success-01: white;
  --info-01: #2563eb;
  --info-02: #60a5fa;
  --primary-03: #9c80f4cc;
  --gradient: var(--white-100);
}

body {
  background-color: var(--black-100);
  color: var(--white-100);
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  color: var(--white-100);
  letter-spacing: -.125rem;
  font-family: Urbanist, sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.1;
}

h2 {
  color: var(--white-100);
  letter-spacing: -.08125rem;
  font-family: Urbanist, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.1;
}

h3 {
  color: var(--white-100);
  letter-spacing: -.05rem;
  font-family: Urbanist, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

h4 {
  color: var(--white-100);
  letter-spacing: -.025rem;
  font-family: Urbanist, sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2;
}

h5 {
  color: var(--white-100);
  letter-spacing: -.015rem;
  font-family: Urbanist, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
}

h6 {
  color: var(--white-100);
  letter-spacing: -.015rem;
  font-family: Urbanist, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}

p {
  color: var(--white-100);
  letter-spacing: -.015rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

a {
  color: var(--primary-02);
  letter-spacing: -.24px;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
}

li {
  color: var(--white-100);
}

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

form {
  flex-direction: column;
  display: flex;
}

label {
  margin-bottom: 0;
  font-weight: 400;
}

blockquote {
  color: var(--white-100);
  letter-spacing: -1.3px;
  border: 0 #000;
  margin-bottom: 0;
  padding: 0;
  font-family: Urbanist, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.headline {
  margin-top: 0;
  margin-bottom: 0;
}

.headline.xl {
  letter-spacing: -2px;
  font-size: 4.5rem;
  line-height: 1;
}

.headline.s {
  letter-spacing: -.4px;
  font-size: 1.75rem;
  line-height: 1.1;
}

.headline.m {
  letter-spacing: -.8px;
  font-size: 2rem;
  line-height: 1.2;
}

.headline.l {
  letter-spacing: -1.3px;
  font-size: 3rem;
  line-height: 1.1;
}

.headline.xxl {
  letter-spacing: -2px;
  font-size: 6.25rem;
  font-weight: 600;
  line-height: 1;
}

.headline.xxl.carousel-title {
  white-space: nowrap;
  word-break: keep-all;
}

.headline.logo {
  color: var(--white-100);
  font-family: Urbanist, sans-serif;
  font-size: 2rem;
  font-weight: 600;
}

.overline {
  color: var(--white-100);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: IBM Plex Sans, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.3;
}

.tac {
  text-align: center;
}

.tc-primary-600 {
  color: var(--primary-600);
}

.tc-neutrals-400 {
  color: var(--neutrals-400);
}

.tc-white-80 {
  color: var(--white-80);
}

.tc-white-56 {
  color: var(--white-56);
}

.section {
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}

.section.s {
  padding-top: 48px;
  padding-bottom: 48px;
}

.section.l {
  padding-top: 80px;
  padding-bottom: 80px;
}

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

.section.hero {
  background-image: radial-gradient(circle farthest-corner at 50% -400%, black 85%, var(--radial-purple) 94%, #d8d0fc);
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  flex-flow: column;
  justify-content: flex-end;
  height: 99vh;
  padding-top: 240px;
  padding-bottom: 200px;
  display: flex;
  position: relative;
}

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

.section.cta {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  flex-flow: column;
  padding-top: 240px;
  padding-bottom: 240px;
  display: flex;
  position: relative;
}

.wrapper {
  width: 100%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.stack-l {
  margin-bottom: 16px;
}

.stack-xl {
  margin-bottom: 24px;
}

.stack-2xl {
  margin-bottom: 48px;
}

.row {
  flex-wrap: wrap;
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.row.navbar {
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.row.g-stack-xl {
  flex-direction: row;
}

.row.g-stack-xl.stack-2xl.full {
  flex-flow: row;
  justify-content: space-between;
  margin-bottom: 0;
}

.row.g-stack-2xl {
  flex-direction: row;
  align-items: stretch;
}

.col {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.col.lg3 {
  width: 25%;
}

.col.lg3.md6.mdl6.sm2.footer {
  flex: 1;
}

.col.lg4 {
  width: 33.3333%;
}

.col.lg6 {
  width: 50%;
}

.col.lg7 {
  width: 58.3333%;
}

.col.lg8 {
  width: 66.6667%;
}

.col.lg10 {
  width: 83.3333%;
}

.col.lg12 {
  width: 100%;
}

.col.lg12.md6.mdl6.sm2.footer {
  text-align: right;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
}

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

.button {
  grid-column-gap: 2px;
  background-color: var(--neutrals-900);
  box-shadow: 0 2px 2px 0 var(--black-4);
  color: var(--white-100);
  text-align: center;
  border-radius: 100px;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  min-width: 88px;
  height: 32px;
  padding: 4px 12px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.button:focus-visible, .button[data-wf-focus-visible] {
  outline-color: var(--primary-400);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.button.primary {
  background-color: var(--white-100);
  color: var(--black-100);
}

.button.primary:hover {
  background-color: #d4d4d4;
}

.button.primary:active {
  box-shadow: 0 3px 6px 0 var(--black-16);
}

.button.primary:focus-visible, .button.primary[data-wf-focus-visible] {
  outline-color: var(--primary-02);
}

.button.primary.size-l {
  border-radius: 100px;
}

.button.primary.size-xl {
  border: 1px solid var(--white-56);
  border-radius: 100px;
}

.button.size-l {
  grid-column-gap: 8px;
  height: 48px;
  padding: 12px 20px;
  font-size: 1rem;
}

.button.size-xl {
  grid-column-gap: 8px;
  height: 56px;
  padding: 16px 24px;
  font-size: 1rem;
}

.button.hero-button {
  background-color: var(--white-100);
  color: var(--black-100);
  min-width: 140px;
  height: 56px;
  padding: 8px 24px;
  font-size: 1rem;
}

.button.hero-button:hover {
  background-color: var(--white-56);
}

.button.hero-button:active {
  box-shadow: 0 3px 6px 0 var(--black-16);
}

.button.hero-button:focus-visible, .button.hero-button[data-wf-focus-visible] {
  outline-color: var(--primary-02);
}

.button.hero-button-search {
  background-color: var(--white-100);
  color: var(--black-100);
  min-width: 140px;
  height: 56px;
  padding: 8px 24px;
  font-size: 1rem;
}

.button.hero-button-search:hover {
  background-color: var(--white-56);
}

.button.hero-button-search:active {
  box-shadow: 0 3px 6px 0 var(--black-16);
}

.button.hero-button-search:focus-visible, .button.hero-button-search[data-wf-focus-visible] {
  outline-color: var(--primary-02);
}

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

.label-s {
  letter-spacing: -.2px;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
}

.input {
  border: 2px solid var(--white-56);
  background-color: var(--transparent);
  color: var(--white-100);
  letter-spacing: 0;
  border-radius: 24px;
  max-width: 100%;
  min-height: 32px;
  margin-bottom: 0;
  font-size: 1rem;
}

.input:hover {
  border-color: var(--white-100);
}

.input::placeholder {
  color: var(--white-56);
  font-family: Inter, sans-serif;
}

.input.size-l {
  letter-spacing: -.015rem;
  min-height: 48px;
  padding: 16px 20px;
  font-size: 1rem;
}

.input.hero {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  min-height: 64px;
  padding-left: 24px;
}

.input.hero:hover {
  border-width: 2px 0 2px 2px;
  border-color: var(--white-56);
}

.input.hero-search {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  min-height: 64px;
  padding-left: 24px;
}

.input.hero-search:hover {
  border-width: 2px 0 2px 2px;
  border-color: var(--white-56);
}

.body-text-l {
  letter-spacing: -.24px;
  font-size: 1.125rem;
  line-height: 1.75;
}

.body-text-m {
  letter-spacing: -.24px;
  font-size: 1rem;
  line-height: 1.5;
}

.form-error-message {
  border: 2px solid var(--error-01);
  background-color: var(--black-56);
  color: var(--error-01);
  text-align: center;
  letter-spacing: -.015rem;
  -webkit-text-stroke-color: var(--error-01);
  border-radius: 100px;
  margin-top: 24px;
  padding: 12px 16px;
}

.form-error-message.password {
  width: 300px;
  height: 80px;
  margin-top: 0;
  padding-top: 12px;
}

.search-result-list {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  display: grid;
}

.fill-100 {
  width: 100%;
  min-width: 100%;
}

.fill-100.navbar {
  justify-content: flex-end;
  display: flex;
}

.nav-link {
  border: 1px solid var(--transparent);
  color: var(--white-100);
  text-align: center;
  border-radius: 100px;
  padding: 8px 16px;
  transition: background-color .2s, border-color .2s;
}

.nav-link:hover {
  border-color: var(--white-56);
  color: var(--white-100);
}

.nav-link:active {
  background-color: var(--white-24);
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-color: var(--primary-02);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.nav-link.w--current {
  color: var(--white-100);
}

.nav-link.menu-button {
  margin-left: 0;
  margin-right: 0;
}

.logotype {
  color: var(--primary-700);
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.navbar {
  background-color: var(--transparent);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.nav-centered {
  text-align: center;
  flex: 1;
  justify-content: center;
  display: flex;
}

.nav-container {
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

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

.tag {
  background-color: var(--black-100);
  color: var(--neutrals-500);
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  padding-left: 6px;
  padding-right: 6px;
  display: inline-block;
}

.tag.secondary {
  background-color: var(--white-80);
  color: var(--primary-01);
}

.indent-l {
  padding-left: 16px;
}

.g-stack-xs {
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.g-stack-s {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.g-stack-m {
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.g-stack-l {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.g-stack-xl {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.g-stack-xl.avc {
  align-items: center;
}

.g-stack-xl.footer {
  max-width: 290px;
}

.g-stack-2xl {
  grid-row-gap: 48px;
  flex-direction: column;
  display: flex;
}

.g-stack-3xl {
  grid-row-gap: 64px;
  flex-direction: column;
  display: flex;
}

.border-bottom {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--neutrals-200);
}

.tab-item {
  grid-column-gap: 8px;
  color: var(--white-100);
  cursor: pointer;
  background-color: #0000;
  border-radius: 8px;
  width: 100%;
  padding: 12px 16px;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
}

.tab-item.w--current {
  background-color: var(--white-100);
  color: var(--primary-01);
}

.tab-item.style-a:hover {
  background-color: var(--white-40);
}

.tab-item.style-a:focus {
  background-color: var(--white-100);
  color: var(--primary-600);
}

.tab-item.style-a:focus-visible, .tab-item.style-a[data-wf-focus-visible] {
  background-color: var(--white-100);
  outline-color: var(--primary-400);
  outline-offset: 2px;
  color: var(--neutrals-500);
  outline-width: 2px;
  outline-style: solid;
}

.tabs-menu-vertical {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.tabs-menu-vertical.sticky {
  position: sticky;
  top: 40px;
}

.form-block {
  margin-bottom: 0;
}

.full-screen {
  height: 100vh;
}

.overflow-hidden {
  overflow: hidden;
}

.form-success-message {
  border: 2px solid var(--success-02);
  background-color: var(--black-24);
  color: var(--success-02);
  letter-spacing: -.015rem;
  border-radius: 100px;
  padding: 20px 40px;
}

.spacer {
  width: 100%;
  height: 0;
}

.jhc {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.absolute {
  position: absolute;
}

.absolute.investment-circle {
  background-color: var(--primary-01);
  filter: blur(40px);
  border-radius: 100%;
  width: 100px;
  height: 100px;
  inset: 73% 0% auto auto;
}

.absolute.hero-radial-3 {
  z-index: -1;
  background-image: radial-gradient(circle at 50% 300%, #000 85%, #7f00ff 94%, #d8d0fc);
  width: 100%;
  height: 100%;
  inset: 0%;
}

.absolute.hero-image {
  z-index: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  inset: 0% 0% auto;
}

.absolute.password-decoration-1 {
  z-index: -1;
  background-image: radial-gradient(circle farthest-corner at 50% -400%, black 85%, var(--primary-01) 94%, white);
  border-radius: 32px;
  width: 450px;
  height: 600px;
  inset: auto auto 10% 0%;
  transform: skew(0deg, 150deg);
}

.absolute.password-decoration-2 {
  z-index: -2;
  background-image: radial-gradient(circle farthest-corner at 50% -400%, black 85%, var(--primary-01) 94%, white);
  border-radius: 32px;
  width: 450px;
  height: 600px;
  inset: auto auto 0% 20%;
  transform: skew(0deg, 150deg);
}

.absolute.password-decoration-3 {
  z-index: -3;
  background-image: radial-gradient(circle farthest-corner at 50% -400%, black 85%, var(--primary-01) 94%, white);
  border-radius: 32px;
  width: 450px;
  height: 600px;
  inset: auto auto -10% 40%;
  transform: skew(0deg, 150deg);
}

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

.hamburger-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.burger-line {
  background-color: #444;
  border-radius: 2px;
  width: 22.5px;
  height: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.tc-primary-01 {
  color: var(--primary-01);
}

.tc-primary-02 {
  color: var(--primary-02);
}

.global-margin {
  border-radius: 0 0 32px 32px;
  max-width: 100vw;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.global-margin.top-corners {
  border-radius: 32px 32px 0 0;
}

.form-wrapper {
  flex-flow: row;
  min-width: 400px;
}

.form-button-wrapper {
  border-style: solid;
  border-width: 2px 2px 2px 0;
  border-color: var(--white-56);
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

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

.carousel-wrapper {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.carousel {
  justify-content: flex-start;
  align-items: center;
  padding: 24px 0 24px 40px;
  display: flex;
}

.investment-decoration {
  box-shadow: 0 0 0 1px var(--white-16);
  border-radius: 16px;
  flex: none;
  position: relative;
  overflow: hidden;
}

.navbar-wrapper {
  z-index: 1000;
  background-color: var(--black-56);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: fixed;
  inset: 0% 0% auto;
}

.button-wrapper {
  max-width: 35%;
}

._404-decoration-1 {
  z-index: -1;
  background-image: radial-gradient(circle farthest-corner at 50% -400%, black 85%, var(--primary-01) 94%, white);
  border-radius: 32px;
  width: 450px;
  height: 600px;
  position: absolute;
  inset: auto 0% 20% auto;
  transform: skew(0deg, 25deg);
}

._404-decoration-2 {
  z-index: -2;
  background-image: radial-gradient(circle farthest-corner at 50% -400%, black 85%, var(--primary-01) 94%, white);
  border-radius: 32px;
  width: 450px;
  height: 600px;
  position: absolute;
  inset: auto 10% 12% auto;
  transform: skew(0deg, 25deg);
}

._404-decoration-3 {
  z-index: -3;
  background-image: radial-gradient(circle farthest-corner at 50% -400%, black 85%, var(--primary-01) 94%, white);
  border-radius: 32px;
  width: 450px;
  height: 600px;
  position: absolute;
  inset: auto 20% 4% auto;
  transform: skew(0deg, 25deg);
}

.form-block-search {
  width: 45%;
  margin-bottom: 0;
}

.form-wrapper-search {
  flex-flow: row;
  display: flex;
}

.search-result-item {
  grid-column-gap: 8px;
  grid-row-gap: 24px;
  background-image: linear-gradient(278deg, var(--transparent) 28%, var(--white-8)), linear-gradient(185deg, var(--white-8), #ffffff14 21%, var(--transparent) 80%);
  box-shadow: 0 0 0 1px var(--white-16);
  border-radius: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  display: flex;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.625rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  h4, blockquote {
    font-size: 1.875rem;
    line-height: 1.1;
  }

  .headline.xl {
    font-size: 2.625rem;
  }

  .headline.m {
    font-size: 1.875rem;
    line-height: 1.1;
  }

  .headline.l {
    font-size: 2.25rem;
  }

  .headline.xxl {
    font-size: 5rem;
  }

  .section.hero {
    height: auto;
    padding-top: 260px;
    padding-bottom: 240px;
  }

  .section.cta {
    height: auto;
    padding-top: 120px;
  }

  .col.md3 {
    width: 50%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .col.md5 {
    width: 83.3333%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .col.md6 {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .fill-100.navbar {
    flex-flow: column;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-link.menu-button {
    color: var(--primary-50);
    margin-top: 75px;
    font-weight: 700;
  }

  .nav-container {
    justify-content: space-between;
    align-items: center;
  }

  .nav-menu {
    grid-row-gap: 8px;
    background-color: var(--black-56);
    background-image: radial-gradient(circle farthest-corner at 50% -400%, black 83%, var(--radial-purple) 94%, var(--radial-purple));
    height: 100vh;
    padding: 20px 20px 60px;
  }

  .menu-button {
    color: var(--neutrals-700);
    border-radius: 4px;
    padding: 0;
    right: -8px;
  }

  .menu-button.w--open {
    background-color: var(--white-8);
    border-radius: 8px;
  }

  .form-block {
    width: 60%;
  }

  .absolute.password-decoration-1 {
    width: 300px;
    height: 500px;
    bottom: 20%;
  }

  .absolute.password-decoration-2 {
    width: 300px;
    height: 500px;
    bottom: 10%;
  }

  .absolute.password-decoration-3 {
    width: 300px;
    height: 500px;
    bottom: 0%;
  }

  .hamburger-wrapper {
    padding: 10px;
  }

  .burger-line {
    background-color: var(--white-100);
    width: 22px;
    height: 3px;
  }

  .form-block-search {
    width: 60%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    letter-spacing: -.0625rem;
    font-size: 2.5rem;
  }

  h2 {
    letter-spacing: -.0625rem;
    font-size: 2.375rem;
  }

  h3 {
    font-size: 2.125rem;
  }

  h5 {
    letter-spacing: -.04rem;
    font-size: 1.625rem;
    line-height: 1.2;
  }

  h6 {
    letter-spacing: -.025rem;
    font-size: 1.375rem;
  }

  blockquote {
    font-size: 1.625rem;
    line-height: 1.2;
  }

  .headline.xl {
    letter-spacing: -.0625rem;
    font-size: 2.3755rem;
  }

  .headline.s {
    letter-spacing: -.04rem;
    font-size: 1.625rem;
    line-height: 1.2;
  }

  .headline.l {
    font-size: 2.125rem;
  }

  .headline.xxl {
    letter-spacing: -.0625rem;
    font-size: 4rem;
  }

  .section.hero {
    height: 99vh;
    padding-bottom: 260px;
  }

  .section.cta {
    padding-bottom: 120px;
  }

  .wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  .row.navbar {
    padding-left: 24px;
    padding-right: 24px;
  }

  .col {
    padding-left: 12px;
    padding-right: 12px;
  }

  .col.mdl4 {
    width: 66.6667%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .col.mdl5 {
    width: 83.3333%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .col.mdl6 {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .form-error-message.password {
    margin-top: 24px;
  }

  .search-result-list {
    grid-template-columns: 1fr;
  }

  .form-block {
    width: 80%;
  }

  .button-wrapper {
    max-width: 50%;
  }

  ._404-decoration-1 {
    bottom: 8%;
  }

  ._404-decoration-2 {
    bottom: 0%;
  }

  ._404-decoration-3 {
    bottom: -8%;
  }

  .form-block-search {
    width: 80%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    letter-spacing: -.05rem;
    font-size: 2.25rem;
  }

  h2 {
    letter-spacing: -.05rem;
    font-size: 2.125rem;
  }

  h3 {
    font-size: 1.9375rem;
  }

  h4 {
    font-size: 1.6875rem;
    line-height: 1.2;
  }

  blockquote {
    font-size: 1.6875rem;
  }

  .headline.xl {
    letter-spacing: -.05rem;
    font-size: 2.125rem;
  }

  .headline.m {
    font-size: 1.6875rem;
    line-height: 1.2;
  }

  .headline.l {
    font-size: 1.9375rem;
  }

  .headline.xxl {
    letter-spacing: -.05rem;
    font-size: 2.25rem;
    line-height: 1;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.hero {
    height: 99vh;
    padding-bottom: 120px;
  }

  .section.cta {
    padding-top: 120px;
  }

  .row.g-stack-xl.stack-2xl.full.footer-row-wrapper {
    flex-flow: column;
  }

  .col.lg12.md6.mdl6.sm2.footer.footer-copywrite {
    align-items: flex-start;
  }

  .col.sm2 {
    width: 100%;
  }

  .button.hero-button, .button.hero-button-search {
    min-width: 100%;
  }

  .label-s {
    white-space: normal;
  }

  .input.hero {
    border-right-width: 2px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }

  .input.hero:hover {
    border-right-width: 2px;
  }

  .input.hero-search {
    border-right-width: 2px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }

  .input.hero-search:hover {
    border-right-width: 2px;
  }

  .form-block {
    width: auto;
  }

  .absolute.hero-image {
    inset: 10% 0% auto;
  }

  .absolute.password-decoration-1 {
    width: 200px;
    height: 400px;
    bottom: 25%;
  }

  .absolute.password-decoration-2 {
    width: 200px;
    height: 400px;
    bottom: 15%;
  }

  .absolute.password-decoration-3 {
    width: 200px;
    height: 400px;
    bottom: 5%;
  }

  .form-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    min-width: auto;
  }

  .form-button-wrapper {
    border-left-width: 2px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    padding-left: 2px;
    display: flex;
  }

  .button-wrapper {
    max-width: 100%;
  }

  ._404-decoration-1 {
    width: 250px;
    height: 300px;
    bottom: 20%;
  }

  ._404-decoration-2 {
    width: 250px;
    height: 300px;
    bottom: 12%;
  }

  ._404-decoration-3 {
    width: 250px;
    height: 300px;
    bottom: 4%;
  }

  .form-block-search {
    width: 100%;
  }

  .form-wrapper-search {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .search-result-item {
    padding: 10px;
  }
}