@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../fonts/nunito-cyr.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../fonts/nunito-lat.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/nunito-it-cyr.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/nunito-it-lat.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+2000-206F;
}
@font-face {
  font-family: "Amatic SC";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/amatic-cyr.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Amatic SC";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/amatic-lat.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+2000-206F;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plexmono-400-cyr.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plexmono-400-lat.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+2000-206F;
}
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 24px;
}

body {
  margin: 0;
  color: #1b1530;
  background: #fffdfb;
  font: 400 19px/1.62 "Nunito", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

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

picture {
  display: contents;
}

picture > source {
  display: none;
}

html.js img[data-lq] {
  background-image: var(--lq);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

html.js .case__prop[data-lq], html.js .ways img[data-lq], html.js .short__item img[data-lq] {
  background-size: contain;
  background-position: center;
}

a {
  color: #1b1530;
  text-decoration-color: #ff4fa3;
  text-decoration-thickness: 3px;
  text-underline-offset: 3px;
}

a:hover {
  text-decoration-color: #1b1530;
}

:focus-visible {
  outline: 3px dashed #c4176c;
  outline-offset: 4px;
}

p {
  margin: 0 0 18px;
}

strong {
  font-weight: 800;
}

h1, h2, h3 {
  text-wrap: balance;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

html:not(.js) .js-only {
  display: none !important;
}

.measure {
  max-width: 42rem;
}

.skip {
  position: absolute;
  left: -999px;
  top: 10px;
  z-index: 50;
  padding: 10px 16px;
  background: #ffd23f;
  border: 2.5px solid #1b1530;
  border-radius: 99px;
  font-weight: 800;
}

.skip:focus {
  left: 10px;
}

.top {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 74rem;
  margin: 0 auto;
  padding: 18px clamp(16px, 4vw, 40px);
}

.top__logo img {
  width: 120px;
}

.crumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: #554c6b;
}

.crumbs li + li::before {
  content: "›";
  margin-right: 6px;
  color: #c4176c;
}

.crumbs a {
  color: #554c6b;
  text-decoration-thickness: 2px;
}

.toc-fab {
  position: fixed;
  left: 12px;
  bottom: 16px;
  z-index: 30;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  text-decoration: none;
  color: #1b1530;
  background: #fff;
  border: 2.5px solid #1b1530;
  border-radius: 50%;
  box-shadow: 4px 4px 0 #1b1530;
  transition: transform 0.25s, opacity 0.25s;
}

.toc-fab__ico {
  display: grid;
  gap: 4px;
}

.toc-fab__ico i {
  display: block;
  width: 20px;
  height: 3px;
  border-radius: 2px;
  background: #1b1530;
}

.toc-fab__ico i:nth-child(2) {
  width: 14px;
  background: #c4176c;
}

.toc-fab__label {
  position: absolute;
  left: 62px;
  top: 50%;
  transform: translateY(-50%);
  padding: 6px 12px;
  font: 800 14px/1 "Nunito", system-ui, sans-serif;
  white-space: nowrap;
  background: #ffd23f;
  border: 2px solid #1b1530;
  border-radius: 99px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}

.toc-fab:hover .toc-fab__label, .toc-fab:focus-visible .toc-fab__label {
  opacity: 1;
}

html.js .toc-fab.is-away {
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  visibility: hidden;
}

.marquee {
  overflow: hidden;
  background: #1b1530;
  color: #ffd23f;
  border-block: 2.5px solid #1b1530;
}

.marquee--pink {
  background: #c4176c;
  color: #fff;
}

.marquee__track {
  display: flex;
  width: max-content;
  font: 700 34px/1.6 "Amatic SC", "Comic Sans MS", cursive;
  letter-spacing: 0.04em;
}

.marquee__track {
  animation: run 46s linear infinite;
}

@keyframes run {
  to {
    transform: translateX(-50%);
  }
}
.foot {
  max-width: 74rem;
  margin: 0 auto;
  padding: 40px clamp(16px, 4vw, 40px) 90px;
  display: grid;
  gap: 8px;
  justify-items: start;
  font-size: 15px;
  color: #554c6b;
  border-top: 2px dashed rgba(27, 21, 48, 0.25);
}

.foot p {
  margin: 0;
}

@media (max-width: 1160px) {
  html:not(.js) .toc-fab {
    display: none;
  }
}
@media (max-width: 720px) {
  .top {
    gap: 10px 14px;
    padding-top: 14px;
  }
  .crumbs ol {
    font-size: 13px;
  }
  .toc-fab {
    left: auto;
    right: 12px;
    bottom: 12px;
    width: 48px;
    height: 48px;
  }
  .toc-fab__label {
    left: auto;
    right: 56px;
  }
}
.cloud, .ch-head {
  position: relative;
  isolation: isolate;
  text-align: center;
}

.cloud__shape {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: visible;
}

.cloud__shape path {
  fill: #fff;
  stroke: #1b1530;
  stroke-width: 2.5px;
}

.cloud__num {
  margin: 0;
  font: 700 36px/1 "Amatic SC", "Comic Sans MS", cursive;
  color: #c4176c;
}

.ch-head {
  max-width: 900px;
  margin: 0 auto 44px;
  padding: 74px 100px 80px;
}

.ch-head h2 {
  margin: 2px 0 0;
  font: 700 clamp(42px, 5.4vw, 76px)/0.95 "Amatic SC", "Comic Sans MS", cursive;
  letter-spacing: 0.01em;
}

.ch-head--lilac .cloud__shape path {
  fill: #efe8ff;
}

.ch-head--yellow .cloud__shape path {
  fill: #fff4c4;
}

.ch-head--mint .cloud__shape path {
  fill: #dcf6ec;
}

.ch-head--sky .cloud__shape path {
  fill: #e2f4ff;
}

.ch-head--pink .cloud__shape path {
  fill: #ffe3f1;
}

.ch-head--white .cloud__shape path {
  fill: #fff;
}

@media (max-width: 720px) {
  .ch-head {
    padding: 52px max(30px, 9%) 58px;
    margin-bottom: 30px;
  }
  .ch-head .cloud__shape {
    inset: 0 -8px;
    width: calc(100% + 16px);
  }
  .ch-head h2 {
    font-size: clamp(34px, 10.4vw, 42px);
  }
  .cloud__num {
    font-size: 30px;
  }
}
.ch {
  position: relative;
  overflow-x: clip;
  padding: 96px clamp(16px, 5vw, 64px);
}

.ch > * {
  max-width: 74rem;
  margin-left: auto;
  margin-right: auto;
}

.ch > .measure {
  max-width: 42rem;
}

.ch--choose, .ch--team, .ch--decide {
  background: radial-gradient(circle at 12% 18%, #efe8ff, transparent 38%), radial-gradient(circle at 88% 70%, #fff4c4, transparent 40%), #fffdfb;
}

.ch--plan, .ch--faq {
  background: radial-gradient(circle at 85% 12%, #e2f4ff, transparent 40%), #fffdfb;
}

.ch--errors {
  background: radial-gradient(circle at 10% 10%, #ffe3f1, transparent 36%), radial-gradient(circle at 92% 45%, #dcf6ec, transparent 36%), #fffdfb;
}

.char {
  position: absolute;
  width: clamp(110px, 16vw, 240px);
  pointer-events: none;
  filter: drop-shadow(0 14px 16px rgba(27, 21, 48, 0.18));
}

.tape {
  position: absolute;
  top: -14px;
  left: 50%;
  width: 110px;
  height: 28px;
  margin-left: -55px;
  background: rgba(255, 210, 63, 0.8);
  transform: rotate(-3deg);
  border-radius: 3px;
  z-index: 1;
}

.card {
  position: relative;
  background: #fff;
  border: 2.5px solid #1b1530;
  border-radius: 26px;
  box-shadow: 6px 6px 0 #1b1530;
}

.btn {
  display: inline-block;
  padding: 16px 30px;
  font: 800 20px/1.2 "Nunito", system-ui, sans-serif;
  color: #1b1530;
  text-decoration: none;
  background: #ffd23f;
  border: 2.5px solid #1b1530;
  border-radius: 99px;
  box-shadow: 5px 5px 0 #1b1530;
  transition: transform 0.15s, box-shadow 0.15s, background-color 0.15s;
}

.btn:hover, .btn:focus-visible {
  background: #c4176c;
  color: #fff;
}

.btn:active {
  transform: translate(3px, 3px);
  box-shadow: 2px 2px 0 #1b1530;
}

.btn--big {
  font-size: 22px;
  padding: 18px 34px;
}

.caveats-title {
  margin: 56px auto 18px;
  font: 700 38px/1 "Amatic SC", "Comic Sans MS", cursive;
  color: #c4176c;
}

.notes {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
}

.note {
  padding: 30px 28px 24px;
  border: 2.5px solid #1b1530;
  border-radius: 6px 26px 6px 26px;
  box-shadow: 6px 6px 0 #1b1530;
  font-size: 18px;
}

.note--yellow {
  background: #fff2b3;
  transform: rotate(-1.2deg);
}

.note--pink {
  background: #ffe3f1;
  transform: rotate(1deg);
}

@media (max-width: 1040px) {
  .notes {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  body {
    font-size: 17.5px;
  }
  .ch {
    padding: 64px 16px;
  }
  .note {
    transform: none;
    padding: 24px 20px 18px;
  }
  .btn {
    font-size: 18px;
    padding: 14px 24px;
  }
}
.cover {
  position: relative;
  overflow-x: clip;
  padding: 30px clamp(16px, 5vw, 64px) 80px;
}

.cloud--hero {
  max-width: 1080px;
  margin: 0 auto;
  padding: 116px 150px 128px;
}

.cloud--hero .cloud__shape path {
  fill: #efe8ff;
}

.cover h1 {
  margin: 6px 0 12px;
  font: 700 clamp(54px, 7.6vw, 112px)/0.92 "Amatic SC", "Comic Sans MS", cursive;
  letter-spacing: 0.01em;
}

.byline {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #554c6b;
}

.byline em {
  font-style: normal;
}

.byline__date {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.char--cover-a {
  left: clamp(0px, 3vw, 80px);
  top: 40px;
  transform: rotate(-10deg);
}

.char--cover-b {
  right: clamp(0px, 3vw, 80px);
  top: 300px;
  transform: rotate(8deg);
}

.card--lead {
  max-width: 800px;
  margin: -36px auto 0;
  padding: 36px 42px 28px;
  transform: rotate(-1deg);
}

.lead {
  margin: 0;
  font-size: 22px;
  line-height: 1.55;
}

.short-title {
  max-width: 74rem;
  margin: 64px auto 8px;
  text-align: center;
  font: 700 44px/1 "Amatic SC", "Comic Sans MS", cursive;
  color: #c4176c;
}

.short {
  list-style: none;
  max-width: 74rem;
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  align-items: start;
}

.short__item {
  position: relative;
  padding: 110px 24px 24px;
  border: 2.5px solid #1b1530;
  border-radius: 26px;
  box-shadow: 6px 6px 0 #1b1530;
  font-size: 18px;
}

.short__item img {
  position: absolute;
  top: -40px;
  left: 18px;
  width: 128px;
  height: 128px;
  object-fit: contain;
}

.short__item--lilac {
  background: #efe8ff;
  transform: rotate(-1.5deg);
}

.short__item--sky {
  background: #e2f4ff;
  transform: rotate(1deg);
  margin-top: 26px;
}

.short__item--yellow {
  background: #fff4c4;
  transform: rotate(-0.6deg);
}

.next-line {
  max-width: 760px;
  margin: 50px auto 0;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.contents {
  max-width: 74rem;
  margin: 0 auto 70px;
  padding: 0 clamp(16px, 5vw, 64px);
}

.contents__title {
  margin: 0 0 14px;
  text-align: center;
  font: 700 40px/1 "Amatic SC", "Comic Sans MS", cursive;
}

.contents__list {
  list-style: none;
  margin: 0 auto;
  padding: 22px;
  max-width: 1060px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  background: repeating-linear-gradient(45deg, #efe8ff 0 14px, #f6f1ff 14px 28px);
  border: 2.5px solid #1b1530;
  border-radius: 22px;
  box-shadow: 6px 6px 0 #1b1530;
}

.contents__list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: #fff;
  border: 2px solid #1b1530;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 800;
  font-size: 17px;
  line-height: 1.3;
  transition: transform 0.15s;
}

.contents__list a:hover, .contents__list a:focus-visible {
  transform: rotate(-1deg) translateY(-2px);
  background: #fff4c4;
}

.contents__list span {
  flex: none;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font: 700 24px/1 "Amatic SC", "Comic Sans MS", cursive;
  color: #fff;
  background: #c4176c;
}

@media (max-width: 1040px) {
  .cloud--hero {
    padding: 100px max(50px, 11%) 110px;
  }
  .char--cover-a {
    top: 0;
  }
  .char--cover-b {
    display: none;
  }
  .short {
    grid-template-columns: 1fr;
    gap: 54px;
    max-width: 640px;
  }
  .short__item--sky {
    margin-top: 0;
  }
}
@media (max-width: 720px) {
  .cover {
    padding: 20px 14px 60px;
  }
  .cloud--hero {
    padding: 106px max(22px, 9%) 112px;
  }
  .byline {
    font-size: 14px;
    letter-spacing: 0.1em;
  }
  .byline__date {
    margin-top: 4px;
    font-size: 12px;
    letter-spacing: 0.06em;
  }
  .cloud--hero .cloud__shape {
    inset: 0 -10px;
    width: calc(100% + 20px);
  }
  .cover h1 {
    font-size: clamp(40px, 12.4vw, 50px);
  }
  .char {
    width: 98px;
  }
  .char--cover-a {
    left: 16px;
    top: -4px;
  }
  .char--cover-b {
    display: none;
  }
  .card--lead {
    margin-top: 6px;
    padding: 30px 20px 20px;
    transform: none;
  }
  .lead {
    font-size: 18.5px;
  }
  .short__item {
    padding: 96px 18px 18px;
    transform: none !important;
    font-size: 17px;
  }
  .short__item img {
    width: 104px;
    height: 104px;
    top: -30px;
  }
  .next-line {
    font-size: 18px;
  }
  .contents__list {
    grid-template-columns: 1fr;
    padding: 14px;
  }
  .contents__list a {
    font-size: 16px;
  }
}
.ways-wrap {
  margin-bottom: 40px;
}

.ways {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 18px;
  font-size: 18px;
  line-height: 1.45;
}

.ways thead th {
  text-align: left;
  padding: 0 20px;
  font: 800 13px/1.2 "Nunito", system-ui, sans-serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #554c6b;
}

.ways tbody th, .ways td {
  padding: 22px 20px;
  vertical-align: top;
  text-align: left;
  border-top: 2.5px solid #1b1530;
  border-bottom: 2.5px solid #1b1530;
  background: #fff;
}

.ways tbody th {
  width: 28%;
  border-left: 2.5px solid #1b1530;
  border-radius: 26px 0 0 26px;
  font-weight: 900;
  font-size: 21px;
}

.ways tbody th img {
  width: 96px;
  height: 76px;
  object-fit: contain;
  margin-bottom: 8px;
}

.ways td:last-child {
  border-right: 2.5px solid #1b1530;
  border-radius: 0 26px 26px 0;
}

.ways tbody .ways__row--lilac th {
  background: #efe8ff;
}

.ways tbody .ways__row--sky th {
  background: #e2f4ff;
}

.ways tbody .ways__row--yellow th {
  background: #fff4c4;
}

.ways tbody .ways__row--yellow th img {
  width: 190px;
  height: 76px;
}

.ways-text {
  margin: 0 auto;
  font-size: 19px;
}

@media (max-width: 720px) {
  .ways thead {
    display: none;
  }
  .ways, .ways tbody, .ways tr, .ways th, .ways td {
    display: block;
    width: auto !important;
  }
  .ways tr {
    margin-bottom: 18px;
    border: 2.5px solid #1b1530;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 4px 4px 0 #1b1530;
  }
  .ways tbody th, .ways td, .ways td:last-child {
    border: 0;
    border-radius: 0;
  }
  .ways tbody th {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 19px;
  }
  .ways tbody th img {
    margin: 0;
    width: 64px;
    height: 56px;
  }
  .ways tbody .ways__row--yellow th img {
    width: 120px;
  }
  .ways td {
    padding: 14px 18px;
    font-size: 16.5px;
  }
  .ways td::before {
    content: attr(data-label);
    display: block;
    font: 800 11px/1.4 "Nunito", system-ui, sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #554c6b;
  }
}
.paths {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  gap: 50px;
  align-items: center;
  margin-bottom: 50px;
}

.paths__label {
  margin: 0 0 12px;
  font: 700 36px/1 "Amatic SC", "Comic Sans MS", cursive;
  color: #554c6b;
}

.paths__label--pink {
  color: #c4176c;
  text-align: center;
}

.tape-road {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 10px;
  counter-reset: s;
}

.tape-road li {
  counter-increment: s;
  position: relative;
  padding: 10px 16px 10px 40px;
  background: #fff;
  border: 2px solid #1b1530;
  border-radius: 12px;
  font-weight: 800;
  font-size: 16px;
  box-shadow: 3px 3px 0 rgba(27, 21, 48, 0.8);
}

.tape-road li::before {
  content: counter(s);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #d9d4e6;
  font-size: 12px;
}

.tape-road li:nth-child(odd) {
  transform: rotate(-2deg);
}

.tape-road li:nth-child(even) {
  transform: rotate(1.5deg);
}

.tape-road li:nth-child(5), .tape-road li:nth-child(7) {
  background: #ffe3f1;
}

.paths__new img {
  width: min(440px, 100%);
  margin: 0 auto;
  filter: drop-shadow(0 14px 16px rgba(27, 21, 48, 0.18));
}

.paths__note {
  margin: 6px 0 0;
  text-align: center;
  font: 700 30px/1 "Amatic SC", "Comic Sans MS", cursive;
  color: #1b1530;
}

.read-2 {
  display: grid;
  grid-template-columns: minmax(0, 42rem) 250px;
  gap: 56px;
  justify-content: center;
  align-items: center;
}

.read-2__text p:last-child {
  margin-bottom: 0;
}

.p-variants strong {
  background: #ffd23f;
  padding: 0 6px;
  border-radius: 8px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.deck {
  display: grid;
  justify-items: center;
  gap: 12px;
}

.deck__cards {
  position: relative;
  width: 210px;
  height: 250px;
}

.deck__card {
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 220px;
  padding: 14px;
  display: grid;
  gap: 8px;
  align-content: start;
  background: #fff;
  border: 2.5px solid #1b1530;
  border-radius: 18px;
  box-shadow: 5px 5px 0 #1b1530;
  transition: transform 0.35s, z-index 0s 0.15s;
}

.deck__card i {
  display: block;
  border-radius: 8px;
}

.deck__card b {
  position: absolute;
  left: 14px;
  bottom: 10px;
  font: 700 26px/1 "Amatic SC", "Comic Sans MS", cursive;
}

.deck__card--1 {
  background: #efe8ff;
  z-index: 3;
  transform: rotate(-6deg);
}

.deck__card--1 i:nth-child(1) {
  height: 56px;
  background: #b39bff;
}

.deck__card--1 i:nth-child(2) {
  height: 12px;
  width: 70%;
  background: #1b1530;
}

.deck__card--1 i:nth-child(3) {
  height: 50px;
  background: #fff;
  border: 2px solid #1b1530;
}

.deck__card--2 {
  background: #fff4c4;
  z-index: 2;
  transform: translate(18px, 12px) rotate(3deg);
}

.deck__card--2 i:nth-child(1) {
  height: 12px;
  width: 60%;
  background: #1b1530;
}

.deck__card--2 i:nth-child(2) {
  height: 76px;
  background: #ffd23f;
}

.deck__card--2 i:nth-child(3) {
  height: 26px;
  width: 50%;
  background: #ff4fa3;
}

.deck__card--3 {
  background: #e2f4ff;
  z-index: 1;
  transform: translate(32px, 26px) rotate(-1deg);
}

.deck__card--3 i:nth-child(1) {
  height: 36px;
  background: #6cc7ff;
}

.deck__card--3 i:nth-child(2) {
  height: 36px;
  background: #fff;
  border: 2px solid #1b1530;
}

.deck__card--3 i:nth-child(3) {
  height: 36px;
  width: 80%;
  background: #6cc7ff;
}

.deck__btn {
  font: 800 16px/1 "Nunito", system-ui, sans-serif;
  padding: 12px 18px;
  border: 2.5px solid #1b1530;
  border-radius: 99px;
  background: #fff;
  color: #1b1530;
  cursor: pointer;
  box-shadow: 3px 3px 0 #1b1530;
}

.deck__btn:hover {
  background: #fff4c4;
}

.deck__status {
  margin: 0;
  font-size: 15px;
  color: #554c6b;
  text-align: center;
}

.deck__card.is-pos-0 {
  z-index: 3;
  transform: rotate(-6deg);
}

.deck__card.is-pos-1 {
  z-index: 2;
  transform: translate(18px, 12px) rotate(3deg);
}

.deck__card.is-pos-2 {
  z-index: 1;
  transform: translate(32px, 26px) rotate(-1deg);
}

@media (max-width: 1040px) {
  .paths {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .read-2 {
    grid-template-columns: minmax(0, 42rem);
    gap: 34px;
    justify-items: center;
  }
}
@media (max-width: 720px) {
  .tape-road li {
    font-size: 14px;
    padding: 8px 12px 8px 36px;
  }
  .paths__label {
    font-size: 30px;
  }
}
.prepare {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 50px;
  align-items: start;
}

.prepare__aside {
  position: sticky;
  top: 30px;
  display: grid;
  justify-items: center;
  gap: 14px;
}

.prepare__aside img {
  width: 220px;
  filter: drop-shadow(0 14px 16px rgba(27, 21, 48, 0.18));
}

.prepare__count {
  margin: 0;
  padding: 10px 18px;
  font: 700 30px/1 "Amatic SC", "Comic Sans MS", cursive;
  background: #dcf6ec;
  border: 2.5px solid #1b1530;
  border-radius: 99px;
  box-shadow: 3px 3px 0 #1b1530;
}

.prepare__status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  margin-top: 22px;
}

.prepare__status .prepare__count {
  font-size: 26px;
  padding: 8px 16px;
}

.prepare__reset {
  font: 700 15px/1 "Nunito", system-ui, sans-serif;
  color: #554c6b;
  background: none;
  border: 0;
  text-decoration: underline;
  text-decoration-color: #ff4fa3;
  text-underline-offset: 3px;
  cursor: pointer;
  padding: 6px;
}

.prepare__intro {
  font-size: 21px;
  font-weight: 700;
}

.checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.checklist li {
  display: flex;
}

.checklist label {
  position: relative;
  flex: 1;
  display: block;
  padding: 50px 18px 18px;
  background: #fff;
  border: 2.5px solid #1b1530;
  border-radius: 20px;
  box-shadow: 4px 4px 0 #1b1530;
  font-size: 16.5px;
  line-height: 1.5;
  cursor: pointer;
  transition: transform 0.15s, background-color 0.2s;
}

.checklist li:nth-child(3n+1) label {
  background: #dcf6ec;
}

.checklist li:nth-child(3n+2) label {
  background: #fff;
}

.checklist li:nth-child(3n) label {
  background: #fff4c4;
}

.checklist input {
  position: absolute;
  top: 14px;
  left: 16px;
  width: 26px;
  height: 26px;
  margin: 0;
  accent-color: #c4176c;
  cursor: pointer;
}

.checklist label:hover {
  transform: translateY(-2px) rotate(-0.5deg);
}

.checklist label:has(input:checked) {
  background: #ffe3f1;
}

.checklist label:has(input:checked)::after {
  content: "готово";
  position: absolute;
  top: 12px;
  right: 14px;
  padding: 2px 10px;
  font: 700 22px/1 "Amatic SC", "Comic Sans MS", cursive;
  color: #fff;
  background: #c4176c;
  border-radius: 99px;
  transform: rotate(4deg);
}

.vk {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 26px;
  align-items: center;
  max-width: 860px;
  margin-top: 60px;
}

.vk img {
  width: 150px;
  transform: rotate(-6deg);
  filter: drop-shadow(0 12px 14px rgba(27, 21, 48, 0.2));
}

.bubble-line {
  position: relative;
  margin: 0;
  padding: 26px 30px;
  background: #e2f4ff;
  border: 2.5px solid #1b1530;
  border-radius: 30px;
  box-shadow: 6px 6px 0 #1b1530;
  font-size: 19px;
  font-weight: 700;
}

.bubble-line::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 40px;
  width: 26px;
  height: 26px;
  background: #e2f4ff;
  border-left: 2.5px solid #1b1530;
  border-bottom: 2.5px solid #1b1530;
  transform: rotate(45deg);
}

@media (max-width: 1040px) {
  .prepare {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .prepare__aside {
    position: static;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center;
  }
  .prepare__aside img {
    width: 120px;
  }
  .prepare__count--side {
    display: none;
  }
  .checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .checklist {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .checklist label {
    padding: 16px 16px 16px 54px;
  }
  .checklist input {
    top: 16px;
  }
  .checklist label:has(input:checked)::after {
    position: static;
    display: inline-block;
    margin: 2px 0 0 8px;
    vertical-align: 2px;
    font-size: 18px;
  }
  .vk {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .vk img {
    width: 110px;
  }
  .bubble-line {
    font-size: 17.5px;
    padding: 22px 20px;
  }
  .bubble-line::before {
    left: 50%;
    top: -15px;
    margin-left: -13px;
    transform: rotate(135deg);
  }
}
.trail {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  counter-reset: st;
  display: grid;
  gap: 26px;
  max-width: 840px;
}

.trail::before {
  content: "";
  position: absolute;
  left: 38px;
  top: 20px;
  bottom: 20px;
  border-left: 4px dashed #ff4fa3;
}

.trail__step {
  counter-increment: st;
  position: relative;
  padding-left: 104px;
}

.trail__step::before {
  content: counter(st);
  position: absolute;
  left: 6px;
  top: 6px;
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  font: 700 40px/1 "Amatic SC", "Comic Sans MS", cursive;
  color: #1b1530;
  background: #ffd23f;
  border: 2.5px solid #1b1530;
  box-shadow: 3px 3px 0 #1b1530;
}

.trail__step:nth-child(even)::before {
  background: #6cc7ff;
}

.trail__step p {
  margin: 0;
  padding: 22px 26px;
  background: #fff;
  border: 2.5px solid #1b1530;
  border-radius: 22px;
  box-shadow: 4px 4px 0 #1b1530;
  font-size: 18px;
}

.trail__step--prop {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  gap: 20px;
  align-items: center;
}

.trail__step--prop p {
  grid-column: 1;
  grid-row: 1;
}

.trail__prop {
  grid-column: 2;
  grid-row: 1;
  width: 150px;
  justify-self: center;
  filter: drop-shadow(0 12px 14px rgba(27, 21, 48, 0.18));
}

.prompt {
  max-width: 1060px;
  margin: 90px auto 0;
}

.prompt__head {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}

.prompt__char {
  width: 150px;
  transform: rotate(-8deg);
}

.prompt h3 {
  margin: 0 0 8px;
  font: 700 clamp(40px, 4.6vw, 62px)/1 "Amatic SC", "Comic Sans MS", cursive;
}

.prompt__head p {
  margin: 0;
  font-size: 19px;
}

.pad {
  position: relative;
  background: #fffdf3;
  border: 2.5px solid #1b1530;
  border-radius: 22px;
  box-shadow: 6px 6px 0 #1b1530;
  overflow: hidden;
}

.pad__bar {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 12px 18px;
  background: #efe8ff;
  border-bottom: 2.5px solid #1b1530;
}

.pad__dots {
  display: flex;
  gap: 6px;
  margin-right: auto;
}

.pad__dots i {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #1b1530;
  background: #ff4fa3;
}

.pad__dots i:nth-child(2) {
  background: #ffd23f;
}

.pad__dots i:nth-child(3) {
  background: #5fd3ad;
}

.copy {
  font: 800 16px/1 "Nunito", system-ui, sans-serif;
  padding: 12px 18px;
  color: #1b1530;
  background: #ffd23f;
  border: 2.5px solid #1b1530;
  border-radius: 99px;
  box-shadow: 3px 3px 0 #1b1530;
  cursor: pointer;
}

.copy:hover, .copy:focus-visible {
  background: #c4176c;
  color: #fff;
}

.copy__status {
  min-height: 1.2em;
  font-weight: 800;
  font-size: 15px;
  color: #c4176c;
}

.pad__text {
  margin: 0;
  padding: 24px 26px 28px;
  font: 400 15.5px/1.65 "IBM Plex Mono", ui-monospace, monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: #1b1530;
  background: repeating-linear-gradient(transparent 0 25.5px, rgba(108, 199, 255, 0.18) 25.5px 26px);
}

.pad__text:focus-visible {
  outline-offset: -6px;
}

.prompt__after {
  margin: 22px auto 0;
  text-align: center;
  font-weight: 800;
  font-size: 18px;
}

@media (max-width: 720px) {
  .trail::before {
    left: 22px;
  }
  .trail__step {
    padding-left: 62px;
  }
  .trail__step::before {
    width: 46px;
    height: 46px;
    font-size: 28px;
    left: 0;
  }
  .trail__step p {
    padding: 18px;
    font-size: 16.5px;
  }
  .trail__step--prop {
    grid-template-columns: 1fr;
  }
  .trail__prop {
    grid-row: 2;
    grid-column: 1;
    width: 100px;
  }
  .prompt__head {
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 14px;
  }
  .prompt__char {
    width: 90px;
  }
  .prompt h3 {
    font-size: 40px;
  }
  .prompt__head p {
    font-size: 17px;
  }
  .pad__text {
    padding: 18px 16px 22px;
    font-size: 14px;
  }
}
.team-intro {
  font-size: 21px;
  font-weight: 700;
  text-align: center;
}

.team {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  max-width: 1000px;
  margin-top: 34px;
  margin-bottom: 40px;
}

.role {
  display: grid;
  justify-items: center;
  gap: 4px;
  padding: 10px 6px 14px;
  border: 2.5px solid transparent;
  border-radius: 26px;
  background: none;
  color: #1b1530;
  font: inherit;
}

html.js .role {
  cursor: pointer;
}

.role img {
  width: min(180px, 100%);
  transition: transform 0.25s;
}

.role:hover img, .role:focus-visible img {
  transform: translateY(-6px) rotate(-3deg);
}

.role[aria-expanded=true] {
  border-color: #1b1530;
  background: #fff;
  box-shadow: 5px 5px 0 #1b1530;
}

.role__tag {
  font: 700 30px/1 "Amatic SC", "Comic Sans MS", cursive;
}

.bubble {
  grid-column: 1/-1;
  order: 10;
  position: relative;
  width: 100%;
  max-width: 780px;
  min-height: 76px;
  margin: 8px auto 26px;
  padding: 20px 28px;
  text-align: center;
  font-size: 19px;
  font-weight: 800;
  background: #fff;
  border: 2.5px solid #1b1530;
  border-radius: 30px;
  box-shadow: 5px 5px 0 #1b1530;
}

.bubble::before {
  content: "";
  position: absolute;
  top: -16px;
  left: var(--tail, 50%);
  width: 26px;
  height: 26px;
  background: #fff;
  border-left: 2.5px solid #1b1530;
  border-top: 2.5px solid #1b1530;
  transform: translateX(-50%) rotate(45deg);
}

.bubble__hint {
  font-weight: 400;
  color: #554c6b;
}

.process {
  list-style: none;
  padding: 0;
  counter-reset: pr;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  margin-top: 0;
  margin-bottom: 64px;
}

.process__step {
  counter-increment: pr;
  position: relative;
  padding: 26px 64px 24px 26px;
  border: 2.5px solid #1b1530;
  border-radius: 24px;
  box-shadow: 6px 6px 0 #1b1530;
}

.process__step::before {
  content: counter(pr);
  position: absolute;
  top: -18px;
  right: 20px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font: 700 28px/1 "Amatic SC", "Comic Sans MS", cursive;
  color: #fff;
  background: #c4176c;
  border: 2px solid #1b1530;
}

.process__step p {
  margin: 0;
  max-width: 38rem;
  font-size: 17px;
}

.process__step--mint {
  background: #dcf6ec;
}

.process__step--lilac {
  background: #efe8ff;
}

.process__step--yellow {
  background: #fff4c4;
}

.process__step--pink {
  background: #ffe3f1;
}

.process__step--sky {
  background: #e2f4ff;
}

.table-wrap {
  max-width: 1080px;
}

.candy {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
  font-size: 17.5px;
  line-height: 1.45;
}

.candy thead th {
  text-align: left;
  padding: 0 18px 4px;
  font: 800 13px/1.2 "Nunito", system-ui, sans-serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #554c6b;
}

.candy thead th:last-child {
  color: #c4176c;
}

.candy tbody th, .candy td {
  padding: 16px 18px;
  vertical-align: top;
  text-align: left;
  background: #fff;
  border-top: 2.5px solid #1b1530;
  border-bottom: 2.5px solid #1b1530;
}

.candy tbody th {
  font-weight: 900;
  border-left: 2.5px solid #1b1530;
  border-radius: 20px 0 0 20px;
  width: 22%;
}

.candy td:last-child {
  border-right: 2.5px solid #1b1530;
  border-radius: 0 20px 20px 0;
  font-weight: 700;
}

.candy td:nth-of-type(1) {
  color: #554c6b;
}

.candy tbody tr:nth-child(4n+1) td:last-child {
  background: #efe8ff;
}

.candy tbody tr:nth-child(4n+2) td:last-child {
  background: #fff4c4;
}

.candy tbody tr:nth-child(4n+3) td:last-child {
  background: #e2f4ff;
}

.candy tbody tr:nth-child(4n+4) td:last-child {
  background: #ffe3f1;
}

.speech {
  position: relative;
  max-width: 880px;
  margin: 56px auto 0;
  padding: 30px 40px;
  background: #1b1530;
  color: #fff;
  border-radius: 34px;
  font-size: 22px;
  font-weight: 800;
  text-align: center;
}

.speech p {
  margin: 0;
}

.speech::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 18%;
  border: 14px solid transparent;
  border-top: 22px solid #1b1530;
  border-right-color: #1b1530;
}

@media (max-width: 1040px) {
  .process {
    grid-template-columns: 1fr;
    max-width: 44rem;
    margin-inline: auto;
  }
}
@media (max-width: 720px) {
  .team {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .role img {
    width: 130px;
  }
  .bubble {
    font-size: 17px;
    padding: 18px;
  }
  .process__step {
    padding: 26px 18px 18px;
  }
  .candy thead {
    display: none;
  }
  .candy, .candy tbody, .candy tr, .candy th, .candy td {
    display: block;
    width: auto;
  }
  .candy tbody th {
    width: auto;
  }
  .candy tr {
    margin-bottom: 14px;
    border: 2.5px solid #1b1530;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 4px 4px 0 #1b1530;
  }
  .candy tbody th, .candy td, .candy td:last-child {
    border: 0;
    border-radius: 0;
  }
  .candy td::before {
    content: attr(data-label);
    display: block;
    font: 800 11px/1.4 "Nunito", system-ui, sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #554c6b;
  }
  .speech {
    padding: 24px 22px;
    font-size: 19px;
  }
}
.errors-intro {
  font-size: 20px;
  margin-bottom: 60px;
}

.case {
  position: relative;
  margin-bottom: 70px;
  padding: 34px 38px 30px;
  border: 2.5px solid #1b1530;
  border-radius: 30px;
  box-shadow: 6px 6px 0 #1b1530;
  background: #fff;
}

.case--lilac {
  background: linear-gradient(#efe8ff, #fff 340px);
}

.case--sky {
  background: linear-gradient(#e2f4ff, #fff 340px);
}

.case--yellow {
  background: linear-gradient(#fff4c4, #fff 340px);
}

.case--pink {
  background: linear-gradient(#ffe3f1, #fff 300px);
}

.case--mint {
  background: linear-gradient(#dcf6ec, #fff 300px);
}

.case__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  margin-bottom: 18px;
}

.case__num {
  display: grid;
  place-items: center;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  font: 700 60px/1 "Amatic SC", "Comic Sans MS", cursive;
  color: #fff;
  background: #c4176c;
  border: 2.5px solid #1b1530;
  box-shadow: 3px 3px 0 #1b1530;
  transform: rotate(-6deg);
}

.case h3 {
  margin: 0;
  font: 900 clamp(24px, 2.6vw, 32px)/1.15 "Nunito", system-ui, sans-serif;
}

.case__prop {
  width: 120px;
  height: 120px;
  object-fit: contain;
  transform: rotate(6deg);
  filter: drop-shadow(0 10px 12px rgba(27, 21, 48, 0.18));
}

.case__text {
  max-width: 40rem;
  font-size: 18.5px;
}

.case__text strong {
  background: #fff4c4;
  padding: 0 4px;
  border-radius: 6px;
}

.pair {
  margin: 30px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 34px;
  align-items: start;
}

.pair--phone {
  grid-template-columns: repeat(2, minmax(0, 300px));
  justify-content: center;
}

.pola {
  position: relative;
  display: block;
  padding: 14px 14px 56px;
  background: #fff;
  border: 2.5px solid #1b1530;
  border-radius: 10px;
  box-shadow: 6px 6px 0 #1b1530;
  text-decoration: none;
  color: #1b1530;
  cursor: zoom-in;
  transition: transform 0.2s;
}

.pola--before {
  transform: rotate(-2deg);
}

.pola--after {
  transform: rotate(1.6deg);
  margin-top: 22px;
}

.pola:hover, .pola:focus-visible {
  transform: rotate(0) translateY(-4px);
}

.pola img {
  border: 1.5px solid #1b1530;
  border-radius: 4px;
  background: #fff;
}

.pola__cap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center;
  font: 700 34px/1.1 "Amatic SC", "Comic Sans MS", cursive;
}

.pola--before .pola__cap {
  color: #c4176c;
}

.pola::after {
  content: "⤢";
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 15px;
  background: #ffd23f;
  border: 2px solid #1b1530;
  opacity: 0;
  transition: opacity 0.2s;
}

.pola:hover::after, .pola:focus-visible::after {
  opacity: 1;
}

.pair figcaption {
  grid-column: 1/-1;
  max-width: 48rem;
  font-size: 15.5px;
  line-height: 1.5;
  color: #554c6b;
}

.cases-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
  align-items: start;
  margin-bottom: 70px;
}

.case--small {
  margin-bottom: 0;
  padding: 30px 28px 24px;
}

.case--small .case__num {
  width: 64px;
  height: 64px;
  font-size: 46px;
}

.case--small .case__prop {
  width: 90px;
  height: 90px;
}

.case--small .case__text {
  font-size: 17px;
}

.human {
  margin-bottom: 70px;
}

.human h3 {
  margin: 0 0 14px;
  font: 700 clamp(40px, 4.4vw, 56px)/1 "Amatic SC", "Comic Sans MS", cursive;
  color: #1b1530;
}

.human__lead {
  max-width: 42rem;
  font-size: 20px;
}

.human__notes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px;
  align-items: start;
  margin: 40px 0 44px;
}

.memo {
  position: relative;
  padding: 34px 26px 26px;
  background: #fff4c4;
  border-radius: 4px 4px 22px 4px;
  box-shadow: 0 2px 0 rgba(27, 21, 48, 0.06), 0 16px 26px -8px rgba(27, 21, 48, 0.2);
  transform: rotate(-1.4deg);
}

.memo:nth-child(2) {
  transform: rotate(1.1deg);
  margin-top: 18px;
}

.memo:nth-child(3) {
  transform: rotate(-0.6deg);
}

.memo .tape {
  background: rgba(179, 155, 255, 0.75);
}

.memo p {
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
}

.human__end {
  max-width: 42rem;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.learned {
  position: relative;
  padding: 34px 38px;
  background: #1b1530;
  color: #fff;
  border-radius: 30px;
  margin-bottom: 50px;
}

.learned__head {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.learned h3 {
  margin: 0;
  font: 700 clamp(40px, 4.4vw, 56px)/1 "Amatic SC", "Comic Sans MS", cursive;
  color: #ffd23f;
}

.learned__chars {
  display: flex;
  margin-left: auto;
}

.learned__chars img {
  width: 100px;
}

.learned__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.learned__list li {
  padding: 20px;
  background: rgba(255, 255, 255, 0.08);
  border: 2px dashed rgba(255, 255, 255, 0.45);
  border-radius: 18px;
  font-size: 16.5px;
  line-height: 1.55;
}

.errors-outro {
  font-size: 20px;
  font-weight: 700;
}

.cta-card {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: 30px;
  align-items: center;
  margin-top: 40px;
  padding: 30px 36px;
  background: #ffe3f1;
  border: 2.5px solid #1b1530;
  border-radius: 34px;
  box-shadow: 6px 6px 0 #1b1530;
}

.cta-card__img {
  width: 100%;
}

.cta-card__body p {
  font-size: 19px;
}

.cta-card__body p:last-child {
  margin: 0;
}

@media (max-width: 1040px) {
  .cases-duo, .learned__list, .human__notes {
    grid-template-columns: 1fr;
  }
  .human__notes {
    max-width: 42rem;
    gap: 30px;
  }
  .memo:nth-child(2) {
    margin-top: 0;
  }
  .learned__list li {
    max-width: 42rem;
  }
  .cta-card {
    grid-template-columns: 1fr;
  }
  .cta-card__img {
    max-width: 360px;
    margin: 0 auto;
  }
}
@media (max-width: 720px) {
  .case {
    padding: 24px 18px 20px;
    border-radius: 24px;
  }
  .case__head {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
  }
  .case__num {
    width: 54px;
    height: 54px;
    font-size: 38px;
  }
  .case__prop {
    display: none;
  }
  .case h3 {
    font-size: 21px;
  }
  .case__text {
    font-size: 17px;
  }
  .pair {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .pair--phone {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .pair--phone .pola {
    padding: 8px 8px 40px;
  }
  .pair--phone .pola__cap {
    font-size: 28px;
    bottom: 6px;
  }
  .pair--phone .pola::after {
    width: 24px;
    height: 24px;
    font-size: 12px;
    bottom: 9px;
    right: 8px;
  }
  .pola--before, .pola--after {
    transform: none;
    margin-top: 0;
  }
  .pola::after {
    opacity: 1;
  }
  .learned {
    padding: 26px 18px;
  }
  .memo {
    padding: 30px 18px 20px;
  }
  .human__lead, .human__end {
    font-size: 18.5px;
  }
  .learned__chars img {
    width: 72px;
  }
  .cta-card {
    padding: 24px 18px;
  }
}
.zoom {
  width: min(1100px, 100vw - 24px);
  max-height: calc(100dvh - 24px);
  padding: 0;
  border: 2.5px solid #1b1530;
  border-radius: 24px;
  box-shadow: 6px 6px 0 #1b1530;
  background: #fff;
  color: #1b1530;
  overflow: hidden;
}

.zoom[open] {
  display: flex;
  flex-direction: column;
}

.zoom::backdrop {
  background: rgba(27, 21, 48, 0.62);
}

.zoom__bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: #efe8ff;
  border-bottom: 2.5px solid #1b1530;
}

.zoom__title {
  margin: 0 auto 0 0;
  font: 900 17px/1.3 "Nunito", system-ui, sans-serif;
}

.zoom__switch {
  display: flex;
  gap: 6px;
}

.zoom__switch button, .zoom__close {
  font: 700 24px/1 "Amatic SC", "Comic Sans MS", cursive;
  padding: 6px 16px;
  border: 2px solid #1b1530;
  border-radius: 99px;
  background: #fff;
  color: #1b1530;
  cursor: pointer;
}

.zoom__switch button[aria-pressed=true] {
  background: #c4176c;
  color: #fff;
}

.zoom__close {
  font: 900 18px/1 "Nunito", system-ui, sans-serif;
  padding: 8px 12px;
}

.zoom__body {
  flex: 1;
  overflow: auto;
  background: repeating-conic-gradient(#f4f1fa 0 25%, #fff 0 50%) 0 0/22px 22px;
}

.zoom__img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.zoom.is-actual .zoom__img {
  max-width: none;
}

.zoom__size {
  font: 900 15px/1 "Nunito", system-ui, sans-serif;
  padding: 8px 12px;
  border: 2px solid #1b1530;
  border-radius: 99px;
  background: #fff;
  color: #1b1530;
  cursor: pointer;
}

.zoom__size[aria-pressed=true] {
  background: #1b1530;
  color: #fff;
}

.zoom__hint {
  margin: 0;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 800;
  color: #c4176c;
  background: #fff4c4;
  border-bottom: 2px dashed rgba(27, 21, 48, 0.2);
}

.zoom__cap {
  margin: 0;
  padding: 10px 16px;
  font-size: 14px;
  color: #554c6b;
  border-top: 2px dashed rgba(27, 21, 48, 0.2);
}

.badges {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 26px;
}

.badge {
  grid-column: span 2;
  position: relative;
  padding: 30px 26px 24px;
  border: 2.5px solid #1b1530;
  border-radius: 30px;
  box-shadow: 6px 6px 0 #1b1530;
  font-size: 17.5px;
}

.badge:nth-child(4) {
  grid-column: 2/span 2;
}

.badge p {
  margin: 0;
}

.badge img {
  position: absolute;
  top: -46px;
  right: -14px;
  width: 76px;
  transform: rotate(12deg);
}

.badge--lilac {
  padding-right: 78px;
}

.badge--lilac {
  background: #efe8ff;
  transform: rotate(-1.2deg);
}

.badge--yellow {
  background: #fff4c4;
  transform: rotate(1deg);
}

.badge--sky {
  background: #e2f4ff;
  transform: rotate(-0.6deg);
}

.badge--pink {
  background: #ffe3f1;
  transform: rotate(0.8deg);
}

.badge--mint {
  background: #dcf6ec;
  transform: rotate(-1deg);
}

.badge {
  transition: transform 0.25s;
}

.badge:hover {
  transform: rotate(0) translateY(-4px);
}

.fork {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
  margin-bottom: 70px;
}

.fork__card {
  position: relative;
  margin: 0;
  padding: 60px 30px 28px;
  border: 2.5px solid #1b1530;
  border-radius: 30px;
  box-shadow: 6px 6px 0 #1b1530;
  font-size: 18.5px;
}

.fork__card--self {
  background: #e2f4ff;
  transform: rotate(-1deg);
}

.fork__card--order {
  background: #fff4c4;
  transform: rotate(1deg);
}

.fork__k {
  position: absolute;
  top: -24px;
  left: 24px;
  padding: 6px 20px;
  font: 700 34px/1 "Amatic SC", "Comic Sans MS", cursive;
  background: #fff;
  border: 2.5px solid #1b1530;
  border-radius: 99px;
}

.cost {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 40px;
  align-items: start;
}

.cost__img {
  width: 200px;
  margin-top: 30px;
  filter: drop-shadow(0 12px 14px rgba(27, 21, 48, 0.18));
}

.cost__title {
  font-size: 21px;
}

.tags {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 12px;
}

.tags li {
  position: relative;
  padding: 12px 18px 12px 34px;
  background: #fff;
  border: 2px solid #1b1530;
  border-radius: 6px 16px 16px 6px;
  box-shadow: 3px 3px 0 #1b1530;
  font-size: 16.5px;
  line-height: 1.4;
}

.tags li::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-radius: 50%;
  border: 2px solid #1b1530;
  background: #ffe3f1;
}

.tags li:nth-child(even) {
  background: #dcf6ec;
}

.faq__prop {
  width: 130px;
  margin: -20px auto 20px;
  transform: rotate(-6deg);
}

.chat {
  display: grid;
  gap: 30px;
  max-width: 980px;
}

.qa__q {
  justify-self: end;
  max-width: 640px;
  margin: 0 0 14px auto;
  padding: 16px 24px;
  background: #fff;
  border: 2.5px solid #1b1530;
  border-radius: 26px 26px 6px 26px;
  box-shadow: 4px 4px 0 #1b1530;
  font: 900 20px/1.3 "Nunito", system-ui, sans-serif;
  text-align: right;
}

.qa__a {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 16px;
  align-items: end;
  max-width: 820px;
}

.qa__a img {
  width: 84px;
}

.qa__a p {
  margin: 0;
  padding: 20px 24px;
  border: 2.5px solid #1b1530;
  border-radius: 26px 26px 26px 6px;
  box-shadow: 4px 4px 0 #1b1530;
  font-size: 17.5px;
}

.qa--lilac .qa__a p {
  background: #efe8ff;
}

.qa--yellow .qa__a p {
  background: #fff4c4;
}

.qa--sky .qa__a p {
  background: #e2f4ff;
}

.qa--pink .qa__a p {
  background: #ffe3f1;
}

.ch--end {
  background: radial-gradient(circle at 50% 35%, #efe8ff, #fffdfb 62%);
  text-align: center;
  padding-bottom: 60px;
}

.cloud--end {
  max-width: 1000px;
  margin: 0 auto;
  padding: 120px 150px 126px;
}

.cloud--end h2 {
  margin: 2px 0 14px;
  font: 700 clamp(48px, 6vw, 86px)/0.95 "Amatic SC", "Comic Sans MS", cursive;
}

.end__text {
  max-width: 600px;
  margin: 0 auto 26px;
  font-size: 19px;
}

.end__team {
  width: min(760px, 100%);
  margin: 10px auto 0;
}

.end__team {
  animation: bounce 3.4s ease-in-out infinite;
}

.chips {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
  padding: 0;
}

.chips li {
  padding: 10px 18px;
  background: #fff;
  border: 2.5px solid #1b1530;
  border-radius: 99px;
  font-size: 16px;
}

@media (max-width: 1040px) {
  .badges {
    grid-template-columns: 1fr 1fr;
  }
  .badge, .badge:nth-child(4) {
    grid-column: auto;
  }
  .fork, .cost {
    grid-template-columns: 1fr;
  }
  .cost__img {
    width: 140px;
    margin: 0 auto;
  }
  .cloud--end {
    padding: 100px max(50px, 12%);
  }
  .end__text {
    max-width: 520px;
  }
}
@media (max-width: 720px) {
  .badges {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .badge {
    transform: none !important;
    padding: 26px 20px 20px;
  }
  .badge img {
    width: 60px;
    top: -34px;
    right: -6px;
  }
  .badge--lilac {
    padding-right: 58px;
  }
  .fork__card {
    transform: none;
    padding: 50px 20px 22px;
    font-size: 17px;
  }
  .tags li {
    font-size: 15.5px;
  }
  .qa__q {
    font-size: 18px;
    padding: 14px 18px;
  }
  .qa__a {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 10px;
  }
  .qa__a img {
    width: 56px;
  }
  .qa__a p {
    padding: 16px 18px;
    font-size: 16.5px;
  }
  .cloud--end {
    padding: 40px 20px 34px;
    background: #efe8ff;
    border: 2.5px solid #1b1530;
    border-radius: 40px 40px 40px 12px;
    box-shadow: 6px 6px 0 #1b1530;
  }
  .cloud--end .cloud__shape {
    display: none;
  }
  .cloud--end h2 {
    font-size: 50px;
  }
  .end__text {
    font-size: 17px;
  }
}
.char {
  animation: bounce 3.4s ease-in-out infinite;
}

.char--cover-b {
  animation-delay: -1.2s;
}

.case__prop {
  animation: wiggle 5s ease-in-out infinite;
}

@keyframes bounce {
  50% {
    translate: 0 -12px;
  }
}
@keyframes wiggle {
  50% {
    rotate: -6deg;
  }
}
.lq-char-author {
  --lq: url("data:image/webp;base64,UklGRpoBAABXRUJQVlA4WAoAAAAQAAAAFwAAFwAAQUxQSKUAAAARX6CgbRs2VAxnfxERGPt7OLUCFFvb1jjPMKi4YWYe2VbFFz1bZrDtDkj1jCpDVBm+5f1f0i1E9H8C8Gx7Ogl56hinLWNnHSh+rxtDB1iRURrgN4B18CcR4zPCnYiMG69xW8wAcD35pqSBL/lV5hV9BFy7yCVYXy5/TdhxkQmYc3kOQ1Fbx/xRMsq5ElKsXxFxxhQ+neMfWVfmxOFMEop9tYpV478AVlA4IM4AAACwBQCdASoYABgAPu1wsFKppiSiqAgBMB2JZACdIP9cAWAHtjFtn1rbJn7/UohHIrFgFW6DQpAA3epzbpxX+8JgIGWfkXbSR5JmBt7znRkdXHKRairzRCocAK46Ak8iqe9iN5wco7t9v2pZuri2N1jk1j/G8QSqdHgJrDWW2WXZGPtNiI/M5+34XxlRAasruSgqAEfQIHSXRWNVGut+VjjBsBTM1Yng2P8Jv8Ev6K0MICxLdfdfcmmUJdOTsvntRxFip8onbDS1DXXYuAAAAA==");
}

.lq-char-critic1 {
  --lq: url("data:image/webp;base64,UklGRqQBAABXRUJQVlA4WAoAAAAQAAAAFwAAFwAAQUxQSIoAAAARX6CgbRs2VAb7fxERmLbsif0mOLFta1nuj0NzKtV9AJYcqkOn0hyqQ3XyH3He8D75pxDR/wmAdp9dYvBT6y7egVgvU/tzlsyD+AYAX4EZSJPQAvSkZiIzcBNZtOykZqIisBMtpfpA7M9TgwDuvLwHQJpz1IFdMF5wD9R8kZ/3IdudhrxMCsi5eJJWUDgg9AAAANAFAJ0BKhgAGAA+7WyuUqmlpCKoCAEwHYlsAJ0os0YkVmEsQwIQDV8D/ZnOGUebCCct+pLgcJgA9vVUtpsiqFku8DV2dJjuAIyjUadAyrMf1WqdmShZmfbTO4wfg0JcTZKG5/jLy/ER1l797d/IILRwZ/fbjopgJ2w9h7OH/sNnE6LuRJ5TeyZfcAMclGgj5Kig8S+iaCExexo6pkDiYqqniwurvFEvfDJp32U0TBAmYsU7tqH0bVm1zZXlUtOQykMWABYx0b5MjgSoKgvYTsHVLg1Eq4Ed3hRDR5K3a7xadp36Lwv6ggVcxx83CFRofI550AA=");
}

.lq-char-critic2 {
  --lq: url("data:image/webp;base64,UklGRpgBAABXRUJQVlA4WAoAAAAQAAAAFwAAFwAAQUxQSJUAAAARX6CgbRs2VAj7fxER0A6Pj/oiOLG1bVHecUm4W2YV09HOEhySJYcIeRJ1JuJ8y/u//19DRP8nAKIOxX6oKSS+J0s2iyJdtviHpmRORKHBJL5ERC1mRmKsCw+GHOHLlYU/NwDQIH4IIJBsAMwkZAFXmankAYHMB/DiYgvAnSsDQOPPuAK2wtlkXpS+URPsYan1LwVOEQBWUDgg3AAAAFAFAJ0BKhgAGAA+7W6uUimmJCKoCAEwHYlsAMTtAC7K95ZIh0ExK2ApqYJ/gcBBLP7EAAD9HJBgnL/GOdqWA0NYiE2UaWiVioRCcq9T99qQGivLSFDGcDQmyCRlIYse2w3vPrlgv/pyBQMgzS11S7I6Z4MAdq9o3BpaGgFwbPsaJtxZ/0/NBZDZO5ZiJ9s6+ogJaj3MmX4gY2LTYhB5AT9ZitUE3Yio3Z2nOiiQKtB3vcLQVd/n2VLiAnr74Ll73o8+nApNwOFQ7uu4+FPVCtb85R1l19w65CSoAAA=");
}

.lq-char-executor {
  --lq: url("data:image/webp;base64,UklGRuwBAABXRUJQVlA4WAoAAAAQAAAAFwAAFwAAQUxQSKsAAAARX6AmABI2RwE+cBsRAf5pUx1uwLFta3ly40nnXrp750nrQuXuFXUqFiOgc4cBuN3hfe8HhhDR/wnAn9c8vzm+CMN+6BOeuIdRbEEpfJOJ1XPhgyTDP2kAq1SrR8qrcFGY6YEvgXMMwk75lGm0NMig/VPrx7xKze6d7VYrtOp/5re0AKzuv0ozALiVFpSClFbwLnSF74vtyg+rSoFV4J0WpcUD4GQeYseF/wQAVlA4IBoBAAAwBgCdASoYABgAPu1mqk8ppaOiKA1RMB2JbACdMoMssaBGT2180zFeB7QXpoIbfUaJXKi3cSg1QcUAAPxTxFSL7zs286B7cmKLD83Q87u9hCh0GRLk8oKhzh9gWyzF7znC4IxbCnAzxOMx9RyReCNnYtGYK8505231Ig0Gdb+gSC6kWt1zH3Y9HOQQOAm22VG2DmuRzCwgKZto86qvFGfzgLhoNOvO9ylEy4/Dmd1q9+5CqAd/7nng069YGbV8l3mAtzgocCGq0klrG10IyY6DDIElHCUy1eBodxS4yuciK8lADVHzfQECiaiEk6epFGX1ozylgBv0hpPOe4C01Iw2Ew9L8mtV40mHGui0dRo+CqMp0j0qe+AAAAA=");
}

.lq-g-author {
  --lq: url("data:image/webp;base64,UklGRowBAABXRUJQVlA4WAoAAAAQAAAAFwAAEQAAQUxQSIsAAAARX6CmbSM4WAjfTb2bLiIC/E503Rm4jW1bVQ5OyFCBu4aE5D/FqYD5JRC5RqT8CLf4G6e9+14NEf2fALSm0Gy5OQBJweU5kO5yGARwpfUiyQmAB2UzjA6VPyt4UZGmrXP0dKq+TkznF/Ck2YIGbKEdwj2OkxAEEgGk/iQNyHN+GVE4XHKieB7S26IEAFZQOCDaAAAAEAUAnQEqGAASAD7taqxRKaWkIqgKqTAdiWMAnTMbOgPoGrsEGByLoNTjvndDXCAb+AD7q7kHxbL2MDiseW/i7NXZ1AxAOYAE5JYfPif0Nv6/OOwFCmzHD+MjEWfVjtUpK2VA6fizrAz9nasIhm1QwAF7fCEXHSnD2Ozuv9bXDghE6pp4cHgzo/iu30KggRCU06IXizTZc+cxjmrybKxEiq/M7ktCBEe+G0G5vlIQ8KHh492dvFgEuOz/vU6fJkflQcD01ZxLN44uEbIgxA58j7ZiR9TWH5UcQAA=");
}

.lq-g-fix {
  --lq: url("data:image/webp;base64,UklGRoABAABXRUJQVlA4WAoAAAAQAAAAFwAADQAAQUxQSIcAAAARX6CgbRsWF8PbjYhAT+vzzQ/g1ratqro4oVv2QtytAQ1J3b0CxsvREohcM/m6ykNqiOj/BIjnwzgu3hoA7VPDJSRA//RYqutPBrcIgfz91ES5BpZACpxfgAycYfQNFHm5+gGSr67/n6x+gBjwD6UbyCEgDzqJP68E2Jc/KulSsIpJL60QYQUAVlA4INIAAABwBACdASoYAA4APu1iqU2ppaOiMAgBMB2JbACw7YrwsUNe0dhNbkDuOEpSAADMJZmKCyd86Y/agAbL8eFJcoHlJw8oUhs7kyZVjGmRdjkv2fq3/EB5V1yS5rjo0ejY50taF/F5+heIQVPSncNIwX7K8CgbFxtznYbLOaIbzFsM3+OL8SbJgPc2pis3TwM08F83XXys6pY/imWnwGLJXePj+eyC2DH/MDHABhhb+4V253XnBxQ/OvswO+TzQ17Zv9+/1MhB+Qs4Xj428DvgDCYAAAA=");
}

.lq-g-team {
  --lq: url("data:image/webp;base64,UklGRmYBAABXRUJQVlA4WAoAAAAQAAAAFwAACAAAQUxQSHwAAAARX6C2bRs25d1beo2IwMhn8X2i4La2bSV6uJQAJRCxCIkmnAImmlLc3d3dM1xuoxH9D8ZiKMdShiGTpCdPvki+QDu2B60H5QvpBi5CIUU+gREiGwERCjEADGIUAhwSDBLoDowAtgc9hFr9C9dUrqbCDfy0LS0a8q0tz5cSVlA4IMQAAADwBACdASoYAAkAPu1iqU2ppaOiMAgBMB2JbACdMoFAAGqAb6/OWPVFiD2LLCq12AAA+p3RdF6Nr5GL6l9Ft2uW5//1b5JJ1arwSn0J62pkQm5qxPXAUo12e4bls30OkZtdkL3qVEWhY1gtPfxrG54/Oe/wbIvGN3OU8eGVyiWIQtD9ZEKWnZsrsm7QaLWGNdJDfT8fWBvH45MtnZDuIV0tGPY3+KNk+EU+S+o8Y39l359PH/FrfTcfv/YToMff/U39VAAA");
}

.lq-p-badge {
  --lq: url("data:image/webp;base64,UklGRkgCAABXRUJQVlA4WAoAAAAQAAAAFwAAIQAAQUxQSMsAAAARX6CgbSQUvwJmiIiAj8bc+bYEFNu2ljcnDOpXKYP+Vfw/gDJp1s0QypZbzYwqnC93eP/3vTFE9H8CAOo/51m80def9LefSb3LG6cGvosMvCkYgwvdsy5j4dRSvrOM9S0HzvI/tMhZ7ruWzZ6l0bYs3VqqdUuOTiiB01AZ6PsOADq+iZTzHQB1BTNwGipBKzQBfclJ/1KDSFJPOpCU2ZPUkhJJxZf7/kVTSgYHrrqRvV1qSUm7MluD2WpLw6XbPOlMK77bjPCfZZgDAABWUDggVgEAANAHAJ0BKhgAIgA+7VyrTamkpCIwGqqpMB2JbAC7MzRAKQ5+HUau2PeZXy176+Az8AGXiUwe2wgNbxBJHbQEVAKsji7mp9gAANvBVIYxWrx9X8Zh9OwOMmRo7qFgjOPgQhvwYDNH1s4KkuaZpcJDpBy7RXz/Kns0c0tRbfZAc2HGf++oxtw1mca3cjvA3dHHLPLFvLjpwNGDKqetVNuiycZ+tlExQtX85I1nkPqjCBnOqyIwY41YViuZ0G782hNjyIa1i+mOYJmlwH5PwZ8SULoi/fdHwn969s9ZsNZouTOax2OsB1biL0lIeD04+rBfgxtYof1doPA34G9SUwe6UNDzakJeMwiFDKaVzC1TprpAz+xOXcK/k+8aDyRNibzYkMaSXfg0Lpv8xyUGZlFC4i+pzzY5veBxOWrMDwbJmvOJdIHQODvCkJLZ/RvVKjBQZMQffAAAAA==");
}

.lq-p-blocks {
  --lq: url("data:image/webp;base64,UklGRtQBAABXRUJQVlA4WAoAAAAQAAAAFwAAGQAAQUxQSHoAAAARX6A4kqQ0eAG44fAiIgJq1scRb9iA02rbluX5BU06AJkpIHvTEZykI5A4JNck2Z/xvu9/Gj2i/xMAc9VCcJ6MjMZ1y4ucP/kwhiT5YwdA4mOQRQBL2ttA4qtcKGR/QVvnSjH3VbYfZVFQMgnF+S81xTsp8eH6drevI1ZQOCA0AQAAEAcAnQEqGAAaAD7tZKtOqaWkIigNUTAdiWwAnTMy81Bq6AC7AN5jRuA0oGTO8+8gAW5xXZ/6HSVn2YDcZRZY4UAA+eSwAfO0w2RJBvcD5L1SARd2BhTkxRPrUnjEgnAGOb+GLuF6sVyKzMbVpWfhfag1rfWXsZs3/t5pEM0MkLQ4XaN41fLdLgrZaqPxbGManFp7tYveOcp1GhyXQ/OToZ2ja4eej8pSNIFYUMKVtgPf3DQaV5Mrb5/bADbYHWbwDpx/y0vXvAbTu2g0PcPtvoby8cGRADHKXooIvqZ0+xHfs8vGisY9YcjZJh4t4Adcrpmav0mqeM9j0VtGvzJ3XE5j1s1JQHqjPBM1fn38hcYNIhBsDfcOMIxwv7MwKTkZJ2IWC6brOYfDrJg9fxRAcmBXMAA=");
}

.lq-p-calendar {
  --lq: url("data:image/webp;base64,UklGRq4BAABXRUJQVlA4WAoAAAAQAAAAFwAAFgAAQUxQSF4AAAARX6CmbSQ2dxDu2/Zrj4iAV5CS/qpwW9u2El2owCH1ClwibUC6IGIREVKFlkDqTHlIOHFE/ycA91bEO7WXb1JaiQX5EOoAkHEAlXN4DHVicYzXOrh+H6dP8//UDR8bVlA4ICoBAACQBwCdASoYABcAPu1qrVCppaQiqAqpMB2JbACdMuLLEyt5PgwtpbTSd4/RoK4CVmd54sp2UAhd6GQ8YjLfWbSwUvMqVoAA/hZx2/JFQ5RV6pVVJy00YJQUpyxYJb2W9J3o6okrDdfbYSG3FTMilxzGeZ6JNuJOEhS5q8ak4lfNGLJXNpBcLgMLpmC0wfVWSmz/bw5FL2xV+KvJE5jNs+KY6isagiXJXQJKSZxiWuTeSN3b4Orz147/dHiFnzat4kqcJi8ja/GB4HTUQmQGGVoaiYLyEvTtseiS1RQ+O5gamh+Y/ScYd+KuJansLzkznVzhRzcIeAiem5iom6lgtrD83/Z3uPsrdOKjZfwtckhGqqk1zIGHB0YCGBx2RGJdsEzdbD+pjO9wAAAA");
}

.lq-p-chat {
  --lq: url("data:image/webp;base64,UklGRmwBAABXRUJQVlA4WAoAAAAQAAAAFwAAEgAAQUxQSIAAAAARX6CgbRs2VAj7fxERiDnPLKN3OI1t21X2T/455jsy9vcANcQCssPm5KgAyeD4lnzKg/toIaL/E4BnG0+XfxWbrQrs1MAdJGkefZRz0c/5TIVMZnrlbE0H3K084G0p4uOR/PHyiLl5BGysOfAyUuD5qw84aTIYDKoAmY4BpjvF2FZQOCDGAAAAcAUAnQEqGAATAD7tbKpRKaWjoqgKqTAdiWwAuyBwIKPdV/rME7NTO4XFuKadwwImGVaAAAD3C3t/WuEjkrERO+LBw9SWij93jRj+IEvb+HmHjLulyELInHzXUBlhitd7+xxApQogt86ee62pNJ6uGa0tCQPPe7fA92fDiWHVDjj8Iu/q5fPUdqH7Z3RauOfStCu589GZzxpEnNKip7WXWSXtABGxoYWOWRelKH9/Q3iByjUay63UHn0Ptf2m9r946jY5T4AA");
}

.lq-p-clipboard {
  --lq: url("data:image/webp;base64,UklGRtIBAABXRUJQVlA4WAoAAAAQAAAAFwAAHQAAQUxQSG8AAAARV6CgbRs2VQ5vD8ciImCe6lUTsK217cUrK83gqCyQKq3WFmyg1mkzA6R3Tp88QET/JwAAqlKF6JC2lJD+geNmAzkHrgo0FGtgkahdWG/ylDNbeobzqeKUv52xztTKmRhnzFPGS/Zf2k7oqCYxBwAAVlA4IDwBAABwBgCdASoYAB4APu1mqk+ppSOiMBgIATAdiWwAnTMORndhiABH0e7cWiG96XcOREmCcLTU/lEdAGz68gAA+Fuh6+WR/ojm8Si0hqEjnfkorJgn177TEYGnmIiOY3a7ZoUt+nLQdEA/6pIlWjwowWnJ+f8AXS0lYkswi4xdhJ8IDlH4uJ+KrDJMXH1a8OnyENgV9387eJsFrvphA4c0WADIGU1CouQrD0XGWEWR9mqJxAetZr51l6VtDevUAjodZRSELLtOg9wCRf5G4nrzmSC5qrsCVABTr5ciAHGMHKLyzBDmt0vf++NxfCiDYxRo8zWzKKYOvT6Ts1WChl11s+H25Un6+zvS0Sccvhwa+6jrqEkBqAwzXX67T6tKgplvN5VJv/IOtlPRTD79OfC8HOV1Bzp+5bAySO64KgAA");
}

.lq-p-coins {
  --lq: url("data:image/webp;base64,UklGRkwBAABXRUJQVlA4WAoAAAAQAAAAFwAAEAAAQUxQSHQAAAARX6CokSQ1tgoYj78XEQH8NH6hz3Y4rbXtaV4kDo3rdQRcU9huIUVXFRWXDeoEBN2/8agjRPR/AgCcyv/38zz6DICaplkAzYy9KADQbiRI3czvQQurerN2UbPk3i6xhyVWT0ThaxjxPVEFcM7tnTF5+VUxC1ZQOCCyAAAA8AQAnQEqGAARAD7lXqRNqSUjIjAMASAciWwAnTMJwwuFqRaIg9ggstitrLxZRIaIAP3PaKqxa/86oLSDS7Lly6Drxb7C7kJJBliOG3UiOG5aFajumcODkkWtV7rg8375MfTunej3UXALQroFtgNXzLYHUCbql3knKTUEIGVGlllr6gy1w7eHq4R6bPlWkpGCZv5RkDXv8aL4gpuyk6r0T7hzaX7VAOR6fI3T4q0Oc6AAAA==");
}

.lq-p-doc {
  --lq: url("data:image/webp;base64,UklGRmABAABXRUJQVlA4WAoAAAAQAAAAFwAAEgAAQUxQSIMAAAARX6CobSM2VwS9u9ceERGop42XlAfcBgDkJAeYK2oZgQmQDfzaeCMYy7RA6nLO2evs9Mbj/2aI6P8ETD6fTx70P2bmuO4fQRHHREFMUvVEvisJTzFRRkBT34RMSjBmFIQ3KtgG1aYt6mrq28/cTd1Bdanro3e55m4R6mR7TzC6MAkAAABWUDggtgAAAJAFAJ0BKhgAEwA+7WarTymlo6IoDVEwHYlkAL5Z/+LYTOXrnlmndyN5bn1u9rpXCKPj0OMAAP7XI5Kd/jS+gj9G9ZhiVtNzguRjCpvmZs+7W0h0GMWNCMzAJIpvzI9vWxMXWzFp+5s0qV+W/i9Zy+4LfPaD2PXf2R+g7y/yeqi2EetteD6FkatSnoiVD/RGSveTFYcg7IcVBJrvlr1BW2oLR4evUnU2cHsZ9RfdVz1vbECVyAAA");
}

.lq-p-flashlight {
  --lq: url("data:image/webp;base64,UklGRigBAABXRUJQVlA4WAoAAAAQAAAAFwAACwAAQUxQSGQAAAARX6CojSQ0tRLg4EkREWhN8yO7FkxrbVvyHSawRmIFl1momiHSSAzgkJ3qfOPxn2+GiP5PABBTmedYfIXescemWG/uhZi9SByQur+kvPgIAKCOFFBexvAD3pdGxIzxL9EjQCIDVlA4IJ4AAAAwBACdASoYAAwAPu1iqU2ppaOiMAgBMB2JbACdAYwSpq0UWgsHulxG7AAA/kceYCE+dO7MoqSIdqDePGCS6ih6vPZIjrI1DW8Qsa79xOgwqH8JaXYTIh0fYP94WOqb4vIAFQMVy53XMN9/ojX6/mEDW2chZ9cXcXm7C0yNk606D+T+nnx72oXY56ELfCC2GTvexOhX10whIDkcjAgAAA==");
}

.lq-p-laptop {
  --lq: url("data:image/webp;base64,UklGRsIBAABXRUJQVlA4WAoAAAAQAAAAFwAAFgAAQUxQSIkAAAARX6CgbRs2VQrt/omIwDDubbasAMe2tuPVE9sTSO8psEqZ0rZKo3IuSqO0fd/hfVgZQkT/JwAI3q2rMRe4c2If+jEFcMwhoiRwI3oAXvf2JjqX2kqNgPf9NIEbURL4EcXRI7EH3xL6HEmaPmUM/zLaXxll/k90DtgTt7w42NDin4iMHMBdOjlTAQBWUDggEgEAAPAFAJ0BKhgAFwA+7WqrUSmlo6KoCqkwHYlsALUIEAO9kU1kowYbs9RtxWcHTf0Yvnfn0cHdPW+AAP3RemLA/kiMifwnTbV0eKbxb/qdIJvongyzXcL5Bf7KwtwuYCbe+HH7PyOIX5RzkrixMu+rdgLRqLhnSoFX8jce8a97+ZsI6H26huxnegDIabEu+F97x6dH6zX/3zvP3DaFqjWAT+mZb50rsq7gnnJLuBYq+4z/kJ8FVt5cQaUhouCx3U4o3DBUbt6MdNrBjcmb0MR5kdizTQT+RO/qvYUhEz4R+15C3NDa3qULwhSK9NTJDYWf8CIi+c3KN4ELUZf5Nl5Of7iUb/cefuCMgGaGpU2AyB3gAAA=");
}

.lq-p-note {
  --lq: url("data:image/webp;base64,UklGRrgBAABXRUJQVlA4WAoAAAAQAAAAFwAAFwAAQUxQSIkAAAARX6C2jSQ1dtnljI8REaCTTfhXCsNprW1v8qQnLhYXS8f3js0IjMAIQfbimkMSR4d/PPL9M0T0fwJmeTS/Z0PjozyNmypqxOpsZERzg7caD/4vKsdeyUsijRR+Up1QyRaRVIeakFo6S6AjKAMmkgNTKdByIZE82EmBlg+J5EAsudCRLAgP18y5AQBWUDggCAEAAHAGAJ0BKhgAGAA+7WyrUSmlo6KoCqkwHYlsAJ0zMu7AkHPt6ZK1gKPkMXcsT7VacFr87fffoZ5VGm3jAADOJAkuMHFCb7RwzlkPsHivzvqyPeAAdhdN30hxeNtoicDqRIDpirmWDZofYXi5myDglE+txL3CUB6ojNxmqPXk2zjpXdQBbEq+2EdcR/pHeVh5GaVa6YGvADFv8R3kx2jvs0qIzqJWv+SWudSqIXXzwWK3Bx/Nq5zNTT2rxuy0QAKT/QCJYo7s4Vat92P0hVaTRphi1mhf6f0uvU9R/7zDf8Bp0r+lDsQqv99V7yjtcFasfFg0cDZnfcxMf/ufOEfErt/pGK6d1AAAAA==");
}

.lq-p-phone {
  --lq: url("data:image/webp;base64,UklGRjACAABXRUJQVlA4WAoAAAAQAAAAFwAAKQAAQUxQSH8AAAARX6C2jSQ1diHTU4QREXCW/4d3lx24jW1bVe53lxzNXwlo7hlFeMRQwu8Al9Tdqe8fnDii/xNA0Wan2+12vRJPdL77lql4B8UJom0RY4cE9tAVuiEM6l+Q+QG6PasPZa4I20O7p+3fLfY/7RC2QYwGorhXvz5H6fZ01u12vZZIAFZQOCCKAQAAEAkAnQEqGAAqAD7tcq5RqackIqq4CAEwHYlsAJ0ygzwRzW2zu0negF+stblgVUg5pCZblsKh2aFjqVjHA0lO1tjxPeaHu2+ju4d94CfrLdAAAM4bWp0OXCX3SP0cgyLXhKL/CXi6KlgQgiqOQX+3c2dVXPbBM+uEv4JAaVS4yLcb9PnTdVSVearFVJgw9bTwrvCPkvAfFxWAoDEDnQ7gZuO/0Gus/4HuQBt0QiLkqd05lHT0s5+cGpAtyeY52Gkae6dd3szM5KvzGI5B32Gd/Xtx5CiJD0aPY9CELpOqDby0VWkVyD5v+7p+wyxKVmzpnMZjpvWlrnmHmAoiMgacvtIwJZVKRf9mrEUJ7NdrE4cCC4Ssybi0XCsr2350S3/B31KJSnpsgvDbcdKPKXU+so37pV+cemCZB/YHWSYsGp2krxxFdhXkDMmZqXHavW7m/fWcl1TZFcoNi86E4YGn/AhSgnoFV4k3QdjPBAZaa4s2Zm20bWbW/a+JmZheOu6z5IR8T9dqNHZAAA==");
}

.lq-p-question {
  --lq: url("data:image/webp;base64,UklGRsgBAABXRUJQVlA4WAoAAAAQAAAAFwAAGQAAQUxQSJcAAAARX6CgjSQ1dQ74mTEiApL7iLqoBQUU27aWNzccGcfMYJkZVTz7DIEVD6CkWtf1qTK84SXvjSGi/xMAwLd/fehqcO37ISJaaq6+6OYAwJBYA/DJFeEjXml2AjK9SZxfktGPZPknefqXKNmf6Edy+ZQsniXJucSMP05p8cIVgRqnA+ZMHMD7DZUDgF9SwWZKCwAWIiv4uyh4AFZQOCAKAQAA0AUAnQEqGAAaAD7tXKhOqaSjojAYDAEwHYlsAJ0zaHjFIBE5hJds895tm7NVr0vDZtqtfT/hQAD29YEgbkjF97s18Z9FxJzcdN+pcqhmAMFrTBFwrpei5bxDHMUo0+P/v6BMP0cK6kj/LB4ghwuQaDJf674spf+izxy64eIS84Y4C3+X5adIvt3IGqqJD8PDHjNpD2iogyUcpnrWez7+8zKsYekzv3P/wT/KIbja4IqpYuO+J1c2q/1VoK0NLBamG/TlicT/NDExpCswsnHRczDeUMnzEwSCjBMKq8VjBT8e/mtJM65+sGoBcFxur+3lbKAgHZuBsD+G/LCitKmHAvgTHB18a/PoAAA=");
}

.lq-p-ruler {
  --lq: url("data:image/webp;base64,UklGRpoBAABXRUJQVlA4WAoAAAAQAAAAFwAAFAAAQUxQSJYAAAARX6CgbRs2VAzdvxERSNXnaqYWoFjbtix6cWhUd21kNuAOyd1tXOIkt/6nqTMNh2d53/vtIaL/E0D09KcjafSImewIwMJdAMA7txGgZQ6MiTkxNubM1JgTA7Vw4AzCmjnZhDazTgt0BBD7UZjCGVXVBR6f40Tk9hGZzwAsxBdHd2dFQkSX/zJ3ZaDINsC7bAdEZL9vAQJWUDgg3gAAANAFAJ0BKhgAFQA+7W6vUimmJCKoCAEwHYlsALsdgD3YCvA9vTwAKnfk2Ov3quF0Rcvjt+sV9yAA/fgYk7n7J5EeBgVpk4QdUVYe6cqAzfNqgmLerrwsdFyPkVSZVSdHgTNQqA9KvywRnH6Z3hwHYkkbmfestlD5mR2WZ+l7PVyuyPx58pIPV4/D6E+HMvrxcZ4R5s+HzDPsiLV1n4U3Mbk6EJw9zmJRqX8AkNDkVlkxYyw35duMDHkJ/CZ4Rh1g2f/TyMf4F1JT7jffzGpcxrljvjbUJ5NxwEELeQAAAA==");
}

.lq-p-tag {
  --lq: url("data:image/webp;base64,UklGRlICAABXRUJQVlA4WAoAAAAQAAAAFwAALgAAQUxQSLAAAAARX6CgbSM3dhD2vvuPiICUr1ldigEo1rYtix6c+EUcMiyFJXh1yC6N82XcxrXiz/J+3jfNmRzR/wmAc9ZxQxx3P9LS2WM6Ugc4CyYLHF1CDjgJ6ACfED9hatLRW85IT8HngFSOntxSKjeF8juneCe7rkdtkgw9ujisy9Emf0mGHBcyOiGtCxiRzB1JhmCuFK1rRGXwqMleNN2rxt40m//B/U+6aexZU3vWRMz8R6y4AFZQOCB8AQAAMAgAnQEqGAAvAD7taK5QKaWkIqVsyTAdiWwAtvuWsz4ANIA9gD9AOtMabPsAxb69Kzmvy8XdCeawnkKYv/WoUhdUHJtcv/PGoVAA/u6DYHQ2iuxQBKfDorUc966UEmPCzze+3P0xQqSu7Nq8vm+Vyc1x64SGd+1rO93yOliXG5fezlDI6+kvv//YkzgG23oeOnAS11/nUEPhPX/nw/zNItQyf6aS+JvP6tLaygKksbM9k0J9q7xK1lgiVQxJmbUAeevtcx3KNKTPKm6K2EfyLhbcth1eXXA+uTc+F1hP2cl3dBNa4PC7/TJdcFD2QjAgnoULvaHE2elzmjBlBVsOOYJ/gzTgyVN2yLkS3POLqIrOcb2iCwhWYE1qFDRKuQLEadY1B8/EkPWG/C81FrCVmC3YFWeXUCcRd/mCcdElQNrfse6xpEY6rVKrqd9pbbgGrABcxrtVpAh94QUy5F/NHixIn2vJgl0NnZFfPj/imb1dlvuKHG2P63PbgAA=");
}

.lq-recon-01-price-768-after-sm {
  --lq: url("data:image/webp;base64,UklGRmQAAABXRUJQVlA4IFgAAACwBACdASoYABwAPu1qrlCppaQiqAqpMB2JaQAAMWYI9hw+tMiJh/+RqD+Y3AQAAP7v2CjwwL1I2KY4i85mcF0NjLRc2Mt+0FxcDbYsn1IlrLwWzlAAAAAA");
}

.lq-recon-01-price-768-before-sm {
  --lq: url("data:image/webp;base64,UklGRnIAAABXRUJQVlA4IGYAAAAwBACdASoYABwAPu1mqk8ppaOiKA1RMB2JaQAAMWYJG+0In97ys1sDwAAA/u/YKPD4NgOSryggi6Q9dSo+e3rAo7IGOlfOuUB7OfawD15tw4NapzWx05tP9FskpvrSY955yqAAAAA=");
}

.lq-recon-02-document-375-after-sm {
  --lq: url("data:image/webp;base64,UklGRtQAAABXRUJQVlA4IMgAAAAQBgCdASoYADQAPu10qVGppyMiqBgMATAdiWkAABcoX3gBIMhE6g+F+D4kkAuTdgbkh2km4zV7xAAA/u3hnTi5dor+y0UOa00tAcb2am2vpNSCBmcb1/vZsTx01E58lhLzK3D1QXVZczKbzfwmilHG+0B+MormZPcwlga1IEHDx555gnFj6I8bgWG/DYphuJoHwfVIom1RY5MWudugTo7yJgfQdskg3aYsG3xHqKC1ygP1oIBiXMP0JLQdairvNdp1y/rUDgFAAA==");
}

.lq-recon-02-document-375-before-sm {
  --lq: url("data:image/webp;base64,UklGRt4AAABXRUJQVlA4INIAAAAwBgCdASoYADQAPulcqE2pJKQiN/VYASAdCWkABv7I/SUnpYAqhD8DRpbFv/Ih8LL7+yik25HFKuCAAP7t4Z1dlxpL6dcBXscsDcXmqRWSYwKpSg+TLul5DRWZwV5jhUlss9meroyQjjA7YE5V3gG354nK3v+llVqWyezomamumrWHq/I9sewadj4KiDmsiwSFDpmqsgSP85LGMAFWgY1mT7Pc4mSHWoYydC/R6DR//BrKgntJ3D5AlDR05yXd7X4cscyrZAG8UwYSH7k3qcgAAAA=");
}

.lq-recon-03-schedule-1024-after-sm {
  --lq: url("data:image/webp;base64,UklGRlgAAABXRUJQVlA4IEwAAADwAgCdASoYABIAPu1oqk+ppaOiKA1RMB2JaQAAPEGygAD+8E1cEWreKoKl31kW8Wr9lckfM1hjrMcr7FXrdX4Mhi9gSa7yLNOfIEAA");
}

.lq-recon-03-schedule-1024-before-sm {
  --lq: url("data:image/webp;base64,UklGRlYAAABXRUJQVlA4IEoAAABwAwCdASoYABIAPu1irVAppSQisBgIATAdiWkAADpwTNNFEiwA/vBJKuPLg9QqXfWRbxav2VyR8z8K7PJGYPZGRPD8rJsdLMAAAA==");
}