:root {
  --font-xl: 42px;
  --font-lg: 24px;
  --font-md: 20px;
  --font-sm: 18px;
  --font-xs: 16px;
  --font-xxs: 14px;
}
@media (max-width: 768px) {
  :root {
    --font-xl: 18px;
    --font-lg: 16px;
    --font-md: 14px;
    --font-sm: 12px;
    --font-xs: 12px;
    --font-xxs: 12px;
  }
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #222;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  font-size: var(--font-md);
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ4MCIgaGVpZ2h0PSI2NTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik03MzEuMjA3IDY0OS44MDJDOTM1LjQ4NCA2NDIuMTQgMTQ4MCAzMzcuMzI1IDE0ODAgMTgwLjg4OGMwLTE1Ni40MzgtMzA5Ljc0NC0zNi4wNTUtNzIwLTM2LjA1NVMwLTE3NC40ODMgMCAxMzUuMTQ0YzAgMzA5LjYyNyA1MjYuOTMgNTIyLjMyIDczMS4yMDcgNTE0LjY1OHoiIGZpbGw9IiNGNkY4RkEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
  background-size: cover;
  background-position-x: 20vw;
  background-position-y: -10vh;
  background-repeat: no-repeat;
  line-height: 1.4;
}

main {
  flex: 1;
  width: 100%;
}

a {
  color: #65638f;
  text-decoration: none;
}
a:hover {
  color: #5A51FE;
}

.button {
  display: flex;
  background: linear-gradient(65deg, #DA552F, #ea8e39);
  font-family: "Heebo", sans-serif;
  color: #fff;
  display: inline-flex;
  font-size: var(--font-xxs);
  letter-spacing: 0px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  text-decoration: none !important;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  justify-content: center;
  padding: 16px 32px;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 8px 24px rgba(32, 43, 54, 0.12);
  mix-blend-mode: multiply;
  transition: all 0.15s ease;
}
.button:hover {
  color: #fff;
  box-shadow: 0 8px 24px rgba(32, 43, 54, 0.25);
}
.button--link {
  background: rgba(0, 0, 0, 0);
  color: #5A51FE;
  box-shadow: none;
}
.button--link:hover {
  color: #8751FE;
  box-shadow: none;
}

.accent {
  color: #5A51FE;
}

.container {
  max-width: 960px;
  padding: 0 30px;
  margin: auto;
}

h1, h2 {
  font-family: "Heebo", sans-serif;
}

.container-desktop {
  max-width: 960px;
  padding: 0 30px;
  margin: auto;
}
@media (max-width: 768px) {
  .container-desktop {
    max-width: 100%;
    padding: 0;
  }
}

.tobi-zoom__icon {
  display: none;
}

.app__header {
  display: flex;
  flex-direction: row;
  margin-top: 128px;
  margin-bottom: 128px;
  align-items: center;
}
@media (max-width: 768px) {
  .app__header {
    align-items: flex-start;
    margin-top: 32px;
    margin-bottom: 16px;
  }
}
.app__logo-wrapper {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 128 128'%3E%3Cpath fill='%23000000' fill-opacity='.25' d='M127,39.9936461 C127,38.7903132 126.999787,38.3094169 126.998932,37.6973952 C126.997734,36.8388463 126.995351,36.1003538 126.991475,35.4054672 C126.981224,33.8601157 126.963823,32.677907 126.934135,31.5590525 C126.842336,28.1100023 126.62904,25.6316105 126.211869,23.3040467 C125.702647,20.467873 124.882229,17.9719263 123.67673,15.6063079 C122.449414,13.1946317 120.846538,10.988199 118.929595,9.07125611 C117.008368,7.15208352 114.800864,5.54829403 112.393472,4.32315813 C110.029946,3.11969309 107.533677,2.29938669 104.699889,1.79020716 C102.380337,1.37300875 99.9240214,1.16116032 96.4432266,1.06586816 C95.3211569,1.03614446 94.1392318,1.01875508 92.5957107,1.00853247 C91.3739238,1.00170685 90.4127212,1 88.0063539,1 L39.9936461,1 C38.7914672,1 38.3105842,1.00021354 37.6987327,1.00106728 C36.8398451,1.00226573 36.1014799,1.0046495 35.4075926,1.00852536 C33.8609053,1.01876832 32.6783776,1.03616423 31.5599074,1.06584132 C28.0764833,1.16120502 25.6195193,1.37309842 23.3020554,1.79024189 C20.4684547,2.29938771 17.972187,3.11969553 15.6084455,4.32327006 C13.198022,5.5499487 10.9891976,7.15460093 9.07296805,9.07083054 C7.15559944,10.9881991 5.55272367,13.1946317 4.32512961,15.6068537 C3.11990733,17.9719299 2.29948942,20.4678775 1.79032869,23.3037091 C1.37309807,25.6316053 1.15980193,28.1099945 1.06800435,31.5589604 C1.03626554,32.7551171 1.01757134,34.0171587 1.01066018,35.40585 C1.00580909,36.1014959 1.00283141,36.8396036 1.00133423,37.6977877 C1.00026681,38.3096356 1,38.7904043 1,39.9936461 L1,88.0063539 C1,89.2095957 1.00026681,89.6903644 1.00133423,90.3022123 C1.00283145,91.1604211 1.00580925,91.8985268 1.01067362,92.5963985 C1.01757146,93.9828664 1.03626613,95.2449054 1.06800191,96.4409474 C1.15980173,99.8899982 1.37309711,102.368389 1.79026812,104.695953 C2.29978232,107.533754 3.12050319,110.031377 4.32523242,112.395485 C5.55366766,114.807314 7.15712905,117.013242 9.07381859,118.927883 C10.9848748,120.843032 13.1921157,122.447046 15.6086654,123.676842 C17.9721849,124.880303 20.4684522,125.700612 23.3015717,126.209671 C25.634231,126.627756 28.1247436,126.842728 31.5589605,126.934133 C32.6783608,126.963835 33.8608934,126.981232 35.406427,126.991467 C36.1014817,126.99535 36.839851,126.997734 37.6987328,126.998933 C38.3105819,126.999786 38.7914611,127 39.9936461,127 L88.0063539,127 C90.4127064,127 91.3739128,126.998293 92.5945452,126.991474 C94.1391975,126.981245 95.3211377,126.963856 96.4430851,126.934135 C99.8757779,126.842771 102.365579,126.627851 104.700082,126.209758 C107.533683,125.700612 110.029951,124.880304 112.393692,123.67673 C114.806788,122.448691 117.012749,120.845502 118.929595,118.926606 C120.845028,117.013222 122.448482,114.807289 123.677008,112.395283 C124.881634,110.031378 125.702355,107.533755 126.211809,104.696291 C126.62904,102.368395 126.842336,99.8900051 126.934133,96.4410394 C126.963823,95.3221066 126.981224,94.1399023 126.991467,92.5957193 C126.995351,91.8996636 126.997734,91.1611743 126.998932,90.3026049 C126.999787,89.6905831 127,89.2096868 127,88.0063539 L127,39.9936461 Z M128,39.9936461 L128,88.0063539 C128,89.1554735 127.999822,89.6659132 127.998931,90.3040005 C127.997756,91.1460799 127.995421,91.8898789 127.991452,92.6012982 C127.981474,94.1054715 127.964523,95.3089713 127.933781,96.4675642 C127.843948,99.8427421 127.637087,102.412401 127.196124,104.872711 C126.673906,107.781265 125.828126,110.376487 124.567991,112.849321 C123.291747,115.355013 121.626035,117.646508 119.636324,119.634091 C117.646069,121.626474 115.354471,123.292017 112.847244,124.56796 C110.37524,125.82666 107.781617,126.672078 104.876932,127.193996 C102.410492,127.635718 99.8308717,127.84432 96.4696916,127.933781 C95.3082189,127.964549 94.1052761,127.981492 92.6011674,127.991453 C91.326228,127.998575 90.3050105,128 88.0063539,128 L39.9936461,128 C38.8457296,128 38.3352904,127.999822 37.6973374,127.998932 C36.8549528,127.997756 36.1112445,127.995421 35.4008405,127.991452 C33.8951818,127.981481 32.6913911,127.964533 31.5324358,127.933781 C28.1699214,127.844285 25.5893357,127.635644 23.1251521,127.193986 C20.2205207,126.672078 17.6268978,125.82666 15.1549179,124.567972 C12.6450061,123.290663 10.3518444,121.624374 8.36595593,119.634233 C6.37610253,117.646508 4.71039048,115.355013 3.43415827,112.849343 C2.17401191,110.376487 1.32823129,107.781265 0.806006887,104.872673 C0.365050469,102.412401 0.158189852,99.8427431 0.0683559222,96.4675539 C0.0359657484,95.2468493 0.0175170475,93.974416 0.0106859908,92.6013736 C0.00572374719,91.8897522 0.00280476556,91.1459955 0.00133575189,90.3039569 C0.000222584235,89.6658889 0,89.155459 0,88.0063539 L0,39.9936461 C0,38.844541 0.000222584235,38.3341111 0.00133575189,37.6960431 C0.00280476556,36.8540045 0.00572374719,36.1102478 0.0106844957,35.3988767 C0.0175170475,34.025584 0.0359657484,32.7531507 0.0683561947,31.5324358 C0.158189852,28.1572569 0.365050472,25.587599 0.806013628,23.1272896 C1.3279985,20.2200321 2.17354841,17.6265606 3.43414682,15.1528166 C4.70949719,12.6467532 6.37469813,10.3548868 8.36586127,8.36372375 C10.3556876,6.37389742 12.6498948,4.70684874 15.1548934,3.43204028 C17.6268979,2.17334017 20.2205208,1.32792237 23.125206,0.806003966 C25.576843,0.36470929 28.1279236,0.159422104 31.5325412,0.0662158458 C32.6913849,0.0354671347 33.895165,0.0185195057 35.4009703,0.00854728617 C36.1112445,0.00457934077 36.8549528,0.00224367468 37.6973374,0.00106825644 C38.3352904,0.000178090834 38.8457296,0 39.9936461,0 L88.0063539,0 C90.3050105,0 91.326228,0.00142478879 92.6012972,0.00854807822 C94.1052929,0.0185083844 95.3082249,0.0354510907 96.4697074,0.0662188324 C99.8728349,0.159384348 102.42301,0.364637655 104.87691,0.806000101 C107.781617,1.3279224 110.37524,2.17334024 112.84722,3.43202783 C115.349587,4.70549692 117.642192,6.37177197 119.636324,8.36377112 C121.627439,10.3548869 123.29264,12.6467533 124.56796,15.1527559 C125.828589,17.6265604 126.674139,20.2200318 127.196131,23.1273271 C127.637087,25.5875993 127.843948,28.1572579 127.933781,31.5324461 C127.964523,32.6910287 127.981474,33.8945285 127.991453,35.3988341 C127.995421,36.1101211 127.997756,36.8539201 127.998931,37.6959995 C127.999822,38.3340868 128,38.8445265 128,39.9936461 Z'/%3E%3C/svg%3E");
  background-size: contain;
  max-width: 250px;
  max-height: 250px;
  padding: 1px;
  margin-right: 64px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
html[dir=rtl] .app__logo-wrapper {
  margin-left: 64px;
  margin-right: 0;
}
@media (max-width: 768px) {
  .app__logo-wrapper {
    max-width: 100px;
    max-height: 100px;
    margin-right: 16px;
  }
}
.app__logo {
  border-radius: 22.5%;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M512,160.162134 C512,154.043734 512,147.933866 511.965866,141.815466 C511.931734,136.669866 511.872,131.515734 511.735466,126.370134 C511.4368,115.1488 510.7712,103.8336 508.782934,92.7402665 C506.760534,81.4762665 503.458134,70.9973335 498.244266,60.7658665 C493.124266,50.7050666 486.442666,41.5146666 478.464,33.536 C470.485334,25.5658666 461.294934,18.8757334 451.234134,13.7557334 C441.0112,8.5504 430.532266,5.248 419.2768,3.2256 C408.174934,1.2288 396.859734,0.571733335 385.6384,0.264533334 C380.484266,0.128 375.338666,0.0682666665 370.184534,0.0341333334 C364.074666,0 357.956266,0 351.837866,0 L160.162134,0 C154.052266,0 147.933866,0 141.824,0.0341333334 C136.669866,0.0682666665 131.515734,0.128 126.370134,0.264533334 C115.1488,0.571733335 103.825066,1.2288 92.7317335,3.2256 C81.4762665,5.248 70.9973335,8.5504 60.7744,13.7557334 C50.7136,18.8757334 41.5146666,25.5658666 33.5445334,33.536 C25.5658666,41.5146666 18.8842666,50.7050666 13.7642666,60.7658665 C8.5504,70.9973335 5.248,81.4762665 3.2256,92.7402665 C1.23733334,103.8336 0.571733335,115.1488 0.273066666,126.370134 C0.136533334,131.515734 0.0682666665,136.669866 0.0426666666,141.815466 C0,147.933866 0,154.043734 0,160.162134 L0,351.837866 C0,357.956266 0,364.066134 0.0426666666,370.184534 C0.0682666665,375.330134 0.136533334,380.484266 0.273066666,385.629866 C0.571733335,396.8512 1.23733334,408.1664 3.2256,419.259734 C5.248,430.523734 8.5504,441.0112 13.7642666,451.242666 C18.8842666,461.294934 25.5658666,470.485334 33.5445334,478.455466 C41.5146666,486.442666 50.7136,493.124266 60.7744,498.244266 C70.9973335,503.4496 81.4762665,506.752 92.7317335,508.7744 C103.825066,510.762666 115.1488,511.4368 126.370134,511.735466 C131.515734,511.872 136.669866,511.931734 141.824,511.965866 C147.933866,512 154.052266,512 160.162134,512 L351.837866,512 C357.956266,512 364.074666,512 370.184534,511.965866 C375.338666,511.931734 380.484266,511.872 385.6384,511.735466 C396.859734,511.4368 408.174934,510.762666 419.2768,508.7744 C430.532266,506.752 441.0112,503.4496 451.234134,498.244266 C461.294934,493.124266 470.485334,486.442666 478.464,478.455466 C486.442666,470.485334 493.124266,461.294934 498.244266,451.242666 C503.458134,441.0112 506.760534,430.523734 508.782934,419.259734 C510.7712,408.1664 511.4368,396.8512 511.735466,385.629866 C511.872,380.484266 511.931734,375.330134 511.965866,370.184534 C512,364.066134 512,357.956266 512,351.837866 L512,160.162134 Z'/%3E%3C/svg%3E");
  mask-size: cover;
  width: 100%;
  height: auto;
}
.app__name {
  font-size: var(--font-xl);
  margin: 0;
}
.app__description {
  font-size: var(--font-lg);
}
@media (max-width: 768px) {
  .app__description {
    margin-top: 8px;
    margin-bottom: 0;
  }
}
.app__screenshots-list {
  display: grid;
  grid-template-columns: 200px 200px 200px 200px 200px 200px;
  grid-column-gap: 20px;
  padding: 30px 0;
}
@media (max-width: 768px) {
  .app__screenshots-list {
    padding: 32px;
    width: 800px;
  }
}
.app__screenshot {
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 12px 48px rgba(17, 16, 62, 0.12);
  transition: all 0.3s ease-in-out;
  transform: scale(1);
  cursor: pointer;
}
.app__screenshot:hover {
  box-shadow: 0 24px 48px rgba(17, 16, 62, 0.12);
  transform: scale(1.05);
}
.app__screenshots-wrapper {
  overflow-y: auto;
}
.app__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
/*  margin-left: -9.8px;*/
}
.app__buttons--mobile {
  display: none;
}
@media (max-width: 768px) {
  .app__buttons {
    margin-left: 0;
    margin-bottom: 64px;
  }
  .app__buttons--mobile {
    display: flex;
    justify-content: center;
  }
  .app__buttons--desktop {
    display: none;
  }
}
.app__button-play img {
  width: 176.4px;
}
.app__button-ios img {
  width: 140px;
}
.app__button-web {
  margin-left: 12px;
}
.app__button-web img {
  width: 157px;
}
@media (max-width: 768px) {
  .app__button-play img {
    width: 126px;
  }
  .app__button-ios img {
    width: 100px;
  }
  .app__button-web {
    margin-left: 8px;
  }
  .app__button-web img {
    width: 112px;
  }
}
.app__section-title {
  font-size: var(--font-lg);
}
.app__section {
  margin-bottom: 128px;
}
@media (max-width: 768px) {
  .app__section {
    margin-bottom: 64px;
  }
}
.app__featured-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 32px;
  align-items: center;
}
@media (max-width: 768px) {
  .app__featured-content {
    display: block;
    padding: 32px;
  }
}
.app__featured-image {
  width: 100%;
  margin: auto;
}

.footer {
  padding: 16px 0;
  font-size: var(--font-xs) !important;
}
.footer a {
  font-size: var(--font-xs) !important;
}
.footer__container {
  color: #65638f;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .footer__container {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.footer__links {
  list-style: none;
  display: flex;
  padding-left: 0;
}
.footer__link {
  margin-left: 32px;
}
@media (max-width: 768px) {
  .footer__link {
    margin-left: 0;
    margin-right: 8px;
  }
}

.page {
  max-width: 960px;
  padding: 0 30px;
  margin: auto;
}

.darkmode-toggle {
  z-index: 500;
}

.darkmode-background {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ4MCIgaGVpZ2h0PSI2NTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik03MzEuMjA3IDY0OS44MDJDOTM1LjQ4NCA2NDIuMTQgMTQ4MCAzMzcuMzI1IDE0ODAgMTgwLjg4OGMwLTE1Ni40MzgtMzA5Ljc0NC0zNi4wNTUtNzIwLTM2LjA1NVMwLTE3NC40ODMgMCAxMzUuMTQ0YzAgMzA5LjYyNyA1MjYuOTMgNTIyLjMyIDczMS4yMDcgNTE0LjY1OHoiIGZpbGw9IiNGNkY4RkEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) !important;
  background-size: cover !important;
  background-position-x: 20vw !important;
  background-position-y: -10vh !important;
  background-repeat: no-repeat !important;
}