/*
 * SEGTACH V2 — BELOW-FOLD PAGE CSS
 * Starts with .stv2-how and contains subsequent page sections.
 */

.stv2-how {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:68px 0 64px;
  color:#090d18;
  background:
    radial-gradient(circle at 88% 18%,rgba(112,88,255,.10),transparent 46%),
    radial-gradient(circle at 91% 92%,rgba(235,89,178,.07),transparent 38%),
    linear-gradient(118deg,#fff 0%,#fdfdff 48%,#f7f6ff 100%);
}

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

.stv2-how__wrap {
  position:relative;
  z-index:2;
  width:min(1540px,calc(100% - 72px));
  margin:0 auto;
}

.stv2-how__head {
  max-width:930px;
}

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

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

.stv2-how__title {
  margin:27px 0 0!important;
  max-width:920px;
  color:#090d18!important;
  font-size:clamp(58px,4.8vw,80px)!important;
  line-height:1.015!important;
  letter-spacing:-.057em!important;
  font-weight:760!important;
}

.stv2-how__title::before {
  content:none!important;
}

.stv2-how__title span {
  display:block;
  width:max-content;
  max-width:100%;
  padding-right:.06em;
  color:transparent;
  background:linear-gradient(100deg,#5149ff,#7850ff 52%,#e956ac);
  -webkit-background-clip:text;
  background-clip:text;
}

.stv2-how__lead {
  max-width:680px;
  margin:25px 0 0!important;
  color:#4d576c!important;
  font-size:18px!important;
  line-height:1.58!important;
}

.stv2-how__steps {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:46px;
  margin-top:31px;
}

.stv2-how__card {
  position:relative;
  min-width:0;
  min-height:348px;
  padding:27px 26px 28px;
  border:1px solid rgba(98,79,255,.12);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.72));
  box-shadow:
    0 16px 46px rgba(65,47,151,.035),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.stv2-how__iconbox {
  position:relative;
  width:max-content;
  margin-bottom:22px;
}

.stv2-how__icon {
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border:1px solid rgba(99,80,255,.09);
  border-radius:18px;
  color:#6351ff;
  background:linear-gradient(145deg,#f2efff,#fff);
}

.stv2-how__icon svg {
  width:46px;
  height:46px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.stv2-how__num {
  position:absolute;
  top:-6px;
  right:-16px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#9079ff,#6150ff);
  box-shadow:0 5px 16px rgba(89,69,224,.20);
  font-size:16px;
  font-weight:700;
}

.stv2-how__card h3 {
  margin:0!important;
  color:#090d18!important;
  font-size:22px!important;
  line-height:1.17!important;
  letter-spacing:-.025em!important;
  font-weight:740!important;
}

.stv2-how__card h3::before {
  content:none!important;
}

.stv2-how__card p {
  margin:18px 0 0!important;
  color:#505a70!important;
  font-size:15.5px!important;
  line-height:1.53!important;
}

.stv2-how__arrow {
  position:absolute;
  z-index:8;
  top:139px;
  right:-47px;
  width:47px;
  height:28px;
  display:flex;
  align-items:center;
}

.stv2-how__arrow span {
  width:31px;
  border-top:2px dashed rgba(100,78,255,.42);
}

.stv2-how__arrow svg {
  width:23px;
  height:23px;
  margin-left:-4px;
  fill:none;
  stroke:#6552ff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.stv2-how__result {
  position:relative;
  z-index:4;
  min-height:108px;
  margin-top:38px;
  padding:15px 35px;
  display:flex;
  align-items:center;
  gap:29px;
  border:2px solid transparent;
  border-radius:20px;
  background:
    linear-gradient(rgba(255,255,255,.83),rgba(255,255,255,.83)) padding-box,
    linear-gradient(100deg,#6652ff,#aa5bff 48%,#ed59aa) border-box;
}

.stv2-how__gem {
  width:76px;
  height:76px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:radial-gradient(circle,#fff,#f1eeff);
  box-shadow:0 0 28px rgba(103,77,255,.16);
}

.stv2-how__gem svg {
  width:52px;
  height:52px;
}

.stv2-how__result p {
  margin:0!important;
  color:#090d18!important;
  font-size:20px!important;
  line-height:1.4!important;
  letter-spacing:-.018em;
}

.stv2-how__result strong {
  font-weight:760;
}

.stv2-how__decor {
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  width:48%;
  height:430px;
  pointer-events:none;
  opacity:.65;
}

.stv2-how__orbit {
  position:absolute;
  border:2px solid rgba(255,255,255,.82);
  border-radius:50%;
  box-shadow:0 0 18px rgba(122,95,255,.08);
}

.stv2-how__orbit--1 {
  width:560px;
  height:320px;
  right:-100px;
  top:10px;
  transform:rotate(22deg);
}

.stv2-how__orbit--2 {
  width:505px;
  height:275px;
  right:-35px;
  top:73px;
  transform:rotate(8deg);
}

.stv2-how__orbit--3 {
  width:395px;
  height:215px;
  right:52px;
  top:127px;
  transform:rotate(-8deg);
  border-color:rgba(130,103,255,.14);
}

@media(max-width:1200px) {
.stv2-how__wrap {
    width:min(1120px,calc(100% - 48px));
  }

.stv2-how__steps {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
  }

.stv2-how__card {
    min-height:285px;
  }

.stv2-how__arrow {
    display:none;
  }
}

@media(max-width:767px) {
.stv2-how {
    padding:45px 0 46px;
  }

.stv2-how__wrap {
    width:calc(100% - 28px);
  }

.stv2-how__decor {
    width:100%;
    height:280px;
    opacity:.38;
  }

.stv2-how__orbit--1 {
    width:350px;
    height:210px;
    right:-185px;
  }

.stv2-how__orbit--2 {
    width:315px;
    height:185px;
    right:-125px;
  }

.stv2-how__orbit--3 {
    display:none;
  }

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

.stv2-how__tag svg {
    width:18px;
    height:18px;
  }

.stv2-how__title {
    margin-top:19px!important;
    font-size:clamp(38px,10.8vw,49px)!important;
    line-height:1.01!important;
  }

.stv2-how__lead {
    max-width:355px;
    margin-top:19px!important;
    font-size:15.5px!important;
    line-height:1.48!important;
  }

.stv2-how__steps {
    margin-top:26px;
    grid-template-columns:1fr;
    gap:11px;
  }

.stv2-how__card {
    min-height:0;
    padding:17px;
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    column-gap:15px;
    border-radius:17px;
  }

.stv2-how__iconbox {
    grid-column:1;
    grid-row:1 / span 2;
    margin:0;
  }

.stv2-how__icon {
    width:56px;
    height:56px;
    border-radius:13px;
  }

.stv2-how__icon svg {
    width:34px;
    height:34px;
  }

.stv2-how__num {
    width:25px;
    height:25px;
    top:-5px;
    right:-8px;
    font-size:12px;
  }

.stv2-how__card h3 {
    grid-column:2;
    font-size:18px!important;
    line-height:1.18!important;
  }

.stv2-how__card h3 br {
    display:none;
  }

.stv2-how__card p {
    grid-column:2;
    margin-top:8px!important;
    font-size:13.5px!important;
    line-height:1.43!important;
  }

.stv2-how__result {
    min-height:0;
    margin-top:21px;
    padding:16px;
    gap:13px;
    align-items:flex-start;
    border-width:1.5px;
    border-radius:17px;
  }

.stv2-how__gem {
    width:47px;
    height:47px;
  }

.stv2-how__gem svg {
    width:33px;
    height:33px;
  }

.stv2-how__result p {
    padding-top:2px;
    font-size:14.5px!important;
    line-height:1.43!important;
  }
}

@media(max-width:370px) {
.stv2-how__wrap {
    width:calc(100% - 24px);
  }

.stv2-how__title {
    font-size:38px!important;
  }
}

@media (min-width: 1201px) {
.stv2-how {
        padding-top: 44px;
        padding-bottom: 44px;
    }

.stv2-how__title {
        margin-top: 20px !important;
        font-size: clamp(52px, 4vw, 68px) !important;
        line-height: 1 !important;
    }

.stv2-how__lead {
        margin-top: 18px !important;
        font-size: 17px !important;
        line-height: 1.5 !important;
    }

.stv2-how__steps {
        margin-top: 24px;
        gap: 28px;
    }

.stv2-how__card {
        min-height: 286px;
        padding: 21px 21px 22px;
        border-radius: 19px;
    }

.stv2-how__iconbox {
        margin-bottom: 17px;
    }

.stv2-how__icon {
        width: 64px;
        height: 64px;
        border-radius: 15px;
    }

.stv2-how__icon svg {
        width: 38px;
        height: 38px;
    }

.stv2-how__num {
        width: 28px;
        height: 28px;
        top: -5px;
        right: -14px;
        font-size: 14px;
    }

.stv2-how__card h3 {
        font-size: 20px !important;
        line-height: 1.16 !important;
    }

.stv2-how__card p {
        margin-top: 13px !important;
        font-size: 14.5px !important;
        line-height: 1.46 !important;
    }

.stv2-how__arrow {
        top: 118px;
        right: -29px;
        width: 29px;
    }

.stv2-how__arrow span {
        width: 18px;
    }

.stv2-how__arrow svg {
        width: 19px;
        height: 19px;
    }

.stv2-how__result {
        min-height: 88px;
        margin-top: 26px;
        padding: 11px 28px;
        gap: 22px;
        border-radius: 18px;
    }

.stv2-how__gem {
        width: 60px;
        height: 60px;
    }

.stv2-how__gem svg {
        width: 42px;
        height: 42px;
    }

.stv2-how__result p {
        font-size: 18px !important;
        line-height: 1.35 !important;
    }
}

.stv2-change {
    position: relative;
    isolation: isolate;
    overflow: clip;

    padding: 48px 0 54px;

    color: #080c17;

    background:
        radial-gradient(
            circle at 81% 18%,
            rgba(111, 85, 255, .13) 0,
            rgba(111, 85, 255, .045) 30%,
            transparent 52%
        ),
        radial-gradient(
            circle at 94% 77%,
            rgba(232, 87, 177, .10) 0,
            transparent 40%
        ),
        linear-gradient(
            118deg,
            #fff 0%,
            #fdfdff 43%,
            #f6f4ff 100%
        );
}

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

.stv2-change__wrap {
    position: relative;
    z-index: 2;

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

.stv2-change__head {
    max-width: 940px;
}

.stv2-change__tag {
    min-height: 42px;
    padding: 0 17px;

    display: inline-flex;
    align-items: center;
    gap: 9px;

    border: 1px solid rgba(100, 80, 255, .13);
    border-radius: 999px;

    color: #6252ff;

    background: rgba(255, 255, 255, .70);

    font-size: 15px;
    font-weight: 500;
}

.stv2-change__tag svg {
    width: 21px;
    height: 21px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

.stv2-change__title {
    margin: 20px 0 0 !important;

    color: #080c17 !important;

    font-size: clamp(50px, 4.2vw, 70px) !important;
    line-height: 1.01 !important;
    letter-spacing: -.056em !important;
    font-weight: 760 !important;
}

.stv2-change__title::before {
    content: none !important;
}

.stv2-change__title span {
    color: transparent;

    background:
        linear-gradient(
            100deg,
            #5149ff 0%,
            #7b50ff 48%,
            #e956ac 100%
        );

    -webkit-background-clip: text;
    background-clip: text;
}

.stv2-change__lead {
    max-width: 720px;

    margin: 16px 0 0 !important;

    color: #4e586d !important;

    font-size: 17px !important;
    line-height: 1.5 !important;
}

.stv2-change__grid {
    margin-top: 27px;

    display: grid;
    grid-template-columns:
        minmax(0, .92fr)
        minmax(0, .92fr)
        minmax(0, 1.18fr);

    gap: 26px;
    align-items: stretch;
}

.stv2-change__card {
    position: relative;
    overflow: hidden;

    min-width: 0;
    min-height: 555px;

    padding: 26px;

    border: 1px solid rgba(100, 80, 255, .12);
    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.92),
            rgba(255,255,255,.72)
        );

    box-shadow:
        0 18px 50px rgba(67, 48, 154, .04),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.stv2-change__card-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.stv2-change__number {
    width: 31px;
    height: 31px;

    flex: 0 0 auto;

    display: grid;
    place-items: center;

    border-radius: 50%;

    color: #fff;

    background:
        linear-gradient(
            145deg,
            #8e77ff,
            #604cff
        );

    box-shadow:
        0 5px 15px rgba(91, 69, 224, .18);

    font-size: 15px;
    font-weight: 700;
}

.stv2-change__card h3 {
    margin: 0 !important;

    color: #080c17 !important;

    font-size: 25px !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em;
    font-weight: 740 !important;
}

.stv2-change__card h3::before {
    content: none !important;
}

.stv2-change__card > p,
.stv2-change__result-lead {
    max-width: 31ch;

    margin: 14px 0 0 45px !important;

    color: #4f596e !important;

    font-size: 14.5px !important;
    line-height: 1.5 !important;
}

.stv2-change__image {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    height: 66%;
}

.stv2-change__image img {
    display: block;

    width: 100%;
    max-width: none;
    height: 100%;

    object-fit: contain;
    object-position: center bottom;
}

.stv2-change__image--data {
    padding: 0 5px 0 10px;
}

.stv2-change__image--audience {
    height: 69%;
    padding-inline: 4px;
}

.stv2-change__card--result {
    overflow: visible;
}

.stv2-change__result-lead {
    max-width: 34ch;
}

.stv2-change__metric {
    border: 1px solid rgba(104, 82, 255, .08);
    border-radius: 17px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.96),
            rgba(249,247,255,.86)
        );
}

.stv2-change__metric--main {
    position: relative;
    overflow: hidden;

    min-height: 180px;

    margin-top: 31px;
    padding: 19px 20px;
}

.stv2-change__metric-label {
    color: #49546a;

    font-size: 11px;
    line-height: 1.2;
    text-transform: uppercase;
}

.stv2-change__metric strong {
    position: relative;
    z-index: 3;

    display: block;

    margin-top: 12px;

    color: #5943eb;

    font-size: 44px;
    line-height: 1;
    letter-spacing: -.05em;
}

.stv2-change__trend {
    position: relative;
    z-index: 3;

    width: max-content;

    margin-top: 12px;
    padding: 7px 11px;

    display: block;

    border-radius: 999px;

    color: #604cff;

    background: rgba(104, 82, 255, .10);

    font-size: 12px;
    line-height: 1;
    font-weight: 650;
}

.stv2-change__chart {
    position: absolute;

    z-index: 1;

    width: 64%;
    height: 105px;

    right: 13px;
    bottom: 13px;
}

.stv2-change__chart-area {
    fill: url(#stv2-chart-fill);
}

.stv2-change__chart-line {
    fill: none;

    stroke: #6d50f5;
    stroke-width: 3;

    stroke-linecap: round;
}

.stv2-change__chart-point {
    fill: #fff;

    stroke: #d65de1;
    stroke-width: 3;
}

.stv2-change__mini-grid {
    margin-top: 12px;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.stv2-change__mini-grid .stv2-change__metric {
    min-height: 125px;
    padding: 17px;
}

.stv2-change__mini-grid strong {
    font-size: 34px;
}

.stv2-change__result-note {
    min-height: 56px;

    margin-top: 13px;
    padding: 8px 14px;

    display: flex;
    align-items: center;
    gap: 12px;

    border: 1px solid #7554ff;
    border-radius: 14px;

    color: #604cff;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.84),
            rgba(249,244,255,.82)
        );

    font-size: 13px;
    line-height: 1.3;
    font-weight: 550;
}

.stv2-change__note-gem {
    width: 34px;
    height: 34px;

    flex: 0 0 auto;

    display: grid;
    place-items: center;

    border-radius: 50%;

    color: #7b50ff;

    background: #f1edff;

    box-shadow: 0 0 15px rgba(104,76,255,.15);
}

.stv2-change__proof {
    width: max-content;

    margin-top: 24px;

    display: inline-flex;
    align-items: center;
    gap: 16px;

    color: #141924 !important;
    text-decoration: none !important;

    font-size: 16px;
    font-weight: 550;
}

.stv2-change__proof span {
    padding-bottom: 4px;

    border-bottom: 1px dashed #82899a;
}

.stv2-change__proof svg {
    width: 23px;
    height: 23px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.stv2-change__decor {
    position: absolute;

    z-index: 0;

    inset: 0;

    pointer-events: none;
}

.stv2-change__orbit {
    position: absolute;

    border: 2px solid rgba(255,255,255,.77);
    border-radius: 50%;

    box-shadow:
        0 0 18px rgba(122, 95, 255, .08);
}

.stv2-change__orbit--1 {
    width: 590px;
    height: 310px;

    right: -60px;
    top: 70px;

    transform: rotate(14deg);
}

.stv2-change__orbit--2 {
    width: 430px;
    height: 235px;

    right: 18px;
    bottom: 55px;

    transform: rotate(-12deg);

    border-color: rgba(131,104,255,.14);
}

.stv2-change__gem {
    position: absolute;

    
}

.stv2-change__gem--1 {
    right: 23%;
    top: 54px;

    font-size: 50px;

    transform: rotate(18deg);
}

.stv2-change__gem--2 {
    right: 35%;
    bottom: 275px;

    font-size: 38px;

    transform: rotate(-12deg);
}

.stv2-change__gem--3 {
    right: 3%;
    bottom: 245px;

    font-size: 46px;

    transform: rotate(23deg);
}

@media (max-width: 1200px) {
.stv2-change__wrap {
        width: min(1120px, calc(100% - 48px));
    }

.stv2-change__grid {
        grid-template-columns: 1fr 1fr;
    }

.stv2-change__card--result {
        grid-column: 1 / -1;

        min-height: 470px;
    }
}

@media (max-width: 767px) {
.stv2-change {
        padding: 42px 0 46px;
    }

.stv2-change__wrap {
        width: calc(100% - 28px);
    }

.stv2-change__tag {
        min-height: 35px;
        padding: 0 12px;

        gap: 7px;

        font-size: 12px;
    }

.stv2-change__tag svg {
        width: 18px;
        height: 18px;
    }

.stv2-change__title {
        margin-top: 18px !important;

        font-size: clamp(38px, 10.8vw, 49px) !important;
        line-height: 1.01 !important;
    }

.stv2-change__title br {
        display: none;
    }

.stv2-change__lead {
        margin-top: 17px !important;

        font-size: 15px !important;
        line-height: 1.48 !important;
    }

.stv2-change__grid {
        margin-top: 25px;

        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

.stv2-change__card {
        min-height: 0;

        padding: 19px;

        border-radius: 18px;
    }

.stv2-change__card h3 {
        font-size: 21px !important;
    }

.stv2-change__card > p,
    .stv2-change__result-lead {
        margin-left: 44px !important;

        font-size: 13.5px !important;
    }

.stv2-change__card--visual {
        min-height: 430px;
    }

.stv2-change__image {
        height: 63%;
    }

.stv2-change__card--result {
        min-height: 0;
    }

.stv2-change__metric--main {
        min-height: 170px;

        margin-top: 24px;
    }

.stv2-change__mini-grid {
        grid-template-columns: 1fr 1fr;
    }

.stv2-change__metric strong {
        font-size: 38px;
    }

.stv2-change__mini-grid strong {
        font-size: 28px;
    }

.stv2-change__result-note {
        font-size: 12.5px;
    }

.stv2-change__proof {
        margin-top: 20px;

        font-size: 14px;
    }

.stv2-change__decor {
        opacity: .38;
    }
}

@media (max-width: 370px) {
.stv2-change__wrap {
        width: calc(100% - 24px);
    }

.stv2-change__title {
        font-size: 38px !important;
    }

.stv2-change__mini-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width:1201px) {
.stv2-change {
    padding:44px 0 58px;

    background:
      radial-gradient(
        ellipse at 23% 72%,
        rgba(111,83,255,.11) 0%,
        rgba(111,83,255,.035) 35%,
        transparent 62%
      ),
      radial-gradient(
        ellipse at 58% 72%,
        rgba(217,82,190,.08) 0%,
        transparent 55%
      ),
      radial-gradient(
        circle at 89% 37%,
        rgba(117,89,255,.15) 0%,
        rgba(117,89,255,.05) 34%,
        transparent 58%
      ),
      linear-gradient(
        118deg,
        #fff 0%,
        #fcfbff 47%,
        #f6f3ff 100%
      );
  }

.stv2-change__wrap {
    width:min(1540px,calc(100% - 72px));
  }

.stv2-change__head {
    max-width:980px;
  }

.stv2-change__title {
    margin-top:20px !important;

    max-width:960px;

    font-size:clamp(58px,4.6vw,74px) !important;
    line-height:.99 !important;
    letter-spacing:-.058em !important;
  }

.stv2-change__lead {
    margin-top:16px !important;

    font-size:17px !important;
    line-height:1.48 !important;
  }

.stv2-change__grid {
    position:relative;

    margin-top:38px;

    grid-template-columns:
      minmax(0,.91fr)
      minmax(0,.91fr)
      minmax(0,1.18fr);

    gap:22px;

    align-items:start;

    overflow:visible;
  }

.stv2-change__card--visual {
    position:relative;

    min-height:520px;

    overflow:visible;

    padding:25px 24px 0;

    border:1px solid rgba(102,81,255,.055);

    border-radius:22px;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.28),
        rgba(255,255,255,.08)
      );

    box-shadow:none;

    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
  }

.stv2-change__card--visual::before {
    content:"";

    position:absolute;
    z-index:-1;

    inset:15% 3% 3%;

    border-radius:40%;

    background:
      radial-gradient(
        ellipse,
        rgba(111,77,255,.12),
        rgba(111,77,255,.025) 53%,
        transparent 72%
      );

    filter:blur(24px);
  }

.stv2-change__card-head {
    position:relative;
    z-index:5;

    gap:14px;
  }

.stv2-change__number {
    width:30px;
    height:30px;

    font-size:14px;
  }

.stv2-change__card h3 {
    font-size:25px !important;
    line-height:1.12 !important;
  }

.stv2-change__card--visual > p {
    position:relative;
    z-index:5;

    max-width:29ch;

    margin:
      11px
      0
      0
      45px !important;

    font-size:14.5px !important;
    line-height:1.48 !important;
  }

.stv2-change__image {
    pointer-events:none;

    overflow:visible;
  }

.stv2-change__image--data {
    left:-12%;
    right:-14%;
    bottom:-68px;

    height:79%;

    padding:0;
  }

.stv2-change__image--data img {
    width:126%;
    height:100%;

    max-width:none;

    object-fit:contain;
    object-position:center bottom;

    opacity:.86;

    filter:
      saturate(.82)
      brightness(1.08)
      contrast(.96);

    transform:translateX(-4%);
  }

.stv2-change__image--audience {
    left:-15%;
    right:-15%;
    bottom:-70px;

    height:82%;

    padding:0;
  }

.stv2-change__image--audience img {
    width:130%;
    height:100%;

    max-width:none;

    object-fit:contain;
    object-position:center bottom;

    opacity:.84;

    filter:
      saturate(.82)
      brightness(1.07)
      contrast(.95);

    transform:translateX(-6%);
  }

.stv2-change__card--result {
    min-height:620px;

    margin-top:-82px;

    padding:29px 31px 27px;

    overflow:visible;

    border:1px solid rgba(108,79,255,.15);

    border-radius:25px;

    background:
      radial-gradient(
        circle at 73% 17%,
        rgba(128,93,255,.10),
        transparent 45%
      ),
      linear-gradient(
        145deg,
        rgba(255,255,255,.56),
        rgba(250,247,255,.31)
      );

    box-shadow:
      0 22px 70px rgba(88,60,196,.055),
      inset 0 1px 0 rgba(255,255,255,.74);

    backdrop-filter:blur(13px);
    -webkit-backdrop-filter:blur(13px);
  }

.stv2-change__card--result h3 {
    font-size:27px !important;
    line-height:1.1 !important;
  }

.stv2-change__result-lead {
    margin:
      14px
      0
      0
      45px !important;

    font-size:14.5px !important;
    line-height:1.48 !important;
  }

.stv2-change__metric {
    border:1px solid rgba(104,82,255,.055);

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.70),
        rgba(250,247,255,.42)
      );

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.72);
  }

.stv2-change__metric--main {
    min-height:177px;

    margin-top:31px;

    padding:19px 20px;

    border-radius:18px;
  }

.stv2-change__metric strong {
    font-size:45px;
  }

.stv2-change__mini-grid {
    margin-top:12px;

    gap:11px;
  }

.stv2-change__mini-grid .stv2-change__metric {
    min-height:124px;

    padding:16px 17px;
  }

.stv2-change__mini-grid strong {
    font-size:34px;
  }

.stv2-change__result-note {
    margin-top:12px;

    min-height:55px;

    border:1px solid rgba(112,80,255,.62);

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.52),
        rgba(244,238,255,.34)
      );

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.65);
  }

.stv2-change__proof {
    position:relative;
    z-index:10;

    margin-top:88px;

    font-size:16px;
  }

.stv2-change__decor {
    opacity:.72;
  }

.stv2-change__orbit {
    border-color:rgba(255,255,255,.64);

    box-shadow:
      0 0 20px rgba(109,80,255,.07);
  }

.stv2-change__orbit--1 {
    width:620px;
    height:310px;

    right:-40px;
    top:65px;
  }

.stv2-change__orbit--2 {
    width:480px;
    height:255px;

    right:-3px;
    bottom:43px;
  }

.stv2-change__gem {
    opacity:.62;

    box-shadow:none;

    filter:
      drop-shadow(
        0 8px 20px
        rgba(105,74,255,.15)
      );
  }

.stv2-change__gem--1 {
    right:23%;
    top:50px;
  }

.stv2-change__gem--2 {
    right:35%;
    bottom:250px;
  }

.stv2-change__gem--3 {
    right:2%;
    bottom:220px;
  }
}

.stv2-change__gem {
    display: block !important;

    padding: 0 !important;
    margin: 0 !important;

    background: none !important;
    color: transparent !important;

    clip-path: none !important;

    box-shadow: none !important;

    overflow: visible !important;

    pointer-events: none;
}

.stv2-change__gem svg {
    display: block;

    width: 100%;
    height: 100%;

    overflow: visible;

    filter:
        drop-shadow(
            0 8px 18px
            rgba(105, 76, 255, .22)
        );
}

@media (min-width:1201px) {
.stv2-change__gem--1 {
        width: 56px !important;
        height: 56px !important;
    }

.stv2-change__gem--2 {
        width: 43px !important;
        height: 43px !important;
    }

.stv2-change__gem--3 {
        width: 49px !important;
        height: 49px !important;
    }
}

.stv2-fit {
  position:relative;
  isolation:isolate;
  overflow:clip;

  padding:48px 0 58px;

  color:#090d18;

  background:
    radial-gradient(
      circle at 13% 53%,
      rgba(255,91,139,.08),
      transparent 31%
    ),
    radial-gradient(
      circle at 83% 45%,
      rgba(100,76,255,.09),
      transparent 34%
    ),
    linear-gradient(
      120deg,
      #fff 0%,
      #fcfbff 52%,
      #f8f6ff 100%
    );
}

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

.stv2-fit__wrap {
  position:relative;
  z-index:2;

  width:min(1500px,calc(100% - 48px));
  margin:0 auto;
}

.stv2-fit__head {
  text-align:center;
}

.stv2-fit__tag {
  min-height:36px;
  padding:0 15px;

  display:inline-flex;
  align-items:center;
  gap:8px;

  border-radius:999px;

  color:#5848ff;
  background:rgba(107,79,255,.055);

  font-size:14px;
  line-height:1;
  font-weight:650;

  text-transform:uppercase;
  letter-spacing:.025em;
}

.stv2-fit__tag svg {
  width:19px;
  height:19px;

  fill:currentColor;
}

.stv2-fit__title {
  margin:15px auto 0 !important;

  max-width:820px;

  color:#090d18 !important;
  background:none !important;

  font-size:clamp(48px,4vw,67px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:760 !important;

  text-align:center !important;

  -webkit-text-fill-color:initial !important;
}

.stv2-fit__title::before {
  content:none !important;
}

.stv2-fit__title span {
  color:transparent;

  background:
    linear-gradient(
      100deg,
      #5149ff,
      #7650ff 58%,
      #ae52ea
    );

  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.stv2-fit__lead {
  max-width:680px;

  margin:15px auto 0 !important;

  color:#525d72 !important;

  font-size:16px !important;
  line-height:1.45 !important;

  text-align:center;
}

.stv2-fit__main {
  position:relative;

  margin-top:0;

  min-height:570px;

  display:grid;
  grid-template-columns:
    minmax(260px,.85fr)
    minmax(450px,1.38fr)
    minmax(260px,.85fr);

  gap:22px;

  align-items:center;
}

.stv2-fit__audience {
  position:relative;

  min-height:430px;

  padding:23px;

  border-radius:28px;

  overflow:hidden;
}

.stv2-fit__audience--business {
  border:1px solid rgba(255,104,146,.20);

  background:
    linear-gradient(
      145deg,
      rgba(255,249,251,.76),
      rgba(255,242,247,.36)
    );
}

.stv2-fit__audience--marketing {
  border:1px solid rgba(108,82,255,.17);

  background:
    linear-gradient(
      145deg,
      rgba(252,250,255,.78),
      rgba(242,238,255,.40)
    );
}

.stv2-fit__audience-title {
  list-style:none;

  display:flex;
  align-items:center;
  gap:13px;

  cursor:pointer;
}

.stv2-fit__audience-title::-webkit-details-marker,
.stv2-fit__shop-title::-webkit-details-marker {
  display:none;
}

.stv2-fit__audience-icon {
  width:52px;
  height:52px;

  flex:0 0 auto;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#fff;
}

.stv2-fit__audience--business .stv2-fit__audience-icon {
  background:
    linear-gradient(
      145deg,
      #ff7aa0,
      #ed3d75
    );

  box-shadow:
    0 9px 22px rgba(239,62,117,.24);
}

.stv2-fit__audience--marketing .stv2-fit__audience-icon {
  background:
    linear-gradient(
      145deg,
      #a17aff,
      #654cff
    );

  box-shadow:
    0 9px 22px rgba(98,73,240,.23);
}

.stv2-fit__audience-icon svg {
  width:27px;
  height:27px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.stv2-fit__audience-title {
  color:#0b0f19;

  font-size:20px;
  line-height:1.12;
  font-weight:740;
}

.stv2-fit__chevron {
  display:none;
}

.stv2-fit__audience-body {
  margin-top:21px;
}

.stv2-fit__audience-body > p {
  margin:0 0 13px !important;

  color:#596377 !important;

  font-size:14px !important;
  line-height:1.4 !important;
}

.stv2-fit__audience-body ul {
  margin:0;
  padding:0;

  display:grid;
  gap:9px;

  list-style:none;
}

.stv2-fit__audience-body li {
  min-height:58px;

  padding:10px 13px;

  display:flex;
  align-items:center;
  gap:12px;

  border:1px solid rgba(110,88,255,.05);
  border-radius:13px;

  background:rgba(255,255,255,.55);

  color:#141824;

  font-size:13.5px;
  line-height:1.28;
}

.stv2-fit__small-icon,
.stv2-fit__check {
  width:30px;
  height:30px;

  flex:0 0 auto;

  display:grid;
  place-items:center;

  border-radius:50%;

  font-size:14px;
  font-weight:750;
}

.stv2-fit__small-icon {
  color:#f0467c;
  background:#fff0f5;
}

.stv2-fit__check {
  color:#fff;

  background:
    linear-gradient(
      145deg,
      #9575ff,
      #604cff
    );

  box-shadow:
    0 4px 10px rgba(97,74,238,.20);
}

.stv2-fit__center {
  position:relative;

  min-height:560px;

  display:flex;
  align-items:center;
  justify-content:center;
}

.stv2-fit__picture {
  position:absolute;

  left:50%;
  top:48%;

  width:min(680px,125%);

  transform:
    translate(-50%,-50%);

  pointer-events:none;
}

.stv2-fit__picture img {
  display:block;

  width:100%;
  height:auto;

  object-fit:contain;
}

.stv2-fit__process {
  position:absolute;

  z-index:4;

  left:50%;
  bottom:4px;

  width:min(610px,95%);

  min-height:80px;
  padding:13px 18px;

  transform:translateX(-50%);

  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;

  border:1px solid rgba(107,82,255,.09);
  border-radius:17px;

  background:rgba(255,255,255,.74);

  box-shadow:
    0 15px 35px rgba(80,58,174,.07),
    inset 0 1px 0 rgba(255,255,255,.88);

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.stv2-fit__process-item {
  min-width:120px;

  display:flex;
  align-items:center;
  gap:9px;

  color:#202534;

  font-size:12.5px;
  line-height:1.22;
}

.stv2-fit__process-icon {
  width:40px;
  height:40px;

  flex:0 0 auto;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#654cff;
  background:#f1edff;
}

.stv2-fit__process-icon svg {
  width:24px;
  height:24px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.stv2-fit__arrow {
  color:#634dff;
  font-size:21px;
}

.stv2-fit__shop {
  position:relative;

  margin-top:5px;
  padding:22px 25px;

  border:1px solid rgba(101,82,255,.13);
  border-radius:25px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.77),
      rgba(246,242,255,.41)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88);
}

.stv2-fit__shop-title {
  display:flex;
  align-items:center;
  gap:16px;

  list-style:none;
  cursor:pointer;
}

.stv2-fit__shop-icon {
  width:54px;
  height:54px;

  flex:0 0 auto;

  border-radius:50%;

  color:#fff;
}

.stv2-fit__shop-icon svg {
  width:29px;
  height:29px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.stv2-fit__shop-title strong {
  display:block;

  color:#0b0f19;

  font-size:21px;
  line-height:1.15;
}

.stv2-fit__shop-title span:not(.stv2-fit__shop-icon):not(.stv2-fit__chevron) {
  display:block;

  margin-top:5px;

  color:#5a6477;

  font-size:13.5px;
}

.stv2-fit__shop-body {
  margin-top:16px;
  margin-left:70px;

  display:grid;
  grid-template-columns:minmax(0,1fr) 275px;
  gap:25px;

  align-items:center;
}

.stv2-fit__funnel {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
}

.stv2-fit__funnel > div {
  min-width:76px;

  text-align:center;
}

.stv2-fit__funnel-icon {
  width:48px;
  height:48px;

  margin:0 auto;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#5e4cff;
  background:#f1edff;

  font-size:20px;
}

.stv2-fit__funnel small {
  display:block;

  margin-top:8px;

  color:#41495b;

  font-size:12px;
}

.stv2-fit__funnel b {
  color:#624cff;

  font-size:20px;
  font-weight:500;
}

.stv2-fit__shop-link {
  min-height:100px;

  padding-left:26px;

  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:9px;

  border-left:1px solid rgba(105,82,255,.17);

  color:#5745ff !important;
  text-decoration:none !important;

  font-size:17px;
  line-height:1.25;
  font-weight:650;
}

.stv2-fit__shop-link small {
  width:max-content;

  padding:7px 13px;

  border:1px solid rgba(93,70,255,.20);
  border-radius:999px;

  font-size:11px;
  font-weight:500;
}

.stv2-fit__decor {
  position:absolute;
  z-index:0;

  inset:0;

  pointer-events:none;
}

.stv2-fit__glow {
  position:absolute;

  width:460px;
  height:460px;

  border-radius:50%;

  filter:blur(80px);

  opacity:.22;
}

.stv2-fit__glow--pink {
  left:-180px;
  top:300px;

  background:#ff78a5;
}

.stv2-fit__glow--violet {
  right:-160px;
  top:260px;

  background:#826cff;
}

@media(max-width:767px) {
.stv2-fit {
    padding:39px 0 45px;
  }

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

.stv2-fit__tag {
    min-height:31px;
    padding:0 11px;

    font-size:10px;
  }

.stv2-fit__tag svg {
    width:16px;
    height:16px;
  }

.stv2-fit__title {
    margin-top:13px !important;

    font-size:clamp(35px,10.4vw,46px) !important;
    line-height:1.02 !important;
  }

.stv2-fit__title br {
    display:none;
  }

.stv2-fit__lead {
    margin-top:13px !important;

    max-width:340px;

    font-size:14px !important;
    line-height:1.42 !important;
  }

.stv2-fit__main {
    margin-top:8px;

    min-height:0;

    display:flex;
    flex-direction:column;
    gap:9px;
  }

.stv2-fit__center {
    order:1;

    width:100%;
    min-height:345px;
  }

.stv2-fit__picture {
    top:44%;

    width:118%;
  }

.stv2-fit__process {
    bottom:5px;

    width:100%;
    min-height:72px;
    padding:10px 8px;

    gap:5px;

    border-radius:15px;
  }

.stv2-fit__process-item {
    min-width:0;
    flex:1;

    display:block;

    text-align:center;

    font-size:10px;
    line-height:1.18;
  }

.stv2-fit__process-icon {
    width:32px;
    height:32px;

    margin:0 auto 5px;
  }

.stv2-fit__process-icon svg {
    width:20px;
    height:20px;
  }

.stv2-fit__arrow {
    font-size:17px;
  }

.stv2-fit__shop {
    margin-top:9px;
    padding:13px;

    border-radius:16px;
  }

.stv2-fit__shop-title {
    gap:10px;
  }

.stv2-fit__shop-icon {
    width:36px;
    height:36px;
  }

.stv2-fit__shop-icon svg {
    width:21px;
    height:21px;
  }

.stv2-fit__shop-title > div {
    flex:1;
  }

.stv2-fit__shop-title strong {
    font-size:14px;
  }

.stv2-fit__shop-title span:not(.stv2-fit__shop-icon):not(.stv2-fit__chevron) {
    margin-top:3px;

    font-size:10.5px;
    line-height:1.3;
  }

.stv2-fit__shop-body {
    margin:13px 0 0;

    display:block;
  }

.stv2-fit__funnel {
    flex-wrap:wrap;

    gap:7px;
  }

.stv2-fit__funnel > div {
    min-width:52px;
  }

.stv2-fit__funnel-icon {
    width:35px;
    height:35px;

    font-size:15px;
  }

.stv2-fit__funnel small {
    margin-top:5px;

    font-size:9px;
  }

.stv2-fit__funnel b {
    font-size:14px;
  }

.stv2-fit__shop-link {
    min-height:82px;

    padding:14px 0 0;

    border-left:0;
    border-top:1px solid rgba(105,82,255,.15);

    font-size:16px;
  }
}

@media (min-width:1201px) {
.stv2-fit__audience--business {
    position:relative;

    min-height:430px;

    padding:22px 21px 24px;

    overflow:hidden;

    border:
      1px solid
      rgba(255,91,137,.18);

    border-radius:28px;

    background:
      radial-gradient(
        circle at 12% 8%,
        rgba(255,102,147,.17) 0%,
        rgba(255,102,147,.055) 23%,
        transparent 47%
      ),
      radial-gradient(
        circle at 100% 75%,
        rgba(255,168,195,.09) 0%,
        transparent 52%
      ),
      linear-gradient(
        145deg,
        rgba(255,252,253,.83) 0%,
        rgba(255,244,248,.57) 52%,
        rgba(255,250,252,.38) 100%
      );

    box-shadow:
      inset 0 1px 0
      rgba(255,255,255,.94),
      0 18px 48px
      rgba(218,64,113,.035);

    backdrop-filter:blur(11px);
    -webkit-backdrop-filter:blur(11px);
  }

.stv2-fit__audience--business::before {
    content:"";

    position:absolute;

    inset:1px;

    border-radius:27px;

    border:
      1px solid
      rgba(255,255,255,.50);

    pointer-events:none;
  }

.stv2-fit__audience--business::after {
    content:"";

    position:absolute;
    z-index:0;

    width:175px;
    height:175px;

    right:-95px;
    top:135px;

    border-radius:50%;

    background:
      rgba(255,104,151,.13);

    filter:blur(48px);

    pointer-events:none;
  }

.stv2-fit__audience--business
  .stv2-fit__audience-title {
    position:relative;
    z-index:2;

    gap:14px;

    align-items:center;
  }

.stv2-fit__audience--business
  .stv2-fit__audience-icon {
    width:55px;
    height:55px;

    flex:0 0 55px;

    border:
      1px solid
      rgba(255,255,255,.75);

    background:
      radial-gradient(
        circle at 32% 25%,
        #ffb1c8 0%,
        #ff769e 33%,
        #ef4678 72%,
        #de2f67 100%
      );

    box-shadow:
      0 8px 22px
      rgba(236,60,113,.25),
      0 0 22px
      rgba(255,89,139,.18),
      inset 0 1px 0
      rgba(255,255,255,.75);
  }

.stv2-fit__audience--business
  .stv2-fit__audience-icon svg {
    width:28px;
    height:28px;

    stroke-width:1.9;
  }

.stv2-fit__audience--business
  .stv2-fit__audience-title strong {
    color:#0b0e17;

    font-size:19px;
    line-height:1.12;
    letter-spacing:-.025em;

    font-weight:750;
  }

.stv2-fit__audience--business
  .stv2-fit__audience-body {
    position:relative;
    z-index:2;
  }

.stv2-fit__audience--business
  .stv2-fit__audience-body li {
    position:relative;

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }

.stv2-fit__audience--business
  .stv2-fit__audience-body li::before {
    content:"";

    position:absolute;

    left:0;
    top:13px;
    bottom:13px;

    width:2px;

    border-radius:99px;

    background:
      linear-gradient(
        to bottom,
        transparent,
        rgba(240,65,119,.30),
        transparent
      );

    opacity:.55;
  }

.stv2-fit__audience--business
  .stv2-fit__small-icon {
    font-weight:800;
  }
}

@media (min-width:1201px) {
.stv2-fit__audience--business
  .stv2-fit__audience-body {
    margin-top:18px;
  }

.stv2-fit__audience--business
  .stv2-fit__audience-body > p {
    margin:0 0 12px !important;

    color:#606879 !important;

    font-size:13px !important;
    line-height:1.35 !important;

    font-weight:500;
  }

.stv2-fit__audience--business
  .stv2-fit__audience-body ul {
    gap:7px;
  }

.stv2-fit__audience--business
  .stv2-fit__audience-body li {
    min-height:53px;

    padding:8px 12px;

    gap:11px;

    border:
      1px solid
      rgba(255,255,255,.48);

    border-radius:13px;

    background:
      linear-gradient(
        110deg,
        rgba(255,255,255,.58),
        rgba(255,255,255,.34)
      );

    box-shadow:
      inset 0 1px 0
      rgba(255,255,255,.65);

    color:#1d202b;

    font-size:13.5px;
    line-height:1.25;
    font-weight:500;
  }

.stv2-fit__audience--business
  .stv2-fit__audience-body li::before {
    display:none;
  }

.stv2-fit__audience--business
  .stv2-fit__small-icon {
    width:32px;
    height:32px;

    flex:0 0 32px;

    border:0;

    color:#f04779;

    background:
      radial-gradient(
        circle at 35% 28%,
        rgba(255,255,255,.95),
        rgba(255,234,241,.68)
      );

    box-shadow:
      0 4px 12px
      rgba(231,65,114,.09);
  }

.stv2-fit__audience--business
  li:nth-child(1)
  .stv2-fit__small-icon {
    font-size:16px;
  }

.stv2-fit__audience--business
  li:nth-child(2)
  .stv2-fit__small-icon {
    font-size:17px;
    transform:none;
  }

.stv2-fit__audience--business
  li:nth-child(3)
  .stv2-fit__small-icon {
    font-size:16px;
  }

.stv2-fit__audience--business
  li:nth-child(4)
  .stv2-fit__small-icon {
    font-size:16px;
  }

.stv2-fit__audience--business
  .stv2-fit__audience-body li > span:last-child {
    flex:1;
    min-width:0;
  }
}

@media (min-width:1201px) {
.stv2-fit__audience--business
  .stv2-fit__small-icon {
    display:grid;
    place-items:center;

    padding:0;

    font-size:0 !important;
    line-height:0 !important;
  }

.stv2-fit__audience--business
  .stv2-fit__small-icon svg {
    width:18px;
    height:18px;

    display:block;

    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

.stv2-fit__audience--business
  li:nth-child(1)
  .stv2-fit__small-icon svg {
    width:17px;
    height:17px;
  }

.stv2-fit__audience--business
  li:nth-child(3)
  .stv2-fit__small-icon svg {
    width:19px;
    height:19px;
  }

.stv2-fit__audience--business
  li:nth-child(4)
  .stv2-fit__small-icon svg {
    width:18px;
    height:18px;
  }
}

@media (max-width:767px) {
.stv2-fit__audience--business
  .stv2-fit__small-icon {
    display:grid;
    place-items:center;

    font-size:0 !important;
    line-height:0 !important;
  }

.stv2-fit__audience--business
  .stv2-fit__small-icon svg {
    width:14px;
    height:14px;

    display:block;

    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
}

@media (min-width:1201px) {
.stv2-fit__shop {
    overflow:visible;
  }

.stv2-fit__shop-body {
    grid-template-columns:
      minmax(0,1fr)
      315px;

    gap:22px;
  }

.stv2-fit__shop-link {
    position:relative;

    min-height:108px;

    padding:
      13px
      132px
      13px
      25px;

    overflow:visible;

    border-left:
      1px solid
      rgba(105,82,255,.15);
  }

.stv2-fit__shop-link > span {
    position:relative;
    z-index:2;

    font-size:17px;
    line-height:1.22;
  }

.stv2-fit__shop-link > small {
    position:relative;
    z-index:2;

    margin-top:2px;
  }

.stv2-fit__shop-basket {
    position:absolute;

    z-index:1;

    width:132px;

    right:-4px;
    bottom:-15px;

    display:block;

    pointer-events:none;
  }

.stv2-fit__shop-basket::before {
    content:"";

    position:absolute;
    z-index:-1;

    width:120px;
    height:85px;

    left:50%;
    bottom:8px;

    transform:translateX(-50%);

    border-radius:50%;

    background:
      rgba(113,81,255,.12);

    filter:blur(25px);
  }

.stv2-fit__shop-basket img {
    display:block;

    width:100%;
    height:auto;

    max-width:none;

    object-fit:contain;

    filter:
      drop-shadow(
        0 13px 22px
        rgba(93,67,199,.14)
      );
  }
}

@media (min-width:768px) and (max-width:1200px) {
.stv2-fit__shop-link {
    position:relative;

    padding-right:120px;
  }

.stv2-fit__shop-basket {
    position:absolute;

    width:115px;

    right:0;
    bottom:-10px;

    display:block;
  }

.stv2-fit__shop-basket img {
    display:block;
    width:100%;
    height:auto;
  }
}

@media (max-width:767px) {
.stv2-fit__shop-basket {

    pointer-events:none;
  }

.stv2-fit__shop-basket img {

    object-fit:contain;

    filter:
      drop-shadow(
        0 9px 17px
        rgba(93,67,199,.13)
      );
  }
}

@media (min-width:1000px) {
.stv2-fit__shop {
    min-height:142px !important;

    margin-top:18px !important;
    padding:15px 19px !important;

    display:grid !important;
    grid-template-columns:
      300px
      minmax(0,1fr) !important;

    align-items:center !important;
    gap:20px !important;

    overflow:visible !important;
  }

.stv2-fit__shop-title {
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) !important;

    align-items:center !important;
    gap:15px !important;

    margin:0 !important;
  }

.stv2-fit__shop-title .stv2-fit__chevron {
    display:none !important;
  }

.stv2-fit__shop-icon {
    width:58px !important;
    height:58px !important;
  }

.stv2-fit__shop-title strong {
    font-size:20px !important;
  }

.stv2-fit__shop-title
  span:not(.stv2-fit__shop-icon):not(.stv2-fit__chevron) {
    font-size:13px !important;
    line-height:1.3 !important;
  }

.stv2-fit__shop-body {
    min-width:0 !important;

    margin:0 !important;

    display:grid !important;
    grid-template-columns:
      minmax(500px,1fr)
      320px !important;

    align-items:center !important;
    gap:18px !important;
  }

.stv2-fit__funnel {
    min-width:0 !important;

    display:grid !important;

    grid-template-columns:
      72px 18px
      72px 18px
      72px 18px
      72px 18px
      72px !important;

    align-items:center !important;
    justify-content:center !important;

    gap:4px !important;
  }

.stv2-fit__funnel > div {
    min-width:0 !important;
    width:auto !important;

    text-align:center !important;
  }

.stv2-fit__funnel-icon {
    width:48px !important;
    height:48px !important;

    margin:0 auto !important;

    display:grid !important;
    place-items:center !important;

    border:
      1px solid
      rgba(255,255,255,.72) !important;

    border-radius:50% !important;

    color:#604cff !important;

    background:
      radial-gradient(
        circle at 35% 28%,
        #ffffff,
        #f0ecff 75%
      ) !important;

    box-shadow:
      0 7px 18px
      rgba(90,67,215,.09),
      inset 0 1px 0
      rgba(255,255,255,.95) !important;

    font-size:0 !important;
    line-height:0 !important;
  }

.stv2-fit__funnel-icon svg {
    display:block !important;

    width:24px !important;
    height:24px !important;

    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.75 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

.stv2-fit__funnel small {
    display:block !important;

    margin-top:7px !important;

    color:#41495b !important;

    font-size:11px !important;
    line-height:1.1 !important;
  }

.stv2-fit__funnel b {
    margin-top:-18px !important;

    color:#654dff !important;

    font-size:18px !important;
    line-height:1 !important;
    font-weight:500 !important;

    text-align:center !important;
  }

.stv2-fit__shop-link {
    position:relative !important;

    min-height:106px !important;

    margin:0 !important;

    padding:
      10px
      125px
      10px
      24px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:8px !important;

    overflow:visible !important;

    border-left:
      1px solid
      rgba(105,82,255,.16) !important;

    font-size:16px !important;
    line-height:1.2 !important;
  }

.stv2-fit__shop-basket {
    position:absolute !important;

    width:122px !important;

    right:-5px !important;
    bottom:-8px !important;

    display:block !important;
  }

.stv2-fit__shop-basket img {
    display:block !important;

    width:100% !important;
    height:auto !important;

    max-width:none !important;
  }
}

.stv2-fit__shop-icon {
    position:relative;

    display:grid !important;
    place-items:center !important;

    overflow:visible;

    border:
        1px solid
        rgba(255,255,255,.78) !important;

    background:
        radial-gradient(
            circle at 32% 24%,
            #93c2ff 0%,
            #638cff 34%,
            #5368ff 69%,
            #4849e9 100%
        ) !important;

    box-shadow:
        0 10px 26px rgba(73,84,238,.24),
        0 0 22px rgba(91,116,255,.16),
        inset 0 1px 0 rgba(255,255,255,.76) !important;
}

.stv2-fit__shop-icon::before {
    content:"";

    position:absolute;

    width:72%;
    height:45%;

    left:14%;
    top:7%;

    border-radius:50%;

    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,.30),
            rgba(255,255,255,0)
        );

    pointer-events:none;
}

.stv2-fit__shop-main-svg {
    position:relative;
    z-index:2;

    display:block !important;

    width:31px !important;
    height:31px !important;

    fill:none !important;

    stroke:#fff !important;
    stroke-width:2 !important;

    stroke-linecap:round !important;
    stroke-linejoin:round !important;

    filter:
        drop-shadow(
            0 2px 3px
            rgba(39,40,140,.17)
        );
}

@media(max-width:767px) {
.stv2-fit__shop-main-svg {
        width:22px !important;
        height:22px !important;

        stroke-width:2.1 !important;
    }
}

@media (min-width:768px) {
.stv2-fit__audience:not([open]) > .stv2-fit__audience-body {
    display:block !important;
  }

.stv2-fit__shop:not([open]) > .stv2-fit__shop-body {
    display:grid !important;
  }
}

@media (max-width:767px) {
.stv2-fit {
    padding:34px 0 44px !important;
  }

.stv2-fit__wrap {
    width:calc(100% - 24px) !important;
    max-width:430px !important;
    margin:0 auto !important;
  }

.stv2-fit__tag {
    min-height:29px !important;
    padding:0 10px !important;
    gap:6px !important;
    font-size:9.5px !important;
  }

.stv2-fit__tag svg {
    width:15px !important;
    height:15px !important;
  }

.stv2-fit__title {
    max-width:370px !important;
    margin:13px auto 0 !important;

    font-size:clamp(31px,9.4vw,39px) !important;
    line-height:1.03 !important;
    letter-spacing:-.05em !important;

    text-align:center !important;
  }

.stv2-fit__title br {
    display:none !important;
  }

.stv2-fit__lead {
    max-width:335px !important;
    margin:12px auto 0 !important;

    font-size:13px !important;
    line-height:1.42 !important;

    text-align:center !important;
  }

.stv2-fit__main {
    margin-top:8px !important;

    min-height:0 !important;

    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
  }

.stv2-fit__center {
    order:1 !important;

    width:100% !important;
    min-height:335px !important;

    margin:0 !important;
  }

.stv2-fit__picture {
    left:50% !important;
    top:43% !important;

    width:120% !important;

    transform:translate(-50%,-50%) !important;
  }

.stv2-fit__picture img {
    display:block !important;

    width:100% !important;
    height:auto !important;

    max-width:none !important;
  }

.stv2-fit__process {
    left:50% !important;
    bottom:0 !important;

    width:100% !important;
    min-height:72px !important;

    padding:9px 7px !important;

    gap:3px !important;

    border-radius:15px !important;

    background:rgba(255,255,255,.82) !important;

    box-shadow:
      0 10px 28px rgba(76,55,174,.06),
      inset 0 1px 0 rgba(255,255,255,.95) !important;

    transform:translateX(-50%) !important;
  }

.stv2-fit__process-item {
    min-width:0 !important;

    flex:1 1 0 !important;

    display:block !important;

    font-size:9.5px !important;
    line-height:1.16 !important;

    text-align:center !important;
  }

.stv2-fit__process-icon {
    width:31px !important;
    height:31px !important;

    margin:0 auto 5px !important;
  }

.stv2-fit__process-icon svg {
    width:19px !important;
    height:19px !important;
  }

.stv2-fit__arrow {
    margin-top:-17px !important;

    font-size:15px !important;
  }

.stv2-fit__audience {
    width:100% !important;
    min-height:0 !important;

    padding:0 !important;

    overflow:hidden !important;

    border-radius:15px !important;

    box-shadow:none !important;
  }

.stv2-fit__audience--business {
    order:2 !important;

    border:1px solid rgba(255,78,128,.18) !important;

    background:
      linear-gradient(
        115deg,
        rgba(255,247,250,.96),
        rgba(255,235,243,.68)
      ) !important;
  }

.stv2-fit__audience--marketing {
    order:3 !important;

    border:1px solid rgba(100,78,255,.17) !important;

    background:
      linear-gradient(
        115deg,
        rgba(250,248,255,.96),
        rgba(240,236,255,.70)
      ) !important;
  }

.stv2-fit__audience-title {
    min-height:52px !important;

    padding:9px 12px !important;

    display:flex !important;
    align-items:center !important;

    gap:9px !important;
  }

.stv2-fit__audience-icon {
    width:32px !important;
    height:32px !important;

    flex:0 0 32px !important;
  }

.stv2-fit__audience-icon svg {
    width:18px !important;
    height:18px !important;
  }

.stv2-fit__audience-title strong {
    flex:1 !important;

    font-size:13px !important;
    line-height:1.17 !important;
    letter-spacing:-.015em !important;
  }

.stv2-fit__audience-title strong br {
    display:none !important;
  }

.stv2-fit__chevron {
    width:9px !important;
    height:9px !important;

    margin-right:3px !important;

    display:block !important;

    border-right:1.7px solid currentColor !important;
    border-bottom:1.7px solid currentColor !important;

    transform:rotate(45deg) !important;
  }

.stv2-fit__audience--business .stv2-fit__chevron {
    color:#ed4779 !important;
  }

.stv2-fit__audience--marketing .stv2-fit__chevron {
    color:#624cff !important;
  }

.stv2-fit__audience[open] .stv2-fit__chevron,
  .stv2-fit__shop[open] .stv2-fit__chevron {
    transform:rotate(225deg) !important;
  }

.stv2-fit__audience-body {
    margin:0 !important;

    padding:0 11px 11px !important;
  }

.stv2-fit__audience-body > p {
    margin:0 0 7px !important;

    font-size:10.5px !important;
    line-height:1.3 !important;
  }

.stv2-fit__audience-body ul {
    gap:5px !important;
  }

.stv2-fit__audience-body li {
    min-height:37px !important;

    padding:6px 8px !important;

    gap:8px !important;

    border-radius:9px !important;

    background:rgba(255,255,255,.64) !important;

    font-size:10.5px !important;
    line-height:1.24 !important;
  }

.stv2-fit__small-icon,
  .stv2-fit__check {
    width:23px !important;
    height:23px !important;

    flex:0 0 23px !important;
  }

.stv2-fit__small-icon svg {
    width:14px !important;
    height:14px !important;
  }

.stv2-fit__shop {
    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;

    border:0 !important;
    border-radius:0 !important;

    background:none !important;
    box-shadow:none !important;
  }

.stv2-fit__shop:not([open]) > .stv2-fit__shop-body,
  .stv2-fit__shop[open] > .stv2-fit__shop-body {
    display:contents !important;
  }

.stv2-fit__shop-title {
    min-height:53px !important;

    padding:9px 12px !important;

    display:flex !important;
    align-items:center !important;

    gap:9px !important;

    border:1px solid rgba(75,101,255,.18) !important;
    border-radius:15px !important;

    background:
      linear-gradient(
        115deg,
        rgba(248,251,255,.97),
        rgba(237,243,255,.74)
      ) !important;
  }

.stv2-fit__shop-icon {
    width:32px !important;
    height:32px !important;

    flex:0 0 32px !important;
  }

.stv2-fit__shop-main-svg {
    width:20px !important;
    height:20px !important;
  }

.stv2-fit__shop-title > div {
    flex:1 !important;
    min-width:0 !important;
  }

.stv2-fit__shop-title strong {
    font-size:13px !important;
    line-height:1.16 !important;
  }

.stv2-fit__shop-title span:not(.stv2-fit__shop-icon):not(.stv2-fit__chevron) {
    margin-top:2px !important;

    font-size:9.5px !important;
    line-height:1.25 !important;
  }

.stv2-fit__shop-title .stv2-fit__chevron {
    color:#5263ff !important;
  }

.stv2-fit__shop:not([open]) .stv2-fit__funnel {
    display:none !important;
  }

.stv2-fit__shop[open] .stv2-fit__funnel {
    margin-top:-1px !important;

    padding:11px 5px 10px !important;

    display:grid !important;

    grid-template-columns:
      44px 11px
      44px 11px
      44px 11px
      44px 11px
      44px !important;

    align-items:start !important;
    justify-content:center !important;

    gap:2px !important;

    border:1px solid rgba(75,101,255,.17) !important;
    border-top:0 !important;

    border-radius:0 0 15px 15px !important;

    background:
      linear-gradient(
        115deg,
        rgba(248,251,255,.97),
        rgba(239,244,255,.73)
      ) !important;
  }

.stv2-fit__funnel > div {
    min-width:0 !important;

    text-align:center !important;
  }

.stv2-fit__funnel-icon {
    width:31px !important;
    height:31px !important;

    margin:0 auto !important;
  }

.stv2-fit__funnel-icon svg {
    width:17px !important;
    height:17px !important;
  }

.stv2-fit__funnel small {
    margin-top:4px !important;

    font-size:8px !important;
    line-height:1.05 !important;
  }

.stv2-fit__funnel b {
    margin-top:9px !important;

    font-size:12px !important;
  }

.stv2-fit__shop-link {
    position:relative !important;

    min-height:102px !important;

    margin-top:9px !important;

    padding:14px 108px 13px 13px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    gap:8px !important;

    overflow:hidden !important;

    border:1px solid rgba(81,91,255,.18) !important;
    border-radius:15px !important;

    background:
      linear-gradient(
        115deg,
        rgba(255,255,255,.96),
        rgba(243,239,255,.77)
      ) !important;

    font-size:15px !important;
    line-height:1.18 !important;
  }

.stv2-fit__shop-link > span {
    position:relative !important;
    z-index:3 !important;

    max-width:185px !important;
  }

.stv2-fit__shop-link > small {
    position:relative !important;
    z-index:3 !important;

    width:max-content !important;

    margin:0 !important;

    padding:6px 10px !important;

    font-size:9.5px !important;
  }

.stv2-fit__shop-basket {
    position:absolute !important;

    z-index:2 !important;

    width:103px !important;

    right:-2px !important;
    bottom:-3px !important;

    display:block !important;
  }

.stv2-fit__shop-basket img {
    display:block !important;

    width:100% !important;
    height:auto !important;

    max-width:none !important;
  }

.stv2-fit__shop-body {
    margin:0 !important;
  }
}

@media (max-width:370px) {
.stv2-fit__wrap {
    width:calc(100% - 20px) !important;
  }

.stv2-fit__title {
    font-size:30px !important;
  }

.stv2-fit__center {
    min-height:315px !important;
  }

.stv2-fit__picture {
    width:123% !important;
  }

.stv2-fit__shop[open] .stv2-fit__funnel {
    grid-template-columns:
      40px 9px
      40px 9px
      40px 9px
      40px 9px
      40px !important;
  }

.stv2-fit__shop-link {
    padding-right:98px !important;
  }

.stv2-fit__shop-basket {
    width:94px !important;
  }
}

@media (max-width:767px) {
.stv2-fit__shop
  .stv2-fit__funnel-icon {
    color:#604cff !important;
  }

.stv2-fit__shop
  .stv2-fit__funnel-icon svg {
    display:block !important;

    width:17px !important;
    height:17px !important;

    fill:none !important;
    stroke:#604cff !important;
    stroke-width:1.75 !important;

    stroke-linecap:round !important;
    stroke-linejoin:round !important;

    filter:none !important;

    opacity:1 !important;
  }

.stv2-fit__shop
  .stv2-fit__funnel-icon svg path,
  .stv2-fit__shop
  .stv2-fit__funnel-icon svg circle,
  .stv2-fit__shop
  .stv2-fit__funnel-icon svg ellipse,
  .stv2-fit__shop
  .stv2-fit__funnel-icon svg line,
  .stv2-fit__shop
  .stv2-fit__funnel-icon svg polyline,
  .stv2-fit__shop
  .stv2-fit__funnel-icon svg polygon {
    fill:none !important;
    stroke:#604cff !important;

    filter:none !important;
  }
}