https://www.fragmentlabs.io/

Scan ID:
bcda8caf-696e-460e-9a1b-0f08162da65aFinished
Submitted URL:
https://www.fragmentlabs.io/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 30 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 1 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en" style=""><head>
    <!-- Google tag (gtag.js) -->
    <script src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-main.js" charset="UTF-8" crossorigin="*"></script><script src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-vendor.js" charset="UTF-8" crossorigin="*"></script><script src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-chunk-vendors.js" charset="UTF-8" crossorigin="*"></script><script src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-chunk-common.js" charset="UTF-8" crossorigin="*"></script><script src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-runtime.js" charset="UTF-8" crossorigin="*"></script><script src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-app.js" charset="UTF-8" crossorigin="*"></script><script async="" src="https://embed.tawk.to/63b52c8b47425128790b8bd5/1gltrc11l" charset="UTF-8" crossorigin="*"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-0WW6DKJLET&amp;l=dataLayer&amp;cx=c"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments)};
      gtag('js', new Date());

      gtag('config', 'G-0WW6DKJLET');
    </script>

    <meta charset="UTF-8">
    <style type="text/css">:root, :host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}
.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}
.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}
.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}
.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}
.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}
.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}
.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}
.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}
.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
          transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
          transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
          transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
          transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
          transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  -webkit-animation-name: fa-beat;
          animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  -webkit-animation-name: fa-bounce;
          animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  -webkit-animation-name: fa-fade;
          animation-name: fa-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
          animation-name: fa-beat-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  -webkit-animation-name: fa-flip;
          animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  -webkit-animation-name: fa-shake;
          animation-name: fa-shake;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
          animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
          animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
.fa-bounce,
.fa-fade,
.fa-beat-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
    -webkit-animation-delay: -1ms;
            animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
            animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@-webkit-keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
          transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

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

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.fad.fa-inverse,
.fa-duotone.fa-inverse {
  color: var(--fa-inverse, #fff);
}</style><link rel="icon" href="/assets/favicon.9eb8661a.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fragment Labs</title>
    <script crossorigin="" src="https://d33wubrfki0l68.cloudfront.net/js/cd62ce8212f15d41715d4022f28144cfdc504879/assets/index.5838d771.js" type="module"></script>
    <link href="https://d33wubrfki0l68.cloudfront.net/css/8e13b0a2960896f4ae5442c26a1f58c8b864012d/assets/index.4acf8eee.css" rel="stylesheet">
  <style id="_goober"> @keyframes go2264125279{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go3020080000{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}@keyframes go463499852{from{transform:scale(0) rotate(90deg);opacity:0;}to{transform:scale(1) rotate(90deg);opacity:1;}}@keyframes go1268368563{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes go1310225428{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go651618207{0%{height:0;width:0;opacity:0;}40%{height:0;width:6px;opacity:1;}100%{opacity:1;height:10px;}}@keyframes go901347462{from{transform:scale(0.6);opacity:0.4;}to{transform:scale(1);opacity:1;}}.go4109123758{z-index:9999;}.go4109123758 > *{pointer-events:auto;}</style><script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-chunk-bf24a88e.js"></script><script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-chunk-71978bb6.js"></script><script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-chunk-7c2f6ba4.js"></script><script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-chunk-48f3b594.js"></script><script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-chunk-4fe9d5dd.js"></script><script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-chunk-2d0b9454.js"></script><script charset="utf-8" src="https://embed.tawk.to/_s/v4/app/67075b0d15f/js/twk-chunk-24d8db78.js"></script><style type="text/css">#b17cu997d3081728983742821 {outline:none !important;
visibility:visible !important;
resize:none !important;
box-shadow:none !important;
overflow:visible !important;
background:none !important;
opacity:1 !important;
filter:alpha(opacity=100) !important;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity 1}) !important;
-mz-opacity:1 !important;
-khtml-opacity:1 !important;
top:auto !important;
right:0px !important;
bottom:0px !important;
left:auto !important;
position:fixed !important;
border:0 !important;
min-height:0px  !important;
min-width:0px  !important;
max-height:none  !important;
max-width:none  !important;
padding:0px !important;
margin:0px !important;
-moz-transition-property:none !important;
-webkit-transition-property:none !important;
-o-transition-property:none !important;
transition-property:none !important;
transform:none !important;
-webkit-transform:none !important;
-ms-transform:none !important;
width:auto !important;
height:auto  !important;
display:none !important;
z-index:2000000000 !important;
background-color:transparent !important;
cursor:none !important;
float:none !important;
border-radius:unset !important;
pointer-events:auto !important;
clip:auto !important;
color-scheme:light !important;}#b17cu997d3081728983742821.widget-hidden {display: none !important;}#b17cu997d3081728983742821.widget-visible {display: block !important;}
@media print{
 #b17cu997d3081728983742821.widget-visible { 
display: none !important;
 }
}</style><script src="https://cdn.jsdelivr.net/emojione/2.2.7/lib/js/emojione.min.js" type="text/javascript" async="" defer=""></script><script src="https://cdn.jsdelivr.net/emojione/2.2.7/lib/js/emojione.min.js" type="text/javascript" async="" defer=""></script><style type="text/css">@keyframes tawkMaxOpen{0%{opacity:0;transform:translate(0, 30px);;}to{opacity:1;transform:translate(0, 0px);}}@-moz-keyframes tawkMaxOpen{0%{opacity:0;transform:translate(0, 30px);;}to{opacity:1;transform:translate(0, 0px);}}@-webkit-keyframes tawkMaxOpen{0%{opacity:0;transform:translate(0, 30px);;}to{opacity:1;transform:translate(0, 0px);}}#u0e9qcf6odko1728983743144.open{animation : tawkMaxOpen .25s ease!important;}@keyframes tawkMaxClose{from{opacity: 1;transform:translate(0, 0px);;}to{opacity: 0;transform:translate(0, 30px);;}}@-moz-keyframes tawkMaxClose{from{opacity: 1;transform:translate(0, 0px);;}to{opacity: 0;transform:translate(0, 30px);;}}@-webkit-keyframes tawkMaxClose{from{opacity: 1;transform:translate(0, 0px);;}to{opacity: 0;transform:translate(0, 30px);;}}#u0e9qcf6odko1728983743144.closed{animation: tawkMaxClose .25s ease!important}</style></head>
  <body class="font-inter antialiased bg-white text-gray-900 tracking-tight" data-aos-easing="ease-out-cubic" data-aos-duration="700" data-aos-delay="0">
    <!-- A little help for the Netlify post-processing bots -->
    <!-- until netlify bots get more clever, we need a copy of our email form in html too -->

    <form hidden="" method="post" name="emailForm"><input type="hidden" name="form-name" value="emailForm">
      <input type="email" name="email">
    </form>

    <noscript>You need to enable JavaScript to run this app.</noscript>
    <script>
        if (localStorage.getItem('sidebar-expanded') == 'true') {
            document.querySelector('body').classList.add('sidebar-expanded');
        } else {
            document.querySelector('body').classList.remove('sidebar-expanded');
        }
    </script>
    <div id="root"><div class="flex flex-col min-h-screen overflow-hidden"><header class="top-0 mx-auto fixed w-full flex justify-center z-30 md:bg-opacity-90 transition duration-300 ease-in-out false"><div class="flex items-center justify-between h-12 md:h-20 max-w-screen-2xl w-full px-4 sm:px-16"><div class="flex"><div class="flex-shrink-0 relative"><a class="block" aria-label="Fragment" href="/"><span class="bg-clip-text text-transparent bg-gradient-to-b from-blue-700 to-teal-400 text-xl sm:text-2xl md:text-3xl subpixel-antialiased font-medium tracking-tighter"> Fragment </span><div class="absolute top-0 -right-7 md:-right-8 flex justify-center items-center rotate-[30deg]"><span class="text-white bg-teal-400 px-2 rounded-md tracking-tighter text-sm md:text-md leading-tighter font-medium subpixel-antialiased"> alpha </span></div></a></div><div><nav class="flex flex-grow ml-8 se:ml-10 md:ml-20 h-full"><ul class="h-full flex flex-grow flex-wrap items-center justify-start"><li> <a href="/changelog"> <span class="text-teal-600 font-medium tracking-tight leading-tight font-sans hover:text-teal-400 ">Changelog</span> </a> </li></ul></nav></div></div><a href="/account" class="btn-sm text-gray-200 bg-gray-900 hover:bg-gray-800 ml-2"><span> Account </span><svg class="w-3 h-3 fill-current text-gray-200 flex-shrink-0 ml-2 hidden se:flex" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M11.707 5.293L7 .586 5.586 2l3 3H0v2h8.586l-3 3L7 11.414l4.707-4.707a1 1 0 000-1.414z" fill-rule="nonzero"></path></svg></a></div></header><main class="flex-grow"><section class="relative"><div class="absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-none" aria-hidden="true"><svg width="1360" height="578" viewBox="0 0 1360 578" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="illustration-01"><stop stop-color="#FFF" offset="0%"></stop><stop stop-color="#EAEAEA" offset="77.402%"></stop><stop stop-color="#DFDFDF" offset="100%"></stop></linearGradient></defs><g fill="url(#illustration-01)" fill-rule="evenodd"><circle cx="1232" cy="128" r="128"></circle><circle cx="155" cy="443" r="64"></circle></g></svg></div><div class="max-w-6xl mx-auto px-4 sm:px-6"><div class="pt-32 pb-12 md:pt-40 md:pb-0"><div class="text-center sm:pb-12 md:pb-16 "><h1 class="text-5xl md:text-6xl font-extrabold leading-tighter tracking-tighter mb-4 aos-init aos-animate" data-aos="zoom-y-out">Your videos<br> <span class="bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-teal-400">reimagined in 3D</span></h1><div class="max-w-3xl mx-auto"><p class="text-xl text-gray-600 mb-2 sm:mb-8 aos-init aos-animate" data-aos="zoom-y-out" data-aos-delay="150">With the power of AI, turn your videos into virtual experiences</p><div class="max-w-xs mx-auto sm:max-w-none sm:flex sm:justify-center aos-init aos-animate" data-aos="zoom-y-out" data-aos-delay="300"></div></div></div></div><div class="px-4 mx-auto max-w-screen-xl pb-16 lg:px-6"><div class="mx-auto max-w-screen-md text-center"><div><a href="/account" class="btn-main mb-6 aos-init" data-aos="zoom-y-out" data-aos-delay="150"><span>Give it a test drive!</span></a><p class="text-xl text-gray-600 mb-8 aos-init" data-aos="zoom-y-out" data-aos-delay="150"> We are currently in alpha but you can already try it out</p></div></div></div></div></section><section class="relative"><div class="absolute inset-0 bg-gray-100 pointer-events-none -mb-8" aria-hidden="true"></div><div class="absolute left-0 right-0 m-auto w-px p-px h-20 bg-gray-200 transform -translate-y-1/2"></div><div class="relative max-w-6xl mx-auto px-4 sm:px-6"><div class="pt-12 md:pt-20"><div class="max-w-3xl mx-auto text-center"><h1 class="h2 mb-4 pb-12 md:pb-16"> See for yourself </h1></div><div class="overflow-visible text-gray-700"><div class="container mx-auto"><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5 lg:gap-4"><div class="z-10"><div class="mt-3"><div class="w-full aspect-[16/9]"><div class="w-full h-full md:hover:scale-110 hover:scale-105 transition duration-500 ease-in-out"><a href="https://www.fragmentlabs.io/view/?video_id=560ddac4-5545-460f-aa42-c9d70cd999f2" target="_blank"> <div data-testid="hover-video-player-container" class="object-cover h-full w-full overflow-hidden rounded" style="display: inline-block; position: relative;"><div data-testid="paused-overlay-wrapper" style="position: absolute; width: 100%; height: 100%; inset: 0px; z-index: 1; opacity: 1; transition: opacity 500ms ease 0s; pointer-events: auto;"><div class="relative"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="computer-mouse" class="svg-inline--fa fa-computer-mouse text-xl absolute top-3 right-3 text-teal-100 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M0 192H176V0H160C71.6 0 0 71.6 0 160v32zm0 32V352c0 88.4 71.6 160 160 160h64c88.4 0 160-71.6 160-160V224H192 0zm384-32V160C384 71.6 312.4 0 224 0H208V192H384z"></path></svg><img src="/assets/games_room_overlay.c81199c6.jpg" class="w-full h-full object-cover overflow-hidden rounded"></div></div><div data-testid="loading-overlay-wrapper" style="position: absolute; width: 100%; height: 100%; inset: 0px; z-index: 2; opacity: 0; transition: opacity 500ms ease 0ms; pointer-events: none;"><div class="loading-overlay flex absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1/4 h-1/4 justify-center items-center backprop-sepia bg-teal-400/90 rounded-2xl"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="spinner" class="svg-inline--fa fa-spinner text-lg animate-spin" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M304 48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zm0 416c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM48 304c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zm464-48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM142.9 437c18.7-18.7 18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zm0-294.2c18.7-18.7 18.7-49.1 0-67.9S93.7 56.2 75 75s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zM369.1 437c18.7 18.7 49.1 18.7 67.9 0s18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9z"></path></svg></div></div><video loop="" playsinline="" data-testid="video-element" disableremoteplayback="" disablepictureinpicture="" style="display: block; width: 100%; object-fit: cover;"><source src="https://storage.googleapis.com/fragmentlabs-renders-us/560ddac4-5545-460f-aa42-c9d70cd999f2/preview.mp4"></video></div> </a></div></div></div></div><div class="z-10"><div class="mt-3"><div class="w-full aspect-[16/9]"><div class="w-full h-full md:hover:scale-110 hover:scale-105 transition duration-500 ease-in-out"><a href="https://www.fragmentlabs.io/view/?video_id=2385f79a-0ec8-4a0f-8245-80940e41d492" target="_blank"> <div data-testid="hover-video-player-container" class="object-cover h-full w-full overflow-hidden rounded" style="display: inline-block; position: relative;"><div data-testid="paused-overlay-wrapper" style="position: absolute; width: 100%; height: 100%; inset: 0px; z-index: 1; opacity: 1; transition: opacity 500ms ease 0s; pointer-events: auto;"><div class="relative"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="computer-mouse" class="svg-inline--fa fa-computer-mouse text-xl absolute top-3 right-3 text-teal-100 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M0 192H176V0H160C71.6 0 0 71.6 0 160v32zm0 32V352c0 88.4 71.6 160 160 160h64c88.4 0 160-71.6 160-160V224H192 0zm384-32V160C384 71.6 312.4 0 224 0H208V192H384z"></path></svg><img src="/assets/common_space_overlay.bd462e3a.jpg" class="w-full h-full object-cover overflow-hidden rounded"></div></div><div data-testid="loading-overlay-wrapper" style="position: absolute; width: 100%; height: 100%; inset: 0px; z-index: 2; opacity: 0; transition: opacity 500ms ease 0ms; pointer-events: none;"><div class="loading-overlay flex absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1/4 h-1/4 justify-center items-center backprop-sepia bg-teal-400/90 rounded-2xl"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="spinner" class="svg-inline--fa fa-spinner text-lg animate-spin" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M304 48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zm0 416c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM48 304c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zm464-48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM142.9 437c18.7-18.7 18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zm0-294.2c18.7-18.7 18.7-49.1 0-67.9S93.7 56.2 75 75s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zM369.1 437c18.7 18.7 49.1 18.7 67.9 0s18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9z"></path></svg></div></div><video loop="" playsinline="" data-testid="video-element" disableremoteplayback="" disablepictureinpicture="" style="display: block; width: 100%; object-fit: cover;"><source src="https://storage.googleapis.com/fragmentlabs-renders-us/2385f79a-0ec8-4a0f-8245-80940e41d492/preview.mp4"></video></div> </a></div></div></div></div><div class="z-10"><div class="mt-3"><div class="w-full aspect-[16/9]"><div class="w-full h-full md:hover:scale-110 hover:scale-105 transition duration-500 ease-in-out"><a href="https://www.fragmentlabs.io/view/?video_id=d4e35924-221a-4809-96a2-77951006b5c8" target="_blank"> <div data-testid="hover-video-player-container" class="object-cover h-full w-full overflow-hidden rounded" style="display: inline-block; position: relative;"><div data-testid="paused-overlay-wrapper" style="position: absolute; width: 100%; height: 100%; inset: 0px; z-index: 1; opacity: 1; transition: opacity 500ms ease 0s; pointer-events: auto;"><div class="relative"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="computer-mouse" class="svg-inline--fa fa-computer-mouse text-xl absolute top-3 right-3 text-teal-100 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M0 192H176V0H160C71.6 0 0 71.6 0 160v32zm0 32V352c0 88.4 71.6 160 160 160h64c88.4 0 160-71.6 160-160V224H192 0zm384-32V160C384 71.6 312.4 0 224 0H208V192H384z"></path></svg><img src="/assets/livingroom_overlay.242dc0ed.jpg" class="w-full h-full object-cover overflow-hidden rounded"></div></div><div data-testid="loading-overlay-wrapper" style="position: absolute; width: 100%; height: 100%; inset: 0px; z-index: 2; opacity: 0; transition: opacity 500ms ease 0ms; pointer-events: none;"><div class="loading-overlay flex absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1/4 h-1/4 justify-center items-center backprop-sepia bg-teal-400/90 rounded-2xl"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="spinner" class="svg-inline--fa fa-spinner text-lg animate-spin" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M304 48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zm0 416c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM48 304c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zm464-48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM142.9 437c18.7-18.7 18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zm0-294.2c18.7-18.7 18.7-49.1 0-67.9S93.7 56.2 75 75s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zM369.1 437c18.7 18.7 49.1 18.7 67.9 0s18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9z"></path></svg></div></div><video loop="" playsinline="" data-testid="video-element" disableremoteplayback="" disablepictureinpicture="" style="display: block; width: 100%; object-fit: cover;"><source src="https://storage.googleapis.com/fragmentlabs-renders-us/d4e35924-221a-4809-96a2-77951006b5c8/preview.mp4"></video></div> </a></div></div></div></div><div class="z-10"><div class="mt-3"><div class="w-full aspect-[16/9]"><div class="w-full h-full md:hover:scale-110 hover:scale-105 transition duration-500 ease-in-out"><a href="https://www.fragmentlabs.io/view/?video_id=e903e25d-e7bb-4f6e-934b-2f94d56905e7" target="_blank"> <div data-testid="hover-video-player-container" class="object-cover h-full w-full overflow-hidden rounded" style="display: inline-block; position: relative;"><div data-testid="paused-overlay-wrapper" style="position: absolute; width: 100%; height: 100%; inset: 0px; z-index: 1; opacity: 1; transition: opacity 500ms ease 0s; pointer-events: auto;"><div class="relative"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="computer-mouse" class="svg-inline--fa fa-computer-mouse text-xl absolute top-3 right-3 text-teal-100 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M0 192H176V0H160C71.6 0 0 71.6 0 160v32zm0 32V352c0 88.4 71.6 160 160 160h64c88.4 0 160-71.6 160-160V224H192 0zm384-32V160C384 71.6 312.4 0 224 0H208V192H384z"></path></svg><img src="/assets/livingroom3_overlay.a9896a95.jpg" class="w-full h-full object-cover overflow-hidden rounded"></div></div><div data-testid="loading-overlay-wrapper" style="position: absolute; width: 100%; height: 100%; inset: 0px; z-index: 2; opacity: 0; transition: opacity 500ms ease 0ms; pointer-events: none;"><div class="loading-overlay flex absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1/4 h-1/4 justify-center items-center backprop-sepia bg-teal-400/90 rounded-2xl"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="spinner" class="svg-inline--fa fa-spinner text-lg animate-spin" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M304 48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zm0 416c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM48 304c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zm464-48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM142.9 437c18.7-18.7 18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zm0-294.2c18.7-18.7 18.7-49.1 0-67.9S93.7 56.2 75 75s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zM369.1 437c18.7 18.7 49.1 18.7 67.9 0s18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9z"></path></svg></div></div><video loop="" playsinline="" data-testid="video-element" disableremoteplayback="" disablepictureinpicture="" style="display: block; width: 100%; object-fit: cover;"><source src="https://storage.googleapis.com/fragmentlabs-renders-us/243b3a50-709e-4dd8-a95e-a61be66b482a/preview.mp4"></video></div> </a></div></div></div></div></div></div></div></div></div></section><section class="relative"><div class="relative max-w-6xl mx-auto px-4 sm:px-6"><div class="pt-12 md:pt-20"><div class="max-w-3xl mx-auto text-center"><h1 class="h2 mb-4 pb-12 md:pb-16"> Explore the features </h1></div><div class="lg:grid lg:grid-cols-12 lg:gap-6"><div class="lg:order-1 max-w-xl md:max-w-none md:w-full mx-auto md:col-span-7 lg:col-span-6 md:mt-6 aos-init" data-aos="fade-right"><div class="md:pr-4 lg:pr-12 xl:pr-16 mb-8 mt-8 text-center md:text-left"><div class="items-center justify-center lg:justify-start text-center lg:text-left  mb-3"><div class="max-w-3xl"><h3 class="h3 w-full"> Capture with any camera </h3></div></div><p class="font-inter text-xl text-gray-600 text-center lg:text-left max-w-2xl mx-auto lg:ml-0"> Capture any space with any camera, phone or specialised 360 camera. No need for a 3D scanner or expensive equipment. </p></div></div><div class="lg:order-2 max-w-2xl md:max-w-none md:w-full mx-auto md:col-span-5 lg:col-span-6 mb-8 md:mb-0 aos-init" data-aos="zoom-y-out"><div class="relative flex flex-col text-center lg:text-right max-w-2xl mx-auto "><div class="w-full appear-done enter-done" style=""><div class="relative inline-flex flex-col"><video class="md:max-w-none mx-auto rounded z-20" width="100%" playsinline="" autoplay="" loop=""><source src="https://storage.googleapis.com/fragment-site-assets/videos/capture_with_phone.mp4" type="video/mp4">Your browser does not support the video tag.</video></div></div></div></div></div><div class="lg:grid lg:grid-cols-12 lg:gap-6"><div class="lg:order-2 max-w-xl md:max-w-none md:w-full mx-auto md:col-span-7 lg:col-span-6 md:mt-6 aos-init" data-aos="fade-right"><div class="md:pr-4 lg:pr-12 xl:pr-16 mb-8 mt-8 text-center md:text-left"><div class="items-center justify-center lg:justify-start text-center lg:text-left lg:ml-10 mb-3"><div class="max-w-3xl"><h3 class="h3 w-full"> Explore the whole space </h3></div></div><p class="font-inter text-xl text-gray-600 text-center lg:text-left max-w-2xl mx-auto lg:ml-10"> Navigate through the 3D model of your space with a great precision and view it from every angle. </p></div></div><div class="lg:order-1 max-w-2xl md:max-w-none md:w-full mx-auto md:col-span-5 lg:col-span-6 mb-8 md:mb-0 aos-init" data-aos="zoom-y-out"><div class="relative flex flex-col text-center lg:text-right max-w-2xl mx-auto lg:mr-10"><div class="w-full appear-done enter-done" style=""><div class="relative inline-flex flex-col"><video class="md:max-w-none mx-auto rounded z-20" width="100%" playsinline="" autoplay="" loop=""><source src="https://storage.googleapis.com/fragment-site-assets/videos/demo_video.mp4" type="video/mp4">Your browser does not support the video tag.</video></div></div></div></div></div><div class="lg:grid lg:grid-cols-12 lg:gap-6"><div class="lg:order-1 max-w-xl md:max-w-none md:w-full mx-auto md:col-span-7 lg:col-span-6 md:mt-6 aos-init" data-aos="fade-right"><div class="md:pr-4 lg:pr-12 xl:pr-16 mb-8 mt-8 text-center md:text-left"><div class="items-center justify-center lg:justify-start text-center lg:text-left  mb-3"><div class="max-w-3xl"><h3 class="h3 w-full"> Custom camera trajectories </h3></div></div><p class="font-inter text-xl text-gray-600 text-center lg:text-left max-w-2xl mx-auto lg:ml-0"> Use a virtual camera with our 3D model to create a completely new video. Stabilise the video, change the focal length, or even create a video that would be physically impossible to take. </p></div></div><div class="lg:order-2 max-w-2xl md:max-w-none md:w-full mx-auto md:col-span-5 lg:col-span-6 mb-8 md:mb-0 aos-init" data-aos="zoom-y-out"><div class="relative flex flex-col text-center lg:text-right max-w-2xl mx-auto "><div class="w-full appear-done enter-done" style=""><div class="relative inline-flex flex-col"><video class="md:max-w-none mx-auto rounded z-20" width="100%" playsinline="" autoplay="" loop=""><source src="https://storage.googleapis.com/fragment-site-assets/videos/magic_cut.mp4" type="video/mp4">Your browser does not support the video tag.</video></div></div></div></div></div><div class="lg:grid lg:grid-cols-12 lg:gap-6"><div class="lg:order-2 max-w-xl md:max-w-none md:w-full mx-auto md:col-span-7 lg:col-span-6 md:mt-6 aos-init" data-aos="fade-right"><div class="md:pr-4 lg:pr-12 xl:pr-16 mb-8 mt-8 text-center md:text-left"><div class="items-center justify-center lg:justify-start text-center lg:text-left lg:ml-10 mb-3"><div class="max-w-3xl"><h3 class="h3 w-full"> View in VR </h3></div><span class=" text-white bg-teal-400 px-2 rounded-md tracking-tighter leading-tigher text-md md:text-md font-medium subpixel-antialiased"> coming soon </span></div><p class="font-inter text-xl text-gray-600 text-center lg:text-left max-w-2xl mx-auto lg:ml-10"> Our 3D models are ready for VR. Truly immerse yourself in the space and view it remotely as if you were there. </p></div></div><div class="lg:order-1 max-w-2xl md:max-w-none md:w-full mx-auto md:col-span-5 lg:col-span-6 mb-8 md:mb-0 aos-init" data-aos="zoom-y-out"><div class="relative flex flex-col text-center lg:text-right max-w-2xl mx-auto lg:mr-10"><div class="w-full appear-done enter-done" style=""><div class="relative inline-flex flex-col"><video class="md:max-w-none mx-auto rounded z-20" width="100%" playsinline="" autoplay="" loop=""><source src="https://storage.googleapis.com/fragment-site-assets/videos/VR_video.mp4" type="video/mp4">Your browser does not support the video tag.</video></div></div></div></div></div></div></div></section><section class="relative"><div class="absolute inset-0 bg-gray-100 pointer-events-none -mb-8 mt-8" aria-hidden="true"></div><div class="relative max-w-6xl mx-auto px-4 sm:px-6"><div class="pt-12 md:pt-20"><div class="max-w-3xl mx-auto text-center"><h1 class="h2 mb-4 pb-12 md:pb-16"> Testimonials </h1></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-y-4"><div class="justify-center flex drop-shadow-xl"><div class="rsme-embed rsme-linkedin-embed" style="overflow: hidden; width: 400px; height: 580px; border-radius: 8px;"><style class="">
        .rsme-embed .rsme-d-none {
          display: none;
        }
    
        .rsme-embed .twitter-tweet {
          margin: 0 !important;
        }
    
        .rsme-embed blockquote {
          margin: 0 !important;
          padding: 0 !important;
        }

        .rsme-embed.rsme-facebook-embed .fb-post iframe {
          width: 100% !important;
        }

        .rsme-embed.rsme-facebook-embed .fb-post span {
          width: 100% !important;
        }
      </style><iframe class="linkedin-post" src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7032344887354105856" width="100%" height="580" frameborder="0"></iframe></div></div><div class="flex flex-col justify-between"><div class="drop-shadow-md hover:drop-shadow-lg transition duration-500 ease-in-out mb-4"><a href="https://www.linkedin.com/feed/update/urn:li:ugcPost:7032344887354105856?commentUrn=urn%3Ali%3Acomment%3A%28ugcPost%3A7032344887354105856%2C7032349041359220736%29" target="_blank" rel="noreferrer"><img src="/assets/testimonial_1.23f6e604.png"></a></div><div class="drop-shadow-md hover:drop-shadow-lg transition duration-500 ease-in-out mb-4"><a href="https://www.linkedin.com/feed/update/urn:li:ugcPost:7032344887354105856?commentUrn=urn%3Ali%3Acomment%3A%28ugcPost%3A7032344887354105856%2C7032362011917176832%29&amp;replyUrn=urn%3Ali%3Acomment%3A%28ugcPost%3A7032344887354105856%2C7032362690593353730%29&amp;dashCommentUrn=urn%3Ali%3Afsd_comment%3A%287032362011917176832%2Curn%3Ali%3AugcPost%3A7032344887354105856%29&amp;dashReplyUrn=urn%3Ali%3Afsd_comment%3A%287032362690593353730%2Curn%3Ali%3AugcPost%3A7032344887354105856%29" target="_blank" rel="noreferrer"><img src="/assets/testimonial_2.9a85fbb0.png"></a></div><div class="drop-shadow-md hover:drop-shadow-lg transition duration-500 ease-in-out "><a href="https://www.linkedin.com/feed/update/urn:li:ugcPost:7031910069554282496?commentUrn=urn%3Ali%3Acomment%3A%28ugcPost%3A7031910069554282496%2C7031922156959625216%29&amp;dashCommentUrn=urn%3Ali%3Afsd_comment%3A%287031922156959625216%2Curn%3Ali%3AugcPost%3A7031910069554282496%29" target="_blank" rel="noreferrer"><img src="/assets/testimonial_3.83ec823e.png"></a></div></div></div></div></div></section><section class="relative"><div class="relative max-w-6xl mx-auto px-4 sm:px-6"><div class="py-12 md:py-20"><div class="max-w-3xl mx-auto text-center pb-12 md:pb-20"><div class="max-w-3xl mx-auto text-center"><h1 class="h2 mb-4 "> How Fragment works </h1></div><p class="text-xl text-gray-600">All you need to do is record a video and upload it to Fragment. We will take care of the rest.</p></div><div class="max-w-sm mx-auto grid gap-6 md:grid-cols-2 lg:grid-cols-3 items-start md:max-w-2xl lg:max-w-none"><div class="relative flex flex-col items-center p-6 bg-white rounded shadow-xl h-full"><svg class="w-16 h-16 p-1 -mt-1 mb-2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect class="fill-current text-blue-600" width="64" height="64" rx="32"></rect><g stroke-width="2"><path class="stroke-current text-blue-300" d="M34.514 35.429l2.057 2.285h8M20.571 26.286h5.715l2.057 2.285"></path><path class="stroke-current text-white" d="M20.571 37.714h5.715L36.57 26.286h8"></path><path class="stroke-current text-blue-300" stroke-linecap="square" d="M41.143 34.286l3.428 3.428-3.428 3.429"></path><path class="stroke-current text-white" stroke-linecap="square" d="M41.143 29.714l3.428-3.428-3.428-3.429"></path></g></g></svg><h4 class="text-xl font-bold leading-snug tracking-tight mb-1">Record</h4><p class="text-gray-600 text-center">Take a video of the property and upload it to Fragment.</p></div><div class="relative flex flex-col items-center p-6 bg-white rounded shadow-xl h-full"><svg class="w-16 h-16 p-1 -mt-1 mb-2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect class="fill-current text-blue-600" width="64" height="64" rx="32"></rect><g stroke-width="2" transform="translate(19.429 20.571)"><circle class="stroke-current text-white" stroke-linecap="square" cx="12.571" cy="12.571" r="1.143"></circle><path class="stroke-current text-white" d="M19.153 23.267c3.59-2.213 5.99-6.169 5.99-10.696C25.143 5.63 19.514 0 12.57 0 5.63 0 0 5.629 0 12.571c0 4.527 2.4 8.483 5.99 10.696"></path><path class="stroke-current text-blue-300" d="M16.161 18.406a6.848 6.848 0 003.268-5.835 6.857 6.857 0 00-6.858-6.857 6.857 6.857 0 00-6.857 6.857 6.848 6.848 0 003.268 5.835"></path></g></g></svg><h4 class="text-xl font-bold leading-snug tracking-tight mb-1">Process</h4><p class="text-gray-600 text-center">Fragment generates a beautiful 3D model of your property.</p></div><div class="lg:col-span-1 md:col-span-2 justify-center h-full items-center flex"><div class="relative flex flex-col items-center p-6 bg-white rounded shadow-xl md:w-1/2 lg:w-full"><svg class="w-16 h-16 p-1 -mt-1 mb-2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect class="fill-current text-blue-600" width="64" height="64" rx="32"></rect><g stroke-linecap="square" stroke-width="2"><path class="stroke-current text-blue-300" d="M38.826 22.504a9.128 9.128 0 00-13.291-.398M35.403 25.546a4.543 4.543 0 00-6.635-.207"></path><path class="stroke-current text-white" d="M19.429 25.143A6.857 6.857 0 0126.286 32v1.189L28 37.143l-1.714.571V40A2.286 2.286 0 0124 42.286h-2.286v2.285M44.571 25.143A6.857 6.857 0 0037.714 32v1.189L36 37.143l1.714.571V40A2.286 2.286 0 0040 42.286h2.286v2.285"></path></g></g></svg><h4 class="text-xl font-bold leading-snug tracking-tight mb-1">Publish</h4><p class="text-gray-600 text-center">Fragment models are easy to intergrate in your favourite marketing channels.</p></div></div></div></div></div></section></main></div></div>
    
    <!-- <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/5e8c393c6a497052c86dcf30c/f44779a8d2a8d87c5c0cdb8fe.js");</script> -->
  

<script async="" charset="UTF-8" src="https://embed.tawk.to/_s/v4/app/67075b0d15f/languages/en.js"></script><div id="b17cu997d3081728983742821" class="widget-visible"><iframe src="about:blank" frameborder="0" scrolling="no" width="64px" height="60px" style="outline:none !important; visibility:visible !important; resize:none !important; box-shadow:none !important; overflow:visible !important; background:none !important; opacity:1 !important; filter:alpha(opacity=100) !important; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity 1}) !important; -mz-opacity:1 !important; -khtml-opacity:1 !important; top:auto !important; right:20px !important; bottom:20px !important; left:auto !important; position:fixed !important; border:0 !important; min-height:60px !important; min-width:64px !important; max-height:60px !important; max-width:64px !important; padding:0 !important; margin:0 !important; -moz-transition-property:none !important; -webkit-transition-property:none !important; -o-transition-property:none !important; transition-property:none !important; transform:none !important; -webkit-transform:none !important; -ms-transform:none !important; width:64px !important; height:60px !important; display:block !important; z-index:1000001 !important; background-color:transparent !important; cursor:none !important; float:none !important; border-radius:unset !important; pointer-events:auto !important; clip:auto !important; color-scheme:light !important;" id="bitojuqcf4k1728983742927" class="" title="chat widget"></iframe><iframe src="about:blank" frameborder="0" scrolling="no" width="350px" height="500px" style="outline:none !important; visibility:visible !important; resize:none !important; box-shadow:none !important; overflow:visible !important; background:none !important; opacity:1 !important; filter:alpha(opacity=100) !important; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity 1}) !important; -mz-opacity:1 !important; -khtml-opacity:1 !important; top:auto !important; right:10px !important; bottom:90px !important; left:auto !important; position:fixed !important; border:0 !important; min-height:500px !important; min-width:350px !important; max-height:500px !important; max-width:350px !important; padding:0 !important; margin:0 !important; -moz-transition-property:none !important; -webkit-transition-property:none !important; -o-transition-property:none !important; transition-property:none !important; transform:none !important; -webkit-transform:none !important; -ms-transform:none !important; width:350px !important; height:500px !important; display:none !important; z-index:1000002 !important; background-color:transparent !important; cursor:none !important; float:none !important; border-radius:5px !important; pointer-events:auto !important; clip:auto !important; color-scheme:light !important;" id="u0e9qcf6odko1728983743144" class="" title="chat widget"></iframe><iframe src="about:blank" frameborder="0" scrolling="no" width="360px" height="145px" style="outline:none !important; visibility:visible !important; resize:none !important; box-shadow:none !important; overflow:visible !important; background:none !important; opacity:1 !important; filter:alpha(opacity=100) !important; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity 1}) !important; -mz-opacity:1 !important; -khtml-opacity:1 !important; top:auto !important; right:20px !important; bottom:100px; left:auto !important; position:fixed !important; border:0 !important; min-height:145px !important; min-width:360px !important; max-height:145px !important; max-width:360px !important; padding:0 !important; margin:0 !important; -moz-transition-property:none !important; -webkit-transition-property:none !important; -o-transition-property:none !important; transition-property:none !important; transform:none !important; -webkit-transform:none !important; -ms-transform:none !important; width:360px !important; height:145px !important; display:none !important; z-index:auto !important; background-color:transparent !important; cursor:none !important; float:none !important; border-radius:unset !important; pointer-events:auto !important; clip:auto !important; color-scheme:light !important;" id="uuf36ug1v9ho1728983743004" class="" title="chat widget"></iframe><div id="chat-bubble"></div></div></body></html>