/* --------------------------------------------------------------------------
   Страница «Интеллектуальная автоматизация продаж и маркетинга»
   (page-ai-sales-marketing.php), 2026-10-02.
   Визуальный язык — общий с /ai-communications/ и /platform/ (.rcm-*):
   пергамент, рамки Ash, моно-подписи, акцент #A30C33, результат #C52229.
   Префикс .rsm-; общие правила style.css не меняются. Отдельный файл
   (подключается только на этом шаблоне, см. functions.php).
   -------------------------------------------------------------------------- */
.rsm {
	--rsm-parchment: #f6f3f1;
	--rsm-paper: #fbfaf9;
	--rsm-ash: #cecac8;
	--rsm-line: #e6e2df;
	--rsm-ink: #242424;
	--rsm-graphite: #4e4d4d;
	--rsm-smoke: #797776;
	--rsm-accent: #a30c33;
	--rsm-result: #c52229;
	--rsm-result-soft: #eab0b2;
	--rsm-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--rsm-head: var(--robin-font-head, "TTInterfaces", Arial, sans-serif);
	--rsm-ease: cubic-bezier(.22, 1, .36, 1);
	color: var(--rsm-ink);
}

/* ---------- Появление при скролле (класс .rsm-js ставит robin-sales.js) ---------- */
.rsm-js [data-rsm-reveal] {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .7s var(--rsm-ease), transform .7s var(--rsm-ease);
	transition-delay: calc(var(--i, 0) * 70ms);
}
.rsm-js [data-rsm-reveal].is-in { opacity: 1; transform: none; }

/* ---------- Общие заголовки / панели ---------- */
.rsm .rsm-h2 {
	max-width: 46rem;
	margin: 0 0 48px;
	font-family: var(--rsm-head);
	font-weight: 400;
	font-size: 45px;
	line-height: 1.08;
	letter-spacing: -0.025em;
	color: var(--rsm-ink);
}
.rsm .rsm-h2--center { margin-left: auto; margin-right: auto; text-align: center; }
.rsm-h2 em,
.rsm-statement em,
.rsm-hero-title em { font-style: normal; color: var(--rsm-accent); }

.rsm-panel {
	padding: 72px 56px;
	border-radius: 24px;
	background: var(--rsm-parchment);
}

.rsm-caption {
	margin: 0 0 16px;
	font-family: var(--rsm-mono);
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: var(--rsm-smoke);
}
.rsm .rsm-note {
	margin: 24px 0 0;
	max-width: 48rem;
	padding-left: 16px;
	border-left: 2px solid var(--rsm-accent);
	font-size: 15px;
	line-height: 1.55;
	letter-spacing: -0.02em;
	color: var(--rsm-ink);
}
.rsm .rsm-note--plain { margin-top: 10px; border-left-color: transparent; color: var(--rsm-graphite); }

/* ---------- SVG-узлы (общие для всех схем) ---------- */
.rsm svg text {
	font-family: var(--rsm-mono);
	font-size: 11px;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	fill: var(--rsm-ink);
}
.rsm-node rect { fill: var(--rsm-parchment); stroke: var(--rsm-ash); stroke-width: 1; }
.rsm-node-icon { color: var(--rsm-smoke); }
.rsm-node--out rect { fill: #fff; stroke: var(--rsm-result-soft); }
.rsm-node--out .rsm-node-icon { color: var(--rsm-result); }
.rsm-node--hub rect { fill: var(--rsm-accent); stroke: var(--rsm-accent); }
.rsm svg .rsm-node--hub text { fill: #fff; }
.rsm-node--hub circle { fill: #fff; }
.rsm-node--chip rect { fill: #fff; stroke: var(--rsm-ash); stroke-dasharray: 3 3; }
.rsm svg .rsm-node--chip text { font-size: 10px; fill: var(--rsm-smoke); }
.rsm-node--mute rect { fill: transparent; stroke: var(--rsm-ash); stroke-dasharray: 3 3; }
.rsm svg .rsm-node--mute text { fill: var(--rsm-smoke); }
.rsm-node--mute .rsm-node-icon { color: var(--rsm-smoke); }

.rsm-line { fill: none; stroke: var(--rsm-ash); stroke-width: 1.2; }
.rsm-line--out { stroke: var(--rsm-result-soft); }
.rsm-line--dash { stroke-dasharray: 3 3; }
.rsm-line--live,
.rsm-fn-line--live,
.rsm-ba-line--live {
	stroke: var(--rsm-smoke);
	stroke-dasharray: 2 8;
	stroke-linecap: round;
	animation: rsm-dash 1.6s linear infinite;
}
.rsm-line--out.rsm-line--live,
.rsm-fn-line--out.rsm-fn-line--live { stroke: var(--rsm-result); }
@keyframes rsm-dash { to { stroke-dashoffset: -40; } }

.rsm-hub-pulse { transform-box: fill-box; transform-origin: center; animation: rsm-pulse 1.8s ease-in-out infinite; }
@keyframes rsm-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.6); opacity: .55; } }

/* ==========================================================================
   HERO
   ========================================================================== */
.rsm-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	align-items: center;
	gap: 24px 40px;
	padding: 40px 48px 36px;
	border-radius: 24px;
	background: var(--rsm-parchment);
}
.rsm-hero-text { display: flex; flex-direction: column; align-items: flex-start; }
.rsm-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 40px 0 0;
	padding: 6px 12px;
	border: 1px solid var(--rsm-ash);
	border-radius: 999px;
	background: #fff;
	font-family: var(--rsm-mono);
	font-size: 12px;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: var(--rsm-graphite);
}
.rsm-kicker-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--rsm-result);
	box-shadow: 0 0 0 0 rgba(197, 34, 41, .45);
	animation: rsm-ping 2s ease-out infinite;
}
@keyframes rsm-ping {
	0% { box-shadow: 0 0 0 0 rgba(197, 34, 41, .45); }
	80%, 100% { box-shadow: 0 0 0 9px rgba(197, 34, 41, 0); }
}
.rsm .rsm-hero-title {
	margin: 20px 0 0;
	font-family: var(--rsm-head);
	font-weight: 500;
	font-size: 50px;
	line-height: 1.05;
	letter-spacing: -0.03em;
	color: var(--rsm-ink);
}
.rsm .rsm-hero-sub {
	margin: 20px 0 0;
	max-width: 26rem;
	font-size: 18px;
	line-height: 1.45;
	letter-spacing: -0.02em;
	color: #717171;
}
.rsm-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; margin-bottom: 8px; }

/* --- Воронка --- */
.rsm-funnel { margin: 0; }
.rsm-funnel-svg { display: block; width: 100%; height: auto; overflow: visible; }
.rsm-fn-caption { font-size: 10px !important; fill: var(--rsm-smoke) !important; }
.rsm-fn-src rect { fill: #fff; }
.rsm-fn-src { animation: rsm-src-blink 4.2s ease-in-out infinite; animation-delay: calc(var(--i) * .7s); }
.rsm-fn-src rect { transition: stroke .3s; }
@keyframes rsm-src-blink {
	0%, 12%, 100% { opacity: 1; }
	4% { opacity: .55; }
}
.rsm-fn-guide { fill: none; stroke: none; }
.rsm-fn-band {
	fill: url(#rsm-fn-band);
	stroke: var(--rsm-ash);
	stroke-width: 1;
	stroke-linejoin: round;
}
.rsm-fn-band--last { fill: url(#rsm-fn-last); stroke: var(--rsm-result-soft); }
.rsm-fn-band-title { font-size: 12px !important; font-weight: 500; }
.rsm-fn-band-sub { font-size: 10px !important; fill: var(--rsm-smoke) !important; text-transform: none !important; }
.rsm-fn-band-num { font-size: 10px !important; fill: var(--rsm-accent) !important; }
.rsm-fn-line { fill: none; stroke: var(--rsm-ash); stroke-width: 1.2; }
.rsm-fn-line--out { stroke: var(--rsm-result-soft); }
.rsm-fn-line--dash { stroke-dasharray: 3 3; }
.rsm-fn-result rect {
	fill: #fff;
	stroke: var(--rsm-result);
	stroke-width: 1.2;
	animation: rsm-result-glow 2.8s ease-in-out infinite;
}
@keyframes rsm-result-glow {
	0%, 100% { filter: drop-shadow(0 0 0 rgba(197, 34, 41, 0)); }
	50% { filter: drop-shadow(0 6px 18px rgba(197, 34, 41, .28)); }
}
.rsm-fn-result-dot { fill: var(--rsm-result); transform-box: fill-box; transform-origin: center; animation: rsm-pulse 1.4s ease-in-out infinite; }
.rsm-fn-result-title { font-size: 12px !important; font-weight: 500; }
.rsm-fn-result-sub { fill: var(--rsm-smoke) !important; }
.rsm-fn-result-icon { color: var(--rsm-result); }

/* Мобильная «лестница» вместо SVG */
.rsm-funnel-stack { display: none; margin: 0; padding: 0; list-style: none; }

/* ==========================================================================
   БЛОК 2. Отличие от обычного ИИ
   ========================================================================== */
.rsm .rsm-statement {
	max-width: 56rem;
	margin: 0 auto;
	text-align: center;
	font-family: var(--rsm-head);
	font-weight: 400;
	font-size: 45px;
	line-height: 1.1;
	letter-spacing: -0.025em;
	color: var(--rsm-ink);
}
.rsm-statement-muted { display: block; color: #a9a6a4; text-decoration: line-through; text-decoration-thickness: 2px; text-decoration-color: rgba(163, 12, 51, .35); }
.rsm .rsm-lead-p {
	max-width: 40rem;
	margin: 24px auto 0;
	text-align: center;
	font-size: 17px;
	line-height: 1.55;
	letter-spacing: -0.02em;
	color: var(--rsm-graphite);
}

.rsm-chain {
	--n: 5;
	--cycle: 9.4s;
	position: relative;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px;
	margin: 56px 0 0;
	padding: 0;
	list-style: none;
}
/* Трек и бегущий импульс */
.rsm-chain::before,
.rsm-chain::after {
	content: "";
	position: absolute;
	top: 32px;
	left: 10%;
	height: 1px;
}
.rsm-chain::before { right: 10%; background: repeating-linear-gradient(90deg, var(--rsm-ash) 0 4px, transparent 4px 8px); }
.rsm-chain::after {
	width: 64px;
	height: 3px;
	margin-top: -1px;
	border-radius: 3px;
	background: linear-gradient(90deg, transparent, var(--rsm-result));
	animation: rsm-chain-run var(--cycle) linear infinite;
}
@keyframes rsm-chain-run {
	0% { left: 10%; opacity: 0; }
	3% { opacity: 1; }
	80% { left: calc(90% - 64px); opacity: 1; }
	86%, 100% { left: calc(90% - 64px); opacity: 0; }
}
.rsm-chain-node {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
}
.rsm-chain-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border: 1px solid var(--rsm-ash);
	border-radius: 20px;
	background: #fff;
	color: var(--rsm-ink);
	animation: rsm-chain-active var(--cycle) linear infinite;
	animation-delay: calc(var(--i) * var(--cycle) * .2);
}
@keyframes rsm-chain-active {
	0% { border-color: var(--rsm-result); color: var(--rsm-result); box-shadow: 0 10px 28px -10px rgba(197, 34, 41, .45); transform: translateY(-3px); }
	14% { border-color: var(--rsm-result); color: var(--rsm-result); box-shadow: 0 10px 28px -10px rgba(197, 34, 41, .45); transform: translateY(-3px); }
	22%, 100% { border-color: var(--rsm-ash); color: var(--rsm-ink); box-shadow: none; transform: none; }
}
.rsm-chain-num { font-family: var(--rsm-mono); font-size: 12px; color: var(--rsm-accent); }
.rsm-chain-text { max-width: 13rem; font-size: 15px; line-height: 1.4; letter-spacing: -0.02em; color: var(--rsm-ink); }

.rsm .rsm-actions-p {
	max-width: 52rem;
	margin: 56px auto 0;
	padding: 28px 32px;
	border: 1px solid var(--rsm-ash);
	border-radius: 24px;
	background: var(--rsm-parchment);
	text-align: center;
	font-size: 17px;
	line-height: 2;
	letter-spacing: -0.02em;
	color: var(--rsm-graphite);
}
.rsm-nowrap { white-space: nowrap; }
.rsm-hl {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 1px 10px;
	border: 1px solid var(--rsm-ash);
	border-radius: 999px;
	background: #fff;
	line-height: 1.6;
	color: var(--rsm-ink);
	white-space: nowrap;
	transition: border-color .2s, transform .2s;
}
.rsm-hl svg { color: var(--rsm-smoke); }
.rsm-hl:hover { border-color: var(--rsm-result-soft); transform: translateY(-1px); }
.rsm-hl--accent { border-color: var(--rsm-accent); color: var(--rsm-accent); }
.rsm-hl--accent svg { color: var(--rsm-accent); }

/* ==========================================================================
   БЛОК 3. Было / стало
   ========================================================================== */
.rsm-ba { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.rsm-ba-card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 28px;
	border: 1px solid var(--rsm-ash);
	border-radius: 28px;
	background: #fff;
}
.rsm-ba-card--after { border-color: #2f2f2f; background: #1f1f1f; color: #fff; }
.rsm .rsm-ba-tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-family: var(--rsm-mono);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: var(--rsm-smoke);
}
.rsm-ba-tag-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--rsm-ash); }
.rsm-ba-card--after .rsm-ba-tag { color: var(--rsm-result-soft); }
.rsm-ba-card--after .rsm-ba-tag-dot { background: var(--rsm-result); animation: rsm-ping 2s ease-out infinite; }
.rsm-ba-art svg { display: block; width: 100%; height: auto; overflow: visible; }
.rsm-ba-text p { margin: 0; font-size: 15px; line-height: 1.55; letter-spacing: -0.02em; color: var(--rsm-graphite); }
.rsm-ba-text p + p { margin-top: 10px; }
.rsm-ba-card--after .rsm-ba-text p { color: #d8d4d1; }
.rsm-ba-card--after .rsm-ba-text p + p { color: #fff; font-size: 17px; }

.rsm-ba-line { fill: none; stroke: var(--rsm-ash); stroke-width: 1.1; }
.rsm-ba-line--tangle { stroke-dasharray: 4 5; animation: rsm-dash 3.2s linear infinite; }
.rsm-ba-wobble { animation: rsm-wobble 3.6s ease-in-out infinite; }
@keyframes rsm-wobble {
	0%, 100% { transform: translate(0, 0); }
	25% { transform: translate(1.5px, -1.5px); }
	50% { transform: translate(-1px, 1.5px); }
	75% { transform: translate(-1.5px, -1px); }
}
.rsm-ba-manager { transform-box: fill-box; transform-origin: center; animation: rsm-shake 4s ease-in-out infinite; }
@keyframes rsm-shake {
	0%, 70%, 100% { transform: rotate(0); }
	74% { transform: rotate(-2deg); }
	78% { transform: rotate(2deg); }
	82% { transform: rotate(-1deg); }
}
.rsm-ba-q text { font-size: 18px !important; fill: var(--rsm-accent) !important; animation: rsm-fade 2.4s ease-in-out infinite; }
.rsm-ba-q text + text { animation-delay: -1.2s; }
@keyframes rsm-fade { 0%, 100% { opacity: .15; } 50% { opacity: 1; } }

/* «Стало» — тёмная версия узлов */
.rsm-ba-card--after .rsm-node rect { fill: #2a2a2a; stroke: #444; }
.rsm-ba-card--after svg text { fill: #e9e6e4; }
.rsm-ba-card--after .rsm-node--hub rect { fill: var(--rsm-accent); stroke: var(--rsm-result); }
.rsm-ba-card--after .rsm svg .rsm-node--hub text { fill: #fff; }
.rsm-ba-card--after .rsm-node--out rect { fill: #2a2a2a; stroke: var(--rsm-result-soft); }
.rsm-ba-card--after .rsm-node--out .rsm-node-icon { color: var(--rsm-result-soft); }
.rsm-ba-card--after .rsm-ba-line { stroke: #444; }
.rsm-ba-card--after .rsm-ba-line--live { stroke: #8a8684; }
.rsm-ba-card--after .rsm-ba-line--out { stroke: var(--rsm-result-soft); }
.rsm-ba-card--after .rsm-ba-line--out.rsm-ba-line--live { stroke: var(--rsm-result); }

/* ==========================================================================
   БЛОК 4. Примеры ассистентов
   ========================================================================== */
.rsm-ex-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: -16px 0 32px;
	padding: 0;
	list-style: none;
}
.rsm-ex-nav a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border: 1px solid var(--rsm-ash);
	border-radius: 999px;
	background: #fff;
	font-size: 14px;
	letter-spacing: -0.02em;
	color: var(--rsm-graphite);
	transition: border-color .2s, color .2s, background-color .2s;
}
.rsm-ex-nav a svg { color: var(--rsm-smoke); transition: color .2s; }
.rsm-ex-nav a:hover { border-color: var(--rsm-accent); color: var(--rsm-accent); }
.rsm-ex-nav a:hover svg { color: var(--rsm-accent); }
.rsm-ex-nav-num { font-family: var(--rsm-mono); font-size: 11px; color: var(--rsm-accent); }

.rsm-ex {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-template-areas: "text visual" "wide wide";
	align-items: center;
	gap: 32px 64px;
	padding: 72px 0;
	border-top: 1px solid var(--rsm-line);
	scroll-margin-top: 140px;
}
.rsm-ex:first-of-type { border-top: 0; }
.rsm-ex--flip { grid-template-areas: "visual text" "wide wide"; }
.rsm-ex-text { grid-area: text; }
.rsm-ex-visual { grid-area: visual; }
.rsm-ex-wide { grid-area: wide; }
.rsm .rsm-ex-num {
	margin: 0;
	font-family: var(--rsm-mono);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: var(--rsm-accent);
}
.rsm .rsm-ex-title {
	margin: 12px 0 0;
	font-family: var(--rsm-head);
	font-weight: 400;
	font-size: 34px;
	line-height: 1.12;
	letter-spacing: -0.025em;
	color: var(--rsm-ink);
}
.rsm-ex-text > p:not(.rsm-ex-num):not(.rsm-note):not(.rsm-chain-mini) {
	margin: 16px 0 0;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: -0.02em;
	color: var(--rsm-graphite);
}

/* Список с иконками */
.rsm-iconlist { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.rsm-iconlist li { display: flex; align-items: center; gap: 12px; font-size: 15px; letter-spacing: -0.02em; color: var(--rsm-ink); }
.rsm-iconlist-ico {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 32px;
	height: 32px;
	border: 1px solid #efeeed;
	border-radius: 9px;
	background: var(--rsm-parchment);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
	color: var(--rsm-ink);
	transition: color .2s, border-color .2s;
}
.rsm-iconlist li:hover .rsm-iconlist-ico { color: var(--rsm-accent); border-color: var(--rsm-result-soft); }

/* Мини-цепочка каналов */
.rsm .rsm-chain-mini {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	margin: 18px 0 0;
	font-family: var(--rsm-mono);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: var(--rsm-ink);
}
.rsm-chain-mini span { padding: 5px 10px; border: 1px solid var(--rsm-ash); border-radius: 999px; background: var(--rsm-parchment); }
.rsm-chain-mini span:last-child { border-color: var(--rsm-result-soft); background: #fff; color: var(--rsm-accent); }
.rsm-chain-mini svg { color: var(--rsm-result); }

/* Карточка-иллюстрация */
.rsm-card {
	position: relative;
	padding: 28px;
	border: 1px solid var(--rsm-ash);
	border-radius: 28px;
	background: var(--rsm-parchment);
}
.rsm-card--art { padding-top: 56px; }
.rsm-svg { display: block; width: 100%; height: auto; overflow: visible; }
.rsm .rsm-card-badge {
	position: absolute;
	top: 18px;
	left: 22px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--rsm-ink);
	font-family: var(--rsm-mono);
	font-size: 11px;
	color: #fff;
}
.rsm-card-badge svg { animation: rsm-spin 6s linear infinite; }
@keyframes rsm-spin { to { transform: rotate(360deg); } }

/* --- 4.1 Чат --- */
.rsm-chat {
	overflow: hidden;
	border: 1px solid var(--rsm-ash);
	border-radius: 28px;
	background: var(--rsm-parchment);
	box-shadow: 0 30px 60px -40px rgba(36, 36, 36, .35);
}
.rsm-chat-bar {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	border-bottom: 1px solid var(--rsm-line);
	background: #fff;
	font-size: 14px;
	letter-spacing: -0.02em;
}
.rsm-chat-bar b { font-weight: 500; }
.rsm-chat-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--rsm-accent);
	color: #fff;
}
.rsm-chat-live { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: #2fb36b; box-shadow: 0 0 0 3px rgba(47, 179, 107, .18); }
.rsm-chat-body { display: flex; flex-direction: column; gap: 12px; min-height: 330px; padding: 22px 20px; }
.rsm .rsm-msg { max-width: 86%; margin: 0; padding: 12px 16px; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; }
.rsm-msg--user { align-self: flex-end; border-radius: 18px 18px 4px 18px; background: var(--rsm-ink); color: #fff; }
.rsm-msg--bot { align-self: flex-start; border: 1px solid var(--rsm-ash); border-radius: 18px 18px 18px 4px; background: #fff; color: var(--rsm-ink); }
.rsm-chat-steps { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; align-self: flex-start; }
.rsm-chat-steps li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	padding: 4px 10px 4px 6px;
	border: 1px dashed var(--rsm-ash);
	border-radius: 999px;
	font-family: var(--rsm-mono);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: var(--rsm-graphite);
}
.rsm-chat-steps svg { padding: 2px; border-radius: 50%; background: var(--rsm-result); color: #fff; width: 16px; height: 16px; }
.rsm-typing { display: inline-flex; gap: 4px; align-self: flex-start; padding: 12px 14px; border: 1px solid var(--rsm-ash); border-radius: 18px 18px 18px 4px; background: #fff; }
.rsm-typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--rsm-smoke); animation: rsm-typing 1s ease-in-out infinite; }
.rsm-typing i:nth-child(2) { animation-delay: .15s; }
.rsm-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes rsm-typing { 0%, 100% { transform: translateY(0); opacity: .4; } 50% { transform: translateY(-3px); opacity: 1; } }
.rsm-chat-input { display: flex; align-items: center; gap: 10px; margin: 0 16px 16px; padding: 10px 14px; border: 1px solid var(--rsm-ash); border-radius: 16px; background: #fff; color: var(--rsm-accent); }
.rsm-chat-input span { flex: 1; height: 8px; border-radius: 4px; background: var(--rsm-line); }

/* Сценарий чата (проигрывается при появлении) */
.rsm-js .rsm-chat .rsm-msg,
.rsm-js .rsm-chat-steps li { opacity: 0; transform: translateY(8px); }
.rsm-js .rsm-chat .rsm-typing { display: none; }
.rsm-js .is-in .rsm-chat .rsm-msg--user { animation: rsm-pop .5s var(--rsm-ease) .3s forwards; }
.rsm-js .is-in .rsm-chat-steps li { animation: rsm-pop .45s var(--rsm-ease) forwards; }
.rsm-js .is-in .rsm-chat-steps li:nth-child(1) { animation-delay: 1.1s; }
.rsm-js .is-in .rsm-chat-steps li:nth-child(2) { animation-delay: 1.6s; }
.rsm-js .is-in .rsm-chat-steps li:nth-child(3) { animation-delay: 2.1s; }
.rsm-js .is-in .rsm-chat .rsm-typing { display: inline-flex; animation: rsm-typing-box 1.1s linear 2.6s both; }
.rsm-js .is-in .rsm-chat .rsm-msg--bot { animation: rsm-pop .5s var(--rsm-ease) 3.7s forwards; }
@keyframes rsm-pop { to { opacity: 1; transform: none; } }
@keyframes rsm-typing-box {
	0% { opacity: 0; max-height: 0; padding-block: 0; border-width: 0; }
	1%, 99% { opacity: 1; max-height: 40px; padding-block: 12px; border-width: 1px; }
	100% { opacity: 0; max-height: 0; padding-block: 0; border-width: 0; margin-top: -12px; }
}

/* --- 4.2 Чек-лист --- */
.rsm-checks {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.rsm-checks li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 14px 16px;
	border: 1px solid var(--rsm-ash);
	border-radius: 18px;
	background: var(--rsm-parchment);
	font-size: 14px;
	line-height: 1.45;
	letter-spacing: -0.02em;
	color: var(--rsm-ink);
	transition: border-color .2s, background-color .2s;
}
.rsm-checks li:hover { border-color: var(--rsm-result-soft); background: #fff; }
.rsm-check {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	border-radius: 50%;
	background: var(--rsm-accent);
	color: #fff;
}
.rsm-js .rsm-checks li { opacity: 0; transform: scale(.96); transition: opacity .5s var(--rsm-ease), transform .5s var(--rsm-ease), border-color .2s, background-color .2s; transition-delay: calc(var(--i) * 60ms), calc(var(--i) * 60ms), 0s, 0s; }
.rsm-js .is-in .rsm-checks li { opacity: 1; transform: none; }

/* --- 4.3 Сигналы --- */
.rsm-signals { display: grid; grid-template-columns: minmax(0, 1fr) 150px; align-items: center; gap: 24px; }
.rsm-signals-feed { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.rsm-signals-feed li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border: 1px solid var(--rsm-ash);
	border-radius: 16px;
	background: #fff;
	font-size: 15px;
	letter-spacing: -0.02em;
	animation: rsm-signal-hl 6.4s ease-in-out infinite;
	animation-delay: calc(var(--i) * 1.6s);
}
@keyframes rsm-signal-hl {
	0%, 22%, 100% { border-color: var(--rsm-ash); transform: none; }
	6%, 16% { border-color: var(--rsm-result); transform: translateX(6px); }
}
.rsm-signals-ico { display: flex; color: var(--rsm-smoke); }
.rsm-signals-ping { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: var(--rsm-ash); animation: rsm-signal-dot 6.4s ease-in-out infinite; animation-delay: calc(var(--i) * 1.6s); }
@keyframes rsm-signal-dot {
	0%, 22%, 100% { background: var(--rsm-ash); box-shadow: none; }
	6%, 16% { background: var(--rsm-result); box-shadow: 0 0 0 5px rgba(197, 34, 41, .15); }
}
.rsm-signals-target { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1; }
.rsm-signals-ring { position: absolute; inset: 0; border: 1px solid var(--rsm-result-soft); border-radius: 50%; animation: rsm-ring 3.2s ease-out infinite; }
.rsm-signals-ring + .rsm-signals-ring { animation-delay: 1.6s; }
@keyframes rsm-ring { 0% { transform: scale(.45); opacity: 1; } 100% { transform: scale(1); opacity: 0; } }
.rsm-signals-core { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--rsm-accent); color: #fff; box-shadow: 0 12px 30px -10px rgba(163, 12, 51, .6); }
.rsm-signals-label { position: absolute; bottom: -6px; font-family: var(--rsm-mono); font-size: 11px; color: var(--rsm-accent); }

/* Степпер */
.rsm-steps {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.rsm-steps::before {
	content: "";
	position: absolute;
	top: 24px;
	left: 24px;
	width: calc(75% + 12px);
	height: 2px;
	background: var(--rsm-line);
}
.rsm-steps::after {
	content: "";
	position: absolute;
	top: 24px;
	left: 24px;
	height: 2px;
	width: calc(75% + 12px);
	background: linear-gradient(90deg, var(--rsm-result-soft), var(--rsm-result));
	transition: width 2.2s var(--rsm-ease) .3s;
}
.rsm-js .rsm-steps::after { width: 0; }
.rsm-js .is-in .rsm-steps::after { width: calc(75% + 12px); }
.rsm-steps li { position: relative; display: flex; flex-direction: column; gap: 8px; padding-right: 8px; }
.rsm-steps-dot {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 1px solid var(--rsm-ash);
	border-radius: 50%;
	background: #fff;
	color: var(--rsm-ink);
	transition: background-color .4s, color .4s, border-color .4s;
	transition-delay: calc(.3s + var(--i) * .55s);
}
.rsm-js .is-in .rsm-steps-dot,
.rsm-steps li:last-child .rsm-steps-dot { border-color: var(--rsm-accent); }
.rsm-js .is-in .rsm-steps li:last-child .rsm-steps-dot { background: var(--rsm-accent); color: #fff; }
.rsm-steps-num { margin-top: 8px; font-family: var(--rsm-mono); font-size: 12px; color: var(--rsm-accent); }
.rsm .rsm-steps-title { margin: 0; font-family: var(--rsm-head); font-weight: 400; font-size: 20px; line-height: 1.25; letter-spacing: -0.02em; color: var(--rsm-ink); }
.rsm .rsm-steps-text { margin: 0; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; color: var(--rsm-graphite); }

.rsm-triggers {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	align-items: center;
	gap: 24px 32px;
	margin-top: 32px;
	padding: 24px 28px;
	border-radius: 24px;
	background: var(--rsm-ink);
}
.rsm .rsm-triggers p { margin: 0; font-size: 15px; line-height: 1.55; letter-spacing: -0.02em; color: #e9e6e4; }
.rsm-triggers-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.rsm-triggers-list li {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 14px;
	border: 1px solid #3a3a3a;
	border-radius: 16px;
	font-family: var(--rsm-mono);
	font-size: 11px;
	line-height: 1.35;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: #cfcac7;
	animation: rsm-trigger 5.6s ease-in-out infinite;
	animation-delay: calc(var(--i) * 1.4s);
}
.rsm-triggers-list span { display: flex; color: var(--rsm-result-soft); }
@keyframes rsm-trigger {
	0%, 25%, 100% { border-color: #3a3a3a; background: transparent; }
	8%, 18% { border-color: var(--rsm-result); background: rgba(197, 34, 41, .12); }
}

/* --- 4.4 ABM --- */
.rsm-abm {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 28px;
	border: 1px solid var(--rsm-ash);
	border-radius: 28px;
	background: var(--rsm-parchment);
}
.rsm-abm-input {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	border: 1px solid var(--rsm-ash);
	border-radius: 999px;
	background: #fff;
	color: var(--rsm-smoke);
}
.rsm-abm-inn { font-family: var(--rsm-mono); font-size: 12px; color: var(--rsm-ink); }
.rsm-abm-digits { display: inline-flex; gap: 4px; }
.rsm-abm-digits i { width: 7px; height: 12px; border-radius: 2px; background: var(--rsm-line); animation: rsm-digit 3s steps(1) infinite; }
.rsm-abm-digits i:nth-child(1) { animation-delay: .1s; }
.rsm-abm-digits i:nth-child(2) { animation-delay: .2s; }
.rsm-abm-digits i:nth-child(3) { animation-delay: .3s; }
.rsm-abm-digits i:nth-child(4) { animation-delay: .4s; }
.rsm-abm-digits i:nth-child(5) { animation-delay: .5s; }
.rsm-abm-digits i:nth-child(6) { animation-delay: .6s; }
.rsm-abm-digits i:nth-child(7) { animation-delay: .7s; }
.rsm-abm-digits i:nth-child(8) { animation-delay: .8s; }
.rsm-abm-digits i:nth-child(9) { animation-delay: .9s; }
.rsm-abm-digits i:nth-child(10) { animation-delay: 1s; }
@keyframes rsm-digit { 0% { background: var(--rsm-line); } 10%, 80% { background: var(--rsm-ink); } 90%, 100% { background: var(--rsm-line); } }
.rsm-abm-split,
.rsm-abm-merge { position: relative; display: block; width: 50%; height: 26px; }
.rsm-abm-split { border: 1px solid var(--rsm-ash); border-bottom: 0; border-radius: 14px 14px 0 0; margin-top: 12px; }
.rsm-abm-split::before { content: ""; position: absolute; left: 50%; top: -13px; width: 1px; height: 12px; background: var(--rsm-ash); }
.rsm-abm-merge { border: 1px solid var(--rsm-result-soft); border-top: 0; border-radius: 0 0 14px 14px; margin-bottom: 12px; }
.rsm-abm-merge::after { content: ""; position: absolute; left: 50%; bottom: -13px; width: 1px; height: 12px; background: var(--rsm-result); }
.rsm-abm-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; }
.rsm-abm-col { padding: 16px; border: 1px solid var(--rsm-ash); border-radius: 20px; background: #fff; }
.rsm .rsm-abm-col-title { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-family: var(--rsm-mono); font-size: 11px; text-transform: uppercase; letter-spacing: -0.02em; color: var(--rsm-accent); }
.rsm-abm-col ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.rsm-abm-col li { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; line-height: 1.35; letter-spacing: -0.02em; color: var(--rsm-ink); }
.rsm-abm-col li svg { flex: none; margin-top: 2px; color: var(--rsm-smoke); }
.rsm-abm-result { width: 100%; padding: 18px 20px; border-radius: 20px; background: var(--rsm-ink); }
.rsm .rsm-abm-result-tag { margin: 0 0 6px; font-family: var(--rsm-mono); font-size: 11px; text-transform: uppercase; color: var(--rsm-result-soft); }
.rsm .rsm-abm-result p:last-child { margin: 0; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; color: #fff; }

/* --- 4.5 Голос --- */
.rsm-voice {
	padding: 24px;
	border-radius: 28px;
	background: radial-gradient(120% 90% at 50% 0%, #2c2c2c 0%, #1b1b1b 70%);
	color: #fff;
	box-shadow: 0 30px 60px -40px rgba(36, 36, 36, .6);
}
.rsm-voice-head { display: flex; align-items: center; gap: 10px; font-size: 14px; letter-spacing: -0.02em; }
.rsm-voice-head b { font-weight: 500; }
.rsm-voice-mic { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--rsm-accent); animation: rsm-ping 2s ease-out infinite; }
.rsm-voice-live { margin-left: auto; padding: 3px 8px; border: 1px solid rgba(234, 176, 178, .5); border-radius: 999px; font-family: var(--rsm-mono); font-size: 10px; color: var(--rsm-result-soft); }
.rsm-voice-wave { display: flex; align-items: center; justify-content: space-between; gap: 3px; height: 140px; margin: 24px 0; }
.rsm-voice-wave i {
	flex: 1;
	height: var(--h);
	border-radius: 3px;
	background: linear-gradient(180deg, var(--rsm-result), var(--rsm-accent));
	transform-origin: center;
	animation: rsm-wave 1.2s ease-in-out infinite;
	animation-delay: var(--d);
}
@keyframes rsm-wave { 0%, 100% { transform: scaleY(.35); opacity: .7; } 50% { transform: scaleY(1); opacity: 1; } }
.rsm-voice-flow { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.rsm-voice-flow li {
	position: relative;
	display: inline-flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 10px;
	border: 1px solid #3c3c3c;
	border-radius: 999px;
	font-family: var(--rsm-mono);
	font-size: 10.5px;
	text-transform: uppercase;
	white-space: nowrap;
	color: #d8d4d1;
	animation: rsm-flow-step 4.5s ease-in-out infinite;
}
.rsm-voice-flow li:nth-child(2) { animation-delay: 1.5s; }
.rsm-voice-flow li:nth-child(3) { animation-delay: 3s; }
.rsm-voice-flow li svg { color: var(--rsm-result-soft); }
@keyframes rsm-flow-step {
	0%, 33%, 100% { border-color: #3c3c3c; background: transparent; }
	8%, 25% { border-color: var(--rsm-result); background: rgba(197, 34, 41, .18); }
}

/* Плитки возможностей */
.rsm-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.rsm-tiles li {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 18px;
	border: 1px solid var(--rsm-ash);
	border-radius: 20px;
	background: var(--rsm-parchment);
	font-size: 14.5px;
	line-height: 1.4;
	letter-spacing: -0.02em;
	color: var(--rsm-ink);
	transition: border-color .2s, transform .25s var(--rsm-ease), background-color .2s;
}
.rsm-tiles li:hover { border-color: var(--rsm-result-soft); background: #fff; transform: translateY(-3px); }
.rsm-tiles-ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid #efeeed;
	border-radius: 11px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
	color: var(--rsm-ink);
	transition: color .2s;
}
.rsm-tiles li:hover .rsm-tiles-ico { color: var(--rsm-accent); }
.rsm-tiles li:last-child { grid-column: span 2; border-color: var(--rsm-result-soft); background: #fff; }
.rsm-tiles li:last-child .rsm-tiles-ico { background: var(--rsm-accent); border-color: var(--rsm-accent); color: #fff; }
.rsm-js .rsm-tiles li { opacity: 0; transform: translateY(10px); transition: opacity .5s var(--rsm-ease), transform .5s var(--rsm-ease), border-color .2s, background-color .2s; transition-delay: calc(var(--i) * 55ms), calc(var(--i) * 55ms), 0s, 0s; }
.rsm-js .is-in .rsm-tiles li { opacity: 1; transform: none; }
.rsm-js .is-in .rsm-tiles li:hover { transform: translateY(-3px); transition-delay: 0s; }

/* ==========================================================================
   БЛОК 6. Сравнение
   ========================================================================== */
.rsm-vs { max-width: 64rem; margin: 0 auto; }
.rsm-vs-head,
.rsm-vs-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
	align-items: stretch;
	gap: 12px;
}
.rsm-vs-head { align-items: center; margin-bottom: 14px; }
.rsm-vs-h {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0 20px;
	font-family: var(--rsm-mono);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: -0.02em;
}
.rsm-vs-h--plain { color: var(--rsm-smoke); }
.rsm-vs-h--robin { color: var(--rsm-accent); }
.rsm-vs-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0 auto;
	border-radius: 50%;
	background: var(--rsm-ink);
	font-family: var(--rsm-mono);
	font-size: 12px;
	color: #fff;
}
.rsm-vs-row + .rsm-vs-row { margin-top: 10px; }
.rsm-vs-cell {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 18px 20px;
	border-radius: 18px;
	font-size: 15px;
	line-height: 1.45;
	letter-spacing: -0.02em;
	transition: transform .25s var(--rsm-ease), border-color .2s, box-shadow .25s;
}
.rsm-vs-cell--plain { border: 1px dashed var(--rsm-ash); color: var(--rsm-smoke); }
.rsm-vs-cell--robin { border: 1px solid var(--rsm-ash); background: #fff; color: var(--rsm-ink); }
.rsm-vs-mark { display: flex; align-items: center; justify-content: center; flex: none; width: 22px; height: 22px; border-radius: 50%; }
.rsm-vs-cell--plain .rsm-vs-mark { border: 1px solid var(--rsm-ash); color: var(--rsm-smoke); }
.rsm-vs-cell--robin .rsm-vs-mark { background: var(--rsm-accent); color: #fff; }
.rsm-vs-arrow { display: flex; align-items: center; justify-content: center; color: var(--rsm-smoke); transition: color .2s, transform .25s var(--rsm-ease); }
.rsm-vs-row:hover .rsm-vs-cell--robin { border-color: var(--rsm-result-soft); transform: translateX(4px); box-shadow: 0 14px 30px -20px rgba(163, 12, 51, .45); }
.rsm-vs-row:hover .rsm-vs-arrow { color: var(--rsm-accent); transform: scale(1.15); }
.rsm-vs-foot { max-width: 64rem; margin: 32px auto 0; padding-top: 24px; border-top: 1px solid var(--rsm-ash); }
.rsm .rsm-vs-foot p { margin: 0; font-size: 15px; line-height: 1.55; letter-spacing: -0.02em; color: var(--rsm-graphite); }
.rsm .rsm-vs-foot p + p { margin-top: 8px; color: var(--rsm-ink); }

/* ==========================================================================
   Адаптив
   ========================================================================== */
@media (max-width: 1023px) {
	.rsm-hero { grid-template-columns: minmax(0, 1fr); padding: 32px 32px 28px; }
	.rsm .rsm-hero-title { font-size: 42px; }
	.rsm .rsm-h2,
	.rsm .rsm-statement { font-size: 36px; }
	.rsm-panel { padding: 48px 28px; }
	.rsm-chain { grid-template-columns: minmax(0, 1fr); gap: 12px; max-width: 30rem; margin-left: auto; margin-right: auto; }
	.rsm-chain::before { top: 32px; bottom: 32px; left: 32px; right: auto; width: 1px; height: auto; background: repeating-linear-gradient(180deg, var(--rsm-ash) 0 4px, transparent 4px 8px); }
	.rsm-chain::after { display: none; }
	.rsm-chain-node { flex-direction: row; text-align: left; gap: 14px; }
	.rsm-chain-text { max-width: none; }
	.rsm-ba { grid-template-columns: minmax(0, 1fr); }
	.rsm-ex,
	.rsm-ex--flip { grid-template-columns: minmax(0, 1fr); grid-template-areas: "text" "visual" "wide"; gap: 28px; padding: 56px 0; }
	.rsm-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rsm-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.rsm-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
	.rsm-steps::before,
	.rsm-steps::after { display: none; }
	.rsm-triggers { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 639px) {
	.rsm-hero { padding: 24px 20px; border-radius: 20px; }
	.rsm .rsm-hero-title { font-size: 34px; }
	.rsm .rsm-hero-sub { font-size: 16px; }
	.rsm .rsm-h2,
	.rsm .rsm-statement { font-size: 29px; line-height: 1.12; }
	.rsm .rsm-ex-title { font-size: 27px; }
	.rsm-panel { padding: 40px 18px; border-radius: 20px; }
	.rsm-funnel-svg { display: none; }
	.rsm-funnel-stack { display: flex; flex-direction: column; align-items: center; gap: 6px; }
	.rsm-funnel-stack li {
		width: var(--w, 100%);
		padding: 10px 14px;
		border: 1px solid var(--rsm-ash);
		border-radius: 14px;
		background: #fff;
		text-align: center;
		font-size: 13px;
		line-height: 1.35;
		color: var(--rsm-graphite);
	}
	.rsm-funnel-stack li span { display: block; font-family: var(--rsm-mono); font-size: 11px; text-transform: uppercase; color: var(--rsm-ink); }
	.rsm-funnel-stack li.is-result { width: 100%; border-color: var(--rsm-result); }
	.rsm-funnel-stack li.is-result span { color: var(--rsm-accent); }
	.rsm .rsm-actions-p { padding: 20px; font-size: 15px; }
	.rsm-hl { white-space: normal; }
	.rsm-tiles li:last-child { grid-column: auto; }
	.rsm-checks,
	.rsm-tiles,
	.rsm-steps,
	.rsm-triggers-list,
	.rsm-abm-cols { grid-template-columns: minmax(0, 1fr); }
	.rsm-signals { grid-template-columns: minmax(0, 1fr) 96px; gap: 14px; }
	.rsm-card,
	.rsm-abm { padding: 20px; }
	.rsm-vs-head { display: none; }
	.rsm-vs-row { grid-template-columns: minmax(0, 1fr); gap: 6px; }
	.rsm-vs-row + .rsm-vs-row { margin-top: 18px; }
	.rsm-vs-arrow { display: none; }
	.rsm-voice-flow { flex-wrap: wrap; }
}

/* Sticky-навигация на узких экранах — одна строка с прокруткой,
   а не столбик поверх контента */
@media (max-width: 767px) {
	.rsm .robin-ai-jumpnav {
		flex-wrap: nowrap;
		max-width: calc(100vw - 32px);
		overflow-x: auto;
		scrollbar-width: none;
		white-space: nowrap;
	}
	.rsm .robin-ai-jumpnav::-webkit-scrollbar { display: none; }
	.rsm .robin-ai-jumpnav a { flex: none; padding: 8px 12px; }
}

/* Пользователь просит меньше движения — анимации выключены, всё видно сразу */
@media (prefers-reduced-motion: reduce) {
	.rsm *,
	.rsm *::before,
	.rsm *::after { animation: none !important; transition: none !important; }
	.rsm-js [data-rsm-reveal],
	.rsm-js .rsm-chat .rsm-msg,
	.rsm-js .rsm-chat-steps li,
	.rsm-js .rsm-checks li,
	.rsm-js .rsm-tiles li { opacity: 1 !important; transform: none !important; }
	.rsm-fn-dots { display: none; }
}