/* Страница «О сервисе» (/about), 04.10.2026.
   Композиция по мотивам шаблона Aior, как у посадочных (/proverka-pozicij-sajta, /tarify).
   Основа — home-platform.css + positions.css, собственный префикс pf-abt. */

.pf-abt { --abt-ink: #14304c; --abt-muted: #4a5d74; --abt-blue: #1f5fe8; --abt-green: #0fb37a; --abt-violet: #7c5cf0; --abt-line: #10304a14; --abt-soft: #f3f7ff;
  --abt-grad: linear-gradient(120deg,#1f5fe8 0%,#3679ed 50%,#4f93ff 100%); }

/* Первый экран */
.pf-abt-hero__ring { position: absolute; left: 8%; top: 220px; width: 150px; height: 150px; border-radius: 50%; border: 2px dashed #1f5fe83d; animation: abt-spin 42s linear infinite; }
.pf-abt-hero__ring::after { content: ""; position: absolute; right: -9px; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background: var(--abt-grad); box-shadow: 0 6px 14px #1f5fe866; }
@keyframes abt-spin { to { transform: rotate(360deg); } }
.pf-abt-hero__badge { position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid #ffffffcc; border-radius: 99px; background: #ffffffcc; backdrop-filter: blur(10px); color: var(--abt-ink); font-size: 13px; font-weight: 500; box-shadow: 0 14px 30px -18px #2a4a7a66; }
.pf-abt-hero__badge svg { color: var(--abt-blue); }
.pf-abt-hero__badge--one { left: 3%; top: 300px; animation: abt-bob 6s ease-in-out infinite alternate; }
.pf-abt-hero__badge--two { right: 4%; top: 236px; animation: abt-bob 7s ease-in-out infinite alternate-reverse; }
@keyframes abt-bob { from { transform: translateY(0) rotate(-2deg); } to { transform: translateY(-14px) rotate(2deg); } }
/* Плавающая карточка первого экрана: вынесена за правый край макета, чтобы не закрывать его содержимое */
.pf-page .pf-pos-hero__float.pf-abt-hero__float { right: -104px; top: 76px; width: 250px; padding: 18px; }
.pf-page .pf-abt-hero__float-note { display: block; color: #b9c7e0; font-size: 12.5px; line-height: 1.5; }

/* Макет «Обзор платформы» в первом экране */
.pf-abt-mock { display: grid; grid-template-columns: 196px minmax(0,1fr); min-height: 420px; border-radius: 16px 16px 0 0; background: #fff; overflow: hidden; text-align: left; box-shadow: 0 0 0 1px #10304a0d; }
.pf-abt-mock__side { display: flex; flex-direction: column; gap: 4px; padding: 20px 14px; border-right: 1px solid var(--abt-line); }
.pf-page .pf-abt-mock__brand { display: flex; align-items: center; gap: 9px; margin-bottom: 16px; color: var(--abt-ink); font-size: 13px; font-weight: 700; letter-spacing: -.01em; }
.pf-abt-mock__brand i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: var(--abt-grad); color: #fff; font-size: 12px; font-style: normal; }
.pf-page .pf-abt-mock__nav { display: flex; align-items: center; gap: 9px; padding: 9px 10px; border-radius: 9px; color: #5c6f86; font-size: 12.5px; }
.pf-abt-mock__nav svg { flex-shrink: 0; color: #8fa3bd; }
.pf-page .pf-abt-mock__nav.is-active { background: #eef4ff; color: var(--abt-ink); font-weight: 600; }
.pf-abt-mock__nav.is-active svg { color: var(--abt-blue); }
.pf-abt-mock__main { display: flex; flex-direction: column; gap: 14px; padding: 20px 22px; background: #fafcff; }
.pf-abt-mock__top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.pf-page .pf-abt-mock__top b { color: var(--abt-ink); font-size: 15px; font-weight: 600; }
.pf-abt-mock__top span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 99px; background: #e8f7f0; color: #0b8f63; font-size: 11.5px; font-weight: 600; }
.pf-abt-mock__stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.pf-abt-mock__stats div { padding: 14px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px #10304a0d; }
.pf-abt-mock__stats i { display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: 10px; border-radius: 50%; color: #fff; font-style: normal; }
.pf-abt-mock__stats i.is-blue { background: #1f5fe8; } .pf-abt-mock__stats i.is-green { background: #0fb37a; } .pf-abt-mock__stats i.is-violet { background: #7c5cf0; }
.pf-page .pf-abt-mock__stats b { display: block; color: var(--abt-ink); font-size: 20px; font-weight: 700; letter-spacing: -.03em; line-height: 1.1; }
.pf-page .pf-abt-mock__stats span { color: var(--abt-muted); font-size: 11.5px; }
.pf-abt-mock__list { flex: 1; padding: 4px 16px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px #10304a0d; }
.pf-abt-mock__row { display: grid; grid-template-columns: 26px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 11px 0; border-top: 1px solid var(--abt-line); }
.pf-abt-mock__row:first-child { border-top: 0; }
.pf-abt-mock__row i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: var(--abt-soft); color: var(--abt-blue); font-style: normal; }
.pf-page .pf-abt-mock__row span { color: var(--abt-ink); font-size: 12.5px; }
.pf-page .pf-abt-mock__row em { display: inline-flex; align-items: center; gap: 4px; color: #0b8f63; font-size: 11.5px; font-style: normal; }

/* Полоса с фактами под первым экраном */
.pf-abt-strip { position: relative; margin-top: -6px; padding: 0 0 10px; }
.pf-abt-strip__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; padding: 26px 30px; border: 1px solid var(--abt-line); border-radius: 22px; background: #fff; box-shadow: 0 26px 60px -40px #2a4a7a55; }
.pf-abt-strip__grid div { display: flex; align-items: center; gap: 14px; }
.pf-abt-strip__grid i { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; border-radius: 13px; background: var(--abt-soft); color: var(--abt-blue); font-style: normal; }
.pf-page .pf-abt-strip__grid b { display: block; color: var(--abt-ink); font-size: 19px; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; }
.pf-page .pf-abt-strip__grid span { color: var(--abt-muted); font-size: 12.5px; line-height: 1.45; }

/* Миссия: текст + карточка-манифест */
.pf-abt-mission { padding: 110px 0 0; }
.pf-abt-mission__grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 60px; align-items: center; }
.pf-page .pf-abt-mission__text p { margin: 22px 0 0; color: var(--abt-muted); font-size: 15.5px; line-height: 1.85; }
.pf-abt-mission__list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 24px; margin: 30px 0 0; padding: 0; list-style: none; }
.pf-page .pf-abt-mission__list li { display: flex; align-items: flex-start; gap: 10px; color: var(--abt-ink); font-size: 14px; line-height: 1.65; }
.pf-abt-mission__list svg { flex-shrink: 0; width: 26px; height: 26px; padding: 5px; border: 1.5px solid #10304a1f; border-radius: 50%; color: var(--abt-green); }
.pf-abt-manifest { position: relative; padding: 34px; border-radius: 26px; background: linear-gradient(150deg,#16294a,#0c1830 70%,#122c52); color: #fff; box-shadow: 0 40px 80px -40px #0c1830cc; overflow: hidden; }
.pf-abt-manifest::before { content: ""; position: absolute; inset: -30% -20% auto auto; width: 70%; height: 130%; background: repeating-linear-gradient(115deg,#ffffff14 0 12px,transparent 12px 30px); transform: rotate(9deg); }
.pf-abt-manifest__head { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pf-page .pf-abt-manifest__head span { display: inline-flex; align-items: center; gap: 8px; color: #b9c7e0; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.pf-page .pf-abt-manifest__head em { padding: 6px 11px; border-radius: 99px; background: #0fb37a26; color: #6ee7b7; font-size: 11.5px; font-style: normal; font-weight: 600; }
.pf-page .pf-abt-manifest__quote { position: relative; margin: 24px 0 0; color: #fff; font-size: 21px; font-weight: 500; line-height: 1.5; letter-spacing: -.015em; }
.pf-abt-manifest__rows { position: relative; display: grid; gap: 2px; margin: 26px 0 0; padding: 0; list-style: none; }
.pf-abt-manifest__rows li { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 0; border-top: 1px solid #ffffff1a; }
.pf-page .pf-abt-manifest__rows span { color: #a9b8d0; font-size: 13.5px; }
.pf-page .pf-abt-manifest__rows b { color: #fff; font-size: 14px; font-weight: 600; }
.pf-abt-manifest__rows svg { color: #6fa3ff; }

/* Инструменты платформы */
.pf-abt-tools { padding: 100px 0; }
.pf-abt-tools__grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 18px; margin-top: 54px; }
.pf-abt-tool { position: relative; display: flex; flex-direction: column; padding: 26px; border: 1px solid var(--abt-line); border-radius: 22px; background: #fff; box-shadow: 0 22px 50px -42px #2a4a7a80; transition: transform .25s, box-shadow .25s, border-color .25s; }
.pf-abt-tool:hover { transform: translateY(-4px); border-color: #1f5fe83d; box-shadow: 0 30px 60px -40px #1f5fe899; }
.pf-abt-tool--half { grid-column: span 4; }
.pf-abt-tool--third { grid-column: span 2; }
.pf-abt-tool__index { color: #9fb0c6; font-size: 11px; font-weight: 600; letter-spacing: .1em; }
.pf-abt-tool__icon { display: grid; place-items: center; width: 46px; height: 46px; margin: 16px 0 18px; border-radius: 14px; background: var(--abt-soft); color: var(--abt-blue); }
.pf-abt-tool--promo .pf-abt-tool__icon { background: #fff0f5; color: #e0457b; }
.pf-abt-tool--monitoring .pf-abt-tool__icon { background: #eafaf3; color: #12a05a; }
.pf-abt-tool--rankings .pf-abt-tool__icon { background: #eef2ff; color: #2563d9; }
.pf-abt-tool--audit .pf-abt-tool__icon { background: #fff6e8; color: #c47a0c; }
.pf-abt-tool--copywriter .pf-abt-tool__icon { background: #f1edff; color: #6b55e0; }
.pf-page .pf-abt-tool h3 { margin: 0 0 10px; color: var(--abt-ink); font-size: 19px; font-weight: 600; letter-spacing: -.02em; }
.pf-page .pf-abt-tool p { margin: 0 0 20px; color: var(--abt-muted); font-size: 14px; line-height: 1.7; flex: 1; }
.pf-abt-tool__link { display: inline-flex; align-items: center; gap: 8px; color: var(--abt-blue); font-size: 13.5px; font-weight: 600; }
.pf-abt-tool:hover .pf-abt-tool__link svg { transform: translate(2px,-2px); }
.pf-abt-tool__link svg { transition: transform .2s; }

/* Кому подойдёт */
.pf-abt-audience { padding: 100px 0; background: var(--abt-soft); }
.pf-abt-audience__head { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 40px; align-items: end; }
.pf-page .pf-abt-audience__head p { margin: 0; color: var(--abt-muted); font-size: 15px; line-height: 1.75; }
.pf-abt-audience__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 50px; }
.pf-abt-audience__grid article { display: flex; flex-direction: column; padding: 30px 28px; border: 1px solid var(--abt-line); border-radius: 22px; background: #fff; }
.pf-page .pf-abt-audience__grid article > span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: var(--abt-grad); color: #fff; font-size: 15px; font-weight: 700; }
.pf-page .pf-abt-audience__grid h3 { margin: 20px 0 10px; color: var(--abt-ink); font-size: 18px; font-weight: 600; }
.pf-page .pf-abt-audience__grid p { margin: 0; color: var(--abt-muted); font-size: 14px; line-height: 1.75; }

/* Принципы на тёмной полосе */
.pf-abt-dark { position: relative; overflow: hidden; padding: 110px 0; background: #0d1422; }
.pf-abt-dark__streaks { position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(#ffffff1a 1px,transparent 1px) 0 0 / 22px 22px,
    linear-gradient(160deg,transparent 45%,#1f5fe855 55%,transparent 62%),
    linear-gradient(165deg,transparent 55%,#0fb37a44 62%,transparent 68%),
    linear-gradient(155deg,transparent 60%,#7c5cf044 66%,transparent 72%); }
.pf-abt-dark__grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.3fr); gap: 60px; align-items: center; }
.pf-page .pf-abt-dark .pf-pos-label { color: #b9c7e0; }
.pf-page.pf-abt .pf-abt-dark h2 { color: #fff; }
.pf-page .pf-abt-dark__head p { margin: 22px 0 0; color: #b9c7e0; font-size: 15px; line-height: 1.8; }
.pf-abt-dark__stats { display: flex; flex-wrap: wrap; gap: 30px; margin: 34px 0 0; }
.pf-page .pf-abt-dark__stats div { display: flex; flex-direction: column; gap: 4px; }
.pf-page .pf-abt-dark__stats b { color: #fff; font-size: 30px; font-weight: 700; letter-spacing: -.04em; line-height: 1; }
.pf-page .pf-abt-dark__stats span { color: #8fa3c2; font-size: 12.5px; }
.pf-abt-dark__cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.pf-abt-dark__cards article { position: relative; padding: 24px; border: 1px solid #ffffff14; border-radius: 18px; background: #ffffff0d; backdrop-filter: blur(8px); transition: transform .25s, background .25s, border-color .25s; }
.pf-abt-dark__cards article:nth-child(even) { transform: translateY(22px); }
.pf-abt-dark__cards article:hover { background: #ffffff17; border-color: #4f93ff66; }
.pf-abt-dark__cards svg { color: #6fa3ff; }
.pf-page .pf-abt-dark__cards h3 { margin: 14px 0 8px; color: #fff; font-size: 16px; font-weight: 600; }
.pf-page .pf-abt-dark__cards p { margin: 0; color: #a9b8d0; font-size: 13px; line-height: 1.7; }

/* Команда проекта: старая композиция блока (иконка слева, текст справа), но на тёмно-сером градиенте */
.pf-abt-team { padding: 100px 0 110px; scroll-margin-top: 110px; }
.pf-page .pf-abt-team__card { position: relative; display: grid; grid-template-columns: 94px minmax(0,1fr); gap: 26px; align-items: start; padding: 40px; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg,#3a3f47 0%,#2b3038 45%,#1b1e23 100%); box-shadow: 0 40px 80px -40px #1b1e23cc; }
.pf-abt-team__card::after { content: ""; position: absolute; right: -90px; bottom: -120px; width: 300px; height: 300px; border-radius: 46% 54% 60% 40% / 48% 44% 56% 52%; background: radial-gradient(circle at 35% 30%,#ffffff26,#ffffff0d 55%,transparent 75%); pointer-events: none; }
.pf-page .pf-abt-team__symbol { position: relative; z-index: 1; width: 72px; height: 72px; overflow: hidden; border-radius: 19px; background: #ffffff14; }
.pf-page .pf-abt-team__symbol img { display: block !important; width: 72px !important; height: 72px !important; border-radius: inherit; object-fit: cover !important; }
.pf-abt-team__text { position: relative; z-index: 1; }
.pf-page .pf-abt-team__text .pf-pos-label { color: #b9c7e0; }
.pf-page .pf-abt-team__text h2,
.pf-page.pf-abt .pf-abt-team__text h2 { margin: 0 0 16px; color: #fff; font-size: 30px; }
.pf-page .pf-abt-team__text p { max-width: 770px; margin: 0 0 22px; color: #b8bfcb; font-size: 15px; line-height: 1.8; }
.pf-abt-team__stats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.pf-page .pf-abt-team__stats span { display: inline-flex; align-items: center; padding: 9px 15px; border: 1px solid #ffffff1f; border-radius: 99px; background: #ffffff0f; color: #e6e9ee; font-size: 13px; }

/* FAQ */
.pf-abt-faq { padding: 100px 0; background: repeating-conic-gradient(#ffffff 0 25%,#f8faff 0 50%) 0 0 / 120px 120px; }
.pf-abt-faq__grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 60px; align-items: start; }
.pf-page.pf-abt .pf-abt-faq h2 { margin-bottom: 30px; }
.pf-page .pf-abt-faq__grid > div:first-child p { margin: 0; color: var(--abt-muted); font-size: 14.5px; line-height: 1.75; }
.pf-abt-faq__list { display: grid; gap: 12px; }
.pf-abt-faq__list details { border-radius: 14px; background: #fff; box-shadow: 0 10px 30px -22px #2a4a7a55; }
.pf-page .pf-abt-faq__list summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 20px 18px 24px; cursor: pointer; list-style: none; color: var(--abt-ink); font-size: 16px; font-weight: 600; }
.pf-abt-faq__list summary::-webkit-details-marker { display: none; }
.pf-abt-faq__list summary span { position: relative; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background: var(--abt-soft); transition: background .2s; }
.pf-abt-faq__list summary span::before, .pf-abt-faq__list summary span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 13px; height: 2px; margin: -1px 0 0 -6.5px; border-radius: 2px; background: var(--abt-ink); transition: transform .25s; }
.pf-abt-faq__list summary span::after { transform: rotate(90deg); }
.pf-abt-faq__list details[open] summary span { background: var(--abt-grad); }
.pf-abt-faq__list details[open] summary span::before { background: #fff; }
.pf-abt-faq__list details[open] summary span::after { transform: rotate(0); opacity: 0; }
.pf-page .pf-abt-faq__list details p { margin: 0; padding: 0 24px 22px; color: var(--abt-muted); font-size: 15px; line-height: 1.75; }

/* Финальный призыв */
.pf-abt-cta { position: relative; overflow: hidden; padding: 90px 0; background: #2451d6; }
.pf-abt-cta__balls { position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(circle at 8% 20%,#5d8cff 0 60px,transparent 61px),
    radial-gradient(circle at 20% 85%,#4a7bf5 0 90px,transparent 91px),
    radial-gradient(circle at 33% 10%,#3f6fee 0 40px,transparent 41px),
    radial-gradient(circle at 70% 90%,#5d8cff 0 110px,transparent 111px),
    radial-gradient(circle at 88% 25%,#4a7bf5 0 80px,transparent 81px),
    radial-gradient(circle at 96% 80%,#12b98a 0 46px,transparent 47px),
    radial-gradient(circle at 55% 12%,#3f6fee 0 30px,transparent 31px),
    linear-gradient(120deg,#1f4fd0,#2f6fe8 60%,#3a86f0); animation: abt-balls 16s ease-in-out infinite alternate; background-size: 110% 110%; }
@keyframes abt-balls { from { background-position: 0 0; } to { background-position: 100% 100%; } }
.pf-abt-cta__inner { position: relative; z-index: 1; text-align: center; }
.pf-page .pf-abt-cta .pf-pos-label { color: #dce7ff; }
.pf-page.pf-abt .pf-abt-cta h2 { color: #fff; }
.pf-page .pf-abt-cta p { max-width: 640px; margin: 18px auto 0; color: #dce7ff; font-size: 16px; line-height: 1.7; }
.pf-abt-cta__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 34px; }
.pf-page .pf-abt-cta .pf-pos-btn:not(.pf-pos-btn--light) { background: linear-gradient(120deg,#0fb37a,#12c7a0); box-shadow: 0 12px 28px -12px #0b8f63aa; }

/* ---------------------------------------------------------------------------
   Читаемость текста: обычные абзацы, подписи и строки текста идут с
   нормальным межбуквенным интервалом — слова и строки не слипаются.
   Исключения — надстрочные кикеры (они специально разряжены) и служебные
   подписи в макете кабинета, которые остаются разряженными выше по файлу.
   --------------------------------------------------------------------------- */
.pf-page.pf-abt p,
.pf-page.pf-abt li,
.pf-page.pf-abt summary,
.pf-page.pf-abt span:not(.pf-pos-label):not(.pf-abt-tool__index):not(.pf-abt-manifest__head span):not(.pf-abt-mock__nav):not(.pf-abt-mock__brand),
.pf-page.pf-abt small:not(.pf-pos-hero__float small),
.pf-page.pf-abt em,
.pf-page.pf-abt strong,
.pf-page.pf-abt b:not(.pf-abt-dark__stats b):not(.pf-abt-strip__grid b),
.pf-page.pf-abt a,
.pf-page.pf-abt div,
.pf-page.pf-abt figcaption { letter-spacing: normal; }
/* Числовые значения: лёгкая подтяжка вместо сильной на заголовках и цифрах */
.pf-page .pf-abt-mock__stats b,
.pf-page .pf-abt-strip__grid b,
.pf-page .pf-abt-dark__stats b,
.pf-page .pf-abt-team__text h2 { letter-spacing: -.01em; }
/* Вводный абзац первого экрана: больше воздуха между строками */
.pf-page.pf-abt .pf-pos-hero__lead { line-height: 1.75; }

/* Адаптив */
@media (max-width: 1199px) {
  .pf-abt-hero__badge--one { left: 1%; top: 250px; }
  .pf-abt-hero__badge--two { right: 1%; top: 200px; }
  .pf-abt-hero__ring { display: none; }
  .pf-abt-tools__grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .pf-abt-tool--half, .pf-abt-tool--third { grid-column: span 2; }
}
@media (max-width: 991px) {
  .pf-abt-mission__grid, .pf-abt-dark__grid, .pf-abt-faq__grid, .pf-abt-audience__head { grid-template-columns: 1fr; }
  .pf-abt-strip__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pf-abt-audience__grid { grid-template-columns: 1fr; }
  .pf-abt-dark__cards { grid-template-columns: 1fr; }
  .pf-abt-dark__cards article:nth-child(even) { transform: none; }
  .pf-page .pf-abt-team__card { grid-template-columns: 1fr; gap: 20px; padding: 30px 26px; }
  .pf-page .pf-abt-team__text h2 { font-size: 25px; }
  .pf-abt-hero__badge { display: none; }
  /* Плавающая карточка уходит на узких экранах: места для неё рядом с макетом нет */
  .pf-page .pf-pos-hero__float.pf-abt-hero__float { display: none; }
  .pf-abt-hero__float { display: none; }
  .pf-abt-mock { grid-template-columns: 1fr; min-height: 0; }
  .pf-abt-mock__side { flex-direction: row; flex-wrap: wrap; gap: 6px; border-right: 0; border-bottom: 1px solid var(--abt-line); }
  .pf-page .pf-abt-mock__brand { width: 100%; margin-bottom: 4px; }
}
@media (max-width: 767px) {
  .pf-abt-mission, .pf-abt-tools, .pf-abt-audience, .pf-abt-dark, .pf-abt-team, .pf-abt-faq { padding-top: 70px; padding-bottom: 70px; }
  .pf-abt-tools__grid { grid-template-columns: 1fr; }
  .pf-abt-tool--half, .pf-abt-tool--third { grid-column: span 1; }
  .pf-abt-mission__list { grid-template-columns: 1fr; }
  .pf-abt-strip__grid { grid-template-columns: 1fr; padding: 22px; }
  .pf-abt-mock__stats { grid-template-columns: 1fr; }
  .pf-abt-team__card { padding: 24px 20px; }
  .pf-abt-cta { padding: 70px 0; }
  .pf-page .pf-abt-cta .pf-pos-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .pf-abt-hero__ring, .pf-abt-hero__badge, .pf-abt-cta__balls { animation: none; }
  .pf-abt-tool:hover { transform: none; }
}