/* Страница «Кто продвигает сайт» — /kto-prodvigaet-sajt/ */

.rz-wrap{max-width:1180px;margin:0 auto;padding:0 20px;}
.rz-h2{font-size:clamp(24px,3vw,34px);line-height:1.2;color:#1358B8;margin:0 0 16px;font-weight:800;}

/* Первый экран */
.rz-hero{background:linear-gradient(180deg,#F2F7FF 0%,#fff 100%);padding:48px 0 40px;}
.rz-hero__title{font-size:clamp(28px,4vw,44px);line-height:1.15;color:#1358B8;margin:0 0 14px;font-weight:800;}
.rz-hero__sub{font-size:17px;line-height:1.6;color:#2A3646;max-width:760px;margin:0 0 26px;}

.rz-form{display:flex;gap:12px;max-width:680px;flex-wrap:wrap;}
.rz-form__input{flex:1 1 320px;min-width:0;height:56px;padding:0 18px;font-size:17px;color:#16202E;
	background:#fff;border:1.5px solid #D6DEE9;border-radius:10px;outline:none;transition:border-color .15s;}
.rz-form__input:focus{border-color:#1358B8;}
.rz-form__btn{height:56px;padding:0 32px;font-size:17px;font-weight:700;color:#fff;background:#1358B8;
	border:0;border-radius:10px;cursor:pointer;transition:background .15s;}
.rz-form__btn:hover{background:#0E4694;}
.rz-form__btn:disabled{background:#8CA6C9;cursor:default;}
.rz-form__note{font-size:14px;color:#6B7A8D;margin:12px 0 0;}

/* Ход проверки */
.rz-progress{max-width:680px;margin:22px 0 0;}
.rz-progress__bar{height:6px;background:#E3EBF5;border-radius:3px;overflow:hidden;}
.rz-progress__bar span{display:block;height:100%;width:40%;background:#1358B8;border-radius:3px;
	animation:rz-beg 1.4s ease-in-out infinite;}
@keyframes rz-beg{0%{margin-left:-40%;}100%{margin-left:100%;}}
.rz-progress__text{font-size:15px;color:#41536B;margin-top:10px;}
.rz-error{max-width:680px;margin:20px 0 0;padding:14px 18px;background:#FDECEC;border:1px solid #F3C3C3;
	border-radius:10px;color:#A32020;font-size:15px;}

/* Отчёт */
.rz-otchet{padding:40px 0 10px;}

.rz-otvet{background:#FFF8E8;border:1px solid #F0DFB6;border-radius:14px;padding:22px 24px;margin:0 0 28px;}
.rz-otvet--moj{background:#EEF8EF;border-color:#BFE3C4;}
.rz-otvet__znak{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8A6B1E;margin-bottom:10px;}
.rz-otvet--moj .rz-otvet__znak{color:#2C7A38;}
.rz-otvet__text{font-size:16px;line-height:1.6;color:#2A3646;margin:0;}
.rz-sledy{margin:0 0 12px;padding:0;list-style:none;}
.rz-sledy li{font-size:15px;line-height:1.5;color:#2A3646;padding:8px 0;border-bottom:1px dashed #E6D9B8;word-break:break-word;}
.rz-sledy li:last-child{border-bottom:0;}
.rz-sledy__tip{display:inline-block;font-size:12px;font-weight:700;color:#8A6B1E;background:#F6ECD3;
	border-radius:4px;padding:2px 7px;margin-right:8px;}

.rz-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:0 0 34px;}
.rz-card{background:#fff;border:1px solid #E1E8F2;border-radius:14px;padding:20px 22px;}
.rz-card h3{font-size:17px;font-weight:700;color:#1358B8;margin:0 0 14px;}
.rz-card__pusto{font-size:15px;color:#6B7A8D;margin:0;line-height:1.5;}
.rz-row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid #F0F4F9;font-size:15px;}
.rz-row:last-child{border-bottom:0;}
.rz-row__k{color:#6B7A8D;flex:0 0 auto;}
.rz-row__v{color:#16202E;font-weight:600;text-align:right;word-break:break-word;}

/* Разбор */
.rz-razbor{background:#F7FAFF;border:1px solid #DFE9F7;border-radius:14px;padding:26px 26px 12px;margin:0 0 34px;}
.rz-razbor__lid{font-size:16px;color:#41536B;margin:0 0 18px;line-height:1.6;}
.rz-razbor__list{margin:0;padding:0;list-style:none;}
.rz-razbor__list li{padding:14px 0;border-bottom:1px solid #E6EDF7;}
.rz-razbor__list li:last-child{border-bottom:0;}
.rz-razbor__list strong{display:block;font-size:16px;color:#16202E;margin-bottom:4px;}
.rz-razbor__list span{display:block;font-size:15px;color:#5A6B80;line-height:1.55;}
.rz-razbor--chisto p{font-size:16px;color:#41536B;line-height:1.6;margin:0 0 14px;}

/* Кейсы */
.rz-kejsy{margin:0 0 34px;}
/* Ровно три колонки, а не auto-fit: при одном найденном кейсе карточка
   растягивалась на всю ширину, и скриншот сайта раздувался до полуэкрана. */
.rz-kejsy__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;}
@media(max-width:900px){.rz-kejsy__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.rz-kejsy__grid{grid-template-columns:1fr;}}
.rz-kejs{display:block;background:#fff;border:1px solid #E1E8F2;border-radius:14px;overflow:hidden;
	text-decoration:none;transition:box-shadow .15s,transform .15s;}
.rz-kejs:hover{box-shadow:0 10px 26px rgba(19,88,184,.12);transform:translateY(-2px);}
.rz-kejs img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top center;background:#F2F6FB;}
.rz-kejs span{display:block;padding:14px 16px;font-size:15px;line-height:1.45;color:#16202E;font-weight:600;}

/* Предложение */
.rz-cta{background:#1358B8;border-radius:16px;padding:32px 30px;color:#fff;margin:0 0 10px;}
.rz-cta h2{font-size:clamp(22px,2.6vw,30px);line-height:1.2;margin:0 0 12px;font-weight:800;color:#fff;}
.rz-cta p{font-size:16px;line-height:1.65;margin:0 0 22px;color:#DCE8FA;max-width:760px;}
.rz-cta__knopki{display:flex;gap:12px;flex-wrap:wrap;}
.rz-cta__btn{display:inline-block;padding:14px 26px;border-radius:10px;font-size:16px;font-weight:700;
	text-decoration:none;background:#fff;color:#1358B8;transition:opacity .15s;}
.rz-cta__btn:hover{opacity:.88;color:#1358B8;}
.rz-cta__btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6);}
.rz-cta__btn--ghost:hover{color:#fff;}

/* Как узнать */
.rz-kak{padding:44px 0 56px;background:#FAFBFD;}
.rz-kak__lid{font-size:17px;line-height:1.6;color:#41536B;max-width:820px;margin:0 0 28px;}
.rz-kak__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}
.rz-kak__item{background:#fff;border:1px solid #E1E8F2;border-radius:14px;padding:22px 24px;position:relative;}
.rz-kak__num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;
	border-radius:50%;background:#EAF2FF;color:#1358B8;font-weight:800;font-size:15px;margin-bottom:12px;}
.rz-kak__item h3{font-size:17px;font-weight:700;color:#16202E;margin:0 0 8px;}
.rz-kak__item p{font-size:15px;line-height:1.6;color:#5A6B80;margin:0;}

@media (max-width:600px){
	.rz-hero{padding:32px 0 28px;}
	.rz-form__btn{width:100%;}
	.rz-cta{padding:26px 20px;}
	.rz-cta__btn{width:100%;text-align:center;}
}

/* Шаги работы сервиса — страница сравнения */
.rz-shagi{padding:46px 0 10px;}
.rz-shagi__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.rz-shagi__item{position:relative;background:#fff;border:1px solid #E1E8F2;border-radius:14px;padding:24px;}
.rz-shagi__num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
	border-radius:50%;background:#1358B8;color:#fff;font-weight:800;font-size:16px;margin-bottom:12px;}
.rz-shagi__item h3{font-size:18px;font-weight:700;color:#16202E;margin:0 0 8px;}
.rz-shagi__item p{font-size:15px;line-height:1.6;color:#5A6B80;margin:0;}

/* Ссылка на соседний сервис */
.rz-sosed{margin:26px 0 40px;}
.rz-sosed__znak{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
	color:#6B7A8D;margin-bottom:10px;}
.rz-sosed__ssylka{display:block;background:#F7FAFF;border:1px solid #DFE9F7;border-radius:14px;
	padding:20px 24px;text-decoration:none;transition:border-color .15s,box-shadow .15s;}
.rz-sosed__ssylka:hover{border-color:#A9C8E8;box-shadow:0 8px 22px rgba(19,88,184,.10);}
.rz-sosed__ssylka b{display:block;font-size:17px;font-weight:700;color:#1358B8;margin-bottom:4px;}
.rz-sosed__ssylka b::after{content:'→';margin-left:8px;font-weight:400;opacity:.7;}
.rz-sosed__ssylka span{display:block;font-size:15px;line-height:1.55;color:#5A6B80;}

/* Кнопка ко всему портфолио под подборкой похожих работ */
.rz-kejsy__vse{margin:20px 0 0;text-align:center;}
.rz-kejsy__knopka{display:inline-block;padding:14px 30px;border-radius:10px;font-size:16px;font-weight:700;
	color:#1358B8;background:#fff;box-shadow:inset 0 0 0 1.5px #1358B8;text-decoration:none;
	transition:background .15s,color .15s;}
.rz-kejsy__knopka:hover{background:#1358B8;color:#fff;}

/* Заголовки на тёмных плашках.
   Тема красит все h1–h3 в синий через два файла (style.min.css и
   critical-hero.min.css) и оба раза с !important, причём задаёт не только
   color, но и -webkit-text-fill-color — он сильнее color. На синем блоке
   заголовок выходил синим по синему и пропадал. Перебить это можно
   только своим !important, иначе вес селектора не помогает. */
.rz-cta h2,
.rz-cta h2 * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
.rz-shagi__item h3,
.rz-kak__item h3 {
    color: #16202E !important;
    -webkit-text-fill-color: #16202E !important;
}
.rz-card h3,
.rz-sosed__ssylka b {
    color: #1358B8 !important;
    -webkit-text-fill-color: #1358B8 !important;
}