@import url(https://fonts.googleapis.com/css?family=Montserrat:300,regular,500,600,700,800,900&display=swap);

@import url(https://fonts.googleapis.com/css?family=Nunito:700,800,900&display=swap);

@charset "UTF-8";

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #6E7191;
  line-height: 1;
  font-family: "Montserrat";
  font-size: 1.0625rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "Montserrat";
  font-size: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
  color: #0027F3;
  text-decoration: underline;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

html,
body {
  background:
    radial-gradient(1200px 600px at -10% 10%, rgba(0,39,243,.06), transparent 60%),
    radial-gradient(1000px 500px at 110% 85%, rgba(255,200,0,.07), transparent 60%),
    #fff;
  background-attachment: fixed, fixed, fixed;
}

body {
  font-weight: 500;
}

.lock body {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: clip;
}


/* Баннер */
.cookie-banner {
    position: fixed;
    width: 60%;
    bottom: -200px; /* спрятан вначале */
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #eee;
    color: #6E7191;
    padding: 20px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    transition: bottom 0.6s ease;
    z-index: 9999;
    margin: 0 auto;
    border-radius: 25px;
    line-height: 150%;
}
.cookie-banner.show {
    bottom: 15px;
}
@media (min-width: 768px){
  /* Lift cookie banner above sticky CTA on desktop/tablet */
  .cookie-banner.show { bottom: 70px; }
}
.cookie-banner button {
    background: #0027F3;
    color: white;
    border: none;
    padding: 8px 14px;
    cursor: pointer;
    border-radius: 12px;
    font-size: 14px;
    transition: background 0.3s ease;
}
.cookie-banner button:hover {
    background: #FFC800;
}
#success-message {display: none;margin-top: 20px;padding: 10px; border: 1px solid #c3e6cb; color: #155724; border-radius: 4px; text-align:center; color:#fff;}

/* Mobile: cookie banner edge-to-edge */
@media (max-width: 767px){
  .cookie-banner{width:100%; left:0; right:0; border-radius:0; padding:12px 18px;}
}

@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}

.wrapper > main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.wrapper > * {
  min-width: 0;
}

/*
(i) Стилі будуть застосовуватись до
всіх класів, що містять *__container
Наприклад header__container, main__container і т.п.
Сніппет (HTML): cnt
*/

[class*=__container] {
  max-width: 100rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}
/* Narrow 1200px containers for specific sections */
.metrics__container,.benefits__container,.about__container,.technologies__container,.security__container,.tariffs-features .tariffs__container,.hero__container,.discounts__container{max-width:1280px}
.tariffs__container {overflow-x: auto; padding-bottom: 50px;}

[class*=__container-max] {
  max-width: 1920px;
  margin: 0 auto;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input {
  width: 100%;
  display: block;
  background: #FFFFFF;
  border: 1.5px solid #8586FF;
  border-radius: 58px;
  padding: 15px 30px;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  color: #6E7191;
}

/* Deep Analytics */
.deep-analytics { position: relative; }
.deep-analytics__container { max-width: 100rem; margin: 0 auto; padding: 0 0.9375rem; }
.deep-analytics__header { margin-bottom: 2rem; }
.deep-analytics__body {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 24px;
  align-items: start;
}
.deep-analytics__left { display: flex; flex-direction: column; gap: 12px; }
.deep-analytics__btn {
  text-align: left;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid #E7E7FB;
  background: #fff;
  color: #121212;
  font-weight: 600;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.deep-analytics__btn:hover { background: #F7F7FF; }
.deep-analytics__btn.is-active { background: #0027F3; border-color: #0027F3; color: #fff; }

.deep-analytics__right { position: relative; min-height: 420px; }
.deep-analytics__pane { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 16px; border: 1px solid #E7E7FB; padding: 8px; }
.deep-analytics__pane.is-active { opacity: 1; visibility: visible; }
.deep-analytics__pane svg, .deep-analytics__pane img { max-width: 100%; height: auto; display: block; }

/* Generic SVG animation helpers */
.svg-anim-draw { stroke: currentColor; }
.svg-animated .will-draw { stroke-dasharray: var(--len, 400); stroke-dashoffset: var(--len, 400); animation: svgDraw .9s ease forwards; }
@keyframes svgDraw { to { stroke-dashoffset: 0; } }
.svg-animated .will-grow { transform-origin: center bottom; transform: scaleY(0); animation: barGrow .9s cubic-bezier(.2,.8,.2,1) forwards; }
@keyframes barGrow { to { transform: scaleY(1); } }

@media (max-width: 991px){
  .deep-analytics__body { grid-template-columns: 1fr; }
  .deep-analytics__left { flex-direction: row; flex-wrap: wrap; }
}

/* Lightweight reveal for heavy inline SVGs (Deep Analytics) */
.svg-lite-anim { opacity: 0; transform: translateY(8px) scale(0.985); transition: opacity .5s ease, transform .5s ease; }
.svg-lite-anim.svg-lite-play { opacity: 1; transform: translateY(0) scale(1); }

/* Deep Analytics: lightweight chart motions */
.svg-lite-prime rect { transform-origin: center bottom; animation: barIn .8s cubic-bezier(.2,.8,.2,1) both; }
.svg-lite-play rect { transform-origin: center bottom; animation: barPulse 5.5s ease-in-out infinite; }
.svg-lite-play path, .svg-lite-play polyline { animation: strokePulse 7s ease-in-out infinite; }
@keyframes barIn { from { transform: scaleY(0.05); } to { transform: scaleY(1); } }
@keyframes barPulse { 0%,100% { transform: scaleY(1); } 50% { transform: scaleY(0.96); } }
@keyframes strokePulse { 0%,100% { stroke-opacity: 0.85; } 50% { stroke-opacity: 0.6; } }

@media (prefers-reduced-motion: reduce){
  .svg-lite-prime rect,
  .svg-lite-play rect,
  .svg-lite-play path,
  .svg-lite-play polyline { animation: none !important; }
}

.input:focus {
  outline: none;
}

.input::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  color: #6E7191;
}

.input::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  color: #6E7191;
}

.input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  color: #6E7191;
}

.input::-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  color: #6E7191;
}

.input::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  color: #6E7191;
}

.input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.input[placeholder]:not([data-placeholder-nohiden])::-moz-placeholder {
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder {
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder {
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-webkit-input-placeholder {
  opacity: 0;
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-moz-placeholder {
  opacity: 0;
}

.input[placeholder]:not([data-placeholder-nohiden]):focus:-ms-input-placeholder {
  opacity: 0;
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-ms-input-placeholder {
  opacity: 0;
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder {
  opacity: 0;
}

textarea.input {
  resize: none;
  padding: 0px 0px;
}

.checkbox {
  position: relative;
}

.checkbox:not(:last-child) {
  margin-bottom: 0.3125em;
}

.checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.checkbox__input:checked + .checkbox__label:before {
  background: url("../img/icons/checkbox.svg") 0 0 no-repeat;
}

.checkbox__label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  gap: 10px;
}

.checkbox__label:before {
  content: "";
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background-color: #fff;
}

.checkbox__text {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 17px;
  color: #FFFFFF;
}

.checkbox__text a {
  font-weight: bold;
  color:#fff;
}

.checkbox__text a:hover {
  text-decoration: underline;
}

[class*=-ibg] {
  position: relative;
}

[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

[class*=-ibg_contain] img {
  -o-object-fit: contain;
     object-fit: contain;
}

.button-yellow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
  line-height: 123.4%;
  color: #2F2F2F;
  padding: 15px 32px;
  background-color: #FFC800;
  border-radius: 43px;
  -webkit-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}

.button-yellow:hover {
  background-color: #f7c200;
}

.button-yellow:active {
  background-color: #f0bc00;
}

.button-purple {
  padding: 13px 16px; /* compensate for 2px border to align with yellow */
  font-weight: 700;
  font-size: 16px;
  line-height: 123.4%;
  color: #FFFFFF;
  background-color: #0027F3;
  border: 2px solid rgba(255, 255, 255, 0.95);
  border-radius: 48px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  box-shadow: 0 6px 16px rgba(30, 33, 63, 0.15), 0 2px 6px rgba(0,39,243, 0.2);
}

/* Space between adjacent inline buttons */
.button + .button {
  margin-left: 12px;
}

.button-purple:hover {
  background-color: #4648ed;
  box-shadow: 0 10px 22px rgba(30, 33, 63, 0.18), 0 4px 10px rgba(0,39,243, 0.25);
}

.button-purple:active {
  background-color: #3d3fec;
  transform: translateY(0.5px);
}

.button-purple:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.85), 0 6px 16px rgba(30,33,63,0.15);
}

.title-h1 {
  font-weight: 900;
  line-height: 123.4%;
  color: #FFFFFF;
}

.title-h2 {
  font-weight: 700;
  line-height: 123.4%;
}

.title-h2--center {
  text-align: center;
}

.title-h2--black {
  color: #05004E;
}

.subtitle {
  font-weight: 500;
  line-height: 123.4%;
  text-align: center;
  color: #6E7191;
}

.padding-y-120 {
  padding: 120px 0;
}

.header {
  padding: 24px 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 3;
  overflow: visible; /* allow dropdowns to overflow header */
}

.header_inner {
  padding: 15px 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 3;
  overflow: visible;
}

.header._header-scroll {
  position: fixed;
  top: 0;
  padding: 15px 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 0 0 16px 16px;
}

.header._header-scroll .header__logo svg path {
  fill: #05004E;
}

.header._header-scroll .header__menu .menu__link {
  color: #05004E;
}

.header._header-scroll .header__authorization {
  color: #05004E;
}

.header._header-scroll .header__authorization svg path {
  fill: #05004E;
}

.header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__logo {
  display: inline-block;
  position: relative;
  z-index: 5;
}

.menu__drawer-logo {
  display: none;
}

.header__logo > img,
.header__logo > svg {
  position: relative;
  z-index: 1;
}

.footer__top-logo {
  position: relative;
}

.footer__top-logo > img,
.footer__top-logo > svg {
  position: relative;
  z-index: 1;
}


.header__logo svg path {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.menu-open .header__logo svg path {
  fill: #0027F3;
}

.header__menu .menu__authorization {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 123.4%;
  color: #05004E;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header__menu .menu__authorization svg {
  margin-right: 7px;
  width: 15px;
  height: 15px;
}

.header__menu .menu__authorization svg path {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  fill: #05004E;
}

.header__menu .menu__authorization:hover {
  color: #FFE999;
}

.header__menu .menu__authorization:hover svg path {
  fill: #FFE999;
}

.header__menu .menu__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  margin-top: 20px;
}

.header__menu .menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 870px;
          flex: 0 1 870px;
  gap: 15px 50px;
}

.header__menu .menu__link {
  display: inline-block;
  font-weight: 700;
  line-height: 123.4%;
  -webkit-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}

.header__menu .menu__link:hover {
  color: #FFE999;
}

.header__menu .menu__link:active {
  color: #ffe070;
}

.header__menu .menu__link:active svg path {
  fill: #ffe070;
}

.header__actions {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

/* Pill buttons (shared with features) */
.fp-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 999px;
  height: 42px;
  padding: 0 20px;
  font-weight: 700;
  font-size: 15px;
  font-family: inherit;
  white-space: nowrap;
  border: none;
  cursor: pointer;
  transition: transform .12s, box-shadow .12s;
}
.fp-pill:hover { transform: translateY(-1px); }
.fp-pill--yellow {
  background: #ffd100;
  color: #111;
  box-shadow: 0 4px 10px rgba(255, 193, 7, .32);
}
.fp-pill--outline {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
}
.fp-header__login {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.23;
  color: #fff;
  text-decoration: none;
}
.fp-header__login svg { width: 12px; height: 12px; }
.fp-header__login:hover { opacity: 0.8; }

.header__right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__authorization {
  font-weight: 700;
  font-size: 1rem;
  line-height: 123.4%;
  color: #FFFFFF;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header__authorization svg {
  margin-right: 7px;
}

.header__authorization svg path {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header__authorization:hover {
  color: #FFE999;
}

.header__authorization:hover svg path {
  fill: #FFE999;
}

.icon-menu {
  display: none;
}

.footer {
  background-color: #4C4F5F;
}

.footer__top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 50px 0;
}

.footer__top .footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.footer__container a{color: #fff;}
.footer__bottom {
  padding: 20px 0;
}

.footer__bottom .menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px 30px;
}

.footer__bottom .menu__item {
  margin-bottom: 0 !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.footer__top-left {
  margin-right: 20px;
}

.footer__top-left p {
  max-width: 165px;
  font-weight: 400;
  font-size: 0.6875rem;
  line-height: 164%;
  color: #B1B0B9;
}

.footer__top-logo {
  margin-bottom: 25px;
  display: inline-block;
}

.footer .menu span {
  font-size: 1rem;
  line-height: 27px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 18px;
  display: inline-block;
}

.footer .menu__item {
  margin-bottom: 18px;
}

.footer .menu__item:last-child {
  margin-bottom: 0;
}

.footer .menu__link {
  font-weight: 400;
  font-size: 1rem;
  line-height: 27px;
  color: #C3CCD1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.footer .menu__link:hover {
  text-decoration: underline;
}

.footer .menu__link.link-bold {
  font-weight: 700;
  color: #FFFFFF;
}

.footer__socials > span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 27px;
  color: #FFFFFF;
  margin-bottom: 18px;
  display: inline-block;
}

.footer__socials ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 25px;
}

.footer__socials ul li:last-child {
  margin-bottom: 0;
}

.footer__socials ul li .icon {
  margin-right: 15px;
}

.footer__socials ul li .info p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 20px;
  color: #FFFFFF;
  margin-bottom: 10px;
}

.footer__socials ul li .info a,
.footer__socials ul li .info span {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 20px;
  color: #FFFFFF;
}

.hero {
  background: linear-gradient(to bottom, #0689F7, #0020FF);
  padding: 200px 0 80px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
}
.hero_inner {
  background-color: #0027F3;
  padding: 0 0 70px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
}

.hero::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 900px;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../img/hero/icon.svg") top center no-repeat;
}

.hero__ui .item-01 {
  position: absolute;
  width: 39px;
  height: 39px;
  left: -13px;
  top: 200px;
  border-radius: 50%;
  background: #F98060;
  border: 3px solid rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.hero__ui .item-02 {
  position: absolute;
  width: 53px;
  height: 53px;
  left: 21px;
  top: 561px;
  border-radius: 50%;
  background: #4F9FE7;
  border: 3px solid rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.hero__ui .item-03 {
  position: absolute;
  width: 37px;
  height: 37px;
  left: 660px;
  top: 141px;
  background: #FFD664;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.hero__ui .item-04 {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 400px;
  top: 232px;
  background: #BF83FF;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.hero__ui .item-05 {
  position: absolute;
  width: 53px;
  height: 53px;
  right: 160px;
  top: 136px;
  background: #89D626;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.hero__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.hero__info {
  max-width: 625px;
  position: relative;
  z-index: 2;
}

.hero__info .info-hero__price {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 900;
  line-height: 123.4%;
  text-align: center;
  color: #FFFFFF;
  padding: 12px 19px;
  background-color: #1AE0B1;
  border-radius: 32px;
}

.hero__info .info-hero__header p {
  font-weight: 800;
  line-height: 29px;
  color: #FFFFFF;
  margin-bottom: 25px;
}

.hero__info .info-hero__content ul {
  list-style: circle;
  margin-bottom: 40px;
  padding-left: 30px;
}

.hero__info .info-hero__content ul li {
  list-style: disc;
  margin-bottom: 15px;
  line-height: 25px;
  color: #FFFFFF;
  font-weight: 400;
}

.hero__info .info-hero__content ul li b {
  font-weight: 900;
}

.hero__info .info-hero__content ul li:last-child {
  margin-bottom: 0;
}

.benefits {
  margin: 300px 0 140px 0;
}

.benefits_inner {
  margin: 170px 0 140px 0;
}

.benefits_inner p {
  margin: 10px 0;
  line-height: 130%;
}
.benefits_inner .title-h1 {
  font-weight: 700;
}
.benefits_inner h3 {
  font-weight: 600;
  font-size: 20px;
  margin-top: 30px;
}

.benefits_inner ol {
  margin: 20px 0 20px 50px;
}
.benefits_inner ol li, .benefits_inner ul li{
  margin: 10px 0;
  line-height: 130%;
}

.benefits_inner ol li ul li, .benefits_inner ul li{
  margin: 10px 0 0 20px;
  line-height: 130%;
  list-style: disc;
}

.benefits__header {
  margin-bottom: 40px;
}

.benefits__header .title-h2 {
  margin-bottom: 15px;
}

.benefits__header .title-h1 {
  margin-bottom: 30px;
}

.benefits_inner .benefits__content {max-width: 85%;margin: 0 auto;}

.benefits__tabs .tabs__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  flex: 0 0 500px;
  max-width: 500px;
}

/* Keep the right content column stable to prevent jumpy width after load */
.benefits__tabs .tabs__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  min-width: 0;
}
@media (max-width: 1200px){
  .benefits__tabs .tabs__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
}

.benefits__tabs .tabs__title {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-weight: 500;
  line-height: 121%;
  font-size: 1.1rem;
  color: #05004E;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(229, 229, 229, 0.5);
  -webkit-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.03);
  color: rgba(5, 0, 78, 0.5);
  border-radius: 16px;
  padding: 14px 20px;
  max-width: 520px;
  width: 100%;
  text-align: left;
}

.benefits__tabs .tabs__title:last-child {
  margin-bottom: 0;
}

.benefits__tabs .tabs__title .icon {
  margin-right: 10px;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  overflow: hidden;
}
.benefits__tabs .tabs__title .icon img,
.benefits__tabs .tabs__title .icon object,
.benefits__tabs .tabs__title .icon svg {
  width: 28px;
  height: 28px;
}

.benefits__tabs .tabs__title:hover {
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(229, 229, 229, 0.7);
  -webkit-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.05);
  color: rgba(5, 0, 78, 0.7);
}

.benefits__tabs .tabs__title._tab-active {
  color: #05004E;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}

.benefits__tabs .tabs__title._tab-active.tabs-title--one {
  border-color: #4F9FE7;
}

.benefits__tabs .tabs__title._tab-active.tabs-title--two {
  border-color: #89D626;
}

.benefits__tabs .tabs__title._tab-active.tabs-title--three {
  border-color: #BF83FF;
}

.benefits__tabs .tabs__title._tab-active.tabs-title--four {
  border-color: #F98060;
}

.benefits__tabs .tabs__body img {
  -webkit-filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.05));
          filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.05));
  border-radius: 26px;
  max-width: 900px;
  width: 100%;
}

/* Match styling for embedded SVG animation in benefits first tab */
.benefits__tabs .tabs__body object.benefits-anim {
  width: 100%;
  height: auto;
  display: block;
  -webkit-filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.05));
          filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.05));
  border-radius: 26px;
  max-width: 900px;
}

/* Animated SVG scenario wrapper + slides */
.benefits__tabs .tabs__body .benefits-anim-wrap {
  position: relative;
  max-width: 900px;
  height: 520px;
  width: 100%;
  -webkit-filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.05));
          filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.05));
  border-radius: 26px;
  overflow: visible;
}
.benefits__tabs .tabs__body .benefits-anim-wrap .benefits-anim-slide {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 4px 30px rgba(0,0,0,0.05);
  overflow: hidden; /* clip to rounded corners when filling */
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s ease, visibility .35s ease;
}
.benefits__tabs .tabs__body .benefits-anim-wrap .benefits-anim-slide._active {
  opacity: 1;
  visibility: visible;
}
/* Ensure imgs scale nicely without aspect-ratio jumps */
.benefits__tabs .tabs__body .benefits-anim-wrap .benefits-anim-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 26px;
  display: block;
}
.benefits__tabs .tabs__body .benefits-anim-wrap .benefits-anim-slide svg { width: 100%; height: 100%; display: block; border-radius: 26px; }
.benefits__tabs .tabs__body .benefits-anim-wrap .benefits-anim-cursor {
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  background: rgba(0,0,0,0.7);
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  left: 20%;
  top: 25%;
  opacity: 0;
  transition: left 0.7s ease, top 0.7s ease, opacity 0.3s ease;
  pointer-events: none;
}

/* (removed) deep analytics overlay menu */

.discounts {
  background: linear-gradient(to bottom, #0689F7, #0020FF);
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.discounts::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 600px;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../img/discounts/Topographic 2.svg") bottom center no-repeat;
}

.discounts__ui .item-01 {
  position: absolute;
  width: 37px;
  height: 37px;
  left: -19px;
  top: 8px;
  background: #FFD664;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.5);
  z-index: 0;
}

.discounts__ui .item-02 {
  position: absolute;
  width: 28px;
  height: 28px;
  left: 18px;
  top: 276px;
  background: #4F9FE7;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.5);
  z-index: 0;
}

.discounts__ui .item-03 {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 680px;
  top: 392px;
  background: #BF83FF;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.5);
  z-index: 0;
}

.discounts__ui .item-04 {
  position: absolute;
  width: 39px;
  height: 39px;
  left: 772px;
  bottom: 50px;
  background: #F98060;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 0;
}

.discounts__left {
  padding: 100px 0;
}

.discounts .text-discounts {
  position: relative;
  z-index: 2;
}

.discounts .text-discounts__header {
  margin-bottom: 25px;
}

.discounts .text-discounts__header p {
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 123.4%;
  color: #FFFFFF;
}

.discounts .text-discounts__title {
  font-weight: 900;
  font-size: 2rem;
  line-height: 123.4%;
  text-align: center;
  color: #FFFFFF;
  padding: 12px 19px;
  background-color: #1AE0B1;
  border-radius: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
}

.discounts .text-discounts__content ul li {
  color: #FFFFFF;
  line-height: 24px;
  margin-bottom: 24px;
}

.discounts .text-discounts__content ul li:last-child {
  margin-bottom: 0;
}

.discounts .text-discounts__content ul li b {
  font-weight: 800;
}

.discounts .text-discounts__content ul li p {
  font-weight: 500;
  color: #FFFFFF;
}

.discounts .text-discounts__content ul li p span {
  font-weight: 800;
  color: #FFE999;
}

.discounts__right {
  position: relative;
  z-index: 2;
}

.discounts__right img {
  max-width: 100%;
  width: 100%;
  position: absolute;
  top: -50%;
}

/* ── Company (О нас) block ── */
.company {
  padding: 100px 0;
  background: #F8F9FF;
}
.company__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 15px;
}
.company__top {
  display: flex;
  gap: 60px;
  margin-bottom: 60px;
}
.company__intro {
  flex: 0 0 320px;
}
.company__logo {
  color: #0027F3;
  margin-bottom: 20px;
}
.company__title {
  font-size: 2rem;
  font-weight: 800;
  color: #05004E;
  margin: 0 0 12px;
}
.company__subtitle {
  font-size: 1rem;
  font-weight: 500;
  color: #6E7191;
  margin: 0 0 16px;
  line-height: 1.5;
}
.company__link {
  font-weight: 700;
  font-size: 0.9375rem;
  text-decoration: none;
}
.company__link span {
  display: inline-block;
  margin-left: 4px;
}
.company__desc {
  flex: 1;
  min-width: 0;
}
.company__desc p {
  font-size: 1.0625rem;
  color: #6E7191;
  line-height: 1.7;
  margin: 0 0 20px;
}
.company__desc p:last-child {
  margin-bottom: 0;
}
.company__desc strong {
  color: #05004E;
}
.company__metrics {
  display: flex;
  gap: 20px;
}
.company__metric {
  flex: 1;
  background: #fff;
  border-radius: 16px;
  padding: 28px 24px;
  text-align: center;
  border: 1px solid rgba(5, 0, 78, 0.06);
}
.company__metric-icon {
  margin-bottom: 16px;
}
.company__metric-icon svg {
  width: 32px;
  height: 32px;
}
.company__metric-value {
  font-size: 1.75rem;
  font-weight: 800;
  color: #05004E;
  margin-bottom: 8px;
}
.company__metric-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6E7191;
  line-height: 1.4;
}

@media (max-width: 980px) {
  .company__top {
    flex-direction: column;
    gap: 32px;
  }
  .company__intro {
    flex: none;
  }
  .company__metrics {
    flex-wrap: wrap;
  }
  .company__metric {
    flex: 1 1 calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  .company {
    padding: 60px 0;
  }
  .company__title {
    font-size: 1.5rem;
  }
  .company__metric {
    flex: 1 1 100%;
  }
  .company__metrics {
    gap: 12px;
  }
}

.about__header {
  margin-bottom: 80px;
}

.about__header .title-h2 {
  margin-bottom: 15px;
}

.about__header .subtitle {
  max-width: 1200px;
  margin: 0 auto;
}

.about__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 80px;
  gap: 20px;
}

.about .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc((100% - 80px) / 5);
          flex: 0 1 calc((100% - 80px) / 5);
}

.about .item.item--one .item__top span {
  color: #4F9FE7;
}

.about .item.item--three .item__top span {
  font-weight: 900;
  font-size: 2.625rem;
  line-height: 57px;
  color: #89D626;
  margin-left: 10px;
}

.about .item.item--four .item__top span {
  font-weight: 900;
  font-size: 2.625rem;
  line-height: 57px;
  color: #FC9595;
  margin-left: 10px;
}

.about .item.item--five .item__top span {
  font-weight: 900;
  font-size: 2.625rem;
  line-height: 57px;
  color: #BF83FF;
}

.about .item__top {
  font-family: "Nunito";
  margin-bottom: 25px;
  text-align: center;
  font-weight: 800;
  font-size: 5.6875rem;
  line-height: 64%;
  color: #05004E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.about .item__top span {
  margin: 0 5px;
}

.about .item__bottom {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 139%;
  color: #6E7191;
  text-align: center;
}

.about__postscriptum {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 17px;
  color: #6E7191;
}

.profits {
  background-color: #1AE0B1;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.profits::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 400px;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../img/profits/Topographic 3.svg") top center no-repeat;
}

.profits__ui .item-01 {
  position: absolute;
  width: 39px;
  height: 39px;
  right: 740px;
  bottom: -12px;
  background: #F98060;
  border-radius: 50%;
  border: 3px solid #fff;
  z-index: 0;
}

.profits__ui .item-02 {
  position: absolute;
  width: 53px;
  height: 53px;
  right: 160px;
  top: 11px;
  border-radius: 50%;
  background: #4F9FE7;
  border: 3px solid rgba(255, 255, 255, 0.99);
  border-radius: 50%;
}

.profits__ui .item-03 {
  position: absolute;
  width: 53px;
  height: 53px;
  right: 240px;
  top: 323px;
  background: #89D626;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
}

.profits__ui .item-04 {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 100px;
  top: 261px;
  background: #FFD664;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
}

.profits__container-max {
  position: relative;
}

.profits__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profits__right-content p {
  margin-bottom: 40px;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 125%;
  color: #FFFFFF;
  max-width: 540px;
}

.profits__right-content p span {
  font-weight: 900;
  text-decoration: underline;
}

.technologies__header {
  margin-bottom: 80px;
}

.technologies__list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
}

.technologies__item {
  border-radius: 26px;
  background: #FFFFFF;
  border: 0;
  max-width: 380px;
  -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.technologies__item.item--blue .item__header {
  background: url("../img/technologies/01.png") 0 0/cover no-repeat;
}

.technologies__item.item--blue .item__icon {
  background-color: #4F9FE7;
}

.technologies__item.item--green .item__header {
  background: url("../img/technologies/02.png") 0 0/cover no-repeat;
}

.technologies__item.item--green .item__icon {
  background-color: #89D626;
}

.technologies__item.item--purple .item__header {
  background: url("../img/technologies/03.png") 0 0/cover no-repeat;
}

.technologies__item.item--purple .item__icon {
  background-color: #BF83FF;
}

.technologies__item .item__header {
  border-radius: 26px 26px 0 0;
  position: relative;
  min-height: 55px;
  margin-bottom: 0;
}

.technologies__item .item__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 12px;
  padding: 10px;
  position: absolute;
  left: 40px;
  bottom: -50%;
}
.technologies__item .item__icon {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.technologies__item .item__icon svg {
  width: 20px;
  height: 20px;
}

.technologies__item .item__content {
  padding: 40px;
}

.technologies__item .item__content h5 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 29px;
  color: #05004E;
  margin-bottom: 25px;
}

.technologies__item .item__content p {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 150%;
  color: #6E7191;
  margin-bottom: 25px;
}

.technologies__item .item__content ul li {
  font-weight: 500;
  font-size: 1rem;
  line-height: 130%;
  color: #6E7191;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.technologies__item .item__content ul li .icon {
  margin-top: 5px;
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.technologies__item .item__content ul li:last-child {
  margin-bottom: 0;
}

.tariffs__header {
  margin-bottom: 80px;
}

.billing-toggle {
  display: flex;
  gap: 10px;
  margin: 20px auto 0;
  justify-content: center;
}
.billing-toggle__btn {
  border: 1px solid rgba(229,229,229,0.8);
  background: #fff;
  color: #05004E;
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 600;
}
.billing-toggle__btn.is-active {
  background: #0027F3;
  color: #fff;
  border-color: #0027F3;
}
.billing-toggle__btn[data-billing="yearly"]{
  position:relative;
}
.toggle-discount{
  position:absolute;
  top:-10px;
  right:-10px;
  background:linear-gradient(90deg,#FF8A65,#FF7043);
  color:#fff;
  border-radius:999px;
  padding:3px 10px;
  font-size:0.7rem;
  font-weight:700;
  box-shadow:0 4px 12px rgba(249,128,97,.35);
  line-height:1.3;
}

.tariffs__ai-cta {
  margin-top: 20px;
  text-align: center;
}

.tariffs__ai-cta .button {
  min-width: 260px;
}

.tariffs__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  max-width: 1265px;
  margin: 0 auto;
}

.tariffs__item {
  background: #FFFFFF;
  border: 1px solid rgba(229, 229, 229, 0.5);
  -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 26px;
  padding: 35px 32px;
}

.tariffs__item.item--discounts {
  border: 3px solid #0027F3;
  -webkit-box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.11);
}

.tariffs__item.item--discounts .item__price span {
  color: #0027F3;
}

.tariffs__item .item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.tariffs__item .item__caption {
  margin-bottom: 14px;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 29px;
  color: #05004E;
}

.tariffs__item .item__discounts {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration-line: line-through;
  color: #F98060;
  margin-bottom: 10px;
}

.tariffs__item .item__price {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tariffs__item .price-note{margin-bottom:24px}

.tariffs__item .item__price span {
  font-weight: 900;
  font-size: 3.25rem;
  color: #05004E;
  margin-right: 10px;
}

.tariffs__item .item__price p {
  font-weight: 600;
  font-size: 1rem;
  line-height: 30px;
  color: #05004E;
}

.tariffs__item .item__content {
  margin-bottom: 24px;
}

.tariffs__item .item__content ul li {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 145%;
  color: #6E7191;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tariffs__item .item__content ul li::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  margin-right: 25px;
  background: url("../img/icons/icon-list-tariffs.svg") 0 0 no-repeat;
}

/* Two-column compact features list */
.features-grid-2col{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:6px 16px;
}
.features-grid-2col li{
  font-size:.9rem !important;
  line-height:1.4 !important;
  margin-bottom:0 !important;
}
.features-grid-2col li::before{
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  margin-right:8px !important;
  background-size:contain !important;
  margin-top:2px;
}
@media(max-width:768px){
  .features-grid-2col{grid-template-columns:1fr}
}

.tariffs__item .item__content ul li:last-child {
  margin-bottom: 0;
}

.try-free {
  padding: 80px 0;
  background: linear-gradient(to bottom, #0689F7, #0020FF);
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

/* Variant A: compare table */
.compare__grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr;
  gap: 1px;
  background: #e9e9ef;
  border-radius: 16px;
  overflow: hidden;
}
.compare__col{background:#fff}
.compare__col--features{background:#f8f8ff}
.compare__feature{padding:16px 18px;font-weight:600;color:#05004E;border-bottom:1px solid #eee}
.compare__feature--head{background:#eef0ff}
.compare__header{padding:24px 18px;border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:12px}
.compare__title{font-weight:700;color:#05004E}
.compare__price{font-weight:800;color:#05004E}
.compare__cell{padding:14px 18px;border-bottom:1px solid #eee;display:flex;align-items:center}
.compare__cell--yes{color:#2dbd6e;font-weight:700}
.compare__cell--no{color:#b5b7c0}

/* Variant B: highlight */
.badge-popular{display:inline-block;background:#F98060;color:#fff;border-radius:999px;padding:4px 10px;margin-right:8px;font-size:0.8rem;vertical-align:middle}

/* Pricing polish */
:root{
  --ui-primary:#0027F3;--ui-accent:#FFC800;--ui-success:#2DBD6E;--ui-text:#05004E;--ui-muted:#6E7191;--ui-border:rgba(229,229,229,.8);
}
.tariffs__item{
  position:relative;
  border-radius:26px;
  border:1px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(0,39,243,.28),rgba(255,200,0,.25)) border-box;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
  transition:transform .2s ease, box-shadow .2s ease;
}
.tariffs__item:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.1)}
.tariffs__item .item__header h5{color:var(--ui-text)}
.tariffs__item .item__price span{font-weight:900;font-size:3rem;color:var(--ui-text)}
.tariffs__item .item__price .price-note{color:var(--ui-text)}
.tariffs__item.item--discounts{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(0,39,243,.7),rgba(255,200,0,.5)) border-box;border:2px solid transparent;box-shadow:0 8px 45px rgba(0,39,243,.25)}
.tariffs__item .item__footer .button{min-width:200px;justify-content:center}

/* Attention grabber: gentle float for popular plan */
@keyframes float-bob {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

/* Apply floating to the entire highlighted (popular) tariff card */
.tariffs__item.item--discounts {
  will-change: transform;
  animation: float-bob 3.8s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .tariffs__item.item--discounts { animation: none; }
}

/* Main tariffs: 3 cards layout */
.tariffs .tariffs__list{grid-template-columns:repeat(3,minmax(260px,1fr));gap:28px}
@media (max-width:1024px){.tariffs .tariffs__list{grid-template-columns:1fr}}

/* Compare variant tidy */
.tariffs-compare .compare__grid,.tariffs-variant-compare .compare__grid{margin-top:30px}
.compare__col.tariffs__item{border-radius:26px}
.compare__header .button{align-self:flex-start}
.compare__price span{font-weight:900}
.compare__col.item--discounts{border:3px solid var(--ui-primary)}

/* Highlight variant grid */
.tariffs-highlight .tariffs__list{grid-template-columns:repeat(3,minmax(260px,1fr));gap:28px}
@media (max-width:1024px){.tariffs-highlight .tariffs__list{grid-template-columns:1fr}}

/* Badge popular with glow */
.badge-popular{display:inline-block;background:linear-gradient(90deg,#FF8A65,#FF7043);color:#fff;border-radius:999px;padding:6px 12px;margin-right:8px;font-size:0.8rem;vertical-align:middle;box-shadow:0 6px 18px rgba(249,128,97,.35)}

/* Tariff badge floating on card edge */
.tariff-badge{
  position:absolute;
  top:-16px;
  left:32px;
  z-index:2;
  font-weight:700;
  font-size:0.95rem !important;
  padding:8px 18px !important;
  letter-spacing:.3px;
}

/* Stabilize price blocks to avoid jump on toggle */
.tariffs__item .item__discounts{min-height:26px}
.tariffs__item .item__discounts.is-hidden{visibility:hidden}
.tariffs__item .item__price{min-height:56px}
.compare__price{min-height:56px}
.compare__header{min-height:170px}

/* AI tariff disabled state */
.tariffs__item.item--disabled{
  opacity:.55;
  pointer-events:none;
  position:relative;
}
.tariffs__item.item--disabled::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:26px;
  background:rgba(255,255,255,.15);
}
.tariffs__item.item--disabled:hover{
  transform:none;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
}

/* Coming Soon badge */
.badge-coming-soon{
  display:inline-block;
  background:linear-gradient(90deg,#6366f1,#8b5cf6);
  color:#fff;
  border-radius:999px;
  padding:6px 12px;
  margin-right:0;
  font-size:0.8rem;
  vertical-align:middle;
  box-shadow:0 6px 18px rgba(99,102,241,.35);
}

/* Button outline variant */
.button.button-outline{
  display:inline-flex;
  text-align:center;
  font-weight:700;
  font-size:1rem;
  line-height:123.4%;
  padding:15px 32px;
  border-radius:43px;
  background:transparent;
  border:2px solid #0027F3;
  color:#0027F3;
  transition:background-color .3s ease, color .3s ease;
}
.button.button-outline:hover{
  background:#0027F3;
  color:#fff;
}
.button.button-outline[disabled]{
  opacity:.5;
  cursor:not-allowed;
}
.item__grandfathered{
  margin-top:12px;
  font-size:.82rem;
  line-height:1.45;
  color:#6366f1;
  font-weight:500;
  background:rgba(99,102,241,.08);
  border-radius:10px;
  padding:10px 14px;
}

/* Trial banner */
.trial-banner{
  grid-column:1 / -1;
  margin-top:24px;
  max-width:1265px;
  margin-left:auto;
  margin-right:auto;
  background:linear-gradient(135deg,#f0f4ff 0%,#e8edff 100%);
  border:1px solid rgba(0,39,243,.12);
  border-radius:20px;
  padding:20px 32px;
}
.trial-banner__content{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.trial-banner__title{
  font-size:1.15rem;
  font-weight:700;
  color:#05004E;
  margin-bottom:6px;
}
.trial-banner__desc{
  font-size:1rem;
  color:#6E7191;
  line-height:1.6;
  margin:0;
}
.trial-counter{
  font-weight:900;
  color:#0027F3;
  font-size:inherit;
}
@media(max-width:768px){
  .trial-banner{padding:24px 20px;}
  .trial-banner__content{flex-direction:column;text-align:center;}
  .trial-banner__content .button{width:100%;}
}

/* Variant 1: features grid (flex) */
.tariffs-features .tariffs__content {display:flex;flex-direction:column;align-items:center; max-width: 1100px; width: 70rem;   margin-left: auto;
  margin-right: auto;}
.tariffs__features-grid{
  background: #fff;
  border: 1px solid rgba(229,229,229,.6);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  overflow: visible;
  /* center the grid within section */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.tariffs__features-grid .fg-row{
  display: flex;
  align-items: center;
  padding: 16px 18px;
  border-bottom: 1px solid #eee;
}
.tariffs__features-grid .fg-row:last-child{border-bottom:0}
.tariffs__features-grid .fg-head{background:#EEF0FF;font-weight:700;color:#05004E}
.tariffs__features-grid .fg-col{flex:1;display:flex;align-items:center;gap:0; justify-content: center; text-align: center;position:relative;}
.tariffs__features-grid .fg-col .fg-hint{position:absolute;left:calc(50% + 16px);top:50%;transform:translateY(-70%);margin-left:0;}
.tariffs__features-grid .fg-col--feature{flex:1.2;color:#05004E;font-weight:600; justify-content: flex-start; text-align: left;}
.fg-yes{width:30px;height:30px;flex:0 0 30px;display:inline-block;position:static;background:url("../img/icons/icon-list-tariffs.svg") 0 0 no-repeat;box-shadow:none}
.fg-yes:after{content:none}

/* Mobile-friendly features grid: horizontal scroll and sticky header */
@media (max-width: 768px) {
  .tariffs__features-grid {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .tariffs__features-grid .fg-row {
    min-width: 620px; /* ensures readable columns on small screens */
  }
  .tariffs__features-grid .fg-head {
    position: sticky;
    top: 0;
    z-index: 2;
  }
}
.fg-no{width:18px;height:2px;background:#d9d9e9;border-radius:2px;display:inline-block}
.fg-note{color:#6E7191}
.fg-strong{color:#2DBD6E;font-weight:700}
.tariffs__features-grid .fg-row:hover{background:#fafaff}

/* Feature hint/tooltip */
.fg-hint{display:inline;font-size:.7rem;font-weight:700;color:#6366f1;vertical-align:super;cursor:help;position:relative;background:none;border:none;width:auto;height:auto;margin-left:2px;border-radius:0;line-height:1}
/* .fg-hint::before{content:"*"} */
.fg-hint::after{content:attr(data-tooltip);position:absolute;right:0;bottom:130%;background:#05004E;color:#fff;font-size:12px;line-height:1.4;padding:8px 10px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);white-space:normal;min-width:220px;max-width:320px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100}
.fg-hint:hover::after,.fg-hint:focus::after{opacity:1;transform:translateY(0)}
.fg-hint:hover::before,.fg-hint:focus::before{color:#fff;background:#0027F3}
.fg-footnote{margin-top:12px;color:#6E7191;font-size:.9rem}

/* Accordion category rows */
.fg-category{
  cursor:pointer;
  background:#f4f5ff;
  font-weight:700;
  color:#05004E;
  user-select:none;
  border-bottom:1px solid #e0e1ef;
  transition:background .2s ease;
}
.fg-category:hover{background:#eceeff}
.fg-category .fg-col--feature{display:flex;align-items:center;gap:8px}
.fg-chevron{
  width:16px;
  height:16px;
  flex:0 0 16px;
  transition:transform .25s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.fg-chevron svg{width:12px;height:12px;fill:none;stroke:#05004E;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.fg-category.is-open .fg-chevron{transform:rotate(90deg)}
.fg-counter{font-size:.85rem;font-weight:600;color:#6E7191;white-space:nowrap}
.fg-counter--full{color:#2DBD6E}
.fg-counter--none{color:#d9d9e9}

/* Collapsible body */
.fg-category-body{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
}
.fg-category-body.is-open{
  max-height:600px;
  overflow:visible;
}
.fg-category-body .fg-row{
  padding:10px 18px 10px 36px;
}
.fg-category-body .fg-row:last-child{border-bottom:0}

/* Grandfathered (semi-transparent) checkmark */
.fg-yes--grandfathered{opacity:.35}
.fg-grandfathered-hint{display:inline;font-size:.7rem;font-weight:700;color:#6366f1;vertical-align:super;margin-left:2px;cursor:help}

/* Sticky CTA */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;background:rgb(0,39,243);color:#fff;z-index:9999;box-shadow:0 -8px 24px rgba(0,0,0,.2);display:none;width:100%}
.sticky-cta__inner{max-width:60rem;margin:0 auto;padding:10px .9375rem;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%}
.sticky-cta__text{font-weight:600;text-align:center}
.sticky-cta__btn{white-space:nowrap;box-shadow:0 6px 18px rgba(255,200,0,.35); padding: 10px 20px;}
.sticky-cta .button-purple{padding:10px 20px}
.sticky-cta__close{margin-left:12px;color:#fff;opacity:.6;border:1px solid rgba(255,255,255,.3);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}
.sticky-cta__close:hover{opacity:1}
@media (min-width:768px){.sticky-cta{display:block}}
@media (max-width:1024px){.sticky-cta__inner{justify-content:center;flex-wrap:wrap}.sticky-cta__close{position:absolute;right:10px;top:8px}}

/* AI comparison modal */
.ai-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center}
.ai-modal.is-open{display:flex}
.ai-modal__backdrop{position:absolute;inset:0;background:rgba(5,0,78,.7)}
.ai-modal__dialog{position:relative;z-index:1;background:#fff;border-radius:18px;max-width:640px;width:100%;margin:0 16px;padding:24px 24px 20px;box-shadow:0 18px 40px rgba(0,0,0,.3);max-height:calc(100vh - 32px);overflow-y:auto}
.ai-modal__title{font-size:1.5rem;font-weight:700;color:#05004E;margin:0 0 8px}
.ai-modal__lead{margin:0 0 16px;color:#6E7191;font-size:1rem;line-height:1.5}
.ai-modal__form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.ai-modal__label{display:flex;flex-direction:column;gap:6px;font-size:.95rem;color:#05004E}
.ai-modal__input,.ai-modal__textarea,.ai-modal__select{width:100%;border-radius:10px;border:1px solid #d9daf5;padding:10px 12px;font-size:.95rem;font-family:inherit;background:#fff;color:#05004E;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236E7191' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.ai-modal__textarea{resize:vertical;background-image:none}
.ai-modal__select:invalid{color:#6E7191}
.ai-modal__textarea{min-height:60px}
.ai-modal__submit{margin-top:4px}
.ai-modal__submit:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
.ai-modal__cta{text-align:center;margin:20px 0 6px;padding:18px 16px;background:linear-gradient(135deg,#E8E9FF 0%,#F0F1FF 100%);border-radius:12px}
.ai-modal__cta-btn{display:inline-block;padding:12px 28px;font-size:1rem;font-weight:600;border-radius:10px;text-decoration:none;transition:transform .15s}
.ai-modal__cta-btn:hover{transform:scale(1.03)}
.ai-modal__cta-lead{margin:0 0 10px;font-size:.95rem;font-weight:500;color:#05004E;line-height:1.4}
.ai-modal__cta-note{margin:8px 0 0;font-size:.82rem;color:#6E7191}
.ai-modal__result{padding:10px 12px;background:#F6F7FF;border-radius:12px;font-size:.95rem;color:#05004E;max-height:260px;overflow:auto;position:relative}
.ai-modal__result ul,
.ai-modal__result ol{margin:6px 0 10px;padding-left:20px}
.ai-modal__result ul li{list-style:disc}
.ai-modal__result ol li{list-style:decimal}
.ai-modal__note{margin-top:8px;font-size:.8rem;color:#6E7191}
.ai-modal__close{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#F6F7FF;color:#6E7191;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ai-modal__close:hover{background:#e5e6ff;color:#05004E}
html.ai-modal-open{overflow:hidden}

/* State: show full AI result instead of form */
.ai-modal--show-result .ai-modal__dialog{max-width:720px;padding:0;background:transparent;box-shadow:none;border-radius:0}
.ai-modal--show-result .ai-modal__title,
.ai-modal--show-result .ai-modal__lead,
.ai-modal--show-result .ai-modal__form{display:none}
.ai-modal--show-result .ai-modal__close{top:6px;right:6px;background:rgba(255,255,255,.85);z-index:2}
.ai-modal--show-result .ai-modal__result{margin-top:0;padding:24px 28px 20px;background:#F6F7FF;border-radius:16px;max-height:none;overflow:hidden;font-size:1rem;line-height:1.6}
.ai-modal--show-result .ai-modal__note{padding:0 28px 8px;font-size:.78rem;color:#9496b8}
.ai-modal--show-result .ai-modal__result h3{margin:0 0 8px;font-size:1.1rem;color:#05004E;font-weight:700}
.ai-modal--show-result .ai-modal__result p{margin:0 0 8px}
.ai-modal--show-result .ai-modal__result ul,
.ai-modal--show-result .ai-modal__result ol{margin:6px 0 10px;padding-left:22px}
.ai-modal--show-result .ai-modal__result li{margin:2px 0}
.ai-modal__table-wrap{overflow-x:auto;margin:10px -20px 14px;padding:0 20px}
.ai-modal--show-result .ai-modal__result table{width:100%;border-collapse:collapse;margin:0;font-size:.85rem;table-layout:fixed;word-wrap:break-word;min-width:480px}
.ai-modal--show-result .ai-modal__result th,.ai-modal--show-result .ai-modal__result td{padding:8px 10px;border:1px solid #D6D8F0;text-align:left;vertical-align:top;overflow-wrap:break-word;word-break:break-word}
.ai-modal--show-result .ai-modal__result th{background:#E8E9FF;font-weight:600;color:#05004E;white-space:normal}
.ai-modal--show-result .ai-modal__result tr:nth-child(even) td{background:#F0F1FF}

/* Skeleton loading state for AI result */
.ai-modal__result--loading{
  background: #E4E6FF;
  overflow: hidden;
}
.ai-modal__result--loading::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(228,230,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(228,230,255,0) 100%);
  transform:translateX(-100%);
  animation:aiResultShimmer 1.3s infinite;
}
.ai-modal__result--loading span,
.ai-modal__result--loading p,
.ai-modal__result--loading ul,
.ai-modal__result--loading li{
  opacity:0;
}
	@keyframes aiResultShimmer{
	  0%{transform:translateX(-100%)}
	  100%{transform:translateX(100%)}
	}

	/* Progress loading state for AI result */
	.ai-modal__result--progress{
	  background:#F6F7FF;
	  overflow:hidden;
	}
	.ai-progress__title{
	  font-size:.95rem;
	  color:#05004E;
	  margin:0 0 10px;
	}
	.ai-progress{
	  height:10px;
	  background:rgba(80,67,211,.18);
	  border-radius:999px;
	  overflow:hidden;
	  position:relative;
	}
	.ai-progress__bar{
	  height:100%;
	  width:0%;
	  background:linear-gradient(90deg,#5043D3 0%,#6C5CE7 100%);
	  border-radius:999px;
	  transition:width .25s ease;
	}
	.ai-progress__meta{
	  display:flex;
	  justify-content:flex-end;
	  margin-top:8px;
	  font-size:.85rem;
	  color:#6E7191;
	}
	@media (prefers-reduced-motion: reduce){
	  .ai-progress__bar{transition:none}
	}

	@media (max-width: 991.98px){
  .hero-ai{
    position:static;
    margin:16px auto 0;
    text-align:center;
  }
  .hero-ai__lead{
    color:#fff;
  }
}

/* Floating CTA */
.sticky-fabs{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:12px;z-index:10000}
.sticky-fab{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .15s ease,box-shadow .15s ease}
.sticky-fab:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.3)}
.sticky-fab--tg{background:#229ED9}
.sticky-fab--yt{background:#FF0000}
.sticky-fab--wa{background:#25D366}
.scroll-top{position:fixed;right:20px;bottom:200px;width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(30,30,40,.6);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:opacity .18s ease,transform .18s ease,background .18s ease;opacity:0;transform:translateY(8px);z-index:10001}
.scroll-top:hover{background:rgba(30,30,40,.8)}
.scroll-top:focus-visible{outline:2px solid #FFC800;outline-offset:2px}
.scroll-top.is-visible{display:flex;opacity:1;transform:translateY(0)}
@media (max-width:1024px){.scroll-top{display:none!important}}
@media (prefers-reduced-motion:reduce){.scroll-top{transition:none}}

/* Global soft background across the whole page */
body{background:
  radial-gradient(1200px 600px at -10% 10%, rgba(0,39,243,.06), transparent 60%),
  radial-gradient(1000px 500px at 110% 85%, rgba(255,200,0,.07), transparent 60%),
  #fff; 
  background-attachment: fixed, fixed, fixed;
}
/* Disable per-section overlay to avoid hard edges */
.section-soft{position:relative}
.section-soft::before{content:none}

.sp-logos{display:flex;flex-wrap:wrap;gap:16px 20px;justify-content:center;align-items:center;margin:10px auto 40px}
.sp-logo{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid rgba(229,229,229,.6);border-radius:12px;background:#F6F7FF;transition:transform .2s ease, box-shadow .2s ease}
.sp-logo:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.sp-logo img{display:block;max-height:40px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.15))}
.sp-logo__text{display:none;font-weight:700;color:#05004E}
.sp-logo.sp-logo--fallback .sp-logo__text{display:block}
.social-proof__container{max-width:100%;padding:0}
.sp-testimonials{display:flex;gap:24px;overflow-x:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;padding:10px 24px 20px}
.sp-card{position:relative;flex:0 0 min(380px,calc(100vw - 64px));scroll-snap-align:start;background:#fff;border:0;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:28px;display:flex;flex-direction:column}
.sp-card--wide{flex-basis:min(380px,calc(100vw - 64px))}
@media (max-width:640px){.sp-testimonials{gap:16px;padding-inline:0;padding-right:calc(100vw - 48px - 24px)}.sp-card,.sp-card--wide{flex-basis:calc(100vw - 48px - 24px)}}
.sp-card::before{display:none}
.sp-quote{font-size:15px;line-height:1.5;color:#6a6f7d;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.sp-quote--preview{-webkit-line-clamp:6}
.sp-quote--preview::after{display:none}
.sp-quote--rich br{content:"";display:block;margin-top:6px}
.sp-readmore{display:inline-block;border:none;background:none;color:#2457f3;padding:0;font-weight:600;font-size:14px;cursor:pointer;margin:0 0 16px;text-decoration:none}
.sp-readmore:hover{text-decoration:underline}
.sp-author-wrap{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #f0f0f0}
.sp-avatar{width:44px;height:44px;border-radius:50%;background:#f5f6fa;border:0;padding:0;object-fit:cover}
.sp-avatar--photo{object-fit:cover}
.sp-author-name{font-weight:700;color:#1d2029;font-size:14px;line-height:1.3}
.sp-author-title{font-size:13px;color:#6a6f7d;line-height:1.3;margin-top:2px}
/* Carousel Navigation */
.sp-carousel-nav{display:flex;justify-content:center;gap:12px;margin-bottom:16px;margin-top:-20px;position:relative;z-index:2}
.sp-carousel-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #E5E5E5;color:#05004E;font-size:20px;cursor:pointer;transition:all 0.2s ease}
.sp-carousel-btn:hover:not(:disabled){border-color:#0027F3;color:#0027F3;box-shadow:0 4px 12px rgba(0,39,243,0.15)}
.sp-carousel-btn:disabled{opacity:0.5;cursor:not-allowed}
@media (max-width:640px){.sp-carousel-nav{margin-top:-16px;gap:8px}.sp-carousel-btn{width:36px;height:36px;font-size:16px}}

/* Carousel Dots */
.sp-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;flex-wrap:wrap}
.sp-dot{width:10px;height:10px;border-radius:50%;background:#E5E5E5;border:none;cursor:pointer;transition:all 0.3s ease;padding:0}
.sp-dot:hover{background:#D1D1E0;transform:scale(1.2)}
.sp-dot.is-active{background:#0027F3;box-shadow:0 0 8px rgba(0,39,243,0.4);transform:scale(1.3)}
@media (max-width:640px){.sp-carousel-dots{gap:6px;margin-top:16px}.sp-dot{width:8px;height:8px}}

.review-modal__dialog{max-width:760px;padding:24px 28px 24px}
.review-modal__lead{margin-bottom:16px}
.review-modal__content{margin-top:0;padding:18px 20px 16px;background:#F6F7FF;border-radius:16px;max-height:none;overflow:visible;font-size:1rem;line-height:1.6}
.review-modal__content p{margin:0 0 10px}
.review-modal__content ul{margin:6px 0 10px;padding-left:22px}
.review-modal__content li{margin:2px 0;list-style:disc}
.metrics__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:1024px){.metrics__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.metrics__grid{grid-template-columns:1fr}}
.metric{background:#fff;border:1px solid rgba(229,229,229,.6);border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:26px;text-align:center}
.metric__num{font-weight:900;font-size:2.4rem;color:#05004E}
.metric__label{color:#6E7191;margin-top:6px}

.how__grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto}
/* connector line (disabled in alt) */
.how__grid::before{content:"";position:absolute;left:5%;right:5%;top:36px;height:2px;background:linear-gradient(90deg,rgba(0,39,243,.25),rgba(255,200,0,.25));border-radius:2px}
@media (max-width:1024px){.how__grid{grid-template-columns:1fr}}
.how__card{background:#fff;border:1px solid rgba(229,229,229,.6);border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:18px 16px;text-align:center;transition:transform .2s ease}
.how__card:hover{transform:translateY(-4px)}
.how__icon{font-size:1.6rem;color:#0027F3;margin-bottom:8px}
.how__title{font-weight:700;color:#05004E;margin-bottom:6px}
.how__text{color:#6E7191}

/* How alt: big round icons, no cards (legacy, kept for other pages) */
.how--alt .how__grid::before{display:none}
.how--alt .how__card{background:transparent;border:none;box-shadow:none;padding:0 10px}
.how--alt .how__icon--lg{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;background:radial-gradient(120px 120px at 30% 20%, #6D6FF0, #0027F3);color:#fff;font-size:40px;box-shadow:0 12px 28px rgba(0,39,243,.35)}
.how--alt .how__title{font-size:1.1rem;margin-bottom:8px}
.how--alt .how__text{font-size:0.95rem}

/* How v2: numbered timeline steps */
.howv2__container{max-width:720px;margin:0 auto;padding:0 20px}
.howv2__subtitle{text-align:center;color:#6E7191;font-size:1.1rem;margin-top:12px;margin-bottom:56px}
.howv2__steps{display:flex;flex-direction:column;gap:0}
.howv2__step{display:flex;align-items:stretch;gap:28px}
.howv2__num-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:56px}
.howv2__num{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#0027F3,#6D6FF0);box-shadow:0 8px 24px rgba(0,39,243,.3);flex-shrink:0}
.howv2__line{width:2px;flex:1;background:linear-gradient(180deg,rgba(0,39,243,.25),rgba(255,200,0,.2));margin:8px 0;border-radius:2px;min-height:32px}
.howv2__step--last .howv2__line{display:none}
.howv2__body{display:flex;align-items:flex-start;gap:18px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(0,39,243,.2),rgba(255,200,0,.18)) border-box;border:1.5px solid transparent;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.05);padding:24px 28px;margin-bottom:20px;flex:1;transition:transform .2s ease,box-shadow .2s ease}
.howv2__body:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,39,243,.12)}
.howv2__icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,39,243,.1),rgba(255,200,0,.08));flex-shrink:0}
.howv2__content{flex:1}
.howv2__title{font-size:1.15rem;font-weight:700;color:#05004E;margin:0 0 6px}
.howv2__text{color:#6E7191;font-size:0.95rem;margin:0;line-height:1.55}
@media(max-width:640px){
  .howv2__container{padding:0 16px}
  .howv2__step{gap:16px}
  .howv2__num-col{width:44px}
  .howv2__num{width:44px;height:44px;font-size:1.2rem}
  .howv2__body{padding:18px 20px;flex-direction:column;gap:12px}
  .howv2__subtitle{margin-bottom:36px;font-size:1rem}
}

.popular__grid{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:20px;align-items:stretch}
@media (max-width:1024px){.popular__grid{grid-template-columns:1fr}}
.popular__card{background:#fff;border:1px solid rgba(229,229,229,.6);border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:22px}
.popular__title{font-weight:800;color:#05004E;margin-bottom:10px}
.popular__list{color:#6E7191}
.popular__list li{margin:6px 0}
.popular__visual{display:flex;align-items:center;justify-content:center}
.popular__visual img{border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.08);max-width:100%;height:auto}

/* Modern metrics: pill cards on dark background */
.metrics--modern{background:linear-gradient(to bottom,#0689F7,#0020FF);position:relative}
.metrics--modern .metrics__title{color:#fff;margin:0 0 70px;font-weight:800}
.metrics--modern .metrics__grid{gap:24px}
.metrics--modern .metric{border:none;text-align:left;color:#fff;border-radius:26px;padding:24px 28px;box-shadow:0 16px 36px rgba(0,0,0,.25);position:relative}
.metrics--modern .metric__num{color:#fff;font-size:2.6rem;line-height:1}
.metrics--modern .metric__title{font-weight:800;color:#fff;font-size:1.15rem;margin-top:2px;padding-right:140px}
.metrics--modern .metric__desc{color:rgba(255,255,255,.9);margin-top:6px}
.metrics--modern .metric__delta{
  color:rgba(255,255,255,.95);
  margin-top:0;
  font-weight:800;
  font-size:.95rem;
  letter-spacing:.2px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  backdrop-filter:saturate(140%) blur(6px);
  -webkit-backdrop-filter:saturate(140%) blur(6px);
  animation:metricDeltaPop .35s ease both;
  position:absolute;
  top:18px;
  right:18px;
}
.metrics--modern .metric__delta{flex-direction:column;align-items:flex-start;gap:2px;border-radius:14px;padding:8px 12px}
.metrics--modern .metric__delta::before{position:absolute;left:10px;top:10px}
.metrics--modern .metric__delta{padding-left:26px}
.metrics--modern .metric__delta-main{font-size:.95rem;line-height:1.05}
.metrics--modern .metric__delta-sub{font-size:.78rem;line-height:1.05;opacity:.9;font-weight:700}
.metrics--modern .metric__delta::before{
  content:"▲";
  font-size:.8rem;
  line-height:1;
  opacity:.95;
}
@keyframes metricDeltaPop{
  from{opacity:0;transform:translateY(6px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media (max-width:640px){
  .metrics--modern .metric__title{padding-right:0}
  .metrics--modern .metric__delta{position:static;margin-top:10px}
}
.metrics--modern .metric--green{background:linear-gradient(180deg,#2DBD6E,#18A85E)}
.metrics--modern .metric--orange{background:linear-gradient(180deg,#FF7A59,#FF5E4D)}
.metrics--modern .metric--blue{background:linear-gradient(180deg,#3A86FF,#2C6BEA)}
/* extra variants */
.metrics--modern .metric--sky{background:linear-gradient(180deg,#49A8FF,#3B8CFA)}
.metrics--modern .metric--indigo{background:linear-gradient(180deg,#5865F2,#4B57D9)}
/* CTA inside metrics */
.metrics__cta{margin-top:70px;display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}
.metrics__cta-text{color:#fff;font-weight:700}
.metrics__cta-btn{white-space:nowrap}

.lead__wrap{background:#fff;border:1px solid rgba(0,39,243,.25);border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.06);padding:16px 18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;max-width:980px;margin:0 auto}
.lead__title{flex:1 1 100%;text-align:center;font-weight:800;color:#05004E;margin-bottom:4px}
.lead__form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.lead__input{max-width:240px}
.lead__btn,.lead__wa{min-width:160px;justify-content:center}
.lead__ok{display:none;margin-top:6px;color:#2DBD6E;font-weight:700}

.item__price-wrap{display:flex;align-items:flex-start;gap:10px}
.save-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#FF8A65,#FF7043);color:#fff;border-radius:999px;padding:4px 10px;font-weight:700;font-size:.75rem;box-shadow:0 4px 12px rgba(249,128,97,.35);white-space:nowrap}
.save-badge.is-hidden{display:none}
.save-badge::after{content:attr(title);position:absolute;left:0;top:120%;background:#05004E;color:#fff;font-size:12px;padding:6px 8px;border-radius:8px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s ease, transform .2s ease;white-space:nowrap}
.save-badge:hover::after{opacity:1;transform:translateY(0)}
.sp-rating{color:#FFC800;letter-spacing:2px;margin-bottom:12px;font-size:16px}

/* Security section */
.security{background:#F6F7FF}
.security__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
@media (max-width:1024px){.security__grid{grid-template-columns:1fr}}
.security__card{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(0,39,243,.28),rgba(255,200,0,.25)) border-box;border:1.5px solid transparent;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:22px;transition:transform .2s ease}
.security__card:hover{transform:translateY(-3px)}
.security__card--accent{background:inherit;border-color:inherit}
.security__icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,39,243,.18),rgba(255,200,0,.12));margin-bottom:12px}
.security__title{font-weight:700;color:#05004E;margin-bottom:6px}
.security__text{color:#6E7191;line-height:1.55}

/* FAQ */
.faq-list{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.faq-item{background:#fff;border:1px solid rgba(229,229,229,.6);border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.04);overflow:hidden;transition:box-shadow .2s ease, transform .2s ease}
.faq-item:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.06)}
.faq-item>summary{position:relative;cursor:pointer;padding:16px 56px 16px 20px;font-weight:800;color:#05004E;list-style:none;border-radius:18px;transition:background .25s ease,color .25s ease,box-shadow .2s ease}
/* circle */
.faq-item>summary::after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#EEF0FF;display:block;transition:transform .2s ease, background .2s ease}
/* chevron */
.faq-item>summary::before{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;pointer-events:none;z-index:1;background:transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M6 9l6 6 6-6' stroke='%235D5FEF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat}
.faq-item>summary::-webkit-details-marker{display:none}
.faq-item[open]>summary{background:#F8F9FF}
.faq-item[open]>summary::after{background:#fff}
.faq-item[open]>summary::before{transform:translateY(-50%) rotate(180deg)}
.faq-item>summary:focus{outline:0}
.faq-item>summary:focus-visible{box-shadow:0 0 0 3px rgba(0,39,243,.25)}
.faq-body{padding:0 20px 16px;color:#6E7191;animation:faqFade .2s ease}
@keyframes faqFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* FAQ rich style */
.faq--rich .faq-list{max-width:980px}
.faq--rich .faq-item{border:none;border-radius:32px;box-shadow:none}
.faq--rich .faq-item>summary{font-size:1.25rem;padding:22px 76px 22px 24px;background:#EEF0FF;border-radius:999px;color:#05004E}
.faq--rich .faq-item+ .faq-item{margin-top:14px}
.faq--rich .faq-item>summary::after{content:"";right:10px;width:44px;height:44px;border-radius:50%;background:#DDE1FF}
.faq--rich .faq-item>summary::before{content:"";position:absolute;right:17px;top:52%;transform:translateY(-50%);width:28px;height:28px;pointer-events:none;z-index:1;background:transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M6 9l6 6 6-6' stroke='%235D5FEF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat}
.faq--rich .faq-item[open]>summary{background:linear-gradient(135deg,#0027F3,#7A89FF);color:#fff}
.faq--rich .faq-item[open]>summary::after{background:#fff}
.faq--rich .faq-item[open]>summary::before{transform:translateY(-50%) rotate(180deg)}
/* open card gets a subtle tinted background so the state is obvious */
.faq--rich .faq-item[open]{background:#F6F7FF;box-shadow:0 10px 28px rgba(0,39,243,.12)}
/* readable answer on light background */
.faq--rich .faq-body{padding:14px 24px 24px;border-top:none;color:#6E7191;background:transparent; line-height: 26px;}

@media (max-width: 600px){
  .faq--rich .faq-item>summary{font-size:1.05rem;padding:18px 64px 18px 18px}
  .faq-item>summary{padding:14px 52px 14px 16px}
  .faq-body{padding:0 16px 14px}
  .faq-item>summary::after{width:30px;height:30px}
  .faq-item>summary::before{width:20px;height:20px}
  .faq--rich .faq-item>summary::after{width:38px;height:38px}
  .faq--rich .faq-item>summary::before{width:24px;height:24px}
}

/* FAQ two-column layout */
/* Mobile App block */
.fp-mobile-app{display:flex;background:linear-gradient(to bottom,#0689F7,#0020FF);overflow:hidden;min-height:520px;margin-top:120px;margin-bottom:0}
.fp-mobile-app+footer,.fp-mobile-app~footer,.fp-mobile-app~*>.footer,section.fp-mobile-app+*{margin-top:0}
.fp-mobile-app__phones{flex:0 0 50%;min-width:0;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:16px;padding:50px 0 0 0;overflow:hidden}
.fp-mobile-app__phones img{flex:0 0 250px;width:250px;height:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.15));transform:translateY(30px)}
.fp-mobile-app__content{flex:0 0 50%;display:flex;flex-direction:column;justify-content:center;padding:60px 60px 60px 50px;color:#fff;box-sizing:border-box}
.fp-mobile-app__content>*{max-width:650px}
.fp-mobile-app__title{margin:0 0 24px;font-size:59px;line-height:.95;font-weight:700;letter-spacing:-.02em}
.fp-mobile-app__text{margin:0 0 36px;font-size:24px;line-height:1.5;font-weight:500;color:rgba(255,255,255,.9)}
.fp-mobile-app__version{margin-bottom:24px}
.fp-mobile-app__version:last-child{margin-bottom:0}
.fp-mobile-app__subtitle{margin:0 0 12px;font-size:18px;font-weight:500;color:rgba(255,255,255,.9)}
.fp-mobile-app__badges{display:flex;gap:14px;flex-wrap:wrap}
.fp-mobile-app__badge{display:block;width:180px;transition:opacity .2s}
.fp-mobile-app__badge:hover{opacity:.85}
.fp-mobile-app__badge img{width:100%;height:auto;display:block}
@media(max-width:1280px){
  .fp-mobile-app{flex-direction:column}
  .fp-mobile-app__phones{flex:none;justify-content:center;padding:40px 20px 0;overflow:hidden}
  .fp-mobile-app__phones img{flex:0 0 150px;width:150px}
  .fp-mobile-app__content{flex:none;padding:40px 24px 50px;text-align:center}
  .fp-mobile-app__badges{justify-content:center}
  .fp-mobile-app__title{font-size:44px}
}
@media(max-width:600px){
  .fp-mobile-app__phones img{flex:0 0 120px;width:120px;gap:10px}
  .fp-mobile-app__title{font-size:34px}
  .fp-mobile-app__text{font-size:16px}
  .fp-mobile-app__subtitle{font-size:18px}
  .fp-mobile-app__content{padding:30px 16px 40px}
  .fp-mobile-app__badge{width:150px}
}
/* VS Comparison Table */
.vs-table{position:relative;max-width:960px;margin:0 auto;overflow:visible}
.vs-table__head,.vs-table__row,.vs-table__footer{display:flex;align-items:stretch;min-height:56px}
/* --- Left & right columns: grey rounded background --- */
.vs-table__col{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;color:#1d2029;padding:16px 24px;gap:6px}
.vs-table__col--feature{flex:1.3;justify-content:flex-start;text-align:left;font-weight:500;color:#1d2029;background:#fafafa}
.vs-table__col--competitor{background:#fafafa}
/* Top corners on grey */
.vs-table__head .vs-table__col--feature{border-radius:16px 0 0 0}
.vs-table__head .vs-table__col--competitor{border-radius:0 16px 0 0}
/* Bottom corners on grey */
.vs-table__footer .vs-table__col--feature{border-radius:0 0 0 16px}
.vs-table__footer .vs-table__col--competitor{border-radius:0 0 16px 0}
/* Dividers inside grey columns */
.vs-table__row .vs-table__col--feature,.vs-table__row .vs-table__col--competitor,.vs-table__row .vs-table__col--umai{border-bottom:none;position:relative}
.vs-table__row .vs-table__col--feature::after,.vs-table__row .vs-table__col--competitor::after,.vs-table__row .vs-table__col--umai::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:#ececec}
.vs-table__row:last-of-type .vs-table__col--feature::after,.vs-table__row:last-of-type .vs-table__col--competitor::after,.vs-table__row:last-of-type .vs-table__col--umai::after{display:none}
/* --- Center column: white elevated card --- */
.vs-table__col--umai{background:#fff;position:relative;z-index:2;box-shadow:0 6px 28px rgba(0,0,0,.08)}
.vs-table__head .vs-table__col--umai{border-radius:16px 16px 0 0;margin-top:-12px;border-bottom:none;padding:28px 24px}
.vs-table__footer .vs-table__col--umai{border-radius:0 0 16px 16px;margin-bottom:-12px;border-bottom:none;padding:24px}
/* --- Brand header --- */
.vs-table__col--brand{flex-direction:column;gap:8px}
.vs-table__col--brand img{display:block}
/* --- Elements --- */
.vs-table__check{display:inline-block;width:30px;height:30px;flex:0 0 30px;background:url("../img/icons/icon-list-tariffs.svg") center/contain no-repeat;font-size:0;color:transparent;overflow:hidden}
.vs-table__note{color:#9ca3af;font-size:14px}
.vs-table__hint{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid #2457f3;color:#2457f3;font-size:12px;font-weight:700;cursor:help;margin-left:6px;flex:0 0 20px;position:relative}
.vs-table__hint::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:#1d2029;color:#fff;font-size:13px;font-weight:500;line-height:1.4;padding:10px 14px;border-radius:10px;width:max-content;max-width:280px;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.vs-table__hint::before{content:"";position:absolute;left:50%;bottom:calc(100% + 2px);transform:translateX(-50%);border:6px solid transparent;border-top-color:#1d2029;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:100}
.vs-table__hint:hover::after,.vs-table__hint:focus::after,.vs-table__hint:hover::before,.vs-table__hint:focus::before{opacity:1;visibility:visible}
@media(max-width:720px){.vs-table__hint::after{left:auto;right:-10px;transform:none;max-width:220px}.vs-table__hint::before{left:auto;right:4px;transform:none}}
.vs-table__link{color:#2457f3;font-weight:700;font-size:14px;text-decoration:none;letter-spacing:.02em}
.vs-table__link:hover{text-decoration:underline}
.vs-table__col strong{font-weight:700;color:#1d2029}
/* VS Migration steps */
.vs-migration__steps{display:flex;justify-content:center;gap:0;margin:50px 0 40px;position:relative}
.vs-migration__step{flex:1;max-width:280px;text-align:center;position:relative;padding:0 16px}
.vs-migration__num{width:48px;height:48px;border-radius:50%;background:#f0f1f5;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#0027F3;margin:0 auto 20px;position:relative;z-index:2}
.vs-migration__line{position:absolute;top:24px;left:calc(50% + 24px);right:calc(-50% + 24px);height:2px;background:#e0e0e0;z-index:1}
.vs-migration__step:last-child .vs-migration__line{display:none}
.vs-migration__step h3{margin:0 0 10px;font-size:18px;font-weight:700;color:#1d2029;line-height:1.3}
.vs-migration__step p{margin:0;font-size:14px;line-height:1.5;color:#6a6f7d}
.vs-migration__note{background:#fafafa;border-radius:16px;padding:28px 32px;max-width:900px;margin:0 auto}
.vs-migration__note p{margin:0;font-size:15px;line-height:1.6;color:#6a6f7d}
.vs-migration__note strong{color:#1d2029}
/* VS Scenarios grid */
.vs-scenarios__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vs-scenarios__card{background:#fafafa;border-radius:16px;padding:28px 24px}
.vs-scenarios__card h3{margin:0 0 10px;font-size:18px;font-weight:700;color:#1d2029}
.vs-scenarios__card p{margin:0;font-size:15px;line-height:1.55;color:#6a6f7d}
@media(max-width:1024px){.vs-scenarios__grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.vs-scenarios__grid{grid-template-columns:1fr}}
/* VS TCO (Total Cost of Ownership) */
.vs-tco__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:0 auto}
.vs-tco__card{background:#fafafa;border-radius:16px;padding:28px 24px}
.vs-tco__card--umai{background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.07)}
.vs-tco__badge{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}
.vs-tco__row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}
.vs-tco__row:last-child{border-bottom:none}
.vs-tco__label{font-size:14px;color:#6a6f7d;font-weight:500}
.vs-tco__value{font-size:14px;color:#1d2029;font-weight:600;text-align:right}
.vs-tco__value--green{color:#22c55e}
.vs-tco__value--bold{font-weight:700;color:#0027F3}
@media(max-width:768px){.vs-tco__grid{grid-template-columns:1fr}}
@media(max-width:768px){
  .vs-migration__steps{flex-direction:column;gap:24px;align-items:center}
  .vs-migration__step{max-width:100%}
  .vs-migration__line{display:none}
  .vs-migration__note{padding:20px 16px}
}
/* VS Verdict */
.vs-verdict__cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}
.vs-verdict__card{background:#fafafa;border-radius:20px;padding:36px 32px}
.vs-verdict__badge{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:12px;margin-bottom:24px}
.vs-verdict__badge--umai{background:transparent;padding:0}
.vs-verdict__badge--competitor{background:#f0f1f5}
.vs-verdict__title{margin:0 0 16px;font-size:22px;font-weight:700;color:#1d2029}
.vs-verdict__text{margin:0 0 12px;font-size:15px;line-height:1.6;color:#6a6f7d}
.vs-verdict__list{list-style:none;padding:0;margin:16px 0 24px}
.vs-verdict__list li{position:relative;padding-left:20px;margin-bottom:12px;font-size:15px;line-height:1.5;color:#6a6f7d}
.vs-verdict__list li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#d4d4d4}
.vs-verdict__link{color:#2457f3;font-weight:700;font-size:15px;text-decoration:none}
.vs-verdict__link:hover{text-decoration:underline}
.vs-verdict__doubt{background:#fafafa;border-radius:20px;padding:48px 40px}
.vs-verdict__doubt-title{margin:0 0 16px;font-size:28px;font-weight:700;color:#1d2029}
.vs-verdict__doubt-text{margin:0;font-size:16px;line-height:1.6;color:#6a6f7d}
.vs-verdict__doubt-visual img{width:100%;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.08)}
@media(max-width:768px){
  .vs-verdict__cards{grid-template-columns:1fr}
  .vs-verdict__doubt{padding:28px 20px}
  .vs-verdict__doubt-title{font-size:22px}
}
@media(max-width:768px){
  .vs-table__head,.vs-table__row,.vs-table__footer{flex-wrap:wrap;min-height:auto}
  .vs-table__col{font-size:13px;padding:10px 12px}
  .vs-table__col--feature{flex:0 0 100%;border-radius:0!important;border-bottom:none!important;padding-bottom:4px}
  .vs-table__col--umai,.vs-table__col--competitor{flex:1}
  .vs-table__head .vs-table__col--umai{margin-top:0;border-radius:12px 12px 0 0}
  .vs-table__footer .vs-table__col--umai{margin-bottom:0;border-radius:0 0 12px 12px}
  .vs-table__note{font-size:12px;padding:4px 10px}
  .vs-table__footer{flex-direction:column;gap:12px}
  .vs-table__footer .vs-table__col{justify-content:center}
}
.fp-faq{margin-top:96px;padding-bottom:30px}
.fp-faq .tariffs__container{max-width:1280px;overflow:visible}
.fp-faq__grid{display:grid;grid-template-columns:minmax(320px,530px) 1fr;gap:50px;align-items:start}
.fp-faq__left{position:sticky;top:40px;align-self:start}
.fp-faq__title{margin:0;color:#1d2029;font-size:64px;line-height:.95;font-weight:700;letter-spacing:-.02em}
.fp-faq__photo{margin-top:40px;pointer-events:none}
.fp-faq__photo img{width:100%;display:block;height:auto}
.fp-faq__right{display:grid;gap:25px;align-content:start;margin-bottom:30px}
.fp-faq__item h3{margin:0 0 16px;color:#1d2029;font-size:24px;line-height:1;font-weight:700;letter-spacing:-.02em}
.fp-faq__item p{margin:0;color:#6a6f7d;font-size:16px;line-height:1.34;font-weight:500}
.fp-faq__item p a{color:#4338ca}
.fp-faq__item .fp-crm-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:#2457f3;text-decoration:none;font-size:16px;line-height:1.1;font-weight:700;white-space:nowrap}
.fp-faq__item .fp-crm-card__link svg{width:18px;height:18px;flex:0 0 18px}
.fp-faq__collapse{cursor:pointer}
.fp-faq__collapse summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.fp-faq__collapse summary::-webkit-details-marker{display:none}
.fp-faq__collapse summary::after{content:'';width:20px;height:20px;flex:0 0 20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236a6f7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s ease}
.fp-faq__collapse[open] summary::after{transform:rotate(180deg)}
.fp-faq__collapse summary h3{margin:0}
.fp-faq__collapse p,.fp-faq__collapse .fp-crm-card__link{margin-top:16px}
/* Shared features styles */
.fp-section{margin-top:120px}
@media(max-width:1280px){.fp-section{margin-top:72px}}
@media(max-width:600px){.fp-section{margin-top:46px}}
.fp-crm__title{margin:0;text-align:center;color:#171d2c;font-size:55px;line-height:.93;font-weight:700;text-transform:none}
@media(max-width:1280px){.fp-crm__title{font-size:42px}}
@media(max-width:600px){.fp-crm__title{font-size:30px}}
/* Integrations carousel */
.fp-integrations__sub{margin:12px 0 0;text-align:center;color:#6a6f7d;font-size:16px;line-height:1.5;font-weight:500}
.fp-integrations__nav{display:flex;justify-content:center;gap:12px;margin-top:24px}
.fp-integrations__track{display:flex;gap:18px;overflow-x:hidden;scroll-snap-type:x proximity;padding:10px 24px 20px;margin-top:16px;width:100%}
.fp-integrations__card{flex:0 0 210px;scroll-snap-align:start;background:#fff;border:none;border-radius:16px;padding:24px 20px;text-decoration:none;color:inherit;box-shadow:0 4px 20px rgba(0,0,0,.06);display:flex;flex-direction:column}
.fp-integrations__logo{width:100%;height:90px;display:flex;align-items:center;justify-content:center;background:#f8f9fb;border-radius:12px;margin-bottom:16px;overflow:hidden}
.fp-integrations__logo img{max-width:80%;max-height:60px;object-fit:contain}
.fp-integrations__card h3{margin:0 0 8px;color:#1d2029;font-size:16px;line-height:1.2;font-weight:700}
.fp-integrations__card p{margin:0;color:#6a6f7d;font-size:13px;line-height:1.4;font-weight:500}
.fp-integrations__dots{display:flex;justify-content:center;gap:8px;margin-top:20px;flex-wrap:wrap}
@media(max-width:600px){
  .fp-integrations__sub{font-size:14px}
  .fp-integrations__track{gap:12px;margin-top:12px}
  .fp-integrations__card{flex:0 0 170px;padding:18px 16px;border-radius:12px}
  .fp-integrations__logo{height:70px;border-radius:10px;margin-bottom:12px}
  .fp-integrations__card h3{font-size:14px}
  .fp-integrations__card p{font-size:12px}
  .fp-integrations__dots{gap:6px;margin-top:16px}
}
.fp-faq-cta{margin-top:0;border-radius:38px;background:linear-gradient(to bottom,#0689F7,#0020FF);padding:64px 74px 62px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(560px,1.1fr);gap:52px;align-items:center}
.fp-faq-cta__title{margin:0;color:#fff;font-size:64px;line-height:.95;font-weight:700;letter-spacing:-.02em}
.fp-faq-cta__content p{margin:0 0 22px;color:rgba(255,255,255,.95);font-size:16px;line-height:1.28;font-weight:500}
.fp-faq-cta__form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:18px;align-items:center}
.fp-faq-cta__field{position:relative;display:flex;align-items:center}
.fp-faq-cta__field input{width:100%;height:42px;border-radius:14px;border:0;outline:none;padding:0 70px 0 24px;color:#1d2029;font-size:16px;line-height:1;font-weight:500}
.fp-faq-cta__field input::placeholder{color:#a6adbb}
.fp-faq-cta__field svg{position:absolute;right:22px;top:50%;width:32px;height:32px;transform:translateY(-50%);color:#a6adbb;pointer-events:none}
.fp-faq-cta__submit{height:42px;border:0;border-radius:14px;background:#fff;color:#1d2029;padding:0 34px;font-size:16px;line-height:1;font-weight:600;cursor:pointer;white-space:nowrap}
.fp-faq-cta__submit:hover{background:#f3f6ff}
.fp-faq-cta__success{display:none;color:#fff;font-size:18px;margin-top:14px}
@media(max-width:1280px){
  .fp-faq__grid{grid-template-columns:1fr;gap:20px}
  .fp-faq__left{position:static;min-height:initial;padding-bottom:0}
  .fp-faq__title{font-size:48px}
  .fp-faq__photo{position:static;width:min(100%,560px);margin-top:18px;pointer-events:auto}
  .fp-faq__right{gap:28px}
  .fp-faq__item h3{font-size:22px}
  .fp-faq__item p{font-size:16px}
  .fp-faq-cta{margin-top:22px;border-radius:28px;padding:38px 32px;grid-template-columns:1fr;gap:20px}
  .fp-faq-cta__title{font-size:42px}
  .fp-faq-cta__content p{font-size:18px;margin-bottom:16px}
  .fp-faq-cta__form{grid-template-columns:1fr;gap:12px}
  .fp-faq-cta__field input{height:52px;font-size:18px}
  .fp-faq-cta__submit{height:52px;font-size:18px}
}
@media(max-width:600px){
  .fp-faq__title{font-size:34px}
  .fp-faq__item h3{font-size:18px}
  .fp-faq__item p{font-size:15px;line-height:1.4}
  .fp-faq-cta{padding:24px 18px;border-radius:18px;margin-top:16px}
  .fp-faq-cta__title{font-size:30px}
  .fp-faq-cta__field input{height:46px;border-radius:10px;padding:0 50px 0 14px;font-size:16px}
  .fp-faq-cta__field svg{width:20px;height:20px;right:14px}
  .fp-faq-cta__submit{height:46px;border-radius:10px;font-size:16px;padding:0 18px}
}

/* AI block */
.ai__wrap{position:relative;background:linear-gradient(#F7F8FF,#F7F8FF) padding-box,linear-gradient(135deg,#0027F3,#FFC800) border-box;border:1.5px solid transparent;border-radius:32px;padding:64px 56px;color:#05004E;box-shadow:0 16px 36px rgba(0,39,243,.15)}
.ai__top{margin-bottom:18px}
.ai__label{letter-spacing:.12em;text-transform:uppercase;color:#0027F3;font-weight:800;margin-bottom:14px}
/* dark text for light background */
.ai__title{font-weight:900;color:#05004E;font-size:2.6rem;line-height:1.2;margin:0 0 14px}
.ai__subtitle{color:#6E7191;margin:0 0 32px;max-width:980px;line-height:1.6}
.ai__features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:980px}
.ai-feature{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-radius:24px;padding:22px 24px;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.ai-feature--violet{background:linear-gradient(135deg,#0027F3,#BF83FF)}
.ai-feature--mint{background:linear-gradient(135deg,#2DBD6E,#34D3C5)}
.ai-feature__icon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 44px}
.ai-feature__title{font-weight:800;margin-bottom:4px;color:#fff;font-size:1.05rem}
.ai-feature p{margin:0;color:#F1F5FF;line-height:1.55}
@media (max-width:1024px){
  .ai__wrap{padding:36px 22px}
  .ai__features{grid-template-columns:1fr;gap:14px}
  .ai__title{font-size:2rem}
}

/* subtle glow in corner */
.ai__wrap::after{content:"";position:absolute;right:24px;top:24px;width:140px;height:140px;border-radius:50%;background:radial-gradient(closest-side, rgba(255,200,0,.18), rgba(255,200,0,0));filter:blur(2px);pointer-events:none}
.ai-feature--blue{background:linear-gradient(135deg,#4F6DFF,#6DB8FF)}
.ai__actions{display:flex;align-items:center;gap:12px;margin-top:22px}
.ai__cta{min-width:200px;justify-content:center}
.ai__note{color:#6E7191}

/* ROI calculator (removed) */

.try-free::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 525px;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../img/try-free/Topographic 2 (1).svg") center center no-repeat;
}

.try-free__ui .item-01 {
  position: absolute;
  width: 37px;
  height: 37px;
  left: 194px;
  top: 186px;
  background: #FFD664;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.5);
  z-index: 0;
}

.try-free__ui .item-02 {
  position: absolute;
  width: 22px;
  height: 22px;
  left: 451px;
  top: 30px;
  background: #4F9FE7;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  z-index: 0;
}

.try-free__ui .item-03 {
  position: absolute;
  width: 31px;
  height: 31px;
  right: 40%;
  top: -9px;
  background: #F98060;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  z-index: 0;
}

.try-free__ui .item-04 {
  position: absolute;
  width: 18px;
  height: 18px;
  right: 200px;
  top: 101px;
  background: #BF83FF;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  z-index: 0;
}

.try-free__ui .item-05 {
  position: absolute;
  top: 48px;
  right: 45px;
}

.try-free__ui .item-06 {
  position: absolute;
  top: 200px;
  left: 45px;
}

.try-free__content {
  position: relative;
  z-index: 2;
}

.try-free__header {
  margin-bottom: 40px;
}

.try-free__header h2 {
  margin-bottom: 15px;
}

.try-free__header p {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 25px;
  color: #FFFFFF;
  text-align: center;
}

.try-free__form {
  max-width: 992px;
  margin: 0 auto;
}

.try-free__form .form__row {
  margin-bottom: 20px;
}

.try-free__form .form__row:last-child {
  margin-bottom: 0;
}

.try-free__form .form__row .button {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 123.4%;
}

/* Keep yellow buttons dark in try-free, but do not override purple */
.try-free__form .form__row .button.button-yellow { color: #2F2F2F; }

.try-free__form .form__row.row-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.try-free__form .form__row.row-cols {
  margin-bottom: 60px;
  display: -ms-grid;
  display: grid;
  gap: 15px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

@media (min-width: 47.99875em) {
  .button-try-free {
    max-width: 290px;

  }

  .header__menu .menu__authorization {
    display: none;
  }

  .hero__info .info-hero__header {
    margin-bottom: 42px;
  }

  .try-free__form .form__row .checkbox {
    text-align: center;
  }
}

@media (min-width: 61.99875em) {
  .header__menu {
    margin-right: 50px;
  }

  .header__menu .menu__actions {
    display: none;
  }

  .header__menu .menu__link {
    font-size: 1.125rem;
    color: #FFFFFF;
  }

  .header__try_free {
    margin-left: 50px;
  }

  .footer__top-right {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(140px, 200px) minmax(160px, 220px) minmax(160px, 240px) minmax(300px, 365px);
    grid-template-columns: minmax(140px, 200px) minmax(160px, 220px) minmax(160px, 240px) minmax(300px, 365px);
    gap: 60px;
    max-width: 1200px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .hero {
    max-height: 900px;
  }

  .hero__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .hero__image {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100vw - 40px) * 0.6 + 20px);
            flex: 0 0 calc((100vw - 40px) * 0.6 + 20px);
    padding: 0px 0 47rem 0;
    -webkit-transform: translate(-100%, 50px);
        -ms-transform: translate(-100%, 50px);
            transform: translate(-100%, 50px);
    max-width: 1200px;
  }

  .hero-ai{
    position:absolute;
    top: -110px;
    left: 150px;
    max-width:360px;
    color:#fff;
    text-align:left;
    z-index:3;
  }
  .hero-ai__lead{
    margin:0 0 10px;
    font-size:.9rem;
    line-height:1.4;
    color:#fff;
  }
  .hero-ai__btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:12px 30px;
    border-radius:999px;
    border:none;
    cursor:pointer;
    font-weight:600;
    font-size:1rem;
    color:#fff;
    background-image:linear-gradient(135deg,#BF83FF,#0027F3);
    box-shadow:0 10px 25px rgba(5,0,78,.35);
    transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  }
  .hero-ai__btn:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 32px rgba(5,0,78,.4);
  }
  .hero-ai__btn:active{
    transform:translateY(0);
    box-shadow:0 6px 18px rgba(5,0,78,.35);
  }
  .hero-ai__btn:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(255,255,255,.7),0 10px 25px rgba(5,0,78,.4);
  }

  .hero__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 100%;
  }

  .benefits__header {
    margin-bottom: 80px;
  }

  .benefits__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 50px;
  }

  .discounts__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .discounts .text-discounts__content ul {
    margin-bottom: 40px;
  }

  .profits {
    max-height: 430px;
  }

  .profits__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    max-width: 50%;
  }

  .profits__left img {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .profits__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    padding: 145px 0 145px 135px;
  }

  .tariffs__item {
    min-height: 620px;
  }
}

@media (min-width: 61.99875em) and (min-width: 1360px) {
  .hero__image {
    /* flex: 0 0 calc(100vw - (((100vw - 1360px) / 2) + ((1360px - 40px) * 0.4) + 20px)); */
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50vw + 157px);
            flex: 0 0 calc(50vw + 157px);
  }
}

@media (min-width: 100em) {
  [class*=__container-max] {
    padding-left: 0.9375rem;
  }

  [class*=__container-max] {
    padding-right: 0.9375rem;
  }

  .title-h1 {
    font-size: 3.1875rem;
  }

  .title-h2 {
    font-size: 2.9375rem;
  }

  .subtitle {
    font-size: 1.0625rem;
  }

  .hero__info .info-hero__price {
    font-size: 1.9375rem;
  }

  .hero__info .info-hero__header p {
    font-size: 1.4375rem;
  }

  .hero__info .info-hero__content ul li {
    font-size: 1.1875rem;
  }

  .benefits__tabs .tabs__title {
    font-size: 1.1rem;
  }

  .discounts .text-discounts__content ul li {
    font-size: 1.1875rem;
  }
}

@media (max-width: 1500px) {
  .header__menu .menu__list {
    gap: 15px 30px;
  }
}

@media (max-width: 1300px) {
  .hero__info {
    max-width: 430px;
  }
}

@media (max-width: 1200px) {
  .technologies__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .technologies__item { max-width: none; }
}

@media (max-width: 20em) {
  [class*=__container-max] {
    padding-left: 0.9375rem;
  }

  [class*=__container-max] {
    padding-right: 0.9375rem;
  }

  .title-h1 {
    font-size: 1.5rem;
  }

  .title-h2 {
    font-size: 1.125rem;
  }

  .subtitle {
    font-size: 0.9375rem;
  }

  .hero__info .info-hero__price {
    font-size: 1.1875rem;
  }

  .hero__info .info-hero__header p {
    font-size: 1rem;
  }

  .hero__info .info-hero__content ul li {
    font-size: 0.9375rem;
  }

  .benefits__tabs .tabs__title {
    font-size: 0.9375rem;
  }

  .discounts .text-discounts__content ul li {
    font-size: 0.9375rem;
  }
}

@media (max-width: 767.98px) {
  .hero__info .info-hero__content .button {
    display: block;
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .hero__info .info-hero__content .button + .button {
    margin-left: 0;
    margin-top: 10px;
  }
  .hero-ai{
    position: static;
    margin: 24px auto 0;
    text-align: center;
    max-width: 100%;
    padding: 0 16px 8px;
  }
  .hero-ai__lead{
    margin: 0 0 14px;
  }
  .hero-ai__btn{
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 61.99875em) {
  [class*=__container-max] {
    padding: 0 !important;
  }

  .padding-y-120 {
    padding: 80px 0;
  }

  .header__menu .menu__icon {
    margin-left: 20px;
  }

  .header__menu .menu__body {
    position: fixed;
    left: -100%;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    max-width: 90%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    overflow: auto;
    background-color: #fff;
    padding: 140px 30px 50px 30px;
    opacity: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 60;
  }

  .menu-open .header__menu .menu__body {
    left: 0;
    opacity: 1;
  }

  .header__menu .menu__body::before {
    content: "";
    background-color: #fff;
    height: 115px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
  }

  .header__menu .menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .header__menu .menu__link {
    font-size: 1.25rem;
    color: #05004E;
  }

  .header__right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .header__try_free {
    margin-left: 20px;
  }

  .icon-menu {
    display: block;
    position: relative;
    width: 44px;
    height: 44px;
    z-index: 65;
  }

  .icon-menu span,
  .icon-menu::before,
  .icon-menu::after {
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    left: 50%;
    position: absolute;
    width: 30px;
    height: 0.125rem;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  ._header-scroll .icon-menu span,
  ._header-scroll .icon-menu::before,
  ._header-scroll .icon-menu::after {
    background-color: #05004E;
  }

  .icon-menu::before {
    top: 13px;
  }

  .icon-menu::after {
    bottom: 13px;
  }

  .icon-menu span {
    top: calc(50% - 0.0625rem);
  }

  .menu-open .icon-menu span {
    width: 0;
  }

  .menu-open .icon-menu::before {
    top: calc(50% - 0.0625rem);
    -webkit-transform: translateX(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) rotate(-45deg);
            transform: translateX(-50%) rotate(-45deg);
  }

  .menu-open .icon-menu::after {
    bottom: calc(50% - 0.0625rem);
    -webkit-transform: translateX(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
  }

  .header__menu .menu__icon {
    background-color: transparent;
    border-radius: 999px;
    padding: 0;
    min-width: 44px;
    min-height: 44px;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    border: 0;
    -webkit-appearance: none;
            appearance: none;
    position: relative;
    z-index: 65;
  }

  .menu-open .header__menu .menu__icon {
    background-color: #0027F3;
    border-radius: 12px;
  }

  .menu__drawer-logo {
    display: block;
    position: absolute;
    top: 26px;
    left: 30px;
    z-index: 90;
  }

  .menu__drawer-logo svg {
    width: 90px;
    height: 89px;
    display: block;
  }
  .menu__drawer-logo svg path,
  .menu__drawer-logo svg rect,
  .menu__drawer-logo svg circle {
    fill: #0027F3;
  }

  .header__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 55;
  }

  .menu-open .header__backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  .footer__top-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px 60px;
  }

  .hero {
    padding: 150px 0 60px 0;
  }

  .hero {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .hero__content {
    margin-bottom: 30px;
  }

  .hero__image img {
    padding: 0 0 0 40px;
    width: 100%;
  }

  .benefits {
    margin-top: 150px;
  }

  .benefits__tabs .tabs__navigation {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    flex: 0 0 auto;
    max-width: none;
    width: 100%;
    overflow: auto;
    margin-bottom: 20px;
    gap: 20px;
  }

  .benefits__tabs .tabs__title {
    min-width: 300px;
    font-size: 1.1875rem;
    padding: 20px;
    border-radius: 16px;
  }

  .discounts::before {
    background-size: contain;
    padding-top: 80%;
  }

  .discounts__left {
    padding: 80px 0 40px 0;
  }

  .discounts .text-discounts__header p {
    font-size: 1.25rem;
  }

  .discounts .text-discounts__title {
    font-size: 1.25rem;
  }

  .discounts .text-discounts__content ul {
    margin-bottom: 25px;
  }

  .discounts__right {
    max-height: 300px;
    min-height: 300px;
    overflow: hidden;
  }

  .about .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc((100% - 40px) / 3);
            flex: 0 1 calc((100% - 40px) / 3);
  }

  .about .item.item--three .item__top span {
    font-size: 1.875rem;
  }

  .about .item.item--four .item__top span {
    font-size: 1.875rem;
  }

  .about .item.item--five .item__top span {
    font-size: 1.875rem;
  }

  .about .item__top {
    font-size: 3.75rem;
  }

  .about .item__top svg {
    width: 140px;
  }

  .about .item__bottom {
    font-size: 0.9375rem;
  }

  .profits__body {
    position: relative;
    z-index: 2;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .profits__left {
    margin: 0 -10px;
    width: 100vw;
  }

  .profits__left img {
    max-width: 100%;
    width: 100%;
  }

  .profits__right {
    margin-bottom: 50px;
    padding-top: 50px;
  }

  .technologies__list {
    gap: 20px;
  }

  .technologies__item .item__header {
    min-height: 120px;
  }

  .technologies__item .item__icon {
    padding: 10px 15px;
    left: 20px;
  }

  .technologies__item .item__content {
    padding: 25px;
  }

  .technologies__item .item__content p {
    font-size: 0.9375rem;
  }

  .technologies__item .item__content ul li {
    font-size: 0.9375rem;
    margin-bottom: 10px;
  }

  .tariffs__item {
    padding: 30px 20px;
  }

  .tariffs__item .item__caption {
    font-size: 1.25rem;
    margin-bottom: 10px;
  }

  .tariffs__item .item__discounts {
    font-size: 1.125rem;
  }

  .tariffs__item .item__price {
    margin-bottom: 25px;
  }

  .tariffs__item .item__price span {
    font-size: 2rem;
  }

  .tariffs__item .item__price p {
    font-size: 0.875rem;
  }

  .tariffs__item .item__content ul li {
    font-size: 1rem;
  }

  .tariffs__item .item__content ul li::before {
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    background-size: contain;
    margin-top: 5px;
    margin-right: 10px;
  }

  .try-free::before {
    padding-top: 80%;
    background-size: contain;
  }

  .try-free__ui .item-05 {
    top: 30%;
  }

  .try-free__ui .item-05 img {
    width: 80px;
  }

  .try-free__form .form__row.row-cols {
    margin-bottom: 30px;
  }
}

@media (max-width: 61.99875em) and (any-hover: none) {
  .icon-menu {
    cursor: default;
  }
}

@media (max-width: 47.99875em) {
  .button-yellow {
    font-size: 0.875rem;
    padding: 10px 20px;
  }

  .header__authorization {
    display: none;
  }

  .header__try_free {
    display: none;
  }

  .header__demo-link{
    display:none;
  }

  .hero::before {
    background-size: contain;
    padding-top: 80%;
  }

  .hero::before {
    padding-top: 800px;
  }

  .hero__info .info-hero__header {
    margin-bottom: 25px;
  }

  .hero__info .info-hero__content ul {
    margin-bottom: 25px;
  }

  .hero__info .info-hero__content ul li {
    margin-bottom: 10px;
  }

  .benefits {
    margin-top: 50px;
  }
  .benefits_inner {
    margin-top: 150px;
  }

  .benefits_inner .benefits__content {max-width: 100%;margin: 0 auto;}

  .benefits__tabs .tabs__title {
    font-size: 0.9375rem;
  }

  .benefits__tabs .tabs__title .icon {
    margin-right: 10px !important;
  }

  .benefits__tabs .tabs__title .icon img {
    width: 35px;
    height: 35px;
  }
  .benefits__tabs .tabs__title .icon object {
    width: 35px;
    height: 35px;
    display: block;
  }

  .discounts__left {
    padding: 40px 0;
  }

  .discounts .text-discounts__title {
    font-size: 0.9375rem;
  }

  .about__info {
    margin-bottom: 40px;
  }

  .about .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc((100% - 20px) / 2);
            flex: 0 1 calc((100% - 20px) / 2);
  }

  .profits__ui .item-02 {
    width: 32px;
    height: 32px;
  }

  .technologies__list {
    display: grid;
    grid-template-columns: 1fr;
  }
  .technologies__item { max-width: none; }

  .tariffs__header {
    margin-bottom: 40px;
  }

  .tariffs__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .tariffs__item .item__content ul li {
    font-size: 0.875rem;
  }

  .try-free__ui .item-01 {
    top: auto;
    bottom: 40px;
    left: 50px;
  }

  .try-free__form .form__row .checkbox .checkbox__text {
    max-width: 500px;
  }

  .try-free__form .form__row.row-cols {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .benefits__tabs .tabs__body .benefits-anim-wrap { height: auto; min-height: 260px; aspect-ratio: 16/10; }
  .benefits__tabs .tabs__title { min-width: 280px; }
  [class*=__container] { padding: 0 20px; }
  .social-proof__container { padding: 0; }
  .sticky-fabs { right: 12px; bottom: 12px; gap: 8px; }
  .sticky-fab { width: 40px; height: 40px; }
}

@media (max-width: 29.99875em) {
  .padding-y-120 {
    padding: 50px 0;
  }

  .footer__bottom .menu__list {
    row-gap: 5px;
  }

  .footer .menu__item {
    margin-bottom: 10px;
  }

  .footer .menu__link {
    font-size: 0.875rem;
  }

  .footer__socials ul li {
    margin-bottom: 15px;
  }

  .footer__socials ul li .icon svg {
    width: 40px;
    height: 40px;
  }

  .footer__socials ul li .info p {
    font-size: 0.875rem;
  }

  .footer__socials ul li .info a,
  .footer__socials ul li .info span {
    font-size: 1rem;
  }

  .benefits__tabs .tabs__title {
    min-width: 260px;
  }
  .benefits__tabs .tabs__body .benefits-anim-wrap { min-height: 200px; }

  .about__info {
    margin-bottom: 30px;
  }

  .about .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }

  .about .item__bottom {
    max-width: 250px;
    margin: 0 auto;
  }

  .profits__left {
    width: auto;
    margin: 0 -20px;
  }

  .tariffs__header {
    margin-bottom: 25px;
  }
}

@media (min-width: 20em) and (max-width: 100em) {
@supports (padding-left: clamp( 0.9375rem , 0.9375rem  +  0vw , 0.9375rem )) {
    [class*=__container-max] {
      padding-left: clamp( 0.9375rem , 0.9375rem  +  0vw , 0.9375rem );
    }
}

@supports not (padding-left: clamp( 0.9375rem , 0.9375rem  +  0vw , 0.9375rem )) {
    [class*=__container-max] {
      padding-left: calc(0.9375rem + 0 * (100vw - 20rem) / 80);
    }
}

@supports (padding-right: clamp( 0.9375rem , 0.9375rem  +  0vw , 0.9375rem )) {
    [class*=__container-max] {
      padding-right: clamp( 0.9375rem , 0.9375rem  +  0vw , 0.9375rem );
    }
}

@supports not (padding-right: clamp( 0.9375rem , 0.9375rem  +  0vw , 0.9375rem )) {
    [class*=__container-max] {
      padding-right: calc(0.9375rem + 0 * (100vw - 20rem) / 80);
    }
}

@supports (font-size: clamp( 1.5rem , 1.078125rem  +  2.109375vw , 3.1875rem )) {
    .title-h1 {
      font-size: clamp( 1.5rem , 1.078125rem  +  2.109375vw , 3.1875rem );
    }
}

@supports not (font-size: clamp( 1.5rem , 1.078125rem  +  2.109375vw , 3.1875rem )) {
    .title-h1 {
      font-size: calc(1.5rem + 1.6875 * (100vw - 20rem) / 80);
    }
}

@supports (font-size: clamp( 1.125rem , 0.671875rem  +  2.265625vw , 2.9375rem )) {
    .title-h2 {
      font-size: clamp( 1.125rem , 0.671875rem  +  2.265625vw , 2.9375rem );
    }
}

@supports not (font-size: clamp( 1.125rem , 0.671875rem  +  2.265625vw , 2.9375rem )) {
    .title-h2 {
      font-size: calc(1.125rem + 1.8125 * (100vw - 20rem) / 80);
    }
}

@supports (font-size: clamp( 0.9375rem , 0.90625rem  +  0.15625vw , 1.0625rem )) {
    .subtitle {
      font-size: clamp( 0.9375rem , 0.90625rem  +  0.15625vw , 1.0625rem );
    }
}

@supports not (font-size: clamp( 0.9375rem , 0.90625rem  +  0.15625vw , 1.0625rem )) {
    .subtitle {
      font-size: calc(0.9375rem + 0.125 * (100vw - 20rem) / 80);
    }
}

@supports (font-size: clamp( 1.1875rem , 1rem  +  0.9375vw , 1.9375rem )) {
    .hero__info .info-hero__price {
      font-size: clamp( 1.1875rem , 1rem  +  0.9375vw , 1.9375rem );
    }
}

@supports not (font-size: clamp( 1.1875rem , 1rem  +  0.9375vw , 1.9375rem )) {
    .hero__info .info-hero__price {
      font-size: calc(1.1875rem + 0.75 * (100vw - 20rem) / 80);
    }
}

@supports (font-size: clamp( 1rem , 0.890625rem  +  0.546875vw , 1.4375rem )) {
    .hero__info .info-hero__header p {
      font-size: clamp( 1rem , 0.890625rem  +  0.546875vw , 1.4375rem );
    }
}

@supports not (font-size: clamp( 1rem , 0.890625rem  +  0.546875vw , 1.4375rem )) {
    .hero__info .info-hero__header p {
      font-size: calc(1rem + 0.4375 * (100vw - 20rem) / 80);
    }
}

@supports (font-size: clamp( 0.9375rem , 0.875rem  +  0.3125vw , 1.1875rem )) {
    .hero__info .info-hero__content ul li {
      font-size: clamp( 0.9375rem , 0.875rem  +  0.3125vw , 1.1875rem );
    }
}

@supports not (font-size: clamp( 0.9375rem , 0.875rem  +  0.3125vw , 1.1875rem )) {
    .hero__info .info-hero__content ul li {
      font-size: calc(0.9375rem + 0.25 * (100vw - 20rem) / 80);
    }
}

@supports (font-size: clamp( 0.9375rem , 0.8125rem  +  0.625vw , 1.1rem )) {
    .benefits__tabs .tabs__title {
      font-size: clamp( 0.9375rem , 0.8125rem  +  0.625vw , 1.1rem );
    }
}

@supports not (font-size: clamp( 0.9375rem , 0.8125rem  +  0.625vw , 1.1rem )) {
    .benefits__tabs .tabs__title {
      font-size: 1.1rem;
    }
}

@supports (font-size: clamp( 0.9375rem , 0.875rem  +  0.3125vw , 1.1875rem )) {
    .discounts .text-discounts__content ul li {
      font-size: clamp( 0.9375rem , 0.875rem  +  0.3125vw , 1.1875rem );
    }
}

@supports not (font-size: clamp( 0.9375rem , 0.875rem  +  0.3125vw , 1.1875rem )) {
    .discounts .text-discounts__content ul li {
      font-size: calc(0.9375rem + 0.25 * (100vw - 20rem) / 80);
    }
}
}

@media (any-hover: hover) {
  .technologies__item:hover {
    -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

/* Language switch active state */
.lang-switch a.is-active,
.menu__item--lang .menu__link.is-active {
  text-decoration: underline;
  font-weight: 700;
}

/* Language switch base */
.lang-switch { display: inline-flex; align-items: center; }

/* Inline variant (mobile) with separators */
.lang-switch--inline { gap: 0; }
.lang-switch--inline a:not(:first-child)::before,
.menu__item--lang .menu__link:not(:first-child)::before { content: "|"; opacity: .6; margin: 0 8px; color: currentColor; }

/* Keep language links readable on violet header */
.header .lang-switch a,
.header .menu__item--lang .menu__link { color:#fff; }
.lang-switch a, .menu__item--lang .menu__link { cursor: pointer; }
.menu-open .header .lang-switch a,
.menu-open .header .menu__item--lang .menu__link,
.header._header-scroll .lang-switch a,
.header._header-scroll .menu__item--lang .menu__link { color:#05004E; }

/* Mobile: give languages a distinct color to avoid white-on-white */
@media (max-width: 991px){
  .header .lang-switch--inline a { color:#FFE999; }
}

/* Avoid duplicate language switch in menu */
.header__menu .menu__item--lang{display:none !important;}
/* Always use dropdown; hide inline variant */
.lang-switch--inline{display:none !important;}

/* Desktop dropdown styles */
/* Dropdown styles (all sizes) */
.lang-switch--dropdown{ position:relative; display:inline-flex; align-items:center; }
/* Hover bridge so menu doesn't close while moving cursor from button to list */
.lang-switch--dropdown::after{ content:""; position:absolute; left:0; right:0; top:100%; height:10px; pointer-events:none; }
.lang-switch__btn{ font-weight:800; color:#fff; border:1px solid rgba(255,255,255,.45); border-radius:14px; padding:6px 28px 6px 12px; line-height:1; background:transparent; cursor:pointer; letter-spacing:.02em; position:relative; }
/* Chevron arrow */
.lang-switch__btn::after{ content:""; position:absolute; right:10px; top:50%; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform: translateY(-60%) rotate(45deg); transition: transform .2s ease, opacity .2s ease; opacity:.9; }
.lang-switch--dropdown.is-open .lang-switch__btn::after,
.lang-switch__btn[aria-expanded="true"]::after{ transform: translateY(-40%) rotate(-135deg); opacity:1; }
.header._header-scroll .lang-switch__btn{ border-color: rgba(5,0,78,.2); color:#05004E; }
.lang-switch__menu{ position:absolute; right:0; top:calc(100% + 2px); display:none; background:#fff; color:#05004E; border-radius:12px; box-shadow:0 12px 26px rgba(0,0,0,.20); padding:0; width:auto; z-index:20; overflow:hidden; }
.lang-switch__menu a{ display:block; padding:10px 20px; color:#05004E; font-weight:600; font-size:.9rem; text-align:right; }
.lang-switch__menu a.is-active{ font-weight:800; }
.lang-switch__menu a:hover{ background:#EEF0FF; }
.header .lang-switch .lang-switch__menu a,
.header._header-scroll .lang-switch .lang-switch__menu a {
  color:#05004E !important; /* override header-wide white color */
  text-decoration:none;
}
/* Open controlled only by click (JS toggles .is-open) */
/* Also show on explicit open class from JS */
.lang-switch--dropdown.is-open .lang-switch__menu{ display:block; }

/* ── Region & Language Selector ── */
.region-selector { position: relative; margin-right: 6px; }
.region-selector--mobile { display: none; }

.region-selector__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  color: #05004E;
  border: 1px solid rgba(5,0,78,.2);
  border-radius: 14px;
  padding: 6px 30px 6px 12px;
  line-height: 1;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  font-family: inherit;
  position: relative;
  white-space: nowrap;
}
.region-selector__flag { font-size: 16px; line-height: 1; }
.region-selector__chevron {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-60%) rotate(45deg);
  transition: transform .2s ease;
  opacity: .9;
}
.region-selector__btn[aria-expanded="true"] .region-selector__chevron {
  transform: translateY(-40%) rotate(-135deg);
}

/* Panel (shared desktop + mobile) */
.region-selector__panel {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.region-selector__panel[hidden] { display: none; }

.region-selector__overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.25);
}

.region-selector__body {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 16px 40px rgba(0,0,0,.18);
  padding: 28px 32px 24px;
  width: 480px;
  max-width: 100%;
  z-index: 1;
  animation: regionSlideDown .2s ease;
}
@keyframes regionSlideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}

.region-selector__close {
  position: absolute;
  top: 12px;
  right: 16px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #6E7191;
  line-height: 1;
  padding: 4px;
}
.region-selector__close:hover { color: #05004E; }

.region-selector__columns {
  display: flex;
  gap: 32px;
}
.region-selector__col { flex: 1; min-width: 0; }

.region-selector__heading {
  font-size: 14px;
  font-weight: 700;
  color: #6E7191;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 16px;
}

.region-selector__list,
.region-selector__lang-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Region buttons */
.region-selector__region {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border: none;
  background: none;
  border-radius: 10px;
  cursor: pointer;
  font-family: inherit;
  font-size: 15px;
  color: #05004E;
  transition: background .15s;
}
.region-selector__region:hover { background: #F4F5FF; }
.region-selector__region.is-active { background: #EEF0FF; font-weight: 700; }

.region-selector__region-flag { font-size: 20px; }
.region-selector__region-name { font-weight: inherit; }
.region-selector__region-currency { color: #6E7191; font-size: 13px; margin-left: 2px; }

.region-selector__check {
  width: 16px;
  height: 16px;
  margin-left: auto;
  color: #0027F3;
  display: none;
}
.region-selector__region.is-active .region-selector__check { display: block; }

/* Language radio buttons */
.region-selector__lang {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 15px;
  color: #05004E;
  transition: background .15s;
}
.region-selector__lang:hover { background: #F4F5FF; }
.region-selector__lang input[type="radio"] {
  accent-color: #0027F3;
  width: 16px;
  height: 16px;
  margin: 0;
}

/* Footer with apply button */
.region-selector__footer {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.region-selector__apply {
  min-width: 160px;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  font-size: 1rem;
  color: #2F2F2F;
  padding: 12px 32px;
  background-color: #FFC800;
  border: none;
  border-radius: 43px;
  cursor: pointer;
  font-family: inherit;
  transition: background-color .2s ease;
}
.region-selector__apply:hover { background-color: #f7c200; }

/* Inverted variant for dark/blue header backgrounds (not fp-header which has white bg) */
.header:not(.fp-header) .region-selector__btn {
  color: #fff;
  border-color: rgba(255,255,255,.45);
}

/* ── Mobile: fullscreen panel ── */
@media (max-width: 980px) {
  .region-selector--mobile { display: block; margin-left: auto; margin-right: 12px; }
  .region-selector__btn--mobile {
    font-size: 13px;
    padding: 5px 26px 5px 10px;
  }
  .region-selector__body {
    position: fixed;
    inset: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    animation: none;
  }
  .region-selector__columns {
    flex-direction: column;
    gap: 24px;
    flex: 1;
  }
  .region-selector__footer {
    margin-top: auto;
    padding-top: 20px;
  }
  .region-selector__apply {
    width: 100%;
  }
}

/* Global AI CTA button styles (desktop + mobile) */
.hero-ai__btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:12px 30px;
  border-radius:999px;
  border:none;
  cursor:pointer;
  font-weight:600;
  font-size:1rem;
  color:#fff;
  background-image:linear-gradient(135deg,#BF83FF,#0027F3);
  box-shadow:0 10px 25px rgba(5,0,78,.35);
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  position:relative;
  overflow:hidden;
}
.hero-ai__btn::before{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:60%;
  transform:translateX(-140%) skewX(-18deg);
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.45) 50%,rgba(255,255,255,0) 100%);
  pointer-events:none;
  animation:heroAiShine 7.5s ease-in-out infinite;
}
@keyframes heroAiShine{
  0%,58%{transform:translateX(-140%) skewX(-18deg);opacity:0}
  60%{opacity:1}
  72%{transform:translateX(240%) skewX(-18deg);opacity:1}
  100%{transform:translateX(240%) skewX(-18deg);opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .hero-ai__btn::before{animation:none}
}
.hero-ai__btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(5,0,78,.4);
}
.hero-ai__btn:active{
  transform:translateY(0);
  box-shadow:0 6px 18px rgba(5,0,78,.35);
}
.hero-ai__btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.7),0 10px 25px rgba(5,0,78,.4);
}

/* ============================
   Compact footer (Knowledgebase)
   ============================ */
.footer.footer--compact { background-color: #333; color: #fff; }
.footer.footer--compact a { color: inherit; text-decoration: none; }
.footer.footer--compact a:hover { text-decoration: underline; }

.footer.footer--compact .footer__container { max-width: 90rem; margin: 0 auto; padding: 0 0.9375rem; }

.footer.footer--compact .footer__top { padding: 36px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
.footer.footer--compact .footer__grid { display:grid; grid-template-columns: minmax(260px, 1.35fr) 1fr 1fr 1fr minmax(220px, 1.15fr); gap: 28px; align-items:flex-start; }
.footer.footer--compact .footer__col { min-width: 0; }
.footer.footer--compact .footer__col:not(.footer__col--brand) { border-left: 1px solid rgba(255,255,255,.12); padding-left: 24px; }
.footer.footer--compact .footer__col--cta { display:flex; flex-direction: column; align-items:flex-end; gap: 14px; }

.footer.footer--compact .footer__logo img { display:block; height: auto; }
.footer.footer--compact .footer__contact { display:flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.footer.footer--compact .footer__contact-link { font-weight: 600; font-size: 14px; line-height: 18px; color: #fff; opacity: .95; }
.footer.footer--compact .footer__note { margin: 12px 0 0; font-size: 12px; line-height: 16px; color: rgba(255,255,255,.65); }

.footer.footer--compact .footer__title { font-weight: 700; font-size: 14px; line-height: 18px; margin-bottom: 12px; color: #fff; }
.footer.footer--compact .footer__list { list-style: none; margin: 0; padding: 0; display:flex; flex-direction: column; gap: 8px; }
.footer.footer--compact .footer__list a { font-size: 14px; line-height: 18px; color: rgba(255,255,255,.72); }

.footer.footer--compact .footer__socials { display:flex; gap: 10px; }
.footer.footer--compact .footer__soc { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; display:flex; align-items:center; justify-content:center; color: #fff; opacity: .95; }
.footer.footer--compact .footer__soc:hover { opacity: 1; text-decoration: none; }
.footer.footer--compact .footer__soc--whatsapp { color: #fff; }

.footer.footer--compact .footer__tg { border: 1px solid rgba(255,255,255,.55); border-radius: 10px; padding: 10px 14px; display:inline-flex; gap: 8px; align-items:center; font-weight: 700; font-size: 14px; line-height: 18px; }
.footer.footer--compact .footer__tg:hover { text-decoration: none; border-color: rgba(255,255,255,.85); }
.footer.footer--compact .footer__tg-ico { font-size: 14px; line-height: 1; opacity: .9; }

.footer.footer--compact .footer__payments { display:flex; gap: 10px; justify-content: flex-end; align-items:center; opacity: .95; }
.footer.footer--compact .footer__pay-logos { display:inline-flex; align-items:center; gap: 10px; }
.footer.footer--compact .footer__pay-logo { display:block; height:auto; }

.footer.footer--compact .footer__bottom { padding: 14px 0; }
.footer.footer--compact .footer__bottom-grid { display:grid; grid-template-columns: 1fr auto; gap: 18px; align-items:center; }
.footer.footer--compact .footer__docs { list-style: none; margin: 0; padding: 0; display:flex; flex-wrap:wrap; gap: 10px 22px; }
.footer.footer--compact .footer__docs a { font-size: 13px; line-height: 16px; color: rgba(255,255,255,.72); }
.footer.footer--compact .footer__support { font-size: 13px; line-height: 16px; color: rgba(255,255,255,.9); display:flex; align-items:center; gap: 10px; white-space: nowrap; }
.footer.footer--compact .footer__support a { color: rgba(255,255,255,.9); }
.footer.footer--compact .footer__sep { opacity: .35; }
.footer.footer--compact .footer__brand-row { display:flex; align-items:flex-start; justify-content:space-between; }
.footer.footer--compact .footer__resident { display:flex; flex-direction:column; align-items:flex-start; gap: 4px; font-size: 11px; color: rgba(255,255,255,.55); }
.footer.footer--compact .footer__resident-logo { height: 45px; width: auto; }

@media (max-width: 61.99875em) {
  .footer.footer--compact .footer__grid { grid-template-columns: 1fr 1fr; }
  .footer.footer--compact .footer__col--brand { grid-column: 1 / -1; }
  .footer.footer--compact .footer__col--cta { grid-column: 1 / -1; align-items:flex-start; }
  .footer.footer--compact .footer__col:not(.footer__col--brand) { border-left: 0; padding-left: 0; }
  .footer.footer--compact .footer__payments { justify-content: flex-start; }
.footer.footer--compact .footer__bottom-grid { grid-template-columns: 1fr; justify-items: start; }
}

/* Enhanced Review Modal */
.review-modal__header {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E5E5E5;
}

.review-modal__avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid #0027F3;
}

.review-modal__author-info {
  flex: 1;
}

.review-modal__rating {
  font-size: 18px;
  color: #FFB800;
  margin-bottom: 8px;
  letter-spacing: 2px;
}

.review-modal__title {
  font-size: 20px;
  font-weight: 700;
  color: #05004E;
  margin: 0 0 4px 0;
  line-height: 1.2;
}

.review-modal__subtitle {
  font-size: 14px;
  color: #6E7191;
  margin: 0;
  line-height: 1.4;
}

.review-modal__content {
  font-size: 15px;
  line-height: 1.8;
  color: #05004E;
}

.review-modal__content br {
  display: block;
  margin: 12px 0;
  content: "";
}

@media (max-width: 640px) {
  .review-modal__header {
    gap: 16px;
    margin-bottom: 20px;
  }

  .review-modal__avatar {
    width: 60px;
    height: 60px;
  }

  .review-modal__title {
    font-size: 18px;
  }

  .review-modal__content {
    font-size: 14px;
  }
}