/* ==========================================================================
   Perfect Team — «Миссия: ТОП-1»
   Тёмная космическая кожа поверх базовой темы.
   Главная (.sky) — целиком тёмная; на внутренних страницах тёмные только
   шапка, «запрос»-заголовок, заявка и подвал, текст статей — на светлом.
   ========================================================================== */

/* ---------- Палитра космоса ---------- */
.sky,
.header,
.phero,
.footer,
.launch,
.contact,
.mission .to-top {
	--paper: #0B0E24;
	--card: #141A3A;
	--ink: #E8ECFF;
	--ink-2: #C3C9EE;
	--muted: #8E96C8;
	--line: #232B5A;
	--line-2: #343E7A;
	--blue: #FF7A1A;
	--blue-d: #FF8F3D;
	--mark-soft: rgba(255, 226, 90, .12);
	--cyan: #33D6FF;
	--orange: #FF7A1A;
	--deep: #070A1C;
	--shadow: 0 1px 0 rgba(255, 255, 255, .04), 0 18px 40px -20px rgba(0, 0, 0, .7);
	--glow: 0 0 0 1px rgba(51, 214, 255, .14), 0 0 24px -6px rgba(51, 214, 255, .35);
}
body.sky { background: #0B0E24; color: var(--ink); }

/* звёздное небо — два слоя точек, без картинок */
body.sky::before {
	content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
	background:
		radial-gradient(1px 1px at 12% 18%, rgba(255, 255, 255, .7), transparent 60%),
		radial-gradient(1px 1px at 72% 8%, rgba(255, 255, 255, .55), transparent 60%),
		radial-gradient(1.5px 1.5px at 38% 62%, rgba(255, 255, 255, .5), transparent 60%),
		radial-gradient(1px 1px at 88% 44%, rgba(255, 255, 255, .6), transparent 60%),
		radial-gradient(1px 1px at 22% 84%, rgba(255, 255, 255, .45), transparent 60%),
		radial-gradient(1.5px 1.5px at 58% 32%, rgba(51, 214, 255, .6), transparent 60%),
		radial-gradient(1px 1px at 94% 78%, rgba(255, 255, 255, .5), transparent 60%),
		radial-gradient(1px 1px at 6% 52%, rgba(255, 255, 255, .5), transparent 60%);
	background-size: 420px 420px;
	opacity: .8;
}

/* моноширинная «телеметрия» */
.tele {
	display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px;
	font: 600 12px/1.2 ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;
	letter-spacing: .14em; text-transform: uppercase; color: var(--cyan, #33D6FF);
}
.tele::before { content: ""; width: 18px; height: 1px; background: currentColor; opacity: .7; }

/* ---------- Кнопки ---------- */
.sky .btn--blue, .phero .query__go, .contact .wpcf7-submit, .sky .wpcf7-submit {
	background: linear-gradient(180deg, #FF8F3D, #FF6A00) !important; color: #1A0B00 !important;
	box-shadow: 0 0 0 1px rgba(255, 140, 60, .5), 0 10px 30px -10px rgba(255, 110, 0, .8);
}
.sky .btn--blue:hover, .phero .query__go:hover { filter: brightness(1.08); }
.header .btn--ink, .sky .btn--ink, .contact .btn--ink, .footer .btn--ink {
	background: transparent; color: #FF8F3D; box-shadow: inset 0 0 0 1.5px #FF7A1A;
}
.header .btn--ink:hover, .sky .btn--ink:hover { background: rgba(255, 122, 26, .12); color: #FFA663; }
.sky .btn--ghost { border-color: rgba(51, 214, 255, .45); color: var(--ink); }
.sky .btn--ghost:hover { border-color: var(--cyan); color: var(--cyan); background: rgba(51, 214, 255, .06); }

/* ---------- Шапка ---------- */
.header { background: rgba(11, 14, 36, .92); border-bottom-color: var(--line); }
.header.is-scrolled { box-shadow: 0 8px 30px -12px rgba(0, 0, 0, .8); border-bottom-color: var(--line); }
.header .nav__list a:hover { background: rgba(255, 255, 255, .06); }
.header .nav__list a.is-current { color: var(--cyan); }
.header .nav__list a.is-current::after { background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
.header .icon-btn { border-color: var(--line-2); color: var(--ink); background: transparent; }
.header .icon-btn:hover { border-color: var(--cyan); color: var(--cyan); }
.header .burger span { background: var(--ink); }
@media (max-width: 960px) { .header .nav { background: #0B0E24; } }
.header__progress { background: linear-gradient(90deg, var(--cyan), #7B4DFF, var(--orange)); }

/* ---------- Первый экран ---------- */
.sky .hero { padding-bottom: clamp(40px, 5vw, 72px); }
.sky .hero__bg { opacity: .35; }
.sky .hero::after { background: radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%), rgba(51, 214, 255, .12), transparent 70%); }
.sky__horizon { position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; height: 62%; pointer-events: none;
	background: url("img/mission/horizon.webp") center bottom / cover no-repeat; opacity: .9;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 45%); mask-image: linear-gradient(to bottom, transparent 0%, #000 45%); }
.sky__orbits { position: absolute; z-index: -1; inset: 0; pointer-events: none; overflow: hidden; }
.sky__orbits i { position: absolute; left: 50%; top: 46%; width: 1400px; height: 420px; margin: -210px 0 0 -700px; border-radius: 50%; border: 1px solid rgba(255, 122, 26, .35); transform: rotate(-9deg); }
.sky__orbits i + i { width: 1000px; height: 300px; margin: -150px 0 0 -500px; border-color: rgba(51, 214, 255, .22); transform: rotate(-14deg); animation: orbit 40s linear infinite; }
@keyframes orbit { to { transform: rotate(346deg); } }
.sky .hero__live { background: rgba(20, 26, 58, .8); border-color: var(--line-2); box-shadow: var(--glow); color: var(--cyan); margin-bottom: 22px; }
.sky .hero__live::before { display: none; }
.sky .hero__title .hl { color: #FFE25A; }
.sky .hero__title .hl::before { height: .1em; bottom: -.02em; background: var(--orange); border-radius: 1em; }
.sky .hero__lead { color: var(--ink-2); }
.sky .hero__stats { border-top-color: var(--line); }
.sky .hero__stats div:nth-child(3) dd { color: #FFE25A; }
.sky .hero__note { color: var(--muted); }
.sky .hero__down { border-color: var(--line-2); }
.sky .hero__down span { background: var(--cyan); }
.sky .hero__mq-label { color: var(--ink); }
.sky .mq__item { background: #1A2050; box-shadow: 0 0 0 1px var(--line-2), 0 14px 26px -16px rgba(0, 0, 0, .9); }

/* экран ЦУП с выдачей */
.sky .tilt { border-radius: 24px; }
.sky .serp { background: linear-gradient(180deg, rgba(23, 30, 68, .96), rgba(14, 19, 48, .96)); border: 1px solid rgba(51, 214, 255, .25);
	box-shadow: 0 0 0 1px rgba(51, 214, 255, .08), 0 0 60px -20px rgba(51, 214, 255, .45), 0 30px 60px -30px rgba(0, 0, 0, .9); }
.sky .serp::before { content: "ORBITAL TRACKING: ACTIVE   ·   SIGNAL: STRONG"; display: block; margin: -4px 0 12px; font: 600 10px/1 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .14em; color: rgba(51, 214, 255, .7); }
.sky .serp__bar { background: #0B0F2A; border-color: rgba(51, 214, 255, .4); }
.sky .serp__input { background: transparent; color: var(--ink); }
.sky .serp__go { background: var(--orange); color: #1A0B00; }
.sky .serp__hint { color: var(--muted); }
.sky .serp__demo { background: rgba(51, 214, 255, .12); color: var(--cyan); }
.sky .serp__row--ghost i { background: #222A5C; }
.sky .serp__row--ghost i:first-child { background: #1B3A4A; }
.sky .serp__row--ghost i:nth-child(2) { background: #2A3470; }
.sky .serp__pos { color: #3A4480; }
.sky .serp__row--you { background: #10163A; box-shadow: inset 0 0 0 1.5px var(--cyan), 0 0 26px -6px rgba(51, 214, 255, .6); }
.sky .serp__row--you.is-top { background: rgba(255, 226, 90, .1); box-shadow: inset 0 0 0 2px #FFE25A, 0 0 34px -6px rgba(255, 226, 90, .6); }
.sky .serp__url { color: #4BE0A0; }
.sky .serp__title { color: var(--cyan); }
.sky .serp__title mark { background: rgba(255, 226, 90, .2); color: #FFE25A; }
.sky .serp__snip { color: var(--muted); }
.sky .serp__foot { border-top-color: var(--line-2); }
.sky .serp__trip b { background: #0B0F2A; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-2); }
.sky .serp__trip b.is-one { background: #FFE25A; color: #15183A; }
.sky .serp__cases { color: var(--cyan); }
.sky .serp__stamp { background: rgba(11, 14, 36, .9); }

/* ---------- Короткая форма ---------- */
.sky .quick__box { background: linear-gradient(180deg, #141A3A, #0F1433); border: 1px solid rgba(51, 214, 255, .28); box-shadow: 0 0 50px -20px rgba(51, 214, 255, .5); }
.sky .quick__box::after { background: radial-gradient(circle, rgba(255, 122, 26, .3), transparent 65%); }
.sky .quick__tag { background: rgba(51, 214, 255, .1); color: var(--cyan); }
.sky .tp-form--quick .wpcf7-submit { background: linear-gradient(180deg, #FF8F3D, #FF6A00) !important; color: #1A0B00 !important; }

/* ---------- Поля форм на тёмном ---------- */
.sky .wpcf7 input[type="text"], .sky .wpcf7 input[type="tel"], .sky .wpcf7 input[type="email"], .sky .wpcf7 textarea,
.contact .wpcf7 input[type="text"], .contact .wpcf7 input[type="tel"], .contact .wpcf7 input[type="email"], .contact .wpcf7 textarea {
	background: #0B0F2A !important; border: 1.5px solid #2F3A78 !important; color: var(--ink) !important;
}
.sky .wpcf7 input:focus, .contact .wpcf7 input:focus { border-color: var(--cyan) !important; box-shadow: 0 0 0 4px rgba(51, 214, 255, .15) !important; }
.sky .wpcf7 label, .contact .wpcf7 label { color: var(--ink-2) !important; }

/* ---------- Тарифы: модули станции ---------- */
.sky .tabs { background: #10153A; border-color: var(--line-2); box-shadow: none; }
.sky .tabs button { color: var(--ink-2); }
.sky .tabs button[aria-selected="true"] { color: #1A0B00; }
.sky .tabs__pill { background: var(--orange); box-shadow: 0 0 20px -4px rgba(255, 122, 26, .7); }
.sky .aside-card { background: var(--card); border-color: var(--line-2); }
.mods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.mod { position: relative; display: grid; align-content: start; gap: 6px; padding: 20px 22px 22px; border-radius: 18px; text-decoration: none; color: var(--ink);
	background: linear-gradient(180deg, #161D44, #10153A); border: 1px solid #2A3472; transition: transform .35s var(--ease), border-color .35s, box-shadow .35s; overflow: hidden; }
.mod::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--cyan), transparent); opacity: .5; }
.mod:hover { transform: translateY(-5px); border-color: rgba(51, 214, 255, .6); box-shadow: 0 0 40px -12px rgba(51, 214, 255, .6); color: var(--ink); }
.mod.is-hidden { display: none; }
.mod__img { width: 150px; height: auto; margin: -6px 0 4px auto; filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .6)); transition: transform .5s var(--ease); }
.mod:hover .mod__img { transform: translate(-4px, -6px) rotate(-4deg); }
.mod__ico { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: rgba(51, 214, 255, .1); margin-bottom: 6px; }
.mod__ico svg, .mod__ico img { width: 24px; height: 24px; }
.mod__tele { margin: 0 !important; font-size: 10px !important; }
.mod__tele::before { display: none; }
.mod__t { font: 700 19px/1.25 var(--display); letter-spacing: -.01em; }
.mod__price { font: 800 24px/1 var(--display); color: #FFE25A; margin: 4px 0 6px; }
.mod__txt { font-size: 14px; color: var(--ink-2); line-height: 1.5; }
.mod__more { margin-top: 10px; font: 600 14px/1 var(--text); color: var(--cyan); }
.mod--img { grid-row: span 1; }
@media (max-width: 1100px) { .mods { grid-template-columns: 1fr; } .mod__img { width: 120px; } }

/* ---------- Портфолио ---------- */
.sky .pf__card { background: #141A3A; box-shadow: 0 0 0 1px #2A3472, 0 20px 40px -24px rgba(0, 0, 0, .9); }
.sky .pf__card:hover, .sky .pf__card:focus-visible { box-shadow: 0 0 0 1px rgba(51, 214, 255, .6), 0 0 44px -12px rgba(51, 214, 255, .55); }
.sky .pf__bar { background: #0E1333; border-bottom-color: #2A3472; }
.sky .pf__bar span { background: #1A2150; color: var(--muted); }
.sky .pf__cap span { color: var(--muted); }
.sky .pf__cap em i { background: rgba(51, 214, 255, .1); color: var(--cyan); }
.sky .chips button { background: #10153A; border-color: var(--line-2); color: var(--ink-2); }
.sky .chips button:hover { border-color: var(--cyan); color: var(--cyan); }
.sky .chips button.is-on { background: var(--orange); border-color: var(--orange); color: #1A0B00; }
.sky .pf__more { background: linear-gradient(135deg, #2B44E8, #7B4DFF 55%, #FF7A1A); }
.sky .pf__cursor { background: var(--cyan); color: #04121A; }

/* ---------- Баннер в середине: возвращаем светлые токены внутри жёлтой плашки ---------- */
.sky .promo--mid { --ink: #15183A; --ink-2: #2A2F55; }
.sky .promo--mid .promo__box { color: #15183A; }

/* ---------- Кейсы / карта / запуск ---------- */
.sky .section--ink, .launch { background-color: var(--deep); }
.sky .section--ink { background: linear-gradient(180deg, #070A1C, #0B0E24); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.sky .case { background: #10153A; border-color: rgba(51, 214, 255, .25); box-shadow: 0 0 40px -18px rgba(51, 214, 255, .4); }
.sky .pos tbody th { background: #10153A; }
.launch { background: radial-gradient(120% 90% at 80% 110%, #FF6A00 0%, #3A1E5A 30%, #070A1C 70%); }

/* ---------- Этапы полёта ---------- */
.sky .steps__line { background: var(--line-2); }
.sky .steps__line i { background: linear-gradient(90deg, var(--cyan), #7B4DFF, var(--orange)); box-shadow: 0 0 12px rgba(51, 214, 255, .7); }
.sky .step + .step { border-left-color: var(--line); }
.sky .step:hover { background: #141A3A; box-shadow: 0 0 40px -16px rgba(51, 214, 255, .45); }
.sky .step__n { background: linear-gradient(135deg, var(--cyan), var(--orange)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sky .step__dur { background: rgba(51, 214, 255, .1); color: var(--cyan); }
.sky .step p { color: var(--ink-2); }

/* ---------- Перелинковка / о студии / статьи ---------- */
.sky .related a { background: #10153A; border-color: var(--line-2); color: var(--ink-2); }
.sky .related a:hover { background: #161D44; border-color: var(--cyan); color: var(--cyan); box-shadow: 0 0 24px -10px rgba(51, 214, 255, .7); }
.sky .section--paper { background: #0E1230; border-color: var(--line); }
.sky .facts { border-top-color: var(--cyan); }
.sky .facts div { border-bottom-color: var(--line); }
.sky .facts div:hover dd { color: var(--cyan); }
.sky .prose a { color: var(--cyan); }
.sky .post-card { background: #141A3A; box-shadow: 0 0 0 1px #2A3472; }
.sky .post-card:hover { box-shadow: 0 0 0 1px rgba(51, 214, 255, .6), 0 0 40px -14px rgba(51, 214, 255, .5); }
.sky .post-card__meta span:first-child { color: var(--cyan); }
.sky .post-card__t a { background-image: linear-gradient(rgba(255, 122, 26, .5), rgba(255, 122, 26, .5)); }
.sky .geo__list li { border-color: var(--line-2); }

/* ---------- Заявка (ЦУП) — на всех страницах ---------- */
.contact { background: radial-gradient(80% 120% at 100% 0%, rgba(43, 68, 232, .25), transparent 60%), #0B0E24; color: var(--ink); }
.contact .muted { color: var(--muted); }
.contact .form-card { background: #141A3A; border-color: rgba(51, 214, 255, .3); }
.contact .form-card::after { background: #141A3A; }
.contact .form-card__note { color: var(--muted); }
.contact .contact__ways a, .contact .contact__ways .linklike { color: var(--ink); }
.contact .contact__phone { color: #FFE25A !important; text-shadow: 0 0 24px rgba(255, 226, 90, .35); }
.contact .trust li { color: var(--ink); }

/* ---------- Внутренние страницы: тёмная шапка-запрос, светлый текст ---------- */
.phero { background-color: #0B0E24; background-image: radial-gradient(rgba(140, 150, 220, .25) 1px, transparent 1.2px); border-bottom: 1px solid var(--line); color: var(--ink); }
.phero .crumbs, .phero .crumbs a { color: var(--muted); }
.phero .crumbs a:hover { color: var(--cyan); }
.phero .query { background: #10153A; border-color: rgba(51, 214, 255, .45); box-shadow: 0 0 50px -20px rgba(51, 214, 255, .5); }
.phero .query__text { color: var(--ink); }
.phero .query__icon { color: var(--cyan); }
.phero .phero__meta, .phero .phero__meta span { color: var(--muted); }
.phero .phero__meta a, .phero .copy-link { color: var(--ink); }
.phero .chips--links a { background: #10153A; }
.single .page-flow, .page .page-flow { padding-top: clamp(28px, 4vw, 48px); }

/* ---------- Подвал ---------- */
.footer { background: #070A1C; border-top: 1px solid var(--line); }
.footer__word { -webkit-text-stroke-color: #2A3472; }
.mission .to-top { background: #141A3A; box-shadow: 0 0 0 1px rgba(51, 214, 255, .5), 0 10px 24px -10px rgba(0, 0, 0, .8); }

/* ---------- Мобильная панель «Позвонить / Telegram» ---------- */
.dock { display: none; }
@media (max-width: 760px) {
	.dock { position: fixed; z-index: 45; left: 10px; right: 10px; bottom: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px; border-radius: 18px;
		background: rgba(11, 14, 36, .92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 0 0 1px #2A3472, 0 16px 30px -10px rgba(0, 0, 0, .8); }
	.dock a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: 12px; font: 700 15px/1 var(--text); text-decoration: none; }
	.dock a svg { width: 20px; height: 20px; }
	.dock__call { background: linear-gradient(180deg, #FF8F3D, #FF6A00); color: #1A0B00; }
	.dock__tg { background: #229ED9; color: #fff; }
	.mission .to-top { bottom: 84px; }
	body.mission { padding-bottom: 72px; }
}

@media (prefers-reduced-motion: reduce) {
	.sky__orbits i + i { animation: none; }
}

/* ---------- Мелкие правки контраста ---------- */
.sky .promo--foot .promo__num, .sky .promo--foot .promo__tag { color: #15183A; }
.sky .geo__tip { background: #141A3A; color: var(--ink); box-shadow: 0 0 0 1px var(--line-2), 0 14px 30px rgba(0, 0, 0, .6); }
.sky .geo__list li:hover, .sky .geo__list li:focus, .sky .geo__list li.is-on { color: #15183A; }
.sky .result__title { color: var(--cyan); }
.sky .legend { color: var(--ink-2); }