/* ==== new-style.css ==== */
	/* ===== Макет: новые блоки страницы сопровождения ===== */



	/* ---------- Герой ---------- */
	.gsf-hero__eyebrow {
		margin: 0 0 18px; font-size: 14px; letter-spacing: .08em; text-transform: uppercase;
		color: var(--acc-soft); font-weight: 600;
	}
	.gsf-hero__lead {
		margin: clamp(20px, 3vw, 30px) auto 0; max-width: 46ch;
		font-size: clamp(16px, 1.6vw, 20px); line-height: 1.5; color: #E9E9EA;
	}
	.gsf-hero__lead b { color: #fff; }
	.gsf-hero__who {
		display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 22px 0 0;
		padding: 0; list-style: none;
	}
	.gsf-hero__who li {
		padding: 7px 14px; border-radius: 30px; font-size: 14px;
		background: rgba(255,255,255,.08); color: #F6F6F6;
	}
	.gsf-hero__price { margin: 26px 0 0; font-size: 17px; color: #fff; }
	.gsf-hero__price b { font-family: var(--display-num); font-size: 22px; }
	.gsf-hero__price span { opacity: .7; }
	.gsf-hero__ctas {
		display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
		gap: 12px 14px; margin-top: 26px;
	}
	.gsf-hero__ctas .gsf-hero__btn { margin-top: 0; }
	.gsf-hero__ghost {
		display: inline-flex; flex-direction: column; justify-content: center; align-items: center;
		min-height: 64px; padding: 8px 28px; border-radius: 59px; text-decoration: none;
		border: 1.5px solid rgba(255,255,255,.35); color: #fff; font-size: 16px; font-weight: 500;
		transition: border-color .2s var(--ease), background .2s var(--ease);
	}
	.gsf-hero__ghost small { font-size: 12px; font-weight: 400; opacity: .7; }
	.gsf-hero__ghost:hover { border-color: #fff; background: rgba(255,255,255,.06); }
	.gsf-hero__stats {
		display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
		max-width: 920px; margin: clamp(36px, 5vw, 56px) auto 0; padding: 0; list-style: none;
	}
	.gsf-hero__stats li {
		padding: 18px 12px; border-radius: 20px; background: rgba(255,255,255,.06);
		display: flex; flex-direction: column; gap: 6px;
	}
	.gsf-hero__stats b { font-family: var(--display-num); font-size: clamp(22px, 2.6vw, 30px); line-height: 1; }
	.gsf-hero__stats span { font-size: 13px; line-height: 1.3; opacity: .75; }
	@media (max-width: 700px) {
		.gsf-hero__stats { grid-template-columns: repeat(2, 1fr); }
		.gsf-hero__ctas { flex-direction: column; align-items: stretch; }
		.gsf-hero__ctas .gsf-hero__btn, .gsf-hero__ghost { width: 100%; }
	}

	/* ---------- Кейсы: было → стало + голос семьи ---------- */
	.gsf-case__lbl {
		display: block; margin-bottom: 4px; font-size: 12px; font-weight: 700;
		letter-spacing: .06em; text-transform: uppercase; color: var(--acc);
	}
	.gsf-case__was, .gsf-case__got { margin: 0; font-size: 15px; line-height: 1.4; color: var(--slate); }
	.gsf-case__was { opacity: .75; }
	.gsf-case__quote {
		margin: 0; padding: 14px 16px; border-radius: 16px; background: var(--paper);
		font-size: 14px; line-height: 1.45; color: var(--slate); font-style: italic;
	}
	.gsf-case__quote cite { display: block; margin-top: 6px; font-style: normal; font-size: 12px; opacity: .6; }

	/* ---------- Страхи → ответы ---------- */
	.fx { margin-top: clamp(32px, 4vw, 48px); }
	.fx > input { position: absolute; opacity: 0; pointer-events: none; }
	.fx__tabs {
		display: flex; justify-content: center; gap: 8px; margin: 0 auto 28px;
		padding: 6px; border-radius: 60px; background: var(--plate); width: fit-content; max-width: 100%;
	}
	.fx__tab {
		padding: 12px 22px; border-radius: 60px; cursor: pointer; font-weight: 600; font-size: 16px;
		color: var(--slate); transition: background .2s var(--ease), color .2s var(--ease);
		white-space: nowrap;
	}
	#fx-st:checked ~ .fx__tabs label[for="fx-st"],
	#fx-pa:checked ~ .fx__tabs label[for="fx-pa"] { background: var(--acc); color: #fff; }
	#fx-st:focus-visible ~ .fx__tabs label[for="fx-st"],
	#fx-pa:focus-visible ~ .fx__tabs label[for="fx-pa"] { outline: 2px solid var(--acc); outline-offset: 2px; }
	.fx__panel { display: none; }
	#fx-st:checked ~ .fx__panel--st, #fx-pa:checked ~ .fx__panel--pa { display: grid; }
	.fx__panel { grid-template-columns: repeat(3, 1fr); gap: 16px; }
	@media (max-width: 1000px) { .fx__panel { grid-template-columns: repeat(2, 1fr); } }
	@media (max-width: 640px)  { .fx__panel { grid-template-columns: 1fr; } }
	.fx__card {
		background: var(--plate); border-radius: 24px; padding: 24px;
		display: flex; flex-direction: column; gap: 12px;
	}
	.fx__q {
		margin: 0; font-size: 18px; font-weight: 700; line-height: 1.25; color: var(--slate);
		display: grid; grid-template-columns: 30px 1fr; gap: 8px; align-items: start;
	}
	.fx__q::before {
		content: "?"; width: 26px; height: 26px; border-radius: 50%; background: var(--sand);
		display: inline-flex; align-items: center; justify-content: center; font-size: 14px;
	}
	.fx__a { margin: 0; font-size: 15px; line-height: 1.55; color: var(--slate); }
	.fx__proof {
		margin: auto 0 0; padding: 12px 14px; border-radius: 14px; background: var(--paper);
		font-size: 13px; line-height: 1.45; color: var(--slate);
	}
	.fx__proof a { color: var(--acc); }
	.fx__proof::before { content: "Как было: "; font-weight: 700; color: var(--acc); }
	.fx__proof--fact::before { content: "Факт: "; }

	/* ---------- Гарантия ---------- */
	.gx {
		margin: 0 12px; border-radius: 44px; background: var(--night); color: #fff;
		padding: clamp(44px, 6vw, 88px) clamp(20px, 4vw, 64px);
	}
	.gx .gsf-h { color: #fff; }
	.gx__grid {
		display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
		max-width: 1100px; margin: clamp(32px, 4vw, 48px) auto 0;
	}
	@media (max-width: 900px) { .gx__grid { grid-template-columns: 1fr; } }
	.gx__item { border-radius: 24px; padding: 26px; background: rgba(255,255,255,.06); }
	.gx__item--warn { background: rgba(255,172,2,.10); box-shadow: inset 0 0 0 1px rgba(255,172,2,.35); }
	.gx__item h3 { margin: 0 0 12px; font-size: 20px; line-height: 1.2; }
	.gx__item p { margin: 0; font-size: 15px; line-height: 1.6; color: #E9E9EA; }
	.gx__item p + p { margin-top: 10px; }
	.gx__note { margin: 26px auto 0; text-align: center; font-size: 14px; color: #bbb; }

	/* ---------- Пакеты: рассрочка и «вход» за 15 000 ---------- */
	.pkg__split { margin: 0 0 14px; font-size: 14px; opacity: .8; }
	.gsf-entry {
		margin: 28px auto 0; max-width: 1000px; border-radius: 24px; background: var(--paper);
		padding: 24px 28px; display: grid; grid-template-columns: 1fr auto; gap: 16px 28px; align-items: center;
		box-shadow: inset 0 0 0 2px var(--sand);
	}
	.gsf-entry h3 { margin: 0 0 6px; font-size: 20px; color: var(--slate); }
	.gsf-entry p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--slate); opacity: .85; }
	.gsf-entry a {
		display: inline-flex; align-items: center; min-height: 54px; padding: 0 26px; border-radius: 59px;
		background: var(--slate); color: #fff; text-decoration: none; font-weight: 500; white-space: nowrap;
	}
	@media (max-width: 700px) { .gsf-entry { grid-template-columns: 1fr; } .gsf-entry a { justify-content: center; } }

	/* ---------- Кто ведёт ---------- */
	.tm {
		display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 20px;
		margin-top: clamp(32px, 4vw, 56px); align-items: stretch;
	}
	@media (max-width: 900px) { .tm { grid-template-columns: 1fr; } }
	.tm__founder {
		background: var(--sand); border-radius: 30px; padding: clamp(24px, 3vw, 36px);
		display: flex; flex-direction: column; gap: 16px;
	}
	.tm__face { display: flex; align-items: center; gap: 16px; }
	.tm__face img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
	.tm__face b { display: block; font-size: 22px; color: var(--slate); }
	.tm__face span { font-size: 14px; color: var(--slate); opacity: .7; }
	.tm__founder p { margin: 0; font-size: 16px; line-height: 1.55; color: var(--slate); }
	.tm__roles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
	@media (max-width: 560px) { .tm__roles { grid-template-columns: 1fr; } }
	.tm__role { background: var(--plate); border-radius: 24px; padding: 22px 24px; }
	.tm__role b { display: block; font-family: var(--display-num); font-size: 34px; line-height: 1; color: var(--acc); }
	.tm__role h3 { margin: 8px 0 6px; font-size: 18px; color: var(--slate); }
	.tm__role p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--slate); opacity: .8; }
	.tm__adv {
		grid-column: 1 / -1; background: var(--slate); color: #fff; border-radius: 24px; padding: 22px 26px;
		font-size: 15px; line-height: 1.55;
	}
	.tm__adv b { color: var(--acc-soft); }

	/* ---------- FAQ ---------- */
	.gsf-faq { max-width: 900px; margin: clamp(32px, 4vw, 48px) auto 0; }
	.gsf-faq .gsf-det { background: var(--plate); }

	/* На сером фоне карточки страхов — белые, подпись «Как было» — серая. */
	.gsf-sec--plate .fx__card { background: var(--paper); box-shadow: 0 12px 20px -6px rgba(66,64,64,.10); }
	.gsf-sec--plate .fx__proof { background: var(--plate); }
	.gsf-sec--plate .fx__tabs { background: var(--paper); }

	/* Макет: без плашки cookie, плотнее стыки секций. */
	.gs-cookie { display: none !important; }
	#guarantee { padding: clamp(24px, 3vw, 40px) 0; }
	#packages + .gsf-sec--plate { padding-top: 0; }
	.tm__quote {
		margin: auto 0 0; padding: 16px 18px; border-radius: 16px; background: rgba(255,255,255,.6);
		font-size: 15px; line-height: 1.5; font-style: italic; color: var(--slate);
	}
	.tm__quote cite { display: block; margin-top: 6px; font-style: normal; font-size: 13px; opacity: .65; }


	.gsf-cases__hint { display: none; margin: 10px 0 0; text-align: center; font-size: 13px; color: var(--slate); opacity: .6; }
	/* Телефон: кейсы — горизонтальная лента со свайпом, а не четыре экрана подряд. */
	@media (max-width: 600px) {
		.gsf-cases {
			display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px;
			margin-inline: -16px; padding: 0 16px 8px; scrollbar-width: none;
		}
		.gsf-cases::-webkit-scrollbar { display: none; }
		.gsf-case { flex: 0 0 86%; scroll-snap-align: center; }
		.gsf-cases__hint { display: block; }
	}

	.fx__proof--link::before { content: "→ "; }

	/* Исправление для сайта: на телефоне этапы сжимались в колонку 44px —
	   рейка с номером вставала во второй столбец, текст в первый. */
	@media (max-width: 760px) {
		.gsf-stage__rail { grid-column: 1; grid-row: 1 / span 2; }
		.gsf-stage__name, .gsf-stage__text { grid-column: 2; }
	}

	/* ===== v2: акцент на задачах клиента ===== */
	.gsf-hero__save {
		display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
		max-width: 860px; margin: 26px auto 0; padding: 0; list-style: none; text-align: left;
	}
	.gsf-hero__save li {
		padding: 14px 16px; border-radius: 18px; background: rgba(255,255,255,.07);
		font-size: 14px; line-height: 1.4; color: #E9E9EA;
	}
	.gsf-hero__save b { display: block; margin-bottom: 4px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: #FFAC02; }
	@media (max-width: 700px) { .gsf-hero__save { grid-template-columns: 1fr; } }

	.tk { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: clamp(32px, 4vw, 48px); }
	@media (max-width: 1180px) { .tk { grid-template-columns: repeat(2, 1fr); } }
	@media (max-width: 640px)  { .tk { grid-template-columns: 1fr; } }
	.tk__card {
		background: var(--plate); border-radius: 24px; padding: 22px 22px 20px;
		display: flex; flex-direction: column; gap: 10px;
	}
	.tk__tags { display: flex; gap: 6px; margin: 0; }
	.tk__tag { padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; }
	.tk__tag--t { background: #E9DDF7; color: #7A3E91; }
	.tk__tag--m { background: #FBE5C5; color: #8A5A12; }
	.tk__tag--n { background: #DDEFE3; color: #2F6B45; }
	.tk__title { margin: 2px 0 0; font-size: 19px; line-height: 1.2; color: var(--slate); }
	.tk__do { margin: 0; font-size: 15px; line-height: 1.5; color: var(--slate); }
	.tk__skip { margin: 0; font-size: 14px; line-height: 1.45; color: var(--slate); opacity: .75; padding-left: 22px; position: relative; }
	.tk__skip::before { content: "✕"; position: absolute; left: 0; top: 0; font-size: 12px; color: var(--acc); }
	.tk__proof {
		margin: auto 0 0; padding: 10px 12px; border-radius: 12px; background: var(--paper);
		font-size: 13px; line-height: 1.45; color: var(--slate);
	}
	.tk__proof a { color: var(--acc); }

	.pkg-inc {
		display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; max-width: 1100px;
		margin: 28px auto 0; padding: 0; list-style: none;
	}
	@media (max-width: 900px) { .pkg-inc { grid-template-columns: repeat(2, 1fr); } }
	@media (max-width: 520px) { .pkg-inc { grid-template-columns: 1fr; } }
	.pkg-inc li {
		background: var(--paper); border-radius: 18px; padding: 14px 16px;
		font-size: 15px; line-height: 1.4; color: var(--slate);
	}
	.pkg-inc b { display: block; color: var(--acc); }

	.cab {
		display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(24px, 4vw, 56px);
		align-items: center;
	}
	@media (max-width: 900px) { .cab { grid-template-columns: 1fr; } }
	.cab__eyebrow { margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--acc); }
	.cab__title {
		margin: 0; font-family: var(--display); font-weight: 700; text-transform: uppercase;
		font-size: clamp(24px, 3.2vw, 40px); line-height: 1.15; letter-spacing: -.02em; color: var(--slate);
	}
	.cab__title em { font-style: normal; color: var(--acc); }
	.cab__lead { margin: 18px 0 0; font-size: 17px; line-height: 1.55; color: var(--slate); }
	.cab__list { margin: 18px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
	.cab__list li { padding-left: 30px; position: relative; font-size: 16px; color: var(--slate); }
	.cab__list li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--acc); color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center; }
	.cab__note { margin: 16px 0 0; font-size: 13px; color: var(--slate); opacity: .6; }
	.cab__mock { border-radius: 22px; background: var(--paper); box-shadow: 0 20px 50px rgba(29,29,31,.12); overflow: hidden; }
	.cab__bar { display: flex; gap: 6px; padding: 12px 14px; background: var(--slate); }
	.cab__bar i { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.35); }
	.cab__ph {
		aspect-ratio: 16 / 10; display: flex; flex-direction: column; align-items: center; justify-content: center;
		text-align: center; color: var(--slate); opacity: .55; font-size: 18px; font-weight: 600;
		background: repeating-linear-gradient(45deg, #fafafa 0 12px, #f2f2f2 12px 24px);
	}
	.cab__ph small { font-size: 13px; font-weight: 400; margin-top: 4px; }

	#cabinet { padding-bottom: 8px; }

	/* ===== v3: кабинет, после записи, липкая кнопка, видео ===== */
	.gsf-hero__demo { display: inline-block; margin-top: 16px; color: var(--acc-soft); font-size: 15px; text-decoration: none; border-bottom: 1px solid rgba(206,127,232,.5); }
	.gsf-hero__demo:hover { color: #fff; border-color: #fff; }

	.cab__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 24px; }
	.cab__btn {
		display: inline-flex; align-items: center; min-height: 56px; padding: 0 28px; border-radius: 59px;
		background: var(--acc); color: #fff; text-decoration: none; font-weight: 500; font-size: 16px;
	}
	.cab__btn:hover { background: var(--acc-soft); }
	.cab__hint { font-size: 14px; color: var(--slate); opacity: .65; }
	.cab__shot { position: relative; padding-bottom: 40px; }
	.cab__mock img { display: block; width: 100%; height: auto; }
	.cab__phone {
		position: absolute; right: -14px; bottom: 0; width: 26%; border-radius: 22px; overflow: hidden;
		border: 6px solid #1d1d1f; background: #fff; box-shadow: 0 20px 40px rgba(29,29,31,.25);
	}
	.cab__phone img { display: block; width: 100%; height: auto; }
	@media (max-width: 900px) {
		.cab__mock { display: none; }
		.cab__shot { padding-bottom: 0; }
		.cab__phone { position: static; width: 72%; margin: 0 auto; }
	}

	.nx { list-style: none; margin: clamp(32px, 4vw, 48px) auto 0; padding: 0; max-width: 1000px;
		display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
	@media (max-width: 800px) { .nx { grid-template-columns: 1fr; } }
	.nx__step { background: var(--paper); border-radius: 24px; padding: 24px; }
	.nx__num {
		display: inline-flex; width: 36px; height: 36px; border-radius: 50%; align-items: center; justify-content: center;
		background: var(--acc); color: #fff; font-family: var(--display-num); font-size: 16px;
	}
	.nx__step h3 { margin: 14px 0 8px; font-size: 19px; color: var(--slate); }
	.nx__step p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--slate); }
	.nx__ctas { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px 20px; margin-top: 32px; }
	.nx__ctas .gsf-hero__btn { margin-top: 0; }
	.nx__wa { color: #1f9e4f; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(31,158,79,.4); }

	.stk { display: none; }
	@media (max-width: 760px) {
		.stk {
			display: flex; gap: 8px; position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 9998;
			padding: 8px; border-radius: 40px; background: rgba(29,29,31,.92); backdrop-filter: blur(8px);
			box-shadow: 0 10px 30px rgba(0,0,0,.25);
			transform: translateY(140%); transition: transform .25s var(--ease);
		}
		.stk.is-on { transform: none; }
		.stk__main {
			flex: 1; display: flex; align-items: center; justify-content: center; min-height: 48px;
			border-radius: 30px; background: var(--acc); color: #fff; text-decoration: none; font-weight: 600; font-size: 15px;
		}
		.stk__wa {
			flex: 0 0 48px; display: flex; align-items: center; justify-content: center; height: 48px;
			border-radius: 50%; background: #25D366; color: #fff;
		}
		body { padding-bottom: 0; }
	}

	.tm__video { margin: 20px 0 0; }
	.tm__frame { position: relative; aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden; background: #000; }
	.tm__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
	.tm__video figcaption { margin-top: 10px; text-align: center; font-size: 14px; color: var(--slate); opacity: .7; }

	/* ===== v4: «Путь студента» — 12 этапов, прогресс растёт при прокрутке ===== */
	.jr__grid { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 40px; margin-top: clamp(32px, 4vw, 56px); align-items: start; }
	.jr__aside { position: sticky; top: 120px; display: flex; flex-direction: column; gap: 18px; }
	.jr__prog { background: var(--night); color: #fff; border-radius: 22px; padding: 18px 20px; }
	.jr__lbl { display: block; font-size: 13px; opacity: .75; }
	.jr__pct { display: block; font-family: var(--display-num); font-size: 40px; line-height: 1.1; margin: 4px 0 10px; color: #FFAC02; }
	.jr__track, .jr__mtrack { height: 8px; border-radius: 8px; background: rgba(255,255,255,.15); overflow: hidden; }
	.jr__fill, .jr__mfill { display: block; height: 100%; width: 8%; border-radius: 8px; background: linear-gradient(90deg, var(--acc), #FFAC02); transition: width .5s var(--ease); }
	.jr__count { display: block; margin-top: 8px; font-size: 13px; opacity: .75; }
	.jr__who { background: var(--plate); border-radius: 18px; padding: 12px 16px; }
	.jr__who span { display: block; font-size: 12px; color: var(--slate); opacity: .65; }
	.jr__who b { font-size: 16px; color: var(--slate); transition: color .3s; }
	.jr__toc, .jr__toc ol { list-style: none; margin: 0; padding: 0; }
	.jr__tph { font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--slate); opacity: .9; margin-bottom: 10px; }
	.jr__tph ol { margin-top: 6px; text-transform: none; letter-spacing: 0; font-weight: 500; }
	.jr__toc a {
		display: block; position: relative; padding: 4px 0 4px 22px; font-size: 14px; color: var(--slate); opacity: .55;
		text-decoration: none; transition: opacity .2s, color .2s;
	}
	.jr__toc a::before {
		content: ""; position: absolute; left: 2px; top: 50%; width: 10px; height: 10px; margin-top: -5px;
		border-radius: 50%; border: 2px solid #cfcfd4; background: #fff; transition: all .2s;
	}
	.jr__toc a.is-done { opacity: .85; }
	.jr__toc a.is-done::before { background: var(--acc); border-color: var(--acc); }
	.jr__toc a.is-on { opacity: 1; color: var(--acc); font-weight: 700; }
	.jr__toc a.is-on::before { background: #FFAC02; border-color: #FFAC02; box-shadow: 0 0 0 4px rgba(255,172,2,.2); }

	.jr__main { display: flex; flex-direction: column; gap: 28px; }
	.jr__phase { display: flex; flex-direction: column; gap: 14px; }
	.jr__ph { padding: 6px 4px 2px; }
	.jr__ph span { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--acc); }
	.jr__ph h3 { margin: 4px 0 2px; font-family: var(--display); font-weight: 700; text-transform: uppercase; font-size: clamp(24px, 2.6vw, 34px); color: var(--slate); }
	.jr__ph p { margin: 0; font-size: 14px; color: var(--slate); opacity: .7; }

	.jr__step {
		display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 22px 24px;
		background: var(--plate); border-radius: 24px; border: 2px solid transparent;
		transition: border-color .3s, box-shadow .3s, opacity .3s;
	}
	.jr__step--shot { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: start; }
	.jr__step.is-on { border-color: var(--acc); background: var(--paper); box-shadow: 0 16px 40px rgba(177,94,204,.15); }
	.jr__body { position: relative; padding-left: 52px; }
	.jr__n {
		position: absolute; left: 0; top: 0; width: 38px; height: 38px; border-radius: 50%;
		display: flex; align-items: center; justify-content: center; font-family: var(--display-num); font-size: 16px;
		background: #fff; color: var(--slate); border: 2px solid #e3e3e8; transition: all .3s;
	}
	.jr__step.is-on .jr__n { background: var(--acc); color: #fff; border-color: var(--acc); }
	.jr__step.is-done .jr__n { background: var(--acc-soft); color: #fff; border-color: var(--acc-soft); }
	.jr__body h4 { margin: 6px 0 8px; font-size: 20px; line-height: 1.2; color: var(--slate); }
	.jr__body p { margin: 0 0 10px; font-size: 15px; line-height: 1.55; color: var(--slate); }
	.jr__get { padding: 10px 12px; border-radius: 12px; background: #f3ecf7; }
	.jr__get b { display: block; font-size: 12px; letter-spacing: .05em; text-transform: uppercase; color: var(--acc); margin-bottom: 2px; }
	.jr__skip { position: relative; padding-left: 20px; font-size: 14px !important; opacity: .75; }
	.jr__skip::before { content: "✕"; position: absolute; left: 0; top: 1px; font-size: 12px; color: var(--acc); }
	.jr__proof { padding: 10px 12px; border-radius: 12px; background: #FDF2DF; font-size: 14px !important; }
	.jr__proof::before { content: "Как было: "; font-weight: 700; color: #a86a00; }
	.jr__proof a { color: var(--acc); }
	.jr__shot { margin: 0; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 10px 30px rgba(29,29,31,.10); border: 1px solid #ececf0; }
	.jr__shot img { display: block; width: 100%; height: auto; }
	.jr__shot figcaption { padding: 8px 12px; font-size: 12px; color: var(--slate); opacity: .6; border-top: 1px solid #f0f0f3; }
	.jr__shot--tall img { max-height: 380px; object-fit: cover; object-position: top; }
	.jr__shot--crop img { max-height: 300px; object-fit: cover; object-position: top left; }
	.jr__shot--apps img { max-height: 190px; object-fit: cover; object-position: top left; }

	.jr__end {
		display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 24px; align-items: center;
		padding: 28px; border-radius: 28px; background: var(--night); color: #fff;
	}
	.jr__endlbl { margin: 0 0 6px; font-family: var(--display-num); font-size: 22px; color: #FFAC02; }
	.jr__end h3 { margin: 0 0 10px; font-family: var(--display); text-transform: uppercase; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.15; }
	.jr__end p { margin: 0 0 18px; font-size: 15px; line-height: 1.55; color: #E9E9EA; }
	.jr__endbtns { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; }
	.jr__endlink { color: #fff; border-bottom: 1px solid rgba(255,255,255,.5); text-decoration: none; }

	/* Телефон: боковой колонки нет — сверху закреплена тонкая полоса прогресса */
	.jr__mbar { display: none; }
	@media (max-width: 900px) {
		.jr__grid { grid-template-columns: 1fr; }
		.jr__aside { display: none; }
		.jr__step--shot, .jr__end { grid-template-columns: 1fr; }
		.jr__step { padding: 18px; }
		.jr__body { padding-left: 46px; }
		.jr__mbar {
			display: block; position: fixed; left: 10px; right: 10px; top: 76px; z-index: 9990;
			padding: 10px 14px 12px; border-radius: 16px; background: rgba(29,29,31,.94); color: #fff;
			box-shadow: 0 8px 24px rgba(0,0,0,.25); transform: translateY(-140%); opacity: 0;
			transition: transform .25s var(--ease), opacity .25s;
		}
		.jr__mbar.is-on { transform: none; opacity: 1; }
		.jr__mtop { display: flex; align-items: baseline; gap: 8px; margin-bottom: 8px; font-size: 13px; }
		.jr__mstep { white-space: nowrap; }
		.jr__mname { flex: 1; opacity: .8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
		.jr__mpct { color: #FFAC02; font-family: var(--display-num); }
	}

	/* Невысокие экраны ноутбуков: колонка этапов должна помещаться целиком. */
	@media (min-width: 901px) and (max-height: 860px) {
		.jr__aside { top: 104px; gap: 12px; }
		.jr__prog { padding: 14px 18px; }
		.jr__pct { font-size: 32px; margin: 2px 0 8px; }
		.jr__who { padding: 8px 14px; }
		.jr__tph { margin-bottom: 6px; font-size: 12px; }
		.jr__toc a { padding: 2px 0 2px 22px; font-size: 13px; }
	}

/* ==== jt-style.css ==== */
	/* ===== v5: «Путь студента» — линия по центру, иконки, вопрос-ответ ===== */
	.jt { overflow: clip; }
	.jt__track { position: relative; margin-top: clamp(40px, 5vw, 72px); display: flex; flex-direction: column; gap: 28px; }
	.jt__line { position: absolute; left: 50%; top: 10px; bottom: 60px; width: 4px; margin-left: -2px; border-radius: 4px; background: #ececf1; }
	.jt__fill { position: absolute; left: 0; top: 0; width: 100%; height: 0; border-radius: 4px; background: linear-gradient(180deg, var(--acc) 0%, #FFAC02 100%); }

	/* Фаза — пилюля на линии */
	.jt__phase { position: relative; z-index: 1; display: flex; justify-content: center; margin: 18px 0 4px; }
	.jt__phasepill {
		display: inline-flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 26px;
		border-radius: 999px; background: var(--night); color: #fff; text-align: center;
		box-shadow: 0 10px 30px rgba(37,38,40,.18);
	}
	.jt__phasepill span { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #FFAC02; font-weight: 700; }
	.jt__phasepill b { font-family: var(--display); text-transform: uppercase; font-size: 20px; letter-spacing: -.01em; }
	.jt__phasepill i { font-style: normal; font-size: 12px; opacity: .7; }

	/* Ряд: карточка — узел — переписка, через ряд меняются местами */
	.jt__row { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) 84px minmax(0,1fr); align-items: center; }
	.jt__node { grid-column: 2; grid-row: 1; justify-self: center; position: relative; width: 60px; height: 60px; border-radius: 50%;
		display: flex; align-items: center; justify-content: center; background: #fff; color: #9a9aa3;
		border: 3px solid #ececf1; transition: background .35s, color .35s, border-color .35s, transform .35s; }
	.jt__ico { width: 26px; height: 26px; }
	.jt__num { position: absolute; right: -6px; top: -6px; width: 24px; height: 24px; border-radius: 50%; font-size: 12px; font-weight: 700;
		display: flex; align-items: center; justify-content: center; background: #ececf1; color: var(--slate); transition: background .35s, color .35s; }
	.jt__row.is-on .jt__node { background: var(--acc); border-color: var(--acc); color: #fff; }
	.jt__row.is-on .jt__num { background: #FFAC02; color: #1d1d1f; }
	.jt__row.is-cur .jt__node { transform: scale(1.12); box-shadow: 0 0 0 8px rgba(177,94,204,.16); }
	.jt__row--l .jt__card { grid-column: 1; grid-row: 1; }
	.jt__row--l .jt__chat { grid-column: 3; grid-row: 1; }
	.jt__row--r .jt__card { grid-column: 3; grid-row: 1; }
	.jt__row--r .jt__chat { grid-column: 1; grid-row: 1; }

	.jt__card { background: var(--paper); border: 1px solid #ececf1; border-radius: 24px; padding: 22px 24px;
		box-shadow: 0 12px 30px rgba(29,29,31,.06); transition: border-color .35s, box-shadow .35s; }
	.jt__row.is-cur .jt__card { border-color: rgba(177,94,204,.55); box-shadow: 0 18px 44px rgba(177,94,204,.16); }
	.jt__step { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--acc); }
	.jt__card h4 { margin: 6px 0 8px; font-size: 22px; line-height: 1.2; color: var(--slate); }
	.jt__card p { margin: 0 0 12px; font-size: 15px; line-height: 1.55; color: var(--slate); }
	.jt__get { margin: 0 !important; padding: 10px 12px; border-radius: 14px; background: #f4edf8; }
	.jt__get b { display: block; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--acc); margin-bottom: 2px; }

	/* Переписка: вопрос клиента и ответ компании */
	.jt__chat { display: flex; flex-direction: column; gap: 6px; padding: 6px 8px; }
	.jt__who { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #9a9aa3; }
	.jt__who--parent::before, .jt__who--student::before, .jt__who--us::before {
		content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: 1px;
	}
	.jt__who--parent::before { background: #FFAC02; }
	.jt__who--student::before { background: #6bb7ff; }
	.jt__who--us { color: var(--acc); align-self: flex-end; }
	.jt__who--us::before { background: var(--acc); }
	.jt__q { align-self: flex-start; max-width: 92%; margin: 0; padding: 12px 16px; border-radius: 18px 18px 18px 4px;
		background: var(--plate); font-size: 16px; line-height: 1.4; color: var(--slate); font-weight: 500; }
	.jt__ans { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; margin-top: 6px; }
	.jt__a { max-width: 92%; margin: 0; padding: 12px 16px; border-radius: 18px 18px 4px 18px; background: var(--acc); color: #fff;
		font-size: 15px; line-height: 1.45; }
	.jt__typing { display: none; }

	/* Анимация появления — только когда работает JS и пользователь не отключил движение */
	@media (prefers-reduced-motion: no-preference) {
		.jt-js .jt__card { opacity: 0; transform: translateY(22px); transition: opacity .5s var(--ease), transform .5s var(--ease), border-color .35s, box-shadow .35s; }
		.jt-js .jt__row.is-in .jt__card { opacity: 1; transform: none; }
		.jt-js .jt__chat .jt__who, .jt-js .jt__q { opacity: 0; transform: translateY(10px); }
		.jt-js .jt__ans { opacity: 0; }
		.jt-js .jt__row.is-in .jt__chat > .jt__who, .jt-js .jt__row.is-in .jt__q { animation: jtPop .4s var(--ease) .25s forwards; }
		.jt-js .jt__row.is-in .jt__typing { display: inline-flex; align-self: flex-end; gap: 4px; padding: 12px 14px; border-radius: 16px; background: #f4edf8;
			animation: jtType 1s linear .65s forwards; opacity: 0; }
		.jt-js .jt__typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--acc); opacity: .5; animation: jtDot .9s infinite; }
		.jt-js .jt__typing i:nth-child(2) { animation-delay: .15s; }
		.jt-js .jt__typing i:nth-child(3) { animation-delay: .3s; }
		.jt-js .jt__row.is-in .jt__ans { animation: jtPop .45s var(--ease) 1.65s forwards; }
		.jt-js .jt__finish .jt__endcard { opacity: 0; transform: translateY(22px); transition: all .6s var(--ease); }
		.jt-js .jt__finish.is-in .jt__endcard { opacity: 1; transform: none; }
	}
	@keyframes jtPop { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
	@keyframes jtType { 0% { opacity: 1; } 99% { opacity: 1; } 100% { opacity: 0; display: none; height: 0; padding: 0; } }
	@keyframes jtDot { 0%, 100% { opacity: .3; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }

	/* Финиш */
	.jt__finish { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 18px; margin-top: 10px; }
	.jt__node--end { width: 76px; height: 76px; background: #FFAC02; border-color: #FFAC02; color: #1d1d1f; }
	.jt__node--end .jt__ico { width: 34px; height: 34px; }
	.jt__endcard { max-width: 640px; text-align: center; padding: 30px; border-radius: 28px; background: var(--night); color: #fff; }
	.jt__endpct { margin: 0 0 6px; font-family: var(--display-num); font-size: 22px; color: #FFAC02; }
	.jt__endcard h3 { margin: 0 0 10px; font-family: var(--display); text-transform: uppercase; font-size: clamp(22px, 2.6vw, 32px); line-height: 1.15; }
	.jt__endcard p { margin: 0 0 20px; font-size: 15px; line-height: 1.55; color: #E9E9EA; }
	.jt__endbtns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 20px; align-items: center; }
	.jt__endlink { color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.5); }

	/* Закреплённая полоса: шаг · фазы · процент. Появляется только внутри блока */
	.jt__bar {
		position: fixed; left: 50%; top: 92px; z-index: 9990; width: min(1160px, calc(100% - 24px)); transform: translate(-50%, -150%);
		display: flex; align-items: center; gap: 18px; padding: 10px 18px; border-radius: 18px;
		background: rgba(37,38,40,.95); color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.22); opacity: 0;
		transition: transform .3s var(--ease), opacity .3s;
	}
	.jt__bar.is-on { transform: translate(-50%, 0); opacity: 1; }
	.jt__barstep { display: flex; flex-direction: column; min-width: 190px; line-height: 1.25; }
	.jt__barn { font-size: 12px; color: #FFAC02; letter-spacing: .04em; text-transform: uppercase; }
	.jt__barname { font-size: 15px; font-weight: 600; }
	.jt__segs { flex: 1; display: grid; grid-template-columns: 3fr 2fr 4fr 3fr; gap: 6px; }
	.jt__seg { display: flex; flex-direction: column; gap: 4px; }
	.jt__seg::before { content: ""; display: block; height: 6px; border-radius: 6px; background: rgba(255,255,255,.15); }
	.jt__seg { position: relative; }
	.jt__seg i { position: absolute; left: 0; top: 0; height: 6px; width: 0; border-radius: 6px; background: linear-gradient(90deg, var(--acc), #FFAC02); transition: width .4s var(--ease); }
	.jt__seg em { font-style: normal; font-size: 11px; opacity: .55; }
	.jt__seg.is-cur em { opacity: 1; color: #FFAC02; }
	.jt__barpct { font-family: var(--display-num); font-size: 22px; color: #FFAC02; min-width: 56px; text-align: right; }

	/* Телефон: линия слева, переписка под карточкой */
	@media (max-width: 900px) {
		.jt__line { left: 29px; }
		.jt__phase { justify-content: flex-start; }
		.jt__phasepill { align-items: flex-start; text-align: left; border-radius: 20px; padding: 10px 18px; margin-left: 0; }
		.jt__row, .jt__row--l, .jt__row--r { grid-template-columns: 60px minmax(0, 1fr); align-items: start; column-gap: 12px; }
		.jt__node { grid-column: 1; grid-row: 1; width: 52px; height: 52px; }
		.jt__row--l .jt__card, .jt__row--r .jt__card { grid-column: 2; grid-row: 1; }
		.jt__row--l .jt__chat, .jt__row--r .jt__chat { grid-column: 2; grid-row: 2; padding: 10px 0 0; }
		.jt__card { padding: 18px; }
		.jt__card h4 { font-size: 20px; }
		.jt__finish { align-items: flex-start; }
		.jt__node--end { margin-left: 0; }
		.jt__endcard { text-align: left; padding: 22px; }
		.jt__endbtns { justify-content: flex-start; }
		.jt__bar { top: 74px; gap: 10px; padding: 8px 12px; border-radius: 14px; flex-wrap: wrap; }
		.jt__barstep { min-width: 0; flex: 1; flex-direction: row; gap: 8px; align-items: baseline; }
		.jt__barname { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
		.jt__barpct { font-size: 16px; min-width: 0; }
		.jt__segs { order: 3; flex-basis: 100%; }
		.jt__seg em { display: none; }
	}

/* ==== jv-style.css ==== */
	/* ===== Варианты пути для спокойного чтения ===== */
	.jv__end { max-width: 760px; margin: 48px auto 0; text-align: center; padding: 32px; border-radius: 28px; background: var(--night); color: #fff; }
	.jv__endlbl { margin: 0 0 8px; font-size: 14px; color: #FFAC02; font-weight: 600; }
	.jv__end h3 { margin: 0 0 20px; font-size: clamp(22px, 2.4vw, 28px); line-height: 1.25; font-weight: 700; }
	.jv__endbtns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 22px; align-items: center; }
	.jv__endlink { color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.5); }
	.jv__who-dot, .ja__who::before, .jb__who::before, .jc__who::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; vertical-align: 1px; background: #FFAC02; }
	.ja__who--student::before, .jb__who--student::before, .jc__who--student::before { background: #6bb7ff; }

	/* ---------- A: один шаг на экране ---------- */
	.ja { padding-bottom: clamp(40px, 6vw, 80px); }
	.ja__scroller { position: relative; }
	.jt-js .ja__scroller { height: calc(var(--n) * 60vh + 100vh); }
	.ja__stage { position: relative; }
	.jt-js .ja__stage { position: sticky; top: 0; height: 100vh; display: flex; align-items: center; padding-top: 80px; box-sizing: border-box; }
	.ja__inner { width: 100%; }
	.ja__slides { position: relative; display: flex; flex-direction: column; gap: 40px; }
	.jt-js .ja__slides { display: block; min-height: 440px; }
	.ja__slide { display: grid; grid-template-columns: minmax(0, 11fr) minmax(0, 9fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
	.jt-js .ja__slide { position: absolute; inset: 0; opacity: 0; transform: translateY(26px); pointer-events: none; transition: opacity .45s var(--ease), transform .45s var(--ease); }
	.jt-js .ja__slide.is-on { opacity: 1; transform: none; pointer-events: auto; }
	.ja__phase { margin: 0 0 18px; font-size: 14px; font-weight: 600; color: var(--acc); }
	.ja__mark { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
	.ja__ico { width: 64px; height: 64px; border-radius: 50%; background: var(--acc); color: #fff; display: flex; align-items: center; justify-content: center; }
	.ja__ico .jt__ico { width: 30px; height: 30px; }
	.ja__num { font-family: var(--display-num); font-size: 44px; line-height: 1; color: #e4dfe8; }
	.ja__slide h3 { margin: 0 0 14px; font-size: clamp(30px, 3.6vw, 46px); line-height: 1.1; font-weight: 700; color: var(--slate); letter-spacing: -.01em; }
	.ja__do { margin: 0 0 14px; font-size: clamp(18px, 1.6vw, 21px); line-height: 1.55; color: var(--slate); max-width: 34ch; }
	.ja__get { margin: 0; font-size: 17px; line-height: 1.5; color: var(--slate); opacity: .75; max-width: 40ch; }
	.ja__right { background: var(--plate); border-radius: 28px; padding: clamp(24px, 3vw, 40px); }
	.ja__who { margin: 0 0 14px; font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #8d8d96; }
	.ja__q { margin: 0 0 16px; font-size: clamp(21px, 2vw, 26px); line-height: 1.3; font-weight: 700; color: var(--slate); }
	.ja__a { margin: 0; font-size: 18px; line-height: 1.6; color: var(--slate); }
	.ja__progress { display: flex; align-items: center; gap: 20px; margin-top: 36px; }
	.ja__count { font-size: 14px; color: var(--slate); opacity: .7; white-space: nowrap; }
	.ja__count b { font-size: 18px; color: var(--acc); opacity: 1; }
	.ja__dots { flex: 1; display: flex; gap: 6px; }
	.ja__dot { flex: 1; height: 6px; border: 0; padding: 0; border-radius: 6px; background: #e8e6ec; cursor: pointer; transition: background .3s; }
	.ja__dot.is-done { background: var(--acc-soft); }
	.ja__dot.is-on { background: var(--acc); }
	.ja__skip { font-size: 14px; color: var(--slate); opacity: .6; text-decoration: none; white-space: nowrap; }
	.ja__skip:hover { opacity: 1; }
	@media (max-width: 900px) {
		.jt-js .ja__stage { padding-top: 76px; align-items: flex-start; }
		.jt-js .ja__slides { min-height: calc(100vh - 250px); margin-top: 8px; }
		.ja__slide { grid-template-columns: 1fr; gap: 18px; align-content: start; }
		.ja__mark { margin-bottom: 8px; } .ja__ico { width: 48px; height: 48px; } .ja__ico .jt__ico { width: 24px; height: 24px; } .ja__num { font-size: 32px; }
		.ja__phase { margin-bottom: 10px; font-size: 13px; }
		.ja__slide h3 { font-size: 28px; margin-bottom: 8px; }
		.ja__do { font-size: 17px; margin-bottom: 8px; } .ja__get { font-size: 15px; }
		.ja__right { padding: 18px; border-radius: 20px; }
		.ja__q { font-size: 19px; margin-bottom: 10px; } .ja__a { font-size: 16px; }
		.ja__progress { margin-top: 14px; gap: 12px; }
		.ja__skip { display: none; }
	}
	@media (prefers-reduced-motion: reduce) { .jt-js .ja__slide { transition: none; transform: none; } }

	/* ---------- B: 4 фазы, листаете сами ---------- */
	.jb__bar { position: relative; height: 4px; border-radius: 4px; background: #ececf1; margin: clamp(32px, 4vw, 48px) 0 0; }
	.jb__barfill { position: absolute; left: 0; top: 0; height: 100%; width: 25%; border-radius: 4px; background: linear-gradient(90deg, var(--acc), #FFAC02); transition: width .5s var(--ease); }
	.jb__phases { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }
	.jb__ph { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 16px 18px; border-radius: 20px; border: 2px solid #ececf1;
		background: var(--paper); color: var(--slate); text-align: left; cursor: pointer; font: inherit; transition: all .25s var(--ease); }
	.jb__ph:hover { border-color: var(--acc-soft); }
	.jb__phn { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 6px;
		background: #f1eef4; color: var(--slate); font-weight: 700; font-size: 14px; }
	.jb__ph b { font-size: 18px; }
	.jb__ph i { font-style: normal; font-size: 13px; opacity: .6; }
	.jb__ph.is-done .jb__phn { background: var(--acc-soft); color: #fff; }
	.jb__ph.is-on { background: var(--night); border-color: var(--night); color: #fff; box-shadow: 0 14px 34px rgba(37,38,40,.2); }
	.jb__ph.is-on .jb__phn { background: #FFAC02; color: #1d1d1f; }
	.jb__panels { margin-top: 28px; }
	.jb__panel { display: none; }
	.jb__panel.is-on { display: block; animation: jbIn .45s var(--ease); }
	@keyframes jbIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
	.jb__lead { margin: 0 0 20px; font-size: 17px; color: var(--slate); }
	.jb__lead b { color: var(--acc); }
	.jb__cols { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(24px, 4vw, 56px); align-items: start; }
	.jb__steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 26px; }
	.jb__step { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; }
	.jb__ico { width: 56px; height: 56px; border-radius: 50%; background: #f4edf8; color: var(--acc); display: flex; align-items: center; justify-content: center; }
	.jb__ico .jt__ico { width: 26px; height: 26px; }
	.jb__step h4 { margin: 4px 0 6px; font-size: 21px; color: var(--slate); }
	.jb__step h4 span { color: var(--acc); }
	.jb__step p { margin: 0 0 6px; font-size: 17px; line-height: 1.55; color: var(--slate); }
	.jb__get { font-size: 15px !important; opacity: .7; }
	.jb__faq { background: var(--plate); border-radius: 26px; padding: 22px; }
	.jb__faqh { margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--slate); opacity: .6; }
	.jb__qa { background: var(--paper); border-radius: 16px; margin-top: 10px; }
	.jb__qa > summary { list-style: none; cursor: pointer; padding: 16px 44px 16px 18px; position: relative; font-size: 17px; font-weight: 700; line-height: 1.35; color: var(--slate); }
	.jb__qa > summary::-webkit-details-marker { display: none; }
	.jb__qa > summary::after { content: "+"; position: absolute; right: 18px; top: 14px; font-size: 22px; color: var(--acc); }
	.jb__qa[open] > summary::after { content: "–"; }
	.jb__who { display: block; margin-bottom: 6px; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #8d8d96; }
	.jb__qa p { margin: 0; padding: 0 18px 16px; font-size: 16px; line-height: 1.55; color: var(--slate); }
	.jb__nav { display: flex; justify-content: space-between; align-items: center; margin-top: 28px; padding-top: 20px; border-top: 1px solid #ececf1; }
	.jb__prev, .jb__next { font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; border: 0; text-decoration: none; }
	.jb__prev { background: none; color: var(--slate); opacity: .65; padding: 12px 0; }
	.jb__next { background: var(--acc); color: #fff; padding: 14px 24px; border-radius: 40px; }
	@media (max-width: 900px) {
		.jb__phases { display: flex; overflow-x: auto; gap: 8px; margin-inline: -16px; padding: 0 16px 4px; scrollbar-width: none; }
		.jb__phases::-webkit-scrollbar { display: none; }
		.jb__ph { flex: 0 0 auto; padding: 12px 14px; flex-direction: row; align-items: center; gap: 10px; }
		.jb__phn { margin: 0; } .jb__ph i { display: none; } .jb__ph b { font-size: 16px; }
		.jb__cols { grid-template-columns: 1fr; }
		.jb__step { grid-template-columns: 44px minmax(0,1fr); gap: 14px; } .jb__ico { width: 44px; height: 44px; }
		.jb__step h4 { font-size: 19px; } .jb__step p { font-size: 16px; }
		.jb__faq { padding: 16px; margin-inline: -4px; }
	}

	/* ---------- C: спокойная лента ---------- */
	.jc { position: relative; max-width: 760px; margin: clamp(40px, 5vw, 64px) auto 0; }
	.jc__line { position: absolute; left: 27px; top: 0; bottom: 0; width: 3px; border-radius: 3px; background: #ececf1; }
	.jc__fill { position: absolute; left: 0; top: 0; width: 100%; height: 0; border-radius: 3px; background: linear-gradient(180deg, var(--acc), #FFAC02); }
	.jc__phase { position: relative; padding: 28px 0 18px 84px; }
	.jc__phase:first-of-type { padding-top: 0; }
	.jc__phase span { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--acc); }
	.jc__phase h3 { margin: 4px 0 2px; font-size: clamp(26px, 2.8vw, 32px); font-weight: 700; color: var(--slate); }
	.jc__phase p { margin: 0; font-size: 15px; color: var(--slate); opacity: .6; }
	.jc__step { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 28px; padding: 18px 0 30px; }
	.jc__node { position: relative; z-index: 1; width: 56px; height: 56px; border-radius: 50%; background: #fff; border: 3px solid #ececf1; color: #a3a3ab;
		display: flex; align-items: center; justify-content: center; transition: all .35s; }
	.jc__node .jt__ico { width: 26px; height: 26px; }
	.jc__step.is-on .jc__node { background: var(--acc); border-color: var(--acc); color: #fff; }
	.jc__body h4 { margin: 10px 0 8px; font-size: 23px; color: var(--slate); }
	.jc__body h4 span { color: var(--acc); }
	.jc__body > p { margin: 0 0 8px; font-size: 18px; line-height: 1.6; color: var(--slate); }
	.jc__get { font-size: 16px !important; opacity: .7; }
	.jc__qa { margin: 18px 0 0; padding: 4px 0 4px 20px; border-left: 3px solid #FFAC02; }
	.jc__who { margin: 0 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #8d8d96; }
	.jc__q { margin: 0 0 6px; font-size: 19px; font-weight: 700; line-height: 1.35; color: var(--slate); }
	.jc__a { margin: 0; font-size: 17px; line-height: 1.6; color: var(--slate); }
	@media (prefers-reduced-motion: no-preference) {
		.jt-js .jc__body { opacity: 0; transform: translateY(18px); transition: opacity .55s var(--ease), transform .55s var(--ease); }
		.jt-js .jc__step.is-in .jc__body { opacity: 1; transform: none; }
	}
	@media (max-width: 640px) {
		.jc__line { left: 21px; }
		.jc__phase { padding-left: 62px; }
		.jc__step { grid-template-columns: 44px minmax(0, 1fr); gap: 18px; }
		.jc__node { width: 44px; height: 44px; } .jc__node .jt__ico { width: 22px; height: 22px; }
		.jc__body h4 { margin-top: 6px; font-size: 21px; } .jc__body > p { font-size: 17px; }
		.jc__q { font-size: 18px; } .jc__a { font-size: 16px; }
	}

/* ==== j2-style.css ==== */
	/* ===== A2: один шаг на экране + маршрут с самолётиком ===== */
	.j2 { padding-bottom: 0; transition: background-color .6s var(--ease); }
	.j2[data-phase="1"] { background: #fff; }
	.j2[data-phase="2"] { background: #FFF8EC; }
	.j2[data-phase="3"] { background: #F3F6FC; }
	.j2[data-phase="4"] { background: #F0F8F2; }
	.j2__scroller { position: relative; }
	.jt-js .j2__scroller { height: calc(var(--n) * 36vh + 100vh); }
	.jt-js .j2__stage { position: sticky; top: 0; height: 100vh; display: flex; align-items: center; padding-top: 88px; box-sizing: border-box; }
	.j2__inner { width: 100%; }

	/* Маршрут */
	.j2__route { position: relative; margin: 0 0 22px; padding-top: 22px; }
	.j2__map { display: block; width: 100%; height: auto; overflow: visible; }
	.j2__map--m { display: none; }
	.j2__path { fill: none; stroke-width: 4; stroke-linecap: round; }
	.j2__path--base { stroke: #e3e1e8; stroke-dasharray: 2 10; }
	.j2__path--done { transition: stroke-dashoffset .15s linear; }
	.j2__phases { position: absolute; left: 0; right: 0; top: 0; height: 18px; }
	.j2__phases span { position: absolute; top: 0; transform: translateX(-50%); font-size: 12px; font-weight: 700; letter-spacing: .06em;
		text-transform: uppercase; color: #a5a3ad; white-space: nowrap; transition: color .3s; }
	.j2__phases span.is-on { color: var(--acc); }
	.j2__node { position: absolute; transform: translate(-50%, -50%); width: 30px; height: 30px; padding: 0; border-radius: 50%; border: 2px solid #e3e1e8;
		background: #fff; color: #8d8b95; font: 700 12px/1 var(--body); cursor: pointer; display: flex; align-items: center; justify-content: center;
		transition: background .3s, border-color .3s, color .3s, transform .3s var(--ease); z-index: 1; }
	.j2__node:hover { border-color: var(--acc); color: var(--acc); }
	.j2__node.is-done { background: var(--acc); border-color: var(--acc); color: #fff; }
	.j2__node.is-on { background: #fff; border-color: #FFAC02; color: var(--slate); transform: translate(-50%, -50%) scale(1.25); }
	.j2__plane { position: absolute; z-index: 2; width: 42px; height: 42px; border-radius: 50%; background: var(--night); color: #FFAC02;
		display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 22px rgba(37,38,40,.3); pointer-events: none; }
	.j2__plane svg { width: 22px; height: 22px; }

	/* Слайды */
	.j2__slides { position: relative; }
	.jt-js .j2__slides { min-height: 400px; }
	.j2__slide { display: grid; grid-template-columns: minmax(0, 11fr) minmax(0, 9fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
	.jt-js .j2__slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity .4s var(--ease); }
	.jt-js .j2__slide.is-on { opacity: 1; pointer-events: auto; }
	.j2__mark { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; }
	.j2__ico { width: 66px; height: 66px; border-radius: 22px; background: var(--acc); color: #fff; display: flex; align-items: center; justify-content: center;
		box-shadow: 0 12px 26px rgba(177,94,204,.3); }
	.j2__ico .jt__ico { width: 32px; height: 32px; }
	.j2__num { display: flex; align-items: baseline; gap: 6px; font-family: var(--display-num); }
	.j2__num b { font-size: 46px; line-height: 1; color: var(--slate); }
	.j2__num i { font-style: normal; font-size: 18px; color: #b5b3bd; }
	.j2__chip { display: inline-block; margin: 0 0 12px; padding: 6px 12px; border-radius: 30px; background: rgba(177,94,204,.1); font-size: 13px; font-weight: 600; color: var(--acc); }
	.j2__slide h3 { margin: 0 0 12px; font-size: clamp(30px, 3.4vw, 44px); line-height: 1.1; font-weight: 700; color: var(--slate); letter-spacing: -.01em; }
	.j2__do { margin: 0 0 16px; font-size: clamp(18px, 1.6vw, 20px); line-height: 1.55; color: var(--slate); max-width: 36ch; }
	.j2__get { display: flex; gap: 10px; align-items: flex-start; margin: 0; font-size: 17px; line-height: 1.45; color: var(--slate); max-width: 42ch; }
	.j2__ok { flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: #2fb36b; color: #fff; display: flex; align-items: center; justify-content: center; }
	.j2__ok svg { width: 15px; height: 15px; }

	/* Переписка */
	.j2__chat { background: #fff; border-radius: 28px; padding: clamp(22px, 2.6vw, 34px); box-shadow: 0 18px 50px rgba(29,29,31,.08); display: flex; flex-direction: column; gap: 8px; min-height: 250px; }
	.j2__who, .j2__us { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #8d8d96; }
	.j2__who::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; vertical-align: 1px; background: #FFAC02; }
	.j2__who--student::before { background: #6bb7ff; }
	.j2__q { align-self: flex-start; max-width: 94%; margin: 0; padding: 14px 18px; border-radius: 20px 20px 20px 6px; background: var(--plate);
		font-size: clamp(18px, 1.7vw, 21px); line-height: 1.35; font-weight: 700; color: var(--slate); }
	.j2__ans { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; margin-top: 6px; }
	.j2__us { color: var(--acc); }
	.j2__a { max-width: 94%; margin: 0; padding: 13px 17px; border-radius: 20px 20px 6px 20px; background: var(--acc); color: #fff; font-size: 16px; line-height: 1.5; }
	.j2__typing { display: none; }

	@media (prefers-reduced-motion: no-preference) {
		.jt-js .j2__slide .j2__mark, .jt-js .j2__slide .j2__chip, .jt-js .j2__slide h3, .jt-js .j2__slide .j2__do, .jt-js .j2__slide .j2__get { opacity: 0; transform: translateY(16px); }
		.jt-js .j2__slide.is-on .j2__mark { animation: j2In .45s var(--ease) .05s forwards; }
		.jt-js .j2__slide.is-on .j2__chip { animation: j2In .45s var(--ease) .1s forwards; }
		.jt-js .j2__slide.is-on h3 { animation: j2In .45s var(--ease) .15s forwards; }
		.jt-js .j2__slide.is-on .j2__do { animation: j2In .45s var(--ease) .22s forwards; }
		.jt-js .j2__slide.is-on .j2__get { animation: j2In .45s var(--ease) .32s forwards; }
		.jt-js .j2__slide.is-on .j2__ok { animation: j2Ok .5s var(--ease) .6s both; }
		.jt-js .j2__slide.is-on .j2__ico { animation: j2Ico .6s var(--ease) both; }
		.jt-js .j2__slide .j2__who, .jt-js .j2__slide .j2__q, .jt-js .j2__slide .j2__ans { opacity: 0; }
		.jt-js .j2__slide.is-on .j2__who, .jt-js .j2__slide.is-on .j2__q { animation: j2In .4s var(--ease) .35s forwards; }
		.jt-js .j2__slide.is-on .j2__typing { display: inline-flex; align-self: flex-end; gap: 4px; padding: 13px 15px; border-radius: 16px; background: #f4edf8; opacity: 0;
			animation: j2Type 1.1s linear .75s forwards; }
		.jt-js .j2__typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--acc); animation: jtDot .9s infinite; }
		.jt-js .j2__typing i:nth-child(2) { animation-delay: .15s; } .jt-js .j2__typing i:nth-child(3) { animation-delay: .3s; }
		.jt-js .j2__slide.is-on .j2__ans { animation: j2In .45s var(--ease) 1.85s forwards; }
		.jt-js .j2__slide.is-on .j2__a + .j2__a { animation: j2In .45s var(--ease) 2.2s both; }
	}
	@keyframes j2In { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
	@keyframes j2Ok { 0% { transform: scale(0); } 70% { transform: scale(1.25); } 100% { transform: scale(1); } }
	@keyframes j2Ico { 0% { transform: scale(.6) rotate(-12deg); opacity: 0; } 70% { transform: scale(1.08) rotate(3deg); opacity: 1; } 100% { transform: none; opacity: 1; } }
	@keyframes j2Type { 0%, 98% { opacity: 1; } 100% { opacity: 0; height: 0; padding: 0; margin: 0; } }

	/* Управление */
	.j2__ctrl { display: flex; align-items: center; gap: 14px; margin-top: 26px; }
	.j2__btn { width: 46px; height: 46px; border-radius: 50%; border: 2px solid #e3e1e8; background: #fff; color: var(--slate); font-size: 18px; cursor: pointer; transition: all .2s; }
	.j2__btn:hover { border-color: var(--acc); color: var(--acc); }
	.j2__count { font-size: 15px; color: var(--slate); opacity: .75; min-width: 92px; text-align: center; }
	.j2__count b { color: var(--acc); font-size: 19px; }
	.j2__skip { margin-left: auto; font-size: 14px; color: var(--slate); opacity: .6; text-decoration: none; }
	.j2__skip:hover { opacity: 1; }
	body.j2-active .stk { transform: translateY(140%) !important; }

	/* Невысокие экраны ноутбуков */
	@media (min-width: 901px) and (max-height: 820px) {
		.jt-js .j2__stage { padding-top: 84px; }
		.j2__route { margin-bottom: 10px; }
		.jt-js .j2__slides { min-height: 360px; }
		.j2__slide h3 { font-size: 34px; } .j2__mark { margin-bottom: 8px; } .j2__ico { width: 54px; height: 54px; }
		.j2__chat { min-height: 220px; padding: 20px 24px; }
		.j2__ctrl { margin-top: 14px; }
	}
	/* Телефон */
	@media (max-width: 900px) {
		.jt-js .j2__stage { padding-top: 74px; align-items: flex-start; }
		.j2__map--d { display: none; } .j2__map--m { display: block; }
		.j2__route { margin: 4px 0 6px; padding-top: 18px; }
		.j2__phases span { font-size: 10px; letter-spacing: .03em; }
		.j2__node { width: 22px; height: 22px; font-size: 0; }
		.j2__node.is-on { font-size: 11px; transform: translate(-50%, -50%) scale(1.3); }
		.j2__plane { width: 32px; height: 32px; } .j2__plane svg { width: 17px; height: 17px; }
		.jt-js .j2__slides { min-height: calc(100vh - 290px); }
		.j2__slide { grid-template-columns: 1fr; gap: 14px; align-content: start; }
		.j2__mark { gap: 12px; margin-bottom: 8px; } .j2__ico { width: 46px; height: 46px; border-radius: 16px; } .j2__ico .jt__ico { width: 24px; height: 24px; }
		.j2__num b { font-size: 32px; } .j2__num i { font-size: 14px; }
		.j2__chip { font-size: 12px; margin-bottom: 8px; padding: 5px 10px; }
		.j2__slide h3 { font-size: 26px; margin-bottom: 6px; }
		.j2__do { font-size: 16px; margin-bottom: 8px; } .j2__get { font-size: 15px; } .j2__ok { flex-basis: 22px; width: 22px; height: 22px; }
		.j2__chat { min-height: 0; padding: 16px; border-radius: 20px; gap: 6px; }
		.j2__q { font-size: 17px; padding: 11px 14px; } .j2__a { font-size: 15px; padding: 11px 14px; }
		.j2__ctrl { margin-top: 10px; gap: 10px; } .j2__btn { width: 40px; height: 40px; } .j2__skip { display: none; }
	}
	/* Блок кабинета теперь идёт сразу после пути, за ним — кейсы на белом */
	#cabinet { padding-bottom: clamp(56px, 8vw, 96px); }

	/* Внутри пути кнопка «наверх» не нужна и перекрывает стрелки */
	body.j2-active .scroll-top { opacity: 0 !important; pointer-events: none !important; }

	/* v9: акцент на действии, а не на номере шага */
	.j2__cap { font-size: 14px; line-height: 1.45; color: var(--slate); opacity: .75; }
	.j2__cap b { color: var(--acc); opacity: 1; font-weight: 600; }
	.j2__mark { margin-bottom: 18px; }
	.j2__ico { width: 54px; height: 54px; border-radius: 18px; }
	.j2__ico .jt__ico { width: 26px; height: 26px; }
	.j2__slide h3 { font-size: clamp(34px, 4vw, 52px); margin-bottom: 14px; }
	.j2__do { font-size: clamp(19px, 1.7vw, 22px); font-weight: 500; }
	@media (max-width: 900px) { .j2__slide h3 { font-size: 28px; } .j2__do { font-size: 17px; } .j2__ico { width: 44px; height: 44px; border-radius: 14px; } .j2__cap { font-size: 12px; } }

/* ==== v8-style.css ==== */
	/* ===== v8: фокус — первый экран с видео, команда, результаты, таблица пакетов ===== */
	/* Первый экран */
	.h8 { padding: 8px 0 0; }
	.h8__plate { margin: 0 12px; border-radius: 44px; background: var(--night); color: #fff; padding: clamp(40px, 5vw, 72px) clamp(20px, 4vw, 64px);
		display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(28px, 4vw, 64px); align-items: center; }
	.h8__eyebrow { margin: 0 0 16px; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--acc-soft); }
	.h8__title { margin: 0; font-family: var(--display); font-weight: 700; text-transform: uppercase; font-size: clamp(34px, 4.4vw, 60px); line-height: 1.02; letter-spacing: -.02em; }
	.h8__lead { margin: 22px 0 0; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.5; color: #E9E9EA; max-width: 34ch; }
	.h8__btn { margin-top: 28px !important; }
	.h8__note { margin: 12px 0 0; font-size: 14px; line-height: 1.45; color: #b9b9be; max-width: 38ch; }
	.h8__meta { margin: 18px 0 0; font-size: 14px; color: #d6d6da; }
	.h8__meta a { color: #fff; border-bottom: 1px solid rgba(255,255,255,.4); text-decoration: none; }
	.h8__video { margin: 0; }
	.h8__frame { position: relative; aspect-ratio: 16 / 9; border-radius: 26px; overflow: hidden; background: #000; box-shadow: 0 24px 60px rgba(0,0,0,.45); outline: 2px solid rgba(255,172,2,.5); outline-offset: 6px; }
	.h8__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
	.h8__video figcaption { margin-top: 18px; display: flex; flex-direction: column; gap: 2px; }
	.h8__video figcaption b { font-size: 17px; }
	.h8__video figcaption span { font-size: 14px; color: #b9b9be; }
	@media (max-width: 900px) {
		.h8__plate { grid-template-columns: 1fr; border-radius: 28px; padding: 32px 20px; }
		.h8__btn { width: 100%; }
		.h8__frame { border-radius: 18px; outline-offset: 4px; }
	}

	/* Команда — тёмный блок */
	.t8 { margin: 0 12px; border-radius: 44px; background: var(--night); color: #fff; padding: clamp(40px, 5vw, 72px) clamp(20px, 4vw, 64px); }
	.t8__head { max-width: 640px; }
	.t8__title { margin: 0; font-family: var(--display); font-weight: 700; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.1; letter-spacing: -.01em; }
	.t8__lead { margin: 16px 0 0; font-size: 18px; line-height: 1.55; color: #d6d6da; }
	.t8__roles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 36px; }
	.t8__role { background: rgba(255,255,255,.06); border-radius: 24px; padding: 24px; display: flex; flex-direction: column; }
	.t8__badge { width: 52px; height: 52px; border-radius: 16px; background: var(--acc); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
	.t8__badge--gold { background: #FFAC02; color: #1d1d1f; }
	.t8__ico { width: 26px; height: 26px; }
	.t8__cnt { margin: 0 0 4px; font-size: 13px; font-weight: 600; color: #FFAC02; }
	.t8__role h3, .t8__people h3 { margin: 0 0 10px; font-size: 21px; line-height: 1.2; }
	.t8__role p, .t8__people p { margin: 0; font-size: 15px; line-height: 1.55; color: #d6d6da; }
	.t8__people { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
	.t8__founder, .t8__advisor { display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: center; background: rgba(255,255,255,.06); border-radius: 24px; padding: 22px 24px; }
	.t8__founder img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; border: 3px solid var(--acc); }
	.t8__advisor .t8__badge { margin: 0; width: 64px; height: 64px; border-radius: 50%; }
	.t8__founder p.t8__cnt, .t8__advisor p.t8__cnt { color: #FFAC02; margin-bottom: 4px; }
	.t8__stats { list-style: none; margin: 28px 0 0; padding: 22px 0 0; border-top: 1px solid rgba(255,255,255,.12); display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
	.t8__stats li { font-size: 14px; color: #b9b9be; display: flex; flex-direction: column; gap: 2px; }
	.t8__stats b { font-family: var(--display-num); font-size: 28px; color: #fff; }
	@media (max-width: 1100px) { .t8__roles { grid-template-columns: repeat(2, 1fr); } }
	@media (max-width: 700px) {
		.t8 { border-radius: 28px; padding: 32px 18px; }
		.t8__roles, .t8__people { grid-template-columns: 1fr; }
		.t8__stats { grid-template-columns: repeat(2, 1fr); }
		.t8__founder, .t8__advisor { grid-template-columns: 1fr; }
	}

	/* Компактные результаты */
	.r8 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: clamp(28px, 3vw, 40px) 0 clamp(28px, 3vw, 40px); }
	.r8__card { display: flex; flex-direction: column; gap: 12px; padding: 18px; border-radius: 22px; background: var(--paper); text-decoration: none; color: var(--slate);
		box-shadow: 0 10px 26px rgba(29,29,31,.06); transition: transform .2s var(--ease), box-shadow .2s var(--ease); }
	.r8__card:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(29,29,31,.1); }
	.r8__faces { display: flex; }
	.r8__faces img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; }
	.r8__faces img + img { margin-left: -10px; }
	.r8__body { display: flex; flex-direction: column; gap: 4px; }
	.r8__body b { font-size: 18px; }
	.r8__uni { display: flex; align-items: center; gap: 6px; font-size: 13px; opacity: .7; }
	.r8__uni img { border-radius: 2px; }
	.r8__res { font-size: 15px; line-height: 1.4; margin-top: 4px; }
	.r8__more { margin-top: auto; font-size: 14px; font-weight: 600; color: var(--acc); }
	@media (max-width: 1000px) { .r8 { grid-template-columns: repeat(2, 1fr); } }
	@media (max-width: 560px) { .r8 { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: -16px; padding: 0 16px 6px; scrollbar-width: none; } .r8::-webkit-scrollbar { display: none; } .r8__card { flex: 0 0 78%; scroll-snap-align: start; } }

	/* Таблица пакетов */
	.p8__wrap { margin-top: clamp(32px, 4vw, 48px); background: var(--paper); border-radius: 28px; padding: 8px 8px 16px; box-shadow: 0 14px 40px rgba(29,29,31,.06); }
	.p8 { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
	.p8 th, .p8 td { padding: 14px 16px; text-align: left; vertical-align: top; font-size: 15px; line-height: 1.4; color: var(--slate); border-bottom: 1px solid #f0eff3; }
	.p8 tbody th { font-weight: 600; width: 26%; }
	.p8 thead th { vertical-align: bottom; padding-top: 26px; border-bottom: 2px solid #ecebf0; }
	.p8 thead th b { display: block; font-size: 22px; }
	.p8__corner { width: 26%; }
	.p8 .is-best { background: #f7f1fa; }
	.p8 thead th.is-best { border-radius: 20px 20px 0 0; position: relative; }
	.p8 tbody tr:last-child td.is-best { border-radius: 0 0 20px 20px; }
	.p8 tbody tr:last-child th, .p8 tbody tr:last-child td { border-bottom: 0; }
	.p8__best { display: inline-block; margin-bottom: 8px; padding: 4px 10px; border-radius: 20px; background: var(--acc); color: #fff; font-size: 12px; font-weight: 600; }
	.p8__tag { display: block; margin-top: 2px; font-size: 13px; opacity: .65; font-weight: 400; }
	.p8__price { display: block; margin-top: 12px; font-family: var(--display-num); font-size: 28px; font-weight: 700; }
	.p8__part { display: block; font-size: 13px; opacity: .7; font-weight: 400; margin-bottom: 14px; }
	.p8__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; border-radius: 40px; background: var(--acc); color: #fff !important; text-decoration: none; font-weight: 600; font-size: 15px; }
	.p8 thead th:not(.is-best) .p8__cta { background: var(--slate); }
	.p8__pay { display: block; margin-top: 8px; font-size: 13px; color: var(--slate); opacity: .6; font-weight: 400; }
	.p8__y { color: #2fb36b; font-weight: 700; }
	.p8__n { color: #c3c2ca; }
	.p8__cards { display: none; }
	@media (max-width: 900px) {
		.p8__wrap { display: none; }
		.p8__cards { display: flex; flex-direction: column; gap: 14px; margin-top: 28px; }
		.p8__card { position: relative; background: var(--paper); border-radius: 24px; padding: 22px 18px; display: flex; flex-direction: column; }
		.p8__card.is-best { box-shadow: 0 0 0 2px var(--acc), 0 14px 34px rgba(177,94,204,.18); }
		.p8__cname { font-size: 22px; }
		.p8__card .p8__best { align-self: flex-start; }
		.p8__card ul { list-style: none; margin: 0 0 16px; padding: 0; }
		.p8__card li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #f0eff3; font-size: 14px; }
		.p8__card li span:first-child { opacity: .75; }
		.p8__card li span:last-child { text-align: right; font-weight: 600; }
		.p8__card li.is-no { opacity: .45; }
		.p8__card .p8__cta { width: 100%; }
		.p8__card .p8__pay { text-align: center; }
	}

	/* Гарантия — строкой под таблицей */
	.g8 { display: grid; grid-template-columns: auto minmax(0, 3fr) minmax(0, 2fr); gap: 18px; align-items: center; margin-top: 18px; padding: 20px 24px; border-radius: 22px; background: var(--night); color: #fff; }
	.g8__ico { width: 46px; height: 46px; border-radius: 50%; background: #FFAC02; color: #1d1d1f; display: flex; align-items: center; justify-content: center; }
	.g8__ico svg { width: 24px; height: 24px; }
	.g8__main { font-size: 16px; line-height: 1.5; }
	.g8__side { font-size: 14px; line-height: 1.5; color: #b9b9be; padding-left: 18px; border-left: 1px solid rgba(255,255,255,.15); }
	@media (max-width: 900px) { .g8 { grid-template-columns: auto 1fr; } .g8__side { grid-column: 1 / -1; padding: 12px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.15); } }

	/* Что можно добавить */
	.a8__title { margin: 40px 0 16px; font-size: 22px; color: var(--slate); }
	.a8 { display: grid; grid-template-columns: 3fr 2fr; gap: 16px; }
	.a8__card { background: var(--paper); border-radius: 24px; padding: 24px; display: flex; flex-direction: column; box-shadow: inset 0 0 0 2px var(--sand); }
	.a8__card--light { box-shadow: inset 0 0 0 2px #ecebf0; }
	.a8__price { margin: 0 0 6px; font-family: var(--display-num); font-size: 26px; font-weight: 700; color: var(--acc); }
	.a8__card h4 { margin: 0 0 8px; font-size: 20px; color: var(--slate); }
	.a8__card p { margin: 0 0 12px; font-size: 15px; line-height: 1.5; color: var(--slate); }
	.a8__card ul { margin: 0 0 18px; padding-left: 20px; font-size: 15px; line-height: 1.7; color: var(--slate); }
	.a8__btns { margin-top: auto; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
	.a8__btns .p8__pay { margin: 0; }
	@media (max-width: 800px) { .a8 { grid-template-columns: 1fr; } }

	/* Липкая кнопка без мессенджера */
	@media (max-width: 760px) { .stk__main { font-size: 16px; } }

	/* Цвета, которые перебивал общий стиль абзацев */
	.t8 .t8__cnt { color: #FFAC02; }
	.a8__card .a8__price { color: var(--acc); }
	/* Отзывы компактнее: вместо фото на всю ширину — круглый аватар */
	.gsf .review-card { height: 340px; }
	.gsf .review-card__avatar { margin: 0; width: 56px; height: 56px; flex: 0 0 56px; border-radius: 50%; }
	/* Телефон: роли команды — лентой со свайпом */
	@media (max-width: 700px) {
		.t8__roles { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin-inline: -18px; padding: 0 18px 6px; scrollbar-width: none; }
		.t8__roles::-webkit-scrollbar { display: none; }
		.t8__role { flex: 0 0 78%; scroll-snap-align: start; padding: 20px; }
		.t8__badge { width: 44px; height: 44px; margin-bottom: 12px; }
	}

/* ==== v9-style.css ==== */
	/* ===== v9 ===== */
	.j2__cap { opacity: 1; color: rgba(64,63,63,.7); }
	.j2__cap b { color: var(--acc); }

	/* Кейсы — с акцентом, открываются во всплывающем окне */
	.c9-sec { background: var(--paper); }
	.c9 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: clamp(32px, 4vw, 48px); }
	.c9__card { display: flex; flex-direction: column; gap: 14px; padding: 24px; border: 0; border-radius: 26px; background: var(--night); color: #fff; text-align: left; cursor: pointer;
		font: inherit; box-shadow: 0 16px 40px rgba(37,38,40,.18); transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
	.c9__card:nth-child(2n) { background: var(--acc); }
	.c9__card:hover { transform: translateY(-4px); box-shadow: 0 22px 50px rgba(37,38,40,.26); }
	.c9__faces { display: flex; }
	.c9__faces img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,.9); }
	.c9__faces img + img { margin-left: -14px; }
	.c9__faces--big img { width: 72px; height: 72px; border-color: #fff; }
	.c9__res { font-size: 20px; line-height: 1.25; font-weight: 700; }
	.c9__who { display: flex; flex-direction: column; gap: 4px; margin-top: auto; }
	.c9__who b { font-size: 16px; }
	.c9__who span { display: flex; align-items: center; gap: 6px; font-size: 13px; opacity: .8; }
	.c9__who img { border-radius: 2px; }
	.c9__more { align-self: flex-start; padding: 10px 18px; border-radius: 30px; background: rgba(255,255,255,.14); font-size: 14px; font-weight: 600; }
	.c9__card:hover .c9__more { background: #FFAC02; color: #1d1d1f; }
	@media (max-width: 1100px) { .c9 { grid-template-columns: repeat(2, 1fr); } }
	@media (max-width: 600px) { .c9 { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: -16px; padding: 0 16px 8px; scrollbar-width: none; } .c9::-webkit-scrollbar { display: none; } .c9__card { flex: 0 0 80%; scroll-snap-align: start; } }

	/* Всплывающее окно */
	.m9 { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 24px; }
	.m9[hidden] { display: none; }
	.m9__overlay { position: absolute; inset: 0; background: rgba(20,20,22,.6); backdrop-filter: blur(4px); opacity: 0; transition: opacity .25s; }
	.m9__panel { position: relative; width: min(760px, 100%); max-height: calc(100vh - 48px); overflow: auto; background: var(--paper); border-radius: 28px;
		padding: clamp(24px, 4vw, 44px); box-shadow: 0 30px 80px rgba(0,0,0,.35); transform: translateY(24px) scale(.98); opacity: 0; transition: transform .3s var(--ease), opacity .3s; }
	.m9.is-on .m9__overlay { opacity: 1; }
	.m9.is-on .m9__panel { transform: none; opacity: 1; }
	html.m9-open { overflow: hidden; }
	.m9__x { position: sticky; top: 0; float: right; margin: -8px -8px 0 0; width: 40px; height: 40px; border-radius: 50%; border: 0; background: var(--plate); font-size: 16px; cursor: pointer; z-index: 2; }
	.m9__head { display: flex; gap: 18px; align-items: center; margin-bottom: 22px; }
	.m9__kicker { display: flex; align-items: center; gap: 6px; margin: 0 0 4px; font-size: 13px; color: var(--slate); opacity: .7; }
	.m9__head h3 { margin: 0; font-size: 28px; color: var(--slate); }
	.m9__res { margin: 6px 0 0; font-size: 17px; font-weight: 600; color: var(--acc); }
	.m9__sec { margin-top: 18px; }
	.m9__sec h4 { margin: 0 0 8px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--slate); opacity: .6; }
	.m9__sec p, .m9__sec li { font-size: 16px; line-height: 1.6; color: var(--slate); }
	.m9__sec p { margin: 0; }
	.m9__sec ul { margin: 0; padding-left: 20px; }
	.m9__sec--got { padding: 16px 20px; border-radius: 18px; background: #eef8f2; }
	.m9__sec--got ul { padding-left: 0; list-style: none; }
	.m9__sec--got li { position: relative; padding-left: 26px; }
	.m9__sec--got li::before { content: "✓"; position: absolute; left: 0; color: #2fb36b; font-weight: 700; }
	.m9__quote { margin: 22px 0 0; padding: 18px 22px; border-radius: 18px; background: #f7f1fa; border-left: 4px solid var(--acc); }
	.m9__quote p { margin: 0; font-size: 18px; line-height: 1.5; font-style: italic; color: var(--slate); }
	.m9__quote cite { display: block; margin-top: 8px; font-style: normal; font-size: 14px; color: var(--slate); opacity: .65; }
	.m9__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 24px; }
	.m9__full { font-size: 14px; color: var(--slate); opacity: .7; }
	.m9__nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 22px; padding-top: 16px; border-top: 1px solid #ececf1; }
	.m9__nav button { border: 0; background: none; font: inherit; font-size: 14px; font-weight: 600; color: var(--acc); cursor: pointer; padding: 6px 0; }
	.m9__pk { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
	.m9__pk section { padding: 18px; border-radius: 18px; background: var(--plate); }
	.m9__pk section.is-best { background: #f7f1fa; box-shadow: inset 0 0 0 2px var(--acc); }
	.m9__pk h4 { margin: 0 0 8px; font-size: 18px; color: var(--slate); }
	.m9__pk p, .m9__pk li { font-size: 14px; line-height: 1.55; color: var(--slate); }
	.m9__pk p { margin: 0 0 8px; } .m9__pk ul { margin: 0; padding-left: 18px; }
	.m9__panel--wide { width: min(1080px, 100%); }
	@media (max-width: 800px) { .m9 { padding: 0; align-items: flex-end; } .m9__panel { border-radius: 24px 24px 0 0; max-height: 92vh; } .m9__pk { grid-template-columns: 1fr; } .m9__head { flex-direction: column; align-items: flex-start; } }

	/* Команда: шесть ролей без цифр */
	.t9__roles { grid-template-columns: repeat(3, 1fr); }
	.t9__advisor { margin-top: 16px; }
	.t9__stats { grid-template-columns: repeat(3, 1fr); }
	@media (max-width: 1000px) { .t9__roles { grid-template-columns: repeat(2, 1fr); } }

	/* Кнопка «подробно» под карточками пакетов */
	.p9__details { display: block; margin: 22px auto 0; padding: 14px 26px; border-radius: 40px; border: 2px solid var(--acc); background: var(--paper); color: var(--acc);
		font: inherit; font-weight: 600; font-size: 16px; cursor: pointer; transition: all .2s; }
	.p9__details:hover { background: var(--acc); color: #fff; }

	.c9-sec { padding-bottom: clamp(24px, 3vw, 40px); }

/* ==== v10-style.css ==== */
	/* ===== v10 ===== */
	/* «Читать ещё» в отзывах: раскрытая карточка снова растёт по тексту */
	.gsf .review-card.is-expanded { height: auto; }

	/* Ссылка на историю в ответе пути */
	.j2__case { margin-top: 4px; font-size: 14px; font-weight: 600; color: var(--acc); text-decoration: none; border-bottom: 1px solid rgba(177,94,204,.35); }
	.j2__case:hover { border-color: var(--acc); }
	.jt-js .j2__slide .j2__case { opacity: 1; }

	/* Команда: куратор крупно, остальные роли — сеткой 2×2 рядом */
	.t10 { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; margin-top: 36px; }
	.t10__lead-card { display: flex; flex-direction: column; padding: clamp(24px, 3vw, 36px); border-radius: 28px;
		background: linear-gradient(160deg, #B15ECC 0%, #8f43ab 100%); color: #fff; box-shadow: 0 18px 50px rgba(177,94,204,.35); }
	.t10__lead-card .t8__badge { margin-bottom: 18px; }
	.t10__kicker { margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #FFE1A3; }
	.t10__lead-card h3 { margin: 0 0 14px; font-family: var(--display); font-size: clamp(30px, 3.2vw, 42px); line-height: 1.05; }
	.t10__lead-card p { margin: 0 0 12px; font-size: 17px; line-height: 1.55; color: #f6eefa; }
	.t10__strong { font-weight: 600; color: #fff !important; }
	.t10__geo { display: flex; flex-wrap: wrap; gap: 8px; margin: auto 0 0; padding: 14px 0 0; list-style: none; }
	.t10__geo li { padding: 7px 14px; border-radius: 30px; background: rgba(255,255,255,.16); font-size: 14px; font-weight: 600; }
	.t10__roles { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
	.t10__roles .t8__role { padding: 22px; }
	.t10__roles .t8__role h3 { font-size: 19px; }
	.t10__stats { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
	.t10__stats li { padding: 20px; border-radius: 22px; background: rgba(255,255,255,.06); text-align: center; display: flex; flex-direction: column; gap: 4px; }
	.t10__stats b { font-family: var(--display-num); font-size: 30px; color: #fff; }
	.t10__stats span { font-size: 14px; color: #b9b9be; }
	@media (max-width: 1000px) { .t10 { grid-template-columns: 1fr; } }
	@media (max-width: 700px) {
		.t10__roles { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin-inline: -18px; padding: 0 18px 6px; scrollbar-width: none; }
		.t10__roles::-webkit-scrollbar { display: none; }
		.t10__roles .t8__role { flex: 0 0 78%; scroll-snap-align: start; }
		.t10__stats { grid-template-columns: 1fr; gap: 10px; }
		.t10__stats li { flex-direction: row; justify-content: space-between; align-items: baseline; text-align: left; padding: 14px 18px; }
	}

	/* Пакеты: три преимущества вместо четырёх */
	.pkg-inc--3 { grid-template-columns: repeat(3, 1fr); max-width: 980px; }
	@media (max-width: 760px) { .pkg-inc--3 { grid-template-columns: 1fr; } }
	/* Советник: тот же размер, что у карточек ролей */
	.t9__advisor h3 { margin: 0 0 8px; font-size: 21px; line-height: 1.25; }
	.t9__advisor p { margin: 0; font-size: 15px; line-height: 1.55; color: #d6d6da; }
	.t9__advisor p.t8__cnt { margin-bottom: 4px; font-size: 13px; color: #FFAC02; }

/* ==== Обложка видео в герое: плеер VK грузится только по клику ==== */
.h8__play { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: #1d1d1f; cursor: pointer; display: block; }
.h8__play img { width: 100%; height: 100%; object-fit: cover; display: block; }
.h8__playbtn { position: absolute; left: 50%; top: 50%; width: 84px; height: 84px; margin: -42px 0 0 -42px; border-radius: 50%; background: rgba(29,29,31,.78); box-shadow: 0 10px 30px rgba(0,0,0,.35); transition: transform .2s ease, background .2s ease; }
.h8__playbtn::after { content: ""; position: absolute; left: 34px; top: 27px; border-style: solid; border-width: 15px 0 15px 24px; border-color: transparent transparent transparent #fff; }
.h8__play:hover .h8__playbtn, .h8__play:focus-visible .h8__playbtn { transform: scale(1.08); background: #B15ECC; }
.h8__play:focus-visible { outline: 3px solid #B15ECC; outline-offset: 3px; }
.h8__title .h8__eyebrow { display: block; }