/* Главная PrivStat, второй дизайн: без рамок и панелей — воздух, типографика, смена фона.
 * Только для layout_v2.php + landing_v2.php. Типографика — как в первом дизайне (site.css): один Inter, те же размеры и начертания. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(/media/fonts/inter-cyrillic.woff2) format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(/media/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root {
    --ink: #0b1220;
    --text: #344054;
    --muted: #667085;
    --faint: #8a94a9;
    --hair: #e4e9f2;
    --blue: #2d5bff;
    --blue-deep: #1f47e0;
    --blue-soft: #eaf0ff;
    --tint: #f4f7fd;
    --navy: #091124;
    --navy-2: #121c36;
    --navy-hair: rgba(255, 255, 255, .1);
    --on-navy: #a7b6d9;
    --sky: #8fa8ff;
    --green: #18b67a;
    --amber: #e39a2b;
    --red: #e0524f;
    --display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --body: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --mono: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; /* подписи и цифры — тем же Inter, как в первом дизайне */
    --shot-shadow: 0 1px 2px rgba(16, 32, 80, .06), 0 30px 70px -24px rgba(16, 32, 80, .28);
    --ease: cubic-bezier(.2, .7, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body.v2 { margin: 0; background: #fff; color: var(--text); font: 16px/1.6 var(--body); -webkit-font-smoothing: antialiased; }
:where(.v2) a { color: inherit; }
:where(.v2) img { display: block; max-width: 100%; height: auto; }
:where(.v2) :is(h1, h2, h3) { margin: 0; color: var(--ink); font-family: var(--display); }
:where(.v2) h3 { font-size: 18px; line-height: 1.3; font-weight: 700;}
:where(.v2) :is(p, ul, ol, dl, dd, figure) { margin: 0; }
:where(.v2) :is(ul, ol) { padding: 0; list-style: none; }
:where(.v2) code { font: 600 .88em ui-monospace, SFMono-Regular, Consolas, monospace; color: var(--blue-deep); background: var(--blue-soft); padding: 1px 6px; border-radius: 6px; }
.v2 :focus-visible { outline: 3px solid rgba(45, 91, 255, .45); outline-offset: 3px; border-radius: 6px; }
.v2-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.v2-skip { position: absolute; left: 16px; top: -60px; z-index: 50; background: var(--ink); color: #fff; padding: 10px 16px; border-radius: 10px; text-decoration: none; }
.v2-skip:focus { top: 12px; }
.v2-shell { max-width: 1216px; margin: 0 auto; padding: 0 24px; }
[id] { scroll-margin-top: 84px; }

/* Кнопки и мелочи */
.v2-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 50px; padding: 0 22px; border: 0; border-radius: 12px; font: 650 15px/1 var(--body); text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color .2s, color .2s, transform .2s var(--ease), box-shadow .2s; }
.v2-btn span { transition: transform .2s var(--ease); }
.v2-btn:hover span { transform: translateX(3px); }
.v2-btn:active { transform: translateY(1px); }
.v2-btn--lg { height: 56px; padding: 0 28px; font-size: 16px; }
.v2-btn--sm { height: 42px; padding: 0 18px; font-size: 14px; }
.v2-btn--primary { background: var(--blue); color: #fff; box-shadow: 0 10px 24px -8px rgba(45, 91, 255, .55); }
.v2-btn--primary:hover { background: var(--blue-deep); }
.v2-btn--quiet { background: rgba(10, 16, 32, .05); color: var(--ink); }
.v2-btn--quiet:hover { background: rgba(10, 16, 32, .09); }
.v2-btn--white { background: #fff; color: var(--ink); }
.v2-btn--white:hover { background: #eef2ff; }
.v2-btn--ghost-light { background: rgba(255, 255, 255, .14); color: #fff; }
.v2-btn--ghost-light:hover { background: rgba(255, 255, 255, .22); }
.v2-link { color: var(--blue); font-weight: 600; text-decoration: none; }
.v2-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.v2-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(24, 182, 122, .18); animation: v2-pulse 2.2s ease-in-out infinite; }
@keyframes v2-pulse { 50% { box-shadow: 0 0 0 8px rgba(24, 182, 122, 0); } }
.v2-kicker, .v2-eyebrow { font-size: 12.5px; line-height: 1.4; font-weight: 750;text-transform: uppercase; color: var(--blue); }
.v2-eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); }
.v2-lead { color: #475467; font-size: 19px; line-height: 1.6; max-width: 560px; }
.v2-footnote { margin-top: 20px; font-size: 13px; line-height: 1.6; color: var(--faint); }
.v2-icon { width: 30px; height: 30px; fill: none; stroke: var(--blue); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* Шапка */
.v2-header { position: sticky; top: 0; z-index: 20; background: rgba(255, 255, 255, .82); backdrop-filter: saturate(1.5) blur(16px); -webkit-backdrop-filter: saturate(1.5) blur(16px); }
.v2-header__inner { display: flex; align-items: center; gap: 36px; height: 72px; }
.v2-brand { display: inline-flex; align-items: center; gap: 10px; flex: none; color: var(--ink); text-decoration: none; font-size: 21px; line-height: 1; font-weight: 750;}
.v2-brand b { color: var(--blue); }
.v2-brand--light { color: #fff; }
.v2-brand--light b { color: var(--sky); }
.v2-nav { display: flex; gap: 28px; margin-left: auto; }
.v2-nav a { color: #414b5c; font-size: 14.5px; font-weight: 550; text-decoration: none; transition: color .15s; }
.v2-nav a:hover { color: var(--ink); }
.v2-header__actions { display: flex; align-items: center; gap: 20px; }
.v2-login { color: var(--ink); font-size: 14px; font-weight: 600; text-decoration: none; }
.v2-login:hover { color: var(--blue); }
.v2-menu { display: none; position: relative; margin-left: auto; }
.v2-menu summary { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; width: 44px; height: 44px; border-radius: 12px; background: rgba(10, 16, 32, .05); list-style: none; cursor: pointer; }
.v2-menu summary::-webkit-details-marker { display: none; }
.v2-menu summary span { width: 18px; height: 2px; border-radius: 2px; background: var(--ink); }
.v2-menu__panel { position: absolute; right: 0; top: 54px; display: flex; flex-direction: column; gap: 2px; width: min(300px, calc(100vw - 32px)); padding: 10px; background: #fff; border-radius: 18px; box-shadow: 0 24px 60px -12px rgba(16, 32, 80, .3); }
.v2-menu__panel a:not(.v2-btn) { padding: 11px 12px; border-radius: 10px; color: var(--ink); font-weight: 600; text-decoration: none; }
.v2-menu__panel a:not(.v2-btn):hover { background: var(--tint); }
.v2-menu__panel .v2-btn { margin-top: 6px; }

/* Первый экран */
.v2-hero { position: relative; overflow: hidden; padding: 56px 0 64px; background: radial-gradient(900px 520px at 85% 0%, #e3eaff 0%, rgba(227, 234, 255, 0) 70%), linear-gradient(180deg, #f7f9ff 0%, #fff 100%); }
.v2-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items: center; }
.v2-hero h1 { margin: 22px 0 22px; font-size: clamp(38px, 4.2vw, 60px); line-height: 1.03; font-weight: 800;}
.v2-hero .v2-lead { margin-bottom: 34px; }
.v2-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.v2-micro { margin-top: 20px; color: var(--faint); font-size: 13.5px; line-height: 1.5; }
.v2-hero__visual { position: relative; margin-right: -120px; }
.v2-shot { overflow: hidden; border-radius: 16px; background: #f3f6fb; box-shadow: var(--shot-shadow); }
.v2-shot--hero { border-radius: 18px; transform: perspective(1800px) rotateY(-7deg) rotateX(2deg); transform-origin: left center; box-shadow: 0 1px 2px rgba(16, 32, 80, .06), 0 50px 90px -30px rgba(16, 32, 80, .35); }
.v2-chip { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 14px; font: 650 14px/1 var(--body); white-space: nowrap; box-shadow: 0 18px 40px -12px rgba(6, 18, 45, .35); }
.v2-chip b { font-size: 22px; line-height: 1; font-weight: 750;}
.v2-chip--dark { left: -36px; bottom: 18%; background: var(--navy); color: #fff; }
.v2-chip--light { right: 200px; bottom: -22px; background: #fff; color: var(--ink); }
.v2-chip--light b { color: var(--green); font-size: 16px; }
.v2-platforms { margin-top: 56px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.v2-platforms span { margin-right: 14px; color: var(--ink); font-weight: 600; }

/* Секции и заголовки */
.v2-section { padding: 120px 0; overflow: hidden; } /* свечение и выносы скриншотов не дают горизонтальной прокрутки */
.v2-section--tint { background: var(--tint); }
.v2-section--dark { background: var(--navy); color: var(--on-navy); }
.v2-section--dark :is(h2, h3) { color: #fff; }
.v2-section--dark .v2-kicker { color: var(--sky); }
.v2-section--dark .v2-lead { color: var(--on-navy); }
:where(.v2) h2 { margin-top: 14px; font-size: clamp(32px, 3.4vw, 46px); line-height: 1.08; font-weight: 780;}
.v2-head { max-width: 760px; margin-bottom: 64px; }
.v2-head--split { display: grid; grid-template-columns: 1.05fr .95fr; gap: 72px; align-items: end; max-width: none; }
.v2-head--split > p { color: var(--muted); font-size: 18px; line-height: 1.65; }

/* Преимущества */
.v2-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 56px 64px; }
.v2-benefits h3 { margin: 20px 0 10px; }
.v2-benefits p { color: var(--muted); }

/* Почему расходятся цифры */
.v2-why { display: grid; grid-template-columns: .95fr 1.05fr; gap: 80px; align-items: center; }
.v2-causes { display: grid; gap: 26px; margin-top: 36px; }
.v2-causes div { padding-top: 22px; border-top: 1px solid var(--hair); }
.v2-causes dt { margin-bottom: 6px; color: var(--ink); font-size: 18px; line-height: 1.3; font-weight: 700;}
.v2-causes dd { color: var(--muted); }
.v2-tally { display: grid; gap: 30px; padding: 8px 0; }
.v2-tally__row { display: grid; grid-template-columns: 132px 1fr; gap: 24px; align-items: center; }
.v2-tally__who { color: var(--muted); font-size: 14px; line-height: 1.3; font-weight: 650; }
.v2-tally__row.is-ours .v2-tally__who { color: var(--blue); }
.v2-dots { display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px; }
.v2-dots li { aspect-ratio: 1; border-radius: 50%; background: #9aa6bd; }
.v2-tally__row.is-ours .v2-dots li { background: var(--blue); }
.v2-dots li.is-lost { background: transparent; box-shadow: inset 0 0 0 2px var(--amber); }
.v2-dots li.is-block { box-shadow: inset 0 0 0 2px var(--red); }
.v2-tally figcaption { display: flex; flex-wrap: wrap; gap: 10px 22px; padding-top: 22px; border-top: 1px solid var(--hair); color: var(--muted); font-size: 13px; }
.v2-tally figcaption span { display: inline-flex; align-items: center; gap: 8px; }
.v2-tally figcaption em { flex-basis: 100%; color: var(--faint); font-size: 13px; line-height: 1.5; font-style: normal; }
.v2-key { width: 12px; height: 12px; border-radius: 50%; background: #9aa6bd; }
.v2-key.is-cookie { background: transparent; box-shadow: inset 0 0 0 2px var(--amber); }
.v2-key.is-block { background: transparent; box-shadow: inset 0 0 0 2px var(--red); }

/* Вместе с Метрикой */
.v2-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; margin-bottom: 64px; }
.v2-duo h3 { margin-bottom: 18px; }
.v2-duo .is-ours h3 { color: var(--blue); }
.v2-list { display: grid; gap: 12px; }
.v2-list li { position: relative; padding-left: 28px; }
.v2-list li::before { content: "—"; position: absolute; left: 0; color: var(--faint); }
.v2-list--check li::before { content: "✓"; color: var(--green); font-weight: 700; }
.v2-compare { overflow-x: auto; }
.v2-compare table { width: 100%; min-width: 640px; border-collapse: collapse; }
.v2-compare th, .v2-compare td { padding: 18px 20px 18px 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--hair); }
.v2-compare thead th { padding-top: 0; color: var(--faint); font-size: 12.5px; line-height: 1.4; font-weight: 750;text-transform: uppercase; }
.v2-compare thead th.is-ours { color: var(--blue); }
.v2-compare tbody th { width: 30%; color: var(--ink); font-weight: 600; }
.v2-compare td { color: var(--muted); }
.v2-compare td.is-ours { color: var(--ink); font-weight: 500; }
.v2-compare td.is-ours::before { content: "✓"; margin-right: 10px; color: var(--green); font-weight: 700; }

/* Сейчас на сайте */
.v2-live { display: grid; grid-template-columns: .8fr 1.2fr; gap: 72px; align-items: center; }
.v2-live .v2-lead { margin: 22px 0 28px; }
.v2-section--dark .v2-list li { color: #dfe6fb; }
.v2-shot--glow { position: relative; overflow: visible; background: none; box-shadow: none; }
.v2-shot--glow::before { content: ""; position: absolute; inset: -12% -8%; z-index: 0; background: radial-gradient(closest-side, rgba(45, 91, 255, .35), rgba(45, 91, 255, 0)); pointer-events: none; }
.v2-shot--glow :is(img, picture) { position: relative; z-index: 1; border-radius: 16px; box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .7); }

/* Сводка и возможности */
.v2-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin-bottom: 56px; }
.v2-features li { padding-top: 20px; border-top: 2px solid var(--blue); }
.v2-features h3 { margin-bottom: 8px; }
.v2-features p { color: var(--muted); font-size: 15px; }
.v2-shot--wide { margin-top: 56px; }
.v2-features + .v2-shot--wide, .v2-head + .v2-shot--wide { margin-top: 0; }

/* Отчёты: большой экран, пара экранов с подписями, строка разделов */
.v2-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin-top: 80px; }
.v2-pair figcaption { margin-top: 28px; }
.v2-pair h3 { margin-bottom: 8px; }
.v2-pair p { color: var(--muted); }
.v2-pair small { display: inline-block; margin-top: 10px; color: var(--blue); font-size: 13px; line-height: 1.4; font-weight: 650; }
.v2-reports { display: grid; grid-template-columns: repeat(5, 1fr); gap: 32px; margin-top: 80px; }
.v2-reports li { padding-top: 20px; border-top: 2px solid var(--blue); }
.v2-reports h3 { margin-bottom: 8px; }
.v2-reports p { color: var(--muted); font-size: 15px; }

/* Поисковые запросы */
.v2-search { display: grid; grid-template-columns: .82fr 1.18fr; gap: 72px; align-items: center; }
.v2-search .v2-lead { margin: 22px 0 26px; }
.v2-search .v2-footnote { margin: 22px 0 18px; }
/* Реклама: сразу после поисковых запросов, зеркально — скриншот слева с выносом за край */
.v2-section--follow { padding-top: 0; }
.v2-search--flip { grid-template-columns: 1.18fr .82fr; }
.v2-search--flip > .v2-shot { order: -1; }
.v2-search--flip .v2-shot--bleed { margin-right: 0; margin-left: -120px; }

/* Подключение */
.v2-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 56px; counter-reset: step; }
.v2-steps li { counter-increment: step; }
.v2-steps li::before { content: "0" counter(step); display: block; margin-bottom: 16px; color: var(--blue); font-size: 40px; line-height: 1; font-weight: 800;}
.v2-steps h3 { margin-bottom: 8px; }
.v2-steps p { color: var(--muted); }

/* Приватность */
.v2-privacy { display: grid; grid-template-columns: 1fr 1fr; gap: 88px; align-items: center; }
.v2-privacy .v2-lead { margin: 22px 0 26px; }
.v2-tags { color: var(--sky); font-size: 14px; line-height: 1.8; font-weight: 600; }
.v2-flow { position: relative; display: grid; gap: 36px; counter-reset: flow; }
.v2-flow li { position: relative; padding-left: 64px; counter-increment: flow; }
.v2-flow li::before { content: counter(flow); position: absolute; left: 0; top: -4px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #1b2a52; color: #cfdaff; font-size: 15px; line-height: 1; font-weight: 750; }
.v2-flow li:not(:last-child)::after { content: ""; position: absolute; left: 19px; top: 44px; bottom: -32px; width: 2px; background: linear-gradient(#2a3b6b, rgba(42, 59, 107, .2)); }
.v2-flow h3 { margin-bottom: 6px; }
.v2-flow p { color: var(--on-navy); font-size: 15px; }

/* Сайты */
.v2-sites { display: grid; grid-template-columns: .82fr 1.18fr; gap: 72px; align-items: center; }
.v2-sites .v2-lead { margin: 22px 0 26px; }
.v2-sites .v2-list { margin-bottom: 30px; }
.v2-shot--bleed { margin-right: -120px; }

/* Тарифы */
.v2-period { display: inline-flex; gap: 4px; margin-bottom: 36px; padding: 5px; background: #fff; border-radius: 14px; box-shadow: 0 1px 2px rgba(16, 32, 80, .06), 0 8px 20px -10px rgba(16, 32, 80, .2); }
.v2-period label { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 10px; color: var(--muted); font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color .2s, color .2s; }
.v2-period em { padding: 3px 8px; border-radius: 99px; background: rgba(24, 182, 122, .12); color: #0f8a5b; font-size: 11.5px; line-height: 1.3; font-weight: 650; font-style: normal; }
#v2-period-month:checked ~ .v2-period label[for="v2-period-month"],
#v2-period-year:checked ~ .v2-period label[for="v2-period-year"] { background: var(--ink); color: #fff; }
#v2-period-month:focus-visible ~ .v2-period label[for="v2-period-month"],
#v2-period-year:focus-visible ~ .v2-period label[for="v2-period-year"] { outline: 3px solid rgba(45, 91, 255, .45); outline-offset: 2px; }
.v2-plan__price .v2-price-year { display: none; }
#v2-period-year:checked ~ .v2-plans .v2-plan__price .v2-price-year { display: flex; }
#v2-period-year:checked ~ .v2-plans .v2-plan__price .v2-price-month { display: none; }
.v2-plans { display: grid; grid-template-columns: repeat(4, 1fr); align-items: stretch; }
.v2-plan { display: flex; flex-direction: column; padding: 30px 28px; }
.v2-plan + .v2-plan { border-left: 1px solid #dde3ef; }
.v2-plan.is-featured, .v2-plan.is-featured + .v2-plan { border-left-color: transparent; }
.v2-plan.is-featured { margin: -16px 0; padding: 46px 28px; background: #fff; border-radius: 20px; box-shadow: 0 1px 2px rgba(16, 32, 80, .06), 0 30px 60px -24px rgba(16, 32, 80, .3); }
.v2-plan__label { min-height: 18px; color: var(--faint); font-size: 12.5px; line-height: 1.5; font-weight: 650; }
.v2-plan.is-featured .v2-plan__label { color: var(--blue); }
.v2-plan h3 { margin-top: 10px; font-size: 20px; }
.v2-plan__price { display: flex; align-items: baseline; gap: 8px; min-height: 58px; margin: 16px 0 8px; }
.v2-plan__price > span { display: flex; align-items: baseline; gap: 8px; }
.v2-plan__price strong { color: var(--ink); font-size: 42px; line-height: 1; font-weight: 800;}
.v2-plan__price span span, .v2-plan__price > span:not([class]) { color: var(--muted); font-size: 14px; }
.v2-plan ul { display: grid; gap: 10px; margin: 16px 0 28px; font-size: 14px; }
.v2-plan li { position: relative; padding-left: 22px; }
.v2-plan li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 700; }
.v2-plan li.is-off { color: #a3abbb; }
.v2-plan li.is-off::before { content: "—"; color: #c3cad8; }
.v2-plan .v2-btn { width: 100%; margin-top: auto; }

/* Вопросы */
.v2-faq { display: grid; grid-template-columns: .75fr 1.25fr; gap: 80px; align-items: start; }
.v2-faq .v2-lead { margin: 20px 0 22px; }
.v2-faq__list { border-top: 1px solid var(--hair); }
.v2-faq__list details { border-bottom: 1px solid var(--hair); }
.v2-faq__list summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px 0; color: var(--ink); font-size: 17px; line-height: 1.35; font-weight: 650; list-style: none; cursor: pointer; }
.v2-faq__list summary::-webkit-details-marker { display: none; }
.v2-faq__list summary::after { content: ""; flex: none; width: 12px; height: 12px; margin-right: 6px; border-right: 2px solid var(--faint); border-bottom: 2px solid var(--faint); transform: rotate(45deg) translate(-3px, -3px); transition: transform .25s var(--ease), border-color .2s; }
.v2-faq__list details[open] summary::after { border-color: var(--blue); transform: rotate(-135deg) translate(-3px, -3px); }
.v2-faq__list summary:hover { color: var(--blue); }
.v2-faq__list details p { max-width: 680px; padding-bottom: 24px; color: var(--muted); }

/* Финальный призыв */
.v2-cta { position: relative; overflow: hidden; padding: 104px 0; color: #dbe3ff; background: radial-gradient(700px 400px at 90% 10%, rgba(143, 168, 255, .45), rgba(143, 168, 255, 0) 70%), linear-gradient(120deg, #2d5bff 0%, #1c3fd6 100%); }
.v2-cta__grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 80px; align-items: center; }
.v2-cta h2 { margin: 0 0 16px; color: #fff; font-size: clamp(32px, 3vw, 40px); }
.v2-cta p { max-width: 560px; margin-bottom: 32px; font-size: 17px; }
.v2-cta__facts { display: grid; gap: 22px; }
.v2-cta__facts li { padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .22); }
.v2-cta__facts b { display: block; margin-bottom: 2px; color: #fff; font-size: 18px; line-height: 1.3; font-weight: 700;}

/* Подвал */
.v2-footer { padding: 72px 0 32px; background: var(--navy); color: #fff; }
.v2-footer__grid { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 48px; }
.v2-footer__brand p { max-width: 340px; margin: 16px 0 14px; color: #8596bb; font-size: 14px; }
.v2-footer__brand .v2-footer__tag { color: #6ee7b7; font-size: 13px; line-height: 1.5; font-weight: 600; }
.v2-footer h3 { margin: 4px 0 16px; color: #fff; font-size: 14px; }
.v2-footer__grid > div:not(:first-child) { display: flex; flex-direction: column; gap: 11px; }
.v2-footer a:not(.v2-brand) { color: #8fa1c8; font-size: 14px; text-decoration: none; }
.v2-footer a:not(.v2-brand):hover { color: #fff; }
.v2-footer__bottom { position: relative; display: flex; justify-content: space-between; gap: 20px; margin-top: 48px; padding-top: 24px; color: #6f809f; font-size: 13px; }
.v2-footer__bottom::before { content: ""; position: absolute; top: 0; left: 24px; right: 24px; border-top: 1px solid var(--navy-hair); }

/* Появление при прокрутке (класс v2-anim ставит landing-v2.js) */
.v2-anim [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.v2-anim [data-reveal].is-in { opacity: 1; transform: none; }
.v2-anim .v2-hero__visual[data-reveal] { transform: translateY(32px) scale(.98); transition-delay: .12s; }
.v2-anim .v2-hero__visual[data-reveal].is-in { transform: none; }
.v2-anim [data-reveal][data-stagger] { opacity: 1; transform: none; }
.v2-anim [data-stagger] > * { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.v2-anim [data-stagger].is-in > * { opacity: 1; transform: none; }
.v2-anim [data-stagger] > :nth-child(2) { transition-delay: .08s; }
.v2-anim [data-stagger] > :nth-child(3) { transition-delay: .16s; }
.v2-anim [data-stagger] > :nth-child(4) { transition-delay: .24s; }
.v2-anim [data-stagger] > :nth-child(5) { transition-delay: .32s; }
.v2-anim [data-stagger] > :nth-child(6) { transition-delay: .4s; }
.v2-anim .v2-dots li { opacity: 0; transform: scale(.3); transition: opacity .35s var(--ease), transform .35s var(--ease); }
.v2-anim .v2-tally.is-in .v2-dots li { opacity: 1; transform: none; }
/* Точки схемы загораются по очереди: сначала ряд Метрики, затем PrivStat. */
.v2-anim .v2-dots li:nth-child(1){transition-delay:0ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(1){transition-delay:500ms}.v2-anim .v2-dots li:nth-child(2){transition-delay:30ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(2){transition-delay:530ms}.v2-anim .v2-dots li:nth-child(3){transition-delay:60ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(3){transition-delay:560ms}.v2-anim .v2-dots li:nth-child(4){transition-delay:90ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(4){transition-delay:590ms}
.v2-anim .v2-dots li:nth-child(5){transition-delay:120ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(5){transition-delay:620ms}.v2-anim .v2-dots li:nth-child(6){transition-delay:150ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(6){transition-delay:650ms}.v2-anim .v2-dots li:nth-child(7){transition-delay:180ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(7){transition-delay:680ms}.v2-anim .v2-dots li:nth-child(8){transition-delay:210ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(8){transition-delay:710ms}
.v2-anim .v2-dots li:nth-child(9){transition-delay:240ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(9){transition-delay:740ms}.v2-anim .v2-dots li:nth-child(10){transition-delay:270ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(10){transition-delay:770ms}.v2-anim .v2-dots li:nth-child(11){transition-delay:300ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(11){transition-delay:800ms}.v2-anim .v2-dots li:nth-child(12){transition-delay:330ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(12){transition-delay:830ms}
.v2-anim .v2-dots li:nth-child(13){transition-delay:360ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(13){transition-delay:860ms}.v2-anim .v2-dots li:nth-child(14){transition-delay:390ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(14){transition-delay:890ms}.v2-anim .v2-dots li:nth-child(15){transition-delay:420ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(15){transition-delay:920ms}.v2-anim .v2-dots li:nth-child(16){transition-delay:450ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(16){transition-delay:950ms}
.v2-anim .v2-dots li:nth-child(17){transition-delay:480ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(17){transition-delay:980ms}.v2-anim .v2-dots li:nth-child(18){transition-delay:510ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(18){transition-delay:1010ms}.v2-anim .v2-dots li:nth-child(19){transition-delay:540ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(19){transition-delay:1040ms}.v2-anim .v2-dots li:nth-child(20){transition-delay:570ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(20){transition-delay:1070ms}
.v2-anim .v2-dots li:nth-child(21){transition-delay:600ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(21){transition-delay:1100ms}.v2-anim .v2-dots li:nth-child(22){transition-delay:630ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(22){transition-delay:1130ms}.v2-anim .v2-dots li:nth-child(23){transition-delay:660ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(23){transition-delay:1160ms}.v2-anim .v2-dots li:nth-child(24){transition-delay:690ms}.v2-anim .v2-tally__row.is-ours .v2-dots li:nth-child(24){transition-delay:1190ms}

/* Адаптив */
@media (max-width: 1100px) {
    .v2-nav, .v2-header__actions { display: none; }
    .v2-menu { display: block; }
    .v2-hero__grid, .v2-head--split, .v2-why, .v2-live, .v2-search, .v2-privacy, .v2-sites, .v2-faq, .v2-cta__grid { grid-template-columns: 1fr; }
    .v2-hero__grid { gap: 48px; }
    .v2-hero__visual, .v2-shot--bleed { margin-right: 0; }
    .v2-search--flip > .v2-shot { order: 0; }
    .v2-search--flip .v2-shot--bleed { margin-left: 0; }
    .v2-shot--hero { transform: none; }
    .v2-chip--light { right: 16px; }
    .v2-head--split { gap: 18px; }
    .v2-why, .v2-live, .v2-search, .v2-privacy, .v2-sites, .v2-faq, .v2-cta__grid { gap: 48px; }
    .v2-benefits { grid-template-columns: 1fr 1fr; }
    .v2-reports { grid-template-columns: repeat(3, 1fr); }
    .v2-features { grid-template-columns: 1fr 1fr; }
    .v2-plans { grid-template-columns: 1fr 1fr; gap: 16px; }
    .v2-plan + .v2-plan { border-left: 0; }
    .v2-plan, .v2-plan.is-featured { margin: 0; padding: 28px 24px; background: #fff; border-radius: 20px; }
    .v2-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
    .v2-shell { padding: 0 16px; }
    .v2-header__inner { height: 64px; }
    .v2-hero { padding: 20px 0 44px; }
    .v2-hero__grid { gap: 32px; }
    .v2-hero h1 { margin: 14px 0; font-size: 38px; }
    .v2-lead { font-size: 17px; }
    .v2-hero .v2-lead { margin-bottom: 22px; }
    .v2-actions .v2-btn { width: 100%; }
    /* Первый экран: вторая кнопка — ссылкой, чтобы скриншот был виден без прокрутки */
    .v2-hero .v2-actions { gap: 4px; }
    .v2-hero .v2-btn--quiet { height: 44px; background: none; color: var(--blue); }
    .v2-hero .v2-micro { margin-top: 10px; text-align: center; }
    .v2-chip--light { display: none; }
    .v2-chip--dark { left: 12px; bottom: -18px; padding: 10px 14px; }
    .v2-platforms { margin-top: 44px; }
    .v2-platforms span { display: block; }
    .v2-section { padding: 72px 0; }
    .v2-head { margin-bottom: 40px; }
    .v2-head--split > p { font-size: 16px; }
    .v2-benefits, .v2-pair, .v2-reports, .v2-features, .v2-steps, .v2-duo, .v2-plans { grid-template-columns: 1fr; }
    .v2-benefits { gap: 36px; }
    .v2-reports, .v2-steps { gap: 32px; }
    .v2-pair { gap: 56px; margin-top: 56px; }
    .v2-reports { margin-top: 56px; }
    .v2-duo { gap: 36px; margin-bottom: 44px; }
    .v2-tally__row { grid-template-columns: 1fr; gap: 12px; }
    .v2-dots { gap: 8px; }
    .v2-compare { overflow: visible; }
    .v2-compare table, .v2-compare tbody, .v2-compare tr, .v2-compare th, .v2-compare td { display: block; width: auto; min-width: 0; }
    .v2-compare thead { display: none; }
    .v2-compare tr { padding: 18px 0; border-bottom: 1px solid var(--hair); }
    .v2-compare tbody th, .v2-compare td { padding: 0; border: 0; }
    .v2-compare tbody th { width: auto; margin-bottom: 8px; }
    .v2-hide-m { display: none; }
    /* Экран телефона вместо экрана компьютера: узкий кадр по центру */
    .v2-shot, .v2-shot--hero { width: min(100%, 320px); margin-left: auto; margin-right: auto; border-radius: 26px; }
    .v2-shot--glow :is(img, picture) { border-radius: 26px; }
    .v2-compare td { font-size: 15px; }
    .v2-compare td + td { margin-top: 6px; }
    .v2-compare td::before { content: attr(data-label) " · "; color: var(--faint); font: 500 12px var(--mono); }
    .v2-compare td.is-ours::before { content: attr(data-label) " · "; margin-right: 0; color: var(--blue); font: 600 12px var(--mono); }
    .v2-shot--glow::before { inset: -6%; }
    .v2-steps li::before { font-size: 32px; }
    .v2-flow li { padding-left: 56px; }
    .v2-cta { padding: 72px 0; }
    .v2-footer__grid { grid-template-columns: 1fr; gap: 30px; }
    .v2-footer__bottom { flex-direction: column; }
    .v2-footer__bottom::before { left: 16px; right: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .v2 *, .v2 *::before, .v2 *::after { animation: none !important; transition: none !important; }
}