/* Главная: первый экран (пример отчёта «было → стало», Антиплагиат ВУЗ полосой) и блоки, которые есть только на ней.
   Общее оформление сайта — theme.css; этот файл подключается только на главной (секция styles). */

/* Первый экран */
.hero-bg { background: linear-gradient(rgba(247, 248, 250, .93), rgba(247, 248, 250, .97)), url(../img/main_page.jpeg) center / cover; }
.hero-main h1 { font-size: clamp(2.1rem, 3.2vw, 2.6rem); line-height: 1.1; text-wrap: balance; }
@media (max-width: 991.98px) { .hero-main { padding-top: 1.5rem; } }
.hero-main ul li { font-size: 1.1rem; }
.hero-main .btn-secondary { background: var(--ip-navy); border-color: var(--ip-navy); padding: .9rem 1.6rem; }
.hero-main .btn-secondary:hover, .hero-main .btn-secondary:focus { background: #1A2A57; border-color: #1A2A57; }
/* логотипы систем — картинки одного размера (200×50) с одинаковыми подложками; style.css ограничивает высоту, снимаем */
.hero-main .why-iplag-logos { gap: .75rem !important; }
.hero-main .why-iplag-logos img { width: 148px; height: 37px; max-height: none; }
/* 992–1199px: в колонку не влезают все четыре — по два в строку, без одинокого логотипа */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .hero-main .why-iplag-logos { display: grid !important; grid-template-columns: repeat(2, auto); justify-content: start; }
}

/* Пример отчёта «было → стало» */
.hero-report { background: #fff; border: 1px solid var(--ip-line); border-radius: 12px; box-shadow: 0 30px 60px -32px rgba(26, 34, 51, .45); padding: 1.4rem 1.5rem; }
.hero-report-cap { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; color: var(--ip-muted); font-size: .85rem; margin-bottom: 1rem; }
.hero-report-cap b { color: var(--ip-ink); font-size: 1rem; font-weight: 600; }
.hero-report-pies { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .5rem; }
.hero-report-pie { text-align: center; }
.hero-report-label { font-weight: 600; }
.hero-report-ring { width: 132px; height: 132px; margin: .2rem auto .7rem; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--ip-green) 0 var(--orig), var(--ip-red) var(--orig) 100%); }
.hero-report-ring::before { content: ""; grid-area: 1 / 1; width: 96px; height: 96px; border-radius: 50%; background: #fff; }
.hero-report-ring span { grid-area: 1 / 1; position: relative; font-weight: 700; font-size: 1.5rem; letter-spacing: -0.02em; }
.hero-report-legend { display: flex; flex-direction: column; gap: .2rem; font-size: .82rem; color: var(--ip-muted); margin-top: .35rem; }
.hero-report-legend i { display: inline-block; width: .6rem; height: .6rem; border-radius: 2px; margin-right: .35rem; }
.hero-report-legend .is-orig { background: var(--ip-green); }
.hero-report-legend .is-plag { background: var(--ip-red); }
.hero-report-arrow { color: var(--ip-muted); font-size: 1.6rem; }
.hero-report-ai { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .75rem; margin-top: 1.1rem; padding-top: .9rem; border-top: 1px solid var(--ip-line); font-weight: 500; }
.hero-report-chip { display: inline-block; white-space: nowrap; padding: .28rem .55rem; border-radius: 6px; font-size: .8rem; font-weight: 600; line-height: 1.2; }
.hero-report-chip.is-bad { color: var(--ip-red); background: var(--ip-red-soft); }
.hero-report-chip.is-good { color: var(--ip-green); background: var(--ip-green-soft); }

/* Антиплагиат ВУЗ — полоса под первым экраном */
.hero-vuz { background: #fff; border: 1px solid var(--ip-line); border-radius: 14px; padding: 1.25rem 1.5rem; margin-top: 2rem; text-align: center; }
.hero-vuz h3 { font-size: 1.3rem; margin-bottom: .75rem; }
.hero-vuz li { margin-bottom: .25rem; }
.hero-vuz img { max-height: 40px; margin-bottom: 1rem; }
.hero-vuz .btn { border-color: var(--ip-navy); color: var(--ip-navy); box-shadow: none !important; margin-top: .75rem; }
.hero-vuz .btn:hover { background: var(--ip-navy); color: #fff; }
/* широкий экран: заголовок в строку и логотип под ним | список в столбик | кнопка;
   992–1199px: заголовок и список слева друг под другом, кнопка справа */
@media (min-width: 992px) {
    .hero-vuz { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "head btn" "list btn"; align-items: center; gap: 1rem 2.5rem; text-align: left; }
    .hero-vuz-head { grid-area: head; }
    .hero-vuz ul { grid-area: list; }
    .hero-vuz .btn { grid-area: btn; }
    .hero-vuz h3 { font-size: 1.25rem; white-space: nowrap; }
    .hero-vuz li { white-space: nowrap; }
    .hero-vuz img { margin: 0; }
    .hero-vuz .btn { white-space: nowrap; margin: 0; }
}
@media (min-width: 1200px) {
    /* равные промежутки между заголовком, списком и кнопкой */
    .hero-vuz { grid-template-columns: auto auto auto; grid-template-areas: "head list btn"; justify-content: space-evenly; }
    .hero-vuz-head { text-align: center; }
}

/* «Нам доверяют» — компактнее по вертикали */
.home-trust > .container-xl { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.home-trust h3 { padding-top: 1rem !important; padding-bottom: 1.5rem !important; margin: 0; }
.home-trust .text-center.pt-5 { padding-top: 1.5rem !important; }
.home-about .col-lg-10 { text-align: left !important; font-size: 1.1rem; line-height: 1.7; }
.home-about .row { justify-content: flex-start !important; }
#why-iplag .card h5 { text-align: left !important; }
#why-iplag .card { border-radius: 6px !important; }

@media (max-width: 575.98px) {
    /* логотипы систем — по два в строку, по центру */
    .hero-main .why-iplag-logos { display: grid !important; grid-template-columns: repeat(2, auto); justify-content: center; justify-items: center; gap: .75rem !important; }
    .hero-report-ring { width: 112px; height: 112px; }
    .hero-report-ring::before { width: 80px; height: 80px; }
}