/* SERP Expert 2.0.48 — страница «Услуги» (макет «Услуги для роста вашего бизнеса»). */

@font-face {
    font-family: "SE Manrope";
    src: url("../fonts/manrope/Manrope-Variable.woff2") format("woff2");
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

.se-svh {
    --svh-red: #e01b1b;
    --svh-red-2: #c40d0d;
    --svh-ink: #12151a;
    --svh-navy: #10161f;
    --svh-text: #4c5361;
    --svh-muted: #8a909b;
    --svh-line: #e8eaee;
    --svh-band: #f3f4f6;
    --svh-card-shadow: 0 6px 18px rgba(18, 21, 26, .05);
    --svh-font: "SE Manrope", "Manrope", Arial, sans-serif;
    font-family: var(--svh-font); font-size: 15px; line-height: 1.5; color: var(--svh-text);
    overflow: hidden; padding-bottom: 64px;
}
.se-svh *, .se-svh *::before, .se-svh *::after { box-sizing: border-box; }
.se-svh h1, .se-svh h2, .se-svh h3, .se-svh p { margin: 0; }
.se-svh h1, .se-svh h2, .se-svh h3 { color: var(--svh-navy); font-family: var(--svh-font); text-transform: none; letter-spacing: -.02em; }
.se-svh ul { margin: 0; padding: 0; list-style: none; }
.se-svh li { margin: 0; padding: 0; }
.se-svh a { color: inherit; text-decoration: none; }
.se-svh button { font-family: inherit; }
.se-svh :focus-visible { outline: 2px solid var(--svh-red); outline-offset: 3px; }
.se-svh [hidden] { display: none !important; }
.se-svh .svh-wrap { position: relative; width: 100%; max-width: 1352px; margin: 0 auto; padding: 0 20px; }
.se-svh .svh-ic { width: 22px; height: 22px; flex: 0 0 auto; }
.se-svh .svh-ic--img { object-fit: contain; }
.se-svh .svh-arr { width: 14px; height: 14px; flex: 0 0 auto; color: var(--svh-ink); transition: transform .2s, color .2s; }
.svh-red { color: var(--svh-red); }

/* Кнопки */
.svh-btn { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 42px; padding: 0 24px; border: 1.5px solid transparent; border-radius: 7px; background: none; font: 700 14px/1.2 var(--svh-font); white-space: nowrap; cursor: pointer; transition: background .2s, border-color .2s, box-shadow .2s, transform .2s, color .2s; }
.svh-btn--lg { min-height: 48px; padding: 0 30px; font-size: 15px; }
.svh-btn__ic { width: 16px; height: 16px; transition: transform .2s; }
.svh-btn:hover .svh-btn__ic { transform: translateX(3px); }
.se-svh .svh-btn--red { background: linear-gradient(180deg, #ea2222 0%, #cc0f0f 100%); color: #fff; box-shadow: 0 10px 22px rgba(224, 27, 27, .22); }
.se-svh .svh-btn--red:hover { box-shadow: 0 12px 26px rgba(224, 27, 27, .34); transform: translateY(-1px); }
.se-svh .svh-btn--outline { border-color: rgba(224, 27, 27, .6); background: #fff; color: var(--svh-red); }
.se-svh .svh-btn--outline:hover { border-color: var(--svh-red); background: #fff3f3; }

.svh-eyebrow { color: var(--svh-red); font-size: 10.5px; font-weight: 700; line-height: 14px; letter-spacing: .24em; text-transform: uppercase; }
.svh-h2 { margin-top: 6px !important; font-size: 30px; line-height: 1.2; font-weight: 800; }

/* Первый экран */
.svh-hero { position: relative; min-height: 528px; padding-bottom: 36px; background: linear-gradient(100deg, #f4f5f7 0%, #f7f7f8 42%, #f1f2f4 100%); }
.svh-hero__art { position: absolute; right: 0; top: 0; width: min(55.5vw, 860px); pointer-events: none; }
.svh-hero__img { display: block; width: 100%; height: auto; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16%); mask-image: linear-gradient(90deg, transparent 0, #000 16%); }
.svh-hero__in { z-index: 2; padding-top: 30px; }
.se-svh .svh-crumbs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px 28px; padding: 0; color: var(--svh-muted); font-size: 12px; line-height: 16px; }
.se-svh .svh-crumbs li { display: inline-flex; align-items: center; gap: 8px; }
.se-svh .svh-crumbs li::after { content: ">"; color: #b0b5be; }
.se-svh .svh-crumbs li:last-child::after { content: none; }
.se-svh .svh-crumbs a:hover { color: var(--svh-red); }
.svh-h1 { margin-left: 28px !important; font-size: 58px; line-height: 62px; font-weight: 800; letter-spacing: -.03em; }
.svh-lead { max-width: 540px; margin: 16px 0 0 28px !important; font-size: 15px; line-height: 1.45; color: var(--svh-text); }
.svh-hero__btns { display: flex; flex-wrap: wrap; gap: 20px; margin: 26px 0 0 28px; }
.svh-hero__btns .svh-btn--red { min-width: 258px; }
.svh-hero__btns .svh-btn--outline { min-width: 194px; border-color: rgba(224, 27, 27, .45); color: var(--svh-ink); }
.svh-feats { display: flex; flex-wrap: wrap; gap: 14px 38px; margin: 28px 0 0 28px !important; }
.svh-feats li { display: flex; align-items: center; gap: 14px; color: var(--svh-text); font-size: 12.5px; line-height: 1.35; }
.svh-feats__ic { width: 26px; height: 26px; color: var(--svh-red); }

/* Вкладки направлений */
.se-svh .svh-tabs-wrap { z-index: 3; margin-top: -26px; }
.svh-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; padding: 4px; border: 1px solid #eceef1; border-radius: 12px; background: rgba(255, 255, 255, .92); box-shadow: 0 14px 34px rgba(18, 21, 26, .07); }
.svh-tab { position: relative; display: flex; align-items: center; gap: 18px; min-height: 72px; padding: 10px 26px 10px 54px; border-radius: 10px; color: var(--svh-ink); transition: background .2s, color .2s, box-shadow .2s; }
.svh-tab:hover { background: #f7f8f9; }
.svh-tab.is-active { background: #fff; box-shadow: 0 8px 22px rgba(18, 21, 26, .08); }
.svh-tab.is-active::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: -4px; height: 3px; border-radius: 2px; background: var(--svh-red); }
.svh-tab__ic { display: flex; color: var(--svh-ink); }
.svh-tab__ic .svh-ic { width: 30px; height: 30px; }
.svh-tab.is-active .svh-tab__ic, .svh-tab.is-active b { color: var(--svh-red); }
.svh-tab__txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.svh-tab__txt b { font-size: 14px; line-height: 1.25; font-weight: 700; }
.svh-tab__txt small { color: var(--svh-muted); font-size: 12px; line-height: 1.3; }
.svh-tab.is-active small { color: var(--svh-red); }

/* Направление */
.svh-dir { position: relative; margin-top: 16px; padding: 28px 0 26px; background: linear-gradient(100deg, #f2f3f5 0%, #f6f6f7 45%, #f0f1f3 100%); scroll-margin-top: 90px; }
.svh-dir:first-of-type { margin-top: 26px; }
.svh-dir::before { content: ""; position: absolute; right: 2.5%; top: -18px; width: 52px; height: 18px; background: var(--svh-red); transform: skewX(-40deg); opacity: .95; }
.svh-dir::after { content: ""; position: absolute; right: 0; bottom: 0; width: 22px; height: 54px; background: linear-gradient(180deg, transparent, rgba(224, 27, 27, .9)); clip-path: polygon(100% 0, 100% 100%, 0 100%); }
.svh-dir__grid { display: grid; grid-template-columns: 82px minmax(0, 330px) minmax(0, 1fr) 665px; align-items: start; }
.svh-dir--rk .svh-dir__grid, .svh-dir--pd .svh-dir__grid { grid-template-columns: 82px minmax(0, 330px) minmax(0, 1fr) 616px; }
.svh-dir__info { position: relative; z-index: 2; grid-column: 2; grid-row: 1; }
.svh-dir__num { position: absolute; left: -70px; top: 4px; display: inline-flex; flex-direction: column; gap: 4px; color: var(--svh-muted); font-size: 13px; font-weight: 600; line-height: 1; }
.svh-dir__num::before { content: ""; position: absolute; left: 24px; top: 6px; width: 14px; height: 1px; background: #d3d6db; }
.svh-dir__num::after { content: ""; width: 18px; height: 1.5px; background: var(--svh-red); }
.svh-dir__title { font-size: 31px; line-height: 1.15; font-weight: 800; white-space: nowrap; }
.svh-dir__title a:hover { color: var(--svh-red); }
.svh-dir__text { max-width: 470px; width: 150%; margin-top: 8px !important; font-size: 14.5px; line-height: 1.45; color: var(--svh-text); }
.svh-checks { display: flex; flex-direction: column; gap: 8px; margin-top: 14px !important; }
.svh-checks li { display: flex; align-items: center; gap: 12px; color: var(--svh-ink); font-size: 13.5px; line-height: 1.35; }
.svh-checks__ic { width: 18px; height: 18px; flex: 0 0 auto; padding: 2px; border-radius: 50%; background: var(--svh-red); color: #fff; stroke-width: 3; }
.svh-dir__btn { margin-top: 22px; min-width: 192px; }
.svh-dir__art { position: relative; z-index: 1; grid-column: 3; grid-row: 1; align-self: end; margin: 0 -20px -30px -60px; }
.svh-dir__img { display: block; width: 100%; max-width: 300px; height: auto; margin-left: auto; -webkit-mask-image: radial-gradient(closest-side ellipse at 55% 52%, #000 58%, transparent 100%); mask-image: radial-gradient(closest-side ellipse at 55% 52%, #000 58%, transparent 100%); }
.svh-dir--rk .svh-dir__img, .svh-dir--pd .svh-dir__img { max-width: 330px; }
.svh-subs { position: relative; z-index: 2; grid-column: 4; grid-row: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.svh-subs--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.svh-sub--wide { grid-column: 1 / -1; }
.svh-sub__link { display: flex; align-items: flex-start; gap: 14px; height: 100%; min-height: 84px; padding: 16px 16px 14px; border: 1px solid #eceef1; border-radius: 9px; background: rgba(255, 255, 255, .94); box-shadow: var(--svh-card-shadow); transition: box-shadow .2s, transform .2s, border-color .2s; }
.svh-sub__link:hover { border-color: #e1e3e7; box-shadow: 0 14px 28px rgba(18, 21, 26, .09); transform: translateY(-2px); }
.svh-sub__ic { display: flex; width: 38px; height: 38px; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 9px; background: #fff; color: var(--svh-red); box-shadow: 0 4px 12px rgba(18, 21, 26, .08); }
.svh-sub__ic .svh-ic { width: 21px; height: 21px; }
.svh-sub__ic .svh-ic--img { width: 22px; height: 22px; }
.svh-sub__body { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 6px; padding-top: 1px; }
.svh-sub__title { color: var(--svh-ink); font-size: 13px; line-height: 1.32; font-weight: 700; }
.svh-sub__text { color: var(--svh-text); font-size: 12.5px; line-height: 1.35; }
.svh-sub__go { display: flex; color: var(--svh-red); }
.svh-sub__arr { width: 14px; height: 14px; color: var(--svh-red); transition: transform .2s; }
.svh-sub__link:hover .svh-sub__arr { transform: translateX(3px); }
.svh-sub--wide .svh-sub__link { align-items: center; min-height: 82px; padding: 14px 22px 14px 16px; }
.svh-sub__end { display: flex; margin-left: auto; }
.svh-dir--rk .svh-sub__link, .svh-dir--pd .svh-sub__link { min-height: 84px; padding: 18px 20px 14px; gap: 18px; }

/* Секции ниже */
.svh-sec { margin-top: 34px; }
.svh-head { display: flex; align-items: flex-end; gap: 34px; margin-bottom: 18px; }
.svh-head__main { flex: 0 0 auto; }
.svh-head__text { max-width: 440px; padding-bottom: 4px; font-size: 13.5px; line-height: 1.45; color: var(--svh-text); }
.svh-more { display: inline-flex; align-items: center; gap: 12px; margin-left: auto; padding-bottom: 8px; color: var(--svh-ink); font-size: 13.5px; font-weight: 700; white-space: nowrap; }
.svh-more:hover, .svh-more:hover .svh-arr { color: var(--svh-red); }
.svh-more:hover .svh-arr { transform: translateX(3px); }

/* Отрасли */
.svh-ind__list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.svh-ind__card { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid #eceef1; border-radius: 9px; background: #fff; box-shadow: var(--svh-card-shadow); transition: box-shadow .2s, transform .2s; }
.svh-ind__card:hover { box-shadow: 0 14px 28px rgba(18, 21, 26, .1); transform: translateY(-2px); }
.svh-ind__pic { display: block; aspect-ratio: 205 / 104; overflow: hidden; background: #eef0f2; }
.svh-ind__img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.svh-ind__card:hover .svh-ind__img { transform: scale(1.04); }
.svh-ind__name { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; min-height: 66px; padding: 14px 16px 12px; color: var(--svh-ink); font-size: 13.5px; line-height: 1.35; font-weight: 700; }
.svh-ind__card:hover .svh-arr, .svh-cms__card:hover .svh-arr, .svh-works__card:hover .svh-arr, .svh-case:hover .svh-arr { color: var(--svh-red); transform: translateX(3px); }

/* CMS */
.svh-cms { margin-top: 28px; }
.svh-cms__list { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 16px; }
.svh-cms__card { display: flex; align-items: center; justify-content: center; gap: 16px; min-height: 84px; height: 100%; padding: 12px 14px; border: 1px solid #eceef1; border-radius: 9px; background: #fff; box-shadow: var(--svh-card-shadow); transition: box-shadow .2s, transform .2s; }
.svh-cms__card:hover { box-shadow: 0 14px 28px rgba(18, 21, 26, .1); transform: translateY(-2px); }
.svh-cms__logo { display: flex; width: 46px; height: 46px; flex: 0 0 auto; align-items: center; justify-content: center; }
.svh-cms__img { display: block; width: 100%; height: 100%; object-fit: contain; }
.svh-cms__name { display: flex; flex-direction: column; gap: 6px; color: var(--svh-ink); font-size: 12.5px; line-height: 1.25; font-weight: 600; }

/* Отдельные работы */
.svh-works { margin-top: 28px; }
.svh-works .svh-head { margin-bottom: 18px; }
.svh-works__list { display: grid; grid-template-columns: 0.75fr 1fr 1.14fr 1fr 1fr 1fr; gap: 16px; }
.svh-works__card { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 84px; height: 100%; padding: 16px 20px; border: 1px solid #eceef1; border-radius: 9px; background: #fff; box-shadow: var(--svh-card-shadow); color: var(--svh-ink); font-size: 13.5px; line-height: 1.4; font-weight: 700; transition: box-shadow .2s, transform .2s; }
.svh-works__card:hover { box-shadow: 0 14px 28px rgba(18, 21, 26, .1); transform: translateY(-2px); }

/* Колонка «текст + карточки» */
.svh-split { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: start; }
.svh-split__text { max-width: 520px; margin-top: 10px !important; font-size: 14.5px; line-height: 1.45; color: var(--svh-text); }
.svh-split__info .svh-btn { margin-top: 20px; min-width: 150px; }

/* Кейсы */
.svh-cases { margin-top: 30px; }
.svh-cases__list { display: grid; grid-template-columns: repeat(3, 232px); gap: 18px; }
.svh-case { position: relative; display: block; height: 100%; }
.svh-case__pic { display: block; height: 170px; overflow: hidden; border-radius: 9px; background: #eef0f2; box-shadow: var(--svh-card-shadow); }
.svh-case__img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.svh-case:hover .svh-case__img { transform: scale(1.04); }
.svh-case__box { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: -52px 26px 0 0; padding: 12px 14px; border-radius: 0 8px 8px 8px; background: #fff; box-shadow: 0 10px 24px rgba(18, 21, 26, .1); }
.svh-case__box::after { content: ""; position: absolute; right: -26px; bottom: 0; width: 26px; height: 52px; background: linear-gradient(160deg, transparent 40%, rgba(224, 27, 27, .85) 41%); border-radius: 0 0 8px 0; }
.svh-case__txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.svh-case__txt b { color: var(--svh-ink); font-size: 13px; line-height: 1.3; font-weight: 700; }
.svh-case__txt small { color: var(--svh-text); font-size: 11.5px; line-height: 1.35; }

/* Цены */
.svh-prices { margin-top: 30px; }
.svh-prices .svh-split { grid-template-columns: minmax(0, 1fr) auto; }
.svh-prices__list { display: grid; grid-template-columns: 300px 300px 326px; gap: 20px; }
.svh-price { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 144px; overflow: hidden; padding: 16px 22px 18px; border: 1px solid #eceef1; border-radius: 9px; background: linear-gradient(110deg, #fff 0%, #fafafa 55%, #f2f3f5 100%); box-shadow: var(--svh-card-shadow); transition: box-shadow .2s, transform .2s; }
.svh-price::before { content: ""; position: absolute; right: 30px; bottom: -6px; width: 26px; height: 90px; background: var(--svh-red); transform: skewX(-24deg); opacity: .85; }
.svh-price::after { content: ""; position: absolute; right: 70px; bottom: 0; width: 56px; height: 54px; background: linear-gradient(180deg, rgba(240, 241, 243, 0), #eceef1); transform: skewX(-24deg); }
a.svh-price:hover { box-shadow: 0 14px 28px rgba(18, 21, 26, .1); transform: translateY(-2px); }
.svh-price__ic { display: flex; width: 50px; height: 50px; }
.svh-price__img { display: block; width: 100%; height: 100%; object-fit: contain; }
.svh-price__title { position: relative; z-index: 1; margin-top: 12px; color: var(--svh-ink); font-size: 14px; line-height: 1.3; font-weight: 700; }
.svh-price__val { position: relative; z-index: 1; margin-top: 8px; color: var(--svh-red); font-size: 19px; line-height: 1.2; font-weight: 800; white-space: nowrap; }

/* FAQ */
.svh-faq { margin-top: 30px; }
.svh-split--faq { grid-template-columns: minmax(0, 1fr) 600px; }
.svh-split--faq .svh-split__info { padding-top: 24px; }
.svh-acc { display: flex; flex-direction: column; gap: 6px; }
.svh-acc__item { border: 1px solid #eceef1; border-radius: 8px; background: #fff; box-shadow: 0 3px 10px rgba(18, 21, 26, .04); }
.svh-acc__h { margin: 0; font-size: inherit; }
.se-svh .svh-acc__btn { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 16px; min-height: 40px; padding: 8px 16px 8px 22px; border: 0; border-radius: 8px; background: none; color: var(--svh-ink); font: 500 13.5px/1.35 var(--svh-font); text-align: left; cursor: pointer; }
.svh-acc__btn:hover { color: var(--svh-red); }
.svh-acc__ic { width: 15px; height: 15px; flex: 0 0 auto; color: var(--svh-ink); transition: transform .25s; }
.svh-acc__btn[aria-expanded="true"] .svh-acc__ic { transform: rotate(45deg); color: var(--svh-red); }
.svh-acc__panel { padding: 0 22px 14px; font-size: 13.5px; line-height: 1.55; color: var(--svh-text); }

/* CTA */
.se-svh .svh-cta-wrap { margin-top: 40px; max-width: 1384px; padding: 0 4px; }
.svh-cta { position: relative; overflow: hidden; padding: 42px 500px 30px 56px; border-radius: 12px; background: linear-gradient(100deg, #24272d 0%, #1b1e23 55%, #17191d 100%); color: #c9ccd3; box-shadow: 0 20px 44px rgba(18, 21, 26, .18); }
.svh-cta__art { position: absolute; right: 0; top: 0; bottom: 0; width: 46%; }
.svh-cta__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right center; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 34%); mask-image: linear-gradient(90deg, transparent 0, #000 34%); opacity: .95; }
.svh-cta__main { position: relative; z-index: 2; display: flex; align-items: flex-start; gap: 70px; }
.svh-cta__text { min-width: 0; }
.svh-eyebrow--dark { color: #f04848; }
.svh-cta__title { margin-top: 8px !important; color: #fff !important; font-size: 27px; line-height: 1.2; font-weight: 800; white-space: nowrap; }
.svh-cta__lead { max-width: 480px; margin-top: 10px !important; font-size: 14.5px; line-height: 1.45; color: #c9ccd3; }
.svh-cta__btn { flex: 0 0 auto; margin-top: 26px; min-width: 222px; min-height: 52px; }
.svh-cta__feats { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 14px 56px; margin-top: 28px !important; }
.svh-cta__feats li { display: flex; align-items: center; gap: 12px; }
.svh-cta__fic { display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; border: 1.5px solid rgba(240, 72, 72, .7); border-radius: 50%; color: #f04848; }
.svh-cta__fic .svh-ic { width: 18px; height: 18px; }
.svh-cta__feats b { display: block; color: #fff; font-size: 12.5px; line-height: 1.3; font-weight: 700; }
.svh-cta__feats small { display: block; color: #9aa0aa; font-size: 12px; line-height: 1.3; }

/* ≤1360 */
@media (max-width: 1360px) {
    .svh-dir__grid { grid-template-columns: 70px minmax(0, 300px) minmax(0, 1fr) minmax(0, 600px); }
    .svh-dir--rk .svh-dir__grid, .svh-dir--pd .svh-dir__grid { grid-template-columns: 70px minmax(0, 300px) minmax(0, 1fr) minmax(0, 560px); }
    .svh-prices__list { grid-template-columns: repeat(3, minmax(0, 240px)); }
    .svh-cta { padding-right: 460px; padding-left: 70px; }
    .svh-cta__title { white-space: normal; }
}

/* ≤1180: направления — описание сверху, карточки во всю ширину */
@media (max-width: 1180px) {
    .svh-hero__art { width: 58vw; opacity: .85; }
    .svh-h1 { font-size: 50px; line-height: 54px; }
    .svh-dir__grid, .svh-dir--rk .svh-dir__grid, .svh-dir--pd .svh-dir__grid { grid-template-columns: 60px minmax(0, 1fr) 300px; row-gap: 26px; }
    .svh-dir__text { width: auto; max-width: 600px; }
    .svh-dir__title { white-space: normal; }
    .svh-dir__art { grid-column: 3; margin: 0; align-self: center; }
    .svh-subs { grid-column: 1 / -1; grid-row: 2; }
    .svh-ind__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .svh-cms__list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .svh-works__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .svh-split, .svh-prices .svh-split, .svh-split--faq { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .svh-split--faq .svh-split__info { padding-top: 0; }
    .svh-cases__list, .svh-prices__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .svh-cta { padding: 40px 40% 30px 48px; }
    .svh-cta__main { flex-direction: column; gap: 0; }
    .svh-cta__feats { margin-left: 0 !important; gap: 14px 30px; }
}

/* ≤860: планшет */
@media (max-width: 860px) {
    .svh-hero { display: flex; flex-direction: column-reverse; min-height: 0; padding-bottom: 50px; }
    .svh-hero__art { position: relative; width: 100%; opacity: 1; margin-top: -10px; }
    .svh-hero__img { -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 14%); mask-image: linear-gradient(180deg, transparent 0, #000 14%); }
    .svh-crumbs, .svh-h1, .svh-lead, .svh-hero__btns, .svh-feats { margin-left: 0 !important; }
    .svh-tabs { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .svh-tabs::-webkit-scrollbar { display: none; }
    .svh-tab { flex: 0 0 auto; padding: 10px 20px; scroll-snap-align: start; }
    .svh-dir__grid, .svh-dir--rk .svh-dir__grid, .svh-dir--pd .svh-dir__grid { grid-template-columns: minmax(0, 1fr) 220px; }
    .svh-dir__info { grid-column: 1; padding-left: 0; }
    .svh-dir__num { position: static; margin-bottom: 10px; }
    .svh-dir__num::before { display: none; }
    .svh-dir__art { grid-column: 2; }
    .svh-head { flex-wrap: wrap; gap: 8px 24px; }
    .svh-head__main { flex: 1 1 100%; }
    .svh-more { margin-left: 0; padding-bottom: 0; }
    .svh-cms__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .svh-works__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .svh-cases__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .svh-cases__list li:nth-child(3) { display: none; }
    .svh-cta { padding: 34px 32px 28px; }
    .svh-cta__art { width: 100%; opacity: .22; }
}

/* ≤640: телефон */
@media (max-width: 640px) {
    .se-svh { padding-bottom: 44px; }
    .se-svh .svh-wrap { padding: 0 16px; }
    .svh-hero__in { padding-top: 20px; }
    .svh-h1 { font-size: 38px; line-height: 42px; }
    .svh-lead { font-size: 15px; }
    .svh-hero__btns { flex-direction: column; gap: 10px; }
    .svh-hero__btns .svh-btn { width: 100%; min-width: 0; justify-content: space-between; }
    .svh-feats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .svh-tab__txt small { display: none; }
    .svh-tab { min-height: 58px; gap: 12px; padding: 8px 16px; }
    .svh-tab__ic .svh-ic { width: 24px; height: 24px; }
    .svh-dir { padding: 28px 0 26px; }
    .svh-dir::after { display: none; }
    .svh-dir__grid, .svh-dir--rk .svh-dir__grid, .svh-dir--pd .svh-dir__grid { grid-template-columns: minmax(0, 1fr); row-gap: 18px; }
    .svh-dir__art { display: none; }
    .svh-dir__title { font-size: 26px; }
    .svh-dir__btn { width: 100%; justify-content: space-between; }
    .svh-subs, .svh-subs--2 { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .svh-sub__link, .svh-dir--rk .svh-sub__link, .svh-dir--pd .svh-sub__link { min-height: 0; flex-direction: row; align-items: center; padding: 12px 14px; gap: 14px; }
    .svh-sub__body { flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; }
    .svh-sub--wide .svh-sub__body { flex-direction: column; align-items: flex-start; }
    .svh-h2 { font-size: 26px; }
    .svh-sec { margin-top: 36px; }
    .svh-ind__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .svh-ind__name { min-height: 64px; padding: 12px; font-size: 13px; }
    .svh-cms__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .svh-cms__card { justify-content: flex-start; }
    .svh-works__list { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .svh-works__card { min-height: 60px; }
    .svh-works__card br { display: none; }
    .svh-cases__list, .svh-prices__list { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .svh-cases__list li:nth-child(3) { display: block; }
    .svh-case__pic { height: 190px; }
    .svh-split__info .svh-btn { width: 100%; justify-content: space-between; }
    .svh-cta { padding: 28px 20px 24px; }
    .svh-cta__title { font-size: 24px; }
    .svh-cta__btn { width: 100%; justify-content: space-between; margin-top: 20px; }
    .svh-cta__feats { flex-direction: column; gap: 12px; margin-top: 22px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .se-svh *, .se-svh *::before, .se-svh *::after { transition: none !important; scroll-behavior: auto !important; }
}