.motion-stage { position: relative; width: 280px; height: 150px; overflow: hidden; --motion-container-w: 280px; --motion-container-h: 150px; container-type: size; }
@supports (width: 1cqw) { .motion-stage { --motion-container-w: 100cqw; --motion-container-h: 100cqh; } }
.motion-layer { position: absolute; left: 0; top: 0; }
.motion-content--null { display: none; }
.motion-transform { transform-origin: 0 0 0; }
.motion-anchor, .motion-content { position: absolute; left: 0; top: 0; }
.motion-content.motion-content--precomp-container { display: none; }

#how-it-works-3th-scene-export-2-position { transform: translate(140px, 75px); }
#how-it-works-3th-scene-export-2-anchor { transform: translate(-140px, -75px); }
#how-it-works-3th-scene-export-2 { width: 280px; height: 150px; container-type: size; --motion-container-w: 280px; --motion-container-h: 150px; }
@supports (width: 1cqw) { #how-it-works-3th-scene-export-2 { --motion-container-w: 100cqw; --motion-container-h: 100cqh; } }
#how-it-works-3th-scene-export-2 { visibility: visible; opacity: 1; }

#how-it-works-3th-scene-export-1-position { transform: translate(140px, 75px); }
#how-it-works-3th-scene-export-1-anchor { transform: translate(-140px, -75px); }
#how-it-works-3th-scene-export-1 { width: 280px; height: 150px; container-type: size; --motion-container-w: 280px; --motion-container-h: 150px; }
@supports (width: 1cqw) { #how-it-works-3th-scene-export-1 { --motion-container-w: 100cqw; --motion-container-h: 100cqh; } }
#how-it-works-3th-scene-export-1 { visibility: visible; opacity: 1; }

#how-it-works-3th-scene-export-2-browser-outlines--5 { transform: translate(403px, 75px); }
#how-it-works-3th-scene-export-2-browser-outlines--5-anchor { transform: translate(-88px, -65px); }
#how-it-works-3th-scene-export-2-browser-outlines--5-content { left: 0px; top: 0px; width: 176px; height: 129px; }
#how-it-works-3th-scene-export-2-browser-outlines--5 { visibility: visible; opacity: 1; }
#how-it-works-3th-scene-export-2-browser-outlines--5-position { animation: how-it-works-3th-scene-export-2-browser-outlines--5-position 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-2-browser-outlines--5-position {
  0% {
    transform: translate(0, 0);
  }
  2.3079% {
    transform: translate(calc(-0.0001 * var(--motion-container-w)), 0);
    animation-timing-function: ease;
  }
  19.2246% {
    transform: translate(calc(-0.9393 * var(--motion-container-w)), 0);
  }
  100% {
    transform: translate(calc(-0.9393 * var(--motion-container-w)), 0);
  }
}
#how-it-works-3th-scene-export-2-browser-outlines--5-scale { animation: how-it-works-3th-scene-export-2-browser-outlines--5-scale 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-2-browser-outlines--5-scale {
  0% {
    transform: scale(1, 1);
  }
  15.3935% {
    transform: scale(1, 1);
    animation-timing-function: ease-in-out;
  }
  17.309% {
    transform: scale(0.9, 0.9);
    animation-timing-function: ease-in-out;
  }
  23.0787% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
#how-it-works-3th-scene-export-2-browser-outlines--5-content { animation: how-it-works-3th-scene-export-2-browser-outlines--5-opacity 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-2-browser-outlines--5-opacity {
  0% {
    opacity: 1;
  }
  87.3067% {
    opacity: 1;
  }
  93.0764% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#how-it-works-3th-scene-export-2-browser-outlines--5-content { background: none; padding: 0; border-radius: 0; border: none; box-shadow: none; overflow: visible; }

#how-it-works-3th-scene-export-1-editor-outlines--4-position { transform: translate(140px, 75px); }
#how-it-works-3th-scene-export-1-editor-outlines--4-anchor { transform: translate(-75px, -54px); }
#how-it-works-3th-scene-export-1-editor-outlines--4-content { left: -1px; top: 0px; width: 150px; height: 107px; }
#how-it-works-3th-scene-export-1-editor-outlines--4 { visibility: visible; opacity: 1; }
#how-it-works-3th-scene-export-1-editor-outlines--4-scale { animation: how-it-works-3th-scene-export-1-editor-outlines--4-scale 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-1-editor-outlines--4-scale {
  0% {
    transform: scale(1, 1);
  }
  2.3079% {
    transform: scale(1.0001, 1.0001);
    animation-timing-function: ease-out;
  }
  7.6852% {
    transform: scale(1.1, 1.1);
    animation-timing-function: cubic-bezier(0.72, 0, 0.83, 1);
  }
  17.309% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
#how-it-works-3th-scene-export-1-editor-outlines--4-content { background: none; padding: 0; border-radius: 0; border: none; box-shadow: none; overflow: visible; }
#how-it-works-3th-scene-export-1-editor-outlines--4-gs0 {
  position: absolute; left: 0; top: 0;
  opacity: 0;
  animation: how-it-works-3th-scene-export-1-editor-outlines--4-gs0-op 4333ms linear infinite;
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--4-gs0-op {
  0% {
    opacity: 0;
  }
  2.3079% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#how-it-works-3th-scene-export-1-editor-outlines--4-gs1 {
  position: absolute; left: 0; top: 0;
  transform-origin: 16.66px 81px;
  transform: translate(0px, 0px) scale(0, 1);
  will-change: transform;
  animation: how-it-works-3th-scene-export-1-editor-outlines--4-gs1 4333ms linear infinite;
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--4-gs1 {
  0% {
    transform: translate(0px, 0px) scale(0, 1);
    animation-timing-function: ease-in-out;
  }
  2.3079% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#how-it-works-3th-scene-export-1-editor-outlines--4-gs2 {
  position: absolute; left: 0; top: 0;
  transform-origin: 31.2px 67px;
  transform: translate(0px, 0px) scale(0, 1);
  will-change: transform;
  animation: how-it-works-3th-scene-export-1-editor-outlines--4-gs2 4333ms linear infinite;
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--4-gs2 {
  0% {
    transform: translate(0px, 0px) scale(0, 1);
    animation-timing-function: ease-in-out;
  }
  0.7616% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#how-it-works-3th-scene-export-1-editor-outlines--4-gs3 {
  position: absolute; left: 0; top: 0;
  transform-origin: 30.95px 53px;
  transform: translate(0px, 0px) scale(0, 1);
  will-change: transform;
  animation: how-it-works-3th-scene-export-1-editor-outlines--4-gs3 4333ms linear infinite;
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--4-gs3 {
  0% {
    transform: translate(0px, 0px) scale(0, 1);
    animation-timing-function: ease-in-out;
  }
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#how-it-works-3th-scene-export-1-editor-outlines--4-gs4 {
  position: absolute; left: 0; top: 0;
  transform-origin: 17.39px 39px;
  transform: translate(0px, 0px) scale(0, 1);
  will-change: transform;
  animation: how-it-works-3th-scene-export-1-editor-outlines--4-gs4 4333ms linear infinite;
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--4-gs4 {
  0% {
    transform: translate(0px, 0px) scale(0, 1);
    animation-timing-function: ease-in-out;
  }
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#how-it-works-3th-scene-export-1-editor-outlines--4-gs5 {
  position: absolute; left: 0; top: 0;
  transform-origin: 15px 19.5px;
  will-change: transform;
  opacity: 0;
  animation: how-it-works-3th-scene-export-1-editor-outlines--4-gs5 4333ms linear infinite, how-it-works-3th-scene-export-1-editor-outlines--4-gs5-op 4333ms linear infinite;
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--4-gs5 {
  0% {
    transform: translate(0px, 0px);
    animation-timing-function: ease-in-out;
  }
  0% {
    transform: translate(17px, 0px);
  }
  100% {
    transform: translate(17px, 0px);
  }
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--4-gs5-op {
  0% {
    opacity: 0;
    animation-timing-function: ease-in-out;
  }
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

#how-it-works-3th-scene-export-5-square-outlines--3 { transform: translate(140px, 82px); }
#how-it-works-3th-scene-export-5-square-outlines--3-anchor { transform: translate(-9px, -9px); }
#how-it-works-3th-scene-export-5-square-outlines--3-content { left: 0px; top: 0px; width: 18px; height: 18px; }
#how-it-works-3th-scene-export-5-square-outlines--3 { visibility: visible; opacity: 0; animation: how-it-works-3th-scene-export-5-square-outlines--3-visibility 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-5-square-outlines--3-visibility {
  0%, 18.463% { opacity: 0; }
  18.473%, 100% { opacity: 1; }
}
@supports (-webkit-hyphens:none){
@keyframes how-it-works-3th-scene-export-5-square-outlines--3-visibility {
  0%, 2% { opacity: 0; visibility: hidden; }
  3%, 18.463% { opacity: 0; visibility: visible; }
  18.473%, 100% { opacity: 1; visibility: visible; }
}
}
#how-it-works-3th-scene-export-5-square-outlines--3-position { offset-path: path("M 0 0 C 3.1725 -7.1848, 46.992 -1.3075, 46.992 -1.3075 C 46.992 -1.3075, 48.6919 -13.8685, 48.6919 -14.4241 C 48.6919 -14.9796, 46.992 -1.3075, 46.992 -1.3075 C 46.992 -1.3075, 48.6919 -13.8685, 48.6919 -14.4241"); offset-rotate: 0deg; offset-anchor: 0 0; animation: how-it-works-3th-scene-export-5-square-outlines--3-position 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-5-square-outlines--3-position {
  0% {
    offset-distance: 0%;
  }
  18.463% {
    offset-distance: 0%;
    animation-timing-function: ease-out;
  }
  24.8327% {
    offset-distance: 54.7379%;
    animation-timing-function: ease-in-out;
  }
  47.8421% {
    offset-distance: 69.8233%;
    animation-timing-function: ease-in-out;
  }
  70.8516% {
    offset-distance: 84.9146%;
    animation-timing-function: cubic-bezier(0.17, 0.03, 0.67, 0.94);
  }
  93.8611% {
    offset-distance: 100%;
  }
  100% {
    offset-distance: 100%;
  }
}
#how-it-works-3th-scene-export-5-square-outlines--3-rotation-z { animation: how-it-works-3th-scene-export-5-square-outlines--3-rotation-z 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-5-square-outlines--3-rotation-z {
  0% {
    transform: rotateZ(0deg);
  }
  24.8327% {
    transform: rotateZ(0deg);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0.74);
  }
  47.8421% {
    transform: rotateZ(2deg);
    animation-timing-function: cubic-bezier(0.33, 0.26, 0.67, 0.74);
  }
  70.8516% {
    transform: rotateZ(0deg);
    animation-timing-function: cubic-bezier(0.17, 0.13, 0.67, 0.74);
  }
  93.8611% {
    transform: rotateZ(3deg);
  }
  100% {
    transform: rotateZ(3deg);
  }
}
#how-it-works-3th-scene-export-5-square-outlines--3-scale { animation: how-it-works-3th-scene-export-5-square-outlines--3-scale 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-5-square-outlines--3-scale {
  0% {
    transform: scale(0, 0);
  }
  18.463% {
    transform: scale(0, 0);
    animation-timing-function: ease-in-out;
  }
  24.2326% {
    transform: scale(1.62, 1.62);
    animation-timing-function: ease-in-out;
  }
  27.4406% {
    transform: scale(1.42, 1.42);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  87.3067% {
    transform: scale(1.42, 1.42);
    animation-timing-function: ease-in-out;
  }
  93.8611% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
#how-it-works-3th-scene-export-5-square-outlines--3-content { background: none; padding: 0; border-radius: 0; border: none; box-shadow: none; overflow: visible; }

#how-it-works-3th-scene-export-4-triangle-outlines--2 { transform: translate(140px, 74px); }
#how-it-works-3th-scene-export-4-triangle-outlines--2-anchor { transform: translate(-11px, -9px); }
#how-it-works-3th-scene-export-4-triangle-outlines--2-content { left: 2px; top: 2px; width: 17px; height: 14px; }
#how-it-works-3th-scene-export-4-triangle-outlines--2 { visibility: visible; opacity: 0; animation: how-it-works-3th-scene-export-4-triangle-outlines--2-visibility 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-4-triangle-outlines--2-visibility {
  0%, 16.9167% { opacity: 0; }
  16.9267%, 100% { opacity: 1; }
}
@supports (-webkit-hyphens:none){
@keyframes how-it-works-3th-scene-export-4-triangle-outlines--2-visibility {
  0%, 2% { opacity: 0; visibility: hidden; }
  3%, 16.9167% { opacity: 0; visibility: visible; }
  16.9267%, 100% { opacity: 1; visibility: visible; }
}
}
#how-it-works-3th-scene-export-4-triangle-outlines--2-position { animation: how-it-works-3th-scene-export-4-triangle-outlines--2-position 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-4-triangle-outlines--2-position {
  0% {
    transform: translate(0, 0);
  }
  16.9167% {
    transform: translate(0, 0);
    animation-timing-function: ease-in-out;
  }
  22.9864% {
    transform: translate(0, calc(0.0533 * var(--motion-container-h)));
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0.84);
  }
  45.9958% {
    transform: translate(0, calc(0.0217 * var(--motion-container-h)));
    animation-timing-function: cubic-bezier(0.33, 0.17, 0.67, 0.84);
  }
  69.0053% {
    transform: translate(0, calc(0.0533 * var(--motion-container-h)));
    animation-timing-function: cubic-bezier(0.17, 0.08, 0.67, 0.84);
  }
  92.0148% {
    transform: translate(0, calc(0.0217 * var(--motion-container-h)));
  }
  100% {
    transform: translate(0, calc(0.0217 * var(--motion-container-h)));
  }
}
#how-it-works-3th-scene-export-4-triangle-outlines--2-rotation-z { animation: how-it-works-3th-scene-export-4-triangle-outlines--2-rotation-z 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-4-triangle-outlines--2-rotation-z {
  0% {
    transform: rotateZ(0deg);
  }
  22.9864% {
    transform: rotateZ(0deg);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0.74);
  }
  45.9958% {
    transform: rotateZ(-2deg);
    animation-timing-function: cubic-bezier(0.33, 0.26, 0.67, 0.74);
  }
  69.0053% {
    transform: rotateZ(0deg);
    animation-timing-function: cubic-bezier(0.17, 0.13, 0.67, 0.74);
  }
  92.0148% {
    transform: rotateZ(-3deg);
  }
  100% {
    transform: rotateZ(-3deg);
  }
}
#how-it-works-3th-scene-export-4-triangle-outlines--2-scale { animation: how-it-works-3th-scene-export-4-triangle-outlines--2-scale 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-4-triangle-outlines--2-scale {
  0% {
    transform: scale(0, 0);
  }
  16.9167% {
    transform: scale(0, 0);
    animation-timing-function: ease-in-out;
  }
  22.6864% {
    transform: scale(1.78, 1.78);
    animation-timing-function: ease-in-out;
  }
  25.7789% {
    transform: scale(1.58, 1.58);
    animation-timing-function: ease-out;
  }
  85.3912% {
    transform: scale(1.42, 1.42);
    animation-timing-function: ease-in-out;
  }
  91.9225% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
#how-it-works-3th-scene-export-4-triangle-outlines--2-content { background: none; padding: 0; border-radius: 0; border: none; box-shadow: none; overflow: visible; }

#how-it-works-3th-scene-export-3-circle-outlines--1 { transform: translate(140px, 82px); }
#how-it-works-3th-scene-export-3-circle-outlines--1-anchor { transform: translate(-9px, -9px); }
#how-it-works-3th-scene-export-3-circle-outlines--1-content { left: 0px; top: 0px; width: 18px; height: 18px; }
#how-it-works-3th-scene-export-3-circle-outlines--1 { visibility: visible; opacity: 0; animation: how-it-works-3th-scene-export-3-circle-outlines--1-visibility 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-3-circle-outlines--1-visibility {
  0%, 15.3935% { opacity: 0; }
  15.4035%, 100% { opacity: 1; }
}
@supports (-webkit-hyphens:none){
@keyframes how-it-works-3th-scene-export-3-circle-outlines--1-visibility {
  0%, 2% { opacity: 0; visibility: hidden; }
  3%, 15.3935% { opacity: 0; visibility: visible; }
  15.4035%, 100% { opacity: 1; visibility: visible; }
}
}
#how-it-works-3th-scene-export-3-circle-outlines--1-position { offset-path: path("M 0 0 C -18.8829 -12.5905, -48.9319 0.1216, -48.9319 0.1216 C -48.9319 0.1216, -52.2255 -9.6505, -52.2255 -10.2061 C -52.2255 -10.7617, -48.9319 0.1216, -48.9319 0.1216 C -48.9319 0.1216, -52.2255 -9.6505, -52.2255 -10.2061"); offset-rotate: 0deg; offset-anchor: 0 0; animation: how-it-works-3th-scene-export-3-circle-outlines--1-position 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-3-circle-outlines--1-position {
  0% {
    offset-distance: 0%;
  }
  15.3935% {
    offset-distance: 0%;
    animation-timing-function: ease-out;
  }
  21.1632% {
    offset-distance: 60.8974%;
    animation-timing-function: ease-in-out;
  }
  44.1726% {
    offset-distance: 73.9215%;
    animation-timing-function: ease-in-out;
  }
  67.159% {
    offset-distance: 86.9759%;
    animation-timing-function: cubic-bezier(0.17, 0.04, 0.67, 0.93);
  }
  90.1685% {
    offset-distance: 100%;
  }
  100% {
    offset-distance: 100%;
  }
}
#how-it-works-3th-scene-export-3-circle-outlines--1-scale { animation: how-it-works-3th-scene-export-3-circle-outlines--1-scale 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-3-circle-outlines--1-scale {
  0% {
    transform: scale(0, 0);
  }
  15.3935% {
    transform: scale(0, 0);
    animation-timing-function: ease-in-out;
  }
  21.1632% {
    transform: scale(1.62, 1.62);
    animation-timing-function: ease-in-out;
  }
  24.3711% {
    transform: scale(1.42, 1.42);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  83.4757% {
    transform: scale(1.42, 1.42);
    animation-timing-function: ease-in-out;
  }
  90.0069% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
#how-it-works-3th-scene-export-3-circle-outlines--1-content { background: none; padding: 0; border-radius: 0; border: none; box-shadow: none; overflow: visible; }

#how-it-works-3th-scene-export-2-browser-outlines--10-position { transform: translate(403px, 75px); }
#how-it-works-3th-scene-export-2-browser-outlines--10-anchor { transform: translate(-88px, -65px); }
#how-it-works-3th-scene-export-2-browser-outlines--10-content { left: 0px; top: 0px; width: 176px; height: 129px; }
#how-it-works-3th-scene-export-2-browser-outlines--10 { visibility: visible; opacity: 0; animation: how-it-works-3th-scene-export-2-browser-outlines--10-visibility 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-2-browser-outlines--10-visibility {
  0%, 88.4607% { opacity: 0; }
  88.4707%, 100% { opacity: 1; }
}
@supports (-webkit-hyphens:none){
@keyframes how-it-works-3th-scene-export-2-browser-outlines--10-visibility {
  0%, 2% { opacity: 0; visibility: hidden; }
  3%, 88.4607% { opacity: 0; visibility: visible; }
  88.4707%, 100% { opacity: 1; visibility: visible; }
}
}
#how-it-works-3th-scene-export-2-browser-outlines--10-content { background: none; padding: 0; border-radius: 0; border: none; box-shadow: none; overflow: visible; }

#how-it-works-3th-scene-export-1-editor-outlines--9-position { transform: translate(140px, 75px); }
#how-it-works-3th-scene-export-1-editor-outlines--9-anchor { transform: translate(-75px, -54px); }
#how-it-works-3th-scene-export-1-editor-outlines--9-content { left: -1px; top: 0px; width: 150px; height: 107px; }
#how-it-works-3th-scene-export-1-editor-outlines--9 { visibility: visible; opacity: 0; animation: how-it-works-3th-scene-export-1-editor-outlines--9-visibility 4333ms linear infinite; }
@keyframes how-it-works-3th-scene-export-1-editor-outlines--9-visibility {
  0%, 88.4607% { opacity: 0; }
  88.4707%, 100% { opacity: 1; }
}
@supports (-webkit-hyphens:none){
@keyframes how-it-works-3th-scene-export-1-editor-outlines--9-visibility {
  0%, 2% { opacity: 0; visibility: hidden; }
  3%, 88.4607% { opacity: 0; visibility: visible; }
  88.4707%, 100% { opacity: 1; visibility: visible; }
}
}
#how-it-works-3th-scene-export-1-editor-outlines--9-content { background: none; padding: 0; border-radius: 0; border: none; box-shadow: none; overflow: visible; }
#how-it-works-3th-scene-export-1-editor-outlines--9-gs0 {
  position: absolute; left: 0; top: 0;
  opacity: 0;
  animation: how-it-works-3th-scene-export-1-editor-outlines--9-gs0-op 4333ms linear infinite;
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--9-gs0-op {
  0% {
    opacity: 0;
  }
  96.5382% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#how-it-works-3th-scene-export-1-editor-outlines--9-gs1 {
  position: absolute; left: 0; top: 0;
  transform-origin: 16.66px 81px;
  transform: translate(0px, 0px) scale(0, 1);
  will-change: transform;
  animation: how-it-works-3th-scene-export-1-editor-outlines--9-gs1 4333ms linear infinite;
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--9-gs1 {
  0% {
    transform: translate(0px, 0px) scale(0, 1);
  }
  94.6227% {
    transform: translate(0px, 0px) scale(0, 1);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translate(0px, 0px) scale(0, 1);
  }
}
#how-it-works-3th-scene-export-1-editor-outlines--9-gs2 {
  position: absolute; left: 0; top: 0;
  transform-origin: 31.2px 67px;
  transform: translate(0px, 0px) scale(0, 1);
  will-change: transform;
  animation: how-it-works-3th-scene-export-1-editor-outlines--9-gs2 4333ms linear infinite;
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--9-gs2 {
  0% {
    transform: translate(0px, 0px) scale(0, 1);
  }
  93.0764% {
    transform: translate(0px, 0px) scale(0, 1);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translate(0px, 0px) scale(0, 1);
  }
}
#how-it-works-3th-scene-export-1-editor-outlines--9-gs3 {
  position: absolute; left: 0; top: 0;
  transform-origin: 30.95px 53px;
  transform: translate(0px, 0px) scale(0, 1);
  will-change: transform;
  animation: how-it-works-3th-scene-export-1-editor-outlines--9-gs3 4333ms linear infinite;
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--9-gs3 {
  0% {
    transform: translate(0px, 0px) scale(0, 1);
  }
  91.5532% {
    transform: translate(0px, 0px) scale(0, 1);
    animation-timing-function: ease-in-out;
  }
  99.2384% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#how-it-works-3th-scene-export-1-editor-outlines--9-gs4 {
  position: absolute; left: 0; top: 0;
  transform-origin: 17.39px 39px;
  transform: translate(0px, 0px) scale(0, 1);
  will-change: transform;
  animation: how-it-works-3th-scene-export-1-editor-outlines--9-gs4 4333ms linear infinite;
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--9-gs4 {
  0% {
    transform: translate(0px, 0px) scale(0, 1);
  }
  90.0069% {
    transform: translate(0px, 0px) scale(0, 1);
    animation-timing-function: ease-in-out;
  }
  97.6921% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#how-it-works-3th-scene-export-1-editor-outlines--9-gs5 {
  position: absolute; left: 0; top: 0;
  transform-origin: 15px 19.5px;
  will-change: transform;
  opacity: 0;
  animation: how-it-works-3th-scene-export-1-editor-outlines--9-gs5 4333ms linear infinite, how-it-works-3th-scene-export-1-editor-outlines--9-gs5-op 4333ms linear infinite;
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--9-gs5 {
  0% {
    transform: translate(0px, 0px);
  }
  88.4607% {
    transform: translate(0px, 0px);
    animation-timing-function: ease-in-out;
  }
  96.1689% {
    transform: translate(17px, 0px);
  }
  100% {
    transform: translate(17px, 0px);
  }
}
@keyframes how-it-works-3th-scene-export-1-editor-outlines--9-gs5-op {
  0% {
    opacity: 0;
  }
  88.4607% {
    opacity: 0;
    animation-timing-function: ease-in-out;
  }
  96.1689% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

#how-it-works-3th-scene-export-5-square-outlines--8-position { transform: translate(140px, 82px); }
#how-it-works-3th-scene-export-5-square-outlines--8-scale { transform: scale(0, 0); }
#how-it-works-3th-scene-export-5-square-outlines--8-anchor { transform: translate(-9px, -9px); }
#how-it-works-3th-scene-export-5-square-outlines--8-content { left: 0px; top: 0px; width: 18px; height: 18px; }
#how-it-works-3th-scene-export-5-square-outlines--8 { visibility: visible; opacity: 0; }
#how-it-works-3th-scene-export-5-square-outlines--8-content { background: none; padding: 0; border-radius: 0; border: none; box-shadow: none; overflow: visible; }

#how-it-works-3th-scene-export-4-triangle-outlines--7-position { transform: translate(140px, 74px); }
#how-it-works-3th-scene-export-4-triangle-outlines--7-scale { transform: scale(0, 0); }
#how-it-works-3th-scene-export-4-triangle-outlines--7-anchor { transform: translate(-11px, -9px); }
#how-it-works-3th-scene-export-4-triangle-outlines--7-content { left: 2px; top: 2px; width: 17px; height: 14px; }
#how-it-works-3th-scene-export-4-triangle-outlines--7 { visibility: visible; opacity: 0; }
#how-it-works-3th-scene-export-4-triangle-outlines--7-content { background: none; padding: 0; border-radius: 0; border: none; box-shadow: none; overflow: visible; }

#how-it-works-3th-scene-export-3-circle-outlines--6-position { transform: translate(140px, 82px); }
#how-it-works-3th-scene-export-3-circle-outlines--6-scale { transform: scale(0, 0); }
#how-it-works-3th-scene-export-3-circle-outlines--6-anchor { transform: translate(-9px, -9px); }
#how-it-works-3th-scene-export-3-circle-outlines--6-content { left: 0px; top: 0px; width: 18px; height: 18px; }
#how-it-works-3th-scene-export-3-circle-outlines--6 { visibility: visible; opacity: 0; }
#how-it-works-3th-scene-export-3-circle-outlines--6-content { background: none; padding: 0; border-radius: 0; border: none; box-shadow: none; overflow: visible; }
/* --- site integration: centre the 280x150 stage inside the step-scene card --- */
.step-scene .motion-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
@media (prefers-reduced-motion: reduce) {
  .step-scene .motion-stage * { animation: none !important; }
}