@font-face {
  font-family: Social Icons Font;
  src: url('../fonts/social-icon-font.woff2') format("woff2"), url('../fonts/social-icon-font.eot') format("embedded-opentype"), url('../fonts/social-icon-font.woff') format("woff"), url('../fonts/social-icon-font.ttf') format("truetype"), url('../fonts/social-icon-font.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Square Icons;
  src: url('../fonts/line-square-icons.woff2') format("woff2"), url('../fonts/line-square-icons.eot') format("embedded-opentype"), url('../fonts/line-square-icons.woff') format("woff"), url('../fonts/line-square-icons.ttf') format("truetype"), url('../fonts/line-square-icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Filled Icons;
  src: url('../fonts/filled-icon-font.woff2') format("woff2"), url('../fonts/filled-icon-font.eot') format("embedded-opentype"), url('../fonts/filled-icon-font.woff') format("woff"), url('../fonts/filled-icon-font.ttf') format("truetype"), url('../fonts/filled-icon-font.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Rounded Icons;
  src: url('../fonts/line-rounded-icons.woff2') format("woff2"), url('../fonts/line-rounded-icons.eot') format("embedded-opentype"), url('../fonts/line-rounded-icons.woff') format("woff"), url('../fonts/line-rounded-icons.ttf') format("truetype"), url('../fonts/line-rounded-icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --neutral--200: #f9f9f9;
  --neutral--600: #868686;
  --neutral--800: #222;
  --neutral--400: #e7e7e7;
  --neutral--100: white;
  --general--shadow-01: #1a1a1a0f;
  --secondary--color-2: #f2f1ff;
  --secondary--color-1: #eef8ff;
  --neutral--700: #666;
  --neutral--300: #efefef;
  --general--shadow-02: #14142b14;
  --accent--primary-1: #4a3aff;
  --general--shadow-03: #14142b1a;
  --system--red-100: #ffeff0;
  --system--300: #ff5a65;
  --neutral--500: #c5c5c5;
  --button-shadow--color-01: #4a3aff0f;
  --button-shadow--white-01: #14142b0a;
  --button-shadow--white-02: #14142b0f;
  --button-shadow--white-03: #14142b1a;
  --button-shadow--color-3: #4a3aff14;
  --button-shadow--color-2: #4a3aff14;
  --general--shadow-04: #14142b24;
  --general--shadow-05: #14142b29;
  --general--shadow-06: #14142b3d;
  --secondary--color-3: #7d42fb;
  --secondary--color-4: #2d68ff;
  --secondary--color-5: #fdb52a;
  --system--blue-400: #086cd9;
  --system--blue-300: #1d88fe;
  --system--blue-200: #8fc3ff;
  --system--blue-100: #eaf4ff;
  --system--green-400: #11845b;
  --system--green-300: #05c168;
  --system--green-200: #7fdca4;
  --system--green-100: #def2e6;
  --system--red-400: #dc2b2b;
  --system--red-200: #ffbec2;
  --system--orange-400: #d5691b;
  --system--orange-300: #ff9e2c;
  --system--orange-200: #ffd19b;
  --system--orange-100: #fff3e4;
  --_apps---charts--chart-1: #4a3bfe;
  --_apps---charts--chart-2: #6775f5;
  --_apps---charts--chart-3: #4022ec;
  --_apps---charts--chart-4: #3623c6;
  --_apps---charts--chart-5: #2800aa;
  --_apps---charts--chart-1-dark: #6163ff;
  --_apps---charts--chart-2-dark: #92a6ff;
  --_apps---charts--chart-3-dark: #4b3cff;
  --_apps---charts--chart-4-dark: #8091ff;
  --_apps---charts--chart-5-dark: #4033df;
  --_apps---colors--background: #f8f8f8;
  --_apps---colors--foreground: #868686;
  --_apps---colors--card: #fff;
  --_apps---colors--card-foreground: #060606;
  --_apps---colors--popover: #ebebeb;
  --_apps---colors--popover-foreground: #060606;
  --_apps---colors--primary: #4a3aff;
  --_apps---colors--primary-foreground: #f6f8ff;
  --_apps---colors--secondary: #e0ecff;
  --_apps---colors--secondary-foreground: #0b0d13;
  --_apps---colors--muted: #f2f2f2;
  --_apps---colors--muted-foreground: #777374;
  --_apps---colors--accent: #dedede;
  --_apps---colors--accent-foreground: #0d0d0d;
  --_apps---colors--destructive: #eb1e2a;
  --_apps---colors--border: #e7e7e7;
  --_apps---colors--input: #eaeaea;
  --_apps---colors--ring: #4c52da;
  --_apps---colors--background-dark: #050505;
  --_apps---colors--foreground-dark: #f8f8f8;
  --_apps---colors--card-dark: #181818;
  --_apps---colors--card-foreground-dark: #f8f8f8;
  --_apps---colors--popover-dark: #181818;
  --_apps---colors--popover-foreground-dark: #f8f8f8;
  --_apps---colors--primary-dark: #6162ff;
  --_apps---colors--primary-foreground-dark: #0b0d16;
  --_apps---colors--secondary-dark: #100f47;
  --_apps---colors--secondary-foreground-dark: #f6f8ff;
  --_apps---colors--muted-dark: #020202;
  --_apps---colors--muted-foreground-dark: #8b8b8b;
  --_apps---colors--accent-dark: #2d2d2d;
  --_apps---colors--accent-foreground-dark: #f8f8f8;
  --_apps---colors--destructive-dark: #f22a31;
  --_apps---colors--border-dark: #e7e7e7;
  --_apps---colors--input-dark: #fff;
  --_apps---colors--ring-dark: #7786ff;
  --_apps---sidebar--sidebar: #f2f2f2;
  --_apps---sidebar--sidebar-foreground: #060606;
  --_apps---sidebar--sidebar-primary: #4a3aff;
  --_apps---sidebar--sidebar-primary-foreground: #f6f8ff;
  --_apps---sidebar--sidebar-accent: #dedede;
  --_apps---sidebar--sidebar-accent-foreground: #0d0d0d;
  --_apps---sidebar--sidebar-border: #e7e7e7;
  --_apps---sidebar--sidebar-ring: #4c52da;
  --_apps---sidebar--sidebar-dark: #0b0b0b;
  --_apps---sidebar--sidebar-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-primary-dark: #6162ff;
  --_apps---sidebar--sidebar-primary-foreground-dark: #0b0d16;
  --_apps---sidebar--sidebar-accent-dark: #2d2d2d;
  --_apps---sidebar--sidebar-accent-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-border-dark: #fff;
  --_apps---sidebar--sidebar-ring-dark: #7786ff;
  --_apps---sizes--radius: 24px;
  --_apps---typography--heading-font: Inter, sans-serif;
  --_apps---typography--body-font: Inter, sans-serif;
  --_apps---typography--button-font: Inter, sans-serif;
}

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

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--neutral--200);
  color: var(--neutral--600);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

h1 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
}

h2 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 30px;
  font-weight: 600;
  line-height: 46px;
}

h3 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

h4 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

h5 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

h6 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

p {
  margin-bottom: 16px;
}

a {
  color: var(--neutral--800);
  text-decoration: underline;
  transition: color .3s;
}

a:hover {
  color: var(--neutral--600);
}

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

li {
  margin-bottom: 8px;
  padding-left: 8px;
}

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

label {
  color: var(--neutral--800);
  margin-bottom: 12px;
  font-weight: 700;
  display: block;
}

strong {
  color: var(--neutral--800);
  font-weight: 700;
}

blockquote {
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--100);
  color: var(--neutral--600);
  text-align: center;
  background-image: url('../images/quote-icon.svg');
  background-position: 50% 42px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 24px;
  margin-top: 14px;
  margin-bottom: 32px;
  padding: 82px 64px 50px;
  font-size: 16px;
  line-height: 26px;
  box-shadow: 0 2px 6px #2b2b2b0f;
}

figure {
  margin-top: 24px;
  margin-bottom: 48px;
}

figcaption {
  text-align: center;
  margin-top: 16px;
}

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

.grid-2-columns.align-top {
  align-items: start;
}

.grid-2-columns.hero-section-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
}

.grid-2-columns.text-paragraph {
  grid-column-gap: 120px;
  grid-row-gap: 0px;
  align-items: end;
  margin-bottom: 24px;
}

.grid-2-columns.text-paragraph.mental-models {
  grid-template-columns: 1fr 1.4fr;
  align-items: center;
}

.grid-2-columns.my-companies, .grid-2-columns.strech, .grid-2-columns.strech {
  align-items: stretch;
}

.grid-2-columns.footer-grid {
  grid-column-gap: 60px;
  grid-template-columns: .6fr 1fr;
  align-items: start;
}

.grid-2-columns.title-and-button {
  grid-template-columns: 1fr .5fr;
  align-items: center;
}

.grid-2-columns.book-page-hero {
  grid-column-gap: 40px;
  border-bottom: 1px solid var(--neutral--400);
  grid-template-columns: 1fr .7fr;
  margin-bottom: 60px;
  padding-bottom: 60px;
}

.grid-2-columns.align-strech {
  align-items: stretch;
}

.card {
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--100);
  box-shadow: 0 2px 7px 0 var(--general--shadow-01);
  border-radius: 24px;
}

.card.link-card {
  color: var(--neutral--600);
  transform-style: preserve-3d;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.card.link-card:hover {
  transform: scale3d(.96, .96, 1.01);
}

.card.home-section-1 {
  padding: 20px 20px 20px 40px;
}

.card.get-in-touch-card {
  color: var(--neutral--800);
  text-align: left;
  border-radius: 140px;
  align-items: center;
  margin-bottom: 22px;
  padding: 6px 24px 6px 6px;
  text-decoration: none;
  display: flex;
}

.card.mg-42px {
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 42px 48px;
  display: flex;
}

.card.mg-42px.center {
  justify-content: center;
}

.card.pd-32px {
  color: var(--neutral--600);
  flex-direction: column;
  align-items: stretch;
  padding: 32px;
  text-decoration: none;
  transition: all .3s, color .3s;
  display: flex;
}

.card.pd-32px:hover {
  transform: scale(.96);
}

.card.pd-32px.link-card.position-relative.horizontal-align {
  grid-column-gap: 90px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card.pd-32px.center {
  justify-content: center;
}

.card.pd-32px.center.show-in-mobile {
  display: none;
}

.card.pd-32px.color-purple {
  background-color: var(--secondary--color-2);
  border-color: #e0deff;
  transition: all .3s, color .3s;
  box-shadow: 0 2px 7px #3232e91f;
}

.card.pd-32px.color-purple:hover {
  transform: scale(.98);
}

.card.pd-32px.color-blue {
  background-color: var(--secondary--color-1);
  border-color: #d8efff;
  transition-property: all;
  box-shadow: 0 2px 7px #1a9cff1f;
}

.card.pd-32px.color-blue:hover {
  transform: scale(.98);
}

.card.rounded-logo {
  color: var(--neutral--700);
  border-radius: 80px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 40px 5px 5px;
  text-decoration: none;
  transition: all .3s, color .3s;
  display: flex;
}

.card.rounded-logo:hover {
  transform: scale(.97);
}

.card.footer-card {
  padding: 64px 72px;
}

.card.article-card {
  border-radius: 24px;
  height: 100%;
  text-decoration: none;
}

.card.article-card.featured {
  border-radius: 32px;
  transition-property: none;
}

.card.about-card {
  padding: 64px 32px 40px;
  position: relative;
}

.card.author-article-single {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  padding: 40px 60px;
  display: flex;
}

.card.mental-card-vertical {
  grid-row-gap: 43px;
  flex-direction: column;
  align-items: flex-start;
  padding: 33px 16px 40px 24px;
  display: flex;
}

.card.mental-card {
  grid-column-gap: 22px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 31px 24px 40px;
}

.card.mental-card.horizontal {
  display: flex;
}

.card.mental-card.accordion {
  cursor: pointer;
  padding-top: 38px;
  padding-bottom: 38px;
  transition: transform .3s;
}

.card.mental-card.accordion:hover {
  transform: translate(0, -4px);
}

.card.libros-quote {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: var(--neutral--300);
  box-shadow: none;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 48px;
  padding: 20px;
  display: flex;
}

.grid-4-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-4-columns.books-grid {
  grid-column-gap: 22px;
  grid-row-gap: 40px;
}

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

.color-neutral-800 {
  color: var(--neutral--800);
}

.color-neutral-700 {
  color: var(--neutral--700);
}

.divider {
  background-color: var(--neutral--400);
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.divider._24px {
  margin-top: 24px;
  margin-bottom: 24px;
}

.divider._0px {
  margin-top: 0;
  margin-bottom: 0;
}

.divider._32px {
  margin-top: 32px;
  margin-bottom: 24px;
}

.mg-bottom-8px {
  margin-bottom: 8px;
}

.mg-bottom-16px {
  margin-bottom: 16px;
  display: block;
}

.mg-bottom-16px.hide {
  display: none;
}

.mg-bottom-24px {
  margin-bottom: 24px;
}

.mg-bottom-32px {
  margin-bottom: 32px;
}

.mg-bottom-48px {
  margin-bottom: 48px;
}

.mg-top-24px {
  margin-top: 24px;
}

.mg-top-48px {
  margin-top: 48px;
}

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

.grid-1-column.dropdown-link-column {
  grid-column-gap: 0px;
  grid-row-gap: 12px;
  justify-items: start;
}

.gap-row-24px {
  grid-row-gap: 24px;
}

.display-3 {
  color: var(--neutral--800);
  font-size: 36px;
  font-weight: 600;
  line-height: 47px;
}

.text-300 {
  font-size: 18px;
  line-height: 20px;
}

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

.text-100 {
  font-size: 16px;
  line-height: 18px;
}

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

.text-100.bold.color-neutral-800.mg-bottom-4px.extra-line-height {
  line-height: 24px;
}

.text-100.paragraph-size {
  line-height: 26px;
}

.text-bold {
  color: var(--neutral--800);
  font-weight: 600;
}

.grid-3-columns {
  grid-column-gap: 22px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.inner-container._740px {
  max-width: 740px;
}

.inner-container._600px {
  max-width: 600px;
}

.inner-container.center {
  margin-left: auto;
  margin-right: auto;
}

.inner-container._460px {
  max-width: 460px;
}

.inner-container._520px {
  max-width: 500px;
}

.inner-container._520px.center {
  max-width: 520px;
}

.inner-container._680px {
  max-width: 680px;
}

.inner-container._678px {
  max-width: 678px;
}

.inner-container._768px {
  max-width: 768px;
}

.inner-container._768px.center {
  max-width: 752px;
}

.mg-bottom-0 {
  margin-bottom: 0;
}

.btn-primary {
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  justify-content: center;
  padding: 20px 30px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.btn-primary:hover {
  background-color: var(--neutral--700);
  color: var(--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.btn-primary.small {
  padding: 14px 18px;
  font-size: 16px;
  line-height: 18px;
}

.btn-primary.small.header-btn-hidde-on-mb {
  margin-left: 24px;
}

.btn-primary.button-row {
  margin-right: 28px;
}

.btn-secondary {
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--300);
  color: var(--neutral--800);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  padding: 20px 30px;
  line-height: 20px;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}

.btn-secondary:hover {
  border-color: var(--neutral--800);
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.btn-secondary.small {
  padding: 14px 18px;
  font-size: 16px;
  line-height: 14px;
}

.btn-secondary.small.btn-hidden-on-tablet {
  margin-left: 14px;
}

.badge-secondary {
  background-color: var(--neutral--300);
  color: var(--neutral--800);
  text-align: center;
  border-radius: 40px;
  align-items: center;
  padding: 8px 12px 9px 8px;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.badge-secondary.blog-badge {
  margin-bottom: 8px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.badge-secondary.article-badge {
  color: var(--neutral--700);
  padding: 7px 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
}

.badge-secondary.article-badge.featured {
  padding: 10px 9px 10px 8px;
  font-size: 16px;
  line-height: 18px;
}

.badge-secondary.article-badge.featured.twitter {
  color: var(--neutral--800);
  background-color: #f0f9ff;
  transition-property: all;
}

.badge-secondary.article-badge.featured.twitter:hover {
  transform: scale(.94);
}

.badge-secondary.article-badge.featured.linkedin {
  color: var(--neutral--800);
  background-color: #e5f1ff;
  padding-left: 12px;
  padding-right: 10px;
  transition-property: all;
}

.badge-secondary.article-badge.featured.linkedin:hover {
  transform: scale(.94);
}

.badge-secondary.article-badge.featured.hide {
  display: none;
  overflow: visible;
}

.badge-secondary.article-badge.author-badge {
  border: 2px solid var(--neutral--100);
  position: absolute;
  inset: auto -50px 15px auto;
}

.badge-secondary.about-card-badge {
  padding-right: 10px;
  position: absolute;
  inset: 14px 14px auto auto;
}

.input {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  min-height: 70px;
  box-shadow: 0 2px 7px 0 var(--general--shadow-02);
  border-radius: 100px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 20px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.input:hover {
  border-color: var(--accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--general--shadow-03);
}

.input:focus {
  border-color: var(--accent--primary-1);
  color: var(--neutral--800);
}

.input::placeholder {
  color: var(--neutral--600);
  font-size: 18px;
}

.input.mg-bottom-16px {
  margin-bottom: 16px;
}

.position-relative {
  position: relative;
}

.line-rounded-icon {
  font-family: Line Rounded Icons, sans-serif;
}

.line-rounded-icon.link-icon-right {
  margin-left: 6px;
  display: inline-block;
}

.line-rounded-icon.link-icon-right.small {
  font-size: 15px;
}

.line-rounded-icon.dropdown-arrow {
  margin-left: 8px;
}

.line-rounded-icon.icon-link {
  margin-left: 4px;
}

.rich-text img {
  border-radius: 24px;
  box-shadow: 0 2px 16px #0000000d, 0 2px 6px #0000001a;
}

.rich-text p {
  margin-top: 6px;
  margin-bottom: 16px;
  padding-left: 26px;
  padding-right: 26px;
}

.rich-text h2 {
  margin-top: 28px;
  padding-left: 26px;
  padding-right: 26px;
}

.rich-text h3 {
  margin-top: 28px;
  margin-bottom: 8px;
  padding-left: 26px;
  padding-right: 26px;
}

.rich-text figure {
  margin-top: 20px;
  margin-bottom: 20px;
}

.rich-text ul {
  margin-bottom: 22px;
  padding-left: 44px;
  padding-right: 26px;
  list-style-type: disc;
}

.rich-text ol {
  margin-bottom: 22px;
  padding-left: 70px;
  padding-right: 26px;
}

.rich-text h6 {
  margin-top: 32px;
  padding-left: 26px;
  padding-right: 26px;
}

.rich-text h5 {
  margin-top: 20px;
  margin-bottom: 7px;
  padding-left: 26px;
  padding-right: 26px;
}

.rich-text h4 {
  margin-top: 22px;
  padding-left: 26px;
  padding-right: 26px;
}

.rich-text a {
  color: var(--neutral--800);
  font-weight: 500;
}

.rich-text a:hover {
  color: var(--neutral--600);
}

.rich-text li {
  margin-bottom: 20px;
}

.rich-text strong {
  color: var(--neutral--700);
  font-weight: 500;
}

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

.buttons-row.center {
  justify-content: center;
}

.width-100 {
  width: 100%;
}

.container-default {
  max-width: 1034px;
  padding-left: 24px;
  padding-right: 24px;
}

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

.section.top {
  padding-top: 100px;
}

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

.section.single-page {
  padding-top: 56px;
  padding-bottom: 80px;
}

.section.single-page.mental-models {
  padding-bottom: 58px;
}

.section._80px {
  padding-top: 80px;
}

.link-wrapper {
  color: var(--neutral--800);
  font-weight: 500;
  transition: opacity .3s;
  display: inline-block;
}

.link-wrapper:hover {
  color: #222222c2;
}

.link-wrapper.no-hover:hover {
  color: var(--neutral--800);
}

.link-text {
  transition: color .3s;
  display: inline-block;
}

.link-text.small {
  font-size: 14px;
  line-height: 25px;
}

.heading-h1-size {
  color: var(--neutral--800);
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
}

.heading-h2-size {
  color: var(--neutral--800);
  font-size: 30px;
  font-weight: 600;
  line-height: 46px;
}

.heading-h3-size {
  color: var(--neutral--800);
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.heading-h3-size.hover-color-color-neutral-800 {
  margin-bottom: 0;
  transition: all .3s;
}

.heading-h3-size.hover-color-color-neutral-800:hover {
  color: var(--neutral--600);
  transform: translate(3px);
}

.heading-h4-size {
  color: var(--neutral--800);
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.heading-h4-size.hover-color-neutral-600 {
  margin-bottom: 0;
  transition: all .3s;
}

.heading-h4-size.hover-color-neutral-600:hover {
  color: var(--neutral--600);
  transform: translate(4px);
}

.heading-h4-size.hover-color-neutral-600.mg-bottom-8px {
  margin-bottom: 8px;
}

.heading-h4-size.mg-top-32px {
  margin-top: 32px;
}

.header-wrapper {
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--100);
  border-radius: 80px;
  padding: 12px 12px 12px 24px;
  box-shadow: 0 2px 6px #2b2b2b0f;
}

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

.header-nav-menu-list {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.header-nav-link {
  color: var(--neutral--700);
  border-radius: 30px;
  padding: 6px 10px;
  line-height: 18px;
  transition-property: all;
}

.header-nav-link:hover, .header-nav-link.w--current {
  background-color: var(--neutral--300);
  color: var(--neutral--800);
}

.header-nav-list-item {
  margin-bottom: 0;
  padding-left: 12px;
}

.header-nav-list-item.show-in-tablet {
  display: none;
}

.header-nav-list-item.dropdown-item {
  padding-left: 6px;
}

.dropdown-toggle {
  color: var(--neutral--700);
  border-radius: 40px;
  align-items: center;
  padding: 6px 10px;
  transition: all .3s;
  display: flex;
}

.dropdown-toggle:hover {
  background-color: var(--neutral--300);
  color: var(--neutral--800);
}

.dropdown-toggle.hide-dropdown {
  display: none;
}

.dropdown-column-wrapper {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
  border-radius: 20px;
  right: -50%;
  overflow: hidden;
  transform: translate(-50%);
}

.dropdown-pd {
  min-width: 80px;
  padding: 27px 19px;
}

.header-logo {
  max-width: 200px;
}

.header-logo-link {
  transform-style: preserve-3d;
  margin-top: -3px;
  padding-left: 0;
  transition: transform .3s, color .3s;
}

.header-logo-link:hover {
  transform: scale3d(.96, .96, 1.01);
}

.hamburger-menu-wrapper {
  padding: 0;
}

.hamburger-menu-wrapper.w--open {
  background-color: #0000;
}

.hamburger-menu-bar {
  background-color: var(--neutral--800);
  border-radius: 20px;
  width: 52px;
  height: 4px;
  margin-top: 12px;
  margin-bottom: 12px;
}

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

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 100%;
  max-width: 640px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.flex-vertical {
  flex-direction: column;
  display: flex;
}

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

.flex-vertical.start {
  align-items: flex-start;
}

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

.flex-horizontal.articles-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 8px;
}

.flex-horizontal.articles-card.featured {
  margin-bottom: 14px;
}

.flex-horizontal.badges-wrapper {
  grid-column-gap: 14px;
}

.flex-horizontal.gap-17px {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
}

.footer-wrapper {
  border-top: 1px solid var(--neutral--200);
  background-color: var(--neutral--100);
}

.footer-logo {
  transform-style: preserve-3d;
  transition: transform .3s;
}

.footer-logo:hover {
  transform: scale3d(.92, .92, 1.01);
}

.footer-logo-wrapper {
  margin-bottom: 12px;
}

.footer-logo-wrapper.mg-bottom-0 {
  margin-bottom: 0;
}

.footer-logo-wrapper.width-200px {
  max-width: 200px;
}

.footer-list-wrapper {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.footer-list-wrapper.horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-list-wrapper.horizontal.left {
  justify-content: flex-end;
}

.footer-list-wrapper.hide {
  display: none;
}

.footer-list-item {
  margin-bottom: 12px;
  padding-left: 0;
}

.footer-list-item.horizontal {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.footer-list-item.horizontal.left {
  padding-left: 24px;
  padding-right: 0;
}

.footer-link {
  color: var(--neutral--600);
  text-decoration: none;
}

.footer-link:hover {
  color: var(--accent--primary-1);
}

.footer-top {
  padding-top: 120px;
  padding-bottom: 120px;
}

.footer-top.pd-72px {
  padding-top: 72px;
  padding-bottom: 72px;
}

.footer-bottom {
  border-top: 1px solid var(--neutral--300);
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
}

.error-message {
  background-color: var(--system--red-100);
  color: var(--system--300);
  text-align: center;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
}

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

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

.empty-state {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
  text-align: center;
  border-radius: 11px;
  flex-direction: column;
  align-items: center;
  padding: 26px 24px;
  display: flex;
}

.heading-link {
  transition: color .3s;
}

.heading-link:hover {
  color: var(--accent--primary-1);
}

.pd---content-inside-card {
  padding: 40px 28px 48px;
}

.pd---content-inside-card.large {
  padding: 64px 56px;
}

.mg-bottom-4px {
  margin-bottom: 4px;
}

.height-100 {
  height: 100%;
}

.blog-card-image.square {
  object-fit: cover;
  height: 100px;
  max-height: 109px;
}

.blog-card-image.home-images {
  min-width: 130px;
}

.blog-card-image-wrapper {
  border-radius: 24px;
  overflow: hidden;
  transform: translate(0);
}

.blog-card-image-wrapper.width-100px {
  border-radius: 16px;
  max-width: 100px;
  margin-right: 18px;
  box-shadow: 0 -1px 2px #00000014, 0 2px 4px #0000001a;
}

.blog-card-image-wrapper.width-134px {
  border-radius: 16px;
  max-width: 134px;
  margin-right: 18px;
  box-shadow: 0 -1px 2px #00000014, 0 2px 4px #0000001a;
}

.blog-card-title.heading-h4-size {
  font-size: 16px;
  line-height: 22px;
}

.blog-card-wrapper {
  max-width: 1010px;
  color: var(--neutral--600);
  margin-left: auto;
  text-decoration: none;
}

.blog-card-wrapper.featured-side-v1 {
  align-items: center;
  display: flex;
}

._404-not-found {
  color: var(--neutral--800);
  margin-bottom: 8px;
  font-size: 160px;
  font-weight: 500;
  line-height: 159px;
}

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

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

.button-row-margin {
  margin-right: 16px;
}

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

.header-sticky {
  z-index: 99999;
  width: 100%;
  max-width: 1034px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-left: 22px;
  padding-right: 22px;
  position: sticky;
  top: 0;
}

.get-in-touch-card-icon {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 8px;
  overflow: hidden;
}

.text-50 {
  font-size: 14px;
  line-height: 16px;
}

.mg-bottom-2px {
  margin-bottom: 2px;
}

.image-br._22px {
  border-radius: 22px;
  overflow: hidden;
}

.image-br._32px {
  border-radius: 32px;
}

.badge-icon {
  margin-right: 5px;
}

.badge-icon.article-badge {
  width: 16px;
}

.company-card-top {
  align-items: flex-start;
  margin-bottom: 21px;
  display: flex;
}

.company-card-top.mg-bottom-0 {
  margin-bottom: 0;
}

.company-card-top.vertical-content {
  flex-direction: column;
  position: relative;
}

.company-image-wrapper {
  border: 1px solid #000;
  border-radius: 14px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-right: 16px;
  overflow: hidden;
}

.company-image-wrapper.inbound-elements {
  border-color: #ffe0d3;
  box-shadow: 0 4px 8px #e98f5c2e;
}

.company-image-wrapper.brix-templates {
  border-color: #d3e6ff;
  box-shadow: 0 4px 8px #5cace92e;
}

.company-image-wrapper.brix-templates-border {
  border-color: #e4dbfa;
  box-shadow: 0 4px 8px #635ce92e;
}

.company-image-wrapper.raised-hand {
  border-color: #ebebeb;
  box-shadow: 0 4px 8px #b6b6b62e;
}

.company-image-wrapper.tonki-labs {
  border-style: none;
  margin-bottom: 16px;
  margin-right: 0;
  box-shadow: 0 2px 8px #0606063d;
}

.company-card-image-wrapper {
  border-radius: 16px;
  overflow: hidden;
}

.company-text-wrapper {
  max-width: 320px;
}

.company-text-wrapper.width-100, .company-text-wrapper.tonkilabs-width {
  max-width: 100%;
}

.arrow-external-wrapper {
  background-color: var(--neutral--300);
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  color: var(--neutral--800);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  display: flex;
  position: absolute;
  inset: 18px 18px auto auto;
}

.arrow-external-wrapper.article {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  display: none;
  transform: scale(.8);
}

.arrow-external-wrapper.article.featured {
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  font-size: 24px;
}

.arrow-external-wrapper.horizontal-card {
  top: 0;
  right: -15px;
}

.card-image-100 {
  width: 100%;
}

.card-image-100.height-100.image-fit {
  object-fit: cover;
}

.card-icon-border {
  border-radius: 80px;
  margin-right: 10px;
  overflow: hidden;
}

.dropdown-language-icon {
  margin-right: 7px;
}

.link-footer-wrapper {
  color: var(--neutral--600);
  text-align: left;
  align-items: center;
  line-height: 18px;
  text-decoration: none;
  transition: all .3s, color .3s;
  display: flex;
}

.link-footer-wrapper:hover {
  color: var(--neutral--800);
  transform: translate(3px);
}

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

.link-item-icon {
  margin-right: 8px;
}

.link-item-icon.helpscout {
  width: 20px;
}

.link-item-icon.flag {
  width: 19px;
}

.footer-links-wrapper {
  grid-column-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.copyright-section {
  text-align: center;
  padding-top: 24px;
  padding-bottom: 24px;
}

.heading-and-icon-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.emoji-title {
  width: 40px;
}

.book-img {
  object-fit: cover;
  border-radius: 5px 12px 12px 5px;
  width: 100%;
  min-height: 350px;
  max-height: 350px;
  transform: scale(1.02);
}

.book {
  border-radius: 2px 12px 12px 2px;
  margin-bottom: 24px;
  overflow: hidden;
}

.book.home {
  max-width: 100px;
  margin-bottom: 0;
  margin-right: 20px;
}

.text-and-badge {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.card-article-details {
  padding: 16px 20px 32px;
}

.card-article-details.featured {
  padding: 30px 32px 40px;
}

.card-article-image-wrapper {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  transition: color .3s;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.card-article-image-wrapper.featured {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}

.pagination-wrapper {
  margin-top: 40px;
}

.about-list {
  padding-left: 0;
  list-style-type: none;
}

.about-list.margin-top-extra {
  margin-top: 0;
}

.about-list-item {
  color: var(--neutral--600);
  align-items: center;
  margin-bottom: 16px;
  padding-left: 0;
  text-decoration: none;
  transition: all .3s, color .3s;
  display: flex;
}

.about-list-item.none {
  margin-bottom: 0;
}

.about-list-item.large {
  align-items: flex-start;
}

.about-list-item.large.last {
  margin-bottom: 0;
}

.about-list-item.link-hover:hover {
  color: var(--neutral--800);
  transform: translate(4px);
}

.about-item-icon {
  border-radius: 4px;
  margin-right: 10px;
}

.about-item-icon.helpscout {
  width: 24px;
}

.link-flex {
  color: var(--neutral--600);
  text-decoration: none;
  display: flex;
}

.link-flex:hover {
  color: var(--neutral--800);
}

.link-flex.hover {
  transition: all .2s, color .3s;
}

.link-flex.hover:hover {
  transform: translate(5px);
}

.author-image {
  border-radius: 50%;
  width: 106px;
  margin-bottom: 9px;
  overflow: hidden;
}

.author-image-wrapper {
  position: relative;
}

.space-bottom-banner {
  margin-top: 80px;
  margin-bottom: 80px;
}

.c-highlighted {
  border: 1.5px solid var(--neutral--500);
  background-color: var(--neutral--300);
  color: var(--neutral--800);
  letter-spacing: -.05em;
  border-radius: 4px;
  padding: 2px 5px 1px;
  font-family: Source Code Pro, sans-serif;
  font-weight: 600;
}

.book-page-image {
  border-radius: 18px;
  box-shadow: 0 3px 10px #00000012;
}

.c-code-snipets {
  border: 1px solid var(--neutral--500);
  background-color: var(--neutral--300);
  color: var(--neutral--800);
  letter-spacing: -.08px;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 28px 32px;
  font-family: Source Code Pro, sans-serif;
  font-weight: 600;
  display: block;
}

.book-wrapper {
  color: var(--neutral--700);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.book-wrapper:hover {
  color: var(--neutral--700);
}

.book-wrapper.vertical {
  flex-direction: column;
  align-items: flex-start;
}

.empty-state-icon {
  border: 1px solid var(--neutral--400);
  border-radius: 12px;
  width: 58px;
  min-width: 58px;
  height: 58px;
  min-height: 58px;
  margin-bottom: 12px;
  margin-right: 0;
  overflow: hidden;
}

.empty-state-icon.inbound-elements {
  border-color: #ffe0d3;
  box-shadow: 0 4px 8px #e98f5c2e;
}

.empty-state-icon.brix-templates {
  border-color: #d3e6ff;
  box-shadow: 0 4px 8px #5cace92e;
}

.empty-state-icon.brix-templates-border {
  border-color: #e4dbfa;
  box-shadow: 0 4px 8px #635ce92e;
}

.empty-state-icon.raised-hand {
  border-color: #ebebeb;
  box-shadow: 0 4px 8px #b6b6b62e;
}

.custom-bold {
  color: var(--neutral--700);
  font-weight: 500;
}

.div-block {
  display: block;
}

.accordion-top {
  grid-column-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion-content {
  padding-left: 58px;
  overflow: hidden;
}

.spacer-10px {
  height: 10px;
}

.accordion-icon {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
  position: relative;
}

.line-accordion {
  background-color: var(--neutral--800);
  border-radius: 5px;
  width: 18px;
  height: 2px;
}

.line-accordion.middle {
  width: 2px;
  height: 18px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.image {
  max-width: 64px;
}

.image-2, .image-3 {
  max-width: 48px;
}

.book-highlight-icon {
  opacity: .65;
  width: 28px;
}

.div-block-2 {
  background-color: #754b4b;
  margin-top: 0;
  padding-top: 200px;
  padding-bottom: 200px;
}

.div-block-3 {
  background-color: #ff2424;
  padding-top: 200px;
  padding-bottom: 200px;
}

.div-block-4 {
  margin-top: 120px;
  margin-bottom: 40px;
}

.container {
  min-width: 100%;
  max-width: 100%;
  min-height: auto;
  max-height: none;
  position: fixed;
}

.body {
  background-color: #22222280;
}

.div-block-5 {
  background-color: #fff;
  min-width: 800px;
  min-height: 400px;
  position: absolute;
  inset: 20%;
}

.bold-text {
  color: var(--neutral--700);
  font-weight: 500;
}

@media screen and (min-width: 1440px) {
  .grid-2-columns.hero-section-1 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr .85fr;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 36px;
    line-height: 52px;
  }

  h2 {
    margin-bottom: 6px;
    font-size: 30px;
    line-height: 46px;
  }

  h3 {
    font-size: 22px;
    line-height: 32px;
  }

  .grid-2-columns.hero-section-1 {
    grid-column-gap: 38px;
    grid-row-gap: 38px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.text-paragraph, .grid-2-columns.my-companies, .grid-2-columns.strech._1-column-tablet, .grid-2-columns.strech._1-column-tablet {
    grid-template-columns: 1fr;
  }

  .card.home-section-1 {
    padding: 48px 24px 24px;
  }

  .card.pd-32px.link-card.position-relative.horizontal-align {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .card.pd-32px.center.hide-on-tablet {
    display: none;
  }

  .card.pd-32px.center.show-in-mobile {
    display: flex;
  }

  .card.footer-card {
    padding-left: 32px;
    padding-right: 32px;
  }

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

  .grid-4-columns.books-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .divider {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .mg-bottom-32px {
    margin-bottom: 24px;
  }

  .mg-bottom-48px {
    margin-bottom: 40px;
  }

  .display-3 {
    font-size: 32px;
    line-height: 44px;
  }

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

  .btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .heading-h1-size {
    font-size: 48px;
    line-height: 60px;
  }

  .heading-h1-size.small-mobile {
    font-size: 32px;
  }

  .heading-h2-size {
    font-size: 30px;
    line-height: 46px;
  }

  .heading-h3-size {
    font-size: 20px;
    line-height: 30px;
  }

  .heading-h4-size {
    font-size: 16px;
  }

  .header-nav-menu-wrapper {
    border: 1px solid var(--neutral--400);
    background-color: var(--neutral--100);
    border-radius: 26px;
    margin-top: 10px;
    padding: 24px;
    box-shadow: 0 2px 5px #0000001a;
  }

  .header-nav-menu-list {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-nav-list-item {
    margin-bottom: 6px;
    padding-left: 0;
  }

  .dropdown-toggle {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .dropdown-column-wrapper {
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
  }

  .dropdown-column-wrapper.w--open {
    position: static;
    transform: none;
  }

  .dropdown-pd {
    padding: 16px 0 10px 12px;
  }

  .hamburger-menu-wrapper {
    transition: all .3s;
  }

  .hamburger-menu-wrapper:hover {
    transform: scale(.9);
  }

  .hamburger-menu-wrapper.w--open {
    background-color: #0000;
  }

  .hamburger-menu-bar {
    width: 28px;
    height: 2px;
  }

  .hamburger-menu-bar.bottom {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .footer-top {
    padding-top: 94px;
    padding-bottom: 94px;
  }

  .footer-top.pd-72px {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .footer-bottom {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .error-message.password {
    margin-left: 32px;
    margin-right: 32px;
  }

  .blog-card-image {
    width: 100%;
  }

  .header-sticky {
    padding-top: 24px;
  }

  .company-card-top.vertical-content {
    flex-direction: row;
  }

  .company-image-wrapper.tonki-labs {
    margin-right: 16px;
  }

  .company-text-wrapper, .company-text-wrapper.tonkilabs-width {
    max-width: 450px;
  }

  .arrow-external-wrapper.horizontal-card {
    top: -10px;
    right: -10px;
  }

  .book-img {
    min-height: auto;
    max-height: 100%;
  }

  .accordion-content {
    padding-left: 58px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 28px;
  }

  h1 {
    margin-bottom: 10px;
    font-size: 38px;
    line-height: 46px;
  }

  h2 {
    font-size: 26px;
    line-height: 38px;
  }

  h4 {
    font-size: 20px;
    line-height: 26px;
  }

  h5 {
    font-size: 16px;
    line-height: 22px;
  }

  h6 {
    font-size: 14px;
  }

  blockquote {
    border-radius: 18px;
    padding-left: 32px;
    padding-right: 32px;
  }

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

  .grid-2-columns.text-paragraph.mental-models {
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
  }

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

  .grid-2-columns.title-and-button {
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    margin-bottom: 16px;
  }

  .grid-2-columns.book-page-hero {
    grid-template-columns: 1fr;
  }

  .card.mg-42px {
    padding: 40px 24px;
  }

  .card.pd-32px {
    padding: 24px;
  }

  .card.footer-card {
    padding: 32px 24px;
  }

  .card.about-card {
    padding: 61px 24px 28px;
  }

  .card.mental-card-vertical {
    grid-row-gap: 22px;
  }

  .grid-4-columns.books-grid {
    grid-template-columns: 1fr 1fr;
  }

  .divider {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .mg-bottom-48px {
    margin-bottom: 32px;
  }

  .mg-top-48px {
    margin-top: 40px;
  }

  .display-3 {
    font-size: 26px;
    line-height: 40px;
  }

  .text-300 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-100 {
    font-size: 14px;
  }

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

  .btn-primary {
    padding: 20px 32px;
  }

  .btn-primary.small {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn-primary.small.header-btn-hidde-on-mb {
    display: none;
  }

  .btn-primary.button-row {
    margin-right: 16px;
  }

  .btn-secondary {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .btn-secondary.small {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .badge-secondary.about-card-badge {
    padding: 10px;
  }

  .input {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .rich-text p, .rich-text h2, .rich-text h3 {
    padding-left: 0;
    padding-right: 0;
  }

  .rich-text ul, .rich-text ol {
    padding-left: 24px;
    padding-right: 0;
  }

  .rich-text h6, .rich-text h5 {
    padding-left: 0;
    padding-right: 0;
  }

  .rich-text h4 {
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 24px;
  }

  .section {
    padding-bottom: 56px;
  }

  .section.top {
    padding-top: 100px;
  }

  .section.single-page {
    padding-bottom: 56px;
  }

  .section._80px {
    padding-top: 56px;
  }

  .heading-h1-size {
    font-size: 38px;
    line-height: 46px;
  }

  .heading-h1-size.small-mobile {
    font-size: 24px;
  }

  .heading-h2-size {
    font-size: 26px;
    line-height: 38px;
  }

  .heading-h4-size {
    margin-bottom: 8px;
  }

  .dropdown-toggle {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .dropdown-pd {
    padding-top: 16px;
  }

  .header-logo {
    max-width: 100%;
  }

  .utility-page-wrap {
    min-height: 60vh;
  }

  .footer-list-wrapper.horizontal.left.center-mbl {
    justify-content: center;
  }

  .footer-list-item {
    margin-bottom: 10px;
  }

  .footer-list-item.horizontal.left {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-top {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .footer-top.pd-72px {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .error-message.password {
    margin-left: 24px;
    margin-right: 24px;
  }

  .pd---content-inside-card {
    padding: 32px 24px 40px;
  }

  .pd---content-inside-card.large {
    padding: 56px 40px;
  }

  ._404-not-found {
    font-size: 120px;
    line-height: 110px;
  }

  .arrow-external-wrapper.horizontal-card {
    top: -10px;
    right: -10px;
  }

  .footer-links-wrapper {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .book-img {
    min-height: auto;
    max-height: 100%;
  }

  .c-code-snipets {
    padding: 16px 28px;
  }

  .paragraph-small-mobile {
    font-size: 14px;
    line-height: 26px;
  }

  .accordion-content {
    padding-left: 59px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
    line-height: 38px;
  }

  h2 {
    line-height: 34px;
  }

  .grid-2-columns.footer-grid {
    grid-row-gap: 20px;
  }

  .grid-2-columns.title-and-button {
    margin-bottom: 24px;
  }

  .card.home-section-1 {
    padding: 32px 20px 20px;
  }

  .card.mg-42px {
    padding: 24px 20px 40px;
  }

  .card.pd-32px {
    padding-left: 20px;
    padding-right: 20px;
  }

  .card.rounded-logo {
    text-align: center;
    border-radius: 24px;
    flex-direction: column;
    width: 100%;
    padding: 32px 29px;
  }

  .card.footer-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .card.about-card {
    padding: 72px 20px 30px;
  }

  .card.author-article-single {
    padding-top: 36px;
    padding-left: 21px;
    padding-right: 21px;
  }

  .card.mental-card.horizontal {
    grid-row-gap: 22px;
    flex-direction: column;
  }

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

  .divider {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .mg-bottom-16px {
    margin-bottom: 14px;
  }

  .mg-bottom-24px {
    margin-bottom: 16px;
  }

  .mg-bottom-48px {
    margin-bottom: 40px;
  }

  .mg-top-48px {
    margin-top: 32px;
  }

  .display-3 {
    font-size: 24px;
    line-height: 35px;
  }

  .text-300 {
    font-size: 16px;
    line-height: 18px;
  }

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

  .btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .btn-primary.button-row {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .btn-secondary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .btn-secondary.small.btn-hidden-on-tablet {
    display: none;
  }

  .badge-secondary {
    font-size: 16px;
    line-height: 18px;
  }

  .badge-secondary.article-badge.featured {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 16px;
  }

  .badge-secondary.about-card-badge {
    inset: 22px auto auto 22px;
  }

  .input {
    font-size: 16px;
    line-height: 18px;
  }

  .input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .rich-text h2, .rich-text h3 {
    margin-top: 24px;
  }

  .rich-text ul {
    padding-left: 18px;
  }

  .buttons-row {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section {
    padding-bottom: 56px;
  }

  .section.top {
    padding-top: 66px;
  }

  .section.home-top {
    padding-top: 22px;
  }

  .section.single-page {
    padding-top: 40px;
  }

  .heading-h1-size {
    font-size: 32px;
    line-height: 38px;
  }

  .heading-h2-size {
    font-size: 26px;
    line-height: 34px;
  }

  .header-wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 24px;
  }

  .header-content-wrapper {
    align-items: center;
  }

  .header-nav-list-item {
    text-align: left;
    width: 100%;
  }

  .header-nav-list-item.show-in-tablet {
    justify-content: flex-start;
    width: 100%;
    display: block;
  }

  .dropdown-pd {
    padding-top: 6px;
  }

  .header-logo {
    max-width: 100%;
  }

  .header-logo-link {
    width: 121px;
  }

  .utility-page-wrap {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .flex-horizontal.gap-17px {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .footer-logo {
    width: 100%;
    max-width: 240px;
  }

  .footer-logo-wrapper.width-200px {
    max-width: 230px;
  }

  .footer-list-wrapper.horizontal {
    flex-direction: column;
  }

  .footer-list-item.horizontal {
    margin-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-top {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pd---content-inside-card.large {
    padding: 40px 24px;
  }

  .blog-card-image.square {
    object-fit: cover;
    width: 320px;
  }

  ._404-not-found {
    font-size: 100px;
    line-height: 100px;
  }

  .button-row-margin {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .header-sticky {
    padding-top: 21px;
  }

  .image-br._32px {
    border-radius: 24px;
  }

  .company-card-top, .company-card-top.vertical-content {
    flex-direction: column;
  }

  .company-image-wrapper.brix-templates, .company-image-wrapper.brix-templates-border {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .company-image-wrapper.raised-hand {
    margin-bottom: 18px;
    margin-right: 0;
  }

  .company-text-wrapper {
    max-width: 100%;
  }

  .arrow-external-wrapper {
    display: none;
  }

  .card-icon-border {
    margin-bottom: 8px;
    margin-right: 0;
  }

  .link-footer-wrapper {
    font-size: 15px;
    line-height: 17px;
  }

  .link-item-icon {
    width: 15px;
  }

  .footer-links-wrapper {
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .card-article-details.featured {
    padding: 20px 18px 32px;
  }

  .about-item-icon {
    width: 20px;
    margin-right: 8px;
  }

  .c-code-snipets {
    padding: 11px 20px;
  }

  .empty-state-icon.brix-templates, .empty-state-icon.brix-templates-border {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .empty-state-icon.raised-hand {
    margin-bottom: 18px;
    margin-right: 0;
  }

  .accordion-content {
    padding-left: 0;
  }
}

#w-node-c6c151fa-3168-442e-1d28-59baa91c26d1-c35c50fb, #w-node-_31931430-daab-ffb7-9ba2-c9b0f8ff97db-c35c50fb, #w-node-_7e6322ce-9578-a8a0-91eb-908fdfedf3b1-c35c50fb, #w-node-fdb0c3b6-8da1-a2fe-f154-f58fd5fbf4bd-c35c50fb, #w-node-_8aaa7e46-7f29-c69d-256d-5910a92b91a7-c35c50fb, #w-node-_3751047e-090f-0b89-8509-c463d88d3428-c35c50fb, #w-node-_87b231c6-da0d-4a6d-c274-89f400df9a06-c35c50fb, #w-node-e8bf8277-508f-bb9d-6079-8ce053dde7d7-c35c50fb, #w-node-_257290ef-f4ee-58df-237e-ed3b52f5b23c-c35c50fb, #w-node-_56895e89-249c-3520-36a2-898bab11b47f-ab11b47b, #w-node-_56895e89-249c-3520-36a2-898bab11b484-ab11b47b, #w-node-b0a0a3c1-9c91-6cc2-4595-aa7380fa158a-c35c50fe, #w-node-_46b9b222-4172-0835-30cf-27c27203b406-c35c50fe, #w-node-e84598e4-f061-7244-1da5-ba9ad70e3df0-c35c50fe, #w-node-_0fadef36-bd91-f1b8-7967-8f2e0a7846ce-c35c50fe, #w-node-_0db4450d-a0d1-45c8-8fff-8002d4eea2be-c35c50fe, #w-node-f2493efc-9600-a57d-2a91-038202323d88-c35c50fe, #w-node-fe86f85a-8320-3774-2e85-4d1637b09822-c35c50fe, #w-node-fe86f85a-8320-3774-2e85-4d1637b09823-c35c50fe, #w-node-fe86f85a-8320-3774-2e85-4d1637b09844-c35c50fe, #w-node-fe86f85a-8320-3774-2e85-4d1637b09882-c35c50fe, #w-node-_299c26dd-43eb-9046-7084-37bb8446941b-c35c50fe, #w-node-b89a1bf8-1cf7-3aad-0732-cfdcf3804a25-c35c50ff, #w-node-b89a1bf8-1cf7-3aad-0732-cfdcf3804a26-c35c50ff, #w-node-b89a1bf8-1cf7-3aad-0732-cfdcf3804a43-c35c50ff, #w-node-b89a1bf8-1cf7-3aad-0732-cfdcf3804a5f-c35c50ff, #w-node-b89a1bf8-1cf7-3aad-0732-cfdcf3804a78-c35c50ff, #w-node-b89a1bf8-1cf7-3aad-0732-cfdcf3804afd-c35c50ff, #w-node-b89a1bf8-1cf7-3aad-0732-cfdcf3804b0c-c35c50ff, #w-node-b89a1bf8-1cf7-3aad-0732-cfdcf3804b0d-c35c50ff, #w-node-b89a1bf8-1cf7-3aad-0732-cfdcf3804b32-c35c50ff, #w-node-b89a1bf8-1cf7-3aad-0732-cfdcf3804b5a-c35c50ff, #w-node-b89a1bf8-1cf7-3aad-0732-cfdcf3804bca-c35c50ff, #w-node-_20068610-e8f1-c7dd-5440-b96dede4edf1-ede4eded, #w-node-_20068610-e8f1-c7dd-5440-b96dede4edf6-ede4eded, #w-node-_9b27233d-345a-d872-7099-19d505ef4a6e-c35c5103 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ebbda5ab-8e73-8d0b-4db1-093fdd84ffee-c35c5103 {
  justify-self: end;
}

#w-node-_5b3af785-97cc-6fd4-2d12-db140ec1345a-c35c5105 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cc744b60-e40e-cfdb-aafe-c217077e4752-c35c5105 {
  justify-self: end;
}

#w-node-da557200-dd74-8a29-43f9-00ce16b0f776-c35c510a, #w-node-da557200-dd74-8a29-43f9-00ce16b0f78f-c35c510a, #w-node-_0cca53a7-c15e-0221-e0c6-c6b32fd8e334-c35c510a, #w-node-fee5d74b-5ec8-e67f-8c7e-ef979899ddf3-c35c510a, #w-node-da557200-dd74-8a29-43f9-00ce16b0f7bb-c35c510a, #w-node-da557200-dd74-8a29-43f9-00ce16b0f7c3-c35c510a, #w-node-da557200-dd74-8a29-43f9-00ce16b0f7c7-c35c510a, #w-node-da557200-dd74-8a29-43f9-00ce16b0f7e1-c35c510a, #w-node-da557200-dd74-8a29-43f9-00ce16b0f7e2-c35c510a, #w-node-da557200-dd74-8a29-43f9-00ce16b0f7f0-c35c510a, #w-node-c6c151fa-3168-442e-1d28-59baa91c26d1-c35c510d, #w-node-_31931430-daab-ffb7-9ba2-c9b0f8ff97db-c35c510d, #w-node-be845128-f43e-927c-5675-11aa93ba3d7f-c35c510d, #w-node-fdb0c3b6-8da1-a2fe-f154-f58fd5fbf4bd-c35c510d, #w-node-_8aaa7e46-7f29-c69d-256d-5910a92b91a7-c35c510d, #w-node-_3751047e-090f-0b89-8509-c463d88d3428-c35c510d, #w-node-_87b231c6-da0d-4a6d-c274-89f400df9a06-c35c510d, #w-node-e8bf8277-508f-bb9d-6079-8ce053dde7d7-c35c510d, #w-node-_257290ef-f4ee-58df-237e-ed3b52f5b23c-c35c510d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0505c2b0-63f8-11b2-17a1-600bf34adb04-c35c510d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-da557200-dd74-8a29-43f9-00ce16b0f776-c35c510e, #w-node-da557200-dd74-8a29-43f9-00ce16b0f78f-c35c510e, #w-node-da557200-dd74-8a29-43f9-00ce16b0f791-c35c510e, #w-node-da557200-dd74-8a29-43f9-00ce16b0f7bb-c35c510e, #w-node-da557200-dd74-8a29-43f9-00ce16b0f7c3-c35c510e, #w-node-da557200-dd74-8a29-43f9-00ce16b0f7c7-c35c510e, #w-node-da557200-dd74-8a29-43f9-00ce16b0f7e1-c35c510e, #w-node-da557200-dd74-8a29-43f9-00ce16b0f7e2-c35c510e, #w-node-da557200-dd74-8a29-43f9-00ce16b0f7f0-c35c510e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_373a713c-a61f-30f3-f547-f2d6ce06c730-c35c510e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_797fd6a9-48b4-1ed1-5e5d-9f66c99adf55-c35c510f, #w-node-_797fd6a9-48b4-1ed1-5e5d-9f66c99adf5d-c35c510f, #w-node-_5f919f32-ddd4-6037-d249-18a1026e338f-c35c510f, #w-node-_5f919f32-ddd4-6037-d249-18a1026e3397-c35c510f, #w-node-_69e1296a-abc8-7ebc-37dd-eb998c9c7914-c35c510f, #w-node-_69e1296a-abc8-7ebc-37dd-eb998c9c7917-c35c510f, #w-node-_797fd6a9-48b4-1ed1-5e5d-9f66c99adf55-c35c5111, #w-node-_797fd6a9-48b4-1ed1-5e5d-9f66c99adf5d-c35c5111, #w-node-_5f919f32-ddd4-6037-d249-18a1026e338f-c35c5111, #w-node-_5f919f32-ddd4-6037-d249-18a1026e3397-c35c5111, #w-node-_69e1296a-abc8-7ebc-37dd-eb998c9c7914-c35c5111, #w-node-_69e1296a-abc8-7ebc-37dd-eb998c9c7917-c35c5111, #w-node-c6c151fa-3168-442e-1d28-59baa91c26d1-c35c5116, #w-node-_31931430-daab-ffb7-9ba2-c9b0f8ff97db-c35c5116, #w-node-_7e6322ce-9578-a8a0-91eb-908fdfedf3b1-c35c5116, #w-node-fdb0c3b6-8da1-a2fe-f154-f58fd5fbf4bd-c35c5116, #w-node-_8aaa7e46-7f29-c69d-256d-5910a92b91a7-c35c5116, #w-node-_3751047e-090f-0b89-8509-c463d88d3428-c35c5116, #w-node-_87b231c6-da0d-4a6d-c274-89f400df9a06-c35c5116, #w-node-e8bf8277-508f-bb9d-6079-8ce053dde7d7-c35c5116, #w-node-_257290ef-f4ee-58df-237e-ed3b52f5b23c-c35c5116 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_0505c2b0-63f8-11b2-17a1-600bf34adb04-c35c510d, #w-node-_373a713c-a61f-30f3-f547-f2d6ce06c730-c35c510e {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ebbda5ab-8e73-8d0b-4db1-093fdd84ffee-c35c5103, #w-node-cc744b60-e40e-cfdb-aafe-c217077e4752-c35c5105 {
    justify-self: start;
  }
}


@font-face {
  font-family: 'Social Icons Font';
  src: url('../fonts/social-icon-font.woff2') format('woff2'), url('../fonts/social-icon-font.eot') format('embedded-opentype'), url('../fonts/social-icon-font.woff') format('woff'), url('../fonts/social-icon-font.ttf') format('truetype'), url('../fonts/social-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Square Icons';
  src: url('../fonts/line-square-icons.woff2') format('woff2'), url('../fonts/line-square-icons.eot') format('embedded-opentype'), url('../fonts/line-square-icons.woff') format('woff'), url('../fonts/line-square-icons.ttf') format('truetype'), url('../fonts/line-square-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filled Icons';
  src: url('../fonts/filled-icon-font.woff2') format('woff2'), url('../fonts/filled-icon-font.eot') format('embedded-opentype'), url('../fonts/filled-icon-font.woff') format('woff'), url('../fonts/filled-icon-font.ttf') format('truetype'), url('../fonts/filled-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Rounded Icons';
  src: url('../fonts/line-rounded-icons.woff2') format('woff2'), url('../fonts/line-rounded-icons.eot') format('embedded-opentype'), url('../fonts/line-rounded-icons.woff') format('woff'), url('../fonts/line-rounded-icons.ttf') format('truetype'), url('../fonts/line-rounded-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}