/* В1 «Кіно»: темний, повноекранний. Один «вау» — схема, якою проходить камера. Решта тихо. */
.v1{background:#161616;color:#fff;--v1-muted:#b9b9b9;--v1-line:rgba(255,255,255,.14);--v1-surface:#232323}
.v1 .ce-btn--ghost{color:#fff;border-color:rgba(255,255,255,.55)}
.v1 .ce-btn--ghost:hover{background:transparent}
.v1 .ce-ph{color:#fff;border-color:var(--ce-orange);background:rgba(253,101,0,.12)}
.v1-h2{font-size:clamp(28px,3.6vw,48px);font-weight:700;letter-spacing:-.015em;margin-bottom:28px}
.v1 section{padding-block:clamp(56px,8vw,120px)}
.v1 section + section{padding-top:0}

/* Перший екран */
.v1-hero{position:relative;min-height:80svh;display:flex;align-items:flex-end;padding:0 0 clamp(36px,5vw,60px)!important;isolation:isolate} /* відео на ~4/5 екрана, одразу під ним плашки зі старого сайту (власник, 2026-10-12) */
.v1-hero__media{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#000}
.v1-hero__media::after{content:"";position:absolute;inset:0;background:rgba(22,22,22,.6)} /* рівна напівпрозора підкладка під текстом, без градієнта (власник 2026-10-13) */
@media (max-width:1023px){.v1-hero__media::after{background:rgba(22,22,22,.68)}}
.v1 .v1-hero__poster,.v1 .v1-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.v1-hero__video{opacity:0;transition:opacity 1.2s ease}
.v1-hero__video.is-ready{opacity:1}
.v1-hero__content{position:relative;padding-top:120px} /* герой ≈ 4/5 екрана: заголовок менший, щоб уміститись у 80svh на 1440×900 і 1280×800 */
.v1-hero__title{font-size:clamp(36px,5.2vw,72px);font-weight:700;line-height:1.02;letter-spacing:-.025em;max-width:20ch;margin-bottom:22px} /* «Енергія, яка працює / на ваше виробництво» у 2 рядки на ПК, герой ≈ 4/5 екрана */
.v1-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.v1-line > span{display:block;transform:translateY(110%);animation:v1-up .9s var(--ce-ease) forwards;animation-delay:calc(.15s + var(--i) * .12s)}
.v1-in{opacity:0;transform:translateY(14px);animation:v1-in .8s var(--ce-ease) forwards;animation-delay:calc(.35s + var(--i) * .1s)}
@keyframes v1-up{to{transform:none}}
@keyframes v1-in{to{opacity:1;transform:none}}
.v1-hero__lead{max-width:56ch;font-size:clamp(16px,1.4vw,20px);line-height:1.5;color:#e6e6e6;margin-bottom:28px}
.v1-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:clamp(36px,5vw,64px)}
.v1-stats{display:grid;gap:18px;grid-template-columns:1fr;border-top:1px solid var(--v1-line);padding-top:24px}
@media (min-width:720px){.v1-stats{grid-template-columns:repeat(3,1fr);gap:32px}}
.v1-stats__num{display:block;font-size:clamp(34px,4vw,56px);font-weight:700;letter-spacing:-.02em;line-height:1}
.v1-stats__num small{font-size:.45em;font-weight:600;color:inherit;opacity:.8}
.v1-stats__label{display:block;margin-top:8px;font-size:14px;color:var(--v1-muted);max-width:28ch}
.v1-hero__scroll{position:absolute;right:var(--ce-gutter);bottom:28px;width:1px;height:48px;background:var(--v1-line);overflow:hidden}
.v1-hero__scroll span{display:block;width:100%;height:50%;background:var(--ce-orange);animation:v1-scroll 1.8s ease-in-out infinite}
@keyframes v1-scroll{0%{transform:translateY(-100%)}100%{transform:translateY(200%)}}
@media (max-width:719px){.v1-hero__scroll{display:none}}

/* Клієнти */
.v1-clients{padding:0!important;border-top:1px solid var(--v1-line);border-bottom:1px solid var(--v1-line)}
.v1-clients__row{display:grid;gap:12px;padding-top:26px;padding-bottom:26px;align-items:center}
@media (min-width:1024px){.v1-clients__row{grid-template-columns:auto 1fr;column-gap:40px}.v1-clients__x{grid-column:1/-1}}
.v1-clients__t{font-size:13px;color:var(--v1-muted);white-space:nowrap}
.v1-clients__list{display:flex;flex-wrap:wrap;gap:8px 28px;font-weight:600;font-size:15px;color:#e6e6e6}
.v1-clients__x{font-size:13px;color:var(--v1-muted)}

/* Задачі — не картки, а рядки-«розділи» */
.v1-tasks{padding-top:clamp(56px,8vw,120px)!important}
.v1-tasks__list{counter-reset:t;border-top:1px solid var(--v1-line)}
.v1-task a{display:grid;grid-template-columns:1fr;gap:6px 32px;padding:24px 0;border-bottom:1px solid var(--v1-line);text-decoration:none;position:relative;transition:padding-left .4s var(--ce-ease)}
.v1-task a::before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--ce-orange);transition:width .6s var(--ce-ease)}
.v1-task a:hover::before{width:0}
.v1-task__title{font-size:clamp(22px,2.6vw,34px);font-weight:700;letter-spacing:-.015em;line-height:1.15}
.v1-task__text{font-size:15px;color:var(--v1-muted);max-width:52ch;line-height:1.5}
.v1-task__sol{font-size:14px;font-weight:600;color:#fff;border-left:3px solid var(--ce-orange);padding-left:10px} /* акцент смужкою #FD6500, текст не помаранчевий (п. 24) */
@media (min-width:900px){.v1-task a{grid-template-columns:1.2fr 1fr auto;align-items:center}.v1-task a:hover{padding-left:0}}

/* ---------- Сцена «Доба»: прокручування = час доби = стани схеми = небо ---------- */
.v1-day{padding:0!important;position:relative;height:600vh} /* власник 2026-10-14: «час біжить сильно швидко» — 300vh → 600vh, доба прокручується в 2,5 раза повільніше */
.v1-day.is-off .sc-flow{animation-play-state:paused} /* потоки не анімуються поза екраном */
.v1-day__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr;align-content:start;padding:88px 0 16px;isolation:isolate;color:#161616;transition:color .15s} /* короткий перехід: при швидкій прокрутці текст не тьмяніє (Опус, раунд 3) */
.v1-day.is-dark .v1-day__sticky{color:#fff}
/* небо: 4 шари, лише opacity (JS); сонце — лише transform */
.v1-sky{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#161616}
.v1-sky::after{display:none;content:"";position:absolute;left:0;right:0;top:0;height:0;background:none;z-index:2;pointer-events:none} /* мʼякий край між темною сторінкою і небом сцени */
.v1-sky__layer{position:absolute;inset:0;opacity:0;will-change:opacity}
.v1-sky__layer--morning{background:linear-gradient(180deg,#f5f5f5 0%,#f5f5f5 100%);opacity:1} /* рівні кольори неба без помаранчевого (власник 2026-10-13, п. 23): ранок і день світлі, вечір і ніч темні; перехід лише в часі прокрутки (прозорість шарів) */
.v1-sky__layer--day{background:linear-gradient(180deg,#f5f5f5 0%,#f5f5f5 100%)}
.v1-sky__layer--evening{background:linear-gradient(180deg,#1f1f1f 0%,#1f1f1f 100%)} /* верхня третина (під заголовком і реченням фази) лишається помаранчевою — темний текст не менше 4,5:1; фіолет і темінь нижче, під крапками й силуетом */
.v1-sky__layer--night{background:linear-gradient(180deg,#161616 0%,#161616 100%)}
.v1-sun{position:absolute;left:0;top:0;width:min(18vw,180px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 42%,#ffd2a6 0%,#ffb168 35%,var(--ce-orange) 62%,rgba(253,101,0,0) 72%);will-change:transform,opacity;transform:translate3d(-40vw,60vh,0)}
/* поява блоків у В1 — швидко й без «наздоганяння» екрана при колесі */
.v1 [data-reveal]{transition-duration:.45s;transition-delay:calc(var(--d,0s) * .4)}
.v1-silhouette{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:clamp(90px,16vw,230px);display:block}
.v1-silhouette__body{fill:#1a1a1a;transition:fill .5s}
.v1-silhouette__pv path{fill:#0d0d0d}
.v1-day.is-dark .v1-silhouette__body{fill:#000}
.v1-silhouette__win rect{fill:#ffb168;opacity:0;transition:opacity .5s}
.v1-day.is-outage .v1-silhouette__win rect{opacity:1}
.v1-day.is-dark:not(.is-outage) .v1-silhouette__win rect{opacity:.25}
/* шапка сцени: заголовок + годинник + фаза */
.v1-day__head{display:grid;gap:6px;position:relative;z-index:1}
.v1-day__head .v1-h2{margin-bottom:0;font-size:clamp(22px,2.6vw,36px)}
.v1-day__clock{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-size:15px;line-height:1.45;max-width:72ch;min-height:2.9em}
.v1-day__clock time{font-size:clamp(26px,3vw,40px);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#161616;line-height:1} /* темний удень — сонце може проходити за ним */
.v1-day.is-dark .v1-day__clock time{color:#fff}
.v1-day.is-night .v1-day__clock time{color:#fff} /* помаранчевий лише на справді темному небі (яскравість < 0,1 — інакше менше 3:1) */
.v1-day__head{max-width:640px;margin-inline:0} /* ліворуч (не по центру): сонце йде правіше від тексту */
@media (min-width:1024px){.v1-day__head{padding-left:calc(var(--ce-gutter) + 110px);max-width:calc(640px + var(--ce-gutter) + 110px)}} /* над схемою, правіше від крапок фаз */
.v1-day__clock b{font-size:17px}
.v1-day__clock span{opacity:1;font-weight:500;transition:opacity .3s} /* підзаголовок читабельний на будь-якому небі */
.v1-day__clock span.is-swap{opacity:0}
/* схема в сцені */
.v1-day__scheme{position:relative;z-index:1;align-self:start;min-height:0;margin-top:12px} /* не центруємо: при малій висоті екрана панель не наїжджає на заголовок */
/* низькі екрани ноутбуків (768/720 px): компактніша легенда й схема, щоб усе вмістилось під заголовком */
@media (min-width:1024px) and (max-height:940px){ /* і 1440×900: картка з описом має вміщатися цілком */
  .v1-day__sticky{padding-top:70px;padding-bottom:8px}
  .v1-day__head .v1-h2{font-size:clamp(20px,2.2vw,28px)}
  .v1-day__clock{min-height:auto;font-size:14px}
  .v1-day__clock time{font-size:28px}
  .v1-day__scheme{margin-top:8px}
  .v1-scheme .ce-scheme__svg{max-height:calc(100vh - 230px)}
  .v1-scheme .ce-scheme__node{min-height:31px;padding:3px 10px;font-size:13px}
  .v1-scheme .ce-scheme__node i{width:22px;height:22px;font-size:12px}
  .v1-scheme .ce-scheme__nodes{gap:0}
  .v1 .ce-scheme__legend{grid-template-rows:auto 168px;gap:4px}
  .v1-day .v1-scheme .ce-scheme__note{display:none} /* примітка «приклад» на низьких екранах не вміщається — вона є в легенді після сцени на телефоні й у підписі фази */
  .v1 .ce-scheme__legend .ce-scheme__info{padding:10px 12px}
  .v1 .ce-scheme__legend .ce-scheme__info p,.v1 .ce-scheme__legend .ce-scheme__info .sc-brands{font-size:13px;line-height:1.35}
  .v1-day__scheme > .ce-scheme{padding:10px 12px}
}
/* напівпрозора підкладка під схемою: сонце за нею не заважає читати */
.v1-day__scheme > .ce-scheme{padding:14px 16px;border-radius:22px;background:rgba(255,255,255,.86);transition:background .2s} /* щільна: силует і сонце лише ледь просвічують, не «накривають» картку */
.v1-day .v1-scheme .ce-scheme__info{background:#fff}
.v1-day.is-dark .v1-scheme .ce-scheme__info{background:#1a1a1a}
.v1-day.is-dark .v1-day__scheme > .ce-scheme{background:rgba(0,0,0,.6)}
.v1-scheme{--sc-line:rgba(22,22,22,.28);--sc-node:#fff;--sc-node-stroke:#8a8a8a;--sc-text:#161616;--sc-muted:#5c5c5c;--sc-off:.28;display:grid;gap:14px}
.v1-day.is-dark .v1-scheme{--sc-line:rgba(255,255,255,.22);--sc-node:#1d1d1d;--sc-node-stroke:#6a6a6a;--sc-text:#fff;--sc-muted:#b9b9b9;--sc-off:.22}
.v1-scheme .ce-scheme__svg text,.v1-scheme .sc-shape{transition:fill .15s,stroke .15s}
.v1-scheme .ce-scheme__svg{max-height:calc(100svh - 300px);width:auto;max-width:100%;margin:0 auto}
.v1-scheme .ce-scheme__controls{display:none} /* добою керує прокручування */
.v1-scheme .ce-scheme__node{color:inherit}
.v1-scheme .ce-scheme__info{background:rgba(255,255,255,.75);border-color:rgba(253,101,0,.5);color:#161616;backdrop-filter:none}
.v1-day.is-dark .v1-scheme .ce-scheme__info{background:rgba(0,0,0,.55);color:#fff}
.v1-scheme .ce-scheme__info a{color:#161616;border-bottom:2px solid var(--ce-orange)}
.v1-day.is-dark .v1-scheme .ce-scheme__info a{color:#fff}
.v1-scheme .ce-scheme__note{opacity:1} /* без прозорості — колір #5c5c5c і так тихий, а контраст лишається ≥ 4,5 */
@media (min-width:1024px){
  .v1-day__scheme{padding-left:calc(var(--ce-gutter) + 110px)} /* місце для крапок фаз ліворуч — не лягають на «Сонячні панелі» */
  .v1-scheme{grid-template-columns:1fr 300px;align-items:start;column-gap:28px}
  .v1-scheme .ce-scheme__svg{grid-row:1/3;max-height:calc(100vh - 260px)}
  .v1-scheme .ce-scheme__note{grid-column:2}
}
@media (max-width:1023px){
  .v1-day .v1-scheme .ce-scheme__legend,.v1-day .v1-scheme .ce-scheme__note{display:none} /* на телефоні в sticky лише схема; пояснення вузлів — нижче, після сцени (вага вища за правило фіксованої клітинки) */
  .v1-day__sticky{padding-top:80px;grid-template-rows:auto auto;align-content:start;row-gap:18px}
  .v1-day__scheme{align-self:start}
  .v1-day__scheme > .ce-scheme{padding:10px 8px;width:108%;margin-left:-4%} /* схема трохи більша — у sticky немає прокрутки вбік */
}
/* крапки фаз */
.v1-day__dots{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:2;display:grid;gap:4px}
.v1-day__dots button{display:flex;align-items:center;gap:10px;min-height:36px;padding:4px 8px;border:0;background:transparent;cursor:pointer;color:inherit;border-radius:999px}
.v1-day__dots button::before{content:"";flex:0 0 10px;width:10px;height:10px;border-radius:50%;border:2px solid currentColor;opacity:.55;transition:background .3s,opacity .3s,transform .3s}
.v1-day__dots button.is-on::before{background:var(--ce-orange);border-color:var(--ce-orange);opacity:1;transform:scale(1.3)}
.v1-day__dots button span{font-size:13px;font-weight:500;transform:translateX(-2px);transition:transform .25s} /* без прозорості тексту — контраст рахується від повного кольору */
.v1-day__dots button.is-on span{font-weight:700}
.v1-day__dots button.is-on span,.v1-day__dots button:hover span,.v1-day__dots button:focus-visible span{transform:none}
.v1-day__dots button.is-on{background:rgba(255,255,255,.5)}
.v1-day.is-dark .v1-day__dots button{background:rgba(0,0,0,.4)}
.v1-day.is-dark .v1-day__dots button.is-on{background:rgba(0,0,0,.6)}
/* вечір: середина неба фіолетова — мітки фаз білі на темній плашці, щоб не зливались */
.v1-day.is-dusk .v1-day__dots{color:#fff}
.v1-day.is-dusk .v1-day__dots button{background:rgba(0,0,0,.4)}
.v1-day.is-dusk .v1-day__dots button.is-on{background:rgba(0,0,0,.6)}
@media (max-width:1023px){
  .v1-day__sticky{grid-template-rows:auto auto auto;align-content:space-evenly;padding-bottom:calc(30vw + 8px)} /* телефон: заголовок, схема й крапки розподілені по висоті над силуетом — без суцільної порожньої смуги неба (Опус, раунд 3) */
  .v1-silhouette{height:clamp(120px,30vw,230px)}
  .v1-day__dots{position:static;transform:none;grid-auto-flow:column;gap:0;justify-self:center;margin-top:6px} /* одразу під схемою — без порожньої смуги */
  .v1-day__dots button{min-width:44px;min-height:44px;justify-content:center;padding:0;background:transparent!important}
  .v1-day__dots button span{display:none}
}
/* легенда не стрибає: під опис вузла — фіксоване місце (усі описи в одній клітинці сітки) */
.v1 .ce-scheme__legend{display:grid;grid-template-rows:auto 240px;gap:10px;align-content:start}
.v1 .ce-scheme__legend .ce-scheme__info{padding:14px 16px}
.v1 .ce-scheme__legend .ce-scheme__info h4{font-size:16px}
.v1 .ce-scheme__legend .ce-scheme__info p{font-size:14px;line-height:1.45}
.v1 .ce-scheme__legend .ce-scheme__info .sc-brands{font-size:13px;margin-top:6px}
.v1 .ce-scheme__legend .ce-scheme__info a{margin-top:6px}
.v1 .ce-scheme__legend .ce-scheme__nodes{grid-row:1}
.v1 .ce-scheme__legend .ce-scheme__info{grid-row:2;grid-column:1;overflow:visible;margin:0;align-self:start} /* клітинка — за найдовшим описом, без внутрішньої прокрутки */
/* підказка «Клацніть…» прибрана: вузол 1 обрано за замовчуванням, клітинка опису ніколи не порожня (раунд 3) */
@media (max-width:1023px){.v1 .ce-scheme__legend{grid-template-rows:auto 230px}}

/* світанок: силует і небо переходять у світлий стиль сайту */
.v1-day.is-dawn .v1-silhouette__body{fill:#d8d1c8}
.v1-day.is-dawn .v1-silhouette__pv path{fill:#b9b1a6}
.v1-sky__layer--morning{transition:none}

/* пояснення вузлів для телефона — окремий блок після сцени */
.v1-day-legend{padding-top:24px!important}
.v1-day-legend .ce-scheme{--sc-muted:#b9b9b9} /* сірі підписи (бренди, примітка) на темному — не менше 4,5:1 */
@media (min-width:1024px){.v1-day-legend{display:none}}
.v1-day-legend .ce-scheme__svg{display:block;margin-bottom:12px} /* на телефоні схема ще раз, поруч із поясненнями (диригент, раунд 3) */
.v1-day-legend__hint{font-size:14px;color:#5c5c5c;margin:-6px 0 14px;max-width:52ch}
.v1-day-legend .ce-scheme__controls{display:none}
.v1-day-legend .ce-scheme__node{color:#e6e6e6}
.v1-day-legend .ce-scheme__info{background:rgba(253,101,0,.1);border-color:rgba(253,101,0,.4);color:#fff}
.v1-day-legend .ce-scheme__info a{color:#fff}
.v1-day-legend .ce-scheme__note{color:#a3a3a3} /* сірий підпис на темному — не менше 4,5:1 */

/* Рішення — картки з фото об'єктів */
.v1-sol__grid{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:720px){.v1-sol__grid{grid-template-columns:repeat(6,1fr)}.v1-sol__card{grid-column:span 3}.v1-sol__card:nth-child(n+3){grid-column:span 2}}
.v1-sol__card{position:relative;display:block;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--v1-surface);text-decoration:none;isolation:isolate}
.v1-sol__img{position:absolute;inset:0;z-index:-1}
.v1-sol__img img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s var(--ce-ease),filter .6s}
.v1-sol__card:hover .v1-sol__img img{transform:scale(1.02)}
.v1-sol__card::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.28)} /* рівне затемнення фото без розтікання; підпис має власну рівну підкладку */
@media (max-width:767px){.v1-sol__card::after{background:rgba(0,0,0,.32)}}
/* рендери обладнання (білий фон) — як предметне фото на сірому */
.v1-sol__card--render .v1-sol__img{background:#2b2b2b}
.v1-sol__card--render .v1-sol__img img{object-fit:contain;padding:8% 8% 22%;background:#2b2b2b}
.v1-sol__body{position:absolute;left:0;right:0;bottom:0;padding:22px;display:grid;gap:6px}
.v1-sol__title{font-size:22px;font-weight:700}
.v1-sol__text{font-size:14px;color:#e0e0e0;line-height:1.45;max-width:40ch}

/* Калькулятор — панель */
.v1-calc__panel{display:grid;gap:28px;padding:clamp(24px,4vw,48px);border-radius:24px;background:var(--v1-surface);border:1px solid var(--v1-line)}
@media (min-width:1024px){.v1-calc__panel{grid-template-columns:1fr 1.2fr;gap:48px}}
.v1-calc__intro p{color:var(--v1-muted);font-size:16px;line-height:1.55;max-width:46ch}
.v1-calc__intro .v1-h2{margin-bottom:14px}
.v1 .ce-calc select,.v1 .ce-calc input[type=number]{background:#161616;border-color:#3a3a3a;color:#fff}
.v1 .ce-calc__goal span{border-color:#4a4a4a;color:#e6e6e6}
.v1-calc__actions{display:grid;gap:12px;align-items:center}
@media (min-width:640px){.v1-calc__actions{grid-template-columns:auto 1fr}}

/* Кейси */
.v1-cases__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.v1-cases__grid{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:900px){.v1-cases__grid{grid-template-columns:repeat(3,1fr)}}
.v1-case__img{display:block;aspect-ratio:3/2;border-radius:16px;overflow:hidden;background:var(--v1-surface)}
.v1-case__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ce-ease)}
.v1-case:hover .v1-case__img img{transform:none}
.v1-case__body{padding:18px 4px 0;display:grid;gap:6px}
.v1-case__kw{font-size:clamp(30px,3vw,40px);font-weight:700;letter-spacing:-.02em;color:var(--ce-orange);line-height:1} /* великий жирний: точний #FD6500 */
.v1-case h3{font-size:20px}
.v1-case__ind{font-size:14px;color:var(--v1-muted)}
.v1-case__note{font-size:14px;color:#e0e0e0}
.v1-case__ph{font-size:13px;display:flex;flex-wrap:wrap;gap:6px}

/* Галузі */
.v1-ind__list{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:720px){.v1-ind__list{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.v1-ind__list{grid-template-columns:repeat(5,1fr)}}
.v1-ind__list li{padding:20px;border:1px solid var(--v1-line);border-radius:16px;display:grid;gap:8px;align-content:start}
.v1-ind__list h3{font-size:17px}
.v1-ind__list p{font-size:14px;color:var(--v1-muted)}
.v1-ind__list a{font-size:14px;font-weight:600;color:#fff;text-decoration:none;border-bottom:2px solid var(--ce-orange)}

/* Кроки — послідовність, тому нумерація доречна */
.v1-steps__list{display:grid;gap:18px;grid-template-columns:1fr;counter-reset:s}
@media (min-width:720px){.v1-steps__list{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.v1-steps__list{grid-template-columns:repeat(var(--cols,6),1fr)}} /* --cols задає шаблон за кількістю кроків: 7 кроків = 4+3, а не 6+1 */
.v1-steps__list li{display:grid;gap:8px;align-content:start;padding-top:16px;border-top:1px solid var(--v1-line)}
.v1-steps__n{font-size:14px;font-weight:700;color:inherit;opacity:.75;display:inline-flex;align-items:center;gap:8px}.v1-steps__n::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ce-orange)} /* номер темний з помаранчевою крапкою (п. 24) */
.v1-steps__list h3{font-size:17px}
.v1-steps__list p{font-size:14px;color:var(--v1-muted);line-height:1.5}
.v1-steps__note{margin-top:18px;font-size:13px;color:var(--v1-muted)}

/* Бренди */
.v1-brands__row{display:grid;gap:22px;padding:clamp(24px,4vw,40px);border-radius:24px;background:var(--v1-surface)}
@media (min-width:1024px){.v1-brands__row{grid-template-columns:1.1fr 1.4fr auto;align-items:center}}
.v1-brands__row .v1-h2{font-size:clamp(22px,2.4vw,30px);margin-bottom:8px}
.v1-brands__row p{font-size:14px;color:var(--v1-muted);line-height:1.5}
.v1-brands__list{display:flex;flex-wrap:wrap;gap:10px}
.v1-brands__list li{padding:10px 16px;border:1px solid var(--v1-line);border-radius:999px;font-weight:600;font-size:15px}

/* Фінансування + PDF */
.v1-fin__grid{display:grid;gap:24px;grid-template-columns:1fr}
@media (min-width:1024px){.v1-fin__grid{grid-template-columns:1.5fr 1fr}}
.v1-fin__lead{font-size:17px;color:#e6e6e6;max-width:56ch;margin-bottom:22px;line-height:1.5}
.v1-fin__opts{display:grid;gap:12px;margin-bottom:18px}
.v1-fin__opts li{display:grid;gap:4px;padding:14px 0;border-top:1px solid var(--v1-line)}
.v1-fin__opts b{font-size:17px}
.v1-fin__opts span{font-size:14px;color:var(--v1-muted)}
.v1-fin__note{font-size:13px;color:var(--v1-muted);margin-bottom:18px}
.v1-fin__pdf{display:grid;gap:12px;align-content:start;padding:clamp(24px,3vw,36px);border-radius:24px;background:var(--ce-orange);color:var(--ce-ink)}
.v1-fin__pdf h3{font-size:24px;letter-spacing:-.01em}
.v1-fin__pdf p{font-size:15px;line-height:1.5}
.v1-fin__pdf{align-self:start} /* без порожньої площі під кнопкою */
.v1 .v1-fin__pdf a.ce-btn{background:var(--ce-ink);color:#fff;justify-self:start} /* вага вища за «.ce-page a.ce-btn» — текст білий на чорній кнопці */
.v1 .v1-fin__pdf a.ce-btn:hover{background:var(--ce-ink)}

/* FAQ */
.v1 .ce-faq details{border-color:var(--v1-line)}
.v1 .ce-faq .ce-faq__a{color:var(--v1-muted)}

/* Фінал */
.v1-final__box{text-align:center;display:grid;gap:14px;justify-items:center;padding:clamp(32px,6vw,72px) var(--ce-gutter);border-radius:28px;background:var(--v1-surface)} /* без градієнта (п. 23) */
.v1-final__box .v1-h2{margin-bottom:0}
.v1-final__box p{color:#e6e6e6;max-width:50ch;font-size:16px}
.v1-final__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}

/* Цілі для пальця й мінімальний текст на телефоні (критика раунду 1) */
.v1-ind__list a,.v1-task__sol{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:767px){
  .v1-clients__t,.v1-clients__x,.v1-case__ph,.v1-ind__list a,.v1-ind__list p,.v1-steps__n,.v1-steps__note,.v1-fin__note,.v1-sol__text,.v1-stats__label,.v1-case__ind,.v1-case__note,.v1-brands__row p,.v1-fin__opts span,.v1-steps__list p,.v1-task__text,.v1-task__sol{font-size:14px}
  .v1-hero__content{padding-top:120px}
}
/* ---------- Після доби — світлий стиль сайту (рішення власника): герой і доба темні, далі як решта сайту ---------- */
.v1-light{background:#fff;color:#161616;--v1-muted:#5c5c5c;--v1-line:rgba(22,22,22,.14);--v1-surface:#f8f8f8}
.v1-light .ce-btn--ghost{color:#161616;border-color:#161616}
.v1-light .ce-btn--ghost:hover{background:transparent}
.v1-light .ce-ph{color:#161616;border-color:var(--ce-orange);background:rgba(253,101,0,.06)}
.v1-light .v1-h2{color:#161616}
.v1-light .v1-task__sol,.v1-light .v1-ind__list a{color:#161616}.v1-light .v1-case__kw{color:var(--ce-orange)}.v1-light .v1-steps__n{color:#161616}
.v1-light .v1-sol__body{color:#fff} /* на фото з темним градієнтом — білий заголовок і текст */
.v1-light .v1-sol__text{color:#e0e0e0}
.v1-light .v1-calc__panel{background:var(--v1-surface);border-color:var(--v1-line)}
.v1-light .ce-calc select,.v1-light .ce-calc input[type=number]{background:#fff;border-color:#d9d9d9;color:#161616}
.v1-light .ce-calc__goal span{border-color:#cfcfcf;color:#161616}
.v1-light .v1-case__note{color:#333}
.v1-light .v1-brands__row{background:var(--v1-surface)}
.v1-light .v1-fin__lead{color:#333}
.v1-light .ce-faq .ce-faq__a{color:var(--v1-muted)}
.v1-light .v1-final__box{background:var(--v1-surface)}
.v1-light .v1-final__box p{color:#333}
.v1-light .v1-day-legend .ce-scheme__node{color:#161616}
.v1-light .v1-day-legend .ce-scheme__info{background:rgba(253,101,0,.08);border-color:rgba(253,101,0,.35);color:#161616}
.v1-light .v1-day-legend .ce-scheme__info a{color:#161616;border-bottom:2px solid var(--ce-orange)}
.v1-light .v1-day-legend .ce-scheme{--sc-muted:#5c5c5c}
.v1-light .v1-day-legend .ce-scheme__note{color:#5c5c5c}
/* мʼякий перехід: перший світлий блок починається з кольору ранкового неба (окрема смуга, фон блоку — білий) */
.v1-light{position:relative;background:#fff}
.v1-light::before{display:none} /* без переходу з персикового в білий (п. 23) */
.v1-light > *{position:relative}
@media (prefers-reduced-motion:reduce){
  .v1-line > span,.v1-in{animation:none;transform:none;opacity:1}
  .v1-hero__scroll span{animation:none}
  .v1-sol__img img,.v1-case__img img{transition:none}
}
/* Опус, раунд 3: у картках з рендерами обладнання (світлий предмет) текст не має лягати на предмет — суцільна темна плашка під текстом, предмет вище */
.v1-sol__card--render .v1-sol__body{background:#2b2b2b;padding-top:22px}
@media (max-width:767px){.v1-sol__card--render .v1-sol__img img{padding:6% 12% 48%}}
/* Підкладка під назвою фази й реченням — завжди (ідея Опуса для вечора, розширена): світла під темним текстом, темна під білим.
   Без неї в момент перемикання кольору (небо середньої яскравості) ні чорний, ні білий текст 14–17 px не дає 4,5:1 (максимум 4,25);
   з підкладкою обидва варіанти ≥ 4,5 на будь-якому небі. Удень і вночі підкладка зливається з небом. */
.v1-day__clock b > i,.v1-day__clock span > i{padding:0;margin:0;border-radius:0;background:transparent} /* без клаптикових підкладок (п. 23) */
.v1-day.is-dark .v1-day__clock b > i,.v1-day.is-dark .v1-day__clock span > i{background:transparent}

/* ---------- Раунд 3 (вечір): калькулятор — заклик із кнопкою замість міні-форми (рішення власника) ---------- */
.v1-calc__cta{display:grid;gap:22px;align-content:center}
.v1-calc__points{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:pt}
.v1-calc__points li{counter-increment:pt;display:grid;grid-template-columns:34px 1fr;gap:4px 12px;align-items:start;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--v1-line)}
.v1-calc__points li::before{content:counter(pt);grid-row:1 / span 2;width:34px;height:34px;border-radius:50%;background:var(--ce-orange);color:#161616;font-weight:700;display:grid;place-items:center}
.v1-calc__points b{font-size:16px;font-weight:700}
.v1-calc__points span{font-size:14px;color:#5c5c5c;line-height:1.45}
.v1 .v1-calc__actions a.ce-btn{justify-self:start}
/* телефон: схема в сцені на всю ширину й з меншими полями — більша (диригент, раунд 3) */
@media (max-width:1023px){
  .v1-day__scheme{margin-inline:calc(var(--ce-gutter) * -1 + 6px)}
  .v1-day__scheme > .ce-scheme{padding:6px 4px;border-radius:16px}
  .v1-day__dots{margin-top:2px}
}
/* легенда після сцени — у світлому блоці (перенесено всередину .v1-light) */
.v1-light .v1-day-legend{padding-top:40px!important}
.v1-light .v1-day-legend .v1-h2{margin-bottom:10px}
/* назва й речення фази: усі варіанти накладені в одну клітинку (grid-area 1/1) — висота рядка й блоку завжди за найдовшим,
   схема й крапки не зсуваються за всю добу (власник, 2026-10-11). Видимий — лише .is-on. */
.v1-day__ptitle,.v1-day__ptext{display:grid;justify-items:start}
.v1-day__ptext{flex-basis:100%}
.v1-day__ptitle > i,.v1-day__ptext > i{grid-area:1/1;font-style:normal;visibility:hidden;width:fit-content;max-width:100%}
.v1-day__ptitle > i.is-on,.v1-day__ptext > i.is-on{visibility:visible}

/* ---------- Плашки зі старого сайту під відео (бойовий сайт, 1:1) ---------- */
.v1-facts{padding-top:28px!important;padding-bottom:0!important}
.v1-facts__grid{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:1024px){.v1-facts__grid{grid-template-columns:2fr 1fr}}
.v1-facts__card{background:#f8f8f8;color:#161616;border-radius:24px;padding:clamp(24px,3.5vw,48px)}
.v1-facts__plates{list-style:none;margin:0;display:grid;gap:26px 40px;grid-template-columns:1fr}
@media (min-width:640px){.v1-facts__plates{grid-template-columns:1fr 1fr}}
.v1-facts__num{display:block;font-size:18px;font-weight:600;line-height:1.2;margin-bottom:8px}
.v1-facts__num b{font-size:30px;font-weight:700;color:var(--ce-orange);letter-spacing:-.02em}
.v1-facts__text{display:block;font-size:14px;line-height:1.5;color:#3a3a3a;max-width:34ch}
.v1-facts__title{font-size:26px;font-weight:700;line-height:1.2}
.v1-facts__title em{font-style:normal;display:block;color:var(--ce-orange)}
.v1-facts__lead{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin:22px 0 18px;font-size:22px;font-weight:600;line-height:1.25}
.v1-facts__lead img{width:84px;height:84px}
.v1-facts__p{font-size:14px;line-height:1.5;color:#3a3a3a}
@media (max-width:767px){.v1-facts__title{font-size:22px}.v1-facts__lead{font-size:18px}.v1-facts__lead img{width:64px;height:64px}.v1-facts__num b{font-size:26px}}

/* ---------- «Нам довіряють»: стрічка логотипів ---------- */
.v1-clients{border-top:0}
.v1-clients__row{grid-template-columns:1fr!important;gap:4px;padding-bottom:10px}
.v1-clients__t{font-size:15px;color:#fff;font-weight:600}
.v1-marquee{position:relative;display:flex;overflow:hidden;padding:18px 0 30px;gap:0;}
.v1-marquee__track{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:56px;padding-right:56px;flex:0 0 auto;animation:v1-marquee 38s linear infinite}
.v1-marquee:hover .v1-marquee__track{animation-play-state:paused}
@keyframes v1-marquee{to{transform:translateX(-100%)}}
.v1-logo{flex:0 0 auto;display:flex;align-items:center;height:64px;padding:10px 20px;border-radius:14px;background:#fff} /* білі плашки: логотипи різних кольорів читаються на темному однаково */
.v1-logo img{height:40px;width:auto;max-width:170px;object-fit:contain;transition:transform .35s var(--ce-ease)} /* кольорові, без сірого (власник 2026-10-12) */
.v1-logo:hover img{transform:scale(1.1)} /* плавне збільшення при наведенні */
.v1-logo--dark{background:#161616;border:1px solid rgba(255,255,255,.22)} /* білий логотип (Скло Альянс) на темній плашці */
.v1-logo--text{background:transparent;padding:0;border:1px solid rgba(255,255,255,.22)}
.v1-logo--text span{font-size:15px;font-weight:600;color:#e6e6e6;padding:0 18px;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.v1-marquee{display:grid;mask-image:none;-webkit-mask-image:none}.v1-marquee__track{animation:none;flex-wrap:wrap;gap:24px 40px}.v1-marquee__track[aria-hidden]{display:none}}

/* ---------- /b2b-1/: картка-заклик замість сцени (сцена на сторінці «Як це працює») ---------- */
.v1-teaser{padding-top:0!important;padding-bottom:0!important}
.v1-teaser__card{display:grid;grid-template-columns:1fr;border-radius:24px;overflow:hidden;background:#1f1f1f;border:1px solid var(--v1-line);text-decoration:none;color:#fff}
@media (min-width:900px){.v1-teaser__card{grid-template-columns:1fr 1.1fr}}
.v1-teaser__sky{position:relative;min-height:180px;background:#f5f5f5;overflow:hidden}
.v1-teaser__sky::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:#161616;clip-path:polygon(0 100%,0 55%,8% 55%,8% 25%,14% 25%,14% 55%,24% 55%,24% 10%,30% 10%,30% 55%,42% 55%,42% 35%,52% 35%,52% 55%,62% 55%,62% 15%,68% 15%,68% 55%,80% 55%,80% 30%,90% 30%,90% 55%,100% 55%,100% 100%)}
.v1-teaser__sun{position:absolute;left:14%;top:18%;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 42% 42%,#ffd2a6,#ffb168 40%,var(--ce-orange) 68%,rgba(253,101,0,0) 74%)}
.v1-teaser__body{display:grid;gap:12px;align-content:center;justify-items:start;padding:clamp(24px,3.5vw,44px)}
.v1-teaser__title{font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.15}
.v1-teaser__text{font-size:15px;line-height:1.5;color:#d7d7d7;max-width:46ch}
.v1-teaser__card:hover .ce-btn{box-shadow:none} /* колір кнопки не міняємо: лише колір логотипа */

/* ---------- Сторінка «Як це працює» ---------- */
.v1-how{background:#161616;color:#fff}
.v1-how__hero{padding-top:140px!important;padding-bottom:28px!important;display:grid;gap:14px;justify-items:start}
.v1-how__title{font-size:clamp(32px,4.6vw,60px);font-weight:700;line-height:1.05;letter-spacing:-.02em;max-width:16ch}
.v1-how__lead{font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:#d7d7d7;max-width:52ch}
.v1-how__hint{display:flex;align-items:center;gap:10px;font-size:14px;color:#b9b9b9}
.v1-how__hint span{width:36px;height:1px;background:#9a9a9a;position:relative;overflow:hidden}
.v1-how .v1-day{margin-top:8px}
@media (max-width:1023px){.v1-how__hero{padding-top:110px!important}}
/* розбір доби: 6 карток, клік по заголовку прокручує сцену до фази (той самий data-phase-btn) */
.v1-phases__grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:720px){.v1-phases__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.v1-phases__grid{grid-template-columns:repeat(3,1fr)}}
.v1-phase{background:var(--v1-surface);border:1px solid var(--v1-line);border-radius:20px;padding:22px 22px 20px;display:grid;gap:14px;align-content:start}
.v1-phase__head{display:grid;gap:4px;justify-items:start;padding:0;border:0;background:transparent;cursor:pointer;color:inherit;text-align:left;font:inherit}
.v1-phase__head time{font-size:14px;font-weight:600;color:#3a3a3a;font-variant-numeric:tabular-nums} /* час темно-сірий, не помаранчевий (п. 24) */
.v1-phase__head b{font-size:22px;font-weight:700;line-height:1.15}
.v1-phase__head:hover b{color:#161616}
.v1-phase__rows{margin:0;display:grid;gap:10px}
.v1-phase__rows div{display:grid;gap:2px}
.v1-phase__rows dt{font-size:12px;font-weight:600;color:#5c5c5c;letter-spacing:.02em}
.v1-phase__rows dd{margin:0;font-size:15px;line-height:1.45}
/* три задачі */
.v1-modes__grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:900px){.v1-modes__grid{grid-template-columns:repeat(3,1fr)}}
.v1-mode{background:#fff;border:1px solid var(--v1-line);border-radius:20px;padding:24px;display:grid;gap:12px;align-content:start;justify-items:start}
.v1-mode h3{font-size:20px;font-weight:700;line-height:1.2}
.v1-mode__need{display:grid;gap:2px;font-size:15px;line-height:1.45}
.v1-mode__need span{font-size:12px;font-weight:600;color:#5c5c5c}
.v1-mode__text{font-size:14px;line-height:1.5;color:#3a3a3a}
.v1-mode .ce-btn{margin-top:6px}
.v1-cases__grid--2{grid-template-columns:1fr}
@media (min-width:900px){.v1-cases__grid--2{grid-template-columns:repeat(2,1fr)}}
.v1-phase__head.is-on b{color:#161616}.v1-phase__head.is-on{box-shadow:none} /* активна картка фази: заголовок темний, акцент смужкою #FD6500 зліва (п. 24) */
.v1-phase__head.is-on time::after{content:none}
/* «Як це працює»: заголовок сцени не повторюємо після першого екрана (лишається для читачів екрана) */
.v1-how .v1-day__head .v1-h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* телефон: усі підписи не менше 14 px */
@media (max-width:767px){.v1-phase__rows dt,.v1-phase__head time,.v1-mode__need span,.v1-how__hint,.v1-day__dots button span{font-size:14px}}
/* телефон: номери вузлів у легенді й рядок брендів не менше 14 px (Опус, 375 px) */
@media (max-width:767px){.v1 .ce-scheme__node i{font-size:14px}.ce-page .ce-scheme__info .sc-brands{font-size:14px!important}}
/* обведені кнопки на темному — білі в усіх станах (відвідане посилання робило текст темним на темному; власник 2026-10-12) */
.v1 a.ce-btn--ghost:link,.v1 a.ce-btn--ghost:visited,.v1 a.ce-btn--ghost:hover,.v1 a.ce-btn--ghost:focus{color:#fff}
.v1-light a.ce-btn--ghost:link,.v1-light a.ce-btn--ghost:visited,.v1-light a.ce-btn--ghost:hover,.v1-light a.ce-btn--ghost:focus{color:#161616}
.v1 .v1-fin__pdf a.ce-btn:link,.v1 .v1-fin__pdf a.ce-btn:visited,.v1 .v1-fin__pdf a.ce-btn:hover,.v1 .v1-fin__pdf a.ce-btn:focus{color:#fff}
.v1 .v1-calc__actions a.ce-btn:not(.ce-btn--ghost):link,.v1 .v1-calc__actions a.ce-btn:not(.ce-btn--ghost):visited,.v1-mode a.ce-btn:not(.ce-btn--ghost):link,.v1-mode a.ce-btn:not(.ce-btn--ghost):visited,.v1-final a.ce-btn:not(.ce-btn--ghost):link,.v1-final a.ce-btn:not(.ce-btn--ghost):visited,.v1-teaser__card:link .ce-btn,.v1-teaser__card:visited .ce-btn{color:#fff} /* білий текст на помаранчевих кнопках (власник 2026-10-12) */
.v1-teaser__card:link,.v1-teaser__card:visited,.v1-teaser__card:hover{color:#fff}
.v1-case:link,.v1-case:visited,.v1-task a:link,.v1-task a:visited,.v1-sol__card:link,.v1-sol__card:visited{color:inherit}
/* контурні кнопки: колір від фону, у всіх станах, найвища вага (власник 2026-10-12: телефон у «Поговоримо…» був білим на світлому) */
.v1-light a.ce-btn--ghost,.v1-light a.ce-btn--ghost:link,.v1-light a.ce-btn--ghost:visited,.v1-light a.ce-btn--ghost:hover,.v1-light a.ce-btn--ghost:focus,.v1-light .ce-btn--ghost{color:#161616!important;border-color:#161616!important}
.v1 .v1-hero a.ce-btn--ghost,.v1 .v1-hero a.ce-btn--ghost:link,.v1 .v1-hero a.ce-btn--ghost:visited,.v1 .v1-hero a.ce-btn--ghost:hover,.v1 .v1-hero a.ce-btn--ghost:focus{color:#fff!important;border-color:rgba(255,255,255,.55)!important}
.v1 .v1-hero a.ce-btn--ghost:hover{border-color:rgba(255,255,255,.55)!important}

/* ---------- Сторінки послуг B2B (оптові поставки, супровід проєктів ВДЕ) ---------- */
.v1-service{background:#161616;color:#fff}
.v1-svc-hero{position:relative;height:72svh;min-height:72svh;max-height:72svh;display:flex;align-items:flex-end;padding:0 0 clamp(32px,4.5vw,56px)!important;isolation:isolate} /* п. 25: рівно 72 svh на всіх сторінках */
.v1-svc-hero__media{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#000}
.v1-svc-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.v1-svc-hero__media::after{content:"";position:absolute;inset:0;background:rgba(22,22,22,.6)} /* рівна підкладка (власник 2026-10-13) */
@media (max-width:1023px){.v1-svc-hero__media::after{background:rgba(22,22,22,.68)}}
.v1-svc-hero__content{position:relative;padding-top:130px;display:grid;gap:14px;justify-items:start}
.v1-svc-hero__crumb{font-size:14px;color:#d7d7d7}
.v1-svc-hero__crumb a{color:#fff;text-decoration:none}
.v1-svc-hero__crumb a:hover{color:#fff;text-decoration:underline}
.v1-svc-hero__title{font-size:clamp(32px,4.6vw,62px);font-weight:700;line-height:1.05;letter-spacing:-.02em;max-width:18ch}
.v1-svc-hero__lead{font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:#e6e6e6;max-width:56ch}
.v1-svc-hero .v1-hero__actions{margin-top:6px}
.v1-svc-hero .v1-hero__actions a.ce-btn--ghost,.v1-svc-hero .v1-hero__actions a.ce-btn--ghost:link,.v1-svc-hero .v1-hero__actions a.ce-btn--ghost:visited{color:#fff!important;border-color:rgba(255,255,255,.55)!important}
/* що отримуєте: картки з номерами */
.v1-svc-offer__grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:1fr;counter-reset:of}
@media (min-width:720px){.v1-svc-offer__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.v1-svc-offer__grid{grid-template-columns:repeat(3,1fr)}}
.v1-svc-offer__grid li{counter-increment:of;display:grid;grid-template-columns:40px 1fr;gap:6px 14px;align-items:start;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--v1-line)}
.v1-svc-offer__grid li::before{content:counter(of);grid-row:1 / span 2;width:40px;height:40px;border-radius:50%;background:var(--ce-orange);color:#fff;font-weight:700;display:grid;place-items:center}
.v1-svc-offer__grid b{font-size:18px;font-weight:700;line-height:1.2}
.v1-svc-offer__grid span{font-size:15px;line-height:1.5;color:#3a3a3a}
/* категорії каталогу зі справжніми фото товарів */
.v1-svc-cats__grid{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:640px){.v1-svc-cats__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.v1-svc-cats__grid{grid-template-columns:repeat(3,1fr)}}
.v1-svc-cat{display:grid;grid-template-rows:200px auto;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--v1-line);text-decoration:none;color:#161616}
.v1-svc-cat__img{display:block;background:#f3f3f3;overflow:hidden}
.v1-svc-cat__img img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .6s var(--ce-ease)}
.v1-svc-cat:hover .v1-svc-cat__img img{transform:none}
.v1-svc-cat__body{display:grid;gap:4px;padding:16px 18px 18px}
.v1-svc-cat__body b{font-size:17px;font-weight:700;line-height:1.2}
.v1-svc-cat__body span{font-size:14px;color:#5c5c5c}
.v1-svc-cat__body em{font-style:normal;font-size:14px;font-weight:600;color:#161616;margin-top:6px}
.v1-svc-cat:link,.v1-svc-cat:visited,.v1-svc-cat:hover{color:#161616}
/* фотосмуга */
.v1-svc-band{display:grid;gap:14px;grid-template-columns:1fr;padding-top:10px!important}
@media (min-width:900px){.v1-svc-band{grid-template-columns:repeat(3,1fr)}}
.v1-svc-band__item{margin:0;display:grid;gap:8px}
.v1-svc-band__item img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px;display:block}
.v1-svc-band__item figcaption{font-size:14px;color:#5c5c5c}
/* для кого: картки на фото об'єктів */
.v1-svc-who__grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:640px){.v1-svc-who__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.v1-svc-who__grid{grid-template-columns:repeat(4,1fr)}}
.v1-svc-who__card{position:relative;display:block;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#2b2b2b;isolation:isolate;color:#fff}
.v1-svc-who__img{position:absolute;inset:0;z-index:-1}
.v1-svc-who__img img{width:100%;height:100%;object-fit:cover}
.v1-svc-who__card::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.3)} /* рівне затемнення фото; текст на власній підкладці нижче */
.v1-svc-who__body{position:absolute;left:0;right:0;bottom:0;padding:20px;display:grid;gap:6px}
.v1-svc-who__body b{font-size:20px;font-weight:700;line-height:1.2}
.v1-svc-who__body span{font-size:14px;line-height:1.45;color:#e0e0e0}
.v1-light .v1-svc-who__card{color:#fff}
.v1-service .v1-steps__n{color:#161616}
.v1-service .v1-steps__list p{color:#3a3a3a}
/* вступ: текст + фото проєкту */
.v1-svc-intro{display:grid;gap:24px;grid-template-columns:1fr;align-items:center}
@media (min-width:900px){.v1-svc-intro{grid-template-columns:1.1fr 1fr;gap:48px}}
.v1-svc-intro__text{display:grid;gap:14px}
.v1-svc-intro__text p{font-size:16px;line-height:1.55;color:#3a3a3a;max-width:56ch}
.v1-svc-intro__img{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:#2b2b2b;text-decoration:none;color:#fff;isolation:isolate}
.v1-svc-intro__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ce-ease)}
.v1-svc-intro__img:hover img{transform:none}
.v1-svc-intro__img span{position:absolute;left:0;right:0;bottom:0;padding:14px 20px;font-size:14px;color:#fff;background:rgba(0,0,0,.65)}
.v1-svc-intro__img:link,.v1-svc-intro__img:visited{color:#fff}
/* обладнання: бренди як посилання на категорію з фільтром */
.v1-svc-cats__lead{font-size:15px;color:#5c5c5c;margin-top:-6px;max-width:60ch}
.v1-svc-cat__title{font-size:17px;font-weight:700;line-height:1.2;color:#161616;text-decoration:none}
.v1-svc-cat__title:hover{color:#161616;text-decoration:underline}
.v1-svc-cat__brands{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.v1-svc-cat__brands a{font-size:14px;font-weight:600;color:#161616;padding:5px 10px;border:0;background:#ededed;border-radius:999px;text-decoration:none}
.v1-svc-cat__brands a:hover{background:#ededed;color:#161616} /* п. 46 (Опус): пігулки брендів без рамки, світло-сіре тло на тон темніше за картку #f8f8f8; без ефекту наведення */
.v1-svc-cat__brands a:link,.v1-svc-cat__brands a:visited,.v1-svc-cat__title:link,.v1-svc-cat__title:visited{color:#161616}
.v1-svc-cat{display:grid;grid-template-rows:200px auto}
/* переваги */
.v1-svc-benefits__grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:720px){.v1-svc-benefits__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.v1-svc-benefits__grid{grid-template-columns:repeat(4,1fr)}}
.v1-svc-benefits__grid li{display:grid;gap:8px;align-content:start;padding:22px;border-radius:18px;background:#161616;color:#fff}
.v1-svc-benefits__grid b{font-size:18px;font-weight:700;line-height:1.2;color:#fff}
.v1-svc-benefits__grid span{font-size:14px;line-height:1.5;color:#e0e0e0}
.v1-light .v1-svc-benefits__grid li{color:#fff}
.v1-cases__head > div{display:grid;gap:6px}
@media (max-width:767px){.v1-svc-cat{grid-template-rows:160px auto}.v1-svc-cat__brands a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;padding:6px 14px} /* під палець 44 px (Опус, диригент) */}

/* ---------- /b2b-1/ світла сторінка під відео (власник 2026-10-13: «потім повинна йти світла тема, всі темні фони прибираємо») ---------- */
.v1--light{background:#fff;color:#161616;--v1-muted:#5c5c5c;--v1-line:rgba(22,22,22,.14);--v1-surface:#f8f8f8}
.v1--light .v1-hero{color:#fff;--v1-muted:#b9b9b9} /* темним лишається лише відео нагорі */
.v1--light .v1-h2{color:#161616}
.v1--light .ce-ph{color:#161616;border-color:var(--ce-orange);background:rgba(253,101,0,.06)}
/* блок цифр з головної (розмітка теми) */
.v1-info{padding-top:28px!important;padding-bottom:0!important}
.v1-info .main__info{margin-bottom:0}
.v1-info .main__info-content{margin-bottom:0}
.v1-info .main__info-text{hyphens:none}
/* «Нам довіряють»: підпис темний, плашки логотипів світло-сірі на білому; темна плашка «Скло Альянс» лишається (логотип є лише білим) */
.v1--light .v1-clients{border-color:var(--v1-line)}
.v1--light .v1-clients__t{color:#161616}
.v1--light .v1-logo{background:#f8f8f8;border:1px solid rgba(22,22,22,.08)}
.v1--light .v1-logo--dark{background:#161616;border-color:rgba(22,22,22,.2)}
.v1--light .v1-logo--text{border-color:rgba(22,22,22,.2)}
.v1--light .v1-logo--text span{color:#161616}
/* задачі */
.v1--light .v1-task__sol{color:#161616}
/* картка-заклик «Одна доба»: світла, небо світле, силует помаранчево-коричневий замість чорного */
.v1--light .v1-teaser__card{background:#f8f8f8;color:#161616;border-color:var(--v1-line)}
.v1--light .v1-teaser__card:link,.v1--light .v1-teaser__card:visited,.v1--light .v1-teaser__card:hover,.v1--light .v1-teaser__card:focus{color:#161616}
.v1--light .v1-teaser__text{color:#5c5c5c}
.v1--light .v1-teaser__sky{background:#eef0f3} /* рівне світле небо без градієнта (п. 23) */
.v1--light .v1-teaser__sky::after{background:#3a3a3a}
/* світла частина: без переходу з темного (сторінка вже світла) */
.v1--light .v1-light::before{display:none}
/* «Що будуємо»: рендери на світло-сірому, підпис темний */
.v1--light .v1-sol__card--render .v1-sol__img,.v1--light .v1-sol__card--render .v1-sol__img img{background:#f3f3f3}
.v1--light .v1-sol__card::after{background:none}
.v1--light .v1-sol__card--render .v1-sol__body{background:#f3f3f3}
.v1--light .v1-light .v1-sol__body{color:#161616}
.v1--light .v1-light .v1-sol__text{color:#444}
.v1--light .v1-sol__card:not(.v1-sol__card--render)::after{background:rgba(0,0,0,.28)}
.v1--light .v1-sol__card:not(.v1-sol__card--render) .v1-sol__body{color:#fff}
.v1--light .v1-sol__card:not(.v1-sol__card--render) .v1-sol__text{color:#e0e0e0}
.v1--light .v1-hero{background:#161616} /* тло під відео темне (відео лежить поверх), щоб і замір контрасту бачив темний фон під білим текстом */
.v1--light .v1-sol__card:not(.v1-sol__card--render) .v1-sol__body{background:rgba(0,0,0,.75)} /* підпис на справжньому фото: гарантовано темна підкладка (контраст ≥ 4,5 на будь-якому фото) */

/* ---------- /b2b-1/: «Реалізовані проекти Columbus» (формат теми, усі проєкти, стрілки) ---------- */
.v1-projects{padding-top:clamp(40px,5vw,72px)!important;padding-bottom:0!important;margin-bottom:0}
.v1-projects .slider__container{padding:0 var(--ce-gutter,15px);max-width:1470px;margin:0 auto}
.v1-projects .slider__header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.v1-projects .header{font-size:clamp(28px,3.6vw,42px);font-weight:700;color:#161616;margin:0;line-height:1.1}
.v1-projects .slider__header .button{margin:0;width:auto;min-width:0}
.v1-projects__body{padding:0 var(--ce-gutter,15px);max-width:1470px;margin:0 auto;position:relative}
.v1-projects .slider__items{display:flex;align-items:stretch;margin:0;padding:0}
.v1-projects .slider__item{width:33.333%!important;margin:0!important;padding:0 23px 0 0!important;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}
.v1-projects .slider__photo,.v1-projects .slider__wrapper{max-width:none}
.v1-projects .slider__wrapper{flex:1;padding:32px 24px 24px;align-items:start}
.v1-projects .slider__title-big{font-size:clamp(22px,2.2vw,30px);word-break:normal;overflow-wrap:anywhere}
.v1-projects .slider__subtitle{font-size:18px;margin-bottom:14px}
.v1-projects .slider__text{font-weight:400;font-size:14px;line-height:1.5;color:#333;padding-right:0;margin-bottom:18px}
.v1-projects .slider__info-item{font-size:15px;font-weight:600;color:#161616;margin-bottom:4px}
.v1-projects .slider__info{margin-bottom:0}
.v1-projects .slider__info .button{margin-top:18px}
.v1-projects__arrow,.v1-projects__arrow:link,.v1-projects__arrow:visited{position:absolute;top:calc((100% - 0px) * .22);z-index:5;width:52px;height:52px;border-radius:50%;background:var(--ce-orange);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:none}
.v1-projects__arrow:hover,.v1-projects__arrow:focus{background:var(--ce-orange);color:#fff;box-shadow:none;transform:none}
.v1-projects__arrow--prev{left:calc(var(--ce-gutter,15px) - 8px)}
.v1-projects__arrow--next{right:calc(var(--ce-gutter,15px) + 15px)}
@media (max-width:959px){.v1-projects .slider__item{width:50%!important}}
@media (max-width:639px){
  .v1-projects .slider__item{width:100%!important;padding-right:0!important}
  .v1-projects__arrow,.v1-projects__arrow:link,.v1-projects__arrow:visited{width:60px;height:60px;top:auto;bottom:-78px} /* під палець: 60 px, під картками */
  .v1-projects__arrow--prev{left:var(--ce-gutter,15px)}
  .v1-projects__arrow--next{right:var(--ce-gutter,15px)}
  .v1-projects{padding-bottom:96px!important}
  .v1-projects .slider__header .button{width:100%}
}
.v1-projects .slider__body{overflow:hidden} /* до запуску UIkit картки не вилазять за край; після запуску UIkit сам ховає зайве */
.v1-how .v1-phases{padding-top:72px!important} /* відступ між сценою й «Розбором доби» (власник 2026-10-13, п. 17) */
@media (max-width:767px){.v1-how .v1-phases{padding-top:40px!important}}
/* стрічка брендів у блоці «Обладнання, яке ставимо» (власник 2026-10-13, п. 14): білі плашки на сірій картці */
.v1-brands .v1-marquee{padding:6px 0 4px;margin:4px 0}
.v1-brands .v1-logo,.v1--light .v1-brands .v1-logo{background:#fff;border:1px solid rgba(22,22,22,.06)}
.v1-svc-hero__cap{position:absolute;right:16px;bottom:10px;font-size:14px;color:#d7d7d7;opacity:.85} /* підпис «ілюстрація» на згенерованому фоні */
.v1-brands .v1-marquee{grid-column:1 / -1;width:100%;order:3} /* стрічка на всю ширину картки, під текстом і кнопкою */
.v1-brands .v1-marquee .v1-marquee__track{gap:40px;padding-right:40px;animation-duration:30s}
.v1-svc-hero__content{overflow:hidden} /* п. 25: якщо текст не вміщається, блок не росте */
.v1-projects .slider__title-big{color:#161616} /* п. 29: назви проєктів темні, помаранчевими лишаються лише великі цифри */
.v1-svc-who__body{background:rgba(0,0,0,.72)} /* підпис картки «Кому підходить» на рівній темній підкладці (контраст ≥ 4,5 на будь-якому фото) */

/* ---------- Головна, «Що будуємо» на компоненті теми «white» (п. 32): 8 послуг, ряди 1/3 + 2/3 ---------- */
.v1-sol.white{padding:clamp(56px,8vw,120px) var(--ce-gutter,15px) 0;max-width:1470px;margin:0 auto;box-sizing:border-box}
.v1-sol.white .white__container{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:25px;margin:0 0 25px}
.v1-sol.white .white__small,.v1-sol.white .white__big{position:relative;overflow:hidden;border-radius:32px;padding:0;margin:0!important;max-width:none;height:460px;background:#161616;color:#fff;isolation:isolate} /* margin !important: тема дає малій картці відступ зліва 25 px (Опус: ряди 2 і 4 виходили за край) */
.v1-sol.white .white__small{width:calc(34% - 8.5px);flex:0 0 calc(34% - 8.5px)}
.v1-sol.white .white__big{width:calc(66% - 16.5px);flex:0 0 calc(66% - 16.5px)} /* 34 % + 66 % мінус проміжок 25 px: рівно по краях з іншими блоками */
.v1-sol.white .white__background{position:absolute;inset:0;width:100%;height:100%;left:0;top:0;scale:1;margin:0;z-index:-1}
.v1-sol.white .white__background img{width:100%;height:100%;object-fit:cover;display:block}
.v1-sol.white .white__background::before,.v1-sol.white .white__background::after{display:none!important;background:none!important;content:none} /* без градієнта теми */
.v1-sol.white .white__background{background:#161616}
.v1-sol.white .white__small::after,.v1-sol.white .white__big::after{content:none} /* фото без затемнення (Опус/власник): підкладка лише під текстом, нижче */
.v1-sol.white .white__wrapper{position:absolute;left:24px;right:auto;top:auto;bottom:24px;z-index:1;width:auto;height:auto;max-width:calc(100% - 48px);margin:0!important;padding:16px 18px 18px;display:inline-grid;gap:6px;justify-items:start;background:rgba(22,22,22,.74);border-radius:22px} /* рівна плашка внизу картки, поля 24 px з усіх боків (тема при ≥1250 px дає .white__wrapper top/left 40 px, тому left/top задано явно); фото видно згори */
.v1-sol.white .white__big .white__wrapper{max-width:min(52ch,calc(100% - 48px))}
.v1-sol.white .white__title{font-size:20px;font-weight:700;line-height:1.15;color:#fff;margin:0} /* менший заголовок: довгі назви з меню в менше рядків, плашка не більше ~половини картки */
.v1-sol.white .white__big .white__title{font-size:22px}
.v1-sol.white .white__span{color:#fd6500}
.v1-sol.white .white__text{font-size:14px;font-weight:500;line-height:1.45;color:#e6e6e6;margin:0}
@media (min-width:768px){.v1-sol.white .white__small .white__text{font-size:13px;line-height:1.4}} /* опис у малих картках дрібніший лише на ПК; на телефоні 14 px (правило власника) */
.v1-sol.white .white__wrapper .button{display:inline-block;margin:4px 0 0;width:auto;min-width:0} /* вигляд і наведення дає еталон п. 44 (menu.css); тло/колір тут прибрано (Опус, перевірка пп. 43–48) */
.v1-sol__cap{position:absolute;right:16px;top:12px;bottom:auto;z-index:1;font-size:14px;color:#d7d7d7;opacity:.85} /* підпис угорі праворуч, щоб плашка внизу його не перекривала */
@media (max-width:1239px){.v1-sol.white .white__small,.v1-sol.white .white__big{height:400px}.v1-sol.white .white__wrapper{left:18px;bottom:18px;max-width:calc(100% - 36px)}}
@media (max-width:767px){
  .v1-sol.white .white__container{flex-direction:column;gap:16px;margin-bottom:16px}
  .v1-sol.white .white__small,.v1-sol.white .white__big{width:100%;flex:0 0 auto;height:470px;min-height:0;max-width:none} /* на телефоні всі картки однакової висоти; 470, щоб плашка (до ~236 px) була не більше половини */
  .v1-sol.white .white__wrapper,.v1-sol.white .white__big .white__wrapper{left:14px;bottom:14px;max-width:calc(100% - 28px);padding:16px 16px 18px} /* однакові поля плашки 14 px на малих і великих картках */
  .v1-sol.white .white__title,.v1-sol.white .white__big .white__title{font-size:20px}
}
.v1-sol.white .white__small,.v1-sol.white .white__big{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.v1-sol.white .white__wrapper{flex:0 0 auto;height:auto;align-self:flex-start} /* плашка лише під текстом, не на всю висоту картки */

/* ---------- п. 33: однаковий проміжок між усіма блоками (власник 2026-10-13: «всюди однаково») ----------
   Одне значення на ПК і одне на телефоні. Блоки без внутрішніх вертикальних відступів, проміжок задає лише margin-bottom.
   Виняток: перші блоки з фото/відео (.v1-hero, .v1-svc-hero) і сцена доби (.v1-day): їхні відступи всередині видимого блоку. */
:root{--ce-gap:64px}
@media (max-width:767px){:root{--ce-gap:40px}}
.v1 section,.v1 section + section,.v1 .v1-light > section,.v1 .v1-sol.white{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:var(--ce-gap)!important}
.v1 .v1-hero,.v1 .v1-svc-hero{padding-bottom:clamp(36px,5vw,60px)!important}
.v1 .v1-svc-hero{padding-bottom:clamp(32px,4.5vw,56px)!important}
.v1 .v1-day{padding:0!important}
.v1 section:last-child,.v1 .v1-light > section:last-child{margin-bottom:var(--ce-gap)!important}
.v1 .v1-h2{margin-top:0}
@media (max-width:639px){.v1 .v1-projects{padding-bottom:78px!important}} /* п. 33, телефон: стрілки гортання стоять під картками (bottom:-78px), тож місце під них лишаємо всередині блоку; видимий проміжок до наступного блоку = --ce-gap */
@media (max-width:639px){.v1 .v1-projects .slider__body{overflow:visible}.v1 .v1-projects .uk-slider-container{overflow:hidden}} /* п. 33: на телефоні стрілки стоять під картками поза .slider__body, overflow:hidden їх ховав (біла порожнеча 118 px); зайві картки ховає обгортка UIkit */
.v1-teaser__sun{background:var(--ce-orange)} /* п. 23: без градієнтів, сонце в тизері рівне */
/* ---------- п. 35: гортання проєктів на головній (власник 2026-10-13) ----------
   1) стрілки рівно по вертикальному центру фото (menu.js рахує центр першого фото і пише --ce-arrow-top), ліва й права симетричні;
   2) кнопки «Дізнатись більше» в усіх картках на одному рівні, притиснуті до низу картки;
   3) правий край гортання = правий край контейнера: проміжок між картками через padding-left і від'ємний margin списку, а не padding-right. */
.v1 .v1-projects .slider__items{margin-left:-23px;width:calc(100% + 23px)}
.v1 .v1-projects .slider__item{padding:0 0 0 23px!important}
.v1 .v1-projects .slider__wrapper{display:flex;flex-direction:column}
.v1 .v1-projects .slider__info{display:flex;flex-direction:column;flex:1 1 auto;align-items:flex-start;width:100%}
.v1 .v1-projects .slider__info .button{margin-top:auto!important;align-self:flex-start}
.v1 .v1-projects .slider__info-item:last-of-type{margin-bottom:18px}
.v1 .v1-projects__arrow,.v1 .v1-projects__arrow:link,.v1 .v1-projects__arrow:visited{top:var(--ce-arrow-top,22%);bottom:auto;margin-top:-26px}
.v1 .v1-projects__arrow--prev{left:calc(var(--ce-gutter,15px) - 8px)}
.v1 .v1-projects__arrow--next{right:calc(var(--ce-gutter,15px) - 8px)}
@media (max-width:639px){
  .v1 .v1-projects .slider__items{margin-left:0;width:100%}
  .v1 .v1-projects .slider__item{padding:0!important}
  .v1 .v1-projects__arrow,.v1 .v1-projects__arrow:link,.v1 .v1-projects__arrow:visited{top:var(--ce-arrow-top,22%);bottom:auto;margin-top:-30px} /* на телефоні теж по центру фото */
  .v1 .v1-projects__arrow--prev{left:calc(var(--ce-gutter,15px) + 4px)}
  .v1 .v1-projects__arrow--next{right:calc(var(--ce-gutter,15px) + 4px)}
  .v1 .v1-projects{padding-bottom:0!important}
}
/* п. 36: «Каталог обладнання» як «Усі проєкти»: кнопка теми, ширина за текстом, праворуч на рівні заголовка блоку */
@media (min-width:1024px){.v1 .v1-brands__row{grid-template-columns:1fr auto;align-items:start}}
.v1 .v1-brands__row .v1-brands__btn{justify-self:end;align-self:start;width:auto;min-width:0;margin:0}
/* п. 38 (власник 2026-10-13): «Як це працює» і сторінки послуг В1: тло сторінки біле, бо темне тло main (#161616) просвічувало в проміжках між блоками як чорні смуги до і після сцени доби */
.v1.v1-how,.v1.v1-how .v1-light{background:#fff}
.v1-how .v1-sky{background:#f5f5f5} /* під небом сцени теж світле, щоб край під силуетами був чистим */
.v1-svc-hero{background:#161616} /* рівне темне тло під фото першого блоку (поки фото вантажиться; аудит контрасту бачить темне тло під білим текстом) */
/* п. 41: відеофон у першому блоці сторінок В1 («Як це працює», «Оптові поставки», «Супровід»): поверх фото, під рівною підкладкою ::after */
.v1-svc-hero__media .ce-svc-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:0}
.v1-svc-hero__media::after{z-index:1}
/* п. 38, доробка сцени (власник 2026-10-13): силуети цехів і земля світлі вдень, вранці, на світанку й коли сцена відпускає сторінку;
   темні лише поки небо темне (.is-dark: вечір, ніч, відключення). Так під сценою перед «Розбором доби» немає темної смуги. */
.v1-how .v1-silhouette__body{fill:#d9d9d9}
.v1-how .v1-silhouette__pv path{fill:#bdbdbd}
.v1-how .v1-day.is-dark .v1-silhouette__body{fill:#000}
.v1-how .v1-day.is-dark .v1-silhouette__pv path{fill:#0d0d0d}
.v1-how .v1-day.is-dawn .v1-silhouette__body{fill:#d8d1c8}
.v1-how .v1-day.is-dawn .v1-silhouette__pv path{fill:#b9b1a6}
/* п. 46: без рамок на наших картках і блоках (тизер, калькулятор і його пункти, розбір доби, режими, картки послуг, категорії, переваги, фінальний блок, логотипи); тло світло-сіре, радіус лишається */
.v1 .v1-teaser__card,.v1 .v1-calc__panel,.v1 .v1-calc__points li,.v1 .v1-phase,.v1 .v1-mode,.v1 .v1-svc-cat,.v1 .v1-svc-offer__grid li,.v1 .v1-ind__list li,.v1 .v1-brands__list li,.v1 .v1-final__box,.v1 .v1-logo,.v1--light .v1-logo,.v1 .v1-brands .v1-logo,.v1 .v1-svc-who__card,.v1 .v1-svc-benefits li,.v1 .v1-case,.v1 .v1-stats,.v1 .v1-clients{border:0!important}
.v1 .v1-calc__points li,.v1 .v1-mode,.v1 .v1-svc-cat,.v1 .v1-ind__list li{background:#f8f8f8}
/* п. 48 (власник 2026-10-13: «всі букви і цифри на помаранчевому білі»): цифри в помаранчевих кружках калькулятора білі */
.v1 .v1-calc__points li::before{color:#fff}
/* п. 46, доповнення (Опус): кроки «Як замовити партію» без тонкої лінії зверху */
.v1 .v1-steps__list li{border-top:0!important}
/* власник 2026-10-13 (Опус): текст першого блоку «Як це працює», «Оптових поставок», «Супроводу» по вертикальному центру між меню і низом фото, як на головній; ПК */
@media (min-width:1024px){main.ce-page.v1 section.v1-svc-hero{align-items:center!important;padding-top:75px!important;padding-bottom:0!important}main.ce-page.v1 section.v1-svc-hero .v1-svc-hero__content{padding-top:0!important}main.ce-page.v1 section.v1-svc-hero .v1-hero__actions{margin-bottom:0!important}}
/* власник 2026-10-13 (Опус): «Наші послуги» на головній у 3 ряди: перші два по 3 однакові колонки, третій 2/3 + 1/3 по тій самій сітці; телефон як був */
@media (min-width:768px){.v1-sol.white .white__container--3 .white__small{width:calc((100% - 50px) / 3);flex:0 0 calc((100% - 50px) / 3)}.v1-sol.white .white__container--2 .white__small{width:calc((100% - 50px) / 3);flex:0 0 calc((100% - 50px) / 3)}.v1-sol.white .white__container--2 .white__big{width:calc((200% - 25px) / 3);flex:0 0 calc((200% - 25px) / 3)}}
/* власник 2026-10-13 (Опус): «гарно по розміру»: плашки з текстом однакові: ширина = картка мінус 24 px з боків (у великій картці як у малій),
   однакова висота в усіх картках (найвища на цій ширині), заголовок угорі, кнопка внизу на одній лінії; телефон і планшет як були */
@media (min-width:1024px){.v1-sol.white .white__wrapper{left:24px;right:24px;width:auto;max-width:none;grid-template-rows:auto auto 1fr;align-content:stretch;min-height:222px;box-sizing:border-box}.v1-sol.white .white__big .white__wrapper{right:auto;width:calc((100% - 25px) / 2 - 48px);max-width:none}.v1-sol.white .white__wrapper .button{align-self:end}}
@media (min-width:1024px) and (max-width:1239px){.v1-sol.white .white__wrapper{left:18px;right:18px;min-height:286px}.v1-sol.white .white__big .white__wrapper{width:calc((100% - 25px) / 2 - 36px)}}
/* власник 2026-10-13 (Опус): «оця пустота зайва»: кнопка одразу під текстом, висота плашки за вмістом (ширина лишається однакова) */
@media (min-width:1024px){.v1-sol.white .white__wrapper{min-height:0;grid-template-rows:none;align-content:start}.v1-sol.white .white__wrapper .button{align-self:auto}}
/* власник 2026-10-13 (Опус): «інтервал між заголовком, описом і кнопкою регулюється, щоб усі були однакової висоти»: плашки однакові
   (висота = найвища на цій ширині), заголовок угорі, кнопка внизу, вільне місце порівну між заголовком, описом і кнопкою */
@media (min-width:1024px){.v1-sol.white .white__wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;box-sizing:border-box;min-height:286px}.v1-sol.white .white__wrapper .button{align-self:flex-start}}
@media (min-width:1240px){.v1-sol.white .white__wrapper{min-height:222px}}
@media (min-width:1440px){.v1-sol.white .white__wrapper{min-height:202px}}
/* ---------- Головна, «Особливі умови кредитування від банків-партнерів Columbus» (власник 2026-10-13, Опус): як блок брендів, сіра плашка й білі плитки ---------- */
.v1-credit__panel{display:grid;gap:18px;padding:clamp(24px,4vw,40px);border-radius:24px;background:#f8f8f8;color:#161616}
.v1-credit__head{display:grid;gap:18px}
@media (min-width:1024px){.v1-credit__head{grid-template-columns:1fr auto;align-items:start;gap:40px}}
.v1-credit__head .v1-h2{margin-bottom:12px}
.v1-credit__head p{font-size:15px;line-height:1.5;color:#5c5c5c;max-width:78ch;margin:0}
.v1 .v1-credit__btn{justify-self:start;align-self:start;width:auto;min-width:0;margin:0;white-space:nowrap}
@media (max-width:767px){.v1 .v1-credit__btn{justify-self:stretch;white-space:normal}}
.v1-credit__label{font-size:16px;font-weight:700;margin:10px 0 0;color:#161616}
.v1-credit__facts,.v1-credit__banks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v1-credit__facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.v1-credit__facts li{display:grid;gap:4px;padding:16px 20px;border-radius:14px;background:#fff}
.v1-credit__facts b{font-size:clamp(20px,2vw,28px);font-weight:700;line-height:1.15;color:#161616}
.v1-credit__facts span{font-size:14px;line-height:1.4;color:#5c5c5c}
@media (max-width:767px){.v1-credit__facts{grid-template-columns:1fr}.v1-credit__facts li{padding:14px 16px}}
.v1-credit__banks{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){.v1-credit__banks{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.v1-credit__banks{grid-template-columns:repeat(7,minmax(0,1fr))}}
.v1-credit__bank{display:flex;align-items:center;justify-content:center;height:96px;padding:12px 16px;border-radius:14px;background:#fff;box-sizing:border-box}
.v1-credit__bank a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.v1-credit__bank img{display:block;max-width:100%;max-height:60px;width:auto;height:auto;object-fit:contain}
/* власник 2026-10-13 (Опус): картки «Наші послуги» без кнопок, уся картка = посилання; тексти без підкреслення, кольори як були */
.v1-sol.white a.v1-svcgrid__card,.v1-sol.white a.v1-svcgrid__card:link,.v1-sol.white a.v1-svcgrid__card:visited,.v1-sol.white a.v1-svcgrid__card:hover{color:#fff;text-decoration:none}
.v1-sol.white a.v1-svcgrid__card:focus-visible{outline:3px solid #fd6500;outline-offset:3px}
/* без кнопок плашки нижчі: однакова висота = найвища на цій ширині (виміряно 2026-10-13, Опус), заголовок угорі, опис унизу */
@media (min-width:1024px){.v1-sol.white .white__wrapper{min-height:230px}}
@media (min-width:1240px){.v1-sol.white .white__wrapper{min-height:166px}}
@media (min-width:1440px){.v1-sol.white .white__wrapper{min-height:146px}}
/* власник 2026-10-13 (Опус): «прибери інтервал, великий пустий проміжок»: опис одразу під заголовком (6 px), висота плашок однакова */
@media (min-width:1024px){.v1-sol.white .white__wrapper{justify-content:flex-start}}
/* власник 2026-10-13 (Опус): заголовки «Калькулятор окупності…» і «Особливі умови кредитування…» такого ж розміру, як «Columbus офіційний представник наступних брендів» */
.v1 .v1-calc__intro .v1-h2,.v1 .v1-credit__head .v1-h2{font-size:clamp(22px,2.4vw,30px);margin-bottom:8px}
/* власник 2026-10-13 (Опус): «Питання, які ставлять перед рішенням» на головній такого ж розміру й ваги, як «Columbus офіційний представник наступних брендів» */
.v1 #faq-block-home .nav__header{font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.1;letter-spacing:-.015em;color:#161616}
/* власник 2026-10-13 (Опус): кнопка калькулятора ліворуч під текстом */
.v1 .v1-calc__intro .v1-calc__actions{margin-top:24px;grid-template-columns:auto}
/* ---------- Головна, «Нам довіряють лідери ринку» (власник 2026-10-13, Опус, за його прикладом): світлі плитки, сірі логотипи клієнтів, без руху ---------- */
.v1-trust__grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:768px){.v1-trust__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.v1-trust__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}}
.v1-trust__item{display:flex;align-items:center;justify-content:center;height:clamp(84px,8vw,120px);padding:14px clamp(12px,2vw,28px);border:1px solid #ededed;border-radius:18px;background:#fff;box-sizing:border-box}
.v1-trust__item img{display:block;max-width:100%;max-height:clamp(40px,4.4vw,64px);width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.6}
.v1-trust__item--white img{filter:brightness(0);opacity:.45} /* логотип існує лише білим: робимо сірим, як інші */
.v1 .v1-trust .v1-h2{font-size:clamp(22px,2.4vw,30px);margin-bottom:24px} /* розмір як у «Columbus офіційний представник…» */
.v1 .v1-trust__item{border:0!important;background:#f8f8f8} /* без рамок, як інші плитки сайту (правило п. 46): сіра плитка на білому тлі */
/* власник 2026-10-13: «при наведенні ставали кольоровими»: логотип у власних кольорах, плавно; білий логотип на темній плитці */
.v1-trust__item img{transition:filter .3s ease,opacity .3s ease}
.v1 .v1-trust__item{transition:background-color .3s ease}
.v1-trust__item:hover img{filter:none;opacity:1}
.v1 .v1-trust__item--white:hover{background:#161616}
/* власник 2026-10-13 (Опус): «Нам довіряють лідери ринку» і «Питання, які ставлять перед рішенням» тим самим шрифтом, що «Реалізовані проекти Columbus.B2B» (42 px на ПК) */
.v1 .v1-trust .v1-h2,.v1 #faq-block-home .nav__header{font-size:clamp(28px,3.6vw,42px);font-weight:700;line-height:1.1;letter-spacing:normal;color:#161616}
/* власник 2026-10-13 (Опус): «затемнення не на частину картки, а на всю картинку»: рівне затемнення всього фото (без градієнта),
   плашки під текстом немає; 55 % чорного, щоб білий текст читався навіть на світлих фото (контраст ≥ 4,5:1) */
.v1 .v1-sol.white a.v1-svcgrid__card::after{content:"";position:absolute;inset:0;z-index:0;background:rgba(0,0,0,.55);pointer-events:none;border-radius:inherit}
.v1 .v1-sol.white .white__wrapper{background:transparent;z-index:1}
/* власник 2026-10-13 (Опус): «заголовки на пару пунктів більшими» у картках послуг: 20 → 22 px (велика картка 22 → 24), телефон 22;
   висоту тексту картки перераховано під новий розмір (найвища на ширині), щоб заголовки лишились на одній лінії */
.v1 .v1-sol.white .white__title{font-size:22px}
.v1 .v1-sol.white .white__big .white__title{font-size:24px}
@media (max-width:767px){.v1 .v1-sol.white .white__title,.v1 .v1-sol.white .white__big .white__title{font-size:22px}}
@media (min-width:1024px){.v1-sol.white .white__wrapper{min-height:240px}}
@media (min-width:1240px){.v1-sol.white .white__wrapper{min-height:180px}}
@media (min-width:1440px){.v1-sol.white .white__wrapper{min-height:172px}}
/* власник 2026-10-14 (Опус): відео в картці «Моніторинг» поверх фото, видно лише під час наведення (плавна поява), фото під ним те саме, що постер */
.v1-sol.white .white__background .v1-sol__hovervid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .35s ease;pointer-events:none}
.v1-sol.white .v1-svcgrid__card.is-playing .v1-sol__hovervid{opacity:1}
/* власник 2026-10-14: затемнення першого блоку головної = як на послугах (60 % ПК, 68 % телефон): діють базові правила на початку файлу (.v1-hero__media::after); дублікати Опуса й Фабла прибрано */

/* ===== Власник 2026-10-29: сторінки послуг «Оптові поставки» і «Супровід проєктів ВДЕ» (v1/service.php) =====
   Відкат: /root/swap-20261029/opt-before/ (service.php, projects.php, style.css, content.php). */
/* «Як замовити партію» / «Етапи супроводу»: блок теми industrial__stages як на «СЕС на даху» (сіре тло, номер 01 у помаранчевій плашці, заголовок, текст); колір плашки лише фірмовий #FD6500 */
.v1-service .ce-svc-stages{background:#f8f8f8;border-radius:32px;padding:clamp(24px,3vw,40px);box-sizing:border-box;margin:0}
.v1-service .ce-svc-stages .industrial__spheres-title{color:#161616;hyphens:none;margin:0 0 clamp(24px,2.6vw,36px)}
.v1-service .ce-svc-stages .industrial__stages-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:28px 4%}
@media (min-width:720px){.v1-service .ce-svc-stages .industrial__stages-items{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.v1-service .ce-svc-stages .industrial__stages-items{grid-template-columns:repeat(3,1fr)}}
.v1-service .ce-svc-stages .industrial__stages-item{width:auto;margin:0}
.v1-service .ce-svc-stages .industrial__stages-header{display:flex;align-items:center;gap:15px;margin:0 0 14px}
.v1-service .ce-svc-stages .industrial__stages-number{flex:0 0 auto;margin:0;background:#FD6500;color:#fff;border-radius:10px;padding:6px 14px;font-size:clamp(32px,3.2vw,46px);font-weight:600;line-height:1.1}
.v1-service .ce-svc-stages .industrial__stages-title{margin:0;color:#161616;font-size:clamp(17px,1.4vw,20px);font-weight:600;line-height:1.25}
.v1-service .ce-svc-stages .industrial__stages-text{color:#161616;font-size:16px;line-height:1.45}
@media (max-width:639px){.v1-service .ce-svc-stages .industrial__stages-text{font-size:15px}}
/* «Чому з нами зручно» / «Чому Columbus»: сірі картки теми info__item, як на «Накопичувачах» і «Моніторингу» (тло #f8f8f8, радіус 32, заголовок 20, текст чорний) */
.v1-service .ce-svc-info .info__items{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:720px){.v1-service .ce-svc-info .info__items{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.v1-service .ce-svc-info .info__items{grid-template-columns:repeat(4,1fr)}}
.v1-service .ce-svc-info .info__item{width:auto;height:auto;margin:0;background:#f8f8f8;border-radius:32px;padding:clamp(26px,2.6vw,40px);box-sizing:border-box}
.v1-service .ce-svc-info .info__item-title{margin:0 0 12px;color:#161616;font-size:20px;font-weight:600;line-height:1.25}
.v1-service .ce-svc-info .info__item-text{margin:0;color:#161616;font-size:16px;line-height:1.45}
/* «Що входить»: заголовок картки не роз'їжджається з текстом, коли сусідня картка вища */
.v1-service .v1-svc-offer__grid li{grid-template-rows:auto 1fr}
/* «Що можна замовити»: біле тло фото товару зливається з сірою плиткою (без білих прямокутників); підпис під заголовком не впритул до плиток */
.v1-service .v1-svc-cat__img img{mix-blend-mode:multiply}
.v1-service .v1-svc-cats .v1-cases__head{margin-bottom:24px}
.v1-service .v1-svc-cats__lead{margin-top:0}