<!DOCTYPE html>
<!DOCTYPE html><html lang="en"><head>
    <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-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-thin: normal 100 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;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-duration: 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, 0));
          transform: rotate(var(--fa-rotate-angle, 0));
}

.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="/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#000000">
    <meta name="description" content="Create, inspect, and deliver HTML broadcast graphics with StreamShapers tools for OGraf and HTML Graphics workflows.">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="StreamShapers">
    <meta property="og:title" content="StreamShapers | HTML Broadcast Graphics Tools">
    <meta property="og:description" content="Create, inspect, and deliver HTML broadcast graphics with StreamShapers tools for OGraf and HTML Graphics workflows.">
    <meta property="og:url" content="https://www.streamshapers.com/">
    <meta property="og:image" content="https://www.streamshapers.com/assets/social/ograf-export-card.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="StreamShapers | HTML Broadcast Graphics Tools">
    <meta name="twitter:description" content="Create, inspect, and deliver HTML broadcast graphics with StreamShapers tools for OGraf and HTML Graphics workflows.">
    <meta name="twitter:image" content="https://www.streamshapers.com/assets/social/ograf-export-card.png">
    <script id="streamshapers-json-ld" type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","name":"StreamShapers","url":"https://www.streamshapers.com/","logo":"https://www.streamshapers.com/logo-light.png","description":"StreamShapers creates tools for HTML broadcast graphics, OGraf workflows, and live production templates."},{"@type":"WebSite","name":"StreamShapers","url":"https://www.streamshapers.com/","publisher":{"@type":"Organization","name":"StreamShapers"}}]}</script>
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="manifest" href="/manifest.json">
    <title>StreamShapers | HTML Broadcast Graphics Tools</title>
  <script type="module" crossorigin="" src="/assets/index-DWoQlOW_.js"></script>
  <link rel="stylesheet" crossorigin="" href="/assets/index-B7hfliQS.css">
<link rel="modulepreload" as="script" crossorigin="" href="/assets/Home-BFkgpW5r.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/logo-compact-dark-Fdjhblkg.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SEO-C_WB0YzY.js"><link rel="stylesheet" crossorigin="" href="/assets/Home-CHthQInY.css"><link rel="canonical" href="https://www.streamshapers.com/"></head>
<body class="dark">
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"><div id="header-container" class="home-header"><div class="header-side header-left"><button class="burger-menu" aria-label="Open menu" aria-haspopup="true"><span></span><span></span><span></span></button><nav class=""><a href="/" data-discover="true">Home</a><a href="https://www.streamshapers.com/docs">Docs &amp; Tutorials</a><a href="https://www.ferryman.streamshapers.com">Ferryman</a><a href="/ae-extension" data-discover="true">AE Extension</a></nav></div><div id="header-title"><a href="https://www.streamshapers.com/"><img id="logo-img" alt="logo" src="/logo-light.png"></a></div><div class="header-side header-right"><div class="header-button header-button1 theme-switch"><svg aria-labelledby="svg-inline--fa-title-zH88YSyuZ7sE" data-prefix="fas" data-icon="moon" class="svg-inline--fa fa-moon " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><title id="svg-inline--fa-title-zH88YSyuZ7sE">Export</title><path fill="currentColor" d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"></path></svg></div><div id="account-info-button" class="header-button header-button1"><a href="/account" data-discover="true"><svg aria-labelledby="svg-inline--fa-title-HsYXm2NNMCWJ" data-prefix="fas" data-icon="user" class="svg-inline--fa fa-user " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><title id="svg-inline--fa-title-HsYXm2NNMCWJ">Account</title><path fill="currentColor" d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"></path></svg><span>Login</span></a></div></div></div><main class="home-container"><div class="hero-stream-bg"><img alt="Background" src="/home/bg.png"></div><section class="hero"><img class="hero-logo" alt="StreamShapers Logo" src="/logo-light.png"><div class="hero-text"><div class="hero-slogan"><h1>Your Vision, Your Graphics</h1><p class="subtitle">Easily create and manage stunning HTML graphics for your streams, shows, and web.</p></div><div class="hero-features"><div class="hero-feature"><h2>Create</h2><p>Build HTML graphics directly in Adobe After Effects</p></div><div class="hero-feature"><h2>Inspect</h2><p>Edit content and markers, preview, and connect dynamic data</p></div><div class="hero-feature"><h2>Deliver</h2><p>Export OGraf HTML graphics ready for modern workflows</p></div></div><div class="cta-buttons"><a class="btn primary" data-umami-event="ae_extension_explore_click" data-umami-event-placement="home_hero" href="/ae-extension" data-discover="true">Explore the AE Extension</a><a href="https://ferryman.streamshapers.com" class="btn secondary" data-umami-event="ferryman_open_click" data-umami-event-placement="home_hero">Open Ferryman</a></div></div></section><section class="welcome-section"><div class="home-text-card-content"><span class="welcome-eyebrow">Welcome to</span><h1>StreamShapers</h1><p>We empower creators, enthusiasts, and professional broadcasters by providing powerful tools, clear tutorials, and expert resources for HTML graphics and live productions.</p><p>Our mission is to give you everything you need to produce outstanding broadcasts - whether you're just starting out or looking to take your productions to the next level.</p><p>Join us and shape the future of broadcasting!</p></div><div class="home-text-card-img welcome-img"><svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="img"><defs><style>
      .cls-1 {
        fill: #363636;
      }

      .cls-1, .cls-2 {
        stroke-width: 0px;
      }

      .cls-2 {
        fill: #4ba1e2;
      }
    </style></defs><g id="Ebene_1-2" data-name="Ebene 1"><circle class="cls-1" cx="256" cy="256" r="256"></circle><path class="cls-2" d="M391.27,198.57c-4.26-7.68-10.33-14.36-18.21-20.06-7.88-5.7-17.36-11.17-28.47-16.43-9.12-4.37-16.73-8.18-22.81-11.45-6.1-3.28-10.66-6.67-13.68-10.19-3.03-3.51-4.53-7.85-4.53-13,0-4.37,1.03-8.21,3.12-11.53,2.08-3.32,5.14-5.89,9.21-7.73,4.07-1.84,8.97-2.75,14.72-2.75,8.22,0,16.29,1.12,24.22,3.35s16.9,5.38,26.9,9.43l14.87-35.82c-11.2-4.95-21.94-8.75-32.18-11.38-10.26-2.63-21.04-3.93-32.33-3.93-15.06,0-28.13,2.45-39.17,7.35-11.06,4.91-19.56,11.98-25.5,21.19s-8.91,20.32-8.91,33.3c0,9.91,1.7,18.41,5.13,25.49,3.42,7.09,7.8,13.11,13.15,18.06,5.36,4.97,11.01,9.15,16.96,12.56,5.95,3.43,11.45,6.33,16.49,8.71,8.03,3.85,15.24,7.47,21.62,10.85,6.4,3.37,11.43,6.98,15.09,10.85,3.67,3.86,5.5,8.53,5.5,13.98,0,4.46-1.03,8.42-3.12,11.89-.95,1.58-2.14,2.99-3.61,4.26h-.01s-.03.04-.05.07c-1.33,1.13-2.87,2.15-4.63,3.05-.22.11-.45.22-.69.33-3.35,1.5-8.44,2.98-15.79,3.36-.49.01-.99.04-1.5.05-.64.01-1.29.03-1.97.03s-1.37,0-2.04-.03c-.69-.01-1.37-.03-2.05-.05-25.76-.83-42.26-9.61-61.01-17.58-12.49-5.31-25.98-10.27-43.87-12.29-.57-.07-1.16-.14-1.74-.19-1.1-.11-2.23-.22-3.38-.3-.59-.05-1.17-.1-1.77-.12-3.43-.23-7.01-.35-10.78-.35-.82,0-1.63,0-2.42.03-.53,0-1.05.01-1.56.03-.69.01-1.39.04-2.07.07-.59.01-1.16.04-1.71.07-.11.01-.22.01-.31.03-.84.04-1.67.1-2.48.15-1.25.08-2.48.19-3.65.3-1.92.19-3.72.41-5.4.64-1.48.2-2.86.42-4.15.64-7.61,1.33-11.74,2.84-11.74,2.84h0c-2.78.86-5.43,1.84-7.97,2.94-11.95,5.16-21.04,12.49-27.29,22.01-6.23,9.51-9.36,20.71-9.36,33.6,0,11.39,2.14,20.93,6.4,28.61,4.26,7.69,10.33,14.37,18.21,20.07,7.88,5.7,17.36,11.17,28.47,16.43,9.12,4.35,16.73,8.18,22.81,11.44,6.1,3.27,10.66,6.67,13.68,10.18,3.03,3.52,4.55,7.85,4.55,13.01,0,4.37-1.05,8.21-3.13,11.53-2.08,3.32-5.14,5.89-9.21,7.73-4.07,1.82-8.97,2.75-14.71,2.75-8.23,0-16.3-1.12-24.24-3.35-7.92-2.23-16.9-5.38-26.9-9.44l-14.86,35.83c11.2,4.95,21.92,8.75,32.18,11.38,10.25,2.61,21.03,3.93,32.32,3.93,15.06,0,28.13-2.45,39.18-7.36,11.05-4.9,19.54-11.96,25.49-21.18,5.95-9.21,8.91-20.32,8.91-33.3,0-9.91-1.7-18.41-5.12-25.5-3.43-7.08-7.81-13.11-13.16-18.06s-11-9.13-16.94-12.56c-5.95-3.42-11.46-6.31-16.51-8.7-8.03-3.86-15.24-7.48-21.62-10.85-6.4-3.37-11.43-6.99-15.09-10.85-3.66-3.88-5.5-8.53-5.5-13.98,0-4.46,1.03-8.42,3.12-11.89.9-1.48,2.01-2.83,3.36-4.04,0,0,.03-.03.1-.08.05-.05.14-.14.24-.22.12-.1.25-.19.37-.3.12-.1.24-.2.39-.31.23-.18.49-.35.73-.53.41-.29.87-.56,1.31-.83,2.05-1.22,5.12-2.68,9.3-3.67.37-.07.73-.16,1.12-.23,2.94-.54,6.25-.86,9.92-.91.11-.01.22-.01.33,0,9.25.05,17.35,1.13,24.77,2.84.44.1.87.19,1.29.3.6.15,1.2.3,1.78.46,2.07.57,4.15,1.18,6.23,1.88,3.5,1.16,6.97,2.35,10.38,3.61.04.01.07.03.1.04,22.75,8.94,42.84,21.3,79.99,21.75.72.03,1.44.03,2.16.03h.6c.5,0,.99-.01,1.48-.01,16.59-.1,30.73-2.68,42.4-7.72,11.95-5.16,21.04-12.49,27.29-22.01,6.25-9.51,9.36-20.71,9.36-33.6,0-11.39-2.14-20.93-6.4-28.62Z"></path></g></svg></div></section><div class="product-flow-home"><section class="ae-extension-home"><div class="ae-extension-home-grid"><div class="ae-extension-home-copy"><span class="ae-extension-home-eyebrow">StreamShapers OGraf Export</span><h1>HTML graphics start inside After Effects.</h1><p>With StreamShapers OGraf Export you are able to create OGraf HTML graphics without ever leaving Adobe After Effects. One workflow, broadcast-ready templates.</p><div class="ae-extension-home-badge">Coming this summer</div><div class="cta-buttons ae-extension-home-actions"><a class="btn primary" data-umami-event="ae_extension_explore_click" data-umami-event-placement="home_ae_section" href="/ae-extension" data-discover="true">Explore the AE Extension</a><a class="btn secondary" data-umami-event="ae_extension_notify_click" data-umami-event-placement="home_ae_section" href="/ae-extension#notify" data-discover="true">Notify me at launch</a></div></div><div class="ae-extension-home-stack" role="img" aria-label="The StreamShapers OGraf Export render panel and the embedded Ferryman panel, stacked"><img alt="" aria-hidden="true" class="ae-extension-home-panel ae-extension-home-panel-back" loading="lazy" src="/assets/ae-extension/ferryman-panel.png"><img alt="" aria-hidden="true" class="ae-extension-home-panel ae-extension-home-panel-front" loading="lazy" src="/assets/ae-extension/OGraf-export-panel2x.png"></div></div></section><section class="ograf-home"><div class="ograf-home-inner"><div class="ograf-home-logo-wrap"><img alt="OGraf logo" class="ograf-home-logo" loading="lazy" src="/lmg/ograf-logo-colour.svg"></div><div class="ograf-home-copy"><span class="ograf-home-eyebrow">EBU OGraf</span><h2>Built for OGraf. Ready for what comes next.</h2><p>OGraf is the EBU open specification for HTML-based broadcast graphics. Ferryman turns your animation into an OGraf package at export, so your template can move into compatible playout and rendering workflows.</p><a href="https://www.streamshapers.com/docs/documentation/ograf/" class="ograf-home-link">Learn more about OGraf</a></div></div></section><section class="ferryman-home"><div class="ferryman-home-grid"><div class="ferryman-home-visual"><img class="ferryman-screen" alt="StreamShapers Ferryman Screenshot" src="/home/ferryman-screen.png"></div><div class="ferryman-home-copy"><h1>StreamShapers Ferryman</h1><p class="subtitle">The easy way to create HTML Graphics</p><p class="subtitle2 primary">No coding - promise!</p><div class="cta-buttons-ferryman"><a href="https://www.streamshapers.com/docs/" class="btn primary" data-umami-event="ferryman_docs_click" data-umami-event-placement="home_ferryman_section">About Ferryman</a><a href="https://ferryman.streamshapers.com" class="btn secondary" data-umami-event="ferryman_open_click" data-umami-event-placement="home_ferryman_section">Open Ferryman</a></div></div></div></section></div><section class="paid-services-section"><div class="home-text-card-content"><h1>Custom Services</h1><p>Looking for templates, broadcasting solutions, and more? StreamShapers is here to bring your ideas to life.</p><p>Whether you need an HTML graphic template or a full package of elements for your production, we're here to help. Reach out to us and we'll be happy to discuss your needs and provide a tailored assessment.</p><p>Need assistance starting your production? We can support you in getting everything up and running. Don't hesitate to get in touch!</p><a href="#" class="btn primary">Contact us Now</a></div><div class="home-text-card-img paid-services-img"><svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="img"><defs><style>
      .cls-1 {
        fill: #363636;
      }

      .cls-1, .cls-2 {
        stroke-width: 0px;
      }

      .cls-2 {
        fill: #4ba1e2;
      }
    </style></defs><g id="Ebene_1-2" data-name="Ebene 1"><circle class="cls-1" cx="256" cy="256" r="256"></circle><path class="cls-2" d="M391.27,198.57c-4.26-7.68-10.33-14.36-18.21-20.06-7.88-5.7-17.36-11.17-28.47-16.43-9.12-4.37-16.73-8.18-22.81-11.45-6.1-3.28-10.66-6.67-13.68-10.19-3.03-3.51-4.53-7.85-4.53-13,0-4.37,1.03-8.21,3.12-11.53,2.08-3.32,5.14-5.89,9.21-7.73,4.07-1.84,8.97-2.75,14.72-2.75,8.22,0,16.29,1.12,24.22,3.35s16.9,5.38,26.9,9.43l14.87-35.82c-11.2-4.95-21.94-8.75-32.18-11.38-10.26-2.63-21.04-3.93-32.33-3.93-15.06,0-28.13,2.45-39.17,7.35-11.06,4.91-19.56,11.98-25.5,21.19s-8.91,20.32-8.91,33.3c0,9.91,1.7,18.41,5.13,25.49,3.42,7.09,7.8,13.11,13.15,18.06,5.36,4.97,11.01,9.15,16.96,12.56,5.95,3.43,11.45,6.33,16.49,8.71,8.03,3.85,15.24,7.47,21.62,10.85,6.4,3.37,11.43,6.98,15.09,10.85,3.67,3.86,5.5,8.53,5.5,13.98,0,4.46-1.03,8.42-3.12,11.89-.95,1.58-2.14,2.99-3.61,4.26h-.01s-.03.04-.05.07c-1.33,1.13-2.87,2.15-4.63,3.05-.22.11-.45.22-.69.33-3.35,1.5-8.44,2.98-15.79,3.36-.49.01-.99.04-1.5.05-.64.01-1.29.03-1.97.03s-1.37,0-2.04-.03c-.69-.01-1.37-.03-2.05-.05-25.76-.83-42.26-9.61-61.01-17.58-12.49-5.31-25.98-10.27-43.87-12.29-.57-.07-1.16-.14-1.74-.19-1.1-.11-2.23-.22-3.38-.3-.59-.05-1.17-.1-1.77-.12-3.43-.23-7.01-.35-10.78-.35-.82,0-1.63,0-2.42.03-.53,0-1.05.01-1.56.03-.69.01-1.39.04-2.07.07-.59.01-1.16.04-1.71.07-.11.01-.22.01-.31.03-.84.04-1.67.1-2.48.15-1.25.08-2.48.19-3.65.3-1.92.19-3.72.41-5.4.64-1.48.2-2.86.42-4.15.64-7.61,1.33-11.74,2.84-11.74,2.84h0c-2.78.86-5.43,1.84-7.97,2.94-11.95,5.16-21.04,12.49-27.29,22.01-6.23,9.51-9.36,20.71-9.36,33.6,0,11.39,2.14,20.93,6.4,28.61,4.26,7.69,10.33,14.37,18.21,20.07,7.88,5.7,17.36,11.17,28.47,16.43,9.12,4.35,16.73,8.18,22.81,11.44,6.1,3.27,10.66,6.67,13.68,10.18,3.03,3.52,4.55,7.85,4.55,13.01,0,4.37-1.05,8.21-3.13,11.53-2.08,3.32-5.14,5.89-9.21,7.73-4.07,1.82-8.97,2.75-14.71,2.75-8.23,0-16.3-1.12-24.24-3.35-7.92-2.23-16.9-5.38-26.9-9.44l-14.86,35.83c11.2,4.95,21.92,8.75,32.18,11.38,10.25,2.61,21.03,3.93,32.32,3.93,15.06,0,28.13-2.45,39.18-7.36,11.05-4.9,19.54-11.96,25.49-21.18,5.95-9.21,8.91-20.32,8.91-33.3,0-9.91-1.7-18.41-5.12-25.5-3.43-7.08-7.81-13.11-13.16-18.06s-11-9.13-16.94-12.56c-5.95-3.42-11.46-6.31-16.51-8.7-8.03-3.86-15.24-7.48-21.62-10.85-6.4-3.37-11.43-6.99-15.09-10.85-3.66-3.88-5.5-8.53-5.5-13.98,0-4.46,1.03-8.42,3.12-11.89.9-1.48,2.01-2.83,3.36-4.04,0,0,.03-.03.1-.08.05-.05.14-.14.24-.22.12-.1.25-.19.37-.3.12-.1.24-.2.39-.31.23-.18.49-.35.73-.53.41-.29.87-.56,1.31-.83,2.05-1.22,5.12-2.68,9.3-3.67.37-.07.73-.16,1.12-.23,2.94-.54,6.25-.86,9.92-.91.11-.01.22-.01.33,0,9.25.05,17.35,1.13,24.77,2.84.44.1.87.19,1.29.3.6.15,1.2.3,1.78.46,2.07.57,4.15,1.18,6.23,1.88,3.5,1.16,6.97,2.35,10.38,3.61.04.01.07.03.1.04,22.75,8.94,42.84,21.3,79.99,21.75.72.03,1.44.03,2.16.03h.6c.5,0,.99-.01,1.48-.01,16.59-.1,30.73-2.68,42.4-7.72,11.95-5.16,21.04-12.49,27.29-22.01,6.25-9.51,9.36-20.71,9.36-33.6,0-11.39-2.14-20.93-6.4-28.62Z"></path></g></svg></div></section><section class="docs-home"><div class="docs-home-copy"><span class="docs-home-eyebrow">Documentation</span><h1>Learn the workflow behind the tools.</h1><p>Explore practical guides for Ferryman, OGraf, templates, dynamic data and broadcast graphics workflows.</p><div class="docs-home-actions"><a href="https://www.streamshapers.com/docs/" class="btn primary">Open Documentation</a><a href="https://streamshapers.com/docs/templates/intro/" class="btn secondary">View Example Templates</a></div></div></section></main><footer class="footer"><div class="footer-columns"><div class="footer-column footer-logo"><a href="https://www.streamshapers.com/"><img id="logo-img" alt="logo" src="/logo-light.png"></a></div><div class="footer-column"><div><h4>Links</h4><ul><li><a href="https://ferryman.streamshapers.com">Ferryman</a></li><li><a href="https://streamshapers.com/docs">Docs &amp; Tutorials</a></li><a href="/pricing" data-discover="true">Pricing</a></ul></div></div><div class="footer-column"><div><h4>Legal</h4><ul><li><a href="/privacy-policy" data-discover="true">Privacy Policy</a></li><li><a href="/terms-and-licences" data-discover="true">Terms and Licences</a></li><li><a href="/imprint" data-discover="true">Imprint</a></li><li><button type="button" class="footer-cookie-link">Cookie Settings</button></li></ul></div></div><div class="footer-column footer-socials"><a href="https://discord.gg/ksNhRkzrM6" rel="noopener noreferrer"><svg aria-labelledby="svg-inline--fa-title-IZ5696J20P43" data-prefix="fab" data-icon="discord" class="svg-inline--fa fa-discord " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><title id="svg-inline--fa-title-IZ5696J20P43">Discord</title><path fill="currentColor" d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://github.com/Streamshapers" rel="noopener noreferrer"><svg aria-labelledby="svg-inline--fa-title-DCQECMVSZaSO" data-prefix="fab" data-icon="github" class="svg-inline--fa fa-github " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><title id="svg-inline--fa-title-DCQECMVSZaSO">GitHub</title><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a><a href="https://www.instagram.com/streamshapers/" rel="noopener noreferrer"><svg aria-labelledby="svg-inline--fa-title-8ITkSP7lfNlf" data-prefix="fab" data-icon="instagram" class="svg-inline--fa fa-instagram " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><title id="svg-inline--fa-title-8ITkSP7lfNlf">Instagram</title><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a><a href="https://www.youtube.com/@streamshapers" rel="noopener noreferrer"><svg aria-labelledby="svg-inline--fa-title-nKGGbijFinBO" data-prefix="fab" data-icon="youtube" class="svg-inline--fa fa-youtube " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><title id="svg-inline--fa-title-nKGGbijFinBO">YouTube</title><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></a></div></div><div class="footer-bottom"><p>© 2026 Streamshapers. All Rights Reserved.</p></div></footer></div>



</body></html>