@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: "Montserrat", sans-serif;
}

body {
    margin: 0;
      font-family: "Montserrat", sans-serif !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    vertical-align: baseline;
    display: inline-block
}

audio:not([controls]) {
    height: 0;
    display: none
}

[hidden],
template {
    display: none
}

a {
    background-color: #0000
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: "Montserrat", sans-serif;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@font-face {
    font-family: webflow-icons;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
    font-weight: 400;
    font-style: normal
}

[class^=w-icon-],
[class*=\ w-icon-] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: webflow-icons !important
}

.w-icon-slider-right:before {
    content: ""
}

.w-icon-slider-left:before {
    content: ""
}

.w-icon-nav-menu:before {
    content: ""
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
    content: ""
}

.w-icon-file-upload-remove:before {
    content: ""
}

.w-icon-file-upload-icon:before {
    content: ""
}

* {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 20px
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block
}

html.w-mod-touch * {
    background-attachment: scroll !important
}

.w-block {
    display: block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.w-clearfix:before,
.w-clearfix:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-clearfix:after {
    clear: both
}

.w-hidden {
    display: none
}

.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block
}

input.w-button {
    -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
    color: #0000 !important
}

.w-code-block {
    margin: unset
}

pre.w-code-block code {
    all: inherit
}

.w-optimization {
    display: contents
}

.w-webflow-badge,
.w-webflow-badge>img {
    box-sizing: unset;
    width: unset;
    height: unset;
    max-height: unset;
    max-width: unset;
    min-height: unset;
    min-width: unset;
    margin: unset;
    padding: unset;
    float: unset;
    clear: unset;
    border: unset;
    border-radius: unset;
    background: unset;
    background-image: unset;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
    background-origin: unset;
    background-clip: unset;
    background-attachment: unset;
    background-color: unset;
    box-shadow: unset;
    transform: unset;
    direction: unset;
    font-family: unset;
    font-weight: unset;
    color: unset;
    font-size: unset;
    line-height: unset;
    font-style: unset;
    font-variant: unset;
    text-align: unset;
    letter-spacing: unset;
    -webkit-text-decoration: unset;
    text-decoration: unset;
    text-indent: unset;
    text-transform: unset;
    list-style-type: unset;
    text-shadow: unset;
    vertical-align: unset;
    cursor: unset;
    white-space: unset;
    word-break: unset;
    word-spacing: unset;
    word-wrap: unset;
    transition: unset
}

.w-webflow-badge {
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2147483647 !important;
    color: #aaadb0 !important;
    overflow: unset !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    position: fixed !important;
    inset: auto 12px 12px auto !important;
    transform: none !important
}

.w-webflow-badge>img {
    position: unset;
    visibility: unset !important;
    opacity: 1 !important;
    vertical-align: middle !important;
    display: inline-block !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    font-weight: 700
}

h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px
}

h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px
}

h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px
}

h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px
}

h5 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px
}

h6 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

blockquote {
    border-left: 5px solid #e2e2e2;
    margin: 0 0 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 22px
}

figure {
    margin: 0 0 10px
}

figcaption {
    text-align: center;
    margin-top: 5px
}


.w-list-unstyled {
    padding-left: 0;
    list-style: none
}

.w-embed:before,
.w-embed:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-embed:after {
    clear: both
}

.w-video {
    width: 100%;
    padding: 0;
    position: relative
}

.w-video iframe,
.w-video object,
.w-video embed {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

button,
[type=button],
[type=reset] {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0
}

.w-form {
    margin: 0 0 15px
}

.w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none
}

.w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none
}

label {
    margin-bottom: 5px;
    font-weight: 700;
    display: block
}

.w-input,
.w-select {
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block
}

.w-input::placeholder,
.w-select::placeholder {
    color: #999
}

.w-input:focus,
.w-select:focus {
    border-color: #3898ec;
    outline: 0
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
    cursor: not-allowed
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
    background-color: #eee
}

textarea.w-input,
textarea.w-select {
    height: auto
}

.w-select {
    background-color: #f3f3f3
}

.w-select[multiple] {
    height: auto
}

.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block
}

.w-radio {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block
}

.w-radio:before,
.w-radio:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-radio:after {
    clear: both
}

.w-radio-input {
    float: left;
    margin: 3px 0 0 -20px;
    line-height: normal
}

.w-file-upload {
    margin-bottom: 10px;
    display: block
}

.w-file-upload-input {
    opacity: 0;
    z-index: -100;
    width: .1px;
    height: .1px;
    position: absolute;
    overflow: hidden
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
    color: #333;
    display: inline-block
}

.w-file-upload-error {
    margin-top: 10px;
    display: block
}

.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
    display: none
}

.w-file-upload-uploading-btn {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: flex
}

.w-file-upload-file {
    background-color: #fafafa;
    border: 1px solid #ccc;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    display: flex
}

.w-file-upload-file-name {
    font-size: 14px;
    font-weight: 400;
    display: block
}

.w-file-remove-link {
    cursor: pointer;
    width: auto;
    height: auto;
    margin-top: 3px;
    margin-left: 10px;
    padding: 3px;
    display: block
}

.w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px
}

.w-file-upload-error-msg {
    color: #ea384c;
    padding: 2px 0;
    display: inline-block
}

.w-file-upload-info {
    padding: 0 12px;
    line-height: 38px;
    display: inline-block
}

.w-file-upload-label {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}

.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
    width: 20px;
    margin-right: 8px;
    display: inline-block
}

.w-icon-file-upload-uploading {
    height: 20px
}

.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}

.w-container:before,
.w-container:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-container:after {
    clear: both
}

.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px
}

.w-row:before,
.w-row:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-row:after {
    clear: both
}

.w-row .w-row {
    margin-left: 0;
    margin-right: 0
}

.w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.w-col .w-col {
    padding-left: 0;
    padding-right: 0
}

.w-col-1 {
    width: 8.33333%
}

.w-col-2 {
    width: 16.6667%
}

.w-col-3 {
    width: 25%
}

.w-col-4 {
    width: 33.3333%
}

.w-col-5 {
    width: 41.6667%
}

.w-col-6 {
    width: 50%
}

.w-col-7 {
    width: 58.3333%
}

.w-col-8 {
    width: 66.6667%
}

.w-col-9 {
    width: 75%
}

.w-col-10 {
    width: 83.3333%
}

.w-col-11 {
    width: 91.6667%
}

.w-col-12 {
    width: 100%
}

.w-hidden-main {
    display: none !important
}

@media screen and (max-width:991px) {
    .w-container {
        max-width: 728px
    }

    .w-hidden-main {
        display: inherit !important
    }

    .w-hidden-medium {
        display: none !important
    }

    .w-col-medium-1 {
        width: 8.33333%
    }

    .w-col-medium-2 {
        width: 16.6667%
    }

    .w-col-medium-3 {
        width: 25%
    }

    .w-col-medium-4 {
        width: 33.3333%
    }

    .w-col-medium-5 {
        width: 41.6667%
    }

    .w-col-medium-6 {
        width: 50%
    }

    .w-col-medium-7 {
        width: 58.3333%
    }

    .w-col-medium-8 {
        width: 66.6667%
    }

    .w-col-medium-9 {
        width: 75%
    }

    .w-col-medium-10 {
        width: 83.3333%
    }

    .w-col-medium-11 {
        width: 91.6667%
    }

    .w-col-medium-12 {
        width: 100%
    }

    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto
    }
}

@media screen and (max-width:767px) {

    .w-hidden-main,
    .w-hidden-medium {
        display: inherit !important
    }

    .w-hidden-small {
        display: none !important
    }

    .w-row,
    .w-container .w-row {
        margin-left: 0;
        margin-right: 0
    }

    .w-col {
        width: 100%;
        left: auto;
        right: auto
    }

    .w-col-small-1 {
        width: 8.33333%
    }

    .w-col-small-2 {
        width: 16.6667%
    }

    .w-col-small-3 {
        width: 25%
    }

    .w-col-small-4 {
        width: 33.3333%
    }

    .w-col-small-5 {
        width: 41.6667%
    }

    .w-col-small-6 {
        width: 50%
    }

    .w-col-small-7 {
        width: 58.3333%
    }

    .w-col-small-8 {
        width: 66.6667%
    }

    .w-col-small-9 {
        width: 75%
    }

    .w-col-small-10 {
        width: 83.3333%
    }

    .w-col-small-11 {
        width: 91.6667%
    }

    .w-col-small-12 {
        width: 100%
    }
}

@media screen and (max-width:479px) {
    .w-container {
        max-width: none
    }

    .w-hidden-main,
    .w-hidden-medium,
    .w-hidden-small {
        display: inherit !important
    }

    .w-hidden-tiny {
        display: none !important
    }

    .w-col {
        width: 100%
    }

    .w-col-tiny-1 {
        width: 8.33333%
    }

    .w-col-tiny-2 {
        width: 16.6667%
    }

    .w-col-tiny-3 {
        width: 25%
    }

    .w-col-tiny-4 {
        width: 33.3333%
    }

    .w-col-tiny-5 {
        width: 41.6667%
    }

    .w-col-tiny-6 {
        width: 50%
    }

    .w-col-tiny-7 {
        width: 58.3333%
    }

    .w-col-tiny-8 {
        width: 66.6667%
    }

    .w-col-tiny-9 {
        width: 75%
    }

    .w-col-tiny-10 {
        width: 83.3333%
    }

    .w-col-tiny-11 {
        width: 91.6667%
    }

    .w-col-tiny-12 {
        width: 100%
    }
}

.w-widget {
    position: relative
}

.w-widget-map {
    width: 100%;
    height: 400px
}

.w-widget-map label {
    width: auto;
    display: inline
}

.w-widget-map img {
    max-width: inherit
}

.w-widget-map .gm-style-iw {
    text-align: center
}

.w-widget-map .gm-style-iw>button {
    display: none !important
}

.w-widget-twitter {
    overflow: hidden
}

.w-widget-twitter-count-shim {
    vertical-align: top;
    text-align: center;
    background: #fff;
    border: 1px solid #758696;
    border-radius: 3px;
    width: 28px;
    height: 20px;
    display: inline-block;
    position: relative
}

.w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    text-align: center;
    color: #999;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 12px;
    position: relative
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    display: block;
    position: relative
}

.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: #75869600 #5d6c7b #75869600 #75869600;
    margin-top: -4px;
    margin-left: -9px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
    border-width: 4px;
    border-color: #fff0 #fff #fff0 #fff0;
    margin-top: -4px;
    margin-left: -8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px
}

.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%
}

.w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b #75869600 #75869600;
    margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff #fff0 #fff0;
    margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px
}

.w-background-video {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden
}

.w-background-video>video {
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: -100%
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important
}

.w-background-video--control {
    background-color: #0000;
    padding: 0;
    position: absolute;
    bottom: 1em;
    right: 1em
}

.w-background-video--control>[hidden] {
    display: none !important
}

.w-slider {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    background: #ddd;
    height: 300px;
    position: relative
}

.w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-slide {
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative
}

.w-slider-nav {
    z-index: 2;
    text-align: center;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    inset: auto 0 0
}

.w-slider-nav.w-round>div {
    border-radius: 100%
}

.w-slider-nav.w-num>div {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    padding: .2em .5em
}

.w-slider-nav.w-shadow>div {
    box-shadow: 0 0 3px #3336
}

.w-slider-nav-invert {
    color: #fff
}

.w-slider-nav-invert>div {
    background-color: #2226
}

.w-slider-nav-invert>div.w-active {
    background-color: #222
}

.w-slider-dot {
    cursor: pointer;
    background-color: #fff6;
    width: 1em;
    height: 1em;
    margin: 0 3px .5em;
    transition: background-color .1s, color .1s;
    display: inline-block;
    position: relative
}

.w-slider-dot.w-active {
    background-color: #fff
}

.w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff
}

.w-slider-dot:focus.w-active {
    box-shadow: none
}

.w-slider-arrow-left,
.w-slider-arrow-right {
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
    position: absolute
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
    outline: 0
}

.w-slider-arrow-left {
    z-index: 3;
    right: auto
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto
}

.w-icon-slider-left,
.w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    inset: 0
}

.w-slider-aria-label {
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.w-slider-force-show {
    display: block !important
}

.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block
}

.w-dropdown-toggle:focus {
    outline: 0
}

.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.w-dropdown-list {
    background: #ddd;
    min-width: 100%;
    display: none;
    position: absolute
}

.w-dropdown-list.w--open {
    display: block
}

.w-dropdown-link {
    color: #222;
    padding: 10px 20px;
    display: block
}

.w-dropdown-link.w--current {
    color: #0082f3
}

.w-dropdown-link:focus {
    outline: 0
}

@media screen and (max-width:767px) {
    .w-nav-brand {
        padding-left: 10px
    }
}

.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #fff;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: #000000e6;
    outline: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    inset: 0;
    -webkit-transform: translate(0)
}

.w-lightbox-backdrop,
.w-lightbox-container {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto
}

.w-lightbox-content {
    height: 100vh;
    position: relative;
    overflow: hidden
}

.w-lightbox-view {
    opacity: 0;
    width: 100vw;
    height: 100vh;
    position: absolute
}

.w-lightbox-view:before {
    content: "";
    height: 100vh
}

.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
    height: 86vh
}

.w-lightbox-frame,
.w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block
}

.w-lightbox-figure {
    margin: 0;
    position: relative
}

.w-lightbox-group .w-lightbox-figure {
    cursor: pointer
}

.w-lightbox-img {
    width: auto;
    max-width: none;
    height: auto
}

.w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block
}

.w-lightbox-group .w-lightbox-image {
    max-height: 86vh
}

.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #0006;
    padding: .5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.w-lightbox-control {
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 4em;
    transition: all .3s;
    position: absolute;
    top: 0
}

.w-lightbox-left {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
    display: none;
    bottom: 0;
    left: 0
}

.w-lightbox-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
    display: none;
    bottom: 0;
    right: 0
}

.w-lightbox-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size: 18px;
    height: 2.6em;
    right: 0
}

.w-lightbox-strip {
    white-space: nowrap;
    padding: 0 1vh;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto hidden
}

.w-lightbox-item {
    box-sizing: content-box;
    cursor: pointer;
    width: 10vh;
    padding: 2vh 1vh;
    display: inline-block;
    -webkit-transform: translate(0, 0)
}

.w-lightbox-active {
    opacity: .3
}

.w-lightbox-thumbnail {
    background: #222;
    height: 10vh;
    position: relative;
    overflow: hidden
}

.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
    height: 100%;
    left: 50%;
    transform: translate(-50%)
}

.w-lightbox-spinner {
    box-sizing: border-box;
    border: 5px solid #0006;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    animation: .8s linear infinite spin;
    position: absolute;
    top: 50%;
    left: 50%
}

.w-lightbox-spinner:after {
    content: "";
    border: 3px solid #0000;
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    inset: -4px
}

.w-lightbox-hide {
    display: none
}

.w-lightbox-noscroll {
    overflow: hidden
}

@media (min-width:768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh
    }

    .w-lightbox-view,
    .w-lightbox-view:before {
        height: 96vh
    }

    .w-lightbox-group,
    .w-lightbox-group .w-lightbox-view,
    .w-lightbox-group .w-lightbox-view:before {
        height: 84vh
    }

    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh
    }

    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh
    }

    .w-lightbox-left,
    .w-lightbox-right {
        opacity: .5;
        display: block
    }

    .w-lightbox-close {
        opacity: .8
    }

    .w-lightbox-control:hover {
        opacity: 1
    }
}

.w-lightbox-inactive,
.w-lightbox-inactive:hover {
    opacity: 0
}

.w-richtext:before,
.w-richtext:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-richtext:after {
    clear: both
}

.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
    white-space: initial
}

.w-richtext ol,
.w-richtext ul {
    overflow: hidden
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
    outline: 2px solid #2895f7
}

.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
    content: "";
    display: none;
    position: absolute;
    inset: 0
}

.w-richtext figure {
    max-width: 60%;
    position: relative
}

.w-richtext figure>div:before {
    cursor: default !important
}

.w-richtext figure img {
    width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: .6
}

.w-richtext figure div {
    color: #0000;
    font-size: 0
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
    display: table
}

.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
    display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
    caption-side: bottom;
    display: table-caption
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
    width: 60%;
    height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
    width: 100%
}

.w-richtext figure.w-richtext-align-center {
    clear: both;
    margin-left: auto;
    margin-right: auto
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
    max-width: 100%
}

.w-richtext figure.w-richtext-align-normal {
    clear: both
}

.w-richtext figure.w-richtext-align-fullwidth {
    text-align: center;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.w-richtext figure.w-richtext-align-fullwidth>div {
    padding-bottom: inherit;
    display: inline-block
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
    display: block
}

.w-richtext figure.w-richtext-align-floatleft {
    float: left;
    clear: none;
    margin-right: 15px
}

.w-richtext figure.w-richtext-align-floatright {
    float: right;
    clear: none;
    margin-left: 15px
}

.w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative
}

.w-nav:before,
.w-nav:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-nav:after {
    clear: both
}

.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative
}

.w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-nav-link.w--current {
    color: #0082f3
}

.w-nav-menu {
    float: right;
    position: relative
}

[data-nav-menu-open] {
    text-align: center;
    background: #c8c8c8;
    min-width: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block !important
}

.w--nav-link-open {
    display: block;
    position: relative
}

.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-nav-overlay [data-nav-menu-open] {
    top: 0
}

.w-nav[data-animation=over-left] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    left: auto
}

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative
}

.w-nav-button:focus {
    outline: 0
}

.w-nav-button.w--open {
    color: #fff;
    background-color: #c8c8c8
}

.w-nav[data-collapse=all] .w-nav-menu {
    display: none
}

.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
    display: block
}

.w--nav-dropdown-list-open {
    position: static
}

@media screen and (max-width:991px) {
    .w-nav[data-collapse=medium] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=medium] .w-nav-button {
        display: block
    }
}

@media screen and (max-width:767px) {
    .w-nav[data-collapse=small] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=small] .w-nav-button {
        display: block
    }

    .w-nav-brand {
        padding-left: 10px
    }
}

@media screen and (max-width:479px) {
    .w-nav[data-collapse=tiny] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=tiny] .w-nav-button {
        display: block
    }
}

.w-tabs {
    position: relative
}

.w-tabs:before,
.w-tabs:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-tabs:after {
    clear: both
}

.w-tab-menu {
    position: relative
}

.w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: #222;
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-tab-link.w--current {
    background-color: #c8c8c8
}

.w-tab-link:focus {
    outline: 0
}

.w-tab-content {
    display: block;
    position: relative;
    overflow: hidden
}

.w-tab-pane {
    display: none;
    position: relative
}

.w--tab-active {
    display: block
}

@media screen and (max-width:479px) {
    .w-tab-link {
        display: block
    }
}

.w-ix-emptyfix:after {
    content: ""
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.w-dyn-empty {
    background-color: #ddd;
    padding: 10px
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
    display: none !important
}

.wf-layout-layout {
    display: grid
}

@font-face {
    font-family: Montserrat;
    src: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713424ba_Montserrat-regular.otf)format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713424bd_Montserrat-bold.otf)format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

:root {
    --jam--oil-black: #0c0c0c;
    --base--white: white;
    --_sizes---corner-radius--l: 2.2rem;
    --base--transparent: transparent;
    --_sizes---corner-radius--m: 1.66rem;
    --_sizes---content-space--l: 2.2rem;
    --_sizes---content-space--xl: 3.3rem;
    --_sizes---content-space--s: 1.1rem;
    --_sizes---content-space--m: 1.66rem;
    --_sizes---corner-radius--s: 1.1rem;
    --_sizes---content-space--xs: .55rem;
    --_sizes---content-space--2xl: 5rem;
    --_fonts---headline--h1: 8.8rem;
    --_fonts---line-height--100: 100%;
    --_fonts---subheadline--m: 1.25rem;
    --_fonts---line-height--130: 130%;
    --base--300: #d4d4d4;
    --base--400: #a3a3a3;
    --_sizes---stroke-line: .1rem;
    --_sizes---corner-radius--r: 256rem;
    --_fonts---buttons--m: 1.1rem;
    --_fonts---line-height--150: 150%;
    --_fonts---line-height--140: 140%;
    --_fonts---body--s: .98rem;
    --base--950: #080808;
    --_fonts---buttons--xs: .84rem;
    --jam--orange: #ff5c02;
    --_fonts---subheadline--l: 1.38rem;
    --_fonts---body--m: 1.1rem;
    --base--600: #525252;
    --base--500: #737373;
    --_fonts---headline--h5: 3.2rem;
    --_fonts---headline--h2: 6.6rem;
    --_fonts---line-height--120: 120%;
    --_fonts---headline--h3: 4.4rem;
    --_fonts---body--l: 1.7rem;
    --_fonts---buttons--s: 1.5rem;
    --_fonts---line-height--110: 110%;
    --base--white-50: #ffffff80;
    --base--100: whitesmoke;
    --_fonts---line-height--160: 160%;
    --jam--blue: #398afd;
    --_fonts---headline--display-l: 9.72rem;
    --base--800: #262626;
    --other--stroke-color: #343434;
    --jam--secondary-black: #1d1d1d;
    --_fonts---headline--h4: 3.3rem;
    --base--700: #404040;
    --_fonts---subheadline--s: .98rem;
    --base--900: #171717;
    --_fonts---body--xs: .84rem;
    --base--50: #fafafa;
    --base--200: #e5e5e5
}

/* body {
    background-color: transparent;
    color: var(--base--white);
    font-family: Montserrat, sans-serif;
    font-size: 1.1rem;
    line-height: 120%
} */

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 38px;
    font-weight: 700;
    line-height: 44px
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

p {
    margin-bottom: 0
}

.general-styles {
    display: none
}

.page-wrapper {
    background-color: var(--jam--oil-black)
}

.full-container {
    position: relative
}

.full-container.hero-s {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 58rem;
    display: flex;
    overflow: hidden
}

.full-container.benefits-s {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    overflow: hidden
}

.full-container.creators-s {
    overflow: clip
}

.full-container.fans-benefits-s {
    padding-bottom: 10rem;
    overflow: hidden;
    
}

.full-container.slider-test-s,
.full-container.featrues-s,
.full-container.connect-s,
.full-container.about-hero-s,
.full-container.spotlight-s {
    overflow: hidden
}

.full-container.press-s {
    border-top-left-radius: var(--_sizes---corner-radius--l);
    border-top-right-radius: var(--_sizes---corner-radius--l);
    background-image: linear-gradient(180deg, #404040, var(--base--transparent)58%);
    margin-left: auto;
    margin-right: auto
}

.full-container.stat-s {
    grid-column-gap: 100rem;
    grid-row-gap: 100rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.full-container.invest-cta-s {
    justify-content: center;
    align-items: center;
    display: flex
}

.circle-slider-container {
    aspect-ratio: 1;
    pointer-events: none;
    width: 120rem;
    position: absolute
}

.circle-slider-wrapper {
    width: 100%;
    height: 100%;
    position: absolute
}

.circle-slide {
    aspect-ratio: 1;
    border-radius: var(--_sizes---corner-radius--m);
    perspective: 30rem;
    justify-content: center;
    align-items: center;
    width: 10rem;
    transition: transform 1s;
    display: flex;
    position: absolute
}

.circle-slide.active {
    z-index: 10
}

.circle-slide-image {
    z-index: 10;
    border-radius: var(--_sizes---corner-radius--m);
    backface-visibility: hidden;
    transition: transform 1s;
    position: relative;
    overflow: hidden
}

.image-cover {
    pointer-events: none;
    object-fit: cover;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%
}

.circle-slide-content {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%
}

.circle-slide-flip {
    aspect-ratio: 1;
    border-radius: var(--_sizes---corner-radius--l);
    backface-visibility: hidden;
    background-color: #525252;
    justify-content: center;
    align-items: center;
    width: 15rem;
    transition: transform 1s;
    display: flex;
    position: absolute
}

.circle-slide-flip.s1 {
    background-color: #dbe6d6;
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe3007134251f_45ba1cf20198611a97c45e83addf77ef_flip-card-bg-1.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.circle-slide-flip.s2 {
    border: .4rem solid var(--base--white);
    background-color: #e5e7eb
}

.circle-slide-flip.s3 {
    background-color: var(--base--transparent)
}

.circle-slide-flip.s4 {
    background-color: #e5d8e7
}

.circle-slide-flip.s5 {
    background-color: #e5e5e5
}

.circle-slide-flip.s6 {
    background-color: #e5e5ff
}

.circle-slide-flip.s7 {
    border: .4rem solid var(--base--white);
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342503_db56ff815a91678980d4cf069485d7cd_flip-card-bg-4.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.circle-slide-flip.s8 {
    background-color: #e5e5e5
}

.text-elements {
    position: relative
}

.text-elements.hero-s {
    position: absolute;
    top: 24rem
}

.text-elements.benefits-s {
    z-index: 100;
    position: absolute
}

.text-elements.iphone-pop-s {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden
}

.text-elements.creators-slide-s {
    text-align: center
}

.text-elements.creators-s2 {
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.text-elements.why-us-s {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.text-elements.invest-down-s {
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.text-elements.reviews-s {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.text-elements.monetize-s {
    margin-left: auto;
    margin-right: 8.54rem
}

.text-elements.crator-hero-s {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.text-elements.fan-hero-s,
.text-elements.about-hero-s,
.text-elements.contact-s {
    z-index: 10
}

.text-elements.statement-s {
    text-align: center
}

.text-elements.invest-hero-s {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.text-elements.why-we-s {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    transition: all .4s;
    display: flex
}

.text-elements.why-we-s.hidden {
    opacity: 0;
    filter: blur(.6rem)
}

.text-elements.stat-headline-s {
    z-index: 100;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.text-elements.opport-s {
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: sticky;
    top: 8rem
}

.text-elements.invest-cta-s {
    grid-column-gap: var(--_sizes---content-space--xl);
    grid-row-gap: var(--_sizes---content-space--xl);
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.text-elements.invest-contact-s {
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.headline-wrapper {
    position: relative
}

.headline-wrapper.hero-s,
.headline-wrapper.benefits-s {
    text-align: center
}

.headline-wrapper.iphone-pop-s {
    width: 71rem
}

.headline-wrapper.benefits-card-s {
    padding-top: var(--_sizes---content-space--l);
    padding-bottom: var(--_sizes---content-space--l);
    text-align: center
}

.headline-wrapper.creators-s {
    text-align: center;
    width: 50rem
}

.headline-wrapper.creators-down-s {
    text-align: center
}

.headline-wrapper.cta-card-s {
    text-align: center;
    padding-bottom: 15rem
}

.headline-wrapper.why-us-s,
.headline-wrapper.invest-top-s {
    text-align: center;
    width: 52rem
}

.headline-wrapper.invest-down-s {
    text-align: center
}

.headline-wrapper.reviews-s {
    text-align: center;
    width: 52rem
}

.headline-wrapper.features-s {
    text-align: center;
    width: 50rem;
    margin-left: auto;
    margin-right: auto
}

.headline-wrapper.fan-hero-s {
    width: 64rem
}

.headline-wrapper.discover-s,
.headline-wrapper.engage-s,
.headline-wrapper.about-hero-s {
    text-align: center
}

.headline-wrapper.started-s2 {
    grid-column-gap: var(--_sizes---content-space--s);
    grid-row-gap: var(--_sizes---content-space--s);
    text-align: center;
    flex-flow: column;
    display: flex
}

.headline-wrapper.spotlight-s {
    width: 40rem
}

.headline-wrapper.fans-s {
    width: 50rem
}

.headline-wrapper.contact-s {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    flex-flow: column;
    width: 34rem;
    display: flex
}

.headline-wrapper.press-s {
    grid-column-gap: var(--_sizes---corner-radius--s);
    grid-row-gap: var(--_sizes---corner-radius--s);
    text-align: center;
    flex-flow: column;
    display: flex
}

.headline-wrapper.started-s1,
.headline-wrapper.copyright-s {
    text-align: center
}

.headline-wrapper.invest-hero-s {
    width: 62rem
}

.headline-wrapper.invest-cta-s {
    width: 54rem
}

.headline-wrapper.invest-contact-s {
    width: 28rem
}

.description-wrapper {
    position: relative
}

.description-wrapper.hero-s {
    padding-top: var(--_sizes---corner-radius--m);
    padding-bottom: var(--_sizes---corner-radius--m);
    text-align: center
}

.description-wrapper.iphone-pop-s {
    text-align: center;
    width: 30rem;
    padding-top: 3.3rem
}

.description-wrapper.creators-s {
    padding-top: var(--_sizes---corner-radius--m);
    padding-bottom: var(--_sizes---corner-radius--m);
    text-align: center;
    width: 21rem;
    margin-left: auto;
    margin-right: auto
}

.description-wrapper.creators-slide-s {
    padding-top: var(--_sizes---content-space--xs);
    width: 20rem;
    margin-left: auto;
    margin-right: auto
}

.description-wrapper.creators-s2 {
    width: 30rem
}

.description-wrapper.creators-down-s {
    text-align: center;
    width: 32rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10rem
}

.description-wrapper.why-us-s {
    padding-top: var(--_sizes---content-space--l);
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.description-wrapper.invest-top-s {
    padding-bottom: var(--_sizes---content-space--2xl);
    text-align: center;
    width: 38.5rem
}

.description-wrapper.creator-hero-s {
    padding-top: var(--_sizes---content-space--l);
    padding-bottom: var(--_sizes---content-space--xl)
}

.description-wrapper.features-s {
    padding-top: var(--_sizes---content-space--m);
    text-align: center;
    width: 37rem;
    margin-left: auto;
    margin-right: auto
}

.description-wrapper.fan-hero-s {
    padding-top: var(--_sizes---content-space--xl);
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    display: flex
}

.description-wrapper.how-started-top-s {
    width: 36rem
}

.description-wrapper.how-started-down-s {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
    flex-flow: column;
    width: 34rem;
    display: flex
}

.description-wrapper.spotlight-s {
    padding-top: var(--_sizes---content-space--m);
    width: 42rem
}

.description-wrapper.fans-s1 {
    padding-top: var(--_sizes---content-space--xl);
    width: 36rem
}

.description-wrapper.fans-s2 {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
    flex-flow: column;
    width: 36rem;
    margin-left: auto;
    display: flex;
    left: -200vw
}

.description-wrapper.fans-s2.view {
    left: -12rem
}

.description-wrapper.last-update-s {
    text-align: center;
    padding-top: 2.2rem
}

.description-wrapper.statement-s {
    padding-top: var(--_sizes---corner-radius--m)
}

.description-wrapper.invest-contact-s {
    padding-top: var(--_sizes---content-space--m);
    padding-bottom: var(--_sizes---content-space--xl);
    width: 30rem
}

.description-wrapper.opport-s {
    width: 28rem
}

.headline-h1 {
    color: var(--base--white);
    font-family: Montserrat,   sans-serif;
    font-size: var(--_fonts---headline--h1);
    line-height: var(--_fonts---line-height--100)
}

.subheadline-m {
    font-family: Montserrat, sans-serif;
    font-size: var(--_fonts---subheadline--m);
    line-height: var(--_fonts---line-height--130);
    font-weight: 500
}

.subheadline-m.neutral-300 {
    color: var(--base--300)
}

.subheadline-m.neutral-400 {
    color: var(--base--400)
}

.app-buttons {
    grid-column-gap: var(--_sizes---content-space--s);
    grid-row-gap: var(--_sizes---content-space--s);
    justify-content: center;
    align-items: center;
    display: flex
}

.app-button {
    grid-column-gap: var(--_sizes---content-space--xs);
    grid-row-gap: var(--_sizes---content-space--xs);
    border-top-style: solid;
    border-top-width: var(--_sizes---stroke-line);
    border-top-color: var(--base--white);
    border-right-style: solid;
    border-right-width: var(--_sizes---stroke-line);
    border-right-color: var(--base--white);
    border-bottom-style: solid;
    border-bottom-width: var(--_sizes---stroke-line);
    border-bottom-color: var(--base--white);
    border-left-style: solid;
    border-left-width: var(--_sizes---stroke-line);
    border-left-color: var(--base--white);
    border-top-left-radius: var(--_sizes---corner-radius--r);
    border-top-right-radius: var(--_sizes---corner-radius--r);
    border-bottom-left-radius: var(--_sizes---corner-radius--r);
    border-bottom-right-radius: var(--_sizes---corner-radius--r);
    background-color: var(--jam--oil-black);
    color: var(--base--white);
    font-family: Montserrat, sans-serif;
    font-size: var(--_fonts---buttons--m);
    line-height: var(--_fonts---line-height--150);
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    padding: 1.1rem 2.4rem;
    text-decoration: none;
    display: inline-flex;
    position: relative
}

.app-button:hover {
    outline-offset: 0px;
    outline: .4rem #ffffff14
}

.app-button.g-play {
    padding-left: 1.8rem;
    padding-right: 1.8rem
}

.app-button.join-s {
    padding-left: 5.56rem;
    padding-right: 5.56rem
}

.app-icon {
    justify-content: center;
    align-items: center;
    width: 1.66rem;
    height: 1.66rem;
    display: flex
}

.circle-slider-position {
    justify-content: center;
    align-items: flex-start;
    width: 0;
    height: 0;
    display: flex;
    position: absolute;
    top: 10rem
}

.circle-slider-position.invest-s {
    display: none
}

.flip-widget-point {
    justify-content: center;
    align-items: center;
    transition: opacity .2s, transform .8s;
    display: flex;
    position: absolute
}

.flip-widget-point.card-3-s3 {
    z-index: 500
}

.flip-widget-point.card-4-s1,
.flip-widget-point.card-4-s2,
.flip-widget-point.card-4-s3,
.flip-widget-point.card-5-s1 {
    z-index: 10
}

.flip-widget-point.card-5-s3 {
    z-index: 20
}

.flip-widget-point.card-8-s1 {
    z-index: 5
}

.flip-widget-point.card-8-s2 {
    z-index: 10
}

.flip-widget-point.card-8-s4 {
    pointer-events: none
}

.flip-widget-point.card-8-s3 {
    z-index: 15;
    pointer-events: none;
    width: 6rem
}

.flip-fire-sticker {
    aspect-ratio: 1;
    border-radius: var(--_sizes---corner-radius--r);
    background-color: var(--base--white);
    justify-content: center;
    align-items: center;
    width: 2.8rem;
    font-size: 1.62rem;
    line-height: 100%;
    display: flex
}

.flip-pop-message {
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    background-image: linear-gradient(90deg, #97979799, #3d3d3d99);
    border: 1px solid #fff3;
    border-radius: .78rem
}

.flip-pop-message.card-1-s1 {
    width: 8.75rem
}

.flip-pop-message.card-1-s2 {
    width: 9rem
}

.flip-pop-message.card-3-s1 {
    width: 10.6rem
}

.flip-pop-message.card-3-s2 {
    width: 9rem
}

.flip-pop-message.card-6-s1 {
    width: 10.6rem
}

.image-contain {
    pointer-events: none;
    object-fit: contain;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.image-contain.shadow {
    filter: drop-shadow(0 0 2rem #00000096)
}

.flip-crystal-block {
    font-size: 2rem;
    line-height: var(--_fonts---line-height--140);
    transform: rotate(-25deg)
}

.flip-photo-frame {
    border-top-style: solid;
    border-top-width: .32rem;
    border-top-color: var(--base--white);
    border-right-style: solid;
    border-right-width: .32rem;
    border-right-color: var(--base--white);
    border-bottom-style: solid;
    border-bottom-width: .32rem;
    border-bottom-color: var(--base--white);
    border-left-style: solid;
    border-left-width: .32rem;
    border-left-color: var(--base--white);
    border-radius: 1.5rem;
    width: 7.8rem;
    overflow: hidden;
    box-shadow: 0 0 5.396rem 0 #60606003, 4.75rem 5.134rem 5.903rem 0 #41414103, 3.09rem 3.32rem 3.87rem 0 #73737305, 1.736rem 1.887rem 3.23rem 0 #5f5f5f12, .754rem .829rem 1.616rem 0 #4a4a4a1c, .227rem .227rem .96rem 0 #64646421
}

.flip-photo-frame.card-3-scale {
    aspect-ratio: 1;
    width: 11.8rem
}

.flip-photo-frame.card-5-scale {
    width: 8.6rem
}

.flip-photo-frame.card-8-scale {
    width: 10rem
}

.flip-music-note {
    width: 4.5rem
}

.flip-total-views {
    width: 10rem
}

.flip-card-bg {
    transition: transform .8s;
    position: absolute
}

.flip-card-bg.card-4 {
    width: 120%
}

.flip-card-bg.card-6 {
    width: 100%;
    top: 2%
}

.flip-heart {
    width: 5.6rem
}

.flip-circle-slide-css {
    display: none
}

.flip-silver-heart {
    width: 5rem
}

.flip-creator-badge {
    width: 6rem
}

.flip-pin-point.s5 {
    width: 3.6rem
}

.flip-pin-point.s1 {
    width: 5rem
}

.flip-pin-point.s2 {
    width: 1.8rem
}

.flip-pin-point.s3 {
    width: 3rem
}

.flip-pin-point.s4 {
    width: 1.8rem
}

.flip-sound-icon {
    width: 3rem
}

.flip-headphones {
    width: 6rem
}

.flip-ball {
    width: 5rem
}

.hero-mask {
    z-index: 200;
    background-image: linear-gradient(180deg, var(--base--transparent), var(--jam--oil-black));
    height: 6rem;
    position: absolute;
    inset: auto 0% 0%
}

.header {
    z-index: 9000;
    position: fixed;
    inset: 0% 0% auto
}

.navbar {
    padding-top: var(--_sizes---content-space--s);
    padding-bottom: var(--_sizes---content-space--s);
    background-color: var(--base--transparent);
    justify-content: center;
    align-items: center;
    display: flex
}

.brand.navbar-s {
    color: var(--base--white);
    width: 11rem
}

.nav-container {
    grid-column-gap: 4.4rem;
    grid-row-gap: 4.4rem;
    border-style: solid;
    border-width: var(--_sizes---stroke-line);
    border-radius: var(--_sizes---corner-radius--r);
    -webkit-backdrop-filter: blur(6rem);
    backdrop-filter: blur(6rem);
    background-color: #13131366;
    border-color: #ffffff0d;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: .56rem .56rem .56rem 1.68rem;
    transition: background-color .2s;
    display: inline-flex;
    position: relative
}

.nav-container.change {
    border-top-color: var(--base--transparent);
    border-right-color: var(--base--transparent);
    border-bottom-color: var(--base--transparent);
    border-left-color: var(--base--transparent);
    background-color: #ffffff80;
    box-shadow: 0 0 1px #00000040
}

.nav-link {
    color: var(--base--white);
    font-size: var(--_fonts---body--s);
    line-height: var(--_fonts---line-height--130);
    padding: .82rem .56rem;
    transition: color .2s
}

.nav-link.w--current {
    color: var(--base--white)
}

.nav-link.change {
    color: var(--jam--oil-black)
}

.nav-menu {
    grid-column-gap: 4.4rem;
    grid-row-gap: 4.4rem;
    justify-content: center;
    align-items: center;
    display: flex
}

.nav-links {
    grid-column-gap: var(--_sizes---content-space--s);
    grid-row-gap: var(--_sizes---content-space--s);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.nav-button {
    border-radius: var(--_sizes---corner-radius--r);
    background-color: var(--base--white);
    color: var(--base--950);
    font-family: Montserrat, sans-serif;
    font-size: var(--_fonts---buttons--xs);
    line-height: var(--_fonts---line-height--140);
    cursor: pointer;
    padding: 1.1rem 1.68rem;
    font-weight: 500;
    transition: color .2s, background-color .2s;
    display: inline-flex;
    position: relative
}

.nav-button.change {
    background-color: var(--jam--oil-black);
    color: var(--base--white)
}

.hover-circle-s1 {
    aspect-ratio: 1;
    background-color: var(--base--white);
    pointer-events: none;
    mix-blend-mode: difference;
    border-radius: 50%;
    width: 100%;
    transition: width .4s;
    position: absolute
}

.hover-circle-s2 {
    z-index: 10;
    aspect-ratio: 1;
    background-color: var(--base--white);
    pointer-events: none;
    mix-blend-mode: difference;
    border-radius: 50%;
    width: 100%;
    transition: width .6s;
    position: absolute
}

.app-button-circles {
    border-radius: var(--_sizes---corner-radius--r);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: hidden
}

.wave-area {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%
}

.nav-link-hover {
    height: var(--_sizes---stroke-line);
    opacity: 0;
    position: absolute;
    inset: auto 0% -.9rem
}

.nav-link-hover-line {
    background-image: linear-gradient(90deg, var(--base--transparent), var(--base--white)50%, var(--base--transparent));
    width: 100%;
    height: 100%
}

.nav-link-hover-line.blur {
    filter: blur(.6rem)
}

.nav-link-hover-line.change {
    background-image: linear-gradient(90deg, var(--base--transparent), var(--jam--orange)50%, var(--base--transparent))
}

.nav-links-js {
    display: none
}

.benefits-height {
    height: 500vh
}

.benefits-sticky {
    height: 100vh;
    position: sticky;
    top: 0
}

.subheadline-l {
    font-family: Montserrat,   sans-serif;
    font-size: var(--_fonts---subheadline--l);
    line-height: var(--_fonts---line-height--140);
    font-weight: 700
}

.subheadline-l.neutral-950 {
    color: var(--base--950)
}

.subheadline-l.neutral-400 {
    color: var(--base--400)
}

.iphone {
    aspect-ratio: 12/24.45;
    will-change: transform;
    width: 120rem;
    position: absolute;
    transform: scale(.178)
}

.iphone-frame {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.iphone-ui {
    z-index: 20;
    pointer-events: none;
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe3007134251c_30d98c3b6533e329b53b2758ca6463d9_iphone-ui.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.iphone-mask-css {
    display: none
}

.values-screen-pop {
    background-color: var(--base--white);
    border-top-left-radius: 8rem;
    border-top-right-radius: 8rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 2%;
    display: flex
}

.iphone-pop-headline {
    z-index: 100;
    color: var(--jam--oil-black);
    text-align: center;
    font-family: Montserrat,   sans-serif;
    font-size: 6.6rem;
    font-weight: 700;
    line-height: 120%;
    position: relative
}

.iphone-position {
    z-index: 200;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute
}

.iphone-pop-description {
    color: #4b5563;
    font-size: 1.1rem;
    line-height: 150%
}

.benefits-card-wrapper.s1 {
    margin-bottom: 15rem
}

.benefits-card-wrapper.s2 {
    margin-top: 6rem
}

.beneftis-cards {
    z-index: 100;
    grid-column-gap: 35rem;
    grid-row-gap: 35rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.benefits-card-tags {
    grid-column-gap: .34rem;
    grid-row-gap: .34rem;
    border-radius: var(--_sizes---content-space--m);
    background-color: var(--jam--oil-black);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1.68rem 4.38rem;
    display: flex
}

.benefits-card-tags.orange {
    padding: 4rem 5rem
}

.benefits-tag {
    grid-column-gap: .68rem;
    grid-row-gap: .68rem;
    border-radius: var(--_sizes---corner-radius--r);
    justify-content: center;
    align-items: center;
    padding: 1.25rem 2.2rem;
    display: flex
}

.benefits-tag.blue {
    background-image: linear-gradient(132deg, #388afd, #56c2ff)
}

.benefits-tag.orange {
    background-image: linear-gradient(132deg, #fcb938, #f17532)
}

.benefits-tag-svg {
    justify-content: center;
    align-items: center;
    width: 1.68rem;
    height: 1.68rem;
    display: flex
}

.body-medium-m {
    font-size: var(--_fonts---body--m);
    line-height: var(--_fonts---line-height--150);
    font-weight: 500
}

.body-medium-m.neutral-600 {
    color: var(--base--600)
}

.body-medium-m.overflow-s {
    overflow: hidden
}

.body-medium-m.neutral-300 {
    color: var(--base--300)
}

.body-medium-m.neutral-500 {
    color: var(--base--500)
}

.body-medium-m.opacity-80 {
    opacity: .8
}

.benefits-bg {
    aspect-ratio: 14/7.3;
    background-image: linear-gradient(180deg, var(--jam--oil-black), var(--base--transparent)15%, var(--base--transparent)48%, var(--base--transparent)85%, var(--jam--oil-black)), url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe3007134257b_81fb073865cac008dd36047191152dc4_benefits-bg.png);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    width: 100%;
    max-width: 100rem;
    position: absolute
}

.values-cards {
    z-index: 200;
    grid-column-gap: 16.5rem;
    grid-row-gap: 16.5rem;
    opacity: 1;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: absolute
}

.values-card-wrapper {
    pointer-events: auto;
    width: 28rem
}

.creators-sc {
    z-index: 100;
    position: relative
}

.values-headline-mask {
    z-index: 100;
    background-image: linear-gradient(180deg, var(--base--transparent), var(--base--white)50%, var(--base--white));
    height: 300%;
    position: absolute;
    inset: auto 0% 0%
}

.values-card {
    border-radius: var(--_sizes---corner-radius--l);
    text-align: center;
    background-color: #0000001f;
    padding: .4rem;
    position: relative
}

.values-card-content {
    grid-column-gap: 3.3rem;
    grid-row-gap: 3.3rem;
    background-color: #030712;
    border-radius: 1.8rem;
    flex-flow: column;
    padding-top: 2.78rem;
    padding-bottom: 2.78rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.value-slider {
    background-color: var(--base--transparent);
    flex-flow: row;
    width: 27rem;
    height: 12rem;
    display: flex
}

.headline-h5 {
    font-family: Montserrat,   sans-serif;
    font-size: var(--_fonts---headline--h5);
    line-height: var(--_fonts---line-height--130);
    font-weight: 700
}

.headline-h5.neutral-950 {
    color: var(--base--950)
}

.headline-h5.neutral-400 {
    color: var(--base--400)
}

.body-regular-s {
    font-size: var(--_fonts---body--s);
    line-height: var(--_fonts---line-height--140)
}

.body-regular-s.neutral-300 {
    color: var(--base--300)
}

.body-regular-s.neutral-600 {
    color: var(--base--600)
}

.body-regular-s.opacity-50 {
    opacity: .5
}

.body-regular-s.opacity-70 {
    opacity: .7
}

.body-regular-s.neutral-400 {
    color: var(--base--400)
}

.values-card-headline {
    padding-left: 2.78rem;
    padding-right: 2.78rem
}

.values-css {
    display: none
}

.values-card-description {
    padding-left: 2.78rem;
    padding-right: 2.78rem
}

.values-video-embed {
    width: 100%;
    height: 100%;
    position: relative
}

.values-path-videos {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    flex-flow: row;
    flex: none;
    width: 38rem;
    height: 100%;
    display: flex;
    position: relative
}

.values-slider-path {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    flex-flow: row;
    flex: none;
    display: flex;
    position: relative
}

.values-video {
    width: 33%;
    height: 100%
}

.values-card-light {
    z-index: 100;
    pointer-events: none;
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    inset: 0%
}

.values-card-light.s2 {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe3007134257a_ecc72813f30bc9ffb526eb99fdf2b8da_velue-card-lights-2.png)
}

.values-card-light.s1 {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342502_velue-card-lights-1.png)
}

.iphone-frame-css {
    display: none
}

.brand-svg {
    justify-content: center;
    align-items: center;
    display: flex
}

.brand-svg.change {
    color: var(--jam--oil-black);
    transition: color .2s
}

.values-white-anchor {
    pointer-events: none;
    width: 100%;
    height: 100vh;
    position: absolute
}

.cs-slider-js {
    z-index: 1000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    inset: 0%
}

.values-artist-wrapper {
    z-index: 100;
    position: relative
}

.values-artist {
    aspect-ratio: 9/14;
    border-radius: .84rem;
    width: 9.2rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden
}

.values-widget {
    position: absolute
}

.values-widget.s1 {
    width: 7rem;
    inset: 24% auto auto 12%
}

.values-widget.s2 {
    width: 4rem;
    inset: 12% 16% auto auto
}

.values-widget.s3 {
    width: 8rem;
    inset: auto 12% 12% auto
}

.values-artist-info {
    justify-content: space-between;
    align-items: center;
    padding: .64rem;
    display: flex;
    position: absolute;
    inset: auto 0% 0%
}

.values-artist-name-block {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.values-artist-name {
    font-size: .62rem
}

.artist-badge {
    justify-content: center;
    align-items: center;
    width: .6rem;
    height: .6rem;
    display: flex
}

.artist-calendar-svg {
    justify-content: center;
    align-items: center;
    width: .94rem;
    height: .94rem;
    display: flex
}

.creators-video-area {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

/* .container {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6.8rem;
    padding-right: 6.8rem;
    position: relative
} */

.container.creators-s {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 12rem;
    padding-left: 12rem;
    padding-right: 12rem;
    display: flex
}

/* .container.fans-benefits-s {
    padding-top: 6rem;
    padding-left: 10rem;
    padding-right: 10rem;
    position: relative
} */

.container.cta-s {
    padding-bottom: 10rem;
    padding-left: 15rem;
    padding-right: 15rem
}

.container.why-us-s {
    grid-column-gap: var(--_sizes---content-space--2xl);
    grid-row-gap: var(--_sizes---content-space--2xl);
    flex-flow: column;
    padding-bottom: 5rem;
    padding-left: 15rem;
    padding-right: 15rem;
    display: flex
}

.container.invest-s {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 6rem;
    display: flex
}

.container.reviews-s {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
    flex-flow: column;
    padding-top: 5rem;
    padding-bottom: 10rem;
    display: flex;
    overflow: hidden
}

.container.footer-s {
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 14rem;
    padding-bottom: 2rem;
    display: flex
}

.container.slider-test-s {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex
}

.container.creator-hero-s {
    padding-top: 10rem;
    padding-bottom: 10rem
}

.container.monetize-s {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    padding-bottom: 6rem;
    display: flex
}

.container.featrues-s {
    grid-column-gap: var(--_sizes---content-space--2xl);
    grid-row-gap: var(--_sizes---content-space--2xl);
    flex-flow: column;
    padding-top: 6rem;
    padding-bottom: 4rem;
    display: flex
}

.container.tools-s {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425c4_tools-bg.png);
    background-position: 50% -120%;
    background-repeat: no-repeat;
    background-size: 122%;
    padding-top: 20rem;
    padding-bottom: 4rem
}

.container.cta-banner-s {
    grid-column-gap: 5.8rem;
    grid-row-gap: 5.8rem;
    flex-flow: column;
    padding-top: 10rem;
    padding-bottom: 10rem;
    display: flex
}

.container.fan-hero-s {
    padding-top: 26rem
}

.container.discover-s {
    grid-column-gap: var(--_sizes---content-space--2xl);
    grid-row-gap: var(--_sizes---content-space--2xl);
    flex-flow: column;
    padding-top: 12rem;
    padding-bottom: 6rem;
    display: flex
}

.container.engage-s {
    grid-column-gap: var(--_sizes---content-space--2xl);
    grid-row-gap: var(--_sizes---content-space--2xl);
    flex-flow: column;
    padding-top: 6rem;
    padding-bottom: 6rem;
    display: flex
}

.container.connect-s {
    grid-column-gap: var(--_sizes---content-space--2xl);
    grid-row-gap: var(--_sizes---content-space--2xl);
    flex-flow: column;
    padding-top: 12rem;
    padding-bottom: 6rem;
    display: flex
}

.container.support-s {
    grid-column-gap: 8.8rem;
    grid-row-gap: 8.8rem;
    flex-flow: column;
    padding-top: 6rem;
    padding-bottom: 6rem;
    display: flex
}

.container.about-hero-s {
    padding-top: 10rem;
    padding-bottom: 10rem
}

.container.started-s {
    padding-top: 4rem;
    padding-bottom: 10rem
}

.container.spotlight-s {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    padding-top: 10rem;
    padding-bottom: 4rem;
    display: flex
}

.container.fans-s {
    grid-column-gap: 24rem;
    grid-row-gap: 24rem;
    flex-flow: column;
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: flex
}

.container.contact-s {
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 10rem;
    padding-bottom: 10rem;
    display: flex
}

.container.press-s {
    grid-column-gap: 6.8rem;
    grid-row-gap: 6.8rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 6.8rem;
    padding-bottom: 6.8rem;
    display: flex
}

.container.copyright-s {
    grid-column-gap: var(--_sizes---content-space--2xl);
    grid-row-gap: var(--_sizes---content-space--2xl);
    flex-flow: column;
    padding-top: 14rem;
    padding-bottom: 14rem;
    display: flex
}

.container.invest-hero-s {
    z-index: 100;
    padding-top: 12rem;
    padding-bottom: 4rem
}

.container.why-we-s {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/68357f0dc41873e8f677d239_why-we-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-flow: column;
    padding-top: 10rem;
    padding-bottom: 10rem;
    display: flex
}

.container.stat-s {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10rem;
    padding-bottom: 10rem;
    display: flex
}

.container.opport-s {
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 10rem;
    padding-bottom: 5rem;
    display: flex
}

.container.invest-cta-s {
    z-index: 100;
    pointer-events: none;
    padding-top: 5rem;
    padding-bottom: 10rem
}

.container.invest-contact-s {
    justify-content: flex-end;
    align-items: center;
    padding-top: 14rem;
    padding-bottom: 10rem;
    display: flex
}

.headline-h2 {
    font-family: Montserrat,   sans-serif;
    font-size: var(--_fonts---headline--h2);
    line-height: var(--_fonts---line-height--120);
    font-weight: 700
}

.body-regular-l {
    font-size: var(--_fonts---body--l);
    line-height: var(--_fonts---line-height--130)
}

.body-regular-l.white {
    color: var(--base--white)
}

.creators-slider-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 12rem;
    padding-bottom: 8rem;
    display: flex
}

.cs-slider {
    position: relative
}

.cs-slider.creators-s {
    aspect-ratio: 28/36;
    width: 27rem
}

.cs-slider.fanas-benefits-s {
    aspect-ratio: 80/32;
    width: 95rem;
    margin-left: auto
}

@media only screen and (max-width: 480px) {
    .cs-slider.fanas-benefits-s {
    aspect-ratio: 80/32;
    width: 36rem;
    margin-left: auto
}
}

.cs-slider.reviews-s {
    aspect-ratio: 27.2/28.8;
    width: 27rem
}

.cs-slider.slider-test-s {
    aspect-ratio: 27.2/28.8;
    width: 27rem;
    display: flex
}

.cs-slider.tab-slider-s,
.cs-slider.opport-s {
    aspect-ratio: 27/39.4;
    width: 27.4rem;
    display: flex
}

.cs-slide {
    cursor: grab;
    position: absolute
}

.cs-slide.creators-s,
.cs-slide.fans-benefits-s,
.cs-slide.reviews-s {
    width: 100%;
    height: 100%
}

.cs-slide.reviews-s:active {
    cursor: grabbing
}

.cs-slide.slider-test-s {
    flex: none;
    width: 100%;
    height: 100%;
    margin-right: 1.1rem;
    position: relative
}

.cs-slide.slider-test-s:active {
    cursor: grabbing
}

.cs-slide.tab-slider-s {
    margin-right: var(--_sizes---content-space--l);
    flex: none;
    width: 100%;
    height: 100%;
    position: relative
}

.cs-slide.tab-slider-s:active {
    cursor: grabbing
}

.cs-slide.reviews-s-copy {
    width: 20rem;
    height: 20rem;
    position: relative
}

.cs-slide.reviews-s-copy:active {
    cursor: grabbing
}

.cs-slide.opport-s {
    margin-right: var(--_sizes---content-space--l);
    flex: none;
    width: 100%;
    height: 100%;
    position: relative
}

.cs-slide.opport-s:active {
    cursor: grabbing
}

.creators-slide-content {
    border-radius: var(--_sizes---corner-radius--m);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 2.86rem;
    padding-bottom: 2.86rem;
    transition: opacity .2s, transform 2s cubic-bezier(.19, 1, .22, 1);
    display: flex;
    position: relative
}

.creators-slide-content.s1 {
    background-color: var(--base--white);
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342582_664f1151a4bae9d8dbbaf95adeea5ab4_creator-card-1.webp);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border-style: none
}

.creators-slide-content.s2 {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe3007134257f_823621b20a6be3edbb4980b7bd051b3b_creator-card-2.webp), linear-gradient(#f79c35, #f17532 50%, #ff5c01);
    background-position: 50% 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
    justify-content: flex-end;
    align-items: center;
    box-shadow: inset 0 0 1rem #fff3
}

.creators-slide-content.s3 {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe3007134257e_00dc8eb34784ba720aadb2d1544570a2_creator-card-3.webp), linear-gradient(#4c4d4f, #030712);
    background-position: 50% 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
    box-shadow: inset 0 0 1.4rem #ffffff1f
}

.body-medium-l {
    font-size: var(--_fonts---body--l);
    line-height: var(--_fonts---line-height--150);
    font-weight: 500
}

.cs-slider-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: none
}

.cs-slider-wrapper.creators-s {
    grid-column-gap: 4.68rem;
    grid-row-gap: 4.68rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.cs-slider-wrapper.fans-benefits-s {
    grid-column-gap: 4.2rem;
    grid-row-gap: 4.2rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.cs-slider-wrapper.slider-test-s {
    grid-column-gap: 4.68rem;
    grid-row-gap: 4.68rem;
    background-color: #f0c;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex
}

.cs-slider-wrapper.tab-slider-s {
    grid-column-gap: 4.68rem;
    grid-row-gap: 4.68rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex
}

.cs-slider-wrapper.reviews-s {
    grid-column-gap: 4.68rem;
    grid-row-gap: 4.68rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.cs-slider-wrapper.opport-s {
    grid-column-gap: 4.68rem;
    grid-row-gap: 4.68rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%
}

.cs-dots {
    grid-column-gap: .84rem;
    grid-row-gap: .84rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.cs-dot {
    border-top-left-radius: var(--_sizes---corner-radius--r);
    border-top-right-radius: var(--_sizes---corner-radius--r);
    border-bottom-left-radius: var(--_sizes---corner-radius--r);
    border-bottom-right-radius: var(--_sizes---corner-radius--r);
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    box-shadow: inset 0 .06944rem 0 0 #ffffff0d, 0 0 0 .06944rem #ffffff40, inset 0 -.06944rem 0 0 #0003
}

.cs-dot.creators-s {
    background-color: #373737;
    width: 3.3rem;
    height: .56rem
}

.cs-dot.creators-s.active {
    background-color: #dfdfdf
}

.creators-video-sticky {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: sticky;
    top: 0;
    overflow: hidden
}

.body-regular-m {
    font-size: var(--_fonts---body--m);
    line-height: var(--_fonts---line-height--140)
}

.body-regular-m.neutral-600 {
    color: var(--base--600)
}

.body-regular-m.neutral-300 {
    color: var(--base--300)
}

.body-regular-m.neutral-400 {
    color: var(--base--400)
}

.creators-end {
    justify-content: center;
    align-items: center;
    padding-top: 12rem;
    display: flex
}

.creators-video-js {
    display: none
}

.fans-benefits-slide {
    border-radius: var(--_sizes---corner-radius--m);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .56rem .56rem .56rem 2.78rem;
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), opacity .2s;
    display: flex
}

.fans-benefits-slide.s1 {
    background-image: linear-gradient(140deg, #dfece7, #dfece7)
}

.fans-benefits-slide.s2 {
    background-image: linear-gradient(140deg, #cee0ea, #cee0ea)
}

.fans-benefits-slide.s3 {
    background-color: var(--base--200)
}
.fans-benefits-slide.s4 {
    background-image: linear-gradient(140deg, #ebe9f1, #ebe9f1)
}

.fans-benefits-s-cover {
    aspect-ratio: 6.2/3.1;
    border-radius: var(--_sizes---corner-radius--s);
    background-color: #141414;
    height: 100%;
    position: relative;
    overflow: hidden
}

.fans-benefits-s-cover img{
object-fit: cover;
height: 100%;
}

.fans-benefits-s-cover.black {
    background-color: #000
}

.fans-benefits-s-cover.light-s {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342604_fan-phone-light.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.fans-benefits-s-text {
    width: 22rem;
    position: absolute;
    inset: auto auto 2.78rem 2.78rem
}

.fans-benefits-s-title.button-s {
    grid-column-gap: 7.5rem;
    grid-row-gap: 7.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: auto;
    margin-bottom: 2.2rem;
    display: flex
}

@media only screen and (max-width: 480px) {
    .fans-benefits-s-title.button-s {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}

}

.main-button {
    border-radius: var(--_sizes---corner-radius--r);
    background-color: var(--base--white);
    color: var(--jam--oil-black);
    font-size: var(--_fonts---buttons--s);
    line-height: var(--_fonts---line-height--140);
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    position: relative
}

.main-button:where(.w-variant-582576ad-2413-1b79-c70c-267848abf477),
.main-button:where(.w-variant-191f9b66-4dd5-58af-264e-0b9c03f22b9f) {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.main-button:where(.w-variant-1d942375-926f-22ae-dc01-448dd3540fdf) {
    padding: 1.25rem 6rem
}

.main-button:where(.w-variant-63bb24a2-7173-5374-d9fc-324ae27724cf) {
    border: var(--_sizes---stroke-line)solid var(--base--600);
    background-color: var(--base--transparent);
    color: var(--base--white);
    padding: 1.25rem 6rem
}

.main-button:where(.w-variant-c4db8237-389d-8101-e8c4-f25869920d7b) {
    border: var(--_sizes---stroke-line)solid var(--base--600);
    background-color: var(--base--transparent);
    color: var(--base--white);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.benefits-subheight {
    height: 600vh
}

.border-reference-js {
    display: none
}

.cta-card {
    padding-top: var(--_sizes---stroke-line);
    padding-right: var(--_sizes---stroke-line);
    padding-bottom: var(--_sizes---stroke-line);
    padding-left: var(--_sizes---stroke-line);
    aspect-ratio: 3.4/4.3;
    border-top-left-radius: var(--_sizes---corner-radius--m);
    border-top-right-radius: var(--_sizes---corner-radius--m);
    border-bottom-left-radius: var(--_sizes---corner-radius--m);
    border-bottom-right-radius: var(--_sizes---corner-radius--m);
    transform-style: preserve-3d;
    background-image: linear-gradient(#ffffff5c, #fff);
    width: 100%;
    transition-property: transform;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    position: relative
}

.cta-front-card {
    backface-visibility: hidden;
    border-radius: calc(var(--_sizes---corner-radius--m) - var(--_sizes---stroke-line));
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 3.3rem;
    display: flex;
    position: relative;
    transform: rotate(0)
}

.cta-front-card.s1 {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342586_8d6a9bd5efbab4b3b6ad4c0a1c7a059b_cta-bg-1.webp);
    overflow: hidden
}

.cta-front-card.s2 {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342584_d205412d5bbcd28888feb152e05732f7_cta-bg-2.webp);
    overflow: hidden
}

.cta-flip-button {
    z-index: 100;
    aspect-ratio: 1;
    border-style: solid;
    border-width: var(--_sizes---stroke-line);
    border-radius: var(--_sizes---corner-radius--r);
    backface-visibility: hidden;
    cursor: pointer;
    background-color: #00000024;
    border-color: #ffffff40;
    justify-content: center;
    align-items: center;
    width: 3.8rem;
    margin-left: auto;
    margin-right: auto;
    transition: transform .4s cubic-bezier(.175, .885, .32, 1.275);
    display: flex;
    position: absolute;
    top: 10%;
    left: 0%;
    right: 0%;
    transform: rotate(0)
}

.cta-flip-button:hover {
    transform: scale(1.2)
}

.cta-flip-button.close {
    transform: rotate(45deg)
}

.cta-open-svg {
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    height: 1.6rem;
    display: flex
}

.headline-h3 {
    font-family: Montserrat,   sans-serif;
    font-size: var(--_fonts---headline--h3);
    line-height: var(--_fonts---line-height--110);
    font-weight: 700
}

.headline-h3.white-50 {
    color: var(--base--white-50)
}

.cta-back-card {
    z-index: 100;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    border-radius: 1.55rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 3.3rem;
    transition: all .7s;
    display: flex;
    position: absolute;
    inset: 0%;
    transform: rotateX(0)rotateY(180deg)rotate(0)
}

.cta-back-card.blue {
    background-color: #2f75fd
}

.cta-back-card.orange {
    background-color: var(--jam--orange)
}

.cta-js {
    display: none
}

.wave-line-default {
    border-style: solid;
    border-width: var(--_sizes---stroke-line);
    opacity: 0;
    border-color: #ffffff3d;
    width: 100%;
    height: 100%;
    position: absolute
}

.wave-line-default.navbar-s {
    border-style: solid;
    border-width: var(--_sizes---stroke-line);
    border-radius: var(--_sizes---corner-radius--r);
    border-color: #ffffff2e
}

.wave-line-default.navbar-s.change {
    border-color: #00000014
}

.wave-line-default.cta-s,
.wave-line-default.fans-benefits-s,
.wave-line-default.creators-s {
    border-color: #ffffff52
}

.why-us-card {
    aspect-ratio: 1;
    border-radius: var(--_sizes---corner-radius--m);
    width: 100%
}

.why-us-card.s1 {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.why-us-card.s2 {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342583_why-us-card-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.why-us-trail {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    flex-flow: column;
    flex: none;
    width: 100%;
    display: flex
}

.why-us-taril-cards {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    flex-flow: column;
    flex: none;
    display: flex
}

.why-us-taril-card {
    aspect-ratio: 12/20;
    border-radius: 1rem;
    flex: none;
    overflow: hidden
}

.why-us-trail-area {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    justify-content: center;
    align-items: center;
    width: 110%;
    height: 110%;
    display: flex;
    position: absolute
}

.why-us-move-css {
    display: none
}

.why-us-inner-shadow {
    z-index: 1000;
    border-radius: var(--_sizes---corner-radius--m);
    pointer-events: none;
    position: absolute;
    inset: 0%;
    box-shadow: inset 0 0 2rem #ffffff6b
}

.why-us-trail-flex {
    width: 33.33%;
    height: 100%
}

.why-us-trail-flex.down {
    justify-content: center;
    align-items: flex-end;
    display: flex
}

.why-us-avatar-position {
    aspect-ratio: 1;
    width: 5rem;
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), opacity .4s;
    position: absolute
}

.why-us-avatar-position.s1 {
    width: 2.4rem;
    inset: 11% auto auto 15%;
    transform: rotate(-30deg)
}

.why-us-avatar-position.s2 {
    width: 2.4rem;
    inset: 27% auto auto 6%
}

.why-us-avatar-position.s3 {
    width: 3.8rem;
    inset: 46% auto auto 6%;
    transform: rotate(-5deg)
}

.why-us-avatar-position.s4 {
    width: 2.4rem;
    inset: 60% auto auto 21%
}

.why-us-avatar-position.s5 {
    width: 3rem;
    inset: 73% auto auto 7%;
    transform: rotate(10deg)
}

.why-us-avatar-position.s6 {
    width: 4rem;
    inset: 74% auto auto 30%;
    transform: rotate(-15deg)
}

.why-us-avatar-position.s7 {
    width: 2.4rem;
    inset: auto 42% 5% auto
}

.why-us-avatar-position.s8 {
    width: 3.8rem;
    inset: auto 27% 20% auto;
    transform: rotate(-30deg)
}

.why-us-avatar-position.s9 {
    width: 2.4rem;
    inset: auto 10% 8% auto
}

.why-us-avatar-position.s10 {
    width: 2.4rem;
    inset: auto 5% 29% auto;
    transform: rotate(-10deg)
}

.why-us-avatar-position.s11 {
    width: 3rem;
    inset: auto 17% 39% auto;
    transform: rotate(10deg)
}

.why-us-avatar-position.s12 {
    width: 3.8rem;
    inset: auto 25% 56% auto;
    transform: rotate(15deg)
}

.why-us-avatar-position.s13 {
    width: 2.8rem;
    inset: auto 7% 58% auto;
    transform: rotate(25deg)
}

.why-us-avatar-position.s14 {
    width: 2.4rem;
    inset: auto 12% 80% auto;
    transform: rotate(-6deg)
}

.why-us-avatar-position.s15 {
    width: 2.8rem;
    inset: auto 28% 77% auto;
    transform: rotate(-15deg)
}

.why-us-avatar-position.s16 {
    width: 2.4rem;
    inset: 25% 44% auto auto
}

.why-us-avatar-position.s17 {
    width: 3.8rem;
    inset: 10% 56% auto auto;
    transform: rotate(14deg)
}

.why-us-avatar-position.s18 {
    width: 3.8rem;
    inset: 28% 65% auto auto;
    transform: rotate(4deg)
}

.why-us-avatar-position.s19 {
    width: 2.4rem;
    inset: 6% 41% auto auto;
    transform: rotate(-6deg)
}

.avarars-js,
.invest-sc {
    display: none
}

.invest-top-block {
    z-index: 100;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative
}

.invest-avatars {
    padding-top: var(--_sizes---content-space--2xl);
    padding-bottom: var(--_sizes---content-space--2xl);
    display: flex
}

.invest-avatar {
    aspect-ratio: 1;
    border: var(--_sizes---stroke-line)solid var(--base--100);
    border-radius: 1.8rem;
    width: 7rem;
    overflow: hidden
}

.invest-avatar.s2 {
    border-style: none;
    position: absolute;
    box-shadow: 0 0 1rem #0003
}

.invest-down-block {
    z-index: 100;
    position: relative
}

.invest-d-headline {
    font-family: Montserrat,   sans-serif;
    font-size: 2.2rem;
    line-height: var(--_fonts---line-height--160);
    font-weight: 700
}

.gradient-span {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #ff5c02, #ff8c29);
    -webkit-background-clip: text;
    background-clip: text
}

.reviews-sc {
    z-index: 100;
    position: relative
}

.reviews-slide-card {
    padding: var(--_sizes---content-space--l);
    border-radius: var(--_sizes---corner-radius--m);
    background-color: var(--base--white);
    width: 100%;
    height: 100%;
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), opacity .2s;
    position: relative
}

.reviews-slide-content {
    grid-column-gap: var(--_sizes---content-space--s);
    grid-row-gap: var(--_sizes---content-space--s);
    flex-flow: column;
    height: 100%;
    transition: opacity .2s;
    display: flex
}

.review-author {
    grid-column-gap: var(--_sizes---content-space--s);
    grid-row-gap: var(--_sizes---content-space--s);
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative
}

.review-avatar {
    aspect-ratio: 1;
    border-radius: 50%;
    width: 3.8rem;
    overflow: hidden
}

.review-author-name {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.verefication-tag {
    aspect-ratio: 1;
    width: 1.2rem
}

.review-date {
    display: none
}

.review-media-icon {
    aspect-ratio: 1;
    width: 1.66rem;
    position: absolute;
    right: 0%
}

.blue-span {
    color: var(--jam--blue)
}

.review-icon-svg {
    justify-content: center;
    align-items: center;
    display: flex
}

.review-social-info {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
    justify-content: flex-start;
    align-items: center;
    margin-top: auto;
    display: flex
}

.review-info-svg {
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex
}

.r-social-component {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    display: flex
}

.review-text {
    margin-bottom: auto
}

.cs-slider-buttons.reviews-s {
    justify-content: space-between;
    align-items: center;
    width: 72rem;
    display: flex;
    position: absolute
}

.cs-slider-buttons.slider-test-s {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
}

.cs-slider-button-prev.reviews-button {
    transition: background-color .2s, transform .4s cubic-bezier(.175, .885, .32, 1.275);
    position: relative
}

.cs-slider-button-prev.reviews-button:hover {
    transform: scale(1.2)
}

.cs-slider-button-prev.reviews-button:active {
    background-color: #ffffff1f
}

.cs-slider-button-prev.slider-test-button {
    transition: transform .4s cubic-bezier(.175, .885, .32, 1.275)
}

.cs-slider-button-prev.slider-test-button:hover {
    transform: scale(1.2)
}

.cs-slider-button-next.reviews-button {
    transition: background-color .2s, transform .4s cubic-bezier(.175, .885, .32, 1.275)
}

.cs-slider-button-next.reviews-button:hover {
    transform: scale(1.2)
}

.cs-slider-button-next.reviews-button:active {
    background-color: #ffffff1f
}

.cs-slider-button-next.slider-test-button {
    transition: transform .4s cubic-bezier(.175, .885, .32, 1.275)
}

.cs-slider-button-next.slider-test-button:hover {
    transform: scale(1.2)
}

.reviews-button {
    aspect-ratio: 1;
    border-style: solid;
    border-width: var(--_sizes---stroke-line);
    box-shadow: inset 0 var(--_sizes---stroke-line)0 0 #ffffff1a;
    border-color: #ffffff0f;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 3.8rem;
    display: flex
}

.reviews-slider-arrow {
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    height: 1.6rem;
    display: flex
}

.footer-bg {
    aspect-ratio: 100/57;
    background-image: linear-gradient(180deg, var(--jam--oil-black), var(--base--transparent)10%), linear-gradient(90deg, var(--jam--oil-black), var(--base--transparent)35%, var(--base--transparent)65%, var(--jam--oil-black)), url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342585_footer-bg.png);
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, contain;
    width: 100%;
    position: absolute;
    bottom: 0
}

.footer-bg-flex {
    pointer-events: none;
    justify-content: center;
    align-items: flex-end;
    max-width: 100rem;
    height: 300vh;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
    overflow: hidden
}

.footer-brand {
    z-index: 10;
    width: 19.8rem;
    transition: transform .2s;
    position: relative
}

.footer-brand:hover {
    transform: scale(1.05)
}

.footer-content {
    z-index: 100;
    grid-column-gap: 4.4rem;
    grid-row-gap: 4.4rem;
    flex-flow: column;
    display: flex;
    position: relative
}

.footer-links {
    grid-column-gap: var(--_sizes---content-space--2xl);
    grid-row-gap: var(--_sizes---content-space--m);
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 51rem;
    display: flex
}

.page-links-list {
    grid-column-gap: var(--_sizes---content-space--s);
    grid-row-gap: var(--_sizes---content-space--s);
    flex-flow: column;
    display: flex
}

.page-links-items {
    grid-column-gap: .56rem;
    grid-row-gap: .56rem;
    flex-flow: column;
    display: flex
}

.page-links-items.media {
    grid-column-gap: 1.12rem;
    grid-row-gap: 1.12rem;
    flex-flow: row
}

.footer-nav-link {
    color: var(--base--white);
    font-size: var(--_fonts---buttons--s);
    line-height: var(--_fonts---line-height--140);
    font-weight: 500;
    text-decoration: none
}

.footer-nav-link:hover {
    text-decoration: underline
}

.media-link {
    aspect-ratio: 1;
    box-shadow: inset 0 var(--_sizes---stroke-line)0 0 #ffffff1f;
    background-color: #ffffff14;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 3.3rem;
    transition: transform .4s cubic-bezier(.175, .885, .32, 1.275);
    display: flex;
    position: relative
}

.media-link:hover {
    transform: scale(1.1)
}

.media-link-svg {
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    height: 1.6rem;
    display: flex
}

.footer-down-block {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.footer-down-link {
    color: var(--base--white)
}

.cta-card-descript {
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    top: 2rem
}

.set-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    padding: 10rem;
    display: flex
}

.set-window {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    border-radius: var(--_sizes---corner-radius--l);
    background-color: var(--base--white);
    flex-flow: column;
    padding: 6rem;
    display: flex
}

.set-window.headlines {
    color: var(--base--950);
    font-family: Montserrat,   sans-serif;
    font-size: var(--_fonts---headline--h2);
    line-height: var(--_fonts---line-height--100);
    text-align: center;
    font-weight: 700
}

.set-window.body-text {
    color: var(--base--950);
    font-family: Montserrat,   sans-serif;
    font-size: var(--_fonts---body--l);
    line-height: var(--_fonts---line-height--100);
    text-align: center;
    font-weight: 700
}

.set-name {
    color: var(--base--950);
    text-align: center
}

.pair-card-view {
    width: 50%
}

.pair-card-view.s1.cta-s,
.pair-card-view.s2.cta-s {
    perspective: 120rem
}

.pair-cards {
    display: flex
}

.pair-cards.cta-s,
.pair-cards.why-us-s {
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l)
}

.review-slide-view {
    width: 100%;
    height: 100%;
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), opacity .2s
}

.main-button-wrapper {
    flex: none;
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), opacity .2s
}

.main-button-wrapper:where(.w-variant-191f9b66-4dd5-58af-264e-0b9c03f22b9f) {
    width: 100%
}

.word-span {
    opacity: 0;
    filter: blur(.3rem);
    transform-origin: 50% 0;
    transition: filter .6s, opacity .4s, transform 3s cubic-bezier(.19, 1, .22, 1);
    transform: translateY(30%)
}

.word-span.view {
    opacity: 100;
    filter: blur(0);
    transform: translate(0)scale(1)
}

.invest-bg {
    aspect-ratio: 100/51.8;
    background-image: linear-gradient(180deg, var(--jam--oil-black), var(--base--transparent)10%, var(--base--transparent)90%, var(--jam--oil-black)), url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342588_invest-bg.png);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    width: 100%;
    max-width: 100rem;
    position: absolute
}

.invest-descript-blur {
    z-index: -1;
    background-color: var(--jam--oil-black);
    opacity: .7;
    filter: blur(4rem);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -14%
}

.why-us-video-embed {
    width: 100%;
    height: 100%;
    position: relative
}

.screen-video-embed {
    width: 100%;
    height: 100%;
    position: absolute
}

.reviews-button-line {
    border: var(--_sizes---stroke-line)solid var(--base--white);
    border-radius: var(--_sizes---corner-radius--r);
    width: 100%;
    height: 100%;
    position: absolute
}

.body-line-span {
    opacity: 0;
    filter: blur(.2rem);
    transition: filter .6s, opacity .8s, transform 3s cubic-bezier(.19, 1, .22, 1);
    transform: translateY(50%)
}

.body-line-span.view {
    opacity: 100;
    filter: blur(0);
    transform: translate(0)
}

.iphone-pop-area {
    z-index: 30;
    will-change: transform;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding-left: 4.4%;
    padding-right: 4.4%;
    display: flex;
    position: absolute;
    overflow: hidden
}

.div-block {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425a6_Hero.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex
}

.carousel {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    perspective: 60rem;
    transform-style: preserve-3d;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
    transform: rotateX(16deg)rotateY(0)rotate(18deg)
}

.carousel.invest-s {
    transform: rotate(0)
}

.card {
    aspect-ratio: 14/30;
    cursor: grab;
    transform-style: preserve-3d;
    -webkit-user-select: none;
    user-select: none;
    border-radius: .84rem;
    width: 9.7rem;
    position: absolute;
    overflow: hidden
}

.card:active {
    cursor: grabbing
}

.card.invest-s {
    aspect-ratio: 1;
    width: 14rem
}

.display-l {
    font-family: Montserrat,   sans-serif;
    font-size: var(--_fonts---headline--display-l);
    line-height: var(--_fonts---line-height--100);
    font-weight: 700
}

.crator-hero-cards {
    aspect-ratio: 1;
    width: 46rem;
    position: absolute;
    top: 3%;
    right: 6.8rem
}

.creator-hero-card {
    pointer-events: auto;
    position: absolute
}

.creator-hero-card.s1 {
    z-index: 100;
    inset: 27% auto auto 0%;
    transform: rotate(12deg)
}

.creator-hero-card.s2 {
    z-index: 50;
    inset: 27% auto auto 30%;
    transform: rotate(20deg)
}

.creator-hero-card.s3 {
    z-index: 10;
    inset: 47% auto auto 54%;
    transform: rotate(38deg)
}

.creator-hero-card-image {
    aspect-ratio: 1.8/2;
    background-color: var(--base--800);
    border-radius: 2.78rem;
    width: 18rem;
    overflow: hidden;
    box-shadow: 0 1rem 2.8rem #0006
}

.creator-money {
    position: absolute
}

.creator-money.s1 {
    z-index: 20;
    width: 19.5rem;
    inset: auto 24% 1% auto
}

.creator-money.s2 {
    z-index: 20;
    width: 13.6rem;
    inset: auto -8% 3% auto
}

.monetize-banner {
    border: var(--_sizes---stroke-line)solid var(--other--stroke-color);
    border-radius: var(--_sizes---corner-radius--m);
    background-color: var(--jam--secondary-black);
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425ab_1504cf6c4514056a1ef9f4a5bbef7da5_banner-light.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: flex-end;
    align-items: center;
    padding: 6.25rem 5rem;
    display: flex;
    position: relative
}

.monetize-banner-text {
    grid-column-gap: var(--_sizes---content-space--xl);
    grid-row-gap: var(--_sizes---content-space--xl);
    flex-flow: column;
    width: 30.5rem;
    display: flex
}

.monetize-text-alert {
    grid-column-gap: .56rem;
    grid-row-gap: .56rem;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.monetize-alert-svg {
    width: 1.38rem;
    height: 1.38rem
}

.monetize-title-text {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    flex-flow: column;
    display: flex
}

.monetize-phone-area {
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    width: 48%;
    display: flex;
    position: absolute;
    inset: auto auto 0% 0%
}

.monetize-phone {
    z-index: 10;
    width: 39.5%;
    position: relative
}

.m-coin {
    position: absolute
}

.m-coin.s1 {
    width: 18%;
    top: 3%
}

.m-coin.s2 {
    width: 29%;
    top: 22%;
    left: 12%
}

.m-coin.s3 {
    width: 19.5%;
    inset: 41% 20.5% auto auto
}

.m-coin.s4 {
    width: 41%;
    inset: auto auto 0% -3%
}

.m-coin.s5 {
    z-index: 15;
    width: 41%;
    inset: auto -1% 3% auto
}

.monetize-headline {
    font-family: Montserrat,   sans-serif;
    font-size: var(--_fonts---headline--h2);
    line-height: var(--_fonts---line-height--120);
    flex-flow: column;
    display: flex
}

.monetize-span.s1 {
    position: relative;
    right: 7.4rem
}

.monetize-content {
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    flex-flow: column;
    display: flex
}

.monetize-benefits {
    border: var(--_sizes---stroke-line)solid var(--other--stroke-color);
    border-radius: var(--_sizes---corner-radius--m);
    background-color: var(--jam--secondary-black);
    grid-template-rows: auto;
    grid-template-columns: 1fr .1rem 1fr .1rem 1fr .1rem 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    display: grid;
    position: relative
}

.m-benefits-card {
    padding: var(--_sizes---content-space--l)var(--_sizes---content-space--m);
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), opacity .2s;
    display: flex
}

.m-benenefits-tags {
    grid-column-gap: var(--_sizes---content-space--xs);
    grid-row-gap: var(--_sizes---content-space--xs);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 13rem;
    display: flex
}

.m-benenefits-tag {
    border-style: solid;
    border-width: var(--_sizes---stroke-line);
    border-radius: var(--_sizes---corner-radius--r);
    font-size: var(--_fonts---body--m);
    line-height: var(--_fonts---line-height--150);
    text-align: center;
    background-image: linear-gradient(#fd8516, #ce4700);
    border-color: #ffffff3d;
    padding: .84rem 1.68rem;
    font-weight: 500
}

.m-benenefits-line {
    width: var(--_sizes---stroke-line);
    background-color: var(--base--white);
    opacity: .12;
    height: 80%
}

.div-block-2 {
    width: 100%;
    display: none;
    position: relative
}

.tab-slide-content {
    padding: var(--_sizes---content-space--l);
    border-radius: var(--_sizes---content-space--l);
    background-color: var(--other--stroke-color);
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100%;
    display: flex;
    box-shadow: inset 0 0 2rem #fff3
}

.tab-slide-content.first-s {
    padding: var(--_sizes---content-space--l);
    box-shadow: none;
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425b2_tab-slide-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.tab-slide-content.blue {
    background-image: linear-gradient(164deg, #214b84, #060f1c)
}

.tab-slide-content.red {
    background-image: linear-gradient(164deg, #842222, #1c1107)
}

.tab-slide-content.purple {
    background-image: linear-gradient(164deg, #5e1b61, #1d1019)
}

.tab-slide-content.sand {
    background-image: linear-gradient(164deg, #be733a, #5b3721)
}

.tab-slide-content.green {
    background-image: linear-gradient(164deg, #21461c, #0b1e10)
}

.tab-slide-content.aqua {
    background-image: linear-gradient(164deg, #1d6a77, #113537)
}

.tab-slide-content.dark-purple {
    background-image: linear-gradient(164deg, #271d45, #120b1d)
}

.tab-slide-content.dark-green {
    background-color: #1d1d1d
}

.tab-slide-main-title {
    margin-bottom: auto
}

.headline-h4 {
    font-family: Montserrat,   sans-serif;
    font-size: var(--_fonts---headline--h4);
    line-height: var(--_fonts---line-height--120);
    font-weight: 700
}

.headline-h4.white-50 {
    color: var(--base--white-50)
}

._w-tab-slider {
    aspect-ratio: 22/26.5;
    background-color: var(--jam--oil-black);
    pointer-events: none;
    border-radius: 1.58rem;
    width: 100%;
    height: auto
}

._w-tab-slider.min-s {
    aspect-ratio: 22/24
}

._w-tab-slider-mask {
    height: 100%
}

._w-tab-slider-nav {
    grid-column-gap: .84rem;
    grid-row-gap: .84rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 1.2rem 1.68rem auto auto
}

.slider-arrow {
    display: none
}

._w-tab-slide {
    width: 100%;
    height: 100%
}

._w-slide-content {
    padding-top: var(--_sizes---content-space--m);
    padding-right: var(--_sizes---content-space--m);
    padding-left: var(--_sizes---content-space--m);
    grid-column-gap: 2.4rem;
    grid-row-gap: 2.4rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

._w-tab-slide-phone {
    width: 18rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 0%
}

._w-tab-slider-tag {
    border-radius: var(--_sizes---corner-radius--r);
    background-color: var(--base--700);
    font-size: var(--_fonts---body--l);
    line-height: var(--_fonts---line-height--130);
    padding: .56rem 1.1rem;
    font-weight: 600
}

._w-tab-slider-tag.blue {
    background-image: linear-gradient(#54bcfe, #3c92fd)
}

._w-tab-slider-tag.orange {
    background-image: linear-gradient(#fc9547, #f65f27)
}

._w-tab-slider-tag.green {
    background-image: linear-gradient(#78e572, #2bb138)
}

._w-tab-slider-tag.purple {
    background-image: linear-gradient(#7b53ff, #803dfe)
}

._w-tab-slide-title {
    grid-column-gap: var(--_sizes---content-space--s);
    grid-row-gap: var(--_sizes---content-space--s);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex
}

.tab-slide-title {
    grid-column-gap: var(--_sizes---content-space--xs);
    grid-row-gap: var(--_sizes---content-space--xs);
    flex-flow: column;
    display: flex
}

._w-tab-slider-wrapper {
    padding-bottom: .62rem;
    padding-left: .62rem;
    padding-right: .62rem;
    position: absolute;
    inset: auto 0% 0%
}

.tab-slide-phone {
    width: 22.4rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 0%
}

.slider-tabs {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.slider-tabs-menu {
    border: var(--_sizes---stroke-line)solid var(--other--stroke-color);
    border-radius: var(--_sizes---corner-radius--r);
    background-color: #1d1d1d;
    padding: .28rem;
    display: flex;
    position: relative
}

.slider-tabs-content {
    width: 100%;
    padding-top: 3.6rem;
    overflow: visible
}

.slider-tab-link {
    z-index: 10;
    border-radius: var(--_sizes---corner-radius--r);
    background-color: var(--base--transparent);
    color: var(--base--400);
    font-size: var(--_fonts---body--m);
    line-height: var(--_fonts---line-height--150);
    cursor: pointer;
    padding: 1rem 1.1rem;
    transition: color .2s
}

.slider-tab-link:hover {
    color: var(--base--white)
}

.slider-tab-link.w--current {
    background-color: var(--base--transparent);
    pointer-events: none;
    color: var(--base--white)
}

.slider-tab-link.active-tab {
    pointer-events: none;
    color: var(--base--white)
}

.tab-slide-image {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 0%
}

.tools-grid {
    grid-column-gap: var(--_sizes---content-space--xs);
    grid-row-gap: var(--_sizes---content-space--xs);
    border: var(--_sizes---stroke-line)solid var(--other--stroke-color);
    border-radius: var(--_sizes---corner-radius--m);
    background-image: linear-gradient(180deg, var(--base--transparent), #1e1e1e);
    padding: .56rem;
    display: flex
}

.tool-card {
    padding: var(--_sizes---content-space--m);
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    border-radius: var(--_fonts---body--s);
    background-color: #0c0c0c;
    flex-flow: column;
    display: flex
}

.tools-column {
    grid-column-gap: var(--_sizes---content-space--xs);
    grid-row-gap: var(--_sizes---content-space--xs);
    flex-flow: column;
    width: 33.33%;
    display: flex
}

.tools-icon {
    aspect-ratio: 1;
    background-image: linear-gradient(-45deg, #fc5c03, #fcb939);
    border-radius: .84rem;
    width: 4.4rem
}

.tool-card-text {
    grid-column-gap: .28rem;
    grid-row-gap: .28rem;
    flex-flow: column;
    display: flex
}

.cta-banner-sc {
    z-index: 200;
    position: relative
}

.cta-banner {
    border: var(--_sizes---stroke-line)solid var(--other--stroke-color);
    border-radius: var(--_sizes---corner-radius--l);
    background-color: #1e1e1e;
    padding: 4.4rem 3.3rem 3.3rem;
    position: relative
}

.cta-baner-headline {
    font-family: Montserrat,   sans-serif;
    font-size: var(--_fonts---headline--h1);
    line-height: var(--_fonts---line-height--120);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.cta-banner-span.s1 {
    position: relative;
    right: 16rem
}

.cta-banner-span.s2 {
    position: relative;
    left: 10rem
}

.cta-banner-text {
    grid-column-gap: var(--_sizes---content-space--xl);
    grid-row-gap: var(--_sizes---content-space--xl);
    flex-flow: column;
    width: 27rem;
    display: flex
}

.cta-banner-content {
    z-index: 100;
    grid-column-gap: 11.6rem;
    grid-row-gap: 11.6rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative
}

.cta-banner-phone {
    width: 55rem;
    position: absolute;
    inset: auto 5rem -39.6rem auto
}

.cta-banner-phone-area {
    border-bottom-left-radius: var(--_sizes---content-space--l);
    border-bottom-right-radius: var(--_sizes---content-space--l);
    pointer-events: none;
    height: 135rem;
    position: absolute;
    inset: auto 0% 0%;
    overflow: hidden
}

.cta-phone-mask {
    background-image: linear-gradient(180deg, var(--base--transparent)5%, var(--jam--oil-black));
    height: 24rem;
    position: absolute;
    inset: auto 0% 0%
}

.carousel-js {
    display: none
}

.span-neutral-400 {
    color: #a3a3a3
}

.fan-hero-bg {
    aspect-ratio: 10/6;
    background-image: linear-gradient(180deg, var(--base--transparent)90%, var(--jam--oil-black)), linear-gradient(90deg, var(--jam--oil-black), var(--base--transparent)10%, var(--base--transparent)90%, var(--jam--oil-black)), url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425c7_fan-hero-bg.png);
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, contain;
    position: absolute;
    inset: 0% 0% auto
}

.engage-cards {
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    display: flex;
    position: relative
}

.engage-card {
    padding: var(--_sizes---content-space--l);
    aspect-ratio: 27/38;
    border-radius: var(--_sizes---content-space--l);
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 33.33%;
    height: 100%;
    display: flex;
    position: relative;
    box-shadow: inset 0 0 2rem #fff3
}

.engage-card.purple {
    background-image: linear-gradient(164deg, #5e1b61, #1d1019)
}

.engage-card.sand {
    background-image: linear-gradient(164deg, #be733a, #4b2e1a 55%, #3a2315 68%, #452918 85%, #55321c)
}

.engage-card.dark-grey {
    background-color: #1d1d1d
}

.engage-card.double-s {
    width: 100%;
    height: 47%;
    overflow: hidden
}

.engage-card.aqua {
    background-image: linear-gradient(164deg, #1d6a77, #113537)
}

.engage-card-title {
    grid-column-gap: var(--_sizes---content-space--xs);
    grid-row-gap: var(--_sizes---content-space--xs);
    flex-flow: column;
    display: flex
}

.engage-card-phone {
    width: 22.4rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 0%
}

.engage-center-card {
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    aspect-ratio: 27/38;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 33.33%;
    height: 100%;
    display: flex;
    position: relative
}

.engage-vs-bg {
    position: absolute;
    inset: auto 0% 0%
}

.engage-vs-avatar-frame {
    z-index: 100;
    aspect-ratio: 1;
    border-radius: .84rem;
    width: 6.2rem;
    padding: .2rem;
    position: absolute
}

.engage-vs-avatar-frame.s1 {
    background-image: linear-gradient(180deg, var(--base--white), #05d5f2);
    transform: rotate(-16deg)
}

.engage-vs-avatar-frame.s2 {
    background-image: linear-gradient(166deg, var(--base--white), #f17531);
    transform: rotate(16deg)
}

.engage-vs-avatar {
    border-radius: .64rem;
    overflow: hidden
}

.likes-pop {
    width: 40%;
    position: absolute;
    inset: auto auto -8% 16%
}

.silver-award {
    width: 50%;
    position: absolute;
    inset: auto 10% -18% auto
}

.vs-point {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute
}

.vs-point.s1 {
    inset: auto auto 25% 26%
}

.vs-point.s2 {
    inset: auto 25% 26% auto
}

.support-cards {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.support-cards-column {
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    flex-flow: column;
    width: 27rem;
    display: flex
}

.support-card {
    border-style: solid;
    border-width: var(--_sizes---stroke-line);
    border-radius: var(--_sizes---corner-radius--l);
    border-color: #ffffff40;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 2rem #fff3
}

.support-card.mini {
    aspect-ratio: 27/13
}

.support-card.mini.violet {
    background-image: linear-gradient(170deg, #731d7b, #1d0c1a);
    overflow: visible
}

.support-card.mini.green {
    background-image: linear-gradient(170deg, #1f441a, #081b0d)
}

.support-card.big {
    aspect-ratio: 27/24
}

.support-card.big.aqua {
    background-image: linear-gradient(170deg, #196775, #0f3335)
}

.support-card.big.grey {
    background-color: #1d1d1d
}

.creator-hero-card-point {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.creator-hero-card-point.s1 {
    z-index: 100
}

.creator-hero-card-point.s2 {
    z-index: 50
}

.creator-hero-card-point.s3 {
    z-index: 10
}

.carousel-wrapper {
    z-index: 10;
    width: 30rem;
    height: 30rem;
    position: absolute;
    inset: 13rem 13rem auto auto
}

.carousel-wrapper.invest-s {
    width: 24rem;
    height: 24rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    inset: auto
}

.support-tag {
    border-radius: var(--_sizes---corner-radius--r);
    background-color: var(--base--700);
    font-size: var(--_fonts---body--l);
    line-height: var(--_fonts---line-height--130);
    padding: .56rem 1.1rem;
    font-weight: 600;
    display: inline-block
}

.support-tag.blue {
    background-image: linear-gradient(#54bcfe, #3c92fd)
}

.support-tag.orange {
    background-image: linear-gradient(#fc9547, #f65f27)
}

.support-tag.green {
    background-image: linear-gradient(#78e572, #2bb138)
}

.support-tag.purple {
    background-image: linear-gradient(#7b53ff, #803dfe)
}

.support-tag-position {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute
}

.support-tag-position.s1 {
    top: 40%;
    right: 16%
}

.support-tag-position.s2 {
    justify-content: center;
    align-items: center;
    display: flex;
    inset: 0%
}

.support-tag-position.s3 {
    inset: auto 0% 20%
}

.support-tag-position.s4 {
    inset: 16% 0% auto
}

.support-card-image {
    position: absolute
}

.support-card-image.s1 {
    width: 50%;
    inset: 10% auto 0% 8%
}

.support-card-image.s2 {
    width: 100%;
    height: 100%;
    inset: 0%
}

.support-card-image.s4 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    inset: auto 0% 0%
}

.support-coin {
    position: absolute
}

.support-coin.s1 {
    width: 48%;
    inset: -20% auto auto -4%
}

.support-coin.s2 {
    width: 48%;
    inset: -22% -3% auto auto
}

.support-coin.s3 {
    width: 22%;
    inset: 38% auto auto 22%
}

.support-coin.s4 {
    width: 22%;
    inset: 31% 26% auto auto
}

.support-coin.s5 {
    width: 16%;
    inset: auto 44% 5% auto
}

.div-block-3 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex
}

.code-embed-3 {
    display: none
}

.wave-line-infinity {
    border-style: solid;
    border-width: var(--_sizes---stroke-line);
    opacity: 0;
    border-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute
}

.wave-line-infinity:where(.w-variant-582576ad-2413-1b79-c70c-267848abf477) {
    border-color: #fffc
}

.wave-line-infinity.stroke-40 {
    border-color: #fff6
}

.creators-span-top-p,
.creators-span-down-p {
    width: 60rem
}

.nav-open-button {
    display: none
}

.creators-headline {
    flex-flow: column;
    display: flex
}

.slider-tabs-wrapper {
    flex-flow: column;
    align-items: center;
    display: flex
}

.slider-tabs-menu-o {
    position: absolute;
    left: -400vw
}

.slider-tab-selector {
    border-radius: var(--_sizes---corner-radius--r);
    pointer-events: none;
    background-image: linear-gradient(gray, #222);
    width: 10.4rem;
    height: 90%;
    transition: transform .4s, left .6s, width .6s;
    position: absolute;
    box-shadow: inset 0 -.1rem #000
}

.about-hero-cards {
    z-index: 5;
    justify-content: space-between;
    align-items: center;
    width: 80rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 10rem 0% auto
}

.about-hero-card {
    aspect-ratio: 24/30;
    width: 24rem;
    transform: rotate(0)
}

.about-hero-flip {
    border-radius: var(--_sizes---corner-radius--l);
    outline-offset: -.4rem;
    backface-visibility: hidden;
    outline: .4rem solid #fff6;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.about-hero-flip.back-s {
    transform-style: preserve-3d;
    position: absolute;
    inset: 0%;
    transform: rotateX(0)rotateY(180deg)rotate(0)
}

.about-hero-spin {
    display: none
}

.about-hero-card-position {
    perspective: 60rem;
    position: relative
}

.about-hero-card-position.s1 {
    top: 4rem;
    left: -14rem;
    transform: rotate(-20deg)
}

.about-hero-card-position.s2 {
    top: 8rem;
    right: -15rem;
    transform: rotate(8deg)
}

.about-hero-video {
    width: 100%;
    height: 100%;
    position: relative
}

.about-hero-bg {
    aspect-ratio: 100/52;
    background-image: linear-gradient(180deg, var(--base--transparent), var(--base--transparent)80%, var(--jam--oil-black)), linear-gradient(180deg, var(--jam--oil-black), var(--base--transparent)10%, var(--base--transparent)90%, var(--jam--oil-black)), url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425eb_about-hero-bg.png);
    pointer-events: none;
    background-position: 0 0, 0 0, 50% 0;
    background-size: auto, auto, contain;
    position: absolute;
    inset: 0% 0% auto
}

.about-hero-logo {
    aspect-ratio: 1;
    border-radius: var(--_sizes---content-space--m);
    width: 6.8rem;
    overflow: hidden;
    transform: rotate(8deg)
}

.about-hero-down {
    z-index: 10;
    padding-top: var(--_sizes---content-space--l);
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative
}

.subheadline-about-hero {
    font-size: 2.2rem;
    line-height: var(--_fonts---line-height--120);
    font-weight: 500
}

.space-line-span {
    background-color: var(--base--400);
    color: var(--base--400);
    width: .3rem;
    height: 2.8rem;
    padding: 0
}

.started-headline {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: center;
    display: flex
}

.started-top {
    padding-top: 20rem;
    position: relative
}

.how-started-cards {
    aspect-ratio: 1;
    width: 20rem;
    position: absolute;
    inset: auto 12rem -3rem auto
}

.how-started-card {
    aspect-ratio: 14/15;
    width: 14rem;
    position: absolute
}

.how-started-card.s1 {
    width: 15rem;
    inset: 0% auto auto 0%
}

.how-started-card.s2 {
    width: 17rem;
    inset: auto -41% -21% auto
}

.h-started-card-cover {
    border-radius: var(--_sizes---content-space--m);
    outline-offset: -.2rem;
    outline: .2rem solid #fff6;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.h-started-card-cover.s1 {
    transform: rotate(-4deg)
}

.h-started-card-cover.s2 {
    transform: rotate(12deg)
}

.started-down {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.started-content {
    grid-column-gap: 10rem;
    grid-row-gap: 10rem;
    flex-flow: column;
    width: 71rem;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.started-avatars {
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    width: 30rem;
    display: flex
}

.started-avatars-area {
    aspect-ratio: 1;
    border-radius: var(--_sizes---corner-radius--m);
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.started-avatar-position {
    aspect-ratio: 1;
    width: 5rem;
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), opacity .4s;
    position: absolute
}

.started-avatar-position.s1 {
    width: 2.4rem;
    inset: 11% auto auto 15%;
    transform: rotate(-30deg)
}

.started-avatar-position.s2 {
    width: 2.4rem;
    inset: 27% auto auto 6%
}

.started-avatar-position.s3 {
    width: 3.8rem;
    inset: 46% auto auto 6%;
    transform: rotate(-5deg)
}

.started-avatar-position.s5 {
    inset: 73% auto auto 7%;
    width: 4rem;
    inset: 74% auto auto 30%;
    transform: rotate(-15deg)
}

.started-avatar-position.s6 {
    width: 2.4rem;
    inset: auto 42% 5% auto
}

.started-avatar-position.s7 {
    width: 2.4rem;
    inset: auto 10% 8% auto
}

.started-avatar-position.s8 {
    width: 4rem;
    inset: auto 9% 23% auto;
    transform: rotate(-4deg)
}

.started-avatar-position.s9 {
    width: 2.8rem;
    inset: auto 11% 58% auto;
    transform: rotate(25deg)
}

.started-avatar-position.s10 {
    width: 2.4rem;
    inset: auto 12% 80% auto;
    transform: rotate(-6deg)
}

.started-avatar-position.s4 {
    width: 3rem;
    inset: 73% auto auto 7%;
    transform: rotate(10deg)
}

.started-avatar-position.s11 {
    width: 2.8rem;
    inset: auto 26% 73% auto;
    transform: rotate(-15deg)
}

.started-avatar-position.s12 {
    width: 2.4rem;
    inset: 50% 0% auto auto
}

.started-avatar-position.s13 {
    width: 3.8rem;
    inset: 10% 56% auto auto;
    transform: rotate(14deg)
}

.started-avatar-position.s14 {
    width: 2.4rem;
    inset: 6% 36% auto auto;
    transform: rotate(-6deg)
}

.started-avatars-blur {
    aspect-ratio: 1;
    border-radius: var(--_sizes---corner-radius--r);
    filter: blur(4rem);
    background-color: #232323;
    width: 30%
}

.started-phone {
    z-index: 100;
    width: 22.6rem;
    position: absolute
}

.started-avatars-bg {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425f0_started-avatars-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute
}

.subheadline-s {
    font-family: Montserrat,   sans-serif;
    font-size: var(--_fonts---subheadline--s);
    line-height: var(--_fonts---line-height--140);
    text-transform: uppercase;
    font-weight: 700
}

.subheadline-s.neutral-400 {
    color: var(--base--400)
}

.spotlights-cards {
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.spotlight-card-position {
    flex: none;
    transition: all 1.2s cubic-bezier(.696, .007, .316, .995);
    position: relative
}

.spotlight-card-position.s1 {
    aspect-ratio: 14/18;
    width: 14rem;
    transform: scale(.8)translate(103rem, -8rem)
}

.spotlight-card-position.s1.view {
    transform: scale(1)translate(0)
}

.spotlight-card-position.s2 {
    aspect-ratio: 14/12;
    width: 14rem;
    transform: scale(.8)translate(43rem, -39rem)
}

.spotlight-card-position.s2.view {
    transform: scale(1)translate(0)
}

.spotlight-card-position.s3 {
    aspect-ratio: 22/30;
    width: 22rem;
    transform: scale(.8)translate(24rem, -22rem)
}

.spotlight-card-position.s3.view {
    transform: scale(1)translate(0)
}

.spotlight-card-position.s4 {
    aspect-ratio: 22/30;
    width: 22rem;
    top: -16rem;
    transform: scale(.8)translate(6.5rem, -14rem)
}

.spotlight-card-position.s4.view {
    transform: scale(1)translate(0)
}

.spotlight-card-position.s5 {
    aspect-ratio: 22/22;
    width: 22rem;
    top: -8rem;
    transform: scale(.8)translate(-8.5rem, -29rem)
}

.spotlight-card-position.s5.view {
    transform: scale(1)translate(0)
}

.fans-card {
    border-radius: var(--_sizes---content-space--m);
    outline-offset: -.2rem;
    outline: .2rem solid #fff6;
    transition: all 1.2s cubic-bezier(.696, .007, .316, .995);
    overflow: hidden;
    box-shadow: 0 2px 2rem #0003
}

.fans-card.s1 {
    aspect-ratio: 18/20;
    width: 18rem
}

.fans-card.s2 {
    aspect-ratio: 18/28;
    width: 18rem
}

.fans-card.s3 {
    aspect-ratio: 18/20;
    width: 18rem
}

.fans-cards {
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    width: 34rem;
    display: flex;
    position: absolute;
    inset: 5rem 6.8rem auto auto
}

.fans-card-position {
    justify-content: center;
    align-items: center;
    transition: all 1.2s cubic-bezier(.696, .001, .304, .995);
    display: flex;
    position: absolute;
    transform: rotate(0)translate(0)
}

.fans-card-position.s1 {
    z-index: 20;
    transform: rotate(-14deg)translate(-18rem, 2rem)
}

.fans-card-position.s1.view {
    transform: rotate(8deg)translate(2rem, 14rem)
}

.fans-card-position.s2 {
    z-index: 10;
    transform: rotate(0)translate(-7rem, 4rem)
}

.fans-card-position.s2.view {
    transform: rotate(-8deg)translate(-16rem, 8rem)
}

.fans-card-position.s3 {
    z-index: 5;
    transform: rotate(26deg)translate(2rem, -2rem)
}

.fans-card-position.s3.view {
    transform: rotate(-4deg)translate(-55rem, 27rem)
}

.creators-video-embed {
    border: 0 solid #494949;
    border-radius: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: absolute;
    top: 0;
    overflow: hidden;
    transform: rotate(0)
}

.creators-video-embed.close {
    border-width: .5rem;
    border-radius: 2.4rem;
    width: 18rem;
    height: 32rem;
    transition-duration: 1s;
    transform: rotate(-14deg)
}

.fans-js {
    display: none
}

.form-wrapper {
    margin-bottom: 0
}

.contact-form {
    width: 40rem
}

.input {
    border-top-style: solid;
    border-top-width: var(--_sizes---stroke-line);
    border-top-color: var(--base--700);
    border-right-style: solid;
    border-right-width: var(--_sizes---stroke-line);
    border-right-color: var(--base--700);
    border-bottom-style: solid;
    border-bottom-width: var(--_sizes---stroke-line);
    border-bottom-color: var(--base--700);
    border-left-style: solid;
    border-left-width: var(--_sizes---stroke-line);
    border-left-color: var(--base--700);
    border-top-left-radius: var(--_sizes---content-space--s);
    border-top-right-radius: var(--_sizes---content-space--s);
    border-bottom-left-radius: var(--_sizes---content-space--s);
    border-bottom-right-radius: var(--_sizes---content-space--s);
    background-color: var(--base--transparent);
    color: var(--base--white);
    caret-color: var(--jam--orange);
    width: 100%;
    height: 3.8rem;
    margin-bottom: 0;
    padding-left: 1.1rem;
    padding-right: 1.1rem;
    font-size: 1.1rem;
    font-weight: 300;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease
}

.input:hover,
.input:focus {
    border-color: var(--base--500)
}

.input.text-area {
    resize: none;
    height: 11.8rem;
    min-height: 11.8rem;
    max-height: 11.8rem;
    padding-top: 1.1rem;
    padding-bottom: 1.1rem
}

.input.error {
    color: var(--base--white);
    caret-color: #ff3838;
    border-color: #ff3838
}

.input.error::placeholder {
    color: var(--jam--oil-black)
}

.input.dmca-s {
    color: var(--base--white)
}

.input.dmca-s::placeholder {
    color: var(--base--500)
}

.input.dmca-s.error,
.input.dmca-s.error:focus,
.input.dmca-s.error::placeholder {
    color: var(--base--transparent)
}

.input.beta-s {
    color: var(--base--white)
}

.input.beta-s:focus {
    border-color: var(--base--500)
}

.input.beta-s::placeholder {
    color: var(--base--500)
}

.input.beta-s.error,
.input.beta-s.error:focus,
.input.beta-s.error::placeholder {
    color: var(--base--transparent)
}

.input.invest-s {
    color: var(--base--white)
}

.input.invest-s::placeholder {
    color: var(--base--500)
}

.input.invest-s.error,
.input.invest-s.error:focus,
.input.invest-s.error::placeholder {
    color: var(--base--transparent)
}

.input-wrapper {
    grid-column-gap: .56rem;
    grid-row-gap: .56rem;
    flex-flow: column;
    width: 100%;
    display: flex;
    position: relative
}

.input-wrapper.radio-s {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem
}

.input-wrapper.pair-s {
    width: 50%
}

.input-pair {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid
}

.inputs-block {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    flex-flow: column;
    width: 100%;
    display: flex
}

.mail-link {
    color: var(--base--white)
}

.form-send-block {
    padding-top: var(--_sizes---content-space--xl);
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.error-message {
    color: #ff3838;
    font-size: .84rem
}

.error-message.lable {
    background-color: var(--jam--oil-black);
    color: var(--base--400);
    padding-left: .2rem;
    padding-right: .2rem;
    position: absolute;
    inset: -.6rem auto auto 1rem
}

.error-message.lable.dmca-s {
    background-color: var(--base--900)
}

.error-lable {
    color: #ff3838;
    font-size: .84rem
}

.success-message-wrapper {
    border-radius: var(--_sizes---content-space--l);
    background-color: var(--base--900);
    width: 40rem;
    padding: 8rem
}

.success-message {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.success-text {
    grid-column-gap: var(--_sizes---content-space--s);
    grid-row-gap: var(--_sizes---content-space--s);
    flex-flow: column;
    display: flex
}

.success-image {
    width: 13.8rem
}

.press-sc {
    z-index: 100;
    position: relative
}

.press-list {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    display: flex
}

.press-item {
    grid-column-gap: var(--_sizes---content-space--xl);
    grid-row-gap: var(--_sizes---content-space--xl);
    color: var(--base--white);
    flex-flow: column;
    width: 27rem;
    text-decoration: none;
    display: flex
}

.press-cover-wrapper {
    aspect-ratio: 24/28;
    width: 24rem;
    margin-left: auto;
    margin-right: auto;
    transition: transform .4s cubic-bezier(.175, .885, .32, 1.275);
    position: relative
}

.press-cover {
    z-index: 100;
    border: .2rem solid var(--base--white);
    border-radius: var(--_sizes---corner-radius--m);
    width: 100%;
    height: 100%;
    transition: transform .2s;
    position: relative;
    overflow: hidden
}

.press-cover.back-s {
    z-index: 10;
    background-color: var(--jam--orange);
    border-style: none;
    position: absolute;
    inset: 0%
}

.press-cover.back-s.s1 {
    transform: rotate(-5deg)
}

.press-cover.back-s.s2 {
    transform: rotate(5deg)
}

.press-item-text {
    grid-column-gap: var(--_sizes---content-space--xs);
    grid-row-gap: var(--_sizes---content-space--xs);
    flex-flow: column;
    display: flex
}

.code-embed-5 {
    display: none
}

.started-avatar {
    aspect-ratio: 1;
    border-radius: .84rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 .5rem 2rem #0003
}

.started-avatar.s1 {
    width: 2.4rem;
    inset: 11% auto auto 15%;
    transform: rotate(-30deg)
}

.started-avatar.s2 {
    width: 2.4rem;
    inset: 27% auto auto 6%
}

.started-avatar.s3 {
    width: 3.8rem;
    inset: 46% auto auto 6%;
    transform: rotate(-5deg)
}

.started-avatar.s5 {
    inset: 73% auto auto 7%;
    width: 4rem;
    inset: 74% auto auto 30%;
    transform: rotate(-15deg)
}

.started-avatar.s6 {
    width: 2.4rem;
    inset: auto 42% 5% auto
}

.started-avatar.s7 {
    width: 2.4rem;
    inset: auto 10% 8% auto
}

.started-avatar.s8 {
    width: 4rem;
    inset: auto 9% 23% auto;
    transform: rotate(-4deg)
}

.started-avatar.s9 {
    width: 2.8rem;
    inset: auto 11% 58% auto;
    transform: rotate(25deg)
}

.started-avatar.s10 {
    width: 2.4rem;
    inset: auto 12% 80% auto;
    transform: rotate(-6deg)
}

.started-avatar.s4 {
    width: 3rem;
    inset: 73% auto auto 7%;
    transform: rotate(10deg)
}

.started-avatar.s11 {
    width: 2.8rem;
    inset: auto 26% 73% auto;
    transform: rotate(-15deg)
}

.started-avatar.s12 {
    width: 2.4rem;
    inset: 50% 0% auto auto
}

.started-avatar.s13 {
    width: 3.8rem;
    inset: 10% 56% auto auto;
    transform: rotate(14deg)
}

.started-avatar.s14 {
    width: 2.4rem;
    inset: 6% 36% auto auto;
    transform: rotate(-6deg)
}

.why-us-avatar {
    aspect-ratio: 1;
    border-radius: .84rem;
    width: 100%;
    height: 100%;
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), opacity .4s;
    position: absolute;
    overflow: hidden;
    box-shadow: 0 .5rem 2rem #0003
}

.why-us-avatar.s1 {
    width: 2.4rem;
    inset: 11% auto auto 15%;
    transform: rotate(-30deg)
}

.why-us-avatar.s2 {
    width: 2.4rem;
    inset: 27% auto auto 6%
}

.why-us-avatar.s3 {
    width: 3.8rem;
    inset: 46% auto auto 6%;
    transform: rotate(-5deg)
}

.why-us-avatar.s4 {
    width: 2.4rem;
    inset: 60% auto auto 21%
}

.why-us-avatar.s5 {
    width: 3rem;
    inset: 73% auto auto 7%;
    transform: rotate(10deg)
}

.why-us-avatar.s6 {
    width: 4rem;
    inset: 74% auto auto 30%;
    transform: rotate(-15deg)
}

.why-us-avatar.s7 {
    width: 2.4rem;
    inset: auto 42% 5% auto
}

.why-us-avatar.s8 {
    width: 3.8rem;
    inset: auto 27% 20% auto;
    transform: rotate(-30deg)
}

.why-us-avatar.s9 {
    width: 2.4rem;
    inset: auto 10% 8% auto
}

.why-us-avatar.s10 {
    width: 2.4rem;
    inset: auto 5% 29% auto;
    transform: rotate(-10deg)
}

.why-us-avatar.s11 {
    width: 3rem;
    inset: auto 17% 39% auto;
    transform: rotate(10deg)
}

.why-us-avatar.s12 {
    width: 3.8rem;
    inset: auto 25% 56% auto;
    transform: rotate(15deg)
}

.why-us-avatar.s13 {
    width: 2.8rem;
    inset: auto 7% 58% auto;
    transform: rotate(25deg)
}

.why-us-avatar.s14 {
    width: 2.4rem;
    inset: auto 12% 80% auto;
    transform: rotate(-6deg)
}

.why-us-avatar.s15 {
    width: 2.8rem;
    inset: auto 28% 77% auto;
    transform: rotate(-15deg)
}

.why-us-avatar.s16 {
    width: 2.4rem;
    inset: 25% 44% auto auto
}

.why-us-avatar.s17 {
    width: 3.8rem;
    inset: 10% 56% auto auto;
    transform: rotate(14deg)
}

.why-us-avatar.s18 {
    width: 3.8rem;
    inset: 28% 65% auto auto;
    transform: rotate(4deg)
}

.why-us-avatar.s19 {
    width: 2.4rem;
    inset: 6% 41% auto auto;
    transform: rotate(-6deg)
}

.spotlight-js {
    display: none
}

.spotlight-card {
    border-radius: var(--_sizes---content-space--m);
    outline-offset: -.2rem;
    outline: .2rem solid #fff6;
    flex: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 2rem #0003
}

.spotlight-card.s1 {
    aspect-ratio: 14/18;
    width: 14rem;
    transform: scale(.8)translate(103rem, -8rem)
}

.spotlight-card.s1.view {
    transform: scale(1)translate(0)
}

.spotlight-card.s2 {
    aspect-ratio: 14/12;
    width: 14rem;
    transform: scale(.8)translate(43rem, -39rem)
}

.spotlight-card.s2.view {
    transform: scale(1)translate(0)
}

.spotlight-card.s3 {
    aspect-ratio: 22/30;
    width: 22rem;
    transform: scale(.8)translate(24rem, -22rem)
}

.spotlight-card.s3.view {
    transform: scale(1)translate(0)
}

.spotlight-card.s4 {
    aspect-ratio: 22/30;
    width: 22rem;
    top: -16rem;
    transform: scale(.8)translate(6.5rem, -14rem)
}

.spotlight-card.s4.view {
    transform: scale(1)translate(0)
}

.spotlight-card.s5 {
    aspect-ratio: 22/22;
    width: 22rem;
    top: -8rem;
    transform: scale(.8)translate(-8.5rem, -29rem)
}

.spotlight-card.s5.view {
    transform: scale(1)translate(0)
}

.wr-submit-button {
    width: 12rem
}

.fan-benefits-trail-area {
    grid-column-gap: .98rem;
    grid-row-gap: .98rem;
    flex-flow: column;
    padding-top: 2.64rem;
    display: flex
}

.fan-trail-path,
.fan-trail-list {
    grid-column-gap: .98rem;
    grid-row-gap: .98rem;
    flex: none;
    display: flex
}

.fan-trail-tag {
    border-style: solid;
    border-width: var(--_sizes---stroke-line);
    background-color: #282828;
    border-color: #434345;
    border-radius: .84rem;
    flex: none;
    justify-content: center;
    align-items: center;
    height: 3rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    font-size: .84rem;
    display: flex;
    overflow: hidden;
    box-shadow: inset 0 .04rem #676768
}

.fan-trail-tag.image-s {
    box-shadow: none;
    border-style: none;
    width: 6.4rem;
    padding-left: 0;
    padding-right: 0
}

.fan-svg-tag {
    border-radius: .84rem;
    width: 3rem;
    height: 3rem;
    padding: .62rem;
    overflow: hidden
}

.fan-svg-tag.green {
    background-image: linear-gradient(135deg, #8ef783, #169f25);
    flex: none
}

.fan-svg-tag.orange {
    background-image: linear-gradient(135deg, #fea350, #f3481a);
    flex: none
}

.fan-svg-tag.blue {
    background-image: linear-gradient(135deg, #51bdff, #178ff2);
    flex: none
}

.fan-trail-item {
    grid-column-gap: .98rem;
    grid-row-gap: .98rem;
    flex: none;
    display: flex
}

.fan-path-wrapper {
    display: flex
}

.fan-path-wrapper.left-s {
    justify-content: flex-start;
    align-items: center
}

.fan-path-wrapper.right-s {
    justify-content: flex-end;
    align-items: center
}

.fan-phone-image {
    position: absolute;
    inset: 0%
}

.fan-phone-image.s2 {
    top: -.3rem
}

.benefits-figure {
    width: 64%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 5%
}

.fan-unlock-avatar {
    aspect-ratio: 1;
    border-radius: var(--_sizes---corner-radius--r);
    width: 15%;
    position: absolute;
    inset: 0% auto auto 0%;
    overflow: hidden
}

.fan-unlock-avatar.s1 {
    inset: auto auto 5% 8%
}

.fan-unlock-avatar.s2 {
    inset: auto auto 32% -20%
}

.fan-unlock-avatar.s3 {
    inset: 11% auto auto 0%
}

.fan-unlock-avatar.s4 {
    inset: -1% auto auto 45%
}

.fan-unlock-avatar.s5 {
    inset: 15% 12% auto auto
}

.fan-unlock-avatar.s6 {
    inset: 2% -17% auto auto
}

.fan-unlock-avatar.s7 {
    inset: auto -18% 17% auto
}

.transition-block {
    z-index: 9999;
    pointer-events: none;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    position: fixed;
    inset: 0%;
    overflow: hidden
}

.div-block-7 {
    background-color: #fff;
    width: 100%;
    height: 100%
}

.path-css {
    display: none
}

.transition-embed {
    width: 100%;
    height: 100%
}

.transition-offset {
    outline-color: var(--jam--orange);
    outline-offset: -5rem;
    border-radius: 8rem;
    outline-width: 5rem;
    outline-style: solid;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.transition-offset.s2 {
    border-radius: 0
}

.transition-offset-2 {
    outline-color: var(--jam--orange);
    outline-offset: -5rem;
    border-radius: 0;
    outline-width: 5rem;
    outline-style: solid;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.barba-container {
    position: relative
}

.fans-hero-sc {
    width: 42rem
}

.dmca-form-area {
    z-index: 9999;
    -webkit-backdrop-filter: blur(.4rem);
    backdrop-filter: blur(.4rem);
    background-color: #000000a3;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    padding-top: 5.56rem;
    padding-bottom: 5.56rem;
    display: none;
    position: fixed;
    inset: 0%;
    overflow: auto
}

.dmca-form-wrapper {
    z-index: 100;
    border: var(--_sizes---stroke-line)solid var(--base--800);
    border-radius: var(--_sizes---corner-radius--m);
    background-color: var(--base--900);
    flex-flow: column;
    padding: 2.2rem 3.3rem;
    display: flex;
    position: relative
}

.dmca-form {
    width: 50rem;
    display: none
}

.dmca-list {
    grid-column-gap: var(--_sizes---content-space--s);
    grid-row-gap: var(--_sizes---content-space--s);
    color: var(--base--300);
    font-size: var(--_fonts---body--l);
    line-height: var(--_fonts---line-height--150);
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2.2rem;
    padding-bottom: 3.3rem;
    padding-left: 1.4rem;
    font-weight: 300;
    display: flex
}

.white-span {
    color: var(--base--white)
}

.div-block-9 {
    display: inline-block
}

.dmca-info {
    width: 50rem;
    display: block
}

.dmca-submit-block {
    padding-top: 1.1rem
}

.form-checkbox {
    color: var(--base--500);
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 120%;
    display: flex
}

.form-checkbox-input {
    color: var(--base--500);
    justify-content: flex-start;
    align-items: center;
    padding-left: 1.4rem;
    display: flex
}

.checkbox {
    border: var(--_sizes---stroke-line)solid var(--base--500);
    background-color: var(--base--transparent);
    border-radius: .32rem;
    width: 1.38rem;
    height: 1.38rem;
    margin-top: 0;
    margin-left: -1.4rem;
    margin-right: .56rem
}

.checkbox.w--redirected-checked {
    border-color: var(--jam--orange);
    background-color: var(--jam--orange);
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342611_checked.svg);
    background-position: 50%;
    background-size: contain;
    margin-top: 0;
    box-shadow: 0 2px 5px #0000
}

.checkbox.error {
    border-color: #ff3838
}

.dmca-inputs-block {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    flex-flow: column;
    width: 100%;
    display: flex
}

.dmca-inputs-wrapper {
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.form-close {
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    position: absolute;
    inset: 1.4rem 1.4rem auto auto
}

.dmca-success-wrapper {
    background-color: var(--base--transparent);
    width: 38rem
}

.beta-pop-area {
    z-index: 9999;
    -webkit-backdrop-filter: blur(.4rem);
    backdrop-filter: blur(.4rem);
    background-color: #000000a3;
    justify-content: center;
    align-items: flex-start;
    padding-top: 5.56rem;
    padding-bottom: 5.56rem;
    display: none;
    position: fixed;
    inset: 0%;
    overflow: auto
}

.beta-pop {
    z-index: 10;
    border-radius: var(--_sizes---corner-radius--l);
    background-color: var(--base--900);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 2.2rem 3.3rem 3.3rem;
    display: flex;
    position: relative
}

.beta-select-form {
    grid-column-gap: var(--_sizes---content-space--xl);
    grid-row-gap: var(--_sizes---content-space--xl);
    flex-flow: column;
    width: 50rem;
    display: flex
}

.beta-select-headline {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.form-subtitle {
    color: var(--base--400);
    font-family: Montserrat,   sans-serif;
    font-size: 1.1rem;
    line-height: var(--_fonts---line-height--140);
    text-transform: uppercase;
    font-weight: 700
}

.select-form-cards {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    display: flex
}

.select-form-card {
    grid-column-gap: 16rem;
    grid-row-gap: 16rem;
    border: var(--_sizes---stroke-line)solid var(--base--white);
    border-radius: var(--_sizes---corner-radius--s);
    cursor: pointer;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 3.3rem;
    display: flex
}

.select-form-card.s1 {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342586_8d6a9bd5efbab4b3b6ad4c0a1c7a059b_cta-bg-1.webp);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.select-form-card.s2 {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342584_d205412d5bbcd28888feb152e05732f7_cta-bg-2.webp);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.select-form-button {
    width: 100%
}

.beta-form-wrapper.creators-s {
    display: none
}

.beta-form-wrapper.fans-s {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none
}

.beta-form {
    background-color: var(--base--transparent);
    width: 42rem
}

.form-radio {
    border: var(--_sizes---stroke-line)solid var(--base--700);
    border-radius: var(--_sizes---corner-radius--r);
    background-color: var(--base--700);
    font-size: 1.1rem;
    line-height: var(--_fonts---line-height--140);
    cursor: pointer;
    padding: .42rem .84rem;
    transition: all .2s;
    position: relative
}

.form-radio:hover,
.form-radio.checked {
    background-color: var(--base--white);
    color: var(--jam--oil-black)
}

.form-radio.error {
    background-color: var(--base--transparent);
    border-color: #ff3838
}

.form-radio.error:hover {
    border-color: var(--base--white);
    background-color: var(--base--white)
}

.creator-radio {
    display: none
}

.beta-submit-block {
    padding-top: 1.1rem
}

.beta-success {
    background-color: var(--base--transparent);
    width: 37rem;
    padding: 0;
    display: none
}

.beta-success-block {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.success-icon {
    aspect-ratio: 1;
    border-radius: var(--_sizes---corner-radius--m);
    width: 7rem;
    overflow: hidden
}

.beta-success-button {
    width: 100%;
    margin-top: 1.6rem
}

.dmca-success-icon {
    aspect-ratio: 1;
    border-radius: var(--_sizes---corner-radius--m);
    width: 7rem;
    overflow: hidden
}

.dmca-close-success {
    width: 100%;
    margin-top: 1.6rem
}

.open-form.full-w {
    width: 100%
}

.copyright-sc {
    z-index: 100;
    position: relative
}

.copyright-text-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    width: 54rem;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.copyrigh-text-block {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
    flex-flow: column;
    display: flex
}

.copyright-list {
    grid-column-gap: .84rem;
    grid-row-gap: .84rem;
    font-size: var(--_fonts---body--m);
    line-height: var(--_fonts---line-height--140);
    flex-flow: column;
    margin-bottom: 0;
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    padding-left: 2.2rem;
    display: flex
}

.privacy-mail {
    color: var(--jam--orange)
}

.statement-pop-area {
    z-index: 9999;
    -webkit-backdrop-filter: blur(.4rem);
    backdrop-filter: blur(.4rem);
    background-color: #000000a3;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%
}

.statement-pop {
    border-radius: var(--_sizes---corner-radius--l);
    background-color: var(--base--900);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 56rem;
    padding: 5.56rem 3.3rem 3.3rem;
    display: flex;
    position: relative
}

.statement-close {
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    position: absolute;
    inset: 1.4rem 1.4rem auto auto
}

.beta-inputs-wrapper {
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
}

.beta-inputs-block {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    flex-flow: column;
    width: 100%;
    display: flex
}

.fff {
    width: 1.38rem;
    height: 1.38rem
}

.checkbox-input {
    z-index: -1;
    opacity: 0;
    position: absolute
}

.checkbox-custom {
    border: var(--_sizes---stroke-line)solid var(--base--500);
    background-color: var(--base--transparent);
    border-radius: .32rem;
    width: 1.38rem;
    height: 1.38rem;
    margin-left: -1.4rem;
    margin-right: .56rem;
    padding: 0
}

.checkbox-custom.w--redirected-checked {
    border-color: var(--jam--orange);
    background-color: var(--jam--orange);
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342611_checked.svg);
    background-position: 50%;
    background-size: contain;
    margin-top: 0;
    box-shadow: 0 2px 5px #0000
}

.checkbox-custom.error {
    border-color: #ff3838
}

.checkbox-custom.checked {
    background-color: var(--jam--orange);
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe30071342611_checked.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.code-embed-6 {
    display: none
}

.creator-type-lable {
    font-size: var(--_fonts---body--m);
    line-height: var(--_fonts---line-height--120)
}

.creator-type-radio-buttons {
    grid-column-gap: .56rem;
    grid-row-gap: .56rem;
    flex-flow: wrap;
    padding-right: 4rem;
    display: flex
}

.radio-input {
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.benefits-card {
    border-radius: var(--_sizes---corner-radius--l);
    background-color: var(--jam--secondary-black);
    border: 1px solid #ffffff1a;
    width: 25rem;
    padding-bottom: .56rem;
    padding-left: .56rem;
    padding-right: .56rem
}

.benefits-card.s1 {
    margin-bottom: 15rem
}

.benefits-card.s2 {
    margin-top: 6rem
}

.why-us-avatars {
    position: absolute;
    inset: 0%
}

.values-card-position {
    position: relative
}

.values-card-position.s1 {
    margin-bottom: 30rem
}

.values-card-position.s2 {
    margin-top: 30rem
}

.invest-hero-sc {
    z-index: 100;
    position: relative
}

.invest-hero-buttons {
    padding-top: var(--_sizes---content-space--l);
    grid-column-gap: var(--_sizes---content-space--s);
    grid-row-gap: var(--_sizes---content-space--s);
    justify-content: center;
    align-items: center;
    width: 42rem;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.pair-putton-block {
    width: 50%
}

.invest-bg-s1 {
    aspect-ratio: 5.2/4.6;
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/683566013dc189d95ce06b28_invest-hero-bg-1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70rem;
    position: absolute;
    inset: 5% auto auto -30%
}

.invest-bg-area {
    pointer-events: none;
    width: 100%;
    height: 200rem;
    position: absolute;
    inset: 0% 0% auto;
    overflow: hidden
}

.invest-bg-s2 {
    aspect-ratio: 6.4/4;
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6835660142b94c0b94316442_invest-hero-bg-2.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 86rem;
    position: absolute;
    inset: 0% -39% auto auto
}

.div-block-10 {
    height: 50rem
}

.why-we-headline {
    grid-column-gap: 14rem;
    grid-row-gap: 14rem;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.why-we-cards-pair {
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    transition: all 1s;
    display: flex;
    transform: translateY(24rem)
}

.why-we-cards-pair.transform {
    transform: translateY(-8rem)
}

.why-we-canter-card {
    aspect-ratio: 2.7/4.7;
    border-style: solid;
    border-width: var(--_sizes---stroke-line);
    border-radius: var(--_sizes---content-space--l);
    background-color: var(--base--950);
    background-image: linear-gradient(180deg, var(--base--transparent), var(--base--950)50%), linear-gradient(180deg, #d96a3566, var(--base--transparent));
    text-align: center;
    border-color: #fff6;
    justify-content: center;
    align-items: center;
    width: 27rem;
    padding-left: 2rem;
    padding-right: 2rem;
    transition: all 1s;
    display: flex;
    position: relative;
    overflow: hidden
}

.why-we-icon {
    z-index: 100;
    width: 8.4rem;
    transition: transform 1s;
    position: absolute;
    top: -19rem
}

.why-we-icon.transform {
    transform: translateY(15rem)
}

.why-we-center-card-text {
    z-index: 100;
    position: relative
}

.why-we-card-light {
    opacity: 0;
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/68357274c8fa14616843a4e4_why-we-center-card-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity .6s;
    position: absolute;
    inset: 0%
}

.why-we-card-light.transform {
    opacity: 100
}

.why-we-icon-image {
    filter: drop-shadow(.5rem 0 1.1rem #000000b3);
    pointer-events: none;
    object-fit: contain;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.why-we-icon-image.shadow {
    filter: drop-shadow(0 0 2rem #00000096)
}

.why-we-card {
    padding: var(--_sizes---content-space--l);
    border-style: solid;
    border-width: var(--_sizes---stroke-line);
    border-radius: var(--_sizes---content-space--l);
    background-color: var(--jam--oil-black);
    border-color: #fff6;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 27rem;
    transition: all .6s cubic-bezier(.175, .885, .32, 1.275);
    display: flex;
    overflow: hidden;
    box-shadow: inset 0 2px 2.2rem #fff3
}

.why-we-card-content {
    grid-column-gap: var(--_sizes---corner-radius--l);
    grid-row-gap: var(--_sizes---corner-radius--l);
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.why-we-card-content.gap-s {
    grid-column-gap: var(--_sizes---corner-radius--s);
    grid-row-gap: var(--_sizes---corner-radius--s)
}

.why-we-cards {
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative
}

.why-we-full-image {
    width: 110%
}

.stat-sc {
    z-index: 500;
    position: relative
}

.stat-height {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.stat-sticky {
    position: sticky
}

.stat-card {
    aspect-ratio: 7/4;
    border-radius: var(--_sizes---corner-radius--l);
    border: .2rem solid #ffffff40;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 72rem;
    padding-top: 18rem;
    display: flex;
    position: sticky;
    top: 8rem;
    overflow: hidden;
    box-shadow: inset 0 0 1.1rem #fff3
}

.stat-card.s1 {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/68359b5ef7b7c0f87db2fa04_stat-bg-2.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 105%
}

.stat-card.s2 {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/68359b5e7609053af4b5a2bb_stat-bg-3.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 105%
}

.stat-card.s3 {
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/68359b5e8533e05309d133e2_stat-bg-4.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 105%
}

.stat-card.first {
    border-width: 0;
    border-color: var(--base--transparent);
    box-shadow: none;
    background-image: none;
    border-radius: 0;
    width: 100%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding: 10rem;
    transition: all .8s;
    top: 0
}

.stat-card.first.close {
    border-radius: var(--_sizes---corner-radius--l);
    border-width: .2rem;
    border-color: #fff3;
    width: 72rem;
    height: 42rem;
    padding: 5rem;
    position: relative;
    transform: rotate(-6deg)
}

.stat-card-cells {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -webkit-backdrop-filter: blur(1.1rem);
    backdrop-filter: blur(1.1rem);
    grid-template-rows: auto;
    grid-template-columns: 1fr .1rem 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: absolute;
    inset: auto 0% 0%
}

.stat-card-cells.three-cells {
    grid-template-columns: 1fr .1rem 1fr .1rem 1fr
}

.stat-card-cell {
    padding: var(--_sizes---content-space--xl)
}

.stat-cell-line {
    background-color: #ffffff1f;
    width: 100%;
    height: 100%
}

.stat-card-list {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .4rem;
    padding-left: 2.2rem;
    line-height: 120%
}

.stat-card-bg {
    background-image: linear-gradient(180deg, var(--jam--oil-black)22%, var(--base--transparent)26%), url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/68359b5fe6106f73c750ef1b_stat-bg-1.png);
    background-position: 0 0, 54%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    width: 100%;
    height: 140%;
    transition: all .8s;
    position: absolute;
    inset: -30% 0% auto
}

.stat-card-content {
    z-index: 10;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 100rem;
    height: 100%;
    display: flex;
    position: relative
}

.stat-card-left-block {
    width: 20rem;
    position: relative
}

.stat-card-title {
    font-size: 5.6rem;
    line-height: var(--_fonts---line-height--120);
    font-weight: 300
}

.stat-titile-star {
    width: 1.4rem;
    position: absolute;
    inset: 12% auto auto -10%
}

.stat-card-right-block {
    grid-column-gap: 2.2rem;
    grid-row-gap: 2.2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 16rem;
    display: flex;
    position: relative
}

.stat-card-right-subtitle.s1 {
    width: 27rem
}

.stat-card-right-subtitle.s2 {
    width: 22rem
}

.first-stat-card {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 10rem;
    transition: top .8s;
    display: flex;
    position: sticky;
    top: 0
}

.first-stat-card.top-s {
    top: 8rem
}

.opport-sc {
    z-index: 100;
    position: relative
}

.opport-subtitle {
    padding-top: var(--_sizes---content-space--l);
    padding-bottom: var(--_sizes---content-space--xl)
}

.opport-cards {
    grid-column-gap: var(--_sizes---content-space--l);
    grid-row-gap: var(--_sizes---content-space--l);
    flex-flow: column;
    display: flex
}

.opport-card {
    border-radius: var(--_sizes---corner-radius--l);
    background-image: linear-gradient(90deg, #000, #fff);
    display: flex;
    overflow: hidden;
    box-shadow: inset 0 0 1.4rem #fff3
}

.opport-card.s1 {
    background-image: linear-gradient(90deg, #060f1c, #214b85)
}

.opport-card.s2 {
    background-image: linear-gradient(90deg, #160b14, #5b195f)
}

.opport-card.s3 {
    background-image: linear-gradient(90deg, #19120f, #fb9d4f)
}

.opport-card.s4 {
    background-image: linear-gradient(90deg, #081b0d, #1d431a)
}

.opport-card-cover-wrapper {
    aspect-ratio: 1;
    width: 20rem;
    padding: .56rem
}

.opport-card-text {
    padding: var(--_sizes---content-space--l);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 24rem;
    display: flex
}

.heading {
    display: flex
}

.oppurt-headline {
    font-family: Montserrat,   sans-serif;
    font-size: 5.8rem;
    line-height: var(--_fonts---line-height--120)
}

.opport-card-wrapper {
    background-color: var(--base--950);
    border-radius: calc(var(--_sizes---corner-radius--l) - .56rem);
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.opport-card-wrapper.s2 {
    background-color: var(--base--transparent);
    border-radius: 0;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative;
    top: .4rem;
    right: -.56rem
}

.opport-card-wrapper.s4 {
    background-color: var(--base--transparent);
    border-radius: 0;
    width: 85%;
    bottom: -4%;
    right: -8%
}

.invest-cta-sc {
    z-index: 200;
    position: relative
}

.code-embed-7 {
    display: none
}

.invest-cta-trigger {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50%;
    display: flex;
    position: absolute
}

.invest-cta-media-area {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300%;
    display: flex;
    position: absolute;
    overflow: hidden
}

.invest-cta-image {
    z-index: 5;
    border-radius: var(--_sizes---corner-radius--l);
    pointer-events: none;
    object-fit: contain;
    width: 14rem;
    height: 14rem;
    position: absolute
}

.invest-cta-media {
    width: 1px;
    height: 1px;
    position: absolute;
    inset: 50% auto auto 50%
}

.invest-cta-media-wrapper {
    width: 100%;
    height: 35%
}

.invest-cta-button {
    pointer-events: auto
}

.invest-contact-sc {
    z-index: 100;
    position: relative
}

.invest-contact-card-stroke {
    z-index: 10;
    border-radius: var(--_sizes---content-space--l);
    background-image: linear-gradient(90deg, #48291a, #302723ba 16%, #614a3f 38%, #ff6013 65%, #fd7f42);
    padding: .4rem;
    position: relative
}

.invest-contact-card {
    padding-top: var(--_sizes---content-space--xl);
    padding-right: var(--_sizes---content-space--xl);
    padding-bottom: var(--_sizes---content-space--xl);
    padding-left: var(--_sizes---content-space--xl);
    background-color: var(--jam--oil-black);
    border-radius: calc(var(--_sizes---corner-radius--l) - .4rem)
}

.invest-contact-buttons {
    padding-top: var(--_sizes---content-space--l);
    grid-column-gap: var(--_sizes---content-space--s);
    grid-row-gap: var(--_sizes---content-space--s);
    justify-content: center;
    align-items: center;
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.invest-contact-lines {
    aspect-ratio: 7.5/3.7;
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6835df4a93a50b568cbaad2d_invest-contact-lines.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 80rem;
    position: absolute;
    inset: -15% 0% auto auto
}

.invest-contact-lines-position {
    justify-content: flex-end;
    align-items: center;
    width: 0;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0% auto 0% 1%
}

.sponsor-contact-mobile {
    z-index: 20;
    width: 40rem;
    position: absolute;
    inset: auto auto -2% 4%
}

.invest-policy-info {
    grid-column-gap: 8.4rem;
    grid-row-gap: 8.4rem;
    display: flex;
    position: absolute;
    bottom: 2rem
}

.invest-policy-text {
    color: var(--base--white);
    font-size: var(--_fonts---body--m);
    line-height: var(--_fonts---line-height--120);
    text-decoration: none
}

.invest-policy-text.link {
    text-decoration: underline
}

.invest-carousel-video {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.tools-headline {
    position: absolute;
    left: -200vw
}

.opport-slide {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100%;
    display: flex
}

.opport-slide.first-s {
    padding: var(--_sizes---content-space--l);
    box-shadow: none;
    background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425b2_tab-slide-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.opport-slide.blue {
    background-image: linear-gradient(164deg, #214b84, #060f1c)
}

.opport-slide.red {
    background-image: linear-gradient(164deg, #842222, #1c1107)
}

.opport-slide.purple {
    background-image: linear-gradient(164deg, #5e1b61, #1d1019)
}

.opport-slide.sand {
    background-image: linear-gradient(164deg, #be733a, #5b3721)
}

.opport-slide.green {
    background-image: linear-gradient(164deg, #21461c, #0b1e10)
}

.opport-slide.aqua {
    background-image: linear-gradient(164deg, #1d6a77, #113537)
}

.opport-slide.dark-purple {
    background-image: linear-gradient(164deg, #271d45, #120b1d)
}

.opport-slide.dark-green {
    background-color: #1d1d1d
}

.sponsor-logo {
    width: 12rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: 2.4rem 0% auto
}

.invest-contact-light {
    width: 10rem;
    position: absolute;
    inset: 0% -10% 0% auto
}

.invest-contact-card-wrapper {
    position: relative
}

.beta-form-close-area,
.dmca-form-close-area {
    cursor: pointer;
    position: absolute;
    inset: 0%
}

.cta-banner-wrapper {
    grid-column-gap: 5.8rem;
    grid-row-gap: 5.8rem;
    flex-flow: column;
    display: flex
}

.invest-circle-slide {
    aspect-ratio: 1;
    border-radius: var(--_sizes---corner-radius--m);
    perspective: 30rem;
    justify-content: center;
    align-items: center;
    width: 10rem;
    transition: transform 1s;
    display: flex;
    position: absolute;
    overflow: hidden
}

.invest-circle-slide.active {
    z-index: 10
}

.invest-form-area {
    z-index: 9999;
    -webkit-backdrop-filter: blur(.4rem);
    backdrop-filter: blur(.4rem);
    background-color: #000000a3;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    padding-top: 5.56rem;
    padding-bottom: 5.56rem;
    display: none;
    position: fixed;
    inset: 0%;
    overflow: auto
}

.invest-form {
    width: 46rem
}

.invest-inputs-block {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    flex-flow: column;
    width: 100%;
    display: flex
}

.invest-inputs-wrapper {
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
}

.invest-form-wrapper {
    z-index: 100;
    border: var(--_sizes---stroke-line)solid var(--base--800);
    border-radius: var(--_sizes---corner-radius--m);
    background-color: var(--base--900);
    flex-flow: column;
    padding: 2.2rem 3.3rem;
    display: flex;
    position: relative
}

.invest-form-close-area {
    cursor: pointer;
    position: absolute;
    inset: 0%
}

.invest-success-wrapper {
    background-color: var(--base--transparent);
    width: 38rem
}

.invest-success-text {
    width: 23rem
}

.invest-success-icon {
    border-radius: var(--_sizes---corner-radius--m);
    width: 14rem;
    overflow: hidden
}

.invest-close-success {
    width: 100%;
    margin-top: 1.6rem
}

.invest-success-block {
    grid-column-gap: var(--_sizes---content-space--m);
    grid-row-gap: var(--_sizes---content-space--m);
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.nav-drop {
    justify-content: center;
    align-items: center;
    display: flex
}

.nav-drop-toggle {
    padding: 0
}

.nav-drop-list {
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    text-align: center;
    background-color: #000000bf;
    border-radius: .84rem;
    padding-left: .2rem;
    padding-right: .2rem;
    top: 90%;
    box-shadow: 0 0 .2rem #ffffff80
}

.nav-drop-list.change {
    background-color: #ffffffbf;
    box-shadow: 0 0 .2rem #0000003d
}

@media screen and (max-width:991px) {

    .app-button-circles,
    .wave-area,
    .nav-link-hover,
    .invest-cta-media-area {
        display: none
    }
}

@media screen and (max-width:479px) {
    body {
        --_fonts---headline--h1: 23.4rem;
        --_fonts---line-height--100: 100%;
        --_fonts---subheadline--m: 4.26rem;
        --_fonts---line-height--130: 130%;
        --_fonts---buttons--m: 4.26rem;
        --_fonts---line-height--150: 150%;
        --_fonts---line-height--140: 140%;
        --_fonts---body--s: 3.2rem;
        --_fonts---buttons--xs: 3.2rem;
        --_fonts---subheadline--l: 4.8rem;
        --_fonts---body--m: 3.7rem;
        --_fonts---headline--h5: 2.4rem;
        --_fonts---headline--h2: 12.8rem;
        --_fonts---line-height--120: 120%;
        --_fonts---headline--h3: 10.6rem;
        --_fonts---body--l: 1.6rem;
        --_fonts---buttons--s: 1.5rem;
        --_fonts---line-height--110: 110%;
        --_fonts---line-height--160: 160%;
        --_fonts---headline--display-l: 18.6rem;
        --_fonts---headline--h4: 8.5rem;
        --_fonts---subheadline--s: 3.74rem;
        --_fonts---body--xs: 3.2rem;
        --_sizes---corner-radius--l: 8rem;
        --_sizes---corner-radius--m: 2rem;
        --_sizes---content-space--l: 6.4rem;
        --_sizes---content-space--xl: 8.5rem;
        --_sizes---content-space--s: 3.2rem;
        --_sizes---content-space--m: 5.3rem;
        --_sizes---corner-radius--s: 2rem;
        --_sizes---content-space--xs: 1rem;
        --_sizes---content-space--2xl: 12.8rem;
        --_sizes---stroke-line: .5rem;
        --_sizes---corner-radius--r: 256rem;
        overflow-x: hidden
    }

    .full-container.hero-s {
        height: auto;
        padding-top: 72rem
    }

    .full-container.fans-benefits-s {
        padding-top: 20rem;
        padding-bottom: 20rem
    }

    .full-container.press-s {
        background-image: linear-gradient(180deg, #404040, var(--base--transparent)20%)
    }

    .full-container.invest-cta-s {
        overflow: hidden
    }

    .circle-slider-container {
        width: 320rem
    }

    .circle-slider-container.invest-s {
        width: 180rem
    }

    .circle-slide {
        perspective: 200rem;
        width: 30rem
    }

    .circle-slide-flip {
        width: 43rem
    }

    .text-elements.hero-s {
        position: relative;
        top: auto
    }

    .text-elements.benefits-s {
        width: 80rem;
        top: 24rem
    }

    .text-elements.creators-s2 {
        justify-content: center;
        align-items: center
    }

    .text-elements.spotlight-s {
        transition: transform 1.2s;
        transform: translateY(70rem)
    }

    .text-elements.spotlight-s.view {
        transform: translateY(-8rem)
    }

    .text-elements.opport-s {
        position: relative;
        top: auto
    }

    .headline-wrapper.iphone-pop-s {
        width: 90rem
    }

    .headline-wrapper.creators-s {
        width: auto
    }

    .headline-wrapper.cta-card-s {
        padding-bottom: 44rem
    }

    .headline-wrapper.why-us-s,
    .headline-wrapper.invest-top-s,
    .headline-wrapper.reviews-s {
        width: auto
    }

    .headline-wrapper.creator-hero-s {
        width: 92rem
    }

    .headline-wrapper.features-s,
    .headline-wrapper.fan-hero-s,
    .headline-wrapper.about-hero-s {
        width: auto
    }

    .headline-wrapper.started-s2 {
        width: auto;
        padding-top: 3.2rem
    }

    .headline-wrapper.spotlight-s,
    .headline-wrapper.fans-s,
    .headline-wrapper.contact-s,
    .headline-wrapper.press-s {
        width: auto
    }

    .headline-wrapper.started-s1 {
        width: 64rem;
        margin-left: auto;
        margin-right: auto
    }

    .headline-wrapper.invest-hero-s {
        width: auto
    }

    .headline-wrapper.invest-cta-s {
        width: 94rem
    }

    .headline-wrapper.invest-contact-s {
        width: auto
    }

    .description-wrapper.hero-s {
        width: 88rem;
        margin-left: auto;
        margin-right: auto
    }

    .description-wrapper.iphone-pop-s {
        width: 78rem
    }

    .description-wrapper.creators-s {
        width: 76rem
    }

    .description-wrapper.creators-slide-s {
        width: 67rem
    }

    .description-wrapper.creators-s2 {
        text-align: center;
        width: auto
    }

    .description-wrapper.creators-down-s {
        width: auto
    }

    .description-wrapper.why-us-s {
        width: auto;
        padding-top: 40rem
    }

    .description-wrapper.invest-top-s,
    .description-wrapper.features-s {
        width: auto
    }

    .description-wrapper.fan-hero-s {
        flex-flow: column;
        width: 100%
    }

    .description-wrapper.how-started-top-s {
        width: auto
    }

    .description-wrapper.how-started-down-s {
        grid-column-gap: 3.2rem;
        grid-row-gap: 3.2rem;
        width: auto
    }

    .description-wrapper.spotlight-s,
    .description-wrapper.fans-s1 {
        width: auto
    }

    .description-wrapper.fans-s2 {
        grid-column-gap: 3.2rem;
        grid-row-gap: 3.2rem;
        width: auto;
        left: auto
    }

    .description-wrapper.fans-s2.view {
        left: auto
    }

    .description-wrapper.invest-hero-s {
        width: 62rem
    }

    .description-wrapper.invest-contact-s,
    .description-wrapper.opport-s {
        width: auto
    }

    .app-button {
        grid-column-gap: 2.2rem;
        grid-row-gap: 2.2rem;
        padding: 4.2rem 4.2rem 4.2rem 6.8rem
    }

    .app-button.g-play {
        padding-left: 4.2rem;
        padding-right: 4.2rem
    }

    .app-button.join-s {
        width: 100%;
        padding-left: 8rem;
        padding-right: 8rem
    }

    .app-icon {
        width: 6.4rem;
        height: 6.4rem
    }

    .circle-slider-position {
        top: 32rem
    }

    .circle-slider-position.invest-s {
        display: flex;
        top: 10rem
    }

    .flip-fire-sticker {
        width: 9rem;
        font-size: 4rem
    }

    .flip-pop-message {
        border-radius: 1.8rem
    }

    .flip-pop-message.card-1-s1,
    .flip-pop-message.card-1-s2 {
        width: 26rem
    }

    .flip-pop-message.card-3-s1 {
        width: 30rem
    }

    .flip-pop-message.card-3-s2 {
        width: 26rem
    }

    .flip-pop-message.card-6-s1 {
        width: 29rem
    }

    .flip-crystal-block {
        font-size: 6rem
    }

    .flip-photo-frame {
        border-width: .8rem;
        border-radius: 3.2rem;
        width: 22rem
    }

    .flip-photo-frame.card-3-scale {
        width: 27rem
    }

    .flip-photo-frame.card-5-scale {
        width: 24.5rem
    }

    .flip-photo-frame.card-8-scale {
        width: 28rem
    }

    .flip-music-note {
        width: 13rem
    }

    .flip-total-views {
        width: 23rem
    }

    .flip-heart {
        width: 16rem
    }

    .flip-silver-heart {
        width: 14rem
    }

    .flip-creator-badge {
        width: 17rem
    }

    .flip-pin-point.s5 {
        width: 10rem
    }

    .flip-pin-point.s1 {
        width: 14rem
    }

    .flip-pin-point.s2 {
        width: 5.5rem
    }

    .flip-pin-point.s3 {
        width: 10rem
    }

    .flip-pin-point.s4 {
        width: 6rem
    }

    .flip-sound-icon {
        width: 10rem
    }

    .flip-headphones {
        width: 16rem
    }

    .flip-ball {
        width: 15rem
    }

    .hero-mask {
        display: none
    }

    .navbar {
        width: 100rem;
        padding-left: 6.4rem;
        padding-right: 6.4rem
    }

    .brand.navbar-s {
        width: 32rem;
        margin-right: auto
    }

    .nav-menu-wrapper {
        width: 100%;
        height: 0;
        overflow: hidden
    }

    .menu-button {
        padding: 0
    }

    .nav-container {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
        border-radius: var(--_sizes---corner-radius--l);
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 4.2rem
    }

    .nav-link {
        padding-top: 4.2rem;
        padding-bottom: 4.2rem;
        font-size: 4.2rem
    }

    .nav-menu {
        flex-flow: column;
        padding-top: 8rem
    }

    .nav-links {
        flex-flow: column
    }

    .nav-button {
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-top: 4.2rem;
        padding-bottom: 4.2rem
    }

    .benefits-height {
        height: 700vh
    }

    .benefits-sticky {
        overflow: hidden
    }

    .iphone {
        width: auto;
        height: 130vh;
        transform: scale(.68)
    }

    .iphone-pop-headline {
        font-size: 12.8rem
    }

    .iphone-pop-description {
        font-size: 3.74rem
    }

    .benefits-card-wrapper {
        aspect-ratio: 1;
        flex: none;
        width: 80rem;
        padding-bottom: 1rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .benefits-card-wrapper.s1 {
        margin-bottom: 0
    }

    .benefits-card-wrapper.s2 {
        margin-top: 0
    }

    .beneftis-cards {
        z-index: 1000;
        grid-column-gap: 12.8rem;
        grid-row-gap: 12.8rem
    }

    .benefits-card-tags {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: 100%
    }

    .benefits-tag {
        padding: 4.2rem 6.4rem
    }

    .benefits-tag-svg {
        width: 5.4rem;
        height: 5.4rem
    }

    .benefits-bg {
        aspect-ratio: 10/20;
        background-image: linear-gradient(180deg, var(--jam--oil-black), var(--base--transparent)15%, var(--base--transparent)48%, var(--base--transparent)85%, var(--jam--oil-black)), url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe3007134260f_465848268cc696b2f54df0a2420c0e39_benefits-bg-p.png);
        background-size: auto, cover
    }

    .values-cards {
        grid-column-gap: 50rem;
        grid-row-gap: 50rem;
        flex-flow: column;
        display: flex
    }

    .values-card-wrapper {
        flex: none;
        width: 76rem;
        height: 112rem;
        position: relative
    }

    .values-card {
        height: 100%;
        padding: 1rem
    }

    .values-card-content {
        border-radius: 7rem;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        padding-top: 9.6rem;
        padding-bottom: 9.6rem
    }

    .value-slider {
        width: 160rem;
        height: 44rem
    }

    .values-card-headline {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .values-card-description {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .values-path-videos {
        width: 140rem
    }

    .values-artist-wrapper {
        width: 100%
    }

    .values-artist {
        border-radius: 2.6rem;
        width: 30rem
    }

    .values-widget.s1 {
        width: 20rem;
        left: 10%
    }

    .values-widget.s2 {
        width: 16rem
    }

    .values-widget.s3 {
        width: 23.8rem;
        bottom: 16%
    }

    .values-artist-info {
        padding: 2.2rem
    }

    .values-artist-name {
        font-size: 3rem
    }

    .artist-badge {
        width: 3.2rem;
        height: 3.2rem
    }

    .artist-calendar-svg {
        width: 4rem;
        height: 4rem
    }

    /* .container {
        padding-left: 6.4rem;
        padding-right: 6.4rem
    } */

    .container.creators-s {
        padding: 24rem 4rem 20rem
    }

    /* .container.fans-benefits-s {
        padding-left: 6.4rem;
        padding-right: 6.4rem
    } */

    .container.cta-s {
        padding: 20rem 6.4rem;
        overflow: hidden
    }

    .container.why-us-s {
        padding: 20rem 6.4rem
    }

    .container.invest-s,
    .container.reviews-s {
        padding-top: 20rem;
        padding-bottom: 20rem
    }

    .container.footer-s {
        grid-column-gap: 12rem;
        grid-row-gap: 12rem;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        padding-bottom: 8rem
    }

    .container.creator-hero-s {
        padding-top: 87rem;
        overflow: hidden
    }

    .container.tools-s {
        background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425e4_tools-bg-p.png);
        background-position: 50% 0;
        background-size: contain;
        padding-top: 26rem
    }

    .container.cta-banner-s {
        grid-column-gap: 10rem;
        grid-row-gap: 10rem
    }

    .container.fan-hero-s {
        padding-top: 94rem;
        overflow: hidden
    }

    .container.about-hero-s {
        padding-top: 110rem;
        padding-bottom: 20rem
    }

    .container.started-s {
        padding-top: 20rem;
        padding-bottom: 20rem
    }

    .container.spotlight-s {
        padding-top: 20rem;
        padding-bottom: 42rem
    }

    .container.fans-s {
        grid-column-gap: 6rem;
        grid-row-gap: 6rem;
        padding-top: 20rem;
        padding-bottom: 72rem
    }

    .container.contact-s {
        grid-column-gap: var(--_sizes---content-space--xl);
        grid-row-gap: var(--_sizes---content-space--xl);
        flex-flow: column;
        padding-top: 20rem;
        padding-bottom: 20rem
    }

    .container.press-s {
        padding-top: 10rem;
        padding-bottom: 50rem
    }

    .container.copyright-s {
        padding-top: 24rem
    }

    .container.invest-hero-s {
        padding-top: 20rem
    }

    .container.opport-s {
        grid-column-gap: 16rem;
        grid-row-gap: 16rem;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 10rem;
        overflow: hidden
    }

    .container.invest-cta-s {
        padding-top: 60rem;
        padding-bottom: 70rem
    }

    .container.invest-contact-s {
        padding-top: 20rem;
        padding-bottom: 190rem;
        overflow: hidden
    }

    .headline-h2.set-size-p {
        font-size: 12.2rem
    }

    .headline-h2.why-us-s {
        font-size: var(--_fonts---headline--h3)
    }

    .creators-slider-wrapper {
        grid-column-gap: 16.8rem;
        grid-row-gap: 16.8rem;
        flex-flow: column;
        justify-content: space-between;
        align-items: center
    }

    .cs-slider.creators-s {
        aspect-ratio: 28/38;
        transform-origin: 100% 100%;
        width: 73rem;
        transform: rotate(-2deg)
    }

    .cs-slider.fanas-benefits-s {
        aspect-ratio: 90/124;
        width: 95rem
    }

    @media only screen and (max-width: 480px) {
        .cs-slider.fanas-benefits-s {
        aspect-ratio: 90/124;
        width: 36rem
    }
    }

    .cs-slider.reviews-s {
        aspect-ratio: 70/84;
        width: 70rem;
        margin-left: auto
    }

    .cs-slider.tab-slider-s {
        aspect-ratio: 80/130;
        width: 80rem
    }

    .cs-slider.opport-s {
        aspect-ratio: 24/39;
        width: 81rem
    }

    .creators-slide-content {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem
    }

    .creators-slide-content.s3 {
        background-position: 50% 100%, 0 0
    }

    .cs-slider-wrapper {
        width: 100%;
        display: flex
    }

    .cs-slider-wrapper.creators-s {
        grid-column-gap: 16rem;
        grid-row-gap: 16rem;
        order: -1;
        justify-content: center;
        align-items: flex-end;
        width: 100%
    }

    .cs-slider-wrapper.fans-benefits-s {
        grid-column-gap: 6rem;
        grid-row-gap: 6rem
    }

    .cs-slider-wrapper.reviews-s {
        grid-column-gap: 12rem;
        grid-row-gap: 12rem
    }

    .cs-dots {
        grid-column-gap: 3.2rem;
        grid-row-gap: 3.2rem;
        width: 100%
    }

    @media only screen and (max-width: 480px) {
        .cs-dots {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }
    }

    .cs-dot.creators-s {
        width: 12.8rem;
        height: 1.2rem
    }

    @media only screen and (max-width: 480px) {
        .cs-dot.creators-s {
        width: 2rem;
        height: 0.51rem
    }
    }

    .creators-end {
        padding-top: 24rem
    }

    .fans-benefits-slide {
        flex-flow: column;
        padding: 1.1rem
    }

    .fans-benefits-s-cover {
        width: 100%
    }

    .fans-benefits-s-text {
        width: 92%;
        padding: 4.2rem
    }

    .fans-benefits-s-text.s1 {
        width: 100%;
        inset: 0% 0% auto
    }

    .fans-benefits-s-title {
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 2.4rem;
        display: flex
    }

    .fans-benefits-s-title.button-s {
        justify-content: center;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0
    }

    .main-button {
        width: 100%;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }

    .main-button:where(.w-variant-582576ad-2413-1b79-c70c-267848abf477),
    .main-button:where(.w-variant-191f9b66-4dd5-58af-264e-0b9c03f22b9f),
    .main-button:where(.w-variant-1d942375-926f-22ae-dc01-448dd3540fdf) {
        padding-top: 4.2rem;
        padding-bottom: 4.2rem
    }

    .benefits-subheight {
        height: 800vh
    }

    .cta-card {
        aspect-ratio: 3.4/4.8
    }

    .cta-front-card {
        border-radius: 5.9rem;
        padding-bottom: 8.5rem;
        padding-left: 8.5rem;
        padding-right: 8.5rem
    }

    .cta-flip-button {
        width: 12.8rem
    }

    .cta-open-svg {
        width: 6.4rem;
        height: 6.4rem
    }

    .cta-back-card {
        border-radius: 5.9rem;
        padding-bottom: 8.5rem;
        padding-left: 8.5rem;
        padding-right: 8.5rem
    }

    .why-us-sc {
        overflow: hidden
    }

    .why-us-trail.move-down {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .why-us-taril-card {
        border-radius: 2.2rem
    }

    .why-us-trail-area {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .why-us-inner-shadow {
        box-shadow: inset 0 0 6rem #ffffff6b
    }

    .why-us-avatar-position {
        border-radius: 2rem
    }

    .why-us-avatar-position.s1,
    .why-us-avatar-position.s2 {
        width: 7.5rem
    }

    .why-us-avatar-position.s3 {
        width: 9.8rem
    }

    .why-us-avatar-position.s4 {
        width: 7.5rem
    }

    .why-us-avatar-position.s5 {
        width: 6rem
    }

    .why-us-avatar-position.s6 {
        width: 10rem
    }

    .why-us-avatar-position.s7 {
        width: 7.5rem
    }

    .why-us-avatar-position.s8 {
        width: 9.8rem
    }

    .why-us-avatar-position.s9,
    .why-us-avatar-position.s10 {
        width: 7.5rem
    }

    .why-us-avatar-position.s11 {
        width: 6rem
    }

    .why-us-avatar-position.s12 {
        width: 9.8rem
    }

    .why-us-avatar-position.s13,
    .why-us-avatar-position.s14,
    .why-us-avatar-position.s15,
    .why-us-avatar-position.s16 {
        width: 7.5rem
    }

    .why-us-avatar-position.s17,
    .why-us-avatar-position.s18 {
        width: 9.8rem
    }

    .why-us-avatar-position.s19 {
        width: 7.5rem
    }

    .invest-avatar {
        border-radius: 5.2rem;
        width: 20rem
    }

    .invest-down-block {
        width: 100%
    }

    .invest-d-headline {
        font-size: 6.4rem
    }

    .review-avatar {
        width: 10.6rem
    }

    .review-author-name {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem
    }

    .verefication-tag {
        width: 4.5rem
    }

    .review-media-icon {
        width: 6.4rem
    }

    .review-social-info {
        grid-column-gap: 6.4rem;
        grid-row-gap: 6.4rem
    }

    .review-info-svg {
        width: 5.4rem;
        height: 5.4rem
    }

    .r-social-component {
        grid-column-gap: .6rem;
        grid-row-gap: .6rem
    }

    .cs-slider-buttons.reviews-s {
        grid-column-gap: 6.4rem;
        grid-row-gap: 6.4rem;
        justify-content: center;
        position: relative
    }

    .cs-slider-button-prev.reviews-button,
    .cs-slider-button-next.reviews-button {
        width: 16rem
    }

    .reviews-slider-arrow {
        width: 6.4rem;
        height: 6.4rem
    }

    .footer-bg {
        aspect-ratio: 26/50;
        background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425e5_fan-hero-bg-p.avif);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 80rem
    }

    .footer-brand {
        width: 60rem
    }

    .footer-content {
        grid-column-gap: 18rem;
        grid-row-gap: 18rem;
        width: 100%
    }

    .footer-links {
        grid-column-gap: var(--_sizes---content-space--l);
        grid-row-gap: var(--_sizes---content-space--2xl);
        flex-flow: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        width: 100%;
        display: flex
    }

    .page-links-list {
        width: 39rem
    }

    .page-links-list.media {
        width: 100%
    }

    .page-links-list.s3 {
        width: 38rem
    }

    .page-links-items {
        grid-column-gap: 2.2rem;
        grid-row-gap: 2.2rem
    }

    .page-links-items.media {
        grid-column-gap: 4.2rem;
        grid-row-gap: 4.2rem
    }

    .footer-nav-link {
        white-space: normal
    }

    .media-link {
        width: 12.8rem
    }

    .media-link-svg {
        width: 6.4rem;
        height: 6.4rem
    }

    .footer-down-block {
        grid-column-gap: 6.4rem;
        grid-row-gap: 6.4rem;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .cta-card-descript {
        top: 8rem
    }

    .pair-card-view {
        width: 100%
    }

    .pair-card-view.s1.cta-s,
    .pair-card-view.s2.cta-s {
        perspective: 200rem
    }

    .pair-cards.cta-s,
    .pair-cards.why-us-s {
        flex-flow: column
    }

    .main-button-wrapper {
        width: 100%
    }

    .invest-bg {
        aspect-ratio: 51.8/100;
        background-image: linear-gradient(180deg, var(--base--950), var(--base--transparent)20%, var(--base--transparent)78%, var(--base--950)), url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425e6_invest-bg-p.avif);
        background-position: 0 0, 50%;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover
    }

    .carousel {
        perspective: 200rem
    }

    .card {
        width: 22rem
    }

    .card.invest-s {
        border-radius: 2.2rem;
        width: 38rem
    }

    .crator-hero-cards {
        width: 100%;
        top: 5rem;
        right: auto
    }

    .creator-hero-card-image {
        border-radius: 6rem;
        width: 40rem
    }

    .creator-money.s1 {
        width: 39rem
    }

    .creator-money.s2 {
        width: 28rem
    }

    .monetize-banner {
        background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425e3_08588bba698894999e309555819e2850_banner-light-p.png);
        background-position: 50% 100%;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 100rem
    }

    .monetize-banner-text {
        width: auto
    }

    .monetize-text-alert {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .monetize-alert-svg {
        width: 5.4rem;
        height: 5.4rem
    }

    .monetize-phone-area {
        width: 110%;
        inset: auto 0% 0% -5%
    }

    .m-coin.s4 {
        width: 45%;
        left: -8%
    }

    .m-coin.s5 {
        width: 38%;
        right: 2%
    }

    .monetize-benefits {
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        display: flex
    }

    .m-benenefits-tags {
        height: auto
    }

    .m-benenefits-tag {
        padding: 3.2rem 4.2rem
    }

    .m-benenefits-line {
        height: var(--_sizes---stroke-line);
        width: 70%
    }

    .tab-slide-content {
        box-shadow: inset 0 0 8rem #fff3
    }

    ._w-tab-slider {
        border-radius: 5.4rem
    }

    ._w-tab-slider.min-s {
        aspect-ratio: 22/26
    }

    ._w-tab-slider-nav {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        top: 3.4rem;
        right: 5rem
    }

    ._w-tab-slide-phone {
        width: 57rem
    }

    ._w-tab-slider-tag {
        padding: 2.2rem 4.2rem
    }

    ._w-tab-slider-wrapper {
        padding-bottom: 1rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .tab-slide-phone {
        width: 70rem
    }

    .slider-tabs-menu {
        flex: none;
        padding: 1rem;
        display: flex
    }

    .slider-tab-link {
        flex: none;
        padding: 3.7rem 4.2rem
    }

    .tools-grid {
        background-image: linear-gradient(180deg, var(--base--transparent), #1e1e1e 16%);
        flex-flow: column;
        padding: 1rem
    }

    .tool-card {
        grid-column-gap: var(--_sizes---content-space--m);
        grid-row-gap: var(--_sizes---content-space--m);
        border-radius: 5.4rem;
        grid-template-rows: auto;
        grid-template-columns: 12.8rem 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .tools-column {
        width: 100%
    }

    .tools-icon {
        border-radius: 2.4rem;
        width: 100%
    }

    .cta-banner {
        padding-top: 82rem
    }

    .cta-baner-headline {
        font-size: 14.86rem
    }

    .cta-banner-span.s2 {
        left: 5rem
    }

    .cta-banner-text {
        width: auto
    }

    .cta-banner-phone {
        width: 100%;
        height: 100%;
        bottom: -63rem;
        right: 8rem
    }

    .cta-banner-phone-area {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        height: 100%;
        inset: -50% 0% auto;
        overflow: hidden
    }

    .cta-phone-mask {
        background-image: linear-gradient(180deg, var(--base--transparent), #1e1e1e);
        height: 50rem
    }

    .fan-hero-bg {
        aspect-ratio: auto;
        background-image: linear-gradient(180deg, var(--base--transparent)90%, var(--base--950)), url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/6821a59ae3bfe300713425e5_fan-hero-bg-p.avif);
        background-position: 0 0, 50% 0;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        width: 100%;
        height: 100%
    }

    .engage-cards {
        flex: none
    }

    .engage-card {
        aspect-ratio: 80/120;
        width: 80rem
    }

    .engage-card-phone {
        width: 70rem
    }

    .engage-center-card {
        width: 80rem
    }

    .support-cards {
        grid-column-gap: var(--_sizes---content-space--l);
        grid-row-gap: var(--_sizes---content-space--l);
        flex: none
    }

    .support-cards-column {
        width: 80rem
    }

    .carousel-wrapper {
        width: 80rem;
        height: 80rem;
        margin-left: auto;
        margin-right: auto;
        inset: 20rem 0% auto
    }

    .carousel-wrapper.invest-s {
        width: 60rem;
        height: 60rem
    }

    .support-tag {
        padding: 2.2rem 4.2rem
    }

    .support-tag-position.s1 {
        right: 8%
    }

    .support-card-image.s1 {
        width: 46%;
        top: 15%;
        left: 5%
    }

    .fans-be-button {
        z-index: 10;
        padding: 5rem;
        position: absolute;
        inset: auto 0% 0%
    }

    @media only screen and (max-width: 480px) {
        .fans-be-button {
        z-index: 10;
        padding: 0rem;
        position: relative;
        inset: auto 0% 0%
    }
    }

    .engage-cards-wrapper,
    .support-engage-cards {
        width: 100rem;
        padding-left: 6.4rem;
        padding-right: 6.4rem;
        display: flex;
        position: relative;
        left: -6.4rem;
        overflow: auto
    }

    .open-menu-svg,
    .menu-svg-wrapper {
        transition: filter .2s
    }

    .menu-svg-wrapper.change {
        filter: invert()
    }

    .creators-span-top-p {
        text-align: left;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        width: 72rem;
        margin-right: auto;
        display: flex
    }

    .creators-span-down-p {
        text-align: right;
        flex-flow: row;
        justify-content: flex-end;
        align-items: center;
        width: 72rem;
        margin-left: auto;
        display: flex
    }

    .nav-button-wrapper {
        width: 100%
    }

    .app-button-wrapper.beta {
        width: 100%;
        padding-left: 4rem;
        padding-right: 4rem
    }

    .nav-open-button {
        aspect-ratio: 1;
        width: 6.4rem;
        display: block;
        position: absolute;
        right: 4.2rem
    }

    .creators-headline {
        grid-column-gap: 8rem;
        grid-row-gap: 8rem;
        flex-flow: column;
        justify-content: center;
        align-items: stretch;
        display: flex
    }

    .slider-tabs-wrapper {
        justify-content: flex-start;
        align-items: flex-start
    }

    .slider-tab-selector {
        width: 35rem
    }

    .slider-tabs-menu-wrapper {
        width: 100rem;
        padding-left: 6.4rem;
        padding-right: 6.4rem;
        display: flex;
        position: relative;
        left: -6.4rem;
        overflow: auto
    }

    .about-hero-cards {
        top: 30rem
    }

    .about-hero-card {
        width: 52rem
    }

    .about-hero-flip {
        border-radius: 3.8rem
    }

    .about-hero-card-position {
        perspective: 200rem
    }

    .about-hero-card-position.s1 {
        left: -19rem
    }

    .about-hero-card-position.s2 {
        right: -4rem
    }

    .about-hero-logo {
        width: 22rem
    }

    .subheadline-about-hero {
        font-size: 6.4rem
    }

    .space-line-span {
        display: none
    }

    .started-headline {
        flex-flow: column
    }

    .started-top {
        flex-flow: column;
        display: flex
    }

    .how-started-cards {
        aspect-ratio: 4/3;
        order: -1;
        width: 100%;
        position: relative;
        inset: auto
    }

    .how-started-card.s1 {
        width: 40rem;
        top: -10%;
        left: 5%
    }

    .how-started-card.s2 {
        width: 44rem;
        bottom: 20%;
        right: 10%
    }

    .started-down {
        grid-column-gap: 16rem;
        grid-row-gap: 16rem;
        flex-flow: column
    }

    .started-content {
        width: auto
    }

    .started-avatars {
        width: 100%
    }

    .started-avatar-position {
        border-radius: 2rem
    }

    .started-avatar-position.s1,
    .started-avatar-position.s2 {
        width: 7.5rem
    }

    .started-avatar-position.s3 {
        width: 9.8rem
    }

    .started-avatar-position.s5 {
        width: 10rem
    }

    .started-avatar-position.s6,
    .started-avatar-position.s7,
    .started-avatar-position.s8,
    .started-avatar-position.s9,
    .started-avatar-position.s10 {
        width: 7.5rem
    }

    .started-avatar-position.s4 {
        width: 6rem
    }

    .started-avatar-position.s11,
    .started-avatar-position.s12 {
        width: 7.5rem
    }

    .started-avatar-position.s13 {
        width: 9.8rem
    }

    .started-avatar-position.s14 {
        width: 7.5rem
    }

    .started-phone {
        width: 62rem
    }

    .spotlights-cards {
        aspect-ratio: 28/22;
        flex-flow: wrap;
        width: 100%;
        position: relative
    }

    .spotlight-card-position {
        border-radius: 2.6rem;
        position: absolute
    }

    .spotlight-card-position.s1 {
        width: 22rem;
        transform: translate(33rem, -34rem)
    }

    .spotlight-card-position.s1.view {
        width: 25rem;
        transform: translate(-.3rem, 52.4rem)
    }

    .spotlight-card-position.s2 {
        width: 23rem;
        transform: translate(-33rem, -77rem)
    }

    .spotlight-card-position.s2.view {
        width: 26.8rem;
        transform: translate(-30rem)
    }

    .spotlight-card-position.s3 {
        width: 35rem;
        transform: translate(-21rem, -50rem)
    }

    .spotlight-card-position.s3.view {
        width: 42rem;
        transform: translate(-37.5rem, 26rem)
    }

    .spotlight-card-position.s4 {
        width: 35rem;
        top: auto;
        transform: translateY(-66rem)
    }

    .spotlight-card-position.s4.view {
        width: 42rem;
        transform: translate(37rem, 52.4rem)
    }

    .spotlight-card-position.s5 {
        width: 35rem;
        top: auto;
        transform: translate(27rem, -75rem)
    }

    .spotlight-card-position.s5.view {
        width: 41.6rem;
        transform: translate(7.5rem, 6rem)
    }

    .fans-card.s1,
    .fans-card.s2,
    .fans-card.s3 {
        width: 36rem
    }

    .fans-cards {
        width: 100%;
        position: relative;
        inset: auto
    }

    .fans-card-position.s1 {
        transform: rotate(-14deg)translate(-22rem, 2rem)
    }

    .fans-card-position.s1.view {
        transform: rotate(8deg)translate(17rem, 6rem)
    }

    .fans-card-position.s2 {
        transform: rotate(0)translate(0)
    }

    .fans-card-position.s2.view {
        transform: rotate(-9deg)translate(-14rem)
    }

    .fans-card-position.s3 {
        transform: rotate(26deg)translate(14rem, -17rem)
    }

    .fans-card-position.s3.view {
        transform: rotate(-5deg)translate(-12rem, 128rem)
    }

    .creators-video-embed.close {
        border-radius: 6.8rem;
        width: 40rem;
        height: 76rem
    }

    .form-wrapper,
    .contact-form {
        width: 100%
    }

    .input {
        height: 14rem;
        padding-left: 4rem;
        padding-right: 4rem;
        font-size: 3.74rem
    }

    .input.text-area {
        height: 54rem;
        min-height: 54rem;
        max-height: 54rem;
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .input-wrapper {
        grid-column-gap: 3.2rem;
        grid-row-gap: 3.2rem
    }

    .input-wrapper.radio-s {
        grid-column-gap: 2.2rem;
        grid-row-gap: 2.2rem
    }

    .input-wrapper.pair-s {
        width: 100%
    }

    .input-pair {
        flex-flow: column;
        display: flex
    }

    .contact-email {
        order: 1
    }

    .mail-link {
        color: var(--jam--orange)
    }

    .form-send-block {
        grid-column-gap: var(--_sizes---content-space--xl);
        grid-row-gap: var(--_sizes---content-space--xl);
        flex-flow: column
    }

    .error-message {
        font-size: 3rem
    }

    .error-message.lable {
        height: 2.2rem;
        top: -.7rem;
        left: 4.4rem
    }

    .success-message-wrapper {
        width: 100%;
        padding-bottom: 12rem
    }

    .success-text {
        width: 69rem
    }

    .success-image {
        width: 40rem
    }

    .press-list {
        grid-column-gap: 18rem;
        grid-row-gap: 18rem;
        flex-flow: column
    }

    .press-item {
        width: 80rem
    }

    .press-cover-wrapper {
        width: 78rem
    }

    .started-avatar {
        border-radius: 2rem
    }

    .started-avatar.s1,
    .started-avatar.s2 {
        width: 7.5rem
    }

    .started-avatar.s3 {
        width: 9.8rem
    }

    .started-avatar.s5 {
        width: 10rem
    }

    .started-avatar.s6,
    .started-avatar.s7,
    .started-avatar.s8,
    .started-avatar.s9,
    .started-avatar.s10 {
        width: 7.5rem
    }

    .started-avatar.s4 {
        width: 6rem
    }

    .started-avatar.s11,
    .started-avatar.s12 {
        width: 7.5rem
    }

    .started-avatar.s13 {
        width: 9.8rem
    }

    .started-avatar.s14 {
        width: 7.5rem
    }

    .why-us-avatar {
        border-radius: 2rem
    }

    .why-us-avatar.s1,
    .why-us-avatar.s2 {
        width: 7.5rem
    }

    .why-us-avatar.s3 {
        width: 9.8rem
    }

    .why-us-avatar.s4 {
        width: 7.5rem
    }

    .why-us-avatar.s5 {
        width: 6rem
    }

    .why-us-avatar.s6 {
        width: 10rem
    }

    .why-us-avatar.s7 {
        width: 7.5rem
    }

    .why-us-avatar.s8 {
        width: 9.8rem
    }

    .why-us-avatar.s9,
    .why-us-avatar.s10 {
        width: 7.5rem
    }

    .why-us-avatar.s11 {
        width: 6rem
    }

    .why-us-avatar.s12 {
        width: 9.8rem
    }

    .why-us-avatar.s13,
    .why-us-avatar.s14,
    .why-us-avatar.s15,
    .why-us-avatar.s16 {
        width: 7.5rem
    }

    .why-us-avatar.s17,
    .why-us-avatar.s18 {
        width: 9.8rem
    }

    .why-us-avatar.s19 {
        width: 7.5rem
    }

    .spotlight-card {
        border-radius: 2.6rem;
        position: absolute
    }

    .spotlight-card.s1 {
        width: 22rem;
        transform: translate(33rem, -34rem)
    }

    .spotlight-card.s1.view {
        width: 25rem;
        transform: translateY(165px)
    }

    .spotlight-card.s2 {
        width: 23rem;
        transform: translate(-33rem, -77rem)
    }

    .spotlight-card.s2.view {
        width: 26.8rem;
        transform: translate(-30rem)
    }

    .spotlight-card.s3 {
        width: 35rem;
        transform: translate(-21rem, -50rem)
    }

    .spotlight-card.s3.view {
        width: 42rem;
        transform: translate(-37.5rem, 26rem)
    }

    .spotlight-card.s4 {
        width: 35rem;
        top: auto;
        transform: translateY(-66rem)
    }

    .spotlight-card.s4.view {
        width: 42rem;
        transform: translate(37rem, 51.5rem)
    }

    .spotlight-card.s5 {
        width: 35rem;
        top: auto;
        transform: translate(27rem, -75rem)
    }

    .spotlight-card.s5.view {
        width: 41.6rem;
        transform: translate(7.5rem, 6rem)
    }

    .wr-submit-button {
        width: 100%
    }

    .fan-benefits-trail-area {
        grid-column-gap: 2.8rem;
        grid-row-gap: 2.8rem;
        padding-top: 8rem
    }

    .fan-trail-path,
    .fan-trail-list {
        grid-column-gap: 2.8rem;
        grid-row-gap: 2.8rem
    }

    .fan-trail-tag {
        border-radius: 2.8rem;
        height: 10.4rem;
        padding-left: 4.84rem;
        padding-right: 4.84rem;
        font-size: 2.8rem
    }

    .fan-trail-tag.image-s {
        width: 22rem
    }

    .fan-svg-tag {
        border-radius: 2.8rem;
        width: 10.4rem;
        height: 10.4rem;
        padding: 2.2rem
    }

    .fan-svg-tag.green {
        height: 10.4rem
    }

    .fan-trail-item {
        grid-column-gap: 3.2rem;
        grid-row-gap: 3.2rem
    }

    .benefits-figure {
        width: 58%;
        top: 25%
    }

    .success-title {
        width: 53rem;
        margin-left: auto;
        margin-right: auto
    }

    .fan-hero-button-wrapper {
        order: 1
    }

    .div-block-8 {
        position: absolute;
        inset: 0%;
        overflow: hidden
    }

    .fans-hero-sc {
        width: auto
    }

    .dmca-form-area {
        padding-left: 5.2rem;
        padding-right: 5.2rem
    }

    .dmca-form-wrapper {
        padding: 10rem 6.4rem
    }

    .dmca-form {
        width: 100%
    }

    .dmca-list {
        padding-top: 8.5rem;
        padding-bottom: 10rem
    }

    .dmca-info {
        width: 100%
    }

    .dmca-submit-block {
        padding-top: 10rem
    }

    .form-checkbox {
        grid-column-gap: 2.2rem;
        grid-row-gap: 2.2rem;
        grid-template-rows: auto;
        grid-template-columns: 5.4rem 1fr;
        grid-auto-columns: 1fr;
        width: 90%;
        font-size: 3.74rem;
        display: grid
    }

    .form-checkbox-input {
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%
    }

    .checkbox.error {
        border-radius: 1.1rem;
        width: 5.4rem;
        height: 5.4rem;
        margin-right: 3.2rem
    }

    .dmca-inputs-wrapper {
        grid-column-gap: 10rem;
        grid-row-gap: 10rem
    }

    .form-close {
        width: 6.4rem;
        height: 6.4rem;
        top: 4rem;
        right: 4rem
    }

    .dmca-success-wrapper {
        width: 100%;
        padding: 0
    }

    .beta-pop-area {
        padding-left: 5.2rem;
        padding-right: 5.2rem
    }

    .beta-pop {
        width: 100%;
        padding: 10rem 6.4rem
    }

    .beta-select-form {
        width: 100%
    }

    .form-subtitle {
        font-size: 3.2rem
    }

    .select-form-cards {
        flex-flow: column
    }

    .select-form-card {
        grid-column-gap: 72rem;
        grid-row-gap: 72rem;
        width: 100%;
        padding: 12rem 8.5rem 8.5rem
    }

    .beta-form {
        width: 100%
    }

    .form-radio {
        padding: 1.1rem 3.2rem;
        font-size: 4.26rem
    }

    .beta-submit-block {
        padding-top: 4.2rem
    }

    .beta-success {
        width: 100%
    }

    .success-icon,
    .dmca-success-icon {
        width: 20rem
    }

    .dmca-form-title {
        text-align: center
    }

    .open-form,
    .open-form.full-w-p,
    .copyright-text-wrapper {
        width: 100%
    }

    .statement-pop-area {
        justify-content: center;
        align-items: flex-start;
        padding: 5.2rem;
        overflow: auto
    }

    .statement-pop {
        width: 100%;
        padding: 10rem 6.4rem
    }

    .statement-close {
        width: 6.4rem;
        height: 6.4rem;
        top: 4rem;
        right: 4rem
    }

    .beta-inputs-wrapper {
        grid-column-gap: 10rem;
        grid-row-gap: 10rem
    }

    .checkbox-custom {
        aspect-ratio: 1;
        border-radius: 1.1rem;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-right: 0
    }

    .checkbox-custom.error {
        border-radius: 1.1rem
    }

    .creator-type-radio-buttons {
        grid-column-gap: 2.2rem;
        grid-row-gap: 2.2rem;
        padding-right: 0
    }

    .benefits-card {
        aspect-ratio: 1;
        flex: none;
        width: 80rem;
        padding-bottom: 1rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .benefits-card.s1 {
        margin-bottom: 0
    }

    .benefits-card.s2 {
        margin-top: 0
    }

    .values-card-position.s1 {
        right: 9rem
    }

    .values-card-position.s2 {
        left: 9rem
    }

    .invest-hero-buttons {
        flex-flow: column;
        width: 100%
    }

    .pair-putton-block {
        width: 100%
    }

    .invest-bg-s1 {
        width: 140rem;
        top: 40%;
        left: -97%
    }

    .invest-bg-s2 {
        width: 140rem;
        top: 0%;
        right: -70%
    }

    .why-we-headline {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem
    }

    .why-we-cards-pair.transform {
        transform: none
    }

    .why-we-canter-card {
        order: -1;
        width: 100%
    }

    .why-we-icon {
        width: 22rem;
        top: -52rem
    }

    .why-we-icon.transform {
        transform: translateY(41rem)
    }

    .why-we-card {
        width: 100%
    }

    .why-we-cards {
        flex-flow: column;
        justify-content: flex-start;
        align-items: center
    }

    .stat-height {
        grid-column-gap: 50rem;
        grid-row-gap: 50rem
    }

    .stat-card {
        aspect-ratio: 9/14;
        width: 90rem;
        padding-top: 8.4rem
    }

    .stat-card.s1,
    .stat-card.s2 {
        background-size: cover
    }

    .stat-card.s3 {
        background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/68359b5e8533e05309d133e2_stat-bg-4.webp);
        background-position: 0 0;
        background-size: cover
    }

    .stat-card.first.close {
        width: 90rem;
        height: 140rem;
        padding-left: 10rem;
        transform: none
    }

    .stat-card-cells {
        background-color: #0003;
        flex-flow: column;
        display: flex
    }

    .stat-card-cell {
        padding: 5.4rem 8.2rem 5.4rem 5.4rem
    }

    .stat-cell-line {
        width: 88%;
        height: 1px;
        margin-left: auto;
        margin-right: auto
    }

    .stat-card-list {
        padding-left: 4rem;
        font-size: 3.6rem
    }

    .stat-card-bg {
        background-image: linear-gradient(180deg, var(--base--transparent)45%, var(--jam--oil-black)72%), url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/684188f4424158f1c50b4f15_why-us-bg-p.png);
        background-position: 0 0, 54%;
        background-repeat: repeat, no-repeat;
        background-size: auto, contain;
        height: 140rem;
        inset: 0% 0% auto
    }

    .stat-card-content {
        flex-flow: column
    }

    .stat-card-left-block {
        grid-column-gap: 1.1rem;
        grid-row-gap: 1.1rem;
        flex-flow: column;
        width: 64rem;
        display: flex
    }

    .stat-card-title {
        font-size: 13.8rem
    }

    .stat-titile-star {
        width: 3.2rem;
        left: -8%
    }

    .stat-card-right-block {
        grid-column-gap: 4.2rem;
        grid-row-gap: 4.2rem;
        width: 100%
    }

    .stat-card-right-subtitle.s1 {
        width: 70rem;
        margin-right: auto
    }

    .stat-card-right-subtitle.s2 {
        width: 60rem;
        margin-left: auto
    }

    .opport-subtitle {
        width: 71rem
    }

    .opport-cards {
        width: 100%;
        display: none
    }

    .opport-card {
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        padding: 1.1rem;
        box-shadow: inset 0 0 5.4rem #fff3
    }

    .opport-card.s1 {
        background-image: linear-gradient(#060f1c, #214b85);
        width: 100%
    }

    .opport-card.s2 {
        background-image: linear-gradient(#160b14, #5b195f)
    }

    .opport-card.s3 {
        background-image: linear-gradient(#19120f, #fb9d4f)
    }

    .opport-card.s4 {
        background-image: linear-gradient(#081b0d, #1d431a)
    }

    .opport-card-cover-wrapper {
        width: 100%
    }

    .opport-card-text {
        grid-column-gap: 3.2rem;
        grid-row-gap: 3.2rem;
        width: 100%
    }

    .oppurt-headline {
        font-size: 12rem
    }

    .opport-card-wrapper.s2 {
        right: -5rem
    }

    .invest-contact-card-stroke {
        background-image: linear-gradient(#fd7f42, #ff6013 35%, #614a3f 62%, #302723ba 84%, #48291a);
        width: 100%;
        padding: 1.1rem
    }

    .invest-contact-card {
        border-radius: calc(var(--_sizes---corner-radius--l) - 2.2rem)
    }

    .invest-contact-buttons {
        flex-flow: column;
        width: 100%
    }

    .invest-contact-lines {
        aspect-ratio: 5/7;
        background-image: url(https://cdn.prod.website-files.com/6821a59ae3bfe30071342488/683ef673b15362b785973827_f2398677dc0944db691ee61d4badd258_invest-contact-lines-p.png);
        width: 92rem;
        margin-left: auto;
        margin-right: auto;
        inset: 0% auto auto
    }

    .invest-contact-lines-position {
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: 0;
        inset: auto auto 0%
    }

    .sponsor-contact-mobile {
        width: 100rem;
        bottom: 11%;
        left: -3%
    }

    .invest-policy-info {
        flex-flow: column;
        inset: auto auto 8.2rem 5.4rem
    }

    .sponsor-logo {
        width: 32rem;
        top: 6rem
    }

    .invest-contact-light {
        width: 24rem;
        inset: -31% auto auto 36%;
        transform: rotate(-90deg)
    }

    .cta-banner-wrapper {
        grid-column-gap: 10rem;
        grid-row-gap: 10rem
    }

    .invest-circle-slide {
        perspective: 200rem;
        width: 30rem
    }

    .invest-form-area {
        padding-left: 5.2rem;
        padding-right: 5.2rem
    }

    .invest-form {
        width: 100%
    }

    .invest-form-title {
        text-align: center
    }

    .invest-inputs-wrapper {
        grid-column-gap: 10rem;
        grid-row-gap: 10rem
    }

    .invest-form-wrapper {
        padding: 10rem 6.4rem
    }

    .invest-success-wrapper {
        width: 100%;
        padding: 0
    }

    .invest-success-icon {
        width: 20rem
    }
}

.rs-card-text{
    margin-top: 15px !important;
}