/*
 * Главная (front-page.php, template-parts/home/*). Подключается только на главной.
 * Дизайн перенесён из index.html без изменений: блоки идут в том же порядке,
 * порядок важен — a-calm перекрывает предыдущие. Подвал — assets/css/footer.css.
 */

/* ===== a-base-css ===== */
/*
 * Вариант 2 дизайна страницы. Палитра и шрифты темы: navy #1E3A5F, coral #EA580C,
 * coral-light #F97316, рамки #e5e7eb, скругления 12–24px.
 */
.a-wrap { max-width: 72rem; margin: 0 auto; }
.a-eyebrow { display: inline-flex; align-items: center; gap: .5rem; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #EA580C; margin-bottom: 1rem; }
.a-eyebrow::before { content: ""; width: 1.75rem; height: 2px; border-radius: 2px; background: #EA580C; }
.a-h2 { font-size: 1.875rem; font-weight: 800; color: #1E3A5F; line-height: 1.2; }
@media (min-width: 768px) { .a-h2 { font-size: 2.5rem; } }
.a-h2 span { color: #EA580C; }
.a-lead { font-size: 1.0625rem; color: rgba(30,58,95,.65); line-height: 1.65; margin-top: .9rem; max-width: 40rem; }
.a-head { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2.75rem; }
@media (min-width: 1024px) { .a-head--split { flex-direction: row; align-items: flex-end; justify-content: space-between; } }
.a-link { display: inline-flex; align-items: center; gap: .45rem; font-weight: 700; font-size: .9375rem; color: #EA580C; text-decoration: none; white-space: nowrap; }
.a-link:hover { text-decoration: underline; }

/* Hero */
.a-hero { position: relative; overflow: hidden; background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.a-hero::before { content: ""; position: absolute; top: -12rem; right: -10rem; width: 38rem; height: 38rem; border-radius: 999px; background: rgba(234,88,12,.08); filter: blur(40px); }
.a-hero::after { content: ""; position: absolute; bottom: -14rem; left: -12rem; width: 34rem; height: 34rem; border-radius: 999px; background: rgba(30,58,95,.06); filter: blur(40px); }
.a-hero__inner { position: relative; z-index: 1; display: grid; gap: 3rem; padding: 4rem 0 3.5rem; align-items: center; }
@media (min-width: 1024px) { .a-hero__inner { grid-template-columns: 1.1fr 1fr; padding: 5.5rem 0 4.5rem; } }
.a-badge { display: inline-flex; align-items: center; gap: .5rem; padding: .45rem .9rem; border-radius: 999px; background: #fff; border: 1px solid #e5e7eb; box-shadow: 0 2px 8px -4px rgba(30,58,95,.2); font-size: .8125rem; font-weight: 600; color: #1E3A5F; margin-bottom: 1.5rem; }
.a-badge span { width: .5rem; height: .5rem; border-radius: 999px; background: #EA580C; box-shadow: 0 0 0 4px rgba(234,88,12,.15); }
.a-h1 { font-weight: 800; color: #1E3A5F; line-height: 1.12; font-size: 2.25rem; margin-bottom: 1.25rem; }
@media (min-width: 768px) { .a-h1 { font-size: 3.25rem; } }
.a-h1 em { font-style: normal; color: #EA580C; }
.a-h1 small { display: block; margin-top: .75rem; font-size: 1.25rem; font-weight: 600; color: rgba(30,58,95,.7); }
@media (min-width: 768px) { .a-h1 small { font-size: 1.625rem; } }
.a-hero__text { font-size: 1.0625rem; color: rgba(30,58,95,.65); line-height: 1.7; max-width: 34rem; margin-bottom: 2rem; }
.a-btns { display: flex; flex-direction: column; gap: .75rem; }
@media (min-width: 640px) { .a-btns { flex-direction: row; } }
.a-btn-outline { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 52px; padding: .75rem 1.75rem; border-radius: .75rem; border: 2px solid #1E3A5F; color: #1E3A5F; font-weight: 600; font-size: 1rem; background: transparent; cursor: pointer; transition: all .2s; }
.a-btn-outline:hover { background: #1E3A5F; color: #fff; }
.a-hero__alt { margin-top: 1rem; font-size: .9375rem; color: rgba(30,58,95,.65); }
.a-hero__alt a { font-weight: 700; color: #EA580C; text-decoration: none; white-space: nowrap; }
.a-hero__alt a:hover { text-decoration: underline; }
.a-hero__alt i { font-size: .75rem; }
.a-collage-note { display: flex; align-items: center; justify-content: center; gap: .4rem; margin-top: 1.75rem; font-size: .75rem; color: rgba(30,58,95,.5); }
.a-collage-note i { color: rgba(30,58,95,.35); }
.a-hero__stats { display: flex; flex-wrap: wrap; gap: 1.75rem; margin-top: 2.25rem; padding-top: 1.75rem; border-top: 1px solid #e5e7eb; }
.a-hero__stat b { display: block; font-size: 1.75rem; font-weight: 800; color: #1E3A5F; line-height: 1; }
.a-hero__stat span { font-size: .8125rem; color: rgba(30,58,95,.55); }
.a-hero__stat--coral b { color: #EA580C; }

/* Коллаж публикаций */
.a-collage { position: relative; height: 26rem; max-width: 30rem; width: 100%; margin: 0 auto; }
.a-pub { position: absolute; width: 82%; background: #fff; border: 1px solid #e5e7eb; border-radius: 1.25rem; box-shadow: 0 25px 50px -20px rgba(30,58,95,.35); padding: 1.1rem 1.25rem; }
.a-pub__bar { display: flex; align-items: center; gap: .6rem; margin-bottom: .75rem; }
.a-pub__brand { display: inline-flex; align-items: center; gap: .5rem; font-size: .875rem; font-weight: 800; color: #111827; }
.a-pub__brand img { width: 1.5rem; height: 1.5rem; border-radius: .4rem; flex-shrink: 0; box-shadow: 0 0 0 1px rgba(17,24,39,.08); }
.a-pub__logo { font-size: .75rem; font-weight: 800; color: #fff; padding: .22rem .5rem; border-radius: .35rem; }
.a-pub__rubric { font-size: .6875rem; color: #6b7280; font-weight: 600; }
.a-pub__title { font-size: .9375rem; font-weight: 800; color: #111827; line-height: 1.35; margin-bottom: .75rem; }
.a-pub__line { display: block; height: .45rem; border-radius: 999px; background: #eef0f3; margin-bottom: .4rem; }
.a-pub__line--s { width: 55%; }
.a-pub--1 { top: 0; left: 0; transform: rotate(-4deg); z-index: 1; }
.a-pub--2 { top: 7.5rem; right: 0; transform: rotate(3deg); z-index: 2; }
.a-pub--3 { top: 15rem; left: 6%; transform: rotate(-1.5deg); z-index: 3; }
.a-float { position: absolute; z-index: 4; display: flex; align-items: center; gap: .6rem; background: #1E3A5F; color: #fff; border-radius: 1rem; padding: .75rem 1rem; box-shadow: 0 20px 35px -15px rgba(30,58,95,.6); font-size: .8125rem; font-weight: 600; }
.a-float i { width: 1.9rem; height: 1.9rem; border-radius: 999px; background: #EA580C; display: flex; align-items: center; justify-content: center; font-size: .75rem; }
.a-float--1 { right: -.5rem; top: -1.75rem; }
.a-float--2 { left: -.75rem; bottom: .5rem; }
@media (max-width: 480px) { .a-collage { height: 24rem; } .a-pub { width: 90%; } .a-float--1 { right: 0; } .a-float--2 { left: 0; } }

/* Бегущая строка изданий */
.a-marquee { position: relative; z-index: 1; background: #1E3A5F; padding: 1.1rem 0; overflow: hidden; }
.a-marquee__track { display: flex; width: max-content; animation: a-marquee 40s linear infinite; }
.a-marquee:hover .a-marquee__track { animation-play-state: paused; }
.a-marquee__list { display: flex; align-items: center; gap: 2.5rem; padding-right: 2.5rem; }
.a-marquee__list a { font-size: 1rem; font-weight: 700; color: rgba(255,255,255,.75); white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 2.5rem; }
.a-marquee__list a::after { content: "•"; color: #F97316; }
.a-marquee__list a:hover { color: #fff; }
@keyframes a-marquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .a-marquee__track { animation: none; } }

/* ===== a-v4-css ===== */
/* Гарантии в блоке доверия */
.a-guar { margin-top: 2rem; display: grid; gap: 1rem; background: #fff7ed; border: 1px solid rgba(234,88,12,.2); border-radius: 1.25rem; padding: 1.5rem; }
@media (min-width: 1024px) { .a-guar { grid-template-columns: 1.1fr 1fr 1fr 1fr; align-items: center; padding: 1.5rem 1.75rem; } }
.a-guar__head, .a-guar__item { display: flex; gap: .85rem; align-items: flex-start; }
.a-guar__head > i { width: 2.75rem; height: 2.75rem; border-radius: .85rem; background: #EA580C; color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.a-guar__title { font-size: 1.125rem; font-weight: 800; color: #1E3A5F; }
.a-guar__sub { font-size: .8125rem; color: rgba(30,58,95,.6); }
.a-guar__item > i { color: #EA580C; margin-top: .2rem; }
.a-guar__item b { display: block; font-size: .9375rem; color: #1E3A5F; margin-bottom: .15rem; }
.a-guar__item span { font-size: .8125rem; color: rgba(30,58,95,.65); line-height: 1.45; }
/* Цена пакета услуг */
.a-svc__price small { display: block; font-size: .75rem; font-weight: 500; color: rgba(30,58,95,.5); margin-top: .15rem; }
/* Отзывы: на телефоне свайп пальцем (scroll-snap) вместо стрелок */
@media (max-width: 1023px) and (max-width: 639px) {
  .hr-viewport { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .hr-viewport::-webkit-scrollbar { display: none; }
  .hr-track { transform: none !important; }
  .hr-slide { flex-basis: 88% !important; scroll-snap-align: start; }
  .hr-nav { display: none; }
}

/* ===== a-blocks-css ===== */
/* ── 2. Чем занимаемся: бенто-сетка ── */
.a-bento { display: grid; gap: 1rem; }
@media (min-width: 768px) { .a-bento { grid-template-columns: repeat(4, minmax(0, 1fr)); } .a-tile:not(.a-tile--wide) { min-height: 11rem; } }
.a-tile { position: relative; overflow: hidden; border-radius: 1.5rem; padding: 1.75rem; background: #f8fafc; border: 1px solid #eef0f3; display: flex; flex-direction: column; }
.a-tile__icon { width: 2.75rem; height: 2.75rem; border-radius: .85rem; background: #fff; color: #EA580C; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; box-shadow: 0 4px 10px -4px rgba(30,58,95,.2); }
.a-tile__title { font-size: 1.125rem; font-weight: 800; color: #1E3A5F; line-height: 1.3; margin-bottom: .4rem; }
.a-tile__text { font-size: .875rem; color: rgba(30,58,95,.65); line-height: 1.55; }
.a-tile--big { background: #1E3A5F; border-color: #1E3A5F; }
@media (min-width: 768px) { .a-tile--big { grid-column: span 2; grid-row: span 2; padding: 2.25rem; } }
.a-tile--big::after { content: ""; position: absolute; right: -6rem; bottom: -6rem; width: 18rem; height: 18rem; border-radius: 999px; background: rgba(234,88,12,.18); filter: blur(30px); }
.a-tile--big > * { position: relative; z-index: 1; }
.a-tile--big .a-tile__icon { background: #EA580C; color: #fff; box-shadow: none; }
.a-tile--big .a-tile__title { color: #fff; font-size: 1.75rem; }
.a-tile--big .a-tile__text { color: rgba(255,255,255,.65); font-size: 1rem; margin-bottom: 1.25rem; }
.a-tile__big-num { font-size: 4rem; font-weight: 800; color: #F97316; line-height: 1; margin-bottom: .5rem; }
.a-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1.5rem; }
.a-chips span { font-size: .75rem; font-weight: 600; color: rgba(255,255,255,.8); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); padding: .3rem .65rem; border-radius: .5rem; }
.a-tile--coral { background: #EA580C; border-color: #EA580C; }
.a-tile--coral .a-tile__icon { background: rgba(255,255,255,.2); color: #fff; box-shadow: none; }
.a-tile--coral .a-tile__title { color: #fff; }
.a-tile--coral .a-tile__text { color: rgba(255,255,255,.85); }
.a-tile__option { display: flex; gap: .55rem; align-items: flex-start; margin-top: .45rem; }
.a-tile__option i { margin-top: .25rem; font-size: .75rem; opacity: .8; }
.a-tile--coral .a-tile__option b { color: #fff; }
@media (min-width: 768px) { .a-tile--wide { grid-column: 1 / -1; } }
.a-tile--wide { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem; background: #fff; border: 2px dashed rgba(234,88,12,.35); }
.a-tile--wide .a-tile__icon { margin-bottom: 0; flex-shrink: 0; }
.a-tile--wide .a-tile__body { flex: 1; min-width: 14rem; }

/* ── 3. Для кого: список-таблица ── */
.a-who { border-top: 2px solid #1E3A5F; }
.a-who__row { display: grid; gap: .75rem 1.5rem; padding: 1.5rem 0; border-bottom: 1px solid #e5e7eb; align-items: center; transition: background .2s; }
@media (min-width: 900px) { .a-who__row { grid-template-columns: 3.5rem 1.2fr 1.6fr auto 1.6fr; padding: 1.6rem .75rem; } .a-who__row:hover { background: #fff; } }
.a-who__num { font-size: 1.75rem; font-weight: 800; color: rgba(234,88,12,.35); line-height: 1; }
.a-who__role { display: flex; align-items: center; gap: .75rem; font-size: 1.125rem; font-weight: 800; color: #1E3A5F; }
.a-who__role i { color: #EA580C; font-size: 1rem; }
.a-who__k { display: block; font-size: .6875rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(30,58,95,.4); margin-bottom: .25rem; }
.a-who__task { font-size: .9375rem; color: rgba(30,58,95,.7); line-height: 1.5; }
.a-who__arrow { display: none; width: 2.25rem; height: 2.25rem; border-radius: 999px; background: #EA580C; color: #fff; align-items: center; justify-content: center; font-size: .75rem; }
@media (min-width: 900px) { .a-who__arrow { display: flex; } }
.a-who__get { font-size: .9375rem; font-weight: 600; color: #1E3A5F; line-height: 1.5; }
.a-who__get .a-who__k { color: #EA580C; }

/* ── 4. Доверие ── */
.a-numbers { background: #1E3A5F; border-radius: 1.5rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; margin-bottom: 3rem; }
@media (min-width: 1024px) { .a-numbers { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.a-numbers > div { padding: 1.75rem 1.25rem; text-align: center; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.a-numbers b { display: block; font-size: 1.875rem; font-weight: 800; color: #fff; line-height: 1; margin-bottom: .5rem; white-space: nowrap; }
@media (min-width: 640px) { .a-numbers b { font-size: 2.5rem; } }
.a-numbers b.c { color: #F97316; }
.a-numbers span { font-size: .8125rem; color: rgba(255,255,255,.6); }
.a-trust { display: grid; gap: 2rem; }
@media (min-width: 1024px) { .a-trust { grid-template-columns: 1fr 1fr; gap: 3rem; } }
.a-sub { font-size: 1.25rem; font-weight: 800; color: #1E3A5F; margin-bottom: .4rem; display: flex; align-items: center; gap: .6rem; }
.a-sub i { color: #EA580C; }
.a-subtext { font-size: .9375rem; color: rgba(30,58,95,.6); line-height: 1.6; margin-bottom: 1.25rem; }
.a-checks { list-style: none; margin: 0 0 1.5rem; padding: 0; }
.a-checks li { display: flex; gap: .9rem; padding: .95rem 0; border-bottom: 1px dashed #e5e7eb; }
.a-checks li:last-child { border-bottom: 0; }
.a-checks li > i { width: 1.75rem; height: 1.75rem; border-radius: 999px; background: rgba(234,88,12,.1); color: #EA580C; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: .7rem; margin-top: .1rem; }
.a-checks b { display: block; font-size: .9375rem; color: #1E3A5F; margin-bottom: .1rem; }
.a-checks span { font-size: .8125rem; color: rgba(30,58,95,.6); line-height: 1.5; }
.a-pills { display: flex; flex-wrap: wrap; gap: .5rem; }
.a-pills span { display: inline-flex; align-items: center; gap: .4rem; font-size: .8125rem; font-weight: 600; color: #1E3A5F; background: #fff; border: 1px solid #e5e7eb; border-radius: 999px; padding: .4rem .8rem; }
.a-pills i { color: #16a34a; font-size: .75rem; }
.a-cases { background: #fff; border: 1px solid #e5e7eb; border-radius: 1.5rem; padding: .5rem 1.5rem; }
.a-case { display: grid; grid-template-columns: 6rem 1fr; gap: 1rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid #f1f3f6; }
.a-case:last-child { border-bottom: 0; }
.a-case__num { font-size: 1.625rem; font-weight: 800; color: #EA580C; line-height: 1; }
.a-case__num small { display: block; font-size: .6875rem; font-weight: 600; color: rgba(30,58,95,.45); margin-top: .25rem; }
.a-case__name { font-size: .9375rem; font-weight: 700; color: #1E3A5F; }
.a-case__media { font-size: .75rem; color: rgba(30,58,95,.55); margin-top: .15rem; }

/* ── 6. Услуги: строки ── */
.a-svc { display: grid; gap: 1.25rem; }
.a-svc__row { display: grid; background: #fff; border: 1px solid #e5e7eb; border-radius: 1.5rem; overflow: hidden; transition: box-shadow .25s, border-color .25s; }
.a-svc__row:hover { box-shadow: 0 20px 40px -24px rgba(30,58,95,.35); border-color: rgba(234,88,12,.25); }
@media (min-width: 1024px) { .a-svc__row { grid-template-columns: 17rem 1fr 15rem; } }
.a-svc__name { position: relative; background: #1E3A5F; color: #fff; padding: 1.75rem; display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; }
.a-svc__name i { width: 3rem; height: 3rem; border-radius: .9rem; background: rgba(234,88,12,.25); color: #F97316; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; }
.a-svc__title { font-size: 1.375rem; font-weight: 800; line-height: 1.2; }
.a-svc__for { font-size: .8125rem; color: rgba(255,255,255,.6); line-height: 1.5; margin-top: .35rem; }
.a-svc__hot { position: absolute; top: 1rem; right: 1rem; font-size: .625rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; background: #EA580C; color: #fff; padding: .25rem .55rem; border-radius: 999px; }
.a-svc__body { padding: 1.75rem; }
.a-svc__result { font-size: 1.0625rem; font-weight: 700; color: #1E3A5F; line-height: 1.45; margin-bottom: 1rem; }
.a-svc__result span { color: #EA580C; }
.a-svc__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
@media (min-width: 640px) { .a-svc__list { grid-template-columns: 1fr 1fr; } }
.a-svc__list li { display: flex; gap: .55rem; font-size: .875rem; color: rgba(30,58,95,.7); line-height: 1.45; }
.a-svc__list i { color: #EA580C; margin-top: .25rem; font-size: .7rem; }
.a-svc__side { padding: 1.75rem; background: #f8fafc; border-top: 1px solid #f1f3f6; display: flex; flex-direction: column; gap: 1rem; justify-content: center; }
@media (min-width: 1024px) { .a-svc__side { border-top: 0; border-left: 1px solid #f1f3f6; } }
.a-svc__price { font-size: .75rem; color: rgba(30,58,95,.5); }
.a-svc__price b { display: block; font-size: 1.375rem; font-weight: 800; color: #1E3A5F; }
.a-svc__time { font-size: .8125rem; color: rgba(30,58,95,.6); display: flex; align-items: center; gap: .4rem; }
.a-svc__time i { color: #EA580C; }
.a-svc__more { font-size: .8125rem; font-weight: 700; color: #1E3A5F; text-align: center; text-decoration: none; }
.a-svc__more:hover { color: #EA580C; }
.a-svc__catalog { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem 1rem; margin-top: 1.75rem; font-size: .9375rem; color: rgba(30,58,95,.65); text-align: center; }

/* ===== a-blocks2-css ===== */
/* ── 7. FAQ: закреплённый заголовок + нумерованный аккордеон ── */
.a-faq { display: grid; gap: 2.5rem; }
@media (min-width: 1024px) { .a-faq { grid-template-columns: 22rem 1fr; gap: 4rem; align-items: start; } .a-faq__aside { position: sticky; top: 7rem; } }
.a-faq__card { margin-top: 1.75rem; background: #1E3A5F; border-radius: 1.25rem; padding: 1.5rem; color: rgba(255,255,255,.7); font-size: .875rem; line-height: 1.55; }
.a-faq__card b { display: block; color: #fff; font-size: 1rem; margin-bottom: .35rem; }
.a-faq__card .a-faq__btn { margin-top: 1rem; width: 100%; }
.a-faq__contacts { display: grid; gap: .5rem; margin-top: 1rem; }
.a-faq__contacts a { display: flex; align-items: center; gap: .6rem; color: #fff; font-weight: 600; text-decoration: none; }
.a-faq__contacts i { width: 1.75rem; height: 1.75rem; border-radius: .5rem; background: rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; color: #F97316; font-size: .8rem; }
.a-faq__list { counter-reset: faq; border-top: 1px solid #e5e7eb; }
.a-q { counter-increment: faq; border-bottom: 1px solid #e5e7eb; }
.a-q summary { list-style: none; display: grid; grid-template-columns: 2.75rem 1fr 2.25rem; gap: .75rem; align-items: center; padding: 1.35rem 0; cursor: pointer; }
.a-q summary::-webkit-details-marker { display: none; }
.a-q summary::before { content: counter(faq, decimal-leading-zero); font-size: .875rem; font-weight: 800; color: rgba(234,88,12,.55); }
.a-q__title { font-size: 1.0625rem; font-weight: 700; color: #1E3A5F; line-height: 1.4; transition: color .15s; }
.a-q summary:hover .a-q__title { color: #EA580C; }
.a-q__toggle { position: relative; width: 2.25rem; height: 2.25rem; border-radius: 999px; border: 1px solid #e5e7eb; transition: background .2s, border-color .2s, transform .3s; }
.a-q__toggle::before, .a-q__toggle::after { content: ""; position: absolute; top: 50%; left: 50%; width: .8rem; height: 2px; background: #EA580C; border-radius: 2px; transform: translate(-50%, -50%); }
.a-q__toggle::after { transform: translate(-50%, -50%) rotate(90deg); transition: opacity .2s; }
.a-q[open] .a-q__toggle { background: #EA580C; border-color: #EA580C; transform: rotate(180deg); }
.a-q[open] .a-q__toggle::before { background: #fff; }
.a-q[open] .a-q__toggle::after { opacity: 0; }
.a-q__answer { padding: 0 3rem 1.5rem 3.5rem; font-size: .9375rem; color: rgba(30,58,95,.7); line-height: 1.7; }
@media (max-width: 640px) { .a-q summary { grid-template-columns: 2.25rem 1fr 2rem; } .a-q__answer { padding: 0 0 1.35rem 3rem; } }

/* ── 8. Журнал: главная статья + список ── */
.a-journal { display: grid; gap: 1.5rem; }
@media (min-width: 1024px) { .a-journal { grid-template-columns: 1.15fr 1fr; gap: 2rem; } }
.a-feat { display: flex; flex-direction: column; background: #fff; border: 1px solid #e5e7eb; border-radius: 1.5rem; overflow: hidden; text-decoration: none; transition: box-shadow .25s; }
.a-feat:hover { box-shadow: 0 24px 48px -24px rgba(30,58,95,.35); }
.a-feat__img { aspect-ratio: 16 / 9; overflow: hidden; background: #f1f3f6; }
.a-feat__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.a-feat:hover .a-feat__img img { transform: scale(1.04); }
.a-feat__body { padding: 1.5rem 1.75rem 1.75rem; }
.a-meta { display: flex; align-items: center; gap: .6rem; margin-bottom: .6rem; }
.a-meta__cat { font-size: .6875rem; font-weight: 700; color: #EA580C; background: rgba(234,88,12,.1); padding: .25rem .6rem; border-radius: 999px; }
.a-meta__date { font-size: .75rem; color: rgba(30,58,95,.45); }
.a-feat__title { font-size: 1.375rem; font-weight: 800; color: #1E3A5F; line-height: 1.3; margin-bottom: .6rem; }
.a-feat__excerpt { font-size: .9375rem; color: rgba(30,58,95,.65); line-height: 1.6; }
.a-list { display: flex; flex-direction: column; }
.a-item { display: grid; grid-template-columns: 6.5rem 1fr; gap: 1.1rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid #e5e7eb; text-decoration: none; }
.a-item:first-child { padding-top: 0; }
.a-item__img { aspect-ratio: 4 / 3; border-radius: .9rem; overflow: hidden; background: #f1f3f6; }
.a-item__img img { width: 100%; height: 100%; object-fit: cover; }
.a-item__title { font-size: .9375rem; font-weight: 700; color: #1E3A5F; line-height: 1.4; transition: color .15s; }
.a-item:hover .a-item__title { color: #EA580C; }

/* ── 9. Финальный CTA: тёмно-синяя карточка с белой панелью контактов ── */
.a-cta { position: relative; display: grid; gap: 2rem; background: #1E3A5F; border-radius: 1.75rem; overflow: hidden; padding: 2.25rem 1.5rem; box-shadow: 0 30px 60px -30px rgba(30,58,95,.55); }
@media (min-width: 768px) { .a-cta { padding: 3rem; } }
@media (min-width: 1024px) { .a-cta { grid-template-columns: 1.4fr 1fr; gap: 3rem; align-items: center; } }
/* мягкое оранжевое свечение и тонкая сетка точек — фактура без яркости */
.a-cta::before { content: ""; position: absolute; right: -10rem; bottom: -12rem; width: 30rem; height: 30rem; border-radius: 999px; background: radial-gradient(circle, rgba(234,88,12,.35) 0%, rgba(234,88,12,0) 70%); pointer-events: none; }
.a-cta::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(90deg, #000 0%, transparent 60%); -webkit-mask-image: linear-gradient(90deg, #000 0%, transparent 60%); pointer-events: none; }
.a-cta > * { position: relative; z-index: 1; }
.a-cta .a-eyebrow { color: #F97316; }
.a-cta .a-eyebrow::before { background: #F97316; }
.a-cta__title { font-size: 1.75rem; font-weight: 800; color: #fff; line-height: 1.22; margin-bottom: 1rem; }
@media (min-width: 768px) { .a-cta__title { font-size: 2.375rem; } }
.a-cta__title span { color: #F97316; }
.a-cta__text { font-size: 1.0625rem; color: rgba(255,255,255,.7); line-height: 1.65; margin-bottom: 1.75rem; max-width: 34rem; }
.a-cta__btns { display: flex; flex-direction: column; gap: .75rem; }
@media (min-width: 640px) { .a-cta__btns { flex-direction: row; } }
.a-cta__ghost { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 52px; padding: .75rem 1.75rem; border-radius: .75rem; border: 2px solid rgba(255,255,255,.35); color: #fff; font-weight: 600; font-size: 1rem; text-decoration: none; transition: all .2s; }
.a-cta__ghost:hover { border-color: #fff; background: rgba(255,255,255,.08); }
.a-cta__facts { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.12); }
.a-cta__facts span { display: inline-flex; align-items: center; gap: .45rem; font-size: .875rem; font-weight: 600; color: rgba(255,255,255,.8); }
.a-cta__facts i { color: #F97316; font-size: .8rem; }
.a-cta__side { background: #fff; border-radius: 1.25rem; padding: 1.5rem; box-shadow: 0 24px 48px -20px rgba(0,0,0,.45); }
@media (min-width: 768px) { .a-cta__side { padding: 1.75rem; } }
.a-cta__side-title { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(30,58,95,.45); margin-bottom: .35rem; }
.a-cta__contact { display: flex; align-items: center; gap: .9rem; padding: .85rem 0; border-bottom: 1px solid #f1f3f6; color: #1E3A5F; font-weight: 700; text-decoration: none; transition: color .15s; }
.a-cta__contact:last-child { border-bottom: 0; padding-bottom: 0; }
.a-cta__contact i { width: 2.5rem; height: 2.5rem; border-radius: .75rem; background: rgba(234,88,12,.1); color: #EA580C; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all .15s; }
.a-cta__contact small { display: block; font-size: .75rem; font-weight: 500; color: rgba(30,58,95,.5); }
.a-cta__contact:hover { color: #EA580C; }
.a-cta__contact:hover i { background: #EA580C; color: #fff; }

/* ===== a-why-css ===== */
.a-why { position: relative; overflow: hidden; }
.a-why::before { content: ""; position: absolute; top: -10rem; left: -10rem; width: 32rem; height: 32rem; border-radius: 999px; background: rgba(234,88,12,.12); filter: blur(50px); pointer-events: none; }
.a-why .a-wrap { position: relative; }
.a-why .a-h2 { color: #fff; }
.a-why .a-h2 span { color: #F97316; }
.a-why .a-lead { color: rgba(255,255,255,.65); }
.a-why .a-eyebrow { color: #F97316; }
.a-why .a-eyebrow::before { background: #F97316; }
.a-why__grid { display: grid; gap: 1px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.1); border-radius: 1.5rem; overflow: hidden; }
@media (min-width: 640px) { .a-why__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .a-why__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.a-why__item { background: #1E3A5F; padding: 1.75rem; transition: background .2s; }
.a-why__item:hover { background: #22426b; }
.a-why__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.1rem; }
.a-why__icon { width: 3rem; height: 3rem; border-radius: .9rem; background: rgba(234,88,12,.2); color: #F97316; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; }
.a-why__num { font-size: .875rem; font-weight: 800; color: rgba(255,255,255,.25); }
.a-why__title { font-size: 1.125rem; font-weight: 800; color: #fff; line-height: 1.3; margin-bottom: .5rem; }
.a-why__text { font-size: .875rem; color: rgba(255,255,255,.65); line-height: 1.6; }
.a-why__text b { color: #F97316; }

/* Сравнение «пост против статьи» */
.a-life { margin-top: 2rem; display: grid; gap: 1.25rem; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 1.5rem; padding: 1.5rem; }
@media (min-width: 900px) { .a-life { grid-template-columns: 15rem 1fr auto; align-items: center; padding: 1.75rem 2rem; } }
.a-life__title { font-size: 1.0625rem; font-weight: 800; color: #fff; line-height: 1.35; }
.a-life__bars { display: grid; gap: .85rem; }
.a-life__row { display: grid; grid-template-columns: 7.5rem 1fr; gap: .85rem; align-items: center; font-size: .8125rem; color: rgba(255,255,255,.7); }
.a-life__track { height: .7rem; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; }
.a-life__fill { display: block; height: 100%; border-radius: inherit; }
.a-life__fill--post { width: 4%; background: rgba(255,255,255,.45); }
.a-life__fill--smi { width: 100%; background: linear-gradient(90deg, #EA580C, #F97316); }
.a-life__note { font-size: .8125rem; color: rgba(255,255,255,.55); line-height: 1.5; }
.a-life__note b { display: block; font-size: 1.5rem; color: #F97316; line-height: 1.1; }

/* ===== a-cat-css ===== */
#catalog-all { scroll-margin-top: 90px; }
.a-cat__type { display: inline-block; font-size: .6875rem; font-weight: 700; padding: .2rem .55rem; border-radius: 999px; white-space: nowrap; }
.a-cat__type--fed { background: #1E3A5F; color: #fff; }
.a-cat__type--reg { background: #f1f5f9; color: #1E3A5F; }
.a-cat__type--ind { background: rgba(234,88,12,.1); color: #EA580C; }

/* Чипы-ссылки по типам изданий */
.cs-chips { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: 1.5rem; }
.cs-chips span { font-size: .875rem; color: rgba(30,58,95,.6); margin-right: .25rem; }
.cs-chips a { display: inline-flex; align-items: center; gap: .4rem; padding: .5rem .95rem; border-radius: 999px; border: 1px solid #e5e7eb; background: #fff; color: #1E3A5F; font-size: .875rem; font-weight: 600; text-decoration: none; transition: all .15s; }
.cs-chips a:hover { border-color: #EA580C; color: #EA580C; }
.cs-chips a i { font-size: .7rem; }

/*
 * Слайдер без JS: состояние хранят скрытые radio-кнопки, стрелки и точки — это <label>,
 * ленту сдвигает правило :checked ~ . Видно карточек: 1 (телефон), 2 (планшет), 3 (ПК).
 * Правила состояний сгенерированы скриптом для каждой ширины экрана.
 */
.cs-slider { position: relative; }
.cs-radio { position: absolute; opacity: 0; pointer-events: none; }
.cs-viewport { overflow: hidden; margin: 0 -.5rem; padding: .25rem 0 .75rem; }
.cs-track { display: flex; transition: transform .5s cubic-bezier(.4, 0, .2, 1); }
.cs-slide { flex: 0 0 100%; min-width: 0; padding: 0 .5rem; box-sizing: border-box; display: flex; }
.cs-card { display: flex; flex-direction: column; width: 100%; background: #fff; border: 1px solid #e5e7eb; border-radius: 1.25rem; padding: 1.4rem; transition: border-color .2s, box-shadow .2s; }
.cs-card:hover { border-color: rgba(234,88,12,.3); box-shadow: 0 18px 36px -22px rgba(30,58,95,.35); }
.cs-card__top { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .9rem; }
.cs-card__formats { font-size: .75rem; color: rgba(30,58,95,.5); text-align: right; }
.cs-card__name { font-size: 1.375rem; font-weight: 800; color: #1E3A5F; text-decoration: none; line-height: 1.2; }
.cs-card__name:hover { color: #EA580C; }
/* Логотип издания слева от названия */
.cs-card__brand { display: flex; align-items: center; gap: .65rem; }
.cs-card__logo { width: 2.25rem; height: 2.25rem; border-radius: .6rem; flex-shrink: 0; object-fit: contain; background: #fff; box-shadow: 0 0 0 1px rgba(30,58,95,.1); }

.cs-card__desc { font-size: .8125rem; color: rgba(30,58,95,.55); margin: .2rem 0 1rem; }
.cs-card__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; background: #f8fafc; border-radius: .9rem; padding: .8rem; margin-bottom: .85rem; }
.cs-card__stats span { display: block; font-size: .625rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: rgba(30,58,95,.45); margin-bottom: .15rem; }
.cs-card__stats b { font-size: .9375rem; color: #1E3A5F; font-variant-numeric: tabular-nums; white-space: nowrap; }
/* Рейтинг скрыт до регистрации: размытые звёзды + замочек с подсказкой */
.cs-card__rating { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; }
.cs-card__rating-label { font-size: .8125rem; color: rgba(30,58,95,.6); }
.cs-card__stars { display: inline-flex; gap: .15rem; color: #F97316; font-size: .75rem; filter: blur(2.5px); opacity: .55; user-select: none; }
.cs-lock { position: relative; width: 1.75rem; height: 1.75rem; border-radius: 999px; border: 1px solid #e5e7eb; background: #f8fafc; color: #1E3A5F; display: inline-flex; align-items: center; justify-content: center; font-size: .7rem; cursor: help; padding: 0; transition: all .15s; }
.cs-lock:hover, .cs-lock:focus-visible { background: #1E3A5F; border-color: #1E3A5F; color: #fff; outline: none; }
.cs-lock__tip { position: absolute; bottom: calc(100% + .6rem); left: 50%; transform: translate(-50%, .25rem); width: max-content; max-width: 13rem; padding: .55rem .75rem; border-radius: .6rem; background: #1E3A5F; color: #fff; font-size: .75rem; font-weight: 600; line-height: 1.4; text-align: center; box-shadow: 0 10px 24px -10px rgba(30,58,95,.6); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .15s, transform .15s, visibility .15s; z-index: 5; }
.cs-lock__tip::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #1E3A5F; }
.cs-lock:hover .cs-lock__tip, .cs-lock:focus .cs-lock__tip { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.cs-card__bottom { margin-top: auto; display: flex; align-items: flex-end; justify-content: space-between; gap: .75rem; padding-top: 1rem; border-top: 1px solid #f1f3f6; }
.cs-card__price { font-size: 1.25rem; font-weight: 800; color: #1E3A5F; line-height: 1.1; white-space: nowrap; }
.cs-card__price small { display: block; font-size: .6875rem; font-weight: 500; color: rgba(30,58,95,.45); margin-top: .2rem; }
.cs-card__go { display: inline-flex; align-items: center; gap: .4rem; padding: .55rem .9rem; border-radius: .7rem; background: #EA580C; color: #fff; font-size: .8125rem; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background .15s; }
.cs-card__go:hover { background: #F97316; }

.cs-nav { display: flex; align-items: center; justify-content: center; gap: 1.25rem; margin-top: 1rem; }
.cs-arrows { display: none; gap: .5rem; }
.cs-radio:focus-visible ~ .cs-viewport { outline: 2px solid #EA580C; outline-offset: 2px; border-radius: 1.25rem; }
@media (prefers-reduced-motion: reduce) { .cs-track { transition: none; } }
@media (max-width: 639px) {
  .cs-slide { flex-basis: 100.0000%; }
  #cs-1:checked ~ .cs-viewport .cs-track { transform: translateX(-0.0000%); }
  #cs-1:checked ~ .cs-nav .cs-arrows--m1 { display: flex; }
  #cs-1:checked ~ .cs-nav .cs-dot--1 { width: 1.75rem; background: #1E3A5F; }
  #cs-2:checked ~ .cs-viewport .cs-track { transform: translateX(-100.0000%); }
  #cs-2:checked ~ .cs-nav .cs-arrows--m2 { display: flex; }
  #cs-2:checked ~ .cs-nav .cs-dot--2 { width: 1.75rem; background: #1E3A5F; }
  #cs-3:checked ~ .cs-viewport .cs-track { transform: translateX(-200.0000%); }
  #cs-3:checked ~ .cs-nav .cs-arrows--m3 { display: flex; }
  #cs-3:checked ~ .cs-nav .cs-dot--3 { width: 1.75rem; background: #1E3A5F; }
  #cs-4:checked ~ .cs-viewport .cs-track { transform: translateX(-300.0000%); }
  #cs-4:checked ~ .cs-nav .cs-arrows--m4 { display: flex; }
  #cs-4:checked ~ .cs-nav .cs-dot--4 { width: 1.75rem; background: #1E3A5F; }
  #cs-5:checked ~ .cs-viewport .cs-track { transform: translateX(-400.0000%); }
  #cs-5:checked ~ .cs-nav .cs-arrows--m5 { display: flex; }
  #cs-5:checked ~ .cs-nav .cs-dot--5 { width: 1.75rem; background: #1E3A5F; }
  #cs-6:checked ~ .cs-viewport .cs-track { transform: translateX(-500.0000%); }
  #cs-6:checked ~ .cs-nav .cs-arrows--m6 { display: flex; }
  #cs-6:checked ~ .cs-nav .cs-dot--6 { width: 1.75rem; background: #1E3A5F; }
  #cs-7:checked ~ .cs-viewport .cs-track { transform: translateX(-600.0000%); }
  #cs-7:checked ~ .cs-nav .cs-arrows--m7 { display: flex; }
  #cs-7:checked ~ .cs-nav .cs-dot--7 { width: 1.75rem; background: #1E3A5F; }
  #cs-8:checked ~ .cs-viewport .cs-track { transform: translateX(-700.0000%); }
  #cs-8:checked ~ .cs-nav .cs-arrows--m8 { display: flex; }
  #cs-8:checked ~ .cs-nav .cs-dot--8 { width: 1.75rem; background: #1E3A5F; }
  #cs-9:checked ~ .cs-viewport .cs-track { transform: translateX(-800.0000%); }
  #cs-9:checked ~ .cs-nav .cs-arrows--m9 { display: flex; }
  #cs-9:checked ~ .cs-nav .cs-dot--9 { width: 1.75rem; background: #1E3A5F; }
  #cs-10:checked ~ .cs-viewport .cs-track { transform: translateX(-900.0000%); }
  #cs-10:checked ~ .cs-nav .cs-arrows--m10 { display: flex; }
  #cs-10:checked ~ .cs-nav .cs-dot--10 { width: 1.75rem; background: #1E3A5F; }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cs-slide { flex-basis: 50.0000%; }
  #cs-1:checked ~ .cs-viewport .cs-track { transform: translateX(-0.0000%); }
  #cs-1:checked ~ .cs-nav .cs-arrows--t1 { display: flex; }
  #cs-1:checked ~ .cs-nav .cs-dot--1 { width: 1.75rem; background: #1E3A5F; }
  #cs-2:checked ~ .cs-viewport .cs-track { transform: translateX(-50.0000%); }
  #cs-2:checked ~ .cs-nav .cs-arrows--t2 { display: flex; }
  #cs-2:checked ~ .cs-nav .cs-dot--2 { width: 1.75rem; background: #1E3A5F; }
  #cs-3:checked ~ .cs-viewport .cs-track { transform: translateX(-100.0000%); }
  #cs-3:checked ~ .cs-nav .cs-arrows--t3 { display: flex; }
  #cs-3:checked ~ .cs-nav .cs-dot--3 { width: 1.75rem; background: #1E3A5F; }
  #cs-4:checked ~ .cs-viewport .cs-track { transform: translateX(-150.0000%); }
  #cs-4:checked ~ .cs-nav .cs-arrows--t4 { display: flex; }
  #cs-4:checked ~ .cs-nav .cs-dot--4 { width: 1.75rem; background: #1E3A5F; }
  #cs-5:checked ~ .cs-viewport .cs-track { transform: translateX(-200.0000%); }
  #cs-5:checked ~ .cs-nav .cs-arrows--t5 { display: flex; }
  #cs-5:checked ~ .cs-nav .cs-dot--5 { width: 1.75rem; background: #1E3A5F; }
  #cs-6:checked ~ .cs-viewport .cs-track { transform: translateX(-250.0000%); }
  #cs-6:checked ~ .cs-nav .cs-arrows--t6 { display: flex; }
  #cs-6:checked ~ .cs-nav .cs-dot--6 { width: 1.75rem; background: #1E3A5F; }
  #cs-7:checked ~ .cs-viewport .cs-track { transform: translateX(-300.0000%); }
  #cs-7:checked ~ .cs-nav .cs-arrows--t7 { display: flex; }
  #cs-7:checked ~ .cs-nav .cs-dot--7 { width: 1.75rem; background: #1E3A5F; }
  #cs-8:checked ~ .cs-viewport .cs-track { transform: translateX(-350.0000%); }
  #cs-8:checked ~ .cs-nav .cs-arrows--t8 { display: flex; }
  #cs-8:checked ~ .cs-nav .cs-dot--8 { width: 1.75rem; background: #1E3A5F; }
  #cs-9:checked ~ .cs-viewport .cs-track { transform: translateX(-400.0000%); }
  #cs-9:checked ~ .cs-nav .cs-arrows--t9 { display: flex; }
  #cs-9:checked ~ .cs-nav .cs-dot--9 { width: 1.75rem; background: #1E3A5F; }
  #cs-10:checked ~ .cs-viewport .cs-track { transform: translateX(-400.0000%); }
  #cs-10:checked ~ .cs-nav .cs-arrows--t9 { display: flex; }
  #cs-10:checked ~ .cs-nav .cs-dot--9 { width: 1.75rem; background: #1E3A5F; }
  .cs-dot--10 { display: none; }
}
@media (min-width: 1024px) {
  .cs-slide { flex-basis: 33.3333%; }
  #cs-1:checked ~ .cs-viewport .cs-track { transform: translateX(-0.0000%); }
  #cs-1:checked ~ .cs-nav .cs-arrows--d1 { display: flex; }
  #cs-1:checked ~ .cs-nav .cs-dot--1 { width: 1.75rem; background: #1E3A5F; }
  #cs-2:checked ~ .cs-viewport .cs-track { transform: translateX(-33.3333%); }
  #cs-2:checked ~ .cs-nav .cs-arrows--d2 { display: flex; }
  #cs-2:checked ~ .cs-nav .cs-dot--2 { width: 1.75rem; background: #1E3A5F; }
  #cs-3:checked ~ .cs-viewport .cs-track { transform: translateX(-66.6667%); }
  #cs-3:checked ~ .cs-nav .cs-arrows--d3 { display: flex; }
  #cs-3:checked ~ .cs-nav .cs-dot--3 { width: 1.75rem; background: #1E3A5F; }
  #cs-4:checked ~ .cs-viewport .cs-track { transform: translateX(-100.0000%); }
  #cs-4:checked ~ .cs-nav .cs-arrows--d4 { display: flex; }
  #cs-4:checked ~ .cs-nav .cs-dot--4 { width: 1.75rem; background: #1E3A5F; }
  #cs-5:checked ~ .cs-viewport .cs-track { transform: translateX(-133.3333%); }
  #cs-5:checked ~ .cs-nav .cs-arrows--d5 { display: flex; }
  #cs-5:checked ~ .cs-nav .cs-dot--5 { width: 1.75rem; background: #1E3A5F; }
  #cs-6:checked ~ .cs-viewport .cs-track { transform: translateX(-166.6667%); }
  #cs-6:checked ~ .cs-nav .cs-arrows--d6 { display: flex; }
  #cs-6:checked ~ .cs-nav .cs-dot--6 { width: 1.75rem; background: #1E3A5F; }
  #cs-7:checked ~ .cs-viewport .cs-track { transform: translateX(-200.0000%); }
  #cs-7:checked ~ .cs-nav .cs-arrows--d7 { display: flex; }
  #cs-7:checked ~ .cs-nav .cs-dot--7 { width: 1.75rem; background: #1E3A5F; }
  #cs-8:checked ~ .cs-viewport .cs-track { transform: translateX(-233.3333%); }
  #cs-8:checked ~ .cs-nav .cs-arrows--d8 { display: flex; }
  #cs-8:checked ~ .cs-nav .cs-dot--8 { width: 1.75rem; background: #1E3A5F; }
  #cs-9:checked ~ .cs-viewport .cs-track { transform: translateX(-233.3333%); }
  #cs-9:checked ~ .cs-nav .cs-arrows--d8 { display: flex; }
  #cs-9:checked ~ .cs-nav .cs-dot--8 { width: 1.75rem; background: #1E3A5F; }
  #cs-10:checked ~ .cs-viewport .cs-track { transform: translateX(-233.3333%); }
  #cs-10:checked ~ .cs-nav .cs-arrows--d8 { display: flex; }
  #cs-10:checked ~ .cs-nav .cs-dot--8 { width: 1.75rem; background: #1E3A5F; }
  .cs-dot--9, .cs-dot--10 { display: none; }
}

/* Метка типа ссылки (ТЕСТОВЫЕ ДАННЫЕ) */
.a-cat__type--biz { background: #1E3A5F; color: #fff; }
.cs-badge { display: inline-flex; align-items: center; gap: .3rem; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .6875rem; font-weight: 700; padding: .2rem .5rem; border-radius: .4rem; }
.cs-badge i { font-size: .6rem; }
.cs-badge--dofollow { background: rgba(22,163,74,.1); color: #15803d; }
.cs-badge--nofollow { background: #f1f5f9; color: rgba(30,58,95,.55); }
/* Подсказка к «₽ / 1000 ауд.» */
.cs-card__stats span.cs-help-wrap { display: inline-flex; align-items: center; gap: .25rem; }
.cs-help { position: relative; width: .95rem; height: .95rem; border-radius: 999px; border: 0; background: rgba(30,58,95,.12); color: #1E3A5F; font-size: .5625rem; font-weight: 800; line-height: 1; padding: 0; cursor: help; display: inline-flex; align-items: center; justify-content: center; }
.cs-help:hover, .cs-help:focus-visible { background: #1E3A5F; color: #fff; outline: none; }
.cs-card__stats .cs-help .cs-lock__tip { display: block; left: auto; right: -1rem; transform: translateY(.25rem); text-transform: none; letter-spacing: 0; font-size: .75rem; font-weight: 600; color: #fff; max-width: 14rem; margin: 0; }
.cs-help .cs-lock__tip::after { left: auto; right: 1.1rem; transform: none; }
.cs-help:hover .cs-lock__tip, .cs-help:focus .cs-lock__tip { opacity: 1; visibility: visible; transform: translateY(0); }
/* Телефон: свайп пальцем вместо стрелок (scroll-snap) */
.cs-swipe-hint { display: none; }
@media (max-width: 639px) {
  .cs-viewport { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .cs-viewport::-webkit-scrollbar { display: none; }
  .cs-track { transform: none !important; }
  .cs-slide { flex-basis: 86% !important; scroll-snap-align: start; }
  .cs-nav { display: none; }
  .cs-swipe-hint { display: flex; align-items: center; justify-content: center; gap: .4rem; margin-top: .5rem; font-size: .8125rem; color: rgba(30,58,95,.5); }
}


.a-cat__more { display: flex; flex-direction: column; align-items: center; gap: 1rem; margin-top: 1.5rem; text-align: center; }
@media (min-width: 768px) { .a-cat__more { flex-direction: row; justify-content: space-between; text-align: left; } }
.a-cat__more p { font-size: .9375rem; color: rgba(30,58,95,.7); }
.a-cat__more b { color: #1E3A5F; }

/* Как купить */
.a-buy { margin-top: 2.5rem; display: grid; gap: .75rem; }
@media (min-width: 768px) { .a-buy { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.a-buy__step { position: relative; background: #f8fafc; border: 1px solid #eef0f3; border-radius: 1rem; padding: 1.25rem; }
.a-buy__step i { width: 2.5rem; height: 2.5rem; border-radius: .75rem; background: #fff; color: #EA580C; display: flex; align-items: center; justify-content: center; margin-bottom: .85rem; box-shadow: 0 4px 10px -4px rgba(30,58,95,.2); }
.a-buy__num { position: absolute; top: 1.1rem; right: 1.25rem; font-size: .8125rem; font-weight: 800; color: rgba(30,58,95,.2); }
.a-buy__title { font-size: .9375rem; font-weight: 800; color: #1E3A5F; margin-bottom: .25rem; }
.a-buy__text { font-size: .8125rem; color: rgba(30,58,95,.6); line-height: 1.5; }

/* ===== a-mkt2-css ===== */
#marketing { scroll-margin-top: 90px; }
.a-pillars { display: grid; gap: 1rem; }
@media (min-width: 900px) { .a-pillars { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.a-pillar { position: relative; background: #fff; border: 1px solid #e5e7eb; border-radius: 1.25rem; padding: 1.75rem; display: flex; flex-direction: column; }
.a-pillar--accent { background: #1E3A5F; border-color: #1E3A5F; }
.a-pillar__kicker { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .75rem; font-weight: 700; color: #EA580C; letter-spacing: .04em; margin-bottom: .6rem; }
.a-pillar--accent .a-pillar__kicker { color: #F97316; }
.a-pillar__title { font-size: 1.25rem; font-weight: 800; color: #1E3A5F; line-height: 1.25; margin-bottom: .6rem; }
.a-pillar--accent .a-pillar__title { color: #fff; }
.a-pillar__text { font-size: .875rem; color: rgba(30,58,95,.65); line-height: 1.6; margin-bottom: 1rem; }
.a-pillar--accent .a-pillar__text { color: rgba(255,255,255,.7); }
.a-pillar ul { list-style: none; margin: 0 0 1.25rem; padding: 0; display: grid; gap: .5rem; flex: 1; align-content: start; }
.a-pillar li { display: flex; gap: .55rem; font-size: .875rem; color: rgba(30,58,95,.75); line-height: 1.45; }
.a-pillar--accent li { color: rgba(255,255,255,.85); }
.a-pillar li i { color: #EA580C; margin-top: .25rem; font-size: .7rem; }
.a-pillar--accent li i { color: #F97316; }
.a-tags { display: flex; flex-wrap: wrap; gap: .35rem; }
.a-tags span { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .6875rem; font-weight: 600; color: #1E3A5F; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: .4rem; padding: .2rem .5rem; }
.a-pillar--accent .a-tags span { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); }

/* KPI → инструмент */
.a-kpi { margin-top: 2rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 1.25rem; overflow: hidden; }
.a-kpi__head { padding: 1.1rem 1.5rem; background: #f8fafc; border-bottom: 1px solid #e5e7eb; font-size: 1rem; font-weight: 800; color: #1E3A5F; }
.a-kpi__row { display: grid; gap: .35rem 1.5rem; padding: 1rem 1.5rem; border-bottom: 1px solid #f1f3f6; align-items: center; }
.a-kpi__row:last-child { border-bottom: 0; }
@media (min-width: 768px) { .a-kpi__row { grid-template-columns: 1fr auto 1.4fr; } }
.a-kpi__goal { font-size: .9375rem; font-weight: 700; color: #1E3A5F; }
.a-kpi__arrow { display: none; color: #EA580C; }
@media (min-width: 768px) { .a-kpi__arrow { display: block; } }
.a-kpi__tool { font-size: .875rem; color: rgba(30,58,95,.7); line-height: 1.5; }

/* Документы + отчёт */
.a-docs { margin-top: 2rem; display: grid; gap: 1rem; }
@media (min-width: 1024px) { .a-docs { grid-template-columns: 1fr 1fr; } }
.a-docs__card { background: #fff; border: 1px solid #e5e7eb; border-radius: 1.25rem; padding: 1.5rem 1.75rem; }
.a-docs__title { display: flex; align-items: center; gap: .6rem; font-size: 1.0625rem; font-weight: 800; color: #1E3A5F; margin-bottom: 1rem; }
.a-docs__title i { color: #EA580C; }
.a-docs__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .65rem; }
.a-docs__list li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-size: .875rem; color: #1E3A5F; padding-bottom: .65rem; border-bottom: 1px dashed #e5e7eb; }
.a-docs__list li:last-child { border-bottom: 0; padding-bottom: 0; }
.a-docs__list li span { display: flex; align-items: center; gap: .6rem; }
.a-docs__list li span i { width: 1rem; text-align: center; color: rgba(30,58,95,.4); font-size: .8rem; }
.a-docs__list b { font-size: .75rem; color: #16a34a; white-space: nowrap; }
.a-docs__list b.opt { color: rgba(30,58,95,.45); font-weight: 600; }
.a-mkt2__cta { display: flex; flex-direction: column; gap: .75rem; justify-content: center; margin-top: 2rem; }
@media (min-width: 640px) { .a-mkt2__cta { flex-direction: row; } }
.a-who__link { display: inline-flex; align-items: center; gap: .35rem; margin-top: .4rem; font-size: .8125rem; font-weight: 700; color: #EA580C; text-decoration: none; }
.a-who__link:hover { text-decoration: underline; }

/* ===== a-svc-cards-css ===== */
.a-svcc { display: grid; gap: 1.5rem; }
@media (min-width: 900px) { .a-svcc { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.a-svcc__card { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #e5e7eb; border-radius: 1.5rem; padding: 1.75rem; transition: box-shadow .25s, border-color .25s; }
.a-svcc__card:hover { box-shadow: 0 24px 48px -26px rgba(30,58,95,.35); border-color: rgba(30,58,95,.2); }
.a-svcc__card--hot { border-color: #1E3A5F; box-shadow: 0 24px 48px -28px rgba(30,58,95,.45); }
.a-svcc__badge { position: absolute; top: -.7rem; left: 1.75rem; font-size: .625rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; background: #EA580C; color: #fff; padding: .3rem .65rem; border-radius: 999px; }
.a-svcc__head { display: flex; align-items: center; gap: .9rem; margin-bottom: 1rem; }
.a-svcc__head i { width: 3rem; height: 3rem; border-radius: .9rem; background: #1E3A5F; color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1.05rem; }
.a-svcc__title { font-size: 1.3125rem; font-weight: 800; color: #1E3A5F; line-height: 1.2; }
.a-svcc__for { font-size: .8125rem; color: rgba(30,58,95,.55); margin-top: .15rem; }
.a-svcc__result { background: rgba(30,58,95,.05); border-left: 3px solid #1E3A5F; border-radius: .75rem; padding: .85rem 1rem; margin-bottom: 1.25rem; }
.a-svcc__result-k { font-size: .6875rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(30,58,95,.5); margin-bottom: .25rem; }
.a-svcc__result-v { font-size: .9375rem; font-weight: 700; color: #1E3A5F; line-height: 1.45; }
.a-svcc__k { font-size: .6875rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(30,58,95,.4); margin-bottom: .6rem; }
.a-svcc__list { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; gap: .55rem; align-content: start; flex: 1; }
.a-svcc__list li { display: flex; gap: .6rem; font-size: .875rem; color: rgba(30,58,95,.75); line-height: 1.45; }
.a-svcc__list i { color: #46679a; margin-top: .25rem; font-size: .7rem; }
.a-svcc__meta { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; border-top: 1px solid #f1f3f6; padding-top: 1.1rem; margin-bottom: 1.25rem; }
.a-svcc__meta-k { font-size: .6875rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: rgba(30,58,95,.45); margin-bottom: .2rem; }
.a-svcc__price { font-size: 1.375rem; font-weight: 800; color: #1E3A5F; line-height: 1.1; white-space: nowrap; }
.a-svcc__price small { display: block; font-size: .75rem; font-weight: 500; color: rgba(30,58,95,.5); margin-top: .2rem; }
.a-svcc__time { font-size: .9375rem; font-weight: 700; color: #1E3A5F; line-height: 1.3; }
.a-svcc__actions { display: grid; gap: .6rem; }
.a-svcc__more { text-align: center; font-size: .875rem; font-weight: 700; color: #1E3A5F; text-decoration: none; padding: .35rem 0; }
.a-svcc__more:hover { color: #EA580C; }

/* ===== hv-reviews-css ===== */
/*
 * Слайдер без JS: состояние хранят скрытые radio-кнопки,
 * стрелки и точки — это <label>, ленту сдвигает правило :checked ~ .
 * Мобильный: 1 карточка, 6 позиций. ПК (≥1024px): 3 карточки, 4 позиции (сдвиг на одну карточку).
 */
.hr-slider { position: relative; }
.hr-radio { position: absolute; opacity: 0; pointer-events: none; }
.hr-viewport { overflow: hidden; margin: 0 -.625rem; padding: .25rem 0; }
.hr-track { display: flex; transition: transform .5s cubic-bezier(.4, 0, .2, 1); }
.hr-slide { flex: 0 0 100%; min-width: 0; padding: 0 .625rem; box-sizing: border-box; display: flex; }
@media (min-width: 1024px) { .hr-slide { flex-basis: 33.3333%; } }

.hr-card { display: flex; flex-direction: column; width: 100%; background: #fff; border: 1px solid #e5e7eb; border-radius: 1.25rem; padding: 1.5rem; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.hr-top { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .75rem; }
.hr-quote-mark { font-family: Georgia, serif; font-size: 3rem; line-height: .7; color: rgba(234,88,12,.3); }
.hr-tag { font-size: .6875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #EA580C; background: rgba(234,88,12,.08); padding: .3rem .6rem; border-radius: 999px; white-space: nowrap; }
.hr-text { font-size: .9375rem; color: rgba(30,58,95,.85); line-height: 1.65; flex: 1; margin-bottom: 1.1rem; }
.hr-result { display: flex; gap: .5rem; align-items: flex-start; font-size: .8125rem; font-weight: 600; color: #1E3A5F; background: #f9fafb; border-radius: .75rem; padding: .7rem .85rem; margin-bottom: 1.1rem; line-height: 1.45; }
.hr-result i { color: #16a34a; margin-top: .15rem; }
.hr-who { display: flex; align-items: center; gap: .75rem; border-top: 1px solid #f1f3f6; padding-top: 1rem; }
.hr-avatar { width: 2.75rem; height: 2.75rem; border-radius: .75rem; background: #1E3A5F; color: #fff; font-weight: 700; font-size: .9375rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hr-avatar--coral { background: #EA580C; }
.hr-avatar--slate { background: #334155; }
.hr-name { font-size: .875rem; font-weight: 700; color: #1E3A5F; }
.hr-role { font-size: .75rem; color: rgba(30,58,95,.55); }

/* Навигация */
.hr-nav { display: flex; align-items: center; justify-content: center; gap: 1.25rem; margin-top: 1.75rem; }
.hr-arrows { display: none; gap: .5rem; }
.hr-arrow { width: 2.75rem; height: 2.75rem; border-radius: 999px; border: 1px solid #d1d5db; background: #fff; color: #1E3A5F; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .15s; }
.hr-arrow:hover { border-color: #EA580C; color: #EA580C; }
.hr-dots { display: flex; gap: .5rem; }
.hr-dot { width: .625rem; height: .625rem; border-radius: 999px; background: #d1d5db; cursor: pointer; transition: all .25s; }
.hr-dot:hover { background: #9ca3af; }
.hr-radio:focus-visible ~ .hr-viewport { outline: 2px solid #EA580C; outline-offset: 2px; border-radius: 1.25rem; }
@media (prefers-reduced-motion: reduce) { .hr-track { transition: none; } }

/* ── Мобильный и планшет: 1 карточка, 6 позиций ── */
@media (max-width: 1023px) {
  #hr-2:checked ~ .hr-viewport .hr-track { transform: translateX(-100%); }
  #hr-3:checked ~ .hr-viewport .hr-track { transform: translateX(-200%); }
  #hr-4:checked ~ .hr-viewport .hr-track { transform: translateX(-300%); }
  #hr-5:checked ~ .hr-viewport .hr-track { transform: translateX(-400%); }
  #hr-6:checked ~ .hr-viewport .hr-track { transform: translateX(-500%); }
  #hr-1:checked ~ .hr-nav .hr-arrows--m1, #hr-2:checked ~ .hr-nav .hr-arrows--m2,
  #hr-3:checked ~ .hr-nav .hr-arrows--m3, #hr-4:checked ~ .hr-nav .hr-arrows--m4,
  #hr-5:checked ~ .hr-nav .hr-arrows--m5, #hr-6:checked ~ .hr-nav .hr-arrows--m6 { display: flex; }
  #hr-1:checked ~ .hr-nav .hr-dot--1, #hr-2:checked ~ .hr-nav .hr-dot--2,
  #hr-3:checked ~ .hr-nav .hr-dot--3, #hr-4:checked ~ .hr-nav .hr-dot--4,
  #hr-5:checked ~ .hr-nav .hr-dot--5, #hr-6:checked ~ .hr-nav .hr-dot--6 { width: 1.75rem; background: #fff; }
}

/* ── ПК: 3 карточки, 4 позиции; позиции 5–6 (если пришли с мобильного) = последняя ── */
@media (min-width: 1024px) {
  #hr-2:checked ~ .hr-viewport .hr-track { transform: translateX(-33.3333%); }
  #hr-3:checked ~ .hr-viewport .hr-track { transform: translateX(-66.6667%); }
  #hr-4:checked ~ .hr-viewport .hr-track,
  #hr-5:checked ~ .hr-viewport .hr-track,
  #hr-6:checked ~ .hr-viewport .hr-track { transform: translateX(-100%); }
  #hr-1:checked ~ .hr-nav .hr-arrows--d1, #hr-2:checked ~ .hr-nav .hr-arrows--d2,
  #hr-3:checked ~ .hr-nav .hr-arrows--d3, #hr-4:checked ~ .hr-nav .hr-arrows--d4,
  #hr-5:checked ~ .hr-nav .hr-arrows--d4, #hr-6:checked ~ .hr-nav .hr-arrows--d4 { display: flex; }
  .hr-dot--5, .hr-dot--6 { display: none; }
  #hr-1:checked ~ .hr-nav .hr-dot--1, #hr-2:checked ~ .hr-nav .hr-dot--2,
  #hr-3:checked ~ .hr-nav .hr-dot--3, #hr-4:checked ~ .hr-nav .hr-dot--4,
  #hr-5:checked ~ .hr-nav .hr-dot--4, #hr-6:checked ~ .hr-nav .hr-dot--4 { width: 1.75rem; background: #fff; }
}

/* Тёмная версия для варианта 2 */
.a-reviews .hr-card { border-color: transparent; box-shadow: 0 20px 40px -24px rgba(0,0,0,.5); }
.a-reviews .hr-arrow { background: transparent; border-color: rgba(255,255,255,.3); color: #fff; }
.a-reviews .hr-arrow:hover { background: #EA580C; border-color: #EA580C; color: #fff; }
.a-reviews .hr-dot { background: rgba(255,255,255,.3); }
.a-reviews .hr-dot:hover { background: rgba(255,255,255,.55); }

/* ===== a-calm-css ===== */
/*
 * Меньше оранжевого. Оранжевый = кнопки, главные акценты и вторая часть заголовков блоков.
 * Остальное — оттенки фирменного тёмно-синего (#1E3A5F) и нейтральные.
 */
:root { --a-navy: #1E3A5F; --a-navy-2: #46679a; --a-navy-tint: rgba(30,58,95,.08); }

/* Подписи над заголовками (вторая часть заголовков H2 остаётся оранжевой) */
.a-eyebrow { color: rgba(30,58,95,.6); }
.a-eyebrow::before { background: rgba(30,58,95,.35); }
.a-hero__stat--coral b { color: var(--a-navy); }
.a-marquee__list a::after { color: rgba(255,255,255,.3); }
.a-hero__alt a { color: var(--a-navy); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(30,58,95,.3); }
.a-hero__alt a:hover { color: #EA580C; }

/* Синяя кнопка (вторичное действие) */
.a-btn-navy { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 52px; padding: .75rem 1.75rem; border-radius: .75rem; border: 0; background: #1E3A5F; color: #fff; font-weight: 600; font-size: 1rem; cursor: pointer; transition: background .2s, box-shadow .2s; }
.a-btn-navy:hover { background: #2a4d7a; box-shadow: 0 10px 20px -10px rgba(30,58,95,.5); }

/* Текстовые ссылки — синие, оранжевый только при наведении */
.a-link, .a-who__link { color: var(--a-navy); }
.a-link:hover, .a-who__link:hover { color: #EA580C; }

/* Что мы делаем */
.a-tile__icon { color: var(--a-navy); }
.a-tile--big .a-tile__icon { background: rgba(255,255,255,.12); }
.a-tile__big-num { color: #fff; }
.a-tile--big::after { background: rgba(255,255,255,.06); }
.a-tile--coral { background: #f8fafc; border-color: #eef0f3; }
.a-tile--coral .a-tile__icon { background: #fff; color: var(--a-navy); box-shadow: 0 4px 10px -4px rgba(30,58,95,.2); }
.a-tile--coral .a-tile__title { color: var(--a-navy); }
.a-tile--coral .a-tile__text { color: rgba(30,58,95,.65); }
.a-tile--coral .a-tile__option b { color: var(--a-navy); }
.a-tile--wide { border-color: rgba(30,58,95,.2); }
/* Правые плитки: контрастнее — белый фон, чёткая рамка и тень, темнее текст (палитра та же) */
.a-tile:not(.a-tile--big):not(.a-tile--wide) { background: #fff; border-color: #e5e7eb; box-shadow: 0 10px 24px -18px rgba(30,58,95,.35); }
.a-tile:not(.a-tile--big):not(.a-tile--wide) .a-tile__icon { background: rgba(30,58,95,.08); box-shadow: none; }
.a-tile:not(.a-tile--big) .a-tile__title { color: #1E3A5F; }
.a-tile:not(.a-tile--big) .a-tile__text { color: rgba(30,58,95,.78); font-size: .9rem; line-height: 1.6; }
.a-tile--coral .a-tile__option b { color: #1E3A5F; }

/* Зачем это бизнесу (тёмный блок) */
.a-why .a-eyebrow { color: rgba(255,255,255,.55); }
.a-why .a-eyebrow::before { background: rgba(255,255,255,.35); }
.a-why::before { background: rgba(255,255,255,.04); }
.a-why__icon { background: rgba(255,255,255,.1); color: #fff; }
.a-life__note b { color: #fff; }

/* Для кого */
.a-who { border-top-color: var(--a-navy); }
.a-who__num { color: rgba(30,58,95,.25); }
.a-who__role i { color: var(--a-navy-2); }
.a-who__arrow { background: var(--a-navy-tint); color: var(--a-navy); }
.a-who__get .a-who__k { color: var(--a-navy-2); }

/* Каталог */
.cs-card__stars { color: #cbd5e1; opacity: .9; }

/* Для маркетолога */
.a-pillar__kicker { color: rgba(30,58,95,.5); }
.a-pillar--accent .a-pillar__kicker { color: rgba(255,255,255,.55); }
.a-pillar li i { color: var(--a-navy-2); }
.a-pillar--accent li i { color: rgba(255,255,255,.6); }
.a-kpi__arrow { color: rgba(30,58,95,.35); }
.a-docs__title i { color: var(--a-navy); }

/* Доверие и гарантии */
.a-sub i { color: var(--a-navy); }
.a-checks li > i { background: var(--a-navy-tint); color: var(--a-navy); }
.a-case__num { color: var(--a-navy); }
.a-numbers b.c { color: #fff; }
.a-guar { background: #f8fafc; border-color: #e5e7eb; }
.a-guar__head > i { background: var(--a-navy); }
.a-guar__item > i { color: var(--a-navy-2); }

/* Услуги */
.a-svc__name i { background: rgba(255,255,255,.12); color: #fff; }
.a-svc__result span { color: var(--a-navy-2); }
.a-svc__list i, .a-svc__time i { color: var(--a-navy-2); }

/* Отзывы (тёмный блок; заголовок собран классами темы) */
.a-reviews .text-coral { color: rgba(255,255,255,.55); }
.a-reviews .w-10.h-px { background: linear-gradient(to right, transparent, rgba(255,255,255,.35), transparent); }
.hr-quote-mark { color: rgba(30,58,95,.15); }
.hr-tag { color: var(--a-navy); background: var(--a-navy-tint); }

.a-reviews .a-h2 { color: #fff; }
.a-reviews .a-h2 span { color: #F97316; }
.a-reviews .a-eyebrow { color: rgba(255,255,255,.55); }
.a-reviews .a-eyebrow::before { background: rgba(255,255,255,.35); }
.a-reviews .a-lead { color: rgba(255,255,255,.65); }

/* FAQ */
.a-q summary::before { color: rgba(30,58,95,.3); }
.a-q summary:hover .a-q__title { color: var(--a-navy-2); }
.a-q__toggle::before, .a-q__toggle::after { background: var(--a-navy); }
.a-q[open] .a-q__toggle { background: var(--a-navy); border-color: var(--a-navy); }
.a-faq__contacts i { color: #fff; }

/* Журнал */
.a-meta__cat { color: var(--a-navy); background: var(--a-navy-tint); }

button.a-cta__ghost { background: transparent; font-family: inherit; cursor: pointer; }
/* Финальный блок: оранжевый только у «Не имя конкурента» и кнопки */
.a-cta::before { background: radial-gradient(circle, rgba(234,88,12,.18) 0%, rgba(234,88,12,0) 70%); }
.a-cta .a-eyebrow { color: rgba(255,255,255,.55); }
.a-cta .a-eyebrow::before { background: rgba(255,255,255,.35); }
.a-cta__facts i { color: rgba(255,255,255,.5); }
.a-cta__contact i { background: var(--a-navy-tint); color: var(--a-navy); }
.a-cta__contact:hover i { background: var(--a-navy); color: #fff; }

/* Якоря не прячутся под фиксированной шапкой. */
.a-hero ~ section[id] { scroll-margin-top: calc(var(--site-header-h, 73px) + 16px); }