/* Автопилотов — SEO-страницы: статьи, хабы, карта сайта, цены */

.seo-main { padding-top: 96px; padding-bottom: 72px; background: var(--paper, #fcfbf8); color: var(--ink, #14141c); }
.seo-wrap { max-width: 1080px; margin-inline: auto; padding-inline: 16px; }
.seo-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; color: #7a7c90; margin-bottom: 20px; }
.seo-crumbs a { color: #5c5e72; text-decoration: none; }
.seo-crumbs a:hover { color: #000; text-decoration: underline; }
.seo-sep { color: #c4c2ba; }

.seo-head { margin-bottom: 28px; }
.seo-head h1 { font-size: clamp(28px, 4vw, 44px); line-height: 1.12; letter-spacing: -.02em; font-weight: 800; margin: 0 0 14px; }
.seo-lead { font-size: clamp(17px, 1.6vw, 20px); color: #5c5e72; max-width: 62ch; margin: 0 0 12px; }
.seo-updated { font-size: 13px; color: #8a8c9e; margin: 0; }

.seo-promo { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; justify-content: space-between; padding: 18px 22px; border-radius: 16px; margin: 0 0 32px; background: linear-gradient(135deg, #fff6e6, #eef0ff); border: 1px solid rgba(20, 20, 28, .06); }
.seo-promo span { font-size: 15px; font-weight: 500; max-width: 66ch; }
.seo-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 22px; border-radius: 10px; background: #111; color: #fff; font-weight: 600; font-size: 15px; text-decoration: none; white-space: nowrap; transition: background .2s ease, transform .2s ease; }
.seo-btn:hover { background: #000; transform: translateY(-1px); }

.seo-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }
@media (min-width: 1000px) { .seo-layout { grid-template-columns: minmax(0, 720px) 240px; justify-content: center; } }
.seo-article { min-width: 0; }

.seo-sec { margin: 0 0 40px; }
.seo-sec h2 { font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; letter-spacing: -.02em; line-height: 1.2; margin: 0 0 14px; scroll-margin-top: 96px; }
.seo-sec p { margin: 0 0 12px; font-size: 17px; line-height: 1.7; }
.seo-sec a { color: #3d3fbe; text-decoration: none; border-bottom: 1px solid rgba(61, 63, 190, .35); }
.seo-sec a:hover { border-bottom-color: #3d3fbe; }

.seo-list { margin: 0 0 16px; padding-left: 22px; display: grid; gap: 8px; }
.seo-list li { font-size: 16px; line-height: 1.6; }
.seo-list a { color: #3d3fbe; text-decoration: none; }

.seo-figure { margin: 20px 0; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 2px rgba(20, 20, 28, .05), 0 14px 34px rgba(20, 20, 28, .10); }
.seo-figure img { width: 100%; height: auto; display: block; }

.seo-toc { display: none; }
@media (min-width: 1000px) { .seo-toc { display: block; position: sticky; top: 96px; align-self: start; border-left: 1px solid rgba(20, 20, 28, .09); padding-left: 18px; } }
.seo-toc-t { margin: 0 0 10px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #7a7c90; }
.seo-toc ol { margin: 0; padding-left: 18px; display: grid; gap: 8px; }
.seo-toc a { color: #5c5e72; text-decoration: none; font-size: 14px; }
.seo-toc a:hover { color: #000; }

.seo-faq details { border: 1px solid rgba(20, 20, 28, .09); border-radius: 12px; padding: 14px 18px; margin-bottom: 10px; background: #fff; }
.seo-faq summary { cursor: pointer; font-weight: 600; font-size: 16px; list-style: none; }
.seo-faq summary::-webkit-details-marker { display: none; }
.seo-faq summary::after { content: "+"; float: right; color: #8a8c9e; font-weight: 400; }
.seo-faq details[open] summary::after { content: "–"; }
.seo-faq p { margin: 10px 0 0; color: #5c5e72; font-size: 15px; }

.seo-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.seo-card { display: flex; flex-direction: column; gap: 6px; padding: 20px; border: 1px solid rgba(20, 20, 28, .09); border-radius: 16px; background: #fff; text-decoration: none; color: inherit; transition: box-shadow .2s ease, transform .2s ease; }
.seo-card:hover { box-shadow: 0 1px 2px rgba(20, 20, 28, .05), 0 10px 30px rgba(20, 20, 28, .08); transform: translateY(-2px); }
.seo-card-t { font-weight: 700; font-size: 16px; }
.seo-card-d { font-size: 14px; color: #5c5e72; line-height: 1.5; }

.seo-cta { margin: 8px 0 0; padding: 28px; border-radius: 20px; background: #111; color: #fff; }
.seo-cta h2 { margin: 0 0 10px; font-size: clamp(22px, 2.6vw, 30px); color: #fff; }
.seo-cta p { margin: 0 0 18px; color: rgba(255, 255, 255, .82); font-size: 16px; max-width: 60ch; }
.seo-cta .seo-btn { background: #fff; color: #111; }
.seo-cta .seo-btn:hover { background: #f4f2ed; }

.seo-table-wrap { overflow-x: auto; }
.seo-table { width: 100%; border-collapse: collapse; margin: 0 0 12px; font-size: 15px; }
.seo-table th, .seo-table td { text-align: left; padding: 12px 14px; border-bottom: 1px solid rgba(20, 20, 28, .09); }
.seo-table thead th { font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: #7a7c90; }
.seo-table tbody th { font-weight: 600; }

.seo-map-group { margin: 0 0 32px; }
.seo-map-group h2 { font-size: 22px; font-weight: 800; margin: 0 0 12px; }
.seo-map-group ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.seo-map-group a { color: #3d3fbe; text-decoration: none; }
.seo-map-group a:hover { text-decoration: underline; }

@media (max-width: 640px) { .seo-main { padding-top: 84px; } .seo-promo { flex-direction: column; align-items: flex-start; } .seo-btn { width: 100%; } }
.seo-figure figcaption { padding: 8px 14px; font-size: 13px; color: var(--muted, #6b6b78); background: rgba(255,255,255,.7); }

/* --- Декорация SEO-страниц: робот в шапке и пиксельный маркер секций --- */
/* Шапка: две колонки — текст и робот справа */
.seo-head {
  display: grid;
  grid-template-columns: 1fr 160px;
  gap: 32px;
  align-items: center;
}
/* Робот: без перехвата кликов, мягкая тень, плавное покачивание */
.seo-robot {
  pointer-events: none;
  width: 160px;
  height: auto;
  justify-self: end;
  user-select: none;
  filter: drop-shadow(0 10px 18px rgba(20, 20, 28, .12));
  animation: seo-float 4.5s ease-in-out infinite alternate;
}
/* Трейл скорости сразу под хлебными крошками */
.seo-crumbs-trail { margin: 6px 0 0; }
/* Пиксельный маркер перед заголовком секции (кроме FAQ) */
.seo-sec > h2::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  background: #7c5cff;
  vertical-align: middle;
}
.seo-faq.seo-sec > h2::before { content: none; }
@keyframes seo-float {
  from { transform: translateY(0); }
  to { transform: translateY(-6px); }
}
/* Без анимации при системной настройке «меньше движения» */
@media (prefers-reduced-motion: reduce) {
  .seo-robot { animation: none; }
}
/* На узких экранах робот скрыт, шапка — одна колонка */
@media (max-width: 900px) {
  .seo-head { grid-template-columns: 1fr; }
  .seo-robot { display: none; }
}