/* SEOVOLGA — self-hosted Montserrat (variable 100–900, subset to RU+latin+₽).
   6 files, ~90KB total fetched; only the subsets in use are downloaded. */

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/multi-page-site-assets/fonts/montserrat-cyrillic-normal.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/multi-page-site-assets/fonts/montserrat-cyrillic-italic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/multi-page-site-assets/fonts/montserrat-latin-normal.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/multi-page-site-assets/fonts/montserrat-latin-italic.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext — carries ₽ (U+20BD, in U+20AD-20C0) */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/multi-page-site-assets/fonts/montserrat-latin-ext-normal.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/multi-page-site-assets/fonts/montserrat-latin-ext-italic.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ============================================================
   SEOVOLGA — Лендинг «Большой SEO-сайт за 120 000 ₽»
   Tokens mirror colors_and_type.css. No hardcoded colors in
   components — everything through --sv-* variables.
   ============================================================ */

.multi-page-site-page {
  /* ---------- BRAND CORE (exact brand hex = source of truth) ---------- */
  --sv-orange:        #FF9D00;
  --sv-orange-hover:  #E69005;
  --sv-orange-soft:   #FFB733;
  --sv-orange-tint:   rgba(255, 157, 0, 0.10);

  --sv-ink:           #14122C;
  --sv-ink-2:         #37354A;
  --sv-muted:         #666666;
  --sv-muted-2:       #CACACA;

  /* dark / hero surfaces */
  --sv-hero-from:     #161616;
  --sv-hero-to:       #120A8F;
  --sv-navy-deep:     #120B86;
  --sv-ink-blue:      #0A1A4D;

  /* secondary / support */
  --sv-blue:          #0336B3;
  --sv-blue-bright:   #3A6BEA;
  --sv-blue-light:    #7D97F4;
  --sv-blue-pale:     #DBE6FC;

  /* social */
  --sv-telegram:      #2197D5;
  --sv-whatsapp:      #4CAF50;

  /* neutrals / surfaces */
  --sv-page:          #F2F3F7;
  --sv-surface:       #FFFFFF;
  --sv-surface-2:     #FBFBFB;
  --sv-line:          #E3E3E3;
  --sv-line-2:        #ECECEC;
  --sv-line-3:        #DADADA;
  --sv-logo-grey:     #C0C0C6;

  /* on-dark helpers */
  --sv-on-dark:       #FFFFFF;
  --sv-on-dark-70:    rgba(255,255,255,0.70);
  --sv-on-dark-45:    rgba(255,255,255,0.45);
  --sv-on-dark-12:    rgba(255,255,255,0.12);
  --sv-on-dark-08:    rgba(255,255,255,0.08);

  /* ---------- RADII ---------- */
  --sv-r-pill:  999px;
  --sv-r-card:  34px;
  --sv-r-panel: 20px;
  --sv-r-lg:    80px;
  --sv-r-sm:    10px;

  /* ---------- SHADOWS ---------- */
  --sv-shadow-card: 0 4px 50px rgba(0,0,0,0.07);
  --sv-shadow-sm:   0 2px 16px rgba(20,18,44,0.06);
  --sv-shadow-pop:  0 18px 50px rgba(20,18,44,0.14);
  --sv-shadow-orange: 0 14px 38px rgba(255,157,0,0.30);

  /* ---------- TYPE ---------- */
  --sv-font: 'Montserrat', -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* fluid scale */
  --t-display: clamp(2.5rem, 1.1rem + 6.4vw, 6rem);     /* hero/cta display */
  --t-h1:      clamp(1.9rem, 1.1rem + 3.4vw, 3rem);     /* section title 48 */
  --t-h2:      clamp(1.45rem, 1rem + 1.9vw, 2rem);
  --t-h3:      clamp(1.18rem, 1.05rem + 0.55vw, 1.4rem);
  --t-lead:    clamp(1.06rem, 0.98rem + 0.4vw, 1.22rem);
  --t-body:    clamp(0.98rem, 0.94rem + 0.18vw, 1.05rem);
  --t-sm:      0.875rem;
  --t-cap:     0.75rem;

  /* ---------- SPACING ---------- */
  --maxw: 1200px;
  --gut: clamp(20px, 5vw, 40px);
  --section-y: clamp(64px, 8vw, 118px);
  --block-gap: clamp(28px, 3.6vw, 56px);

  /* ---------- MOTION ---------- */
  --dur-1: .16s;
  --dur-2: .32s;
  --dur-3: .6s;
  --ease: cubic-bezier(.22,.61,.21,1);
  --ease-out: cubic-bezier(.16,.84,.34,1);
}

/* P3 wide-gamut accent pop on capable displays (anti-AI: real P3 accent) */
@media (color-gamut: p3) {
  @supports (color: color(display-p3 1 0 0)) {
    .multi-page-site-page {
      --sv-orange:      color(display-p3 0.98 0.625 0.05);
      --sv-orange-soft: color(display-p3 1 0.73 0.24);
    }
  }
}

/* ============================================================
   RESET / BASE
   ============================================================ */
.multi-page-site-page *, .multi-page-site-page *::before, .multi-page-site-page *::after { box-sizing: border-box; }
.multi-page-site-page * { margin: 0; }
.multi-page-site-page { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: no-preference) {
  .multi-page-site-page, .multi-page-site-page { height: auto; }
  .multi-page-site-page .lenis.lenis-smooth { scroll-behavior: auto !important; }
  .multi-page-site-page .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
  .multi-page-site-page .lenis.lenis-stopped { overflow: hidden; }
}
.multi-page-site-page {
  font-family: var(--sv-font);
  font-size: var(--t-body);
  line-height: 1.6;
  color: var(--sv-ink-2);
  background: var(--sv-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
.multi-page-site-page img, .multi-page-site-page svg { display: block; max-width: 100%; }
.multi-page-site-page a { color: inherit; text-decoration: none; }
.multi-page-site-page ul, .multi-page-site-page ol { list-style: none; padding: 0; }
.multi-page-site-page button { font: inherit; color: inherit; cursor: pointer; }
.multi-page-site-page ::selection { background: var(--sv-orange); color: #fff; }
.multi-page-site-page :focus-visible { outline: 3px solid var(--sv-blue-bright); outline-offset: 3px; border-radius: 4px; }

.multi-page-site-page .container { width: 100%; max-width: var(--maxw); margin-inline: auto; padding-inline: var(--gut); }
.multi-page-site-page .section { padding-block: var(--section-y); position: relative; }

/* ============================================================
   TYPE HELPERS
   ============================================================ */
.multi-page-site-page .kicker {
  display: inline-flex; align-items: center; gap: .5em;
  font-weight: 600; font-size: clamp(.82rem, .78rem + .2vw, .97rem);
  color: var(--sv-orange); letter-spacing: .01em;
}
.multi-page-site-page .kicker::before { content: "//"; font-weight: 800; letter-spacing: -.05em; }
.multi-page-site-page .eyebrow {
  font-weight: 300; font-size: var(--t-cap); letter-spacing: .35em;
  text-transform: uppercase; color: var(--sv-muted);
}
.multi-page-site-page .display {
  font-weight: 900; font-style: italic; text-transform: uppercase;
  font-size: var(--t-display); line-height: .92; letter-spacing: -.045em;
  color: var(--sv-ink);
}
.multi-page-site-page .h1 { font-weight: 700; font-size: var(--t-h1); line-height: 1.04; letter-spacing: -.02em; color: var(--sv-ink); }
.multi-page-site-page .h2 { font-weight: 700; font-size: var(--t-h2); line-height: 1.1; letter-spacing: -.01em; color: var(--sv-ink); }
.multi-page-site-page .h3 { font-weight: 700; font-size: var(--t-h3); line-height: 1.2; color: var(--sv-ink); }
.multi-page-site-page .lead { font-weight: 500; font-size: var(--t-lead); line-height: 1.45; color: var(--sv-ink-2); }
.multi-page-site-page .muted { color: var(--sv-muted); }
.multi-page-site-page .hl { color: var(--sv-orange); }
.multi-page-site-page em.hl, .multi-page-site-page .display em { font-style: italic; color: var(--sv-orange); }

.multi-page-site-page .section-head { max-width: 820px; margin-bottom: var(--block-gap); }
.multi-page-site-page .section-head.center { margin-inline: auto; text-align: center; }
.multi-page-site-page .section-head .h1 { margin-top: .5rem; }
.multi-page-site-page .section-head .lead { margin-top: 1.1rem; color: var(--sv-ink-2); }

/* pull-quote (the persuasive "что сказать клиенту" essence) */
.multi-page-site-page .pull {
  font-style: italic; font-weight: 500; color: var(--sv-ink);
  font-size: clamp(1.05rem, .95rem + .7vw, 1.45rem); line-height: 1.4;
  border-left: 3px solid var(--sv-orange); padding-left: clamp(16px,2vw,26px);
}

/* ============================================================
   BUTTONS / CHIPS / TICKS
   ============================================================ */
.multi-page-site-page .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .6em;
  font-weight: 700; border-radius: var(--sv-r-pill); border: none;
  white-space: nowrap; transition: background var(--dur-1), color var(--dur-1),
    transform var(--dur-1), box-shadow var(--dur-2); line-height: 1;
}
.multi-page-site-page .btn:active { transform: translateY(1px) scale(.99); }
.multi-page-site-page .btn--primary {
  background: var(--sv-orange); color: #fff;
  font-size: clamp(1rem, .94rem + .3vw, 1.18rem); padding: 1.15em 2.1em;
  box-shadow: var(--sv-shadow-orange);
}
.multi-page-site-page .btn--primary:hover { background: var(--sv-orange-hover); transform: translateY(-2px); box-shadow: 0 20px 44px rgba(255,157,0,.42); }
.multi-page-site-page .btn--lg { padding: 1.25em 2.6em; }
.multi-page-site-page .btn--outline {
  background: transparent; border: 3px solid var(--sv-orange); color: #fff;
  font-weight: 600; font-size: 1.05rem; padding: .85em 1.9em;
}
.multi-page-site-page .btn--outline:hover { background: var(--sv-orange-tint); }
.multi-page-site-page .btn--nav {
  background: transparent; border: 1.2px solid var(--sv-blue-bright); color: var(--sv-orange);
  font-size: .85rem; padding: .62em 1.4em;
}
.multi-page-site-page .btn--nav:hover { background: var(--sv-orange-tint); border-color: var(--sv-orange); }

.multi-page-site-page .chip {
  display: inline-flex; align-items: center; gap: .5em;
  font-size: .8rem; font-weight: 600; letter-spacing: .01em;
  padding: .5em 1em; border-radius: var(--sv-r-pill);
  border: 1px solid var(--sv-line); color: var(--sv-ink-2); background: var(--sv-surface);
}
.multi-page-site-page .chip__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--sv-orange); flex: 0 0 auto; }

.multi-page-site-page .social {
  width: 38px; height: 38px; border-radius: 50%; display: inline-flex;
  align-items: center; justify-content: center; flex: 0 0 auto;
  transition: transform var(--dur-1);
}
.multi-page-site-page .social:hover { transform: translateY(-2px) scale(1.06); }
.multi-page-site-page .social svg { width: 48%; height: 48%; color: #fff; }
.multi-page-site-page .social--tg { background: var(--sv-telegram); }
.multi-page-site-page .social--wa { background: var(--sv-whatsapp); }

/* tick lists */
.multi-page-site-page .ticks { display: grid; gap: .7em; }
.multi-page-site-page .ticks li {
  position: relative; padding-left: 2em; line-height: 1.45;
  color: var(--sv-ink-2); font-size: var(--t-body);
}
.multi-page-site-page .ticks li::before {
  content: ""; position: absolute; left: 0; top: .05em; width: 1.25em; height: 1.25em;
  background: no-repeat center/contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4 10.5l4 4 8-9' stroke='%23FF9D00' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.multi-page-site-page .ticks--dark li { color: var(--sv-on-dark-70); }
.multi-page-site-page .ticks--lg li { font-size: var(--t-lead); padding-left: 2.2em; }

/* ============================================================
   DARK SURFACE + GRAIN (hero / cta / dark bands)
   ============================================================ */
.multi-page-site-page .dark {
  position: relative; color: var(--sv-on-dark); isolation: isolate;
  background: radial-gradient(120% 130% at 80% -10%, #241a9e 0%, transparent 55%),
              linear-gradient(168deg, var(--sv-hero-from) 0%, #14116b 48%, var(--sv-hero-to) 100%);
}
.multi-page-site-page .dark::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  opacity: .075; mix-blend-mode: screen;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.multi-page-site-page .dark .h1, .multi-page-site-page .dark .h2, .multi-page-site-page .dark .h3, .multi-page-site-page .dark .display { color: #fff; }
.multi-page-site-page .dark .display .hl, .multi-page-site-page .dark .display em { color: var(--sv-orange); }
.multi-page-site-page .dark .lead { color: var(--sv-on-dark-70); }
.multi-page-site-page .dark .eyebrow { color: var(--sv-on-dark-45); }

/* vertical micro-label up the gutter */
.multi-page-site-page .vlabel {
  position: absolute; left: clamp(10px, 2.4vw, 34px); top: 50%;
  transform: translateY(-50%) rotate(180deg); writing-mode: vertical-rl;
  font-weight: 300; font-size: .72rem; letter-spacing: .35em; text-transform: uppercase;
  color: var(--sv-on-dark-45); white-space: nowrap; pointer-events: none; user-select: none;
}
@media (max-width: 900px) { .multi-page-site-page .vlabel { display: none; } }

/* ============================================================
   HEADER
   ============================================================ */
.multi-page-site-page .hdr {
  position: sticky; top: 0; z-index: 60;
  background: linear-gradient(168deg, #15136d, #120A8F);
  border-bottom: 1px solid var(--sv-on-dark-08);
  transition: box-shadow var(--dur-2), background var(--dur-2);
}
.multi-page-site-page .hdr.scrolled { box-shadow: 0 10px 30px rgba(8,6,40,.4); }
.multi-page-site-page .hdr__in { display: flex; align-items: center; gap: clamp(14px, 1.6vw, 26px); min-height: 78px; }
.multi-page-site-page .hdr__logo { color: var(--sv-logo-grey); flex: 0 0 auto; display: flex; }
.multi-page-site-page .hdr__logo svg { height: 26px; width: auto; }
.multi-page-site-page .hdr__logo .seo { fill: var(--sv-orange); }
.multi-page-site-page .hdr__logo .volga { fill: #fff; }
.multi-page-site-page .hdr__nav { display: flex; gap: clamp(14px, 1.5vw, 26px); margin-left: 6px; }
.multi-page-site-page .hdr__nav a { color: #fff; font-size: .9rem; opacity: .92; transition: color var(--dur-1); white-space: nowrap; }
.multi-page-site-page .hdr__nav a:hover { color: var(--sv-orange); }
.multi-page-site-page .hdr__spacer { flex: 1; }
.multi-page-site-page .hdr__social { display: flex; gap: 8px; }
.multi-page-site-page .hdr__social .social { width: 32px; height: 32px; }
.multi-page-site-page .hdr__phone { color: #fff; font-weight: 700; font-size: clamp(.9rem,.8rem+.4vw,1.05rem); white-space: nowrap; }
.multi-page-site-page .hdr__phone:hover { color: var(--sv-orange); }
.multi-page-site-page .burger { display: none; width: 26px; height: 18px; background: none; border: none; padding: 0; flex-direction: column; justify-content: space-between; }
.multi-page-site-page .burger span { height: 2px; background: #fff; border-radius: 2px; transition: transform var(--dur-2), opacity var(--dur-1); }
.multi-page-site-page .hdr__mobile { display: none; }

@media (max-width: 1080px) {
  .multi-page-site-page .hdr__nav { display: none; }
}
@media (max-width: 760px) {
  .multi-page-site-page .burger { display: flex; }
  .multi-page-site-page .hdr__social, .multi-page-site-page .hdr__phone, .multi-page-site-page .hdr__in > .btn--nav { display: none; }
  .multi-page-site-page .hdr__mobile {
    display: grid; gap: 4px; padding: 0 var(--gut);
    max-height: 0; overflow: hidden; transition: max-height var(--dur-3) var(--ease);
    background: #120A8F; border-bottom: 1px solid var(--sv-on-dark-08);
  }
  .multi-page-site-page .hdr__mobile.open { max-height: 420px; }
  .multi-page-site-page .hdr__mobile a { color: #fff; padding: 14px 4px; border-bottom: 1px solid var(--sv-on-dark-08); }
  .multi-page-site-page .hdr__mobile .btn { margin: 14px 0; }
  .multi-page-site-page .burger.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .multi-page-site-page .burger.open span:nth-child(2) { opacity: 0; }
  .multi-page-site-page .burger.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
}

/* ============================================================
   HERO
   ============================================================ */
.multi-page-site-page .hero { border-radius: 0 0 var(--sv-r-card) var(--sv-r-card); overflow: hidden; }
.multi-page-site-page .hero__in { padding-block: clamp(60px, 7vw, 100px); position: relative; display: grid; grid-template-columns: 1.12fr .88fr; gap: clamp(28px, 4vw, 60px); align-items: center; }
.multi-page-site-page .hero__main { min-width: 0; }

/* hero SERP "#1 ranking" proof card */
.multi-page-site-page .hero__viz { justify-self: end; width: 100%; max-width: 430px; }
.multi-page-site-page .serp { background: var(--sv-surface); border-radius: var(--sv-r-card); box-shadow: var(--sv-shadow-pop); padding: 20px; color: var(--sv-ink); transform: rotate(-1.4deg); }
.multi-page-site-page .serp__bar { display: flex; align-items: center; gap: 10px; background: var(--sv-page); border-radius: var(--sv-r-pill); padding: 12px 18px; color: var(--sv-muted); font-size: .9rem; font-weight: 500; }
.multi-page-site-page .serp__bar svg { width: 18px; height: 18px; flex: 0 0 auto; }
.multi-page-site-page .serp__list { margin-top: 14px; display: grid; gap: 8px; }
.multi-page-site-page .serp__item { display: flex; gap: 12px; padding: 12px; border-radius: var(--sv-r-sm); align-items: flex-start; }
.multi-page-site-page .serp__item--top { background: var(--sv-orange-tint); border: 1px solid var(--sv-orange); }
.multi-page-site-page .serp__item:not(.serp__item--top) { opacity: .5; }
.multi-page-site-page .serp__rank { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: var(--sv-orange); color: #fff; font-weight: 800; font-style: italic; display: grid; place-items: center; font-size: .85rem; }
.multi-page-site-page .serp__item:not(.serp__item--top) .serp__rank { background: var(--sv-muted-2); }
.multi-page-site-page .serp__body { min-width: 0; }
.multi-page-site-page .serp__url { color: var(--sv-whatsapp); font-size: .72rem; font-weight: 600; }
.multi-page-site-page .serp__title { color: var(--sv-blue); font-weight: 700; font-size: 1rem; margin: 1px 0 3px; line-height: 1.15; }
.multi-page-site-page .serp__desc { color: var(--sv-muted); font-size: .74rem; line-height: 1.4; }
@media (max-width: 980px) { .multi-page-site-page .hero__in { grid-template-columns: 1fr; } .multi-page-site-page .hero__viz { display: none; } }
.multi-page-site-page .hero__title { margin-top: 1.1rem; max-width: 16ch; }
.multi-page-site-page .hero__title .display-l2 { display: block; }
.multi-page-site-page .hero__sub { margin-top: 1.4rem; font-weight: 700; font-style: italic; font-size: var(--t-lead); color: #fff; max-width: 40ch; }
.multi-page-site-page .hero__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 1.8rem; max-width: 760px; }
.multi-page-site-page .hero__tags .chip { background: var(--sv-on-dark-08); border-color: var(--sv-on-dark-12); color: #fff; backdrop-filter: blur(2px); }
.multi-page-site-page .hero__cta { display: flex; align-items: center; gap: clamp(24px, 4vw, 52px); margin-top: clamp(30px,4vw,46px); flex-wrap: wrap; }
.multi-page-site-page .hero__facts { display: flex; gap: clamp(18px, 3vw, 38px); flex-wrap: wrap; }
.multi-page-site-page .hero__facts li { transition: opacity var(--dur-3); }
.multi-page-site-page .hero__facts .k { font-size: .82rem; color: var(--sv-on-dark-70); }
.multi-page-site-page .hero__facts .v { font-weight: 800; font-size: clamp(1.3rem, 1rem + 1.2vw, 1.85rem); color: #fff; line-height: 1.1; }
.multi-page-site-page .hero__facts li.on .v { color: var(--sv-orange); }
.multi-page-site-page .hero__dots { display: flex; gap: 9px; margin-top: clamp(26px,3vw,40px); }
.multi-page-site-page .hero__dots button { width: 10px; height: 10px; border-radius: 999px; border: none; background: var(--sv-on-dark-45); padding: 0; transition: width var(--dur-2), background var(--dur-2); }
.multi-page-site-page .hero__dots button.on { width: 28px; background: var(--sv-orange); }
.multi-page-site-page .hero__scroll { position: absolute; right: var(--gut); bottom: 22px; font-size: .72rem; letter-spacing: .25em; text-transform: uppercase; color: var(--sv-on-dark-45); display: flex; align-items: center; gap: 8px; }
.multi-page-site-page .hero__scroll i { width: 1px; height: 30px; background: linear-gradient(var(--sv-orange), transparent); display: inline-block; }
@media (max-width: 640px){ .multi-page-site-page .hero__scroll { display:none; } }

/* ============================================================
   WHY (asymmetric editorial split)
   ============================================================ */
.multi-page-site-page .why__grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(28px, 5vw, 72px); align-items: start; }
.multi-page-site-page .why__values { display: grid; gap: 16px; }
.multi-page-site-page .value {
  background: var(--sv-surface); border-radius: var(--sv-r-panel); box-shadow: var(--sv-shadow-card);
  padding: clamp(20px,2.4vw,28px) clamp(22px,2.6vw,32px); display: flex; gap: 18px; align-items: flex-start;
  border: 1px solid transparent; transition: transform var(--dur-2), box-shadow var(--dur-2), border-color var(--dur-2);
}
.multi-page-site-page .value:hover { transform: translateY(-3px); box-shadow: var(--sv-shadow-pop); border-color: var(--sv-orange); }
.multi-page-site-page .value__ic { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: var(--sv-orange-tint); color: var(--sv-orange); }
.multi-page-site-page .value__ic svg { width: 24px; height: 24px; }
.multi-page-site-page .value h3 { font-size: var(--t-h3); margin-bottom: 4px; }
.multi-page-site-page .value p { font-size: var(--t-body); color: var(--sv-ink-2); }
@media (max-width: 820px){ .multi-page-site-page .why__grid { grid-template-columns: 1fr; } }

/* ============================================================
   ROUTING SCHEMA — the signature device
   ============================================================ */
.multi-page-site-page .routing { background: var(--sv-surface); }
.multi-page-site-page .route-map { display: grid; gap: clamp(14px, 2vw, 20px); margin-top: var(--block-gap); }
.multi-page-site-page .route-pair { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: clamp(10px, 2.5vw, 28px); }
.multi-page-site-page .route-q, .multi-page-site-page .route-p {
  border-radius: var(--sv-r-panel); padding: 15px 22px; background: var(--sv-surface);
  box-shadow: var(--sv-shadow-card); border: 1px solid var(--sv-line-2);
  display: flex; align-items: center; gap: 12px; min-height: 64px;
}
.multi-page-site-page .route-q { border-radius: var(--sv-r-pill); }
.multi-page-site-page .route-q .mag { flex: 0 0 auto; color: var(--sv-muted); display: flex; }
.multi-page-site-page .route-q .mag svg { width: 20px; height: 20px; }
.multi-page-site-page .route-q .q { font-weight: 600; color: var(--sv-ink); font-size: var(--t-body); }
.multi-page-site-page .route-p { border-left: 3px solid var(--sv-orange); flex-direction: column; align-items: flex-start; gap: 2px; }
.multi-page-site-page .route-p .url { font-size: .76rem; color: var(--sv-blue); font-weight: 600; font-style: italic; }
.multi-page-site-page .route-p .pg { font-weight: 700; color: var(--sv-ink); font-size: var(--t-h3); line-height: 1.1; }
.multi-page-site-page .route-wire { display: flex; align-items: center; justify-content: center; color: var(--sv-orange); }
.multi-page-site-page .route-wire .dash { width: clamp(24px, 7vw, 72px); border-top: 2px dashed currentColor; opacity: .65; }
.multi-page-site-page .route-wire .head { display: flex; margin-left: -7px; }
.multi-page-site-page .route-wire .head svg { width: 22px; height: 22px; }
.multi-page-site-page .route-note { margin-top: var(--block-gap); }
.multi-page-site-page .route-scale { margin-top: 16px; font-weight: 700; font-style: italic; color: var(--sv-muted); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
@media (max-width: 760px) {
  .multi-page-site-page .route-pair { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 4px; }
  .multi-page-site-page .route-q, .multi-page-site-page .route-p { width: 100%; max-width: 460px; justify-content: center; }
  .multi-page-site-page .route-p { align-items: center; }
  .multi-page-site-page .route-wire { flex-direction: column; height: 30px; }
  .multi-page-site-page .route-wire .dash { width: 0; height: 100%; border-top: none; border-left: 2px dashed currentColor; }
  .multi-page-site-page .route-wire .head { margin: -8px 0 0 0; transform: rotate(90deg); }
}

/* ============================================================
   STAGES — vertical numbered timeline (slides 4–9)
   ============================================================ */
.multi-page-site-page .stages-list { display: grid; gap: clamp(16px, 2vw, 22px); margin-top: var(--block-gap); }
.multi-page-site-page .srow {
  position: relative; display: grid; grid-template-columns: clamp(76px,9vw,128px) 1fr;
  gap: clamp(16px,3vw,40px); align-items: stretch;
  background: var(--sv-surface); border-radius: var(--sv-r-card); box-shadow: var(--sv-shadow-card);
  padding: clamp(22px,2.8vw,34px) clamp(22px,3vw,40px); overflow: hidden;
  border: 1px solid transparent; transition: transform var(--dur-2), box-shadow var(--dur-2);
}
.multi-page-site-page .srow:hover { transform: translateY(-3px); box-shadow: var(--sv-shadow-pop); }
.multi-page-site-page .srow__n { position: relative; }
.multi-page-site-page .srow__n .num {
  font-weight: 800; font-style: italic; font-size: clamp(2.6rem, 1rem + 6vw, 5.2rem);
  line-height: .8; letter-spacing: -.05em; color: var(--sv-orange);
}
.multi-page-site-page .srow__role { font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--sv-muted); }
.multi-page-site-page .srow__body h3 { font-size: var(--t-h2); margin: .35rem 0 .9rem; }
.multi-page-site-page .srow__body .ticks { max-width: 70ch; }
.multi-page-site-page .srow--accent { background: var(--sv-orange); border-color: var(--sv-orange); }
.multi-page-site-page .srow--accent .srow__n .num { color: rgba(255,255,255,.32); }
.multi-page-site-page .srow--accent .srow__role { color: rgba(255,255,255,.85); }
.multi-page-site-page .srow--accent h3 { color: #fff; }
.multi-page-site-page .srow--accent .ticks li { color: rgba(255,255,255,.95); }
.multi-page-site-page .srow--accent .ticks li::before { background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4 10.5l4 4 8-9' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.multi-page-site-page .srow--accent .ystub { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.22); }

/* Яндекс mini-table inside stage 5 */
.multi-page-site-page .ystub { margin-top: 18px; border: 1px solid var(--sv-line-2); border-radius: var(--sv-r-sm); overflow: hidden; background: var(--sv-surface-2); }
.multi-page-site-page .ystub__row { display: grid; grid-template-columns: minmax(140px,.8fr) 1.4fr; gap: 12px; padding: 12px 18px; border-top: 1px solid var(--sv-line-2); }
.multi-page-site-page .ystub__row:first-child { border-top: none; }
.multi-page-site-page .ystub__row b { color: var(--sv-ink); font-weight: 700; }
.multi-page-site-page .ystub__row span { color: var(--sv-ink-2); font-size: var(--t-sm); }
@media (max-width: 560px){ .multi-page-site-page .srow { grid-template-columns: 1fr; gap: 6px; } .multi-page-site-page .ystub__row { grid-template-columns: 1fr; gap: 2px; } }

/* ============================================================
   INCLUDED — dark band checklist (slide 10)
   ============================================================ */
.multi-page-site-page .included { border-radius: var(--sv-r-card); margin-inline: var(--gut); padding-inline: clamp(24px,5vw,72px); }
.multi-page-site-page .included__wrap { max-width: var(--maxw); margin-inline: auto; padding-block: clamp(48px,6vw,86px); }
.multi-page-site-page .included__top { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px; }
.multi-page-site-page .included__price { text-align: right; }
.multi-page-site-page .included__price .v { font-weight: 900; font-style: italic; font-size: clamp(2.2rem,1rem+5vw,3.6rem); color: var(--sv-orange); letter-spacing: -.04em; line-height: 1; }
.multi-page-site-page .included__price .k { color: var(--sv-on-dark-70); font-size: .9rem; }
.multi-page-site-page .included__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px 40px; margin-top: var(--block-gap); }
.multi-page-site-page .included__grid li { position: relative; padding-left: 2em; color: #fff; font-weight: 500; line-height: 1.4; padding-block: 6px; border-bottom: 1px solid var(--sv-on-dark-08); }
.multi-page-site-page .included__grid li::before { content:""; position:absolute; left:0; top:.45em; width:1.3em; height:1.3em; background: no-repeat center/contain
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4 10.5l4 4 8-9' stroke='%23FF9D00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.multi-page-site-page .included__cta { margin-top: var(--block-gap); }
@media (max-width: 820px){ .multi-page-site-page .included__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 540px){ .multi-page-site-page .included__grid { grid-template-columns: 1fr; } .multi-page-site-page .included__price { text-align: left; } }

/* ============================================================
   COMPARE — pricing table (slide 11)
   ============================================================ */
.multi-page-site-page .compare__table { margin-top: var(--block-gap); background: var(--sv-surface-2); border: 1px solid var(--sv-orange); border-radius: var(--sv-r-card); box-shadow: var(--sv-shadow-card); overflow: hidden; }
.multi-page-site-page .compare__head { background: var(--sv-orange); color: #fff; display: flex; justify-content: space-between; padding: 18px clamp(22px,3vw,38px); font-weight: 700; }
.multi-page-site-page .compare__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px clamp(22px,3vw,38px); border-top: 1px solid var(--sv-line-2); transition: background var(--dur-1); }
.multi-page-site-page .compare__row:hover { background: var(--sv-orange-tint); }
.multi-page-site-page .compare__row .name { color: var(--sv-ink); font-weight: 500; }
.multi-page-site-page .compare__row .price { font-weight: 700; color: var(--sv-ink); white-space: nowrap; }
.multi-page-site-page .compare__row--sum { background: #fff; }
.multi-page-site-page .compare__row--sum .name, .multi-page-site-page .compare__row--sum .price { font-weight: 800; font-size: 1.08rem; }
.multi-page-site-page .compare__row--sum .price { text-decoration: line-through; text-decoration-color: var(--sv-orange); color: var(--sv-muted); }
.multi-page-site-page .compare__row--ours { background: var(--sv-ink); }
.multi-page-site-page .compare__row--ours .name { color: #fff; font-weight: 800; font-size: 1.12rem; }
.multi-page-site-page .compare__row--ours .price { color: var(--sv-orange); font-weight: 900; font-style: italic; font-size: 1.4rem; }
.multi-page-site-page .compare__save { margin-top: 22px; display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.multi-page-site-page .compare__save .big { font-weight: 900; font-style: italic; font-size: clamp(2rem,1rem+4vw,3.2rem); color: var(--sv-orange); letter-spacing: -.04em; }

/* ============================================================
   ROADMAP — 5 weeks (slide 12)
   ============================================================ */
.multi-page-site-page .road { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; margin-top: var(--block-gap); counter-reset: wk; }
.multi-page-site-page .road__step { position: relative; background: var(--sv-surface); border-radius: var(--sv-r-panel); box-shadow: var(--sv-shadow-card); padding: 22px 20px 24px; border-top: 4px solid var(--sv-orange); }
.multi-page-site-page .road__step .wk { font-weight: 800; font-style: italic; color: var(--sv-orange); font-size: 1.05rem; }
.multi-page-site-page .road__step .wk small { display:block; font-style: normal; font-weight: 700; color: var(--sv-muted); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; }
.multi-page-site-page .road__step p { margin-top: 10px; color: var(--sv-ink-2); font-size: var(--t-sm); line-height: 1.5; }
.multi-page-site-page .road__step .dot { position: absolute; top: -4px; left: 20px; width: 12px; height: 12px; border-radius: 50%; background: var(--sv-orange); transform: translateY(-50%); box-shadow: 0 0 0 4px var(--sv-page); }
@media (max-width: 900px){ .multi-page-site-page .road { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px){ .multi-page-site-page .road { grid-template-columns: 1fr; } }

/* ============================================================
   RESULTS — 4 blocks (slide 13)
   ============================================================ */
.multi-page-site-page .results__grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-top: var(--block-gap); }
.multi-page-site-page .result { background: var(--sv-surface); border-radius: var(--sv-r-panel); box-shadow: var(--sv-shadow-card); padding: 28px 26px; transition: transform var(--dur-2), box-shadow var(--dur-2); }
.multi-page-site-page .result:hover { transform: translateY(-4px); box-shadow: var(--sv-shadow-pop); }
.multi-page-site-page .result__ic { width: 52px; height: 52px; border-radius: 14px; background: var(--sv-orange-tint); color: var(--sv-orange); display: grid; place-items: center; margin-bottom: 16px; }
.multi-page-site-page .result__ic svg { width: 26px; height: 26px; }
.multi-page-site-page .result h3 { font-size: var(--t-h3); margin-bottom: 8px; }
.multi-page-site-page .result p { font-size: var(--t-sm); color: var(--sv-ink-2); }
@media (max-width: 900px){ .multi-page-site-page .results__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px){ .multi-page-site-page .results__grid { grid-template-columns: 1fr; } }

/* ============================================================
   TERMS (slide 14)
   ============================================================ */
.multi-page-site-page .terms__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(24px,4vw,56px); align-items: center; }
.multi-page-site-page .pay { display: grid; gap: 16px; }
.multi-page-site-page .pay__bar { display: flex; height: 64px; border-radius: var(--sv-r-panel); overflow: hidden; box-shadow: var(--sv-shadow-card); }
.multi-page-site-page .pay__bar span { display: grid; place-items: center; font-weight: 800; color: #fff; }
.multi-page-site-page .pay__bar .a { flex: 1; background: var(--sv-orange); }
.multi-page-site-page .pay__bar .b { flex: 1; background: var(--sv-ink); }
.multi-page-site-page .pay__row { display: flex; gap: 14px; }
.multi-page-site-page .pay__card { flex: 1; background: var(--sv-surface); border-radius: var(--sv-r-panel); box-shadow: var(--sv-shadow-card); padding: 22px 24px; }
.multi-page-site-page .pay__card .pct { font-weight: 900; font-style: italic; color: var(--sv-orange); font-size: 2rem; line-height: 1; }
.multi-page-site-page .pay__card .lbl { font-weight: 700; color: var(--sv-ink); margin-top: 6px; }
.multi-page-site-page .pay__card .sub { font-size: var(--t-sm); color: var(--sv-muted); }
@media (max-width: 820px){ .multi-page-site-page .terms__grid { grid-template-columns: 1fr; } }

/* ============================================================
   CTA + STEPS + FOOTER (slide 15)
   ============================================================ */
.multi-page-site-page .cta { margin: var(--section-y) var(--gut) 28px; border-radius: var(--sv-r-card); }
.multi-page-site-page .cta__wrap { max-width: var(--maxw); margin-inline: auto; padding: clamp(48px,6vw,86px) clamp(24px,5vw,70px); position: relative; }
.multi-page-site-page .cta__head { text-align: center; max-width: 640px; margin-inline: auto; }
.multi-page-site-page .cta__steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin: clamp(32px,4vw,52px) 0; }
.multi-page-site-page .step { background: var(--sv-on-dark-08); border: 1px solid var(--sv-on-dark-12); border-radius: var(--sv-r-panel); padding: 22px 20px; position: relative; }
.multi-page-site-page .step .n { font-weight: 900; font-style: italic; color: var(--sv-orange); font-size: 1.5rem; }
.multi-page-site-page .step p { color: #fff; margin-top: 8px; font-size: var(--t-sm); line-height: 1.45; }
@media (max-width: 820px){ .multi-page-site-page .cta__steps { grid-template-columns: 1fr 1fr; } }
@media (max-width: 460px){ .multi-page-site-page .cta__steps { grid-template-columns: 1fr; } }

.multi-page-site-page .lead-form { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; max-width: 720px; margin: 0 auto; }
.multi-page-site-page .lead-form input {
  height: 60px; border-radius: var(--sv-r-pill); border: 1px solid transparent; background: #fff;
  padding: 0 26px; font-family: var(--sv-font); font-size: 1rem; color: var(--sv-ink); width: min(280px, 100%); outline: none;
  transition: box-shadow var(--dur-1);
}
.multi-page-site-page .lead-form input:focus { box-shadow: 0 0 0 3px var(--sv-orange); }
.multi-page-site-page .lead-form .btn { height: 60px; }
.multi-page-site-page .lead-form__note { text-align: center; color: var(--sv-on-dark-45); font-size: .78rem; margin-top: 16px; }
.multi-page-site-page .lead-ok { display: none; align-items: center; gap: 14px; justify-content: center; background: var(--sv-on-dark-08); border-radius: var(--sv-r-pill); padding: 16px 30px; max-width: max-content; margin: 0 auto; }
.multi-page-site-page .lead-ok.show { display: flex; }
.multi-page-site-page .lead-ok .social { width: 36px; height: 36px; }
.multi-page-site-page .lead-ok span { font-weight: 600; color: #fff; }

.multi-page-site-page .footer { margin-top: clamp(50px,6vw,72px); border-top: 1px solid var(--sv-on-dark-12); padding-top: 28px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.multi-page-site-page .footer__logo { color: var(--sv-logo-grey); }
.multi-page-site-page .footer__logo svg { height: 28px; }
.multi-page-site-page .footer__logo .seo { fill: var(--sv-orange); }
.multi-page-site-page .footer__logo .volga { fill: var(--sv-logo-grey); }
.multi-page-site-page .svg-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.multi-page-site-page .social .glyph { width: 48%; height: 48%; color: #fff; }
.multi-page-site-page .footer__spacer { flex: 1; }
.multi-page-site-page .footer__phone { font-weight: 700; color: #fff; font-size: 1.1rem; }
.multi-page-site-page .footer__copy { width: 100%; text-align: center; color: var(--sv-on-dark-45); font-size: .82rem; margin-top: 22px; }
.multi-page-site-page .footer__social { display: flex; gap: 10px; }

/* ============================================================
   REVEAL ANIMATIONS
   ============================================================ */
.multi-page-site-page [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .6s var(--ease-out), transform .6s var(--ease-out); will-change: opacity, transform; }
.multi-page-site-page [data-reveal].in { opacity: 1; transform: none; }
.multi-page-site-page [data-reveal][data-delay="1"] { transition-delay: .07s; }
.multi-page-site-page [data-reveal][data-delay="2"] { transition-delay: .14s; }
.multi-page-site-page [data-reveal][data-delay="3"] { transition-delay: .21s; }
.multi-page-site-page [data-reveal][data-delay="4"] { transition-delay: .28s; }
.multi-page-site-page [data-reveal][data-delay="5"] { transition-delay: .35s; }

@media (prefers-reduced-motion: reduce) {
  .multi-page-site-page { scroll-behavior: auto; }
  .multi-page-site-page [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
  .multi-page-site-page .hero__facts li { opacity: 1 !important; }
  .multi-page-site-page *, .multi-page-site-page *::before, .multi-page-site-page *::after { animation-duration: .001ms !important; transition-duration: .08s !important; }
}