.hero-dev {
    background-color: var(--paper);
}
.hero-dev .hero-dev__illustration-1 {
    z-index: 3;
}
.hero-dev .hero-dev__illustration-1 .visual__content {
    background-position: center center;
    border-width: var(--visual-borderwidth,0);
    border-style: var(--visual-borderstyle,solid);
    border-color: var(--visual-bordercolor,transparent);
    transition: background-color var(--visual-speedhover,0s) ease-in-out,color var(--visual-speedhover,0s) ease-in-out,border-color var(--visual-speedhover,0s) ease-in-out,box-shadow var(--visual-shadowshoverspeed,0.2s) ease-in-out;
}
.hero-dev .hero-dev__illustration-2 {
    z-index: 4;
}
.hero-dev .hero-dev__illustration-2 .visual__content {
    background-position: center center;
    border-width: var(--visual-borderwidth,0);
    border-style: var(--visual-borderstyle,solid);
    border-color: var(--visual-bordercolor,transparent);
    transition: background-color var(--visual-speedhover,0s) ease-in-out,color var(--visual-speedhover,0s) ease-in-out,border-color var(--visual-speedhover,0s) ease-in-out,box-shadow var(--visual-shadowshoverspeed,0.2s) ease-in-out;
}
.hero-dev .hero-dev__shape-1 {
    z-index: 6;
}
.hero-dev .hero-dev__shape-1 .visual__content {
    border-radius: 40px;
    background-color: var(--red);
    background-position: center center;
    border-width: var(--visual-borderwidth,0);
    border-style: var(--visual-borderstyle,solid);
    border-color: var(--visual-bordercolor,transparent);
    transition: background-color var(--visual-speedhover,0s) ease-in-out,color var(--visual-speedhover,0s) ease-in-out,border-color var(--visual-speedhover,0s) ease-in-out,box-shadow var(--visual-shadowshoverspeed,0.2s) ease-in-out;
}
.hero-dev .hero-dev__text-1 {
    color: var(--white);
    text-align: center;
    z-index: 7;
    pointer-events: none;
}
.hero-dev .hero-dev__text-1 .visual__content {
    color: var(--white);
    font-size: calc(22px + 0.013888889 * var(--desktop-growth));
    font-family: "Actay",Arial,sans-serif;
    line-height: round(nearest, 1em, 1px);
    font-weight: 700;
    background-position: center center;
    border-width: var(--visual-borderwidth,0);
    border-style: var(--visual-borderstyle,solid);
    border-color: var(--visual-bordercolor,transparent);
    transition: background-color var(--visual-speedhover,0s) ease-in-out,color var(--visual-speedhover,0s) ease-in-out,border-color var(--visual-speedhover,0s) ease-in-out,box-shadow var(--visual-shadowshoverspeed,0.2s) ease-in-out;
    text-shadow: var(--visual-shadow-text-x,0px) var(--visual-shadow-text-y,0px) var(--visual-shadow-text-blur,0px) rgba(var(--visual-shadow-text-color),var(--visual-shadow-text-opacity,100%));
}
@media screen and (max-width:1839px) {
    .hero-dev .hero-dev__text-1 .visual__content {
        font-size: calc(22px + 0.013888889 * var(--desktop-growth));
        background-size: cover;
    }
}
@media screen and (max-width:479px) {
    .hero-dev .hero-dev__text-1 .visual__content {
        font-size: 18px;
        background-size: cover;
    }
}
.hero-dev .hero-dev__shape-2 {
    z-index: 8;
    pointer-events: none;
}
.hero-dev .hero-dev__shape-2 .visual__content {
    border-radius: 3000px;
    background-color: var(--white);
    background-position: center center;
    border-width: var(--visual-borderwidth,0);
    border-style: var(--visual-borderstyle,solid);
    border-color: var(--visual-bordercolor,transparent);
    transition: background-color var(--visual-speedhover,0s) ease-in-out,color var(--visual-speedhover,0s) ease-in-out,border-color var(--visual-speedhover,0s) ease-in-out,box-shadow var(--visual-shadowshoverspeed,0.2s) ease-in-out;
}
.hero-dev .hero-dev__illustration-3 {
    z-index: 9;
    pointer-events: none;
}
.hero-dev .hero-dev__illustration-3 .visual__content {
    background-position: center center;
    border-width: var(--visual-borderwidth,0);
    border-style: var(--visual-borderstyle,solid);
    border-color: var(--visual-bordercolor,transparent);
    transition: background-color var(--visual-speedhover,0s) ease-in-out,color var(--visual-speedhover,0s) ease-in-out,border-color var(--visual-speedhover,0s) ease-in-out,box-shadow var(--visual-shadowshoverspeed,0.2s) ease-in-out;
}
.hero-dev .hero-dev__shape-3 {
    z-index: 11;
}
.hero-dev .hero-dev__shape-3 .visual__content {
    border-radius: 80px;
    background-position: center center;
    --visual-borderwidth: 7px;
    --visual-bordercolor: var(--red);
    border-width: var(--visual-borderwidth,0);
    border-style: var(--visual-borderstyle,solid);
    border-color: var(--visual-bordercolor,transparent);
    transition: background-color var(--visual-speedhover,0s) ease-in-out,color var(--visual-speedhover,0s) ease-in-out,border-color var(--visual-speedhover,0s) ease-in-out,box-shadow var(--visual-shadowshoverspeed,0.2s) ease-in-out;
}
@media screen and (max-width:479px) {
    .hero-dev .hero-dev__shape-3 .visual__content {
        background-size: cover;
        --visual-borderwidth: 5px;
    }
}
.hero-dev .hero-dev__text-2 {
    color: var(--black);
    z-index: 12;
}
.hero-dev .hero-dev__text-2 .visual__content {
    color: var(--black);
    font-size: calc(78px + 0.036111111 * var(--desktop-growth));
    font-family: "Actay",Arial,sans-serif;
    line-height: round(nearest, 1em, 1px);
    font-weight: 700;
    text-transform: uppercase;
    background-position: center center;
    border-width: var(--visual-borderwidth,0);
    border-style: var(--visual-borderstyle,solid);
    border-color: var(--visual-bordercolor,transparent);
    transition: background-color var(--visual-speedhover,0s) ease-in-out,color var(--visual-speedhover,0s) ease-in-out,border-color var(--visual-speedhover,0s) ease-in-out,box-shadow var(--visual-shadowshoverspeed,0.2s) ease-in-out;
    text-shadow: var(--visual-shadow-text-x,0px) var(--visual-shadow-text-y,0px) var(--visual-shadow-text-blur,0px) rgba(var(--visual-shadow-text-color),var(--visual-shadow-text-opacity,100%));
}
@media screen and (max-width:1839px) {
    .hero-dev .hero-dev__text-2 .visual__content {
        font-size: calc(78px + 0.036111111 * var(--desktop-growth));
        background-size: cover;
    }
}
@media screen and (max-width:1199px) {
    .hero-dev .hero-dev__text-2 .visual__content {
        font-size: 54px;
        background-size: cover;
    }
}
@media screen and (max-width:959px) {
    .hero-dev .hero-dev__text-2 .visual__content {
        font-size: 48px;
        background-size: cover;
    }
}
@media screen and (max-width:639px) {
    .hero-dev .hero-dev__text-2 {
        text-align: center;
    }
    .hero-dev .hero-dev__text-2 .visual__content {
        font-size: 38px;
        background-size: cover;
    }
}
@media screen and (max-width:479px) {
    .hero-dev .hero-dev__text-2 .visual__content {
        font-size: 24px;
        background-size: cover;
    }
}
.hero-dev .hero-dev__heading-1 {
    color: var(--black);
    z-index: 13;
}
.hero-dev .hero-dev__heading-1 .visual__content {
    color: var(--black);
    font-size: calc(78px + 0.036111111 * var(--desktop-growth));
    font-family: "Actay",Arial,sans-serif;
    line-height: round(nearest, 1em, 1px);
    font-weight: 700;
    text-transform: uppercase;
    background-position: center center;
    border-width: var(--visual-borderwidth,0);
    border-style: var(--visual-borderstyle,solid);
    border-color: var(--visual-bordercolor,transparent);
    transition: background-color var(--visual-speedhover,0s) ease-in-out,color var(--visual-speedhover,0s) ease-in-out,border-color var(--visual-speedhover,0s) ease-in-out,box-shadow var(--visual-shadowshoverspeed,0.2s) ease-in-out;
    text-shadow: var(--visual-shadow-text-x,0px) var(--visual-shadow-text-y,0px) var(--visual-shadow-text-blur,0px) rgba(var(--visual-shadow-text-color),var(--visual-shadow-text-opacity,100%));
}
@media screen and (max-width:1839px) {
    .hero-dev .hero-dev__heading-1 .visual__content {
        font-size: calc(78px + 0.036111111 * var(--desktop-growth));
        background-size: cover;
    }
}
@media screen and (max-width:1199px) {
    .hero-dev .hero-dev__heading-1 .visual__content {
        font-size: 54px;
        background-size: cover;
    }
}
@media screen and (max-width:959px) {
    .hero-dev .hero-dev__heading-1 .visual__content {
        font-size: 48px;
        background-size: cover;
    }
}
@media screen and (max-width:639px) {
    .hero-dev .hero-dev__heading-1 .visual__content {
        font-size: 38px;
        background-size: cover;
    }
}
@media screen and (max-width:479px) {
    .hero-dev .hero-dev__heading-1 {
        text-align: center;
    }
    .hero-dev .hero-dev__heading-1 .visual__content {
        font-size: 24px;
        background-size: cover;
    }
}
.hero-dev {
    height: calc(740px + 0.394444444 * var(--desktop-growth));
}
.hero-dev .hero-dev__illustration-1 {
    left: calc(-373px + 100% + -0.212500000 * var(--desktop-growth));
    top: auto;
    width: 880px;
    height: auto;
    bottom: calc(-457px + 0.094444444 * var(--desktop-growth));
}
.hero-dev .hero-dev__illustration-2 {
    left: calc(-426px + 0.079166667 * var(--desktop-growth));
    top: calc(-576px + 0.173611111 * var(--desktop-growth));
    width: 800px;
    height: auto;
}
.hero-dev .hero-dev__shape-1 {
    left: calc(-153.5px + 50% + -0.118750000 * var(--desktop-growth));
    top: calc(480px + 0.243055556 * var(--desktop-growth));
    width: calc(307px + 0.145833333 * var(--desktop-growth));
    height: calc(66px + 0.030555556 * var(--desktop-growth));
}
.hero-dev .hero-dev__text-1 {
    left: calc(-145.5px + 50% + -0.063194444 * var(--desktop-growth));
    top: calc(502px + 0.251388889 * var(--desktop-growth));
    width: calc(241px + 0.037500000 * var(--desktop-growth));
    height: auto;
}
.hero-dev .hero-dev__shape-2 {
    left: calc(94px + 50% + 0.020833333 * var(--desktop-growth));
    top: calc(492px + 0.248611111 * var(--desktop-growth));
    width: calc(42px + 0.019444444 * var(--desktop-growth));
    height: calc(42px + 0.019444444 * var(--desktop-growth));
}
.hero-dev .hero-dev__illustration-3 {
    left: calc(106px + 50% + 0.026388889 * var(--desktop-growth));
    top: calc(506px + 0.255555556 * var(--desktop-growth));
    width: calc(18px + 0.008333333 * var(--desktop-growth));
    height: auto;
}
.hero-dev .hero-dev__shape-3 {
    left: calc(-533px + 50% + -0.189583333 * var(--desktop-growth));
    top: calc(194px + 0.143055556 * var(--desktop-growth));
    width: calc(860px + 0.418055556 * var(--desktop-growth));
    height: calc(126px + 0.037500000 * var(--desktop-growth));
}
.hero-dev .hero-dev__text-2 {
    left: calc(-501px + 50% + -0.170833333 * var(--desktop-growth));
    top: calc(224px + 0.147222222 * var(--desktop-growth));
    width: calc(358px + 0.280555556 * var(--desktop-growth));
    height: auto;
}
.hero-dev .hero-dev__heading-1 {
    left: calc(-430px + 50% + -0.194444444 * var(--desktop-growth));
    top: calc(355px + 0.220833333 * var(--desktop-growth));
    width: calc(962px + 0.430555556 * var(--desktop-growth));
    height: auto;
}
@media (max-width:1839px) {
    .hero-dev {
        height: calc(740px + 0.394444444 * var(--desktop-growth));
    }
    .hero-dev .hero-dev__illustration-1 {
        left: calc(-373px + 100% + -0.212500000 * var(--desktop-growth));
        top: auto;
        width: 880px;
        height: auto;
        bottom: calc(-457px + 0.094444444 * var(--desktop-growth));
    }
    .hero-dev .hero-dev__illustration-2 {
        left: calc(-426px + 0.079166667 * var(--desktop-growth));
        top: calc(-576px + 0.173611111 * var(--desktop-growth));
        width: 800px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-1 {
        left: calc(-153.5px + 50% + -0.118750000 * var(--desktop-growth));
        top: calc(480px + 0.243055556 * var(--desktop-growth));
        width: calc(307px + 0.145833333 * var(--desktop-growth));
        height: calc(66px + 0.030555556 * var(--desktop-growth));
    }
    .hero-dev .hero-dev__text-1 {
        left: calc(-145.5px + 50% + -0.063194444 * var(--desktop-growth));
        top: calc(502px + 0.251388889 * var(--desktop-growth));
        width: calc(241px + 0.037500000 * var(--desktop-growth));
        height: auto;
    }
    .hero-dev .hero-dev__shape-2 {
        left: calc(94px + 50% + 0.020833333 * var(--desktop-growth));
        top: calc(492px + 0.248611111 * var(--desktop-growth));
        width: calc(42px + 0.019444444 * var(--desktop-growth));
        height: calc(42px + 0.019444444 * var(--desktop-growth));
    }
    .hero-dev .hero-dev__illustration-3 {
        left: calc(106px + 50% + 0.026388889 * var(--desktop-growth));
        top: calc(506px + 0.255555556 * var(--desktop-growth));
        width: calc(18px + 0.008333333 * var(--desktop-growth));
        height: auto;
    }
    .hero-dev .hero-dev__shape-3 {
        left: calc(-533px + 50% + -0.189583333 * var(--desktop-growth));
        top: calc(194px + 0.143055556 * var(--desktop-growth));
        width: calc(860px + 0.418055556 * var(--desktop-growth));
        height: calc(126px + 0.037500000 * var(--desktop-growth));
    }
    .hero-dev .hero-dev__text-2 {
        left: calc(-501px + 50% + -0.170833333 * var(--desktop-growth));
        top: calc(224px + 0.147222222 * var(--desktop-growth));
        width: calc(358px + 0.280555556 * var(--desktop-growth));
        height: auto;
    }
    .hero-dev .hero-dev__heading-1 {
        left: calc(-430px + 50% + -0.194444444 * var(--desktop-growth));
        top: calc(355px + 0.220833333 * var(--desktop-growth));
        width: calc(962px + 0.430555556 * var(--desktop-growth));
        height: auto;
    }
}
@media (max-width:1199px) {
    .hero-dev {
        height: 580px;
    }
    .hero-dev .hero-dev__illustration-1 {
        left: calc(100% - 880px + 622px);
        top: auto;
        width: 880px;
        height: auto;
        bottom: calc(-1 * 484px);
    }
    .hero-dev .hero-dev__illustration-2 {
        left: -426px;
        top: -576px;
        width: 800px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-1 {
        left: calc(50% - (307px)/2 + -5px);
        top: 394px;
        width: 307px;
        height: 66px;
    }
    .hero-dev .hero-dev__text-1 {
        left: calc(50% - (241px)/2 + -30px);
        top: 416px;
        width: 241px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-2 {
        left: calc(50% - (42px)/2 + 110px);
        top: 406px;
        width: 42px;
        height: 42px;
    }
    .hero-dev .hero-dev__illustration-3 {
        left: calc(50% - (18px)/2 + 110px);
        top: 420px;
        width: 18px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-3 {
        left: calc(50% - (611px)/2 + -52px);
        top: 200px;
        width: 611px;
        height: 91px;
    }
    .hero-dev .hero-dev__text-2 {
        left: calc(50% - (286px)/2 + -185px);
        top: 223px;
        width: 286px;
        height: auto;
    }
    .hero-dev .hero-dev__heading-1 {
        left: calc(50% - (659px)/2 + 54px);
        top: 316px;
        width: 659px;
        height: auto;
    }
}
@media (max-width:959px) {
    .hero-dev {
        height: 720px;
    }
    .hero-dev .hero-dev__illustration-1 {
        left: calc(100% - 880px + 595px);
        top: auto;
        width: 880px;
        height: auto;
        bottom: calc(-1 * 271px);
    }
    .hero-dev .hero-dev__illustration-2 {
        left: -496px;
        top: -618px;
        width: 800px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-1 {
        left: calc(50% - (307px)/2 + 0px);
        top: 391px;
        width: 307px;
        height: 66px;
    }
    .hero-dev .hero-dev__text-1 {
        left: calc(50% - (241px)/2 + -25px);
        top: 413px;
        width: 241px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-2 {
        left: calc(50% - (42px)/2 + 115px);
        top: 403px;
        width: 42px;
        height: 42px;
    }
    .hero-dev .hero-dev__illustration-3 {
        left: calc(50% - (18px)/2 + 115px);
        top: 417px;
        width: 18px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-3 {
        left: calc(50% - (601px)/2 + -1px);
        top: 193px;
        width: 601px;
        height: 91px;
    }
    .hero-dev .hero-dev__text-2 {
        left: calc(50% - (286px)/2 + -99px);
        top: 220px;
        width: 286px;
        height: auto;
    }
    .hero-dev .hero-dev__heading-1 {
        left: calc(50% - (587px)/2 + 4px);
        top: 318px;
        width: 587px;
        height: auto;
    }
}
@media (max-width:639px) {
    .hero-dev {
        height: 610px;
    }
    .hero-dev .hero-dev__illustration-1 {
        left: calc(100% - 592px + 476px);
        top: auto;
        width: 592px;
        height: auto;
        bottom: calc(-1 * 366px);
    }
    .hero-dev .hero-dev__illustration-2 {
        left: -290px;
        top: -285px;
        width: 440px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-1 {
        left: calc(50% - (307px)/2 + 0px);
        top: 353px;
        width: 307px;
        height: 66px;
    }
    .hero-dev .hero-dev__text-1 {
        left: calc(50% - (241px)/2 + -25px);
        top: 375px;
        width: 241px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-2 {
        left: calc(50% - (42px)/2 + 115px);
        top: 365px;
        width: 42px;
        height: 42px;
    }
    .hero-dev .hero-dev__illustration-3 {
        left: calc(50% - (18px)/2 + 115px);
        top: 379px;
        width: 18px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-3 {
        left: calc((100% - 480px)/2 + 10px);
        top: 187px;
        width: 460px;
        height: 79px;
    }
    .hero-dev .hero-dev__text-2 {
        left: calc(50% - (286px)/2 + -49px);
        top: 211px;
        width: 286px;
        height: auto;
    }
    .hero-dev .hero-dev__heading-1 {
        left: calc(50% - (462px)/2 + 4px);
        top: 286px;
        width: 462px;
        height: auto;
    }
}
@media (max-width:479px) {
    .hero-dev {
        height: 430px;
    }
    .hero-dev .hero-dev__illustration-1 {
        left: calc(100% - 409px + 252px);
        top: auto;
        width: 409px;
        height: auto;
        bottom: calc(-1 * 212px);
    }
    .hero-dev .hero-dev__illustration-2 {
        left: -167px;
        top: -142px;
        width: 284px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-1 {
        left: calc(50% - (217px)/2 + 0px);
        top: 250px;
        width: 217px;
        height: 40px;
    }
    .hero-dev .hero-dev__text-1 {
        left: calc(50% - (146px)/2 + -21px);
        top: 262px;
        width: 146px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-2 {
        left: calc(50% - (25px)/2 + 77px);
        top: 257px;
        width: 25px;
        height: 25px;
    }
    .hero-dev .hero-dev__illustration-3 {
        left: calc(50% - (11px)/2 + 77px);
        top: 266px;
        width: 11px;
        height: auto;
    }
    .hero-dev .hero-dev__shape-3 {
        left: calc((100% - 360px)/2 + 37px);
        top: 154px;
        width: 285px;
        height: 40px;
    }
    .hero-dev .hero-dev__text-2 {
        left: calc(50% - (214px)/2 + -14px);
        top: 164px;
        width: 214px;
        height: auto;
    }
    .hero-dev .hero-dev__heading-1 {
        left: calc(50% - (340px)/2 + 8px);
        top: 210px;
        width: 340px;
        height: auto;
    }
}
.section--hero-dev {
    padding-top: 0px;
}
@media (max-width:359px) {
    .hero-dev .hero-dev__heading-1 {
        left: 16px;
        width: calc(100% - 32px);
    }
    .hero-dev .hero-dev__heading-1 .visual__content {
        font-size: 22px;
        line-height: 1.2;
        text-align: center;
    }
}