/* ════════════════════════════════════════════════════════════════════════════════════════════
   INFO-PAGES · VISUAL V2 (01.10.2026) — инфо-страницы разделов, /tariffs, /academy, журнал /news.
   Вячеслав: «Фото, Видео, Музыка, ИИ-чаты, Стили, Тарифы, Блог, Новости — отдельные инфо-страницы;
   Академию — вынести, чтобы человек понял и захотел». Язык — как главная v18 (proto/v18.html + home-v4.css):
   Oswald 700 капсом с оранжевой точкой, Montserrat тонкий для цифр, Manrope текст, оранжевый = ПОЛЕ,
   петроль = ОБЪЕКТ (карточки), кнопка-пилюля со стрелкой в кружке. Размеры — calc(Npx * var(--k, 1)).
   Гость (html.no-auth) видит полный инфо-блок; вошедший — сжатую шапку (.vi-mini). Классы: .vi-* блок
   раздела, .vt-* тарифы, .va-* академия, .vn-* новости; общие атомы .vx-*.
   ════════════════════════════════════════════════════════════════════════════════════════════ */
.vx,.vi,.vi-mini{--vo:#F57A1E;--vo2:#F26B21;--vp:#174A5E;--vp2:#0F3444;--vw:#F2EEE6;--vk:#111111;
  --vcu:rgba(224,149,90,.7);--vamb:#F59B1F;--vfg:#111111;--vmut:#3A4A52;--vline:rgba(15,52,68,.16);
  --vchip:rgba(15,52,68,.05);--vkick:#A84C0D;--vcard:linear-gradient(160deg,#174A5E 0%,#0F3444 100%);
  --vshadow:0 calc(26px * var(--k, 1)) calc(60px * var(--k, 1)) calc(-34px * var(--k, 1)) rgba(15,52,68,.55);
  font-family:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--vfg);box-sizing:border-box}
[data-theme="dark"] .vx,[data-theme="dark"] .vi,[data-theme="dark"] .vi-mini{--vfg:#F2EEE6;--vmut:#D3DCE0;
  --vline:rgba(242,238,230,.16);--vchip:rgba(242,238,230,.06);--vkick:#F7B25A;/* 04.10: #F59B1F на --bg-secondary 3,2:1 (замер «AI ЧАТЫ») */
  --vcard:linear-gradient(160deg,#1D5A73 0%,#174A5E 100%);--vshadow:0 calc(26px * var(--k, 1)) calc(60px * var(--k, 1)) calc(-30px * var(--k, 1)) rgba(0,0,0,.6)}
.vx *,.vi *,.vi-mini *{box-sizing:border-box}
.vx img,.vi img{max-width:100%;display:block}

/* ── кто что видит: полный инфо-блок — гостю, сжатая шапка — вошедшему ── */
html:not(.no-auth) .vi{display:none!important}
html.no-auth .vi-mini{display:none!important}
html.no-auth .vx-a{display:none!important}
html:not(.no-auth) .vx-g{display:none!important}

/* ── страница-обёртка (тарифы, академия, новости) ── */
.vx{max-width:calc(1480px * var(--k, 1));margin:0 auto;padding:calc(26px * var(--k, 1)) clamp(16px,3vw,calc(40px * var(--k, 1))) calc(96px * var(--k, 1));position:relative}

/* ── атомы: надзаголовок, заголовок с точкой, подзаголовок ── */
.vx-kick{display:inline-flex;align-items:center;gap:calc(10px * var(--k, 1));margin:0 0 calc(14px * var(--k, 1));font:500 calc(12.5px * var(--k, 1))/1.2 Oswald,'Arial Narrow',system-ui,sans-serif;
  letter-spacing:.24em;text-transform:uppercase;color:var(--vkick)}
.vx-kick::before{content:'';width:calc(30px * var(--k, 1));height:calc(2px * var(--k, 1));border-radius:2px;background:currentColor;opacity:.9}
.vx-h{margin:0;font-family:Oswald,'Arial Narrow',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.004em;
  line-height:.96;font-size:clamp(calc(30px * var(--k, 1)),3.5vw,calc(54px * var(--k, 1)));color:var(--vfg)}
.vx-h::before{content:'.';color:var(--vo)}
.vx-h em,.vx-h i{font-style:normal;color:var(--vo)}
.vx-sub{margin:calc(14px * var(--k, 1)) 0 0;max-width:calc(760px * var(--k, 1));font-size:calc(17px * var(--k, 1));line-height:1.55;color:var(--vmut)}
.vx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(24px * var(--k, 1));flex-wrap:wrap;margin-bottom:calc(28px * var(--k, 1))}
.vx-sec{margin-top:clamp(calc(56px * var(--k, 1)),6vw,calc(96px * var(--k, 1)))}
.vx-num{font-family:Montserrat,system-ui,sans-serif;font-weight:200;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.vx-v{display:inline-block;margin-left:.08em;font-family:Montserrat,system-ui,sans-serif;font-weight:300;font-size:.5em;vertical-align:.62em;color:var(--vo)}

/* ── кнопка-пилюля со стрелкой в кружке (V2, ref09) ── */
.vx-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:calc(16px * var(--k, 1));min-height:calc(50px * var(--k, 1));
  padding:calc(7px * var(--k, 1)) calc(7px * var(--k, 1)) calc(7px * var(--k, 1)) calc(24px * var(--k, 1));border-radius:999px;border:1px solid transparent;
  font:600 calc(13px * var(--k, 1))/1 Oswald,'Arial Narrow',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;
  text-decoration:none!important;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;-webkit-tap-highlight-color:transparent}
.vx-btn i{flex:none;display:grid;place-items:center;width:calc(36px * var(--k, 1));height:calc(36px * var(--k, 1));border-radius:50%;transition:transform .25s ease}
.vx-btn i svg{width:calc(16px * var(--k, 1));height:calc(16px * var(--k, 1))}
.vx-btn:hover{transform:translateY(-1px)}
.vx-btn:hover i{transform:translateX(2px) rotate(-45deg)}
.vx-btn:focus-visible{outline:2px solid var(--vamb);outline-offset:3px}
.vx-btn--o{background:linear-gradient(135deg,#F57A1E,#F26B21);color:#111!important;box-shadow:0 calc(16px * var(--k, 1)) calc(34px * var(--k, 1)) calc(-18px * var(--k, 1)) rgba(245,122,30,.95)}
.vx-btn--o i{background:#0F3444;color:#F57A1E}
.vx-btn--p{background:linear-gradient(135deg,#174A5E,#0F3444);color:#F2EEE6!important;border-color:rgba(224,149,90,.7);
  box-shadow:0 calc(16px * var(--k, 1)) calc(34px * var(--k, 1)) calc(-20px * var(--k, 1)) rgba(15,52,68,.9)}
.vx-btn--p i{background:#F57A1E;color:#111}
.vx-btn--g{background:transparent;color:var(--vfg)!important;border-color:var(--vline)}
.vx-btn--g:hover{border-color:var(--vo)}
.vx-btn--g i{background:#F57A1E;color:#111}
.vx-btn--line{background:transparent;color:#0F3444!important;border-color:rgba(15,52,68,.55)}
.vx-btn--line i{background:#0F3444;color:#F57A1E}
.vx-acts{display:flex;flex-wrap:wrap;gap:calc(12px * var(--k, 1));align-items:center}

/* ── чипы-ссылки моделей ── */
.vx-chips{display:flex;flex-wrap:wrap;gap:calc(10px * var(--k, 1))}
.vx-chip{display:inline-flex;align-items:center;gap:calc(10px * var(--k, 1));padding:calc(6px * var(--k, 1)) calc(16px * var(--k, 1)) calc(6px * var(--k, 1)) calc(6px * var(--k, 1));
  border-radius:999px;background:var(--vchip);border:1px solid var(--vline);color:var(--vfg)!important;text-decoration:none!important;
  font:600 calc(14px * var(--k, 1))/1.15 Manrope,system-ui,sans-serif;transition:border-color .2s,background .2s,transform .2s}
.vx-chip img{width:calc(30px * var(--k, 1));height:calc(30px * var(--k, 1));border-radius:50%;object-fit:cover;background:rgba(245,122,30,.12)}
.vx-chip small{font-weight:500;font-size:calc(12px * var(--k, 1));color:var(--vmut);margin-left:calc(2px * var(--k, 1))}
.vx-chip:hover{border-color:var(--vo);transform:translateY(-1px)}
.vx-chip--txt{padding:calc(10px * var(--k, 1)) calc(18px * var(--k, 1))}

/* ── вопросы: details/summary без JS ── */
.vx-faq{display:grid;gap:calc(10px * var(--k, 1))}
.vx-faq details{border-radius:calc(20px * var(--k, 1));background:var(--vchip);border:1px solid var(--vline);transition:border-color .2s,background .2s}
.vx-faq details[open]{border-color:rgba(245,122,30,.55)}
.vx-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:calc(18px * var(--k, 1));
  padding:calc(18px * var(--k, 1)) calc(22px * var(--k, 1));font:700 calc(16.5px * var(--k, 1))/1.4 Manrope,system-ui,sans-serif;color:var(--vfg)}
.vx-faq summary::-webkit-details-marker{display:none}
.vx-faq summary::after{content:'+';flex:none;display:grid;place-items:center;width:calc(30px * var(--k, 1));height:calc(30px * var(--k, 1));border-radius:50%;
  background:#F57A1E;color:#111;font:400 calc(20px * var(--k, 1))/1 Montserrat,system-ui,sans-serif;transition:transform .25s ease}
.vx-faq details[open] summary::after{transform:rotate(45deg)}
.vx-faq details>div{padding:0 calc(22px * var(--k, 1)) calc(20px * var(--k, 1));font-size:calc(15.5px * var(--k, 1));line-height:1.65;color:var(--vmut)}
.vx-faq details>div a{color:var(--vkick)!important;font-weight:700}
/* стиль пришёл — снимаем страховочное скрытие фрагмента (<style id="vi-guard">) */
.vi,.vx,.vi-mini{visibility:visible!important}

/* ═══ ИНФО-БЛОК РАЗДЕЛА (.vi) — над рабочей сеткой /photo /video /music /ai /styles ═══ */
.vi{position:relative;max-width:calc(1560px * var(--k, 1));margin:calc(18px * var(--k, 1)) auto 0;padding-bottom:calc(8px * var(--k, 1))}
/* герой: оранжевое поле, петроль — в объекте (коллаж работ в петрольных рамках) */
.vi-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(calc(24px * var(--k, 1)),3vw,calc(56px * var(--k, 1)));
  align-items:center;padding:clamp(calc(28px * var(--k, 1)),4vw,calc(64px * var(--k, 1)));border-radius:calc(30px * var(--k, 1));
  background:linear-gradient(135deg,#F57A1E 0%,#F26B21 100%);color:#111;box-shadow:var(--vshadow);isolation:isolate}
.vi-hero::before{content:'';position:absolute;z-index:-1;right:-6%;top:-12%;width:58%;height:70%;opacity:.22;pointer-events:none;
  background-image:radial-gradient(#111 1.2px,transparent 1.4px);background-size:calc(14px * var(--k, 1)) calc(14px * var(--k, 1));
  -webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%)}
.vi-hero::after{content:'';position:absolute;z-index:-1;left:-8%;bottom:-30%;width:46%;height:70%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,196,140,.55),transparent 70%)}
.vi-kick{display:inline-flex;align-items:center;gap:calc(10px * var(--k, 1));font:500 calc(12.5px * var(--k, 1))/1.2 Oswald,'Arial Narrow',system-ui,sans-serif;
  letter-spacing:.26em;text-transform:uppercase;color:#0F3444}
.vi-kick::before{content:'';width:calc(30px * var(--k, 1));height:calc(2px * var(--k, 1));background:#0F3444;border-radius:2px}
.vi-title{margin:calc(14px * var(--k, 1)) 0 0 -.03em;font-family:Oswald,'Arial Narrow',system-ui,sans-serif;font-weight:700;text-transform:uppercase;
  font-size:clamp(calc(64px * var(--k, 1)),8.6vw,calc(150px * var(--k, 1)));line-height:.84;letter-spacing:-.005em;color:#0F3444}
.vi-title::before{content:'.';color:#F2EEE6}
.vi-lead{margin:calc(18px * var(--k, 1)) 0 0;max-width:calc(620px * var(--k, 1));font:600 clamp(calc(19px * var(--k, 1)),1.7vw,calc(26px * var(--k, 1)))/1.3 Manrope,system-ui,sans-serif;color:#111}
.vi-text{margin:calc(12px * var(--k, 1)) 0 0;max-width:calc(600px * var(--k, 1));font-size:calc(16px * var(--k, 1));line-height:1.6;color:#1E1E1E}
.vi-hero .vx-acts{margin-top:calc(26px * var(--k, 1))}
.vi-facts{display:flex;flex-wrap:wrap;gap:clamp(calc(18px * var(--k, 1)),2.6vw,calc(44px * var(--k, 1)));margin-top:calc(30px * var(--k, 1));padding-top:calc(22px * var(--k, 1));
  border-top:1px solid rgba(17,17,17,.22)}
.vi-fact b{display:block;font-family:Montserrat,system-ui,sans-serif;font-weight:300;font-size:clamp(calc(30px * var(--k, 1)),2.8vw,calc(46px * var(--k, 1)));line-height:1;
  letter-spacing:-.02em;color:#111}
.vi-fact b sup{font-size:.42em;font-weight:400;margin-left:.12em;vertical-align:.95em}
.vi-fact span{display:block;margin-top:calc(8px * var(--k, 1));font:600 calc(11.5px * var(--k, 1))/1.3 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2A2A2A}
/* коллаж настоящих работ */
.vi-art{position:relative;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:calc(14px * var(--k, 1));height:clamp(calc(340px * var(--k, 1)),33vw,calc(560px * var(--k, 1)))}
.vi-art figure{position:relative;margin:0;overflow:hidden;border-radius:calc(22px * var(--k, 1));background:#0F3444;border:1px solid rgba(224,149,90,.7);
  box-shadow:0 calc(22px * var(--k, 1)) calc(44px * var(--k, 1)) calc(-24px * var(--k, 1)) rgba(15,52,68,.9)}
.vi-art figure:first-child{grid-row:1 / span 2}
.vi-art img,.vi-art video{width:100%;height:100%;object-fit:cover;display:block}
.vi-art figcaption,.vi-card figcaption{position:absolute;left:calc(10px * var(--k, 1));bottom:calc(10px * var(--k, 1));max-width:calc(100% - 20px * var(--k, 1));
  padding:calc(6px * var(--k, 1)) calc(11px * var(--k, 1));border-radius:999px;background:rgba(15,52,68,.86);color:#F2EEE6;
  font:600 calc(11px * var(--k, 1))/1.2 Manrope,system-ui,sans-serif;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vi-art figcaption b,.vi-card figcaption b{color:#F59B1F;font-weight:700}
.vi-play{position:absolute;top:calc(10px * var(--k, 1));right:calc(10px * var(--k, 1));display:grid;place-items:center;width:calc(32px * var(--k, 1));height:calc(32px * var(--k, 1));
  border-radius:50%;background:#F57A1E;color:#111;pointer-events:none}
.vi-play svg{width:calc(13px * var(--k, 1));height:calc(13px * var(--k, 1));margin-left:2px}

/* сценарии «что можно сделать» — петрольные карточки с работой */
.vi-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(calc(14px * var(--k, 1)),1.6vw,calc(24px * var(--k, 1)))}
.vi-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:calc(26px * var(--k, 1));background:var(--vcard);
  border:1px solid rgba(224,149,90,.62);color:#F2EEE6;text-decoration:none!important;box-shadow:var(--vshadow);transition:transform .25s ease,border-color .25s ease}
.vi-card:hover{transform:translateY(-3px);border-color:#F57A1E}
.vi-card figure{position:relative;margin:0;aspect-ratio:4 / 3;overflow:hidden;background:#0F3444}
.vi-card figure img,.vi-card figure video{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.vi-card:hover figure img{transform:scale(1.04)}
.vi-card-b{position:relative;display:flex;flex-direction:column;gap:calc(8px * var(--k, 1));padding:calc(20px * var(--k, 1)) calc(22px * var(--k, 1)) calc(22px * var(--k, 1));flex:1}
.vi-card-n{font-family:Montserrat,system-ui,sans-serif;font-weight:200;font-size:calc(34px * var(--k, 1));line-height:1;color:#F59B1F}
.vi-card-t{margin:0;font:700 calc(21px * var(--k, 1))/1.08 Oswald,'Arial Narrow',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#F2EEE6}
.vi-card-d{margin:0;font-size:calc(15px * var(--k, 1));line-height:1.55;color:#D3DCE0}
.vi-card-m{margin-top:auto;padding-top:calc(10px * var(--k, 1));display:flex;align-items:center;justify-content:space-between;gap:10px;
  font:600 calc(12px * var(--k, 1))/1.2 Manrope,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#F59B1F}
.vi-card-m span{color:#C9D3D4;font-weight:500}

/* как это работает — три шага */
.vi-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--vline)}
.vi-step{padding:calc(26px * var(--k, 1)) calc(28px * var(--k, 1)) calc(10px * var(--k, 1)) 0;position:relative}
.vi-step+.vi-step{padding-left:calc(28px * var(--k, 1));border-left:1px solid var(--vline)}
.vi-step b{display:block;font-family:Montserrat,system-ui,sans-serif;font-weight:200;font-size:clamp(calc(46px * var(--k, 1)),4vw,calc(70px * var(--k, 1)));line-height:1;color:var(--vo)}
.vi-step h4{margin:calc(14px * var(--k, 1)) 0 calc(8px * var(--k, 1));font:700 calc(20px * var(--k, 1))/1.1 Oswald,'Arial Narrow',system-ui,sans-serif;text-transform:uppercase;color:var(--vfg)}
.vi-step p{margin:0;font-size:calc(15.5px * var(--k, 1));line-height:1.6;color:var(--vmut)}

/* сценарии: 4 в ряд (музыка, ИИ-чаты), пропорция кадра из разметки, карточка без кадра */
.vi-cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.vi-card figure{aspect-ratio:var(--vi-ratio,4 / 3)}
.vi-card--txt{min-height:calc(260px * var(--k, 1));background:linear-gradient(160deg,#174A5E 0%,#0F3444 100%)}
[data-theme="dark"] .vi-card--txt{background:linear-gradient(160deg,#1D5A73 0%,#174A5E 100%)}
.vi-card--txt .vi-card-b{padding:calc(26px * var(--k, 1))}
.vi-card--txt .vi-card-n{font-size:calc(52px * var(--k, 1))}
.vi-card--txt .vi-card-t{font-size:calc(23px * var(--k, 1))}
/* герой ИИ-чатов: вместо коллажа — список настоящих карточек витрины */
.vi-al{display:grid;gap:calc(10px * var(--k, 1));align-self:stretch;align-content:center}
.vi-al-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:calc(16px * var(--k, 1));align-items:center;
  padding:calc(16px * var(--k, 1)) calc(14px * var(--k, 1)) calc(16px * var(--k, 1)) calc(22px * var(--k, 1));border-radius:calc(20px * var(--k, 1));
  background:linear-gradient(135deg,#174A5E,#0F3444);border:1px solid rgba(224,149,90,.7);color:#F2EEE6!important;text-decoration:none!important;
  box-shadow:0 calc(18px * var(--k, 1)) calc(36px * var(--k, 1)) calc(-24px * var(--k, 1)) rgba(15,52,68,.95);transition:transform .2s ease}
.vi-al-row:hover{transform:translateX(4px)}
.vi-al-row b{font:700 calc(19px * var(--k, 1))/1.1 Oswald,'Arial Narrow',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#F2EEE6}
.vi-al-row span{grid-column:1;font-size:calc(13.5px * var(--k, 1));line-height:1.45;color:#D3DCE0;margin-top:calc(4px * var(--k, 1))}
.vi-al-row i{grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:calc(34px * var(--k, 1));height:calc(34px * var(--k, 1));border-radius:50%;background:#F57A1E;color:#111}
.vi-al-row i svg{width:calc(15px * var(--k, 1));height:calc(15px * var(--k, 1))}
@media (max-width:1180px){.vi-cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* цены «от» — оранжевое поле, петрольные карточки (средняя — off-white) */
.vi-price{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:clamp(calc(20px * var(--k, 1)),3vw,calc(48px * var(--k, 1)));align-items:center;
  padding:clamp(calc(26px * var(--k, 1)),3.4vw,calc(52px * var(--k, 1)));border-radius:calc(30px * var(--k, 1));background:linear-gradient(135deg,#F57A1E,#F26B21);color:#111;
  box-shadow:var(--vshadow)}
.vi-price .vx-h{color:#0F3444}
.vi-price .vx-h::before{color:#F2EEE6}
.vi-price-note{margin:calc(14px * var(--k, 1)) 0 calc(20px * var(--k, 1));font-size:calc(15.5px * var(--k, 1));line-height:1.6;color:#1E1E1E}
.vi-price-note b{font-weight:800}
.vx-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12px * var(--k, 1))}
.vx-plan{position:relative;display:flex;flex-direction:column;gap:calc(6px * var(--k, 1));padding:calc(20px * var(--k, 1)) calc(20px * var(--k, 1)) calc(18px * var(--k, 1));
  border-radius:calc(22px * var(--k, 1));background:linear-gradient(160deg,#174A5E,#0F3444);border:1px solid rgba(224,149,90,.7);color:#F2EEE6;text-decoration:none!important}
.vx-plan.hot{background:#F2EEE6;color:#111;border-color:#F2EEE6}
.vx-plan-tag{position:absolute;top:calc(-11px * var(--k, 1));left:50%;transform:translateX(-50%);padding:calc(5px * var(--k, 1)) calc(12px * var(--k, 1));border-radius:999px;
  background:#111;color:#F59B1F;font:600 calc(10.5px * var(--k, 1))/1 Oswald,'Arial Narrow',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.vx-plan-nm{font:600 calc(12px * var(--k, 1))/1.2 Oswald,'Arial Narrow',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#C9D3D4}
.vx-plan.hot .vx-plan-nm{color:#0F3444}
.vx-plan-big{font-family:Montserrat,system-ui,sans-serif;font-weight:200;font-size:clamp(calc(40px * var(--k, 1)),3.6vw,calc(58px * var(--k, 1)));line-height:1;letter-spacing:-.03em}
.vx-plan-big sup{font-size:.36em;font-weight:400;margin-left:.1em;vertical-align:1.25em;color:#F59B1F}
.vx-plan.hot .vx-plan-big sup{color:#C8742F}
.vx-plan-sub{font:700 calc(18px * var(--k, 1))/1.15 Oswald,'Arial Narrow',system-ui,sans-serif;letter-spacing:.02em}
.vx-plan-per{font-size:calc(12.5px * var(--k, 1));line-height:1.4;color:#C9D3D4}
.vx-plan.hot .vx-plan-per{color:#3A4A52}
.vi-price-more{margin-top:calc(14px * var(--k, 1));font-size:calc(14px * var(--k, 1));color:#1E1E1E}
.vi-price-more a{color:#0F3444!important;font-weight:800;text-decoration:none!important;border-bottom:2px solid #0F3444}

/* финальный призыв — петрольная плашка, оранжевая кнопка */
.vi-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:calc(24px * var(--k, 1));flex-wrap:wrap;
  padding:clamp(calc(26px * var(--k, 1)),3.2vw,calc(48px * var(--k, 1)));border-radius:calc(30px * var(--k, 1));background:linear-gradient(135deg,#174A5E,#0F3444);
  border:1px solid rgba(224,149,90,.6);color:#F2EEE6;box-shadow:var(--vshadow);isolation:isolate}
.vi-cta::after{content:'';position:absolute;z-index:-1;right:-4%;top:-60%;width:40%;height:220%;opacity:.18;
  background-image:radial-gradient(#F57A1E 1.3px,transparent 1.5px);background-size:calc(13px * var(--k, 1)) calc(13px * var(--k, 1));
  -webkit-mask-image:radial-gradient(closest-side,#000 25%,transparent 100%);mask-image:radial-gradient(closest-side,#000 25%,transparent 100%)}
.vi-cta h3{margin:0;font:700 clamp(calc(28px * var(--k, 1)),3vw,calc(46px * var(--k, 1)))/1 Oswald,'Arial Narrow',system-ui,sans-serif;text-transform:uppercase;color:#F2EEE6}
.vi-cta h3::before{content:'.';color:#F57A1E}
.vi-cta p{margin:calc(10px * var(--k, 1)) 0 0;max-width:calc(620px * var(--k, 1));font-size:calc(16px * var(--k, 1));line-height:1.55;color:#D3DCE0}
.vi-cta .vx-btn--g{color:#F2EEE6!important;border-color:rgba(224,149,90,.7)}

/* переход к рабочей сетке моделей */
.vi-go{display:flex;align-items:center;gap:calc(16px * var(--k, 1));margin:clamp(calc(48px * var(--k, 1)),5vw,calc(80px * var(--k, 1))) 0 0;
  font:600 calc(13px * var(--k, 1))/1.2 Oswald,'Arial Narrow',system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--vkick)}
.vi-go::after{content:'';flex:1;height:1px;background:var(--vline)}
.vi-go svg{width:calc(18px * var(--k, 1));height:calc(18px * var(--k, 1));flex:none}

/* ═══ сжатая шапка для вошедшего (.vi-mini) ═══ */
.vi-mini{display:flex;align-items:center;gap:calc(14px * var(--k, 1)) calc(22px * var(--k, 1));flex-wrap:wrap;margin:calc(4px * var(--k, 1)) 0 calc(22px * var(--k, 1));
  padding:calc(12px * var(--k, 1)) calc(14px * var(--k, 1)) calc(12px * var(--k, 1)) calc(20px * var(--k, 1));border-radius:calc(22px * var(--k, 1));
  background:var(--vchip);border:1px solid var(--vline)}
.vi-mini-l{display:flex;align-items:baseline;gap:calc(12px * var(--k, 1));flex-wrap:wrap;min-width:0}
.vi-mini-l b{font:700 calc(15px * var(--k, 1))/1 Oswald,'Arial Narrow',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--vfg)}
.vi-mini-l b::before{content:'.';color:var(--vo)}
.vi-mini-l span{font-size:calc(14px * var(--k, 1));color:var(--vmut)}
.vi-mini .vx-chips{gap:calc(6px * var(--k, 1));flex:1;min-width:0}
.vi-mini .vx-chip{padding:calc(7px * var(--k, 1)) calc(13px * var(--k, 1));font-size:calc(13px * var(--k, 1))}
.vi-mini-r{display:flex;align-items:center;gap:calc(8px * var(--k, 1));margin-left:auto;flex-wrap:wrap}
.vi-mini-p{font-family:Montserrat,system-ui,sans-serif;font-weight:300;font-size:calc(15px * var(--k, 1));color:var(--vfg);white-space:nowrap;margin-right:calc(6px * var(--k, 1))}
.vi-mini-p b{font-weight:500;color:var(--vo)}
.vi-mini a.vi-mini-a{display:inline-flex;align-items:center;gap:6px;padding:calc(9px * var(--k, 1)) calc(14px * var(--k, 1));border-radius:999px;border:1px solid var(--vline);
  color:var(--vfg)!important;text-decoration:none!important;font:600 calc(11.5px * var(--k, 1))/1 Oswald,'Arial Narrow',system-ui,sans-serif;letter-spacing:.14em;
  text-transform:uppercase;white-space:nowrap;transition:border-color .2s,color .2s}
.vi-mini a.vi-mini-a:hover{border-color:var(--vo);color:var(--vo)!important}

/* ═══ /tariffs (.vt) ═══ */
.vx .vi-hero{margin-top:calc(6px * var(--k, 1))}
.vt-field{margin-top:clamp(calc(40px * var(--k, 1)),4.4vw,calc(72px * var(--k, 1)));padding:clamp(calc(24px * var(--k, 1)),3.4vw,calc(52px * var(--k, 1)));border-radius:calc(30px * var(--k, 1));
  background:linear-gradient(135deg,#F57A1E,#F26B21);color:#111;box-shadow:var(--vshadow)}
.vt-field .vx-h{color:#0F3444}
.vt-field .vx-h::before{color:#F2EEE6}
.vt-field .vx-sub{color:#1E1E1E}
.vt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(calc(14px * var(--k, 1)),1.6vw,calc(22px * var(--k, 1)));margin-top:calc(30px * var(--k, 1))}
.vt-card{position:relative;display:flex;flex-direction:column;padding:calc(26px * var(--k, 1)) calc(26px * var(--k, 1)) calc(24px * var(--k, 1));border-radius:calc(26px * var(--k, 1));
  background:linear-gradient(160deg,#174A5E,#0F3444);border:1px solid rgba(224,149,90,.72);color:#F2EEE6;
  box-shadow:0 calc(24px * var(--k, 1)) calc(48px * var(--k, 1)) calc(-30px * var(--k, 1)) rgba(15,52,68,.95)}
.vt-card.hot{background:#F2EEE6;color:#111;border-color:#F2EEE6}
.vt-card .vx-plan-tag{top:calc(-12px * var(--k, 1))}
.vt-nm{font:600 calc(13px * var(--k, 1))/1.2 Oswald,'Arial Narrow',system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#C9D3D4}
.vt-card.hot .vt-nm{color:#0F3444}
.vt-v{margin-top:calc(14px * var(--k, 1));font-family:Montserrat,system-ui,sans-serif;font-weight:200;font-size:clamp(calc(64px * var(--k, 1)),5.6vw,calc(92px * var(--k, 1)));line-height:.9;letter-spacing:-.04em}
.vt-v sup{font-size:.3em;font-weight:400;margin-left:.12em;vertical-align:1.7em;color:#F59B1F;letter-spacing:0}
.vt-card.hot .vt-v sup{color:#C8742F}
.vt-rub{margin-top:calc(14px * var(--k, 1));display:flex;align-items:baseline;gap:calc(10px * var(--k, 1));flex-wrap:wrap}
.vt-rub b{font:700 calc(30px * var(--k, 1))/1 Oswald,'Arial Narrow',system-ui,sans-serif;letter-spacing:.01em}
.vt-rub span{font-size:calc(13px * var(--k, 1));color:#C9D3D4}
.vt-card.hot .vt-rub span{color:#3A4A52}
.vt-fits{list-style:none;margin:calc(18px * var(--k, 1)) 0 calc(22px * var(--k, 1));padding:calc(16px * var(--k, 1)) 0 0;border-top:1px solid rgba(242,238,230,.18);display:grid;gap:calc(9px * var(--k, 1))}
.vt-card.hot .vt-fits{border-top-color:rgba(17,17,17,.14)}
.vt-fits li{position:relative;padding-left:calc(18px * var(--k, 1));font-size:calc(14.5px * var(--k, 1));line-height:1.45;color:#E6ECEE}
.vt-card.hot .vt-fits li{color:#1E1E1E}
.vt-fits li::before{content:'';position:absolute;left:0;top:.62em;width:calc(7px * var(--k, 1));height:calc(7px * var(--k, 1));background:#F57A1E}
.vt-fits li em{font-style:normal;font-weight:800;color:#FFFFFF}
.vt-card.hot .vt-fits li em{color:#111}
.vt-card .vx-btn{margin-top:auto;align-self:stretch}
.vt-legend{margin:calc(18px * var(--k, 1)) 0 0;font-size:calc(13.5px * var(--k, 1));line-height:1.6;color:#1E1E1E;max-width:calc(980px * var(--k, 1))}
/* что можно сделать на ваймы — плитки разделов */
.vt-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(14px * var(--k, 1))}
.vt-use{display:flex;gap:calc(16px * var(--k, 1));align-items:flex-start;padding:calc(20px * var(--k, 1)) calc(22px * var(--k, 1));border-radius:calc(24px * var(--k, 1));
  background:var(--vchip);border:1px solid var(--vline);color:var(--vfg)!important;text-decoration:none!important;transition:border-color .2s,transform .2s}
.vt-use:hover{border-color:var(--vo);transform:translateY(-2px)}
.vt-use img{flex:none;width:calc(64px * var(--k, 1));height:calc(64px * var(--k, 1));border-radius:calc(16px * var(--k, 1));object-fit:cover}
.vt-use h4{margin:0 0 calc(6px * var(--k, 1));font:700 calc(18px * var(--k, 1))/1.1 Oswald,'Arial Narrow',system-ui,sans-serif;text-transform:uppercase}
.vt-use p{margin:0;font-size:calc(14.5px * var(--k, 1));line-height:1.55;color:var(--vmut)}
.vt-use p b{color:var(--vfg);font-weight:800}
/* оплата */
.vt-pay{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(14px * var(--k, 1))}
.vt-pay>div{padding:calc(22px * var(--k, 1));border-radius:calc(24px * var(--k, 1));background:var(--vcard);border:1px solid rgba(224,149,90,.6);color:#F2EEE6}
.vt-pay h4{margin:calc(12px * var(--k, 1)) 0 calc(6px * var(--k, 1));font:700 calc(18px * var(--k, 1))/1.1 Oswald,'Arial Narrow',system-ui,sans-serif;text-transform:uppercase;color:#F2EEE6}
.vt-pay p{margin:0;font-size:calc(14.5px * var(--k, 1));line-height:1.55;color:#D3DCE0}
.vt-ico{display:grid;place-items:center;width:calc(46px * var(--k, 1));height:calc(46px * var(--k, 1));border-radius:50%;background:#F57A1E;color:#111}
.vt-ico svg{width:calc(22px * var(--k, 1));height:calc(22px * var(--k, 1))}

/* ═══ /academy (.va) ═══ */
.va-strong{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(calc(24px * var(--k, 1)),3.4vw,calc(56px * var(--k, 1)));align-items:start}
.va-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--vline)}
.va-list li{display:grid;grid-template-columns:calc(74px * var(--k, 1)) minmax(0,1fr);gap:calc(16px * var(--k, 1));padding:calc(20px * var(--k, 1)) 0;border-bottom:1px solid var(--vline)}
.va-list li>b{font-family:Montserrat,system-ui,sans-serif;font-weight:200;font-size:calc(40px * var(--k, 1));line-height:1;color:var(--vo)}
.va-list h4{margin:0 0 calc(6px * var(--k, 1));font:700 calc(20px * var(--k, 1))/1.1 Oswald,'Arial Narrow',system-ui,sans-serif;text-transform:uppercase;color:var(--vfg)}
.va-list p{margin:0;font-size:calc(15.5px * var(--k, 1));line-height:1.6;color:var(--vmut)}
.va-media{position:sticky;top:calc(90px * var(--k, 1));border-radius:calc(28px * var(--k, 1));overflow:hidden;background:#0F3444;border:1px solid rgba(224,149,90,.7);box-shadow:var(--vshadow)}
.va-media video,.va-media img{width:100%;aspect-ratio:9 / 12;object-fit:cover;display:block}
.va-media figcaption{padding:calc(14px * var(--k, 1)) calc(18px * var(--k, 1));font-size:calc(13.5px * var(--k, 1));line-height:1.5;color:#D3DCE0}
.va-media figcaption b{color:#F59B1F}
.va-prog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(14px * var(--k, 1))}
.va-sec{position:relative;display:flex;flex-direction:column;gap:calc(10px * var(--k, 1));padding:calc(22px * var(--k, 1));border-radius:calc(24px * var(--k, 1));
  background:var(--vcard);border:1px solid rgba(224,149,90,.6);color:#F2EEE6!important;text-decoration:none!important;transition:transform .2s,border-color .2s}
.va-sec:hover{transform:translateY(-3px);border-color:#F57A1E}
.va-sec-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.va-sec-top b{font-family:Montserrat,system-ui,sans-serif;font-weight:200;font-size:calc(52px * var(--k, 1));line-height:.9;color:#F2EEE6;letter-spacing:-.03em}
.va-sec-top span{font:600 calc(11px * var(--k, 1))/1.2 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#C9D3D4;text-align:right}
.va-sec h4{margin:0;font:700 calc(22px * var(--k, 1))/1.05 Oswald,'Arial Narrow',system-ui,sans-serif;text-transform:uppercase;color:#F2EEE6}
.va-sec h4::before{content:'.';color:#F57A1E}
.va-sec p{margin:0;font-size:calc(14.5px * var(--k, 1));line-height:1.55;color:#D3DCE0}
.va-sec ul{list-style:none;margin:auto 0 0;padding:calc(12px * var(--k, 1)) 0 0;border-top:1px solid rgba(242,238,230,.16);display:grid;gap:calc(6px * var(--k, 1))}
.va-sec li{font-size:calc(13px * var(--k, 1));line-height:1.45;color:#E6ECEE;padding-left:calc(14px * var(--k, 1));position:relative}
.va-sec li::before{content:'';position:absolute;left:0;top:.55em;width:calc(6px * var(--k, 1));height:calc(6px * var(--k, 1));background:#F57A1E}
.va-sec .va-host{font:600 calc(11.5px * var(--k, 1))/1.2 Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#F59B1F}
.va-sec.wide{grid-column:span 2;background:linear-gradient(135deg,#F57A1E,#F26B21);color:#111!important;border-color:#F57A1E}
.va-sec.wide h4,.va-sec.wide .va-sec-top b{color:#0F3444}
.va-sec.wide h4::before{color:#F2EEE6}
.va-sec.wide p,.va-sec.wide li{color:#1E1E1E}
.va-sec.wide .va-sec-top span,.va-sec.wide .va-host{color:#0F3444}
.va-sec.wide ul{border-top-color:rgba(17,17,17,.2)}
.va-sec.wide li::before{background:#0F3444}
.va-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(calc(18px * var(--k, 1)),2.6vw,calc(40px * var(--k, 1)))}
.va-dir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12px * var(--k, 1))}
.va-dir>div{padding:calc(18px * var(--k, 1)) calc(20px * var(--k, 1));border-radius:calc(20px * var(--k, 1));background:var(--vchip);border:1px solid var(--vline)}
.va-dir h4{margin:0 0 calc(6px * var(--k, 1));font:700 calc(16.5px * var(--k, 1))/1.15 Oswald,'Arial Narrow',system-ui,sans-serif;text-transform:uppercase;color:var(--vfg)}
.va-dir p{margin:0;font-size:calc(14px * var(--k, 1));line-height:1.55;color:var(--vmut)}
.va-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(14px * var(--k, 1))}
.va-gal--wide{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:calc(14px * var(--k, 1))}
.va-gal--wide .vi-card figure{aspect-ratio:3 / 2}
.va-gal--tall .vi-card figure{aspect-ratio:3 / 4}
.va-media-v{position:relative}
.va-learn{margin-top:calc(22px * var(--k, 1));border-top-color:var(--vline)!important}
.va-learn li{color:var(--vfg)!important;font-size:calc(16px * var(--k, 1))}
.va-sec.wide{grid-column:1 / -1}
.va-sec.wide ul{grid-template-columns:repeat(4,minmax(0,1fr))}
.va-sec.wide p{max-width:calc(860px * var(--k, 1))}
@media (max-width:900px){.va-sec.wide ul{grid-template-columns:1fr 1fr}}
.va-media{max-width:calc(430px * var(--k, 1));justify-self:end;width:100%}
@media (max-width:900px){.va-media{max-width:none;justify-self:stretch}}

/* ═══ /news — журнал (.vn) ═══ */
.vn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(20px * var(--k, 1));flex-wrap:wrap;padding-bottom:calc(26px * var(--k, 1));
  border-bottom:1px solid var(--vline)}
.vn-title{margin:0;font-family:Oswald,'Arial Narrow',system-ui,sans-serif;font-weight:700;text-transform:uppercase;line-height:.86;letter-spacing:-.005em;
  font-size:clamp(calc(62px * var(--k, 1)),9vw,calc(150px * var(--k, 1)));color:var(--vfg)}
.vn-title::before{content:'.';color:var(--vo)}
.vn-head .vx-sub{margin-top:calc(12px * var(--k, 1))}
.vn-count{text-align:right}
.vn-count b{display:block;font-family:Montserrat,system-ui,sans-serif;font-weight:200;font-size:calc(56px * var(--k, 1));line-height:1;color:var(--vfg)}
.vn-count span{font:600 calc(11.5px * var(--k, 1))/1.3 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--vmut)}
.vn-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(calc(16px * var(--k, 1)),1.8vw,calc(28px * var(--k, 1)));margin-top:calc(30px * var(--k, 1))}
.vn-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:calc(26px * var(--k, 1));overflow:hidden;background:var(--vcard);
  border:1px solid rgba(224,149,90,.55);color:#F2EEE6;box-shadow:var(--vshadow)}
.vn-cover{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#0F3444}
.vn-cover img,.vn-cover video{width:100%;height:100%;object-fit:cover;display:block}
.vn-cover.vn-type{display:flex;align-items:flex-end;padding:calc(20px * var(--k, 1));background:linear-gradient(135deg,#F57A1E,#F26B21);isolation:isolate}
.vn-cover.vn-type::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.25;background-image:radial-gradient(#111 1.2px,transparent 1.4px);
  background-size:calc(13px * var(--k, 1)) calc(13px * var(--k, 1));-webkit-mask-image:linear-gradient(120deg,transparent 30%,#000);mask-image:linear-gradient(120deg,transparent 30%,#000)}
.vn-cover.vn-type b{font:700 clamp(calc(30px * var(--k, 1)),2.8vw,calc(46px * var(--k, 1)))/.92 Oswald,'Arial Narrow',system-ui,sans-serif;text-transform:uppercase;color:#0F3444}
.vn-cover.vn-type b::before{content:'.';color:#F2EEE6}
.vn-new{position:absolute;top:calc(14px * var(--k, 1));left:calc(14px * var(--k, 1));padding:calc(6px * var(--k, 1)) calc(11px * var(--k, 1));border-radius:999px;background:#F57A1E;color:#111;
  font:600 calc(10.5px * var(--k, 1))/1 Oswald,'Arial Narrow',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.vn-body{display:flex;flex-direction:column;gap:calc(10px * var(--k, 1));padding:calc(20px * var(--k, 1)) calc(22px * var(--k, 1)) calc(22px * var(--k, 1));flex:1}
.vn-date{font:500 calc(11.5px * var(--k, 1))/1.2 Montserrat,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#F59B1F}
.vn-card h2{margin:0;font:700 calc(22px * var(--k, 1))/1.08 Oswald,'Arial Narrow',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.005em;color:#F2EEE6}
.vn-text{margin:0;font-size:calc(15px * var(--k, 1));line-height:1.6;color:#D3DCE0;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.vn-card.open .vn-text{-webkit-line-clamp:unset;display:block}
.vn-foot{margin-top:auto;padding-top:calc(8px * var(--k, 1));display:flex;align-items:center;justify-content:space-between;gap:calc(10px * var(--k, 1));flex-wrap:wrap}
.vn-more-t{background:none;border:0;padding:0;cursor:pointer;font:600 calc(12px * var(--k, 1))/1 Oswald,'Arial Narrow',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#C9D3D4}
.vn-more-t:hover{color:#F59B1F}
.vn-card .vx-btn{min-height:calc(44px * var(--k, 1));font-size:calc(12px * var(--k, 1))}
.vn-card .vx-btn i{width:calc(30px * var(--k, 1));height:calc(30px * var(--k, 1))}
/* первая — разворот на две колонки */
.vn-card.vn-feat{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);background:linear-gradient(135deg,#174A5E,#0F3444)}
.vn-card.vn-feat .vn-cover{aspect-ratio:auto;min-height:calc(380px * var(--k, 1))}
.vn-card.vn-feat .vn-body{padding:clamp(calc(24px * var(--k, 1)),3vw,calc(48px * var(--k, 1)));justify-content:center}
.vn-card.vn-feat h2{font-size:clamp(calc(30px * var(--k, 1)),3vw,calc(50px * var(--k, 1)))}
.vn-card.vn-feat .vn-text{-webkit-line-clamp:7;font-size:calc(16px * var(--k, 1))}
.vn-skel{border-radius:calc(26px * var(--k, 1));min-height:calc(340px * var(--k, 1));background:linear-gradient(100deg,var(--vchip) 30%,rgba(245,122,30,.12) 50%,var(--vchip) 70%);
  background-size:300% 100%;animation:vnsk 1.4s ease-in-out infinite}
@keyframes vnsk{0%{background-position:100% 0}100%{background-position:0 0}}
.vn-empty{grid-column:1 / -1;padding:calc(40px * var(--k, 1));text-align:center;border-radius:calc(26px * var(--k, 1));background:var(--vchip);border:1px solid var(--vline);color:var(--vmut);font-size:calc(16px * var(--k, 1))}
.vn-moreb{display:flex;justify-content:center;margin-top:calc(34px * var(--k, 1))}

/* ═══ адаптив ═══ */
@media (max-width:1180px){
  .vi-cards,.vt-grid,.vt-uses{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-pay,.va-prog,.va-gal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vn-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vi-price{grid-template-columns:1fr}
}
@media (max-width:900px){
  .vi-hero{grid-template-columns:minmax(0,1fr)}
  .vi-art{height:clamp(240px,62vw,420px)}
  .va-strong,.va-two{grid-template-columns:1fr}
  .va-media{position:relative;top:0}
  .va-media video,.va-media img{aspect-ratio:16 / 11}
  .vn-card.vn-feat{grid-template-columns:1fr}
  .vn-card.vn-feat .vn-cover{min-height:0;aspect-ratio:16 / 10}
  .vi-steps{grid-template-columns:1fr}
  .vi-step,.vi-step+.vi-step{padding:calc(20px * var(--k, 1)) 0 calc(18px * var(--k, 1));border-left:0;border-bottom:1px solid var(--vline)}
  .vi-step b{display:inline-block;margin-right:12px;font-size:44px;vertical-align:middle}
  .vi-step h4{display:inline-block;vertical-align:middle;margin:0}
  .vi-step p{margin-top:8px}
}
@media (max-width:640px){
  .vi{margin-top:6px}
  .vi-hero,.vi-price,.vi-cta,.vt-field{border-radius:24px;padding:24px 18px}
  .vi-title{font-size:clamp(44px,15vw,92px)}   /* «АКАДЕМИЯ», «ИИ-ЧАТЫ» — 8 знаков Oswald в 390 px */
  .vi-lead{font-size:19px}
  .vi-facts{gap:16px 26px}
  .vi-fact b{font-size:30px}
  .vi-cards,.vt-grid,.vt-uses,.vt-pay,.va-prog,.va-gal,.vn-list,.va-dir,.vx-plans{grid-template-columns:1fr}
  .vx-plans{gap:16px}
  .va-sec.wide{grid-column:auto}
  .va-gal{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .va-gal--wide{grid-template-columns:1fr;margin-bottom:10px}
  .va-gal .vi-card-b{padding:12px 12px 14px}
  .va-gal .vi-card-t{font-size:15px}
  .va-gal .vi-card-d{display:none}
  .vi-card{border-radius:22px}
  .vx-acts .vx-btn{flex:1 1 auto}
  .vx-btn{min-height:48px;font-size:12.5px;padding-left:20px}
  .vi-mini{padding:12px;border-radius:18px}
  .vi-mini .vx-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex-basis:100%;order:3;margin:0 -12px;padding:0 12px}
  .vi-mini .vx-chips::-webkit-scrollbar{display:none}
  .vi-mini .vx-chip{flex:none}
  .vi-mini-r{margin-left:0}
  .vn-title{font-size:clamp(56px,18vw,88px)}
  .vn-count{display:none}
  .vt-v{font-size:72px}
  .va-list li{grid-template-columns:52px minmax(0,1fr)}
  .va-list li>b{font-size:32px}
  .vx-faq summary{padding:16px 16px;font-size:15.5px}
  .vx-faq details>div{padding:0 16px 18px}
}
@media (prefers-reduced-motion:reduce){
  .vi-card,.vi-card figure img,.vx-btn,.vx-btn i,.va-sec,.vt-use{transition:none!important}
  .vn-skel{animation:none}
}

/* ═══ 02.10 ЧИТАЕМОСТЬ — contrast_scan.py (WCAG 4,5:1, крупный 3:1): янтарь #F59B1F хорош только на #0F3444;
   на карточках #174A5E–#345E6F он 3,2–4,1:1 → светлый янтарь #F9C27A/#FAC987 (5,0–5,9:1) ═══ */
[data-theme="dark"] :is(.vi-card-m, .vn-date, .va-sec .va-host) { color: #F9C27A; }
.va-sec.wide .va-sec-top span, .va-sec.wide .va-host { color: #111111; }          /* на оранжевом: 4,4 → 6,9:1 */
:root:not([data-theme="dark"]) .vi-step b { color: #B8460A; }                       /* крупные цифры по светлому: 2,2 → 4,5:1 */
.vx, .vi, .vi-mini { --vkick: #8F3F0E; }                                           /* «кик» по персиковому: 4,4 → 5,6:1 */
[data-theme="dark"] .vx, [data-theme="dark"] .vi, [data-theme="dark"] .vi-mini { --vkick: #FAC987; }   /* по карточкам до #345E6F: 3,2 → 4,6:1 */
:root:not([data-theme="dark"]) .vst-eyebrow { color: #9E3C08; }
:root:not([data-theme="dark"]) #vst-count { color: #3A474E; }
/* стили: счётчик во вкладке и подпись карточки по фото */
.vst-tab-c { opacity: .9 !important; }
.vst-card-name { background: linear-gradient(to top, rgba(15, 52, 68, .94), rgba(15, 52, 68, .8) 55%, rgba(15, 52, 68, 0)) !important; }
.vst-card-ru { color: rgba(242, 238, 230, .88) !important; }
.vi-art figcaption b, .vi-card figcaption b { color: #F9C27A; }                 /* по подложке #2C4C5A: 4,2 → 5,7:1 */
:root:not([data-theme="dark"]) .va-list li > b { color: #B8460A; }                 /* крупные цифры по off-white: 2,4 → 4,6:1 */
[data-theme="dark"] .vst-step b { color: #F7B25A; }                                 /* шаги «Готовых стилей» по #174A5E: 4,4 → 5,3:1 */