.stv2 {
    --ink:#080b13;
    --muted:#465064;
    --violet:#5d4cff;
    --pink:#ea56aa;

    position:relative;
    isolation:isolate;
    overflow:hidden;
    margin:0;
    padding: 42px 0 34px;
    min-height:100svh;
    color:var(--ink);

    background:
        radial-gradient(circle at 79% 37%,
            rgba(115,91,255,.17) 0,
            rgba(115,91,255,.07) 22%,
            transparent 48%),
        radial-gradient(circle at 94% 88%,
            rgba(235,91,181,.14) 0,
            rgba(130,100,255,.07) 27%,
            transparent 50%),
        linear-gradient(120deg,
            #fff 0%,
            #fcfcff 42%,
            #f4f3ff 76%,
            #faf6ff 100%);
}

.stv2 *,
.stv2 *::before,
.stv2 *::after {
    box-sizing:border-box;
}

.stv2__wrap {
    width:min(1540px,calc(100% - 72px));
    margin:0 auto;
}

.stv2__main {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(570px,.96fr) minmax(500px,1.04fr);
    align-items:start;
    min-height:590px;
}

.stv2__copy {
    position:relative;
    z-index:5;
    max-width:760px;
    padding-bottom:30px;
}

.stv2__tag {
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:44px;
    padding:0 18px;
    border:1px solid rgba(99,79,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.66);
    color:#6252ff;
    font-size:16px;
    line-height:1;
    font-weight:500;
}

.stv2__tag svg {
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
}

.stv2__title {
    margin:27px 0 0 !important;
    max-width:760px;
    color:var(--ink) !important;
    font-size:clamp(64px,5.05vw,88px) !important;
    line-height:.98 !important;
    letter-spacing:-.062em !important;
    font-weight:760 !important;
}

.stv2__gradient {
    display:block;
    width:max-content;
    max-width:100%;
    padding-right:.06em;
    color:transparent;
    background:linear-gradient(
        100deg,
        #5048ff 0%,
        #7850ff 50%,
        #e956aa 100%);
    -webkit-background-clip:text;
    background-clip:text;
}

.stv2__lead {
    margin:30px 0 0 !important;
    max-width:590px;
    color:var(--muted) !important;
    font-size:20px !important;
    line-height:1.62 !important;
    letter-spacing:-.018em;
}

.stv2__actions {
    display:flex;
    align-items:center;
    gap:50px;
    margin-top:38px;
}

.stv2__cta {
    min-width:350px;
    min-height:72px;
    padding:0 29px 0 36px;
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    border:0 !important;
    border-radius:14px;
    color:#fff !important;
    text-decoration:none !important;
    background:linear-gradient(
        105deg,
        #554cff 0%,
        #7950ff 49%,
        #eb55aa 100%);
    box-shadow:0 18px 42px rgba(101,73,255,.19);
    font-size:17px;
    font-weight:600;
}

.stv2__link {
    display:inline-flex;
    align-items:center;
    gap:18px;
    min-height:48px;
    color:var(--ink) !important;
    text-decoration:none !important;
    font-size:16px;
    font-weight:600;
}

.stv2__link span {
    padding-bottom:5px;
    border-bottom:1px dashed #858b98;
}

.stv2__cta svg,
.stv2__link svg {
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.stv2__visual {
    position:relative;
    align-self:stretch;
    min-height:590px;
    pointer-events:none;
}

.stv2__visual::before {
    content:"";
    position:absolute;
    z-index:0;
    width:min(650px,46vw);
    aspect-ratio:1;
    right:-1%;
    top:48%;
    transform:translateY(-50%);
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(255,255,255,.30) 0%,
        rgba(129,100,255,.13) 35%,
        rgba(100,78,255,.05) 57%,
        transparent 70%);
}

.stv2__visual::after {
    content:"";
    position:absolute;
    z-index:1;
    width:min(650px,46vw);
    height:min(710px,50vw);
    right:-1%;
    top:48%;
    transform:translateY(-50%) rotate(25deg);
    border:2px solid rgba(255,255,255,.77);
    border-radius:50%;
    box-shadow:
        0 0 16px rgba(130,100,255,.18),
        inset 0 0 15px rgba(255,255,255,.4);
}

.stv2__orbit {
    position:absolute;
    z-index:1;
    width:min(710px,50vw);
    height:min(520px,38vw);
    right:-5%;
    top:52%;
    transform:translateY(-50%) rotate(-18deg);
    border:2px solid rgba(129,99,255,.14);
    border-radius:50%;
}

.stv2__picture {
    position:absolute;
    z-index:3;
    width:min(790px,51vw);
    right:clamp(-95px,-4.5vw,-35px);
    bottom:-75px;
    line-height:0;
}

.stv2__picture img {
    display:block;
    width:100% !important;
    height:auto !important;
    max-width:none !important;
    margin:0 !important;
}

.stv2__bottom {
    position:relative;
    z-index:7;
    display:grid;
    grid-template-columns:1fr;
    align-items:center;
    gap: 0;
}

.stv2__cards {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.stv2__card {
    min-height:108px;
    padding:17px 17px 17px 15px;
    display:flex;
    align-items:center;
    gap:15px;
    border:1px solid rgba(101,82,255,.12);
    border-radius:18px;
    background:rgba(255,255,255,.78);
    box-shadow:0 12px 32px rgba(62,45,145,.035);
}

.stv2__ico {
    flex:0 0 auto;
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border:1px solid rgba(101,82,255,.07);
    border-radius:14px;
    background:linear-gradient(145deg,#f2efff,#fff);
    color:#6251ff;
}

.stv2__ico svg {
    width:34px;
    height:34px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.stv2__card strong {
    display:block;
    margin-bottom:5px;
    color:var(--ink);
    font-size:15px;
    line-height:1.2;
}

.stv2__card small {
    display:block;
    color:#596175;
    font-size:12.5px;
    line-height:1.4;
}

@media(max-width:1250px) {
.stv2__wrap {
        width:min(1180px,calc(100% - 48px));
    }

.stv2__main {
        grid-template-columns:minmax(500px,1fr) minmax(390px,.9fr);
    }

.stv2__title {
        font-size:clamp(58px,5.6vw,74px) !important;
    }

.stv2__bottom {
        grid-template-columns:1fr;
        gap:18px;
    }
}

@media(max-width:767px) {
.stv2 {
        min-height:auto;
        padding: 28px 0 25px;
    }

.stv2__wrap {
        width:calc(100% - 30px);
    }

.stv2__main {
        display:block;
        min-height:0;
    }

.stv2__copy {
        max-width:none;
        padding:0;
    }

.stv2__tag {
        min-height:35px;
        padding:0 12px;
        gap:7px;
        font-size:12px;
    }

.stv2__tag svg {
        width:18px;
        height:18px;
    }

.stv2__title {
        margin-top:19px !important;
        font-size:clamp(43px,12.7vw,54px) !important;
        line-height:.98 !important;
    }

.stv2__lead {
        max-width:360px;
        margin-top:21px !important;
        font-size:16px !important;
        line-height:1.48 !important;
    }

.stv2__actions {
        margin-top:27px;
        flex-direction:column;
        align-items:stretch;
        gap:14px;
    }

.stv2__cta {
        width:100%;
        min-width:0;
        min-height:58px;
        padding:0 22px;
        font-size:15px;
    }

.stv2__link {
        align-self:flex-start;
        min-height:36px;
        font-size:14px;
    }

.stv2__visual {
        min-height:390px;
    }

.stv2__picture {
        width:min(470px,122vw);
        right:-35%;
        bottom:-48px;
    }

.stv2__visual::before {
        width:112vw;
        right:-36%;
        top:52%;
    }

.stv2__visual::after {
        width:103vw;
        height:114vw;
        right:-24%;
        top:53%;
    }

.stv2__orbit {
        width:115vw;
        height:77vw;
        right:-34%;
        top:55%;
    }

.stv2__bottom {
        display:block;
    }

.stv2__cards {
        margin:0 -15px;
        padding:0 15px;
        display:flex;
        gap:11px;
        overflow-x:auto;
        scrollbar-width:none;
        scroll-snap-type:x proximity;
    }

.stv2__cards::-webkit-scrollbar {
        display:none;
    }

.stv2__card {
        flex:0 0 min(278px,83vw);
        min-height:94px;
        padding:15px;
        scroll-snap-align:start;
    }
}

@media(max-width:370px) {
.stv2 {
        padding-top: 24px;
    }

.stv2__wrap {
        width:calc(100% - 26px);
    }

.stv2__title {
        font-size:43px !important;
    }

.stv2__lead {
        font-size:15px !important;
    }

.stv2__visual {
        min-height:355px;
    }

.stv2__picture {
        width:126vw;
        right:-39%;
    }
}

@media (max-width: 767px) {
.stv2__picture {
        bottom: -72px;
    }

.stv2__cards {
        position: relative;

        width: 100%;
        height: 102px;

        margin: 0;
        padding: 0;

        display: block;

        overflow: hidden;
    }

.stv2__card {
        position: absolute;

        inset: 0;

        width: 100%;
        min-height: 102px;

        margin: 0;
        padding: 15px 17px;

        opacity: 0;

        transform:
            translateY(9px)
            scale(.985);

        pointer-events: none;

        animation:
            stv2-mobile-card-cycle
            9s
            ease-in-out
            infinite;
    }

.stv2__card:nth-child(1) {
        animation-delay: 0s;
    }

.stv2__card:nth-child(2) {
        animation-delay: 3s;
    }

.stv2__card:nth-child(3) {
        animation-delay: 6s;
    }

@keyframes stv2-mobile-card-cycle {

        0% {
            opacity: 0;
            transform:
                translateY(9px)
                scale(.985);
        }

        7% {
            opacity: 1;
            transform:
                translateY(0)
                scale(1);
        }

        27% {
            opacity: 1;
            transform:
                translateY(0)
                scale(1);
        }

        33% {
            opacity: 0;
            transform:
                translateY(-7px)
                scale(.99);
        }

        100% {
            opacity: 0;
            transform:
                translateY(-7px)
                scale(.99);
        }
    }
}

@media (max-width: 370px) {
.stv2__picture {
        bottom: -76px;
    }

.stv2__cards {
        height: 98px;
    }

.stv2__card {
        min-height: 98px;
        padding: 13px 15px;
    }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
.stv2__card {
        display: none;
        animation: none;
        opacity: 1;
        transform: none;
    }

.stv2__card:first-child {
        display: flex;
    }
}