/* SEO и GEO анализ сайта (/seo-analiz-sajta/) и отчёт. Цвета, шрифты и кнопки — из site.css */
.sc { --ok: #2f8f4e; --mid: #a08c00; --bad: #b85b4b; overflow-x: clip; }

/* Первый экран */
.sc-hero { position: relative; isolation: isolate; padding: calc(var(--top-h) + clamp(30px, 5vw, 76px)) 0 clamp(30px, 4vw, 60px); }
.sc-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(52% 70% at 88% 26%, rgba(216, 198, 0, .14), transparent 72%), radial-gradient(46% 60% at 4% 88%, rgba(4, 82, 105, .1), transparent 72%); }
.sc-hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(30px, 5vw, 76px); align-items: center; }
.sc-h1 { margin: 16px 0 0; font: 300 clamp(38px, 5vw, 72px)/1.04 var(--display); letter-spacing: -.02em; color: var(--ink); text-wrap: balance; }
.sc-h1 em { font-style: normal; background: linear-gradient(transparent 66%, var(--gold-soft) 66%); }
.sc-lead { margin: 22px 0 0; max-width: 590px; font-size: clamp(17px, 1.4vw, 19px); color: var(--ink-2); }
.sc-sub { margin: 14px 0 0; max-width: 640px; color: var(--ink-2); }
.sc-err { margin-top: 12px; }
.sc-trust { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 20px 0 0; padding: 0; list-style: none; font-size: 14.5px; color: var(--ink-2); }
.sc-trust li { display: flex; align-items: center; gap: 7px; }
.sc-trust .i { color: var(--gold-ink); }

/* Поле адреса */
.sc-form { display: flex; align-items: center; gap: 8px; max-width: 610px; margin-top: 28px; padding: 7px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--line-2), 0 34px 56px -38px rgba(4, 82, 105, .55); transition: box-shadow .25s; }
.sc-form:focus-within { box-shadow: inset 0 0 0 2px var(--aqua), 0 34px 56px -38px rgba(4, 82, 105, .55); }
.sc-form input[name="site"] { flex: 1; min-width: 0; height: 54px; padding: 0 12px 0 20px; border: 0; background: none; font: 500 18px/1 var(--text); color: var(--ink); outline: 0; }
.sc-form input[name="site"]::placeholder { color: var(--muted); font-weight: 400; }
.sc-form .btn { flex: none; }

/* Набросок сайта и линия проверки */
.sc-demo { position: relative; color: var(--ink); }
.sc-win { overflow: hidden; border-radius: 26px; background: #fff; box-shadow: inset 0 0 0 1px var(--line), 0 40px 70px -44px rgba(4, 82, 105, .45); }
.sc-bar { display: flex; align-items: center; gap: 6px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.sc-bar i { width: 9px; height: 9px; border-radius: 50%; background: var(--line-2); }
.sc-bar span { margin-left: 10px; font-size: 14px; font-weight: 500; color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-site { position: relative; display: grid; gap: 12px; align-content: start; height: clamp(250px, 26vw, 330px); padding: 26px 24px; overflow: hidden; }
.sc-ln { display: block; height: 11px; width: 100%; border-radius: 6px; background: #eef2f4; }
.sc-ln--h { height: 22px; width: 62%; background: var(--aqua-soft); }
.sc-ln--m { width: 84%; }
.sc-ln--s { width: 46%; }
.sc-blocks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 6px 0; }
.sc-blocks i { height: clamp(52px, 6vw, 76px); border-radius: 12px; background: #f4f6f7; }
.sc-beam { position: absolute; left: 0; right: 0; top: 0; height: 74px; pointer-events: none; background: linear-gradient(to bottom, rgba(216, 198, 0, 0), rgba(216, 198, 0, .2)); border-bottom: 2px solid var(--gold); transform: translateY(-80px); }
.sc-chip { position: absolute; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px; background: #fff; font-size: 13.5px; font-weight: 500; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line), 0 14px 26px -16px rgba(4, 82, 105, .5); }
.sc-chip .i { color: var(--ok); }
.sc-chip--warn { color: var(--mid); }
.sc-chip--warn::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); }
.sc-rings { display: flex; align-items: center; gap: clamp(16px, 2.4vw, 30px); }
.sc-rings--demo { position: relative; justify-content: center; padding: 14px 18px 12px; margin: -32px 22px 0; border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1px var(--line), 0 24px 44px -28px rgba(4, 82, 105, .5); }
.sc-rings--demo .sc-ring-in { width: 72px; height: 72px; }
.sc-rings--demo .sc-ring b { font-size: 25px; }
.sc-rings--demo small { position: absolute; right: 14px; top: 8px; font-size: 12px; color: var(--muted); }

/* Круговая оценка */
.sc-ring { --c: var(--ok); display: flex; align-items: center; gap: 12px; }
.sc-ring--mid { --c: var(--gold-2); }
.sc-ring--bad { --c: var(--bad); }
.sc-ring-in { position: relative; display: grid; place-items: center; flex: none; width: clamp(92px, 10vw, 124px); height: clamp(92px, 10vw, 124px); }
.sc-ring svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.sc-ring circle { fill: none; stroke-width: 9; }
.sc-ring .t { stroke: #edf1f3; }
.sc-ring .v { stroke: var(--c); stroke-linecap: round; stroke-dasharray: var(--v) 100; }
.sc-ring b { font: 400 clamp(30px, 3.4vw, 42px)/1 var(--display); color: var(--ink); }
.sc-ring-l { font: 500 16px/1.25 var(--display); color: var(--ink); }
.sc-ring-l small { display: block; font: 400 13.5px/1.3 var(--text); color: var(--ink-2); }

@media (prefers-reduced-motion: no-preference) {
  .sc-demo .sc-beam { animation: sc-scan 3s .5s cubic-bezier(.45, 0, .55, 1) forwards; }
  .sc-beam.is-loop { animation: sc-scan 2.6s .1s cubic-bezier(.45, 0, .55, 1) infinite; }
  .sc-demo .sc-chip { opacity: 0; transform: translateY(8px) scale(.96); animation: sc-pop .5s var(--ease) forwards; animation-delay: calc(.6s + var(--t) * .55s); }
  .sc-ring .v { animation: sc-fill 1.3s var(--ease) both; }
  .sc-demo .sc-ring .v { animation-delay: 2.7s; animation-duration: 1.2s; }
}
@keyframes sc-scan { from { transform: translateY(-80px); } to { transform: translateY(340px); } }
@keyframes sc-pop { to { opacity: 1; transform: none; } }
@keyframes sc-fill { from { stroke-dasharray: 0 100; } }

/* Два читателя */
.sc-readers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2vw, 24px); margin-top: clamp(26px, 3vw, 44px); }
.sc-reader { padding: clamp(22px, 2.6vw, 34px); border-radius: 26px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.sc-reader h3 { margin-top: 22px; font: 400 clamp(23px, 2.2vw, 30px)/1.15 var(--display); }
.sc-reader > p { margin: 8px 0 0; color: var(--ink-2); }
.sc-reader ul { display: grid; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; font-size: 15.5px; }
.sc-reader li { position: relative; padding-left: 22px; }
.sc-reader li::before { content: ''; position: absolute; left: 2px; top: .62em; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); }
.sc-art { display: grid; gap: 9px; align-content: center; min-height: 196px; padding: 18px; border-radius: 18px; background: linear-gradient(160deg, var(--aqua-soft), #fff); }
.sc-q { padding: 9px 16px; border-radius: 99px; background: #fff; font-size: 14.5px; color: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line); }
.sc-res { display: grid; gap: 6px; padding: 10px 14px; border-radius: 12px; background: rgba(255, 255, 255, .72); }
.sc-res i, .sc-res u { display: block; height: 8px; border-radius: 5px; background: #e3eaed; text-decoration: none; }
.sc-res i { width: 44%; height: 10px; }
.sc-res u { width: 78%; }
.sc-res.is-me { background: #fff; box-shadow: inset 0 0 0 1.5px var(--gold); }
.sc-res.is-me b { font: 500 15px/1.2 var(--text); color: var(--ink); }
.sc-me, .sc-ai { max-width: 86%; padding: 11px 15px; border-radius: 18px; font-size: 14.5px; line-height: 1.4; }
.sc-me { justify-self: end; background: var(--aqua); color: #fff; border-bottom-right-radius: 6px; }
.sc-ai { background: #fff; color: var(--ink-2); border-bottom-left-radius: 6px; box-shadow: inset 0 0 0 1px var(--line); }
.sc-ai b { font-weight: 600; color: var(--ink); background: linear-gradient(transparent 62%, var(--gold-soft) 62%); }

/* Пример отчёта */
.sc-sample { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(26px, 4vw, 60px); align-items: center; }
.sc-sample .btn { margin-top: 22px; }
.sc-sample-card { padding: clamp(20px, 2.6vw, 32px); border-radius: 26px; background: #fff; box-shadow: inset 0 0 0 1px var(--line), var(--shadow); }
.sc-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--line); }
.sc-counts dt { font-size: 13.5px; color: var(--ink-2); }
.sc-counts dd { margin: 2px 0 0; font: 400 26px/1.1 var(--display); color: var(--ink); }

/* Аудиты */
.sc-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 22px); align-items: stretch; margin-top: clamp(26px, 3vw, 44px); }
.sc-plan { position: relative; display: flex; flex-direction: column; padding: clamp(22px, 2.4vw, 30px); border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.sc-plan.is-main { box-shadow: inset 0 0 0 2px var(--gold), 0 36px 60px -42px rgba(120, 110, 0, .7); }
.sc-plan h3 { font: 400 clamp(23px, 2.1vw, 28px)/1.15 var(--display); }
.sc-for { margin: 4px 0 0; font-size: 15px; color: var(--ink-2); }
.sc-price { margin: 16px 0 0; font: 300 clamp(36px, 3.4vw, 46px)/1 var(--display); letter-spacing: -.02em; color: var(--ink); white-space: nowrap; }
.sc-plan ul { display: grid; gap: 7px; margin: 18px 0 22px; padding: 0; list-style: none; font-size: 15px; }
.sc-plan li { position: relative; padding-left: 20px; }
.sc-plan li::before { content: ''; position: absolute; left: 1px; top: .6em; width: 7px; height: 7px; border-radius: 50%; background: var(--aqua); opacity: .5; }
.sc-plan .btn { margin-top: auto; width: 100%; }
.sc-badge { align-self: flex-start; margin-bottom: 12px; padding: 4px 12px; border-radius: 99px; background: var(--gold-soft); font-size: 13px; font-weight: 600; color: var(--gold-ink); }
.sc-note { max-width: 860px; margin: 22px 0 0; font-size: 15px; color: var(--ink-2); }

/* Шаги */
.sc-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); margin: clamp(24px, 3vw, 40px) 0 0; padding: 0; list-style: none; counter-reset: sc; }
.sc-steps li { counter-increment: sc; padding-top: 16px; border-top: 2px solid var(--line-2); }
.sc-steps li::before { content: counter(sc); display: block; font: 300 34px/1 var(--display); color: var(--gold-2); }
.sc-steps b { display: block; margin-top: 8px; font: 500 19px/1.25 var(--display); color: var(--ink); }
.sc-steps span { display: block; margin-top: 6px; font-size: 15px; color: var(--ink-2); }

/* Конец страницы */
.sc-end { padding-bottom: clamp(40px, 6vw, 80px); }
.sc-final { display: grid; justify-items: center; padding: clamp(30px, 5vw, 60px) clamp(18px, 4vw, 40px); border-radius: 30px; text-align: center; background: linear-gradient(160deg, var(--aqua-soft), #fff 70%); box-shadow: inset 0 0 0 1px var(--line); }
.sc-final p { margin: 10px 0 0; color: var(--ink-2); }
.sc-final .sc-form { width: 100%; }

/* ── Отчёт ── */
.sr-top { padding: calc(var(--top-h) + clamp(22px, 3vw, 44px)) 0 clamp(16px, 2vw, 26px); }
.sr-back { font-size: 14.5px; color: var(--ink-2); text-decoration: underline; text-underline-offset: 3px; }
.sr-domain { margin-top: 10px; font: 300 clamp(32px, 4.4vw, 60px)/1.08 var(--display); letter-spacing: -.02em; overflow-wrap: anywhere; }
.sr-date { margin: 6px 0 0; font-size: 14.5px; color: var(--ink-2); }
.sr-wait { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(26px, 4vw, 60px); align-items: center; padding: clamp(10px, 2vw, 24px) 0 clamp(50px, 7vw, 100px); }
.sr-steps { display: grid; gap: 12px; margin: 20px 0 0; padding: 0; list-style: none; }
.sr-steps li { display: flex; align-items: center; gap: 12px; color: var(--muted); transition: color .3s; }
.sr-steps li::before { content: ''; flex: none; width: 12px; height: 12px; border-radius: 50%; background: #e3eaed; transition: background .3s, box-shadow .3s; }
.sr-steps li.is-now { color: var(--ink); font-weight: 500; }
.sr-steps li.is-now::before { background: var(--gold); box-shadow: 0 0 0 5px var(--gold-soft); }
.sr-steps li.is-done { color: var(--ink-2); }
.sr-steps li.is-done::before { background: var(--ok); }
.sr-slow { margin: 16px 0 0; font-size: 14.5px; color: var(--ink-2); }
.sr-box { max-width: 760px; padding: 0 0 clamp(50px, 7vw, 100px); margin-inline: 0; }
.sr-box p { margin: 12px 0 0; color: var(--ink-2); }
.sr-mark { display: inline-block; margin-bottom: 12px; padding: 5px 13px; border-radius: 99px; font-size: 13.5px; font-weight: 600; }
.sr-mark--fail { background: #f8ece9; color: var(--bad); }
.sr-acts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.sr-again { margin-top: 34px; font: 400 21px/1.2 var(--display); }
.sr-again + .sc-form { margin-top: 12px; }
.sr-sum { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(22px, 4vw, 60px); align-items: center; padding: clamp(20px, 2.6vw, 34px); border-radius: 28px; background: #fff; box-shadow: inset 0 0 0 1px var(--line), var(--shadow); }
.sr-top3 h2 { font: 400 clamp(23px, 2.3vw, 31px)/1.18 var(--display); }
.sr-lbl { margin: 12px 0 0; font-size: 14px; color: var(--ink-2); }
.sr-top3 ol { display: grid; gap: 8px; margin: 8px 0 0; padding: 0 0 0 20px; }
.sr-top3 li { padding-left: 2px; }
.sr-top3 li b { display: block; font-weight: 600; color: var(--ink); line-height: 1.35; }
.sr-top3 li span { display: block; font-size: 14.5px; line-height: 1.4; color: var(--ink-2); overflow-wrap: anywhere; }
.sr-scale { margin: 12px 0 0; font-size: 13.5px; color: var(--muted); }

.sr-tabs { margin-top: clamp(26px, 3vw, 40px); }
.sr-tabbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-width: 560px; padding: 6px; border-radius: 20px; background: #f1f5f6; }
.sr-tabbar label { padding: 10px 14px; border-radius: 15px; cursor: pointer; font: 500 17px/1.25 var(--display); color: var(--ink-2); text-align: center; transition: background .25s, color .25s, box-shadow .25s; }
.sr-tabbar small { display: block; font: 400 12.5px/1.3 var(--text); color: var(--ink-2); }
#sr-seo:checked ~ .sr-tabbar label[for="sr-seo"], #sr-geo:checked ~ .sr-tabbar label[for="sr-geo"] { background: #fff; color: var(--ink); box-shadow: 0 8px 18px -12px rgba(4, 82, 105, .5); }
#sr-seo:focus-visible ~ .sr-tabbar label[for="sr-seo"], #sr-geo:focus-visible ~ .sr-tabbar label[for="sr-geo"] { outline: 2px solid var(--aqua); outline-offset: 2px; }
.sr-panel { display: none; }
#sr-seo:checked ~ .sr-panel[data-tab="seo"], #sr-geo:checked ~ .sr-panel[data-tab="geo"] { display: block; }
.sr-group { margin: 28px 0 8px; font: 400 21px/1.2 var(--display); }
.sr-list { border-top: 1px solid var(--line-2); }
.sr-item { border-bottom: 1px solid var(--line-2); }
.sr-item summary { display: grid; grid-template-columns: 14px minmax(0, 1fr) minmax(0, 1.1fr) 18px; gap: 12px; align-items: center; padding: 13px 2px; cursor: pointer; list-style: none; }
.sr-item summary::-webkit-details-marker { display: none; }
.sr-item summary::after { content: ''; width: 9px; height: 9px; justify-self: end; border-right: 1.6px solid var(--muted); border-bottom: 1.6px solid var(--muted); transform: rotate(45deg) translate(-2px, -2px); transition: transform .25s; }
.sr-item[open] summary::after { transform: rotate(-135deg) translate(-2px, -2px); }
.sr-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--ok); }
.sr-item--warn .sr-dot { background: var(--gold); }
.sr-item--fail .sr-dot { background: var(--bad); }
.sr-item--info .sr-dot { background: #c6d2d7; }
.sr-name { font-weight: 500; color: var(--ink); }
.sr-val { font-size: 14.5px; line-height: 1.4; color: var(--ink-2); overflow-wrap: anywhere; }
.sr-more { padding: 0 2px 16px 26px; font-size: 15px; color: var(--ink-2); }
.sr-more p { margin: 0; max-width: 760px; }
.sr-fix { margin-top: 8px !important; }
.sr-fix b { color: var(--ink); }
.sr-bots { display: grid; gap: 4px; max-width: 620px; margin: 10px 0 0; padding: 0; list-style: none; }
.sr-bots li { display: grid; grid-template-columns: minmax(0, 170px) minmax(0, 1fr) auto; gap: 10px; align-items: baseline; font-size: 14.5px; }
.sr-bots code { font-size: 13.5px; color: var(--ink); overflow-wrap: anywhere; }
.sr-bots b { font-weight: 600; color: var(--ok); }
.sr-bots .is-off b { color: var(--bad); }

.sr-next { margin-top: clamp(36px, 5vw, 64px); }
.sr-offers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 20px); }
.sr-offers article { display: flex; flex-direction: column; align-items: flex-start; padding: clamp(20px, 2.2vw, 26px); border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.sr-offers h3 { font: 400 22px/1.2 var(--display); }
.sr-offers p { flex: 1; margin: 8px 0 16px; font-size: 15px; color: var(--ink-2); }
.sr-limit { max-width: 860px; margin: 22px 0 0; font-size: 15px; color: var(--ink-2); }
.sr-limit b { color: var(--ink); }
.sr-share { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 4vw, 56px); align-items: start; margin-top: clamp(30px, 4vw, 48px); margin-bottom: clamp(44px, 6vw, 80px); padding: clamp(20px, 2.6vw, 32px); border-radius: 26px; background: #f6f9fb; }
.sr-share h3 { font: 400 23px/1.2 var(--display); }
.sr-share p { margin: 6px 0 0; font-size: 15px; color: var(--ink-2); }
.sr-mail { gap: 10px; }
.sr-mail .btn { justify-self: start; }
.sr-mail .field input { background: #fff; }
.sr-again-form { display: contents; }
.sr-again-note { align-self: center; font-size: 14px; color: var(--ink-2); }

@media (max-width: 1000px) {
  .sc-hero-grid, .sc-sample, .sr-sum { grid-template-columns: minmax(0, 1fr); }
  .sc-demo { max-width: 560px; }
  .sc-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .sc-plans, .sr-offers, .sc-readers, .sr-wait, .sr-share { grid-template-columns: minmax(0, 1fr); }
  .sc-plan.is-main { order: -1; }
}
@media (max-width: 620px) {
  .sc-form { flex-direction: column; align-items: stretch; padding: 8px; border-radius: 26px; }
  .sc-form input[name="site"] { height: 52px; text-align: center; padding: 0 12px; }
  .sc-form .btn { width: 100%; }
  .sc-ring { flex-direction: column; gap: 6px; text-align: center; }
  .sc-rings { justify-content: space-around; }
  .sc-rings--demo { flex-direction: row; margin-inline: 10px; }
  .sc-steps { grid-template-columns: minmax(0, 1fr); }
  .sr-item summary { grid-template-columns: 14px minmax(0, 1fr) 18px; row-gap: 2px; }
  .sr-val { grid-column: 2; grid-row: 2; }
  .sr-item summary::after { grid-column: 3; grid-row: 1; }
  .sr-bots li { grid-template-columns: minmax(0, 1fr) auto; }
  .sr-bots li span { grid-column: 1; grid-row: 2; font-size: 13.5px; }
  .sr-bots li b { grid-column: 2; grid-row: 1; }
}