/* ==========================================================================
   Perfect Team — «Кабина корабля» 3.0: вёрстка по макету (окно, консоли, капсулы)
   ========================================================================== */
.sky, .header, .footer, .contact, .phero {
	--metal-1: #4a5560; --metal-2: #2a323b; --metal-3: #151a21;
	--o: #FF8A2A; --c: #3fe0ff; --gold: #FFC15A;
	--f-head: 'Russo One', 'Exo 2', system-ui, sans-serif;
	--f-body: 'Exo 2', 'Golos Text', system-ui, sans-serif;
}
body.sky { font-family: var(--f-body); background: #05070f; }
body.sky::before { opacity: .9; }
.sky h1, .sky h2, .sky h3, .sky .cp-h, .sky .pod__t, .sky .btn { font-family: var(--f-head); font-weight: 400; letter-spacing: .01em; }
.sky .btn { text-transform: none; }

/* ---------- Шапка: логотип · металлическая панель меню · оранжевая кнопка ---------- */
.header { background: linear-gradient(180deg, rgba(5,7,15,.92), rgba(5,7,15,.55)); border-bottom: 0; backdrop-filter: blur(8px); }
.header__in { gap: 18px; }
.nav__list { padding: 6px 8px; border-radius: 12px; border: 1px solid #20707f; background: linear-gradient(180deg, #0d1d28, #091017);
	box-shadow: 0 0 0 1px #000, inset 0 0 18px rgba(63,224,255,.12), 0 0 20px -6px rgba(63,224,255,.5); }
.nav__list a { color: #9be8f5; font-family: var(--f-body); font-weight: 600; text-shadow: 0 0 10px rgba(63,224,255,.55); border-radius: 8px; }
.nav__list li + li > a { box-shadow: -1px 0 0 rgba(63,224,255,.25); }
.nav__list a:hover, .nav__list .current-menu-item > a, .nav__list a.is-active { color: #fff; background: rgba(63,224,255,.12); }
.header .btn--ink { background: linear-gradient(180deg, #ff8f3d, #e2560a) !important; color: #1a0b00 !important; border: 1px solid #ffb36b; border-radius: 10px;
	box-shadow: 0 0 0 1px #000, 0 0 22px -2px rgba(255,138,42,.7), inset 0 1px 0 rgba(255,255,255,.35); }

/* ---------- Окно кабины ---------- */
.cab { width: 100%; position: relative; isolation: isolate; overflow: hidden; background: #05070f; aspect-ratio: 1920 / 1073; max-height: 92vh; min-height: 520px; }
.cab__bg { position: absolute; inset: 0; z-index: -2; }
.cab__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; display: block; }
.cab__glass { position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: linear-gradient(180deg, rgba(5,7,15,.5) 0%, transparent 22%, transparent 78%, #05070f 100%); }
.cab__in { position: absolute; inset: 0; text-align: center; padding-top: clamp(86px, 9.5vw, 150px); padding-bottom: clamp(18px, 4.5vw, 64px); display: flex; flex-direction: column; align-items: center; }
.cab__live { justify-content: center; margin-bottom: 10px; color: #9be8f5; }
.cab__live i { width: 8px; height: 8px; border-radius: 50%; background: #3dff9a; box-shadow: 0 0 10px #3dff9a; animation: cpBlink 1.6s infinite; margin-right: 2px; }
.cab__title { margin: 0 auto; max-width: 17em; font-size: clamp(22px, 3.3vw, 48px); line-height: 1.12; text-transform: uppercase; text-wrap: balance;
	color: var(--gold); text-shadow: 0 0 2px #7a3a00, 0 2px 0 #b45309, 0 0 28px rgba(255,150,40,.55), 0 6px 30px rgba(0,0,0,.8); }
.cab__title .brand { color: #fff3d2; }
.cab__cta { margin-top: auto; display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
.btn--glow { box-shadow: 0 0 0 1px #000, 0 0 30px 2px rgba(255,138,42,.65), inset 0 1px 0 rgba(255,255,255,.4); }
.cab-after { background: #05070f; padding: 22px 0 6px; }
.cab__lead { margin: 0 auto 18px; max-width: 46em; text-align: center; color: #c3cdf0; font-size: clamp(14px, 1.3vw, 17px); }
.cab__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 0 20px 10px; margin: 0 auto; }
.cab__stats > div { text-align: center; padding: 12px 8px; border-radius: 12px; background: linear-gradient(180deg, rgba(20,28,40,.85), rgba(8,12,18,.85)); border: 1px solid #2c3a46; box-shadow: inset 0 0 16px rgba(63,224,255,.08); }
.cab__stats dd { margin: 0; font: 400 clamp(20px, 2.6vw, 30px)/1 var(--f-head); color: var(--o); text-shadow: 0 0 14px rgba(255,138,42,.55); }
.cab__stats dt { margin-top: 6px; font-size: 12px; color: #9fb0d8; }
@keyframes cpBlink { 50% { opacity: .35; } }

/* ---------- Секции-заголовки ---------- */
.cp-sec { padding: clamp(40px, 5vw, 70px) 0; }
.cp-h { margin: 0 0 22px; font-size: clamp(17px, 1.9vw, 24px); text-transform: uppercase; color: var(--c); text-shadow: 0 0 16px rgba(63,224,255,.6); letter-spacing: .04em; }
.cp-h--c { text-align: center; margin-bottom: 30px; }
.cp-more { margin: 22px 0 0; text-align: center; color: #8e9cc8; font-size: 14px; }
.cp-more a { color: #9be8f5; }

/* ---------- Капсулы-тарифы ---------- */
.pods { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
.pod { position: relative; }
.pod a { display: block; position: relative; height: 100%; padding: 20px 18px 16px; text-align: center; color: #e8ecff; text-decoration: none; border-radius: 16px;
	background: linear-gradient(180deg, #0f161d, #0a0f14) padding-box, linear-gradient(145deg, #8a96a3, #3a444e 35%, #1a2027 60%, #66717d) border-box;
	border: 7px solid transparent;
	box-shadow: inset 0 0 0 2px #05080c, inset 0 0 26px rgba(0,0,0,.7), 0 0 0 1px #000, 0 18px 34px -16px rgba(0,0,0,.9);
	transition: transform .25s, box-shadow .25s; }
.pod a::after { content: ""; position: absolute; inset: 0; border-radius: 10px; pointer-events: none; border: 1px solid var(--glow-c); opacity: .65; box-shadow: inset 0 0 22px -6px var(--glow-c); }
.pod--orange { --glow-c: #ff8a2a; } .pod--cyan { --glow-c: #3fe0ff; }
.pod:hover a { transform: translateY(-6px); box-shadow: inset 0 0 0 2px #05080c, inset 0 0 30px rgba(0,0,0,.6), 0 0 34px -4px var(--glow-c), 0 0 0 1px #000; }
.pod__lamp { position: absolute; top: 50%; width: 5px; height: 46px; border-radius: 4px; background: var(--glow-c); box-shadow: 0 0 16px 4px var(--glow-c); transform: translateY(-50%); left: -16px; }
.pod:nth-child(n+2) .pod__lamp { display: none; } .pod:nth-child(4) .pod__lamp { display: block; left: auto; right: -16px; }
.pod__ico { display: grid; place-items: center; width: 46px; height: 46px; margin: 0 auto 10px; color: var(--glow-c); border-radius: 12px; border: 1px solid var(--glow-c); background: rgba(0,0,0,.35); box-shadow: 0 0 16px -2px var(--glow-c); }
.pod__ico svg { width: 26px; height: 26px; }
.pod__t { display: block; font-size: 18px; }
.pod__sub { display: block; margin-top: 4px; font-size: 13px; color: #aab6dc; }
.pod__price { display: block; margin: 10px 0 12px; font: 400 clamp(20px, 2vw, 25px)/1.1 var(--f-head); color: var(--gold); text-shadow: 0 0 14px rgba(255,193,90,.45); }
.pod__spec { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.pod__spec > span { padding: 6px 4px; font-size: 11px; color: #8e9cc8; border: 1px solid #263340; border-radius: 8px; background: rgba(0,0,0,.35); }
.pod__spec b { display: block; margin-top: 2px; font-size: 13px; color: #f4f6ff; font-weight: 700; }
.pod__more { display: block; margin-top: 12px; font-size: 13px; color: var(--glow-c); font-weight: 600; }

/* ---------- Две колонки ---------- */
.duo { display: grid; grid-template-columns: 1fr 1fr; gap: 36px 40px; align-items: start; }
.duo--map { grid-template-columns: 1.05fr .95fr; }

/* ---------- Мониторы-портфолио ---------- */
.crt { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.crt__i { padding: 8px; border-radius: 14px; background: linear-gradient(145deg, #77828e, #38424c 40%, #1a2027 70%, #4f5a65); box-shadow: 0 0 0 1px #000, 0 12px 22px -12px #000; transition: transform .25s; }
.crt__i:hover { transform: translateY(-4px) scale(1.02); }
.crt__scr { display: block; aspect-ratio: 16/10; overflow: hidden; border-radius: 8px; background: #000; box-shadow: inset 0 0 0 2px #0a0d12, inset 0 0 22px rgba(63,224,255,.25); position: relative; }
.crt__scr::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(180deg, rgba(255,255,255,.05) 0 1px, transparent 1px 3px); pointer-events: none; }
.crt__scr img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; filter: saturate(1.05) brightness(.95); }
.crt__cap { display: block; margin-top: 7px; text-align: center; font-size: 11.5px; font-weight: 600; color: #9be8f5; letter-spacing: .02em; }

/* ---------- Таблица результатов в рамке ---------- */
.board { padding: 12px; border-radius: 16px; background: linear-gradient(145deg, #77828e, #38424c 40%, #1a2027 70%, #4f5a65); box-shadow: 0 0 0 1px #000, 0 18px 34px -16px #000; }
.board > * { position: relative; }
.board__t { width: 100%; border-collapse: collapse; background: #07121a; border-radius: 10px; overflow: hidden; font-size: 13px; box-shadow: inset 0 0 0 1px #1b6573, inset 0 0 26px rgba(63,224,255,.1); }
.board__t th, .board__t td { padding: 11px 10px; text-align: left; border-bottom: 1px solid #12333d; }
.board__t thead th { color: #8fe6f5; font-size: 12px; background: #0a1c27; }
.board__t tbody th { font-weight: 600; color: #e8ecff; }
.board__t td { color: #aab6dc; white-space: nowrap; }
.board__t .is-now { color: #3dff9a; font-weight: 700; text-shadow: 0 0 10px rgba(61,255,154,.45); }
.board__t .is-up { color: #3dff9a; font-weight: 700; }
.board__avg { margin: 10px 0 0; padding: 12px; text-align: center; border-radius: 10px; background: #07121a; border: 1px solid #1b6573; color: #bfeff7; font-size: 14px; }
.board__avg b { color: var(--gold); font-family: var(--f-head); font-weight: 400; }
.board__more { display: block; margin-top: 8px; text-align: center; font-size: 13px; color: #9be8f5; }

/* ---------- Процесс: четыре площадки с трубой ---------- */
.dock4 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; position: relative; counter-reset: s; }
.dock4::before { content: ""; position: absolute; left: 12%; right: 12%; top: 146px; height: 8px; border-radius: 6px; z-index: 0;
	background: linear-gradient(90deg, #ff8a2a, #ff8a2a 40%, #3fe0ff 60%, #3fe0ff); box-shadow: 0 0 18px rgba(255,138,42,.5), 0 0 18px rgba(63,224,255,.4); opacity: .7; }
.dock4__i { position: relative; text-align: center; padding: 0 8px; }
.dock4__i img { display: block; width: 100%; max-width: 250px; margin: 0 auto -4px; mix-blend-mode: screen; transition: transform .35s; }
.dock4__i:hover img { transform: translateY(-6px) scale(1.04); }
.dock4__i h3 { margin: 0; font-size: 18px; text-transform: uppercase; }
.dock4__i--o h3 { color: var(--o); text-shadow: 0 0 14px rgba(255,138,42,.6); }
.dock4__i--c h3 { color: var(--c); text-shadow: 0 0 14px rgba(63,224,255,.6); }
.dock4__i h3 span { opacity: .8; }
.dock4__i p { margin: 8px auto 6px; max-width: 22em; font-size: 14px; color: #c3cdf0; line-height: 1.45; }
.dock4__i em { font-style: normal; font: 600 13px var(--f-body); color: var(--gold); }

/* ---------- Карта + связь ---------- */
.geo--lite { position: relative; padding: 12px; border-radius: 16px; background: linear-gradient(180deg, #08101a, #05080e); border: 1px solid #1b4a57; box-shadow: inset 0 0 40px rgba(63,224,255,.08), 0 18px 34px -18px #000; }
.geo--lite .geo__map { margin: 0; }
.geo__badge { display: inline-block; margin: 10px 0 0; padding: 7px 12px; font-size: 12px; color: #bfeff7; border-radius: 8px; border: 1px solid #2c6a78; background: rgba(5,12,20,.88); }
.geo__badge b { color: var(--gold); font-family: var(--f-head); font-weight: 400; }
.geo--lite .geo__list { margin-top: 12px; }
.ctrl { position: relative; display: grid; grid-template-columns: 1fr 190px; gap: 8px; padding: 12px; border-radius: 16px; background: linear-gradient(145deg, #77828e, #38424c 40%, #1a2027 70%, #4f5a65); box-shadow: 0 0 0 1px #000, 0 18px 34px -16px #000; }
.ctrl__form { padding: 16px; border-radius: 10px; background: linear-gradient(180deg, #08131c, #050a10); box-shadow: inset 0 0 0 1px #1b6573, inset 0 0 28px rgba(63,224,255,.1); }
.ctrl__astro { align-self: end; width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; border-radius: 10px; background: #050a10; box-shadow: inset 0 0 0 1px #1b6573; }
.ctrl__ways { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 10px 0 0; font-size: 13px; }
.ctrl__ways a { color: #9be8f5; font-weight: 600; }

/* формы CF7 в тёмных панелях: поля-«экраны» + оранжевая кнопка */
.sky .tp-form input[type=text], .sky .tp-form input[type=tel], .sky .tp-form input[type=email], .sky .tp-form textarea {
	background: #04121a; color: #e8fbff; border: 1px solid #2aa4b9; border-radius: 6px; box-shadow: inset 0 0 14px rgba(63,224,255,.14); font-family: var(--f-body); }
.sky .tp-form input:focus, .sky .tp-form textarea:focus { border-color: #7ff0ff; box-shadow: 0 0 0 2px rgba(63,224,255,.25), inset 0 0 16px rgba(63,224,255,.2); outline: 0; }
.sky .tp-form ::placeholder { color: #5f8c97; }
.sky .wpcf7-submit { font-family: var(--f-head) !important; font-weight: 400 !important; border: 1px solid #ffb36b !important; box-shadow: 0 0 0 1px #000, 0 0 24px -2px rgba(255,138,42,.7), inset 0 1px 0 rgba(255,255,255,.35) !important; border-radius: 8px !important; }

/* плашка быстрой формы — как консоль */
.quick__box { border: 1px solid #1f7587; background: linear-gradient(180deg, #08141d, #050a10); box-shadow: inset 0 0 40px rgba(63,224,255,.1), 0 0 0 1px #000, 0 0 30px -10px rgba(63,224,255,.45); }
.quick__h { font-family: var(--f-head); font-weight: 400; }

/* ---------- Подвал: космос с планетами ---------- */
.footer { position: relative; isolation: isolate; background: #04060d; }
.footer::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url(img/cp/foot.webp) center bottom / cover no-repeat; opacity: .9; }
.footer::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #05070f 0%, rgba(5,7,15,.45) 35%, rgba(5,7,15,.6) 100%); }
.footer__h { font-family: var(--f-head); font-weight: 400; color: var(--c); text-shadow: 0 0 12px rgba(63,224,255,.5); }
.footer__word { font-family: var(--f-head); font-weight: 400; -webkit-text-stroke: 1px rgba(155,232,245,.5); color: transparent; text-shadow: 0 0 30px rgba(63,224,255,.3); }

/* ---------- Адаптив ---------- */
@media (max-width: 1100px) {
	.pods { grid-template-columns: repeat(2, 1fr); gap: 22px; }
	.pod__lamp { display: none !important; }
	.duo, .duo--map { grid-template-columns: 1fr; }
	.dock4 { grid-template-columns: repeat(2, 1fr); gap: 26px 10px; } .dock4::before { display: none; }
}
@media (max-width: 760px) {
	.cab { aspect-ratio: auto; height: 600px; max-height: none; }
	.cab__bg img { object-position: 54% 72%; }
	.cab__title { font-size: clamp(20px, 6vw, 28px); }
	.cab__stats { grid-template-columns: repeat(2, 1fr); }
	.pods { grid-template-columns: 1fr; padding: 0 14px; } .pod__lamp { display: none; }
	.crt { grid-template-columns: repeat(2, 1fr); }
	.ctrl { grid-template-columns: 1fr; } .ctrl__astro { display: none; }
	.dock4 { grid-template-columns: 1fr 1fr; }
	.geo__badge { position: static; display: inline-block; margin-top: 8px; }
}
@media (prefers-reduced-motion: reduce) { .cab__live i { animation: none; } }

/* карта в оранжево-бирюзовой гамме */
.geo--lite .geo__arcs path { stroke: var(--o); filter: drop-shadow(0 0 4px rgba(255,138,42,.8)); }
.geo--lite .geo__dots { opacity: .6; filter: hue-rotate(-20deg) saturate(1.6) brightness(1.3); }
.geo--lite .geo__pin i { background: var(--o); box-shadow: 0 0 0 3px rgba(255,138,42,.25), 0 0 14px var(--o); }
.geo--lite .geo__pin i::after { border-color: var(--o); }
.geo--lite .geo__pin--hub i { background: #fff; }
.geo--lite .geo__pin--hub::before { color: var(--gold); }
.geo--lite .geo__list li:hover, .geo--lite .geo__list li.is-on { background: var(--o); border-color: var(--o); color: #1a0b00; }
.geo--lite .geo__list li { border-color: #1f5663; color: #bfeff7; background: rgba(63,224,255,.05); }

/* поля форм в консолях — перебиваем базу */
.sky .ctrl .tp-form .wpcf7-form-control:not(.wpcf7-submit),
.sky .quick .tp-form .wpcf7-form-control:not(.wpcf7-submit) { background: #04121a !important; color: #e8fbff !important; border: 1px solid #2aa4b9 !important; border-radius: 6px !important; box-shadow: inset 0 0 14px rgba(63,224,255,.14); }
.sky .ctrl .tp-form label { color: #9be8f5; font-weight: 600; }

/* подсказки карты: не обрезаются сверху — раскрываются вниз от точки */
.geo--lite { overflow: visible; }
.geo--lite .geo__tip { bottom: auto; top: 16px; transform: translate(-50%, -6px); background: #08131c; border: 1px solid #2aa4b9; color: #e8fbff; box-shadow: 0 10px 30px -8px #000, 0 0 18px -4px rgba(63,224,255,.5); }
.geo--lite .geo__pin--left .geo__tip { transform: translate(-85%, -6px); }
.geo--lite .geo__pin:hover .geo__tip, .geo--lite .geo__pin:focus .geo__tip, .geo--lite .geo__pin.is-lit .geo__tip { transform: translate(-50%, 0); }
.geo--lite .geo__pin--left:hover .geo__tip, .geo--lite .geo__pin--left:focus .geo__tip, .geo--lite .geo__pin--left.is-lit .geo__tip { transform: translate(-85%, 0); }
.geo--lite .geo__tip b { color: var(--gold); }

/* ---------- «Бортовой журнал» (кейсы) в стиле кабины ---------- */
#cases { background: transparent; }
#cases .section__head .h2 { font-family: var(--f-head); font-weight: 400; text-transform: uppercase; font-size: clamp(20px, 2.4vw, 32px); color: var(--c); text-shadow: 0 0 16px rgba(63,224,255,.55); letter-spacing: .03em; max-width: 22em; }
#cases .section__head .muted { max-width: 44em; }
#cases .tele { color: var(--o); }
.legend li { color: #bfeff7; }
.legend i { border-radius: 4px; box-shadow: 0 0 8px currentColor; }
.legend .is-top { background: #ffc15a; color: #ffc15a; }
.legend .is-near { background: #1fa6c4; color: #3fe0ff; }
.legend .is-page { background: #2b3640; color: #2b3640; }
.legend .is-far { background: transparent; border: 1px solid #2aa4b9; color: transparent; }

.case { padding: 12px; border-radius: 16px; border: 0; margin-bottom: 26px;
	background: linear-gradient(145deg, #77828e, #38424c 40%, #1a2027 70%, #4f5a65); box-shadow: 0 0 0 1px #000, 0 18px 34px -16px #000; }
.case > * { position: relative; }
.case__head { margin: 0; padding: 18px 20px 12px; border-radius: 10px 10px 0 0; background: #07121a; box-shadow: inset 0 0 0 1px #1b6573; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
.case__head > div:first-child { flex: 1 1 260px; min-width: 0; }
.case__site { font: 400 clamp(18px, 2vw, 24px)/1.2 var(--f-head); color: #fff; margin: 0; letter-spacing: .02em; }
.case__niche { margin: 4px 0 0; color: #8fe6f5; font-size: 14px; }
.case__trend { margin: 0; display: grid; grid-template-columns: auto auto; align-items: center; gap: 2px 18px; }
.case__trend svg { width: 190px; height: auto; filter: drop-shadow(0 0 6px rgba(255,193,90,.6)); }
.case__trend .spark__area { fill: rgba(255,193,90,.12) !important; }
.case__trend .spark__line { stroke: #ffc15a !important; }
.case__trend figcaption { grid-column: 1 / -1; font-size: 12px; color: #8e9cc8; order: 3; }
.case__jump { margin: 0; font: 400 28px/1 var(--f-head); color: var(--gold); text-shadow: 0 0 14px rgba(255,193,90,.5); display: flex; gap: 8px; align-items: baseline; }
.case__jump s { color: #6f7fa6; text-decoration-color: #ff5a4a; }
.case__report { color: #9be8f5; font-weight: 600; font-size: 14px; }
.case__scroll { padding: 6px 16px 16px; background: #07121a; border-radius: 0 0 10px 10px; box-shadow: inset 0 0 0 1px #1b6573, inset 0 -30px 40px -30px rgba(63,224,255,.15); }
.pos { border-collapse: separate; border-spacing: 5px; }
.pos thead th { color: #8fe6f5; font: 600 12px var(--f-body); letter-spacing: .04em; }
.pos tbody th { color: #e8fbff; font-weight: 600; }
.pos__freq { color: #6f86a6; }
.pos__cell { border-radius: 6px; font-family: var(--f-head); font-weight: 400; }
.pos__cell.is-top { background: linear-gradient(180deg, #ffd27a, #ffb13a) !important; color: #3b2400 !important; box-shadow: 0 0 14px -2px rgba(255,177,58,.6); }
.pos__cell.is-near { background: linear-gradient(180deg, #1fb3d4, #0f7f9b) !important; color: #eaffff !important; box-shadow: 0 0 12px -3px rgba(63,224,255,.6); }
.pos__cell.is-page { background: #1a2630 !important; color: #b6c6d8 !important; }
.pos__cell.is-far { background: transparent !important; color: #6f86a6 !important; border: 1px solid #1f6f80; }
.more-cases { color: #aab6dc; }
.more-cases a { color: #9be8f5; }
#cases .case { background: linear-gradient(145deg, #77828e, #38424c 40%, #1a2027 70%, #4f5a65) !important; border: 0 !important; }
#cases .pos tbody th, #cases .pos tbody td.pos__freq { background: transparent !important; }
#cases .case__scroll { margin: 0; }

/* ---------- Цена продвижения ---------- */
.seo-offer { display: grid; grid-template-columns: 1.1fr .9fr; gap: 0; padding: 12px; border-radius: 18px; background: linear-gradient(145deg, #77828e, #38424c 40%, #1a2027 70%, #4f5a65); box-shadow: 0 0 0 1px #000, 0 24px 50px -20px #000, 0 0 60px -20px rgba(255,138,42,.35); }
.seo-offer__main, .seo-offer__side { background: linear-gradient(180deg, #08131c, #050a10); box-shadow: inset 0 0 0 1px #1b6573, inset 0 0 40px rgba(63,224,255,.08); padding: clamp(20px, 3vw, 36px); }
.seo-offer__main { border-radius: 10px 0 0 10px; position: relative; }
.seo-offer__main::after { content: ""; position: absolute; right: -2px; top: 18%; bottom: 18%; width: 4px; border-radius: 4px; background: var(--o); box-shadow: 0 0 16px 3px var(--o); }
.seo-offer__side { border-radius: 0 10px 10px 0; }
.seo-offer__h { margin: 0; font-size: clamp(22px, 2.8vw, 38px); line-height: 1.12; text-transform: uppercase; color: #fff; text-wrap: balance; }
.seo-offer__cond { display: inline-flex; align-items: center; gap: 10px; margin: 16px 0 0; padding: 8px 14px; border-radius: 999px; border: 1px solid #2aa4b9; background: rgba(63,224,255,.08); color: #bfeff7; font-weight: 600; font-size: 14px; }
.seo-offer__cond i { width: 8px; height: 8px; border-radius: 50%; background: #3dff9a; box-shadow: 0 0 10px #3dff9a; }
.seo-offer__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin: 22px 0 0; }
.seo-offer__price span, .seo-offer__price em { font-style: normal; color: #9fb0d8; font-size: 15px; }
.seo-offer__price b { font: 400 clamp(38px, 5.4vw, 70px)/1 var(--f-head); color: var(--gold); text-shadow: 0 0 2px #7a3a00, 0 0 28px rgba(255,150,40,.55); }
.seo-offer__note { margin: 16px 0 0; max-width: 34em; color: #aab6dc; font-size: 14px; line-height: 1.55; }
.seo-offer__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.climb { position: relative; padding: 4px 0 4px 46px; }
.climb ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.climb li { display: grid; grid-template-columns: 90px 1fr; align-items: baseline; padding: 10px 14px; border-radius: 10px; border: 1px solid #1f4a57; background: rgba(63,224,255,.04); opacity: .55; transition: opacity .5s, border-color .5s, box-shadow .5s; }
.climb li b { font: 400 18px var(--f-head); color: var(--c); }
.climb li span { font-size: 13px; color: #9fb0d8; }
.climb li:first-child { border-color: #ffb13a; opacity: 1; box-shadow: 0 0 22px -4px rgba(255,177,58,.6); }
.climb li:first-child b { color: var(--gold); }
.climb__rail { position: absolute; left: 14px; top: 20px; bottom: 20px; width: 6px; border-radius: 6px; background: #12222c; }
.climb__rail i { position: absolute; left: 0; right: 0; bottom: 0; height: 0; border-radius: 6px; background: linear-gradient(0deg, #3fe0ff, #ffb13a); box-shadow: 0 0 14px rgba(255,177,58,.7); transition: height 2.2s cubic-bezier(.5,0,.2,1) .3s; }
.climb__rocket { position: absolute; left: 2px; bottom: 6px; transform: rotate(0deg); transition: bottom 2.2s cubic-bezier(.5,0,.2,1) .3s; filter: drop-shadow(0 0 8px rgba(255,138,42,.8)); }
.climb__rocket img { width: 28px; height: auto; display: block; }
.seo-offer.is-in .climb__rail i { height: 100%; }
.seo-offer.is-in .climb__rocket { bottom: calc(100% - 44px); }
.seo-offer.is-in .climb li { opacity: 1; }
.seo-offer.is-in .climb li:nth-child(4) { transition-delay: .1s; } .seo-offer.is-in .climb li:nth-child(3) { transition-delay: .8s; } .seo-offer.is-in .climb li:nth-child(2) { transition-delay: 1.5s; } .seo-offer.is-in .climb li:first-child { transition-delay: 2.3s; }
.seo-offer__in { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 8px; }
.seo-offer__in li { position: relative; padding-left: 24px; font-size: 14px; color: #c3cdf0; }
.seo-offer__in li::before { content: ""; position: absolute; left: 0; top: .35em; width: 12px; height: 12px; border-radius: 3px; border: 1px solid var(--o); box-shadow: 0 0 8px rgba(255,138,42,.6), inset 0 0 6px rgba(255,138,42,.5); }
@media (max-width: 1000px) { .seo-offer { grid-template-columns: 1fr; } .seo-offer__main { border-radius: 10px 10px 0 0; } .seo-offer__side { border-radius: 0 0 10px 10px; } .seo-offer__main::after { display: none; } }
@media (prefers-reduced-motion: reduce) { .climb__rail i, .climb__rocket, .climb li { transition: none; } }

.tp-phone-err { display: block; margin-top: 6px; font-size: 13px; color: #ff7a6a; }

/* кнопка на оранжевом баннере акции: тёмная, читаемая */
.promo .btn--ink, .sky .promo .btn--ink { background: linear-gradient(180deg, #121a3a, #070a1c) !important; color: #fff !important; border: 1px solid #3a4580 !important; box-shadow: 0 10px 26px -10px rgba(0,0,0,.6), 0 0 0 1px #000 !important; text-shadow: none; }
.promo .btn--ink:hover { border-color: #ffd27a !important; box-shadow: 0 0 24px -4px rgba(7,10,28,.8) !important; }

/* ответ формы (успех/ошибка) — читаемо на тёмном */
.sky .wpcf7-response-output, .quick .wpcf7-response-output, .ctrl .wpcf7-response-output, .contact .wpcf7-response-output,
.sky .tp-form--quick .wpcf7-response-output {
	margin: 14px 0 0 !important; padding: 14px 18px !important; border-radius: 10px !important; border: 1px solid #2aa4b9 !important;
	background: rgba(8, 19, 28, .92) !important; color: #e8fbff !important; font-size: 15px; line-height: 1.45; box-shadow: inset 0 0 18px rgba(63,224,255,.1);
}
.wpcf7 form.sent .wpcf7-response-output { border-color: #3dff9a !important; background: rgba(8, 40, 28, .92) !important; color: #d6ffe9 !important; box-shadow: 0 0 22px -6px rgba(61,255,154,.55), inset 0 0 18px rgba(61,255,154,.12); }
.wpcf7 form.sent .wpcf7-response-output::before { content: "✓"; display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 10px; border-radius: 50%; background: #3dff9a; color: #052b19; font-weight: 700; font-size: 14px; }
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output { border-color: #ff6a5a !important; background: rgba(48, 12, 14, .92) !important; color: #ffe0dc !important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border-color: #ffb13a !important; background: rgba(46, 30, 6, .92) !important; color: #ffeccc !important; }
.sky .wpcf7-not-valid-tip { color: #ff8a7a; font-size: 13px; }