/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════
   VAIMAN · VISUAL V2 · ВОЛНА 7 (02.10) — ОТДЕЛЬНЫЕ СТАТИЧЕСКИЕ СТРАНИЦЫ (о платформе, Вайм-Лайф, «Как снято», посадочные
   страницы нейросетей, гайд) в палитре и шрифтах EMBER: петроль вместо эспрессо/ночи, оранжевый огонь, Oswald капсом с
   точкой, кнопки-пилюли с чёрным текстом на оранжевом. Страницы — свои старые стили с переменными (--espresso, --ember,
   --cream, --bg…): переменные ПЕРЕОПРЕДЕЛЯЕМ (html.s7s сильнее :root), остальное — точечно. Класс ставит js/static-v7.js
   в <head> (до отрисовки). Тексты, ссылки, разметка, персонажи сериала — как были. Тема одна — EMBER (как и раньше одна).
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════ */
@font-face { font-family: 'Oswald'; src: url('/fonts/Oswald-Variable-cyrillic.woff2') format('woff2'); font-weight: 400 700; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Oswald'; src: url('/fonts/Oswald-Variable-latin.woff2') format('woff2'); font-weight: 400 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD; }
@font-face { font-family: 'Montserrat'; src: url('/fonts/Montserrat-Variable-cyrillic.woff2') format('woff2'); font-weight: 100 900; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Montserrat'; src: url('/fonts/Montserrat-Variable-latin.woff2') format('woff2'); font-weight: 100 900; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD; }
html.s7s {
  --espresso: #174A5E; --espresso2: #1B5368; --black: #0F3444; --panel: rgba(27, 83, 104, .75); --navy: #174A5E; --teal: #1B5368;
  --ember: #F57A1E; --ember2: #F7913A; --ember-l: #F9BC66; --gold: #F9BC66; --cream: #F2EEE6; --cream-dim: #D3DCE0; --ivory: #F2EEE6; --muted: #B2C3CA;
  --line: rgba(224, 149, 90, .38); --line2: rgba(224, 149, 90, .45); --bg: #174A5E; --bg2: #1B5368; --bg3: #22607A; --cream-dim2: #B2C3CA;
  --s7s-or: #F57A1E; --s7s-ink: #111111; --s7s-amber: #F9BC66; --s7s-amber-hi: #FAC77E; --s7s-plate: linear-gradient(150deg, #174A5E 0%, #0F3444 72%); --s7s-edge: rgba(224, 149, 90, .55);
  color-scheme: dark; background: #0F3444;
}
/* правило 03.10 «тёмный слишком»: холст — светлый петроль с тёплым светом сверху, не самый тёмный тон от края до края */
html.s7s body {
  background: radial-gradient(70% 520px at 50% -80px, rgba(245, 122, 30, .2), transparent 70%), linear-gradient(180deg, #1B5368 0%, #174A5E 640px, #174A5E 100%) #174A5E !important; color: var(--cream);
  font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
/* заголовки: огромный Oswald капсом с оранжевой точкой */
html.s7s :is(h1, h2) { font-family: 'Oswald', 'Arial Narrow', sans-serif !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .005em !important; }
html.s7s h1 { font-size: clamp(40px, 6vw, 88px) !important; line-height: .94 !important; }
html.s7s h2 { font-size: clamp(28px, 3.3vw, 50px) !important; line-height: .98 !important; color: var(--cream) !important; -webkit-text-fill-color: currentColor; }
html.s7s :is(h1, h2)::before { content: '.' !important; position: static !important; display: inline !important; width: auto !important; height: auto !important;
  background: none !important; color: var(--s7s-or) !important; -webkit-text-fill-color: var(--s7s-or) !important; margin: 0 !important; border: 0 !important; }
html.s7s h3 { font-family: 'Manrope', system-ui, sans-serif !important; font-weight: 800 !important; }
/* кнопки: оранжевая пилюля с чёрным текстом; второстепенная — петроль с медной кромкой */
html.s7s :is(.btn, .btn-primary, .btn-main, .cta-btn, a.cta, .hero-cta, .btn-ember, [class*="btn-fire"]):not(.btn-ghost):not(.btn-secondary):not(.btn-outline):not(.ghost) {
  background: linear-gradient(145deg, #F57A1E, #F26B21) !important; color: var(--s7s-ink) !important; -webkit-text-fill-color: currentColor; border: 0 !important; border-radius: 999px !important;
  box-shadow: 0 18px 36px -16px rgba(245, 122, 30, .75) !important; text-shadow: none !important; }
html.s7s :is(.btn-ghost, .btn-secondary, .btn-outline, .btn.ghost) { background: var(--s7s-plate) !important; color: var(--cream) !important; border: 1px solid var(--s7s-edge) !important; border-radius: 999px !important; }
html.s7s :is(.btn, .btn-primary, .btn-ghost, .btn-secondary, .btn-outline) * { color: inherit !important; }
/* мелкий акцент-текст на петроле — янтарь (оранжевый мелким текстом не читается) */
html.s7s :is(.eyebrow, .kicker, .tag, .badge, .label, [class*="eyebrow"], [class*="kicker"]) { color: var(--s7s-amber); }
html.s7s a:not([class]) { color: var(--s7s-amber); }
html.s7s ::selection { background: #F57A1E; color: #111; }
/* гайд «Мультсериал про себя»: был светлым с зашитыми цветами — те же роли в EMBER (плашка, оранжевое поле с петроль-кнопкой) */
html.s7s-guide body { color: var(--cream); }
html.s7s-guide header { border-bottom-color: var(--line) !important; }
html.s7s-guide .brand { color: var(--cream) !important; }
html.s7s-guide .kick { color: var(--s7s-amber) !important; }
html.s7s-guide h1 .em { color: var(--s7s-or) !important; }
html.s7s-guide .sub { color: var(--cream-dim) !important; }
html.s7s-guide .inside { background: var(--s7s-plate) !important; border: 1px solid var(--s7s-edge) !important; border-radius: 24px !important; }
html.s7s-guide .inside li { color: var(--cream-dim) !important; }
html.s7s-guide .inside li::before { color: var(--s7s-or) !important; }
html.s7s-guide .gate { background: radial-gradient(circle, rgba(17, 17, 17, .13) 1.1px, transparent 1.7px) 0 0 / 13px 13px, linear-gradient(145deg, #F57A1E, #F26B21) !important; color: var(--s7s-ink) !important; border-radius: 28px !important; }
html.s7s-guide .gate :is(p, .note, h2, h3, label, span) { color: var(--s7s-ink) !important; -webkit-text-fill-color: currentColor; }
html.s7s-guide .gate .btn { background: var(--s7s-plate) !important; color: var(--cream) !important; border: 1px solid rgba(15, 52, 68, .9) !important; box-shadow: none !important; }
html.s7s-guide .mini { color: var(--muted) !important; }
html.s7s-guide .mini a { color: var(--s7s-amber) !important; }
/* зашитые тёмно-коричневые подложки старых страниц (эспрессо) → петроль: подвал, карточки, замки, поля, баннеры, шапка */
html.s7s footer { background: #0C2C3A !important; }
html.s7s :is(.card, .gate-box, .pbox, .cta-banner) { background: var(--s7s-plate) !important; border-color: var(--s7s-edge) !important; }
html.s7s :is(pre.prompt, .gate-form input, .gate-form textarea) { background: #0C2C3A !important; border-color: var(--line2) !important; color: var(--cream) !important; }
html.s7s header.top { background: rgba(15, 52, 68, .94) !important; }
html.s7s .gate.locked::after { background: linear-gradient(180deg, rgba(15, 52, 68, 0) 0%, rgba(15, 52, 68, .6) 45%, rgba(12, 44, 58, .97) 100%) !important; }
html.s7s .cine::before { background: linear-gradient(90deg, rgba(12, 44, 58, .88) 0%, rgba(12, 44, 58, .4) 45%, transparent 75%) !important; }
/* посадочные страницы: «b» в метках стилей и логотипе — оранжевый мелким текстом → янтарь; цифры шагов — чёрные на оранжевом */
html.s7s :is(.style-tag b, .logo b) { color: var(--s7s-amber-hi) !important; }
html.s7s .step .n { color: var(--s7s-ink) !important; background: linear-gradient(145deg, #F57A1E, #F26B21) !important; font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; }
/* Вайм-Лайф: подписи героев и локаций поверх кадра — плотнее подложка снизу (мелкий текст на светлых кадрах читается) */
html.s7s :is(.ccard, .loc, .herocard) figcaption { background: linear-gradient(180deg, rgba(12, 44, 58, 0) 0%, rgba(12, 44, 58, .82) 38%, rgba(12, 44, 58, .96) 100%) !important; }
html.s7s :is(p, li, td) a:not([class]) { color: var(--cream) !important; text-decoration: underline; text-decoration-color: #F57A1E; text-decoration-thickness: 2px; text-underline-offset: .18em; }
/* правило 03.10: на каждом экране — сильная оранжевая плоскость (поле с чёрным текстом, кнопки на нём — петроль) */
html.s7s :is(.feat, .cta-banner, .s7s-about .facts, .price, .s7s-guide .gate) { background: linear-gradient(145deg, #F57A1E, #F26B21) !important;
  color: #111 !important; border-color: transparent !important; box-shadow: 0 26px 50px -30px rgba(242, 107, 33, .6) !important; }
html.s7s :is(.feat, .cta-banner, .s7s-about .facts, .price, .s7s-guide .gate) :is(h2, h3, h4, p, li, span, b, strong, small, div, .muted, td, th):not(.btn):not(.btn *) { color: #111 !important; -webkit-text-fill-color: #111 !important; }
html.s7s :is(.feat, .cta-banner, .s7s-about .facts, .price, .s7s-guide .gate) :is(h2, h3)::before { color: #0F3444 !important; -webkit-text-fill-color: #0F3444 !important; }
html.s7s :is(.feat, .cta-banner, .s7s-about .facts, .price, .s7s-guide .gate) :is(.btn, .btn-primary, a.cta, button):not(#s7a):not(#s7b) { background: linear-gradient(150deg, #174A5E 0%, #0F3444 72%) !important; color: #F2EEE6 !important; -webkit-text-fill-color: #F2EEE6 !important; border: 1px solid rgba(15, 52, 68, .9) !important; box-shadow: none !important; }
html.s7s :is(.feat, .cta-banner, .s7s-about .facts, .price, .s7s-guide .gate) .ic { background: #0F3444 !important; color: #F2EEE6 !important; }
html.s7s-about .facts { padding: 18px !important; border-radius: 24px !important; }
html.s7s-about .facts .fact { background: rgba(255, 250, 244, .32) !important; border-color: rgba(17, 17, 17, .16) !important; }
html.s7s a[href^="/kak-snyato-"][style*="display:block"] { background: linear-gradient(145deg, #F57A1E, #F26B21) !important; color: #111 !important; border-color: transparent !important; }
html.s7s a[href^="/kak-snyato-"][style*="display:block"] * { color: #111 !important; -webkit-text-fill-color: #111 !important; }
/* второй замер (03.10): метки стилей, поля формы «Как снято», акцент-слово заголовка на фото, текст-градиент сериала */
html.s7s .style-tag b { color: var(--cream) !important; }
html.s7s :is(.gate-form input, .gate-form textarea)::placeholder { color: #B2C3CA !important; opacity: 1; }
html.s7s h1 :is(.em, em) { -webkit-text-fill-color: #F9A859 !important; color: #F9A859 !important; background: none !important; }
html.s7s .grad { background: linear-gradient(90deg, #F9BC66, #F57A1E) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }