/* ════════════════════════════════════════════════════════════════════
   ГЛАВНАЯ v19 «ИГРА НА МЕСТЕ» (черновик 01.10.2026) — стили поверх v15. Подключается ТОЛЬКО в /proto/v19.html;
   DOM строит /js/home-v5.js. Основа — home-v4.css (v18) без изменений до блока «v19» в конце файла; кнопки игры
   (бывшие ссылки) получают те же правила через :is(a,button). Основа — home-v3.css (v17, без изменений до блока «v18»), ниже — новые блоки v18:
   серия героев обложки, оранжевая карточка цифр, «Студия VAIMAN», чипы моделей, бегущие ленты, макет «Одна идея»,
   карточки с фото, строка доверия, демо-стена, полоса цифр, «Блог и новости», подвал во весь экран.
   Палитра V2: петроль #0F3444/#174A5E · оранжевый #F57A1E · off-white #F2EEE6 · #111; Oswald 700 с «.», Montserrat тонкий
   для цифр, Manrope текст; курсива нет. Большие экраны — от --k (ставит <head>), плашки станций — масштаб --k (см. блок 34″).
   Ловушки движка полёта v15 (учтены): опора = верх каждой видимой <section> в #page-content + низ страницы;
   число опор ОБЯЗАНО = числу кадров (13); новые блоки — только <div>; станция ≤ 1,5 экрана; .v-landing overflow → clip.
   ════════════════════════════════════════════════════════════════════ */
@font-face{font-family:'Oswald';src:url('/fonts/Oswald-Variable-cyrillic.woff2') format('woff2');font-weight:400 700;font-style:normal;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-style:normal;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+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';src:url('/fonts/Montserrat-Variable-cyrillic.woff2') format('woff2');font-weight:100 900;font-style:normal;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-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--c-display:'Oswald','Arial Narrow',system-ui,sans-serif;--c-thin:'Montserrat',system-ui,sans-serif}

/* ── страница: шапка v15 и старые разделы лендинга прячем, полёт (canvas) оставляем ──
   класс c-on ставится на <html> ещё в <head> (v16.html), чтобы шапка v15 не мелькала до сборки */
html.c-on .v-hero{display:none!important}
html.c-on .hdr{display:none!important}
html.c-on #flightcv{display:block!important}
html.c-on .v-glow,html.c-on .v-ambient{display:none!important}
html.c-on #page-content .v-landing>*:not(#c-hero):not(.v-modal-overlay){display:none!important}
html.c-on,html.c-on body,html.c-on.c-light body{background:#0F3444!important}
/* .v-landing сайта — overflow-x:hidden/overflow-y:auto (свой скролл-контейнер) → sticky обложки не работал. clip — без контейнера */
html.c-on #page-content .v-landing{overflow-x:clip!important;overflow-y:visible!important}

/* ══ СТАНЦИИ 1–2: обложка поверх кадров полёта (ракурсы Марии), текст слева прилипает на 2 экрана ══ */
/* сайт красит голый текст лендинга (.v-landing p/span/a + .on-dark) с !important и тенями — гасим внутри обложки */
#page-content #c-hero h1,#page-content #c-hero p,#page-content #c-hero a,#page-content #c-hero span,
#page-content #c-hero b,#page-content #c-hero i,#page-content #c-hero em,#page-content #c-hero div,#page-content #c-hero small,#page-content #c-hero strong{
  text-shadow:none!important;transition:none!important}
/* сайт делает КАЖДУЮ section на главной экраном 100vh с отступами !important — у обложки свой ритм: 2 экрана */
#page-content #c-hero{position:relative;isolation:isolate;z-index:5;font-family:'Manrope',system-ui,sans-serif;color:#F7F2EA!important;
  background:transparent!important;height:200vh!important;min-height:0!important;overflow:clip!important;display:block!important;padding:0!important}
#page-content #c-hero *{box-sizing:border-box}
#page-content #c-hero>.c-stick{position:sticky!important;top:0;height:100vh;width:100%!important;overflow:hidden}
/* пустая метка-секция на втором экране обложки = вторая опора полёта (кадр 2 — ракурс «из-за плеча») */
#page-content #c-hero>section.f-cutmark{position:absolute!important;left:0;right:0;top:100vh;height:100vh;min-height:0!important;padding:0!important;
  margin:0!important;display:block!important;pointer-events:none;background:none!important}
/* глубина под текстом слева + низ; полутоновые точки и тонкая линия (ref23) */
#page-content #c-hero .c-shade{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,rgba(15,52,68,.9) 0%,rgba(15,52,68,.78) 30%,rgba(15,52,68,.35) 46%,rgba(15,52,68,0) 58%),
  linear-gradient(0deg,rgba(15,52,68,.6) 0%,rgba(15,52,68,0) 22%)!important}
#page-content #c-hero .c-shade::after{content:'';position:absolute;left:34%;top:8%;width:26%;height:42%;
  background-image:radial-gradient(#111 1.6px,transparent 1.9px);background-size:11px 11px;opacity:.28;
  -webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent)}
#page-content #c-hero .c-shade::before{content:'';position:absolute;left:clamp(24px,4vw,64px);right:52%;top:118px;height:1px;background:rgba(242,238,230,.35)}
/* меню — минимум */
#page-content #c-hero .c-nav{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;padding:28px clamp(20px,4vw,64px)}
#page-content #c-hero .c-logo{display:flex;align-items:center;gap:10px;font-family:var(--c-display);font-weight:700;letter-spacing:.28em;
  font-size:17px;color:#F7F2EA!important;text-decoration:none}
#page-content #c-hero .c-logo img{width:26px;height:26px}
#page-content #c-hero .c-links{margin-left:auto;margin-right:34px;display:flex;gap:34px;font-family:var(--c-display);text-transform:uppercase;letter-spacing:.2em;font-size:12.5px;font-weight:500}
#page-content #c-hero .c-links :is(a,button){color:rgba(247,242,234,.88)!important;text-decoration:none}
#page-content #c-hero .c-acts{display:flex;gap:10px}
#page-content #c-hero .c-pill{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:12px 22px;font-family:var(--c-display);
  text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:500;cursor:pointer;border:1px solid rgba(247,242,234,.5);
  color:#F7F2EA!important;background:rgba(15,52,68,.35);text-decoration:none;line-height:1;white-space:nowrap}
#page-content #c-hero .c-pill.hot{background:#F57A1E;border:0;color:#111!important;font-weight:600;box-shadow:0 18px 40px -16px rgba(245,122,30,.9)}
#page-content #c-hero .c-pill svg{width:18px;height:18px}
#page-content #c-hero .c-pill.big{padding:20px 34px;font-size:16px;letter-spacing:.14em;font-weight:600;
  box-shadow:0 0 0 8px rgba(245,122,30,.18),0 20px 44px -16px rgba(245,122,30,.9)}
/* колонка текста слева */
#page-content #c-hero .c-body{position:absolute;z-index:3;left:0;right:auto;top:0;bottom:0;width:52%;display:flex;flex-direction:column;justify-content:center;
  padding:100px 32px 110px clamp(24px,4vw,64px)}
#page-content #c-hero .c-kicker{font-family:var(--c-thin);text-transform:uppercase;letter-spacing:.3em;font-size:12.5px;font-weight:500;color:#F57A1E!important;
  display:flex;align-items:center;gap:14px}
#page-content #c-hero .c-word{position:relative;margin:14px 0 0 -.03em;font-family:var(--c-display);font-weight:700;font-size:clamp(92px,12.5vw,188px);line-height:.86;
  letter-spacing:-.02em;color:#F7F2EA!important;white-space:nowrap;text-shadow:none!important}
/* никакого курсива: акцентная буква — прямая, тем же гротеском */
#c-hero em,#c-hero i{font-style:normal!important;font-family:var(--c-display)!important}
#page-content #c-hero .c-word em{position:relative;display:inline-block;font-family:var(--c-display)!important;font-weight:700;color:#F57A1E!important;
  font-size:1em;line-height:0;letter-spacing:0;margin:0;-webkit-text-stroke:0;paint-order:stroke fill;text-shadow:none!important}
#page-content #c-hero .c-lead{margin:30px 0 0;font-family:var(--c-thin);text-transform:uppercase;font-weight:300;letter-spacing:.08em;
  font-size:clamp(18px,1.6vw,24px);line-height:1.18;color:#F7F2EA!important;max-width:520px}
#page-content #c-hero .c-ctas{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap;align-items:center}
#page-content #c-hero .c-link{font-family:var(--c-display);text-transform:uppercase;letter-spacing:.18em;font-size:13px;color:#F7F2EA!important;
  text-decoration:none;border-bottom:1px solid rgba(247,242,234,.6);padding:6px 2px}
/* подпись у фото (справа) + статистика одной строкой (слева) */
#page-content #c-hero .c-cap{position:absolute;z-index:3;left:auto!important;right:clamp(20px,4vw,64px)!important;bottom:44px;width:auto!important;
  display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(247,242,234,.86)!important}
#page-content #c-hero .c-cap::before{content:'';width:30px;height:1px;background:#F57A1E}
#page-content #c-hero .c-cap b{font-family:var(--c-display);font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:#F7F2EA!important}
#page-content #c-hero .c-stats{position:absolute;z-index:3;left:0;right:auto;bottom:44px;display:flex;gap:32px;padding-left:clamp(24px,4vw,64px)}
#page-content #c-hero .c-stat b{font-family:var(--c-thin);font-weight:300;font-size:22px;color:#F7F2EA!important;margin-right:8px}
#page-content #c-hero .c-stat span{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(247,242,234,.72)!important}
#page-content #c-hero .c-stat .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#F57A1E;box-shadow:0 0 10px #F57A1E;margin-right:7px;vertical-align:middle}
#page-content #c-hero .f-scrollhint{position:absolute;z-index:3;left:50%;bottom:40px;width:auto!important;transform:translateX(-50%);font-family:'Montserrat',sans-serif;
  font-weight:300;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:rgba(242,238,230,.8)!important;white-space:nowrap}
#page-content #c-hero .f-scrollhint span{font-weight:200;font-size:22px;letter-spacing:-.02em;color:#F2EEE6!important;margin-right:2px}
@media (min-width:761px){
  #page-content #c-hero .c-links :is(a,button){color:#F2EEE6!important;font-weight:600;text-shadow:0 1px 12px rgba(15,52,68,.85)!important}
  #page-content #c-hero .c-links :is(a,button):hover{color:#FF9A4D!important}
  #page-content #c-hero .c-acts .c-pill{background:rgba(15,52,68,.7)!important;border:1px solid rgba(242,238,230,.45)!important;color:#F2EEE6!important}
}
/* ── телефон: кадр на весь экран, текст на тёмном низе ── */
@media (max-width:760px){
  #page-content #c-hero .c-shade{background:linear-gradient(180deg,rgba(15,52,68,.45) 0%,rgba(15,52,68,0) 13%,rgba(15,52,68,0) 44%,rgba(15,52,68,.8) 60%,rgba(15,52,68,.93) 78%)!important}
  #page-content #c-hero .c-shade::after,#page-content #c-hero .c-shade::before{display:none}
  #page-content #c-hero .c-links,#page-content #c-hero .c-kicker,#page-content #c-hero .c-link,#page-content #c-hero .c-cap,
  #page-content #c-hero .f-scrollhint{display:none}
  #page-content #c-hero .c-nav{padding:16px}
  #page-content #c-hero .c-logo{margin-right:auto;font-size:15px}
  #page-content #c-hero .c-acts .c-pill{padding:10px 16px;font-size:12px}
  #page-content #c-hero .c-body{width:auto;top:auto;justify-content:flex-end;padding:0 16px 86px}
  #page-content #c-hero .c-word{font-size:clamp(78px,25vw,110px);margin-top:10px}
  #page-content #c-hero .c-lead{margin-top:16px}
  #page-content #c-hero .c-ctas{margin-top:22px}
  #page-content #c-hero .c-pill.big{flex:1;justify-content:center;padding:18px 16px;font-size:15px}
  #page-content #c-hero .c-stats{left:16px;right:16px;bottom:24px;padding:0;gap:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  #page-content #c-hero .c-stat b{font-size:19px;display:block}
  #page-content #c-hero .c-stat span{font-size:10px}
}

/* ══ СТАНЦИИ 3–13: плашки поверх своих кадров полёта (без сплошных заливок на весь экран) ══
   Плашка: петроль rgba(15,52,68,.88) · текст #F2EEE6 (7.9–10.9:1 на любом кадре) · вторичный #D3DCE0 (6.6–9.1:1)
           мелкий оранжевый #FF9A4D (4.4–6.0:1) · крупные цифры/точки #F57A1E (≥3.4:1, крупный шрифт)
   Светлая плашка: rgba(242,238,230,.94) · #111 (≥14.4:1) · #333 (≥9.7:1) · акцент #8F3A08 (≥5.8:1) */
#c-fly{position:relative;z-index:5;color:#F2EEE6;font-family:'Manrope',system-ui,sans-serif}
#c-fly *{box-sizing:border-box}
#c-fly a{text-decoration:none;color:inherit}
#page-content #c-fly .f-st{position:relative;min-height:100vh!important;height:auto!important;padding:0!important;margin:0!important;
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;background:none!important;border:0!important}
#page-content #c-fly .f-st>.f-in{width:100%!important;max-width:1440px;margin:0 auto;padding:72px clamp(24px,4.4vw,64px);flex:1 1 auto;
  display:flex;align-items:center;justify-content:flex-start}
#page-content #c-fly .f-st[data-pc="top"]>.f-in{align-items:flex-start;padding-top:56px}
#page-content #c-fly .f-st[data-pc="br"]>.f-in{align-items:flex-end;justify-content:flex-end;padding-bottom:28px}

.f-plate{position:relative;width:min(620px,46vw);background:rgba(15,52,68,.88);color:#F2EEE6;border:1px solid rgba(242,238,230,.14);
  border-radius:24px;padding:30px 32px 30px;box-shadow:0 40px 90px -40px rgba(0,0,0,.6)}
.f-plate::before{content:'';position:absolute;left:32px;top:0;width:64px;height:4px;background:#F57A1E;border-radius:0 0 4px 4px}
.f-plate.wide{width:100%}
.f-plate.lt{background:rgba(242,238,230,.94);color:#111;border-color:rgba(17,17,17,.1)}

.f-hd{position:relative;margin-bottom:20px}
.f-no{position:absolute;right:0;top:-6px;font-family:'Montserrat',sans-serif;font-weight:200;font-size:15px;letter-spacing:.04em;color:#D3DCE0}
.f-no b{font-weight:200;font-size:36px;letter-spacing:-.03em;color:#F2EEE6;margin-right:1px}
.f-tag{display:block;margin-bottom:10px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:#FF9A4D}
.f-h{margin:0;padding-right:92px;font-family:'Oswald','Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(44px,4.6vw,70px);
  line-height:.9;letter-spacing:-.012em;color:#F2EEE6}
.f-dot{color:#F57A1E;font-weight:700}
.f-sub{margin:12px 0 0;font-family:'Montserrat',sans-serif;font-weight:300;font-size:16px;line-height:1.45;color:#D3DCE0}
.f-plate.lt .f-no{color:#333}.f-plate.lt .f-no b,.f-plate.lt .f-h{color:#111}
.f-plate.lt .f-tag{color:#8F3A08}.f-plate.lt .f-sub{color:#333}

.f-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}
.f-go{display:inline-flex;align-items:center;gap:14px;padding:6px 6px 6px 22px;border-radius:999px;background:#F57A1E;color:#111!important;
  font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:13.5px;line-height:1;box-shadow:0 14px 32px -14px rgba(245,122,30,.9);transition:transform .2s}
.f-go:hover{transform:translateY(-2px)}
.f-go i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0F3444;color:#F57A1E;font-style:normal}
.f-go i svg{width:16px;height:16px}
.f-go.ghost{background:transparent;color:#F2EEE6!important;border:1px solid rgba(242,238,230,.4);box-shadow:none}
.f-go.ghost i{background:#F57A1E;color:#111}
.f-go.dark{background:#0F3444;color:#F2EEE6!important;box-shadow:0 14px 32px -16px rgba(15,52,68,.9)}
.f-go.dark i{background:#F57A1E;color:#111}

/* 02 — генераторы: оглавление 01–06 */
.f-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(242,238,230,.24)}
.f-list li{border-bottom:1px solid rgba(242,238,230,.14)}
.f-list a{display:grid;grid-template-columns:54px minmax(0,1fr) 26px;gap:14px;align-items:center;padding:11px 2px}
.f-list .no{font-family:'Montserrat',sans-serif;font-weight:200;font-size:32px;line-height:1;letter-spacing:-.03em;color:#F57A1E}
.f-list b{display:block;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:19px;line-height:1.05;letter-spacing:.02em;color:#F2EEE6}
.f-list small{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:#D3DCE0}
.f-list .ar{font-style:normal;text-align:right;font-weight:700;color:#FF9A4D}
.f-list a:hover b{color:#FF9A4D}

/* 03 — галерея: постеры «PROMPT» (C9) — стили ниже, отдельным блоком */

/* 04 — Вайм-Лайф (светлая плашка). Постер (200 КБ) ставит home-v2.js в --img, когда станция близко (не при входе) */
.f-vl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start}
.f-vl .poster{position:relative;display:block;aspect-ratio:9/16;border-radius:14px;overflow:hidden;
  background:var(--img,none) 50% 50%/cover no-repeat #0F3444;box-shadow:0 0 0 2px #111}
.f-vl .poster i{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;
  background:#F57A1E;color:#111;font-style:normal;font-size:18px;padding-left:3px;box-shadow:0 10px 24px -8px rgba(0,0,0,.6)}
.f-vl .poster span{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#F2EEE6;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.f-vl .lead{margin:0;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:24px;line-height:1.08;color:#111}
.f-vl .lead em{font-style:normal;color:#8F3A08}
.f-vl p{margin:12px 0 0;font-size:15px;line-height:1.5;color:#333}
.f-vl p.note{margin-top:12px;font-family:'Montserrat',sans-serif;font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8F3A08}

/* 05 — три шага */
.f-steps{border-top:1px solid rgba(242,238,230,.24)}
.f-step{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:start;padding:16px 0;border-bottom:1px solid rgba(242,238,230,.14)}
.f-step .n{font-family:'Montserrat',sans-serif;font-weight:200;font-size:58px;line-height:.86;letter-spacing:-.05em;color:#F57A1E}
.f-step b{display:block;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:22px;line-height:1.05;color:#F2EEE6}
.f-step small{display:block;margin-top:5px;font-size:14px;line-height:1.45;color:#D3DCE0}

/* 06 — всё в одном месте */
.f-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.f-card{display:block;padding:14px 16px 16px;border-radius:16px;background:rgba(242,238,230,.06);border:1px solid rgba(242,238,230,.16);transition:border-color .2s}
.f-card:hover{border-color:#F57A1E}
.f-card .ics{display:flex;gap:4px;margin-bottom:10px;min-height:36px}
.f-card .ics img{width:36px;height:36px;object-fit:contain}
.f-card .k{display:block;font-family:'Montserrat',sans-serif;font-weight:600;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#FF9A4D}
.f-card b{display:block;margin-top:4px;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:19px;line-height:1.05;color:#F2EEE6}
.f-card small{display:block;margin-top:6px;font-size:13px;line-height:1.45;color:#D3DCE0}

/* 07/10 — сетки пунктов */
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.f-grid.g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.f-it{padding:13px 0 14px;border-top:1px solid rgba(242,238,230,.2)}
.f-it .n{font-family:'Montserrat',sans-serif;font-weight:300;font-size:12px;letter-spacing:.2em;color:#FF9A4D}
.f-it b{display:block;margin-top:4px;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:19px;line-height:1.05;color:#F2EEE6}
.f-it small{display:block;margin-top:5px;font-size:13px;line-height:1.45;color:#D3DCE0}

/* 08 — первый клик + тарифы (светлая плашка) */
.f-pts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 16px}
.f-pts span{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#111}
.f-pts span::before{content:'';width:9px;height:9px;background:#F57A1E;flex:none}
.f-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.f-pl{position:relative;display:flex;flex-direction:column;padding:14px 14px 15px;border-radius:16px;background:#0F3444;color:#F2EEE6;transition:transform .2s}
.f-pl:hover{transform:translateY(-3px)}
.f-pl .nm{font-family:'Montserrat',sans-serif;font-weight:600;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#D3DCE0}
.f-pl .v{margin-top:10px;font-family:'Montserrat',sans-serif;font-weight:200;font-size:50px;line-height:.86;letter-spacing:-.04em}
.f-pl .v span{font-weight:300;font-size:.38em;letter-spacing:0;margin-left:3px;color:#FF9A4D}
.f-pl .rub{margin-top:8px;font-family:'Oswald',sans-serif;font-weight:700;font-size:22px}
.f-pl .per{margin-top:2px;font-size:11.5px;color:#D3DCE0}
.f-pl.hot{background:#F57A1E;color:#111}
.f-pl.hot .nm,.f-pl.hot .per,.f-pl.hot .v span{color:#111}
.f-pl .badge{position:absolute;right:10px;top:10px;padding:3px 8px;border-radius:999px;background:#111;color:#FF9A4D;font-family:'Montserrat',sans-serif;font-weight:600;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.f-more{margin:10px 0 0;font-size:12.5px;color:#333}
.f-more a{color:#111;font-weight:700;border-bottom:2px solid #F57A1E}

/* 09 — лучшие генераторы */
.f-pop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.f-pc{display:flex;flex-direction:column;gap:5px;padding:12px 11px 12px;border-radius:14px;background:rgba(242,238,230,.06);border:1px solid rgba(242,238,230,.16);transition:border-color .2s}
.f-pc:hover{border-color:#F57A1E}
.f-pc img{width:46px;height:46px;object-fit:contain;margin-bottom:2px}
.f-pc b{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:15.5px;line-height:1.05;color:#F2EEE6}
.f-pc small{flex:1;font-size:12px;line-height:1.35;color:#D3DCE0}
.f-pc i{font-style:normal;font-family:'Oswald',sans-serif;font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#FF9A4D}

/* 11 — все инструменты */
.f-tools{display:grid;gap:14px}
.f-tg .lb{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:16px;letter-spacing:.08em;color:#F2EEE6}
.f-tg .lb small{font-family:'Montserrat',sans-serif;font-weight:200;font-size:18px;letter-spacing:0;color:#FF9A4D}
.f-chips{display:flex;flex-wrap:wrap;gap:6px}
.f-chips a{padding:6px 11px;border-radius:999px;border:1px solid rgba(242,238,230,.26);font-size:12.5px;font-weight:600;line-height:1.2;color:#F2EEE6;transition:border-color .2s,color .2s}
.f-chips a:hover{border-color:#F57A1E;color:#FF9A4D}

/* 12 — финал + подвал (один экран = последняя опора полёта) */
#page-content #c-fly .f-last{min-height:100vh!important}
#page-content #c-fly .f-last>.f-in{flex:1 1 auto}
.f-last .f-plate{width:min(560px,42vw)}
.f-last .f-h{font-size:clamp(40px,4vw,60px)}
.f-foot{position:relative;background:rgba(15,52,68,.9);border-top:1px solid rgba(242,238,230,.16);font-size:12.5px;color:#D3DCE0}
.f-foot-in{max-width:1440px;margin:0 auto;padding:18px clamp(24px,4.4vw,64px) 10px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px}
.f-foot .fb{display:flex;align-items:center;gap:10px;margin-right:auto}
.f-foot .fb img{width:24px;height:24px}
.f-foot .fb b{font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.22em;font-size:15px;color:#F2EEE6}
.f-foot .fb span{font-size:12px;color:#D3DCE0}
.f-foot nav{display:flex;flex-wrap:wrap;gap:6px 16px}
.f-foot nav a{color:#F2EEE6}
.f-foot nav a:hover{color:#FF9A4D}
.f-foot .fs a{color:#FF9A4D}
.f-copy{max-width:1440px;margin:0 auto;padding:0 clamp(24px,4.4vw,64px) 16px;font-size:11.5px;line-height:1.5;color:#D3DCE0}
.f-copy a{color:inherit!important;text-decoration:underline}
.f-copy span{font-size:inherit!important}

/* ── ТЕЛЕФОН: плашка сверху или снизу своего кадра, списки — лентами ── */
@media (max-width:760px){
  #page-content #c-fly .f-st>.f-in{padding:16px 14px;align-items:flex-end}
  #page-content #c-fly .f-st[data-m="t"]>.f-in{align-items:flex-start;padding-top:18px}
  #page-content #c-fly .f-st[data-pc="br"]>.f-in{justify-content:flex-start;padding-bottom:14px}
  .f-plate,.f-last .f-plate{width:100%;padding:20px 18px 18px;border-radius:20px}
  .f-plate::before{left:18px;width:48px}
  .f-hd{margin-bottom:14px}
  .f-h,.f-last .f-h{padding-right:70px;font-size:clamp(34px,10vw,44px)}
  .f-no b{font-size:28px}.f-no{font-size:13px}
  .f-tag{font-size:10.5px;letter-spacing:.24em;margin-bottom:8px}
  .f-sub{font-size:14px;margin-top:8px}
  .f-row{margin-top:14px}
  .f-go{font-size:12.5px;padding:5px 5px 5px 18px}
  .f-go i{width:32px;height:32px}
  /* ленты вместо сеток */
  .f-cards,.f-grid,.f-grid.g3,.f-pop,.f-plans{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;
    margin:0 -18px;padding:2px 18px 6px;scrollbar-width:none}
  .f-cards::-webkit-scrollbar,.f-grid::-webkit-scrollbar,.f-pop::-webkit-scrollbar,.f-plans::-webkit-scrollbar{display:none}
  .f-card{flex:0 0 76%;scroll-snap-align:start}
  .f-it{flex:0 0 64%;scroll-snap-align:start;border-top:0;border-left:1px solid rgba(242,238,230,.22);padding:4px 0 4px 12px}
  .f-pc{flex:0 0 40%;scroll-snap-align:start}
  .f-pl{flex:0 0 31%;padding:12px 10px 12px}
  .f-pl .v{font-size:38px}.f-pl .rub{font-size:18px}.f-pl .per{display:none}
  .f-pl .badge{position:static;align-self:flex-start;margin-bottom:6px;font-size:8px;padding:2px 6px}
  .f-list{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
  .f-list a{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:9px 0}
  .f-list .no{font-size:22px}.f-list b{font-size:14.5px}.f-list small,.f-list .ar{display:none}
  .f-step{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:10px 0}
  .f-step .n{font-size:38px}.f-step b{font-size:17px}.f-step small{font-size:12.5px}
  .f-vl{grid-template-columns:92px minmax(0,1fr);gap:14px}
  .f-vl .lead{font-size:17px}.f-vl p{font-size:13px;margin-top:8px}.f-vl p.note{display:none}
  .f-vl .poster i{width:38px;height:38px;font-size:14px}
  .f-pts{flex-direction:column;gap:5px;margin-bottom:12px}.f-pts span{font-size:13px}
  .f-more{font-size:11.5px}
  .f-tools{gap:10px}
  .f-tg .lb{margin-bottom:6px;font-size:14px}
  .f-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px;padding:0 18px 4px;scrollbar-width:none}
  .f-chips::-webkit-scrollbar{display:none}
  .f-chips a{flex:none;font-size:12px;padding:6px 10px}
  .f-foot-in{padding:12px 14px 6px;gap:6px 14px}
  .f-foot .fb span,.f-foot .fg{display:none}
  .f-copy{padding:0 14px 12px;font-size:10.5px}
}
/* лента чипов nowrap раздувала grid-колонку до min-content (телефон уезжал в зум 1015px) */
.f-tools{grid-template-columns:minmax(0,1fr)}
.f-tg,.f-plate,.f-hd{min-width:0}
/* пустая скрытая секция в конце: не даёт опору, но сдвигает долю пути — иначе последний кадр полёта недостижим */
#page-content #c-fly section.f-pad{display:none!important}
@media (max-width:760px){
  .f-card{flex:0 0 66%;padding:12px 12px 12px}
  .f-card .ics{margin-bottom:6px;min-height:28px}.f-card .ics img{width:28px;height:28px}
  .f-card b{font-size:16px}.f-card small{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
/* длинные заголовки — ступенью ниже, чтобы строки не рвались по одному слову */
.f-h.sm,.f-last .f-h.sm{font-size:clamp(40px,3.7vw,56px);line-height:.92}
.f-pl{padding-top:18px}
.f-pl .badge{top:-9px;right:10px;box-shadow:0 0 0 2px rgba(242,238,230,.94)}
.f-pl .v{font-weight:300}
@media (max-width:760px){
  .f-h.sm,.f-last .f-h.sm{font-size:clamp(30px,8.6vw,38px)}
  .f-pl{padding-top:12px}
  .f-pl .badge{position:static;box-shadow:none}
}

/* ══ МОНТАЖ ОБЛОЖКИ: 2 экрана = 2 ракурса, на половине пути — склейка (наезд 1.06→1 и размытие 5px→0 за 170 мс) ══
   слой #c-cut из тех же двух кадров полёта стоит над canvas (z 1) под текстом; уходим к «Генераторам» — гаснет */
#c-cut{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:1;transition:opacity .01s linear 0s}
#c-cut.off{opacity:0;transition:opacity .32s ease .35s}
#c-cut .shot{position:absolute;inset:0;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;opacity:0}
#c-cut .shot.on{opacity:1}
#c-cut .shot.cutin{animation:cCutIn .17s cubic-bezier(.2,.7,.2,1) both}
@keyframes cCutIn{from{transform:scale(1.06);filter:blur(5px)}to{transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){#c-cut .shot.cutin{animation:none}}

/* ═══════════════════════════════════════════════════════════════════════════
   C9 · ПОСТЕР «PROMPT» — станция «.РАБОТЫ ПЛАТФОРМЫ» (#f-gallery): готовые стили карточками-постерами
   (референсы владельца ref26–33, главный ref28). Кадр на всю карточку; сверху мелко — генератор примера и номер;
   снизу на тёмном градиенте: название стиля → огромное «.PROMPT» → 2–3 строки описания → «Повторить в 1 клик».
   Текст промпта НЕ показываем (коммерческая тайна). Типографика — от ширины карточки (container queries, cqw).
   Контраст на подложке #111: #F2EEE6 16:1 · описание rgba(242,238,230,.86) ≥11:1 · #FF9A4D 8.6:1 · #F57A1E 6.9:1.
   Каталог /styles в языке постеров — отдельный этап (здесь его правил нет).
   ═══════════════════════════════════════════════════════════════════════════ */
.vpp{position:relative;display:block;overflow:hidden;isolation:isolate;container-type:inline-size;aspect-ratio:3/4;border-radius:18px;
  background:#111;color:#F2EEE6!important;text-decoration:none!important;
  box-shadow:0 30px 60px -34px rgba(0,0,0,.8),0 0 0 1px rgba(242,238,230,.12);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.vpp>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 12%;opacity:1!important;
  transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.vpp::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(180deg,rgba(17,17,17,.66) 0%,rgba(17,17,17,.25) 9%,rgba(17,17,17,0) 18%),
  linear-gradient(0deg,#111 0%,rgba(17,17,17,.95) 22%,rgba(17,17,17,.7) 38%,rgba(17,17,17,.28) 50%,rgba(17,17,17,0) 60%)}
.vpp-top{position:absolute;left:clamp(10px,5.4cqw,24px);right:clamp(10px,5.4cqw,24px);top:clamp(9px,4.4cqw,20px);
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  font-family:'Montserrat',system-ui,sans-serif;font-weight:600;font-size:clamp(7.5px,2.9cqw,11px);letter-spacing:.22em;
  text-transform:uppercase;line-height:1;color:#F2EEE6;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.vpp-top i{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vpp-top i+i{flex:none;font-weight:300;letter-spacing:.12em;color:rgba(242,238,230,.82)}
.vpp-top i+i b{font-weight:300;font-size:1.45em;letter-spacing:-.02em;color:#F2EEE6}
.vpp-bot{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;
  padding:0 clamp(10px,5.4cqw,24px) clamp(10px,5.4cqw,24px)}
.vpp-kick{max-width:100%;font-family:'Oswald','Arial Narrow',sans-serif;font-weight:600;font-size:clamp(9.5px,4.1cqw,17px);
  letter-spacing:.13em;text-transform:uppercase;line-height:1.12;color:#FF9A4D}
.vpp-word{display:block;margin:.08em 0 0 -.045em;font-family:'Oswald','Arial Narrow',sans-serif;font-weight:700;font-style:normal;
  text-transform:uppercase;font-size:clamp(30px,24cqw,150px);line-height:.84;letter-spacing:-.006em;color:#F2EEE6}
.vpp-word b{font-weight:700;color:#F57A1E}
.vpp-desc{margin-top:clamp(6px,3.2cqw,14px);font-family:'Manrope',system-ui,sans-serif;font-weight:500;font-size:clamp(11px,3.95cqw,15px);
  line-height:1.42;color:rgba(242,238,230,.86);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vpp-cta{margin-top:clamp(8px,4.2cqw,18px);display:inline-flex;align-items:center;gap:clamp(6px,2.6cqw,12px);white-space:nowrap;
  padding:clamp(4px,1.9cqw,8px) clamp(4px,1.9cqw,8px) clamp(4px,1.9cqw,8px) clamp(10px,4.6cqw,18px);border-radius:999px;
  background:#F57A1E;color:#111;font-family:'Oswald','Arial Narrow',sans-serif;font-weight:600;font-size:clamp(9.5px,3.7cqw,14px);
  letter-spacing:.1em;text-transform:uppercase;line-height:1;transition:background .25s ease}
.vpp-cta i{display:grid;place-items:center;width:clamp(18px,7.4cqw,28px);height:clamp(18px,7.4cqw,28px);border-radius:50%;
  background:#111;color:#F57A1E;font-style:normal}
.vpp-cta i svg{width:55%;height:55%}
.vpp:hover{transform:translateY(-4px);box-shadow:0 36px 70px -34px rgba(0,0,0,.85),0 0 0 2px #F57A1E}
.vpp:hover>img{transform:scale(1.045)}
.vpp:hover .vpp-cta{background:#FF8A3A}
.vpp:focus-visible{outline:3px solid #F57A1E;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.vpp,.vpp>img{transition:none}.vpp:hover,.vpp:hover>img{transform:none}}

/* ── C9 · станция «.РАБОТЫ ПЛАТФОРМЫ»: слева плашка-заголовок, справа лента постеров навылет до края экрана
      (между постерами и над/под лентой виден кадр полёта — постеры стоят в городе как афиши) ── */
#page-content #c-fly #f-gallery>.f-in.vpp-in{max-width:none!important;display:flex;align-items:center;justify-content:flex-start;gap:28px;
  padding:64px 0 64px max(clamp(24px,4.4vw,64px),calc((100vw - 1440px)/2 + 64px))}
#f-gallery .vpp-head{flex:0 0 auto;width:420px;align-self:center}
#f-gallery .vpp-head .f-h{padding-right:0;font-size:clamp(44px,4.3vw,62px)}
#f-gallery .vpp-head .f-sub{font-size:15.5px}
#f-gallery .vpp-head .f-row{flex-wrap:nowrap}
#f-gallery .vpp-rail{flex:1 1 auto;min-width:0;display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;scrollbar-width:none;padding:28px clamp(24px,4.4vw,64px) 34px 6px;margin:-28px 0 -34px -6px;scroll-padding-left:6px}
#f-gallery .vpp-rail::-webkit-scrollbar{display:none}
#f-gallery .vpp-rail .vpp{flex:0 0 clamp(250px,23vw,360px);scroll-snap-align:start}
#f-gallery .vpp-nav{display:inline-flex;gap:8px;margin-left:auto}
#f-gallery .vpp-nav button{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;cursor:pointer;
  border:1px solid rgba(242,238,230,.42);background:transparent;color:#F2EEE6;transition:border-color .2s,color .2s,background .2s}
#f-gallery .vpp-nav button svg{width:18px;height:18px}
#f-gallery .vpp-nav button:hover{border-color:#F57A1E;color:#F57A1E}
#f-gallery .vpp-nav button:disabled{opacity:.35;cursor:default;border-color:rgba(242,238,230,.42);color:#F2EEE6}
@media (max-width:1100px) and (min-width:761px){
  #f-gallery .vpp-head{width:360px}
  #f-gallery .vpp-rail .vpp{flex-basis:clamp(240px,30vw,320px)}
}
@media (max-width:760px){
  #page-content #c-fly #f-gallery>.f-in.vpp-in{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:12px;padding:14px 0 16px 14px}
  #f-gallery .vpp-head{width:auto!important;margin-right:14px;padding:18px 18px 16px;align-self:stretch}
  #f-gallery .vpp-head .f-hd{margin-bottom:0}
  #f-gallery .vpp-head .f-h{font-size:clamp(30px,9.2vw,40px)}
  #f-gallery .vpp-head .f-sub{display:none}
  #f-gallery .vpp-head .f-row{margin-top:12px}
  #f-gallery .vpp-nav{display:none}
  #f-gallery .vpp-rail{gap:12px;padding:6px 14px 12px 0;margin:-6px 0 -12px;scroll-padding-left:0}
  #f-gallery .vpp-rail .vpp{flex:0 0 72%;border-radius:16px}
}
/* ── C9 · итерация 1: подложка под названием плотнее (оранжевое название тонуло в рыжих/цветных кадрах),
      над «.PROMPT» картинка просвечивает; тень текста — страховка на пёстрых кадрах ── */
.vpp::before{background:
  linear-gradient(180deg,rgba(17,17,17,.66) 0%,rgba(17,17,17,.25) 9%,rgba(17,17,17,0) 18%),
  linear-gradient(0deg,rgba(17,17,17,.97) 0%,rgba(17,17,17,.9) 18%,rgba(17,17,17,.74) 33%,rgba(17,17,17,.52) 45%,rgba(17,17,17,.2) 55%,rgba(17,17,17,0) 64%)}
.vpp-kick,.vpp-word{text-shadow:0 2px 14px rgba(0,0,0,.55)}
/* ── C9 · итерация 1, телефон: лента не растягивается по высоте (иначе постер вытягивается под любой экран);
      постер 2:3 (как ref26/27/33), но не выше, чем остаётся под плашкой — секция ровно в экран, опоры полёта не сдвигаются ── */
@media (max-width:760px){
  #f-gallery .vpp-rail{flex:0 0 auto;align-items:flex-end}
  #f-gallery .vpp-rail .vpp{aspect-ratio:auto;height:min(calc((100vw - 28px) * .72 * 1.5),calc(100vh - 250px))}
}
/* ── C9 · итерация 2: название стиля крупнее ── */
.vpp-kick{font-size:clamp(10px,5vw,20px);font-size:clamp(10px,5cqw,20px);letter-spacing:.11em}

/* ═══════════════════════════════════════════════════════════════════════════
   v17 (Вячеслав 30.09, монитор 34″ 3440×1440): «всё по краям, по центру пусто, мелко, элементам нужны кнопки и фоны».
   --k (ставит <head> v17): 1 на 1440×900 … 1,7; телефон — 1. Слой текста и плашек растёт с экраном, фото — во весь экран.
   --gut: на сверхшироком экране содержимое собирается в полосу ≈1760·k по центру, а не к краям.
   Размеры плашек станций — zoom (в Chromium и WebKit одинаково: все vw-правила плашек на больших экранах упираются в потолок).
   ═══════════════════════════════════════════════════════════════════════════ */
:root{--k:1}
#page-content #c-hero{--gut:max(clamp(20px,4vw,64px),calc((100vw - 1760px * var(--k)) / 2))}
#page-content #c-hero .c-shade::before{left:var(--gut);top:calc(118px * var(--k))}
/* меню: логотип · группа разделов на подложке · «Войти» + «Регистрация» */
#page-content #c-hero .c-nav{padding:calc(22px * var(--k)) var(--gut);gap:calc(16px * var(--k))}
#page-content #c-hero .c-logo{font-size:calc(17px * var(--k));gap:calc(10px * var(--k))}
#page-content #c-hero .c-logo img{width:calc(28px * var(--k));height:calc(28px * var(--k))}
#page-content #c-hero .c-links{margin-left:auto;margin-right:0;gap:calc(2px * var(--k));padding:calc(5px * var(--k));border-radius:999px;
  background:rgba(15,52,68,.66);border:1px solid rgba(242,238,230,.16);box-shadow:0 18px 40px -24px rgba(0,0,0,.7);letter-spacing:.14em;font-size:calc(12.5px * var(--k))}
#page-content #c-hero .c-links :is(a,button){display:inline-flex;align-items:center;padding:calc(10px * var(--k)) calc(16px * var(--k));border-radius:999px;line-height:1;
  transition:background .2s,color .2s}
#page-content #c-hero .c-acts{gap:calc(10px * var(--k))}
#page-content #c-hero .c-pill{padding:calc(12px * var(--k)) calc(22px * var(--k));font-size:calc(13px * var(--k));gap:calc(10px * var(--k))}
#page-content #c-hero .c-pill svg{width:calc(18px * var(--k));height:calc(18px * var(--k))}
#page-content #c-hero .c-pill.big{padding:calc(20px * var(--k)) calc(34px * var(--k));font-size:calc(16px * var(--k))}
#page-content #c-hero .c-pill.ghost{background:rgba(15,52,68,.62);border:1px solid rgba(242,238,230,.42)}
#page-content #c-hero .c-pill.ghost:hover{border-color:#F57A1E;color:#FF9A4D!important}
@media (min-width:761px){
  #page-content #c-hero .c-links :is(a,button){text-shadow:none!important}
  #page-content #c-hero .c-links :is(a,button):hover{background:rgba(242,238,230,.12);color:#FF9A4D!important}
  #page-content #c-hero .c-acts .c-pill.hot{background:#F57A1E!important;border:0!important;color:#111!important}
}
/* текст обложки — от --k и к центру */
#page-content #c-hero .c-body{padding:calc(100px * var(--k)) 32px calc(190px * var(--k)) var(--gut)}
#page-content #c-hero .c-kicker{font-size:calc(12.5px * var(--k))}
#page-content #c-hero .c-word{font-size:clamp(92px,12.5vw,calc(188px * var(--k)))}
#page-content #c-hero .c-lead{font-size:clamp(18px,1.6vw,calc(24px * var(--k)));max-width:calc(520px * var(--k));margin-top:calc(30px * var(--k))}
#page-content #c-hero .c-ctas{gap:calc(14px * var(--k));margin-top:calc(38px * var(--k))}
/* низ обложки: три плашки в одну линию — цифры · «Опишите идею» · подпись к фото */
#page-content #c-hero .c-dock{position:absolute;z-index:3;left:var(--gut);right:var(--gut);bottom:calc(30px * var(--k));display:grid;
  grid-template-columns:auto minmax(0,calc(700px * var(--k))) auto;justify-content:space-between;align-items:end;gap:calc(18px * var(--k))}
#page-content #c-hero .c-glass{background:rgba(15,52,68,.74);border:1px solid rgba(242,238,230,.16);border-radius:calc(20px * var(--k));
  box-shadow:0 30px 70px -36px rgba(0,0,0,.75)}
#page-content #c-hero .c-dock .c-stats{position:static!important;left:auto;right:auto;bottom:auto;display:flex;gap:calc(26px * var(--k));
  padding:calc(16px * var(--k)) calc(24px * var(--k))}
#page-content #c-hero .c-dock .c-stat{display:flex;flex-direction:column;gap:calc(4px * var(--k))}
#page-content #c-hero .c-dock .c-stat b{font-size:calc(26px * var(--k));margin:0;line-height:1;white-space:nowrap}
#page-content #c-hero .c-dock .c-stat span{font-size:calc(11px * var(--k))}
#page-content #c-hero .c-dock .c-stat .dot{width:calc(8px * var(--k));height:calc(8px * var(--k))}
#page-content #c-hero .c-dock .c-cap{position:static!important;left:auto!important;right:auto!important;bottom:auto;display:flex;flex-direction:column;
  align-items:flex-start;gap:calc(6px * var(--k));padding:calc(16px * var(--k)) calc(22px * var(--k));font-size:calc(12.5px * var(--k))}
#page-content #c-hero .c-dock .c-cap::before{width:calc(30px * var(--k));height:3px;border-radius:2px}
#page-content #c-hero .c-dock .c-cap b{font-size:calc(14px * var(--k))}
#page-content #c-hero .c-dock .c-cap span{color:rgba(242,238,230,.82)!important}
/* строка «Опишите идею» */
#page-content #c-hero .c-ask{display:flex;flex-direction:column;gap:calc(10px * var(--k));padding:calc(12px * var(--k)) calc(12px * var(--k)) calc(12px * var(--k));
  border-color:rgba(245,122,30,.45)}
#page-content #c-hero .c-tabs{display:flex;gap:calc(6px * var(--k));padding-left:calc(4px * var(--k))}
#page-content #c-hero .c-tab{appearance:none;-webkit-appearance:none;margin:0;cursor:pointer;border-radius:999px;border:1px solid rgba(242,238,230,.3);
  background:transparent;color:#F2EEE6!important;padding:calc(7px * var(--k)) calc(15px * var(--k));font-family:var(--c-display);font-weight:500;
  text-transform:uppercase;letter-spacing:.14em;font-size:calc(11.5px * var(--k));line-height:1;transition:background .2s,color .2s,border-color .2s}
#page-content #c-hero .c-tab:hover{border-color:#F57A1E}
#page-content #c-hero .c-tab.on{background:#F2EEE6;border-color:#F2EEE6;color:#111!important}
#page-content #c-hero .c-ask-row{display:flex;gap:calc(10px * var(--k));align-items:center}
#page-content #c-hero .c-in{flex:1 1 auto;min-width:0;height:calc(54px * var(--k));margin:0;border-radius:999px;border:1px solid rgba(242,238,230,.3);
  background:rgba(8,30,40,.6);color:#F2EEE6;padding:0 calc(22px * var(--k));font:500 calc(16px * var(--k))/1.2 'Manrope',system-ui,sans-serif;outline:none;
  box-shadow:none;transition:border-color .2s,box-shadow .2s}
#page-content #c-hero .c-in::placeholder{color:rgba(242,238,230,.62);opacity:1}
#page-content #c-hero .c-in:focus{border-color:#F57A1E;box-shadow:0 0 0 3px rgba(245,122,30,.3)}
#page-content #c-hero .c-go{height:calc(54px * var(--k));flex:none}
#page-content #c-hero .c-ask.shake{animation:cShake .36s cubic-bezier(.36,.07,.19,.97)}
@keyframes cShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
/* подпись «NN/12» убрана из разметки — её места не держим */
.f-h{padding-right:0}
/* станции: полоса и плашки растут с экраном */
@media (min-width:761px){
  #page-content #c-fly .f-st>.f-in{max-width:calc(1440px * var(--k));padding:calc(72px * var(--k)) calc(64px * var(--k))}
  #page-content #c-fly .f-st[data-pc="top"]>.f-in{padding-top:calc(56px * var(--k))}
  #page-content #c-fly .f-st[data-pc="br"]>.f-in{padding-bottom:calc(28px * var(--k))}
  #c-fly .f-plate{zoom:var(--k)}
  #page-content #c-fly #f-gallery>.f-in.vpp-in{gap:calc(28px * var(--k));
    padding:calc(64px * var(--k)) 0 calc(64px * var(--k)) max(clamp(24px,4.4vw,64px),calc((100vw - 1440px * var(--k)) / 2 + 64px * var(--k)))}
  #f-gallery .vpp-rail{gap:calc(18px * var(--k))}
  #f-gallery .vpp-rail .vpp{flex-basis:clamp(250px,23vw,calc(360px * var(--k)))}
  .f-foot-in,.f-copy{max-width:calc(1440px * var(--k))}
}
/* телефон: строки идеи и подписи нет (место — тексту и кнопке), цифры — на плашке, «Регистрация» — кнопкой ниже */
@media (max-width:760px){
  #page-content #c-hero .c-body{padding:0 16px 104px}
  #page-content #c-hero .c-dock{left:16px;right:16px;bottom:18px;display:block}
  #page-content #c-hero .c-ask,#page-content #c-hero .c-dock .c-cap,#page-content #c-hero .c-acts a[href="/register"]{display:none!important}
  #page-content #c-hero .c-dock .c-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 14px;border-radius:16px}
  #page-content #c-hero .c-dock .c-stat b{font-size:19px}
  #page-content #c-hero .c-dock .c-stat span{font-size:10px}
  .f-h,.f-last .f-h{padding-right:0}
}
/* ревизия Грока 30.09: подсказка у пустой строки «Опишите идею» (для читалки и глаз), без тряски при «меньше движения» */
#page-content #c-hero .c-tip{display:block;min-height:0;padding:0 calc(10px * var(--k));font-size:calc(12.5px * var(--k));line-height:1.2;color:#FF9A4D!important}
#page-content #c-hero .c-tip:empty{display:none}
@media (prefers-reduced-motion:reduce){#page-content #c-hero .c-ask.shake{animation:none}}

/* ════ v18 ════ */

/* ═══════════════════════════════════════════════════════════════════════════
   v18 · ОБЛОЖКА: меню из 8 пунктов, низ — карточка цифр · «Опишите идею» · «Студия VAIMAN»; серия героев в #c-cut.
   Внутри .v-landing сайт глушит transition у всего (!important) — эффекты обложки без переходов, анимации — keyframes.
   ═══════════════════════════════════════════════════════════════════════════ */
#page-content #c-hero .c-mlinks,#page-content #c-hero .c-capm{display:none}
#page-content #c-hero.away .c-stick{visibility:hidden}
#page-content #c-hero.away .c-stick *{animation-play-state:paused!important}
@media (min-width:761px) and (max-width:1279px){
  #page-content #c-hero .c-links{letter-spacing:.1em;font-size:calc(11.5px * var(--k))}
  #page-content #c-hero .c-links :is(a,button){padding:calc(9px * var(--k)) calc(11px * var(--k))}
  #page-content #c-hero .c-acts .c-pill{padding:calc(10px * var(--k)) calc(15px * var(--k));letter-spacing:.12em}
}
/* планшет: меню вторым рядом под логотипом (8 пунктов в строку с кнопками не помещаются) */
@media (min-width:761px) and (max-width:1099px){
  #page-content #c-hero .c-nav{flex-wrap:wrap;row-gap:12px}
  #page-content #c-hero .c-acts{margin-left:auto}
  #page-content #c-hero .c-links{order:3;width:100%;margin-left:0;justify-content:center;overflow-x:auto;scrollbar-width:none}
  #page-content #c-hero .c-links::-webkit-scrollbar{display:none}
  #page-content #c-hero .c-body{padding-top:150px}
}
/* низ обложки: три плашки, выровнены по низу */
#page-content #c-hero .c-body{padding-bottom:calc(214px * var(--k))}
#page-content #c-hero .c-dock{grid-template-columns:auto minmax(0,calc(640px * var(--k))) auto;align-items:end}
/* ── оранжевая карточка с живыми цифрами (ref38): чёрный текст на оранжевом 5,2–6,2:1 ── */
#page-content #c-hero .c-kpi{position:relative;display:flex;flex-direction:column;gap:calc(10px * var(--k));min-width:calc(250px * var(--k));
  padding:calc(15px * var(--k)) calc(20px * var(--k)) calc(16px * var(--k));border-radius:calc(20px * var(--k));
  background:linear-gradient(155deg,#F68B36 0%,#F57A1E 46%,#F26B21 100%);box-shadow:0 30px 70px -36px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.28)}
#page-content #c-hero .c-kpi::after{content:'';position:absolute;right:0;top:0;width:46%;height:100%;border-radius:inherit;pointer-events:none;opacity:.22;
  background-image:radial-gradient(#111 1.1px,transparent 1.4px);background-size:calc(8px * var(--k)) calc(8px * var(--k));
  -webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}
#page-content #c-hero .c-kpi .k-hd{display:flex;align-items:center;justify-content:space-between;gap:calc(16px * var(--k))}
#page-content #c-hero .c-kpi .k-hd>span{font-family:var(--c-thin);font-weight:600;font-size:calc(10.5px * var(--k));letter-spacing:.2em;text-transform:uppercase;color:#111!important;white-space:nowrap}
#page-content #c-hero .c-kpi .k-on{display:inline-flex;align-items:center;gap:calc(6px * var(--k));letter-spacing:.12em!important}
#page-content #c-hero .c-kpi .k-on b{font-weight:700;color:#111!important}
#page-content #c-hero .c-kpi .k-on .dot{position:relative;width:calc(7px * var(--k));height:calc(7px * var(--k));border-radius:50%;background:#0F3444}
#page-content #c-hero .c-kpi .k-on .dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;background:rgba(15,52,68,.28);animation:kPulse 2.4s ease-in-out infinite}
@keyframes kPulse{0%,100%{transform:scale(.55);opacity:.9}50%{transform:scale(1.15);opacity:.25}}
#page-content #c-hero .c-kpi .k-main{display:flex;align-items:flex-end;gap:calc(24px * var(--k))}
#page-content #c-hero .c-kpi .k-n b{display:block;font-family:var(--c-thin);font-weight:300;font-size:calc(36px * var(--k));line-height:.9;letter-spacing:-.035em;color:#111!important;white-space:nowrap}
#page-content #c-hero .c-kpi .k-n small{display:block;margin-top:calc(5px * var(--k));font-family:var(--c-thin);font-weight:600;font-size:calc(10.5px * var(--k));
  letter-spacing:.18em;text-transform:uppercase;color:rgba(17,17,17,.74)!important}
#page-content #c-hero .c-kpi .k-spark{display:block;width:100%;height:calc(30px * var(--k));overflow:visible}
#page-content #c-hero .c-kpi .k-spark[hidden]{display:none}
#page-content #c-hero .c-kpi .k-spark .ka{fill:rgba(15,52,68,.16)}
#page-content #c-hero .c-kpi .k-spark .kl{fill:none;stroke:#0F3444;stroke-width:1.8;stroke-linejoin:round;vector-effect:non-scaling-stroke}
/* ── «Студия VAIMAN» (ref38): иконки разделов · полоски серии · подпись героя · миниатюры следующих работ ── */
#page-content #c-hero .c-studio{display:flex;width:calc(380px * var(--k));overflow:hidden;padding:0}
#page-content #c-hero .c-studio .s-rail{flex:none;display:flex;flex-direction:column;gap:calc(4px * var(--k));padding:calc(12px * var(--k)) calc(8px * var(--k));
  background:rgba(8,30,40,.42);border-right:1px solid rgba(242,238,230,.12)}
#page-content #c-hero .c-studio .s-rail button{display:grid;place-items:center;width:calc(36px * var(--k));height:calc(34px * var(--k));border-radius:calc(10px * var(--k));
  color:#F2EEE6!important;text-decoration:none}
#page-content #c-hero .c-studio .s-rail button:first-child{background:#F57A1E;color:#111!important}
#page-content #c-hero .c-studio .s-rail button:hover{background:rgba(245,122,30,.22);color:#FF9A4D!important}
#page-content #c-hero .c-studio .s-rail button:first-child:hover{background:#FF8A3A;color:#111!important}
#page-content #c-hero .c-studio .s-rail svg{width:calc(19px * var(--k));height:calc(19px * var(--k))}
#page-content #c-hero .c-studio .s-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:calc(9px * var(--k));padding:calc(12px * var(--k)) calc(14px * var(--k)) calc(13px * var(--k))}
#page-content #c-hero .s-bars{display:flex;gap:calc(4px * var(--k))}
#page-content #c-hero .s-bar{flex:1 1 0;min-width:0;height:calc(14px * var(--k));margin:0;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}
#page-content #c-hero .s-bar i{position:relative;display:block;width:100%;height:3px;border-radius:2px;overflow:hidden;background:rgba(242,238,230,.26)}
#page-content #c-hero .s-bar b{position:absolute;inset:0;display:block;background:#F57A1E;transform:scaleX(0);transform-origin:0 50%}
#page-content #c-hero .s-bar.done b{transform:none;background:rgba(242,238,230,.72)}
#page-content #c-hero .s-bar.on b{animation:sFill 5.6s linear forwards}
#page-content #c-hero .c-studio.paused .s-bar.on b{animation-play-state:paused}
#page-content #c-hero .s-bar:hover i{background:rgba(242,238,230,.45)}
@keyframes sFill{to{transform:none}}
#page-content #c-hero .s-cap{display:flex;flex-direction:column;gap:calc(3px * var(--k));min-width:0}
#page-content #c-hero .s-cap .s-k{font-family:var(--c-thin);font-weight:600;font-size:calc(10px * var(--k));letter-spacing:.24em;text-transform:uppercase;color:#FF9A4D!important}
#page-content #c-hero .s-cap .s-nm{font-family:var(--c-display);font-weight:600;font-size:calc(20px * var(--k));line-height:1.02;letter-spacing:.03em;text-transform:uppercase;
  color:#F2EEE6!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-content #c-hero .s-cap .s-sub{font-size:calc(12px * var(--k));line-height:1.3;color:rgba(242,238,230,.78)!important}
#page-content #c-hero .s-row{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(10px * var(--k))}
#page-content #c-hero .s-th{display:flex;gap:calc(6px * var(--k))}
#page-content #c-hero .s-th button{display:block;flex:none;width:calc(44px * var(--k));height:calc(58px * var(--k));margin:0;padding:0;overflow:hidden;cursor:pointer;
  border-radius:calc(9px * var(--k));border:1px solid rgba(242,238,230,.28);background:#0F3444}
#page-content #c-hero .s-th button:hover{border-color:#F57A1E}
#page-content #c-hero .s-th img{display:block;width:100%;height:100%;object-fit:cover}
#page-content #c-hero .s-go{display:inline-flex;align-items:center;gap:calc(7px * var(--k));padding:calc(9px * var(--k)) calc(13px * var(--k));border-radius:999px;white-space:nowrap;
  background:#F57A1E;color:#111!important;text-decoration:none;font-family:var(--c-display);font-weight:600;font-size:calc(11.5px * var(--k));letter-spacing:.12em;text-transform:uppercase;line-height:1}
#page-content #c-hero .s-go:hover{background:#FF8A3A}
#page-content #c-hero .s-go svg{width:calc(14px * var(--k));height:calc(14px * var(--k))}
@media (min-width:761px) and (max-width:1199px){
  #page-content #c-hero .c-studio{width:calc(270px * var(--k))}
  #page-content #c-hero .c-studio .s-rail,#page-content #c-hero .s-th{display:none}
  #page-content #c-hero .c-kpi{min-width:0}
}
@media (prefers-reduced-motion:reduce){
  #page-content #c-hero .s-bar.on b{animation:none;transform:none}
  #page-content #c-hero .c-kpi .k-on .dot::after{animation:none}
}
/* ── слой серии героев (поверх canvas, под текстом): два слоя .sl для наплыва; ушедший кадр снимается после наплыва ── */
#c-cut .shot.s0{background:none}
#c-cut .sl{position:absolute;inset:0;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 1.2s ease;will-change:opacity}
#c-cut .sl.on{opacity:1}
#c-cut .sl.push{animation:cPush 8s cubic-bezier(.2,.6,.3,1) both}
@keyframes cPush{from{transform:scale(1.07)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){#c-cut .sl{transition:none}#c-cut .sl.push{animation:none}}
/* ── обложка на телефоне: меню строкой под логотипом, полоски серии сверху (как сторис), подпись героя над VAIMAN,
      оранжевая карточка цифр внизу; строки идеи и панели «Студия» нет (место — кадру и тексту) ── */
@media (max-width:760px){
  #page-content #c-hero .c-mlinks{position:absolute;z-index:4;left:0;right:0;top:58px;display:flex;gap:16px;padding:4px 16px;overflow-x:auto;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  #page-content #c-hero .c-mlinks::-webkit-scrollbar{display:none}
  #page-content #c-hero .c-mlinks :is(a,button){flex:none;font-family:var(--c-display);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;line-height:1;padding:7px 0;
    color:#F2EEE6!important;text-decoration:none;text-shadow:0 1px 8px rgba(8,30,40,.9)!important}
  #page-content #c-hero .c-dock{position:static!important;display:block}
  #page-content #c-hero .c-kpi{position:absolute;z-index:3;left:16px;right:16px;bottom:18px;min-width:0;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;
    gap:4px 10px;padding:11px 14px;border-radius:16px}
  #page-content #c-hero .c-kpi .k-hd,#page-content #c-hero .c-kpi .k-main{display:contents}
  #page-content #c-hero .c-kpi .k-hd>span:first-child{display:none}
  #page-content #c-hero .c-kpi .k-on{order:3;grid-column:3;font-size:10px;padding-bottom:2px}
  #page-content #c-hero .c-kpi .k-n b{font-size:21px}
  #page-content #c-hero .c-kpi .k-n small{font-size:9.5px;margin-top:3px}
  #page-content #c-hero .c-kpi .k-spark{display:none}
  #page-content #c-hero .c-studio{position:absolute;z-index:5;left:12px;right:12px;top:8px;width:auto;background:none!important;border:0!important;box-shadow:none!important;border-radius:0}
  #page-content #c-hero .c-studio .s-rail,#page-content #c-hero .s-cap,#page-content #c-hero .s-row{display:none}
  #page-content #c-hero .c-studio .s-main{padding:0;gap:0}
  #page-content #c-hero .s-bars{gap:4px}
  #page-content #c-hero .s-bar{height:12px}
  #page-content #c-hero .s-bar i{height:2.5px;background:rgba(242,238,230,.38)}
  #page-content #c-hero .c-capm{display:inline-flex;align-items:center;gap:9px;margin:0 0 6px;padding:7px 13px 7px 11px;border-radius:999px;text-decoration:none;max-width:100%;
    background:rgba(15,52,68,.8);border:1px solid rgba(242,238,230,.18);align-self:flex-start}
  #page-content #c-hero .c-capm b{font-family:var(--c-display);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#F2EEE6!important;white-space:nowrap}
  #page-content #c-hero .c-capm span{font-family:var(--c-display);font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#FF9A4D!important;white-space:nowrap}
  #page-content #c-hero .c-capm::before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:#F57A1E}
  #page-content #c-hero .c-body{padding-bottom:98px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   v18 · СТАНЦИЯ «ГЕНЕРАТОРЫ»: раздел + модели раздела чипами (реестр) + бегущая лента названий + слово-фон
   ═══════════════════════════════════════════════════════════════════════════ */
#c-fly .f-st>.f-in{position:relative;z-index:2}
.f-list2 li{padding:0 0 10px}
@media (min-width:761px){
  .f-genp{width:min(900px,62vw)}
  .f-list2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  .f-list2 .f-lm{grid-template-columns:44px minmax(0,1fr) 22px;gap:12px}
  .f-list2 .no{font-size:28px}
  .f-models{padding-left:56px}
}
.f-list2 .f-lm{display:grid;grid-template-columns:54px minmax(0,1fr) 26px;gap:14px;align-items:center;padding:10px 2px 6px}
.f-list2 .f-lm:hover b{color:#FF9A4D}
.f-list2 small{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:#D3DCE0}
.f-models{display:flex;flex-wrap:wrap;gap:5px;padding-left:68px}
.f-list .f-models :is(a,button){display:inline-flex;align-items:center;grid-template-columns:none;gap:0;padding:4px 10px;border-radius:999px;border:1px solid rgba(242,238,230,.24);font-family:'Manrope',sans-serif;font-size:11.5px;font-weight:600;line-height:1.2;
  color:#F2EEE6;white-space:nowrap;transition:border-color .2s,color .2s,background .2s}
.f-list .f-models :is(a,button):hover{border-color:#F57A1E;color:#FF9A4D}
.f-list .f-models :is(a,button).more{border-style:dashed;color:#FF9A4D}
#page-content #c-fly #f-generators>.f-in{padding-top:calc(48px * var(--k));padding-bottom:calc(112px * var(--k))}
/* лента названий моделей (ref: бегущая строка на петроль-полосе) — навстречу ей идёт плёнка стилей в «Галерее» */
.f-tick{position:absolute;z-index:3;left:0;right:0;bottom:calc(26px * var(--k));overflow:hidden;background:rgba(15,52,68,.9);
  border-top:1px solid rgba(242,238,230,.16);border-bottom:1px solid rgba(242,238,230,.16);box-shadow:0 24px 60px -30px rgba(0,0,0,.6)}
.f-tick-tr{display:flex;width:max-content;animation:fTick calc(var(--n, 30) * 2.6s) linear infinite}
.f-tick-tr{animation-play-state:paused}
.f-tick.on .f-tick-tr{animation-play-state:running}
.f-tick.on:hover .f-tick-tr,.f-tick.on:focus-within .f-tick-tr,#c-fly.v-scroll .f-tick-tr{animation-play-state:paused}
.f-tick-g{display:flex;flex:none}
.f-tk{display:inline-flex;align-items:baseline;padding:calc(15px * var(--k)) calc(26px * var(--k)) calc(14px * var(--k)) 0;white-space:nowrap;
  font-family:'Oswald','Arial Narrow',sans-serif;font-weight:600;text-transform:uppercase;font-size:calc(30px * var(--k));line-height:1;letter-spacing:.02em;color:#F2EEE6!important}
.f-tk b{color:#F57A1E;font-weight:700;margin-right:.08em}
.f-tk:hover{color:#FF9A4D!important}
@keyframes fTick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.f-tick{overflow-x:auto;scrollbar-width:none}.f-tick-tr{animation:none}.f-tick-g+.f-tick-g{display:none}}
/* огромное слово-фон за содержимым станции (ref37): контур Oswald, точка — оранжевая; только ПК */
.f-giant{position:absolute;z-index:1;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;
  font-family:'Oswald','Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;line-height:.84;letter-spacing:-.01em;
  color:transparent;-webkit-text-stroke:calc(1.6px * var(--k)) rgba(242,238,230,.62);text-shadow:none}
.f-giant b{display:block;font-weight:700;white-space:nowrap}
#c-fly .f-giant{width:auto}
#c-fly .f-giant.g-why{width:auto}
.f-giant i{font-style:normal;color:#F57A1E;-webkit-text-stroke:0}
.f-giant.g-gen{right:var(--gutr);top:50%;transform:translateY(-58%);font-size:min(calc(150px * var(--k)),13vh,8.4vw)}
.f-giant.g-idea{right:var(--gutr);bottom:6%;font-size:min(calc(220px * var(--k)),22vh,12vw);-webkit-text-stroke-color:rgba(242,238,230,.55)}
.f-giant.g-why{left:0;right:0;bottom:calc(14px * var(--k));align-items:center;font-size:min(calc(300px * var(--k)),30vh,22vw);-webkit-text-stroke-color:rgba(242,238,230,.5)}
#page-content #c-fly #f-why{overflow:hidden}
#c-fly{--gutr:max(calc(40px * var(--k)),calc((100vw - 1440px * var(--k)) / 2 + 40px * var(--k)))}
@media (max-width:760px){
  .f-giant{display:none}
  .f-list2 li{padding:0}
  .f-list2 .f-lm{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:9px 0}
  .f-list2 .f-lm .ar,.f-list2 small,.f-models{display:none}
  #page-content #c-fly #f-generators>.f-in{padding-top:66px;padding-bottom:16px}
  .f-tick{top:10px;bottom:auto}
  .f-tk{font-size:19px;padding:10px 18px 9px 0}
}

/* ═══════════════════════════════════════════════════════════════════════════
   v18 · «ГАЛЕРЕЯ»: под постерами — встречная лента-плёнка стилей (каталог сайта); место под неё держим заранее
   ═══════════════════════════════════════════════════════════════════════════ */
@media (min-width:761px){
  #page-content #c-fly #f-gallery>.f-in.vpp-in{padding-bottom:calc(196px * var(--k))}
}
@media (min-width:761px) and (max-height:900px){
  #page-content #c-fly #f-gallery>.f-in.vpp-in{padding-top:calc(44px * var(--k))}
  #f-gallery .vpp-rail .vpp{flex-basis:clamp(210px,calc((100vh - 330px) * .75),calc(360px * var(--k)))}
}
.f-film{position:absolute;z-index:3;left:0;right:0;bottom:calc(26px * var(--k));height:calc(150px * var(--k));overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.f-film.empty{display:none}
.f-film-tr{display:flex;width:max-content;height:100%;animation:fFilm calc(var(--n, 24) * 3.2s) linear infinite}
.f-film-tr{animation-play-state:paused}
.f-film.on .f-film-tr{animation-play-state:running}
.f-film.on:hover .f-film-tr,.f-film.on:focus-within .f-film-tr,#c-fly.v-scroll .f-film-tr{animation-play-state:paused}
.f-film-g{display:flex;flex:none;gap:calc(10px * var(--k));padding-right:calc(10px * var(--k));height:100%}
.f-fm{position:relative;flex:none;display:block;height:100%;aspect-ratio:3/4;border-radius:calc(12px * var(--k));overflow:hidden;background:#0F3444;
  box-shadow:0 0 0 1px rgba(242,238,230,.16),0 16px 34px -18px rgba(0,0,0,.7)}
.f-fm img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.f-fm span{position:absolute;left:0;right:0;bottom:0;padding:calc(18px * var(--k)) calc(8px * var(--k)) calc(7px * var(--k));opacity:0;transition:opacity .25s;
  background:linear-gradient(0deg,rgba(17,17,17,.88),rgba(17,17,17,0));font-family:'Oswald',sans-serif;font-weight:600;font-size:calc(11.5px * var(--k));letter-spacing:.08em;
  text-transform:uppercase;color:#F2EEE6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f-fm:hover{box-shadow:0 0 0 2px #F57A1E,0 16px 34px -18px rgba(0,0,0,.7)}
.f-fm:hover img{transform:scale(1.06)}
.f-fm:hover span,.f-fm:focus-visible span{opacity:1}
/* встречное движение: лента моделей идёт влево, плёнка — вправо */
@keyframes fFilm{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.f-film{overflow-x:auto;scrollbar-width:none}.f-film-tr{animation:none}.f-film-g+.f-film-g{display:none}}
@media (max-width:760px){
  .f-film{top:10px;bottom:auto;height:96px}
  #page-content #c-fly #f-gallery>.f-in.vpp-in{padding-top:116px}
  #f-gallery .vpp-rail .vpp{height:min(calc((100vw - 28px) * .72 * 1.5),calc(100vh - 324px))!important}
  .f-fm span{display:none}
}

/* ═══════════════════════════════════════════════════════════════════════════
   v18 · «ОДНА ИДЕЯ — МНОГО ВАРИАНТОВ» (ref38 низ): окно студии + шаги Создать / Уточнить / Собрать
   ═══════════════════════════════════════════════════════════════════════════ */
.f-ideap{width:min(790px,64vw)}
.fx{border-radius:18px;overflow:hidden;background:#0B2633;border:1px solid rgba(242,238,230,.14);box-shadow:0 30px 60px -36px rgba(0,0,0,.8)}
.fx-bar{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid rgba(242,238,230,.1);font-size:12px;color:#D3DCE0}
.fx-bar b{font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.24em;font-size:13px;color:#F2EEE6}
.fx-bar span{padding-left:12px;border-left:1px solid rgba(242,238,230,.18)}
.fx-dots{display:flex;gap:6px;margin-left:auto}
.fx-dots i{width:7px;height:7px;border-radius:50%;background:rgba(242,238,230,.24)}
.fx-btn{padding:6px 12px!important;border:0!important;border-radius:999px;background:#F57A1E;color:#111!important;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:11px}
.fx-body{display:grid;grid-template-columns:232px minmax(0,1fr)}
.fx-side{display:flex;flex-direction:column;gap:9px;padding:14px;border-right:1px solid rgba(242,238,230,.1)}
.fx-lb{display:flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#FF9A4D}
.fx-lb small{font-weight:300;font-size:12px;letter-spacing:0;color:#D3DCE0}
.fx-prompt{margin:0;font-size:13.5px;line-height:1.45;color:#F2EEE6}
.fx-tags{display:flex;flex-wrap:wrap;gap:5px}
.fx-tags i{font-style:normal;padding:3px 8px;border-radius:6px;border:1px solid rgba(242,238,230,.22);font-size:11px;color:#D3DCE0}
.fx-sel{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;border-radius:8px;background:rgba(242,238,230,.06);font-size:11.5px;color:#D3DCE0}
.fx-sel b{font-weight:700;color:#F2EEE6}
.fx-go{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:999px;background:#F57A1E;color:#111!important;
  font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:12.5px}
.fx-go:hover{background:#FF8A3A}
.fx-go svg{width:15px;height:15px}
.fx-main{position:relative;display:block;min-height:250px;overflow:hidden;background:#111}
.fx-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.fx-main::after{content:'';position:absolute;inset:10px;border:1px solid rgba(245,122,30,.75);border-radius:6px;pointer-events:none}
.fx-chip{position:absolute;right:20px;top:20px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(17,17,17,.82);
  font-size:11.5px;font-weight:600;color:#F2EEE6}
.fx-chip i{width:9px;height:9px;border-radius:50%;background:#F57A1E}
.fx-var{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid rgba(242,238,230,.1)}
.fx-var .fx-lb{margin-right:8px}
.fx-var a{position:relative;display:block;width:62px;height:62px;border-radius:9px;overflow:hidden;border:1px solid rgba(242,238,230,.18)}
.fx-var a.on{border:2px solid #F57A1E}
.fx-var img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.fx-var a span{position:absolute;left:5px;bottom:3px;font-family:'Montserrat',sans-serif;font-weight:500;font-size:10px;color:#F2EEE6;text-shadow:0 1px 4px rgba(0,0,0,.9)}
.fx-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.fx-st{padding:12px 14px 13px;border-radius:14px}
.fx-st .n{display:block;font-family:'Montserrat',sans-serif;font-weight:200;font-size:26px;line-height:1;letter-spacing:-.03em}
.fx-st b{display:block;margin-top:6px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:17px;letter-spacing:.04em;line-height:1}
.fx-st small{display:block;margin-top:5px;font-size:12px;line-height:1.38}
.fx-st.o{background:#F57A1E;color:#111}
.fx-st.w{background:#F2EEE6;color:#111}
.fx-st.w small,.fx-st.o small{color:#222}
.fx-st.p{background:rgba(242,238,230,.06);border:1px solid rgba(242,238,230,.18);color:#F2EEE6}
.fx-st.p .n{color:#F57A1E}.fx-st.p small{color:#D3DCE0}
@media (max-width:760px){
  .f-ideap{width:100%}
  .fx-bar{padding:7px 12px}.fx-bar span,.fx-dots{display:none}.fx-btn{margin-left:auto}
  .fx-body{grid-template-columns:1fr}
  .fx-side{order:2;border-right:0;border-top:1px solid rgba(242,238,230,.1);padding:10px 12px;gap:6px;flex-direction:row;flex-wrap:wrap;align-items:center}
  .fx-side .fx-lb,.fx-tags,.fx-sel{display:none}
  .fx-prompt{flex:1 1 100%;font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .fx-go{display:none}
  .fx-main{min-height:0;aspect-ratio:16/8}
  .fx-chip{right:12px;top:12px;font-size:10.5px;padding:5px 9px}
  .fx-var{padding:8px 12px;gap:6px}.fx-var a{width:44px;height:44px}
  .fx-steps{gap:6px;margin-top:8px}
  .fx-st{padding:8px 9px 9px;border-radius:12px}.fx-st .n{font-size:18px}.fx-st b{font-size:13px;margin-top:4px}.fx-st small{display:none}
}

/* ═══════════════════════════════════════════════════════════════════════════
   v18 · «ВОЗМОЖНОСТИ»: карточки с фото настоящих работ + модели + стрелка (ref36) · «ДЛЯ КОГО»: строка доверия
   ═══════════════════════════════════════════════════════════════════════════ */
.f-featp{width:min(700px,56vw)}
.f-cards2{gap:12px}
.f-card.f-ph{position:relative;display:flex;flex-direction:column;padding:0 0 14px;overflow:hidden}
.f-ph .im{position:relative;display:block;aspect-ratio:16/7;overflow:hidden;background:#0B2633;margin-bottom:11px}
.f-ph .im img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.f-ph:hover .im img{transform:scale(1.05)}
.f-ph .k,.f-ph b,.f-ph small,.f-ph .ch{margin-left:16px;margin-right:16px}
.f-ph .ch{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}
.f-ph .ch i{font-style:normal;padding:3px 8px;border-radius:999px;border:1px solid rgba(242,238,230,.22);font-size:10.5px;font-weight:600;color:#F2EEE6;white-space:nowrap}
.f-ph .go{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#F57A1E;color:#111;
  box-shadow:0 8px 20px -8px rgba(0,0,0,.7);transition:transform .2s}
.f-ph .go svg{width:16px;height:16px}
.f-ph:hover .go{transform:rotate(-45deg)}
.f-trust{display:flex;align-items:center;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(242,238,230,.2)}
.f-trust[hidden]{display:flex;visibility:hidden}
.f-trust .av{display:flex;flex:none}
.f-trust .av img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #0F3444;box-shadow:0 0 0 1px rgba(242,238,230,.3);margin-left:-11px;background:#0F3444}
.f-trust .av img:first-child{margin-left:0}
.f-trust .tt{font-size:14px;line-height:1.35;color:#D3DCE0}
.f-trust .tt b{display:inline;font-family:'Montserrat',sans-serif;font-weight:300;font-size:26px;letter-spacing:-.03em;color:#F2EEE6;margin-right:4px}
@media (max-width:760px){
  .f-featp{width:100%}
  .f-card.f-ph{flex:0 0 72%;padding-bottom:12px}
  .f-ph .im{margin-bottom:8px}
  .f-ph .k,.f-ph b,.f-ph small,.f-ph .ch{margin-left:12px;margin-right:12px}
  .f-ph .ch{display:none}
  .f-trust{margin-top:10px;padding-top:10px;gap:10px}
  .f-trust .av img{width:30px;height:30px;margin-left:-9px}
  .f-trust .tt{font-size:12.5px}.f-trust .tt b{font-size:20px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   v18 · «ЛУЧШИЕ ГЕНЕРАТОРЫ» — ДЕМО-СТЕНА: настоящие работы витрины генераторов; клик — в генератор («повторить»)
   ═══════════════════════════════════════════════════════════════════════════ */
.f-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.f-wall .wt:nth-child(n+13){display:none}
.wt{position:relative;display:block;aspect-ratio:3/4;border-radius:16px;overflow:hidden;isolation:isolate;background:#0B2633;
  box-shadow:0 0 0 1px rgba(242,238,230,.14),0 22px 44px -28px rgba(0,0,0,.8);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.wt img,.wt video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.wt video{z-index:-1;opacity:0;transition:opacity .35s}
.wt.playing video{opacity:1}
.wt::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(17,17,17,.55) 0%,rgba(17,17,17,0) 22%,rgba(17,17,17,0) 50%,rgba(17,17,17,.88) 100%)}
.wt-top{position:absolute;left:10px;right:10px;top:9px;display:flex;justify-content:space-between;gap:6px}
.wt-top i{font-style:normal;font-family:'Montserrat',sans-serif;font-weight:600;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#F2EEE6}
.wt-top i.pl{padding:3px 7px;border-radius:999px;background:rgba(17,17,17,.6);letter-spacing:.1em;color:#FF9A4D}
.wt-bot{position:absolute;left:11px;right:11px;bottom:10px;display:flex;flex-direction:column;gap:4px}
.wt-bot b{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:17px;line-height:1.02;letter-spacing:.02em;color:#F2EEE6}
.wt-bot em{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-family:'Oswald',sans-serif;font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#FF9A4D}
.wt-bot em svg{width:12px;height:12px}
.wt:hover{transform:translateY(-4px);box-shadow:0 0 0 2px #F57A1E,0 26px 50px -26px rgba(0,0,0,.85)}
.wt:focus-visible{outline:3px solid #F57A1E;outline-offset:3px}
@media (min-width:2200px){.f-wall{grid-template-columns:repeat(8,minmax(0,1fr))}.f-wall .wt:nth-child(n+13){display:block}}
@media (min-width:761px) and (max-height:860px){.f-wall .wt{aspect-ratio:4/5}#f-popular .f-sub{display:none}}
@media (max-width:760px){
  .f-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .f-wall .wt:nth-child(n+10){display:none}
  .wt{border-radius:12px;aspect-ratio:4/5}
  .wt-top{left:7px;right:7px;top:6px}.wt-top i:first-child{display:none}.wt-top i.pl{font-size:8.5px;padding:2px 5px}
  .wt-bot{left:7px;right:7px;bottom:6px}.wt-bot b{font-size:12px}.wt-bot em{display:none}
  #f-popular .f-sub{display:none}
}
@media (prefers-reduced-motion:reduce){.wt,.f-ph .im img,.f-ph .go,.f-fm img{transition:none}.wt:hover{transform:none}}

/* ═══════════════════════════════════════════════════════════════════════════
   v18 · «ПОЧЕМУ VAIMAN» — полоса цифр (ref35/36/37): тонкий шрифт, тонкие разделители, мелкие подписи; только числа сайта
   ═══════════════════════════════════════════════════════════════════════════ */
.f-nums{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-top:18px;border-top:1px solid rgba(242,238,230,.24)}
.f-nums>div{padding:16px 18px 2px;border-left:1px solid rgba(242,238,230,.18)}
.f-nums>div:first-child{border-left:0;padding-left:0}
.f-nums b{display:block;font-family:'Montserrat',sans-serif;font-weight:200;font-size:44px;line-height:.95;letter-spacing:-.04em;color:#F2EEE6;white-space:nowrap}
.f-nums span{display:block;margin-top:7px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:10.5px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:#D3DCE0}
@media (max-width:760px){
  .f-nums{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}
  .f-nums>div{padding:10px 8px 2px}.f-nums>div:nth-child(n+4){display:none}
  .f-nums b{font-size:24px}.f-nums span{font-size:8.5px;letter-spacing:.1em;margin-top:4px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   v18 · «БЛОГ И НОВОСТИ» (станция 12): 4 свежие статьи (/blog) + 3 новости (/site-api/news); каркас держит место
   ═══════════════════════════════════════════════════════════════════════════ */
.f-jr{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(0,1fr);gap:22px;align-items:start}
.f-blog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bc{display:flex;flex-direction:column;min-width:0;border-radius:14px;overflow:hidden;background:rgba(242,238,230,.06);border:1px solid rgba(242,238,230,.14);
  transition:border-color .2s,transform .25s}
.bc:hover{border-color:#F57A1E;transform:translateY(-3px)}
.bc .im{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0B2633}
.bc .im img{position:relative;display:block;width:100%;height:100%;object-fit:cover}
.bc .im.v img.bg{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);object-fit:cover;filter:blur(14px) brightness(.75)}
.bc .im.v img:not(.bg){object-fit:contain}
.bc .im .ph{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-family:'Oswald',sans-serif;font-weight:700;font-size:18px;letter-spacing:.06em;
  text-transform:uppercase;color:#F57A1E;background:linear-gradient(135deg,#174A5E,#0F3444)}
.bc .k{display:block;margin:10px 12px 0;font-family:'Montserrat',sans-serif;font-weight:600;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#FF9A4D}
.bc b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:5px 12px 0;font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;line-height:1.3;color:#F2EEE6}
.bc small{display:block;margin:auto 12px 11px;padding-top:7px;font-family:'Montserrat',sans-serif;font-weight:500;font-size:10.5px;letter-spacing:.06em;color:#D3DCE0}
.f-news{min-width:0}
.f-jl{display:block;margin-bottom:6px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#FF9A4D}
.f-nl{display:flex;flex-direction:column}
.nw{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:9px 0;border-top:1px solid rgba(242,238,230,.16)}
.nw .im{position:relative;display:block;width:72px;height:72px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#174A5E,#0F3444)}
.nw .im img{display:block;width:100%;height:100%;object-fit:cover}
.nw .im i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-family:'Oswald',sans-serif;font-weight:700;font-size:22px;color:#F57A1E}
.nw .tx{min-width:0}
.nw small{display:block;font-family:'Montserrat',sans-serif;font-weight:500;font-size:10.5px;letter-spacing:.06em;color:#FF9A4D}
.nw b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-family:'Manrope',sans-serif;font-weight:700;font-size:13.5px;line-height:1.3;color:#F2EEE6}
.nw:hover b{color:#FF9A4D}
.sk{pointer-events:none}
.sk b,.sk small{display:block;height:11px;border-radius:6px;background:rgba(242,238,230,.1)}
.bc.sk b{margin:12px 12px 0;height:36px}.bc.sk small{margin:10px 12px 12px;width:50%}
.nw.sk b{height:30px;margin-top:6px}.nw.sk small{width:40%}
.nw.sk .im,.bc.sk .im{background:rgba(242,238,230,.07)}
.nw.sk .tx{display:block}
.f-blog.empty,.f-news.empty{display:none}
@media (max-width:760px){
  .f-jr{grid-template-columns:1fr;gap:10px}
  .f-blog{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -18px;padding:0 18px 4px;scrollbar-width:none}
  .f-blog::-webkit-scrollbar{display:none}
  .bc{flex:0 0 62%;scroll-snap-align:start}
  .bc b{font-size:13px;-webkit-line-clamp:2}
  .nw{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:7px 0}
  .nw .im{width:52px;height:52px;border-radius:10px}
  .nw b{font-size:12.5px;-webkit-line-clamp:2}
  .f-nl .nw:nth-child(n+3){display:none}
  #f-journal .f-sub{display:none}
}
@media (prefers-reduced-motion:reduce){.bc{transition:none}.bc:hover{transform:none}}

/* ═══════════════════════════════════════════════════════════════════════════
   v18 · ФИНАЛ + ПОДВАЛ ВО ВЕСЬ ЭКРАН: сверху виден финальный кадр полёта, ниже — оранжевая полоса-призыв,
   крупный VAIMAN, соцсети плитками (свои SVG), колонки «Создать / VAIMAN / Документы», правовая строка
   ═══════════════════════════════════════════════════════════════════════════ */
#page-content #c-fly .f-last{display:flex!important;flex-direction:column!important;min-height:100vh!important}
.f-sky{flex:1 1 auto;min-height:calc(110px * var(--k))}
#c-fly .f-foot{position:relative;flex:none;background:rgba(15,52,68,.95);border-top:0;font-size:inherit;color:#F2EEE6}
.ff-in{max-width:calc(1440px * var(--k));margin:0 auto;padding:0 calc(64px * var(--k))}
.ff-cta{background:#F57A1E;color:#111}
.ff-cta .ff-in{display:flex;align-items:center;justify-content:space-between;gap:calc(28px * var(--k));padding-top:calc(24px * var(--k));padding-bottom:calc(24px * var(--k))}
.ff-cta-t{display:flex;flex-direction:column;gap:calc(6px * var(--k));min-width:0}
.ff-cta-t .ff-k{font-family:'Montserrat',sans-serif;font-weight:600;font-size:calc(11px * var(--k));letter-spacing:.26em;text-transform:uppercase;color:rgba(17,17,17,.72)}
.ff-cta-t b{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;font-size:calc(42px * var(--k));line-height:.95;letter-spacing:-.005em;color:#111}
.ff-cta-t b i{font-style:normal;color:#0F3444}
.ff-cta-t>span:last-child{font-size:calc(15px * var(--k));font-weight:500;color:#222}
.ff-cta-b{display:flex;flex-wrap:wrap;gap:calc(10px * var(--k));flex:none}
.ff-cta .f-go{font-size:calc(13.5px * var(--k));padding:calc(6px * var(--k)) calc(6px * var(--k)) calc(6px * var(--k)) calc(22px * var(--k));gap:calc(14px * var(--k))}
.ff-cta .f-go i{width:calc(36px * var(--k));height:calc(36px * var(--k))}
.f-go.line{background:transparent;color:#111!important;border:1px solid rgba(17,17,17,.5);box-shadow:none}
.f-go.line i{background:#111;color:#F57A1E}
.ff-main .ff-in{display:grid;grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,.62fr));gap:calc(36px * var(--k));padding-top:calc(34px * var(--k));padding-bottom:calc(24px * var(--k))}
.ff-word{display:block;width:max-content;font-family:'Oswald','Arial Narrow',sans-serif;font-weight:700;font-size:calc(146px * var(--k));line-height:.8;letter-spacing:-.012em;
  color:#F2EEE6!important;text-decoration:none!important}
.ff-word em{font-style:normal;color:#F57A1E}
.ff-brand p{margin:calc(14px * var(--k)) 0 0;max-width:calc(440px * var(--k));font-size:calc(14px * var(--k));line-height:1.5;color:#D3DCE0}
.ff-socs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(10px * var(--k));margin-top:calc(18px * var(--k));max-width:calc(560px * var(--k))}
.ff-soc{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:calc(4px * var(--k));min-width:0;
  padding:calc(14px * var(--k)) calc(14px * var(--k)) calc(13px * var(--k));border-radius:calc(16px * var(--k));background:rgba(242,238,230,.05);
  border:1px solid rgba(224,149,90,.6);color:#F2EEE6!important;transition:background .2s,color .2s,border-color .2s}
.ff-soc .ic{display:grid;place-items:center;margin-bottom:calc(8px * var(--k));width:calc(42px * var(--k));height:calc(42px * var(--k));border-radius:calc(12px * var(--k));background:#F57A1E;color:#111}
.ff-soc .ic svg{width:calc(22px * var(--k));height:calc(22px * var(--k))}
.ff-soc b{max-width:100%;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:calc(15px * var(--k));letter-spacing:.06em;line-height:1.1}
.ff-soc small{max-width:100%;font-size:calc(11.5px * var(--k));color:#D3DCE0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ff-soc .ar{position:absolute;right:calc(12px * var(--k));top:calc(12px * var(--k));font-style:normal;font-size:calc(15px * var(--k));color:#FF9A4D}
.ff-soc:hover{background:#F57A1E;border-color:#F57A1E;color:#111!important}
.ff-soc:hover .ic{background:#0F3444;color:#F57A1E}
.ff-soc:hover small,.ff-soc:hover .ar{color:#111}
.ff-col{display:flex;flex-direction:column;align-items:flex-start;gap:calc(2px * var(--k));padding-top:calc(6px * var(--k))}
.ff-col b{margin-bottom:calc(8px * var(--k));font-family:'Montserrat',sans-serif;font-weight:600;font-size:calc(11px * var(--k));letter-spacing:.24em;text-transform:uppercase;color:#FF9A4D}
.ff-col :is(a,button){padding:calc(4px * var(--k)) 0;font-size:calc(15px * var(--k));font-weight:500;line-height:1.3;color:#F2EEE6!important}
.ff-col :is(a,button):hover{color:#FF9A4D!important}
#c-fly .f-copy{max-width:calc(1440px * var(--k));margin:0 auto;padding:calc(14px * var(--k)) calc(64px * var(--k)) calc(18px * var(--k));
  border-top:1px solid rgba(242,238,230,.12);font-size:calc(12px * var(--k));line-height:1.55;color:#D3DCE0}
@media (max-width:1100px) and (min-width:761px){
  .ff-main .ff-in{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ff-brand{grid-column:1/-1}
  .ff-cta .ff-in{flex-direction:column;align-items:flex-start}
}
@media (max-width:760px){
  .f-sky{min-height:96px}
  .ff-in{padding:0 16px}
  .ff-cta .ff-in{flex-direction:column;align-items:flex-start;gap:12px;padding-top:16px;padding-bottom:16px}
  .ff-cta-t b{font-size:23px}.ff-cta-t>span:last-child,.ff-cta-t .ff-k{display:none}
  .ff-cta .f-go{font-size:12px;padding:5px 5px 5px 16px;gap:10px}.ff-cta .f-go i{width:30px;height:30px}
  .ff-main .ff-in{grid-template-columns:1fr 1fr;gap:14px 14px;padding-top:16px;padding-bottom:10px}
  .ff-brand{grid-column:1/-1}
  .ff-word{font-size:52px}
  .ff-brand p{display:none}
  .ff-socs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
  .ff-soc{flex-direction:row;align-items:center;gap:8px;padding:8px 9px;border-radius:12px}
  .ff-soc .ic{margin-bottom:0;flex:none;width:30px;height:30px;border-radius:9px}
  .ff-soc .ar{display:none}.ff-soc .ic svg{width:18px;height:18px}
  .ff-soc b{font-size:11px;letter-spacing:.03em;line-height:1.05}.ff-soc small{display:none}
  .ff-col{gap:0}.ff-col b{margin-bottom:4px;font-size:10px}
  .ff-col :is(a,button){font-size:13px;padding:2px 0}
  .ff-col:last-child{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:2px 14px;align-items:baseline}
  .ff-col:last-child b{flex-basis:100%}
  .ff-col:last-child a{font-size:12px}
  #c-fly .f-copy{padding:10px 16px 14px;font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){.ff-soc{transition:none}}

/* v18 · высота станций на экранах 16:9 (--k упирается в высоту: доступно 820 px «до зума» минус поля) —
   «Одна идея», «Возможности», «Лучшие генераторы» держим ≤ 740 px до зума: заголовок в одну строку, поля 40, без подзаголовка */
@media (min-width:761px){
  #page-content #c-fly #f-how>.f-in,#page-content #c-fly #f-features>.f-in,#page-content #c-fly #f-popular>.f-in{
    padding-top:calc(40px * var(--k));padding-bottom:calc(40px * var(--k))}
  .f-ideap{width:min(860px,66vw)}
  .f-ideap .f-h.sm{font-size:clamp(36px,3.4vw,50px);white-space:nowrap}
  #f-how .f-sub,#f-features .f-sub,#f-popular .f-sub{display:none}
  .fx-side{gap:8px;padding:12px 14px}
  .fx-prompt{font-size:13px;line-height:1.42}
  .fx-sel{padding:5px 9px}
  .fx-main{min-height:228px}
  .f-ph .im{aspect-ratio:16/6}
  .f-wall .wt{aspect-ratio:4/5}
}
/* ═══════════════════════════════════════════════════════════════════════════
   v18 · ВЫСОТЫ: плашка станции — в один экран и на невысоких ноутбуках (1366×768, 1440×800); станция ≤ 1,5 экрана
   ═══════════════════════════════════════════════════════════════════════════ */
@media (min-width:761px) and (max-height:860px){
  #page-content #c-fly .f-st>.f-in{padding-top:calc(48px * var(--k));padding-bottom:calc(48px * var(--k))}
  #page-content #c-fly #f-generators>.f-in{padding-bottom:calc(112px * var(--k))}
  .f-hd{margin-bottom:14px}
  .f-h{font-size:clamp(40px,4.2vw,58px)}
  .f-list2 .f-lm{padding:7px 2px 4px}
  .f-list2 small{display:none}
  .f-list2 li{padding-bottom:7px}
  #f-how .f-sub,#f-features .f-sub,#f-audience .f-sub,#f-journal .f-sub{display:none}
  .fx-main{min-height:210px}
  .fx-st small{display:none}
  .f-ph small{display:none}
  .f-ph .im{aspect-ratio:16/6}
  .bc b{-webkit-line-clamp:2}
}
@media (min-width:761px) and (max-height:760px){
  .f-tick .f-tk{font-size:calc(24px * var(--k));padding-top:11px;padding-bottom:10px}
  .fx-var{display:none}
  .f-list .f-models :is(a,button):nth-child(n+4):not(.more){display:none}
}
/* телефон: плашки новых станций сверху/снизу кадра, всё — в один экран */
@media (max-width:760px){
  #page-content #c-fly #f-how>.f-in,#page-content #c-fly #f-features>.f-in{padding-top:12px;padding-bottom:12px}
  #f-how .f-sub,#f-features .f-sub{display:none}
  .f-ideap .f-hd,.f-featp .f-hd,.f-wallp .f-hd,.f-jp .f-hd{margin-bottom:10px}
  .f-cards2{margin-top:2px}
  #f-journal .f-row,#f-popular .f-row{margin-top:10px}
}
/* v18 · маленькие телефоны (iPhone SE 320×568 и ниже 620 px): журнал — в экран, подвал плотнее —
   иначе низ страницы > 1,5 экрана и движок добавляет 14-ю опору (кадры съезжают) */
@media (max-width:760px) and (max-height:620px){
  .f-sky{min-height:36px}
  .ff-cta .ff-in{gap:9px;padding-top:12px;padding-bottom:12px}
  .ff-cta-t b{font-size:20px}
  .ff-main .ff-in{gap:10px 12px;padding-top:12px;padding-bottom:8px}
  .ff-word{font-size:44px}
  .ff-socs{margin-top:8px;gap:6px}
  .ff-soc{padding:6px 7px;gap:6px}.ff-soc .ic{width:26px;height:26px}.ff-soc b{font-size:10px}
  .ff-col :is(a,button){font-size:12px;padding:1px 0}
  .ff-col:last-child a{font-size:11px}
  #c-fly .f-copy{padding:8px 16px 10px;font-size:9.5px}
  #page-content #c-fly #f-journal>.f-in{padding-top:10px;padding-bottom:10px}
  .f-jp .f-hd{margin-bottom:8px}
  .bc{flex-basis:56%}.bc .im{aspect-ratio:16/9}.bc .k{display:none}.bc b{margin-top:7px;font-size:12px}.bc small{margin-bottom:8px}
  .nw{padding:5px 0}.nw .im{width:44px;height:44px}.nw b{font-size:12px}
  .f-jl{margin-bottom:2px}
}
/* v18 · мелкие боковые подписи у правого края станции (ref35/37): вертикально, тонко; только где поля широкие */
.f-side{display:none}
@media (min-width:1600px){
  #c-fly .f-side{width:auto}
  .f-side{position:absolute;z-index:3;right:calc(18px * var(--k));top:50%;display:block;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;
    font-family:'Montserrat',sans-serif;font-weight:600;font-size:calc(10px * var(--k));letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;
    color:rgba(242,238,230,.78);text-shadow:0 1px 10px rgba(8,30,40,.85);pointer-events:none}
  .f-side::before{content:'';display:inline-block;width:1px;height:calc(46px * var(--k));margin-bottom:calc(14px * var(--k));background:#F57A1E;vertical-align:middle}
}
/* v18 · серия героев: у части кадров справа сверху оранжевые плоскости — «Регистрация» в меню получает тёмное кольцо, чтобы не сливаться */
@media (min-width:761px){
  #page-content #c-hero .c-acts .c-pill.hot{box-shadow:0 0 0 1px rgba(15,52,68,.6),0 12px 28px -12px rgba(0,0,0,.65)!important}
}

/* ═══ 01.10 · обложка: реклама «Работаем с лучшими ИИ мира» вместо строки «Опишите» (Вячеслав) ═══
   две ленты навстречу: компании (Oswald, крупно) и их модели (Montserrat); пауза при наведении; «меньше движения» — стоят */
#page-content #c-hero .c-ai{display:flex;flex-direction:column;gap:calc(8px * var(--k));min-width:0;overflow:hidden;
  padding:calc(14px * var(--k)) 0 calc(14px * var(--k));border-color:rgba(245,122,30,.45)}
#page-content #c-hero .c-ai .ai-hd{padding:0 calc(18px * var(--k));font-family:var(--c-thin);font-weight:600;text-transform:uppercase;
  letter-spacing:.24em;font-size:calc(11px * var(--k));color:#FF9A4D!important}
#page-content #c-hero .c-ai .ai-hd b{color:#F57A1E!important;margin-right:2px}
#page-content #c-hero .c-ai .ai-row{position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
#page-content #c-hero .c-ai .ai-tr{display:flex;width:max-content;animation:aiRun 46s linear infinite}
#page-content #c-hero .c-ai .r2 .ai-tr{animation-duration:58s;animation-direction:reverse}
#page-content #c-hero .c-ai:hover .ai-tr{animation-play-state:paused}
#page-content #c-hero .c-ai .ai-g{display:flex;flex:none;align-items:baseline}
#page-content #c-hero .c-ai .ai-co{flex:none;padding:0 calc(26px * var(--k)) 0 calc(4px * var(--k));font-family:var(--c-display);font-weight:700;
  text-transform:uppercase;letter-spacing:.02em;font-size:calc(26px * var(--k));line-height:1.1;color:#F2EEE6!important;white-space:nowrap}
#page-content #c-hero .c-ai .ai-co b{color:#F57A1E!important}
#page-content #c-hero .c-ai .ai-md{flex:none;padding:0 calc(28px * var(--k)) 0 0;font-family:var(--c-thin);font-weight:500;letter-spacing:.06em;
  font-size:calc(12.5px * var(--k));color:rgba(242,238,230,.78)!important;white-space:nowrap}
#page-content #c-hero .c-ai .ai-md::after{content:'';display:inline-block;width:calc(5px * var(--k));height:calc(5px * var(--k));margin-left:calc(28px * var(--k));
  border-radius:50%;background:#F57A1E;vertical-align:middle}
@keyframes aiRun{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){#page-content #c-hero .c-ai .ai-tr{animation:none}}
#page-content #c-hero .c-body,#page-content #c-hero .c-kpi,#page-content #c-hero .c-ai,#page-content #c-hero .c-studio{will-change:transform}
/* телефон: одна лента компаний над цифрами */
@media (max-width:760px){
  /* полоса компаний над цифрами (цифры на телефоне — position:absolute bottom:18px, высота ≈ 58 px) */
  #page-content #c-hero .c-ai{position:absolute;z-index:3;left:16px;right:16px;bottom:84px;display:flex!important;padding:8px 0;border-radius:14px}
  #page-content #c-hero .c-ai .r2,#page-content #c-hero .c-ai .ai-hd{display:none}
  #page-content #c-hero .c-ai .ai-co{font-size:17px;padding-right:16px}
  #page-content #c-hero .c-body{padding-bottom:140px}
}

/* 01.10 (Вячеслав: «первый блок листать — тупая пауза»): обложка = 1 экран, без прилипания на второй экран; вторая опора (f-cutmark) снята → 12 станций = 12 кадров (__PHOTOS без q_g02) */
#page-content #c-hero{height:100vh!important}
#page-content #c-hero>section.f-cutmark{display:none!important}

/* 01.10 (Вячеслав, 34″: «края картинок — поля, а то края не видно»): сверхширокий экран (ширина ≥ 2,05 × высота) —
   герой обложки вписан ЦЕЛИКОМ по высоте, по бокам петроль-поля; края кадра мягко растворяются в поле */
@media (min-aspect-ratio: 205/100) and (min-width: 1700px){
  #c-cut{background:#0F3444}
  #c-cut .sl,#c-cut .shot{background-size:auto 102%!important}
  #c-cut::before,#c-cut::after{content:'';position:absolute;top:0;bottom:0;z-index:2;width:min(220px,6vw);pointer-events:none}
  #c-cut::before{left:calc(50% - 51vh * 16 / 9);background:linear-gradient(90deg,rgba(15,52,68,.95),rgba(15,52,68,0))}
  #c-cut::after{right:calc(50% - 51vh * 16 / 9);background:linear-gradient(270deg,rgba(15,52,68,.95),rgba(15,52,68,0))}
}

/* ═══════════════════════════════════════════════════════════════════════════
   v19 · «ИГРА НА МЕСТЕ» (01.10): кнопки игры вместо ссылок, пульс «только что создано», знаки компаний ИИ,
   тарифы на читаемость, «Примерочная» (постеры), «Собери кадр», «.ПОСЛУШАЙ», «Галерея» v2, окна #g5.
   Палитра V2: петроль #0F3444/#174A5E · оранжевый #F57A1E · off-white #F2EEE6 · #111 · янтарь #F59B1F на синем.
   ═══════════════════════════════════════════════════════════════════════════ */
/* сброс браузерных полей у кнопок игры (нулевая специфичность — вид задают классы v18) */
:where(#c-hero,#c-fly,#g5) button{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;line-height:inherit;
  background:none;border:0;margin:0;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
#c-fly .f-lm,#c-fly .vpp,#c-fly .f-card.f-ph,#c-fly .f-vl .poster{width:100%;text-align:left}
#c-fly .f-tk{cursor:pointer}
#c-fly button.f-go{border:0}
#c-fly button.f-go.ghost{border:1px solid rgba(242,238,230,.4)}
#page-content #c-hero .c-links button,#page-content #c-hero .c-mlinks button{color:#F2EEE6!important}
#page-content #c-hero .c-links button:hover,#page-content #c-hero .c-mlinks button:hover{color:#FF9A4D!important}
#page-content #c-hero .c-capm{cursor:pointer}
:where(#c-hero,#c-fly) button:focus-visible,#c-fly .f-tk:focus-visible{outline:3px solid #F57A1E;outline-offset:3px}

/* ── обложка: «Создано на VAIMAN» — фото · видео · треки + пульс ── */
#page-content #c-hero .c-kpi .k-main{gap:calc(20px * var(--k))}
#page-content #c-hero .c-kpi .k-n[hidden]{display:none}
#page-content #c-hero .c-kpi .k-pulse{display:flex;align-items:center;gap:calc(9px * var(--k));width:100%;padding:calc(7px * var(--k)) calc(10px * var(--k)) calc(7px * var(--k)) calc(7px * var(--k));
  border-radius:calc(12px * var(--k));background:rgba(17,17,17,.1);border:1px solid rgba(17,17,17,.16);text-align:left;color:#111!important;cursor:pointer;min-width:0}
#page-content #c-hero .c-kpi .k-pulse:hover,#page-content #c-hero .c-kpi .k-pulse.big{background:rgba(17,17,17,.16)}
#page-content #c-hero .c-kpi .k-ic{flex:none;display:grid;place-items:center;width:calc(28px * var(--k));height:calc(28px * var(--k));border-radius:50%;background:#0F3444;color:#F57A1E!important;position:relative}
#page-content #c-hero .c-kpi .k-ic::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(15,52,68,.5);animation:kPulse 2.4s ease-in-out infinite}
#page-content #c-hero .c-kpi .k-ic svg{width:56%;height:56%}
#page-content #c-hero .c-kpi .k-tx{display:flex;flex-direction:column;min-width:0;gap:1px}
#page-content #c-hero .c-kpi .k-tx small{font-family:var(--c-thin);font-weight:600;font-size:calc(9px * var(--k));letter-spacing:.18em;text-transform:uppercase;color:#111!important;opacity:.78}
#page-content #c-hero .c-kpi .k-what{display:block;font-family:'Manrope',sans-serif;font-weight:600;font-size:calc(12.5px * var(--k));line-height:1.25;color:#111!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-content #c-hero .c-kpi .k-eng{font-family:var(--c-display);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#0F3444!important}
#page-content #c-hero .c-kpi .k-pulse:hover .k-eng,#page-content #c-hero .c-kpi .k-pulse:focus-visible .k-eng,#page-content #c-hero .c-kpi .k-pulse.big .k-eng{font-size:1.3em}
#page-content #c-hero .c-kpi .k-what.k-in{animation:kIn .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes kIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#page-content #c-hero .c-kpi .k-what.k-in,#page-content #c-hero .c-kpi .k-ic::after{animation:none}}
/* знаки компаний ИИ (белые, монохромные): высота ≈ строка × 1,1 */
#page-content #c-hero .c-ai .ai-g{align-items:center}
#page-content #c-hero .c-ai .ai-co{display:inline-flex;align-items:center;gap:calc(9px * var(--k))}
#page-content #c-hero .c-ai .ai-lg{flex:none;width:1.05em;height:1.05em;color:#F2EEE6;fill:currentColor}
#page-content #c-hero .c-ai .ai-co.wm{letter-spacing:.06em}
@media (max-width:760px){
  /* телефон: ряд 1 — фото · видео · треки; ряд 2 — пульс (2 колонки) + онлайн справа */
  #page-content #c-hero .c-kpi{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:8px;column-gap:10px}
  #page-content #c-hero .c-kpi .k-n{grid-row:1}
  #page-content #c-hero .c-kpi .k-on{grid-row:2!important;grid-column:3!important;justify-self:end;align-self:center;padding:0!important}
  #page-content #c-hero .c-kpi .k-pulse{grid-row:2;grid-column:1/3;order:0;padding:5px 8px 5px 5px}
  #page-content #c-hero .c-kpi .k-ic{width:24px;height:24px}
  #page-content #c-hero .c-kpi .k-what{font-size:12px}
  #page-content #c-hero .c-kpi .k-n b{font-size:19px}
  #page-content #c-hero .c-ai{bottom:136px}
  #page-content #c-hero .c-body{padding-bottom:192px}
}

/* ── ТАРИФЫ (Вячеслав 01.10: «плохо читаемый»): одна структура, крупно цена, «≈ хватит», 3 пункта; телефон — свайп с точками ── */
#c-fly #f-pricing .f-pricep{width:min(900px,66vw)}
#c-fly #f-pricing .f-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
#c-fly #f-pricing .f-pl.far{display:none}
#c-fly #f-pricing .f-pl{display:flex;flex-direction:column;align-items:flex-start;padding:14px 18px 16px;border-radius:20px;background:#0F3444;color:#F2EEE6;
  border:1px solid rgba(224,149,90,.6);text-decoration:none;min-width:0}
#c-fly #f-pricing .f-pl .badge{position:static;align-self:flex-start;padding:4px 10px;border-radius:999px;background:#111;color:#FF9A4D;box-shadow:none;
  font-family:'Montserrat',sans-serif;font-weight:600;font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1.2}
#c-fly #f-pricing .f-pl:not(.hot) .badge{visibility:hidden}
#c-fly #f-pricing .f-pl .nm{margin-top:8px;font-family:'Oswald',sans-serif;font-weight:700;font-size:21px;letter-spacing:.04em;text-transform:uppercase;color:#F2EEE6;line-height:1.1}
#c-fly #f-pricing .f-pl .rub{margin-top:4px;font-family:'Montserrat',sans-serif;font-weight:300;font-size:46px;line-height:1;letter-spacing:-.035em;color:#F2EEE6;white-space:nowrap}
#c-fly #f-pricing .f-pl .rub em{font-style:normal;font-weight:400;font-size:.5em;margin-left:5px;color:#F59B1F}
#c-fly #f-pricing .f-pl .fit{margin-top:8px;font-weight:700;font-size:14px;line-height:1.35;color:#F2EEE6}
#c-fly #f-pricing .f-pl .pts{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:12px;padding-top:12px;border-top:1px solid rgba(242,238,230,.2);font-size:13px;line-height:1.35;color:#D3DCE0}
#c-fly #f-pricing .f-pl .pts span{display:flex;gap:8px;align-items:baseline}
#c-fly #f-pricing .f-pl .pts span::before{content:'';flex:none;width:6px;height:6px;background:#F57A1E;transform:translateY(-1px)}
#c-fly #f-pricing .f-pl .pts b{color:#F2EEE6;font-weight:700;white-space:nowrap}
#c-fly #f-pricing .f-pl .go{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:8px;font-family:'Oswald',sans-serif;font-weight:600;
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#F59B1F}
#c-fly #f-pricing .f-pl .go svg{width:16px;height:16px}
#c-fly #f-pricing .f-pl.hot{background:#F57A1E;border-color:#F57A1E;color:#111;box-shadow:0 26px 50px -26px rgba(245,122,30,.95)}
#c-fly #f-pricing .f-pl.hot :is(.nm,.rub,.rub em,.fit,.pts,.pts b,.go){color:#111}
#c-fly #f-pricing .f-pl.hot .pts{border-top-color:rgba(17,17,17,.25)}
#c-fly #f-pricing .f-pl.hot .pts span::before{background:#0F3444}
#c-fly #f-pricing .f-pl:hover{transform:translateY(-3px)}
#c-fly #f-pricing .f-pl:focus-visible{outline:3px solid #0F3444;outline-offset:3px}
#c-fly #f-pricing .f-pdots{display:none}
#c-fly #f-pricing .f-more{margin-top:12px;font-size:12.5px;line-height:1.5;color:#333}
@media (max-width:760px){
  #c-fly #f-pricing .f-pricep{width:100%}
  #c-fly #f-pricing .f-plans{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -18px;padding:4px 18px 2px;scroll-padding:0 18px;scrollbar-width:none}
  #c-fly #f-pricing .f-plans::-webkit-scrollbar{display:none}
  #c-fly #f-pricing .f-pl,#c-fly #f-pricing .f-pl.far{display:flex;flex:0 0 80%;scroll-snap-align:center;padding:12px 16px 14px}
  #c-fly #f-pricing .f-pl .rub{font-size:40px}
  #c-fly #f-pricing .f-pl .pts{margin-top:10px;padding-top:10px;font-size:12.5px;gap:5px}
  #c-fly #f-pricing .f-pdots{display:flex;justify-content:center;gap:2px;margin-top:6px}
  #c-fly #f-pricing .f-pdots button{display:grid;place-items:center;width:26px;height:24px}
  #c-fly #f-pricing .f-pdots button::before{content:'';width:8px;height:8px;border-radius:4px;background:rgba(17,17,17,.28);transition:width .2s}
  #c-fly #f-pricing .f-pdots button[aria-current]::before{width:22px;background:#F26B21}
  #c-fly #f-pricing .f-more{font-size:11.5px;margin-top:6px}
}

/* ── «Примерочная» (станция 3): постеры-кнопки; метка жанра справа сверху ── */
#c-fly #f-gallery .vpp .vpp-top i+i{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-size:.92em;color:#F2EEE6}

/* ── «Галерея» v2 (станция 9): работа целиком — у карточки своя пропорция w/h, высота ленты общая ── */
#c-fly #f-popular .g2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
#c-fly #f-popular .g2-head .f-hd{margin-bottom:0}
#c-fly #f-popular .g2-ctl{display:flex;align-items:center;gap:14px}
#c-fly #f-popular .g2-count{font-family:'Montserrat',sans-serif;font-weight:300;font-size:15px;letter-spacing:.06em;color:#D3DCE0;white-space:nowrap}
#c-fly #f-popular .vpp-nav{display:inline-flex;gap:8px}
#c-fly #f-popular .vpp-nav button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(242,238,230,.42);color:#F2EEE6}
#c-fly #f-popular .vpp-nav button svg{width:18px;height:18px}
#c-fly #f-popular .vpp-nav button:hover{border-color:#F57A1E;color:#F57A1E}
#c-fly #f-popular .vpp-nav button:disabled{opacity:.35;cursor:default}
#c-fly .g2w{margin-top:16px}
#c-fly .g2-rail{--gh:clamp(300px,calc(100vh - 360px),460px);display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 2px 6px;min-height:calc(var(--gh) + 8px)}
#c-fly .g2-rail::-webkit-scrollbar{display:none}
#c-fly .g2c{position:relative;flex:0 0 auto;height:var(--gh);width:calc(var(--gh) * var(--ar,.75));border-radius:18px;overflow:hidden;isolation:isolate;
  background:var(--cbg,#174A5E);scroll-snap-align:start;color:#F2EEE6;text-align:left;box-shadow:0 26px 50px -30px rgba(0,0,0,.85);transition:transform .25s,box-shadow .25s}
#c-fly .g2c img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;display:block}
#c-fly .g2c::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,rgba(9,30,40,.94) 0%,rgba(9,30,40,.6) 20%,rgba(9,30,40,0) 40%),linear-gradient(180deg,rgba(9,30,40,.55) 0%,rgba(9,30,40,0) 15%)}
#c-fly .g2c-top{position:absolute;left:14px;right:14px;top:12px;font-family:'Oswald',sans-serif;font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#c-fly .g2c-top b,#c-fly .g2c-nm b{color:#F57A1E}
#c-fly .g2c-bot{position:absolute;left:14px;right:14px;bottom:13px;display:flex;flex-direction:column;gap:6px}
#c-fly .g2c-nm{font-family:'Oswald',sans-serif;font-weight:700;font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:.01em}
#c-fly .g2c-pr{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;font-size:11px;line-height:1.45;color:rgba(242,238,230,.88);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#c-fly .g2c:hover{transform:translateY(-4px);box-shadow:0 36px 60px -32px rgba(0,0,0,.9),0 0 0 2px #F57A1E}
#c-fly .g2c:focus-visible{outline:3px solid #F57A1E;outline-offset:3px}
@media (max-width:760px){
  #c-fly .g2-rail{--gh:min(56vh,360px);margin:0 -18px;padding:2px 18px 6px;scroll-padding:0 18px;gap:10px}
  #c-fly .g2c{border-radius:16px}
  #c-fly .g2c-nm{font-size:18px}
  #c-fly #f-popular .vpp-nav{display:none}
}
@media (prefers-reduced-motion:reduce){#c-fly .g2c{transition:none}#c-fly .g2c:hover{transform:none}}

/* ── «Собери кадр» (станция 5): заготовка кадра + шаги; высота постоянная (опоры полёта не сдвигаются) ── */
#c-fly .kx{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:22px;align-items:stretch;margin-top:4px}
#c-fly .kx-frame{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;isolation:isolate;background:var(--kbg,#0C2C3A);
  border:1px solid rgba(224,149,90,.6);transition:background-color .5s ease;align-self:start}
#c-fly .kx-frame::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.28;
  background-image:radial-gradient(#111 1.3px,transparent 1.6px);background-size:10px 10px;-webkit-mask-image:linear-gradient(200deg,#000,transparent 60%);mask-image:linear-gradient(200deg,#000,transparent 60%)}
#c-fly .kx-sil{position:absolute;z-index:1;left:12%;right:12%;bottom:0;opacity:0;transform:translateY(16px);transition:opacity .45s,transform .55s cubic-bezier(.2,.7,.2,1)}
#c-fly .kx-sil svg{display:block;width:100%;height:auto;fill:rgba(17,17,17,.55)}
#c-fly .kx-frame.who .kx-sil{opacity:1;transform:none}
#c-fly .kx-gl{position:absolute;z-index:2;left:50%;top:16%;width:34%;transform:translateX(-50%);color:#F2EEE6;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
#c-fly .kx-gl svg{display:block;width:100%;height:auto}
#c-fly .kx-img{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
#c-fly .kx-frame.has .kx-img{opacity:1}
#c-fly .kx-fc{position:absolute;z-index:4;left:12px;top:10px;font-family:'Oswald',sans-serif;font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#F2EEE6;
  text-shadow:0 1px 8px rgba(0,0,0,.6)}
#c-fly .kx-fc b{color:#F57A1E}
#c-fly .kx-ui{display:flex;flex-direction:column;min-width:0;min-height:333px}
#c-fly .kx-steps{display:flex;flex-wrap:wrap;gap:6px}
#c-fly .kx-steps i{font-style:normal;padding:5px 11px;border-radius:999px;border:1px solid rgba(242,238,230,.22);font-family:'Montserrat',sans-serif;font-weight:600;font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;color:#D3DCE0}
#c-fly .kx-steps i.on{background:#F57A1E;border-color:#F57A1E;color:#111}
#c-fly .kx-steps i.done{border-color:rgba(245,155,31,.7);color:#F59B1F}
#c-fly .kx-q{margin:14px 0 12px;font-family:'Oswald',sans-serif;font-weight:700;font-size:30px;line-height:1.05;text-transform:uppercase;color:#F2EEE6}
#c-fly .kx-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#c-fly .kx-opts[hidden],#c-fly .kx-res[hidden]{display:none}
#c-fly .kx-o{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px 16px;border-radius:16px;background:rgba(23,74,94,.75);border:1px solid rgba(242,238,230,.16);
  font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;color:#F2EEE6;transition:transform .2s,border-color .2s,background-color .2s}
#c-fly .kx-o:hover{border-color:#F57A1E;transform:translateY(-2px);background:rgba(23,74,94,.95)}
#c-fly .kx-o .sw{flex:none;width:20px;height:20px;border-radius:50%;background:var(--sw);box-shadow:0 0 0 2px rgba(242,238,230,.55)}
#c-fly .kx-o .gl{flex:none;display:block;width:22px;height:22px;color:#F59B1F}
#c-fly .kx-o .gl svg{display:block;width:100%;height:100%}
#c-fly .kx-lb{font-family:'Oswald',sans-serif;font-weight:700;font-size:24px;line-height:1;color:#F2EEE6}
#c-fly .kx-lb b{color:#F57A1E}
#c-fly .kx-lb small{margin-left:10px;font-family:'Montserrat',sans-serif;font-weight:500;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#D3DCE0}
#c-fly .kx-type{margin:8px 0 10px;height:8.2em;overflow:hidden;font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;color:#F2EEE6}
#c-fly .kx-type::after{content:'';display:inline-block;width:.55em;height:1.05em;margin-left:2px;vertical-align:-.15em;background:#F57A1E;animation:kxCaret 1s steps(2) infinite}
@keyframes kxCaret{50%{opacity:0}}
#c-fly .kx-match{font-size:13px;color:#D3DCE0}
#c-fly .kx-open{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#F59B1F;border-bottom:1px solid currentColor}
#c-fly .kx-open b{color:#F57A1E}
#c-fly .kx-acts{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:auto;padding-top:12px}
#c-fly .kx-again{padding:13px 18px;border-radius:999px;border:1px solid rgba(242,238,230,.4);font-family:'Oswald',sans-serif;font-weight:600;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:#F2EEE6}
#c-fly .kx-again:hover{border-color:#F57A1E;color:#FF9A4D}
@media (max-width:760px){
  #c-fly .kx{grid-template-columns:96px minmax(0,1fr);gap:12px}
  #c-fly .kx-frame{border-radius:14px}
  #c-fly .kx-ui{min-height:280px}
  #c-fly .kx-q{font-size:21px;margin:10px 0 8px}
  #c-fly .kx-steps i{padding:4px 8px;font-size:9px;letter-spacing:.1em}
  #c-fly .kx-opts{grid-template-columns:1fr;gap:6px}
  #c-fly .kx-o{min-height:44px;padding:9px 12px;font-size:14px;border-radius:12px}
  #c-fly .kx-lb{font-size:19px}#c-fly .kx-lb small{display:block;margin:4px 0 0}
  #c-fly .kx-type{font-size:11px;height:9.4em}
  #c-fly .kx-acts{gap:8px}
  #c-fly .kx-acts .g5-in-btn{white-space:normal;text-align:left;line-height:1.15;font-size:12px;letter-spacing:.06em;padding:6px 6px 6px 14px;max-width:100%}
  #c-fly .kx-again{padding:10px 14px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){#c-fly .kx-sil,#c-fly .kx-img,#c-fly .kx-frame,#c-fly .kx-o{transition:none}#c-fly .kx-type::after{animation:none}}

/* ── «.ПОСЛУШАЙ» (станция 7): мини-плеер трёх наших треков, обложки — вёрсткой ── */
#c-fly #f-audience .f-plate{width:min(1000px,72vw)}
#c-fly .f-aud2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;align-items:start}
#c-fly .mp{padding:14px 14px 16px;border-radius:20px;background:rgba(12,44,58,.8);border:1px solid rgba(224,149,90,.6)}
#c-fly .mp-hd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 2px 8px}
#c-fly .mp-k{font-family:'Oswald',sans-serif;font-weight:700;font-size:24px;line-height:1;color:#F2EEE6}
#c-fly .mp-k b{color:#F57A1E}
#c-fly .mp-hd small{font-size:12px;color:#D3DCE0}
#c-fly .mp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
#c-fly .mp-t{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 8px 6px 6px;border-radius:14px;transition:background-color .2s}
#c-fly .mp-t.on{background:rgba(23,74,94,.9)}
#c-fly .mp-play{position:relative;display:block;width:54px;height:54px;border-radius:12px;overflow:hidden;flex:none}
#c-fly .mp-cv{position:absolute;inset:0;background:linear-gradient(135deg,var(--c1) 0 52%,var(--c2) 52% 100%)}
#c-fly .mp-cv b{position:absolute;left:6px;top:3px;font-family:'Montserrat',sans-serif;font-weight:200;font-size:20px;letter-spacing:-.03em;color:#F2EEE6;text-shadow:0 1px 6px rgba(0,0,0,.35)}
#c-fly .mp-cv em{position:absolute;inset:0;background-image:radial-gradient(#111 1px,transparent 1.3px);background-size:6px 6px;opacity:.22}
#c-fly .mp-ic{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#111;color:#F57A1E}
#c-fly .mp-ic svg{width:12px;height:12px}
#c-fly .mp-play:hover .mp-ic{background:#F57A1E;color:#111}
#c-fly .mp-t.playing .mp-cv::after{content:'';position:absolute;left:6px;bottom:6px;width:18px;height:14px;
  background:linear-gradient(#F2EEE6,#F2EEE6) 0 100%/4px 60% no-repeat,linear-gradient(#F2EEE6,#F2EEE6) 7px 100%/4px 100% no-repeat,linear-gradient(#F2EEE6,#F2EEE6) 14px 100%/4px 40% no-repeat;
  animation:mpEq .9s ease-in-out infinite alternate}
@keyframes mpEq{to{background-size:4px 30%,4px 55%,4px 100%}}
#c-fly .mp-meta{display:flex;flex-direction:column;min-width:0}
#c-fly .mp-nm{font-family:'Oswald',sans-serif;font-weight:600;font-size:16px;letter-spacing:.03em;text-transform:uppercase;color:#F2EEE6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#c-fly .mp-meta small{font-size:12px;color:#D3DCE0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#c-fly .mp-eng{color:#F59B1F;font-weight:700}
#c-fly .mp-bar{position:relative;display:block;height:14px;cursor:pointer}
#c-fly .mp-bar::before,#c-fly .mp-bar i{content:'';position:absolute;left:0;top:6px;height:3px;border-radius:2px}
#c-fly .mp-bar::before{right:0;background:rgba(242,238,230,.2)}
#c-fly .mp-bar i{width:0;background:#F57A1E}
#c-fly .mp-time{font-family:'Montserrat',sans-serif;font-weight:300;font-size:13px;color:#D3DCE0;font-variant-numeric:tabular-nums}
#c-fly .mp-go{margin-top:12px}
@media (max-width:760px){
  #c-fly #f-audience .f-plate{width:100%}
  #c-fly .f-aud2{display:block}
  #c-fly .mp{margin-top:12px;padding:10px 10px 12px}
  #c-fly .mp-k{font-size:19px}
  #c-fly .mp-play{width:46px;height:46px}
  #c-fly .mp-t{gap:10px;padding:4px 6px 4px 4px}
  #c-fly .mp-nm{font-size:14px}#c-fly .mp-meta small{font-size:11px}
  #c-fly .mp-go{margin-top:8px}
}
@media (prefers-reduced-motion:reduce){#c-fly .mp-t.playing .mp-cv::after{animation:none}}

/* ── кнопка входа «… · Войти» (единственная дорога внутрь из игры): оранжевая пилюля со стрелкой в кружке ── */
.g5-in-btn{display:inline-flex;align-items:center;gap:calc(14px * var(--k,1));padding:calc(7px * var(--k,1)) calc(7px * var(--k,1)) calc(7px * var(--k,1)) calc(22px * var(--k,1));
  border-radius:999px;background:#F57A1E;color:#111!important;text-decoration:none!important;font-family:'Oswald',sans-serif;font-weight:600;
  font-size:calc(14.5px * var(--k,1));letter-spacing:.13em;text-transform:uppercase;line-height:1;white-space:nowrap;box-shadow:0 18px 40px -16px rgba(245,122,30,.9);
  transition:transform .2s,background-color .2s}
.g5-in-btn:hover{background:#FF8A3A;transform:translateY(-2px)}
.g5-in-btn:focus-visible{outline:3px solid #F2EEE6;outline-offset:3px}
.g5-ar{display:grid;place-items:center;flex:none;width:calc(38px * var(--k,1));height:calc(38px * var(--k,1));border-radius:50%;background:#0F3444;color:#F57A1E}
.g5-ar svg{width:44%;height:44%}
#c-fly .g5-in-btn{--k:1}
@media (max-width:760px){.g5-in-btn{font-size:13px;letter-spacing:.1em;padding-left:16px;gap:10px}.g5-ar{width:34px;height:34px}}

/* ═════ ОКНА ИГРЫ #g5 (одно на всё): примерочная · пульт · просмотр работы ═════ */
html.g5-lock,html.g5-lock body{overflow:hidden!important;overscroll-behavior:none}
#g5{--g5gut:max(20px,calc((100vw - 1760px * var(--k,1)) / 2));position:fixed;inset:0;z-index:2147483000;display:block;background:#0F3444;color:#F2EEE6;
  font-family:'Manrope',system-ui,sans-serif;opacity:0;transition:opacity .22s ease;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
#g5[hidden]{display:none}
#g5.on{opacity:1}
#g5 *{box-sizing:border-box}
#g5 .g5-box{position:absolute;inset:0;overflow:hidden}
#g5 :focus-visible{outline:3px solid #F57A1E;outline-offset:3px}
#g5 img{-webkit-user-drag:none;user-select:none}
#g5 .g5-hd{position:absolute;z-index:6;top:0;left:0;right:0;display:flex;align-items:center;gap:calc(16px * var(--k,1));padding:calc(18px * var(--k,1)) var(--g5gut);pointer-events:none;
  background:linear-gradient(180deg,rgba(15,52,68,.75),rgba(15,52,68,0))}
#g5 .g5-hd>*{pointer-events:auto}
#g5 .g5-k{font-family:'Oswald',sans-serif;font-weight:600;font-size:calc(13px * var(--k,1));letter-spacing:.26em;text-transform:uppercase;white-space:nowrap}
#g5 .g5-k b,#g5 .g5-nm b,#g5 .g5-pw b,#g5 .g5-eng b,#g5 .g5-mname b{color:#F57A1E}
#g5 .g5-t{font-weight:500;font-size:calc(14px * var(--k,1));color:#D3DCE0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#g5 .g5-cnt{margin-left:auto;font-family:'Montserrat',sans-serif;font-weight:200;font-size:calc(34px * var(--k,1));line-height:1;letter-spacing:-.02em}
#g5 .g5-cnt b{font-weight:300}
#g5 .g5-cnt span{font-size:.5em;margin-left:.12em;color:rgba(242,238,230,.6)}
#g5 .g5-x{margin-left:auto;flex:none;display:grid;place-items:center;width:calc(48px * var(--k,1));height:calc(48px * var(--k,1));border-radius:50%;
  background:rgba(15,52,68,.75);border:1px solid rgba(242,238,230,.38);color:#F2EEE6}
#g5 .g5-cnt+.g5-x{margin-left:calc(12px * var(--k,1))}
#g5 .g5-x svg{width:42%;height:42%}
#g5 .g5-x:hover{background:#F57A1E;border-color:#F57A1E;color:#111}
#g5 .g5-arw{display:grid;place-items:center;width:calc(56px * var(--k,1));height:calc(56px * var(--k,1));border-radius:50%;background:rgba(15,52,68,.8);
  border:1px solid rgba(242,238,230,.42);color:#F2EEE6;transition:background-color .2s,border-color .2s}
#g5 .g5-arw:hover{background:#F57A1E;border-color:#F57A1E;color:#111}
#g5 .g5-arw svg{width:40%;height:40%}
#g5 .g5-nav{position:absolute;z-index:5;right:var(--g5gut);bottom:calc(34px * var(--k,1));display:flex;gap:10px}
#g5 .g5-eng{font-family:'Oswald',sans-serif;font-weight:500;font-size:calc(12.5px * var(--k,1));letter-spacing:.24em;text-transform:uppercase;color:#D3DCE0}
#g5 .g5-nm{margin:0;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:calc(64px * var(--k,1));line-height:.92;letter-spacing:.005em;color:#F2EEE6}
#g5 .g5-pw{display:block;font-family:'Oswald',sans-serif;font-weight:700;font-size:calc(32px * var(--k,1));line-height:1;letter-spacing:.01em;color:#F2EEE6}
@keyframes g5r{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes g5l{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes g5z{from{opacity:.35;transform:scale(1.035)}to{opacity:1;transform:none}}
#g5 .g5-in.g5-r{animation:g5r .5s cubic-bezier(.2,.7,.2,1) both}
#g5 .g5-in.g5-l{animation:g5l .5s cubic-bezier(.2,.7,.2,1) both}
#g5 .g5-shot.g5-in,#g5 .g5-vimg.g5-in{animation:g5z .6s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){#g5,#g5 *{animation:none!important;transition:none!important}}

/* ── ПРИМЕРОЧНАЯ: кадр стиля на весь экран, плашка .PROMPT слева внизу (в спокойной зоне кадра), стрелки и миниатюры справа ── */
#g5 .g5-try{position:absolute;inset:0}
#g5 .g5-stage{position:absolute;inset:0;overflow:hidden;background:#0F3444;touch-action:pan-y}
#g5 .g5-blur{display:none}
#g5 .g5-shot,#g5 .g5-before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% 32%}
#g5 .g5-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(90deg,rgba(15,52,68,.9) 0%,rgba(15,52,68,.62) 28%,rgba(15,52,68,0) 54%),linear-gradient(0deg,rgba(15,52,68,.72) 0%,rgba(15,52,68,0) 30%)}
/* 34″ и шире 2,05:1 — кадр 16:9 целиком, по бокам — его же размытое продолжение (как поля полёта) */
@media (min-width:761px) and (min-aspect-ratio:205/100){
  #g5 .g5-blur{display:block;position:absolute;inset:-60px;width:calc(100% + 120px);height:calc(100% + 120px);object-fit:cover;filter:blur(30px) saturate(1.1);opacity:.42}
  #g5 .g5-shot,#g5 .g5-before{object-fit:contain;object-position:50% 50%}
}
#g5 .g5-cmp{position:absolute;inset:0;--x:50%;cursor:ew-resize;touch-action:none}
#g5 .g5-cmp[hidden]{display:none}
#g5 .g5-before{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
#g5 .g5-cut{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#F2EEE6;box-shadow:0 0 0 1px rgba(17,17,17,.25);pointer-events:none}
#g5 .g5-cut i{position:absolute;left:50%;top:46%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#F57A1E;box-shadow:0 12px 30px -8px rgba(0,0,0,.6)}
#g5 .g5-cut i::before{content:'‹ ›';position:absolute;inset:0;display:grid;place-items:center;font:700 22px/1 'Oswald',sans-serif;color:#111;letter-spacing:.1em}
#g5 .g5-lb{position:absolute;z-index:2;top:calc(96px * var(--k,1));max-width:38%;padding:7px 13px;border-radius:999px;background:rgba(15,52,68,.88);
  font-family:'Oswald',sans-serif;font-weight:500;font-size:calc(12.5px * var(--k,1));letter-spacing:.1em;text-transform:uppercase;line-height:1.25;pointer-events:none}
#g5 .g5-lb.a{left:var(--g5gut)}
#g5 .g5-lb.b{right:var(--g5gut);text-align:right;background:#F57A1E;color:#111}
#g5 .g5-rng{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;margin:0}
#g5 .g5-card{position:absolute;z-index:4;left:var(--g5gut);bottom:calc(34px * var(--k,1));width:min(calc(450px * var(--k,1)),42vw);display:flex;flex-direction:column;align-items:flex-start;gap:calc(10px * var(--k,1))}
#g5 .g5-tag{padding:4px 11px;border-radius:999px;background:#F2EEE6;color:#111;font-family:'Montserrat',sans-serif;font-weight:600;font-size:calc(10.5px * var(--k,1));letter-spacing:.2em;text-transform:uppercase}
#g5 .g5-pp{width:100%;padding:calc(16px * var(--k,1)) calc(18px * var(--k,1));border-radius:calc(22px * var(--k,1));background:rgba(15,52,68,.88);border:1px solid rgba(224,149,90,.65)}
#g5 .g5-d{margin:calc(8px * var(--k,1)) 0 0;font-size:calc(15px * var(--k,1));line-height:1.5;color:#F2EEE6}
#g5 .g5-red{display:flex;flex-direction:column;gap:6px;margin:calc(12px * var(--k,1)) 0 calc(10px * var(--k,1))}
#g5 .g5-red i{display:block;height:7px;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(242,238,230,.24) 0 26px,transparent 26px 32px)}
#g5 .g5-red i:nth-child(2){width:84%}#g5 .g5-red i:nth-child(3){width:56%}
#g5 .g5-lockt{display:flex;gap:8px;align-items:center;font-size:calc(12.5px * var(--k,1));line-height:1.4;color:#D3DCE0}
#g5 .g5-lockt svg{flex:none;width:16px;height:16px;color:#F59B1F}
#g5 .g5-ba{display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(15,52,68,.88);border:1px solid rgba(242,238,230,.22)}
#g5 .g5-ba[hidden]{display:none}
#g5 .g5-bak{padding:0 8px 0 10px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:calc(10px * var(--k,1));letter-spacing:.16em;text-transform:uppercase;color:#D3DCE0}
#g5 .g5-ba button{padding:calc(8px * var(--k,1)) calc(16px * var(--k,1));border-radius:999px;font-family:'Oswald',sans-serif;font-weight:600;font-size:calc(13px * var(--k,1));letter-spacing:.14em;text-transform:uppercase}
#g5 .g5-ba button[aria-pressed="true"]{background:#F57A1E;color:#111}
#g5 .g5-ths{position:absolute;z-index:5;right:var(--g5gut);bottom:calc(106px * var(--k,1));display:flex;gap:8px}
#g5 .g5-th{display:block;width:calc(52px * var(--k,1));height:calc(70px * var(--k,1));border-radius:10px;overflow:hidden;border:2px solid rgba(242,238,230,.25);opacity:.72;transition:opacity .2s,transform .2s}
#g5 .g5-th img{display:block;width:100%;height:100%;object-fit:cover}
#g5 .g5-th:hover{opacity:1;transform:translateY(-2px)}
#g5 .g5-th[aria-current]{border-color:#F57A1E;opacity:1}
#g5 .g5-hint{position:absolute;z-index:5;left:50%;top:calc(50% - 20px);transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:rgba(15,52,68,.85);
  font-family:'Oswald',sans-serif;font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;animation:g5hint 2.6s ease .6s both}
@keyframes g5hint{0%,70%{opacity:1}100%{opacity:0;visibility:hidden}}

/* ── ПУЛЬТ: разделы · клавиши моделей · монитор ── */
#g5.g5-pult{background:radial-gradient(120% 90% at 85% 0%,#174A5E 0%,#0F3444 55%,#0C2C3A 100%)}
#g5 .g5-pult{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(88px * var(--k,1)) var(--g5gut) calc(22px * var(--k,1));overflow:auto;overscroll-behavior:contain}
#g5 .g5-pult .g5-hd{background:linear-gradient(180deg,#0F3444 40%,rgba(15,52,68,0))}
#g5 .g5-cats{flex:none;display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(12,44,58,.9);border:1px solid rgba(242,238,230,.14);align-self:flex-start;max-width:100%;
  overflow-x:auto;scrollbar-width:none}
#g5 .g5-cats::-webkit-scrollbar{display:none}
#g5 .g5-cat{flex:none;display:inline-flex;align-items:baseline;gap:8px;padding:calc(10px * var(--k,1)) calc(17px * var(--k,1));border-radius:999px;font-family:'Oswald',sans-serif;font-weight:600;
  font-size:calc(14px * var(--k,1));letter-spacing:.13em;text-transform:uppercase;color:#D3DCE0;white-space:nowrap}
#g5 .g5-cat i{font-style:normal;font-family:'Montserrat',sans-serif;font-weight:300;letter-spacing:0;color:#F59B1F}
#g5 .g5-cat:hover{color:#F2EEE6}
#g5 .g5-cat[aria-selected="true"]{background:#F57A1E;color:#111}
#g5 .g5-cat[aria-selected="true"] i{color:#111}
#g5 .g5-deck{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,calc(340px * var(--k,1))) minmax(0,1fr);gap:calc(22px * var(--k,1));margin-top:calc(18px * var(--k,1))}
#g5 .g5-keys{display:flex;flex-direction:column;gap:6px;overflow:auto;min-height:0;padding:2px 6px 2px 2px;scrollbar-width:thin;scrollbar-color:#F57A1E transparent}
#g5 .g5-key{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:calc(12px * var(--k,1)) calc(16px * var(--k,1));border-radius:calc(14px * var(--k,1));
  background:rgba(23,74,94,.6);border:1px solid rgba(242,238,230,.12);text-align:left;transition:background-color .2s,border-color .2s,transform .2s}
#g5 .g5-key b{font-family:'Oswald',sans-serif;font-weight:600;font-size:calc(17px * var(--k,1));letter-spacing:.04em;text-transform:uppercase;color:#F2EEE6;line-height:1.15}
#g5 .g5-key small{font-family:'Montserrat',sans-serif;font-weight:500;font-size:calc(11.5px * var(--k,1));color:#F59B1F;white-space:nowrap;max-width:46%;overflow:hidden;text-overflow:ellipsis}
#g5 .g5-key:hover{border-color:rgba(245,122,30,.75);transform:translateX(3px)}
#g5 .g5-key[aria-pressed="true"]{background:#F2EEE6;border-color:#F2EEE6;transform:none}
#g5 .g5-key[aria-pressed="true"] b{color:#111}
#g5 .g5-key[aria-pressed="true"] small{color:#B8460A}

#g5 .g5-mon{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;gap:calc(12px * var(--k,1)) calc(22px * var(--k,1));min-height:0}
#g5 .g5-scr{grid-column:1;grid-row:1/-1;position:relative;min-height:calc(360px * var(--k,1));border-radius:calc(24px * var(--k,1));overflow:hidden;background:#0C2C3A;
  border:1px solid rgba(224,149,90,.6);box-shadow:0 40px 80px -40px rgba(0,0,0,.8);touch-action:pan-y}
#g5 .g5-media{position:absolute;inset:0}
#g5 .g5-media img,#g5 .g5-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
#g5 .g5-media .g5-mbg{object-fit:cover;filter:blur(22px) saturate(1.15);opacity:.5;transform:scale(1.12)}
#g5 .g5-media video{background:#0C2C3A}
#g5 .g5-scan{position:absolute;inset:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,rgba(17,17,17,.18) 0 1px,transparent 1px 4px)}
#g5 .g5-sw .g5-scan::after{content:'';position:absolute;left:0;right:0;top:-24%;height:24%;background:linear-gradient(180deg,transparent,rgba(245,122,30,.45),transparent);animation:g5scan .7s ease-out both}
@keyframes g5scan{to{top:100%}}
#g5 .g5-sw .g5-media{animation:g5flick .5s ease both}
@keyframes g5flick{0%{opacity:.15}35%{opacity:1}55%{opacity:.7}100%{opacity:1}}
#g5 .g5-rec{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:rgba(12,44,58,.82);
  font-family:'Montserrat',sans-serif;font-weight:600;font-size:10px;letter-spacing:.22em;color:#F2EEE6}
#g5 .g5-rec i{width:7px;height:7px;border-radius:50%;background:#F57A1E;animation:g5blink 1.4s steps(2) infinite}
@keyframes g5blink{50%{opacity:.2}}
#g5 .g5-mname{position:absolute;left:18px;right:18px;bottom:14px;font-family:'Oswald',sans-serif;font-weight:700;font-size:calc(30px * var(--k,1));line-height:1;text-transform:uppercase;
  color:#F2EEE6;text-shadow:0 2px 18px rgba(0,0,0,.65);pointer-events:none}
#g5 .g5-nosig{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font-family:'Oswald',sans-serif;font-weight:700;font-size:calc(44px * var(--k,1));
  text-transform:uppercase;color:rgba(242,238,230,.92);background:radial-gradient(70% 60% at 50% 45%,#174A5E,#0C2C3A)}
#g5 .g5-nosig b{color:#F57A1E}
#g5 .g5-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#F57A1E;color:#111;font-size:22px}
#g5 .g5-read{grid-column:2;display:grid;gap:8px}
#g5 .g5-rd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:calc(11px * var(--k,1)) calc(16px * var(--k,1));border-radius:calc(16px * var(--k,1));
  background:rgba(12,44,58,.72);border:1px solid rgba(242,238,230,.12)}
#g5 .g5-rd[hidden]{display:none}
#g5 .g5-rd>span:first-child{flex:0 0 calc(82px * var(--k,1));font-family:'Montserrat',sans-serif;font-weight:600;font-size:calc(10.5px * var(--k,1));letter-spacing:.22em;text-transform:uppercase;color:#D3DCE0}
#g5 .g5-price{font-family:'Montserrat',sans-serif;font-weight:200;font-size:calc(44px * var(--k,1));line-height:.95;letter-spacing:-.03em;color:#F2EEE6}
#g5 .g5-price em{font-style:normal;font-weight:500;font-size:.32em;margin-right:6px;letter-spacing:.14em;text-transform:uppercase;color:#F59B1F;vertical-align:.5em}
#g5 .g5-price b{font-weight:300}
#g5 .g5-price i{font-style:normal;font-weight:300;font-size:.5em;margin-left:4px;color:#F57A1E}
#g5 .g5-rd small{font-size:calc(12.5px * var(--k,1));color:#D3DCE0}
#g5 .g5-rd.sp b{font-family:'Montserrat',sans-serif;font-weight:300;font-size:calc(22px * var(--k,1));color:#F2EEE6}
#g5 .g5-specs{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 200px}
#g5 .g5-specs i{font-style:normal;padding:5px 11px;border-radius:999px;border:1px solid rgba(245,155,31,.55);font-size:calc(12.5px * var(--k,1));font-weight:600;color:#F2EEE6;
  animation:g5chip .4s calc(var(--d) * 80ms) both}
@keyframes g5chip{from{opacity:0;transform:translateY(6px)}}
#g5 .g5-about{grid-column:2;margin:0;font-size:calc(15px * var(--k,1));line-height:1.55;color:#F2EEE6}
#g5 .g5-works{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:8px}
#g5 .g5-works[hidden]{display:none}
#g5 .g5-wk{flex-basis:100%;font-family:'Montserrat',sans-serif;font-weight:600;font-size:calc(10.5px * var(--k,1));letter-spacing:.22em;text-transform:uppercase;color:#D3DCE0}
#g5 .g5-wt{display:block;width:calc(56px * var(--k,1));height:calc(75px * var(--k,1));border-radius:10px;overflow:hidden;border:1px solid rgba(242,238,230,.25);transition:transform .2s,border-color .2s}
#g5 .g5-wt img{display:block;width:100%;height:100%;object-fit:cover}
#g5 .g5-wt:hover{border-color:#F57A1E;transform:translateY(-2px)}
#g5 .g5-mrow{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;align-self:end}
#g5 .g5-sub{font-family:'Montserrat',sans-serif;font-weight:500;font-size:calc(11.5px * var(--k,1));letter-spacing:.14em;text-transform:uppercase;color:#D3DCE0}

/* ── ПРОСМОТР РАБОТЫ: целиком (своя пропорция), справа — полный промпт, «Скопировать», «Повторить · Войти» ── */
#g5 .g5-view{position:absolute;inset:0;--vbg:#174A5E}
#g5 .g5-vbg{position:absolute;inset:0;background:#0F3444;background:linear-gradient(135deg,color-mix(in srgb,var(--vbg) 62%,#0F3444) 0%,#0F3444 72%)}
#g5 .g5-vfig{position:absolute;z-index:2;margin:0;top:calc(84px * var(--k,1));bottom:calc(30px * var(--k,1));left:var(--g5gut);
  right:calc(var(--g5gut) + min(calc(460px * var(--k,1)),38vw) + 28px);display:flex;align-items:center;justify-content:center;touch-action:pan-y;pointer-events:none}
#g5 .g5-vimg{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:calc(18px * var(--k,1));box-shadow:0 40px 90px -40px rgba(0,0,0,.9);pointer-events:auto}
#g5 .g5-vcard{position:absolute;z-index:3;right:var(--g5gut);top:calc(84px * var(--k,1));bottom:calc(112px * var(--k,1));width:min(calc(460px * var(--k,1)),38vw);display:flex;flex-direction:column;
  gap:calc(10px * var(--k,1));padding:calc(22px * var(--k,1));border-radius:calc(26px * var(--k,1));background:rgba(15,52,68,.95);border:1px solid rgba(224,149,90,.65);overflow:hidden}
#g5 .g5-vcard .g5-nm{font-size:calc(44px * var(--k,1))}
#g5 .g5-tech{font-size:calc(13.5px * var(--k,1));line-height:1.45;color:#D3DCE0}
#g5 .g5-vcard .g5-pp{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:calc(14px * var(--k,1)) 0 0;border:0;border-top:1px solid rgba(242,238,230,.16);border-radius:0;background:none}
#g5 .g5-ptx{flex:1 1 auto;min-height:60px;margin:8px 0 12px;padding-right:6px;overflow:auto;white-space:pre-wrap;font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  font-size:calc(12.5px * var(--k,1));line-height:1.6;color:#F2EEE6;scrollbar-width:thin;scrollbar-color:#F57A1E transparent}
#g5 .g5-copy{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;border:1px solid rgba(242,238,230,.38);font-size:calc(13px * var(--k,1));font-weight:600}
#g5 .g5-copy svg{width:16px;height:16px}
#g5 .g5-copy:hover{border-color:#F57A1E}
#g5 .g5-copy.ok{border-color:#F59B1F;color:#F59B1F}
#g5 .g5-by{font-family:'Montserrat',sans-serif;font-weight:600;font-size:calc(10.5px * var(--k,1));letter-spacing:.22em;text-transform:uppercase;color:#D3DCE0}
#g5 .g5-vgo{flex:none}

/* ── телефон (iPhone): окна в колонку, крупные цели касания ── */
@media (max-width:760px){
  #g5 .g5-hd{padding:12px 14px;gap:10px}
  #g5 .g5-k{font-size:11.5px;letter-spacing:.2em}
  #g5 .g5-t{display:none}
  #g5 .g5-cnt{font-size:26px}
  #g5 .g5-x{width:44px;height:44px}
  #g5 .g5-veil{background:linear-gradient(0deg,rgba(15,52,68,.94) 0%,rgba(15,52,68,.72) 34%,rgba(15,52,68,0) 58%),linear-gradient(180deg,rgba(15,52,68,.6),rgba(15,52,68,0) 14%)}
  #g5 .g5-shot,#g5 .g5-before{object-position:50% 22%}
  #g5 .g5-card{left:14px;right:14px;bottom:14px;width:auto;gap:8px}
  #g5 .g5-nm{font-size:38px}
  #g5 .g5-pp{padding:12px 14px;border-radius:18px}
  #g5 .g5-pw{font-size:22px}
  #g5 .g5-d{font-size:13.5px}
  #g5 .g5-red{margin:8px 0 7px}#g5 .g5-red i{height:6px}
  #g5 .g5-lockt{font-size:11.5px}
  #g5 .g5-ths{display:none}
  #g5 .g5-try .g5-nav{left:8px;right:8px;top:24%;bottom:auto;justify-content:space-between;pointer-events:none}
  #g5 .g5-try .g5-nav .g5-arw{pointer-events:auto;width:44px;height:44px}
  #g5 .g5-lb{top:70px;font-size:10.5px;max-width:44%}
  #g5 .g5-lb.a{left:14px}#g5 .g5-lb.b{right:14px}
  #g5 .g5-pult{padding:72px 14px 18px}
  #g5 .g5-deck{display:flex;flex-direction:column;gap:12px;margin-top:12px;flex:none}
  #g5 .g5-keys{flex-direction:row;overflow-x:auto;overflow-y:hidden;flex:none;padding:2px 0 6px;scrollbar-width:none}
  #g5 .g5-keys::-webkit-scrollbar{display:none}
  #g5 .g5-key{flex:0 0 auto;width:auto;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 13px}
  #g5 .g5-key b{font-size:15px}#g5 .g5-key small{max-width:none}
  #g5 .g5-mon{display:flex;flex-direction:column;gap:10px}
  #g5 .g5-scr{min-height:0;height:min(46vh,420px)}
  #g5 .g5-mname{font-size:22px}
  #g5 .g5-price{font-size:36px}
  #g5 .g5-about{font-size:14px}
  #g5 .g5-view{overflow-y:auto;overscroll-behavior:contain;padding:66px 14px 86px}
  #g5 .g5-vbg{position:fixed}
  #g5 .g5-vfig{position:relative;inset:auto;height:auto}
  #g5 .g5-vimg{max-height:60vh;margin:0 auto}
  #g5 .g5-vcard{position:relative;inset:auto;width:auto;margin-top:14px;overflow:visible;padding:16px}
  #g5 .g5-vcard .g5-nm{font-size:32px}
  #g5 .g5-ptx{overflow:visible;font-size:12px}
  #g5 .g5-view .g5-hd{position:fixed;background:linear-gradient(180deg,rgba(15,52,68,.92),rgba(15,52,68,0))}
  #g5 .g5-view .g5-nav{position:fixed;left:6px;right:6px;top:30vh;bottom:auto;justify-content:space-between;pointer-events:none}
  #g5 .g5-view .g5-nav .g5-arw{pointer-events:auto;width:42px;height:42px;background:rgba(15,52,68,.72)}
  #g5 .g5-view{padding-bottom:24px}
}

/* 03.10 · ЧИТАЕМОСТЬ (contrast_scan.py, «всё читаемо»): главная гостя — 28 мест < 4,5:1 */
/* меню-ссылки поверх меняющихся героев: светлый текст на оранжевом поле 2,9:1 → тёмная полупрозрачная подложка ряда */
@media (max-width: 760px) {
  #page-content #c-hero .c-mlinks { background: rgba(15, 52, 68, .58); border-radius: 999px; padding: 4px 10px; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
#page-content #c-hero .c-links button, #page-content #c-hero .c-mlinks button { text-shadow: 0 1px 8px rgba(4, 22, 30, .55); }
/* строка под логотипом и «A» поверх фото — мягкая тень, кадр не перекрываем */
#page-content #c-hero .c-lead { text-shadow: 0 2px 14px rgba(4, 22, 30, .7), 0 0 2px rgba(4, 22, 30, .6); }
#page-content #c-hero .c-word em { text-shadow: 0 0 26px rgba(15, 52, 68, .45); }
/* плашка цифр на оранжевом: подписи 74–78 % → 86 %, имя генератора в пульсе — чёрным */
#page-content #c-hero .c-kpi .k-n small, #page-content #c-hero .c-kpi .k-pulse small { opacity: .86 !important; color: #111 !important; }
#page-content #c-hero .c-kpi .k-eng { color: #111 !important; }
/* станции полёта: янтарь по фото и ссылки блога */
#c-fly #f-pricing .f-pl .go { color: #F9C27A !important; text-shadow: 0 1px 10px rgba(4, 22, 30, .6); }
#c-fly .f-blog .k { color: #FFB070 !important; }
.f-vl .poster span { text-shadow: 0 1px 3px rgba(4, 22, 30, .9), 0 0 14px rgba(4, 22, 30, .7) !important; }