/* _base/ui — основа по большинству лендингов (23); сгенерировано tools/css_majority.py */
* { -webkit-box-sizing:border-box;font-family:Rubik;font-weight:400;margin:0;padding:0;box-sizing:border-box }
:after { -webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0 }
:before { -webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0 }
img { max-width:100% }
li { list-style:none }
a { cursor:pointer;display:inline-block;text-decoration:none }
button { outline:0;cursor:pointer;display:inline-block;text-decoration:none;border:none;font-family:Roboto }
input { outline:0;font-family:Roboto }
textarea { outline:0;font-family:Roboto }
ul li:last-child { margin-bottom:0;margin-right:0 }
ul li:first-child { margin-left:0;margin-top:0 }
h1 { margin:0 }
h2 { margin:0 }
h3 { margin:0 }
h4 { margin:0 }
h5 { margin:0 }
h6 { margin:0 }
svg { height:15px;width:15px }
span { font-family:inherit;font-weight:inherit }
.container { margin:0 auto;max-width:1320px }
.container2 { margin:0 auto;max-width:1200px }
.btn { align-items:center;border-radius:60px;color:#fff;display:inline-flex;font-family:Rubik;font-size:20px;font-weight:500;justify-content:center;min-width:130px;padding:14px 20px;transition:.15s ease;background:var(--accent);box-shadow:0 0 30px 0 rgba(20,177,134,.25) }
.btn:hover { background:var(--btn-hover) }
.link { border-bottom:1px solid #4399ff;font-family:Roboto;font-weight:500;border-color:var(--accent);color:var(--accent) }
.link:hover { border-color:transparent }
.title { color:#111;font-size:40px;font-weight:500;line-height:100%;margin-bottom:12px;text-align:center }
.title span { font-family:inherit;font-weight:inherit;color:var(--accent) }
.subtitle { color:#111;font-family:Inter;font-size:25px;font-weight:400;line-height:35px;text-align:center }
#tg-alert { animation-delay:1.5s;animation-duration:2s;animation-fill-mode:forwards;animation-name:alertshow;opacity:0 }
html { font-weight:400 }
body { font-weight:400;font-family:Roboto }
ul { list-style:none }
.wrap { width:90vw;max-width:1322px;margin:0 auto }
.df { display:flex }
.fdc { flex-direction:column }
.aic { align-items:center }
.jcc { justify-content:center }
.jcsb { justify-content:space-between }
.fww { flex-wrap:wrap }
.dn { display:none }
.w100p { width:100% }
.mt10 { margin-top:10px }
.mb10 { margin-bottom:10px }
.mt15 { margin-top:15px }
.mt20 { margin-top:20px }
.mt25 { margin-top:25px }
.mt30 { margin-top:30px }
.mb30 { margin-bottom:30px }
.mt40 { margin-top:40px }
.mb40 { margin-bottom:40px }
.p20 { padding:20px }
.g15 { gap:15px }
.g25 { gap:25px }
.fz20 { font-size:20px }
.fw500 { font-weight:500 }
.ffI { font-family:'Inter' }
.cg { color:#686868 }
.bs { box-shadow:0 0 40px rgba(0, 0, 0, 0.1) }
.brrd30 { border-radius:30px }
.brrd15 { border-radius:15px }
#chatapp-widget-root { bottom:30px;right:30px }
@media screen and (max-width:1370px) {
  .container { max-width:960px }
  .container2 { max-width:960px }
}
@media screen and (max-width:991px) {
  .container { max-width:720px }
  .container2 { max-width:720px }
  .title { font-size:30px;line-height:40px }
  .subtitle { font-size:21px;line-height:31px }
  .mb-df { display:flex }
  .mb-fdc { flex-direction:column }
  .mb-dn { display:none }
  .mb-di { display:inline }
  .mb-mt5 { margin-top:5px }
  .mb-mt10 { margin-top:10px }
  .mb-mb10 { margin-bottom:10px }
  .mb-mb20 { margin-bottom:20px }
  .mb-fz12 { font-size:12px }
  .mb-fz14 { font-size:14px }
  .mb-fz20 { font-size:20px }
}
@media screen and (max-width:768px) {
  .container { max-width:500px }
  .container2 { max-width:500px }
}
@media screen and (max-width:767px) {
  .title { font-size:30px;line-height:40px }
  .btn { font-size:16px;padding:10px 20px }
}
@media screen and (max-width:574px) {
  .container { max-width:100%;padding:0 15px }
  .container2 { max-width:100%;padding:0 15px }
  .link { border-bottom:none;text-decoration:underline }
  .link:hover { text-decoration:none }
  .title { font-size:25px;line-height:35px }
  .subtitle { font-size:18px;line-height:150% }
  #tg-alert { border:1px solid #ccc;bottom:auto;box-shadow:0 0 12px -3px rgba(0,0,0,.2);margin-right:15px;top:100px }
}
@media screen and (max-width:480px) {
  .subtitle { font-size:16px;line-height:130% }
}

@keyframes alertshow {0%{opacity:0}to{opacity:1}}

/* ===== вручную (генератор этот раздел сохраняет) ===== */
#chatapp-widget-root { bottom:30px;right:30px }

/* из прежнего ui.css (основа yandex): правила, которые генератор не привязал к блокам (вкладки, модальные окна,
   чат, классы от скриптов). Проверять при сборке следующих лендингов. */
.text p:last-child { margin-bottom:0 }
.tabs__panel { height:0;opacity:0;overflow:hidden;transition:opacity 1s ease,width 0s linear,height 0s linear;width:0 }
.tabs__panel--active { height:auto;opacity:1;overflow:visible;width:auto }
.disable-scroll { height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100% }
.graph-modal { --transition-time:0.3s;background-color:rgba(0,0,0,.7);cursor:pointer;display:flex;inset:0;opacity:0;overflow-x:hidden;overflow-y:auto;padding:30px 0;position:fixed;transition:opacity var(--transition-time),visibility var(--transition-time);visibility:hidden;z-index:1000000 }
.graph-modal__container.graph-modal-open { display:block }
.fade { opacity:0 }
.fade { transition:opacity var(--transition-time) }
.fade.animate-open { transition:opacity var(--transition-time) }
.fade.animate-open { opacity:1 }
.fadeInUp.animate-open { transition:transform var(--transition-time),opacity var(--transition-time) }
.fadeInUp.animate-open { opacity:1;transform:translateY(0) }
.tabs__nav-btn--active { background:#fff;padding:5px 15px }
.service { padding:60px 0 }
.service__box { flex-wrap:wrap;gap:2%;row-gap:20px }
.service__box { display:flex;justify-content:space-between }
.service__item { display:flex;justify-content:space-between }
.service__item { background:#fff;border:1px solid transparent;border-radius:15px;box-shadow:0 4px 40px 0 rgba(0,0,0,.1);flex-direction:column;overflow:hidden;padding:30px;position:relative;width:49% }
.service__item:hover { border-color:#4399ff;box-shadow:0 4px 40px 0 rgba(67,153,255,.2) }
.service__tabs-head.tabs__nav-btn--active { background:#fff }
.service__tabs-item-title { color:#999;font-family:Inter;font-weight:400;margin-bottom:20px;margin-top:20px;text-align:center }
.service__tabs { display:flex;flex-direction:column }
.service__tabs-select-desc { display:none }
.service__tabs-select-body { display:flex }
.service__tabs-select-header { display:none }
.sites__table .lable { display:inline-block;margin-right:8px;vertical-align:middle }
.sites__table .text-labl { word-break:break-all }
.bfquiz { margin:0!important }
.bfquiz * { font-family:Inter }
.bfquiz { background:#e3f2ff;display:flex;flex-direction:column;height:500px;max-width:100%;padding:44px 50px;width:800px }
.bfquiz__fb { margin-top:30px;position:relative }
.bfquiz__fb { display:flex }
.bfquiz__fb-tabs-head.tabs__nav-btn--active { filter:grayscale(0) }
.roll-network { bottom:15px;position:fixed;right:15px;z-index:9999 }
.roll-network .block-roll { position:relative }
.roll-network .block-roll.open-is .block-roll-network { background-color:#fff;border-radius:10px;box-shadow:0 5px 20px 0 rgba(0,0,0,.1)!important;height:auto;opacity:1;overflow:visible;padding:10px 0;transition:all .3s ease-in-out;z-index:3 }
.roll-network .block-roll .ico-roll-network:after { background-image:url(/_astro/mess-01.nkIdBWcb.svg);content:"";display:block;height:32px;left:50%;margin-left:-16px;margin-top:-16px;position:absolute;top:50%;width:32px }
.roll-network .block-roll .block-roll-network a.chat-youtube-icon:after { background-color:red;background-image:url(/_astro/youtube.Bp6oo49v.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:50%;content:"";display:block;height:30px;left:0;margin-top:-15px;position:absolute;top:50%;width:30px }
.roll-network .block-roll.open-is .ico-roll-network:after { background-image:none;color:#fff;content:"+";font-size:42px;font-weight:100;line-height:32px;text-align:center;transform:rotate(45deg) }
.roll-network .block-roll .block-roll-network { height:0;opacity:0;overflow:hidden;right:0;transition:all .3s ease-in-out;width:215px }
.roll-network .block-roll.open-is .block-roll-network:after { border-left:12px solid transparent!important;border-right:12px solid transparent!important;border-color:#fff;border-top-style:solid!important;border-top-width:12px;bottom:-12px!important;content:""!important;height:0!important;position:absolute!important;right:16px;width:0!important;z-index:0!important }
.roll-network .block-roll.open-is .message-list { display:none }
.roll-network .block-roll .ico-roll-network { background-color:#688be1;border-radius:50%;box-shadow:0 5px 20px 0 rgba(0,0,0,.1)!important;cursor:pointer;height:60px;width:60px }
.roll-network .block-roll .block-roll-network { bottom:80px;position:absolute }
.roll-network .block-roll .block-roll-network .item { padding:5px 15px;position:relative }
.roll-network .block-roll .block-roll-network .item:hover { background-color:#f1f2f7 }
.roll-network .block-roll .block-roll-network a { color:#425660;cursor:pointer;display:block;font-size:14px;height:30px;line-height:32px;padding-left:40px;position:relative;text-decoration:none;transition:all .3s ease-in-out }
.roll-network .block-roll .block-roll-network a:hover { opacity:.6;transition:all .3s ease-in-out }
.roll-network .block-roll .block-roll-network a.chat-teleg-icon:after { background-color:#27a3e3;background-image:url(/_astro/teleg.C07a_lIN.svg);background-position:45% 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:50%;content:"";display:block;height:30px;left:0;margin-top:-15px;position:absolute;top:50%;width:30px }
.roll-network .block-roll .block-roll-network a.chat-viber-icon:after { background-color:#8b66a9;background-image:url(/_astro/viber.3fki8KMO.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:20px 20px;border-radius:50%;content:"";display:block;height:30px;left:0;margin-top:-15px;position:absolute;top:50%;width:30px }
.roll-network .block-roll .block-roll-network a.chat-phone-icon:after { background-color:#364952;background-image:url(/_astro/phone.D174yzVI.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:50%;content:"";display:block;height:30px;left:0;margin-top:-15px;position:absolute;top:50%;width:30px }
.roll-network .block-roll .block-roll-network a.chat-whats-icon:after { background-color:#25cc62;background-image:url(/_astro/whatsapp.CmTjtaoe.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:50%;content:"";display:block;height:30px;left:0;margin-top:-15px;position:absolute;top:50%;width:30px }
.roll-network .block-roll .block-roll-network a.chat-vk-icon:after { background-color:#4e7db2;background-image:url(/_astro/vk.gjlpigzP.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:50%;content:"";display:block;height:30px;left:0;margin-top:-15px;position:absolute;top:50%;width:30px }
.roll-network .block-roll .block-roll-network a.chat-fb-icon:after { background-color:#4867aa;background-image:url(/_astro/fb.DCEd0Dbg.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:50%;content:"";display:block;height:30px;left:0;margin-top:-15px;position:absolute;top:50%;width:30px }
.roll-network .block-roll .block-roll-network a.chat-chat-icon:after { background-color:#800c7a;background-image:url(/_astro/chat.Gp2PHDYH.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:50%;content:"";display:block;height:30px;left:0;margin-top:-15px;position:absolute;top:50%;width:30px }
.roll-network .message-list { background-color:#fff;border-radius:10px;bottom:80px;box-shadow:0 5px 20px 0 rgba(0,0,0,.1)!important;color:#425660;font-size:14px;opacity:1;padding:15px;position:absolute;right:0;text-align:center;text-decoration:none;transition:all .3s ease-in-out;width:130px;z-index:1 }
.roll-network .message-list:hover { color:#6695e2;transition:all .3s ease-in-out }
.roll-network .message-list:after { border-left:12px solid transparent!important;border-right:12px solid transparent!important;border-color:#fff;border-top-style:solid!important;border-top-width:12px;bottom:-12px!important;content:""!important;height:0!important;position:absolute!important;right:16px;width:0!important;z-index:0!important }
.roll-network_scrollbottom { bottom:95px!important }
.service__item:hover { border-color:var(--accent);box-shadow:0 4px 40px 0 var(--accent-20) }
.service__tabs-select-header svg { fill:var(--accent) }
@media screen and (max-width:991px) {
  .service { padding:50px 0 }
}
@media screen and (max-width:900px) {
  .bfquiz { height:auto;padding:25px;width:100% }
}
@media screen and (max-width:767px) {
  .service__item { width:100% }
  .service__box { padding-top:35px }
  .service__tabs-item-title { display:none }
  .service__item-top { align-items:center;display:flex;justify-content:space-between;padding-right:20px }
  .service__item { border:1px solid #dee0e4;box-shadow:none;padding:0 }
  .service__tabs-select-desc { color:#999;display:block;font-family:Inter;font-weight:400;margin-bottom:20px;margin-top:20px;text-align:center }
  .service__tabs-select { background:#fff;padding-bottom:20px;padding-top:30px;position:sticky;top:70px;width:100%;z-index:999 }
  .service__tabs-select_start { box-shadow:0 34px 40px 0 rgba(0,0,0,.06) }
  .service__tabs-select_fixed { box-shadow:0 4px 40px 0 rgba(0,0,0,.15) }
  .service__tabs-select-header { align-items:center;background:url(/_astro/chev-bottom.D6IALLx1.svg) no-repeat calc(100% - 15px);border:1px solid #dee0e4;border-radius:8px;display:flex;gap:10px;height:50px;padding:0 14px }
  .service__tabs-select-header_active { background:url(/_astro/chev-top.a-_WhF26.svg) no-repeat calc(100% - 15px) }
  .service__tabs-select-header svg { fill:#4399ff;min-width:22px;width:22px }
  .service__tabs-select-body { display:none;left:50%;margin-left:-250px;max-width:500px;position:absolute;top:135px;width:100%;z-index:9 }
  .service__tabs-select-body_active { display:block }
  .service__item-content { box-sizing:content-box;color:#848484;max-height:0;opacity:0;overflow:hidden;transition:.3s ease-out;will-change:max-height }
  .service__item_open .service__item-content { opacity:1 }
  .service__item_open .service__item-chev { transform:rotate(180deg) }
  .service__item_open .service__item-brand { border-bottom-left-radius:0 }
  .service__tabs-select-desc { margin-bottom:0 }
  .service__box_open { padding-top:40px!important }
}
@media screen and (max-width:760px) {
  .bfquiz__fb { flex-direction:column }
  .bfquiz__fb { margin-top:20px }
}
@media screen and (max-width:600px) {
  .bfquiz { padding:20px;border-radius:15px }
  .bfquiz { padding:35px 15px 15px }
  .bfquiz label { font-size:11px;color:#787878 }
}
@media screen and (max-width:574px) {
  .service { padding:40px 0 }
  .service__tabs-select-body { margin-left:-45%;max-width:90% }
  .service__box { padding-top:25px }
}
@media screen and (max-width:480px) {
  .service__box { row-gap:15px }
}

/* кнопка под блоками (тарифы, «Наши сервисы»): у части оригиналов отступ классом mt25 в разметке, у yandex — этим правилом */
.why__btn { margin-top:25px }