/* Giant4 IT · презентация «CRM Giant4 — наша собственная система» (16.10.2026).
   Фирменный ход — «Дырявая воронка»: закреплённая сцена. Воронка продаж с трещинами, через которые утекают заявки (красные причины,
   счётчик «Утекло за месяц»), отъезжает влево; справа четыре ситуации «как сейчас → с CRM Giant4» закрывают трещины лаймовыми
   заплатками; в финале воронка возвращается в центр, и на местах причин — то, что их закрыло. Движение — /js/svc/g4-crm.js;
   без анимации — те же блоки друг под другом. Все селекторы — внутри .pres--g4-crm; общие wow.css / site.css / scrollcraft.css не трогаем. */

.pres--g4-crm {
  --gc-red: #e0775f;
  --gc-red-soft: #f4c4b6;
  --gc-fh: clamp(300px, calc(100vh - 330px), 610px);   /* высота корпуса воронки */
  --gc-fw: calc(var(--gc-fh) * 0.76923);                /* 400 / 520 — пропорции рисунка */
  --gc-rain: clamp(20px, 3.2vh, 32px);                  /* зазор от каналов до горловины */
  --gc-lw: clamp(168px, 17.5vw, 250px);                 /* ширина подписей у трещин */
  --gc-fs: clamp(11px, min(1.06vw, 1.72vh), 15.5px);    /* кегль демо-экранов */
}

/* ══════════════ ВОРОНКА: закреплённая сцена ══════════════ */
.pres--g4-crm .gc { position: relative; height: 1050vh; }
.pres--g4-crm .gc__stage {
  position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; isolation: isolate; background: var(--sc-canvas);
}
.pres--g4-crm .gc.is-off * { animation-play-state: paused !important; }

/* ── герой ── */
.pres--g4-crm .gc-hero { position: absolute; inset: 0; z-index: 1; }
.pres--g4-crm .gc-hero__plate { position: absolute; inset: 0; will-change: opacity; }
.pres--g4-crm .gc-hero__plate img {
  width: 100%; height: 100%; object-fit: cover; object-position: 66% 40%; transform-origin: 72% 40%; will-change: transform;
}
.pres--g4-crm .gc-hero__shade {
  position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(32, 36, 39, 0.95) 0%, rgba(32, 36, 39, 0.78) 30%, rgba(32, 36, 39, 0.2) 58%, rgba(32, 36, 39, 0) 70%),
    linear-gradient(to top, rgba(24, 27, 30, 0.9) 0%, rgba(24, 27, 30, 0) 34%);
}
[dir="rtl"] .pres--g4-crm .gc-hero__plate img { transform: scaleX(-1); }
[dir="rtl"] .pres--g4-crm .gc-hero__shade {
  background:
    linear-gradient(270deg, rgba(32, 36, 39, 0.95) 0%, rgba(32, 36, 39, 0.78) 30%, rgba(32, 36, 39, 0.2) 58%, rgba(32, 36, 39, 0) 70%),
    linear-gradient(to top, rgba(24, 27, 30, 0.9) 0%, rgba(24, 27, 30, 0) 34%);
}
.pres--g4-crm .gc-hero__copy {
  position: absolute; z-index: 3; inset-inline-start: var(--sc-gutter); bottom: clamp(3.5rem, 12vh, 8rem);
  max-width: min(50rem, 56vw); will-change: transform, opacity;
}
.pres--g4-crm .gc-hero__eye {
  display: inline-flex; align-items: center; gap: .6em; margin: 0 0 1.1rem;
  font: 600 .85rem/1.3 var(--sc-font-text); letter-spacing: .02em; color: var(--sc-ink-soft);
}
.pres--g4-crm .gc-hero__eye i { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--sc-accent); box-shadow: 0 0 0 4px rgba(201, 242, 74, .18); }
.pres--g4-crm .gc-hero__h1 {
  margin: 0 0 1.2rem; font: 800 clamp(2.3rem, .6rem + 3vw, 4.4rem)/1.03 var(--sc-font-display); letter-spacing: -0.035em; text-wrap: balance;
}
.pres--g4-crm .gc-hero__h1 em { display: block; color: var(--sc-accent); }
.pres--g4-crm .gc-hero__sub { margin: 0 0 1.9rem; max-width: 46ch; color: #d5dad2; font-size: clamp(1.05rem, .92rem + .42vw, 1.3rem); line-height: 1.45; }
.pres--g4-crm .gc-hero__cta { display: flex; flex-wrap: wrap; gap: .75rem; }

/* ── заголовок над воронкой: «куда утекают» → «больше не утекают» ── */
.pres--g4-crm .gc-head {
  position: absolute; z-index: 4; top: calc(var(--bar-h) + clamp(.8rem, 2.6vh, 1.8rem)); inset-inline: var(--sc-gutter);
  display: grid; pointer-events: none;
}
.pres--g4-crm .gc-head > div { grid-area: 1 / 1; opacity: 0; visibility: hidden; will-change: opacity, transform; }
.pres--g4-crm .gc-head__h {
  margin: 0; font: 800 clamp(1.8rem, .9rem + 1.9vw, 2.9rem)/1.06 var(--sc-font-display); letter-spacing: -0.03em; text-wrap: balance;
}
.pres--g4-crm .gc-head__h em { color: var(--sc-accent); }
.pres--g4-crm .gc-head__s { margin: .6rem 0 0; max-width: 62ch; color: var(--sc-ink-soft); font-size: clamp(.98rem, .9rem + .2vw, 1.1rem); line-height: 1.45; }
.pres--g4-crm .gc-head__fin { text-align: center; }
.pres--g4-crm .gc-head__fin .gc-head__h { font-size: clamp(2rem, 1rem + 2.2vw, 3.2rem); }

/* ── воронка ── */
.pres--g4-crm .gc-fun {
  position: absolute; z-index: 3; left: 0; top: 0; margin: 0; width: var(--gc-fw);
  display: flex; flex-direction: column; align-items: center; transform-origin: 0 0; opacity: 0; will-change: transform, opacity;
}
.pres--g4-crm .gc-cnt {
  display: flex; align-items: baseline; gap: .6em; margin: 0 0 .75rem; white-space: nowrap; transition: opacity .3s;
}
.pres--g4-crm .gc-cnt__l { font: 700 .78rem/1 var(--sc-font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--sc-ink-soft); }
.pres--g4-crm .gc-cnt__v { font: 800 1.65rem/1 var(--sc-font-display); letter-spacing: -0.02em; color: var(--gc-red); font-variant-numeric: tabular-nums; transition: color .5s; }
.pres--g4-crm .gc-cnt__v span { display: none; }
.pres--g4-crm .gc-cnt__v span.is-on { display: inline-block; animation: gc-flip .45s var(--sc-ease-out); }
.pres--g4-crm .gc.is-zero .gc-cnt__v { color: var(--sc-accent); }
@keyframes gc-flip { from { opacity: 0; transform: translateY(45%); } }

.pres--g4-crm .gc-ch { display: flex; justify-content: center; gap: .35rem; margin: 0; padding: 0; list-style: none; white-space: nowrap; transition: opacity .3s; }
.pres--g4-crm .gc-ch li {
  display: inline-flex; align-items: center; gap: .4em; padding: .34rem .6rem; border-radius: 999px;
  background: rgba(242, 244, 239, .05); border: 1px solid var(--line); font: 600 .74rem/1 var(--sc-font-mono); color: var(--sc-ink);
}
.pres--g4-crm .gc-ch li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--sc-accent); }

.pres--g4-crm .gc-rain { position: relative; width: 100%; height: var(--gc-rain); pointer-events: none; }
.pres--g4-crm .gc-rain i {
  position: absolute; top: 0; left: 50%; width: 6px; height: 6px; margin-left: -3px; border-radius: 50%; background: var(--sc-accent);
  opacity: 0; animation: gc-rain 1.5s cubic-bezier(.55, 0, .9, .5) infinite;
}
.pres--g4-crm .gc-rain i:nth-child(1) { left: 12%; animation-delay: -.1s; }
.pres--g4-crm .gc-rain i:nth-child(2) { left: 26%; animation-delay: -.7s; }
.pres--g4-crm .gc-rain i:nth-child(3) { left: 39%; animation-delay: -1.2s; }
.pres--g4-crm .gc-rain i:nth-child(4) { left: 50%; animation-delay: -.4s; }
.pres--g4-crm .gc-rain i:nth-child(5) { left: 62%; animation-delay: -1s; }
.pres--g4-crm .gc-rain i:nth-child(6) { left: 75%; animation-delay: -.25s; }
.pres--g4-crm .gc-rain i:nth-child(7) { left: 88%; animation-delay: -.85s; }
@keyframes gc-rain {
  0% { opacity: 0; transform: translateY(-2px); }
  18% { opacity: 1; }
  85% { opacity: .9; }
  100% { opacity: 0; transform: translateY(calc(var(--gc-rain) + var(--gc-fh) * .055)); }
}

.pres--g4-crm .gc-body { position: relative; width: var(--gc-fw); height: var(--gc-fh); }
.pres--g4-crm .gc-body::before {
  content: ""; position: absolute; inset: -6% -22% -2%; z-index: -1; pointer-events: none;
  background: radial-gradient(50% 46% at 50% 44%, rgba(169, 176, 167, .09), rgba(169, 176, 167, 0) 70%);
}
.pres--g4-crm .gc-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pres--g4-crm .gc-tier { fill: url(#gcMetal); stroke: #4d555b; stroke-width: 1.3; stroke-linejoin: round; transition: stroke .8s; }
.pres--g4-crm .gc-shine { fill: none; stroke: rgba(242, 244, 239, .06); stroke-width: 9; stroke-linecap: round; }
.pres--g4-crm .gc-neck { fill: url(#gcMetal); stroke: #4d555b; stroke-width: 1.3; transition: stroke .8s; }
.pres--g4-crm .gc-rim { fill: #16191b; stroke: #5d656b; stroke-width: 1.5; transition: stroke .8s; }
.pres--g4-crm .gc-rim__in { fill: #0d0f11; }
.pres--g4-crm .gc-bowl { fill: #191c1f; stroke: #4d555b; stroke-width: 1.3; transition: stroke .8s; }
.pres--g4-crm .gc-bowl__rim { fill: none; stroke: #5d656b; stroke-width: 1.3; transition: stroke .8s; }
.pres--g4-crm .gc-liq { fill: url(#gcLime); transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(var(--lv, .2)); transition: transform .9s var(--sc-ease-out); }
.pres--g4-crm .gc-glow { opacity: var(--glow, 0); transition: opacity .9s; }
.pres--g4-crm .gc.is-fin .gc-tier, .pres--g4-crm .gc.is-fin .gc-neck, .pres--g4-crm .gc.is-fin .gc-rim,
.pres--g4-crm .gc.is-fin .gc-bowl, .pres--g4-crm .gc.is-fin .gc-bowl__rim { stroke: var(--sc-accent); }
.pres--g4-crm .gc-new { fill: var(--sc-accent); opacity: 0; transform-box: fill-box; transform-origin: center; transform: scaleY(0); transition: opacity .4s, transform .5s var(--sc-ease-out); }
.pres--g4-crm .gc-new.is-fix { opacity: .9; transform: none; }

.pres--g4-crm .gc-crk polyline { fill: none; stroke: var(--gc-red); stroke-width: 2.6; stroke-linejoin: round; stroke-linecap: round; }
.pres--g4-crm .gc-crk { animation: gc-crk 1.6s ease-in-out infinite; transition: opacity .3s; }
.pres--g4-crm .gc-crk.is-fix { opacity: 0; animation: none; }
@keyframes gc-crk { 50% { opacity: .55; } }
.pres--g4-crm .gc-pt rect { fill: var(--sc-accent); stroke: #151a05; stroke-width: 1.5; }
.pres--g4-crm .gc-pt {
  opacity: 0; transform-box: fill-box; transform-origin: center; transform: scale(1.9);
  transition: opacity .3s var(--sc-ease-out), transform .45s cubic-bezier(.2, 1.5, .4, 1);
}
.pres--g4-crm .gc-pt.is-fix { opacity: 1; transform: none; }

/* подписи ступеней */
.pres--g4-crm .gc-tl {
  position: absolute; left: 50%; translate: -50% -50%; margin: 0; white-space: nowrap; pointer-events: none;
  font: 700 .74rem/1 var(--sc-font-mono); letter-spacing: .08em; text-transform: uppercase; color: #c3cac1;
}
.pres--g4-crm .gc-tl:nth-of-type(1) { top: 14.8%; }
.pres--g4-crm .gc-tl:nth-of-type(2) { top: 33.6%; }
.pres--g4-crm .gc-tl:nth-of-type(3) { top: 52.5%; }
.pres--g4-crm .gc-tl:nth-of-type(4) { top: 71.3%; }
.pres--g4-crm .gc-tl--pool { top: calc(100% + 14px); translate: -50% 0; color: var(--sc-ink-soft); transition: color .6s; }
.pres--g4-crm .gc.is-fin .gc-tl--pool { color: var(--sc-accent); }

/* капли внутри: идут вниз к чаше */
.pres--g4-crm .gc-flow { position: absolute; inset: 0; pointer-events: none; }
.pres--g4-crm .gc-flow i {
  position: absolute; left: 50%; top: 5.4%; width: 7px; height: 7px; margin-left: -3.5px; border-radius: 50%; background: var(--sc-accent);
  opacity: 0; animation: gc-flow 2.6s cubic-bezier(.45, 0, .75, .7) infinite;
}
.pres--g4-crm .gc-flow i:nth-child(1) { --x0: calc(var(--gc-fw) * -.34); animation-delay: -.2s; }
.pres--g4-crm .gc-flow i:nth-child(2) { --x0: calc(var(--gc-fw) * .2); animation-delay: -.65s; }
.pres--g4-crm .gc-flow i:nth-child(3) { --x0: calc(var(--gc-fw) * -.12); animation-delay: -1.1s; }
.pres--g4-crm .gc-flow i:nth-child(4) { --x0: calc(var(--gc-fw) * .36); animation-delay: -1.55s; }
.pres--g4-crm .gc-flow i:nth-child(5) { --x0: calc(var(--gc-fw) * -.24); animation-delay: -2s; }
.pres--g4-crm .gc-flow i:nth-child(6) { --x0: calc(var(--gc-fw) * .07); animation-delay: -2.4s; }
@keyframes gc-flow {
  0% { opacity: 0; transform: translate(var(--x0), 0); }
  8% { opacity: .95; }
  78% { opacity: .95; transform: translate(0, calc(var(--gc-fh) * .76)); }
  100% { opacity: 0; transform: translate(0, calc(var(--gc-fh) * .88)); }
}

/* утечки из трещин */
.pres--g4-crm .gc-leak { position: absolute; width: 0; height: 0; transition: opacity .3s; pointer-events: none; }
.pres--g4-crm .gc-leak i {
  position: absolute; left: -3.5px; top: -3.5px; width: 7px; height: 7px; border-radius: 50% 50% 50% 0; background: var(--gc-red);
  opacity: 0; animation: gc-leak-l 1.5s cubic-bezier(.4, 0, .9, .6) infinite;
}
.pres--g4-crm .gc-leak i:nth-child(2) { animation-delay: -.5s; }
.pres--g4-crm .gc-leak i:nth-child(3) { animation-delay: -1s; }
.pres--g4-crm .gc-leak[data-c="1"] i, .pres--g4-crm .gc-leak[data-c="3"] i { animation-name: gc-leak-r; border-radius: 50% 50% 0 50%; }
.pres--g4-crm .gc-leak[data-c="0"] { left: 7.75%; top: 14.8%; }
.pres--g4-crm .gc-leak[data-c="1"] { left: 83%; top: 33.6%; }
.pres--g4-crm .gc-leak[data-c="2"] { left: 17.25%; top: 34.6%; }
.pres--g4-crm .gc-leak[data-c="3"] { left: 73.5%; top: 52.5%; }
.pres--g4-crm .gc-leak[data-c="4"] { left: 36.5%; top: 71.3%; }
.pres--g4-crm .gc-leak.is-fix { opacity: 0; }
.pres--g4-crm .gc-leak.is-fix i { animation: none; }
@keyframes gc-leak-l { 0% { opacity: 0; transform: translate(0, 0); } 12% { opacity: 1; } 100% { opacity: 0; transform: translate(-26px, 84px); } }
@keyframes gc-leak-r { 0% { opacity: 0; transform: translate(0, 0); } 12% { opacity: 1; } 100% { opacity: 0; transform: translate(26px, 84px); } }

/* причины и заплатки у трещин */
.pres--g4-crm .gc-lks { margin: 0; padding: 0; list-style: none; transition: opacity .3s; }
.pres--g4-crm .gc-lk {
  position: absolute; width: var(--gc-lw); translate: 0 -50%; opacity: 0; transform: translateX(var(--dx, -10px));
  transition: opacity .45s var(--sc-ease-out), transform .45s var(--sc-ease-out);
}
.pres--g4-crm .gc-lk.is-in { opacity: 1; transform: none; }
.pres--g4-crm .gc-lk--l { text-align: right; }
.pres--g4-crm .gc-lk--r { --dx: 10px; }
.pres--g4-crm .gc-lk[data-c="0"] { right: calc(100% - 7.75% + 26px); top: 14.8%; }
.pres--g4-crm .gc-lk[data-c="2"] { right: calc(100% - 17.25% + 26px); top: 34.6%; }
.pres--g4-crm .gc-lk[data-c="4"] { right: calc(100% - 36.5% + 26px); top: 71.3%; }
.pres--g4-crm .gc-lk[data-c="1"] { left: calc(83% + 26px); top: 33.6%; }
.pres--g4-crm .gc-lk[data-c="3"] { left: calc(73.5% + 26px); top: 52.5%; }
.pres--g4-crm .gc-lk[data-c="5"] { left: calc(97% + 18px); top: 5.4%; }
.pres--g4-crm .gc-lk::after {
  content: ""; position: absolute; top: 50%; width: 20px; height: 1px; background: currentColor; color: rgba(224, 119, 95, .7);
}
.pres--g4-crm .gc-lk--l::after { right: -24px; }
.pres--g4-crm .gc-lk--r::after { left: -24px; }
.pres--g4-crm .gc-lk[data-c="5"]::after { left: -16px; width: 12px; }
.pres--g4-crm .gc-lk[data-c="5"] { width: calc(var(--gc-lw) + 3.5rem); }
.pres--g4-crm .gc-lk.is-fix::after { color: rgba(201, 242, 74, .7); }
.pres--g4-crm .gc-lk__bad {
  display: inline-block; padding: .42rem .65rem; border-radius: 9px; background: rgba(46, 26, 21, .82); border: 1px solid rgba(224, 119, 95, .5);
  color: var(--gc-red-soft); font: 600 .9rem/1.3 var(--sc-font-text); text-align: start;
}
.pres--g4-crm .gc-lk__fix {
  display: none; padding: .42rem .65rem; border-radius: 9px; background: rgba(201, 242, 74, .12); border: 1px solid rgba(201, 242, 74, .55);
  color: var(--sc-accent); font: 700 .9rem/1.3 var(--sc-font-text); text-align: start;
}
.pres--g4-crm .gc-lk.is-fix .gc-lk__bad { display: none; }
.pres--g4-crm .gc-lk.is-fix .gc-lk__fix { display: inline-block; animation: gc-flip .45s var(--sc-ease-out); }
.pres--g4-crm .gc-newl {
  position: absolute; left: calc(58.75% + 14px); top: 85.2%; translate: 0 -50%; white-space: nowrap; pointer-events: none;
  padding: .3rem .55rem; border-radius: 7px; background: rgba(201, 242, 74, .12); border: 1px solid rgba(201, 242, 74, .5);
  font: 700 .78rem/1.2 var(--sc-font-text); color: var(--sc-accent); opacity: 0;
}

/* ── сцены ── */
.pres--g4-crm .gc-scenes {
  position: absolute; z-index: 2; top: calc(var(--bar-h) + clamp(.9rem, 2.6vh, 1.8rem)); bottom: clamp(.9rem, 2.6vh, 1.8rem);
  inset-inline-end: var(--sc-gutter); inset-inline-start: calc(var(--sc-gutter) + (100% - 2 * var(--sc-gutter)) * .3 + clamp(1.2rem, 2.6vw, 2.6rem));
  opacity: 0; visibility: hidden;
}
.pres--g4-crm .gc-sc {
  position: absolute; inset: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: clamp(.8rem, 2vh, 1.3rem);
  opacity: 0; visibility: hidden; transition: opacity .5s var(--sc-ease-out), visibility 0s .5s;
}
.pres--g4-crm .gc-sc.is-on { opacity: 1; visibility: visible; transition: opacity .5s var(--sc-ease-out), visibility 0s; }
.pres--g4-crm .gc-sc__h {
  margin: 0; font: 800 clamp(1.45rem, .85rem + 1.35vw, 2.4rem)/1.08 var(--sc-font-display); letter-spacing: -0.03em; text-wrap: balance;
}
.pres--g4-crm .gc-sc__pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1rem, 2.4vw, 2.4rem); }
.pres--g4-crm .gc-sc__pair > p {
  margin: 0; color: #d5dad2; font-size: clamp(.94rem, .8rem + .3vw, 1.06rem); line-height: 1.5;
  transition: opacity .45s var(--sc-ease-out), transform .45s var(--sc-ease-out);
}
.pres--g4-crm .gc-sc__now { opacity: 0; transform: translateY(10px); }
.pres--g4-crm .gc-sc.is-fixed .gc-sc__was { opacity: .5; }
.pres--g4-crm .gc-sc.is-fixed .gc-sc__now { opacity: 1; transform: none; }
.pres--g4-crm .gc-lbl {
  display: flex; align-items: center; gap: .55rem; margin-bottom: .55rem;
  font: 700 .76rem/1 var(--sc-font-mono); letter-spacing: .12em; text-transform: uppercase;
}
.pres--g4-crm .gc-lbl::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.pres--g4-crm .gc-sc__was .gc-lbl { color: var(--gc-red); }
.pres--g4-crm .gc-sc__now .gc-lbl { color: var(--sc-accent); }

.pres--g4-crm .gc-sc__media {
  position: relative; min-height: 0; overflow: hidden; isolation: isolate; border-radius: 20px; border: 1px solid var(--line);
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; justify-items: center;
  gap: clamp(.8rem, 2vw, 1.6rem); padding: clamp(.9rem, 2.4vh, 1.8rem) clamp(.9rem, 2vw, 1.8rem);
  font-size: var(--gc-fs); line-height: 1.35;
}
.pres--g4-crm .gc-sc__photo {
  position: absolute; inset: -5% 0; width: 100%; height: 110%; object-fit: cover; z-index: -2;
  filter: grayscale(.75) brightness(.42) contrast(1.05); transition: filter .9s var(--sc-ease-out); will-change: transform;
}
.pres--g4-crm .gc-sc.is-fixed .gc-sc__photo { filter: grayscale(0) brightness(.6); }
.pres--g4-crm .gc-sc__media::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(80% 75% at 50% 50%, rgba(22, 25, 27, .55), rgba(22, 25, 27, .25));
}
.pres--g4-crm .gc-demo {
  position: absolute; z-index: 3; inset-inline-end: .9rem; bottom: .7rem; margin: 0; padding: .25rem .5rem; border-radius: 6px;
  background: rgba(22, 25, 27, .7); font: 500 .72rem/1 var(--sc-font-mono); color: var(--sc-ink-soft);
}

/* демо: «как сейчас» стоит в центре, на исправлении уходит влево и гаснет, справа выходит CRM */
.pres--g4-crm [data-t] { opacity: 0; transform: translateY(6px); transition: opacity .35s var(--sc-ease-out), transform .35s var(--sc-ease-out); }
.pres--g4-crm [data-t].is-in { opacity: 1; transform: none; }
.pres--g4-crm .gc-ui { position: relative; width: 100%; max-width: 26em; transition: opacity .6s var(--sc-ease-out), transform .6s var(--sc-ease-out), filter .6s; }
.pres--g4-crm .gc-ui--was { z-index: 1; grid-column: 1; grid-row: 1; transform: translateX(calc(50% + clamp(.4rem, 1vw, .8rem))); }
.pres--g4-crm .gc-ui--now { z-index: 2; grid-column: 2; grid-row: 1; opacity: 0; transform: translateX(14%) scale(.97); }
[dir="rtl"] .pres--g4-crm .gc-ui--was { transform: translateX(calc(-50% - clamp(.4rem, 1vw, .8rem))); }
[dir="rtl"] .pres--g4-crm .gc-ui--now { transform: translateX(-14%) scale(.97); }
.pres--g4-crm .gc-sc.is-fixed .gc-ui--was { opacity: .42; transform: scale(.94); filter: saturate(.3); }
.pres--g4-crm .gc-sc.is-fixed .gc-ui--now { opacity: 1; transform: none; }

/* мессенджер */
.pres--g4-crm .gc-chat { border-radius: 14px; overflow: hidden; background: #171b1e; color: var(--sc-ink); box-shadow: var(--sc-e3); outline: 1px solid #343b40; }
.pres--g4-crm .gc-chat__h { display: flex; align-items: center; gap: .7em; padding: .75em 1em; background: #1f2427; border-bottom: 1px solid #2c3338; }
.pres--g4-crm .gc-ava { flex: none; display: grid; place-items: center; width: 2.3em; height: 2.3em; border-radius: 50%; background: #4a3d36; font: 700 .95em/1 var(--sc-font-text); font-style: normal; color: #e8d3c6; }
.pres--g4-crm .gc-ava--b { background: #3d4a55; color: #c8d3dc; }
.pres--g4-crm .gc-chat__h p { margin: 0; display: flex; flex-direction: column; gap: .15em; }
.pres--g4-crm .gc-chat__h span { color: var(--sc-ink-soft); font-size: .86em; }
.pres--g4-crm .gc-chat__feed { display: flex; flex-direction: column; gap: .55em; padding: .9em 1em 1em; }
.pres--g4-crm .gc-msg { align-self: flex-end; max-width: 88%; margin: 0; padding: .55em .75em; border-radius: .9em .9em .25em .9em; background: #2f4a2a; }
.pres--g4-crm .gc-msg small { display: block; margin-top: .3em; text-align: end; color: #9fb39a; font: 500 .8em/1 var(--sc-font-mono); }
.pres--g4-crm .gc-msg--in { align-self: flex-start; background: #2a3035; border-radius: .9em .9em .9em .25em; }
.pres--g4-crm .gc-msg--in small { color: var(--sc-ink-soft); }
.pres--g4-crm .gc-msg--bad { background: rgba(224, 119, 95, .16); outline: 1px solid rgba(224, 119, 95, .4); color: var(--gc-red-soft); }
.pres--g4-crm .gc-chat__warn { margin: 0; padding: .7em 1em; background: rgba(224, 119, 95, .14); border-top: 1px solid rgba(224, 119, 95, .35); color: var(--gc-red-soft); font-weight: 600; }
.pres--g4-crm .gc-wait {
  align-self: center; margin: .1em 0; padding: .35em .7em; border-radius: 999px; background: rgba(224, 119, 95, .12); border: 1px dashed rgba(224, 119, 95, .5);
  color: var(--gc-red-soft); font: 600 .86em/1.2 var(--sc-font-mono);
}

/* карточка CRM */
.pres--g4-crm .gc-card {
  padding: 1.05em 1.15em 1.15em; border-radius: 14px; background: #1b1f22; color: var(--sc-ink); box-shadow: var(--sc-e3); outline: 1px solid rgba(201, 242, 74, .38);
}
.pres--g4-crm .gc-card__h { display: flex; justify-content: space-between; align-items: flex-start; gap: .8em; margin: 0 0 .85em; }
.pres--g4-crm .gc-card__h b { font: 700 1.1em/1.25 var(--sc-font-display); }
.pres--g4-crm .gc-card__h > span { flex: none; color: var(--sc-ink-soft); font-size: .88em; }
.pres--g4-crm .gc-tag { padding: .25em .55em; border-radius: 6px; background: rgba(201, 242, 74, .14); color: var(--sc-accent) !important; font: 700 .8em/1.2 var(--sc-font-mono); }
.pres--g4-crm .gc-feed { list-style: none; margin: 0 0 .8em; padding: 0; display: flex; flex-direction: column; gap: .45em; }
.pres--g4-crm .gc-feed li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .6em; padding: .5em .6em; border-radius: 9px; background: #23282c; }
.pres--g4-crm .gc-feed time { color: var(--sc-ink-soft); font: 500 .82em/1 var(--sc-font-mono); }
.pres--g4-crm .gc-chn { display: grid; place-items: center; width: 2.1em; height: 2.1em; border-radius: 7px; font: 800 .74em/1 var(--sc-font-mono); font-style: normal; color: #151a05; background: #9ad16b; }
.pres--g4-crm .gc-chn--tg { background: #8cc3ea; }
.pres--g4-crm .gc-chn--ml { background: #d7dbd3; }
.pres--g4-crm .gc-own { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25em .6em; margin: 0 0 .7em; padding: .6em .7em; border-radius: 9px; border: 1px solid #343b40; }
.pres--g4-crm .gc-own > span { width: 100%; color: var(--sc-ink-soft); font: 600 .8em/1 var(--sc-font-mono); text-transform: uppercase; letter-spacing: .08em; }
.pres--g4-crm .gc-own s { color: var(--sc-ink-soft); text-decoration-color: var(--gc-red); }
.pres--g4-crm .gc-own em { color: var(--sc-accent); font-weight: 700; font-size: .9em; }
.pres--g4-crm .gc-sum { margin: 0; padding: .6em .75em; border-radius: 9px; background: rgba(201, 242, 74, .12); color: var(--sc-accent); font-weight: 700; }

.pres--g4-crm .gc-st { display: grid; flex: none; }
.pres--g4-crm .gc-st > span { grid-area: 1 / 1; padding: .25em .55em; border-radius: 6px; font: 700 .8em/1.2 var(--sc-font-mono); white-space: nowrap; }
.pres--g4-crm .gc-st__a { background: #2c3338; color: var(--sc-ink); }
.pres--g4-crm .gc-st__b { background: rgba(201, 242, 74, .16); color: var(--sc-accent); }
.pres--g4-crm .gc-stock { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45em; margin: 0 0 .8em; }
.pres--g4-crm .gc-stock p { margin: 0; display: flex; flex-direction: column; gap: .3em; padding: .55em .65em; border-radius: 9px; background: #23282c; }
.pres--g4-crm .gc-stock span { color: var(--sc-ink-soft); font-size: .84em; }
.pres--g4-crm .gc-stock b { font: 800 1.45em/1 var(--sc-font-display); }
.pres--g4-crm .gc-stock__free { outline: 1px solid rgba(201, 242, 74, .5); }
.pres--g4-crm .gc-stock__free b { color: var(--sc-accent); }
.pres--g4-crm .gc-btns { display: flex; flex-wrap: wrap; gap: .5em; margin: 0 0 .8em; }
.pres--g4-crm .gc-btn { display: grid; padding: .6em .85em; border-radius: 9px; background: var(--sc-accent); color: #151a05; font-weight: 700; }
.pres--g4-crm .gc-btn > span { grid-area: 1 / 1; white-space: nowrap; }
.pres--g4-crm .gc-btn--alt { background: transparent; color: var(--sc-ink); outline: 1px solid #4a5157; }

.pres--g4-crm .gc-xls { padding: .9em 1em 1em; border-radius: 12px; background: #e9ece6; color: #24292d; box-shadow: var(--sc-e3); display: flex; flex-direction: column; gap: .6em; }
.pres--g4-crm .gc-xls__h { margin: 0; font: 700 .9em/1.2 var(--sc-font-mono); color: #3f6b39; }
.pres--g4-crm .gc-xls__grid { display: grid; grid-template-columns: 1.4fr 1fr .7fr 1fr; border-top: 1px solid #c2c8bf; border-left: 1px solid #c2c8bf; font: 500 .86em/1.2 var(--sc-font-mono); }
.pres--g4-crm .gc-xls__grid span { padding: .4em .45em; border-right: 1px solid #c2c8bf; border-bottom: 1px solid #c2c8bf; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pres--g4-crm .gc-xls__grid span:nth-child(-n+4) { background: #d5dad1; font-weight: 700; }
.pres--g4-crm .gc-xls .gc-bad { color: #c2412a; font-weight: 700; background: #f7dcd4; }
.pres--g4-crm .gc-xls .gc-msg { align-self: flex-start; }
.pres--g4-crm .gc-xls .gc-msg--bad { background: #f3d5cc; color: #8e2f1d; outline-color: #e2a594; }
.pres--g4-crm .gc-xls .gc-msg--bad small { color: #a35a4a; }
.pres--g4-crm .gc-xls .gc-wait { background: #f7e3dc; color: #a03a26; border-color: #e0a08f; }

.pres--g4-crm .gc-pay__rows { list-style: none; margin: 0 0 .6em; padding: 0; }
.pres--g4-crm .gc-pay__rows li { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; padding: .45em 0; border-bottom: 1px solid #2f363b; }
.pres--g4-crm .gc-pay__rows span { color: var(--sc-ink-soft); }
.pres--g4-crm .gc-pay__rows b { white-space: nowrap; font-variant-numeric: tabular-nums; }
.pres--g4-crm .gc-minus { color: var(--gc-red); }
.pres--g4-crm .gc-pay__tot { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 .7em; }
.pres--g4-crm .gc-pay__tot span { font-weight: 700; }
.pres--g4-crm .gc-pay__tot b { font: 800 1.6em/1 var(--sc-font-display); color: var(--sc-accent); letter-spacing: -0.02em; }
.pres--g4-crm .gc-kpi { margin: 0 0 .7em; display: flex; flex-direction: column; gap: .4em; color: var(--sc-ink-soft); font-size: .9em; }
.pres--g4-crm .gc-kpi > i { display: block; height: .5em; border-radius: 99px; background: #2c3338; overflow: hidden; }
.pres--g4-crm .gc-kpi > i > i { display: block; width: 83%; height: 100%; border-radius: inherit; background: var(--sc-accent); }

.pres--g4-crm .gc-bill { padding: 1em 1.1em 1.1em; border-radius: 14px; background: #171b1e; color: var(--sc-ink); box-shadow: var(--sc-e3); outline: 1px solid #343b40; display: flex; flex-direction: column; gap: .55em; }
.pres--g4-crm .gc-bill__h { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; margin: 0 0 .2em; }
.pres--g4-crm .gc-bill__h span { color: var(--sc-ink-soft); font-size: .86em; }
.pres--g4-crm .gc-bill__row { display: flex; justify-content: space-between; gap: 1em; margin: 0; padding: .55em .7em; border-radius: 9px; background: #23282c; }
.pres--g4-crm .gc-bill__row span { color: var(--sc-ink-soft); }
.pres--g4-crm .gc-bill__row s { color: var(--sc-ink-soft); }
.pres--g4-crm .gc-bill .gc-bad { color: var(--gc-red); }
.pres--g4-crm .gc-bill .gc-msg { max-width: 100%; }

.pres--g4-crm .gc-pipe__row { list-style: none; margin: 0 0 .85em; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .35em; }
.pres--g4-crm .gc-pipe__row li { padding: .45em .6em; border-radius: 8px; background: #2a3035; font-weight: 600; font-size: .92em; white-space: nowrap; }
.pres--g4-crm .gc-pipe__row li + li::before { content: "→"; margin-inline-end: .45em; color: var(--sc-ink-soft); font-weight: 400; }
.pres--g4-crm .gc-pipe__row .gc-pipe__new { background: var(--sc-accent); color: #151a05; }
.pres--g4-crm .gc-pipe__row .gc-pipe__new::before { color: #151a05; }
.pres--g4-crm .gc-pipe__row .gc-pipe__new:not(.is-in) { display: none; }
.pres--g4-crm .gc-pipe__row .gc-pipe__new.is-in { animation: gc-pop .5s cubic-bezier(.2, 1.4, .4, 1); }
@keyframes gc-pop { from { opacity: 0; transform: scale(.6); } }
.pres--g4-crm .gc-pipe__own { display: flex; flex-wrap: wrap; gap: .4em; margin: 0 0 .7em; }
.pres--g4-crm .gc-pipe__own span { padding: .45em .65em; border-radius: 8px; background: rgba(201, 242, 74, .12); color: var(--sc-accent); font-weight: 700; }
.pres--g4-crm .gc-toast { margin: 0; padding: .6em .75em; border-radius: 9px; background: #2a3035; border-inline-start: 3px solid var(--sc-accent); }
[dir="rtl"] .pres--g4-crm .gc-pipe__row li + li::before { content: "←"; }

/* ── финал ── */
.pres--g4-crm .gc-fin {
  position: absolute; z-index: 5; inset-inline-start: var(--sc-gutter); bottom: clamp(1.2rem, 4vh, 2.6rem);
  opacity: 0; visibility: hidden; will-change: opacity, transform;
}
.pres--g4-crm .gc-stamp {
  position: absolute; z-index: 5; inset-inline-end: var(--sc-gutter); bottom: clamp(1.2rem, 4vh, 2.6rem); margin: 0;
  font: 500 .74rem/1 var(--sc-font-mono); color: var(--sc-ink-soft); opacity: 0;
}

/* ══════════════ ниже сцены ══════════════ */
.pres--g4-crm .gc-h2 { margin: 0 0 clamp(1.5rem, 3vw, 2.5rem); max-width: 26ch; font: 800 var(--sc-t-2xl)/1.06 var(--sc-font-display); letter-spacing: -0.03em; text-wrap: balance; }
.pres--g4-crm .gc-h2 em { color: var(--sc-accent); }
.pres--g4-crm .gc-inc .gc-h2, .pres--g4-crm .gc-who .gc-h2, .pres--g4-crm .gc-steps .gc-h2, .pres--g4-crm .gc-proof .gc-h2 {
  font-size: clamp(1.7rem, 1.15rem + 1.55vw, 2.6rem); line-height: 1.1;
}

/* выгоды: каждая — заплатка на трещине */
.pres--g4-crm .gc-gain { padding-block: clamp(4rem, 8vw, 8rem) clamp(3rem, 6vw, 6rem); }
.pres--g4-crm .gc-gain__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(1.5rem, 3.5vw, 3.5rem); }
.pres--g4-crm .gc-gain__list li {
  position: relative; padding: 1.15rem 0 1.15rem 2.6rem; border-top: 1px solid var(--line); font-size: var(--sc-t-base); font-weight: 600; line-height: 1.4;
}
[dir="rtl"] .pres--g4-crm .gc-gain__list li { padding: 1.15rem 2.6rem 1.15rem 0; }
.pres--g4-crm .gc-gain__list li::before {
  content: ""; position: absolute; inset-inline-start: .45rem; top: 1.1rem; width: .7rem; height: 1.45rem; border-radius: 3px;
  background: var(--sc-accent); transform: rotate(-21deg); box-shadow: 0 0 0 3px rgba(201, 242, 74, .14);
}

/* что входит */
.pres--g4-crm .gc-inc { padding-block: clamp(3.5rem, 7vw, 7rem); background: #1d2124; border-block: 1px solid var(--line); }
.pres--g4-crm .gc-inc__head { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.pres--g4-crm .gc-inc__head .gc-h2 { margin-bottom: 0; }
.pres--g4-crm .gc-inc__lead p { margin: 0 0 1rem; max-width: 64ch; line-height: 1.65; color: var(--sc-ink); }
.pres--g4-crm .gc-inc__lead p + p { color: var(--sc-ink-soft); margin-bottom: 0; }
.pres--g4-crm .gc-inc__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.pres--g4-crm .gc-inc__i {
  display: flex; flex-direction: column; gap: .6rem; padding: 1.4rem 1.3rem 1.5rem; border-radius: 16px; background: var(--sc-surface);
  box-shadow: var(--sc-edge); border: 1px solid var(--line); transition: border-color var(--sc-d-base);
}
.pres--g4-crm .gc-inc__i:hover { border-color: rgba(201, 242, 74, .45); }
.pres--g4-crm .gc-inc__i svg { width: 34px; height: 34px; margin-bottom: .4rem; fill: none; stroke: var(--sc-accent); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.pres--g4-crm .gc-inc__i h3 { margin: 0; font: 700 1.08rem/1.28 var(--sc-font-display); letter-spacing: -0.01em; }
.pres--g4-crm .gc-inc__i p { margin: 0; color: var(--sc-ink-soft); font-size: .95rem; line-height: 1.55; }

/* кому подходит */
.pres--g4-crm .gc-who { padding-block: clamp(3.5rem, 7vw, 7rem); }
.pres--g4-crm .gc-who__in { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.pres--g4-crm .gc-who__list { list-style: none; margin: 0; padding: .4rem 1.6rem; border-radius: 18px; background: var(--sc-surface); border: 1px solid var(--line); box-shadow: var(--sc-edge); }
.pres--g4-crm .gc-who__list li { position: relative; padding: 1.05rem 0 1.05rem 1.9rem; line-height: 1.5; }
[dir="rtl"] .pres--g4-crm .gc-who__list li { padding: 1.05rem 1.9rem 1.05rem 0; }
.pres--g4-crm .gc-who__list li + li { border-top: 1px solid var(--line); }
.pres--g4-crm .gc-who__list li::before { content: ""; position: absolute; inset-inline-start: 0; top: 1.55rem; width: .9rem; height: 2px; background: var(--sc-accent); }

/* шаги: ступени воронки сужаются к запуску */
.pres--g4-crm .gc-steps { padding-block: clamp(3.5rem, 7vw, 7rem); border-top: 1px solid var(--line); background: #1d2124; }
.pres--g4-crm .gc-steps .gc-h2 { margin-inline: auto; text-align: center; }
.pres--g4-crm .gc-steps__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; gap: .5rem; }
.pres--g4-crm .gc-steps__list li {
  box-sizing: border-box; width: 100%; display: grid; grid-template-columns: minmax(11rem, .34fr) minmax(0, 1fr); gap: 1.4rem; align-items: baseline;
  padding: 1.15rem 1.5rem; border-radius: 14px; background: var(--sc-surface); border: 1px solid var(--line);
  border-inline-start: 3px solid var(--line); transition: border-color .5s, background-color .5s;
}
.pres--g4-crm .gc-steps__list li:nth-child(2) { width: 95%; }
.pres--g4-crm .gc-steps__list li:nth-child(3) { width: 90%; }
.pres--g4-crm .gc-steps__list li:nth-child(4) { width: 85%; }
.pres--g4-crm .gc-steps__list li:nth-child(5) { width: 80%; }
.pres--g4-crm .gc-steps__list li:nth-child(6) { width: 75%; }
.pres--g4-crm .gc-steps__list li.is-on { border-inline-start-color: var(--sc-accent); background: #2c3236; }
.pres--g4-crm .gc-steps__list b { font: 700 1.08rem/1.3 var(--sc-font-display); }
.pres--g4-crm .gc-steps__list li.is-on b { color: var(--sc-accent); }
.pres--g4-crm .gc-steps__list span { color: var(--sc-ink-soft); font-size: .96rem; line-height: 1.55; }

/* уже работаем в ней сами */
.pres--g4-crm .gc-proof { padding-block: clamp(3.5rem, 7vw, 7rem); border-top: 1px solid var(--line); }
.pres--g4-crm .gc-proof__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.pres--g4-crm .gc-proof__img { margin: 0; border-radius: 20px; overflow: hidden; border: 1px solid var(--line); aspect-ratio: 4 / 3.2; background: var(--sc-surface); }
.pres--g4-crm .gc-proof__img img { width: 100%; height: 100%; object-fit: cover; }
.pres--g4-crm .gc-proof__txt p { margin: 0 0 1rem; max-width: 62ch; font-size: 1.04rem; line-height: 1.65; }
.pres--g4-crm .gc-proof__txt p + p { color: var(--sc-ink-soft); }
.pres--g4-crm .gc-why { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.pres--g4-crm .gc-why li { padding: 1.3rem 1.25rem 1.4rem; border-radius: 16px; background: var(--sc-surface); border: 1px solid var(--line); box-shadow: var(--sc-edge); }
.pres--g4-crm .gc-why h3 { margin: 0 0 .55rem; font: 700 1.06rem/1.28 var(--sc-font-display); }
.pres--g4-crm .gc-why h3::before { content: ""; display: block; width: 1.6rem; height: 3px; margin-bottom: .9rem; border-radius: 2px; background: var(--sc-accent); }
.pres--g4-crm .gc-why p { margin: 0; color: var(--sc-ink-soft); font-size: .95rem; line-height: 1.55; }

/* стоимость */
.pres--g4-crm .gc-price { padding-block: clamp(3.5rem, 7vw, 7rem) clamp(1rem, 3vw, 2rem); }
.pres--g4-crm .gc-price__card {
  position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem);
  padding: clamp(1.6rem, 4vw, 3.5rem); border-radius: 24px; background: var(--sc-surface); border: 1px solid rgba(201, 242, 74, .3); box-shadow: var(--sc-e2), var(--sc-edge);
}
.pres--g4-crm .gc-price__main { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; }
.pres--g4-crm .gc-price__h { margin: 0 0 1rem; max-width: 18ch; font: 800 var(--sc-t-xl)/1.12 var(--sc-font-display); letter-spacing: -0.02em; }
.pres--g4-crm .gc-price__v { margin: 0 0 .9rem; font: 800 clamp(2.4rem, 1.4rem + 3.4vw, 4.4rem)/1 var(--sc-font-display); letter-spacing: -0.035em; color: var(--sc-accent); }
.pres--g4-crm .gc-price__zero { margin: 0 0 1.6rem; padding: .45rem .75rem; border-radius: 9px; background: rgba(201, 242, 74, .1); color: var(--sc-ink); font-weight: 600; }
.pres--g4-crm .gc-price__zero b { color: var(--sc-accent); }
.pres--g4-crm .gc-price__notes { position: relative; z-index: 1; align-self: center; }
.pres--g4-crm .gc-price__notes p { margin: 0 0 1rem; max-width: 52ch; line-height: 1.6; }
.pres--g4-crm .gc-price__n { color: var(--sc-ink-soft); font-size: .95rem; }

.pres--g4-crm .gc-faqw { padding-block: clamp(2.5rem, 5vw, 4rem) clamp(3.5rem, 7vw, 6rem); }

/* ══════════════ планшет ══════════════ */
@media (max-width: 1180px) and (min-width: 861px) {
  .pres--g4-crm { --gc-lw: clamp(150px, 19vw, 210px); }
  .pres--g4-crm .gc-hero__plate img { object-position: 82% 40%; }
  .pres--g4-crm .gc-hero__shade {
    background:
      linear-gradient(90deg, rgba(32, 36, 39, 0.96) 0%, rgba(32, 36, 39, 0.84) 38%, rgba(32, 36, 39, 0.3) 62%, rgba(32, 36, 39, 0) 74%),
      linear-gradient(to top, rgba(24, 27, 30, 0.9) 0%, rgba(24, 27, 30, 0) 34%);
  }
  .pres--g4-crm .gc-lk__bad, .pres--g4-crm .gc-lk__fix { font-size: .84rem; }
  .pres--g4-crm .gc-inc__grid, .pres--g4-crm .gc-why { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ══════════════ телефон ══════════════ */
@media (max-width: 860px) {
  .pres--g4-crm { --gc-fh: clamp(200px, 31vh, 290px); --gc-rain: 16px; --gc-fs: clamp(10.5px, 2.95vw, 12.5px); }

  .pres--g4-crm .gc-hero__plate img { object-position: 50% 24%; transform-origin: 50% 30%; }
  .pres--g4-crm .gc-hero__shade, [dir="rtl"] .pres--g4-crm .gc-hero__shade {
    background:
      linear-gradient(to top, rgba(24, 27, 30, 0.98) 0%, rgba(24, 27, 30, 0.9) 42%, rgba(24, 27, 30, 0.4) 58%, rgba(24, 27, 30, 0) 70%),
      linear-gradient(to bottom, rgba(24, 27, 30, 0.5) 0%, rgba(24, 27, 30, 0) 16%);
  }
  .pres--g4-crm .gc-hero__copy { inset-inline: 16px; bottom: 1.6rem; max-width: none; }
  .pres--g4-crm .gc-hero__eye { font-size: .8rem; margin-bottom: .6rem; }
  .pres--g4-crm .gc-hero__h1 { font-size: clamp(1.9rem, 8.4vw, 3rem); margin-bottom: .7rem; }
  .pres--g4-crm .gc-hero__sub { font-size: .95rem; line-height: 1.42; margin-bottom: 1.1rem; }
  .pres--g4-crm .gc-hero__cta .btn { flex: 1 1 100%; }

  .pres--g4-crm .gc-head { inset-inline: 16px; top: calc(var(--bar-h) + .6rem); }
  .pres--g4-crm .gc-head__h { font-size: 1.6rem; }
  .pres--g4-crm .gc-head__s { margin-top: .35rem; font-size: .9rem; line-height: 1.4; }
  .pres--g4-crm .gc-head__fin .gc-head__h { font-size: 1.75rem; }

  .pres--g4-crm .gc-cnt { margin-bottom: .5rem; }
  .pres--g4-crm .gc-cnt__l { font-size: .7rem; }
  .pres--g4-crm .gc-cnt__v { font-size: 1.3rem; }
  .pres--g4-crm .gc-ch { gap: .25rem; }
  .pres--g4-crm .gc-ch li { padding: .28rem .45rem; font-size: .68rem; }
  .pres--g4-crm .gc-tl { font-size: .62rem; letter-spacing: .05em; }
  .pres--g4-crm .gc-tl--pool { top: calc(100% + 6px); }
  .pres--g4-crm .gc-newl { display: none; }
  .pres--g4-crm .gc-tl { transition: opacity .3s; }
  .pres--g4-crm .gc.is-mini .gc-tl { opacity: 0; }

  /* причины — списком под воронкой */
  .pres--g4-crm .gc-lks {
    position: absolute; top: calc(100% + 2rem); left: 50%; width: calc(100vw - 32px); translate: -50% 0;
    display: flex; flex-direction: column; gap: .4rem;
  }
  .pres--g4-crm .gc-lk, .pres--g4-crm .gc-lk[data-c="5"] { position: static; width: auto; translate: none; text-align: start; transform: translateY(6px); }
  .pres--g4-crm .gc-lk.is-in { transform: none; }
  .pres--g4-crm .gc-lk::after { display: none; }
  .pres--g4-crm .gc-lk__bad, .pres--g4-crm .gc-lk__fix { display: block; padding: .32rem .55rem; font-size: .875rem; line-height: 1.3; }
  .pres--g4-crm .gc-lk__fix { display: none; }
  .pres--g4-crm .gc-lk.is-fix .gc-lk__fix { display: block; }

  .pres--g4-crm .gc-scenes { top: calc(var(--bar-h) + .7rem); bottom: .7rem; inset-inline: 16px; }
  .pres--g4-crm .gc-sc { gap: .6rem; }
  .pres--g4-crm .gc-sc__h { font-size: 1.28rem; padding-inline-end: 70px; min-height: 2.6em; }
  .pres--g4-crm .gc-sc__pair { grid-template-columns: 1fr; }
  .pres--g4-crm .gc-sc__pair > p { grid-area: 1 / 1; font-size: .94rem; line-height: 1.45; }
  .pres--g4-crm .gc-sc.is-fixed .gc-sc__was { opacity: 0; transform: translateY(-10px); }
  .pres--g4-crm .gc-lbl { font-size: .7rem; margin-bottom: .4rem; }
  .pres--g4-crm .gc-sc__media { grid-template-columns: 1fr; padding: .8rem; border-radius: 16px; }
  .pres--g4-crm .gc-ui--was, [dir="rtl"] .pres--g4-crm .gc-ui--was { grid-column: 1; transform: none; }
  .pres--g4-crm .gc-ui--now, [dir="rtl"] .pres--g4-crm .gc-ui--now { grid-column: 1; transform: translateY(18px) scale(.97); }
  .pres--g4-crm .gc-sc.is-fixed .gc-ui--was { opacity: .16; transform: translate(-8%, -12%) scale(.86); }
  .pres--g4-crm .gc-sc.is-fixed .gc-ui--now { transform: none; }
  .pres--g4-crm .gc-ui { max-width: 24em; }
  .pres--g4-crm .gc-demo { inset-inline-end: .5rem; bottom: .45rem; font-size: .66rem; }

  .pres--g4-crm .gc-fin { inset-inline: 16px; bottom: 1rem; }
  .pres--g4-crm .gc-fin .btn { width: 100%; }
  .pres--g4-crm .gc-stamp { inset-inline-end: 16px; bottom: .8rem; font-size: .7rem; }
  .pres--g4-crm .gc.is-fin .gc-stamp { bottom: calc(1rem + 52px + .6rem); }
  .pres--g4-crm .gc-head__fin em { display: block; }

  .pres--g4-crm .gc-h2 { font-size: clamp(1.7rem, 7vw, 2.3rem); }
  .pres--g4-crm .gc-gain__list { grid-template-columns: 1fr; }
  .pres--g4-crm .gc-inc__head { grid-template-columns: 1fr; gap: 1rem; }
  .pres--g4-crm .gc-inc__grid, .pres--g4-crm .gc-why { grid-template-columns: 1fr; }
  .pres--g4-crm .gc-inc__i { padding: 1.2rem 1.1rem 1.25rem; }
  .pres--g4-crm .gc-who__in { grid-template-columns: 1fr; gap: 0; }
  .pres--g4-crm .gc-who__list { padding: .2rem 1.1rem; }
  .pres--g4-crm .gc-steps .gc-h2 { text-align: start; margin-inline: 0; }
  .pres--g4-crm .gc-steps__list li, .pres--g4-crm .gc-steps__list li:nth-child(n) { width: 100%; grid-template-columns: 1fr; gap: .4rem; padding: 1rem 1.1rem; }
  .pres--g4-crm .gc-proof__in { grid-template-columns: 1fr; }
  .pres--g4-crm .gc-proof__img { aspect-ratio: 16 / 11; }
  .pres--g4-crm .gc-price__card { grid-template-columns: 1fr; }
  .pres--g4-crm .gc-price__card .btn { width: 100%; }
}

/* ══════════════ без анимации: всё друг под другом, у каждой трещины видны причина и заплатка ══════════════ */
@media (prefers-reduced-motion: reduce) {
  .pres--g4-crm .gc { height: auto; }
  .pres--g4-crm .gc__stage { position: relative; height: auto; overflow: visible; display: flex; flex-direction: column; }
  .pres--g4-crm .gc-hero { position: relative; order: 0; height: 100vh; height: 100svh; min-height: 560px; max-height: 1000px; }
  .pres--g4-crm .gc-hero__plate img { transform: none !important; }
  .pres--g4-crm .gc-head { display: contents; }
  .pres--g4-crm .gc-head > div { opacity: 1 !important; visibility: visible !important; transform: none !important; }
  .pres--g4-crm .gc-head__ov { order: 1; padding: clamp(3rem, 6vw, 5rem) var(--sc-gutter) 0; }
  .pres--g4-crm .gc-fun { position: relative; order: 2; transform: none !important; opacity: 1 !important; margin: clamp(2rem, 4vw, 3rem) auto clamp(3rem, 6vw, 5rem); }
  .pres--g4-crm .gc-rain, .pres--g4-crm .gc-flow, .pres--g4-crm .gc-leak { display: none; }
  .pres--g4-crm .gc * { animation: none !important; }
  .pres--g4-crm .gc-crk { animation: none; }
  .pres--g4-crm .gc-cnt__v span:first-child, .pres--g4-crm .gc-cnt__v span:last-child { display: inline-block; animation: none; }
  .pres--g4-crm .gc-cnt__v span:first-child { color: var(--gc-red); }
  .pres--g4-crm .gc-cnt__v span:last-child { color: var(--sc-accent); }
  .pres--g4-crm .gc-cnt__v span:last-child::before { content: "→"; margin-inline: .35em; color: var(--sc-ink-soft); }
  .pres--g4-crm .gc-lk { opacity: 1 !important; transform: none !important; transition: none; }
  .pres--g4-crm .gc-lk .gc-lk__bad, .pres--g4-crm .gc-lk.is-fix .gc-lk__bad { display: inline-block; }
  .pres--g4-crm .gc-lk.is-fix .gc-lk__fix { display: inline-block; margin-top: .35rem; animation: none; }
  .pres--g4-crm .gc-lks { opacity: 1 !important; }
  .pres--g4-crm .gc-newl { opacity: 1 !important; }
  .pres--g4-crm .gc-scenes { position: relative; order: 3; inset: auto; opacity: 1 !important; visibility: visible !important; padding-inline: var(--sc-gutter); }
  .pres--g4-crm .gc-sc { position: relative; inset: auto; opacity: 1; visibility: visible; transition: none; padding-block: clamp(2rem, 5vw, 4rem); border-top: 1px solid var(--line); }
  .pres--g4-crm .gc-sc__pair > p, .pres--g4-crm .gc-sc.is-fixed .gc-sc__was { opacity: 1 !important; transform: none !important; }
  .pres--g4-crm .gc-sc__media { min-height: 30em; }
  .pres--g4-crm .gc-sc__photo { transform: none !important; inset: 0; height: 100%; }
  .pres--g4-crm .gc-sc.is-fixed .gc-ui--was { opacity: .85; transform: none; filter: none; }
  .pres--g4-crm [data-t], .pres--g4-crm .gc-ui, .pres--g4-crm .gc-sc__photo, .pres--g4-crm .gc-pt, .pres--g4-crm .gc-new { transition-duration: .01s !important; }
  .pres--g4-crm .gc-head__fin { order: 4; padding: clamp(3rem, 6vw, 5rem) var(--sc-gutter) 1.5rem; border-top: 1px solid var(--line); }
  .pres--g4-crm .gc-fin { position: relative; order: 5; inset: auto; opacity: 1 !important; visibility: visible !important; transform: none !important; align-self: center; padding: 0 var(--sc-gutter) 1rem; }
  .pres--g4-crm .gc-stamp { position: relative; order: 6; inset: auto; opacity: 1 !important; align-self: center; padding: .5rem var(--sc-gutter) clamp(2.5rem, 5vw, 4rem); }
}
@media (prefers-reduced-motion: reduce) and (max-width: 860px) {
  .pres--g4-crm .gc-head__ov { padding-inline: 16px; }
  .pres--g4-crm .gc-fun { margin-bottom: calc(var(--lks-h, 22rem) + 3rem); }
  .pres--g4-crm .gc-lk .gc-lk__bad, .pres--g4-crm .gc-lk.is-fix .gc-lk__fix { display: block; }
  .pres--g4-crm .gc-lk.is-fix .gc-lk__fix { margin-top: .25rem; }
  .pres--g4-crm .gc-lk + .gc-lk { margin-top: .5rem; }
  .pres--g4-crm .gc-scenes { padding-inline: 16px; }
  .pres--g4-crm .gc-sc__h { padding-inline-end: 0; min-height: 0; }
  .pres--g4-crm .gc-sc__pair { gap: 1.2rem; }
  .pres--g4-crm .gc-sc__pair > p { grid-area: auto; }
  .pres--g4-crm .gc-sc__media { min-height: 0; padding-bottom: 2.4rem; }
  .pres--g4-crm .gc-ui--was, .pres--g4-crm .gc-ui--now { grid-row: auto; }
  .pres--g4-crm .gc-sc.is-fixed .gc-ui--was { opacity: .85; transform: none; }
  .pres--g4-crm .gc-head__fin { padding-inline: 16px; }
}