/* Страницы услуг (Услуги, Реклама, Аналитика) поверх sites.css. Шаг 4px, один синий акцент, одна кривая. */
.page-sites{--sv-ease:cubic-bezier(.2,.8,.2,1)}

/* ── первый экран: визуал справа вместо сцены с телефонами ── */
.sv-hero .st-hero__grid{column-gap:64px;grid-template-columns:minmax(0,1fr) min(640px,46vw)}
.sv-hero .st-hero__text{grid-column:1}
.sv-hero .st-display{font-size:clamp(44px,5.4vw,80px);max-width:none}
.sv-hero .st-display__l2{padding-left:.5em}.sv-hero .st-display__l3{padding-left:1.2em;margin-top:0}
.sv-hero .st-lead{max-width:440px;margin-top:clamp(40px,5vw,72px)}
.sv-visual{grid-column:2;grid-row:1/3;position:relative;z-index:2;align-self:start}

/* карточка кейса (Реклама) */
.sv-case{margin:0;border-radius:24px;background:#141416;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.sv-case__photo{height:240px;overflow:hidden}
.sv-case__photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.sv-case__body{padding:24px 28px 28px;display:grid;gap:24px}
.sv-case__meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:rgba(255,255,255,.5)}
.sv-case__nums{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;margin:0}
.sv-case__nums div{display:grid;gap:8px;align-content:end;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.sv-case__nums dt{order:2;font:400 13px/1.3 Inter,sans-serif;color:rgba(255,255,255,.55)}
.sv-case__nums dd{order:1;margin:0;font:500 32px/1 Inter,sans-serif;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.sv-case__key{border-top-color:var(--st-blue)!important}
.sv-case__key dd{font-size:56px;color:#fff}
.sv-case__foot{display:flex;align-items:center;gap:12px;font-size:12px;color:rgba(255,255,255,.5)}
.sv-case__foot i{width:8px;height:8px;border-radius:50%;background:var(--st-blue)}

/* схема воронки (Аналитика) */
.sv-fun{margin:0;padding:28px;border-radius:24px;background:#141416;border:1px solid rgba(255,255,255,.08);display:grid;gap:24px}
.sv-fun__meta{display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.5)}
.sv-fun__rows{display:grid;gap:12px}
.sv-fun__row{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:16px}
.sv-fun__name{font:500 15px/1 Inter,sans-serif;color:rgba(255,255,255,.72)}
.sv-fun__row--key .sv-fun__name{color:#fff}
.sv-fun__bar{display:flex;gap:4px;height:44px}
.sv-fun__bar i{width:var(--w);border-radius:8px;transform-origin:left}
.sv-fun__c0{background:#e8e8ea}.sv-fun__c1{background:#8c8c94}.sv-fun__c2{background:#4a4a50}
.sv-fun__row--key .sv-fun__c0{background:var(--st-blue)}
.sv-fun__row--key .sv-fun__c1{background:#5b95ff}
.sv-fun__row--key .sv-fun__c2{background:#a9c6ff}
.sv-fun__legend{display:flex;gap:20px;margin:0;font:400 12px/1 var(--st-mono);color:rgba(255,255,255,.5)}
.sv-fun__legend span{display:flex;align-items:center;gap:8px}
.sv-fun__legend i{width:10px;height:10px;border-radius:2px}
.sv-fun__cap{display:grid;gap:4px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.sv-fun__cap b{font:500 24px/1.1 Inter,sans-serif;letter-spacing:-.03em;color:#fff}
.sv-fun__cap span{font:400 14px/1.4 Inter,sans-serif;color:rgba(255,255,255,.55)}

/* мини-воронка в плитке «Коротко» */
.sv-mini{display:grid;gap:4px}
.sv-mini i{display:block;height:12px;width:var(--w);border-radius:4px;background:rgba(12,12,12,.14)}
.sv-mini i:last-child{background:var(--st-blue)}

/* список направлений (Услуги) */
.sv-dirs{display:grid;border-top:1px solid rgba(255,255,255,.14)}
.st .sv-dir{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name go" "txt go" "price go";column-gap:24px;row-gap:4px;
  padding:24px 4px;border-bottom:1px solid rgba(255,255,255,.14);text-decoration:none;color:#fff;
  transition:background-color .2s var(--sv-ease)}
.sv-dir__name{grid-area:name;font:500 40px/1.05 Inter,sans-serif;letter-spacing:-.04em}
.sv-dir__txt{grid-area:txt;font:400 15px/1.4 Inter,sans-serif;color:rgba(255,255,255,.6)}
.sv-dir__price{grid-area:price;margin-top:8px;font-size:12px;color:rgba(255,255,255,.5)}
.sv-dir__go{grid-area:go;align-self:center;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;
  border:1px solid rgba(255,255,255,.2);transition:background-color .2s var(--sv-ease),border-color .2s var(--sv-ease)}
.sv-dir__go svg{width:20px;height:20px}
.st .sv-dir:hover .sv-dir__go,.st .sv-dir:focus-visible .sv-dir__go{background:var(--st-blue);border-color:var(--st-blue)}
.st .sv-dir:focus-visible{outline:2px solid var(--st-blue);outline-offset:4px}

/* «для кого» (Услуги) */
.sv-fors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:48px}
.sv-for{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:20px;background:#f5f5f5;min-width:0}
.sv-for--key{background:#0b0b0c;color:#fff}
.sv-for .st-mono{font-size:12px;color:rgba(12,12,12,.5)}
.sv-for--key .st-mono{color:rgba(255,255,255,.5)}
.sv-for h3{font:600 20px/1.25 Inter,sans-serif;letter-spacing:-.02em}
.sv-for ul{display:grid;gap:8px;margin-bottom:8px}
.sv-for li{position:relative;padding-left:16px;font:400 14px/1.3 Inter,sans-serif;color:rgba(12,12,12,.68)}
.sv-for--key li{color:rgba(255,255,255,.68)}
.sv-for li::before{content:"";position:absolute;left:0;top:.45em;width:6px;height:6px;border-radius:50%;background:var(--st-blue)}
.st .sv-for__more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font:500 15px/1 Inter,sans-serif;text-decoration:none}
.sv-for__more span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--st-blue);color:#fff;
  transition:transform .2s var(--sv-ease)}
.sv-for__more svg{width:16px;height:16px}
.st .sv-for__more:hover span{transform:translateX(2px)}

/* сетки под число карточек */
.sv-prices-3{grid-template-columns:repeat(3,1fr)}
.sv-prices-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv-pricev__row:has(.sv-prices-2){grid-template-columns:minmax(0,1fr) minmax(0,300px)}
.sv-steps-4{grid-template-columns:repeat(4,1fr)}
.sv-aside-dark a{color:#5b95ff}
.st .sv-links{margin-top:48px}
.sv-hero~.st-short .st-bento__big{font-size:96px;white-space:nowrap}

/* цифра в карточке вопроса */
.qv-fig{display:grid;gap:8px;align-content:center}
.qv-fig b{font:600 56px/1 Inter,sans-serif;letter-spacing:-.05em;color:var(--st-blue);font-variant-numeric:tabular-nums}
.qv-fig i{font-style:normal;font-size:11px;color:rgba(12,12,12,.5)}
.st-qa__item--dark .qv-fig b{color:#fff}
.st-qa__item--dark .qv-fig i{color:rgba(255,255,255,.5)}


/* проверка agen.kz (SEO + GEO) */
.sv-seo{margin:0;padding:28px;border-radius:24px;background:#141416;border:1px solid rgba(255,255,255,.08);display:grid;gap:28px;color:#fff}
.sv-seo__meta{display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.5)}
.sv-seo__scores{display:grid;gap:20px}
.sv-score{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name num" "bar bar";row-gap:12px;align-items:end}
.sv-score__name{grid-area:name;font:500 15px/1.2 Inter,sans-serif;color:rgba(255,255,255,.72)}
.sv-score b{grid-area:num;font:500 48px/1 Inter,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.sv-score b small{font-size:18px;color:rgba(255,255,255,.4);letter-spacing:0}
.sv-score__bar{grid-area:bar;height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.sv-score__bar i{display:block;height:100%;width:var(--w);border-radius:4px;background:#8c8c94;transform-origin:left}
.sv-score--key .sv-score__bar i{background:var(--st-blue)}
.sv-score--key .sv-score__name{color:#fff}
.sv-seo__list{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.12)}
.sv-seo__list li{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.sv-seo__list li:last-child{border-bottom:0;padding-bottom:0}
.sv-seo__list b{font:500 16px/1.2 Inter,sans-serif}
.sv-seo__list span{font:400 14px/1.4 Inter,sans-serif;color:rgba(255,255,255,.55)}
.st-bento__tech:not(:has(img)){background:#0b0b0c}
@media (prefers-reduced-motion:no-preference){
  .sv-seo{animation:sv-rise .7s var(--sv-ease) both;animation-delay:.15s}
  .sv-score__bar i{animation:sv-grow 1.1s var(--sv-ease) both;animation-delay:.45s}
}
@media (max-width:760px){.sv-seo{padding:20px}.sv-score b{font-size:40px}}

/* появление: один раз, короткий подъём */
@media (prefers-reduced-motion:no-preference){
  .sv-case,.sv-fun,.sv-dir{animation:sv-rise .7s var(--sv-ease) both;animation-delay:calc(.15s + var(--i,0) * .08s)}
  .sv-fun__bar i{animation:sv-grow .9s var(--sv-ease) both;animation-delay:calc(.4s + var(--i,0) * .1s)}
}
@keyframes sv-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes sv-grow{from{transform:scaleX(0)}to{transform:none}}

@media (max-width:1180px){
  .sv-fors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv-for:last-child{grid-column:1/-1}
  .sv-steps-4{grid-template-columns:repeat(2,1fr)}
  .sv-prices-3{grid-template-columns:1fr 1fr}
  .sv-dir__name{font-size:32px}
  .sv-case__key dd{font-size:44px}
  .sv-case__nums dd{font-size:26px}
}
@media (max-width:760px){
  .sv-hero .st-display{font-size:20px}
  .sv-hero .st-display__l2,.sv-hero .st-display__l3{padding-left:0}
  .sv-hero .st-lead{margin-top:20px}
  .sv-visual{margin:32px 0 0}
  .sv-dirs{margin-top:32px}
  .st .sv-dir{padding:20px 0}
  .sv-dir__name{font-size:28px}
  .sv-dir__go{width:40px;height:40px}
  .sv-case__photo{height:180px}
  .sv-case__body{padding:20px}
  .sv-case__nums{grid-template-columns:1fr 1fr}
  .sv-case__key{grid-column:1/-1}
  .sv-case__meta{flex-direction:column;gap:4px}
  .sv-fun{padding:20px}
  .sv-fun__row{grid-template-columns:72px 1fr;gap:12px}
  .sv-fun__bar{height:32px}
  .sv-fors,.sv-steps-4,.sv-prices-3,.sv-prices-2{grid-template-columns:1fr}
  .sv-fors{margin-top:28px;gap:10px}
  .qv-fig b{font-size:44px}
  .st .sv-links{margin-top:28px}
  .sv-hero~.st-short .st-bento__big{font-size:64px}
}

/* ── «Коротко» на «Услугах»: направление — строка на всю ширину (06.11) ── */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sv-rows{display:grid;margin-top:48px;border-top:1px solid rgba(12,12,12,.12)}
.sv-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr) auto;gap:32px;align-items:center;
  padding:32px 0;border-bottom:1px solid rgba(12,12,12,.12);scroll-margin-top:24px}
.sv-row__head{display:grid;gap:8px}
.sv-row__name{font:600 40px/1.05 Inter,sans-serif;letter-spacing:-.04em}
.sv-row__price{font-size:12px;color:rgba(12,12,12,.55)}
.sv-row__for{display:grid;gap:8px}
.sv-row__for .st-mono{font-size:11px;color:rgba(12,12,12,.45)}
.sv-row__for p:last-child{font:500 17px/1.4 Inter,sans-serif;letter-spacing:-.01em}
.sv-row__tags{display:grid;gap:8px}
.sv-row__tags li{position:relative;padding-left:16px;font:400 14px/1.3 Inter,sans-serif;color:rgba(12,12,12,.68)}
.sv-row__tags li::before{content:"";position:absolute;left:0;top:.45em;width:6px;height:6px;border-radius:50%;background:var(--st-blue)}
.st .sv-row__btn{justify-self:end}
.sv-row:target{background:linear-gradient(90deg,rgba(27,109,245,.06),transparent 60%)}
.sv-dir__go--down svg{transform:rotate(90deg)}
@media (max-width:1180px){
  .sv-row{grid-template-columns:1fr 1fr;row-gap:20px}
  .st .sv-row__btn{justify-self:start}
}
@media (max-width:760px){
  .sv-rows{margin-top:28px}
  .sv-row{grid-template-columns:1fr;gap:16px;padding:24px 0}
  .sv-row__name{font-size:30px}
  .st .sv-row__btn{justify-self:stretch}
}
html[data-theme=light] .page-sites .st-sec--light .sv-row:target{background:linear-gradient(90deg,rgba(27,109,245,.08),transparent 60%)}

/* ── цифра в карточке вопроса: выезжает, считается, под ней растёт линия ── */
.qv-fig__clip{display:block;overflow:hidden;padding-bottom:.06em}
.qv-fig__clip b{display:block}
.qv-fig__line{display:block;width:56px;height:3px;border-radius:2px;background:var(--st-blue)}
.st-qa__item--dark .qv-fig__line{background:#fff}
@media (prefers-reduced-motion:no-preference){
  .st-qa__grid .qv-fig__clip b{transform:translateY(105%);transition:transform .8s var(--sv-ease);transition-delay:calc(.35s + var(--k,0) * 120ms)}
  .st-qa__grid .qv-fig__line{transform:scaleX(0);transform-origin:left;transition:transform 1s var(--sv-ease);transition-delay:calc(.75s + var(--k,0) * 120ms)}
  .st-qa__grid .qv-fig i{opacity:0;transition:opacity .6s ease;transition-delay:calc(1s + var(--k,0) * 120ms)}
  .st-qa__grid.is-in .qv-fig__clip b,.st-qa__grid.is-in .qv-fig__line{transform:none}
  .st-qa__grid.is-in .qv-fig i{opacity:1}
}

.qv-fig--word b{font-size:40px;letter-spacing:-.04em}
.st-qa__item--dark:nth-child(n) .st-qa__chip{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}

/* блок «Что нужно для старта» вместо второй формы (06.11) */
.sv-start{width:560px;flex:none;display:grid;gap:20px;align-content:start;padding:32px;border-radius:24px;background:#fff;color:#0b0b0c}
.sv-start>.st-mono{color:rgba(12,12,12,.6)}
.sv-start__list{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(12,12,12,.1)}
.sv-start__list li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(12,12,12,.1)}
.sv-start__n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--st-blue);color:#fff;font:400 20px/1 'Bebas Neue',sans-serif}
.sv-start__list b{display:block;font:600 18px/1.3 Inter,sans-serif;letter-spacing:-.02em}
.sv-start__list p{margin:4px 0 0;font:400 14px/1.45 Inter,sans-serif;color:rgba(12,12,12,.6)}
.st .sv-start__go{text-decoration:none;margin-top:4px;color:#fff}
@media (max-width:1180px){.sv-start{width:auto}}
@media (max-width:760px){.sv-start{padding:20px;border-radius:20px}}

/* GEO и SEO: подсветка переходит между двумя видами поиска */
.qv-duo{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px}
.qv-duo span{padding:16px 8px;border-radius:12px;text-align:center;font:600 15px/1 Inter,sans-serif;background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}
.qv-duo i{height:2px;background:rgba(255,255,255,.2)}
.qv-duo span:first-child{background:var(--st-blue);color:#fff}
@media (prefers-reduced-motion:no-preference){
  .st-qa__grid.is-in .qv-duo span:first-child{animation:qv-duo-a 4s ease 1s infinite}
  .st-qa__grid.is-in .qv-duo span:last-child{animation:qv-duo-b 4s ease 1s infinite}
}
@keyframes qv-duo-a{0%,40%{background:var(--st-blue);color:#fff}50%,90%{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}100%{background:var(--st-blue);color:#fff}}
@keyframes qv-duo-b{0%,40%{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}50%,90%{background:var(--st-blue);color:#fff}100%{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}}
.sv-prices-1{grid-template-columns:minmax(0,440px)}

/* одна строка с призывом перед подвалом */
.st-sec.sv-strip{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:48px var(--st-px,80px);background:var(--st-blue);color:#fff}
.sv-strip__t{margin:0;font:600 clamp(26px,3vw,44px)/1.1 Inter,sans-serif;letter-spacing:-.04em}
.st .sv-strip__btn{flex:none;background:#fff;color:#0b0b0c}
.st .sv-strip__btn .st-chipbtn__chip{background:#0b0b0c;color:#fff}
@media (max-width:760px){.st-sec.sv-strip{flex-direction:column;align-items:stretch;padding:32px 20px}}

/* живые картинки в вопросах «Услуг» */
.qv-split{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.qv-split span{display:grid;justify-items:center;gap:6px;padding:14px 6px;border-radius:14px;font:600 13px/1.1 Inter,sans-serif;text-align:center}
.qv-split svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.qv-split__a{background:var(--st-blue);color:#fff}
.qv-split__b{border:1.5px dashed rgba(12,12,12,.3);color:#0b0b0c}
.qv-split__b small{font:400 10px/1 var(--st-mono);color:rgba(12,12,12,.5);text-transform:uppercase}
.qv-split b{font:500 20px/1 Inter,sans-serif;color:rgba(12,12,12,.4)}
.qv-own{display:flex;align-items:center;gap:14px}
.qv-own__key{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:16px;background:var(--st-blue);color:#fff}
.qv-own__key svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.qv-own div{display:grid;gap:6px}
.qv-own .st-mono{font-size:10px;color:rgba(255,255,255,.5)}
.qv-own b{font:600 18px/1.1 Inter,sans-serif;color:#fff}
@media (prefers-reduced-motion:no-preference){
  .st-qa__grid .qv-split__b{opacity:0;transform:translateX(10px);transition:opacity .6s ease 1s,transform .7s cubic-bezier(.2,.8,.2,1) 1s}
  .st-qa__grid.is-in .qv-split__b{opacity:1;transform:none}
  .st-qa__grid.is-in .qv-split__b{animation:qv-dash 3s ease 2.2s infinite}
  .st-qa__grid .qv-own__key svg{transform:rotate(-70deg);transition:transform .9s cubic-bezier(.3,1.4,.5,1) 1.2s}
  .st-qa__grid.is-in .qv-own__key svg{transform:none}
}
@keyframes qv-dash{0%,100%{border-color:rgba(12,12,12,.3)}50%{border-color:var(--st-blue)}}
.st-qa__item:not(.st-qa__item--dark) .qv-lang__k:not(.qv-lang__k--b){background:#ececee;color:rgba(12,12,12,.35)}

/* SEO: «Цены» едут вертикально слева, справа тариф и пояснение (06.11) */
.sv-pricev{display:grid;grid-template-columns:clamp(120px,14vw,200px) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:stretch}
.sv-vmarq{position:relative;overflow:hidden;border-radius:20px;height:600px;align-self:center;
  -webkit-mask:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
.sv-vmarq__rot{position:absolute;left:0;top:100%;width:600px;height:clamp(120px,14vw,200px);transform-origin:0 0;transform:rotate(-90deg);
  display:flex;align-items:center;overflow:hidden}
.sv-vmarq__track{display:flex;align-items:center;gap:.16em;width:max-content;flex:none;
  font:600 clamp(96px,11vw,170px)/1 Inter,sans-serif;letter-spacing:-.06em;color:var(--st-ink);animation:sv-vrun 16s linear infinite}
.sv-vmarq__track span{flex:none}
.sv-vmarq__track i{display:block;flex:none;width:.5em;height:.5em;margin-inline:.1em;border-top:.1em solid var(--st-blue);border-left:.1em solid var(--st-blue)}
@keyframes sv-vrun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sv-vmarq__track{animation:none}}
.sv-pricev__body .st-h2{width:auto}
.sv-pricev__body{display:grid;gap:32px;align-content:center}
.sv-pricev__row{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:32px;align-items:start}
.sv-pricev__side{display:grid;gap:16px;font:400 17px/1.55 Inter,sans-serif;color:var(--st-text)}
.sv-pricev__side .st-aside{margin:0}
@media (max-width:1180px){.sv-pricev__row,.sv-pricev__row:has(.sv-prices-2){grid-template-columns:1fr}}
@media (max-width:760px){
  .sv-pricev{grid-template-columns:1fr}
  .sv-vmarq{height:120px}
  .sv-vmarq__rot{position:static;width:auto;height:100%;transform:none}
  .sv-vmarq__track{font-size:96px}
}

/* «Аналитика»: плитка «PALS + человек» и карточки в стиле PALS (06.11) */
.st-bento__tech.sv-palsman{background:#0b0b0c;justify-content:space-between!important}
.st-bento__tech.sv-palsman::after{content:none}
.sv-palsman__pair{display:flex;align-items:center;gap:10px}
.sv-palsman__pals{display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:#0066ff;color:#fff;width:120px}
.sv-palsman__pals b{font:700 16px/1 Inter,sans-serif;letter-spacing:-.04em}
.sv-palsman__pals svg{width:100%;height:28px;display:block}
.sv-palsman__pals path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sv-palsman__plus{font:500 22px/1 Inter,sans-serif;color:rgba(255,255,255,.4)}
.sv-palsman__man{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.1)}
.sv-palsman__man svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round}
.sv-hero~.st-short .st-bento__num{font-size:clamp(34px,3.4vw,56px);overflow-wrap:anywhere}

.qp{display:grid;gap:10px;padding:14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(12,12,12,.06),0 10px 24px rgba(12,12,12,.06);font-family:Inter,sans-serif;color:#0b0b0c}
.st-qa__item:nth-child(even) .qp{background:#f5f5f7}
.qp__h{margin:0;font:500 11px/1 Inter,sans-serif;color:rgba(12,12,12,.55)}
.qp--dark{background:#141824!important;color:#fff}
.qp--dark .qp__h{color:rgba(255,255,255,.6)}
.qp__row{display:grid;grid-template-columns:1fr auto;gap:4px 8px;font-size:11px}
.qp__row b{font-weight:600;font-variant-numeric:tabular-nums}
.qp__row i{grid-column:1/-1;height:4px;border-radius:2px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.qp__row i::after{content:"";position:absolute;inset:0;width:var(--w);border-radius:2px;background:#0066ff;transform-origin:left}
.qp--blue{background:#0066ff!important;color:#fff}
.qp--blue .qp__h{color:rgba(255,255,255,.75)}
.qp__big{font:700 26px/1 Inter,sans-serif;letter-spacing:-.03em}
.qp__d{margin:0;font-size:11px;color:rgba(255,255,255,.8)}
.qp__line{width:100%;height:40px}
.qp__line path{fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.qp__ch{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;font-size:12px}
.qp__ch i{width:8px;height:8px;border-radius:50%}
.qp__ch b{color:#0066ff;font-weight:600}
.qp-int{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.qp-int span{padding:8px 10px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(12,12,12,.08);font:600 12px/1 Inter,sans-serif;color:rgba(12,12,12,.45)}
.st-qa__item:nth-child(even) .qp-int span{background:#f5f5f7}
@media (prefers-reduced-motion:no-preference){
  .st-qa__grid .qp__row i::after{transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(.5s + var(--i) * .15s)}
  .st-qa__grid.is-in .qp__row i::after{transform:none}
  .st-qa__grid .qp__line path,.sv-palsman__pals path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.6,0,.2,1) .7s}
  .st-qa__grid.is-in .qp__line path,.st-bento.is-in .sv-palsman__pals path{stroke-dashoffset:0}
  .st-qa__grid .qp__ch{opacity:0;transform:translateX(-8px);transition:opacity .5s ease,transform .6s ease;transition-delay:calc(.6s + var(--i) * .18s)}
  .st-qa__grid.is-in .qp__ch{opacity:1;transform:none}
  .st-qa__grid.is-in .qp-int span{animation:qp-on 6s ease infinite;animation-delay:calc(.8s + var(--i) * .5s)}
}
@keyframes qp-on{0%,4%{background:#fff;color:rgba(12,12,12,.45)}10%,60%{background:#0066ff;color:#fff}70%,100%{background:#e8f0ff;color:#0066ff}}

/* ── 08.11 Алим: сверху все пять услуг видны сразу — строки плотнее, цена справа ── */
.st .sv-dir{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name price go" "txt price go";column-gap:24px;padding:20px 4px}
.sv-dir__name{font-size:32px}
.sv-dir__price{margin-top:0;align-self:center;text-align:right}
.sv-dir__go{width:44px;height:44px}
@media (max-width:1180px){.sv-dir__name{font-size:28px}}
@media (max-width:760px){
  .st .sv-dir{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name go" "txt go" "price go";padding:16px 0}
  .sv-dir__name{font-size:24px}.sv-dir__price{text-align:left;margin-top:4px}.sv-dir__go{width:40px;height:40px}
}

/* ── «Не хочу разбираться»: большой блок комплексного маркетинга под пятью строками ── */
.sv-all{margin-top:48px;padding:40px;border-radius:24px;background:#0b0b0c;color:#f4f4f2;display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"head list" "foot list";gap:32px 48px;scroll-margin-top:24px}
.sv-all__head{grid-area:head;display:grid;gap:16px;align-content:start}
.sv-all__head .st-mono{margin:0;font-size:12px;color:rgba(244,244,242,.55)}
.sv-all__name{margin:0;font:600 clamp(36px,4.4vw,64px)/1.02 Inter,sans-serif;letter-spacing:-.035em}
.sv-all__txt{margin:0;max-width:480px;font:400 17px/1.5 Inter,sans-serif;color:rgba(244,244,242,.72)}
.sv-all__list{grid-area:list;list-style:none;margin:0;padding:0;align-self:center;border-top:1px solid rgba(255,255,255,.12)}
.sv-all__list li{position:relative;padding:16px 0 16px 28px;border-bottom:1px solid rgba(255,255,255,.12);font:500 20px/1.3 Inter,sans-serif;letter-spacing:-.01em}
.sv-all__list li::before{content:"";position:absolute;left:0;top:50%;width:12px;height:7px;margin-top:-6px;border:solid var(--st-blue);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.sv-all__list a{color:inherit;text-decoration:none}
.sv-all__list a:hover{color:#8fb0ff}
.sv-all__list a:focus-visible{outline:2px solid var(--st-blue);outline-offset:3px;border-radius:4px}
.sv-all__foot{grid-area:foot;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;align-self:end}
.sv-all__price{margin:0;display:grid;gap:6px;font:600 40px/1 Inter,sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.sv-all__price span{font:400 14px/1.3 Inter,sans-serif;letter-spacing:0;color:rgba(244,244,242,.6)}
@media (max-width:1180px){.sv-all{grid-template-columns:1fr;grid-template-areas:"head" "list" "foot"}}
@media (max-width:760px){.sv-all{margin-top:28px;padding:24px 20px;border-radius:20px;gap:24px}
  .sv-all__list li{font-size:17px;padding:14px 0 14px 26px}.sv-all__price{font-size:32px}
  .sv-all__foot .st-chipbtn{width:100%}}

/* 08.11 Алим: шапка на «Услугах» и страницах услуг — 35 px сверху, снизу var(--pad); бока выровнены по карточке */
.page-sites .topbar{padding-top:35px;padding-bottom:var(--pad)}