.vsd-22820 .vsd-element.vsd-element-fcaa9f4{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:wrap;--margin-top:-11em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:16em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.vsd-22820 .vsd-element.vsd-element-fcaa9f4:not(.vsd-motion-effects-element-type-background), .vsd-22820 .vsd-element.vsd-element-fcaa9f4 > .vsd-motion-effects-container > .vsd-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #EAF3FF 0%, #FFFFFF00 69%);}.vsd-22820 .vsd-element.vsd-element-f7958c7.vsd-element{--align-self:center;}.vsd-22820 .vsd-element.vsd-element-f7958c7{text-align:center;}.vsd-22820 .vsd-element.vsd-element-f7958c7 .vsd-heading-title{font-family:"Inter Tight", Sans-serif;font-size:1.05em;font-weight:300;letter-spacing:0.3px;}.vsd-22820 .vsd-element.vsd-element-331e3b8{margin:0.5em 0em calc(var(--kit-widget-spacing, 0px) + 0.5em) 0em;text-align:center;}.vsd-22820 .vsd-element.vsd-element-331e3b8.vsd-element{--align-self:center;}.vsd-22820 .vsd-element.vsd-element-331e3b8 .vsd-heading-title{font-family:"Inter Tight", Sans-serif;font-size:3.6em;font-weight:600;line-height:62px;}.vsd-22820 .vsd-element.vsd-element-792ee33{width:auto;max-width:auto;text-align:center;}.vsd-22820 .vsd-element.vsd-element-792ee33 .vsd-heading-title{font-family:"Inter Tight", Sans-serif;font-size:1.3em;font-weight:400;line-height:26px;letter-spacing:1.1px;color:#6B6B6B;}.vsd-22820 .vsd-element.vsd-element-4ba8d79{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 1em) 0em;}.vsd-22820 .vsd-element.vsd-element-ead6a7f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;}.vsd-22820 .vsd-element.vsd-element-6e68896{width:auto;max-width:auto;}.vsd-22820 .vsd-element.vsd-element-6e68896.vsd-element{--align-self:center;}.vsd-22820 .vsd-element.vsd-element-c10522b{width:auto;max-width:auto;}.vsd-22820 .vsd-element.vsd-element-c10522b.vsd-element{--align-self:center;}.vsd-22820 .vsd-element.vsd-element-44b976f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:wrap;--margin-top:1.25em;--margin-bottom:1em;--margin-left:0em;--margin-right:0em;}.vsd-22820 .vsd-element.vsd-element-eb4b52a{width:auto;max-width:auto;}.vsd-22820 .vsd-element.vsd-element-eb4b52a.vsd-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.vsd-22820 .vsd-element.vsd-element-9c46eb9{width:auto;max-width:auto;}.vsd-22820 .vsd-element.vsd-element-9c46eb9.vsd-element{--align-self:center;}.vsd-22820 .vsd-element.vsd-element-ed32fc0{width:auto;max-width:auto;}.vsd-22820 .vsd-element.vsd-element-ed32fc0.vsd-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.vsd-22820 .vsd-element.vsd-element-3d70346.vsd-element{--align-self:center;}.vsd-22820 .vsd-element.vsd-element-3d70346 .vsd-heading-title{font-weight:500;text-transform:uppercase;}.vsd-22820 .vsd-element.vsd-element-25fed1d{width:var( --container-widget-width, 55vw );max-width:55vw;margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 1em) 0em;--container-widget-width:55vw;--container-widget-flex-grow:0;}.vsd-22820 .vsd-element.vsd-element-5eb9b3f{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0.5em) 0em;}.vsd-22820 .vsd-element.vsd-element-5eb9b3f .vsd-heading-title{font-size:1.1em;font-weight:400;letter-spacing:0.4px;color:#5A5A5A;}.vsd-22820 .vsd-element.vsd-element-fedbbca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.vsd-22820 .vsd-element.vsd-element-fedbbca.e-con{--flex-grow:0;--flex-shrink:0;}.vsd-22820 .vsd-element.vsd-element-182bc90{width:100%;max-width:100%;margin:0.5em 0em calc(var(--kit-widget-spacing, 0px) + 0.5em) 0em;text-align:center;}.vsd-22820 .vsd-element.vsd-element-182bc90.vsd-element{--align-self:center;}.vsd-22820 .vsd-element.vsd-element-182bc90 .vsd-heading-title{font-family:"Inter Tight", Sans-serif;font-size:2.4em;font-weight:500;line-height:2.5rem;}.vsd-22820 .vsd-element.vsd-element-326e9a4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:wrap;}.vsd-22820 .vsd-element.vsd-element-7c40339{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;}.vsd-22820 .vsd-element.vsd-element-92b64d7{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;}.vsd-22820 .vsd-element.vsd-element-53b643e{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;}.vsd-22820 .vsd-element.vsd-element-d9a4030{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;}.vsd-22820 .vsd-element.vsd-element-c85c9d4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.vsd-22820 .vsd-element.vsd-element-11b1a53{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.vsd-22820 .vsd-element.vsd-element-11b1a53.vsd-element{--align-self:center;}.vsd-22820 .vsd-element.vsd-element-3121f93{--display:flex;}.vsd-22820 .vsd-element.vsd-element-c75e31d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.vsd-22820 .vsd-element.vsd-element-7f1ebbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}:root{--page-title-display:none;}@media(min-width:768px){.vsd-22820 .vsd-element.vsd-element-fcaa9f4{--width:100vw;}.vsd-22820 .vsd-element.vsd-element-ead6a7f{--width:48%;}.vsd-22820 .vsd-element.vsd-element-44b976f{--width:100%;}.vsd-22820 .vsd-element.vsd-element-fedbbca{--width:98.574%;}.vsd-22820 .vsd-element.vsd-element-3121f93{--width:66%;}}@media(max-width:1024px) and (min-width:768px){.vsd-22820 .vsd-element.vsd-element-3121f93{--width:100%;}}@media(max-width:1024px){.vsd-22820 .vsd-element.vsd-element-7c40339{--container-widget-width:44%;--container-widget-flex-grow:0;width:var( --container-widget-width, 44% );max-width:44%;}.vsd-22820 .vsd-element.vsd-element-92b64d7{--container-widget-width:44%;--container-widget-flex-grow:0;width:var( --container-widget-width, 44% );max-width:44%;}.vsd-22820 .vsd-element.vsd-element-53b643e{--container-widget-width:44%;--container-widget-flex-grow:0;width:var( --container-widget-width, 44% );max-width:44%;}.vsd-22820 .vsd-element.vsd-element-d9a4030{--container-widget-width:44%;--container-widget-flex-grow:0;width:var( --container-widget-width, 44% );max-width:44%;}.vsd-22820 .vsd-element.vsd-element-11b1a53{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.vsd-22820 .vsd-element.vsd-element-f7958c7 .vsd-heading-title{line-height:1.4em;}.vsd-22820 .vsd-element.vsd-element-331e3b8{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.vsd-22820 .vsd-element.vsd-element-331e3b8 .vsd-heading-title{font-size:2.5em;line-height:1.3em;}.vsd-22820 .vsd-element.vsd-element-792ee33{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.vsd-22820 .vsd-element.vsd-element-4ba8d79{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.vsd-22820 .vsd-element.vsd-element-44b976f{--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.vsd-22820 .vsd-element.vsd-element-9c46eb9{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;}.vsd-22820 .vsd-element.vsd-element-25fed1d{--container-widget-width:85vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 85vw );max-width:85vw;}.vsd-22820 .vsd-element.vsd-element-182bc90 .vsd-heading-title{line-height:2.7rem;}.vsd-22820 .vsd-element.vsd-element-7c40339{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.vsd-22820 .vsd-element.vsd-element-92b64d7{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.vsd-22820 .vsd-element.vsd-element-53b643e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.vsd-22820 .vsd-element.vsd-element-d9a4030{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for heading, class: .vsd-element-f7958c7 */.lp-pill-ref{
  display:inline-block;
  max-width:100%;
  background:#d8e8ff;
  border-radius:999px;
  padding:10px 18px;
  color:#0F5ED8;
}/* End custom CSS */
/* Start custom CSS for heading, class: .vsd-element-331e3b8 */.hero-title{
  color:#0f172a;
}
.hero-title span{
  color:#2563eb;
}/* End custom CSS */
/* Start custom CSS for heading, class: .vsd-element-792ee33 */.hero-sub{
  /* основно оформление по твой вкус... */
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;             /* новия синтаксис (поддържан на места) */
  overflow:hidden;          /* без скролове */
  white-space:normal;
  word-break:break-word;
  line-height:2;
  max-height:calc(1.75em * 2); /* fallback, ако clamp не се поддържа */
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-4ba8d79 */.lp-metrics{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:40px;
  font-size:1em;
  flex-wrap:wrap; /* за всеки случай */
}
.lp-metrics div{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.lp-metrics i{
  width:18px;
  height:18px;
}

/* 🟦 мобилна адаптация */
@media (max-width:768px){
  .lp-metrics{
    flex-direction:column;
    gap:16px;
    text-align:center;
  }
  .lp-metrics div{
    justify-content:center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-6e68896 */.lp-btnwrap{
  display:inline-block;
  padding:5px;
  border-radius:16px;
  background:#DCE7FF;
  pointer-events:none;

  /* anti-alias fix */
  will-change: transform;
  transform: translateZ(0);
}

.lp-btninner{
  pointer-events:auto;
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 28px;
  background:linear-gradient(92deg,#3972FF,#3668F3);
  border-radius:11px;
  font-family: "Inter", system-ui;
  font-weight:700;
  font-size:16px;
  letter-spacing:-0.45px;
  color:#fff;
  transition:background .22s cubic-bezier(.4,0,.2,1);
}


.lp-btninner:hover{
  background:linear-gradient(92deg,#3A6CFF,#315FE8);
}

.lp-btninner .ar{
  display:inline-block;
  transition:transform .22s cubic-bezier(.4,0,.2,1);
}

.lp-btninner:hover .ar{
  transform:translateX(4px);
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-c10522b */.lp-btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 26px;
  font-family: "Inter ", system-ui, sans-serif;
  font-weight:600;
  font-size:16px;
  letter-spacing:-0.45px;
  color:#3972FF !important;
  text-decoration:none !important;
  background:#ffffff;
  border:2px solid #3972FF;
  border-radius:11px;
  transition:.22s cubic-bezier(.4,0,.2,1);
}

/* КОГАТО Е КЛИКНАТ */
.lp-btn-secondary.locked{
  pointer-events:none;
  border-color:#9CA3AF;
  color:#9CA3AF !important;
  background:#F5F5F5;
}

.lp-btn-secondary.locked .txt{
  content:"(очаквай скоро)";
}

.lp-btn-secondary.locked::after{
  content:"(очаквай скоро)";
  margin-left:8px;
  font-weight:500;
  opacity:.8;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-eb4b52a */.arrow{
  width:100%;
  height:2px;
  position:relative;
  align-self:center;
}

/* base (left → right) */
.arrow{
  background:linear-gradient(90deg,rgba(0,0,0,0),#3972ff);
}
.arrow::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:6px;
  height:6px;
  background:#3972ff;
  border-radius:50%;
}

/* modifier for RIGHT version */
.arrow--right{
  background:linear-gradient(90deg,#3972ff,rgba(0,0,0,0));
}
.arrow--right::after{
  left:0;
  right:auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-9c46eb9 */.lp-cards{
  display:flex;
  justify-content:center;
  gap:40px;
}

.lp-card{
  transform:rotate(var(--r));
  width:72px;
  height:72px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  position:relative;

  /* CRITICAL FIX — allows tooltip to escape transform stacking */
  isolation:isolate;        /* <–– добавено */
  overflow:visible;         /* <–– добавено */
  z-index:auto;             /* <–– сменено от 1 */

  transition:transform .22s cubic-bezier(.25,.8,.25,1);
  background:linear-gradient(92deg,#3972FF,#3668F3);
  box-shadow:0 0 0 5px rgba(57,114,255,0.15);
  border:1px solid rgba(57,114,255,.22);
}

.lp-card:hover{
  transform:rotate(0deg);
}

/* tooltip */
.lp-card::after{
  content:attr(data-tip);
  opacity:0;
  pointer-events:none;
  z-index:9999;

  position:absolute;
  bottom:-50px;
  left:50%;
  transform:translateX(-50%);
  background:#fff;
  padding:6px 14px;
  border-radius:10px;

  font-size:0.50em;
  font-weight:400;
  color:#1e293b;

  white-space:nowrap;
  box-shadow:0 8px 22px rgba(0,0,0,0.12);

  transition:opacity .18s cubic-bezier(.25,.8,.25,1);
  transition-delay:.08s;
}

.lp-card:hover::after{
  opacity:1;
}

.lp-card svg{
  width:34px;
  height:34px;
  stroke:#fff;
  color:#fff;
  transition:transform .22s cubic-bezier(.25,.8,.25,1);
}

.lp-card:hover svg{
  transform:scale(1.25);
}

/* tablets */
@media (max-width:1024px){
  .lp-cards{
    flex-wrap:wrap;
    gap:28px;
  }
  .lp-card{
    width:64px;
    height:64px;
  }
  .lp-card svg{
    width:30px;
    height:30px;
  }
}

/* mobile */
@media (max-width:768px){
  .lp-cards{
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
  }
  .lp-card{
    width:58px;
    height:58px;
    border-radius:14px;
  }
  .lp-card svg{
    width:26px;
    height:26px;
  }
  .lp-card::after{
    bottom:-42px;
    font-size:0.65em;
  }
}

/* tiny mobile */
@media (max-width:480px){
  .lp-cards{
    gap:16px;
  }
  .lp-card{
    width:52px;
    height:52px;
    border-radius:12px;
  }
  .lp-card svg{
    width:22px;
    height:22px;
  }
  .lp-card::after{
    bottom:-38px;
    font-size:0.7em;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-25fed1d */.logo-marquee{
  width:100%;
  overflow:hidden;
  position:relative;
}

.logo-track{
  display:flex;
  gap:48px;
  width:max-content;
  animation:scroll 32s linear infinite;
  padding:0 100px;
}

.logo-item{
  display:flex;
  align-items:center;
  gap:16px;
}

/* IMG */
.logo-item img{
  height:clamp(18px, 2.1vw, 32px);
  width:auto;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
}

/* force PNG to stretch to full target height */
.logo-item img[src$=".png"]{
  height:25px;
}

.logo-item:after{
  content:"|";
  font-weight:300;
  font-size:18px;
  opacity:.22;
  margin-left:16px;
}

.logo-item:last-child:after{content:"";}

/* FADES */
.logo-marquee:before,
.logo-marquee:after{
  content:"";
  position:absolute;
  top:0;
  width:90px;
  height:100%;
  pointer-events:none;
  z-index:9;
}

.logo-marquee:before{
  left:0;
  background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}

.logo-marquee:after{
  right:0;
  background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}

/* REAL infinite */
@keyframes scroll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(calc(-50% - 48px)); }
}/* End custom CSS */
/* Start custom CSS for heading, class: .vsd-element-5eb9b3f */.lp-pill{display:inline-block;max-width:100%}
.lp-pill a{
  display:flex;align-items:center;gap:12px;
  padding:10px 18px;
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:999px;
  color:#5A5A5A;
  text-decoration:none;
}
.lp-pill a:hover{text-decoration:none}
.lp-pill .icon{
  width:18px;height:18px;
  display:flex;align-items:center;justify-content:center;
  border:none;
  background:transparent;
  transition:transform .2s ease;
  position:relative;
  top:1px;           /* ↓ стрелката леко надолу */
  align-self:center;
}
.lp-pill a:hover .icon{
  transform:translateX(2px);
  background:transparent;
}
.lp-pill svg{
  width:100%;height:100%;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-972f63b *//* CARD */
.pain-card{
    width:100%;
    min-height:300px;
    padding:2.125rem 1.75rem; /* 34px 28px */
    border-radius:22px;
    border:1px solid rgba(32,78,255,0.08);
    box-shadow:0 6px 22px rgba(0,0,0,0.04);
    background:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    opacity:0.001;
    transform:translateY(18px);
    transition:
      opacity .42s cubic-bezier(.16,1,.3,1),
      transform .42s cubic-bezier(.16,1,.3,1),
      box-shadow .38s cubic-bezier(.16,1,.3,1),
      border-color .32s ease;
}

/* ICON WRAPPER */
.pain-card .icon{
    width:4.5rem;
    height:4.5rem;
    margin-bottom:1.125rem;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(32,78,255,0.06);
    border-radius:1rem;
    transition:transform .32s cubic-bezier(.16,1,.3,1),
               background .32s ease;
}

/* ICON SVG */
.pain-card .icon svg{
    width:2.875rem;
    height:2.875rem;
    stroke-width:1.7;
    color:#2f5fff;
    opacity:0.9;
    transition:transform .32s cubic-bezier(.16,1,.3,1),
               opacity .3s ease;
}

/* TITLE */
.pain-card > div:not(.icon){
    font-size:1.1875rem;  /* 19px */
    font-weight:500;
    letter-spacing:-0.0125rem;
    line-height:1.32;
    color:#0b122e;
    margin:0.375rem 0 0.5rem;
}

/* PARAGRAPH */
.pain-card p{
    font-size:1.14rem;
    font-weight:400;
    line-height:1.48;
    color:#4b5270;
    margin:0;
    opacity:0.92;
}

/* ON REVEAL */
.pain-card.anim-in{
    opacity:1;
    transform:translateY(0);
}

/* HOVER */
.pain-card:hover{
    transform:translateY(-6px) scale(1.015);
    border-color:#2f5fff;
    box-shadow:0 20px 48px rgba(30,50,160,0.14);
}

.pain-card:hover .icon{
    transform:scale(1.08);
    background:rgba(32,78,255,0.10);
}

.pain-card:hover .icon svg{
    transform:scale(1.05);
    opacity:1;
}

/* MOBILE */
@media(max-width:768px){
  .pain-card{
    padding:1.375rem 1.125rem; /* 22px 18px */
    min-height:180px;
  }
  .pain-card .icon{
    width:3.125rem; /* 50px */
    height:3.125rem;
    margin-bottom:0.75rem; /* 12px */
  }
  .pain-card .icon svg{
    width:2rem; /* 32px */
    height:2rem;
  }
  .pain-card > div:not(.icon){
    font-size:1.0625rem; /* 17px */
  }
  .pain-card p{
    font-size:0.875rem; /* 14px */
  }
}

/* VERTICAL BALANCE */
.pain-card > .icon{
    margin-top:auto;
}

.pain-card p{
    margin-bottom:auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-11b1a53 *//* BOX */
.flow-sidebox,
.flow-sidebox-menu{
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
  border-radius:1.375rem;
  border:1px solid rgba(32,78,255,0.10);
  box-shadow:0 0.5rem 1.75rem rgba(32,78,255,0.07);
  padding:2rem 1.625rem;
  font-family:'Inter Tight',system-ui,sans-serif;
  color:#0b122e;
  min-height:26.875rem;
  background-size:100% 125%;
  animation:flowBG 7s ease-in-out infinite alternate;
}

/* STEPS WRAPPER */
.flow-steps{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

/* STEP */
.flow-step{
  padding:0.75rem 0;
  display:flex;
  align-items:center;
  gap:0.875rem;
  cursor:pointer;
  color:#0b122e;
  font-weight:500;
  font-size:1.125rem;
  letter-spacing:-0.2px;
  transition:color .25s ease, transform .25s cubic-bezier(.16,1,.3,1);
  position:relative;
}

/* STEP CIRCLE */
.flow-step::before{
  content:attr(data-step);
  display:flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  background:#eef3ff;
  color:#2f5fff;
  font-weight:600;
  font-size:0.875rem;
  transition:
    transform .25s cubic-bezier(.16,1,.3,1),
    box-shadow .25s ease,
    font-size .25s cubic-bezier(.16,1,.3,1);
}

/* HOVER */
.flow-step:hover{
  transform:translateX(0.4rem);
}

.flow-step:hover::before{
  transform:scale(1.15);
  box-shadow:0 0 0 0.5rem rgba(47,95,255,.12);
  font-size:1rem;
}

/* MOBILE */
@media (max-width:768px){
  .flow-sidebox,
  .flow-sidebox-menu{
    min-height:auto;
    padding:1.25rem 1.125rem;
    border-radius:1rem;
    box-shadow:0 0.25rem 1rem rgba(32,78,255,0.06);
  }
  .flow-step{
    gap:0.625rem;
    font-size:1rem;
    padding:0.5rem 0;
  }
  .flow-step::before{
    width:2rem;
    height:2rem;
    font-size:0.8125rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-3b7ca5d *//* hide all, show only .active */
.flow-desc{ display:none; }
.flow-desc.active{ display:block; }

/* type */
.flow-desc{
  animation:fadeFlow .35s ease forwards;
  max-width:42rem;
}

.flow-title{
  font-weight:700;
  font-size:1.65rem;
  margin:0 0 .65rem;
  letter-spacing:0.04em !important;
  color:#0b122e;
  line-height:1.25;
  letter-spacing:-0.003em;
}

.flow-desc p{
  margin:0 0 .9rem;
  font-size:1.25rem;
  line-height:1.55;
  color:#0b122e;
  opacity:.9;
  letter-spacing:0.012em;
}
.flow-desc p:last-child{ margin-bottom:0; }

@keyframes fadeFlow{
  from{opacity:0;transform:translateY(8px);}
  to{opacity:1;transform:translateY(0);}
}

/* hide inline <img> */
.flow-img{ display:none!important; }

/* sidebox gradient + overlay img slot */
.flow-sidebox{
  position:relative;
  background:linear-gradient(180deg,#eaf3ff 0%,#ffffff 100%);
  overflow:hidden;
}

/* the overlay image */
.flow-sidebox::after{
  content:"";
  position:absolute;
  bottom:0;
  right:0; /* anchor right */
  width:100%; /* вместо 100% */
  height:250px;
  background-image:var(--flow-img);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:right bottom;
  opacity:.5;
  pointer-events:none;
}/* End custom CSS */
/* Start custom CSS for container, class: .vsd-element-3121f93 *//* BOX */
.flow-sidebox{
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
  border-radius:1.375rem;            /* 22px */
  border:1px solid rgba(32,78,255,0.10);
  box-shadow:0 0.5rem 1.75rem rgba(32,78,255,0.07);
  padding:2rem 1.625rem;             /* 32px 26px */
  font-family:'Inter Tight',system-ui,sans-serif;
  color:#0b122e;
  min-height:26.875rem;              /* 430px */
  background-size:100% 125%;
  animation:flowBG 7s ease-in-out infinite alternate;
}

/* BG ANIMATION */
@keyframes flowBG{
  from{background-position:0% 0%;}
  to{background-position:0% 100%;}
}

/* IMAGE OVERLAY */
.flow-sidebox::after{
  content:"";
  position:absolute;
  bottom:0;
  right:0;
  width:100%;
  background-image:var(--flow-img);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:right bottom;
  pointer-events:none;
  opacity:.65;
  transition:opacity .3s ease;
}

/* STEP VARIANTS */
.flow-sidebox[data-step="01"]::after{
  height:15.625rem;     /* 250px */
  bottom:0;
}

.flow-sidebox[data-step="02"]::after{
  height:14.8125rem;    /* 237px */
  bottom:-1.75rem;      /* -28px */
  opacity:.40;
}

.flow-sidebox[data-step="03"]::after{
  height:14.8125rem;    /* 237px */
  bottom:-0.75rem;      /* -12px */
  opacity:.50;
}

.flow-sidebox[data-step="04"]::after{
  height:9.875rem;      /* 158px */
  bottom:0.625rem;      /* 10px */
  right:0.625rem;
  opacity:.38;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-b55e709 */.case{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.case .l{display:flex;flex-direction:column;gap:6px}
.case .t{font:600 15px system-ui;color:#111}
.case .m{display:flex;flex-wrap:wrap;gap:14px;font:500 12px system-ui;color:#666}
.case .k{color:#0a7cff}
.case .cta{padding:10px 14px;border-radius:10px;background:#0a7cff;color:#fff;text-decoration:none;font:600 13px system-ui}
@media(max-width:520px){.case{grid-template-columns:1fr}.case .cta{justify-self:start}}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-4603ad9 */.improve{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:16px;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.improve .i{padding:12px 14px;border-radius:12px;background:#f7f8fa;font:600 13px system-ui;color:#111;display:flex;gap:10px;align-items:flex-start}
.improve .i span{font:500 12px system-ui;color:#666;display:block;margin-top:2px}
.improve .dot{width:8px;height:8px;border-radius:50%;background:#0a7cff;flex:0 0 auto;margin-top:6px}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-f22799b *//* Light theme, subtle outline, modern SaaS blue gradient */
#rsam {
  --bg:#f3f8ff; --card:#ffffff; --muted:#7a8494; --text:#111827;
  --primary:#3972FF; --primary-2:#3668F3;
  --primary-soft:#eaf0ff;
  --bd:rgba(0,0,0,.06); --bd-strong:rgba(0,0,0,.12);
  --grad-main:linear-gradient(92deg, var(--primary), var(--primary-2));
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans";
  color:var(--text);
  background:var(--bg);
  padding:24px;
  border-radius:20px;
  box-shadow:0 2px 30px rgba(0,0,0,.08);
}

#rsam *{box-sizing:border-box;}

.rsam-hero{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:12px;}
.rsam-hero h1{margin:0 0 6px;font-size:clamp(22px,3vw,34px);}
.rsam-hero-left h2{
  letter-spacing:-0.08rem;
}
.rsam-sub{margin:0;color:var(--muted);}
.rsam-hero-right{min-width:260px;}
.rsam-progress{height:8px;background:#eef2ff;border:1px solid var(--bd);border-radius:999px;overflow:hidden;}
.rsam-progress-bar{height:100%;width:0;background:var(--grad-main);transition:width .25s cubic-bezier(.25,.8,.25,1);}
.rsam-steps-label{text-align:right;color:var(--muted);font-size:12px;margin-top:6px;}

.rsam-card{background:var(--card);border:1px solid var(--bd);border-radius:16px;}
.rsam-step{padding:16px;}
.rsam-step + .rsam-step{border-top:1px dashed var(--bd);}
.rsam-step-title{margin:0 0 10px;font-size:clamp(18px,2.6vw,22px);}

.rsam-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.rsam-choice input{display:none;}
.rsam-choice-box{border:1px solid var(--bd);border-radius:12px;padding:14px;background:#fff;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s;}
.rsam-choice-title{font-weight:700;margin-bottom:6px;}
.rsam-choice-desc{color:var(--muted);font-size:14px;}
.rsam-choice:hover .rsam-choice-box{border-color:rgba(0,0,0,.12);background:#fbfdff;box-shadow:0 1px 0 rgba(0,0,0,.05);}
.rsam-choice input:checked + .rsam-choice-box{border-color:var(--primary);box-shadow:0 0 0 3px rgba(57,114,255,.12);}

.rsam-group{display:grid;gap:10px;}
.rsam-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fff;border:1px solid var(--bd);border-radius:12px;}
.rsam-item input{margin-top:2px;width:18px;height:18px;accent-color:var(--primary);}
.rsam-item span{flex:1;}
.tt{font-style:normal;font-weight:700;color:#4b5563;border:1px solid var(--bd);background:#f8fafc;padding:0 6px;border-radius:999px;cursor:help;}

.rsam-actions{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--bd);}
.rsam-btn{
  border:1px solid rgba(0,0,0,.08);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  color:var(--text);
  padding:10px 14px;
  border-radius:14px;
  cursor:pointer;
  font-weight:600;
}
.rsam-btn:hover{border-color:rgba(0,0,0,.12);}
.rsam-btn-ghost{background:#fff;}

/* CTA — no lift */
.rsam-btn-cta{
  background:var(--grad-main) !important;
  border:none !important;
  color:#fff !important;
  border-radius:14px !important;
  position:relative;
}
.rsam-btn-cta:after{
  content:"›";
  position:absolute;
  right:14px; top:50%;
  transform:translateY(-50%);
  transition:transform .22s cubic-bezier(.25,.8,.25,1);
}
.rsam-btn-cta:hover:after{
  transform:translateY(-50%) translateX(4px);
}

/* NEXT button no lift */
#rsam-next{
  background:var(--grad-main) !important;
  color:#fff !important;
  border:none !important;
}

.rsam-result{margin-top:16px;}
.rsam-result[hidden]{display:none;}
.rsam-result-inner{background:#ffffff;border:1px solid var(--bd);border-radius:16px;padding:18px;position:relative;}
.rsam-badge{position:absolute;top:12px;right:-16px;transform:rotate(6deg);background:#eef2ff;border:1px solid #dbe3ff;color:var(--primary);padding:6px 14px;border-radius:999px;font-size:12px;}
#rsam-headline{margin:4px 0 6px;font-size:clamp(18px,2.6vw,24px);}
#rsam-explainer{margin:0 0 10px;color:var(--muted);}
.rsam-cta{display:flex;gap:10px;flex-wrap:wrap;}

.rsam-footer{margin-top:10px;color:var(--muted);}

@media(max-width:900px){
  .rsam-choice-grid{grid-template-columns:1fr;}
  .rsam-hero-right{min-width:auto;}
}

/* 2 колони в чекбоксите */
.rsam-group{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
@media(max-width:680px){
  .rsam-group{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for container, class: .vsd-element-7f1ebbd */#redesign-calc{
  scroll-margin-top:120px;
}

.flow-sidebox::after{
  content:"";
  background-image:var(--flow-img) !important;
  display:block;
}/* End custom CSS */