.index-container {
    margin-bottom: 10rem;
    margin-top: 15rem;
}

.index-parallax {
    max-width: 636px;
}

.index-parallax-layer-0 {
    top: 52%;
}

.index-parallax-layer-1 {
    padding-right: 30%;
    padding-left: 57%;
}

.index-parallax-layer-2 {
    padding-right: 60%;
    padding-left: 27.6%;
    padding-top: 13.3%;
}

.index-parallax-layer-3 {
    padding-right: 85.8%;
    padding-top: 32.7%;
}

.index-parallax-layer-4 {
    padding-left: 85.8%;
    padding-top: 35.5%;
}

.index-parallax-layer-5 {
    padding-right: 22%;
    padding-left: 65%;
    padding-top: 30.7%;
}

.index-parallax-layer-6 {
    padding-right: 42%;
    padding-left: 45%;
    padding-top: 65%;
}

.index-parallax-layer-7 {
    padding-right: 75%;
    padding-left: 11.1%;
    padding-top: 72%;
}

.index-parallax-layer-8 {
    padding-right: 65%;
    padding-left: 20%;
    padding-top: 52.9%;
}

.index-parallax-layer-9 {
    padding-right: 16%;
    padding-left: 71.4%;
    padding-top: 60%;
}

.index-parallax-layer-10 {
    padding-right: 44%;
    padding-left: 43.4%;
    padding-top: 87%;
}

.index-parallax-heos {
    padding-right: 8%;
    padding-left: 79.4%;
    padding-top: 17%;
}

.index-gui-section {
    padding-top: 5rem;
    padding-bottom: 8rem;
    background-color: #2D2D2D;
}

.index-phone-frame {
    max-width: 328px;
    background-image: url('/img/index/phone/phone.png');
}

.index-jarallax-house-bg {
    background-image: url('/img/index/house-background.jpg');
}

.index-section-pt-250 {
    height: 250px;
}

.index-section-pt-200 {
    height: 200px;
}

.index-max-width-300 {
    max-width: 300px;
}

.index-try-card {
    max-width: 17rem;
}

.index-gradient-bg {
    background: linear-gradient(90deg, #0B0F19 0%, #172033 51.04%, #0B0F19 100%);
}

.index-jarallax-hero-bg {
    background-image: url('/img/index/hero-bg-pattern.png');
}

.index-section-pt-480 {
    height: 480px;
}

.index-section-pt-400 {
    height: 400px;
}

.index-swoosh-bg {
    color: var(--si-body-bg);
}

.index-swoosh-svg {
    width: 3774px;
}

.index-margin-top-n428 {
    margin-top: -428px;
}

.index-margin-top-n370 {
    margin-top: -370px;
}

.index-card-gradient {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.00) 35.56%, #2D2D2D 100%);
}