/* «Про нас» — чорна сторінка з нашим жовтим (рішення 30.09). Поверх v2.css: спершу перефарбовуємо спільні частини
   (шапка, футер, форми, кнопка в куті), далі — блоки сторінки. */

/* ---------- Тема ---------- */
.pg-dark{
  --bg:#0A0A0A; --gray:#0F0F0F; --card:#141414; --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.2);
  --ink:#F4F4F2; --ink-2:#9C9C98; --ink-green:#F4F4F2;
  --y:#F8B424; --y-hi:#FFC647; --y-dim:rgba(248,180,36,.14);
  --sheet-cut:44px;
  background:#050505;color:var(--ink)
}
.pg-dark ::selection{background:var(--y);color:#0A0A0A}

/* шапка: темне скло, білий текст, жовте підкреслення */
.pg-dark .hdr{background:rgba(8,8,8,.5);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.35)}
.pg-dark .hdr__tag{color:#8E8E8A}
.pg-dark .hdr__nav a:hover,.pg-dark .hdr__nav a[aria-current="page"]{border-color:var(--y)}
.pg-dark .hdr .hdr__cta{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.9);
  box-shadow:0 0 0 4px rgba(0,0,0,.55),0 0 0 5px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -3px 6px rgba(0,0,0,.45)}
.pg-dark .hdr .hdr__cta i{color:#fff}
.pg-dark .hdr .hdr__cta:hover{background:rgba(255,255,255,.12);box-shadow:0 0 0 4px rgba(0,0,0,.55),0 0 0 5px rgba(248,180,36,.5),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -3px 6px rgba(0,0,0,.45)}
.pg-dark .hdr__burger{color:#fff}

/* кнопка в куті й форми — темні, акцент жовтий */
.pg-dark .cta__btn{background:#141414;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 12px 30px rgba(0,0,0,.5)}
.pg-dark .cta__btn:hover{background:#1c1c1c}
.pg-dark .cta__btn i,.pg-dark .cta__list i,.pg-dark .cta__list button i{color:var(--y)}
.pg-dark .cta__list a,.pg-dark .cta__list button{background:#141414;color:#fff;border-color:rgba(255,255,255,.12)}
.pg-dark .cta__list a:hover,.pg-dark .cta__list button:hover{border-color:var(--y)}
.pg-dark .lead-form::before,.pg-dark .ff::after{background:#121212}
.pg-dark .lead__kicker{color:var(--y)}
.pg-dark .lead__f input,.pg-dark .ff__f input{background:#0A0A0A;color:#fff}
.pg-dark .lead__f input:focus,.pg-dark .ff__f input:focus{border-color:var(--y);background:#0A0A0A}
.pg-dark .lead__x:hover{background:#1c1c1c}
.pg-dark .btn--green{background:var(--y);color:#0A0A0A}
.pg-dark .btn--green:hover{background:var(--y-hi)}
.pg-dark .lead__done i,.pg-dark .ff__thanks i{color:var(--y)}
.pg-dark .ff__again{color:var(--y)}
.pg-dark .ff__again:hover{background:rgba(248,180,36,.08)}

/* футер */
.pg-dark .ftr{background:#070707;border-top:1px solid rgba(255,255,255,.07)}
.pg-dark .ftr__col a:hover{color:var(--y)}
.pg-dark .ftr__col i{color:var(--y)}
.pg-dark .soc::before{background:#121212}
.pg-dark .soc:hover::before,.pg-dark .soc:focus-visible::before{background:#1a1a1a}
.pg-dark .soc:hover,.pg-dark .soc:focus-visible{color:#fff}
.pg-dark .soc__ico{background:var(--y)}
.pg-dark .soc>i{color:var(--y)}

/* ---------- Загальне ---------- */
.ab-eyebrow{font:600 .8rem/1 var(--f-display);letter-spacing:.22em;text-transform:uppercase;color:var(--y);
  display:inline-flex;align-items:center;gap:12px}
.ab-eyebrow::before{content:"";width:26px;height:2px;background:var(--y)}
.ab-h2{font:800 clamp(30px,3.6vw,52px)/1.16 var(--f-head);text-transform:uppercase;letter-spacing:-.015em;color:#fff;margin:18px 0 0;text-wrap:balance}
.ab-h2 em{font-style:normal;color:var(--y)}
.ab-p{color:#B4B4AF;font-size:1.08rem;line-height:1.65;margin-top:18px;max-width:34em}
.ab-sec{position:relative;padding:clamp(80px,11vw,150px) 0}
.ab-sec + .ab-sec{border-top:1px solid rgba(255,255,255,.06)}
/* ледь помітна сітка «комірок» на фоні */
.ab-sec--grid{background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:64px 64px;background-position:center top}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.reveal.is-in{opacity:1;transform:none}

/* комірка зі скосами */
.cell{clip-path:polygon(var(--c,14px) 0,calc(100% - var(--c,14px)) 0,100% var(--c,14px),100% calc(100% - var(--c,14px)),calc(100% - var(--c,14px)) 100%,var(--c,14px) 100%,0 calc(100% - var(--c,14px)),0 var(--c,14px))}

/* ---------- 1. Перший екран: фон, що стоїть на місці ---------- */
.ab{position:relative}
.ah{position:sticky;top:0;z-index:0;height:100vh;height:100svh;min-height:560px;display:flex;align-items:flex-end;overflow:hidden;background:#050505}
.ah__bg{position:absolute;inset:0;transform:scale(calc(1 + var(--ah, 0) * .08));transform-origin:50% 60%}
.ah__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ah__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,5,5,.55) 0%,rgba(5,5,5,.15) 30%,rgba(5,5,5,.35) 62%,rgba(5,5,5,.94) 100%),
             radial-gradient(120% 90% at 0% 100%,rgba(5,5,5,.75) 0%,transparent 60%)}
.ah__body{position:relative;z-index:1;padding-bottom:clamp(90px,14vh,150px);opacity:calc(1 - var(--ah, 0) * 1.6);transform:translateY(calc(var(--ah, 0) * -60px))}
.ah h1{font:800 clamp(44px,7.4vw,112px)/1.12 var(--f-head);text-transform:uppercase;letter-spacing:-.025em;color:#fff;margin-top:22px}
.ah h1::after{content:"";display:block;width:clamp(80px,9vw,140px);height:6px;background:var(--y);margin-top:28px}
.ah__lead{margin-top:26px;max-width:36em;font-size:clamp(1.02rem,1.3vw,1.2rem);line-height:1.6;color:#D6D6D1}
.ah__down{position:absolute;z-index:1;left:50%;bottom:28px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:10px;
  color:#fff;text-decoration:none;font:600 .72rem/1 var(--f-display);letter-spacing:.22em;text-transform:uppercase;opacity:calc(1 - var(--ah, 0) * 2)}
.ah__down i{width:46px;height:46px;display:grid;place-items:center;font-size:1.2rem;border:1px solid rgba(255,255,255,.35);border-radius:50%;animation:ah-bob 2.2s ease-in-out infinite}
.ah__down:hover i{border-color:var(--y);color:var(--y)}
@keyframes ah-bob{50%{transform:translateY(6px)}}

/* аркуш, що наїжджає на перший екран */
/* скоси лише на верхній смужці: clip-path на всьому довгому аркуші (з 3D всередині) відеокарти малюють чорним */
.sheet{position:relative;z-index:1;margin-top:-1px;
  background:linear-gradient(to bottom,transparent var(--sheet-cut),#0A0A0A var(--sheet-cut))}
.sheet::after{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:calc(var(--sheet-cut) + 1px);background:#0A0A0A;pointer-events:none;
  clip-path:polygon(var(--sheet-cut) 0,calc(100% - var(--sheet-cut)) 0,100% 100%,0 100%)}
.sheet>*{position:relative;z-index:1}
.sheet::before{content:"";position:absolute;z-index:2;left:var(--sheet-cut);right:var(--sheet-cut);top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--y) 20%,var(--y) 80%,transparent);opacity:.9}

/* ---------- 2. Хто ми ---------- */
.who{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.stat{--c:18px;position:relative;padding:34px 28px 30px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;
  background:#131313;clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));transition:background .3s}
.stat:hover{background:#181818}
.stat::before{content:"";position:absolute;left:28px;top:28px;width:10px;height:10px;background:var(--y);clip-path:polygon(0 0,100% 0,100% 100%)}
.stat b{font:800 clamp(34px,3.3vw,52px)/.95 var(--f-head);color:var(--y);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.stat b i{font-style:normal}
.stat--txt b{font-size:clamp(28px,2.8vw,40px);line-height:1;color:#fff}
.stat span{color:#A3A39E;font-size:.95rem;line-height:1.35}

/* ---------- 2а. Наша історія (Pastel 02.10): лінія з п'яти кроків, «Далі» — підсвічений ---------- */
.story__head{max-width:860px}
.story__line{--prog:0;list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;position:relative}
/* лінія-шкала: сіра доріжка + зелене заповнення, що росте під час прокрутки (як «Логістика») */
.story__line::before{content:"";position:absolute;left:0;right:0;top:-22px;height:2px;background:var(--line)}
.story__line::after{content:"";position:absolute;left:0;top:-22px;height:2px;width:calc(var(--prog) * 100%);background:var(--y);box-shadow:0 0 12px rgba(30,157,87,.45)}
.story__line li{opacity:.45;transition:opacity .5s}
.story__line li.is-on{opacity:1}
.story__line li{--c:14px;position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 22px 26px;min-height:210px;background:var(--card);
  box-shadow:inset 0 0 0 1px var(--line);
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}
.story__n{font:800 .85rem/1 var(--f-head);color:var(--y);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.story__line b{font:800 1.05rem/1.2 var(--f-head);color:var(--ink);text-transform:uppercase;letter-spacing:-.01em}
.story__line span:not(.story__n){color:var(--ink-2);font-size:.92rem;line-height:1.45}
.story__now{background:var(--y)!important;box-shadow:none!important}
.story__now b,.story__now span,.story__now .story__n{color:#fff!important}
/* ріст без цифр: лише підписи років */
.bars--plain .bar span{bottom:-40px}
.bars--plain{padding-bottom:40px;margin-bottom:40px}

/* ---------- 3. Ріст ---------- */
.growth{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,6vw,90px);align-items:end}
.growth__big{display:flex;align-items:center;gap:18px;margin-top:34px}
.growth__big b{font:800 clamp(64px,7vw,104px)/.9 var(--f-head);color:var(--y);letter-spacing:-.04em}
.growth__big span{color:#D6D6D1;max-width:13em;line-height:1.4}
.bars{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,28px);align-items:end;height:clamp(360px,44vw,520px);padding-bottom:64px;
  border-bottom:1px solid rgba(255,255,255,.14)}
/* лише всередині свого графіка: «голе» .bar ламало графік генерації на «Продукції» (SVG-стовпчики, 08.10) */
.bars .bar{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
/* стовпчик — з «контейнерів»: кожна комірка = 1 контейнер на місяць; вмикаються знизу по черзі */
.bar__stack{--h:calc((100% - 70px) / 8);width:100%;max-width:150px;height:calc(var(--h) * var(--n));display:flex;flex-direction:column-reverse;gap:4px}
.bar__stack i{--c:7px;flex:1;background:linear-gradient(180deg,#2a2a2a,#1c1c1c);clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));
  transform:scaleY(0);transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,.9,.3,1.2),background .4s}
.bars.is-in .bar__stack i{transform:none}
.bars .bar--now .bar__stack i{background:linear-gradient(180deg,var(--y-hi),var(--y))}
.bars .bar--now .bar__stack i.is-half{background:repeating-linear-gradient(135deg,rgba(248,180,36,.55) 0 6px,rgba(248,180,36,.2) 6px 12px)}
.bars .bar b{font:800 clamp(24px,2.4vw,36px)/1 var(--f-head);color:#fff;margin-top:14px;position:absolute;bottom:-58px}
.bars .bar--now b{color:var(--y)}
.bars .bar span{position:absolute;bottom:-84px;color:#8E8E8A;font:500 .82rem/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.bars__unit{position:absolute;right:0;top:0;color:#8E8E8A;font:500 .8rem/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase}
.growth__note{display:flex;align-items:center;gap:14px;margin-top:130px;padding:22px 26px;background:#121212;color:#D6D6D1;font-size:1.05rem;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);border-left:3px solid var(--y)}
.growth__note i{color:var(--y);font-size:1.6rem;flex:none}
.growth__note b{color:#fff}

/* ---------- 4. Виробництво ---------- */
.factory{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.factory__media{--c:34px;position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}
.factory__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05);transform:scale(1.04);transition:transform 1.4s ease}
.factory__media.is-in img{transform:none}
.factory__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.7))}
.factory__media figcaption{position:absolute;z-index:1;left:28px;bottom:22px;color:#CFCFCA;font:500 .8rem/1.2 var(--f-display);letter-spacing:.08em;text-transform:uppercase;
  display:flex;align-items:center;gap:10px}
.factory__media figcaption::before{content:"";width:8px;height:8px;background:var(--y);border-radius:50%}
.chips{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:4px}
.chips li{--c:12px;display:flex;align-items:center;gap:18px;padding:18px 22px;background:#121212;
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));transition:background .3s,transform .3s}
@media (hover:hover) and (pointer:fine){.chips li:hover{background:#181818;transform:translateX(6px)}}
.chips i{font-size:1.7rem;color:var(--y)}
.chips span{display:flex;flex-direction:column;color:#A3A39E;font-size:.95rem}
.chips b{font:800 1.15rem/1.2 var(--f-head);color:#fff;text-transform:uppercase;letter-spacing:-.01em}

/* ---------- 5. Технологія: панель у 3D ---------- */
.tech3d{background:radial-gradient(55% 60% at 70% 50%,rgba(248,180,36,.06),transparent 70%),#080808}
.tech3d__grid{display:grid;grid-template-columns:minmax(340px,460px) 1fr;column-gap:clamp(28px,3.5vw,64px);align-items:center;width:min(1440px,100% - 48px)}
.tech3d__txt{min-width:0}
.tech3d__txt .ab-h2{font-size:clamp(28px,2.8vw,42px)}
.tech3d__what{margin-top:16px;font-size:1.02rem}
/* переваги технології (цифри — з даташита SE-M630B) */
.tech3d__pros{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:4px}
.tech3d__pros li{--c:10px;display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:#121212;
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));transition:background .25s}
.tech3d__pros li:hover{background:#181818}
.tech3d__pros i{font-size:1.5rem;color:var(--y);flex:none;margin-top:1px}
.tech3d__pros span{display:flex;flex-direction:column;gap:3px;color:#A3A39E;font-size:.88rem;line-height:1.4}
.tech3d__pros b{font:700 1rem/1.2 var(--f-display);color:#fff;letter-spacing:.01em}
.tech3d__btn{margin-top:24px;border:0;cursor:pointer}
.tech3d__btn i{transition:transform .25s cubic-bezier(.23,1,.32,1)}
/* кнопка на сцені — лише на телефоні/планшеті: внизу по центру, над панеллю */
.tech3d .tech3d__btn--stage{display:none;justify-self:center;margin:26px 0 0;white-space:nowrap;box-shadow:0 10px 24px rgba(15,21,18,.18)}
@media (max-width:999px){
  .tech3d .tech3d__btn--stage{display:inline-flex}
  .tech3d .tech3d__stage{height:clamp(340px,48vh,440px);margin-top:4px}   /* панель ближче до кнопки */
  .tech3d .tech3d__txt .tech3d__btn{display:none}
}
.tech3d.no-gl .tech3d__btn--stage{display:none!important}
.tech3d__btn[aria-pressed="true"]{background:#1a1a1a;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.tech3d__btn[aria-pressed="true"] i{color:var(--y)}
.tech3d__hint{display:flex;gap:10px;align-items:flex-start;margin-top:14px;color:#8E8E8A;font-size:.86rem;line-height:1.45;max-width:30em}
.tech3d__hint i{font-size:1.25rem;color:var(--y);flex:none}
/* сцена: колесо над нею — розбирає панель; потягнути — повернути */
.tech3d__stage{position:relative;height:clamp(560px,82vh,820px);touch-action:pan-y;cursor:grab;user-select:none;overflow:hidden}
.tech3d__stage.is-drag{cursor:grabbing}
.tech3d__canvas,.tech3d__lines{position:absolute;inset:0}
.tech3d__canvas canvas{width:100%!important;height:100%!important;display:block}
.tech3d__lines{width:100%;height:100%;pointer-events:none;overflow:visible}
.tech3d__lines line{stroke:rgba(255,255,255,.55);stroke-width:1}
.tech3d__lines circle{fill:#0A0A0A;stroke:#fff;stroke-width:1.5}
.tech3d__lines .is-active line{stroke:var(--y)}
.tech3d__lines .is-active circle{stroke:var(--y);fill:var(--y)}
.tech3d__lines g{opacity:var(--o,0);transition:opacity .25s}
.tech3d__labels{list-style:none;margin:0;padding:0}
.tech3d__labels li{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:2px;padding:2px 0 2px 12px;max-width:236px;cursor:default;
  opacity:var(--o,0);pointer-events:var(--pe,none);transition:opacity .25s}
.tech3d__labels b{font:600 clamp(.95rem,1.15vw,1.12rem)/1.15 var(--f-display);color:#fff;letter-spacing:.01em;transition:color .2s}
.tech3d__labels span{font-size:.76rem;color:#8E8E8A;white-space:nowrap}   /* без переносу: другий рядок налазив на наступний підпис */
.tech3d__labels li.is-active b{color:var(--y)}
/* без WebGL — лише список шарів */
.tech3d.no-gl .tech3d__stage{height:auto;cursor:default}
.tech3d.no-gl .tech3d__canvas,.tech3d.no-gl .tech3d__lines,.tech3d.no-gl .tech3d__btn,.tech3d.no-gl .tech3d__hint{display:none}
.tech3d.no-gl .tech3d__labels{display:grid;gap:12px}
.tech3d.no-gl .tech3d__labels li{position:static;opacity:1}

/* ---------- 6. Логістика ---------- */
.log__head{max-width:820px}
.chain{--prog:0;list-style:none;margin:60px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;position:relative}
.chain::before{content:"";position:absolute;left:0;right:0;top:-22px;height:2px;background:rgba(255,255,255,.1)}
.chain::after{content:"";position:absolute;left:0;top:-22px;height:2px;width:calc(var(--prog) * 100%);background:var(--y);box-shadow:0 0 12px rgba(248,180,36,.7)}
.chain__i{--c:14px;position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 22px 26px;min-height:220px;background:#121212;
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));
  opacity:.4;transition:opacity .5s,background .5s}
.chain__i.is-on{opacity:1}
.chain__i i{font-size:2rem;color:#6d6d6a;transition:color .5s;margin:18px 0 6px}
.chain__i.is-on i{color:var(--y)}
.chain__i b{font:800 1.05rem/1.15 var(--f-head);color:#fff;text-transform:uppercase;letter-spacing:-.01em}
.chain__i span{color:#9C9C98;font-size:.9rem;line-height:1.4}
.chain__n{position:absolute;top:22px;right:20px;font:700 .8rem/1 var(--f-display);color:#555;letter-spacing:.08em}
.chain__i--you.is-on{background:var(--y)}
.chain__i--you.is-on b,.chain__i--you.is-on i,.chain__i--you.is-on .chain__n{color:#0A0A0A}
.chain__i--you.is-on span{color:#3a2c08}
.log__txt{margin-top:48px;font:500 clamp(1.3rem,2.2vw,1.9rem)/1.45 var(--f-display);color:#C9C9C4;max-width:30em}
/* виділене слово-перехід на «Співпраця з нами» */
.xlink{position:relative;color:var(--y);text-decoration:none;white-space:nowrap;padding:0 .1em;background:linear-gradient(var(--y),var(--y)) 0 100%/100% 2px no-repeat;
  transition:color .3s,background-size .4s cubic-bezier(.6,.05,.3,1)}
.xlink i{display:inline-block;font-size:.8em;margin-left:.15em;transition:transform .3s}
.xlink:hover,.xlink:focus-visible{color:#0A0A0A;background-size:100% 100%;outline:none}
.xlink:focus-visible i{transform:translate(3px,-3px)}@media (hover:hover) and (pointer:fine){.xlink:hover i{transform:translate(3px,-3px)}}

/* перехід на іншу сторінку: жовта шторка */
.xfer{position:fixed;inset:0;z-index:200;pointer-events:none;background:var(--y);transform:scaleX(0);transform-origin:0 50%}
.xfer.is-go{transition:transform .55s cubic-bezier(.77,0,.18,1);transform:scaleX(1)}

/* ---------- 7. Заклик ---------- */
.ab-cta{text-align:center;background:radial-gradient(60% 80% at 50% 100%,rgba(248,180,36,.12),transparent 70%),#0A0A0A}
.ab-cta__in{display:flex;flex-direction:column;align-items:center}
.ab-cta .ab-h2{max-width:16em}
.ab-cta .ab-p{margin-inline:auto}
.ab-cta__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:36px}
.ab-btn{--c:12px;display:inline-flex;align-items:center;gap:10px;padding:1.05em 1.7em;background:var(--y);color:#0A0A0A;text-decoration:none;
  font:700 1.02rem/1 var(--f-display);letter-spacing:.04em;text-transform:uppercase;
  clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c));transition:background .2s,transform .2s}
.ab-btn i{font-size:1.3em}
@media (hover:hover) and (pointer:fine){.ab-btn:hover{background:var(--y-hi);transform:translateY(-2px)}}
.ab-btn--ghost{background:#1a1a1a;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.ab-btn--ghost:hover{background:#222}
.ab-btn--ghost i{color:var(--y)}

/* ---------- Адаптив ---------- */
@media (max-width:999px){
  .pg-dark .hdr__nav{background:#0A0A0A}
  .story__line{grid-template-columns:1fr 1fr}
  .story__line::before,.story__line::after{display:none}
  .story__line li{opacity:1}
  .story__line li{min-height:0}
  .who,.growth,.factory{grid-template-columns:1fr}
  .bars{height:380px;margin-top:10px}
  .chain{grid-template-columns:1fr 1fr}
  .chain__i{min-height:170px}
  .chain::before,.chain::after{display:none}
  .tech3d__grid{grid-template-columns:minmax(0,1fr)}
  .tech3d__stage{height:clamp(380px,58vh,560px);margin:10px -12px 0}
}
@media (max-width:560px){
  :root{--sheet-cut:24px}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:24px 18px 20px;min-height:150px}
  .chain,.story__line{grid-template-columns:1fr}
  .chain__i{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;padding:18px 18px}
  .chain__i i{margin:0;order:-1;font-size:1.6rem}
  .chain__i b{flex:1}
  .chain__i span{width:100%}
  .ah__down{display:none}
  .tech3d__labels span{display:none}
  .tech3d__labels b{font-size:.82rem}
  .tech3d__labels li{max-width:118px}

  .bars .bar span{font-size:.7rem}
}
/* на сенсорних екранах без паралаксу першого екрана (скрипт прокрутки на телефоні запізнюється → ривки); лишається лише згасання */
@media (hover:none),(pointer:coarse){.ah__bg{transform:none!important}.ah__body{transform:none!important}}
@media (prefers-reduced-motion:reduce){
  .reveal,.bar__stack i,.chain__i{transition:none}
  .ah__down i{animation:none}
}

/* «Наша місія» (Pastel 05.10) — замість «Логістики»: одна думка великим шрифтом по центру */
.mission{text-align:center}
.mission__in{display:flex;flex-direction:column;align-items:center}
.mission .ab-h2{max-width:18em;font-size:clamp(32px,4.2vw,62px)}
.mission .ab-p{margin-inline:auto;font-size:clamp(1.1rem,1.5vw,1.35rem);max-width:34em}
.who .stats{grid-template-columns:1fr 1fr}
/* hover-gate: зсуви при наведенні — лише з мишею (06.10) */

/* 13.10.2026: найвужчі телефони (320 px) — довге слово заголовка не має виходити за блок */
@media (max-width:360px){.ah h1{font-size:38px}}