/* Страница «Проверка позиций сайта» (/proverka-pozicij-sajta), 26.09.2026.
   Композиция по мотивам шаблона Aior (cloud-based SaaS), цвета и шрифты SEOGrid. Основа — home-platform.css, префикс pf-pos. */
.pf-pos { --pos-ink: #14304c; --pos-muted: #4a5d74; --pos-blue: #1f5fe8; --pos-green: #0fb37a; --pos-line: #10304a14; --pos-soft: #f3f7ff;
  --pos-grad: linear-gradient(120deg,#1f5fe8 0%,#3679ed 50%,#4f93ff 100%); }
.pf-page.pf-pos main { background: #fff; }
.pf-page.pf-pos main::before, .pf-page.pf-pos main::after { display: none; }
.pf-pos .container { position: relative; z-index: 1; }
.pf-pos-center { text-align: center; }
.pf-page.pf-pos h2 { font-size: clamp(30px,3.4vw,48px); line-height: 1.15; font-weight: 600; letter-spacing: -.04em; color: var(--pos-ink); margin: 0; }
.pf-page .pf-pos-label { display: inline-block; margin-bottom: 16px; color: var(--pos-ink); font-size: 15px; letter-spacing: .02em; }
.pf-page .pf-pos-sub { max-width: 560px; margin: 16px auto 0; color: var(--pos-muted); font-size: 15px; line-height: 1.7; }
.pf-page .pf-pos-note { margin: 28px 0 0; text-align: center; color: var(--pos-muted); font-size: 13px; }
.pf-page .pf-pos-note a { color: var(--pos-blue); }

/* Кнопки */
.pf-page .pf-pos-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 28px; border: 0; border-radius: 6px; background: var(--pos-grad); color: #fff; font-size: 15px; font-weight: 600; box-shadow: 0 12px 28px -12px #1f5fe8aa; transition: transform .2s, box-shadow .2s, filter .2s; }
.pf-page .pf-pos-btn:hover { color: #fff; transform: translateY(-2px); filter: brightness(1.06); box-shadow: 0 18px 34px -14px #1f5fe8cc; }
.pf-page .pf-pos-btn--light { background: #fff; color: var(--pos-ink); box-shadow: 0 10px 26px -14px #2a4a7a55; }
.pf-page .pf-pos-btn--light:hover { color: var(--pos-blue); filter: none; }
.pf-page .pf-pos-btn--block { width: 100%; }
.pf-page .pf-pos-split { display: inline-flex; align-items: stretch; margin-top: 34px; border-radius: 99px; overflow: hidden; color: #fff; font-size: 15px; font-weight: 600; box-shadow: 0 12px 28px -12px #1f5fe8aa; }
.pf-page .pf-pos-split span { padding: 15px 26px; background: #1f5fe8; color: #fff; }
.pf-pos-split i { display: grid; place-items: center; width: 56px; background: linear-gradient(120deg,#0fb37a,#12c7a0); font-style: normal; transition: width .2s; }
.pf-page .pf-pos-split:hover { color: #fff; }
.pf-pos-split:hover i { width: 64px; }
.pf-page .pf-pos-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 1px solid #10304a1f; border-radius: 99px; background: #fff; color: var(--pos-ink); font-size: 14px; }
.pf-pos-pill svg { color: var(--pos-blue); }

/* 1. Hero */
.pf-pos-hero { position: relative; overflow: hidden; padding: 150px 0 0; text-align: center; background-color: #fff;
  background-image:
    linear-gradient(180deg,#ffffff00 70%,#fff 100%),
    repeating-conic-gradient(#ffffff2e 0 25%,#ffffff00 0 50%),
    radial-gradient(ellipse 60% 50% at 20% 20%,#bcd4ff73 0%,transparent 70%),
    radial-gradient(ellipse 50% 45% at 85% 30%,#bff0dc73 0%,transparent 70%),
    linear-gradient(180deg,#cfe0ff80 0%,#dbe8ff73 45%,#eef4ff66 80%,#fff 100%);
  background-size: auto, 120px 120px, auto, auto, auto; }
.pf-pos-hero__crumbs { display: flex; justify-content: center; margin-bottom: 10px; }
.pf-page .pf-pos-hero__rating { margin: 0 0 18px; color: var(--pos-ink); font-size: 15px; }
.pf-pos-hero__rating span { color: #f5a524; letter-spacing: 2px; margin-right: 6px; }
.pf-page.pf-pos .pf-pos-hero h1 { font-size: clamp(38px,5.2vw,72px); line-height: 1.08; font-weight: 600; letter-spacing: -.05em; color: var(--pos-ink); margin: 0 auto; max-width: 1000px; }
.pf-page .pf-pos-hero__lead { max-width: 680px; margin: 22px auto 0; color: var(--pos-muted); font-size: 17px; line-height: 1.7; }
.pf-pos-hero__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 30px; margin: 30px 0 0; padding: 0; list-style: none; }
.pf-page .pf-pos-hero__trust li { display: inline-flex; align-items: center; gap: 8px; color: var(--pos-ink); font-size: 14px; font-weight: 500; }
.pf-pos-hero__trust svg { color: var(--pos-green); }
.pf-pos-hero__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 38px; }
.pf-pos-hero__frame { position: relative; max-width: 1060px; margin: 64px auto 0; padding: 12px 12px 0; border: 1px solid #ffffffcc; border-bottom: 0; border-radius: 26px 26px 0 0; background: #ffffff66; backdrop-filter: blur(10px); box-shadow: 0 -20px 60px -30px #1f5fe855; }
.pf-pos-hero__float { position: absolute; right: -60px; top: 70px; width: 270px; padding: 20px; border-radius: 18px; background: linear-gradient(160deg,#16294a,#0c1830); color: #fff; text-align: left; box-shadow: 0 30px 60px -20px #0c183099; transform: rotate(-6deg); animation: pos-float 6s ease-in-out infinite alternate; }
@keyframes pos-float { from { transform: rotate(-6deg) translateY(0); } to { transform: rotate(-4deg) translateY(-12px); } }
.pf-pos-hero__float-top { display: flex; justify-content: space-between; align-items: center; }
.pf-page .pf-pos-hero__float small { color: #b9c7e0; font-size: 12px; }
.pf-page .pf-pos-hero__float em { padding: 3px 9px; border-radius: 99px; background: var(--pos-green); color: #fff; font-size: 10px; font-style: normal; font-weight: 700; }
.pf-page .pf-pos-hero__float b { display: block; margin: 8px 0 12px; font-size: 32px; font-weight: 700; letter-spacing: -.03em; color: #fff; }
.pf-pos-hero__bar { display: block; height: 18px; border-radius: 99px; background: #ffffff1f; overflow: hidden; }
.pf-pos-hero__bar i { display: grid; place-items: center; height: 100%; border-radius: 99px; background: linear-gradient(90deg,#1f5fe8,#4f93ff); color: #fff; font-size: 10px; font-style: normal; font-weight: 700; }
.pf-pos-hero__float-btn { display: block; margin-top: 16px; padding: 11px; border-radius: 99px; background: #fff; color: var(--pos-ink); font-size: 14px; font-weight: 600; text-align: center; }
/* Плавающие объёмные фигуры */
.pf-pos-hero__torus { position: absolute; left: 12%; top: 330px; width: 92px; height: 92px; border-radius: 50%; border: 22px solid transparent; background: radial-gradient(circle at 30% 25%,#9fc0ff,#1f5fe8 55%,#123a9c) border-box; -webkit-mask: radial-gradient(circle,transparent 24px,#000 25px); mask: radial-gradient(circle,transparent 24px,#000 25px); filter: drop-shadow(0 16px 20px #1f5fe855); animation: pos-bob 7s ease-in-out infinite alternate; }
.pf-pos-hero__sphere { position: absolute; right: 16%; top: 190px; width: 54px; height: 54px; border-radius: 50%; background: radial-gradient(circle at 32% 28%,#d6fff0,#12c79a 45%,#08765d); box-shadow: 0 18px 26px -8px #0b8f6377; animation: pos-bob 5s ease-in-out infinite alternate-reverse; }
.pf-pos-hero__pin { position: absolute; right: 12%; top: 380px; display: grid; place-items: center; width: 84px; height: 84px; border-radius: 22px; background: linear-gradient(145deg,#5a8cff,#1f4fd0); color: #fff; box-shadow: inset 0 3px 0 #ffffff55, 0 22px 30px -10px #1f4fd088; transform: rotate(14deg); animation: pos-bob2 6s ease-in-out infinite alternate; }
@keyframes pos-bob { from { transform: translateY(0) rotate(0); } to { transform: translateY(-22px) rotate(18deg); } }
@keyframes pos-bob2 { from { transform: translateY(0) rotate(14deg); } to { transform: translateY(-18px) rotate(4deg); } }

/* Макет кабинета */
.pf-pos-dash { display: grid; grid-template-columns: 190px minmax(0,1fr); min-height: 440px; border-radius: 16px 16px 0 0; background: #fff; overflow: hidden; text-align: left; box-shadow: 0 0 0 1px #10304a0d; }
.pf-pos-dash__side { display: flex; flex-direction: column; gap: 4px; padding: 20px 14px; border-right: 1px solid var(--pos-line); }
.pf-page.pf-pos .pf-pos-dash__logo { width: 110px !important; height: auto !important; margin: 0 0 18px 6px; }
.pf-page .pf-pos-dash__group { margin: 12px 0 4px 8px; color: #8a9aae; font-size: 11px; }
.pf-page .pf-pos-dash__nav { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 10px; color: var(--pos-ink); font-size: 13px; }
.pf-page .pf-pos-dash__nav.is-active { background: #14304c; color: #fff; }
.pf-pos-dash__main { display: flex; flex-direction: column; gap: 16px; padding: 20px 22px; background: #fafcff; }
.pf-pos-dash__top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.pf-page .pf-pos-dash__top b { display: block; color: var(--pos-ink); font-size: 20px; font-weight: 700; letter-spacing: -.02em; }
.pf-page .pf-pos-dash__top small { color: #8a9aae; font-size: 12px; }
.pf-page .pf-pos-dash__search { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--pos-line); border-radius: 99px; background: #fff; color: #8a9aae; font-size: 12px; }
.pf-pos-dash__stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.pf-pos-dash__stats div { padding: 14px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px #10304a0d; }
.pf-pos-dash__stats i { display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: 10px; border-radius: 50%; color: #fff; }
.pf-pos-dash__stats i.is-blue { background: #1f5fe8; } .pf-pos-dash__stats i.is-green { background: #0fb37a; } .pf-pos-dash__stats i.is-violet { background: #7c5cf0; }
.pf-page .pf-pos-dash__stats b { display: block; color: var(--pos-ink); font-size: 20px; font-weight: 700; }
.pf-page .pf-pos-dash__stats small { color: #8a9aae; font-size: 11px; }
.pf-pos-dash__chart { position: relative; padding: 14px 16px 6px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px #10304a0d; }
.pf-pos-dash__chart-head { display: flex; justify-content: space-between; align-items: baseline; }
.pf-page .pf-pos-dash__chart-head b { color: var(--pos-ink); font-size: 13px; }
.pf-page .pf-pos-dash__chart-head small { color: #8a9aae; font-size: 11px; }
.pf-pos-dash__chart svg { display: block; width: 100%; height: 110px; margin-top: 6px; }
.pf-pos-dash__line { stroke-dasharray: 700; stroke-dashoffset: 700; animation: pos-draw 2.4s .4s cubic-bezier(.4,0,.2,1) forwards; }
@keyframes pos-draw { to { stroke-dashoffset: 0; } }
.pf-page .pf-pos-dash__tip { position: absolute; right: 22%; top: 38px; padding: 6px 10px; border-radius: 8px; background: #fff; color: #8a9aae; font-size: 10px; box-shadow: 0 8px 20px -8px #2a4a7a55; }
.pf-pos-dash__tip b { color: var(--pos-green); font-size: 13px; }
.pf-pos-dash__table { border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px #10304a0d; padding: 4px 16px; }
.pf-pos-dash__row { display: grid; grid-template-columns: minmax(0,1fr) 70px 70px; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--pos-line); }
.pf-pos-dash__row.is-head { border-top: 0; }
.pf-page .pf-pos-dash__row.is-head span { color: #8a9aae; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.pf-pos-dash__row > span + span { text-align: center; }
.pf-page .pf-pos-dash__row > span:first-child { color: var(--pos-ink); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pf-pos-dash__pos { display: inline-flex; align-items: baseline; justify-content: center; gap: 4px; }
.pf-page .pf-pos-dash__pos b { display: inline-grid; place-items: center; min-width: 30px; height: 24px; padding: 0 6px; border-radius: 6px; background: #10304a0d; color: var(--pos-ink); font-size: 12px; font-weight: 600; }
.pf-page .pf-pos-dash__pos.is-top b { background: #0fb37a1f; color: #0b8f63; }
.pf-page .pf-pos-dash__pos em { font-style: normal; font-size: 10px; font-weight: 600; }
.pf-pos-dash__pos em.is-up { color: #0b8f63; } .pf-pos-dash__pos em.is-down { color: #d64545; }
.pf-pos-dash.is-compact { min-height: 0; border-radius: 16px; }

/* 2. Источники */
.pf-pos-sources { padding: 60px 0 30px; text-align: center; }
.pf-page .pf-pos-sources p { margin: 0 0 26px; color: var(--pos-ink); font-size: 17px; }
.pf-pos-sources ul { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px 40px; margin: 0; padding: 0; list-style: none; }
.pf-page .pf-pos-sources li { color: #6b7a8f; font-size: 24px; font-weight: 700; letter-spacing: -.03em; transition: transform .2s; }
.pf-page .pf-pos-sources li:hover { transform: translateY(-2px); }
.pf-page .pf-pos-sources li span { font: inherit; letter-spacing: inherit; }
/* Фирменные цвета: градиентный текст */
.pf-page .pf-pos-sources li.is-yandex, .pf-page .pf-pos-sources li.is-search-api, .pf-page .pf-pos-sources li.is-xmlriver, .pf-page .pf-pos-sources li.is-topvisor { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.pf-page .pf-pos-sources li.is-yandex { background-image: linear-gradient(95deg,#fc3f1d 0%,#ff6a13 45%,#ffb800 100%); }
.pf-page .pf-pos-sources li.is-search-api { background-image: linear-gradient(95deg,#6b55e0,#a855f7); }
.pf-page .pf-pos-sources li.is-xmlriver { background-image: linear-gradient(95deg,#0b8f63,#12c7a0); }
.pf-page .pf-pos-sources li.is-topvisor { background-image: linear-gradient(95deg,#1f5fe8,#1fb6ff); }

/* 3. О модуле */
.pf-pos-about { position: relative; overflow: hidden; padding: 110px 0; }
.pf-pos-about__blob { position: absolute; right: -140px; top: 120px; width: 440px; height: 440px; border-radius: 42% 58% 60% 40% / 45% 40% 60% 55%; background: radial-gradient(circle at 35% 30%,#d9e6ff,#7aa7ff 45%,#3b6ee8 80%); opacity: .55; filter: blur(2px); animation: pos-morph 14s ease-in-out infinite alternate; }
@keyframes pos-morph { 0% { border-radius: 42% 58% 60% 40% / 45% 40% 60% 55%; transform: rotate(0); } 100% { border-radius: 58% 42% 40% 60% / 55% 60% 40% 45%; transform: rotate(40deg); } }
.pf-page.pf-pos .pf-pos-stagger { margin-top: 18px; }
.pf-pos-stagger span { display: block; }
.pf-page.pf-pos .pf-pos-stagger span:first-child { background: none; -webkit-text-fill-color: currentColor; color: var(--pos-ink); animation: none; }
.pf-pos-stagger span + span { padding-left: clamp(40px,10vw,140px); }
.pf-pos-about__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 60px; align-items: center; margin-top: 50px; }
.pf-pos-about__art { position: relative; padding: 36px; border-radius: 22px; background: linear-gradient(140deg,#1f5fe8,#4f93ff 60%,#8ad7ff); box-shadow: 0 30px 60px -28px #1f5fe8aa; overflow: hidden; }
.pf-pos-about__art::before { content: ""; position: absolute; inset: -40% -20% auto auto; width: 70%; height: 120%; background: repeating-linear-gradient(115deg,#ffffff26 0 14px,transparent 14px 34px); transform: rotate(8deg); }
.pf-pos-about__serp { position: relative; display: grid; gap: 12px; padding: 20px; border-radius: 16px; background: #ffffffe6; backdrop-filter: blur(6px); }
.pf-pos-about__res { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; background: #f3f7ff; }
.pf-page .pf-pos-about__res span { display: grid; place-items: center; flex-shrink: 0; width: 26px; height: 26px; border-radius: 8px; background: #10304a14; color: var(--pos-ink); font-size: 12px; font-weight: 700; }
.pf-pos-about__res i { display: block; height: 9px; border-radius: 99px; background: #10304a1f; }
.pf-pos-about__res.is-me { background: #fff; box-shadow: 0 10px 24px -10px #0b8f6388, 0 0 0 2px #0fb37a; transform: scale(1.04); }
.pf-page .pf-pos-about__res.is-me span { background: var(--pos-green); color: #fff; }
.pf-pos-about__res.is-me i { background: linear-gradient(90deg,#0fb37a66,#1f5fe855); }
.pf-page .pf-pos-about__res em { margin-left: auto; color: #0b8f63; font-size: 11px; font-weight: 700; font-style: normal; white-space: nowrap; }
.pf-page .pf-pos-about__text p { margin: 0; color: var(--pos-muted); font-size: 15px; line-height: 1.8; max-width: 560px; }
.pf-pos-about__text ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 24px; margin: 30px 0 0; padding: 0; list-style: none; }
.pf-page .pf-pos-about__text li { display: flex; align-items: center; gap: 12px; color: var(--pos-ink); font-size: 15px; }
.pf-pos-about__text li svg { flex-shrink: 0; width: 26px; height: 26px; padding: 5px; border: 1.5px solid var(--pos-ink); border-radius: 50%; }

/* 4. Возможности: вкладки */
.pf-pos-solutions { padding: 100px 0; background: var(--pos-soft); }
.pf-pos-solutions__head { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 40px; align-items: end; }
.pf-page .pf-pos-solutions__head p { margin: 0; color: var(--pos-muted); font-size: 15px; line-height: 1.7; }
.pf-pos-tabs { margin-top: 50px; }
.pf-pos-tabs__list { display: flex; flex-wrap: wrap; gap: 4px; padding: 0 40px; }
.pf-page .pf-pos-tabs__list button { padding: 14px 20px; border: 0; border-radius: 14px 14px 0 0; background: transparent; color: var(--pos-ink); font-size: 15px; cursor: pointer; transition: background .2s, color .2s; }
.pf-page .pf-pos-tabs__list button:hover { color: var(--pos-blue); }
.pf-page .pf-pos-tabs__list button.is-active { background: #fff; color: var(--pos-blue); font-weight: 600; }
.pf-pos-tabs__card { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 50px; align-items: center; padding: 50px; border-radius: 32px; background: #fff; box-shadow: 0 30px 60px -40px #2a4a7a55; }
.pf-pos-tabs__text { animation: pos-fade .45s ease; }
@keyframes pos-fade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.pf-page .pf-pos-tabs__text h3 { margin: 0; color: var(--pos-ink); font-size: clamp(24px,2.2vw,32px); font-weight: 500; letter-spacing: -.03em; line-height: 1.2; }
.pf-page .pf-pos-tabs__text p { margin: 20px 0 36px; color: var(--pos-muted); font-size: 15px; line-height: 1.8; }
.pf-pos-tabs__art { position: relative; aspect-ratio: 1.15; border-radius: 22px; overflow: hidden; background: radial-gradient(circle at 50% 110%,#8ad7ff 0%,transparent 55%), linear-gradient(145deg,#1f5fe8,#4f93ff); }
.pf-pos-tabs__rings { position: absolute; inset: 0; background: repeating-radial-gradient(circle at 50% 50%,#ffffff14 0 1px,transparent 1px 44px), radial-gradient(#ffffff40 1.2px,transparent 1.2px) 0 0 / 22px 22px; }
.pf-pos-tabs__lines { position: absolute; left: 22%; right: 22%; top: 24%; bottom: 24%; border: 2px dashed #ffffff55; border-radius: 18px; }
.pf-pos-tabs__core { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 84px; height: 84px; margin: -42px 0 0 -42px; border-radius: 22px; background: linear-gradient(145deg,#ffffff,#dfe9ff); box-shadow: 0 0 0 10px #ffffff2e, 0 20px 40px -10px #0b2a6b88; animation: pos-pulse 2.6s ease-in-out infinite; }
.pf-pos-tabs__core { color: var(--pos-blue); }
@keyframes pos-pulse { 0%,100% { box-shadow: 0 0 0 10px #ffffff2e, 0 20px 40px -10px #0b2a6b88; } 50% { box-shadow: 0 0 0 20px #ffffff14, 0 20px 40px -10px #0b2a6b88; } }
.pf-pos-tabs__node { position: absolute; display: grid; place-items: center; width: 60px; height: 60px; margin: -30px 0 0 -30px; border-radius: 50%; background: #fff; color: var(--pos-ink); box-shadow: 0 0 0 8px #ffffff26, 0 14px 26px -10px #0b2a6b88; transition: transform .35s cubic-bezier(.34,1.6,.6,1), background .3s, color .3s; }
.pf-pos-tabs__node.is-active { background: var(--pos-green); color: #fff; transform: scale(1.22); }
.pf-pos-tabs__node--0 { left: 50%; top: 16%; } .pf-pos-tabs__node--1 { left: 80%; top: 32%; } .pf-pos-tabs__node--2 { left: 80%; top: 68%; }
.pf-pos-tabs__node--3 { left: 50%; top: 84%; } .pf-pos-tabs__node--4 { left: 20%; top: 68%; } .pf-pos-tabs__node--5 { left: 20%; top: 32%; }

/* 5. Шаги */
.pf-pos-steps { padding: 110px 0; }
.pf-pos-steps__grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 60px; align-items: center; margin-top: 56px; }
.pf-pos-steps__list { display: grid; gap: 40px; margin: 0; padding: 0; list-style: none; }
.pf-pos-steps__list li { position: relative; padding-left: 26px; }
.pf-pos-steps__list li::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: #10304a1a; }
.pf-pos-steps__list li:first-child::before { background: var(--pos-grad); }
.pf-page .pf-pos-steps__list span { display: block; color: #c5cfdc; font-size: 30px; font-weight: 700; line-height: 1; }
.pf-page .pf-pos-steps__list li:first-child span { color: var(--pos-blue); }
.pf-page .pf-pos-steps__list h3 { margin: 6px 0 10px; color: var(--pos-ink); font-size: 20px; font-weight: 500; }
.pf-page .pf-pos-steps__list p { margin: 0; color: var(--pos-muted); font-size: 14px; line-height: 1.75; max-width: 420px; }
.pf-pos-steps__frame { padding: 16px; border-radius: 30px; background: linear-gradient(145deg,#cfe0ff,#e3ecff); box-shadow: inset 0 0 0 10px #ffffff66; }

/* 6. Тёмная полоса */
.pf-pos-dark { position: relative; overflow: hidden; padding: 110px 0; background: #0d1422; }
.pf-pos-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-pos-dark__grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.3fr); gap: 60px; align-items: center; }
.pf-page .pf-pos-dark .pf-pos-label { color: #b9c7e0; }
.pf-page.pf-pos .pf-pos-dark h2 { color: #fff; }
.pf-page .pf-pos-dark__head p { margin: 22px 0 34px; color: #b9c7e0; font-size: 15px; line-height: 1.8; }
.pf-pos-dark__cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.pf-pos-dark__cards article { position: relative; padding: 22px; border: 1px solid #ffffff14; border-radius: 16px; background: #ffffff0d; backdrop-filter: blur(8px); transition: transform .25s, background .25s, border-color .25s; }
.pf-pos-dark__cards article:nth-child(even) { transform: translateY(24px); }
.pf-pos-dark__cards article:hover { background: #ffffff17; border-color: #4f93ff66; }
.pf-pos-dark__cards svg { color: #6fa3ff; }
.pf-page .pf-pos-dark__num { position: absolute; top: 20px; right: 20px; color: #ffffff4d; font-size: 11px; }
.pf-page .pf-pos-dark__cards h3 { margin: 14px 0 8px; color: #fff; font-size: 16px; font-weight: 600; }
.pf-page .pf-pos-dark__cards p { margin: 0; color: #a9b8d0; font-size: 13px; line-height: 1.65; }

/* 7. Цены */
.pf-pos-pricing { position: relative; padding: 110px 0 60px; }
.pf-pos-pricing__coin { position: absolute; right: 12%; top: 120px; display: grid; place-items: center; width: 76px; height: 76px; border-radius: 50%; background: radial-gradient(circle at 35% 30%,#ffe08a,#f5a524 55%,#c97a06); color: #fff; font-size: 34px; font-weight: 800; box-shadow: inset 0 -5px 0 #b26a0355, 0 18px 26px -10px #c97a0688; transform: rotate(-16deg); animation: pos-bob2 5s ease-in-out infinite alternate; }
.pf-pos-pricing__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin-top: 54px; }
.pf-pos-pricing__grid article { display: flex; flex-direction: column; padding: 8px 8px 24px; border: 1px solid #1f5fe81f; border-radius: 20px; background: var(--pos-soft); }
.pf-pos-pricing__top { padding: 24px 22px; border-radius: 14px; background: #fff; }
.pf-pos-pricing__grid article.is-featured { background: linear-gradient(145deg,#1f5fe8,#4f93ff); border-color: transparent; box-shadow: 0 30px 60px -28px #1f5fe8aa; }
.pf-pos-pricing__grid article.is-featured .pf-pos-pricing__top { box-shadow: inset 0 0 0 3px #1f5fe8; }
.pf-pos-pricing__icon { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--pos-grad); color: #fff; }
.pf-page .pf-pos-pricing__grid h3 { display: inline-block; margin: 0 0 0 12px; vertical-align: middle; color: var(--pos-ink); font-size: 18px; font-weight: 600; }
.pf-pos-pricing__price { display: flex; align-items: baseline; gap: 8px; margin: 20px 0 10px; }
.pf-page .pf-pos-pricing__price b { color: var(--pos-ink); font-size: 38px; font-weight: 700; letter-spacing: -.04em; line-height: 1; }
.pf-page .pf-pos-pricing__price span { color: var(--pos-muted); font-size: 13px; }
.pf-page .pf-pos-pricing__top p { margin: 0; color: var(--pos-muted); font-size: 14px; line-height: 1.6; }
.pf-pos-pricing__grid ul { display: grid; gap: 12px; margin: 22px 16px 26px; padding: 0; list-style: none; flex: 1; }
.pf-page .pf-pos-pricing__grid li { display: flex; align-items: center; gap: 10px; color: var(--pos-ink); font-size: 14px; }
.pf-pos-pricing__grid li svg { flex-shrink: 0; color: var(--pos-ink); }
.pf-pos-pricing__grid .pf-pos-btn { margin: 0 16px; width: auto; }
.pf-page .pf-pos-pricing__grid .is-featured li, .pf-pos-pricing__grid .is-featured li svg { color: #fff; }
.pf-page .pf-pos-pricing__grid .is-featured .pf-pos-btn { background: #fff; color: var(--pos-blue); }

/* 8. FAQ */
.pf-pos-faq { padding: 100px 0; background:
  repeating-conic-gradient(#ffffff 0 25%,#f8faff 0 50%) 0 0 / 120px 120px; }
.pf-pos-faq__grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 60px; align-items: start; }
.pf-page.pf-pos .pf-pos-faq h2 { margin-bottom: 34px; }
.pf-pos-faq__list { display: grid; gap: 12px; }
.pf-pos-faq__list details { border-radius: 14px; background: #fff; box-shadow: 0 10px 30px -22px #2a4a7a55; }
.pf-page .pf-pos-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(--pos-ink); font-size: 16px; font-weight: 600; }
.pf-pos-faq__list summary::-webkit-details-marker { display: none; }
.pf-pos-faq__list summary span { position: relative; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background: var(--pos-soft); transition: background .2s; }
.pf-pos-faq__list summary span::before, .pf-pos-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(--pos-ink); transition: transform .25s; }
.pf-pos-faq__list summary span::after { transform: rotate(90deg); }
.pf-pos-faq__list details[open] summary span { background: var(--pos-grad); }
.pf-pos-faq__list details[open] summary span::before { background: #fff; }
.pf-pos-faq__list details[open] summary span::after { transform: rotate(0); opacity: 0; }
.pf-page .pf-pos-faq__list details p { margin: 0; padding: 0 24px 22px; color: var(--pos-muted); font-size: 15px; line-height: 1.75; }
.pf-pos-faq__more { padding: 22px; border-radius: 14px; background: #fff; text-align: center; }
.pf-page .pf-pos-faq__more b { color: var(--pos-ink); font-size: 18px; }
.pf-page .pf-pos-faq__more p { margin: 4px 0; color: var(--pos-muted); font-size: 14px; }
.pf-page .pf-pos-faq__more a { display: inline-flex; align-items: center; gap: 6px; color: var(--pos-blue); font-size: 14px; }

/* 9. Финальный призыв с шарами */
.pf-pos-cta { position: relative; overflow: hidden; padding: 90px 0; background: #2451d6; }
.pf-pos-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: pos-balls 16s ease-in-out infinite alternate; background-size: 110% 110%; }
@keyframes pos-balls { from { background-position: 0 0; } to { background-position: 100% 100%; } }
.pf-page .pf-pos-cta .pf-pos-label { color: #dce7ff; }
.pf-page.pf-pos .pf-pos-cta h2 { color: #fff; }
.pf-page .pf-pos-cta p { margin: 16px 0 0; color: #dce7ff; font-size: 16px; }
.pf-page .pf-pos-cta .pf-pos-btn:not(.pf-pos-btn--light) { background: linear-gradient(120deg,#0fb37a,#12c7a0); box-shadow: 0 12px 28px -12px #0b8f63aa; }

/* Схема видимости на тёмной полосе (главная и /seo-audit) */
.pf-aud-vis__list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.pf-page .pf-aud-vis__list li { display: flex; align-items: center; gap: 12px; color: #dfe8f7; font-size: 15px; }
.pf-aud-vis__list svg { flex-shrink: 0; color: #6fa3ff; }
.pf-aud-board { padding: 28px; border: 1px solid #ffffff14; border-radius: 20px; background: #ffffff0d; backdrop-filter: blur(8px); }
.pf-aud-board__head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 20px; }
.pf-page .pf-aud-board__head span { color: #fff; font-size: 14px; font-weight: 600; }
.pf-page .pf-aud-board__head small { color: #8fa3c2; font-size: 11px; }
.pf-aud-board__row { display: grid; grid-template-columns: 170px minmax(0,1fr); align-items: center; gap: 14px; padding: 9px 0; }
.pf-page .pf-aud-board__row span { color: #b9c7e0; font-size: 13px; }
.pf-aud-board__row i { display: block; height: 12px; border-radius: 99px; background: linear-gradient(90deg,#4f6a92,#6f86aa); transform-origin: left; animation: aud-bar 1.2s cubic-bezier(.3,.8,.3,1) both; }
.pf-aud-board__row.is-me { margin: 4px -12px; padding: 12px; border-radius: 12px; background: #0fb37a1f; }
.pf-page .pf-aud-board__row.is-me span { color: #fff; font-weight: 600; }
.pf-aud-board__row.is-me i { background: linear-gradient(90deg,#0fb37a,#12c7a0); box-shadow: 0 0 20px #0fb37a66; }
.pf-page .pf-aud-board p { margin: 18px 0 0; color: #8fa3c2; font-size: 12px; line-height: 1.6; }

@media (max-width: 1199px) {
  .pf-pos-hero__float { right: -10px; }
  .pf-pos-hero__pin, .pf-pos-hero__torus { display: none; }
}
@media (max-width: 991px) {
  .pf-pos-about__grid, .pf-pos-tabs__card, .pf-pos-steps__grid, .pf-pos-dark__grid, .pf-pos-faq__grid, .pf-pos-solutions__head { grid-template-columns: 1fr; }
  .pf-pos-tabs__card { padding: 30px; gap: 30px; }
  .pf-pos-tabs__list { padding: 0 10px; }
  .pf-pos-pricing__grid { grid-template-columns: 1fr; max-width: 460px; margin-left: auto; margin-right: auto; }
  .pf-pos-hero__float { display: none; }
  .pf-pos-dash { grid-template-columns: 1fr; }
  .pf-pos-dash__side { display: none; }
  .pf-pos-pricing__coin { display: none; }
}
@media (max-width: 575px) {
  .pf-aud-board { padding: 18px; }
  .pf-aud-board__row { grid-template-columns: 1fr; gap: 6px; }
  .pf-pos-hero { padding-top: 120px; }
  .pf-pos-hero__sphere { display: none; }
  .pf-pos-hero__frame { margin-top: 40px; padding: 6px 6px 0; border-radius: 16px 16px 0 0; }
  .pf-pos-dash__main { padding: 14px; }
  .pf-pos-dash__stats { gap: 6px; }
  .pf-pos-dash__stats div { padding: 10px; }
  .pf-page .pf-pos-dash__stats b { font-size: 16px; }
  .pf-pos-dash__search { display: none !important; }
  .pf-pos-about__text ul, .pf-pos-dark__cards { grid-template-columns: 1fr; }
  .pf-pos-dark__cards article:nth-child(even) { transform: none; }
  .pf-page .pf-pos-tabs__list button { padding: 10px 12px; font-size: 13px; border-radius: 10px; }
  .pf-pos-tabs__list { gap: 6px; margin-bottom: 12px; }
  .pf-pos-tabs__card { padding: 22px; border-radius: 22px; }
  .pf-pos-sources li { font-size: 18px !important; }
  .pf-pos-hero__actions .pf-pos-btn, .pf-pos-cta .pf-pos-btn { width: 100%; }
  .pf-pos-dash__row { grid-template-columns: minmax(0,1fr) 54px 54px; }
}
@media (prefers-reduced-motion: reduce) {
  .pf-pos *, .pf-pos-cta__balls { animation: none !important; }
  .pf-pos-dash__line { stroke-dashoffset: 0; }
}