:root {
  --color--white: white;
  --main--text-font: Manrope, Arial, sans-serif;
  --color--purple: #413589;
  --typography--text: 1rem;
  --typography--line-height: 1.3em;
  --spacings--no-space: 0rem;
  --main--heading-font: "Cabinet Grotesk", Arial, sans-serif;
  --typography--h1: 5rem;
  --typography--line-height-s: 1em;
  --typography--h2: 3.5rem;
  --typography--h3: 3rem;
  --typography--h4: 2rem;
  --typography--line-height-l: 1.1em;
  --spacings--xs: .75rem;
  --typography--h5: 1.5rem;
  --spacings--3xs: .25rem;
  --typography--h6: 1.25rem;
  --brand--brand-300\<deleted\|variable-aa20a559-ecc1-98ac-0f56-ad805e50680a\>: #657cff;
  --brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>: #203492;
  --spacings--m: 1.5rem;
  --spacings--2xs: .5rem;
  --color--text\<deleted\|variable-f7a21b26-44c8-4d05-aefe-19494d532056\>: var(--neutral--neutral-dark\<deleted\|variable-6542dd81-af44-b091-e2b2-566fdbbffe9f\>);
  --size--size-xs-tablet\<deleted\|variable-d0e379b9-633b-4894-a220-b20d719a6523\>: .75rem;
  --spacings--section: 6.25rem;
  --spacings--4xl\<deleted\|variable-6d576a63-15a2-ab3b-f7ee-a1a05ef20280\>: 4rem;
  --color--text-alternative\<deleted\|variable-1d83e1df-478d-6758-9e25-5075618bf905\>: var(--neutral--neutral-white\<deleted\|variable-19ca61d9\>);
  --container--main-size: 85rem;
  --container--size-padding: 1.5rem;
  --container--grid-gap\<deleted\|variable-5fd6b601-15a1-1146-ed1e-659f27d8de57\>: 1.5rem;
  --spacings--s: 1rem;
  --border--radius-s: .5rem;
  --typography--button: 1rem;
  --typography--label: .875rem;
  --typography--jumbo: 10rem;
  --neutral--neutral-white\<deleted\|variable-19ca61d9\>: white;
  --spacings--l: 2rem;
  --neutral--neutral-100\<deleted\|variable-a197bd69-af30-4bb2-5e60-c75c90686a07\>: #f0f4f9;
  --neutral--neutral-200\<deleted\|variable-6701329f-f871-9017-5c2c-00c77c638156\>: #e8ecf0;
  --neutral--neutral-300\<deleted\|variable-b8cfa35d-3e42-e6a5-6292-5e663215f805\>: #cccfd6;
  --neutral--neutral-400\<deleted\|variable-e3ccc783-8549-8fc9-eff4-44fad40cbfbb\>: #b2b5be;
  --neutral--neutral-dark\<deleted\|variable-6542dd81-af44-b091-e2b2-566fdbbffe9f\>: black;
  --neutral--neutral-500\<deleted\|variable-5a6e29a8-5d56-e3c3-3ecc-892f760e625d\>: #676a71;
  --system--error: #f46b6b;
  --system--success: #4cb06c;
  --navy-300\<deleted\|variable-c86ae2a3\>: #19224c;
  --spacings--xl: 3rem;
  --spacings--2xl: 4rem;
  --spacings--3xl: 5rem;
  --brand--brand-400\<deleted\|variable-ac8c472a-196a-16bc-12d3-58d750d794b0\>: #f5d2fc;
  --brand--brand-500\<deleted\|variable-4c94576e-3194-d2c5-2a24-7967910758d5\>: #fae9fe;
  --min-widths--min-width-8-75-rem\<deleted\|variable-5668d90a-fe0a-9c02-7100-70a67da51936\>: 8.75rem;
  --brand--brand-100\<deleted\|variable-d3b4fe75-66ed-4d0d-eb71-08b92b6e9764\>: #182771;
  --color--pink: #d24c6c;
  --orange-300\<deleted\|variable-8635f960\>: #657cff;
  --bg-blue-100\<deleted\|variable-5dd580e5\>: #dee3ff;
  --navy-100\<deleted\|variable-8d4c7f30\>: #203492;
  --neutral-100\<deleted\|variable-7f2b910f\>: #f9f9f9;
  --neutral--neutral-600\<deleted\|variable-86cd9899-9934-d03b-a068-ed8a0364951e\>: #6c6b6a;
  --system--error-light: #ffe5e5;
  --system--warning: #ffa25b;
  --system--warning-light: #fff2e9;
  --spacings--5xl\<deleted\|variable-1849b071-7057-88d2-6c11-c6aec38e37f9\>: 5rem;
  --system--success-light: #d5f4e7;
  --color--green: #496756;
  --color--black: #141313;
  --border--radius-l: 1rem;
  --main--span-font: "Shantell Sans", Arial, sans-serif;
  --border--radius-m: .75rem;
}

body {
  background-color: var(--color--white);
  font-family: var(--main--text-font);
  color: var(--color--purple);
  font-size: var(--typography--text);
  line-height: var(--typography--line-height);
  --color--white: white;
  --main--text-font: Manrope, Arial, sans-serif;
  --color--purple: #413589;
  --typography--text: 1rem;
  --typography--line-height: 1.3em;
  --spacings--no-space: 0rem;
  --main--heading-font: "Cabinet Grotesk", Arial, sans-serif;
  --typography--h1: 5rem;
  --typography--line-height-s: 1em;
  --typography--h2: 3.5rem;
  --typography--h3: 3rem;
  --typography--h4: 2rem;
  --typography--line-height-l: 1.1em;
  --spacings--xs: .75rem;
  --typography--h5: 1.5rem;
  --spacings--3xs: .25rem;
  --typography--h6: 1.25rem;
  --brand--brand-300\<deleted\|variable-aa20a559-ecc1-98ac-0f56-ad805e50680a\>: #657cff;
  --brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>: #203492;
  --spacings--m: 1.5rem;
  --spacings--2xs: .5rem;
  --color--text\<deleted\|variable-f7a21b26-44c8-4d05-aefe-19494d532056\>: var(--neutral--neutral-dark\<deleted\|variable-6542dd81-af44-b091-e2b2-566fdbbffe9f\>);
  --size--size-xs-tablet\<deleted\|variable-d0e379b9-633b-4894-a220-b20d719a6523\>: .75rem;
  --spacings--section: 6.25rem;
  --spacings--4xl\<deleted\|variable-6d576a63-15a2-ab3b-f7ee-a1a05ef20280\>: 4rem;
  --color--text-alternative\<deleted\|variable-1d83e1df-478d-6758-9e25-5075618bf905\>: var(--neutral--neutral-white\<deleted\|variable-19ca61d9\>);
  --container--main-size: 85rem;
  --container--size-padding: 1.5rem;
  --container--grid-gap\<deleted\|variable-5fd6b601-15a1-1146-ed1e-659f27d8de57\>: 1.5rem;
  --spacings--s: 1rem;
  --border--radius-s: .5rem;
  --typography--button: 1rem;
  --typography--label: .875rem;
  --typography--jumbo: 10rem;
  --neutral--neutral-white\<deleted\|variable-19ca61d9\>: white;
  --spacings--l: 2rem;
  --neutral--neutral-100\<deleted\|variable-a197bd69-af30-4bb2-5e60-c75c90686a07\>: #f0f4f9;
  --neutral--neutral-200\<deleted\|variable-6701329f-f871-9017-5c2c-00c77c638156\>: #e8ecf0;
  --neutral--neutral-300\<deleted\|variable-b8cfa35d-3e42-e6a5-6292-5e663215f805\>: #cccfd6;
  --neutral--neutral-400\<deleted\|variable-e3ccc783-8549-8fc9-eff4-44fad40cbfbb\>: #b2b5be;
  --neutral--neutral-dark\<deleted\|variable-6542dd81-af44-b091-e2b2-566fdbbffe9f\>: black;
  --neutral--neutral-500\<deleted\|variable-5a6e29a8-5d56-e3c3-3ecc-892f760e625d\>: #676a71;
  --system--error: #f46b6b;
  --system--success: #4cb06c;
  --navy-300\<deleted\|variable-c86ae2a3\>: #19224c;
  --spacings--xl: 3rem;
  --spacings--2xl: 4rem;
  --spacings--3xl: 5rem;
  --brand--brand-400\<deleted\|variable-ac8c472a-196a-16bc-12d3-58d750d794b0\>: #f5d2fc;
  --brand--brand-500\<deleted\|variable-4c94576e-3194-d2c5-2a24-7967910758d5\>: #fae9fe;
  --min-widths--min-width-8-75-rem\<deleted\|variable-5668d90a-fe0a-9c02-7100-70a67da51936\>: 8.75rem;
  --brand--brand-100\<deleted\|variable-d3b4fe75-66ed-4d0d-eb71-08b92b6e9764\>: #182771;
  --color--pink: #d24c6c;
  --orange-300\<deleted\|variable-8635f960\>: #657cff;
  --bg-blue-100\<deleted\|variable-5dd580e5\>: #dee3ff;
  --navy-100\<deleted\|variable-8d4c7f30\>: #203492;
  --neutral-100\<deleted\|variable-7f2b910f\>: #f9f9f9;
  --neutral--neutral-600\<deleted\|variable-86cd9899-9934-d03b-a068-ed8a0364951e\>: #6c6b6a;
  --system--error-light: #ffe5e5;
  --system--warning: #ffa25b;
  --system--warning-light: #fff2e9;
  --spacings--5xl\<deleted\|variable-1849b071-7057-88d2-6c11-c6aec38e37f9\>: 5rem;
  --system--success-light: #d5f4e7;
  --color--green: #496756;
  --color--black: #141313;
  --border--radius-l: 1rem;
  --main--span-font: "Shantell Sans", Arial, sans-serif;
  --border--radius-m: .75rem;
  font-weight: 500;
}

h1 {
  margin-top: var(--spacings--no-space);
  margin-bottom: var(--spacings--no-space);
  font-family: var(--main--heading-font);
  color: var(--color--white);
  font-size: var(--typography--h1);
  line-height: var(--typography--line-height-s);
  text-transform: uppercase;
  font-weight: 800;
}

h2 {
  margin-top: var(--spacings--no-space);
  margin-bottom: var(--spacings--no-space);
  font-family: var(--main--heading-font);
  color: var(--color--purple);
  font-size: var(--typography--h2);
  line-height: var(--typography--line-height-s);
  text-transform: uppercase;
  font-weight: 800;
}

h3 {
  margin-top: var(--spacings--no-space);
  margin-bottom: var(--spacings--no-space);
  font-family: var(--main--heading-font);
  color: var(--color--purple);
  font-size: var(--typography--h3);
  line-height: var(--typography--line-height-s);
  font-weight: 800;
}

h4 {
  margin-top: var(--spacings--no-space);
  margin-bottom: var(--spacings--no-space);
  font-family: var(--main--heading-font);
  color: var(--color--purple);
  font-size: var(--typography--h4);
  line-height: var(--typography--line-height-l);
  text-transform: uppercase;
  font-weight: 800;
}

h5 {
  margin-top: var(--spacings--no-space);
  margin-bottom: var(--spacings--xs);
  font-family: var(--main--heading-font);
  color: var(--color--purple);
  font-size: var(--typography--h5);
  line-height: var(--typography--line-height-l);
  font-weight: 800;
}

h6 {
  margin-top: var(--spacings--no-space);
  margin-bottom: var(--spacings--3xs);
  font-family: var(--main--heading-font);
  color: var(--color--purple);
  font-size: var(--typography--h6);
  line-height: var(--typography--line-height-l);
  text-transform: uppercase;
  font-weight: 800;
}

p {
  margin-bottom: var(--spacings--no-space);
  color: var(--color--purple);
  font-size: var(--typography--text);
  line-height: var(--typography--line-height);
}

a {
  color: var(--brand--brand-300\<deleted\|variable-aa20a559-ecc1-98ac-0f56-ad805e50680a\>);
  text-decoration: none;
  transition: color .25s;
}

a:hover {
  color: var(--brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>);
}

ul, ol {
  margin-bottom: var(--spacings--no-space);
  padding-left: var(--spacings--m);
  grid-column-gap: var(--spacings--2xs);
  grid-row-gap: var(--spacings--2xs);
  color: var(--color--text\<deleted\|variable-f7a21b26-44c8-4d05-aefe-19494d532056\>);
  font-size: var(--typography--text);
  line-height: var(--typography--line-height);
  flex-direction: column;
  display: flex;
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

blockquote {
  margin-bottom: var(--spacings--no-space);
  padding: var(--size--size-xs-tablet\<deleted\|variable-d0e379b9-633b-4894-a220-b20d719a6523\>) 1.25rem;
  border-left: 5px #e2e2e2;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1em;
}

figure {
  margin-bottom: 20px;
}

figcaption {
  text-align: center;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.3em;
}

.section {
  padding-top: var(--spacings--section);
  padding-bottom: var(--spacings--section);
  flex-flow: column;
  align-items: center;
  display: flex;
}

.section.style-guide-hero-section {
  padding-top: 14rem;
  padding-bottom: var(--spacings--4xl\<deleted\|variable-6d576a63-15a2-ab3b-f7ee-a1a05ef20280\>);
  color: var(--color--text-alternative\<deleted\|variable-1d83e1df-478d-6758-9e25-5075618bf905\>);
  background-image: url("https://cdn.prod.website-files.com/69492f8119ffb2660c72e3b3/69492f8119ffb2660c72e3d3_flow.ninja.styleguide.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.section._404-section {
  padding-top: 4rem;
  padding-bottom: var(--spacings--4xl\<deleted\|variable-6d576a63-15a2-ab3b-f7ee-a1a05ef20280\>);
  color: var(--color--text-alternative\<deleted\|variable-1d83e1df-478d-6758-9e25-5075618bf905\>);
  background-image: url("https://cdn.prod.website-files.com/69492f8119ffb2660c72e3b3/69492f8119ffb2660c72e3d3_flow.ninja.styleguide.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.section.blog-hero {
  background-color: var(--color--purple);
  color: var(--color--text-alternative\<deleted\|variable-1d83e1df-478d-6758-9e25-5075618bf905\>);
  justify-content: center;
  align-items: center;
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
  position: relative;
}

.section.text-scroll-section {
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}

.section.about-section {
  overflow: hidden;
}

.section.contact {
  background-color: var(--color--purple);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1.5rem;
}

.section.hero-section {
  background-color: var(--color--purple);
  color: var(--color--text-alternative\<deleted\|variable-1d83e1df-478d-6758-9e25-5075618bf905\>);
  justify-content: center;
  align-items: center;
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
  position: relative;
}

.section.footer {
  padding-bottom: 2rem;
}

.section.bg-purple.cta {
  padding-top: 0;
  padding-bottom: 0;
}

.container {
  max-width: var(--container--main-size);
  padding-right: var(--container--size-padding);
  padding-left: var(--container--size-padding);
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container.grid {
  grid-column-gap: var(--container--grid-gap\<deleted\|variable-5fd6b601-15a1-1146-ed1e-659f27d8de57\>);
  grid-row-gap: var(--container--grid-gap\<deleted\|variable-5fd6b601-15a1-1146-ed1e-659f27d8de57\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container.grid.margin-xl {
  margin-bottom: 80px;
}

.container.hero-container {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
}

.container.nav-container {
  flex-flow: row;
}

.container.hero-container-home {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-right: 0;
}

.container.big-cta {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--color--purple);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
}

.margin-l {
  margin-bottom: var(--spacings--l);
}

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

.margin-3xl {
  margin-bottom: var(--spacings--3xl);
}

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

.flex-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.nav-container {
  max-width: var(--container--main-size);
  padding-right: var(--container--size-padding);
  padding-left: var(--container--size-padding);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-logo {
  object-fit: contain;
  width: 4rem;
  height: 4rem;
  padding-left: 0;
  display: block;
}

.nav-link {
  color: var(--color--purple);
  padding: 0;
  display: inline-flex;
}

.nav-link.w--current {
  color: var(--navy-100\<deleted\|variable-8d4c7f30\>);
  font-style: normal;
  font-weight: 500;
}

.footer-link {
  color: var(--color--purple);
  font-size: var(--typography--button);
  transition: color .25s;
  display: inline-flex;
}

.heading-style-h6 {
  font-family: var(--main--heading-font);
  color: var(--color--purple);
  font-size: var(--typography--h6);
  line-height: var(--typography--line-height-l);
  text-transform: uppercase;
  font-weight: 800;
}

.heading-style-h6.toc-heading {
  background-image: url("https://cdn.prod.website-files.com/69492f8119ffb2660c72e3b3/6952ec8934a95786a9972590_Lines%20blog.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  padding-bottom: 1.5rem;
}

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

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

.text-pink {
  color: var(--color--pink);
}

.navbar {
  z-index: 999;
  background-color: #ddd0;
  width: 100%;
  padding-top: 2rem;
  position: absolute;
  inset: 0% 0% auto;
}

.nav-menu-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-radius: var(--border--radius-l);
  background-color: var(--color--white);
  justify-content: center;
  align-items: center;
  padding: .75rem .75rem .75rem 1.25rem;
  display: flex;
}

.button-nav {
  border-radius: var(--border--radius-s);
  background-color: var(--color--purple);
  color: var(--color--white);
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  font-weight: 500;
  transition: background-color .3s ease-in-out;
  display: flex;
}

.button-nav:hover {
  background-color: var(--color--pink);
  color: var(--color--white);
}

.hero-image-wrap {
  border-top-left-radius: 3.125rem;
  border-bottom-left-radius: 3.125rem;
  max-width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.hero-content-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 47%;
  display: flex;
}

.hero-heading-wrap {
  width: 100%;
}

.span-font {
  font-family: var(--main--span-font);
}

.span-font.white {
  background-image: url("https://cdn.prod.website-files.com/69492f8119ffb2660c72e3b3/694946f36837615d874ec532_Line.avif");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.span-font.text-green.is-easy {
  background-image: url("https://cdn.prod.website-files.com/69492f8119ffb2660c72e3b3/69530184a93445a5ed3d18b2_Vector.avif");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.span-font.text-pink.choose-us {
  background-image: url("https://cdn.prod.website-files.com/69492f8119ffb2660c72e3b3/694a998e005ee6a3c89fecd8_Line%20Pink.png");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 80%;
  padding-bottom: 1.5rem;
  display: block;
}

.span-font.text-pink.is-alone {
  background-image: url("https://cdn.prod.website-files.com/69492f8119ffb2660c72e3b3/69530184cb29b2223f8121da_VECTOR%20PINK.avif");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

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

.caps {
  text-transform: uppercase;
}

.footer-content-wrap {
  grid-column-gap: 8.125rem;
  grid-row-gap: 8.125rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8rem;
  display: flex;
}

.footer-heading-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 40rem;
  display: flex;
}

.footer-social-wrap {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.social-heading {
  font-family: var(--main--heading-font);
  font-size: var(--typography--h6);
  text-transform: uppercase;
  font-weight: 800;
}

.privacy-policy-wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.max-width-l {
  max-width: 38.75rem;
}

.btn__circle-wrap {
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.btn__circle {
  background-color: var(--color--pink);
  pointer-events: none;
  border-radius: 50%;
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.btn__text {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: #efede3;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.btn-text-p {
  color: currentColor;
  white-space: nowrap;
  margin-bottom: 0;
  padding-bottom: .05em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.2;
}

.btn__bg {
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.before__100 {
  padding-top: 100%;
  display: block;
}

.btn {
  background-color: var(--color--purple);
  cursor: pointer;
  border-radius: .5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.btn:hover {
  text-decoration: none;
}

.cta-image-wrap {
  border-top-right-radius: 3rem;
  border-bottom-right-radius: 3rem;
  width: 50%;
  overflow: hidden;
}

.cta-text-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.cta-heading-max-width {
  max-width: 430px;
}

.global-codes {
  display: none;
}

.max-width-xl {
  max-width: 650px;
}

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

.blog-grid-wrap {
  width: 100%;
}

.blog-image-wrap {
  aspect-ratio: 405 / 228;
  border-radius: .625rem;
  max-width: 25.3125rem;
  overflow: hidden;
}

.blog-link {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.read-more {
  color: var(--color--purple);
}

.blog-content-wrap {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 59.9375rem;
  display: flex;
}

.toc-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #f6f2dd;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 1.25rem;
  display: flex;
  position: sticky;
  top: 1rem;
}

.rich-blog-wrap {
  width: 100%;
  max-width: 40.375rem;
}

.blog-rich h2 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.blog-rich ol, .blog-rich ul {
  color: var(--color--purple);
}

.blog-rich p {
  margin-bottom: 3rem;
}

.toc-link {
  color: var(--color--purple);
}

.toc-link:hover, .toc-link.w--current {
  color: var(--color--pink);
}

.sticky {
  width: 100%;
  max-width: 19.5625rem;
  position: relative;
}

@media screen and (max-width: 991px) {
  body {
    --color--white: white;
    --main--text-font: Manrope, Arial, sans-serif;
    --color--purple: #413589;
    --typography--text: 1rem;
    --typography--line-height: 1.3em;
    --spacings--no-space: 0rem;
    --main--heading-font: "Cabinet Grotesk", Arial, sans-serif;
    --typography--h1: 4rem;
    --typography--line-height-s: 1em;
    --typography--h2: 4rem;
    --typography--h3: 2.25rem;
    --typography--h4: 1.75rem;
    --typography--line-height-l: 1.1em;
    --spacings--xs: .75rem;
    --typography--h5: 1.5rem;
    --spacings--3xs: .25rem;
    --typography--h6: 1.25rem;
    --brand--brand-300\<deleted\|variable-aa20a559-ecc1-98ac-0f56-ad805e50680a\>: #657cff;
    --brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>: #203492;
    --spacings--m: 1.25rem;
    --spacings--2xs: .5rem;
    --color--text\<deleted\|variable-f7a21b26-44c8-4d05-aefe-19494d532056\>: var(--neutral--neutral-dark\<deleted\|variable-6542dd81-af44-b091-e2b2-566fdbbffe9f\>);
    --spacings--section: 5rem;
    --spacings--4xl\<deleted\|variable-6d576a63-15a2-ab3b-f7ee-a1a05ef20280\>: 4rem;
    --color--text-alternative\<deleted\|variable-1d83e1df-478d-6758-9e25-5075618bf905\>: var(--neutral--neutral-white\<deleted\|variable-19ca61d9\>);
    --container--main-size: 85rem;
    --container--size-padding: 1.25rem;
    --container--grid-gap\<deleted\|variable-5fd6b601-15a1-1146-ed1e-659f27d8de57\>: 1.5rem;
    --spacings--s: .75rem;
    --border--radius-s: .5rem;
    --typography--button: 1rem;
    --typography--label: .875rem;
    --typography--jumbo: 7rem;
    --neutral--neutral-white\<deleted\|variable-19ca61d9\>: white;
    --spacings--l: 1.75rem;
    --neutral--neutral-100\<deleted\|variable-a197bd69-af30-4bb2-5e60-c75c90686a07\>: #f0f4f9;
    --neutral--neutral-200\<deleted\|variable-6701329f-f871-9017-5c2c-00c77c638156\>: #e8ecf0;
    --neutral--neutral-300\<deleted\|variable-b8cfa35d-3e42-e6a5-6292-5e663215f805\>: #cccfd6;
    --neutral--neutral-400\<deleted\|variable-e3ccc783-8549-8fc9-eff4-44fad40cbfbb\>: #b2b5be;
    --neutral--neutral-dark\<deleted\|variable-6542dd81-af44-b091-e2b2-566fdbbffe9f\>: black;
    --neutral--neutral-500\<deleted\|variable-5a6e29a8-5d56-e3c3-3ecc-892f760e625d\>: #676a71;
    --spacings--xl: 2.5rem;
    --spacings--2xl: 3.75rem;
    --spacings--3xl: 4.75rem;
    --brand--brand-400\<deleted\|variable-ac8c472a-196a-16bc-12d3-58d750d794b0\>: #f5d2fc;
    --brand--brand-500\<deleted\|variable-4c94576e-3194-d2c5-2a24-7967910758d5\>: #fae9fe;
    --brand--brand-100\<deleted\|variable-d3b4fe75-66ed-4d0d-eb71-08b92b6e9764\>: #182771;
    --color--pink: #d24c6c;
    --neutral--neutral-600\<deleted\|variable-86cd9899-9934-d03b-a068-ed8a0364951e\>: #6c6b6a;
    --spacings--5xl\<deleted\|variable-1849b071-7057-88d2-6c11-c6aec38e37f9\>: 5rem;
    --system--success-light: #d5f4e7;
    --color--green: #496756;
    --color--black: #141313;
    --border--radius-l: 1rem;
    --main--span-font: "Shantell Sans", Arial, sans-serif;
    --border--radius-m: .75rem;
  }

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

  .section.blog-hero, .section.hero-section {
    padding-top: 10rem;
    padding-bottom: 5rem;
  }

  .section.bg-purple.cta {
    padding-top: 3.125rem;
  }

  .section.blog-hero {
    padding-top: 10rem;
    padding-bottom: 5rem;
  }

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

  .container.big-cta {
    flex-flow: column;
    padding-right: 0;
  }

  .container.hero-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .kickoff-classes-wrap {
    width: 100%;
  }

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

  .margin-top-m {
    margin-top: 28px;
  }

  .margin-left-s {
    margin-left: 16px;
  }

  .margin-left-m {
    margin-left: 28px;
  }

  .nav-logo {
    z-index: 999;
  }

  .nav-link {
    text-align: center;
    width: 100%;
    margin-bottom: .75rem;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h6.toc-heading {
    background-image: none;
    padding-bottom: 0;
  }

  .navbar {
    padding-top: 1rem;
  }

  .nav-menu-wrap {
    border-radius: 0;
    padding-top: 10rem;
    padding-right: 1.25rem;
    position: fixed;
    inset: 0%;
  }

  .button-nav:hover {
    background-color: var(--color--purple);
  }

  .hero-image-wrap {
    position: static;
  }

  .clients-hero-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hamburger-top {
    background-color: var(--color--purple);
    width: 20px;
    height: 2px;
  }

  .menu-button {
    background-color: var(--color--white);
    border-radius: 6.25rem;
    justify-content: center;
    align-items: center;
    width: 3.25rem;
    height: 3.25rem;
    padding: 1rem;
    display: flex;
  }

  .menu-button.w--open {
    z-index: 999;
    background-color: var(--color--white);
  }

  .hamburger-wrap {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .hamburger-mid, .hamburger-bottom {
    background-color: var(--color--purple);
    width: 20px;
    height: 2px;
  }

  .footer-content-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    margin-bottom: 3rem;
  }

  .footer-heading-wrap {
    max-width: 100%;
  }

  .why-us-cta-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .why-us-grid {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr 1fr;
  }

  .strategy-wrap {
    justify-content: space-between;
    align-items: flex-start;
  }

  .best-at-grid {
    grid-template-columns: 1fr;
  }

  .best-at-card {
    width: 100%;
  }

  .best-at-card.is-1, .best-at-card.is-3, .best-at-card.is-1, .best-at-card.is-3 {
    margin-top: 0;
  }

  .best-at-image, .max-width-l {
    max-width: 100%;
  }

  .faq-icon-wrap {
    flex: none;
  }

  .testimonial-next:hover, .testimonial-prev:hover {
    background-color: var(--color--purple);
  }

  .cta-image-wrap {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    order: 9999;
    width: 100%;
  }

  .cta-text-wrap {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .what-we-do-card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-content-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .rich-blog-wrap {
    max-width: 100%;
  }

  .toc-link:hover {
    color: var(--color--purple);
  }

  .sticky {
    display: none;
  }

  .case-studies-swiper-wrap {
    overflow: hidden;
  }

  .parallax1, .parallax2, .parallax3 {
    display: none;
  }

  .team-grid {
    grid-row-gap: 3.25rem;
    grid-template-columns: 1fr 1fr;
  }

  .about-socials-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .contact-form {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .member-card-wrapper {
    min-height: 35rem;
  }

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

  .main-slide-image {
    max-width: 100%;
  }

  .main-slide-text-wrap {
    max-width: 100%;
    height: auto;
    padding-top: 0;
  }

  .swipers-wrap {
    flex-flow: column;
  }

  .team-left {
    width: 100%;
  }

  .team-right {
    order: -9999;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  body {
    --color--white: white;
    --main--text-font: Manrope, Arial, sans-serif;
    --color--purple: #413589;
    --typography--text: .875rem;
    --typography--line-height: 1.3em;
    --spacings--no-space: 0rem;
    --main--heading-font: "Cabinet Grotesk", Arial, sans-serif;
    --typography--h1: 2.5rem;
    --typography--line-height-s: 1em;
    --typography--h2: 2rem;
    --typography--h3: 1.75rem;
    --typography--h4: 1.5rem;
    --typography--line-height-l: 1.1em;
    --spacings--xs: .5rem;
    --typography--h5: 1.125rem;
    --spacings--3xs: .25rem;
    --typography--h6: 1rem;
    --brand--brand-300\<deleted\|variable-aa20a559-ecc1-98ac-0f56-ad805e50680a\>: #657cff;
    --brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>: #203492;
    --spacings--m: 1rem;
    --spacings--2xs: .5rem;
    --color--text\<deleted\|variable-f7a21b26-44c8-4d05-aefe-19494d532056\>: var(--neutral--neutral-dark\<deleted\|variable-6542dd81-af44-b091-e2b2-566fdbbffe9f\>);
    --spacings--section: 3.125rem;
    --spacings--4xl\<deleted\|variable-6d576a63-15a2-ab3b-f7ee-a1a05ef20280\>: 4rem;
    --color--text-alternative\<deleted\|variable-1d83e1df-478d-6758-9e25-5075618bf905\>: var(--neutral--neutral-white\<deleted\|variable-19ca61d9\>);
    --container--main-size: 85rem;
    --container--size-padding: 1rem;
    --container--grid-gap\<deleted\|variable-5fd6b601-15a1-1146-ed1e-659f27d8de57\>: 1.5rem;
    --spacings--s: .75rem;
    --border--radius-s: .5rem;
    --typography--button: .875rem;
    --typography--label: .875rem;
    --typography--jumbo: 3rem;
    --neutral--neutral-white\<deleted\|variable-19ca61d9\>: white;
    --spacings--l: 1.5rem;
    --neutral--neutral-100\<deleted\|variable-a197bd69-af30-4bb2-5e60-c75c90686a07\>: #f0f4f9;
    --neutral--neutral-200\<deleted\|variable-6701329f-f871-9017-5c2c-00c77c638156\>: #e8ecf0;
    --neutral--neutral-300\<deleted\|variable-b8cfa35d-3e42-e6a5-6292-5e663215f805\>: #cccfd6;
    --neutral--neutral-400\<deleted\|variable-e3ccc783-8549-8fc9-eff4-44fad40cbfbb\>: #b2b5be;
    --neutral--neutral-dark\<deleted\|variable-6542dd81-af44-b091-e2b2-566fdbbffe9f\>: black;
    --neutral--neutral-500\<deleted\|variable-5a6e29a8-5d56-e3c3-3ecc-892f760e625d\>: #676a71;
    --spacings--xl: 2.25rem;
    --spacings--2xl: 3.5rem;
    --spacings--3xl: 4.5rem;
    --brand--brand-400\<deleted\|variable-ac8c472a-196a-16bc-12d3-58d750d794b0\>: #f5d2fc;
    --brand--brand-500\<deleted\|variable-4c94576e-3194-d2c5-2a24-7967910758d5\>: #fae9fe;
    --brand--brand-100\<deleted\|variable-d3b4fe75-66ed-4d0d-eb71-08b92b6e9764\>: #182771;
    --color--pink: #d24c6c;
    --neutral--neutral-600\<deleted\|variable-86cd9899-9934-d03b-a068-ed8a0364951e\>: #6c6b6a;
    --spacings--5xl\<deleted\|variable-1849b071-7057-88d2-6c11-c6aec38e37f9\>: 5rem;
    --system--success-light: #d5f4e7;
    --color--green: #496756;
    --color--black: #141313;
    --border--radius-l: 1rem;
    --main--span-font: "Shantell Sans", Arial, sans-serif;
    --border--radius-m: .75rem;
  }

  .section.hero-section {
    padding-top: 7rem;
    padding-bottom: 0;
  }

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

  .section.contact {
    flex-flow: column;
    height: auto;
    padding-left: 0;
  }

  .container.grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .container.hero-container-home {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    padding-left: 0;
  }

  .container.hero-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .kickoff-styles-wrap {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-columns: 1fr;
  }

  .kickoff-color-helper {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .button {
    min-width: var(--min-widths--min-width-8-75-rem\<deleted\|variable-5668d90a-fe0a-9c02-7100-70a67da51936\>);
  }

  .slider-button-left, .slider-button-right {
    background-size: 16px;
  }

  .button-link {
    color: var(--brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>);
  }

  .button-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .swiper-wrapper.is-contact {
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    min-height: 300px;
  }

  .swiper-slide.is-contact {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-left: auto;
    margin-right: auto;
  }

  .margin-top-m {
    margin-top: 20px;
  }

  .margin-left-s {
    margin-left: 12px;
  }

  .margin-left-m {
    margin-left: 20px;
  }

  .nav-logo {
    width: 3.25rem;
    height: 3.25rem;
  }

  .slider-button-left-small, .slider-button-right-small {
    background-size: 16px;
  }

  .nav-menu-wrap {
    padding-top: 6rem;
  }

  .hero-image-wrap {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    max-width: 100%;
  }

  .hero-content-wrap {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .privacy-policy-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .privacy-policy {
    order: -9999;
  }

  .why-us-heading-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

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

  .why-us-grid {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .strategy-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .strategy-steps-wrap {
    width: 100%;
    max-width: 100%;
  }

  .strategy-image-wrap {
    max-width: 100%;
  }

  .swiper.is-contact {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .faq-question-wrap {
    white-space: normal;
    word-break: normal;
    font-size: 1rem;
  }

  .cta-text-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

  .blog-image-wrap {
    max-width: 100%;
  }

  .hero-heading-blog {
    max-width: 300px;
  }

  .blog-image-hero {
    order: -9999;
    max-width: 9.375rem;
  }

  .what-we-do-card {
    flex-flow: column;
    padding: 1.25rem;
  }

  .our-mission-grid {
    grid-template-columns: 1fr;
  }

  .mission-card.pink {
    padding: 2rem;
  }

  .marketing-agency-grid {
    grid-template-columns: 1fr;
  }

  .marketing-agency-card {
    padding: 1rem;
  }

  .marketing-agency-image-wrap, .sticky {
    max-width: 100%;
  }

  .creator-image-wrap, .case-study-info {
    max-width: 15rem;
  }

  .why-us-sticker {
    max-width: 13rem;
    padding: 1rem;
  }

  .creator-name {
    font-size: 2rem;
  }

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

  .about-socials-wrap {
    flex-flow: column;
  }

  .about-socials {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .social-link.is-pink, .social-link.is-purple, .social-link.is-green, .social-link.is-pink, .social-link.is-purple, .social-link.is-green {
    width: 12rem;
    height: 4rem;
    font-size: 1.25rem;
  }

  .swiper-contact-wrap {
    flex-flow: column;
    order: 9999;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
  }

  .contact-form {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    padding: 2rem;
  }

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

  .main-slide-name-wrap {
    max-width: 10rem;
    height: 3rem;
    margin-top: -22px;
  }

  .main-slide-name {
    font-size: 1.125rem;
  }

  .secondary-slide-image {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 479px) {
  .section.hero-section {
    padding-bottom: 5rem;
  }

  .section.blog-hero {
    padding-bottom: 2rem;
  }

  .jumbo-h {
    font-size: 3.5rem;
  }

  .kickoff-color-helper {
    margin: 4px;
  }

  .button-wrapper {
    grid-template-columns: auto;
  }

  .hero-image-wrap.hide-mobile {
    display: none;
  }

  .hero-title-wrap.blog {
    width: 100%;
  }

  .swiper.main-swiper {
    padding-top: 2rem;
  }

  .blog-heading-wrap {
    width: 100%;
  }

  .blog-image-hero {
    aspect-ratio: 120 / 150;
  }

  .case-studies-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .creator-image-wrap {
    aspect-ratio: 218 / 280;
    flex: none;
    max-width: 11rem;
  }

  .case-study-info {
    aspect-ratio: 218 / 280;
    max-width: 10rem;
    padding: 1rem;
  }

  .case-studies-swiper-wrap {
    max-width: 100%;
    overflow: hidden;
  }

  .about-socials {
    order: -9999;
    padding-top: 0;
  }

  .swiper-contact-wrap, .contact-form {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .member-card-wrapper {
    min-height: 26rem;
  }

  .name-wrap {
    margin-top: -24px;
    padding: 1rem 2.5rem;
  }

  .about-small-image-wrap {
    border-radius: .25rem;
  }

  .main-slide-image {
    max-width: 100%;
  }
}