*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Montserrat,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#16162a;background:#fff}
img{max-width:100%;height:auto}
a{color:inherit}
.lp-page--home{background:#fff}
.lp-hero{position:relative;min-height:88vh;display:flex;align-items:center;color:#fff;overflow:hidden;padding:140px 0 80px;background:#070714}
.lp-hero__video,.lp-hero__shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-hero__shade{background:linear-gradient(90deg,rgba(7,7,20,.88) 0%,rgba(7,7,20,.45) 55%,rgba(7,7,20,.2) 100%)}
.lp-hero__layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,680px);gap:32px;align-items:center;width:100%;max-width:1408px;margin:0 auto;padding:0 24px}
.lp-hero__in{position:relative;z-index:2;max-width:760px;padding:0}
.lp-hero__dash{min-width:0}
.lp-hero__dash .dashboard-card,.lp-hero__dash .lp-laptop{width:100%;max-width:680px;margin-left:auto}
@media (max-width:980px){.lp-hero__layout{grid-template-columns:1fr}.lp-hero__dash .dashboard-card,.lp-hero__dash .lp-laptop{margin:0 auto}}
.lp-hero h1{font-size:clamp(32px,5vw,56px);line-height:1.08;font-weight:800;margin:18px 0 16px;letter-spacing:-.03em;color:#fff}
.lp-hero h1 em{font-style:normal;color:#f59e0b}
.lp-hero p{font-size:18px;line-height:1.55;color:rgba(255,255,255,.78);max-width:560px}
.lp-hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px}
.lp-hero__ghost{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;font-weight:700}
.lp-inner{max-width:980px;margin:0 auto;padding:28px 24px 64px}
.lp-inner h1{font-size:clamp(28px,4vw,40px);margin:0 0 24px}
.lp-prose{font-size:16px;line-height:1.7;color:#3f3f57}
.lp-prose h2{margin:28px 0 12px;color:#16162a}
.lp-foot{background:#070b16;color:#9aa0b8;padding:0 0 28px;text-align:left;font-size:13px;overflow:visible}
.lp-foot a{color:#c4b5fd;text-decoration:none}
.chd--over + .lp-hero{margin-top:0}
body.lp-inner-page .chd--over{position:sticky;top:0;background:#fff}
body.lp-inner-page .chd--over:not(.scrolled) .chd__name b,
body.lp-inner-page .chd--over:not(.scrolled) .chd__login,
body.lp-inner-page .chd--over:not(.scrolled) .chd__phone{color:#16162a}
body.lp-inner-page .chd--over:not(.scrolled) .chd__name i{color:#9a9ab0}
body.lp-inner-page .chd--over:not(.scrolled) .chd__nav > a, body.lp-inner-page .chd--over:not(.scrolled) .chd__top{color:#43435a}
.bzd .section-title,.bzd .section-title--light,.bzd h2{color:#fff!important}
.bzd .section-label--light{color:#8a85b8!important}
.bzs-reveal,.bzs-reveal.in{opacity:1!important;transform:none!important}
.cta-final-title,.cta-final h2{color:#fff!important}
.chd, .chd *{ box-sizing:border-box; }
@media (max-width:700px) {body #mobileheader {height: auto;}}
/* прячем родную шапку Aspro (десктоп + мобайл) — действует только там, где подключён этот хедер */
#header, #headerfixed, .mobileheader, [class*="mobileheader"], .mobile-header, .mobile_header{ display:none !important; }
/* убираем пустое место, оставшееся от скрытой родной шапки */
.wrapper1{ padding-top:0 !important; }
.wrapper_inner{ padding-top:0 !important; }
.chd::before {
background: linear-gradient(90deg, #594cd3, #492ab2) !important;
}
/* ── ПРОМО-СТРОКА ── */
.chd-promo{ position:relative; background:linear-gradient(90deg, #161051, #5a50c0); color:#fff; }
html.promo-off .chd-promo{ display:none; }
.chd-promo__in{ max-width:1408px; margin:0 auto; padding:9px 46px 9px 20px; display:flex; align-items:center; justify-content:center; gap:14px; font-family:'Montserrat',sans-serif; font-size:13.5px; font-weight:500; text-align:center; }
.chd-promo__in svg{ width:17px; height:17px; flex-shrink:0; }
.chd-promo__cta{ color:#fff; font-weight:700; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
.chd-promo__short{ display:none; }
.chd-promo__x{ position:absolute; right:12px; top:50%; transform:translateY(-50%); background:transparent; border:0; color:rgba(255,255,255,.85); font-size:22px; line-height:1; cursor:pointer; padding:2px 8px; }
.chd-promo__x:hover{ color:#fff; }
@media (max-width:560px){
div#chdMobileLinks { margin-top: 5%; }
.chd-promo__in{ font-size:12px; gap:6px 10px; padding:8px 40px 8px 12px; flex-wrap:wrap; }
.chd-promo__full{ display:none; }
.chd-promo__short{ display:inline; }
.chd-promo__cta{ display:inline-block; text-decoration:none; font-size:11.5px; font-weight:700; padding:3px 11px; border-radius:999px; background:rgba(255,255,255,.2); }
}
/* ── ШАПКА ── */
.chd{ position:sticky; top:0; z-index:1000; font-family:'Montserrat',-apple-system,Segoe UI,Roboto,Arial,sans-serif; transition:box-shadow .25s; }
.chd::before{ content:""; position:absolute; left:0; right:0; top:0; height:3px; z-index:2; background:linear-gradient(90deg,#5b4ce6,#9b7dff); }
.chd::after{ content:""; position:absolute; inset:0; z-index:0; opacity:0; background:rgba(255,255,255,.72); -webkit-backdrop-filter:saturate(180%) blur(14px); backdrop-filter:saturate(180%) blur(14px); transition:opacity .25s; pointer-events:none; }
.chd.scrolled::after{ opacity:1; }
/* ── FIX: фиксированная высота — убираем скачок 80→64 который вызывал тряску ── */
.chd__row{ position:relative; z-index:2; display:flex; align-items:center; gap:36px; height:72px; max-width:1408px; margin:0 auto; padding:0 20px; transition:height .25s; }
.chd.scrolled{ box-shadow:0 8px 30px rgba(20,15,55,.08); border-bottom:1px solid rgba(20,15,55,.06); }
.chd.scrolled .chd__row{ height:64px; }
/* --- режим оверлея для тёмного героя (главная): прозрачный + белый текст сверху --- */
.chd--over{ position:absolute; left:0; right:0; top:37px; background:transparent; }
html.promo-off .chd--over{ top:0; }
.chd--over.scrolled{ position:fixed; top:0; }
.chd--over:not(.scrolled) .chd__name b{ color:#fff; }
.chd--over:not(.scrolled) .chd__name i{ color:rgba(255,255,255,.65); }
.chd--over:not(.scrolled) .chd__nav > a,
.chd--over:not(.scrolled) .chd__top,
.chd--over:not(.scrolled) .chd__nav > a:hover,
.chd--over:not(.scrolled) .chd__nav > a.active{ color:#fff; }
.chd--over:not(.scrolled) .chd__nav > a::after{ background:#5b4ce6; }
.chd--over .chd__drop a.chd__dropi{ color:#43435a !important; }
.chd--over .chd__drop a.chd__dropi:hover,
.chd--over .chd__drop a.chd__dropi.is-active{ color:#5b4ce6 !important; }
.chd--over:not(.scrolled) .chd__phone{ color:#fff; }
.chd--over:not(.scrolled) .chd__login{ color:#fff; }
.chd--over:not(.scrolled) .chd__burger span,
.chd--over:not(.scrolled) .chd__burger line{ background:#fff; stroke:#fff; }
.chd__logo{ display:flex; align-items:center; gap:12px; text-decoration:none; flex-shrink:0; }
.chd__mark{ position:relative; width:34px; height:34px; flex-shrink:0; }
.chd__mark span{ position:absolute; width:7px; height:7px; border-radius:50%; background:#5b4ce6; }
.chd__mark span:nth-child(1){ left:0; top:13px; opacity:.55; }
.chd__mark span:nth-child(2){ left:9px; top:4px; opacity:.8; }
.chd__mark span:nth-child(3){ left:9px; top:22px; opacity:.8; }
.chd__mark span:nth-child(4){ left:18px; top:13px; }
.chd__mark span:nth-child(5){ left:27px; top:6px; opacity:.7; }
.chd__mark span:nth-child(6){ left:27px; top:20px; opacity:.7; }
@keyframes chdDot{ 0%,100%{ transform:scale(1); } 45%{ transform:scale(1.4); } }
.chd__mark span{ animation:chdDot 2.4s ease-in-out infinite; transform-origin:center; will-change:transform; }
.chd__mark span:nth-child(1){ animation-delay:0s; }
.chd__mark span:nth-child(2){ animation-delay:.15s; }
.chd__mark span:nth-child(3){ animation-delay:.15s; }
.chd__mark span:nth-child(4){ animation-delay:.3s; }
.chd__mark span:nth-child(5){ animation-delay:.45s; }
.chd__mark span:nth-child(6){ animation-delay:.45s; }
.chd__logo:hover .chd__mark span{ animation-duration:1.1s; }
@media (prefers-reduced-motion: reduce){ .chd__mark span{ animation:none; } }
.chd__name{ line-height:1; }
.chd__name b{ display:block; font-size:20px; font-weight:800; letter-spacing:.02em; color:#16162a; }
.chd__name i{ display:block; font-size:9px; font-style:normal; letter-spacing:.32em; color:#9a9ab0; margin-top:3px; }
.chd__nav{ display:flex; gap:30px; margin-left:8px; }
.chd__nav a{ position:relative; color:#43435a; text-decoration:none; font-size:15px; font-weight:500; padding:6px 0; white-space:nowrap; transition:color .15s; }
.chd__nav a::after{ content:""; position:absolute; left:0; bottom:0; width:0; height:2px; border-radius:2px; background:#5b4ce6; transition:width .2s ease; }
.chd__nav a:hover, .chd__nav a.active{ color:#5b4ce6; }
.chd__nav a:hover::after, .chd__nav a.active::after{ width:100%; }
/* --- выпадающее меню 2 уровня (десктоп) --- */
.chd__item{ position:relative; display:flex; align-items:center; }
.chd__top{ display:inline-flex; align-items:center; gap:7px; cursor:pointer; }
.chd__car{ width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .2s; flex:0 0 auto; }
.chd__item:hover .chd__car{ transform:rotate(225deg) translateY(2px); }
.chd__drop{ position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(10px); min-width:230px; background:#fff; border:1px solid #ececf4; border-radius:14px; box-shadow:0 18px 44px rgba(20,15,55,.14); padding:8px; display:flex; flex-direction:column; opacity:0; visibility:hidden; transition:opacity .18s ease, transform .18s ease; z-index:60; }
.chd__item:hover .chd__drop{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(6px); }
.chd__drop::before{ content:""; position:absolute; left:0; right:0; top:-12px; height:12px; }
.chd__drop a.chd__dropi{ padding:11px 14px; border-radius:10px; font-size:14.5px; font-weight:500; color:#43435a; white-space:nowrap; }
.chd__drop a.chd__dropi::after{ display:none; }
.chd__drop a.chd__dropi:hover{ background:#f6f4ff; color:#5b4ce6; }
.chd__drop a.chd__dropi.is-active{ background:#f0edfd; color:#5b4ce6; font-weight:600; }
.chd__right{ margin-left:auto; display:flex; align-items:center; gap:20px; }
/* телефон + мессенджеры */
.chd__phone-wrap{ position:relative; }
.chd__phone{ display:inline-flex; align-items:center; gap:6px; color:#16162a; text-decoration:none; font-size:15px; font-weight:700; white-space:nowrap; }
.chd__phone-caret{ width:12px; height:12px; opacity:.45; transition:transform .2s; }
.chd__phone-wrap:hover .chd__phone-caret{ transform:rotate(180deg); }
.chd__msg{ position:absolute; top:calc(100% + 14px); right:0; min-width:232px; background:#fff; border-radius:18px; padding:12px; box-shadow:0 22px 54px rgba(20,15,55,.20); opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity .2s, transform .2s, visibility .2s; z-index:1100; }
.chd__msg::before{ content:""; position:absolute; top:-14px; left:0; right:0; height:14px; }
.chd__msg::after{ content:""; position:absolute; top:-6px; right:30px; width:14px; height:14px; background:#fff; transform:rotate(45deg); box-shadow:-3px -3px 8px rgba(20,15,55,.05); }
.chd__phone-wrap:hover .chd__msg{ opacity:1; visibility:visible; transform:translateY(0); }
.chd__msg-title{ font-size:12px; font-weight:600; color:#9a9ab0; padding:4px 10px 10px; }
.chd__msg-item{ display:flex; align-items:center; gap:12px; padding:9px 10px; border-radius:12px; text-decoration:none; color:#16162a; font-size:14.5px; font-weight:600; transition:background .15s; }
.chd__msg-item:hover{ background:#f5f4fc; }
.chd__ic{ width:38px; height:38px; border-radius:12px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:13px; flex-shrink:0; text-decoration:none; }
.chd__ic svg{ width:20px; height:20px; }
.chd__ic--max{ background:linear-gradient(145deg,#2e7bff,#155bdb); box-shadow:0 6px 14px rgba(21,91,219,.45), inset 0 1px 0 rgba(255,255,255,.45); }
.chd__ic--tg{ background:linear-gradient(145deg,#3fb7ee,#1c93cf); box-shadow:0 6px 14px rgba(28,147,207,.45), inset 0 1px 0 rgba(255,255,255,.45); }
.chd__ic--vk{ background:linear-gradient(145deg,#5b8fd0,#3f679f); box-shadow:0 6px 14px rgba(63,103,159,.45), inset 0 1px 0 rgba(255,255,255,.45); }
.chd__login{ display:inline-flex; align-items:center; gap:7px; color:#5b4ce6; text-decoration:none; font-size:14px; font-weight:600; transition:opacity .15s; }
.chd__login svg{ width:18px; height:18px; }
.chd__login:hover{ opacity:.8; }
/* ── Авторизованный пользователь: аватар-инициал + имя ── */
.chd__user{ display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:#16162a; font-size:14px; font-weight:600; transition:opacity .15s; }
.chd__user:hover{ opacity:.8; }
.chd__avatar{ width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#5b4ce6,#9b7dff); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; flex-shrink:0; line-height:1; }
.chd__uname{ max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* оверлей-хедер — белое имя */
.chd--over:not(.scrolled) .chd__user{ color:#fff; }
.chd--over:not(.scrolled) .chd__avatar{ box-shadow:0 0 0 2px rgba(255,255,255,.3); }
/* Мобилка: авторизованный ЛК */
.chd-mobile__lk-auth{ display:flex; align-items:center; gap:12px; text-decoration:none; font-size:15px; font-weight:700; color:#16162a; background:#f3f1fb; border:1.5px solid #e6e1fa; border-radius:12px; padding:14px 16px; margin-bottom:12px; transition:.15s; }
.chd-mobile__lk-auth:hover{ background:#ece8fb; border-color:#cfc8fb; }
.chd-mobile__lk-auth .chd__avatar{ width:38px; height:38px; font-size:16px; }
.chd-mobile__lk-info{ flex:1; min-width:0; }
.chd-mobile__lk-name{ display:block; font-size:15px; font-weight:700; color:#16162a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chd-mobile__lk-sub{ display:block; font-size:12px; font-weight:500; color:#9a9ab0; margin-top:2px; }
.chd-mobile__lk-arrow{ width:20px; height:20px; color:#5b4ce6; flex-shrink:0; }
.chd__cta{ background:#5b4ce6; color:#fff; text-decoration:none; font-size:14px; font-weight:600; padding:12px 24px; border-radius:12px; white-space:nowrap; transition:transform .15s, box-shadow .15s; box-shadow:0 8px 22px rgba(91,76,230,.28); }
.chd__cta:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(91,76,230,.4); }
.chd__burger{ display:none; position:relative; z-index:2; width:44px; height:44px; border:1px solid #e6e4f2; border-radius:11px; background:#fff; cursor:pointer; }
.chd__burger span{ display:block; width:20px; height:2px; background:#16162a; margin:4px auto; border-radius:2px; transition:transform .25s, opacity .2s; }
/* ── ПОЛНОЭКРАННОЕ МОБИЛЬНОЕ МЕНЮ ── */
.chd-mobile{ position:fixed; inset:0; z-index:100000; background:#fff; display:flex; flex-direction:column; padding:18px 20px 28px; transform:translateX(100%); transition:transform .3s ease; overflow-y:auto; font-family:'Montserrat',-apple-system,Segoe UI,Roboto,Arial,sans-serif; }
.chd-mobile.open{ transform:translateX(0); }
.chd-mobile__top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.chd-mobile__close{ width:44px; height:44px; border:1px solid #e6e4f2; border-radius:11px; background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.chd-mobile__close svg{ width:20px; height:20px; }
.chd-mobile__links .chd__nav{ display:flex; flex-direction:column; gap:0; margin:0; }
.chd-mobile__links .chd__nav a{ font-size:22px; font-weight:600; color:#16162a; padding:16px 0 16px 0px; border-bottom:1px solid #f0eef8; white-space:normal; }
.chd-mobile__links .chd__nav a::after{ display:none; }
/* --- 2 уровень в мобильном меню (аккордеон) --- */
.chd-mobile__links .chd__item{ flex-direction:column; align-items:stretch; }
.chd-mobile__links .chd__top{ justify-content:space-between; font-size:22px; font-weight:600; color:#16162a; padding:16px 0; border-bottom:1px solid #f0eef8; }
.chd-mobile__links .chd__car{ width:9px; height:9px; }
.chd-mobile__links .chd__drop{ position:static !important; left:auto !important; right:auto !important; transform:none !important; opacity:1; visibility:visible; box-shadow:none; border:0; border-radius:0; min-width:0; padding:6px 0 8px 8px; gap:3px; display:none; }
.chd-mobile__links .chd__item.open .chd__drop,
.chd-mobile__links .chd__item:hover .chd__drop{ display:flex; transform:none !important; }
.chd-mobile__links .chd__item.open .chd__car{ transform:rotate(225deg); }
.chd-mobile__links .chd__drop a.chd__dropi{ font-size:18px; font-weight:500; color:#43435a; padding:12px 14px; border-radius:10px; border-bottom:0; }
.chd-mobile__links .chd__drop a.chd__dropi.is-active{ background:#f0edfd; }
.chd-mobile__foot{ margin-top:auto; padding-top:26px; }
.chd-mobile__phone{ display:block; font-size:19px; font-weight:700; color:#16162a; text-decoration:none; margin-bottom:16px; }
.chd-mobile__msg{ display:flex; gap:12px; margin-bottom:20px; }
.chd-mobile__msg .chd__ic{ width:48px; height:48px; font-size:15px; }
.chd-mobile__msg .chd__ic svg{ width:24px; height:24px; }
.chd-mobile__cta{ display:block; text-align:center; padding:16px; }
.chd-mobile__lk{ display:flex; align-items:center; justify-content:center; gap:9px; text-decoration:none; font-size:15px; font-weight:700; color:#5b4ce6; background:#f3f1fb; border:1.5px solid #e6e1fa; border-radius:12px; padding:15px; margin-bottom:12px; transition:.15s; }
.chd-mobile__lk svg{ width:20px; height:20px; }
.chd-mobile__lk:hover{ background:#ece8fb; border-color:#cfc8fb; }
body.chd-noscroll{ overflow:hidden; }
/* глушим старое боковое мобильное меню Aspro */
#mobilemenu, .mobilemenu{ display:none !important; }
@media (min-width:981px){ .chd-mobile{ display:none; } }
@media (max-width:980px){
.chd__row{ gap:12px; }
.chd__row > .chd__nav{ display:none; }
.chd__phone-wrap, .chd__login, .chd__user{ display:none; }
.chd__burger{ display:block; }
.chd__cta{ padding:9px 16px; font-size:13px; box-shadow:0 6px 16px rgba(91,76,230,.3); }
.chd__name b{ font-size:18px; }
.chd__name i{ font-size:8px; letter-spacing:.24em; }
.chd--over{ position:sticky; top:0; }
.chd--over::after{ opacity:1; background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none; }
.chd--over{ box-shadow:0 4px 18px rgba(20,15,55,.06); }
.chd--over:not(.scrolled) .chd__name b{ color:#16162a; }
.chd--over:not(.scrolled) .chd__name i{ color:#9a9ab0; }
.chd--over:not(.scrolled) .chd__nav > a,
.chd--over:not(.scrolled) .chd__top{ color:#43435a; }
.chd--over:not(.scrolled) .chd__phone,
.chd--over:not(.scrolled) .chd__login{ color:#16162a; }
.chd--over:not(.scrolled) .chd__burger{ background:#fff; }
.chd--over:not(.scrolled) .chd__burger span,
.chd--over:not(.scrolled) .chd__burger line{ background:#16162a; stroke:#16162a; }
}
@media (max-width:420px){
.chd__row{ gap:10px; }
.chd__cta{ padding:8px 13px; font-size:12px; }
}
@media (max-width:700px) {
.chd__logo-img {
height: 41px !important;
width: auto;
display: block;
}
}
.chd__logo-img {
height: 44px;
width: auto;
display: block;
position: relative;
top: -1px;
}
.bzt-card:first-child .bzt-count {
display: none;
}
/* блок как это работает */
.item-views.sales.normal {
padding-bottom: 0px !important;
margin-bottom: 0%;
}
.item-views.sales .item-wrapper>.item {
padding: 32px 40px 26px 37px !important;
margin: 0;
}
/* блок как это работает */
/* ── Trust pills — premium стиль ── */
.hero-trust {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 20px;
}
.hero-trust > span:first-child {
font-size: 13px;
color: rgba(255,255,255,.4);
font-weight: 500;
}
.trust-pill {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 8px 16px;
border-radius: 100px;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.1);
font-size: 13px;
font-weight: 600;
color: rgba(255,255,255,.85);
backdrop-filter: blur(10px);
transition: all .3s;
}
.trust-pill:hover {
background: rgba(110,60,255,.1);
border-color: rgba(110,60,255,.4);
transform: translateY(-2px);
box-shadow: 0 8px 20px -8px rgba(110,60,255,.25);
}
.trust-pill .iconbanner {
width: 18px;
height: 18px;
object-fit: contain;
filter: brightness(1.2);
}
.trust-pill--skolkovo {
background: rgba(110,60,255,.08);
border-color: rgba(110,60,255,.25);
color: #a5b4fc;
}
.trust-pill--skolkovo:hover {
background: rgba(110,60,255,.18);
border-color: rgba(110,60,255,.5);
}
.btn.btn-default {
background: linear-gradient(135deg, #6e3cff 0%, #4F46E5 50%, #3730a3 100%) !important;
border: none !important;
color: #fff !important;
box-shadow: 0 8px 24px -8px rgba(79, 70, 229, .5) !important;
transition: transform .25s, box-shadow .25s, background .3s !important;
}
.btn.btn-default:hover {
background: linear-gradient(135deg, #7c4dff 0%, #5B52F0 50%, #4F46E5 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 14px 32px -10px rgba(79, 70, 229, .65) !important;
}
.btn.btn-default.white.white-border {
background: rgba(255,255,255,.06) !important;
border: 1px solid rgba(255,255,255,.18) !important;
color: #fff;
box-shadow: 0 4px 16px -6px rgba(0,0,0,.3) !important;
transition: transform .25s, box-shadow .25s, border-color .25s, background .25s !important;
}
.btn.btn-default.white.white-border:hover {
background: rgba(110,60,255,.1) !important;
border-color: rgba(110,60,255,.5) !important;
transform: translateY(-2px) !important;
box-shadow: 0 12px 28px -10px rgba(110,60,255,.3) !important;
}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes chew{0%,100%{transform:translateY(0)}40%{transform:translateY(-3px)}70%{transform:translateY(2px)}}
@keyframes crumb1{0%{opacity:1;transform:translate(0,0) rotate(0deg)}100%{opacity:0;transform:translate(18px,22px) rotate(110deg)}}
@keyframes crumb2{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(-12px,26px) rotate(-80deg)}}
@keyframes crumb3{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(6px,28px)}}
.ck-bot-g{animation:float 3s ease-in-out infinite;transform-origin:50px 44px;}
.ck-jaw-g{animation:chew 1.1s ease-in-out infinite;transform-origin:37px 68px;}
.ck-c1{animation:crumb1 1.1s ease-out infinite;transform-origin:84px 72px;}
.ck-c2{animation:crumb2 1.1s ease-out .15s infinite;transform-origin:82px 74px;}
.ck-c3{animation:crumb3 1.1s ease-out .05s infinite;transform-origin:80px 76px;}
#ck-overlay{position:fixed;inset:0;background:rgba(5,7,20,.78);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;}
.ck-box{background:#13162a;border:1px solid #2a2f52;border-radius:14px;padding:28px 30px;max-width:460px;width:100%;box-sizing:border-box;font-family:inherit;}
.ck-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.ck-icon{width:64px;height:64px;flex-shrink:0;border-radius:12px;background:#0d0f1a;border:1px solid #2a2f52;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.ck-head-text{display:flex;flex-direction:column;gap:3px;}
.ck-label{font-size:10px;font-weight:600;color:#4f46e5;letter-spacing:.08em;text-transform:uppercase;}
.ck-title{font-size:16px;font-weight:600;color:#e8eaf6;margin:0;line-height:1.3;}
.ck-agents{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px;}
.ck-agent{background:#0d0f1a;border:1px solid #1e2240;border-radius:5px;padding:2px 7px;font-size:10px;color:#ffffffd6;display:flex;align-items:center;gap:4px;}
.ck-dot{width:5px;height:5px;border-radius:50%;background:#4f46e5;flex-shrink:0;}
.ck-desc{font-size:13px;color:#8892b0;line-height:1.6;margin:0 0 7px;}
.ck-note{font-size:11px;color:#3e4470;line-height:1.5;margin:0 0 20px;}
.ck-alink{color:#7c6ff7;text-decoration:none;}
.ck-btn1{width:100%;padding:13px;background:#4f46e5;color:#fff;border:none;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px;transition:background .15s;}
.ck-btn1:hover{background:#4338ca;}
.ck-btn2{width:100%;padding:12px;background:transparent;color:#a0a8d0;border:1px solid #2a2f52;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s;}
.ck-btn2:hover{border-color:#4f46e5;color:#c4c9f0;}
.ck-lc{text-align:center;margin-top:12px;}
.ck-ls{font-size:12px;color:#3e4470;text-decoration:underline;text-underline-offset:3px;cursor:pointer;background:none;border:none;font-family:inherit;}
.ck-ls:hover{color:#7c6ff7;}
.ck-card{padding:13px 15px;border:1px solid #1a1e36;border-radius:10px;margin-bottom:8px;background:#0d0f1a;}
.ck-ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}
.ck-ct{font-size:13px;font-weight:600;color:#c4c9f0;}
.ck-badge{background:#1e1b4b;color:#7c6ff7;font-size:10px;padding:2px 8px;border-radius:20px;border:1px solid #312e81;}
.ck-cd{font-size:11px;color:#3e4470;line-height:1.5;margin:0;}
.ck-tgl{position:relative;width:40px;height:22px;flex-shrink:0;}
.ck-tgl input{opacity:0;width:0;height:0;position:absolute;}
.ck-tr{position:absolute;inset:0;border-radius:11px;background:#4f46e5;transition:background .2s;cursor:pointer;}
.ck-th{position:absolute;top:3px;left:21px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s;pointer-events:none;}
.ck-tgl input:not(:checked)~.ck-tr{background:#1e2240;}
.ck-tgl input:not(:checked)~.ck-th{left:3px;}
.ck-done{display:none;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;text-align:center;}
.ck-done-ic{width:64px;height:64px;margin-bottom:14px;}
.ck-back{background:none;border:none;cursor:pointer;color:#3e4470;font-size:18px;padding:0 8px 0 0;line-height:1;font-family:inherit;}
.ck-back:hover{color:#7c6ff7;}
.ck-stitle{font-size:16px;font-weight:600;color:#e8eaf6;margin:0;}
.ck-sdesc{font-size:13px;color:#8892b0;line-height:1.6;margin:0 0 16px;}
.container.faq-inner {
width: 1291px;
}.item-views .section-title {
left: 3%;
}
@media (max-width:700px) {
.lp-container {
width: auto !important;
max-width: 1408px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}div#mobileheader {
display: none !important;
}.mod-icon {
margin-bottom: -21px !important; margin-top: -2%;
}body .demo-input {
margin-bottom: -7%;
margin-top: -4%;
}body .da-item {
padding: 5px 14px;
}body .btn-lg {
padding: 16px 14px 16px;
}body .COLLECTIONS .item-views.collection.grey_pict .item {
padding-left: 20px;
padding-right: 0px;
}.container.faq-inner {
width: auto !important;
}.item-views .section-title {
left: 0% !important;
}
}
.drag-block.container.grey.COLLECTIONS .maxwidth-theme.only-on-front {
padding-top: 0px !important;
margin-bottom: -3%;
}.lp-container{
width: 1380px;
max-width: 1408px; /* как у Aspro, чтобы секции совпадали по ширине */
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}.drag-block.container.BLOG.grey_block .maxwidth-theme.only-on-front {
padding-top: 0px !important;
margin-bottom: -7%;
}.drag-block.container.MIDDLE_ADV .maxwidth-theme {
padding-top: 27px !important;
}.maxwidth-theme.BANNER_IMG_TYPE2 {
padding-top: 0px !important;
margin-bottom: -4%;
}.drag-block.container.grey.SALE.grey_block .maxwidth-theme.demoview {
padding-top: 10px !important;
margin-bottom: 1%;
}.mod-output {
border-radius: 8px;
}
.top_block.clearfix {
display: none !important;
}.drag-block.container.BOTTOM_BANNERS .img_inner {
display: none !important;
}.pricing-grid {
POSITION: RELATIVE;
LEFT: 0% !important;
}
/* Цвета для светлой темы (тёмные заголовки) */
@media (prefers-color-scheme: light) {
h1, h2, h3, h4, h5, h6 {
color: #000 !important; /* чёрный */
}
}
section#faq {
margin-top: -5%;
margin-bottom: -9%;
}.footer-inner {
background: #050a16 !important;
}div#bx_incl_area_18 {
display: none !important;
}footer .social-icons ul {
background: #050a16 !important;
}.address.blocks {
display: none !important;
}
.drag-block.container.BOTTOM_BANNERS .content_wrapper_block,
.drag-block.container.BOTTOM_BANNERS > div[id*=bx_incl] > .content_wrapper_block {
border-bottom: none !important;
}
@media (min-width: 400px) and (max-width: 465px) {
/* Стили для iPhone 14 Pro Max в портретной ориентации */
body .hero-trust {
margin-left: 30px !important;
} div#main-content-mobile {
padding-left: 37px !important;
padding-right: 26px !important;
}
}
@media (max-width:700px) {
#main .mobile-overflow {
-webkit-overflow-scrolling: auto;
white-space: unset !important;
display: flex;
overflow: unset !important;
flex-wrap: wrap !important;
}body section.cta-final {
margin-top: -18%;
margin-bottom: -15%;
}body .pricing-grid {
POSITION: RELATIVE;
LEFT: 3%;
}
.faq-inner {
display: block !important;
}section#faq {
margin-top: -17%;
margin-bottom: -24%;
}body section#faq .section-head.visible {
position: relative;
top: 16px;
left: -12px;
}body .faq-q {
width: 87%;
left: 17px;
}body .faq-a {
width: 88%;
position: relative;
}
.faq-list {
position: relative;
left: 3%;
}
body .cases h2.section-title {
font-weight: 700 !important;
font-size: 29px !important;
line-height: 40px !important;
}.pricing-grid {
display: inline !important;
}.price-card.visible {
margin-bottom: 5%;
}section#pricing {
margin-bottom: -19%;
}
body section#cases {
margin-top: -29%;
margin-bottom: -35%;
}
.cases-grid {
display: inline-table !important;
}.case-card.visible {
margin-bottom: 7%;
}
h2.section-title.section-title--light {
color: #fff !important;
font-weight: 800;
font-size: 34px !important;
line-height: 41px !important;
}body .demo-tabs {
display: flow;
}body .demo-container {
position: relative;
left: -15%;
width: 132%;
}body .demo-tab {
padding: 7px 13px;
margin-top: 5px;
font-size: 12px;
font-weight: 600;
position: relative;
left: 3px;
margin-bottom: 9px;
}
.demo-screen {
display: block !important;
}
div#main-content-mobile {
display: block !important;
padding: 24px;
padding-left: 14px;
padding-right: 13px;
}div#main-content-mobile {
margin-left: 10px;
margin-right: 9px;
}svg use {
fill: #fff;
}#mobileheader .mobileheader-v1, #mobileheader .mobileheader-v3, #mobileheader .mobileheader-v4 {
/* background: #fff; */
background: #131313;
border-bottom: 1px solid #f5f5f5;
border-color: var(----white_text_black);
}.item-views.tizers .mobile-list .item-wrapper {
width: 50%;
}.modules-grid {
display: grid;
grid-template-columns: repeat(1, 1fr) !important;
gap: 18px !important;
margin-top: -8%;
}path.cls-1 {
fill: white !important;
}
div#main-content-mobile .dcm-item {
position: relative;
left: -9px !important;
/* padding: 4px 0px; */
width: 99%;
border-radius: 19px;
padding: 6px 3px;
}div#main-content-mobile {
margin-top: -4%;
}div#main-content-mobile span.dcm-name {
font-size: 10px;
line-height: 20px;
}
.banner_title h1 {
font-size: 35px !important;
font-weithg: 800px;
}a.btn.btn-default.white.btn-lg.white-border.demo {
padding-top: 0px !important;
padding-bottom: 13px !important;
}a.btn.btn-default.white.btn-lg.white-border.demo.has-ripple::before {
top: 9px !important;
}
a.btn.btn-default.white.btn-lg.white-border.demo::before {
top: 9px !important;
} .top_slider_wrapp.view_1 .main-slider__item .banner_buttons a {
font-size: 10px;
line-height: 12px;
padding: 13px 14px 14px;
}.wrapper1.long_banner .top_big_one_banner .top_slider_wrapp .main-slider, .wrapper1.long_banner .top_big_one_banner .top_slider_wrapp .main-slider__item {
height: fit-content !important;
}.trust-pill {
padding: 4px 10px !important;
font-size: 8px !important;
}.hero-trust {
display: flex;
align-items: center;
gap: 6px !important;
flex-wrap: wrap;
}.hero-trust {
margin-bottom: 10%;
}tr.main_info.js-notice-block {
position: relative;
top: 0px !important;
}span.stat-lab {
font-size: 10px;
line-height: 14px;
}
}
tr.main_info.js-notice-block {
position: relative;
top: 86px;
}
div#main-content-mobile {
display: none;
}
/* ---- STATS ---- */
.stats { background: var(--clr-white); padding: 48px 0; border-bottom: 1px solid var(--clr-border); }
.stats-grid {
display: grid; grid-template-columns: repeat(7, auto);
align-items: center; justify-content: center; gap: 0;
}
.stat-item { text-align: center; padding: 0 40px; }
.stat-val {
font-family: var(--font-display); font-size: clamp(28px, 4vw, 44px);
font-weight: 900; color:#4f46e5; line-height: 1;
display: inline;
}
.stat-unit { font-size: 20px; font-weight: 700; color: #4f46e5; }
.stat-lab { display: block; font-size: 13px; color: var(--clr-muted); margin-top: 6px; }
.stat-divider {
width: 1px;
height: 60px;
background: #80808063;
position: absolute;
/* position: relative; */
left: -32px;
top: 11px;
}
.stat-divider:first-child {
display: none;
}
/* ---- OLD ---- */
.iconsheader {
display: none !important;
}
/* ---- ANIMATIONS ---- */
[data-animate] { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
[data-animate][data-delay="100"] { transition-delay: .1s; }
[data-animate][data-delay="200"] { transition-delay: .2s; }
[data-animate][data-delay="300"] { transition-delay: .3s; }
[data-animate="fade-left"] { transform: translateX(24px); }
[data-animate].visible { opacity: 1; transform: none; }
#main-content {
opacity: 0; /* Начальная прозрачность, элемент невидим */
animation: fadeUp 2s ease-in forwards;
}
@keyframes fadeUp {
0% {
opacity: 0;
transform: translateY(20px); /* Начальное смещение вверх */
}
100% {
opacity: 1;
transform: translateY(0); /* Конечное состояние без смещения */
}
}
div#main-content-tizers {
opacity: 0; /* Начальная прозрачность, элемент невидим */
animation: fadeUp 1s ease-in forwards;
}
div#animgrid {
opacity: 0; /* Начальная прозрачность, элемент невидим */
animation: fadeUp 2s ease-in forwards;
}
a.btn.btn-default.white.btn-lg.white-border.demo.has-ripple::before {
content: url(https://cw337196.tw1.ru/playdemo.png);
position: absolute;
display: -webkit-inline-box;
position: relative;
top: 7px;
}
a.btn.btn-default.white.btn-lg.white-border.demo::before {
content: url(https://cw337196.tw1.ru/playdemo.png);
position: absolute;
display: -webkit-inline-box;
position: relative;
top: 7px;
}
a.btn.btn-default.white.btn-lg.white-border.demo {
padding: 17px;
}
a.btn.btn-default.white.btn-lg.white-border.demo.has-ripple {
padding: 17px;
}
img.iconbanner {
width: 18px;
height: 16px;
border-radius: 28px;
position: relative;
top: -1px;
left: -2px;
}
.wrapper1.long_banner .top_big_one_banner .top_slider_wrapp .main-slider, .wrapper1.long_banner .top_big_one_banner .top_slider_wrapp .main-slider__item {
height: 697px;
}
.main-slider__item .left .banner_text, .main-slider__item .left .banner_title {
margin-left: 29px;
}.main-slider__item .left .banner_buttons {
margin-left: 29px;
}.banner_title {
margin-top: 7%;
}
.btn.btn-default.white.white-border:not(:hover) {
color: #fff;
border: 1px solid rgba(255, 255, 255, .25);
background: rgba(255, 255, 255, .08);
color: #fff !important;
}
.top-block.top-block-v1.header-v16.header-wrapper {
display: none;
}td.menu-item.dropdown.catalog.wide_menu {
display: none;
}td.menu-item {
display: inline-flex;
}td.menu-item {
display: inline-flex;
margin-left: 15px;
position: relative;
}.mega-menu table td .wrap>a {
color: rgba(255, 255, 255, .8) !important;
font-weight: 500;
} a.btn.btn-lg.has-ripple.z.auth {
position: relative;
left: -4%;
}a.btn.btn-default.white.btn-lg.white-border.has-ripple {
color: #fff;
border: 1px solid rgba(255, 255, 255, .25);
background: rgba(255, 255, 255, .08);
color: #fff !important;
}
.mega-menu table td .wrap>a:hover {
color: #fff;
background: rgba(255, 255, 255, .1);
height: auto;
height: 39px;
/* margin-top: 0px !important; */
padding: 10px 10px 10px 10px;
border-radius: 12px;
}.btn-lg {
font-weight: 700;
font-size: 15px;
border-radius: 13px;
}.logo {
position: relative;
top: -3px;
}.hero-badge {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
width: fit-content; max-width: 100%;
background: rgba(245,158,11,.12); color: #f59e0b;
border: 1px solid rgba(245,158,11,.25);
font-size: 13px; font-weight: 600; padding: 8px 14px;
border-radius: 100px; margin: 0 0 14px;
box-sizing: border-box;
}
.hero-badge__text { min-width: 0; text-wrap: balance; }
@keyframes pulse-amber {
0%,100% { box-shadow: 0 0 0 3px rgba(245,158,11,.25); }
50% { box-shadow: 0 0 0 6px rgba(245,158,11,.08); }
}.badge-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #f59e0b;
box-shadow: 0 0 0 3px rgba(245, 158, 11, .25);
animation: pulse-amber 2s ease infinite;
}.banner_title h1 {
font-size: 53px;
font-weithg: 800px;
}
/* DASHBOARD CARD */
.dashboard-card {
background: rgba(30,41,59,.8);
border: 1px solid rgba(255,255,255,.08);
border-radius: 30px;
padding: 24px;
backdrop-filter: blur(20px);
box-shadow: 0 24px 64px rgba(0,0,0,.4);
animation: float 5s ease-in-out infinite;
}
@keyframes float {
0%,100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
.dc-header {
display: flex; justify-content: space-between; align-items: center;
margin-bottom: 20px;
}
.dc-title { font-size: 14px; font-weight: 600; color: #fff; }
.dc-status { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #10b981; }
.status-dot {
width: 7px; height: 7px; border-radius: 50%; background: #10b981;
}
.status-dot--live { animation: pulse-green 2s infinite; }
@keyframes pulse-green {
0%,100% { box-shadow: 0 0 0 2px rgba(16,185,129,.25); }
50% { box-shadow: 0 0 0 5px rgba(16,185,129,.08); }
}
.dc-modules {
display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 20px;
}
.dcm-item {
display: flex; align-items: center; gap: 8px;
background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06);
border-radius: var(--r-md); padding: 8px 10px;
font-size: 12px; color: rgba(255,255,255,.7);
opacity: 0; animation: pop-in .4s ease forwards;
}
.dcm-item:nth-child(1){ animation-delay:.1s }
.dcm-item:nth-child(2){ animation-delay:.2s }
.dcm-item:nth-child(3){ animation-delay:.3s }
.dcm-item:nth-child(4){ animation-delay:.4s }
.dcm-item:nth-child(5){ animation-delay:.5s }
.dcm-item:nth-child(6){ animation-delay:.6s }
.dcm-item:nth-child(7){ animation-delay:.7s }
.dcm-item:nth-child(8){ animation-delay:.8s }
@keyframes pop-in {
from { opacity:0; transform: scale(.9); }
to { opacity:1; transform: scale(1); }
}
.dcm-icon { font-size: 14px; flex-shrink: 0; }
.dcm-name { font-size: 11px; flex: 1; }
.dcm-badge {
font-size: 10px; padding: 2px 7px; border-radius: 100px; font-weight: 600;
}
.dcm-badge--ok { background: rgba(16,185,129,.15); color: #10b981; }
.dcm-badge--warn { background: rgba(245,158,11,.15); color: #f59e0b; }
.dc-metrics {
display: grid; grid-template-columns: repeat(3,1fr);
gap: 12px; border-top: 1px solid rgba(255,255,255,.06); padding-top: 16px;
}
.dc-metric { text-align: center; }
.dc-metric-val { display: block; font-size: 15px; font-weight: 700; color: #fff; }
.dc-metric-lab { display: block; font-size: 10px; color: rgba(255,255,255,.4); margin-top: 2px; }
/* --- Тизеры под кнопками на баннере ----- */
.hero-trust { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hero-trust > span:first-child { font-size: 13px; color: rgba(255,255,255,.4); }
.trust-pill {
background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
color: rgba(255,255,255,.7); font-size: 12px; font-weight: 600;
padding: 4px 12px; border-radius: 100px;
}
.trust-pill--skolkovo {
background: rgba(79,70,229,.15); border-color: rgba(79,70,229,.3); color: #a5b4fc;
}.hero-trust {
margin-top: 3%;
position: relative;
margin-left: 6px;
}
/* ---- MODULES ---- */
section#modules .section-label {
color: #7770e4 !important;
}
.modules { padding: 50px 0; background: var(--clr-bg); }
.modules-grid {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
.mod-card {
background: var(--clr-white); border: 1px solid #E2E8F0;
border-radius: 20px; padding: 24px;
transition: all .3s ease; cursor: default;
opacity: 0; transform: translateY(20px);
}
.mod-card.visible { opacity: 1; transform: translateY(0); }
.mod-card:hover {
border-color: #4F46E5;
box-shadow: 0 8px 32px rgba(79,70,229,.12);
transform: translateY(-4px);
}
.mod-icon { font-size: 28px; margin-bottom: 14px; }
.mod-title { font-size: 15px; font-weight: 700; margin-bottom: 8px; }
.mod-desc { font-size: 13px; color: var(--clr-muted); line-height: 1.6; margin-bottom: 14px; }
.mod-output {
background: rgba(79,70,229,.04); border: 1px solid rgba(79,70,229,.1);
border-radius: var(--r-sm); padding: 10px 12px;
font-size: 11px; color: #4F46E5; line-height: 1.5;
font-style: italic;
}
/* ── Контейнер — тёмная плашка ── */
.modules{
background:#d1d1d117 !important;
border-radius:25px!important;
padding:clamp(36px,5vw,64px) clamp(24px,4vw,48px)!important;
margin:20px auto!important;
position:relative;overflow:hidden;
}
/* красное/фиолетовое свечение */
.modules::before{content:"";position:absolute;top:-80px;right:-40px;width:400px;height:350px;
background:radial-gradient(ellipse,rgba(79,70,229,.10),transparent 65%);pointer-events:none}
.modules::after{content:"";position:absolute;bottom:-60px;left:-30px;width:350px;height:300px;
background:radial-gradient(ellipse,rgba(79,70,229,.06),transparent 65%);pointer-events:none}
/* ── Заголовки ── */
.modules .section-subtitle,.modules p:not(.mod-desc):not(.mod-output){
color:#7a7e94!important}
/* ── Eyebrow (ВАШИ 8 AI-СОТРУДНИКОВ) ── */
.modules .eyebrow,.modules [class*="eyebrow"],.modules [class*="badge-section"]{
color:#6e3cff!important;font-weight:700!important;letter-spacing:.15em!important}
/* ── Сетка ── */
.modules-grid{gap:16px!important}
/* ── Карточка ── */
.mod-card {
border-radius: 20px !important;
padding: 28px !important;
position: relative;
overflow: hidden;
transition: transform .35s cubic-bezier(.2, .8, .2, 1), border-color .35s, box-shadow .35s !important;
padding-bottom: 17px !important;
padding-top: 20px !important;
}
/* свечение из угла */
.mod-card::before{content:"";position:absolute;inset:0;
background:radial-gradient(200px at 100% 0%,rgba(79,70,229,.08),transparent 60%);
opacity:0;transition:opacity .35s;pointer-events:none}
.mod-card:hover{
transform:translateY(-6px)!important;
border-color:rgba(79,70,229,.4)!important;
box-shadow:0 24px 48px -24px rgba(79,70,229,.18)!important;
}
.mod-card:hover::before{opacity:1}
.mod-card.visible{opacity:1!important;transform:translateY(0)!important}
/* ── Иконка ── */
.mod-icon{
width:48px;height:48px;display:flex;align-items:center;justify-content:center;
background:rgba(79,70,229,.08);border:1px solid rgba(79,70,229,.2);
border-radius:14px;margin-bottom:-8px!important;font-size:22px!important;
transition:transform .35s;
}
.mod-card:hover .mod-icon{transform:rotate(-6deg) scale(1.08)}
/* ── Текст ── */
.mod-desc{color:#7a7e94!important;font-size:13px!important;line-height:1.6!important}
/* ── Цитата AI-вывода ── */
.mod-output{
background:rgba(79,70,229,.06)!important;
border:1px solid rgba(79,70,229,.15)!important;
border-radius:12px!important;
padding:12px 14px!important;
font-size:12px!important;
line-height:1.5!important;
font-style:italic!important;
position:relative;
transition:border-color .3s,background .3s;
}
.mod-card:hover .mod-output{
border-color:rgba(79,70,229,.3)!important;
background:rgba(79,70,229,.10)!important;
}
/* ── Адаптив ── */
@media(max-width:960px){.modules-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.modules-grid{grid-template-columns:1fr!important}
.modules{border-radius:18px!important;padding:28px 18px!important}}
/* ---- SECTIONS COMMON ---- */
.section-head {text-align: center;margin-bottom: 56px;}
.section-label {
display: inline-block; font-size: 17px; font-weight: 700;
color: #4F46E5; letter-spacing: .08em; text-transform: uppercase;
margin-bottom: -22px;
}
.section-label--light { color: rgba(255,255,255,.6); }
.section-title {
font-family: var(--font-display); font-size: clamp(32px, 4vw, 48px);
font-weight: 900; line-height: 1.12; color: var(--clr-text);
}
.section-title--light { color: #fff; }
.section-sub { font-size: 17px; color: var(--clr-muted); max-width: 560px; margin: 16px auto 0; }
.section-sub--light { color: rgba(255,255,255,.55); }
/* ---- CASES ---- */
.cases { background: var(--clr-white); padding: 100px 0; }
.cases-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.case-card {
background: #F8FAFC; border: 1px solid #E2E8F0;
border-radius: 23px; padding: 32px;
transition: all .3s;
}
.case-card--featured {
background: #4F46E5; border-color: #4F46E5;
color: #fff;
}
.case-card:hover:not(.case-card--featured) {
border-color: #4F46E5; box-shadow: var(--shadow-md); transform: translateY(-4px);
}
.case-metric {
font-family: var(--font-display); font-size: 48px; font-weight: 900;
color: #4F46E5; line-height: 1;
}
.case-card--featured .case-metric { color: #fff; }
.case-metric-lab { font-size: 14px; color: var(--clr-muted); margin-bottom: 16px; }
.case-card--featured .case-metric-lab { color: rgba(255,255,255,.7); }
.case-desc { font-size: 14px; line-height: 1.6; color: var(--clr-text); margin-bottom: 20px; }
.case-card--featured .case-desc { color: rgba(255,255,255,.85); }
.case-meta { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; }
.case-module { font-size: 12px; font-weight: 600; color: #4F46E5; }
.case-card--featured .case-module { color: rgba(255,255,255,.7); }
.case-period { font-size: 12px; color: var(--clr-muted); }
.case-card--featured .case-period { color: rgba(255,255,255,.5); }
.cases h2.section-title {
font-weight: 700 !important;
font-size: 48px !important;
line-height: 52px !important;
}
.case-card.visible {
text-align: left;
}
img.iconcases {
/* position: relative; */
padding-right: 5px;
}section#cases {
margin-top: -44%;
margin-bottom: -44%;
}
/* ── Родительские обёртки Bitrix — сброс ── */
.item-views:has(section.cases){background:transparent!important;padding:0!important;margin:0!important;border:none!important}
.item-views:has(section.cases) > .items{display:block!important;margin:0!important;padding:0!important}
.item-views:has(section.cases) .col-lg-2,.item-views:has(section.cases) [class*="col-"]{
width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding:0!important}
.item-views:has(section.cases) .item{
background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.item-views:has(section.cases) .image.pattern.shine{display:none!important}
.item-views:has(section.cases) .bottom_nav_wrapper{display:none!important}
/* ── Секция — плашка ── */
section.cases{
background:#f6f6f6 !important;padding:clamp(36px,5vw,64px) clamp(24px,4vw,48px)!important;
border-radius:25px!important;border:1px solid #f6f6f6 !important;
margin:20px auto!important;
position:relative;overflow:hidden;
}
section.cases .container,section.cases .lp-container{
max-width:100%!important;padding:0!important;margin:0!important;width:100%!important}
section.cases .cases-grid{
grid-template-columns:repeat(3,1fr)!important;gap:16px!important;
width:100%!important;max-width:100%!important}
section.cases .section-label{color:#7770e4 !important}
/* ── Обычная карточка ── */
.case-card{
background:linear-gradient(160deg, #0c0a2a 0%, #1a1145 40%, #0f0d2e 100%);
border:1px solid #252636!important;
border-radius:23px!important;
padding:32px!important;
transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s!important;
position:relative;overflow:hidden;
}
.case-card::before{content:"";position:absolute;inset:0;
background:radial-gradient(200px at 90% 10%,rgba(79,70,229,.08),transparent 60%);
opacity:0;transition:opacity .35s;pointer-events:none}
.case-card:hover:not(.case-card--featured){
transform:translateY(-6px)!important;
border-color:rgba(79,70,229,.4)!important;
box-shadow:0 24px 48px -24px rgba(79,70,229,.18)!important;
}
.case-card:hover::before{opacity:1}
/* ── Featured карточка ── */
.case-card--featured{
background:linear-gradient(135deg,#4F46E5,#3730a3)!important;
border-color:rgba(79,70,229,.6)!important;
box-shadow:0 20px 40px -20px rgba(79,70,229,.35)!important;
}
.case-card--featured:hover{
transform:translateY(-6px)!important;
box-shadow:0 28px 56px -24px rgba(79,70,229,.45)!important;
}
/* ── Метрика (цифра) ── */
.case-metric{color:#a5b4fc!important}
.case-card--featured .case-metric{color:#fff!important}
/* ── Подпись метрики ── */
.case-metric-lab{color:#7a7e94!important}
.case-card--featured .case-metric-lab{color:rgba(255,255,255,.7)!important}
/* ── Описание ── */
.case-desc{color:#9a9eb0!important}
.case-card--featured .case-desc{color:rgba(255,255,255,.85)!important}
/* ── Мета (модуль + период) ── */
.case-module{color:#6e3cff!important}
.case-card--featured .case-module{color:rgba(255,255,255,.7)!important}
.case-period{color:#55586a!important}
.case-card--featured .case-period{color:rgba(255,255,255,.5)!important}
/* ── Иконки ── */
.case-card img.iconcases{filter:brightness(1.2)!important}
.case-card--featured img.iconcases{filter:brightness(1)!important}
/* ---- PRICING ---- */
.pricing { background: var(--clr-bg); padding: 100px 0; }
.pricing-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; align-items: start; }
.price-card {
background: #e2e8f080; border: 1px solid #E2E8F0;
border-radius: 23px; padding: 28px;
position: relative; transition: all .3s;
}
.price-card--featured {
border: 2px solid var(--clr-primary);
box-shadow: 0 8px 32px rgba(79,70,229,.15);
transform: scale(1.02);
}
.price-card:hover {
border-color: #4F46E5; box-shadow: 0 4px 16px rgba(15,23,42,.10);
}
.price-card.price-card--featured.visible:hover {
border-color: #4F46E5; box-shadow: 0 4px 16px rgba(15,23,42,.10);
}
.pc-badge {
position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
background: #F59E0B; color: #fff; font-size: 11px; font-weight: 700;
padding: 4px 14px; border-radius: 100px; white-space: nowrap;
}
.pc-name { font-size: 14px; font-weight: 700; color: var(--clr-muted); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 12px; }
.pc-price {
font-family: var(--font-display); font-size: 36px; font-weight: 900;
color: black; line-height: 1; margin-bottom: 8px;
}
.pc-price span { font-size: 16px; font-weight: 400; color: var(--clr-muted); }
.pc-desc { font-size: 13px; color: var(--clr-muted); margin-bottom: 20px; }
.pc-features { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
.pc-features li {
font-size: 12px; color: var(--clr-text); padding-left: 20px; position: relative;
}
.pc-features li::before {
content: "✓" !important;
position: absolute;
left: 0px;
color: #10b981;
font-weight: 700;
margin: 0 7px 0 -18px !important;
}
.pc-target { font-size: 11px; color: var(--clr-muted); text-align: center; margin-top: 14px; }
.btn-full {
/* background-color: #00b290; */
/* border-color: #00b290; */
width: 100%;border-radius: 12px;
}
a.btn.btn-primary.btn-full {
background: #4f46e5;
border-color: #4f46e5;
color: #fff;
}
section#pricing h2.section-title {
font-weight: 700 !important;
color: black !important;
}section#pricing {
margin-top: -19%;
}
/* ---- FAQ ---- */
.faq { background: var(--clr-white); padding: 100px 0; }
.faq-inner { display: grid; grid-template-columns: 340px 1fr; gap: 80px; align-items: stretch; }
.faq-list { display: flex; flex-direction: column; gap: 4px; }
.faq-item { border-bottom: 1px solid #e2e8f0; }
.faq-q {
width: 100%;
text-align: left;
padding: 18px 0;
font-size: 15px;
font-weight: 500;
color: black;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
transition: color .2s;
background: transparent;
border: 0;
}
.faq-q::after {
content: '+'; font-size: 22px; font-weight: 300; color: #4F46E5;
flex-shrink: 0; transition: transform .3s;
}
.faq-q[aria-expanded="true"] { color: #4F46E5; }
.faq-q[aria-expanded="true"]::after { transform: rotate(45deg); }
.faq-a { padding-bottom: 18px; }
.faq-a p { font-size: 14px; color: var(--clr-muted); line-height: 1.7; }
h2.section-title {
font-weight: 700 !important;
}section#faq .section-head.visible {
position: relative;
top: 0;
display: flex;
align-items: center;
min-height: 100%;
margin-bottom: 0;
}
/* ---- CTA FINAL ---- */
.cta-final {
padding: 100px 0;
text-align: center;
}
.cta-final-inner { max-width: 640px; margin: 0 auto; }
.cta-final-title {
font-family: var(--font-display); font-size: 37px;
font-weight: 900; color: #fff !important; line-height: 1.1; margin-bottom: 20px;
}
.cta-final-sub { font-size: 17px; color: rgba(255,255,255,.7); margin-bottom: 36px; }
.cta-final .btn-primary1 {
background: #4f46e5;
color: #fff;
box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
border-color: #4f46e5;
font-size: 16px;
font-weight: 500;
text-transform: math-auto;
}
.cta-final .btn-primary1:hover {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(0,0,0,.25);
opacity:0.8;
}
.content_wrapper_block.only_img {
background: #0b0d28;
}.maxwidth-theme.BANNER_IMG_TYPE2 {
background: #0b0d28;
}section.cta-final {
margin-top: -8%;
margin-bottom: -6%;
}section.cta-final .shine {
display: none;
}
.bkz-mod-canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:0!important;pointer-events:none;opacity:.6}
.drag-block.container.COMPANY_TEXT.grey_block {
background: #fff;
}
.drag-block.container.COMPANY_TEXT.grey_block .maxwidth-theme {
background: transparent;
}
/* ── Featured карточка ── */
.case-card--featured{
background:linear-gradient(135deg,#4F46E5,#3730a3)!important;
border-color:rgba(79,70,229,.6)!important;
box-shadow:0 20px 40px -20px rgba(79,70,229,.35)!important;
}
.case-card--featured:hover{
transform:translateY(-6px)!important;
box-shadow:0 28px 56px -24px rgba(79,70,229,.45)!important;
}
/* ── Метрика (цифра) ── */
.case-metric{color:#a5b4fc!important}
.case-card--featured .case-metric{color:#fff!important}
/* ── Подпись метрики ── */
.case-metric-lab{color:#7a7e94!important}
.case-card--featured .case-metric-lab{color:rgba(255,255,255,.7)!important}
/* ── Описание ── */
.case-desc{color:#9a9eb0!important}
.case-card--featured .case-desc{color:rgba(255,255,255,.85)!important}
/* ── Мета (модуль + период) ── */
.case-module{color:#6e3cff!important}
.case-card--featured .case-module{color:rgba(255,255,255,.7)!important}
.case-period{color:#55586a!important}
.case-card--featured .case-period{color:rgba(255,255,255,.5)!important}
/* ── Иконки ── */
.case-card img.iconcases{filter:brightness(1.2)!important}
.case-card--featured img.iconcases{filter:brightness(1)!important}
/* ── Плашка — градиентный фон ── */
section.faq,.faq{
background:#f7f7f7!important;
border-radius:25px!important;border:1px solid #f7f7f7!important;
padding:clamp(36px,5vw,64px) clamp(24px,4vw,48px)!important;
margin:20px auto!important;
width: 1334px !important;position:relative!important;overflow:hidden;
}
section.faq>*,.faq>*{position:relative;z-index:2}
/* canvas — только за заголовком слева */
.bkz-faq-canvas{position:absolute!important;top:0;left:0;width:340px;height:100%;z-index:1!important;pointer-events:none;opacity:1}
/* ── Фикс прыжков при раскрытии ── */
.faq-a{overflow:hidden;max-height:0;transition:max-height .4s ease,padding .4s ease;padding-bottom:0!important}
.faq-q[aria-expanded="true"]+.faq-a,.faq-item.open .faq-a{max-height:300px;padding-bottom:18px!important}
/* ── Заголовки ── */
.faq .section-label,.faq .eyebrow,.faq [class*="eyebrow"]{color:#6e3cff!important}
/* ── Сетка — вопросы на всю ширину ── */
.faq-inner{gap:clamp(32px,5vw,60px)!important;align-items:stretch!important}
.faq-list{min-width:0!important;overflow:hidden}
.faq .container,.faq .lp-container{max-width:100%!important;padding:0!important;width:100%!important}
/* ── Аккордеон ── */
.faq-item:hover{border-bottom-color:rgba(110,60,255,.3)!important}
.faq-q{
font-size:15px!important;font-weight:500!important;
padding:20px 0!important;cursor:pointer;transition:color .25s!important;
background:transparent!important;border:0!important;width:100%;text-align:left;
display:flex;justify-content:space-between;align-items:center;gap:16px;
}
.faq-q::after{
content:''!important;
width:28px!important;height:28px!important;flex-shrink:0;
display:grid!important;place-items:center;
border-radius:50%!important;
background-color:transparent!important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316162a' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E")!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:13px 13px!important;
border:1.5px solid #16162a!important;
color:transparent!important;font-size:0!important;
transition:transform .3s,border-color .3s!important;
}
.faq-q:hover::after{background-color:transparent!important;border-color:#16162a!important}
.faq-q[aria-expanded="true"]{color:#6e3cff!important}
.faq-q[aria-expanded="true"]::after{transform:rotate(45deg)!important}
/* ── Ответ ── */
.faq-a p{color:#7a7e94!important;font-size:14px!important;line-height:1.7!important}
.faq-a a{color:#a5b4fc!important;text-decoration:underline;text-underline-offset:3px}
.faq-a a:hover{color:#6e3cff!important}
/* ── Левая колонка (заголовок FAQ) ── */
section#faq .section-head.visible{position:relative!important;top:0;display:flex;align-items:center;min-height:100%;margin-bottom:0!important}
section#faq .section-title{margin-bottom:0!important}
section#faq {
margin-bottom: -4% !important;
margin-top: -1% !important;
}
/* ── Адаптив ── */
@media(max-width:860px){.faq-inner{grid-template-columns:1fr!important;gap:24px!important}
section#faq .section-head.visible{position:relative!important;top:0!important}
body section#faq {
margin-bottom: -4% !important;
margin-top: -7% !important;
}
}
.bzp-feats{padding-bottom:32px !important;}
.bzp-btn{margin-top:auto !important;padding:16px !important;}
.bzp-grid{align-items:stretch !important;}body ul.bzp-feats {
margin-bottom: 10% !important;
}
/* ── reset ── */
.bzp,.bzp *,.bzp *::before,.bzp *::after{box-sizing:border-box;}
.bzp ul,.bzp li{list-style:none !important;margin:0 !important;padding:0 !important;background:none !important;border:none !important;}
.bzp li::before,.bzp li::after,.bzp li::marker{content:none !important;display:none !important;}
/* ── section ── */
.bzp{font-family:'Montserrat',-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#16162a;padding:140px 0 60px;background:transparent !important;}
.bzp-wrap{max-width:1240px;margin:0 auto;padding:0 24px;}
/* ── head ── */
.bzp-head{text-align:center;margin-bottom:52px;}
.bzp-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5b4ce6;background:rgba(91,76,230,.08);padding:6px 16px;border-radius:999px;margin-bottom:14px;}
.bzp-h2{font-size:clamp(26px,3.6vw,38px);font-weight:800;letter-spacing:-.02em;color:#16162a;margin:0 auto 16px;max-width:760px;line-height:1.12;}
.bzp-sub{font-size:16px;color:#8b8b9e;max-width:540px;margin:0 auto;line-height:1.55;}
/* ── grid ── */
.bzp-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:18px !important;align-items:start;}
/* ── card wrapper — обычные: белые ── */
.bzp-card{
position:relative;border-radius:20px !important;padding:1.5px !important;
background:#fff;border:1px solid #eef0f4 !important;
box-shadow:0 4px 20px rgba(0,0,0,.06) !important;
display:flex !important;flex-direction:column !important;
transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s !important;
overflow:visible !important;height:100%;
}
.bzp-card:hover{transform:translateY(-6px) !important;box-shadow:0 18px 40px rgba(20,18,38,.08) !important;}
/* ── hit card — тёмный ── */
.bzp-card--hit{
padding:2px !important;border:none !important;
background:linear-gradient(160deg,#0c0a2a 0%,#1a1145 40%,#0f0d2e 100%);
transform:scale(1.04) !important;z-index:2 !important;
box-shadow:0 8px 36px rgba(212,168,83,.18) !important;
}
.bzp-card--hit:hover{transform:scale(1.04) translateY(-6px) !important;box-shadow:0 28px 60px rgba(212,168,83,.25) !important;}
/* ── card inner — обычные: белые ── */
.bzp-inner{
background:#fff;
border-radius:19px !important;padding:36px 26px 30px !important;
display:flex !important;flex-direction:column !important;height:100% !important;flex:1 !important;
color:#16162a !important;border:none;
}
/* ── card inner — hit: тёмный ── */
.bzp-card--hit .bzp-inner{
background:linear-gradient(180deg,rgba(212,168,83,.05) 0%,#0f1420 18%) !important;
border-radius:18px !important;color:#c9cdd6 !important;
}
/* ── badge ── */
.bzp-badge{
position:absolute !important;top:-14px !important;left:50% !important;transform:translateX(-50%) !important;
background:linear-gradient(135deg,#d4a853,#c49a3c) !important;
color:#0a0e1a !important;font-size:11px !important;font-weight:700 !important;
letter-spacing:.07em;text-transform:uppercase;
padding:5px 18px !important;border-radius:20px !important;white-space:nowrap;
box-shadow:0 4px 20px rgba(212,168,83,.30) !important;line-height:1.4;z-index:3;
}
/* ── name ── */
.bzp-name{font-size:12px !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase;color:#8b8b9e !important;margin:0 0 16px !important;}
.bzp-card--hit .bzp-name{color:#d4a853 !important;}
/* ── price ── */
.bzp-price{display:flex !important;align-items:baseline !important;gap:5px !important;margin-bottom:4px !important;font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1;color:#16162a !important;}
.bzp-price small{font-size:15px !important;font-weight:500 !important;color:#8b8b9e !important;margin-left:6px;letter-spacing:0;}
.bzp-card--hit .bzp-price{color:#fff !important;}
.bzp-card--hit .bzp-price small{color:#6b7280 !important;}
/* ── modules / desc ── */
.bzp-modules{font-size:13px !important;color:#8b8b9e !important;font-style:italic !important;margin:6px 0 22px !important;min-height:18px;line-height:1.5 !important;padding-bottom:22px;border-bottom:1px solid #e7e9ef;}
.bzp-card--hit .bzp-modules{color:rgba(212,168,83,.88) !important;border-color:transparent;background:linear-gradient(90deg,transparent,rgba(212,168,83,.2),transparent);background-size:100% 1px;background-position:bottom;background-repeat:no-repeat;}
/* ── features ── */
.bzp-feats{flex:1 !important;display:flex !important;flex-direction:column !important;gap:12px !important;margin-bottom:auto !important;padding-bottom:26px !important;}
.bzp-feats li{
display:flex !important;align-items:center !important;gap:10px !important;
font-size:13px !important;color:#3f3f57 !important;line-height:1.4 !important;
}
.bzp-card--hit .bzp-feats li{color:#fff !important;font-weight:500;}
/* check icons — обычные */
.bzp-feats li .bzp-ico{flex:0 0 auto;width:20px;height:20px;min-width:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(91,76,230,.1);}
.bzp-feats li .bzp-ico svg{width:12px;height:12px;stroke:#5b4ce6;}
.bzp-feats li.is-no{color:#9a9aaf !important;}
.bzp-feats li.is-no .bzp-ico{background:rgba(239,68,68,.08);}
.bzp-feats li.is-no .bzp-ico svg{stroke:#ef4444;}
/* check icons — hit */
.bzp-card--hit .bzp-feats li .bzp-ico{background:rgba(212,168,83,.12);}
.bzp-card--hit .bzp-feats li .bzp-ico svg{stroke:#d4a853;}
.bzp-card--hit .bzp-feats li.is-no{color:rgba(201,205,214,.45) !important;font-weight:400;}
.bzp-card--hit .bzp-feats li.is-no .bzp-ico{background:rgba(239,68,68,.12);}
.bzp-card--hit .bzp-feats li.is-no .bzp-ico svg{stroke:#ef4444;}
/* ── buttons — обычные: ghost ── */
.bzp-btn{
display:block !important;width:100% !important;text-align:center !important;text-decoration:none !important;
background:#fff !important;color:#5b4ce6 !important;
border:1.5px solid #cfc8fb !important;
border-radius:11px !important;padding:14px !important;font-size:13px !important;font-weight:700 !important;
letter-spacing:.04em !important;text-transform:uppercase !important;transition:all .25s !important;cursor:pointer !important;
font-family:inherit !important;margin-top:auto !important;
}
.bzp-btn:hover{background:#f3f1ff !important;}
/* hit button — gold */
.bzp-btn--solid{
background:linear-gradient(135deg,#d4a853,#c49a3c) !important;
color:#0a0e1a !important;border:none !important;
box-shadow:0 4px 18px rgba(212,168,83,.22) !important;
}
.bzp-btn--solid:hover{background:linear-gradient(135deg,#c49a3c,#b38a30) !important;box-shadow:0 8px 32px rgba(212,168,83,.38) !important;transform:translateY(-1px) !important;}
/* ── note ── */
.bzp-note{text-align:center;font-size:11px;color:#8b8b9e;margin-top:12px;font-weight:500;}
.bzp-card--hit .bzp-note{color:#4b5563;}
/* ── compare ── */
.bzp-compare{max-width:1240px;margin:48px auto 0;padding:0 24px;}
.bzp-compare-toggle{display:flex;align-items:center;justify-content:center;gap:8px;appearance:none;border:none;background:none;cursor:pointer;font:600 14px/1 'Montserrat',sans-serif;color:#5b4ce6;margin:0 auto 20px;padding:10px 20px;transition:.2s;}
.bzp-compare-toggle:hover{color:#4a3dd0;}
.bzp-compare-toggle svg{transition:transform .2s;}
.bzp-compare-toggle.is-open svg{transform:rotate(180deg);}
.bzp-tw{display:none;border:1px solid #eaeaf1;border-radius:14px;overflow:hidden;background:#fff;}
.bzp-tw.is-open{display:block;}
.bzp-tb{width:100%;border-collapse:collapse;font-size:13px;}
.bzp-tb th,.bzp-tb td{padding:13px 18px;text-align:center;border-bottom:1px solid #f0f0f4;}
.bzp-tb th:first-child,.bzp-tb td:first-child{text-align:left;font-weight:600;color:#5a5a72;min-width:180px;}
.bzp-tb thead th{background:#f7f6ff;color:#16162a;font-weight:700;font-size:13px;position:sticky;top:0;}
.bzp-tb thead th:first-child{border-radius:14px 0 0 0;}
.bzp-tb thead th:last-child{border-radius:0 14px 0 0;}
.bzp-tb thead th.is-popular{background:#ede7f6;color:#5b4ce6;}
.bzp-tb tbody tr:last-child td{border-bottom:none;}
.bzp-tb tbody tr:hover td{background:#fafafe;}
.bzp-tb .yes{color:#2e7d32;font-weight:600;}
.bzp-tb .no{color:#c4c4d0;}
/* ── animations ── */
@media(prefers-reduced-motion:no-preference){
.bzp-card{opacity:0;transform:translateY(22px);}
.bzp-card.in{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease;}
.bzp-card--hit.in{transform:scale(1.04) !important;}
.bzp-card.in.d1{transition-delay:.08s;}.bzp-card.in.d2{transition-delay:.16s;}.bzp-card.in.d3{transition-delay:.24s;}
}
/* ── responsive ── */
@media(max-width:980px){
.bzp-grid{grid-template-columns:1fr 1fr !important;gap:16px !important;row-gap:34px !important;}
.bzp-card--hit{transform:scale(1) !important;}
.bzp-card--hit:hover{transform:translateY(-6px) !important;}
}
@media(max-width:560px){
.bzp-grid{grid-template-columns:1fr !important;}
.bzp-price{font-size:28px !important;}
}
.fcl, .fcl *{ box-sizing:border-box; }
.fcl-band {
padding: 20px 0;
font-family: 'Montserrat', -apple-system, Segoe UI, Roboto, Arial, sans-serif;
margin-top: -2%;
}footer .footer_top {
padding-bottom: 19px;
}
.fcl-card{ position:relative; overflow:hidden; background:linear-gradient(135deg,#141b30,#0c1120); border:1px solid rgba(255,255,255,.08); border-radius:22px; padding:24px 36px; display:grid; grid-template-columns:1fr 1.25fr; gap:32px; align-items:center; }
.fcl-card::before{ content:""; position:absolute; right:-80px; top:-80px; width:260px; height:260px; background:radial-gradient(circle, rgba(91,76,230,.35), transparent 70%); pointer-events:none; }
.fcl-info{ position:relative; z-index:1; }
.fcl-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#9b8dff; margin-bottom:12px; }
.fcl-eyebrow::before{ content:""; width:22px; height:2px; background:#5b4ce6; border-radius:2px; }
.fcl-info h3{ margin:0 0 10px; font-size:26px; font-weight:800; letter-spacing:-.02em; color:#fff !important; line-height:1.15; }
.fcl-info p{ margin:0; font-size:14.5px; line-height:1.6; color:#999; max-width:380px; }
.fcl-form{ position:relative; z-index:1; }
.fcl-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.fcl-field input, .fcl-field select{ width:100%; background:rgba(255,255,255,.05); border:1.5px solid rgba(255,255,255,.13); border-radius:12px; padding:13px 15px; font:500 14px 'Montserrat',sans-serif; color:#fff; transition:border-color .15s, background .15s; }
.fcl-field input::placeholder{ color:rgba(255,255,255,.4); }
.fcl-field input:focus, .fcl-field select:focus{ outline:none; border-color:#5b4ce6; background:rgba(91,76,230,.08); }
.fcl-field input.invalid{ border-color:#e0533d; background:rgba(224,83,61,.08); }
.fcl-field select{ appearance:none; cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff88' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 15px center; padding-right:38px; }
.fcl-field select option{ color:#16162a; }
.fcl-submit{ width:100%; appearance:none; border:none; cursor:pointer; background:#5b4ce6; color:#fff; border-radius:12px; padding:14px; font:700 13px 'Montserrat',sans-serif; text-transform:uppercase; letter-spacing:.04em; box-shadow:0 7px 26px rgba(91,76,230,.4); transition:.15s; }
.fcl-submit:hover{ background:#6b5cf0; transform:translateY(-1px); }
.fcl-submit:disabled{ opacity:.6; cursor:default; transform:none; }
.fcl-msg{ font-size:13px; font-weight:600; margin-top:10px; min-height:16px; color:#ff9d8a; }
.fcl-consent{ font-size:11.5px; color:rgba(255,255,255,.4); margin-top:10px; line-height:1.45; }
.fcl-consent a{ color:#9b8dff; text-decoration:none; }
.fcl-success{ text-align:center; padding:10px 0; }
.fcl-success__ic{ width:54px; height:54px; border-radius:50%; background:#22a45d; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; box-shadow:0 10px 24px rgba(34,164,93,.4); }
.fcl-success h4{ margin:0 0 6px; font-size:18px; font-weight:800; color:#fff !important; }
.fcl-success p{ margin:0; font-size:13.5px; color:rgba(255,255,255,.6); }
@media (max-width:820px){
.fcl-card{ grid-template-columns:1fr; gap:22px; padding:26px 22px; }
.fcl-row{ grid-template-columns:1fr; }
.fcl-info h3{ font-size:22px; }
}
/* ── Попап регистрации ── */
#breg-overlay{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;background:rgba(20,18,38,.55);backdrop-filter:blur(4px);padding:24px 16px;overflow-y:auto;font-family:'Montserrat',-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#16162a;}
#breg-overlay.is-open{display:flex;}
#breg-overlay *{box-sizing:border-box;}
.breg{background:#fff;width:100%;max-width:480px;border-radius:22px;box-shadow:0 30px 80px rgba(20,18,38,.35);overflow:hidden;animation:bregUp .3s cubic-bezier(.2,.7,.3,1);}
@keyframes bregUp{from{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}}
/* head */
.breg__head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0;}
.breg__title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;}
.breg__close{appearance:none;border:none;background:#f4f4f7;width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:18px;line-height:1;color:#5a5a72;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0;}
.breg__close:hover{background:#e9e9f0;}
/* body */
.breg__body{padding:20px 28px 28px;}
/* trial badge */
.breg__trial-badge{display:flex;align-items:center;gap:10px;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;padding:14px 16px;margin-bottom:20px;}
.breg__trial-ico{width:36px;height:36px;border-radius:10px;background:#d1fae5;color:#059669;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.breg__trial-ico svg{width:20px;height:20px;}
.breg__trial-txt{font-size:13px;font-weight:600;color:#065f46;line-height:1.4;}
.breg__trial-txt span{font-weight:400;color:#059669;display:block;font-size:12px;margin-top:1px;}
/* fields */
.breg__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.breg__field{display:flex;flex-direction:column;gap:5px;}
.breg__field.full{grid-column:1/-1;}
.breg__field label{font-size:12px;color:#5a5a72;font-weight:600;}
.breg__field label .req{color:#e0533d;}
.breg__field input{border:1.5px solid #e3e3ec;border-radius:10px;padding:11px 14px;font:500 14px 'Montserrat',sans-serif;background:#fff;transition:border-color .15s;}
.breg__field input:focus{outline:none;border-color:#5b4ce6;}
.breg__field input.invalid{border-color:#e0533d;background:#fff6f4;}
/* consent */
.breg__consent{display:flex;align-items:flex-start;gap:8px;margin:16px 0;font-size:12px;color:#5a5a72;line-height:1.5;}
.breg__consent input{margin-top:2px;accent-color:#5b4ce6;}
.breg__consent a{color:#5b4ce6;text-decoration:none;}
/* msg */
.breg__msg{font-size:13px;font-weight:600;text-align:center;min-height:18px;margin-bottom:10px;}
.breg__msg.err{color:#e0533d;}
.breg__msg.ok{color:#22a45d;}
.breg__msg .breg__409{background:#f0eeff;border:1.5px solid #d9d4f7;border-radius:12px;padding:18px 20px;text-align:center;}
.breg__msg .breg__409-title{font-size:14px;font-weight:700;color:#16162a;margin:6px 0 4px;}
.breg__msg .breg__409-sub{font-size:12px;color:#5a5a72;margin:0 0 14px;}
.breg__msg .breg__409-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
/* btn */
.breg__btn{display:block;width:100%;appearance:none;border:none;cursor:pointer;background:#5b4ce6;color:#fff;border-radius:11px;padding:15px;font:700 14px 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.03em;transition:.15s;}
.breg__btn:hover{background:#4a3dd0;}
.breg__btn:disabled{opacity:.55;cursor:default;}
.breg__btn--green{background:#059669;}
.breg__btn--green:hover{background:#047857;}
/* verify pane */
.breg__pane{display:none;}
.breg__pane.is-on{display:block;}
.breg__verify-center{text-align:center;padding:8px 0;}
.breg__verify-ico{font-size:44px;margin-bottom:10px;}
.breg__verify-hint{font-size:13px;color:#8b8b9e;line-height:1.5;margin-bottom:18px;}
.breg__verify-hint b{color:#16162a;}
.breg__code{width:100%;max-width:280px;margin:0 auto;text-align:center;font-size:20px;font-weight:700;letter-spacing:4px;padding:14px;border:2px solid #e3e3ec;border-radius:12px;font-family:'Montserrat',sans-serif;transition:border-color .2s;}
.breg__code:focus{outline:none;border-color:#5b4ce6;}
.breg__resend-row{margin-top:14px;font-size:12px;}
.breg__resend{appearance:none;border:none;background:none;cursor:pointer;color:#5b4ce6;font:600 12px 'Montserrat',sans-serif;text-decoration:underline;text-underline-offset:3px;}
.breg__resend:disabled{color:#b6b6c4;cursor:default;text-decoration:none;}
.breg__sep{color:#d4d4e0;margin:0 4px;}
/* success pane */
.breg__ok-ico{width:60px;height:60px;border-radius:50%;background:#059669;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:bregPop .5s cubic-bezier(.34,1.56,.64,1) both;}
@keyframes bregPop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
.breg__ok-title{margin:0 0 6px;font-size:20px;font-weight:800;text-align:center;animation:bregFadeUp .4s ease .15s both;}
.breg__ok-text{margin:0 auto 20px;max-width:360px;font-size:13px;line-height:1.55;color:#8b8b9e;text-align:center;animation:bregFadeUp .4s ease .25s both;}
@keyframes bregFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* credentials */
.breg__creds{max-width:360px;margin:0 auto 20px;animation:bregFadeUp .4s ease .35s both;}
.breg__cred{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8f8fb;border-radius:10px;margin-bottom:5px;gap:8px;}
.breg__cred-label{font-size:11px;font-weight:600;color:#8b8b9e;min-width:55px;flex-shrink:0;}
.breg__cred-value{font-size:13px;font-weight:600;color:#16162a;flex:1;word-break:break-all;}
.breg__cred-value.is-masked{letter-spacing:2px;color:#b6b6c4;}
.breg__cred-actions{display:flex;gap:3px;flex-shrink:0;}
.breg__cred-btn{appearance:none;border:none;background:rgba(91,76,230,.08);border-radius:7px;padding:5px 7px;cursor:pointer;color:#5b4ce6;transition:.15s;display:flex;align-items:center;justify-content:center;}
.breg__cred-btn:hover{background:rgba(91,76,230,.16);}
.breg__cred-btn svg{width:15px;height:15px;}
.breg__copied{font-size:10px;color:#059669;font-weight:600;margin-left:4px;opacity:0;transition:opacity .2s;}
.breg__copied.show{opacity:1;}
.breg__lk-btn{display:inline-block;text-decoration:none;background:#5b4ce6;color:#fff;border-radius:11px;padding:14px 32px;font:700 14px 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.03em;transition:.15s;animation:bregPop .4s cubic-bezier(.34,1.56,.64,1) .5s both;}
.breg__lk-btn:hover{background:#4a3dd0;}
.breg__help{margin-top:20px;padding-top:18px;border-top:1px solid #eeeef3;text-align:center;}
.breg__help-title{font-size:13px;font-weight:700;color:#16162a;margin:0 0 4px;}
.breg__help-text{font-size:12px;color:#8b8b9e;line-height:1.55;margin:0;}
.breg__help a{color:#5b4ce6;text-decoration:none;font-weight:600;}
/* footer note */
.breg__note{font-size:11px;color:#a6a6b8;text-align:center;margin:14px 0 0;padding:0 28px 20px;}
.breg__note a{color:#5b4ce6;text-decoration:none;}
/* phone mask helper */
.breg__phone-wrap{position:relative;}
@media(max-width:520px){
.breg__row{grid-template-columns:1fr;}
.breg__head{padding:20px 18px 0;}
.breg__body{padding:16px 18px 22px;}
.breg__note{padding:0 18px 16px;}
}
/* === ФОРСИРОВАННОЕ скрытие/позиционирование против стилей темы === */
#bz-login{position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
width:100vw!important;height:100vh!important;z-index:2147483000!important;
display:none!important;align-items:center!important;justify-content:center!important;padding:20px;margin:0!important;
transform:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;
font-family:'Montserrat',-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
#bz-login.is-open{display:flex!important;}
#bz-login *{box-sizing:border-box;}
#bz-login .lgn__scrim{position:fixed;inset:0;background:rgba(8,6,22,.72);backdrop-filter:blur(4px);animation:bzFade .25s ease;}
@keyframes bzFade{from{opacity:0}to{opacity:1}}
#bz-login .lgn__box{position:relative;z-index:1;width:100%;max-width:680px;background:#fff;border-radius:26px;padding:38px 38px 32px;overflow:hidden;box-shadow:0 50px 110px -24px rgba(15,10,50,.7);animation:bzPop .4s cubic-bezier(.2,.85,.3,1.05);margin:auto;}
@keyframes bzPop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
#bz-login .lgn__glow{position:absolute;top:-140px;left:50%;transform:translateX(-50%);width:480px;height:300px;background:radial-gradient(ellipse,rgba(91,76,230,.22),transparent 70%);pointer-events:none;animation:bzGlow 6s ease-in-out infinite alternate;}
@keyframes bzGlow{to{transform:translateX(-50%) scale(1.15);opacity:.7}}
#bz-login .lgn__x{position:absolute;top:18px;right:20px;z-index:3;width:38px;height:38px;border:none;background:#f3f1fb;border-radius:11px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;padding:0;}
#bz-login .lgn__x svg{width:18px;height:18px;}
#bz-login .lgn__x:hover{background:#e9e6f7;color:#11162a;}
#bz-login .lgn__screen{display:none;position:relative;z-index:2;}
#bz-login .lgn__screen.lgn-on{display:block;animation:bzSlide .4s cubic-bezier(.2,.8,.3,1) both;}
@keyframes bzSlide{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
#bz-login .lgn__head{text-align:center;margin-bottom:26px;}
#bz-login .lgn__logo{width:56px;height:56px;margin:0 auto 16px;animation:bzLogo .5s cubic-bezier(.2,.8,.3,1.1) both;}
#bz-login .lgn__logo svg{width:100%;height:100%;display:block;}
#bz-login .lgn__logo--sm{width:46px;height:46px;}
#bz-login .lgn-mk circle{transform-origin:center;animation:bzDot 2.6s ease-in-out infinite;}
#bz-login .lgn-mk circle:nth-child(1){animation-delay:0s}
#bz-login .lgn-mk circle:nth-child(2){animation-delay:.18s}
#bz-login .lgn-mk circle:nth-child(3){animation-delay:.36s}
#bz-login .lgn-mk circle:nth-child(4){animation-delay:.54s}
#bz-login .lgn-mk circle:nth-child(5){animation-delay:.72s}
#bz-login .lgn-mk circle:nth-child(6){animation-delay:.9s}
@keyframes bzDot{0%,100%{transform:scale(.82);opacity:.5}50%{transform:scale(1.05);opacity:1}}
@keyframes bzLogo{from{opacity:0;transform:scale(.7) rotate(-8deg)}to{opacity:1;transform:none}}
#bz-login .lgn__eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5b4ce6;margin-bottom:6px;}
#bz-login .lgn__title{margin:0 0 6px;font-size:25px;font-weight:800;letter-spacing:-.02em;color:#11162a!important;font-family:'Montserrat',sans-serif;}
#bz-login .lgn__sub{margin:0;font-size:14px;color:#6b7280;}
#bz-login .lgn__cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
#bz-login .lgn-card{position:relative;border-radius:20px;padding:26px 22px;overflow:hidden;border:1.5px solid #ececf3;background:#fff;transition:transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s,border-color .22s;display:flex;flex-direction:column;}
#bz-login .lgn-card:hover{transform:translateY(-6px);box-shadow:0 32px 60px -28px rgba(91,76,230,.55);border-color:#cfc8fb;}
#bz-login .lgn-card--b{background:linear-gradient(160deg,#1b1742,#0e0b24);border-color:transparent;color:#fff;}
#bz-login .lgn-card--b:hover{box-shadow:0 32px 60px -24px rgba(20,16,50,.8);}
#bz-login .lgn-card__shine{position:absolute;top:-60px;right:-40px;width:160px;height:140px;background:radial-gradient(ellipse,rgba(91,76,230,.3),transparent 70%);opacity:0;transition:opacity .25s;pointer-events:none;}
#bz-login .lgn-card:hover .lgn-card__shine{opacity:1;}
#bz-login .lgn-card--b .lgn-card__shine{background:radial-gradient(ellipse,rgba(107,92,240,.5),transparent 70%);opacity:.6;}
#bz-login .lgn-card__badge{position:absolute;top:16px;right:16px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#a5b4fc;padding:4px 9px;border-radius:999px;}
#bz-login .lgn-card__ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:rgba(91,76,230,.12);color:#5b4ce6;transition:transform .25s;}
#bz-login .lgn-card__ic svg{width:26px;height:26px;}
#bz-login .lgn-card:hover .lgn-card__ic{transform:scale(1.08) rotate(-4deg);}
#bz-login .lgn-card__ic--ai{background:rgba(255,255,255,.1);color:#a5b4fc;}
#bz-login .lgn-card__ic--ok{background:#e9f8ef;color:#16a34a;}
#bz-login .lgn-authbox{display:flex;align-items:center;gap:12px;background:#f7f6ff;border:1.5px solid #ece9f9;border-radius:13px;padding:12px 14px;margin-bottom:18px;}
#bz-login .lgn-authbox__ava{width:42px;height:42px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#5b4ce6,#4a37c4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;}
#bz-login .lgn-authbox__info{display:flex;flex-direction:column;min-width:0;}
#bz-login .lgn-authbox__info b{font-size:14px;font-weight:700;color:#11162a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#bz-login .lgn-authbox__info span{font-size:12.5px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#bz-login .lgn-card__t{font-size:17px;font-weight:800;letter-spacing:-.01em;margin-bottom:7px;color:#fff;}
#bz-login .lgn-card--a .lgn-card__t{color:#11162a;}
#bz-login .lgn-card__d{font-size:13px;line-height:1.5;color:#6b7280;margin-bottom:20px;flex:1;}
#bz-login .lgn-card--b .lgn-card__d{color:rgba(255,255,255,.6);}
#bz-login .lgn-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;cursor:pointer;border-radius:13px;padding:14px;font:700 14px 'Montserrat',sans-serif;background:linear-gradient(135deg,#5b4ce6,#4a37c4);color:#fff;transition:.16s;text-decoration:none;}
#bz-login .lgn-card__btn svg{width:17px;height:17px;transition:transform .18s;}
#bz-login .lgn-card__btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -12px rgba(91,76,230,.7);}
#bz-login .lgn-card__btn:hover svg{transform:translateX(3px);}
#bz-login .lgn-card__btn--ai{background:#fff;color:#1b1742;}
#bz-login .lgn-card__btn--ai:hover{box-shadow:0 16px 32px -12px rgba(255,255,255,.4);}
#bz-login .lgn__back{display:inline-flex;align-items:center;gap:5px;border:none;background:none;color:#6b7280;font:600 13px 'Montserrat',sans-serif;cursor:pointer;margin-bottom:6px;padding:0;transition:.15s;}
#bz-login .lgn__back svg{width:16px;height:16px;}
#bz-login .lgn__back:hover{color:#5b4ce6;}
#bz-login .lgn__form{max-width:380px;margin:0 auto;}
#bz-login .lgn__err{max-width:380px;margin:0 auto 16px;background:#fdeced;border:1px solid #f5c2c7;color:#dc2626;font-size:13px;font-weight:600;padding:11px 14px;border-radius:11px;text-align:center;animation:bzShake .4s;}
#bz-login .lgn__err[hidden]{display:none;}
@keyframes bzShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
#bz-login .lgn-field{margin-bottom:14px;}
#bz-login .lgn-field label{display:block;font-size:12.5px;font-weight:600;color:#6b7280;margin-bottom:6px;}
#bz-login .lgn-field input{width:100%;border:1.5px solid #e3e3ec;border-radius:12px;padding:13px 15px;font:500 14px 'Montserrat',sans-serif;background:#fff;color:#11162a;transition:.15s;}
#bz-login .lgn-field input:focus{outline:none;border-color:#5b4ce6;box-shadow:0 0 0 4px rgba(91,76,230,.1);}
#bz-login .lgn-pass{position:relative;}
#bz-login .lgn-pass input{padding-right:46px;}
#bz-login .lgn-eye{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:34px;height:34px;border:none;background:none;color:#9a9aae;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:.15s;padding:0;}
#bz-login .lgn-eye svg{width:19px;height:19px;}
#bz-login .lgn-eye:hover{color:#5b4ce6;background:#f3f1fb;}
#bz-login .lgn-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin:4px 0 18px;cursor:pointer;}
#bz-login .lgn-remember input{width:16px;height:16px;accent-color:#5b4ce6;cursor:pointer;}
#bz-login .lgn__submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;cursor:pointer;border-radius:13px;padding:15px;font:700 15px 'Montserrat',sans-serif;background:linear-gradient(135deg,#5b4ce6,#4a37c4);color:#fff;transition:.16s;}
#bz-login .lgn__submit svg{width:18px;height:18px;transition:transform .18s;}
#bz-login .lgn__submit:hover{transform:translateY(-2px);box-shadow:0 18px 38px -12px rgba(91,76,230,.7);}
#bz-login .lgn__submit:hover svg{transform:translateX(3px);}
#bz-login .lgn__foot{text-align:center;font-size:13px;color:#6b7280;margin-top:18px;}
#bz-login .lgn__foot a{color:#5b4ce6;font-weight:700;text-decoration:none;}
#bz-login .lgn__foot a:hover{text-decoration:underline;}
@media (max-width:600px){
#bz-login{align-items:flex-start!important;padding:14px;}
#bz-login .lgn__box{padding:30px 22px 26px;border-radius:22px;margin:0 auto;}
#bz-login .lgn__cards{grid-template-columns:1fr;}
#bz-login .lgn__title{font-size:22px;}
#bz-login .lgn__scrim{position:fixed;}
}
@media (prefers-reduced-motion:reduce){
#bz-login .lgn__scrim,#bz-login .lgn__box,#bz-login .lgn__screen.lgn-on,#bz-login .lgn__logo,#bz-login .lgn__glow{animation:none;}
#bz-login .lgn-card,#bz-login .lgn-card__btn,#bz-login .lgn__submit{transition:none;}
}
#trm-root *{box-sizing:border-box;}
#trm-root{font-family:'Montserrat',-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
#trm-root .trm-ov{position:fixed;inset:0;z-index:2147483100;display:none;align-items:flex-start;justify-content:center;padding:34px 16px;overflow-y:auto;background:rgba(16,14,32,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
#trm-root .trm-ov.is-open{display:flex;}
#trm-root .trm-modal{width:100%;max-width:520px;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(20,18,38,.4);overflow:hidden;animation:trmUp .25s cubic-bezier(.2,.7,.3,1);color:#16162a;}
@keyframes trmUp{from{transform:translateY(16px);opacity:.5}to{transform:none;opacity:1}}
#trm-root .trm-head{position:relative;padding:28px 28px 0;}
#trm-root .trm-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5b4ce6;margin-bottom:10px;}
#trm-root .trm-eyebrow::before{content:"";width:20px;height:2px;background:#5b4ce6;border-radius:2px;}
#trm-root .trm-head h3{margin:0;font-size:23px;font-weight:800;letter-spacing:-.01em;}
#trm-root .trm-head p{margin:7px 0 0;font-size:14px;color:#8b8b9e;line-height:1.5;}
#trm-root .trm-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border:none;background:#f4f4f7;border-radius:10px;cursor:pointer;font-size:19px;color:#5a5a72;display:flex;align-items:center;justify-content:center;transition:background .15s;}
#trm-root .trm-close:hover{background:#e9e9f0;}
#trm-root .trm-body{padding:22px 28px 28px;}
/* Прогресс */
#trm-root .trm-progress{height:4px;border-radius:4px;background:#eceaf6;overflow:hidden;margin-bottom:22px;}
#trm-root .trm-progress-bar{height:100%;background:#5b4ce6;width:50%;transition:width .25s ease;}
/* Поля */
#trm-root .trm-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;}
#trm-root .trm-field{position:relative;display:flex;flex-direction:column;gap:6px;}
#trm-root .trm-field.full{grid-column:1/-1;}
#trm-root .trm-field label{font-size:13px;font-weight:600;color:#5a5a72;}
#trm-root .trm-field label .req{color:#e0533d;}
#trm-root .trm-field input{border:1.5px solid #e3e3ec;border-radius:11px;padding:13px 15px;font:500 14.5px 'Montserrat',sans-serif;background:#fff;transition:border-color .15s,background .15s;}
#trm-root .trm-field input:focus{outline:none;border-color:#5b4ce6;}
#trm-root .trm-field input.invalid{border-color:#e0533d;background:#fff6f4;}
/* Согласие */
#trm-root .trm-consent-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px;font-size:12.5px;color:#5a5a72;}
#trm-root .trm-consent-row input{margin-top:3px;accent-color:#5b4ce6;}
#trm-root .trm-consent-row a{color:#5b4ce6;text-decoration:none;}
#trm-root .trm-consent-row a:hover{text-decoration:underline;}
/* Кнопки */
#trm-root .trm-submit{width:100%;appearance:none;border:none;cursor:pointer;background:#5b4ce6;color:#fff;border-radius:12px;padding:15px;font:700 13px 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 12px 26px rgba(91,76,230,.34);transition:.15s;margin-top:4px;}
#trm-root .trm-submit:hover{background:#4a3dd0;transform:translateY(-1px);}
#trm-root .trm-submit:disabled{opacity:.6;cursor:default;transform:none;}
#trm-root .trm-back-btn{appearance:none;border:none;background:none;cursor:pointer;color:#5b4ce6;font:600 13.5px 'Montserrat',sans-serif;padding:0;margin-bottom:14px;}
#trm-root .trm-msg{text-align:center;font-size:13px;font-weight:600;color:#e0533d;min-height:16px;margin-top:10px;}
/* Верификация */
#trm-root .trm-verify-center{text-align:center;padding:12px 0;}
#trm-root .trm-verify-ico{font-size:48px;margin-bottom:12px;}
#trm-root .trm-verify-hint{font-size:14px;color:#8b8b9e;line-height:1.5;margin-bottom:20px;}
#trm-root .trm-verify-hint b{color:#16162a;}
#trm-root .trm-code-input{width:100%;max-width:320px;margin:0 auto;text-align:center;font-size:20px;font-weight:700;letter-spacing:3px;padding:16px;border:2px solid #e3e3ec;border-radius:12px;font-family:'Montserrat',sans-serif;transition:border-color .2s;}
#trm-root .trm-code-input:focus{outline:none;border-color:#5b4ce6;}
#trm-root .trm-resend{appearance:none;border:none;background:none;cursor:pointer;color:#5b4ce6;font:600 13px 'Montserrat',sans-serif;margin-top:16px;text-decoration:underline;text-underline-offset:3px;}
#trm-root .trm-resend:disabled{color:#b6b6c4;cursor:default;text-decoration:none;}
/* Успех */
#trm-root .trm-success{text-align:center;padding:14px 8px 6px;}
#trm-root .trm-success__ic{width:64px;height:64px;border-radius:50%;background:#22a45d;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 12px 26px rgba(34,164,93,.38);}
#trm-root .trm-success h3{margin:0 0 8px;font-size:21px;font-weight:800;}
#trm-root .trm-success p.trm-success-text{margin:0 auto 22px;max-width:380px;font-size:14px;color:#8b8b9e;line-height:1.5;}
/* Блок логин/пароль */
#trm-root .trm-creds{max-width:400px;margin:16px auto 0;text-align:left;}
#trm-root .trm-cred-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f8f8fb;border-radius:10px;margin-bottom:6px;gap:10px;}
#trm-root .trm-cred-label{font-size:12px;font-weight:600;color:#8b8b9e;min-width:60px;flex-shrink:0;}
#trm-root .trm-cred-value{font-size:14px;font-weight:600;color:#16162a;flex:1;word-break:break-all;}
#trm-root .trm-cred-value.is-masked{letter-spacing:2px;color:#b6b6c4;}
#trm-root .trm-cred-actions{display:flex;gap:4px;flex-shrink:0;}
#trm-root .trm-cred-btn{appearance:none;border:none;background:rgba(91,76,230,.08);border-radius:7px;padding:6px 8px;cursor:pointer;color:#5b4ce6;transition:.15s;display:flex;align-items:center;justify-content:center;}
#trm-root .trm-cred-btn:hover{background:rgba(91,76,230,.16);}
#trm-root .trm-cred-btn svg{width:16px;height:16px;}
#trm-root .trm-copied{font-size:11px;color:#059669;font-weight:600;margin-left:6px;opacity:0;transition:opacity .2s;}
#trm-root .trm-copied.show{opacity:1;}
/* Кнопка ЛК */
#trm-root .trm-lk-btn{display:inline-block;text-decoration:none;background:#5b4ce6;color:#fff;border-radius:11px;padding:15px 36px;font:700 14px 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.03em;transition:.15s;margin-top:20px;}
#trm-root .trm-lk-btn:hover{background:#4a3dd0;transform:translateY(-1px);box-shadow:0 8px 24px rgba(91,76,230,.35);}
/* Блок помощи */
#trm-root .trm-help{margin-top:24px;padding-top:20px;border-top:1px solid #eeeef3;max-width:400px;margin-left:auto;margin-right:auto;}
#trm-root .trm-help-title{font-size:14px;font-weight:700;color:#16162a;margin:0 0 6px;}
#trm-root .trm-help-text{font-size:13px;color:#8b8b9e;line-height:1.55;margin:0;}
#trm-root .trm-help a{color:#5b4ce6;text-decoration:none;font-weight:600;}
#trm-root .trm-help a:hover{text-decoration:underline;}
/* Анимации */
#trm-root .trm-success[data-anim] .trm-success__ic{animation:trmPopIn .5s cubic-bezier(.34,1.56,.64,1) both;}
#trm-root .trm-success[data-anim] h3{animation:trmFadeUp .4s ease .15s both;}
#trm-root .trm-success[data-anim] .trm-success-text{animation:trmFadeUp .4s ease .25s both;}
#trm-root .trm-success[data-anim] .trm-creds{animation:trmFadeUp .4s ease .35s both;}
#trm-root .trm-success[data-anim] .trm-lk-btn{animation:trmPopIn .4s cubic-bezier(.34,1.56,.64,1) .45s both;}
#trm-root .trm-success[data-anim] .trm-help{animation:trmFadeUp .4s ease .55s both;}
@keyframes trmPopIn{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes trmFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* DaData dropdown */
#trm-root .trm-dd{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:4px;background:#fff;border:1.5px solid #e3e3ec;border-radius:11px;box-shadow:0 14px 32px rgba(20,18,38,.16);max-height:230px;overflow-y:auto;display:none;}
#trm-root .trm-dd.is-open{display:block;}
#trm-root .trm-dd-item{padding:10px 14px;font-size:14px;font-weight:500;cursor:pointer;border-bottom:1px solid #f2f2f6;}
#trm-root .trm-dd-item:last-child{border-bottom:none;}
#trm-root .trm-dd-item:hover{background:#f3f1ff;}
#trm-root .trm-dd-item .sub{display:block;font-size:12px;color:#8b8b9e;margin-top:2px;}
/* Переключатель */
#trm-root .trm-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f1f0f7;border-radius:12px;padding:4px;margin-bottom:16px;}
#trm-root .trm-seg button{appearance:none;border:none;background:transparent;cursor:pointer;padding:11px;border-radius:9px;font:700 13px 'Montserrat',sans-serif;color:#6b6b80;transition:background .15s,color .15s,box-shadow .15s;}
#trm-root .trm-seg button.is-active{background:#fff;color:#5b4ce6;box-shadow:0 2px 8px rgba(20,18,38,.08);}
#trm-root [data-org-fields].is-hidden{display:none;}
@media(max-width:520px){
#trm-root .trm-head{padding:24px 20px 0;}
#trm-root .trm-body{padding:20px 20px 24px;}
#trm-root .trm-head h3{font-size:20px;}
#trm-root .trm-fields{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){#trm-root .trm-modal{animation:none!important;}}
.bzd{
--bzd-violet:#7c6bf5; --bzd-violet-d:#5b4ce6; --bzd-ind:#c4b5fd;
--bzd-ok:#34d399; --bzd-warn:#fb923c; --bzd-risk:#f87171;
--bzd-card:#141a33; --bzd-card-2:#171e3c;
font-family:'Montserrat',-apple-system,Segoe UI,Roboto,Arial,sans-serif;
position:relative; isolation:isolate; overflow:hidden;
background:
radial-gradient(ellipse 70% 42% at 50% -8%, rgba(91,76,230,.28), transparent 58%),
radial-gradient(circle at 88% 18%, rgba(99,102,241,.12), transparent 24%),
#0b1224;
color:#fff;
}
.bzd::before{
content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
background-image:radial-gradient(rgba(255,255,255,.22) 1px, transparent 1px);
background-size:42px 42px; opacity:.12;
}
.bzd *{ box-sizing:border-box; }
.bzd-wrap{ position:relative; z-index:1; max-width:1240px; margin:0 auto; padding:0 8px; }
.bzd-head{ position:relative; text-align:center; margin:0 auto 36px; padding:0 12px; }
section.bzd, #bzdemo{ scroll-margin-top:108px; }
.bzd .section-title--light{
color:#fff !important; font-weight:800; font-size:clamp(26px,4.2vw,42px);
line-height:1.15; margin:0 0 14px; letter-spacing:-.03em;
}
.bzd-lead{
margin:0 auto; max-width:720px; color:rgba(226,232,255,.68);
font-size:clamp(14px,1.5vw,16px); line-height:1.6; font-weight:500;
}
.bzd-flow{
display:grid; grid-template-columns:1fr; gap:14px; align-items:stretch;
}
.bzd-panel{
min-width:0; height:100%; display:flex; flex-direction:column; gap:12px;
background:linear-gradient(180deg, rgba(28,36,68,.92), rgba(16,22,46,.92));
border:1px solid rgba(165,180,252,.12);
border-radius:24px; padding:20px 18px 18px;
box-shadow:0 24px 50px -28px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.04);
}
.bzd-panel-head{
display:flex; align-items:flex-start; gap:10px; flex-wrap:nowrap;
}
.bzd-panel-head h3{
margin:0; flex:1 1 0; min-width:0;
font-size:clamp(15px,1.4vw,18px); font-weight:800; line-height:1.25;
color:#fff !important; -webkit-text-fill-color:#fff !important;
}
.bzd-num{
display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
min-width:36px; height:28px; padding:0 8px; border-radius:10px;
background:rgba(124,107,245,.18); color:#c4b5fd; font-size:12px; font-weight:800;
}
.bzd-tag{
display:inline-flex; align-items:center; gap:6px; margin-left:auto; flex:0 0 auto;
padding:5px 10px; border-radius:999px; font-size:11px; font-weight:600;
color:rgba(255,255,255,.72); background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08); white-space:nowrap;
}
.bzd-panel-desc{
margin:0; color:rgba(226,232,255,.58); font-size:13px; line-height:1.5;
}
.bzd-composer{
background:rgba(8,12,32,.45); border:1px solid rgba(139,124,255,.32);
border-radius:16px; padding:14px 14px 12px;
}
.bzd-query{
margin:0; font-size:14px; line-height:1.55; color:rgba(255,255,255,.9);
font-style:italic; font-weight:500;
}
.bzd-composer-bar{ display:flex; align-items:center; gap:8px; margin-top:12px; }
.bzd-ghost{
display:inline-flex; align-items:center; gap:6px; color:rgba(196,181,253,.78);
font-size:12px; font-weight:600; white-space:nowrap;
}
.bzd-ghost--ai i{
width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent;
border-top:5px solid currentColor; opacity:.7;
}
.bzd-send{
margin-left:auto; width:36px; height:36px; border-radius:50%; flex:0 0 auto;
display:inline-flex; align-items:center; justify-content:center;
background:linear-gradient(135deg,#7c6bf5,#5b4ce6);
box-shadow:0 8px 18px -8px rgba(91,76,230,.9);
}
.bzd-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.bzd-chip{
appearance:none; cursor:pointer; border-radius:999px; padding:7px 10px; max-width:100%;
background:transparent; color:rgba(226,232,255,.78);
border:1px solid rgba(139,124,255,.28); font:600 11.5px/1.2 Montserrat,sans-serif;
transition:background .2s, border-color .2s, color .2s;
}
.bzd-chip:hover, .bzd-chip.is-on{
background:rgba(124,107,245,.16); border-color:rgba(165,180,252,.5); color:#fff;
}
.bzd-ags{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.bzd-ag{
display:flex; gap:8px; min-width:0; align-items:center;
background:rgba(8,12,32,.35); border:1px solid rgba(255,255,255,.06);
border-radius:14px; padding:8px;
}
.bzd-ag:last-child{ grid-column:1 / -1; width:calc(50% - 4px); justify-self:center; max-width:none; }
.bzd-ag-photo{
width:40px; height:40px; border-radius:50%; overflow:hidden; flex:0 0 auto;
background:linear-gradient(180deg,#2a2558,#17142e);
}
.bzd-ag-photo img{
width:100%; height:100%; max-width:none; object-fit:cover; object-position:50% 18%; display:block;
}
.bzd-ag-body{ min-width:0; overflow:hidden; }
.bzd-ag-name{
min-width:0; overflow-wrap:anywhere;
color:#fff; font-size:12px; font-weight:700; line-height:1.25;
}
.bzd-live{
display:inline-flex; align-items:center; gap:5px; color:#34d399; font-size:10px; font-weight:700;
}
.bzd-live i{
width:6px; height:6px; border-radius:50%; background:#34d399;
box-shadow:0 0 0 0 rgba(52,211,153,.55); animation:bzdPulse 1.8s ease-out infinite;
}
@keyframes bzdPulse{ 70%{ box-shadow:0 0 0 6px rgba(52,211,153,0); } }
.bzd-kpis{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.bzd-kpi{
background:rgba(8,12,32,.4); border:1px solid rgba(255,255,255,.06);
border-radius:14px; padding:10px 8px 9px; text-align:left;
}
.bzd-kpi span{ display:block; color:rgba(226,232,255,.5); font-size:11px; font-weight:600; margin-bottom:4px; }
.bzd-kpi strong{ display:block; color:#fff; font-size:clamp(12px,1.15vw,16px); font-weight:800; letter-spacing:-.02em; white-space:nowrap; }
.bzd-kpi em{ display:block; margin-top:4px; font-style:normal; font-size:11px; font-weight:700; }
.bzd-kpi em.is-up{ color:#34d399; }
.bzd-rate-row em.is-up{ color:#34d399; }
.bzd-chart-card{
position:relative; background:rgba(8,12,32,.35); border:1px solid rgba(255,255,255,.06);
border-radius:16px; padding:12px 12px 10px; margin-top:2px;
}
.bzd-chart-legend{
display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center;
color:rgba(226,232,255,.55); font-size:11px; font-weight:600; margin-bottom:4px;
}
.bzd-chart-legend > span:first-child{ color:rgba(255,255,255,.82); margin-right:auto; }
.bzd-leg{ display:inline-flex; align-items:center; gap:6px; }
.bzd-leg i{ width:10px; height:2px; border-radius:2px; background:#8b7cff; display:block; }
.bzd-leg--prev i{ background:rgba(165,180,252,.4); }
.bzd-chart-label{
position:absolute; right:14px; top:34px; font-size:11px; font-weight:700; color:#e9e4ff;
}
.bzd-chart{ display:block; width:100%; height:auto; }
.bzd-months{
display:flex; justify-content:space-between; color:rgba(226,232,255,.4);
font-size:10px; font-weight:600; padding:0 2px;
}
.bzd-stock{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.bzd-stock li{
display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:10px; align-items:center;
background:rgba(8,12,32,.35); border:1px solid rgba(255,255,255,.06);
border-radius:14px; padding:8px 10px;
}
.bzd-stock strong{ display:block; font-size:13px; font-weight:700; color:#fff; }
.bzd-stock small{ color:rgba(226,232,255,.42); font-size:11px; }
.bzd-thumb{
width:40px; height:40px; border-radius:12px; display:block;
background:#1c2344 center/70% no-repeat;
}
.bzd-thumb--shoe{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 40'%3E%3Cpath fill='%23e8eefc' d='M6 27c8-2 14-12 28-12 8 0 16 3 22 8 3 2 4 6-1 8H12c-6 0-8-2-6-4z'/%3E%3Cpath fill='%239aa3c7' d='M18 17c4 1 8 2 10 6'/%3E%3C/svg%3E"); }
.bzd-thumb--tee{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23e8eefc' d='M16 8l8 4 8-4 8 6-6 4v22H14V18l-6-4 8-6z'/%3E%3C/svg%3E"); }
.bzd-thumb--bottle{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 48'%3E%3Cpath fill='%2360a5fa' d='M13 4h6v6l3 4v28a6 6 0 0 1-12 0V14l3-4V4z'/%3E%3Cpath fill='%2393c5fd' d='M13 4h6v3h-6z'/%3E%3C/svg%3E"); }
.bzd-stock-st{ text-align:right; font-size:11px; font-weight:700; line-height:1.25; }
.bzd-stock-st span{ display:block; color:rgba(226,232,255,.55); font-weight:600; margin-top:2px; }
.bzd-stock-st.is-low{ color:#fb923c; }
.bzd-stock-st.is-ok{ color:#34d399; }
.bzd-stock-st.is-risk{ color:#f87171; }
.bzd-rec{
display:flex; align-items:center; justify-content:center; gap:8px;
margin-top:auto; padding:12px; border-radius:14px;
border:1px solid rgba(139,124,255,.28); color:#c4b5fd; font-size:13px; font-weight:700;
background:rgba(124,107,245,.08);
}
.bzd-seo{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:12px; align-items:center; }
.bzd-rate-k{ display:block; color:rgba(226,232,255,.5); font-size:11px; font-weight:600; margin-bottom:6px; }
.bzd-rate-row{ display:flex; align-items:baseline; gap:8px; }
.bzd-rate-row strong{ font-size:28px; font-weight:800; letter-spacing:-.03em; }
.bzd-stars{ position:relative; display:inline-block; margin-top:6px; color:rgba(255,255,255,.16); letter-spacing:1px; font-size:14px; }
.bzd-stars span, .bzd-stars::before{ font-family:Arial,sans-serif; }
.bzd-stars::before{ content:"★★★★★"; }
.bzd-stars span{
position:absolute; left:0; top:0; width:94%; overflow:hidden; color:#fbbf24; white-space:nowrap;
}
.bzd-stars span::before{ content:"★★★★★"; }
.bzd-dist{ display:flex; flex-direction:column; gap:4px; }
.bzd-dist-row{ display:grid; grid-template-columns:28px minmax(0,1fr) 28px; gap:6px; align-items:center; color:rgba(226,232,255,.5); font-size:10px; font-weight:700; }
.bzd-dist-row i{ display:block; height:6px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
.bzd-dist-row b{ display:block; height:100%; border-radius:99px; background:#8b7cff; }
.bzd-review{
display:flex; gap:10px; align-items:flex-start;
background:rgba(8,12,32,.35); border:1px solid rgba(255,255,255,.06);
border-radius:14px; padding:10px 12px;
}
.bzd-review-av{
width:32px; height:32px; border-radius:50%; flex:0 0 auto;
display:inline-flex; align-items:center; justify-content:center;
background:#4338ca; color:#fff; font-size:13px; font-weight:800;
}
.bzd-review small{ color:rgba(226,232,255,.42); font-size:11px; }
.bzd-review p{ margin:2px 0 0; color:rgba(255,255,255,.78); font-size:12px; line-height:1.45; }
.bzd-tip{
margin-top:auto;
background:rgba(91,76,230,.16); border:1px solid rgba(139,124,255,.28);
border-radius:16px; padding:12px 14px;
}
.bzd-tip strong{ display:block; color:#ddd6fe; font-size:13px; margin-bottom:4px; }
.bzd-tip p{ margin:0; color:rgba(226,232,255,.7); font-size:12px; line-height:1.45; }
.bzd-plan{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.bzd-plan li{
display:flex; gap:12px; align-items:flex-start;
background:rgba(8,12,32,.35); border:1px solid rgba(255,255,255,.06);
border-radius:14px; padding:10px 12px; border-left-width:3px;
}
.bzd-plan li:nth-child(1){ border-left-color:#34d399; }
.bzd-plan li:nth-child(2){ border-left-color:#60a5fa; }
.bzd-plan li:nth-child(3){ border-left-color:#a78bfa; }
.bzd-plan li:nth-child(4){ border-left-color:#fbbf24; }
.bzd-plan span{ color:rgba(226,232,255,.38); font-size:11px; font-weight:800; padding-top:2px; }
.bzd-plan strong{ display:block; font-size:13px; font-weight:700; color:#fff; }
.bzd-plan small{ color:rgba(226,232,255,.5); font-size:12px; }
.bzd-go{
display:flex; align-items:center; justify-content:center; gap:8px; margin-top:auto;
background:linear-gradient(135deg,#7c6bf5,#5b4ce6); color:#fff !important;
text-decoration:none; border-radius:14px; padding:14px 18px;
font-size:14px; font-weight:700; text-align:center;
box-shadow:0 16px 32px -12px rgba(91,76,230,.75);
transition:transform .15s, box-shadow .15s;
}
.bzd-go:hover{ transform:translateY(-2px); box-shadow:0 20px 40px -12px rgba(91,76,230,.85); color:#fff; }
@media (min-width:720px){
.bzd-flow{ grid-template-columns:1fr 1fr; gap:16px; }
.bzd-ag:last-child{ width:calc(50% - 4px); }
}
@media (min-width:1100px){
.bzd-flow{ grid-template-columns:1fr 1fr 1fr; gap:18px; }
.bzd-panel{ padding:22px 20px 18px; }
}
@media (max-width:720px){
.bzd-wrap{ padding:0 2px; }
.bzd-panel{ padding:16px 14px 14px; border-radius:20px; }
.bzd-stock li{ grid-template-columns:36px minmax(0,1fr) auto; }
}
@media (max-width:520px){
.bzd-seo{ grid-template-columns:1fr; }
.bzd-kpis{ gap:6px; }
.bzd-kpi{ padding:8px 7px; }
.bzd-hide-xs{ display:none; }
.bzd-rate-row strong{ font-size:24px; }
.bzd-chart-legend{ gap:6px 10px; }
}
@media (prefers-reduced-motion: reduce){
.bzd-live i{ animation:none; }
.bzd-go{ transition:none; }
}
.bzs{--bzs-violet:#5b4ce6;--bzs-violet-d:#4a37c4;--bzs-indigo:#2a1f7a;--bzs-ink:#11162a;--bzs-muted:#6b7280;--bzs-line:#ece9f9;
position:relative;font-family:'Montserrat',var(--theme-font-family),-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--bzs-ink);padding:24px 0 12px;isolation:isolate;}
.bzs *{box-sizing:border-box}
/* мягкий «живой» фон */
.bzs__glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:-1;pointer-events:none}
.bzs__glow--1{width:460px;height:460px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(91,76,230,.35),transparent 70%);animation:bzsFloat 16s ease-in-out infinite}
.bzs__glow--2{width:420px;height:420px;bottom:-80px;right:-100px;background:radial-gradient(circle,rgba(124,99,255,.28),transparent 70%);animation:bzsFloat 19s ease-in-out infinite reverse}
@keyframes bzsFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-30px)}}
/* появление по скроллу */
.bzs-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--d,0)*110ms)}
.bzs-reveal.in{opacity:1;transform:none}
.bzs__head{max-width:780px;margin:0 auto 34px;text-align:center}
.bzs__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bzs-violet);background:rgba(91,76,230,.07);border:1px solid rgba(91,76,230,.18);padding:7px 15px;border-radius:999px;margin-bottom:18px;backdrop-filter:blur(4px)}
.bzs__dot{width:7px;height:7px;border-radius:50%;background:var(--bzs-violet);box-shadow:0 0 0 0 rgba(91,76,230,.5);animation:bzsPulse 1.8s infinite}
@keyframes bzsPulse{0%,100%{box-shadow:0 0 0 0 rgba(91,76,230,.5)}50%{box-shadow:0 0 0 7px rgba(91,76,230,0)}}
.bzs__title{font-size:36px;line-height:1.16;letter-spacing:-.025em;margin:0 0 16px;font-weight:800}
.bzs__title .grad{background:linear-gradient(135deg,#6b5cf0,#4a37c4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bzs__sub{font-size:16.5px;line-height:1.6;color:var(--bzs-muted);margin:0}
.bzs__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}
.bzs-card{position:relative;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border:1px solid var(--bzs-line);border-radius:22px;padding:26px;display:flex;flex-direction:column;overflow:hidden;
box-shadow:0 10px 30px -20px rgba(40,30,120,.25);transition:transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s, border-color .28s}
/* градиентная кайма на hover */
.bzs-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(135deg,rgba(91,76,230,.7),rgba(124,99,255,.15) 45%,transparent 70%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .28s;pointer-events:none}
.bzs-card:hover{transform:translateY(-6px);box-shadow:0 34px 60px -30px rgba(91,76,230,.5)}
.bzs-card:hover::after{opacity:1}
.bzs-card:hover .bzs-card__ic{transform:translateY(-2px) rotate(-4deg);box-shadow:0 12px 24px -10px rgba(91,76,230,.6)}
.bzs-card--accent{background:linear-gradient(165deg,#ffffff,#f4f1ff);border-color:transparent;box-shadow:0 24px 50px -28px rgba(91,76,230,.45)}
.bzs-card--accent::after{opacity:1;background:linear-gradient(135deg,rgba(91,76,230,.9),rgba(124,99,255,.35) 50%,rgba(91,76,230,.15))}
.bzs-card--accent::before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(91,76,230,.1),transparent);transform:skewX(-18deg);animation:bzsShine 6s ease-in-out infinite;pointer-events:none}
@keyframes bzsShine{0%{left:-60%}55%,100%{left:140%}}
.bzs-card__tag{position:absolute;top:16px;right:16px;font-size:10.5px;font-weight:700;letter-spacing:.03em;color:#fff;background:linear-gradient(135deg,var(--bzs-violet),var(--bzs-violet-d));padding:5px 11px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(91,76,230,.7)}
.bzs-card__ic{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,rgba(91,76,230,.16),rgba(91,76,230,.05));display:grid;place-items:center;font-size:25px;margin-bottom:18px;transition:transform .28s, box-shadow .28s}
.bzs-card h3{font-size:20px;margin:0 0 9px;letter-spacing:-.015em}
.bzs-card>p{font-size:14px;line-height:1.55;color:var(--bzs-muted);margin:0 0 18px}
.bzs-card__list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:9px}
.bzs-card__list li{position:relative;padding-left:25px;font-size:13.5px;font-weight:500;color:#374151}
.bzs-card__list li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:rgba(91,76,230,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 24 24' fill='none' stroke='%235b4ce6' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/9px no-repeat}
.bzs-card__price{margin-top:auto;font-size:13px;font-weight:700;color:var(--bzs-violet);background:rgba(91,76,230,.06);border:1px dashed rgba(91,76,230,.32);border-radius:11px;padding:10px 12px;text-align:center}
/* форма */
.bzs-lead{position:relative;display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;
background:linear-gradient(135deg,#1b1742 0%,#141231 52%,#0d0f24 100%);box-shadow:0 40px 80px -34px rgba(20,16,50,.8), inset 0 1px 0 rgba(255,255,255,.05)}
.bzs-lead::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 300px at 18% 8%, rgba(91,76,230,.32), transparent 60%);pointer-events:none;z-index:0}
.bzs-lead::after{content:"";position:absolute;top:0;left:-55%;width:42%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.07),transparent);transform:skewX(-18deg);animation:bzsShine 7s ease-in-out infinite;pointer-events:none;z-index:1}
/* анимированное «сияние» */
.bzs-lead__orb{position:absolute;border-radius:50%;filter:blur(54px);opacity:.55;pointer-events:none;z-index:0}
.bzs-lead__orb--1{width:300px;height:300px;top:-90px;left:-60px;background:radial-gradient(circle,#6b5cf0,transparent 68%);animation:bzsOrb1 14s ease-in-out infinite}
.bzs-lead__orb--2{width:260px;height:260px;bottom:-100px;left:30%;background:radial-gradient(circle,#7c3aed,transparent 70%);animation:bzsOrb2 18s ease-in-out infinite}
.bzs-lead__orb--3{width:240px;height:240px;top:-60px;left:42%;background:radial-gradient(circle,#4f46e5,transparent 70%);animation:bzsOrb3 16s ease-in-out infinite}
@keyframes bzsOrb1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,40px) scale(1.15)}}
@keyframes bzsOrb2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,-30px) scale(1.1)}}
@keyframes bzsOrb3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,50px) scale(.9)}}
.bzs-lead__left{position:relative;padding:38px;color:#fff;display:flex;flex-direction:column;justify-content:center;z-index:2}
.bzs-lead__left h3{font-size:26px;margin:0 0 13px;letter-spacing:-.015em}
.bzs-lead__left>p{font-size:15px;line-height:1.6;color:rgba(255,255,255,.85);margin:0 0 22px}
.bzs-lead__bul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.bzs-lead__bul li{position:relative;padding-left:28px;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.95)}
.bzs-lead__bul li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/10px no-repeat}
.bzs-lead__right{position:relative;padding:30px;background:#fff;display:flex;flex-direction:column;justify-content:center;z-index:2}
.bzs-form{display:flex;flex-direction:column;gap:13px}
.bzs-form__row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.bzs-form input,.bzs-form select,.bzs-form textarea{width:100%;border:1.5px solid var(--bzs-line);border-radius:13px;padding:0 15px;height:50px;font-family:inherit;font-size:14.5px;color:var(--bzs-ink);outline:none;background:#fbfaff;transition:border-color .15s, box-shadow .15s, background .15s}
.bzs-form input:hover,.bzs-form select:hover,.bzs-form textarea:hover{background:#fff}
.bzs-form textarea{height:auto;padding:13px 15px;resize:vertical;min-height:66px}
.bzs-form select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}
.bzs-form input:focus,.bzs-form select:focus,.bzs-form textarea:focus{border-color:var(--bzs-violet);box-shadow:0 0 0 4px rgba(91,76,230,.13);background:#fff}
.bzs-form input.is-error,.bzs-form select.is-error{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.1)}
.bzs-form__btn{position:relative;overflow:hidden;height:54px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--bzs-violet),var(--bzs-violet-d));color:#fff;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 16px 34px -12px rgba(91,76,230,.65);transition:transform .12s, box-shadow .12s}
.bzs-form__btn::after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .5s}
.bzs-form__btn:hover{transform:translateY(-2px);box-shadow:0 22px 40px -12px rgba(91,76,230,.75)}
.bzs-form__btn:hover::after{left:130%}
.bzs-form__btn:disabled{opacity:.6;cursor:default;transform:none}
.bzs-form__note{font-size:11.5px;color:var(--bzs-muted);line-height:1.45;text-align:center}
.bzs-form__ok{text-align:center;padding:16px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);border-radius:13px}
.bzs-form__ok b{display:block;font-size:15px;color:#0f9d6e;margin-bottom:3px}
.bzs-form__ok span{font-size:13px;color:#0f9d6e}
@media (max-width:900px){
.bzs__title{font-size:28px}
.bzs__cards{grid-template-columns:1fr}
.bzs-lead{grid-template-columns:1fr}
.bzs-lead__left{padding:28px 26px 6px}
.bzs-lead__right{padding:24px 20px}
}
@media (prefers-reduced-motion: reduce){
.bzs__dot,.bzs__glow,.bzs-card--accent::before,.bzs-lead::after,.bzs-lead__orb{animation:none}
.bzs-reveal{opacity:1;transform:none;transition:none}
}
.bzs{--bzs-violet:#5b4ce6;--bzs-violet-d:#4a37c4;--bzs-indigo:#2a1f7a;--bzs-ink:#11162a;--bzs-muted:#6b7280;--bzs-line:#ece9f9;
position:relative;font-family:'Montserrat',var(--theme-font-family),-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--bzs-ink);padding:24px 0 12px;isolation:isolate;}
.bzs *{box-sizing:border-box}
/* мягкий «живой» фон */
.bzs__glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:-1;pointer-events:none}
.bzs__glow--1{width:460px;height:460px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(91,76,230,.35),transparent 70%);animation:bzsFloat 16s ease-in-out infinite}
.bzs__glow--2{width:420px;height:420px;bottom:-80px;right:-100px;background:radial-gradient(circle,rgba(124,99,255,.28),transparent 70%);animation:bzsFloat 19s ease-in-out infinite reverse}
@keyframes bzsFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-30px)}}
/* появление по скроллу */
.bzs-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--d,0)*110ms)}
.bzs-reveal.in{opacity:1;transform:none}
.bzs__head{max-width:780px;margin:0 auto 34px;text-align:center}
.bzs__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bzs-violet);background:rgba(91,76,230,.07);border:1px solid rgba(91,76,230,.18);padding:7px 15px;border-radius:999px;margin-bottom:18px;backdrop-filter:blur(4px)}
.bzs__dot{width:7px;height:7px;border-radius:50%;background:var(--bzs-violet);box-shadow:0 0 0 0 rgba(91,76,230,.5);animation:bzsPulse 1.8s infinite}
@keyframes bzsPulse{0%,100%{box-shadow:0 0 0 0 rgba(91,76,230,.5)}50%{box-shadow:0 0 0 7px rgba(91,76,230,0)}}
.bzs__title{font-size:36px;line-height:1.16;letter-spacing:-.025em;margin:0 0 16px;font-weight:800}
.bzs__title .grad{background:linear-gradient(135deg,#6b5cf0,#4a37c4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bzs__sub{font-size:16.5px;line-height:1.6;color:var(--bzs-muted);margin:0}
.bzs__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}
.bzs-card{position:relative;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border:1px solid var(--bzs-line);border-radius:22px;padding:26px;display:flex;flex-direction:column;overflow:hidden;
box-shadow:0 10px 30px -20px rgba(40,30,120,.25);transition:transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s, border-color .28s}
/* градиентная кайма на hover */
.bzs-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(135deg,rgba(91,76,230,.7),rgba(124,99,255,.15) 45%,transparent 70%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .28s;pointer-events:none}
.bzs-card:hover{transform:translateY(-6px);box-shadow:0 34px 60px -30px rgba(91,76,230,.5)}
.bzs-card:hover::after{opacity:1}
.bzs-card:hover .bzs-card__ic{transform:translateY(-2px) rotate(-4deg);box-shadow:0 12px 24px -10px rgba(91,76,230,.6)}
.bzs-card--accent{background:linear-gradient(165deg,#ffffff,#f4f1ff);border-color:transparent;box-shadow:0 24px 50px -28px rgba(91,76,230,.45)}
.bzs-card--accent::after{opacity:1;background:linear-gradient(135deg,rgba(91,76,230,.9),rgba(124,99,255,.35) 50%,rgba(91,76,230,.15))}
.bzs-card--accent::before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(91,76,230,.1),transparent);transform:skewX(-18deg);animation:bzsShine 6s ease-in-out infinite;pointer-events:none}
@keyframes bzsShine{0%{left:-60%}55%,100%{left:140%}}
.bzs-card__tag{position:absolute;top:16px;right:16px;font-size:10.5px;font-weight:700;letter-spacing:.03em;color:#fff;background:linear-gradient(135deg,var(--bzs-violet),var(--bzs-violet-d));padding:5px 11px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(91,76,230,.7)}
.bzs-card__ic{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,rgba(91,76,230,.16),rgba(91,76,230,.05));display:grid;place-items:center;font-size:25px;margin-bottom:18px;transition:transform .28s, box-shadow .28s}
.bzs-card h3{font-size:20px;margin:0 0 9px;letter-spacing:-.015em}
.bzs-card>p{font-size:14px;line-height:1.55;color:var(--bzs-muted);margin:0 0 18px}
.bzs-card__list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:9px}
.bzs-card__list li{position:relative;padding-left:25px;font-size:13.5px;font-weight:500;color:#374151}
.bzs-card__list li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:rgba(91,76,230,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 24 24' fill='none' stroke='%235b4ce6' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/9px no-repeat}
.bzs-card__price{margin-top:auto;font-size:13px;font-weight:700;color:var(--bzs-violet);background:rgba(91,76,230,.06);border:1px dashed rgba(91,76,230,.32);border-radius:11px;padding:10px 12px;text-align:center}
/* форма */
.bzs-lead{position:relative;display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;
background:linear-gradient(135deg,#1b1742 0%,#141231 52%,#0d0f24 100%);box-shadow:0 40px 80px -34px rgba(20,16,50,.8), inset 0 1px 0 rgba(255,255,255,.05)}
.bzs-lead::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 300px at 18% 8%, rgba(91,76,230,.32), transparent 60%);pointer-events:none;z-index:0}
.bzs-lead::after{content:"";position:absolute;top:0;left:-55%;width:42%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.07),transparent);transform:skewX(-18deg);animation:bzsShine 7s ease-in-out infinite;pointer-events:none;z-index:1}
/* анимированное «сияние» */
.bzs-lead__orb{position:absolute;border-radius:50%;filter:blur(54px);opacity:.55;pointer-events:none;z-index:0}
.bzs-lead__orb--1{width:300px;height:300px;top:-90px;left:-60px;background:radial-gradient(circle,#6b5cf0,transparent 68%);animation:bzsOrb1 14s ease-in-out infinite}
.bzs-lead__orb--2{width:260px;height:260px;bottom:-100px;left:30%;background:radial-gradient(circle,#7c3aed,transparent 70%);animation:bzsOrb2 18s ease-in-out infinite}
.bzs-lead__orb--3{width:240px;height:240px;top:-60px;left:42%;background:radial-gradient(circle,#4f46e5,transparent 70%);animation:bzsOrb3 16s ease-in-out infinite}
@keyframes bzsOrb1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,40px) scale(1.15)}}
@keyframes bzsOrb2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,-30px) scale(1.1)}}
@keyframes bzsOrb3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,50px) scale(.9)}}
.bzs-lead__left{position:relative;padding:38px;color:#fff;display:flex;flex-direction:column;justify-content:center;z-index:2}
.bzs-lead__left h3{font-size:26px;margin:0 0 13px;letter-spacing:-.015em}
.bzs-lead__left>p{font-size:15px;line-height:1.6;color:rgba(255,255,255,.85);margin:0 0 22px}
.bzs-lead__bul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.bzs-lead__bul li{position:relative;padding-left:28px;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.95)}
.bzs-lead__bul li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/10px no-repeat}
.bzs-lead__right{position:relative;padding:30px;background:#fff;display:flex;flex-direction:column;justify-content:center;z-index:2}
.bzs-form{display:flex;flex-direction:column;gap:13px}
.bzs-form__row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.bzs-form input,.bzs-form select,.bzs-form textarea{width:100%;border:1.5px solid var(--bzs-line);border-radius:13px;padding:0 15px;height:50px;font-family:inherit;font-size:14.5px;color:var(--bzs-ink);outline:none;background:#fbfaff;transition:border-color .15s, box-shadow .15s, background .15s}
.bzs-form input:hover,.bzs-form select:hover,.bzs-form textarea:hover{background:#fff}
.bzs-form textarea{height:auto;padding:13px 15px;resize:vertical;min-height:66px}
.bzs-form select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}
.bzs-form input:focus,.bzs-form select:focus,.bzs-form textarea:focus{border-color:var(--bzs-violet);box-shadow:0 0 0 4px rgba(91,76,230,.13);background:#fff}
.bzs-form input.is-error,.bzs-form select.is-error{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.1)}
.bzs-form__btn{position:relative;overflow:hidden;height:54px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--bzs-violet),var(--bzs-violet-d));color:#fff;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 16px 34px -12px rgba(91,76,230,.65);transition:transform .12s, box-shadow .12s}
.bzs-form__btn::after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .5s}
.bzs-form__btn:hover{transform:translateY(-2px);box-shadow:0 22px 40px -12px rgba(91,76,230,.75)}
.bzs-form__btn:hover::after{left:130%}
.bzs-form__btn:disabled{opacity:.6;cursor:default;transform:none}
.bzs-form__note{font-size:11.5px;color:var(--bzs-muted);line-height:1.45;text-align:center}
.bzs-form__ok{text-align:center;padding:16px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);border-radius:13px}
.bzs-form__ok b{display:block;font-size:15px;color:#0f9d6e;margin-bottom:3px}
.bzs-form__ok span{font-size:13px;color:#0f9d6e}
@media (max-width:900px){
.bzs__title{font-size:28px}
.bzs__cards{grid-template-columns:1fr}
.bzs-lead{grid-template-columns:1fr}
.bzs-lead__left{padding:28px 26px 6px}
.bzs-lead__right{padding:24px 20px}
}
@media (prefers-reduced-motion: reduce){
.bzs__dot,.bzs__glow,.bzs-card--accent::before,.bzs-lead::after,.bzs-lead__orb{animation:none}
.bzs-reveal{opacity:1;transform:none;transition:none}
}
@media (max-width:700px) {
body .cta-final-title {
font-size: 33px;
}.drag-block.container.BOTTOM_BANNERS {
padding-top: 22px !important;
}
}
a.cta-final-btn {
margin-right: 3%;
}
.cta-final{ position:relative; left:50%; right:50%; width:100vw; margin-left:-50vw; margin-right:-50vw; padding:84px 16px; background:linear-gradient(180deg,#ffffff 0%,#f5f3ff 100%); }
/* прячем пустую картинку-подложку баннера над этим CTA */
.item:has(.cta-final) > .img.shine{ display:none !important; }
.cta-final-card{ position:relative; overflow:hidden; max-width:1400px; margin:0 auto; border-radius:30px; text-align:center;
background:linear-gradient(160deg, #0c0a2a 0%, #1a1145 40%, #0f0d2e 100%);
padding:62px 40px; box-shadow:0 40px 90px rgba(42,31,122,.42); }
.cta-final-card::before{ content:""; position:absolute; top:-130px; right:-90px; width:400px; height:400px; border-radius:50%;
background:radial-gradient(circle, rgba(160,135,255,.5), transparent 65%); pointer-events:none; }
.cta-final-card::after{ content:""; position:absolute; bottom:-150px; left:-90px; width:380px; height:380px; border-radius:50%;
background:radial-gradient(circle, rgba(91,76,230,.45), transparent 65%); pointer-events:none; }
.cta-final-dots{ position:absolute; top:26px; left:32px; width:50px; opacity:.45; z-index:1; animation:ctaSpin 20s linear infinite; }
.cta-final-dots svg{ width:100%; display:block; }
@keyframes ctaSpin{ to{ transform:rotate(360deg); } }
.cta-final-inner{ position:relative; z-index:2; }
.cta-final-chip{ display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22);
border-radius:999px; padding:8px 16px; font-size:13px; font-weight:600; color:#fff; margin-bottom:22px;
-webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.cta-final-chip i{ width:8px; height:8px; border-radius:50%; background:#3ee07a; box-shadow:0 0 0 0 rgba(62,224,122,.6); animation:ctaPulse 1.8s ease-in-out infinite; }
@keyframes ctaPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(62,224,122,.55); } 50%{ box-shadow:0 0 0 7px rgba(62,224,122,0); } }
.cta-final-title{ margin:0 0 14px; font-size:44px; font-weight:800; letter-spacing:-.02em; color:#fff; line-height:1.12; }
.cta-final-sub{ margin:0 auto 32px; max-width:540px; font-size:16.5px; line-height:1.6; color:rgba(255,255,255,.82); }
.cta-final-actions{ display:flex; gap:14px; justify-content:center; align-items:center; flex-wrap:wrap; }
.cta-final-btn{ display:inline-flex; align-items:center; gap:10px; background:#fff; color:#3a2db0; text-decoration:none; border-radius:14px;
padding:17px 32px; font-size:15px; font-weight:700; box-shadow:0 14px 34px rgba(0,0,0,.22); transition:transform .15s, box-shadow .15s; }
.cta-final-btn:hover{ transform:translateY(-3px); box-shadow:0 20px 46px rgba(0,0,0,.3); color:#3a2db0; }
.cta-final-btn svg{ width:18px; height:18px; transition:transform .2s; }
.cta-final-btn:hover svg{ transform:translateX(4px); }
.cta-final-link{ color:#fff; text-decoration:none; font-size:15px; font-weight:600; opacity:.85; border-bottom:1px solid rgba(255,255,255,.45); padding-bottom:2px; transition:opacity .15s; }
.cta-final-link:hover{ opacity:1; color:#fff; }
/* бегущий блик по карточке */
.cta-final-card .shine-line{ position:absolute; top:0; left:-40%; width:40%; height:100%; z-index:1; pointer-events:none;
background:linear-gradient(100deg, transparent, rgba(255,255,255,.10), transparent); transform:skewX(-18deg); animation:ctaShine 6s ease-in-out infinite; }
@keyframes ctaShine{ 0%{ left:-50%; } 55%,100%{ left:130%; } }
@media (max-width:600px){ .cta-final{ padding:56px 14px; } .cta-final-card{ padding:46px 22px; border-radius:24px; } .cta-final-dots{ width:38px; top:18px; left:20px; } }
@media (prefers-reduced-motion: reduce){ .cta-final-dots,.cta-final-chip i,.cta-final-card .shine-line{ animation:none; } }
.dashboard-card{
position:relative; overflow:hidden; max-width:685px;
background:linear-gradient(165deg,#1b2236 0%,#121829 60%,#0e1322 100%) !important;
border:1px solid rgba(255,255,255,.08) !important;
border-radius:24px !important; padding:26px 26px 24px !important;
box-shadow:0 40px 90px -40px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.05) !important;
font-family:'Montserrat',-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.dashboard-card::before{ content:""; position:absolute; top:-140px; right:-80px; width:380px; height:300px;
background:radial-gradient(ellipse, rgba(91,76,230,.28), transparent 70%); pointer-events:none; z-index:0; }
.dashboard-card::after{ content:""; position:absolute; top:0; left:-60%; width:48%; height:100%; z-index:0;
background:linear-gradient(100deg, transparent, rgba(255,255,255,.05), transparent); transform:skewX(-18deg);
animation:dcShine 7s ease-in-out infinite; pointer-events:none; }
@keyframes dcShine{ 0%{ left:-60%; } 55%,100%{ left:140%; } }
.dashboard-card .dc-header{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; position:relative; z-index:1; }
.dashboard-card .dc-title{ font-size:18px; font-weight:800; color:#fff; letter-spacing:-.01em; }
.dashboard-card .dc-status{ display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:#34d399; white-space:nowrap; }
.dashboard-card .status-dot{ width:8px; height:8px; border-radius:50%; background:#34d399; box-shadow:0 0 0 0 rgba(52,211,153,.6); }
.dashboard-card .status-dot--live{ animation:dcPulse 1.8s ease-in-out infinite; }
@keyframes dcPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(52,211,153,.55); } 50%{ box-shadow:0 0 0 6px rgba(52,211,153,0); } }
.dashboard-card .dc-modules{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:22px; position:relative; z-index:1; }
.dashboard-card .dcm-item{ display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07);
border-radius:14px; padding:12px 14px; transition:transform .2s, border-color .2s, background .2s; opacity:0; transform:translateY(10px); }
.dashboard-card .dcm-item.in{ opacity:1; transform:none; }
.dashboard-card .dcm-item:hover{ transform:translateY(-2px); border-color:rgba(91,76,230,.45); background:rgba(91,76,230,.08); }
.dashboard-card .dcm-icon{ width:30px; height:30px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:15px; background:rgba(255,255,255,.05); border-radius:9px; }
.dashboard-card .dcm-name{ flex:1; font-size:13px; font-weight:400; color:rgba(255,255,255,.82); line-height:1.2; }
.dashboard-card .dcm-badge{ flex-shrink:0; font-size:10.5px; font-weight:700; padding:4px 9px; border-radius:999px; display:inline-flex; align-items:center; gap:5px; }
.dashboard-card .dcm-badge::before{ content:""; width:6px; height:6px; border-radius:50%; }
.dashboard-card .dcm-badge--ok{ background:rgba(16,185,129,.14); color:#34d399; }
.dashboard-card .dcm-badge--ok::before{ background:#34d399; }
.dashboard-card .dcm-badge--warn{ background:rgba(245,158,11,.14); color:#fbbf24; }
.dashboard-card .dcm-badge--warn::before{ background:#fbbf24; animation:dcBlink 1.2s ease-in-out infinite; }
@keyframes dcBlink{ 0%,100%{ opacity:1; } 50%{ opacity:.25; } }
.dashboard-card .dc-metrics{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding-top:20px; border-top:1px solid rgba(255,255,255,.07); position:relative; z-index:1; }
.dashboard-card .dc-metric{ text-align:center; }
.dashboard-card .dc-metric-val{ display:block; font-size:22px; font-weight:800; color:#fff; letter-spacing:-.01em; }
.dashboard-card .dc-metric:first-child .dc-metric-val{ background:linear-gradient(135deg,#a5b4fc,#6b5cf0); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.dashboard-card .dc-metric-lab{ display:block; font-size:11px; color:rgba(255,255,255,.45); margin-top:4px; }
@media (max-width:600px){
.dashboard-card{ padding:20px 16px !important; border-radius:20px !important; }
.dashboard-card .dc-modules{ grid-template-columns:2fr 2fr; gap:8px; }
.dashboard-card .dc-metric-val{ font-size:18px; }
.dashboard-card .dc-title{ font-size:16px; }
body .dashboard-card .dcm-badge {
flex-shrink: 0;
font-size: 8px;
font-weight: 600;
padding: 1px 7px;
border-radius: 999px;
display: inline-flex;
align-items: center;
gap: 5px;
}
}
@media (prefers-reduced-motion: reduce){
.dashboard-card::after,.dashboard-card .status-dot--live,.dashboard-card .dcm-badge--warn::before{ animation:none; }
.dashboard-card .dcm-item{ opacity:1; transform:none; }
}
.dashboard-card{
position:relative; overflow:hidden; max-width:640px;
background:linear-gradient(165deg,#1b2236 0%,#121829 60%,#0e1322 100%) !important;
border:1px solid rgba(255,255,255,.08) !important;
border-radius:24px !important; padding:26px 26px 24px !important;
box-shadow:0 40px 90px -40px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.05) !important;
font-family:'Montserrat',-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.dashboard-card::before{ content:""; position:absolute; top:-140px; right:-80px; width:380px; height:300px;
background:radial-gradient(ellipse, rgba(91,76,230,.28), transparent 70%); pointer-events:none; z-index:0; }
.dashboard-card::after{ content:""; position:absolute; top:0; left:-60%; width:48%; height:100%; z-index:0;
background:linear-gradient(100deg, transparent, rgba(255,255,255,.05), transparent); transform:skewX(-18deg);
animation:dcShine 7s ease-in-out infinite; pointer-events:none; }
@keyframes dcShine{ 0%{ left:-60%; } 55%,100%{ left:140%; } }
.dashboard-card .dc-header{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; position:relative; z-index:1; }
.dashboard-card .dc-title{ font-size:18px; font-weight:800; color:#fff; letter-spacing:-.01em; }
.dashboard-card .dc-status{ display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:#34d399; white-space:nowrap; }
.dashboard-card .status-dot{ width:8px; height:8px; border-radius:50%; background:#34d399; box-shadow:0 0 0 0 rgba(52,211,153,.6); }
.dashboard-card .status-dot--live{ animation:dcPulse 1.8s ease-in-out infinite; }
@keyframes dcPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(52,211,153,.55); } 50%{ box-shadow:0 0 0 6px rgba(52,211,153,0); } }
.dashboard-card .dc-modules{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:22px; position:relative; z-index:1; }
.dashboard-card .dcm-item{ display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07);
border-radius:14px; padding:12px 14px; transition:transform .2s, border-color .2s, background .2s; opacity:0; transform:translateY(10px); }
.dashboard-card .dcm-item.in{ opacity:1; transform:none; }
.dashboard-card .dcm-item:hover{ transform:translateY(-2px); border-color:rgba(91,76,230,.45); background:rgba(91,76,230,.08); }
.dashboard-card .dcm-icon{ width:30px; height:30px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:15px; background:rgba(255,255,255,.05); border-radius:9px; }
.dashboard-card .dcm-name{ flex:1; font-size:13px; font-weight:600; color:rgba(255,255,255,.82); line-height:1.2; }
.dashboard-card .dcm-badge{ flex-shrink:0; font-size:10.5px; font-weight:700; padding:4px 9px; border-radius:999px; display:inline-flex; align-items:center; gap:5px; }
.dashboard-card .dcm-badge::before{ content:""; width:6px; height:6px; border-radius:50%; }
.dashboard-card .dcm-badge--ok{ background:rgba(16,185,129,.14); color:#34d399; }
.dashboard-card .dcm-badge--ok::before{ background:#34d399; }
.dashboard-card .dcm-badge--warn{ background:rgba(245,158,11,.14); color:#fbbf24; }
.dashboard-card .dcm-badge--warn::before{ background:#fbbf24; animation:dcBlink 1.2s ease-in-out infinite; }
@keyframes dcBlink{ 0%,100%{ opacity:1; } 50%{ opacity:.25; } }
.dashboard-card .dc-metrics{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding-top:20px; border-top:1px solid rgba(255,255,255,.07); position:relative; z-index:1; }
.dashboard-card .dc-metric{ text-align:center; }
.dashboard-card .dc-metric-val{ display:block; font-size:22px; font-weight:800; color:#fff; letter-spacing:-.01em; }
.dashboard-card .dc-metric:first-child .dc-metric-val{ background:linear-gradient(135deg,#a5b4fc,#6b5cf0); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.dashboard-card .dc-metric-lab{ display:block; font-size:11px; color:rgba(255,255,255,.45); margin-top:4px; }
@media (max-width:600px){
.dashboard-card{ padding:20px 16px !important; border-radius:20px !important; }
.dashboard-card .dc-modules{ grid-template-columns:1fr; gap:8px; }
.dashboard-card .dc-metric-val{ font-size:18px; }
.dashboard-card .dc-title{ font-size:16px; }
}
@media (prefers-reduced-motion: reduce){
.dashboard-card::after,.dashboard-card .status-dot--live,.dashboard-card .dcm-badge--warn::before{ animation:none; }
.dashboard-card .dcm-item{ opacity:1; transform:none; }
}
/* ============ РЕФЕРАЛЬНАЯ СИСТЕМА (scoped .rs-*) ============ */
.rs, .rs *{ box-sizing:border-box; }
.rs{ font-family:'Montserrat',-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#16162a; background:#fff;
--vio:#5b4ce6; --vio-d:#4a3bd0; --ink:#16162a; --mut:#6b6b80; --line:#ececf4; --soft:#f7f6fd;
--silver:#9a9aae; --gold:#e0a020; --diam:#4a78d8; }
.rs-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }
.rs-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--vio); margin-bottom:16px; }
.rs-eyebrow::before{ content:""; width:22px; height:2px; background:var(--vio); border-radius:2px; }
.rs-h2{ font-size:clamp(24px,3.6vw,34px); font-weight:800; letter-spacing:-.02em; color:var(--ink); margin:0 0 8px; }
.rs-sub{ font-size:16px; color:var(--mut); margin:0 0 32px; max-width:620px; line-height:1.55; }
/* ── HERO ── */
.rs-hero{ position:relative; overflow:hidden; background:radial-gradient(900px 420px at 80% -10%, #ece9ff 0%, transparent 60%), linear-gradient(180deg,#faf9ff,#fff); padding:34px 0 56px; border-bottom:1px solid #f0eef8; border-radius:30px; }
.rs-hero h1{ font-size:clamp(34px,6vw,60px); font-weight:900; line-height:1.04; letter-spacing:-.03em; margin:0 0 18px; color:var(--ink); max-width:760px; }
.rs-hero h1 em{ font-style:normal; background:linear-gradient(120deg,#5b4ce6,#9b7dff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.rs-hero p{ font-size:18px; line-height:1.6; color:var(--mut); max-width:560px; margin:0 0 30px; }
.rs-cta{ display:inline-flex; align-items:center; gap:10px; background:var(--vio); color:#fff; text-decoration:none; font-size:16px; font-weight:700; padding:16px 30px; border-radius:14px; box-shadow:0 14px 30px rgba(91,76,230,.34); transition:transform .15s, box-shadow .15s; }
.rs-cta:hover{ transform:translateY(-2px); box-shadow:0 18px 38px rgba(91,76,230,.46); }
.rs-cta--ghost{ background:#fff; color:var(--vio); border:1.5px solid #ddd7fb; box-shadow:none; margin-left:12px; }
.rs-cta--ghost:hover{ background:#f6f4ff; transform:none; box-shadow:none; }
.rs-herostats{ display:flex; flex-wrap:wrap; gap:14px; margin-top:38px; }
.rs-hs{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px 22px; min-width:150px; box-shadow:0 8px 22px rgba(20,15,55,.05); }
.rs-hs b{ display:block; font-size:30px; font-weight:900; letter-spacing:-.02em; background:linear-gradient(120deg,#5b4ce6,#9b7dff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.rs-hs span{ display:block; font-size:13px; color:var(--mut); margin-top:3px; }
/* ── СЕКЦИИ ── */
.rs-sec{ padding:64px 0; }
.rs-sec--soft{ background:var(--soft); }
/* ── ШАГИ ── */
.rs-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.rs-step{ background:#fff; border:1px solid var(--line); border-radius:20px; padding:28px 24px; position:relative; }
.rs-step__n{ position:absolute; top:22px; right:24px; font-size:46px; font-weight:900; color:#f0edfd; line-height:1; }
.rs-step__ic{ width:52px; height:52px; border-radius:14px; background:linear-gradient(145deg,#6a5bf0,#4a3bd0); display:flex; align-items:center; justify-content:center; margin-bottom:18px; box-shadow:0 10px 22px rgba(91,76,230,.28); }
.rs-step__ic svg{ width:26px; height:26px; color:#fff; }
.rs-step h3{ font-size:18px; font-weight:700; margin:0 0 8px; color:var(--ink); }
.rs-step p{ font-size:14.5px; line-height:1.55; color:var(--mut); margin:0; }
/* ── РАНГИ ── */
.rs-ranks{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.rs-rank{ position:relative; background:#fff; border:1.5px solid var(--line); border-radius:22px; padding:30px 26px; text-align:center; transition:transform .25s, box-shadow .25s; }
.rs-rank:hover{ transform:translateY(-6px); box-shadow:0 22px 46px rgba(20,15,55,.1); }
.rs-rank__badge{ display:inline-block; font-size:13px; font-weight:700; padding:6px 18px; border-radius:30px; margin-bottom:14px; }
.rs-rank__pct{ font-size:54px; font-weight:900; letter-spacing:-.03em; line-height:1; margin-bottom:10px; }
.rs-rank__of{ font-size:14px; color:var(--mut); line-height:1.45; margin-bottom:18px; }
.rs-rank__thr{ font-size:17px; font-weight:700; color:var(--ink); padding-top:16px; border-top:1px dashed #e4e2ee; }
.rs-rank__inc{ font-size:13.5px; color:var(--mut); margin-top:6px; }
.rs-rank--silver .rs-rank__badge{ background:#ececed; color:#5f5f70; }
.rs-rank--silver .rs-rank__pct{ color:var(--silver); }
.rs-rank--gold .rs-rank__badge{ background:#fbe7c2; color:#9a6a00; }
.rs-rank--gold .rs-rank__pct{ color:var(--gold); }
.rs-rank--diam{ border-color:var(--diam); box-shadow:0 18px 40px rgba(74,120,216,.16); }
.rs-rank--diam .rs-rank__badge{ background:#dbe7fb; color:#2f5fb0; }
.rs-rank--diam .rs-rank__pct{ color:var(--diam); }
.rs-rank__tag{ position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--diam); color:#fff; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:5px 14px; border-radius:20px; }
/* ── КАЛЬКУЛЯТОР ── */
.rs-calc{ display:grid; grid-template-columns:1fr 1fr; gap:0; background:#fff; border:1px solid var(--line); border-radius:24px; overflow:hidden; box-shadow:0 24px 60px rgba(20,15,55,.09); }
.rs-calc__in{ padding:38px 36px; }
.rs-calc__out{ padding:38px 36px; background:linear-gradient(160deg,#221d44,#3a2f72); color:#fff; display:flex; flex-direction:column; justify-content:center; }
.rs-field{ margin-bottom:30px; }
.rs-field__top{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:12px; }
.rs-field__top label{ font-size:14px; font-weight:600; color:var(--ink); }
.rs-field__val{ font-size:20px; font-weight:800; color:var(--vio); }
.rs-range{ -webkit-appearance:none; appearance:none; width:100%; height:8px; border-radius:8px; background:#ece9f9; outline:none; }
.rs-range::-webkit-slider-thumb{ -webkit-appearance:none; width:24px; height:24px; border-radius:50%; background:var(--vio); cursor:pointer; border:4px solid #fff; box-shadow:0 4px 12px rgba(91,76,230,.5); }
.rs-range::-moz-range-thumb{ width:24px; height:24px; border-radius:50%; background:var(--vio); cursor:pointer; border:4px solid #fff; box-shadow:0 4px 12px rgba(91,76,230,.5); }
.rs-hint{ font-size:12.5px; color:var(--mut); margin-top:10px; }
.rs-rankline{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.rs-rankline span{ font-size:13px; color:#cfc8f0; }
.rs-rankpill{ font-size:13px; font-weight:700; padding:5px 14px; border-radius:20px; background:#fff; color:#2f5fb0 !important; }
.rs-calc__big{ font-size:13px; color:#b6aee6; letter-spacing:.04em; text-transform:uppercase; margin:18px 0 4px; }
.rs-calc__money{ font-size:clamp(34px,5vw,48px); font-weight:900; letter-spacing:-.02em; line-height:1; }
.rs-calc__year{ font-size:16px; color:#d9d3f5; margin-top:14px; }
.rs-calc__year b{ color:#fff; font-weight:800; }
.rs-calc__note{ font-size:11.5px; color:#9a92cc; margin-top:22px; line-height:1.5; }
/* ── СЦЕНАРИИ ── */
.rs-table{ width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.rs-table thead th{ text-align:left; font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#9a9ab0; padding:16px 18px; background:#faf9fd; border-bottom:1px solid var(--line); }
.rs-table td{ padding:15px 18px; font-size:14.5px; border-bottom:1px solid #f3f2f8; color:#3f3f57; }
.rs-table tbody tr{ cursor:pointer; transition:background .15s; }
.rs-table tbody tr:hover{ background:#f6f4ff; }
.rs-table tbody tr:last-child td{ border-bottom:0; }
.rs-table .t-name{ font-weight:700; color:var(--ink); }
.rs-table .t-month{ font-weight:800; color:var(--ink); }
.rs-rk{ font-weight:700; font-size:13px; }
.rs-rk--silver{ color:var(--silver); }
.rs-rk--gold{ color:var(--gold); }
.rs-rk--diam{ color:var(--diam); }
.rs-tablehint{ font-size:12.5px; color:var(--mut); margin-top:12px; }
/* ── CTA BAND ── */
.rs-band{ background:linear-gradient(160deg, #0c0a2a 0%, #1a1145 40%, #0f0d2e 100%); border-radius:26px; padding:52px 40px; text-align:center; color:#fff; box-shadow:0 24px 60px rgba(91,76,230,.32); }
.rs-band h2{ font-size:clamp(24px,3.6vw,34px); font-weight:800; margin:0 0 10px; color:#fff !important; }
.rs-band p{ font-size:16px; opacity:.92; margin:0 0 26px; }
.rs-band .rs-cta{ background:#fff; color:var(--vio); box-shadow:0 14px 30px rgba(0,0,0,.18); }
.rs-band .rs-cta:hover{ box-shadow:0 18px 38px rgba(0,0,0,.26); }
/* ── анимации ── */
@media (prefers-reduced-motion: no-preference){
.rs-reveal{ opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease; }
.rs-reveal.in{ opacity:1; transform:none; }
.rs-reveal.d1{ transition-delay:.08s; } .rs-reveal.d2{ transition-delay:.16s; } .rs-reveal.d3{ transition-delay:.24s; }
}
/* ── адаптив ── */
@media (max-width:920px){
.rs-steps, .rs-ranks{ grid-template-columns:1fr; }
.rs-calc{ grid-template-columns:1fr; }
.rs-table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.rs-table{ min-width:680px; }
}
@media (max-width:560px){
.rs-cta--ghost{ margin-left:0; margin-top:12px; }
}
.rs-rankpill.silver { background: #ececed !important; color: #5f5f70 !important; }
.rs-rankpill.gold { background: #fbe7c2 !important; color: #9a6a00 !important; }
.rs-rankpill.diamond { background: #dbe7fb !important; color: #2f5fb0 !important; }
div#mobileheader {
display: none !important;
}.topic {
display: none;
}
.page-top>div:last-of-type {
padding: 15px 0 20px;
}div#navigation {
text-align: center;
}.top-block-wrapper.grey_block.page-block-4 {
display: none;
}section.rs-hero {
margin-top: 4%;
}section.rs-sec.rs-sec--soft {
border-radius: 30px;
}.wraps > .wrapper_inner {
padding-bottom: 4px;
}
/* ============ РЕФЕРАЛЬНАЯ ОФЕРТА (scoped .rf-*) ============ */
.rf, .rf *{ box-sizing:border-box; }
.rf{ font-family:'Montserrat',-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#1c1c2e; background:#fff; --vio:#5b4ce6; --ink:#16162a; --mut:#6b6b80; --line:#ececf4; --soft:#f7f6fd; }
.rf a{ color:var(--vio); text-decoration:none; }
.rf a:hover{ text-decoration:underline; }
.rf-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }
/* HERO */
.rf-hero{ background:linear-gradient(180deg,#f4f2fe,#fff); border-bottom:1px solid #f0eef8; padding:34px 0 44px; border-radius:30px; }
.rf-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--vio); margin-bottom:16px; }
.rf-eyebrow::before{ content:""; width:22px; height:2px; background:var(--vio); border-radius:2px; }
.rf-hero h1{ font-size:clamp(30px,5vw,46px); font-weight:800; letter-spacing:-.02em; line-height:1.08; margin:0 0 14px; color:var(--ink); }
.rf-hero p{ font-size:17px; line-height:1.6; color:var(--mut); max-width:760px; margin:0 0 22px; }
.rf-meta{ display:flex; flex-wrap:wrap; gap:10px 22px; font-size:13px; color:#9a9ab0; }
.rf-meta b{ color:var(--ink); font-weight:600; }
.rf-callout{ margin-top:26px; display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid #e6e1fb; border-left:4px solid var(--vio); border-radius:14px; padding:18px 20px; max-width:820px; box-shadow:0 10px 30px rgba(91,76,230,.07); }
.rf-callout svg{ width:24px; height:24px; flex-shrink:0; color:var(--vio); margin-top:1px; }
.rf-callout p{ margin:0; font-size:14.5px; line-height:1.55; color:#3a3a52; }
.rf-callout b{ color:var(--ink); }
/* ключевые условия */
.rf-keys{ margin-top:24px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; max-width:820px; }
.rf-key{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px 18px; box-shadow:0 6px 18px rgba(20,15,55,.04); }
.rf-key b{ display:block; font-size:24px; font-weight:800; color:var(--vio); letter-spacing:-.01em; }
.rf-key span{ display:block; font-size:12.5px; color:var(--mut); margin-top:4px; line-height:1.35; }
/* BODY GRID */
.rf-body{ display:grid; grid-template-columns:250px 1fr; gap:48px; padding:44px 0 72px; align-items:start; }
/* TOC */
.rf-toc{ position:sticky; top:96px; }
.rf-toc > summary{ display:none; }
.rf-toc__title{ font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#9a9ab0; padding:0 0 12px; }
.rf-toc nav{ display:flex; flex-direction:column; border-left:2px solid var(--line); }
.rf-toc a{ position:relative; padding:8px 0 8px 18px; margin-left:-2px; border-left:2px solid transparent; color:#5a5a72; text-decoration:none; font-size:13px; font-weight:500; line-height:1.35; transition:color .15s, border-color .15s; }
.rf-toc a:hover{ color:var(--vio); text-decoration:none; }
.rf-toc a.active{ color:var(--vio); font-weight:700; border-left-color:var(--vio); }
/* CONTENT */
.rf-content{ max-width:780px; }
.rf-sec{ scroll-margin-top:100px; padding-bottom:34px; margin-bottom:34px; border-bottom:1px solid var(--line); }
.rf-sec:last-child{ border-bottom:0; }
.rf-sec__head{ display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.rf-sec__n{ flex-shrink:0; width:42px; height:42px; border-radius:12px; background:linear-gradient(145deg,#6a5bf0,#4a3bd0); color:#fff; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 18px rgba(91,76,230,.3); }
.rf-sec__head h2{ font-size:21px; font-weight:700; letter-spacing:-.01em; color:var(--ink); margin:0; line-height:1.2; }
.rf-sec > p{ font-size:15px; line-height:1.65; color:#3f3f57; margin:0 0 14px; }
.rf-clause{ position:relative; padding-left:3.5em; margin:0 0 13px; font-size:15px; line-height:1.65; color:#3f3f57; }
.rf-clause .n{ position:absolute; left:0; top:0; color:var(--vio); font-weight:700; }
.rf-clause b{ color:var(--ink); }
.rf-clause.sub{ padding-left:4.6em; font-size:14.5px; color:#55556e; }
.rf-clause--break .n{ position:static; display:block; margin:0 0 4px -3.5em; }
.rf-clause--break .rf-clause__t{ display:block; }
.rf-lead{ font-weight:600; color:var(--ink) !important; margin-bottom:8px !important; }
.rf-ilist{ margin:2px 0 16px; padding-left:18px; }
.rf-ilist li{ font-size:14.5px; line-height:1.6; color:#55556e; margin-bottom:8px; }
.rf-flag{ background:var(--soft); border:1px solid #e9e6f8; border-radius:12px; padding:13px 16px; font-size:14px; color:#4a4a63; margin:14px 0; }
.rf-flag b{ color:var(--vio); }
.rf-flag.warn{ background:#fff6f4; border-color:#f6dcd2; }
.rf-flag.warn b{ color:#d2691e; }
/* РЕКВИЗИТЫ */
.rf-req{ scroll-margin-top:100px; background:linear-gradient(135deg,#1f1b3a,#332a66); border-radius:22px; padding:34px 32px; color:#fff; margin-top:8px; }
.rf-req h2{ font-size:20px; font-weight:700; margin:0 0 20px; color:#fff; }
.rf-req__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px 28px; }
.rf-req__i{ display:flex; flex-direction:column; gap:4px; }
.rf-req__i span{ font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:#b0a8e0; }
.rf-req__i b{ font-size:15.5px; font-weight:600; color:#fff; }
.rf-req__i a{ color:#fff; }
/* анимации */
@media (prefers-reduced-motion: no-preference){
.rf-sec, .rf-req{ opacity:0; transform:translateY(18px); transition:opacity .5s ease, transform .5s ease; }
.rf-sec.in, .rf-req.in{ opacity:1; transform:none; }
}
/* адаптив */
@media (max-width:920px){
.rf-keys{ grid-template-columns:repeat(2,1fr); }
.rf-body{ grid-template-columns:1fr; gap:0; padding-top:24px; }
.rf-toc{ position:static; margin-bottom:24px; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:var(--soft); }
.rf-toc > summary{ display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; padding:15px 18px; font-size:14px; font-weight:700; color:var(--ink); }
.rf-toc > summary::-webkit-details-marker{ display:none; }
.rf-toc > summary::after{ content:"▾"; color:var(--vio); transition:transform .2s; }
.rf-toc[open] > summary::after{ transform:rotate(180deg); }
.rf-toc__title{ display:none; }
.rf-toc nav{ border-left:0; padding:4px 18px 14px; }
.rf-toc a{ padding:7px 0 7px 14px; }
.rf-req__grid{ grid-template-columns:1fr; }
}
@media (max-width:520px){ .rf-keys{ grid-template-columns:1fr 1fr; } }
#tc-root *{box-sizing:border-box;}
#tc-root .tc-overlay{position:fixed;inset:0;background:rgba(20,18,38,.55);backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;z-index:2147483000;padding:32px 16px;overflow-y:auto;font-family:'Montserrat',-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#16162a;}
#tc-root .tc-overlay.is-open{display:flex;}
#tc-root .tc-modal{background:#fff;width:100%;max-width:720px;border-radius:22px;box-shadow:0 30px 80px rgba(20,18,38,.35);overflow:hidden;animation:tcUp .3s cubic-bezier(.2,.7,.3,1);}
@keyframes tcUp{from{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}}
#tc-root .tc-head{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #f0f0f5;}
#tc-root .tc-head h3{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em;}
#tc-root .tc-head .tc-sub{margin:3px 0 0;font-size:13px;color:#8b8b9e;font-weight:400;}
#tc-root .tc-close{appearance:none;border:none;background:#f4f4f7;width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:18px;line-height:1;color:#5a5a72;flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:background .15s;}
#tc-root .tc-close:hover{background:#e9e9f0;}
#tc-root .tc-body{padding:20px 32px 8px;}
#tc-root .tc-steps{display:flex;align-items:center;justify-content:center;gap:0;margin:0 0 14px;padding:0;}
#tc-root .tc-step{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#c4c4d4;padding:8px 12px;border-radius:10px;transition:.25s;white-space:nowrap;position:relative;}
#tc-root .tc-step.is-active{color:#5b4ce6;}
#tc-root .tc-step.is-done{color:#5b4ce6;}
#tc-root .tc-step-num{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:#eceaf6;color:#c4c4d4;transition:.25s;}
#tc-root .tc-step.is-active .tc-step-num{background:#5b4ce6;color:#fff;box-shadow:0 2px 8px rgba(91,76,230,.3);}
#tc-root .tc-step.is-done .tc-step-num{background:#5b4ce6;color:#fff;}
#tc-root .tc-step-sep{color:#d4d4e0;font-size:10px;margin:0 1px;user-select:none;}
#tc-root .tc-progress{height:3px;border-radius:3px;background:#eceaf6;overflow:hidden;margin-bottom:22px;}
#tc-root .tc-progress-bar{height:100%;background:linear-gradient(90deg,#5b4ce6,#7c6cf0);width:33%;transition:width .3s ease;}
#tc-root .tc-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5b4ce6;margin:0 0 12px;}
#tc-root .tc-recap{display:flex;align-items:center;justify-content:space-between;background:#f8f7ff;border:1px solid #eeecfa;border-radius:14px;padding:18px 20px;margin-bottom:20px;transition:.2s;}
#tc-root .tc-recap.is-hit{background:linear-gradient(135deg,#0f1420 0%,#161230 60%,#1e1a38 100%);border:1.5px solid rgba(212,168,83,.25);box-shadow:0 4px 24px rgba(212,168,83,.10);overflow:hidden;position:relative;}
#tc-root .tc-recap.is-hit::after{content:'';position:absolute;bottom:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,transparent 30%,rgba(212,168,83,.08) 100%);border-radius:inherit;pointer-events:none;}
#tc-root .tc-recap.is-hit .tc-recap-name{color:#d4a853;position:relative;z-index:1;}
#tc-root .tc-recap.is-hit .tc-recap-price{color:rgba(255,255,255,.55);position:relative;z-index:1;}
#tc-root .tc-recap.is-hit .tc-recap-badge{display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,#d4a853,#c49a3c);color:#0a0e1a;font-size:10px;font-weight:700;padding:3px 9px;border-radius:6px;margin-left:8px;letter-spacing:.03em;}
#tc-root .tc-recap-name{font-size:17px;font-weight:800;color:#16162a;display:flex;align-items:center;}
#tc-root .tc-recap-price{font-size:15px;font-weight:600;color:#5a5a72;}
#tc-root .tc-recap-badge{display:none;}
#tc-root .tc-period{display:flex;gap:0;background:#f0f0f5;border-radius:14px;padding:4px;margin-bottom:20px;border:1px solid #e8e8f0;}
#tc-root .tc-period-btn{flex:1;appearance:none;cursor:pointer;border:none;background:transparent;border-radius:11px;padding:12px 8px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;color:#8b8b9e;display:flex;align-items:center;justify-content:center;gap:6px;transition:.2s;}
#tc-root .tc-period-btn:hover{color:#5b4ce6;}
#tc-root .tc-period-btn.is-on{background:#fff;color:#16162a;box-shadow:0 2px 10px rgba(20,18,38,.08);border:1px solid rgba(91,76,230,.12);}
#tc-root .tc-period-d{font-size:10px;font-weight:700;color:#fff;background:#22a45d;padding:2px 7px;border-radius:6px;line-height:1.2;}
#tc-root .tc-promo-section{background:#f8f8fb;border-radius:14px;padding:16px 18px;margin-bottom:20px;}
#tc-root .tc-promo-toggle{appearance:none;border:none;background:none;cursor:pointer;font:600 13px 'Montserrat',sans-serif;color:#5b4ce6;padding:0;display:flex;align-items:center;gap:6px;}
#tc-root .tc-promo-toggle svg{width:14px;height:14px;transition:transform .2s;}
#tc-root .tc-promo-toggle.is-open svg{transform:rotate(45deg);}
#tc-root .tc-promo-inner{display:none;margin-top:12px;}
#tc-root .tc-promo-inner.is-open{display:block;}
#tc-root .tc-promo{display:flex;gap:8px;}
#tc-root .tc-promo input{flex:1;border:1.5px solid #e3e3ec;border-radius:10px;padding:10px 14px;font:400 14px 'Montserrat',sans-serif;background:#fff;}
#tc-root .tc-promo input:focus{outline:none;border-color:#5b4ce6;}
#tc-root .tc-promo button{appearance:none;border:none;cursor:pointer;background:#5b4ce6;color:#fff;border-radius:10px;padding:0 18px;font:600 13px 'Montserrat',sans-serif;transition:.15s;}
#tc-root .tc-promo button:hover{background:#4a3dd0;}
#tc-root .tc-promo-msg{font-size:12px;margin-top:6px;min-height:14px;}
#tc-root .tc-promo-msg.ok{color:#22a45d;}
#tc-root .tc-promo-msg.err{color:#e0533d;}
#tc-root .tc-total-card{background:linear-gradient(135deg,#2d1b69 0%,#5b4ce6 40%,#7c6cf0 70%,#a78bfa 100%);border-radius:16px;padding:24px 26px;color:#fff;margin-bottom:6px;position:relative;overflow:hidden;}
#tc-root .tc-total-card::before{content:'';position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
#tc-root .tc-total-card::after{content:'';position:absolute;bottom:-30%;left:-10%;width:160px;height:160px;background:radial-gradient(circle,rgba(167,139,250,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
#tc-root .tc-total-row{display:flex;align-items:baseline;justify-content:space-between;position:relative;z-index:1;}
#tc-root .tc-total-label{font-size:14px;font-weight:500;opacity:.8;}
#tc-root .tc-total-val{font-size:36px;font-weight:800;letter-spacing:-.02em;}
#tc-root .tc-total-val small{font-size:15px;font-weight:600;opacity:.7;margin-left:4px;}
#tc-root .tc-permonth{font-size:12px;opacity:.7;font-weight:500;margin-top:4px;position:relative;z-index:1;}
#tc-root .tc-discount{font-size:13px;font-weight:600;margin-top:6px;display:none;background:rgba(255,255,255,.15);padding:4px 10px;border-radius:8px;width:fit-content;position:relative;z-index:1;}
#tc-root .tc-discount.is-on{display:inline-block;}
#tc-root .tc-payer{display:flex;gap:8px;margin-bottom:20px;}
#tc-root .tc-payer button{flex:1;appearance:none;cursor:pointer;border:1.5px solid #eaeaf1;background:#fff;border-radius:11px;padding:12px;font:600 14px 'Montserrat',sans-serif;color:#5a5a72;transition:.15s;}
#tc-root .tc-payer button.is-on{border-color:#5b4ce6;background:#f7f6ff;color:#16162a;}
#tc-root .tc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}
#tc-root .tc-field{position:relative;display:flex;flex-direction:column;gap:5px;}
#tc-root .tc-field.full{grid-column:1/-1;}
#tc-root .tc-field label{font-size:12px;color:#5a5a72;font-weight:600;}
#tc-root .tc-field label .req{color:#e0533d;}
#tc-root .tc-field input{border:1.5px solid #e3e3ec;border-radius:10px;padding:11px 14px;font:500 14px 'Montserrat',sans-serif;background:#fff;transition:border-color .15s;}
#tc-root .tc-field input:focus{outline:none;border-color:#5b4ce6;}
#tc-root .tc-field input.invalid{border-color:#e0533d;background:#fff6f4;}
#tc-root .tc-dd{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:4px;background:#fff;border:1.5px solid #e3e3ec;border-radius:10px;box-shadow:0 12px 30px rgba(20,18,38,.14);max-height:240px;overflow-y:auto;display:none;}
#tc-root .tc-dd.is-open{display:block;}
#tc-root .tc-dd-item{padding:10px 14px;font-size:13px;font-weight:500;cursor:pointer;border-bottom:1px solid #f2f2f6;}
#tc-root .tc-dd-item:last-child{border-bottom:none;}
#tc-root .tc-dd-item:hover{background:#f3f1ff;}
#tc-root .tc-dd-item .sub{display:block;font-size:11px;color:#8b8b9e;margin-top:2px;}
#tc-root .tc-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
#tc-root .tc-pay{border:1.5px solid #ededf2;border-radius:14px;padding:18px;display:flex;flex-direction:column;background:#fff;transition:border-color .15s,box-shadow .15s;}
#tc-root .tc-pay:hover{border-color:#d9d4f7;box-shadow:0 4px 16px rgba(91,76,230,.08);}
#tc-root .tc-pay[hidden]{display:none;}
#tc-root .tc-pay-ico{width:38px;height:38px;border-radius:10px;background:#f0eefc;color:#5b4ce6;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
#tc-root .tc-pay-ico svg{width:20px;height:20px;}
#tc-root .tc-pay-title{font-size:15px;font-weight:700;margin:0 0 6px;}
#tc-root .tc-pay-desc{font-size:12px;color:#8b8b9e;line-height:1.5;margin:0 0 14px;flex:1;}
#tc-root .tc-pay-btn{appearance:none;border:none;cursor:pointer;border-radius:10px;padding:12px;font:600 13px 'Montserrat',sans-serif;color:#fff;background:#5b4ce6;transition:.15s;width:100%;}
#tc-root .tc-pay-btn:hover{background:#4a3dd0;}
#tc-root .tc-pay-btn:disabled{opacity:.6;cursor:default;}
#tc-root .tc-pay-msg{margin-top:12px;text-align:center;font-size:13px;color:#5a5a72;font-weight:600;min-height:14px;}
#tc-root .tc-pay-msg.err{color:#e0533d;}
#tc-root .tc-pay-trial-full{border:1.5px solid #c6f0d4;background:#f6fdf8;border-radius:14px;padding:18px 22px;margin-top:14px;display:flex;align-items:center;gap:18px;transition:border-color .15s,box-shadow .15s;}
#tc-root .tc-pay-trial-full:hover{border-color:#86dca0;box-shadow:0 4px 16px rgba(5,150,105,.08);}
#tc-root .tc-pay-trial-full .tc-pay-ico{background:#d1fae5;color:#059669;margin-bottom:0;flex-shrink:0;}
#tc-root .tc-pay-trial-full .tc-trial-body{flex:1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
#tc-root .tc-pay-trial-full .tc-trial-info{flex:1;min-width:180px;}
#tc-root .tc-pay-trial-full .tc-pay-title{margin:0 0 2px;}
#tc-root .tc-pay-trial-full .tc-pay-desc{margin:0;flex:none;}
#tc-root .tc-pay-trial-full .tc-pay-btn{background:#059669;width:auto;padding:12px 28px;flex-shrink:0;}
#tc-root .tc-pay-trial-full .tc-pay-btn:hover{background:#047857;}
#tc-root .tc-pay-free{display:inline-block;background:#059669;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;margin-left:6px;vertical-align:middle;}
#tc-root .tc-or-divider{display:flex;align-items:center;gap:12px;margin:18px 0 4px;font-size:11px;font-weight:600;color:#b6b6c4;text-transform:uppercase;letter-spacing:.08em;}
#tc-root .tc-or-divider::before,#tc-root .tc-or-divider::after{content:'';flex:1;height:1px;background:#e8e8f0;}
#tc-root .tc-section-sep{height:1px;background:#eeeef3;margin:22px 0 20px;}
#tc-root .tc-reg-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;}
#tc-root .tc-reg-note{font-size:12px;color:#8b8b9e;text-align:center;margin-bottom:14px;line-height:1.5;}
#tc-root .tc-consent-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px;font-size:12px;color:#5a5a72;}
#tc-root .tc-consent-row input{margin-top:2px;accent-color:#5b4ce6;}
#tc-root .tc-consent-row a{color:#5b4ce6;text-decoration:none;}
#tc-root .tc-verify-inline{display:none;animation:tcFadeUp .3s ease both;}
#tc-root .tc-verify-inline.is-on{display:block;}
#tc-root .tc-verify-center{text-align:center;padding:16px 0;}
#tc-root .tc-verify-ico{font-size:44px;margin-bottom:10px;}
#tc-root .tc-verify-hint{font-size:13px;color:#8b8b9e;line-height:1.5;margin-bottom:18px;}
#tc-root .tc-verify-hint b{color:#16162a;}
#tc-root .tc-code-input{width:100%;max-width:300px;margin:0 auto;text-align:center;font-size:20px;font-weight:700;letter-spacing:4px;padding:14px;border:2px solid #e3e3ec;border-radius:12px;font-family:'Montserrat',sans-serif;transition:border-color .2s;}
#tc-root .tc-code-input:focus{outline:none;border-color:#5b4ce6;}
#tc-root .tc-resend{appearance:none;border:none;background:none;cursor:pointer;color:#5b4ce6;font:600 12px 'Montserrat',sans-serif;margin-top:14px;text-decoration:underline;text-underline-offset:3px;}
#tc-root .tc-resend:disabled{color:#b6b6c4;cursor:default;text-decoration:none;}
#tc-root .tc-next-btn{display:block;width:100%;appearance:none;border:none;cursor:pointer;background:#5b4ce6;color:#fff;border-radius:11px;padding:15px;font:700 14px 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.03em;transition:.15s;margin-bottom:6px;}
#tc-root .tc-next-btn:hover{background:#4a3dd0;}
#tc-root .tc-next-btn:disabled{opacity:.55;cursor:default;}
#tc-root .tc-back-btn{appearance:none;border:none;background:none;cursor:pointer;color:#5b4ce6;font:600 13px 'Montserrat',sans-serif;padding:0;margin-bottom:16px;display:flex;align-items:center;gap:4px;}
#tc-root .tc-back-btn svg{width:14px;height:14px;}
#tc-root .tc-success{text-align:center;padding:20px 8px 8px;}
#tc-root .tc-success-ico{width:60px;height:60px;border-radius:50%;background:#22a45d;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
#tc-root .tc-success-title{margin:0 0 6px;font-size:20px;font-weight:800;}
#tc-root .tc-success-num{margin:0 0 8px;font-size:13px;color:#16162a;font-weight:500;}
#tc-root .tc-success-num b{font-weight:700;}
#tc-root .tc-success-text{margin:0 auto 20px;max-width:400px;font-size:13px;line-height:1.55;color:#8b8b9e;}
#tc-root .tc-creds{max-width:420px;margin:14px auto 0;text-align:left;}
#tc-root .tc-cred-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8f8fb;border-radius:10px;margin-bottom:5px;gap:8px;}
#tc-root .tc-cred-label{font-size:11px;font-weight:600;color:#8b8b9e;min-width:55px;flex-shrink:0;}
#tc-root .tc-cred-value{font-size:13px;font-weight:600;color:#16162a;flex:1;word-break:break-all;}
#tc-root .tc-cred-value.is-masked{letter-spacing:2px;color:#b6b6c4;}
#tc-root .tc-cred-actions{display:flex;gap:3px;flex-shrink:0;}
#tc-root .tc-cred-btn{appearance:none;border:none;background:rgba(91,76,230,.08);border-radius:7px;padding:5px 7px;cursor:pointer;color:#5b4ce6;transition:.15s;display:flex;align-items:center;justify-content:center;}
#tc-root .tc-cred-btn:hover{background:rgba(91,76,230,.16);}
#tc-root .tc-cred-btn svg{width:15px;height:15px;}
#tc-root .tc-copied{font-size:10px;color:#059669;font-weight:600;margin-left:4px;opacity:0;transition:opacity .2s;}
#tc-root .tc-copied.show{opacity:1;}
#tc-root .tc-success-recap{background:#f7f6ff;border-radius:12px;padding:14px 18px;margin:16px auto;max-width:420px;text-align:left;}
#tc-root .tc-success-recap-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#5b4ce6;margin:0 0 8px;}
#tc-root .tc-success-recap-item{font-size:12px;color:#5a5a72;padding:3px 0;display:flex;justify-content:space-between;}
#tc-root .tc-success-recap-item b{color:#16162a;}
#tc-root .tc-success-lk{display:inline-block;text-decoration:none;background:#5b4ce6;color:#fff;border-radius:11px;padding:14px 32px;font:700 14px 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.03em;transition:.15s;margin-top:4px;}
#tc-root .tc-success-lk:hover{background:#4a3dd0;}
#tc-root .tc-success-help{margin-top:20px;padding-top:18px;border-top:1px solid #eeeef3;max-width:420px;margin-left:auto;margin-right:auto;}
#tc-root .tc-success-help-title{font-size:13px;font-weight:700;color:#16162a;margin:0 0 4px;}
#tc-root .tc-success-help-text{font-size:12px;color:#8b8b9e;line-height:1.55;margin:0;}
#tc-root .tc-success-help a{color:#5b4ce6;text-decoration:none;font-weight:600;}
#tc-root .tc-redir-spin{width:40px;height:40px;margin:0 auto 14px;border-radius:50%;border:3px solid #eceaf6;border-top-color:#5b4ce6;animation:tcSpin .8s linear infinite;}
@keyframes tcSpin{to{transform:rotate(360deg);}}
#tc-root .tc-redir-wrap{text-align:center;min-height:70px;}
#tc-root .tc-redir-wrap .tc-paid-check{display:none;width:40px;height:40px;margin:0 auto 14px;border-radius:50%;background:#059669;align-items:center;justify-content:center;animation:tcPopIn .5s cubic-bezier(.34,1.56,.64,1) both;}
#tc-root .tc-redir-wrap.is-paid .tc-redir-spin{display:none;}
#tc-root .tc-redir-wrap.is-paid .tc-paid-check{display:flex;}
#tc-root .tc-redir-wrap.is-paid .tc-redir-text{color:#059669;font-weight:700;}
#tc-root .tc-activation{display:none;text-align:center;margin:14px 0 6px;animation:tcFadeUp .4s ease both;}
#tc-root .tc-activation.is-on{display:block;}
#tc-root .tc-activ-dots{display:flex;justify-content:center;gap:5px;margin-bottom:12px;}
#tc-root .tc-activ-dot{width:7px;height:7px;border-radius:50%;background:#5b4ce6;opacity:.25;animation:tcDotPulse 1.4s ease-in-out infinite;}
#tc-root .tc-activ-dot:nth-child(2){animation-delay:.2s;}
#tc-root .tc-activ-dot:nth-child(3){animation-delay:.4s;}
@keyframes tcDotPulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
#tc-root .tc-activ-text{font-size:13px;color:#5b4ce6;font-weight:600;min-height:20px;transition:opacity .3s;}
#tc-root .tc-activ-text.fade{opacity:0;}
#tc-root .tc-success-btn{display:inline-block;text-decoration:none;background:#5b4ce6;color:#fff;border-radius:11px;padding:13px 24px;font:700 13px 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.03em;transition:.15s;margin-bottom:14px;}
#tc-root .tc-success-btn:hover{background:#4a3dd0;}
#tc-root .tc-success-btn.alt{background:#fff;color:#5b4ce6;border:1.5px solid #cfc8fb;}
#tc-root .tc-success-btn.alt:hover{background:#f7f6ff;}
#tc-root .tc-invoice-hint{font-size:13px;line-height:1.45;color:#5a5a72;margin:0 0 14px;}
#tc-root .tc-invoice-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:8px;}
#tc-root .tc-invoice-actions .tc-success-btn{margin-bottom:0;}
#tc-root .tc-pay-link-wrap{margin-bottom:10px;}
#tc-root .tc-success-trial .tc-success-ico{background:#059669;}
#tc-root .tc-success[data-anim] .tc-success-ico{animation:tcPopIn .5s cubic-bezier(.34,1.56,.64,1) both;}
#tc-root .tc-success[data-anim] .tc-success-title{animation:tcFadeUp .4s ease .15s both;}
#tc-root .tc-success[data-anim] .tc-success-text{animation:tcFadeUp .4s ease .25s both;}
#tc-root .tc-success[data-anim] .tc-creds{animation:tcFadeUp .4s ease .35s both;}
#tc-root .tc-success[data-anim] .tc-success-recap{animation:tcFadeUp .4s ease .4s both;}
#tc-root .tc-success[data-anim] .tc-success-lk{animation:tcPopIn .4s cubic-bezier(.34,1.56,.64,1) .5s both;}
@keyframes tcPopIn{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes tcFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#tc-root .tc-foot{padding:16px 32px 24px;}
#tc-root .tc-note{font-size:11px;color:#a6a6b8;text-align:center;margin:14px 0 0;}
#tc-root .tc-note a{color:#5b4ce6;text-decoration:none;}
#tc-root [data-tc-pane]{animation:tcPaneFade .25s ease;}
@keyframes tcPaneFade{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:680px){
#tc-root .tc-pay-grid,#tc-root .tc-fields,#tc-root .tc-reg-fields{grid-template-columns:1fr;}
#tc-root .tc-head,#tc-root .tc-body,#tc-root .tc-foot{padding-left:18px;padding-right:18px;}
#tc-root .tc-total-val{font-size:28px;}
#tc-root .tc-steps{gap:4px;}
#tc-root .tc-step{font-size:11px;padding:4px 6px;}
#tc-root .tc-step-sep{margin:0;font-size:9px;}
#tc-root .tc-period{flex-wrap:wrap;}
#tc-root .tc-pay-trial-full{flex-direction:column;align-items:stretch;gap:12px;}
#tc-root .tc-pay-trial-full .tc-trial-body{flex-direction:column;align-items:stretch;}
#tc-root .tc-pay-trial-full .tc-pay-btn{width:100%;}
}
html,body{overflow-x:visible;max-width:100%}
section.cta-final,.cta-final{
left:auto!important;right:auto!important;width:100%!important;
margin:0!important;max-width:100%!important;
}
section#faq,.faq,section#cases,section.cases,.fcl-band{margin-top:0!important;margin-bottom:0!important}
.chd--over.scrolled{background:#fff!important}
.chd--over.scrolled::after{opacity:1!important;background:#fff!important}
.chd--over.scrolled .chd__nav>a,.chd--over.scrolled .chd__top,
.chd--over.scrolled .chd__phone,.chd--over.scrolled .chd__login{color:#16162a!important}
.bzd .section-title,.bzd .section-title--light,.bzd h2,.bzd h1,.bzd h3{color:#fff!important}
.cta-final h1,.cta-final h2,.cta-final h3,.fcl-info h3{color:#fff!important}
.mod-card,.mod-card.visible,.bzd-card,.bzd-card.is-in,.case-card,.case-card.visible,
.bzp-card,.bzp-card.in,.bzs-reveal,.bzs-reveal.in,.rs-reveal,.rs-reveal.in,
.rf-sec,.rf-sec.in,.rf-req,.rf-req.in,.dashboard-card .dcm-item{opacity:1!important;transform:none!important}
#trm-root .trm-ov{display:none!important}
#trm-root .trm-ov.is-open{display:flex!important}
#breg-overlay{display:none!important}
/* === fixes.css inlined to drop a render-blocking request === */
/* Last-cascade overrides for the static rebuild. Loaded after app.css. */
:root {
--clr-white: #ffffff;
--clr-bg: #f6f6f8;
--clr-text: #16162a;
--clr-muted: #6b7289;
--clr-border: #e2e8f0;
--clr-primary: #4f46e5;
--r-sm: 10px;
--r-md: 14px;
--font-display: Montserrat, sans-serif;
--section-pad-top: clamp(56px, 7vw, 88px);
}
html, body { background: #fff !important; color: #16162a; overflow-x: visible; }
body.lp-page--home, body.lp-home { background: #fff !important; }
body.lp-inner-page { background: #f6f6f8 !important; min-height: auto !important; }
footer#footer, .wrapper1.long_banner, .top_big_one_banner, .top_slider_wrapp { display: none !important; }
.lp-hero { background: #070714 !important; min-height: 88vh; color: #fff !important; }
body.lp-home .lp-hero h1, .lp-hero h1, .lp-hero h1 span, .lp-hero h1 b {
color: #fff !important; -webkit-text-fill-color: #fff !important;
-webkit-text-stroke: 0 !important; text-shadow: none !important; background: none !important;
}
.lp-hero h1 em { color: #f59e0b !important; -webkit-text-fill-color: #f59e0b !important; font-style: normal !important; }
.lp-hero p { color: rgba(255,255,255,.78) !important; }
section.modules {
background: #fff !important; margin: 0 !important; border-radius: 0 !important;
padding: var(--section-pad-top) clamp(16px, 3vw, 24px) clamp(48px, 7vw, 88px) !important;
overflow: visible !important;
}
section.modules::before, section.modules::after { display: none !important; }
.modules .maxwidth-theme { max-width: 1408px; margin: 0 auto; width: 100%; }
.modules .section-head { margin-bottom: clamp(24px, 3.2vw, 40px); padding: 0 8px; }
.modules .section-title, .modules h2.section-title {
color: #16162a !important;
font-size: clamp(26px, 3.4vw, 48px) !important;
line-height: 1.15 !important;
margin: 0 !important;
}
.modules .section-sub {
color: #6b7289 !important;
font-size: clamp(14px, 1.3vw, 17px) !important;
line-height: 1.5 !important;
max-width: 36em;
margin: 15px auto 0 !important;
}
section#modules .section-label, .modules .section-label {
color: #4f46e5 !important;
font-size: clamp(11px, 1.1vw, 15px) !important;
letter-spacing: .1em !important;
margin-bottom: 8px !important;
}
.modules-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: clamp(12px, 1.4vw, 20px) !important;
margin-top: 0 !important;
width: 100%;
}
.mod-card, .mod-card.visible {
position: relative !important;
display: flex !important; flex-direction: column !important;
background: #fff !important; border: 1px solid #e8eaf2 !important;
border-radius: clamp(18px, 2vw, 28px) !important;
padding: clamp(14px, 1.5vw, 22px) clamp(14px, 1.5vw, 22px) 0 !important;
height: 280px !important;
min-height: 0 !important;
max-width: 100%;
box-sizing: border-box !important;
box-shadow: none !important;
opacity: 1 !important; transform: none !important; color: #16162a !important;
overflow: hidden !important;
}
.mod-card::before { display: none !important; }
.mod-card:hover {
transform: none !important;
border-color: #dde1ee !important;
box-shadow: 0 12px 32px rgba(22,22,42,.08) !important;
}
.mod-title, .mod-card h3, .mod-card h3.mod-title {
position: relative; z-index: 2;
color: #111827 !important;
font-size: clamp(15px, 1.35vw, 20px) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
margin: 0 0 6px !important;
max-width: 92%;
overflow-wrap: break-word;
}
.mod-desc {
position: relative; z-index: 2;
color: #6b7289 !important;
font-size: clamp(12px, .9vw, 13px) !important;
line-height: 1.45 !important;
margin: 0 !important;
max-width: 94%;
overflow-wrap: break-word;
}
.mod-icon, .mod-output { display: none !important; }
.mod-visual {
position: absolute; left: 6%; right: -12%; bottom: -22%;
width: auto; height: 82%; min-height: 0; margin: 0; padding: 0;
display: flex; align-items: flex-end; justify-content: flex-end;
pointer-events: none; z-index: 0;
}
.mod-visual img {
width: 100%; height: 100%; max-height: none; object-fit: contain;
object-position: right bottom; display: block;
}
.mod-card--fit .mod-visual {
left: 10%; right: 10%; bottom: 4%;
height: 52%; justify-content: center;
}
.mod-card--fit .mod-visual img {
object-position: center bottom;
}
@media (max-width: 1279px) {
.modules-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.mod-card, .mod-card.visible {
height: 236px !important;
padding: 18px 18px 0 !important;
border-radius: 22px !important;
}
.mod-title, .mod-card h3, .mod-card h3.mod-title { font-size: 16px !important; max-width: 92%; }
.mod-desc { font-size: 12.5px !important; max-width: 94%; }
.mod-visual { left: 8%; right: -10%; bottom: -20%; height: 80%; }
.mod-card--fit .mod-visual { left: 12%; right: 8%; bottom: 2%; height: 54%; }
}
@media (max-width: 900px) {
.modules-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.mod-card, .mod-card.visible {
height: 210px !important;
padding: 16px 16px 0 !important;
border-radius: 20px !important;
}
.mod-title, .mod-card h3, .mod-card h3.mod-title { font-size: 16px !important; margin-bottom: 4px !important; max-width: 68%; }
.mod-desc { font-size: 12px !important; line-height: 1.4 !important; max-width: 70%; }
.mod-visual { left: 24%; right: -10%; bottom: -16%; height: 76%; }
.mod-card--fit .mod-visual { left: 26%; right: 2%; bottom: 0; height: 60%; }
}
@media (max-width: 560px) {
.modules-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
.mod-card, .mod-card.visible {
height: 152px !important;
padding: 14px 12px 12px 16px !important;
border-radius: 16px !important;
}
.mod-title, .mod-card h3, .mod-card h3.mod-title {
font-size: 15px !important;
max-width: 64%;
margin-bottom: 4px !important;
}
.mod-desc {
font-size: 12px !important;
line-height: 1.35 !important;
max-width: 60%;
}
.mod-visual {
left: auto; right: -10%; top: 0; bottom: -22%;
width: 50%; height: auto;
}
.mod-card--fit .mod-visual {
left: auto; right: -6%; top: 4%; bottom: -8%;
width: 46%; height: auto;
}
}
section.bzd, #bzdemo {
padding: var(--section-pad-top) clamp(12px, 3vw, 16px) clamp(48px, 7vw, 80px) !important;
margin: 0 !important;
}
.bzd-wrap { max-width: 1240px !important; margin: 0 auto !important; }
.bzd .section-head { text-align: center !important; margin: 0 auto 34px !important; }
.bzd .section-title, .bzd .section-title--light, .bzd h2, .bzd h1, .bzd h3 {
color: #fff !important; -webkit-text-fill-color: #fff !important;
}
.bzd .section-label, .bzd .section-label--light { color: #a5b4fc !important; }
.bzs {
max-width: 1200px !important;
margin: 0 auto !important;
padding: var(--section-pad-top) clamp(16px, 3vw, 24px) clamp(48px, 7vw, 80px) !important;
color: #11162a !important;
}
.bzs-reveal, .bzs-reveal.in { opacity: 1 !important; transform: none !important; }
.bzs__title, .bzs h2 { color: #11162a !important; }
.bzs__cards {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 18px !important;
margin-bottom: 30px !important;
}
.bzs-card {
background: #fff !important;
border: 1px solid #ece9f9 !important;
border-radius: 22px !important;
padding: 26px !important;
display: flex !important;
flex-direction: column !important;
}
.bzs-card__ic {
width: 54px !important; height: 54px !important;
border-radius: 16px !important;
display: grid !important; place-items: center !important;
font-size: 25px !important; margin-bottom: 18px !important;
background: rgba(91,76,230,.12) !important;
}
.bzs-card__list { list-style: none !important; margin: 0 0 20px !important; padding: 0 !important; }
.bzs-lead {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
border-radius: 26px !important;
overflow: hidden !important;
background: linear-gradient(135deg,#1b1742 0%,#141231 52%,#0d0f24 100%) !important;
}
.bzs-lead__left { padding: 38px !important; color: #fff !important; }
.bzs-lead__left h3 { color: #fff !important; }
.bzs-lead__right { padding: 30px !important; background: #fff !important; }
.bzs-form { display: flex !important; flex-direction: column !important; gap: 13px !important; }
.bzs-form__row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 13px !important; }
.bzs-form input, .bzs-form select, .bzs-form textarea {
width: 100% !important; box-sizing: border-box !important;
border: 1.5px solid #ece9f9 !important; border-radius: 13px !important;
padding: 0 15px !important; min-height: 50px !important;
font: 500 14.5px Montserrat, sans-serif !important;
}
.bzs-form textarea { min-height: 66px !important; padding: 13px 15px !important; }
.bzs-form__btn {
appearance: none !important;
height: 54px !important; border: 0 !important; border-radius: 13px !important;
background: linear-gradient(135deg,#5b4ce6,#4a37c4) !important;
color: #fff !important; font: 700 15px Montserrat, sans-serif !important; cursor: pointer;
}
@media (max-width: 900px) {
.bzs__cards, .bzs-lead, .bzs-form__row { grid-template-columns: 1fr !important; }
}
.cta-final-title, .cta-final h2, .cta-final h1, .cta-final h3 { color: #fff !important; }
section.cta-final, .cta-final {
left: auto !important;
right: auto !important;
width: 100% !important;
margin: 0 !important;
max-width: 100% !important;
overflow: hidden;
padding: 48px 16px 64px !important;
}
.cta-final-card {
max-width: 1400px !important;
margin: 0 auto !important;
background: linear-gradient(160deg, #0c0a2a 0%, #1a1145 40%, #0f0d2e 100%) !important;
border-radius: 30px !important;
padding: 62px 40px !important;
}
.chd--over.scrolled {
background: #fff !important;
}
.chd--over.scrolled::after {
opacity: 1 !important;
background: #fff !important;
}
.chd--over.scrolled .chd__nav > a,
.chd--over.scrolled .chd__top,
.chd--over.scrolled .chd__phone,
.chd--over.scrolled .chd__login {
color: #16162a !important;
}
body section#cases, section#cases, section.cases {
margin-top: 0 !important; margin-bottom: 0 !important; min-height: 0 !important;
background: #fff !important; padding: 72px 24px !important; overflow: visible !important;
}
.cases-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; width: 100% !important; }
.case-card, .case-card.visible {
opacity: 1 !important; transform: none !important; min-height: 0 !important;
display: flex !important; flex-direction: column !important;
}
.cases .section-title, .cases h2.section-title { color: #16162a !important; }
@media (max-width: 800px) { .cases-grid { grid-template-columns: 1fr !important; } }
section#pricing, section.pricing, section.bzp { margin-top: 0 !important; margin-bottom: 0 !important; background: #fff !important; }
.pricing-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; }
.bzp-card, .bzp-card.in { opacity: 1 !important; }
.bzp-h2, .bzp h2 { color: #16162a !important; }
@media (max-width: 980px) { .bzp-grid, .pricing-grid { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 560px) { .bzp-grid, .pricing-grid { grid-template-columns: 1fr !important; } }
[data-animate] { opacity: 1 !important; transform: none !important; }
.faq, section#faq { margin-top: 0 !important; margin-bottom: 0 !important; background: #fff !important; }
.faq h2.section-title { color: #16162a !important; }
.fcl-band { margin-top: 0 !important; }
.fcl-band .maxwidth-theme, .fcl-card {
max-width: 1408px !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
box-sizing: border-box !important;
}
.lp-foot { overflow: visible; width: 100%; }
.fcl-info h3 { color: #fff !important; }
html, body { max-width: 100%; overflow-x: visible; }
.lp-hero__layout {
position: relative; z-index: 2;
display: grid !important;
grid-template-columns: minmax(0,1.1fr) minmax(260px,680px) !important;
gap: 32px; align-items: center;
width: 100%; max-width: 1408px; margin: 0 auto; padding: 0 24px;
}
.lp-hero__dash .dashboard-card,
.lp-hero__dash .lp-laptop { width: 100%; max-width: 680px; margin-left: auto; }
.dashboard-card .dcm-item, .dashboard-card .dcm-item.in { opacity: 1 !important; transform: none !important; }
@media (max-width: 980px) {
.lp-hero__layout { grid-template-columns: 1fr !important; }
.lp-hero__dash .dashboard-card,
.lp-hero__dash .lp-laptop { margin: 0 auto; }
}
.rs-reveal, .rs-reveal.in, .rf-sec, .rf-sec.in, .rf-req, .rf-req.in {
opacity: 1 !important; transform: none !important;
}
body.lp-inner-page .rs, body.lp-inner-page .rf { padding-top: 8px; }
#trm-root .trm-ov { display: none !important; }
#trm-root .trm-ov.is-open { display: flex !important; }
#breg-overlay { display: none !important; }
/* === Site-wide responsive (landing) === */
.lp-container,
.container,
.container.faq-inner,
.maxwidth-theme,
.bzp-wrap,
.bzd-wrap {
width: 100% !important;
max-width: 1408px !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
.bzp-wrap { max-width: 1240px !important; }
.bzd-wrap { max-width: 1240px !important; }
section.cases, section#cases, section#faq, .faq, section#pricing, section.bzp,
section.cta-final, .cta-final, .fcl-band {
margin-top: 0 !important;
margin-bottom: 0 !important;
left: auto !important;
}
.cases-grid, .pricing-grid, .bzp-grid {
display: grid !important;
position: static !important;
left: auto !important;
width: 100% !important;
}
.faq-inner {
display: grid !important;
grid-template-columns: minmax(200px, 340px) minmax(0, 1fr) !important;
gap: clamp(24px, 5vw, 80px) !important;
align-items: stretch;
width: 100% !important;
}
.faq-list { display: flex !important; flex-direction: column !important; width: 100% !important; }
.faq-q, .faq-a { width: 100% !important; left: auto !important; position: relative !important; }
.section-head { margin-bottom: clamp(28px, 4vw, 56px); padding: 0 4px; }
.section-title, h2.section-title {
font-size: clamp(26px, 3.6vw, 48px) !important;
line-height: 1.15 !important;
margin-top: 0 !important;
}
.section-sub { font-size: clamp(14px, 1.4vw, 17px) !important; }
.section-label {
font-size: clamp(11px, 1.1vw, 15px) !important;
margin-bottom: 8px !important;
}
/* Header */
.chd__logo-img { max-height: 44px; width: auto; height: 44px; }
.chd__row { min-width: 0; }
.chd__cta { max-width: 100%; }
/* Hero */
.lp-hero {
min-height: calc(100vh - 36px) !important;
min-height: calc(100dvh - 36px) !important;
padding: clamp(108px, 14vw, 148px) 0 clamp(48px, 6vw, 88px) !important;
}
html.promo-off .lp-hero {
min-height: 100vh !important;
min-height: 100dvh !important;
}
.lp-hero__layout {
gap: clamp(24px, 4vw, 48px) !important;
padding: 0 clamp(16px, 3vw, 24px) !important;
}
.lp-hero h1 {
font-size: clamp(26px, 3.4vw, 42px) !important;
line-height: 1.16 !important;
margin: 14px 0 12px !important;
text-wrap: balance;
}
.lp-hero p {
font-size: clamp(13px, 1.2vw, 14px) !important;
line-height: 1.5 !important;
max-width: 34em;
margin: 0 !important;
}
.lp-hero__btns { gap: 10px; margin: 34px 0 28px; }
.lp-hero__ghost, .lp-hero .chd__cta { font-size: clamp(13px, 1.2vw, 15px); }
.hero-badge {
font-size: clamp(11px, 1.1vw, 13px);
line-height: 1.35;
width: fit-content;
max-width: 100%;
margin-bottom: 14px;
}
.dashboard-card { max-width: 100% !important; }
.dashboard-card .dcm-name { min-width: 0; overflow-wrap: break-word; }
/* Demo */
section.bzd, #bzdemo { padding: var(--section-pad-top) clamp(12px, 3vw, 16px) clamp(48px, 7vw, 80px) !important; }
.bzd .section-title--light, .bzd h2.section-title {
font-size: clamp(24px, 4vw, 41px) !important;
line-height: 1.18 !important;
margin: 0 0 14px !important;
}
.bzd-query { font-size: clamp(13px, 1.4vw, 15px) !important; font-style: italic; }
/* Cases */
body section#cases, section#cases, section.cases {
padding: var(--section-pad-top) clamp(20px, 5vw, 48px) 0 !important;
border: none !important;
border-radius: 0 !important;
background: #fff !important;
}
section.cases .container,
section.cases .lp-container,
.cases-panel {
max-width: 1360px !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
}
.cases-panel {
background: #f6f6f6 !important;
border-radius: clamp(24px, 3vw, 40px) !important;
padding: clamp(28px, 4vw, 52px) clamp(18px, 2.8vw, 40px) clamp(24px, 3.4vw, 44px) !important;
box-sizing: border-box !important;
}
.cases .section-head { margin-bottom: clamp(22px, 3vw, 36px) !important; }
body .cases h2.section-title,
.cases .section-title, .cases h2.section-title {
white-space: nowrap !important;
font-size: clamp(28px, 3.2vw, 44px) !important;
line-height: 1.15 !important;
}
.cases-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: clamp(12px, 1.5vw, 18px) !important;
align-items: stretch !important;
}
.case-card, .case-card.visible {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
min-height: 0 !important;
padding: 22px 22px 24px !important;
border-radius: 24px !important;
box-sizing: border-box !important;
}
.case-card--featured, .case-card--featured.visible {
height: 100% !important;
min-height: 0 !important;
padding: 22px 22px 24px !important;
background: linear-gradient(165deg, #8b94ff 0%, #6b74f7 42%, #5b5fe8 100%) !important;
border-color: transparent !important;
}
.case-metric { font-size: clamp(32px, 3.2vw, 42px) !important; }
.case-metric-lab { font-size: clamp(12px, 1.15vw, 13px) !important; margin-top: 3px !important; margin-bottom: 14px !important; }
.case-desc {
font-size: clamp(14px, 1.3vw, 16px) !important;
line-height: 1.5 !important;
margin: 0 !important;
flex: 0 0 auto !important;
}
.case-card img.iconcases { display: none !important; }
.case-meta {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
margin-top: auto !important;
flex-wrap: nowrap !important;
min-height: 48px !important;
padding: 8px 8px 8px 16px !important;
border-radius: 14px !important;
background: transparent !important;
border: 1.5px solid rgba(255,255,255,.62) !important;
box-sizing: border-box !important;
}
.case-module {
color: rgba(255,255,255,.9) !important;
font-size: 13px !important;
font-weight: 500 !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.case-period {
flex-shrink: 0 !important;
color: #fff !important;
background: #4f46e5 !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1 !important;
padding: 10px 14px !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.case-card--featured .case-meta {
background: transparent !important;
border-color: rgba(255,255,255,.75) !important;
}
.case-card--featured .case-module { color: #fff !important; }
.case-card--featured .case-period {
background: rgba(255,255,255,.32) !important;
color: #fff !important;
}
/* Services */
.bzs {
padding: var(--section-pad-top) clamp(16px, 3vw, 24px) clamp(48px, 7vw, 80px) !important;
max-width: 1200px !important;
}
.bzs__title, .bzs h2 {
font-size: clamp(24px, 3.4vw, 36px) !important;
line-height: 1.18 !important;
}
.bzs__sub { font-size: clamp(14px, 1.4vw, 16.5px) !important; }
.bzs__cards {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: clamp(12px, 1.5vw, 18px) !important;
}
.bzs-card { padding: clamp(18px, 2.2vw, 26px) !important; }
.bzs-card h3 { font-size: clamp(16px, 1.5vw, 20px) !important; }
.bzs-card > p { font-size: clamp(13px, 1.2vw, 14px) !important; }
.bzs-lead__left, .bzs-lead__right { padding: clamp(20px, 3vw, 38px) !important; }
.bzs-lead__left h3 { font-size: clamp(20px, 2.4vw, 26px) !important; }
/* FAQ */
.faq, section#faq { padding: var(--section-pad-top) clamp(16px, 3vw, 24px) clamp(48px, 7vw, 80px) !important; }
.faq-list { gap: 0 !important; }
.faq-q {
font-size: clamp(14px, 1.3vw, 16px) !important;
padding: 16px 0 !important;
gap: 12px !important;
}
.faq-a p { font-size: clamp(13px, 1.2vw, 14px) !important; }
/* Pricing */
section.bzp, #pricing {
padding: 80px 0 clamp(40px, 6vw, 60px) !important;
}
.bzp-wrap { padding: 0 clamp(16px, 3vw, 24px) !important; }
.bzp-head { margin-bottom: clamp(28px, 4vw, 52px) !important; }
.bzp-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: clamp(12px, 1.4vw, 18px) !important;
}
.bzp-inner { padding: clamp(20px, 2.4vw, 36px) clamp(16px, 2vw, 26px) clamp(20px, 2.2vw, 30px) !important; }
.bzp-price { font-size: clamp(26px, 2.4vw, 36px) !important; }
.bzp-feats li { font-size: clamp(12px, 1.1vw, 13.5px) !important; }
/* CTA */
section.cta-final, .cta-final {
padding: clamp(32px, 5vw, 48px) clamp(12px, 3vw, 16px) clamp(40px, 6vw, 64px) !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.cta-final-card {
padding: clamp(32px, 5vw, 62px) clamp(18px, 4vw, 40px) !important;
border-radius: clamp(20px, 3vw, 30px) !important;
}
.cta-final-title {
font-size: clamp(24px, 4vw, 44px) !important;
line-height: 1.15 !important;
}
.cta-final-actions { gap: 12px; }
.cta-final-btn { padding: 14px 22px !important; font-size: 14px !important; }
/* Footer form */
.fcl-band { padding: 16px clamp(12px, 3vw, 20px) 28px !important; }
.fcl-card { padding: clamp(20px, 3vw, 24px) clamp(16px, 3vw, 36px) !important; }
.fcl-info h3 { font-size: clamp(20px, 2.4vw, 26px) !important; }
/* Cookie */
#ck-overlay { padding: 12px !important; align-items: center; }
.ck-box { max-width: min(460px, 100%) !important; padding: clamp(18px, 4vw, 28px) clamp(16px, 3vw, 30px) !important; }
@media (max-width: 1199px) {
.bzp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 28px !important; }
.bzp-card--hit, .bzp-card--hit.in, .bzp-card--hit:hover {
transform: none !important;
}
.bzs__cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 1180px) {
.chd__row > .chd__nav { display: none !important; }
.chd__phone-wrap, .chd__login, .chd__user { display: none !important; }
.chd__burger { display: block !important; }
.chd-mobile { display: flex !important; }
.chd__cta { padding: 9px 14px !important; font-size: 13px !important; }
.chd__row { gap: 12px !important; }
.chd--over { position: sticky !important; top: 0 !important; }
.chd--over::after { opacity: 1 !important; background: #fff !important; }
.lp-hero {
padding-top: 40px !important;
padding-bottom: 36px !important;
}
}
.faq-inner > * { min-width: 0; }
.faq-q { overflow-wrap: break-word; white-space: normal !important; }
.bzs { overflow: hidden; }
section.faq, .faq { max-width: 100%; overflow-x: hidden; }
@media (max-width: 1100px) {
.faq-inner { grid-template-columns: 1fr !important; gap: 16px !important; }
section#faq .section-head.visible {
min-height: 0;
display: block;
}
.lp-hero__layout { grid-template-columns: 1fr !important; gap: 28px !important; }
.lp-hero__in { max-width: 100%; }
.lp-hero__dash .dashboard-card,
.lp-hero__dash .lp-laptop { margin: 0 auto; }
.case-card, .case-card.visible { height: 100% !important; min-height: 0 !important; padding: 18px 18px 20px !important; }
.case-card--featured, .case-card--featured.visible { height: 100% !important; min-height: 0 !important; padding: 18px 18px 20px !important; }
.cases .section-title, .cases h2.section-title,
body .cases h2.section-title { font-size: clamp(24px, 3.4vw, 36px) !important; }
.case-metric { font-size: 32px !important; }
.case-desc { font-size: 14px !important; }
.cases-panel { padding: 28px 18px 24px !important; border-radius: 28px !important; }
}
@media (max-width: 980px) {
.lp-hero__layout { grid-template-columns: 1fr !important; gap: 28px !important; }
.lp-hero__in { max-width: 100%; }
.lp-hero__dash .dashboard-card,
.lp-hero__dash .lp-laptop { margin: 0 auto; }
.chd__cta { padding: 9px 14px !important; font-size: 13px !important; }
}
@media (max-width: 900px) {
section.cases .cases-grid,
.cases-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.case-card, .case-card.visible,
.case-card--featured, .case-card--featured.visible {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 16px 16px 12px !important;
}
.cases .section-title, .cases h2.section-title,
body .cases h2.section-title {
white-space: normal !important;
}
.case-metric { font-size: 28px !important; line-height: 1 !important; }
.case-metric-lab { font-size: 12px !important; margin-bottom: 12px !important; }
.case-desc { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 0 !important; }
.cases-panel { padding: 24px 16px 20px !important; border-radius: 24px !important; }
.bzs__cards, .bzs-lead, .bzs-form__row { grid-template-columns: 1fr !important; }
.bzs-lead__left { padding-bottom: 8px !important; }
.faq-inner { grid-template-columns: 1fr !important; gap: 12px !important; }
}
@media (max-width: 760px) {
.bzd-flow { grid-template-columns: 1fr !important; }
.fcl-card { grid-template-columns: 1fr !important; gap: 20px !important; }
.fcl-row { grid-template-columns: 1fr !important; }
}
@media (max-width: 600px) {
.dashboard-card { padding: 18px 14px !important; border-radius: 18px !important; }
.dashboard-card .dc-modules { grid-template-columns: 1fr !important; gap: 8px !important; }
.dashboard-card .dcm-item { padding: 10px 12px !important; }
.dashboard-card .dcm-name { font-size: 13px !important; }
.dashboard-card .dc-metric-val { font-size: 16px !important; }
.lp-hero__btns { flex-direction: column; align-items: stretch; }
.lp-hero__btns > a { width: 100%; justify-content: center; text-align: center; }
.cta-final-actions { flex-direction: column; }
.cta-final-btn { width: 100%; justify-content: center; }
}
@media (max-width: 560px) {
.bzp-grid { grid-template-columns: 1fr !important; row-gap: 22px !important; }
.bzp-price { font-size: 30px !important; }
.chd__logo-img { height: 36px !important; }
.chd__row { height: 60px !important; padding: 0 12px !important; gap: 8px !important; }
.chd.scrolled .chd__row { height: 56px !important; }
.lp-hero { padding-top: 20px !important; padding-bottom: 28px !important; }
body section#cases, section#cases, section.cases {
padding: var(--section-pad-top) 14px 0 !important;
}
.cases-grid { gap: 10px !important; }
.case-card, .case-card.visible,
.case-card--featured, .case-card--featured.visible {
padding: 14px 14px 12px !important;
border-radius: 18px !important;
height: auto !important;
}
.case-metric { font-size: 24px !important; }
.case-desc { font-size: 14px !important; margin-bottom: 0 !important; }
.case-meta { min-height: 44px !important; padding: 7px 7px 7px 14px !important; border-radius: 14px !important; }
.case-module { font-size: 12px !important; }
.case-period { font-size: 11px !important; padding: 9px 12px !important; }
.cases-panel { padding: 20px 12px 16px !important; border-radius: 20px !important; }
}
.lp-inner {
padding-top: clamp(20px, 3vw, 36px) !important;
padding-bottom: clamp(40px, 6vw, 64px) !important;
padding-left: clamp(16px, 3vw, 24px) !important;
padding-right: clamp(16px, 3vw, 24px) !important;
}
section.faq, section#faq, .faq {
width: auto !important;
max-width: min(1334px, 100%) !important;
box-sizing: border-box !important;
}
.faq-list,
body .faq-list {
left: auto !important;
position: relative !important;
width: 100% !important;
}
body .faq-q, body .faq-a {
width: 100% !important;
left: auto !important;
max-width: 100% !important;
}
body section#faq .section-head.visible,
section#faq .section-head.visible {
left: auto !important;
top: 0 !important;
position: relative !important;
display: flex;
align-items: center;
min-height: 100%;
margin-bottom: 0 !important;
}
section#faq .section-title { margin-bottom: 0 !important; }
@media (max-width: 900px) {
section.faq, section#faq, .faq {
width: calc(100% - 24px) !important;
margin: 12px auto 24px !important;
padding: 24px 20px 16px !important;
border-radius: 20px !important;
}
.faq .container,
.faq .lp-container,
.container.faq-inner {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.faq-q {
padding: 14px 0 !important;
gap: 14px !important;
}
.faq-a p { padding-right: 8px !important; }
}
/* Header stays on screen while scrolling */
.chd {
position: sticky !important;
top: 0 !important;
z-index: 1001 !important;
}
body.lp-inner-page .chd {
background: #fff;
}
@media (min-width: 1181px) {
body.lp-home .chd.chd--over:not(.scrolled) {
position: absolute !important;
top: 37px !important;
}
html.promo-off body.lp-home .chd.chd--over:not(.scrolled) {
top: 0 !important;
}
body.lp-home .chd.chd--over.scrolled {
position: fixed !important;
top: 0 !important;
background: #fff !important;
}
}
/* Compact centered hero badge + spacing */
@media (max-width: 1180px) {
.lp-hero__in {
display: flex;
flex-direction: column;
align-items: center;
}
.hero-badge {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
width: fit-content !important;
max-width: 16rem !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 18px !important;
padding: 7px 12px !important;
text-align: center;
}
.hero-badge__text {
text-align: center;
}
.lp-hero h1 {
margin-top: 0 !important;
margin-bottom: 16px !important;
align-self: stretch;
}
.lp-hero p,
.lp-hero__btns,
.hero-trust,
.hero-feats {
align-self: stretch;
}
.lp-hero p {
margin-top: 0 !important;
}
}
@media (max-width: 640px) {
.lp-hero { padding-top: 20px !important; }
.hero-badge {
gap: 6px !important;
max-width: 15.25rem !important;
padding: 7px 12px !important;
margin-bottom: 24px !important;
}
}
/* Bitrix left + Berkuz right, same size and baseline */
.bk-fab {
width: 56px !important;
height: 56px !important;
bottom: 24px !important;
right: 24px !important;
left: auto !important;
}
.bk-fab svg {
width: 24px !important;
height: 24px !important;
}
.b24-widget-button-wrapper,
.b24-widget-button-position-bottom-right,
.b24-widget-button-position-bottom-left,
.b24-widget-button-position-bottom,
.b24-widget-button-wrapper.b24-widget-button-position-bottom {
position: fixed !important;
bottom: 24px !important;
left: 24px !important;
right: auto !important;
top: auto !important;
margin: 0 !important;
transform: none !important;
width: 56px !important;
height: 56px !important;
overflow: visible !important;
}
.b24-widget-button-inner-container,
.b24-widget-button-inner-block,
.b24-widget-button-icon-container,
.b24-widget-button-inner-item.b24-widget-button-icon-animation {
width: 56px !important;
height: 56px !important;
transform: none !important;
margin: 0 !important;
left: 0 !important;
top: 0 !important;
}
.b24-widget-button-inner-mask,
.b24-widget-button-pulse {
width: 56px !important;
height: 56px !important;
left: 0 !important;
top: 0 !important;
}
@media (max-width: 640px) {
.bk-fab {
bottom: 16px !important;
right: 16px !important;
left: auto !important;
width: 56px !important;
height: 56px !important;
}
.bk-toast {
right: 16px !important;
bottom: 80px !important;
left: auto !important;
max-width: min(220px, calc(100vw - 100px)) !important;
}
.b24-widget-button-wrapper,
.b24-widget-button-position-bottom-right,
.b24-widget-button-position-bottom-left,
.b24-widget-button-position-bottom,
.b24-widget-button-wrapper.b24-widget-button-position-bottom {
bottom: 16px !important;
left: 16px !important;
right: auto !important;
top: auto !important;
width: 56px !important;
height: 56px !important;
}
}
/* Bitrix hello plaque: compact tooltip next to the button */
.b24-widget-button-popup,
.b24-widget-button-popup-show,
.bx-touch .b24-widget-button-popup,
html.bx-touch .b24-widget-button-popup {
width: 240px !important;
max-width: 240px !important;
height: auto !important;
min-height: 0 !important;
padding: 10px 28px 10px 12px !important;
box-sizing: border-box !important;
}
.b24-widget-button-position-bottom-left .b24-widget-button-popup,
.bx-touch .b24-widget-button-position-bottom-left .b24-widget-button-popup,
html.bx-touch .b24-widget-button-position-bottom-left .b24-widget-button-popup {
left: 68px !important;
bottom: 2px !important;
top: auto !important;
transform: none !important;
}
.b24-widget-button-popup-inner,
.bx-touch .b24-widget-button-popup-inner {
display: flex !important;
flex-flow: row nowrap !important;
align-items: flex-start !important;
gap: 8px;
min-height: 0 !important;
height: auto !important;
}
.b24-widget-button-popup-image,
.bx-touch .b24-widget-button-popup-image {
flex: 0 0 32px !important;
width: 32px !important;
margin: 2px 0 0 !important;
}
.b24-widget-button-popup-image-item {
width: 32px !important;
height: 32px !important;
}
.b24-widget-button-popup-content,
.bx-touch .b24-widget-button-popup-content {
width: auto !important;
max-width: none !important;
flex: 1 1 auto !important;
text-align: left !important;
min-width: 0 !important;
}
.b24-widget-button-popup-name {
font-size: 12px !important;
line-height: 1.3 !important;
white-space: nowrap !important;
}
.b24-widget-button-popup-description {
margin-top: 2px !important;
font-size: 12px !important;
line-height: 1.35 !important;
}
.b24-widget-button-position-bottom-left .b24-widget-button-popup-triangle,
.bx-touch .b24-widget-button-position-bottom-left .b24-widget-button-popup-triangle {
top: auto !important;
bottom: 18px !important;
left: -6px !important;
right: auto !important;
transform: rotate(134deg) !important;
}
@media (max-width: 640px) {
.b24-widget-button-popup,
.b24-widget-button-popup-show,
.bx-touch .b24-widget-button-popup,
html.bx-touch .b24-widget-button-popup {
width: min(220px, calc(100vw - 100px)) !important;
max-width: min(220px, calc(100vw - 100px)) !important;
padding: 10px 26px 10px 12px !important;
}
.b24-widget-button-position-bottom-left .b24-widget-button-popup,
.bx-touch .b24-widget-button-position-bottom-left .b24-widget-button-popup,
html.bx-touch .b24-widget-button-position-bottom-left .b24-widget-button-popup {
left: 0 !important;
bottom: calc(100% + 8px) !important;
}
.b24-widget-button-popup-image,
.bx-touch .b24-widget-button-popup-image {
display: none !important;
}
.b24-widget-button-popup-name {
white-space: normal !important;
}
.b24-widget-button-position-bottom-left .b24-widget-button-popup-triangle,
.bx-touch .b24-widget-button-position-bottom-left .b24-widget-button-popup-triangle {
top: auto !important;
bottom: -6px !important;
left: 22px !important;
right: auto !important;
transform: rotate(45deg) !important;
}
}
/* === Footer (brand / nav / contacts + collab form) === */
.lp-foot {
background: #070b16 !important;
color: #9aa0b8;
padding: 0 0 28px !important;
text-align: left !important;
overflow: visible;
width: 100%;
}
.lp-foot a { color: #c4b5fd; text-decoration: none; }
.ft { padding: 48px clamp(16px, 3vw, 24px) 8px; }
.ft__in {
width: 100%;
max-width: 1408px;
margin: 0 auto;
}
.ft__grid {
display: grid;
grid-template-columns: minmax(220px, 1.15fr) 0.85fr 1fr minmax(220px, 1.05fr);
gap: 36px 32px;
align-items: start;
}
.ft__logo { display: inline-flex; align-items: center; text-decoration: none; }
.ft__logo img {
height: 52px;
width: auto;
max-width: 230px;
display: block;
}
.ft__tag {
margin: 12px 0 0;
max-width: 230px;
font-size: 13px;
line-height: 1.45;
color: #8b90a8;
}
.ft__badge {
display: inline-flex;
margin-top: 16px;
padding: 7px 14px;
border: 1px solid rgba(255,255,255,.14);
border-radius: 999px;
font-size: 12px;
line-height: 1.3;
color: #c9cde0;
background: transparent;
}
.ft__h {
font-size: 12px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: #8b90a8;
margin: 4px 0 14px;
}
.ft__col a {
display: block;
color: #c8cbd9 !important;
font-size: 14.5px;
line-height: 1.35;
padding: 5px 0;
transition: color .15s;
}
.ft__col a:hover { color: #fff !important; }
.ft__contacts { padding-top: 2px; }
.ft__phone,
.ft__mail {
display: flex;
align-items: center;
gap: 10px;
color: #f2f3f8 !important;
font-size: 16px;
font-weight: 600;
line-height: 1.3;
}
.ft__phone svg,
.ft__mail svg {
width: 16px;
height: 16px;
flex-shrink: 0;
color: #9aa0b8;
}
.ft__cb {
display: inline-block;
margin: 8px 0 16px 26px;
padding: 0;
border: 0;
background: none;
cursor: pointer;
font: 700 11px/1.2 'Montserrat', sans-serif;
letter-spacing: .08em;
text-transform: uppercase;
color: #c4b5fd;
transition: color .15s;
}
.ft__cb:hover { color: #fff; }
.ft__mail { font-size: 15px; font-weight: 500; }
.ft__soc-row {
display: none !important; /* временно: нет актуальных ссылок на соцсети */
}
.ft__soc-line {
flex: 1;
height: 1px;
background: rgba(255,255,255,.1);
min-width: 12px;
}
.ft__soc {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-shrink: 0;
}
.ft__soc a {
width: 38px;
height: 38px;
border: 1px solid rgba(255,255,255,.12);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #c5c8d8 !important;
background: #070b16;
transition: border-color .15s, color .15s, background .15s;
}
.ft__soc a:hover {
color: #fff !important;
border-color: rgba(167,139,250,.55);
background: rgba(91,76,230,.16);
}
.ft__soc svg { width: 16px; height: 16px; display: block; }
.lp-foot .fcl-band {
padding: 12px clamp(16px, 3vw, 24px) 20px !important;
}
.lp-foot__copy {
text-align: center;
margin: 0;
padding: 8px 24px 4px;
font-size: 13px;
color: #9aa0b8;
}
.lp-foot__copy a { color: #c4b5fd; }
.lp-foot__copy a:hover { text-decoration: underline; }
.ft-cb {
position: fixed;
inset: 0;
z-index: 2147482900;
display: none;
align-items: center;
justify-content: center;
padding: 24px 16px;
}
.ft-cb.is-open { display: flex; }
.ft-cb__scrim {
position: absolute;
inset: 0;
background: rgba(8,6,22,.72);
backdrop-filter: blur(4px);
}
.ft-cb__box {
position: relative;
z-index: 1;
width: 100%;
max-width: 420px;
background: #fff;
border-radius: 22px;
padding: 28px 28px 24px;
box-shadow: 0 30px 80px rgba(20,18,38,.35);
color: #16162a;
font-family: 'Montserrat', sans-serif;
}
.ft-cb__close {
position: absolute;
top: 14px;
right: 14px;
width: 36px;
height: 36px;
border: 0;
border-radius: 10px;
background: #f4f4f7;
cursor: pointer;
font-size: 18px;
line-height: 1;
color: #5a5a72;
}
.ft-cb__close:hover { background: #e9e9f0; }
.ft-cb__box h3 {
margin: 0 0 6px;
font-size: 22px;
font-weight: 800;
color: #16162a !important;
}
.ft-cb__box p {
margin: 0 0 18px;
font-size: 14px;
line-height: 1.5;
color: #6b6b80;
}
.ft-cb__box input {
width: 100%;
border: 1.5px solid #e3e3ec;
border-radius: 12px;
padding: 13px 15px;
margin-bottom: 10px;
font: 500 14px 'Montserrat', sans-serif;
background: #fff;
}
.ft-cb__box input:focus { outline: none; border-color: #5b4ce6; }
.ft-cb__box input.invalid { border-color: #e0533d; background: #fff6f4; }
.ft-cb__submit {
width: 100%;
appearance: none;
border: 0;
cursor: pointer;
background: #5b4ce6;
color: #fff;
border-radius: 12px;
padding: 14px;
margin-top: 6px;
font: 700 13px 'Montserrat', sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
}
.ft-cb__submit:hover { background: #4a3dd0; }
.ft-cb__submit:disabled { opacity: .6; cursor: default; }
.ft-cb__msg { min-height: 18px; margin-top: 10px; font-size: 13px; font-weight: 600; color: #e0533d; }
.ft-cb__ok { color: #059669; }
.ft-cb[hidden] { display: none !important; }
.ft-cb.is-open { display: flex !important; }
body.ft-cb-open { overflow: hidden; }
@media (max-width: 1020px) {
.ft { padding-top: 36px; }
.ft__grid {
grid-template-columns: 1fr 1fr;
gap: 28px 24px;
}
.ft__logo img { height: 46px; }
}
@media (max-width: 640px) {
.ft { padding: 28px 16px 4px; }
.ft__grid { grid-template-columns: 1fr; gap: 22px; }
.ft__tag { max-width: 280px; }
.ft__cb { margin-left: 26px; }
.ft__soc-row {
gap: 0;
margin: 22px 0 4px;
padding-top: 20px;
border-top: 1px solid rgba(255,255,255,.1);
}
.ft__soc-line { display: none; }
.ft__soc { justify-content: flex-start; flex-wrap: wrap; }
.lp-foot__copy { padding: 8px 16px 0; }
.ft-cb__box { padding: 24px 18px 20px; }
}
/* Hero laptop photo */
.lp-hero__dash {
position: relative;
min-width: 0;
display: flex;
justify-content: flex-end;
align-items: center;
overflow: visible;
padding: 0 8px 64px 0;
}
.lp-hero__dash .lp-laptop {
position: relative;
width: 100%;
max-width: 680px;
margin-left: auto;
overflow: visible;
animation: lpLaptopFloat 5.8s ease-in-out infinite;
}
.lp-laptop__neon {
position: absolute;
left: -14%;
top: -14%;
width: 124%;
height: 136%;
z-index: 0;
pointer-events: none;
overflow: visible;
}
.lp-laptop__photo {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: auto;
max-width: none;
filter: drop-shadow(0 18px 28px rgba(0, 0, 0, .4));
}
.lp-laptop__note {
position: absolute;
left: calc(40% + 26px);
right: auto;
bottom: calc(-5% - 12px);
z-index: 3;
pointer-events: none;
}
.lp-chip {
position: relative;
display: flex;
align-items: center;
gap: 16px;
min-height: 88px;
padding: 16px 32px 16px 16px;
border-radius: 30px;
color: #fff;
background: linear-gradient(180deg, rgba(54, 36, 122, .9) 0%, rgba(20, 12, 56, .86) 100%);
border: 1px solid rgba(186, 160, 255, .55);
box-shadow:
0 18px 44px rgba(20, 8, 50, .5),
0 0 0 1px rgba(255, 255, 255, .06) inset,
0 0 38px rgba(109, 74, 255, .45);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}
.lp-chip::before {
content: "";
position: absolute;
left: -36px;
top: 50%;
width: 110px;
height: 86px;
transform: translateY(-50%);
background: radial-gradient(circle, rgba(148, 108, 255, .7) 0%, transparent 70%);
filter: blur(10px);
z-index: -1;
pointer-events: none;
}
.lp-chip__ico {
flex: 0 0 52px;
width: 52px;
height: 52px;
display: grid;
place-items: center;
filter: drop-shadow(0 0 14px rgba(139, 108, 255, .75));
}
.lp-chip__ico svg { width: 52px; height: 52px; display: block; }
.lp-chip__text {
font-size: 17px;
font-weight: 600;
line-height: 1.28;
letter-spacing: -.01em;
white-space: nowrap;
}
@keyframes lpLaptopFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}
.hero-feats {
display: flex;
align-items: stretch;
max-width: 540px;
margin-top: 0;
padding-top: 20px;
padding-bottom: 2px;
}
.hero-feat {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding: 0 14px 2px;
border-left: 1px solid rgba(129, 112, 255, .32);
}
.hero-feat:first-child {
padding-left: 0;
border-left: none;
}
.hero-feat__icon {
width: 28px;
height: 28px;
color: #8b7cff;
filter: drop-shadow(0 0 8px rgba(124, 92, 255, .55));
}
.hero-feat__label {
font-size: 13px;
font-weight: 500;
line-height: 1.25;
color: rgba(255, 255, 255, .72);
}
@media (min-width: 1200px) {
.lp-hero__layout {
grid-template-columns: minmax(0, 1fr) minmax(380px, 740px) !important;
gap: 12px !important;
}
.lp-hero__dash .lp-laptop {
max-width: 740px;
margin-right: 20px;
}
}
@media (max-width: 1100px) {
.lp-hero__dash {
justify-content: center;
padding-right: 0;
}
.lp-hero__dash .lp-laptop {
max-width: 620px;
margin: 0 auto;
}
.lp-laptop__note {
left: 30%;
right: auto;
bottom: -3%;
}
.lp-chip {
min-height: 72px;
padding: 14px 24px 14px 14px;
border-radius: 24px;
gap: 14px;
}
.lp-chip__text { font-size: 15px; }
.hero-feats { max-width: none; }
}
@media (max-width: 700px) {
.lp-hero__dash .lp-laptop {
max-width: 500px;
}
.lp-laptop__note {
top: auto;
left: 22%;
right: auto;
bottom: -4%;
}
.lp-chip {
min-height: 58px;
gap: 10px;
padding: 10px 18px 10px 10px;
border-radius: 20px;
}
.lp-chip__ico,
.lp-chip__ico svg { width: 40px; height: 40px; flex-basis: 40px; }
.lp-chip__text { font-size: 13px; }
.hero-feat { padding: 0 10px; gap: 6px; }
.hero-feat__icon { width: 24px; height: 24px; }
.hero-feat__label { font-size: 11px; }
}
@media (max-width: 480px) {
.lp-laptop__note {
left: 12%;
right: auto;
bottom: -2%;
top: auto;
}
.hero-feats { gap: 0; }
.hero-feat { padding: 0 8px; }
.hero-feat__label { font-size: 10.5px; }
}
@media (prefers-reduced-motion: reduce) {
.lp-hero__dash .lp-laptop { animation: none; }
}