.w2crm .top-block__flex{ align-items:flex-start; }
.w2crm .w2crm-hero__list{ margin-top:22px; display:flex; flex-direction:column; gap:10px; }
.w2crm .w2crm-hero__list li{ position:relative; padding-left:26px; color:#eef2fd; font-size:16px; line-height:1.5; }
.w2crm .w2crm-hero__list li:before{ content:""; position:absolute; left:0; top:9px; width:12px; height:2px; background:#8f42ec; }
.w2crm .top-block__info>*{ white-space:nowrap; }
.w2crm .w2crm-hero__anchor{ margin-top:22px; }
.w2crm .w2crm-hero__anchor a{ color:#eef2fd; font-size:16px; text-decoration:underline; text-underline-offset:4px; }
.w2crm .w2crm-hero__anchor a:hover{ color:#26a4ee; }
.w2crm .w2crm-acc__answer{ display:none; padding:0 0 4px; font-size:16px; line-height:1.6; color:rgba(19,23,39,.7); }
.w2crm .work-section__item.is-open .w2crm-acc__answer{ display:block; margin-top:4px; padding-bottom:18px; }
.w2crm .work-section__item--question{ cursor:pointer; }
.w2crm .work-section__item.is-open .work-section__item--question>svg{ transform:rotate(180deg); }
.w2crm .w2crm-effect .working__item{ height:auto; min-height:217px; align-items:flex-start; text-align:left; gap:14px; justify-content:flex-start; }
.w2crm .w2crm-working__text{ font-size:15px; line-height:1.55; color:#eef2fdb3; }
.w2crm .w2crm-compare{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:56px; }
.w2crm .w2crm-compare__col{ border:1px solid rgba(19,23,39,.1); border-radius:20px; padding:32px; background:#fafafa; }
.w2crm .w2crm-compare__col--accent{ background:#f2f6ff; border-color:rgba(0,98,226,.25); }
.w2crm .w2crm-compare__title{ font-size:22px; font-weight:600; line-height:1.3; color:#121212; }
.w2crm .w2crm-compare__col--accent .w2crm-compare__title{ color:#8f42ec; }
.w2crm .w2crm-compare ul{ margin-top:20px; display:flex; flex-direction:column; gap:14px; }
.w2crm .w2crm-compare li{ position:relative; padding-left:26px; font-size:16px; line-height:1.5; color:rgba(19,23,39,.8); }
.w2crm .w2crm-compare li:before{ content:""; position:absolute; left:0; top:9px; width:12px; height:2px; background:rgba(19,23,39,.3); }
.w2crm .w2crm-compare__col--accent li:before{ background:#8f42ec; }
.w2crm-works { padding: clamp(36px, 5vw, 72px) 0; }
.w2crm-works__sub { display: block; max-width: 780px; margin: 0 auto; text-align: center; color: rgba(19,23,39,.65); }
.w2crm-works__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: clamp(22px, 3vw, 38px); }
.w2crm-work { display: flex; flex-direction: column; background: #fff; border: 1px solid #e4e4ef; border-radius: 16px; overflow: hidden; text-decoration: none; color: inherit; transition: box-shadow .2s, transform .2s; }
.w2crm-work:hover { box-shadow: 0 18px 40px rgba(19,23,39,.12); transform: translateY(-2px); }
.w2crm-work__shot { display: block; aspect-ratio: 16 / 10; background: #f7f7fb; overflow: hidden; border-bottom: 1px solid #ececf4; }
.w2crm-work__shot img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; padding: 10px; }
.w2crm-work__body { display: flex; flex-direction: column; gap: 8px; padding: 20px; }
.w2crm-work__year { font-size: 13px; font-weight: 600; color: #8f42ec; }
.w2crm-work__name { font-size: 17px; font-weight: 600; line-height: 1.3; }
.w2crm-work__desc { font-size: 15px; line-height: 1.55; color: #3a3a44; }
.w2crm-work__link { margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 500; color: #8f42ec; }
.w2crm-works__more { display: flex; justify-content: center; margin-top: clamp(22px, 3vw, 36px); }
.w2crm-cta-mid{ display:flex; justify-content:center; margin: clamp(20px,3vw,40px) 0 clamp(24px,3vw,44px); }
.w2crm .w2crm-ic1{ background:#FFF1F2; }
.w2crm .w2crm-ic2{ background:#FFF3E7; }
.w2crm .w2crm-ic3{ background:#EEF9FE; }
.w2crm .w2crm-ic4{ background:#EAFDEB; }
.w2crm .w2crm-ic5{ background:#FDEFFF; }
.w2crm .w2crm-price .price-services__tabs{ margin-top:48px; }
.w2crm .w2crm-price .price-services__table{ overflow-x:auto; }
.w2crm .w2crm-price .price-services__table table{ min-width:760px; }
.w2crm .w2crm-price__cta{ margin-top:40px; text-align:center; }
.w2crm .w2crm-price th, .w2crm .w2crm-price td{ text-align:left; }
.w2crm .w2crm-price td:last-child{ white-space:nowrap; }
.w2crm .w2crm-why .section__under-title{ color:rgba(19,23,39,.8); }
.w2crm .w2crm-services__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:56px; }
.w2crm .w2crm-services__grid .our-services__item--left{ width:100%; gap:32px; padding:32px; }
.w2crm .w2crm-tech__tag{ justify-content:center; }
.w2crm .w2crm-tech__sub{ text-align:center; color:rgba(19,23,39,.8); }
.w2crm .w2crm-tech__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:48px; }
.w2crm .w2crm-tech__group{ border:1px solid rgba(19,23,39,.1); border-radius:20px; padding:28px; }
.w2crm .w2crm-tech__group-name{ font-size:18px; font-weight:600; color:#121212; }
.w2crm .w2crm-tech__chips{ margin-top:18px; display:flex; flex-wrap:wrap; gap:10px; }
.w2crm .w2crm-tech__chips span{ display:inline-flex; align-items:center; height:38px; padding:0 18px; border-radius:60px; background:#fff; border:1px solid #e6e6ef; font-size:15px; color:rgba(19,23,39,.85); }
.w2crm .w2crm-tech__chips span i{ font-style:normal; }
.w2crm .w2crm-tech__chips span.w2crm-tech__chip--ico{ gap:8px; padding-left:14px; }
.w2crm .w2crm-tech__chips span img,
.w2crm .w2crm-tech__chips span svg{ width:16px; height:16px; flex:0 0 auto; object-fit:contain; }
.w2crm .w2crm-trust{ padding-top:80px; }
.w2crm .w2crm-trust__btn{ display:block; }
.w2crm .w2crm-letters{ margin-top:64px; }
.w2crm .w2crm-letters__title{ font-size:24px; font-weight:600; color:#121212; }
.w2crm .w2crm-letters__grid{ margin-top:24px; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.w2crm .w2crm-letter img{ width:100%; height:auto; border:1px solid rgba(19,23,39,.1); border-radius:12px; display:block; }
.w2crm .form__field.input{ position:relative; }
.w2crm #formpage .btn[disabled]{ opacity:.5; cursor:not-allowed; }
@media (max-width:1279px){
}
@media (max-width:1023px){
.w2crm .top-block__right{ display:block; width:100%; }
.w2crm .top-block__flex{ flex-direction:column; align-items:stretch; gap:32px; }
.w2crm .w2crm-services__grid{ grid-template-columns:repeat(2,1fr); }
.w2crm .w2crm-letters__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px){
.w2crm .top-block__right{ font-size:17px; line-height:1.6; }
.w2crm .w2crm-hero__list li{ font-size:15px; }
.w2crm .w2crm-compare,
.w2crm .w2crm-services__grid,
.w2crm .w2crm-tech__grid{ grid-template-columns:1fr; }
.w2crm .w2crm-compare__col,
.w2crm .w2crm-tech__group{ padding:24px; }
.w2crm .w2crm-price__cta .btn_style{ width:100%; }
.w2crm .w2crm-effect .working__item{ min-height:0; }
.w2crm .w2crm-price .price-services__table table{ min-width:660px; }
.w2crm .w2crm-price td:nth-child(2){ white-space:normal; min-width:260px; }
}
.w2crm #formpage .form__input,
.w2crm #formpage .form__textarea{
background:#fff;
border:1px solid #e3e8f2;
border-radius:10px;
padding:14px 16px;
color:#131727;
font-size:16px;
line-height:1.4;
width:100%;
box-sizing:border-box;
outline:none;
transition:border-color .2s;
}
.w2crm #formpage .form__input{ height:52px; }
.w2crm #formpage .form__textarea{ min-height:110px; resize:vertical; display:block; }
.w2crm #formpage .form__input::placeholder,
.w2crm #formpage .form__textarea::placeholder{ color:rgba(19,23,39,.45); }
.w2crm #formpage .form__input:focus,
.w2crm #formpage .form__textarea:focus{ border-color:#8f42ec; }
.w2crm .w2crm-final__btn{ margin-top:28px; }
.w2crm .w2crm-final__contacts{
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;
align-content:center; width:100%;
}
.w2crm .w2crm-final__contact{
display:flex; flex-direction:column; gap:6px;
padding:20px 22px; border-radius:16px;
background:#fff; border:1px solid #e6e6ef;
transition:border-color .2s, box-shadow .2s;
}
.w2crm .w2crm-final__contact:hover{ border-color:#d9c8f7; box-shadow:0 8px 24px rgba(19,23,39,.07); }
.w2crm .w2crm-final__contact span{ font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:#8a8a9e; }
.w2crm .w2crm-final__contact a{ font-size:19px; font-weight:600; color:#131727; line-height:1.3; word-break:break-word; }
.w2crm .w2crm-final__contact a:hover{ color:#8f42ec; }
@media (max-width: 767px){
.w2crm .w2crm-final__contacts{ grid-template-columns:1fr; gap:12px; }
.w2crm .w2crm-final__contact a{ font-size:17px; }
}
.w2crm .w2crm-acc__answer{ display:none; font-size:16px; line-height:1.6; color:rgba(19,23,39,.7); }
.w2crm .faq-section__item.is-open .w2crm-acc__answer{ display:block; margin-top:12px; }
.w2crm .faq-section__item--question{ cursor:pointer; }
.w2crm .faq-section__item.is-open .faq-section__item--question svg:last-child{ transform:rotate(180deg); transition:transform .2s; }
@media (max-width: 1023px){ }
@media (max-width: 767px){ }
.w2crm .w2crm-industries__sub{ color:rgba(255,255,255,.62); display:block; max-width:820px; margin:0 auto; text-align:center; }
.w2crm .w2crm-industries__list{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:44px; }
.w2crm .w2crm-industry{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); border-radius:20px; padding:28px; }
.w2crm .w2crm-industry__title{ font-size:22px; font-weight:600; line-height:1.25; color:#fff; margin:0 0 14px; }
.w2crm .w2crm-industry p{ font-size:15px; line-height:1.6; color:rgba(255,255,255,.72); margin:0; }
.w2crm .w2crm-industry__links{ display:flex; flex-direction:column; gap:8px; margin-top:16px !important; }
.w2crm .w2crm-industry__links a{ font-size:15px; color:#4d9bff; text-decoration:underline; text-underline-offset:3px; }
.w2crm .w2crm-industry__links a:hover{ color:#fff; }
.w2crm .w2crm-industries__note{ margin-top:32px; text-align:center; font-size:15px; color:rgba(255,255,255,.55); }
.w2crm .w2crm-industries__note a{ color:#4d9bff; text-decoration:underline; }
@media (max-width: 1023px){ .w2crm .w2crm-industries__list{ grid-template-columns:1fr; } }
.w2crm .w2crm-integration{ padding:80px 0; background:#fff; }
.w2crm .w2crm-integration .section__title{ color:#131727; }
.w2crm .w2crm-integration__tag{ display:inline-block; padding:6px 14px; border-radius:999px; background:#eef3fd; color:#8f42ec; font-size:14px; font-weight:600; margin-bottom:14px; }
.w2crm .w2crm-integration__sub{ display:block; max-width:820px; margin:0 auto; text-align:center; color:rgba(19,23,39,.62); }
.w2crm .w2crm-integration__grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; margin-top:44px; align-items:start; }
.w2crm .w2crm-integration__text p{ font-size:16px; line-height:1.65; color:rgba(19,23,39,.78); margin:0 0 16px; }
.w2crm .w2crm-integration__more a{ color:#8f42ec; text-decoration:underline; text-underline-offset:3px; }
.w2crm .w2crm-integration__list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.w2crm .w2crm-integration__item{ padding:20px; border:1px solid #e2e7ef; border-radius:16px; background:#f7f9fc; }
.w2crm .w2crm-integration__item b{ display:block; font-size:16px; font-weight:600; color:#131727; margin-bottom:6px; }
.w2crm .w2crm-integration__item span{ display:block; font-size:14px; line-height:1.55; color:rgba(19,23,39,.62); }
@media (max-width: 1023px){
.w2crm .w2crm-integration{ padding:56px 0; }
.w2crm .w2crm-integration__grid{ grid-template-columns:1fr; }
.w2crm .w2crm-integration__list{ grid-template-columns:1fr; }
}
.w2crm .w2crm-related{ margin-top:48px; padding-top:32px; border-top:1px solid rgba(19,23,39,.08); }
.w2crm .w2crm-related__title{ font-size:20px; font-weight:600; color:#131727; margin-bottom:18px; }
.w2crm .w2crm-related__list{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.w2crm .w2crm-related__item{ display:block; padding:20px 22px; border-radius:16px; background:#f5f7fb; transition:.2s; }
.w2crm .w2crm-indlist{ list-style:none; margin:20px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.w2crm .w2crm-indlist li{ margin:0; padding:0; }
.w2crm .w2crm-indlist li::before{ content:none; }
.w2crm .w2crm-indlist a{ display:inline-block; padding:9px 14px; border:1px solid #e6e6ef; border-radius:12px; background:#fff; color:#131727; font-size:15px; text-decoration:none; }
.w2crm .w2crm-indlist a:hover{ border-color:#8f42ec; color:#8f42ec; }
.w2crm .w2crm-related__item:hover{ background:#eef3fd; transform:translateY(-2px); }
.w2crm .w2crm-related__name{ display:block; font-size:17px; font-weight:600; color:#8f42ec; margin-bottom:6px; }
.w2crm .w2crm-related__hint{ display:block; font-size:14px; line-height:1.5; color:rgba(19,23,39,.6); }
@media (max-width: 1023px){ .w2crm .w2crm-related__list{ grid-template-columns:1fr; } }
.w2crm .top-block__bottom{ display:flex !important; flex-direction:row !important; flex-wrap:wrap;
align-items:center !important; gap:14px 28px; margin-top:32px !important; }
.w2crm .top-block__btn, .w2crm .top-block__info{ margin:0 !important; }
.w2crm .top-block__btn{ order:1; }
.w2crm .top-block__info{ order:2; }
.w2crm .top-block__rice{ margin:0 !important; }
@media (max-width: 767px){
.w2crm .top-block__bottom{ gap:14px; }
.w2crm .top-block__btn{ width:100%; }
.w2crm .top-block__btn .btn_style{ display:block; width:100%; text-align:center; }
}
.w2crm .top-block.w2hero{ position:relative; overflow:hidden; }
.w2crm .w2hero .top-block__full--bg{ position:absolute; inset:0; z-index:0; background:#0b0d16; }
.w2crm .w2hero .top-block__full--bg img{ display:block; width:100%; height:100%; object-fit:cover; }
.w2crm .w2hero:before{ z-index:1; }
.w2crm .w2hero .top-block__content{ position:relative; z-index:2; }
.w2crm .w2hero:before{ background:linear-gradient(90deg,rgba(9,11,20,.92) 0%,rgba(9,11,20,.78) 46%,rgba(9,11,20,.35) 100%); }
.w2crm .w2hero .top-block__content{ min-height:520px; padding:64px 0 72px; justify-content:center; gap:0; }
.w2crm .w2hero .top-block__left{ width:auto; max-width:840px; flex:none; padding:0; background:none; border:0; border-radius:0; -webkit-backdrop-filter:none; backdrop-filter:none; }
.w2crm .w2hero .navigation-back{ display:block; margin:0 0 26px; }
.w2crm .w2hero .navigation-back a{ display:inline-flex; align-items:center; gap:10px; color:#fff; font-size:16px; }
.w2crm .w2hero .navigation-back a svg{ width:26px; height:26px; flex:0 0 auto; }
.w2crm .w2hero .navigation-back a svg path{ fill:#fff; }
.w2crm .w2hero .navigation-back a:hover{ color:#c9a4f5; }
.w2crm .w2hero .navigation-back a:hover svg path{ fill:#c9a4f5; }
.w2crm .w2hero .section__title{ font-size:clamp(30px,3.4vw,52px); line-height:1.14; letter-spacing:-1px; color:#fff; }
.w2crm .w2hero__lead{ margin:16px 0 0; max-width:760px; font-size:19px; line-height:1.55; color:rgba(255,255,255,.82); }
.w2crm .w2hero__facts{ display:flex; flex-wrap:wrap; gap:12px; margin:26px 0 28px; padding:0; list-style:none; max-width:780px; }
.w2crm .w2hero__facts li{ flex:1 1 200px; padding:14px 18px; border-radius:14px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18); }
.w2crm .w2hero__facts li:before{ content:none; }
.w2crm .w2hero__facts b{ display:block; font-size:17px; font-weight:600; color:#fff; margin-bottom:2px; }
.w2crm .w2hero__facts span{ display:block; font-size:14px; line-height:1.4; color:rgba(255,255,255,.72); }
.w2crm .w2hero .top-block__btn{ margin:0; }
.w2crm .w2hero .top-block__btn .btn_style{ min-width:260px; justify-content:center; }
.w2crm .w2hero__more{ margin-top:18px; display:flex; flex-wrap:wrap; gap:6px 24px; }
.w2crm .w2hero__cases{ margin-top:14px; font-size:14px; line-height:1.5; color:rgba(255,255,255,.75); }
.w2crm .w2hero__cases a{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
.w2crm .w2hero__more a{ color:rgba(255,255,255,.75); font-size:15px; text-decoration:underline; text-underline-offset:4px; }
.w2crm .w2hero__more a:hover{ color:#fff; }
@media (max-width:1023px){
.w2crm .w2hero .top-block__content{ min-height:440px; padding:52px 0 58px; }
.w2crm .w2hero .navigation-back{ margin-bottom:20px; }
}
@media (max-width:767px){
.w2crm .w2hero .top-block__content{ min-height:0; padding:36px 0 42px; }
.w2crm .w2hero:before{ background:linear-gradient(180deg,rgba(9,11,20,.90) 0%,rgba(9,11,20,.88) 100%); }
.w2crm .w2hero__lead{ margin-top:14px; font-size:16px; }
.w2crm .w2hero__facts{ gap:10px; margin:20px 0 24px; }
.w2crm .w2hero__facts li{ flex:1 1 100%; padding:12px 14px; }
.w2crm .w2hero__facts b{ font-size:16px; }
.w2crm .w2hero .top-block__btn{ width:100%; }
.w2crm .w2hero .top-block__btn .btn_style{ display:block; width:100%; min-width:0; text-align:center; }
}