/* PF-Service homepage. Visual reference: seopapa.com, September 2026.
   Original content/components, local Inter, graphite surfaces, violet CTAs and lime accents. */
.pf-page {
  --colorPrimary: #4f8aff;
  --colorSecondary: #ececef;
  --colorWhite: #fff;
  --paraColor: #aaa9b2;
  --paraFont: "Inter", Arial, sans-serif;
  --headingFont: "Inter", Arial, sans-serif;
  --boxShadow: 0 8px 30px #00000018;
  --gradiantBg: linear-gradient(135deg, #211e2a, #1a211c);
  --pf-bg: #151618;
  --pf-surface: #1c1d20;
  --pf-surface-raised: #222228;
  --pf-border: #ffffff10;
  --pf-lime: #4f8aff;
  position: relative;
  z-index: 0;
  background: var(--pf-bg);
  color: var(--paraColor);
  font-family: var(--paraFont);
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

/* Медленное фоновое свечение на весь сайт: три размытых пятна дрейфуют друг относительно друга */
.pf-page::before {
  content: "";
  position: fixed;
  inset: -20%;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(38% 32% at 18% 22%, #4f8aff33, transparent 70%),
    radial-gradient(42% 38% at 82% 18%, #00d4ff26, transparent 70%),
    radial-gradient(46% 42% at 50% 88%, #9d8cff2b, transparent 70%);
  background-repeat: no-repeat;
  filter: blur(40px);
  animation: pf-bg-drift 34s ease-in-out infinite alternate;
  will-change: transform;
}
@keyframes pf-bg-drift {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(-2.5%, 2%, 0) scale(1.06); }
  100% { transform: translate3d(2.5%, -2%, 0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .pf-page::before { animation: none; }
}
.pf-page p,.pf-page span,.pf-page a,.pf-page button,.pf-page input,.pf-page output,.pf-page label,.pf-page small,.pf-page dt,.pf-page dd,.pf-page li { font-family: var(--paraFont); }
.pf-page h1,.pf-page h2,.pf-page h3,.pf-page h4,.pf-page h5,.pf-page h6 { font-family: var(--headingFont); color: var(--colorSecondary); }
.pf-page p { line-height: 1.65; color: var(--paraColor); }
.pf-page ::selection { background: #326bce; color: white; }
.pf-page .container { max-width: 1180px; }
.pf-page .tf__main_menu { width: calc(100% - 40px); max-width: 1180px; /* 1400 на экранах от 1440px — см. ниже */ left: 50%; top: 16px; transform: translateX(-50%); padding: 0 12px; border: none; border-radius: 18px; background: #151618e8; backdrop-filter: blur(18px); box-shadow: 0 12px 38px #00000030; }
/* Широкие экраны: контейнер и меню 1400px (24.09.2026) */
@media (min-width:1440px) { .pf-page .container { max-width: 1400px; } .pf-page .tf__main_menu { max-width: 1400px; } }
.pf-page .tf__main_menu .container-fluid { max-width: none; padding-left: 12px; padding-right: 12px; }
.pf-page .tf__main_menu.menu_fix { top: 12px; background: #151618f5; box-shadow: 0 14px 42px #00000045; }
.pf-page .pf-tools-menu { position: static; }
.pf-page .tf__main_menu .nav-item:has(> .pf-tools-menu) { position: static; }
.pf-tools-menu__trigger { position: relative; }
.pf-tools-menu--open .pf-tools-menu__trigger::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 24px; }
.pf-page .pf-tools-menu__trigger { display: flex; align-items: center; gap: 7px; padding: 8px; border: 0; background: none; color: #b1b0b9; font: inherit; font-size: 14px; line-height: 70px; cursor: pointer; }
.pf-tools-menu__trigger svg { transition: transform .2s ease; }
.pf-page .pf-tools-menu--open .pf-tools-menu__trigger { color: #a5ccff; }
.pf-tools-menu--open .pf-tools-menu__trigger svg { transform: rotate(180deg); }
.pf-page .pf-tools-menu__panel { position: absolute; top: calc(100% + 10px); left: 0; right: 0; padding: 26px 30px 20px; border: 0; border-radius: 18px; background: #191b22; box-shadow: 0 24px 48px #0006; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease, visibility .2s; z-index: 100; }
.pf-page .pf-tools-menu--open .pf-tools-menu__panel { opacity: 1; visibility: visible; transform: translateY(0); }
.pf-tools-menu__heading { display: flex; justify-content: space-between; gap: 16px; padding: 0 10px 20px; color: #91baff; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.pf-tools-menu__caption { color: #8992a4; font-weight: 400; letter-spacing: 0; text-transform: none; }
.pf-page .pf-tools-menu__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.pf-page .pf-tools-menu__card { display: flex; align-items: center; gap: 16px; padding: 20px; border-radius: 10px; color: #edf2fc; background: #ffffff03; transition: background .2s, transform .2s; }
.pf-page .pf-tools-menu__card:hover, .pf-page .pf-tools-menu__card:focus-visible { background: #ffffff09; transform: translateY(-2px); color: #fff; }
.pf-tools-menu__icon { display: grid; place-items: center; flex: 0 0 48px; height: 48px; border-radius: 12px; background: #4f8aff18; color: #83b5ff; transition: transform .2s; }
.pf-tools-menu__card--monitoring .pf-tools-menu__icon { color: #4ade80; background: #22c55e18; }
.pf-tools-menu__card--audit .pf-tools-menu__icon { color: #f5b75d; background: #f5a74218; }
.pf-tools-menu__card--copywriter .pf-tools-menu__icon { color: #b3a6ff; background: #9d8cff18; }
.pf-tools-menu__card:hover .pf-tools-menu__icon { transform: rotate(-5deg); }
/* Иконка-картинка: подложка уже нарисована в самой плитке; размеры с !important из-за img-правила pf-template.css */
.pf-tools-menu .pf-tools-menu__icon--img { background: none !important; overflow: hidden; }
.pf-page .pf-tools-menu .pf-tools-menu__icon--img img { width: 48px !important; height: 48px !important; display: block; border-radius: 12px; }
.pf-page .pf-tools-menu__copy { display: flex; flex-direction: column; gap: 5px; text-align: left; }
.pf-page .pf-tools-menu__copy strong { color: #edf2fc; font-size: 15px; font-weight: 500; line-height: 1.4; }
.pf-tools-menu__copy > span { color: #939daf; font-size: 12px; line-height: 1.5; }
.pf-tools-menu__arrow { flex-shrink: 0; margin-left: auto; color: #637089; transition: transform .2s, color .2s; }
.pf-tools-menu__card:hover .pf-tools-menu__arrow { color: #a5ccff; transform: translate(2px,-2px); }
.pf-page .pf-tools-menu__all { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 18px; padding: 16px 10px 0; border-top: 1px solid #ffffff0d; color: #a5ccff; font-size: 12px; }
.pf-page .pf-tools-menu__all:hover { color: #fff; }
.pf-tools-menu :is(button,a):focus-visible { outline: 2px solid #8ebaff; outline-offset: 3px; border-radius: 8px; }
@media (max-width: 991px) {
  .pf-tools-menu__trigger::after { display: none; }
  .pf-page .pf-tools-menu__trigger { justify-content: center; width: 100%; min-height: 48px; padding: 12px 8px; line-height: 1.5; }
  .pf-page .pf-tools-menu__panel { display: none; position: static; padding: 16px 10px; margin-bottom: 12px; box-shadow: none; border-radius: 12px; }
  .pf-page .pf-tools-menu--open .pf-tools-menu__panel { display: block; }
  .pf-page .pf-tools-menu__grid { grid-template-columns: 1fr; }
  .pf-tools-menu__caption { display: none; }
  .pf-page .pf-tools-menu__card { gap: 12px; padding: 12px 8px; }
  .pf-tools-menu__copy strong { font-size: 14px; }
  .pf-tools-menu__heading { padding-bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .pf-page .pf-tools-menu * { transition: none; }
}
.pf-brand-mark { background: linear-gradient(135deg,#00d4ff,#4f8aff); color: #102238; font-size: 22px; padding: 5px 8px; border-radius: 10px; }
.pf-brand-name { color: #eeeef0; font-size: 19px; font-weight: 700; }
.pf-page .tf__main_menu .navbar-nav .nav-item { padding: 0 12px; }
.pf-page .tf__main_menu .navbar-nav .nav-item > .nav-link { color: #b1b0b9; font-size: 14px; font-weight: 400; white-space: nowrap; }
.pf-page .pf-tool-pending { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; color: #9ca6b5; font-size: 12px; line-height: 1.55; }
.pf-tool-pending small { color: #778394; font-size: 10px; white-space: nowrap; }
.pf-page .pf-footer-legal { margin-top: 32px; }
.pf-page .pf-footer-legal p { margin: 0; color: #778394; font-size: 11px; }
.pf-page .pf-footer-legal p + p { margin-top: 6px; }
.pf-page .pf-footer-legal a { color: inherit; font-size: 12px; text-decoration: underline; text-underline-offset: 2px; }
.pf-page .pf-footer-legal a + a { margin-left: 18px; }
.pf-page .pf-footer-legal a:hover { color: #4f8aff; }
@media (max-width: 767px) { .pf-page .pf-footer-legal a { display: block; margin: 0 0 6px !important; } }
.pf-page .tf__main_menu .navbar-nav .nav-item > .nav-link:hover,.pf-page .tf__main_menu .navbar-nav .nav-item > .nav-link:focus-visible { color: #a5ccff; }
.pf-page .tf__menu_btn a { color: #bac4d2; font-size: 14px; }
.pf-page .tf__menu_btn > li:first-child > a { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 15px; border: 1px solid transparent; border-radius: 8px; background: transparent; transition: color .2s,background .2s,border-color .2s,box-shadow .2s; }
.pf-page .tf__menu_btn > li:first-child > a:hover,.pf-page .tf__menu_btn > li:first-child > a:focus-visible { color: #fff !important; background: linear-gradient(115deg,#4f8aff,#00d4ff); border-color: #8bcaff70; box-shadow: 0 4px 18px #00a9ff30; }
.pf-page .tf__menu_btn > li:first-child > a[href="/login"]:hover,.pf-page .tf__menu_btn > li:first-child > a[href="/login"]:focus-visible { color: #fff !important; background: #4f8aff16; border-color: transparent; box-shadow: none; }
.pf-page .tf__menu_btn .tf__menu_2nd_btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 15px; border: 1px solid #4f8aff38; color: #85aefb; background: #4f8aff16; border-radius: 8px; }
.pf-page .tf__menu_btn .tf__menu_2nd_btn:hover { background: #4f8aff2e; color: #b8d0ff; }
.pf-page .tf__common_btn { background: linear-gradient(120deg,#1f5fe8 0%,#3679ed 45%,#4f93ff 100%); color: white; border: 1px solid #65a4ff44; border-radius: 9px; padding: 14px 23px; font-size: 15px; font-weight: 600; box-shadow: 0 5px 24px #286ee52a; line-height: 1.45; }
.pf-page .tf__common_btn:hover { background: linear-gradient(120deg,#2a6cf2 0%,#4584f5 45%,#62a0ff 100%); color: white; box-shadow: 0 5px 28px #286ee53a; }
.pf-page .tf__common_btn2 { background: #ffffff05 !important; border: 1px solid #ffffff16; color: #ceccd6; box-shadow: none; transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
.pf-page .tf__common_btn2:hover { background: #ffffff0b !important; color: white !important; border-color: #72a5ff70; box-shadow: none; }
.pf-page .tf__common_btn i,.pf-page .tf__common_btn2 i { color: inherit !important; font-size: 14px; }
.pf-page .tf__banner { background: radial-gradient(ellipse at 50% 23%,#2864c91e,transparent 64%); padding-top: 155px !important; position: relative; overflow: clip; }
.pf-page .tf__banner > .container { position: relative; z-index: 1; }
.pf-page .tf__banner_text::before,.pf-page .tf__banner_text::after { display: none; }
.pf-page .tf__banner::after { content: ""; position: absolute; top: 280px; left: auto; right: max(-55px,calc(50% - 720px)); width: 230px; height: 209px; background: url("../images/i.png") center / contain no-repeat; opacity: .5; animation: pf-banner-float 9s ease-in-out -3s infinite; z-index: 0; pointer-events: none; }
@keyframes pf-banner-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
.pf-page .tf__banner_text h6 { display: inline-block; color: #a6bbd4; background: transparent; border: none; padding: 0; border-radius: 0; font-size: 12px; font-weight: 500; margin-bottom: 24px; }
.pf-page .tf__banner_text h1 { font-size: clamp(40px,4.7vw,64px); font-weight: 600; line-height: 1.1; letter-spacing: -0.5px; max-width: 1040px; margin: 0 auto 25px; }
.pf-page .tf__banner_text h1 em { background: linear-gradient(100deg,#4f8aff,#00d4ff); background-clip: text; -webkit-background-clip: text; color: transparent; }
.pf-page .tf__banner_text p { color: #a4a0af; font-size: 18px; line-height: 1.6; font-weight: 400; max-width: 690px; margin-bottom: 30px; }
.pf-page .tf__banner_img { margin-top: 64px; padding: 10px; border: 1px solid #ffffff13; background: #ffffff04; border-radius: 17px; box-shadow: 0 0 90px #2864c911; }
.pf-page .tf__banner_img .pf-analytics-image { border-radius: 9px; border: 0; box-shadow: none; }
.pf-page .tf__service,.pf-page .tf__main_service,.pf-page .tf__work_process,.pf-page .tf__content_creator,.pf-page .tf__testimonial,.pf-page .tf__pricing,.pf-page .pf-seo,.pf-page .tf__faq,.pf-page .tf__footer { background: transparent; border-radius: 0; }
.pf-page .tf__brand { padding-top: 55px !important; padding-bottom: 48px !important; }
.pf-page .tf__brand_heading h6 { color: #98949f; font-size: 14px; font-weight: 400; }
.pf-proof { max-width: 820px; margin-top: 30px; }
.pf-proof strong { color: #69b8ff; font-size: 38px; font-weight: 650; }
.pf-proof p { color: #817e8d; font-size: 13px; }
.pf-page .tf__main_service { margin: 0 !important; padding-top: 70px !important; padding-bottom: 60px !important; }
.pf-page .tf__common_heading { margin-bottom: 44px; }
.pf-page .tf__common_heading h6 { color: #00d4ff; font-size: 12px; font-weight: 600; letter-spacing: 1.4px; margin-bottom: 15px; }
.pf-page .tf__common_heading h2 { color: #dfdce6; font-size: clamp(30px,3vw,40px); font-weight: 700; line-height: 1.2; letter-spacing: -1px; }
.pf-page .tf__common_heading p { color: #9d98a8; font-size: 16px; line-height: 1.7; max-width: 790px; margin-left: auto; margin-right: auto; }
.pf-audience { padding: 80px 0 20px; }
.pf-audience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
.pf-audience-card {
  --pf-audience-accent: #83b5ff;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px 28px 28px;
  border-radius: 6px;
  background: var(--pf-surface);
  overflow: hidden;
}
.pf-audience-card--owner { --pf-audience-accent: #e8a33d; }
.pf-audience-card--seo { --pf-audience-accent: #00d4ff; }
.pf-audience-card--agency { --pf-audience-accent: #9d8cff; }
.pf-page .pf-audience-card .pf-audience-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: #c7c3ce;
  font-size: 13px;
  font-weight: 600;
}
.pf-page .pf-audience-card .pf-audience-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--pf-audience-accent);
  flex-shrink: 0;
}
.pf-page .pf-audience-card h3 { font-size: 21px; line-height: 1.35; margin-bottom: 14px; }
.pf-page .pf-audience-card p { color: #a5a0af; font-size: 14px; line-height: 1.7; margin-bottom: 22px; }

/* Мини-виджет: живой фрагмент продукта под каждую аудиторию */
.pf-audience-signal { margin-bottom: 22px; padding: 14px 16px; border-radius: 10px; background: #ffffff06; }
.pf-audience-signal--rank { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 8px; }
.pf-audience-signal-num { font-family: var(--headingFont); font-size: 22px; font-weight: 700; color: #7d7887; line-height: 1; }
.pf-audience-signal-num--up { color: var(--pf-audience-accent); }
.pf-audience-signal-arrow { width: 14px; height: 14px; color: var(--pf-audience-accent); }
.pf-audience-signal-label { flex-basis: 100%; margin-top: 2px; color: #85808d; font-size: 12px; }
.pf-audience-signal--tags { display: flex; flex-wrap: wrap; gap: 8px; }
.pf-page .pf-audience-chip { padding: 5px 10px; border-radius: 6px; background: color-mix(in srgb, var(--pf-audience-accent) 16%, transparent); color: var(--pf-audience-accent); font-size: 12px; font-weight: 600; white-space: nowrap; }
.pf-audience-signal--projects { display: flex; flex-direction: column; gap: 9px; }
.pf-page .pf-audience-project { position: relative; padding-left: 16px; color: #b6b2be; font-size: 13px; }
.pf-page .pf-audience-project::before { content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--pf-audience-accent); }
.pf-page .pf-audience-project--more { color: #85808d; }

.pf-page .pf-audience-card .pf-audience-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  color: #a7c9fa;
  font-size: 13px;
  font-weight: 600;
  transition: color .2s, gap .2s;
}
.pf-page .pf-audience-card .pf-audience-link::after {
  content: "→";
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity .2s, transform .2s;
}
.pf-page .pf-audience-card .pf-audience-link:hover { color: #fff; gap: 9px; }
.pf-page .pf-audience-card .pf-audience-link:hover::after { opacity: 1; transform: translateX(0); }
.pf-trial-panel { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 28px 32px; margin: 32px 0; border-radius: 6px; background: var(--pf-surface); }
.pf-trial-panel > div { max-width: 670px; }
.pf-page .pf-trial-panel .pf-eyebrow { color: #83b5ff; }
.pf-page .pf-trial-panel h3 { font-size: 23px; line-height: 1.35; margin-bottom: 10px; }
.pf-page .pf-trial-panel p { font-size: 14px; color: #a5a0af; margin: 0; }
.pf-trial-panel > a { flex-shrink: 0; }
.pf-tools-section { padding: 80px 0; }
.pf-tools-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.pf-page .pf-tool-card { position: relative; display: grid; grid-template-columns: 48px 1fr; align-items: center; column-gap: 16px; padding: 28px; background: var(--pf-surface); border-radius: 6px; scroll-margin-top: 100px; }
.pf-page .pf-tool-icon { grid-row: span 2; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 13px; background: #4f8aff16; color: #83b5ff; font-size: 21px; }
.pf-page .pf-tools-grid .pf-tool-card:nth-child(1) .pf-tool-icon { background: #22c55e1e; color: #4ade80; }
.pf-page .pf-tools-grid .pf-tool-card:nth-child(2) .pf-tool-icon { background: #4f8aff1e; color: #83b5ff; }
.pf-page .pf-tools-grid .pf-tool-card:nth-child(3) .pf-tool-icon { background: #f5a7421e; color: #f5a742; }
.pf-page .pf-tools-grid .pf-tool-card:nth-child(4) .pf-tool-icon { background: #9d8cff1e; color: #b3a6ff; }
.pf-page .pf-tool-card .pf-eyebrow { margin: 0 0 4px; color: #83b5ff; font-size: 10px; letter-spacing: 1px; }
.pf-page .pf-tool-card h3 { margin: 0; color: #e0dce8; font-size: 20px; line-height: 1.35; }
.pf-page .pf-tool-card > p { grid-column: 1 / -1; margin: 22px 0 16px; color: #a5a0af; font-size: 14px; line-height: 1.75; }
.pf-page .pf-tool-card ul { grid-column: 1 / -1; display: grid; gap: 9px; }
.pf-page .pf-tool-card ul li { position: relative; padding-left: 18px; color: #b6b2be; font-size: 13px; line-height: 1.55; }
.pf-page .pf-tool-card ul li::before { position: absolute; left: 0; color: #83b5ff; content: "•"; }
.pf-page .pf-tool-card .pf-tool-details { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: 7px; margin-top: 20px; padding: 0; background: transparent; color: #83b5ff; font-size: 11px; font-weight: 650; letter-spacing: .08em; line-height: 1.5; text-decoration: none; transition: color .2s ease; }
.pf-page .pf-tool-card .pf-tool-details:hover,.pf-page .pf-tool-card .pf-tool-details:focus-visible { background: transparent; color: #c2d9ff; }
.pf-page .pf-tool-card .pf-tool-details:focus-visible { outline: 2px solid #83b5ff; outline-offset: 4px; }
.pf-page .pf-tool-card .pf-tool-details span { color: inherit; font-size: 14px; letter-spacing: 0; }
@media (max-width: 991px) {
  .pf-audience-grid { gap: 16px; }
  .pf-audience-card { padding: 22px; }
  .pf-trial-panel { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 767px) {
  .pf-audience { padding-top: 56px; }
  .pf-audience-grid { grid-template-columns: 1fr; }
  .pf-trial-panel { padding: 24px; }
  .pf-tools-section { padding: 56px 0; }
  .pf-tools-grid { grid-template-columns: 1fr; gap: 14px; }
  .pf-page .pf-tool-card { padding: 22px; scroll-margin-top: 84px; }
  .pf-page .pf-tool-card > p { margin-top: 18px; }
  .pf-page .pf-tool-card .pf-tool-details { margin-top: 16px; }
}
.pf-page .tf__single_service { background: var(--pf-surface); border: 1px solid var(--pf-border); border-radius: 5px; padding: 25px 21px; box-shadow: none; transition: border-color .2s,background .2s; }
.pf-page .tf__single_service,.pf-page .tf__single_service:hover { border: none; }
.pf-page .pf-service-layout { align-items: stretch; }
.pf-page .pf-service-layout > .col-xl-3 { display: flex; }
.pf-page .pf-service-layout > .col-xl-3 > .tf__single_service_right { width: 100%; height: auto; max-height: 97%; flex: 1 1 auto; border: none; }
.pf-page .tf__single_service:hover { background: #202126; }
.pf-page .tf__single_service > span { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; background: #4f8aff1d; color: #83b5ff; border-radius: 11px; margin-bottom: 20px; }
.pf-page .tf__single_service > span i { color: #83b5ff; font-size: 24px; }
.pf-page .tf__single_service h3 { color: #e0dce8; font-size: 19px; font-weight: 600; line-height: 1.4; }
.pf-page .tf__single_service:hover h3.tf__single_service_link { color: #e0dce8 !important; }
.pf-page .tf__single_service p,.pf-page .tf__single_service:hover p { color: #a5a0af; font-size: 14px; line-height: 1.65; }
.pf-page .tf__single_service ul li,.pf-page .tf__single_service:hover ul li { color: #b6b2be; font-size: 12px; }
.pf-page .tf__single_service_right { background: linear-gradient(145deg,#202d45,#202126); border: none; padding: 30px 22px; border-radius: 6px; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.pf-page .tf__single_service_right::after,.pf-page .tf__single_service_right_img { display: none; }
.pf-page .tf__single_service_right_heading { font-size: 25px; line-height: 1.3; color: #dce8f7; margin-top: 0; }
.pf-page .tf__single_service_right p { color: #a2afc1; font-size: 15px; line-height: 1.7; }
.pf-page .tf__single_service_right > .tf__common_btn { margin-top: 24px; text-align: center; padding: 13px 12px; }
.pf-page .tf__work_process,.pf-page .tf__content_creator,.pf-page .tf__testimonial,.pf-page .tf__pricing { padding-top: 80px !important; padding-bottom: 80px !important; }
.pf-page .tf__content_creator { background: radial-gradient(ellipse at 10% 20%,#254c7418,transparent 70%); }
.pf-process-board { background: linear-gradient(145deg,#211e29,#1b211e); border: none; box-shadow: none; }
.pf-eyebrow { color: #a1bc80; font-size: 11px; }
.pf-process-board h3 { color: #e8e3ee; font-size: 28px; }
.pf-domain { background: #ffffff06; color: #cec6d8; }
.pf-domain span { color: #a5dc6a; }
.pf-process-board dl div { border-color: #ffffff0c; font-size: 13px; }
.pf-process-board dt { color: #a6a0af; }
.pf-process-board dd { color: #d8d4df; }
.pf-process-note i { color: #a5d856; }
.pf-process-note b { color: #d0cbd9; }
.pf-process-board > small { color: #85818e; }
.pf-page .tf__process_accordion .accordion-item { background: transparent; border: 0; }
.pf-page .tf__process_accordion .tf__process_accordion_btn { background: transparent; color: #c6c0d0; font-size: 19px; letter-spacing: -.3px; font-weight: 600; }
.pf-page .tf__process_accordion .tf__process_accordion_btn:not(.collapsed) { color: #e1ebf8; }
.pf-page .tf__process_accordion .tf__process_accordion_btn span { background: #202a3c; color: #82b2ff; border-radius: 7px; }
.pf-page .tf__process_accordion .tf__process_accordion_btn:not(.collapsed) span { background: #3679ed; color: white; }
.pf-page .tf__process_accordion .tf__process_accordion_btn span::after { display: none; }
.pf-page .tf__process_accordion .accordion-collapse::after { background: #8535db; }
.pf-page .tf__process_accordion .accordion-body p { color: #a39aaa; font-size: 15px; }
.pf-page .tf__accrodian_link { background: transparent; color: #70aaff; border: 0; box-shadow: none; padding-left: 0; margin-left: 56px; }
.pf-page .tf__accrodian_link:hover { background: transparent; color: #a5ccff; box-shadow: none; }
.pf-page .tf__counter { margin-top: 55px !important; justify-content: center; }
.pf-page .tf__counter_text { width: 100%; float: none; }
.pf-page .tf__counter_img { display: none; }
.pf-page .tf__counter_text h2 { font-size: 52px; color: #69c7fb; font-weight: 700; letter-spacing: -1.5px; }
.pf-page .tf__counter_text h4 { font-size: 17px; color: #98929f; font-weight: 400; margin-top: 8px; }
.pf-page .tf__content_creator_top,.pf-page .tf__single_content_creator_bottom { background: #1b1c1f; border: none; border-radius: 6px; box-shadow: none; }
.pf-page .tf__content_creator_top { padding: 48px 0; }
.pf-page .tf__content_creator_top_text h4 { color: #dce7f3; font-size: 31px; line-height: 1.3; font-weight: 650; }
.pf-page .tf__content_creator_top_text p { font-size: 16px; color: #a39ba9; }
.pf-page .tf__content_creator_top_text ul li { color: #b9b1c3; font-size: 14px; font-weight: 400; }
.pf-page .tf__content_creator_top_text ul li::before { color: #9ed341; }
.pf-chart,.pf-mini-panel { background: #16181b; border: 1px solid #ffffff0a; border-radius: 12px; }
.pf-chart h3 { color: #dfd8e7; font-size: 22px; }
.pf-chip { background: #a1de3214; color: #abdb5c; }
.pf-chart svg path:nth-of-type(1) { stroke: #ffffff0b; }
.pf-chart svg path:nth-of-type(2) { fill: #8cb63616; }
.pf-chart svg path:nth-of-type(3) { stroke: #a0db45; }
.pf-chart svg circle { fill: #a0db45; }
.tf__content_creator_top_img .pf-chart svg circle { transform-box: fill-box; transform-origin: center; }
.pf-chart .pf-preview-metrics b { color: #cec9d6; }
.pf-chart .pf-chart-title { gap: 8px; }
.pf-page .tf__single_content_creator_bottom { padding: 32px; }
.pf-page .tf__single_content_creator_bottom_text h4 { color: #dbe5f0; font-size: 27px; line-height: 1.3; font-weight: 650; }
.pf-page .tf__single_content_creator_bottom_text p { font-size: 15px; color: #a39cae; }
.pf-project-row,.pf-report-line { border-color: #ffffff0a; }
.pf-project-row > b { background: #4f8aff19; color: #92baff; }
.pf-project-row h5 { color: #d2cadb; }
.pf-project-row > span,.pf-report-line b { color: #a1cd64; }
.pf-report-line span { color: #aba3b9; }
.pf-benefit { border-color: #ffffff15; padding: 24px 14px 0; }
.pf-benefit h3 { color: #d7d0e1; font-size: 19px; font-weight: 600; }
.pf-benefit p { color: #a19aa9; font-size: 14px; }
.pf-page .tf__testimonial { background: radial-gradient(ellipse at 80% 70%,#51712710,transparent 60%); }
.pf-page .tf__testimonial .tf__common_heading h2 { color: #66caff; }
.pf-page .tf__single_testimonial { background: #1b1d21; border: none; border-radius: 15px; padding: 45px 60px; }
.pf-page .tf__single_testimonial::after { display: none; }
.pf-page .tf__testimonial_item { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1fr); gap: 38px; }
.pf-page .tf__testimonial_item .tf__testimonial_img { width: 100%; height: auto; min-height: 330px; margin: 0; }
.pf-page .tf__testimonial_text { max-width: none; }
.pf-page .tf__testimonial_img { background: linear-gradient(135deg,#1e2e40,#1b2025); border: 1px solid #6aaff510; padding: 0; }
.pf-case-positions,.pf-case-result strong { color: #bee880; }
.pf-case-positions span { color: #73944d; }
.pf-case-result p { color: #8ea77a; }
.pf-page .tf__testimonial_text h4 { color: #e0e6ef; font-size: 28px; font-weight: 650; }
.pf-page .tf__testimonial_text p { color: #a69eaf; font-size: 16px; line-height: 1.7; }
.pf-page .tf__calients_name h6 { color: #b5c9e0; }
.pf-page .tf__calients_name p { color: #929dab; font-size: 13px; }
.pf-page .nextArrow,.pf-page .prevArrow { background: #202b3a; color: #a9c9f1; border: 1px solid #68a3ed25; }
.pf-page .nextArrow:hover,.pf-page .prevArrow:hover { background: #3679ed; color: white; }
.pf-periods { background: #1d1b23; border-color: #ffffff0a; border-radius: 10px; }
.pf-periods button { color: #b9aec7; font-weight: 500; }
.pf-periods button[aria-selected="true"],.pf-periods button[aria-selected="true"]:hover { background: #397deb; color: white; }
.pf-periods button:hover { background: #ffffff08; color: #e0ceeF; }
.pf-periods button span { background: #a9e84217; color: #aadf67; }
.pf-page .pf-billing-summary { color: #958a9f; }
.pf-page .tf__single_pricing.pf-plan,.pf-page .tf__single_pricing.pf-plan:hover { background: linear-gradient(150deg,#1d2028,#1b1c1f); border: none; border-radius: 6px; box-shadow: none; padding: 28px 24px; }
.pf-page .tf__single_pricing.pf-plan:hover { background: linear-gradient(150deg,#222936,#1d1f23); }
.pf-page .tf__single_pricing.pf-popular { background: linear-gradient(150deg,#20283a,#1c1d21); border: none; box-shadow: 0 0 40px #286ee510; }
.pf-plan-heading h3 { color: #e3e8f1; font-size: 24px; font-weight: 650; }
.pf-plan-badge { background: #ffffff06; color: #a99ab7; }
.pf-page .pf-plan:hover .pf-plan-badge { color: #bcadc9; }
.pf-popular .pf-plan-badge,.pf-page .pf-plan.pf-popular:hover .pf-plan-badge { background: #4f8aff20; color: #90b9ff; }
.pf-page .pf-plan .pf-plan-description { color: #a49aac; font-size: 14px; min-height: 92px; }
.pf-plan-price strong,.pf-page .pf-plan:hover .pf-plan-price strong { color: #ebe7f0; font-size: 36px; font-weight: 700; }
.pf-plan-price > span { color: #a298ac; }
.pf-page .pf-plan .pf-plan-billing { color: #9989a8; font-size: 12px; min-height: 44px; }
.pf-page .pf-plan ul { border-color: #ffffff10; }
.pf-page .pf-plan ul li,.pf-page .pf-plan:hover ul li { color: #bbb2c7; font-size: 14px; line-height: 1.6; }
.pf-page .pf-plan ul li::before { color: #9bce4d; font-size: 17px; }
.pf-page .pf-plan .tf__pricing_btn,.pf-page .pf-plan:hover .tf__pricing_btn { background: #397deb; color: white; border-color: #67a3ff26; font-size: 14px; }
.pf-page .pf-plan .tf__pricing_btn:hover { background: #4f8aff; }
.pf-page .pf-plan .tf__pricing_btn span,.pf-page .pf-plan:hover .tf__pricing_btn span { color: white; font-size: 14px; }
.pf-price-calculator { background: linear-gradient(125deg,#201c29,#1b221c); border-color: #ffffff10; border-radius: 14px; margin-top: 42px; }
.pf-range-heading label { color: #ded3e8; font-weight: 600; }
.pf-range-heading output { background: #ffffff06; color: #b5e172; border: 1px solid #a8de3e18; }
#pricing-phrases { background-image: linear-gradient(to right,#4f8aff var(--range-progress),#ffffff12 var(--range-progress)); }
#pricing-phrases::-webkit-slider-thumb { background: #4f8aff; border-color: #b0d2ff; }
#pricing-phrases::-moz-range-thumb { background: #4f8aff; border-color: #b0d2ff; }
#pricing-phrases:focus-visible { outline-color: #80b6ff; }
.pf-range-labels span { color: #9a8da6; }
.pf-price-comparison { border-color: #ffffff12; }
.pf-price-comparison p { color: #afa2bb; }
.pf-price-comparison s { color: #cc8b99; }
.pf-price-comparison strong { color: #a7da68; }
.pf-price-comparison small { color: #9aaa8a; }
.pf-page #pricing-calculation-note { color: #9a8da5; font-size: 11px; }
.pf-page .pf-seo { border-top: 1px solid #ffffff08; border-bottom: 1px solid #ffffff08; padding-top: 60px !important; padding-bottom: 40px !important; }
.pf-page .pf-seo .tf__common_heading h2 { font-size: 29px; }
.pf-page .pf-seo p { color: #938b9d; font-size: 14px; line-height: 1.8; }
.pf-page .tf__faq { padding-top: 80px !important; padding-bottom: 80px !important; }
.pf-page .tf__faq_accordion .accordion-item { background: transparent; border: 0; border-bottom: 1px solid #ffffff12; }
.pf-page .tf__faq_accordion .accordion-button,.pf-page .tf__faq_accordion .accordion-button:not(.collapsed) { color: #d8cfdf; background: transparent; font-size: 18px; font-weight: 600; line-height: 1.5; }
.pf-page .tf__faq_accordion .accordion-button::after { color: #81b5ff; transition: transform 0.25s ease-out; }
.pf-page .tf__faq_accordion .accordion-button:not(.collapsed)::after { transform: rotate(180deg); }
.pf-page .tf__faq_accordion .accordion-body p { color: #a49aaa; font-size: 15px; line-height: 1.8; }
.pf-page .tf__footer { border-top: 1px solid #ffffff07; }
.pf-page .tf__footer > .container > .row:not(:first-child) { row-gap: 32px; }
.pf-footer-brand-col { padding-right: 34px; }
.pf-page .tf__footer_left { width: 100%; }
.pf-page .tf__footer_logo { display: inline-flex; margin-bottom: 13px; }
.pf-page .pf-footer-about { max-width: 270px; margin: 0 0 19px; color: #9da9b9 !important; font-size: 13px !important; line-height: 1.7 !important; }
.pf-footer-social { display: inline-flex; align-items: center; gap: 9px; color: #a7c9fa; font-size: 12px; padding: 9px 11px; border: none; background: #4f8aff0d; border-radius: 8px; }
.pf-footer-social span { font-size: inherit; }
.pf-footer-social:hover { color: white; background: #4f8aff23; }
.pf-footer-social i { font-size: 16px; }
.pf-page .pf-footer-nav :is(h5, .pf-footer-nav-title) { color: #d5dbe5; font-size: 13px; font-weight: 600; margin-bottom: 17px; display: block; }
.pf-page .pf-footer-nav ul { display: grid; gap: 12px; }
.pf-page .pf-footer-nav ul li a,.pf-page .pf-footer-nav > a { color: #9ca6b5; font-size: 12px; line-height: 1.55; transition: color .2s; }
.pf-page .pf-footer-nav ul li a:hover,.pf-page .pf-footer-nav > a:hover { color: #8ebaff; }
.pf-page .pf-footer-contact p { color: #929eae; font-size: 12px; line-height: 1.65; margin: 0 0 12px; }
.pf-page .pf-footer-contact > a { display: block; margin-top: 11px; overflow-wrap: anywhere; }
.pf-page .tf__unlock { background: radial-gradient(ellipse at 50% 40%,#2864c91b,transparent 72%); margin-top: 0; margin-bottom: 42px; top: auto; transform: none; border-radius: 0; padding: 65px 30px; box-shadow: none; }
.pf-page .tf__unlock_img { display: none; }
.pf-page .tf__unlock .row > :first-child { display: none; }
.pf-page .tf__unlock .row > :nth-child(2),.pf-page .tf__unlock .row > :nth-child(3) { width: 100%; text-align: center; justify-content: center !important; }
.pf-page .tf__unlock_heading { margin-bottom: 20px; text-align: center; }
.pf-page .tf__unlock_heading :is(h2, .tf__unlock_title) { color: #e1d8eb; font-size: 36px; line-height: 1.2; font-weight: 700; margin: 0; }
.pf-page .tf__unlock_heading :is(h6, .tf__unlock_kicker) { display: block; color: #00d4ff; font-size: 12px; font-weight: 600; letter-spacing: 1.4px; margin-bottom: 15px; }
.pf-page .tf__unlock_text ul { justify-content: center; margin-bottom: 25px; }
.pf-page .tf__unlock_text ul li { color: #a597b4; font-size: 13px; }
.pf-page .tf__unlock_text ul li::before { color: #91c847; }
.pf-page .tf__unlock_btn a { background: #397deb; color: white; }
.pf-page .tf__unlock .tf__unlock_btn a:hover { background: #4f8aff; color: white; }
.pf-page .pf-trial-terms { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 8px; margin: 14px 0 0; color: #9ca6b5; font-size: 12px; font-weight: 400; line-height: 1.6; }
.pf-page .pf-trial-terms span { color: inherit; font-size: inherit; font-weight: inherit; white-space: nowrap; }
.pf-page .pf-trial-terms .pf-trial-separator { color: #778394; }
@media (max-width: 359px) {
  .pf-page .pf-trial-terms { flex-direction: column; }
  .pf-page .pf-trial-terms .pf-trial-separator { display: none; }
}
.pf-page .tf__quick_link h5,.pf-page .tf__address h5 { color: #c7bbd3; font-size: 14px; font-weight: 600; }
.pf-page .tf__quick_link ul li a,.pf-page .tf__address p { color: #998da7; font-size: 13px; }
.pf-page .tf__quick_link ul li a:hover { color: #c8a3ee; }
.pf-page .tf__footer_icon ul li a { color: #baa0d2; background: #8523d518; }
.pf-text-link { color: #85b2fc; }
.pf-text-link:hover { color: #b2d1ff; }
.pf-page .tf__copyright { border-top: 1px solid #ffffff0b; padding-top: 20px; margin-top: 43px !important; margin-bottom: 20px !important; align-items: center; gap: 10px 24px; }
.pf-page .tf__copyright p,.pf-page .tf__copyright a { color: #778394; font-size: 11px; line-height: 1.5; margin: 0; }
.pf-page .tf__copyright a:hover { color: #9fc5fb; }
.pf-page .tf__copyright .pf-footer-agency a { color: #a7c9fa; text-decoration: underline; text-underline-offset: 3px; }
.pf-page .tf__copyright .pf-footer-agency a:hover { color: #fff; }
@media (max-width:1199px) {
  .pf-page .container { max-width: 960px; }
  .pf-page .tf__single_service_right { height: auto; margin-top: 10px; text-align: center; align-items: center; }
  .pf-page .tf__single_service_right_heading { max-width: 450px; }
  .pf-page .tf__single_testimonial { padding: 35px; }
  .pf-page .pf-plan .pf-plan-description { min-height: 112px; }
  .pf-plan-price strong { font-size: 30px; }
}
@media (max-width:991px) {
  .pf-page .container { max-width: 720px; }
  .pf-page .tf__main_menu { width: calc(100% - 32px); }
  .pf-page .tf__main_menu .navbar-nav,.pf-page .tf__main_menu .tf__menu_btn { background: #19181d; }
  .pf-page .tf__main_menu .navbar-nav .nav-item > a { border-color: #ffffff0b; }
  .pf-page .tf__main_menu .tf__menu_btn { border-color: #ffffff0b; }
  .pf-page .tf__main_menu .navbar-toggler { background: #1d2b43; color: #88b7ff; border: 1px solid #5b93e923; }
  .pf-page .tf__main_menu .navbar-toggler.show { background: #3679ed; color: white; }
  .pf-page .tf__single_pricing.pf-plan { padding: 28px 24px; }
  .pf-page .pf-plan .pf-plan-description { min-height: 92px; }
  .pf-page .tf__content_creator_top { padding: 35px 0; }
  .pf-footer-brand-col { padding-right: 12px; }
}
@media (max-width:767px) {
  .pf-page .container { max-width: none; padding-left: 20px; padding-right: 20px; }
  .pf-page .tf__main_menu { width: calc(100% - 24px); top: 12px; padding: 0 6px; border-radius: 16px; }
  .pf-page .tf__main_menu.menu_fix { top: 8px; }
  .pf-page .tf__main_menu .container-fluid { padding-left: 4px; padding-right: 4px; }
  .pf-page .tf__banner { padding-top: 150px !important; }
  .pf-page .tf__banner_text h1 { font-size: clamp(34px,7.7vw,45px); font-weight: 600; letter-spacing: -0.3px; line-height: 1.13; }
  .pf-page .tf__banner_text h6 { font-size: 10px; padding: 6px 9px; }
  .pf-page .tf__banner_text p { font-size: 16px; }
  .pf-page .tf__banner::after { width: 145px; height: 132px; top: 350px; right: -65px; }
  .pf-page .tf__banner_img { padding: 5px; margin-top: 38px; border-radius: 11px; }
  .pf-page .tf__banner_img .pf-analytics-image { border-radius: 6px; }
  .pf-proof strong { font-size: 29px; }
  .pf-proof p { font-size: 11px; }
  .pf-page .tf__brand { padding-top: 38px !important; padding-bottom: 25px !important; }
  .pf-page .tf__brand_heading h6 { font-size: 12px; line-height: 1.6; }
  .pf-page .tf__common_heading { margin-bottom: 32px; }
  .pf-page .tf__common_heading h2 { font-size: 29px; line-height: 1.25; letter-spacing: -.65px; }
  .pf-page .tf__common_heading h6 { font-size: 10px; letter-spacing: 1px; }
  .pf-page .tf__common_heading p { font-size: 15px; }
  .pf-page .tf__main_service,.pf-page .tf__work_process,.pf-page .tf__content_creator,.pf-page .tf__testimonial,.pf-page .tf__pricing,.pf-page .tf__faq { padding-top: 55px !important; padding-bottom: 55px !important; }
  .pf-page .tf__single_content_creator_bottom { padding: 24px 20px; }
  .pf-page .tf__content_creator_top_text h4 { font-size: 26px; }
  .pf-page .tf__single_content_creator_bottom_text h4 { font-size: 24px; }
  .pf-page .tf__single_testimonial { padding: 24px 20px 58px; }
  .pf-page .tf__testimonial_item { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .pf-page .tf__testimonial_item .tf__testimonial_img { min-height: 0; }
  .pf-page .tf__testimonial_text h4 { font-size: 25px; }
  .pf-page .tf__testimonial_text p { font-size: 15px; }
  .pf-page .tf__counter_text h2 { font-size: 46px; }
  .pf-page .pf-plan .pf-plan-description { min-height: 0; }
  .pf-page .tf__single_pricing.pf-plan { padding: 26px 22px; }
  .pf-plan-price strong { font-size: 35px; }
  .pf-price-calculator { padding: 24px 20px; margin-top: 30px; }
  .pf-page .tf__faq_accordion .accordion-button { font-size: 16px; }
  .pf-page .tf__unlock { padding: 45px 5px; margin-bottom: 24px; }
  .pf-page .tf__unlock_heading h2 { font-size: 29px; }
  .pf-page .tf__footer > .container > .row:not(:first-child) { row-gap: 30px; }
  .pf-footer-brand-col { padding-right: 12px; }
  .pf-page .tf__copyright { align-items: flex-start; flex-direction: column; gap: 8px; margin-top: 30px !important; }
}

/* Mobile header and full-screen navigation. */
@media (max-width: 991px) {
  .pf-page .tf__main_menu .container-fluid { padding: 10px 8px; align-items: center; }
  .pf-page .tf__main_menu .navbar-brand { width: 130px; max-width: 130px; margin: 0 auto 0 0; flex: 0 0 130px; }
  .pf-page .tf__main_menu .pf-theme-toggle { margin: 0 10px 0 0; }
  .pf-page .tf__main_menu .navbar-toggler { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; flex: 0 0 44px; line-height: 1; }
  .pf-page .tf__main_menu #navbarSupportedContent { margin-top: 10px; width: 100%; max-height: calc(100dvh - 104px); overflow-y: auto; overscroll-behavior: contain; }
  .pf-page .tf__main_menu .navbar-nav { width: 100%; padding: 8px 0; gap: 4px; text-align: center; border-radius: 10px 10px 0 0; }
  .pf-page .tf__main_menu .navbar-nav .nav-item { width: 100%; padding: 0 12px; }
  .pf-page .tf__main_menu .navbar-nav .nav-item > .nav-link,
  .pf-page .tf__main_menu .pf-tool-pending { justify-content: center; line-height: 1.6; }
  .pf-page .tf__main_menu .tf__menu_btn { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px 20px 20px; border: none; border-top: 1px solid var(--pf-border); border-radius: 0 0 10px 10px; }
  .pf-page .tf__main_menu .tf__menu_btn li { width: 100%; max-width: 280px; margin: 0; }
  .pf-page .tf__main_menu .tf__menu_btn li a { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin: 0; padding: 11px 14px; line-height: 1.5; text-align: center; }
  .pf-page .tf__main_menu.pf-mobile-menu-open { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; margin: 0; padding: 0; transform: none; border-radius: 0; background: #151618; backdrop-filter: none; z-index: 10000; align-items: stretch; transition: none; }
  .pf-page .tf__main_menu.pf-mobile-menu-open .container-fluid { display: grid; grid-template-columns: 1fr 44px; grid-template-rows: 64px minmax(0,1fr); column-gap: 16px; align-content: stretch; height: 100%; padding: max(12px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)); }
  .pf-page .pf-mobile-menu-open .navbar-brand { grid-column: 1; width: 150px; max-width: 150px; }
  .pf-page .tf__main_menu.pf-mobile-menu-open .navbar-toggler { grid-column: 2; background: transparent; color: #fff; border: 0; }
  .pf-page .tf__main_menu.pf-mobile-menu-open #navbarSupportedContent { grid-column: 1 / -1; align-self: stretch; min-height: 0; max-height: none; margin-top: 20px; overflow-y: auto; background: transparent; }
  .pf-page .pf-mobile-menu-open .navbar-nav { margin: 0 !important; padding: 0; text-align: left; background: transparent; }
  .pf-page .tf__main_menu.pf-mobile-menu-open .navbar-nav .nav-item { padding: 0; }
  .pf-page .tf__main_menu.pf-mobile-menu-open .navbar-nav .nav-item > .nav-link,
  .pf-page .pf-mobile-menu-open .pf-tools-menu__trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 18px 0; color: #edf2fc; font-size: 18px; line-height: 1.5; text-align: left; }
  .pf-page .tf__main_menu.pf-mobile-menu-open .tf__menu_btn { align-items: stretch !important; margin-top: 24px; padding: 24px 0; background: transparent; }
  .pf-page .pf-mobile-menu-open .tf__menu_btn li { max-width: none; }
}
@media (max-width: 767px) {
  .pf-page .tf__work_process_img { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
  .pf-page .pf-process-board { padding: 28px 20px; }
}

/* Хлебные крошки публичных страниц (components/pf/breadcrumbs.tsx). Выравнивание берут от родителя через inline-flex */
.pf-page .pf-crumbs { position: relative; z-index: 2; margin: 0 0 18px; }
.pf-page .pf-crumbs ol { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 1.5; }
.pf-page .pf-crumbs li { display: inline-flex; align-items: center; color: #4a5d74; }
.pf-page .pf-crumbs li + li::before { content: ""; width: 5px; height: 5px; margin: 0 10px; border-top: 1.5px solid #9aa9bb; border-right: 1.5px solid #9aa9bb; transform: rotate(45deg); }
.pf-page .pf-crumbs a { color: #66788f; text-decoration: none; transition: color .2s; }
.pf-page .pf-crumbs a:hover { color: #2563d9; }
.pf-page .pf-crumbs li[aria-current] { color: #14304c; font-weight: 500; }

/* «Другие инструменты» на посадочных инструментов (components/pf/related-tools.tsx) */
.pf-page .pf-related { position: relative; z-index: 1; padding: 20px 0 90px; }
.pf-page .pf-related .pf-related__title { margin: 0 0 28px; color: #14304c; font-size: clamp(22px,2.2vw,30px); font-weight: 500; letter-spacing: -.03em; line-height: 1.25; }
.pf-page .pf-related__list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.pf-page .pf-related__card { display: flex; flex-direction: column; height: 100%; padding: 24px; border: 1px solid #fff; border-radius: 6px; background: #ffffffb8; backdrop-filter: blur(8px); box-shadow: 0 10px 30px #2a4a7a14; color: #14304c; text-decoration: none; transition: transform .22s, box-shadow .22s; }
.pf-page .pf-related__card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px #2a4a7a24; color: #14304c; }
.pf-page .pf-related__icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 16px; border-radius: 12px; color: #2563d9; background: #2563d91f; }
.pf-page .pf-related__card--audit .pf-related__icon { color: #c47a0c; background: #f5a7422e; }
.pf-page .pf-related__card--monitoring .pf-related__icon { color: #12a05a; background: #22c55e24; }
.pf-page .pf-related__card--promo .pf-related__icon { color: #e0457b; background: #e0457b1f; }
.pf-page .pf-related__card--copywriter .pf-related__icon { color: #6b55e0; background: #9d8cff29; }
.pf-page .pf-related .pf-related__name { margin-bottom: 8px; color: #14304c; font-size: 17px; font-weight: 600; line-height: 1.35; }
.pf-page .pf-related .pf-related__text { margin-bottom: 18px; color: #4a5d74; font-size: 13px; line-height: 1.65; }
.pf-page .pf-related__more { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; color: #2563d9; font-size: 13px; font-weight: 500; }
.pf-page .pf-related__more svg { transition: transform .2s; }
.pf-page .pf-related__card:hover .pf-related__more svg { transform: translateX(3px); }
@media (max-width:1199px) { .pf-page .pf-related__list { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:991px) { .pf-page .pf-related__list { grid-template-columns: 1fr; } .pf-page .pf-related { padding-bottom: 60px; } }

/* Закреплённая кнопка на телефоне (components/pf/sticky-cta.tsx) */
.pf-sticky-cta { display: none; }
@media (max-width: 767px) {
  .pf-page .pf-sticky-cta { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 60; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 16px; border-radius: 14px; background: linear-gradient(120deg,#0fb37a,#12c7a0); color: #fff; font-size: 15px; font-weight: 600; box-shadow: 0 16px 40px -10px #0b8f63aa; transform: translateY(140%); transition: transform .35s cubic-bezier(.34,1.3,.6,1); }
  .pf-page .pf-sticky-cta.is-visible { transform: none; }
  .pf-page .pf-sticky-cta:hover { color: #fff; }
}