/* oport/oport — основа: блок-основа этапа 1 (vk-clickfraud); сгенерировано tools/css_majority.py */
.oport__item { background:#fcfdff;border:1px solid #ececec;border-radius:22px;padding:24px;width:32% }
.oport__item-inner { align-items:center;display:flex;gap:22px }
.oport__item-title { color:#111;font-family:Inter;font-size:20px;margin-bottom:5px }
.oport__item-text { font-family:Inter;font-size:14px;line-height:130% }
.oport__box { display:flex;flex-wrap:wrap;gap:2%;margin-top:60px;row-gap:25px }
.oport__item-icon { align-items:center;background:#f0f5fd;border-radius:8px;display:inline-flex;height:50px;justify-content:center;min-width:50px }
.oport__item-icon img { height:auto;max-height:30px;max-width:30px;width:auto }
.oport__item-icon svg { height:auto;max-height:26px;max-width:26px;width:auto }
.oport__item-img { margin-bottom:15px }
.oport__item-img img { border:1px solid #4399ff;border-radius:13px;box-shadow:0 3px 10px rgba(102,149,226,.3) }
.oport__item img { background:#f7f9fd }
@media screen and (max-width:1370px) {
  .oport__item-title { font-size:18px }
  .oport__item-inner { align-items:flex-start;flex-direction:column }
}
@media screen and (max-width:991px) {
  .oport__item { width:49% }
  .oport__box { margin-top:30px }
}
@media screen and (max-width:767px) {
  .oport__item { width:100% }
  .oport__item-inner { flex-direction:row }
  .oport__item-img img { width:100% }
}
@media screen and (max-width:574px) {
  .oport__item-title { font-size:16px }
  .oport__item-text { font-size:12px }
}

/* ===== вручную (генератор этот раздел сохраняет) ===== */