/* Hero 152892:12855. Layout and motion are separate coordinate spaces. */
.homepage .home-hero.home-hero--devices {
  background: #f6f6f6;
  color: #242424;
  height: 836px;
  overflow: hidden;
}
.homepage .home-hero.home-hero--devices .home-hero__inner {
  padding-top: 126px;
  pointer-events: none;
}
.homepage .home-hero.home-hero--devices h1 {
  font-size: 64px;
  font-weight: 500;
  line-height: 1;
  text-transform: none;
  max-width: 736px;
}
.homepage .home-hero.home-hero--devices .home-hero__summary {
  top: 342px;
  width: 292px;
}
.homepage .home-hero.home-hero--devices .home-hero__offer {
  top: 126px;
  bottom: auto;
  right: 0;
  width: 366px;
  min-height: 212px;
  pointer-events: auto;
}
.hero-demo {
  position: absolute;
  width: 1904px;
  height: 914px;
  left: 50%;
  top: 0;
  transform: translateX(-50%) scale(var(--hero-scale, 1));
  transform-origin: 50% 0;
  pointer-events: none;
}
.hero-demo [data-hero-node],
.hero-demo img,
.hero-phone-screen,
.hero-island {
  position: absolute;
  max-width: none;
}
.hero-demo img {
  display: block;
}
.hero-demo-curves {
  left: 235px;
  top: 161.13px;
  width: 1279.838px;
  height: 1812.022px;
  transform-origin: 0 0;
  transform: rotate(-36.826668deg);
}
.hero-phone-screen {
  border-radius: 17px;
  overflow: hidden;
  background: #191919;
}
.hero-island {
  border-radius: 20px;
  background: #000;
}
.hero-island img {
  opacity: 0.6;
}
.hero-pin-digit {
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  color: #242424;
}
.hero-demo [data-hero-node="152892:13178"] {
  background: #f6f6f6;
  border-radius: 4px;
}
.hero-demo [data-hero-node="152892:12863"] {
  animation:
    kf_152892_12863_opacity_0 9.2s linear,
    kf_152892_12863_translate_0 9.2s linear,
    kf_152892_12863_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_12863_opacity_0 {
  0% {
    opacity: 1;
  }
  83.152% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kf_152892_12863_translate_0 {
  0% {
    translate: 0px 20px;
  }
  22.283% {
    animation-timing-function: ease-in-out;
    translate: 0px 20px;
  }
  27.717% {
    translate: 0px 0px;
  }
  83.152% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_152892_12863_scale_0 {
  0% {
    scale: 0.98 0.98;
  }
  22.283% {
    animation-timing-function: ease-in-out;
    scale: 0.98 0.98;
  }
  27.717% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:12906"] {
  animation:
    kf_152892_12906_opacity_0 9.2s linear,
    kf_152892_12906_translate_0 9.2s linear,
    kf_152892_12906_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_12906_opacity_0 {
  0% {
    opacity: 1;
  }
  83.152% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kf_152892_12906_translate_0 {
  0% {
    translate: 0px 30px;
  }
  21.522% {
    animation-timing-function: ease-in-out;
    translate: 0px 30px;
  }
  27.391% {
    translate: 0px 0px;
  }
  83.152% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_152892_12906_scale_0 {
  0% {
    scale: 0.98 0.98;
  }
  21.522% {
    animation-timing-function: ease-in-out;
    scale: 0.98 0.98;
  }
  27.391% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:12912"] {
  animation:
    kf_152892_12912_opacity_0 9.2s linear,
    kf_152892_12912_translate_0 9.2s linear,
    kf_152892_12912_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_12912_opacity_0 {
  0% {
    opacity: 0;
  }
  11.957% {
    animation-timing-function: ease-in-out;
    opacity: 0;
  }
  15.217% {
    opacity: 1;
  }
  26.087% {
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  29.348% {
    opacity: 0;
  }
  43.478% {
    animation-timing-function: ease-in-out;
    opacity: 0;
  }
  46.739% {
    opacity: 1;
  }
  54.348% {
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  57.609% {
    opacity: 0;
  }
  71.196% {
    animation-timing-function: ease-in-out;
    opacity: 0;
  }
  74.457% {
    opacity: 1;
  }
  83.152% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kf_152892_12912_translate_0 {
  0% {
    translate: 0px 8px;
  }
  11.957% {
    animation-timing-function: ease-in-out;
    translate: 0px 8px;
  }
  15.217% {
    translate: 0px 0px;
  }
  26.087% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  29.348% {
    animation-timing-function: ease-in-out;
    translate: 0px -6px;
  }
  43.478% {
    animation-timing-function: ease-in-out;
    translate: 0px 8px;
  }
  46.739% {
    translate: 0px 0px;
  }
  54.348% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  57.609% {
    animation-timing-function: ease-in-out;
    translate: 0px -6px;
  }
  71.196% {
    animation-timing-function: ease-in-out;
    translate: 0px 8px;
  }
  74.457% {
    translate: 0px 0px;
  }
  83.152% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_152892_12912_scale_0 {
  0% {
    scale: 0.98 0.98;
  }
  11.957% {
    animation-timing-function: ease-in-out;
    scale: 0.98 0.98;
  }
  15.217% {
    scale: 1 1;
  }
  26.087% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  29.348% {
    scale: 0.98 0.98;
  }
  43.478% {
    animation-timing-function: ease-in-out;
    scale: 0.98 0.98;
  }
  46.739% {
    scale: 1 1;
  }
  54.348% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  57.609% {
    scale: 0.98 0.98;
  }
  71.196% {
    animation-timing-function: ease-in-out;
    scale: 0.98 0.98;
  }
  74.457% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:12929"] {
  animation: kf_152892_12929_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_12929_scale_0 {
  0% {
    scale: 1 1;
  }
  80.978% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  81.848% {
    animation-timing-function: ease-in-out;
    scale: 0.86 0.86;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:12932"] {
  animation: kf_152892_12932_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_12932_scale_0 {
  0% {
    scale: 1 1;
  }
  24.783% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  25.652% {
    animation-timing-function: ease-in-out;
    scale: 0.86 0.86;
  }
  26.63% {
    animation-timing-function: ease-in-out;
    scale: 1.08 1.08;
  }
  28.043% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:12933"] {
  animation: kf_152892_12933_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_12933_scale_0 {
  0% {
    scale: 1 1;
  }
  53.043% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  53.913% {
    animation-timing-function: ease-in-out;
    scale: 0.86 0.86;
  }
  54.891% {
    animation-timing-function: ease-in-out;
    scale: 1.08 1.08;
  }
  56.304% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:12934"] {
  animation: kf_152892_12934_opacity_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_12934_opacity_0 {
  0% {
    opacity: 0;
  }
  26.087% {
    animation-timing-function: ease-in-out;
    opacity: 0;
  }
  29.348% {
    opacity: 1;
  }
  43.478% {
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  46.739% {
    opacity: 0;
  }
  83.152% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.hero-demo [data-hero-node="152892:12953"] {
  animation: kf_152892_12953_opacity_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_12953_opacity_0 {
  0% {
    opacity: 0;
  }
  54.348% {
    animation-timing-function: ease-in-out;
    opacity: 0;
  }
  57.609% {
    opacity: 1;
  }
  71.196% {
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  74.457% {
    opacity: 0;
  }
  83.152% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.hero-demo [data-hero-node="152892:13130"] {
  animation:
    kf_152892_13130_opacity_0 9.2s linear,
    kf_152892_13130_translate_0 9.2s linear,
    kf_152892_13130_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13130_opacity_0 {
  0% {
    opacity: 1;
  }
  83.152% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kf_152892_13130_translate_0 {
  0% {
    translate: 0px 30px;
  }
  3.043% {
    animation-timing-function: ease-in-out;
    translate: 0px 30px;
  }
  12.174% {
    translate: 0px 0px;
  }
  83.152% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_152892_13130_scale_0 {
  0% {
    scale: 0.98 0.98;
  }
  3.043% {
    animation-timing-function: ease-in-out;
    scale: 0.98 0.98;
  }
  12.174% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:13136"] {
  animation: kf_152892_13136_opacity_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13136_opacity_0 {
  0% {
    opacity: 0;
  }
  30.326% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  31.413% {
    opacity: 1;
  }
  83.152% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.hero-demo [data-hero-node="152892:13137"] {
  animation: kf_152892_13137_opacity_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13137_opacity_0 {
  0% {
    opacity: 0;
  }
  34.13% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  35.217% {
    opacity: 1;
  }
  83.152% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.hero-demo [data-hero-node="152892:13138"] {
  animation: kf_152892_13138_opacity_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13138_opacity_0 {
  0% {
    opacity: 0;
  }
  37.935% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  39.022% {
    opacity: 1;
  }
  83.152% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.hero-demo [data-hero-node="152892:13139"] {
  animation: kf_152892_13139_opacity_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13139_opacity_0 {
  0% {
    opacity: 0;
  }
  41.739% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  42.826% {
    opacity: 1;
  }
  83.152% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.hero-demo [data-hero-node="152892:13141"] {
  animation: kf_152892_13141_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13141_scale_0 {
  0% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:13145"] {
  animation: kf_152892_13145_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13145_scale_0 {
  0% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:13155"] {
  animation: kf_152892_13155_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13155_scale_0 {
  0% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:13159"] {
  animation: kf_152892_13159_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13159_scale_0 {
  0% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:13165"] {
  animation: kf_152892_13165_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13165_scale_0 {
  0% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:13167"] {
  animation: kf_152892_13167_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13167_scale_0 {
  0% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:13178"] {
  animation: kf_152892_13178_opacity_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13178_opacity_0 {
  0% {
    opacity: 0;
  }
  54.565% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  58.043% {
    opacity: 1;
  }
  83.152% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.hero-demo [data-hero-node="152892:13179"] {
  animation: kf_152892_13179_opacity_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13179_opacity_0 {
  0% {
    opacity: 0;
  }
  54.565% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  58.043% {
    opacity: 1;
  }
  83.152% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.hero-demo [data-hero-node="152892:13469"] {
  animation:
    kf_152892_13469_opacity_0 9.2s linear,
    kf_152892_13469_translate_0 9.2s linear,
    kf_152892_13469_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13469_opacity_0 {
  0% {
    opacity: 0;
  }
  5.217% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  8.913% {
    opacity: 1;
  }
  83.152% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kf_152892_13469_translate_0 {
  0% {
    translate: 0px 16px;
  }
  5.217% {
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    translate: 0px 16px;
  }
  8.913% {
    translate: 0px 0px;
  }
  83.152% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_152892_13469_scale_0 {
  0% {
    scale: 0.9 0.9;
  }
  5.217% {
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    scale: 0.9 0.9;
  }
  8.913% {
    animation-timing-function: ease-out;
    scale: 1.04 1.04;
  }
  10.652% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:13475"] {
  animation:
    kf_152892_13475_opacity_0 9.2s linear,
    kf_152892_13475_translate_0 9.2s linear,
    kf_152892_13475_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13475_opacity_0 {
  0% {
    opacity: 0;
  }
  22.283% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  25.978% {
    opacity: 1;
  }
  83.152% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kf_152892_13475_translate_0 {
  0% {
    translate: 0px 16px;
  }
  22.283% {
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    translate: 0px 16px;
  }
  25.978% {
    translate: 0px 0px;
  }
  83.152% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_152892_13475_scale_0 {
  0% {
    scale: 0.9 0.9;
  }
  22.283% {
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    scale: 0.9 0.9;
  }
  25.978% {
    animation-timing-function: ease-out;
    scale: 1.04 1.04;
  }
  27.717% {
    scale: 1 1;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:13481"] {
  animation:
    kf_152892_13481_opacity_0 9.2s linear,
    kf_152892_13481_translate_0 9.2s linear,
    kf_152892_13481_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13481_opacity_0 {
  0% {
    opacity: 1;
  }
  10.87% {
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  14.13% {
    opacity: 0;
  }
  83.152% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes kf_152892_13481_translate_0 {
  0% {
    translate: 0px 0px;
  }
  10.87% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  14.13% {
    animation-timing-function: ease-in-out;
    translate: 0px -8px;
  }
  83.152% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_152892_13481_scale_0 {
  0% {
    scale: 1 1;
  }
  10.87% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  14.13% {
    scale: 0.96 0.96;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:13491"] {
  animation:
    kf_152892_13491_opacity_0 9.2s linear,
    kf_152892_13491_translate_0 9.2s linear,
    kf_152892_13491_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13491_opacity_0 {
  0% {
    opacity: 0;
  }
  26.087% {
    animation-timing-function: ease-in-out;
    opacity: 0;
  }
  29.348% {
    opacity: 1;
  }
  43.478% {
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  46.739% {
    opacity: 0;
  }
  83.152% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes kf_152892_13491_translate_0 {
  0% {
    translate: 0px 14px;
  }
  26.087% {
    animation-timing-function: ease-in-out;
    translate: 0px 14px;
  }
  29.348% {
    translate: 0px 0px;
  }
  43.478% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  46.739% {
    animation-timing-function: ease-in-out;
    translate: 0px -8px;
  }
  83.152% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_152892_13491_scale_0 {
  0% {
    scale: 0.96 0.96;
  }
  26.087% {
    animation-timing-function: ease-in-out;
    scale: 0.96 0.96;
  }
  29.348% {
    scale: 1 1;
  }
  43.478% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  46.739% {
    scale: 0.96 0.96;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.hero-demo [data-hero-node="152892:13497"] {
  animation:
    kf_152892_13497_opacity_0 9.2s linear,
    kf_152892_13497_translate_0 9.2s linear,
    kf_152892_13497_scale_0 9.2s linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes kf_152892_13497_opacity_0 {
  0% {
    opacity: 0;
  }
  54.348% {
    animation-timing-function: ease-in-out;
    opacity: 0;
  }
  57.609% {
    opacity: 1;
  }
  71.196% {
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  74.457% {
    opacity: 0;
  }
  83.152% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes kf_152892_13497_translate_0 {
  0% {
    translate: 0px 14px;
  }
  54.348% {
    animation-timing-function: ease-in-out;
    translate: 0px 14px;
  }
  57.609% {
    translate: 0px 0px;
  }
  71.196% {
    animation-timing-function: ease-in-out;
    translate: 0px 0px;
  }
  74.457% {
    animation-timing-function: ease-in-out;
    translate: 0px -8px;
  }
  83.152% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_152892_13497_scale_0 {
  0% {
    scale: 0.96 0.96;
  }
  54.348% {
    animation-timing-function: ease-in-out;
    scale: 0.96 0.96;
  }
  57.609% {
    scale: 1 1;
  }
  71.196% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  74.457% {
    scale: 0.96 0.96;
  }
  83.152% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}

.home-hero--devices.is-playing .hero-demo [data-hero-node] {
  animation-play-state: running;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .homepage .home-hero.home-hero--devices {
    height: 720px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__inner {
    padding-top: 120px;
  }
  .homepage .home-hero.home-hero--devices h1 {
    font-size: 48px;
    max-width: 650px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__summary {
    top: 290px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__offer {
    top: 120px;
    width: 330px;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .homepage .home-hero.home-hero--devices h1 {
    font-size: 38px;
    max-width: calc(100% - 284px);
  }
  .homepage .home-hero.home-hero--devices .home-hero__offer {
    width: 260px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__offer p {
    font-size: 18px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__offer .home-hero__note {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .homepage .home-hero.home-hero--devices {
    height: auto;
    min-height: 740px;
    margin: 0;
    border-radius: 16px;
    padding-bottom: 16px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__inner {
    padding-top: 100px;
    height: auto;
  }
  .homepage .home-hero.home-hero--devices h1 {
    font-size: 36px;
    line-height: 1;
    max-width: 560px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__summary {
    position: static;
    margin-top: 20px;
    width: 292px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__description {
    max-width: 292px;
    font-size: 14px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__offer {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    min-height: 0;
    margin-top: 240px;
    padding: 20px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__offer .home-hero__note {
    max-width: none;
    font-size: 14px;
  }
}
@media (max-width: 359px) {
  .homepage .home-hero.home-hero--devices h1 {
    font-size: 30px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-demo [data-hero-node] {
    animation: none !important;
    translate: none !important;
    scale: none !important;
    opacity: 1;
  }
  .hero-demo [data-hero-node="152892:12934"],
  .hero-demo [data-hero-node="152892:12953"],
  .hero-demo [data-hero-node="152892:13491"],
  .hero-demo [data-hero-node="152892:13497"] {
    opacity: 0;
  }
}
.hero-demo [data-hero-node="152892:12933"] {
  background: white;
  border: 0.356px solid #e6e6e6;
  border-radius: 20px;
}
.hero-demo [data-hero-node="152892:12933"] img {
  left: 5.34px !important;
  top: 5.34px !important;
  width: 10.67px !important;
  height: 10.67px !important;
}

.hero-demo .hero-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.94);
  border-radius: 16px;
  box-shadow: 0 5px 40px 1px rgba(39, 39, 39, 0.08);
  backdrop-filter: blur(12px);
}
.hero-demo .hero-notice img {
  position: static;
  flex: 0 0 38px;
}
.hero-notice div {
  min-width: 0;
}
.hero-notice span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
}
.hero-notice small {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  line-height: 18px;
  color: #b3b3b3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hero-device {
  display: contents;
}
.hero-mobile-title {
  display: none;
}
.hero-phone-fallback {
  position: absolute;
  inset: 0;
}
.hero-phone-fallback .hero-fallback-garson-icon {
  background: white;
  border: 0.356px solid #e6e6e6;
  border-radius: 50%;
  padding: 5px;
}
@media (max-width: 767px) {
  .homepage .home-hero.home-hero--devices {
    background: #dedede;
    min-height: 844px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__inner {
    padding-top: 94px;
  }
  .homepage .home-hero.home-hero--devices h1 {
    font-size: 36px;
    line-height: 0.95;
  }
  .home-hero--devices .home-desktop-title {
    display: none;
  }
  .hero-mobile-title {
    display: block;
  }
  .homepage .home-hero.home-hero--devices .home-hero__summary {
    margin-top: 20px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__offer {
    z-index: 4;
    margin-top: 380px;
  }
  .hero-demo {
    width: 390px;
    height: 410px;
    left: 50%;
    top: 340px;
    transform: translateX(-50%) scale(var(--hero-mobile-scale, 1));
    transform-origin: 50% 0;
  }
  .hero-demo-curves,
  .hero-demo > [data-hero-node],
  .hero-demo [data-hero-node="152892:13469"] {
    display: none;
  }
  .hero-device {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
    animation-duration: 9.2s;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-fill-mode: both;
  }
  .hero-device > [data-hero-node] {
    left: 0 !important;
    top: 0 !important;
  }
  .hero-device--pos {
    width: 508.094px;
    height: 539.655px;
    animation-name: hero-mobile-pos;
    z-index: 1;
  }
  .hero-device--laptop {
    width: 466.262px;
    height: 282.416px;
    animation-name: hero-mobile-laptop;
    z-index: 2;
  }
  .hero-device--phone {
    width: 158.307px;
    height: 322.577px;
    animation-name: hero-mobile-phone;
    z-index: 3;
  }
  .is-playing .hero-device {
    animation-play-state: running;
  }
  @keyframes hero-mobile-pos {
    0%,
    21.522% {
      transform: translate(18px, -20px) scale(0.7);
      animation-timing-function: ease-in-out;
    }
    27.717%,
    100% {
      transform: translate(64px, -16px) scale(0.53);
    }
  }
  @keyframes hero-mobile-laptop {
    0%,
    22.283% {
      opacity: 0;
      transform: translate(-60px, 236px) scale(0.6);
      animation-timing-function: ease-in-out;
    }
    27.717%,
    100% {
      opacity: 1;
      transform: translate(-60px, 193px) scale(0.6);
    }
  }
  @keyframes hero-mobile-phone {
    0%,
    21.522% {
      opacity: 0;
      transform: translate(294px, 220px) scale(0.7);
      animation-timing-function: ease-in-out;
    }
    27.717%,
    100% {
      opacity: 1;
      transform: translate(294px, 175px) scale(0.7);
    }
  }
}
@media (max-width: 359px) {
  .homepage .home-hero.home-hero--devices h1 {
    font-size: 30px;
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .hero-device {
    animation: none !important;
    opacity: 1 !important;
  }
  .hero-device--pos {
    transform: translate(64px, -16px) scale(0.53);
  }
  .hero-device--laptop {
    transform: translate(-60px, 193px) scale(0.6);
  }
  .hero-device--phone {
    transform: translate(294px, 175px) scale(0.7);
  }
}

.hero-final-products {
  position: absolute;
  left: 1178px;
  top: 500px;
  display: flex;
  gap: 6px;
  animation: hero-final-products 9.2s linear both;
  animation-play-state: paused;
}
.hero-final-products > span {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 5px 28px rgba(39, 39, 39, 0.08);
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
}
.hero-demo .hero-final-products img {
  position: static;
  width: 24px;
  height: 24px;
}
.hero-final-products .hero-final-garson {
  background: white;
  padding: 5px;
  border: 1px solid #eee;
  border-radius: 50%;
}
.is-playing .hero-final-products {
  animation-play-state: running;
}
@keyframes hero-final-products {
  0%,
  80% {
    opacity: 0;
    translate: 0 8px;
  }
  86%,
  100% {
    opacity: 1;
    translate: 0 0;
  }
}
@media (max-width: 767px) {
  .hero-final-products {
    left: 12px;
    top: 270px;
    z-index: 4;
    gap: 4px;
  }
  .hero-final-products > span {
    font-size: 12px;
    padding: 8px;
    gap: 5px;
    border-radius: 12px;
  }
  .hero-demo .hero-final-products img {
    width: 20px;
    height: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-final-products {
    animation: none !important;
    opacity: 1;
    translate: none;
  }
  .hero-demo [data-hero-node="152892:13481"] {
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .homepage .home-hero.home-hero--devices .home-hero__offer {
    padding: 16px;
  }
  .homepage .home-hero.home-hero--devices .home-hero__offer p {
    line-height: 1.05;
  }
  .homepage .home-hero.home-hero--devices .home-hero__offer .home-hero__note {
    font-size: 12px;
    line-height: 1.2;
  }
}

/* Desktop cover occupies the viewport, including its outer top margin. */
@media (min-width: 768px) {
  .homepage .home-hero.home-hero--devices {
    height: calc(100svh - 8px);
    min-height: 660px;
  }
}