/* why/why — основа: блок-основа этапа 1 (google-clickfraud); сгенерировано tools/css_majority.py */
.why__item { padding:60px 0;display:flex;gap:50px;justify-content:space-between;align-items:center }
.why__item_ycenter { align-items:center }
.why .why__item:last-child { padding-bottom:0 }
.why__image { background:var(--accent-bg);border-radius:22px;max-width:750px;padding:55px }
.why__item-content { flex-basis:520px }
.why__item-title { align-items:center;display:flex;gap:25px }
.why__item-title span { color:#111;font-size:36px;font-weight:500 }
.why__item-icon { align-items:center;background:var(--accent-bg-2);border-radius:8px;display:inline-flex;height:60px;justify-content:center;min-width:60px }
.why__item-icon svg { fill:var(--accent);height:auto;max-height:30px;max-width:30px;width:28px }
.why__item-icon_stroke svg { fill:#4399ff;stroke:#4399ff }
.why__item-subtitle { color:#111;font-size:20px;margin-top:20px }
.why__item-text { color:#999;font-weight:500;line-height:130%;margin-top:16px }
.why__item-text p { font-family:Inter;line-height:21px;margin-bottom:10px }
.why__item-text p span { color:#333;font-weight:500 }
.why__image img { background:#fff;border:1px solid var(--accent);border-radius:22px;box-shadow:0 5px 18px var(--accent-20) }
@media screen and (max-width:1370px) {
  .why__image { max-width:540px;padding:30px }
  .why__item-title span { font-size:26px }
  .why__item { padding:40px 0 }
}
@media screen and (max-width:991px) {
  .why__item { flex-direction:column;gap:20px }
  .why__item_reverse { flex-direction:column-reverse }
  .why__image { max-width:none }
  .why__item-content { flex-basis:auto }
}
@media screen and (max-width:574px) {
  .why__image { padding:15px }
  .why__item-text { font-size:14px }
  .why__item-title span { font-size:22px }
}

/* ===== вручную (генератор этот раздел сохраняет) ===== */
/* активная точка пагинации — цвет лендинга (в оригиналах — встроенный <style> с цветом каждого лендинга) */
.swiper-pagination-bullet-active { background:var(--accent)!important }