/* Веб-презентация /deck/. Полотно 16:9 = контейнер, все размеры слайда в --u (1% ширины полотна),
   поэтому слайд масштабируется целиком, как в pptx. Грабли отчётов KAIS и BDL учтены:
   cqw объявлен ниже контейнера; мобильная раскладка только @media screen (печать смотрит на окно);
   лист печати на 2 мм выше слайда; анимации на печати в конечном состоянии. */
:root{
  --d-acc-dark:#A9A4FF;--d-ok-dark:#7FD3A2;--d-amb:#B45309;--d-amb-dark:#F2C27A;--d-red:#B42318;
  --d-ok-soft:color-mix(in srgb,var(--ok) 9%,var(--n-0));--d-ok-line:color-mix(in srgb,var(--ok) 35%,var(--n-0));
  --d-acc-line:color-mix(in srgb,var(--accent) 28%,var(--n-0));
  --deck-chrome:200px;
}
.deck-page{max-width:1320px;padding-block:20px 0}
.deck-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-block-end:12px;min-height:40px}
.deck-hint{font-size:13px;color:var(--n-600);margin:0}
.deck-ctl{display:flex;gap:8px;align-items:center;margin-inline-start:auto}
.deck-count{font-size:14px;font-weight:600;min-width:64px;text-align:center}
.dbtn{height:36px;padding-inline:14px;border:1px solid var(--n-200);border-radius:8px;background:var(--n-0);font:600 14px/1 var(--sans);color:var(--n-900);cursor:pointer;transition:background-color var(--t-fast) var(--ease-out)}
.dbtn:hover{background:var(--n-100)}
.deck-toc-wrap{position:relative}
.deck-toc{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:var(--z-header);width:min(360px,calc(100vw - 32px));max-height:60vh;overflow:auto;list-style:none;margin:0;padding:6px;background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--radius);box-shadow:0 8px 24px rgb(15 14 13/.08);transform-origin:top right;opacity:0;visibility:hidden;transform:translateY(-4px) scale(.98);transition:opacity var(--t-exit) var(--ease-in),transform var(--t-exit) var(--ease-in),visibility 0s linear var(--t-exit)}
.deck-toc.open{opacity:1;visibility:visible;transform:none;transition:opacity var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-out)}
.deck-toc button{display:flex;gap:10px;width:100%;text-align:start;padding:8px 10px;border:0;border-radius:6px;background:none;font:400 14px/1.35 var(--sans);color:var(--n-900);cursor:pointer;transition:background-color var(--t-fast) var(--ease-out)}
.deck-toc button:hover{background:var(--n-100)}
.deck-toc button[aria-current=true]{background:var(--accent-soft);font-weight:600}
.deck-toc button span{color:var(--accent);font-weight:600}
.deck-mnav{display:none}

/* Полотно */
.stage{position:relative;container-type:inline-size;width:min(100%,calc((100svh - var(--deck-chrome)) * 16 / 9));min-width:min(100%,640px);aspect-ratio:16/9;margin-inline:auto;border:1px solid var(--n-200);border-radius:var(--radius);overflow:hidden;background:var(--n-0)}
.stage:focus{outline:none}
.slide{--u:1cqw;position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(4*var(--u)) calc(5.5*var(--u)) calc(5*var(--u));background:var(--n-0);color:var(--n-950);font-size:calc(1.35*var(--u));line-height:1.4;opacity:0;visibility:hidden;transform:translateX(1.5%);transition:opacity var(--t-exit) var(--ease-in),transform var(--t-exit) var(--ease-in),visibility 0s linear var(--t-exit)}
.slide.before{transform:translateX(-1.5%)}
.slide.on{opacity:1;visibility:visible;transform:none;transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out)}
.slide p{margin:0}
.slide ol,.slide ul{list-style:none;margin:0;padding:0}
.slide.dark{background:var(--n-900);color:var(--n-0)}
.s-kicker{font:600 calc(1.05*var(--u))/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-block-end:calc(.9*var(--u))!important}
.dark .s-kicker,.core .s-kicker{color:var(--d-acc-dark)}
.s-title{font:600 calc(3*var(--u))/1.15 var(--serif);margin:0;max-width:calc(84*var(--u));color:inherit}
.s-sub{font-size:calc(1.5*var(--u));color:var(--n-600);margin-block-start:calc(.8*var(--u))!important}
.dark .s-sub{color:var(--n-500)}
.s-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:calc(2.2*var(--u));margin-block-start:calc(2.2*var(--u))}
.fit{--fit:1;transform:scale(var(--fit));transform-origin:top left;width:calc(100% / var(--fit))}
.s-src{position:absolute;inset-inline:calc(5.5*var(--u)) calc(10*var(--u));bottom:calc(1.8*var(--u));font-size:calc(.95*var(--u));line-height:1.35;color:var(--n-600)}
.s-num{position:absolute;inset-inline-end:calc(5.5*var(--u));bottom:calc(1.8*var(--u));font-size:calc(.95*var(--u));color:var(--n-500)}
.dark .s-src{color:var(--n-500)}

/* Тона: светлый и тёмный слайд */
.t-acc,.t-acc .m-v{color:var(--accent)}.t-ok,.t-ok .m-v{color:var(--ok)}.t-amb,.t-amb .m-v{color:var(--d-amb)}.t-red,.t-red .m-v{color:var(--d-red)}
.dark .t-acc,.dark .t-acc .m-v{color:var(--d-acc-dark)}.dark .t-ok,.dark .t-ok .m-v{color:var(--d-ok-dark)}.dark .t-amb .m-v{color:var(--d-amb-dark)}

/* Показатели */
.metrics,.box{display:grid;gap:calc(2.4*var(--u))}
.c2{grid-template-columns:repeat(2,1fr)}.c3{grid-template-columns:repeat(3,1fr)}.c4{grid-template-columns:repeat(4,1fr)}.c5{grid-template-columns:repeat(5,1fr)}.c6{grid-template-columns:repeat(6,1fr)}
.m-v{font:600 calc(3.2*var(--u))/1.05 var(--serif);margin-block-end:calc(.8*var(--u))!important;color:var(--n-950)}
.dark .m-v{color:var(--n-0)}
.m-l{font-weight:600;font-size:calc(1.45*var(--u));line-height:1.3;color:var(--n-950)}
.dark .m-l{color:var(--n-0)}
.m-n{font-size:calc(1.15*var(--u));color:var(--n-600);margin-block-start:calc(.5*var(--u))!important}
.dark .m-n{color:var(--n-500)}
.ruled>.m+.m{border-inline-start:1px solid var(--n-200);padding-inline-start:calc(2.4*var(--u))}
.box{background:var(--n-50);border:1px solid var(--n-200);border-radius:var(--u);padding:calc(2.2*var(--u)) calc(2.4*var(--u))}
.box .m-v{font-size:calc(2.6*var(--u))}
.concl{font-weight:600;font-size:calc(1.45*var(--u));line-height:1.35}
.note{font-size:calc(1.2*var(--u));color:var(--n-500)}
.col-l{font-size:calc(1.05*var(--u));font-weight:600;color:var(--n-600);margin-block-end:calc(1.2*var(--u))!important}
.dark .col-l{color:var(--n-500)}

/* Шаги */
.who{display:grid;grid-template-columns:3fr 2fr;gap:calc(1.6*var(--u));font-weight:600;font-size:calc(1.5*var(--u))}
.who .ai{color:var(--accent)}
.steps{display:grid;gap:calc(1.6*var(--u))}
.st{position:relative;display:flex;flex-direction:column;gap:calc(.6*var(--u));min-height:calc(12*var(--u));padding:calc(1.4*var(--u));background:var(--n-0);border:1px solid var(--n-200);border-radius:calc(.8*var(--u))}
.st.ai{background:var(--accent-soft);border-color:var(--d-acc-line)}
.st.ok{background:var(--d-ok-soft);border-color:var(--d-ok-line)}
.st-n{font-size:calc(1*var(--u));font-weight:700;color:var(--accent)}
.st b{font-size:calc(1.6*var(--u));font-weight:600}
.st span:last-child{font-size:calc(1.2*var(--u));line-height:1.35;color:var(--n-600)}
.st:not(:last-child)::after{content:"";position:absolute;inset-inline-end:calc(-1.2*var(--u));top:50%;width:calc(.7*var(--u));height:calc(.7*var(--u));border-top:2px solid var(--n-500);border-right:2px solid var(--n-500);transform:translateY(-50%) rotate(45deg)}
.band{display:grid;grid-template-columns:calc(16*var(--u)) 1fr;gap:calc(2*var(--u));align-items:baseline;padding:calc(1.8*var(--u)) calc(2.2*var(--u));background:var(--n-900);color:var(--n-0);border-radius:calc(.8*var(--u))}
.band-l{color:var(--d-acc-dark);font-weight:600;font-size:calc(1.15*var(--u))}
.band p:last-child{font-size:calc(1.5*var(--u))}

/* Казахстан */
.kz{display:grid;grid-template-columns:calc(38*var(--u)) 1fr;gap:calc(4*var(--u));align-items:center}
.kz .metrics{border-inline-start:1px solid var(--n-200);padding-inline-start:calc(4*var(--u));row-gap:calc(3*var(--u))}
.big{font:600 calc(6.4*var(--u))/1 var(--serif);margin-block-end:calc(1*var(--u))!important}
.kz .m-l{font-size:calc(1.6*var(--u))}
.kz-delta{display:inline-flex!important;gap:calc(1.4*var(--u));align-items:baseline;margin-block-start:calc(2*var(--u))!important;padding:calc(1.2*var(--u)) calc(2*var(--u));background:var(--n-900);color:var(--n-0);border-radius:calc(.8*var(--u))}
.kz-delta b{font:600 calc(2.6*var(--u))/1 var(--serif)}
.kz-delta span{font-size:calc(1.2*var(--u));color:var(--n-500)}

/* Слайды с фото: текстовая панель слева, она и подгоняется */
.cover .s-body,.photo .s-body{position:absolute;inset:0;margin:0}
.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.panel{position:absolute;inset-block:0;inset-inline-start:0;width:56%;display:flex;flex-direction:column;padding:calc(4*var(--u)) calc(4*var(--u)) calc(5*var(--u)) calc(5.5*var(--u));background:var(--n-950);color:var(--n-0)}
.cover .fit{display:flex;flex-direction:column;justify-content:space-between;height:100%}
.c-title{font:600 calc(4.4*var(--u))/1.08 var(--serif);color:var(--n-0);margin-block-end:calc(2.4*var(--u))!important}
.c-lead{font-size:calc(1.75*var(--u));line-height:1.45;color:var(--n-200);max-width:calc(40*var(--u))}
.c-meta{font-size:calc(1.2*var(--u));color:var(--n-500);border-top:1px solid var(--n-700);padding-top:calc(1.4*var(--u));width:calc(24*var(--u))}
.c-meta b{color:var(--n-200);font-weight:600}
.photo .s-title{font-size:calc(2.6*var(--u))}
.photo .s-num{color:var(--n-0)}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:calc(3*var(--u));margin-block:calc(2.4*var(--u)) calc(1.8*var(--u))}
.q{display:grid;gap:calc(.4*var(--u));font:400 calc(1.7*var(--u))/1.35 var(--serif)}
.photo .m+.m{margin-block-start:calc(1.6*var(--u))}
.photo .m-v{font-size:calc(2.6*var(--u))}
.photo .m-l{font-weight:400;font-size:calc(1.2*var(--u));color:var(--n-200)}
.photo .concl{font-size:calc(1.3*var(--u));margin-block-start:calc(1.4*var(--u))}

/* Схема дела */
.flow{display:grid;grid-template-columns:1fr calc(3*var(--u)) 1.25fr calc(3*var(--u)) 1fr;align-items:center}
.rows{display:grid;gap:calc(1.2*var(--u))}
.rw{display:grid;grid-template-columns:calc(2.4*var(--u)) 1fr;column-gap:var(--u);padding:calc(1.1*var(--u)) calc(1.4*var(--u));background:var(--n-0);border:1px solid var(--n-200);border-radius:calc(.8*var(--u))}
.rw-n{grid-row:span 2;font-size:calc(.95*var(--u));font-weight:700;color:var(--accent);padding-top:calc(.25*var(--u))}
.rw b{font-size:calc(1.45*var(--u));font-weight:600}
.rw span:last-child{font-size:calc(1.15*var(--u));color:var(--n-600)}
.rw.ok{background:var(--d-ok-soft);border-color:var(--d-ok-line)}
.plain .rw{grid-template-columns:1fr}.plain .rw-n{display:none}
.arrow{position:relative;height:2px;margin-inline:calc(.4*var(--u));background:var(--accent)}
.arrow::after{content:"";position:absolute;inset-inline-end:0;top:50%;width:calc(.8*var(--u));height:calc(.8*var(--u));border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:translateY(-50%) rotate(45deg)}
.core{padding:calc(2*var(--u)) calc(2.2*var(--u));background:var(--n-900);color:var(--n-0);border-radius:var(--u)}
.core-t{font:600 calc(2*var(--u))/1.2 var(--serif);margin-block-end:calc(1.4*var(--u))!important}
.core ul{display:grid;gap:calc(.5*var(--u));font-size:calc(1.3*var(--u));color:var(--n-200)}
.core ul.lined{gap:0}
.core ul.lined li{border-top:1px solid var(--n-700);padding-block:calc(.6*var(--u))}

/* Доверие и цена */
.trust,.pilot{display:grid;grid-template-columns:1fr 1.15fr;gap:calc(4*var(--u));align-items:stretch}
.modes{display:flex;flex-direction:column;justify-content:space-between;gap:calc(2.2*var(--u))}
.modes>div{border-top:1px solid var(--n-700);padding-top:calc(1.4*var(--u))}
.mode-h{font-weight:600;font-size:calc(1.6*var(--u));margin-block-end:calc(.6*var(--u))!important}
.modes>div p:last-child{font-size:calc(1.35*var(--u));color:var(--n-200)}
.mode-n{margin-block-start:auto!important;font-weight:600;font-size:calc(1.25*var(--u));color:var(--n-100)}
.paper{padding:calc(2.2*var(--u)) calc(2.4*var(--u));background:var(--n-50);color:var(--n-950);border-radius:var(--u)}
.paper .s-kicker{color:var(--accent)}
.lined .rw{grid-template-columns:calc(3*var(--u)) 1fr 1.2fr;align-items:baseline;padding:calc(1.1*var(--u)) 0;background:none;border:0;border-bottom:1px solid var(--n-200);border-radius:0}
.lined .rw-n{grid-row:auto}
.lined .rw span:last-child{font-size:calc(1.15*var(--u))}
.dark .lined .rw{border-bottom-color:var(--n-700)}
.dark .lined .rw-n{color:var(--d-acc-dark)}
.dark .lined .rw span:last-child{color:var(--n-500)}
.paper-n{font-size:calc(1*var(--u));color:var(--n-600);text-align:end;margin-block-start:var(--u)!important}

/* Уровни результата, две стороны */
.levels{display:grid;grid-template-columns:calc(14*var(--u)) repeat(3,1fr);gap:calc(2.4*var(--u));align-items:baseline;padding-top:calc(2*var(--u));border-top:1px solid var(--n-200)}
.levels .m-v{font-size:calc(1.8*var(--u))}
.levels .m-l{font-weight:400;font-size:calc(1.2*var(--u));color:var(--n-600)}
.sides{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:calc(4*var(--u));align-items:center}
.side-h{font:600 calc(2.2*var(--u))/1.2 var(--serif);margin-block-end:var(--u)!important}
.sides>div>p:last-child{font-size:calc(1.4*var(--u));line-height:1.45}
.bar{display:grid;grid-template-columns:1fr 1.6fr;gap:calc(3*var(--u));padding:calc(1.4*var(--u)) calc(2*var(--u));background:var(--n-50);border:1px solid var(--n-200);border-radius:calc(.8*var(--u))}
.bar p{display:grid;grid-template-columns:calc(7*var(--u)) 1fr;gap:var(--u);align-items:baseline;font-size:calc(1.25*var(--u))}
.bar span{font-weight:600;font-size:calc(1.05*var(--u))}
.bar b{font-weight:600}

/* Пилот */
.pilot .metrics{row-gap:calc(2.6*var(--u))}
.cta{margin-block-start:calc(1.8*var(--u))!important;padding:calc(1.2*var(--u)) calc(1.6*var(--u));background:var(--accent);color:var(--n-0);border-radius:calc(.8*var(--u));font-weight:600;font-size:calc(1.3*var(--u))}
.cta a{color:var(--n-0)}

/* Требования РК, команда и контакты */
.req .rw{grid-template-columns:calc(3*var(--u)) calc(18*var(--u)) 1fr;padding-block:calc(1.2*var(--u))}
.req .rw b{font-size:calc(1.45*var(--u))}
.req .rw span:last-child{font-size:calc(1.35*var(--u));color:var(--n-700)}
.bar.one{grid-template-columns:1fr}
.team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(3.2*var(--u))}
.d-person{display:grid;grid-template-columns:calc(9*var(--u)) minmax(0,1fr);gap:calc(1.8*var(--u));align-items:start}
.d-person img{width:calc(9*var(--u));height:calc(9*var(--u));border-radius:50%;object-fit:cover}
.d-person .side-h{margin-block-end:calc(.3*var(--u))!important}
.d-role{font-weight:600;font-size:calc(1.15*var(--u));margin-block-end:calc(.8*var(--u))!important}
.d-person p:last-child{font-size:calc(1.2*var(--u));line-height:1.45;color:var(--n-700)}
.d-contacts{display:flex;flex-wrap:wrap;align-items:center;gap:calc(1.4*var(--u)) calc(3.2*var(--u));padding-top:calc(2*var(--u));border-top:1px solid var(--n-200);font-size:calc(1.35*var(--u))}
.d-contacts p{display:flex;gap:var(--u);align-items:baseline}
.d-contacts .col-l{margin:0!important}
.cta-btn{display:inline-flex;align-items:center;margin-inline-start:auto;height:calc(3.6*var(--u));padding-inline:calc(2.2*var(--u));border-radius:calc(.8*var(--u));background:var(--n-900);color:var(--n-0)!important;font-weight:600;font-size:calc(1.3*var(--u));text-decoration:none;transition:background-color var(--t-fast) var(--ease-out)}
.cta-btn:hover{background:var(--n-800)}
.home-deck{padding-block:0 56px}

/* Кнопки листания по бокам полотна */
.side{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:max(36px,calc(3.4*var(--su,1cqw)));aspect-ratio:1;padding:0;border:1px solid var(--n-200);border-radius:50%;background:var(--n-0);color:var(--n-900);cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity var(--t-med) var(--ease-out),background-color var(--t-fast) var(--ease-out)}
.side svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.side.prev{inset-inline-start:1.2cqw}.side.next{inset-inline-end:1.2cqw}
.stage:hover .side,.side:focus-visible{opacity:.92}
.side:hover{background:var(--n-100)}
.side:disabled{visibility:hidden}

/* Полный экран */
.deck:fullscreen{display:grid;place-items:center;background:var(--n-950)}
.deck:fullscreen .deck-nav{display:none}
.deck:fullscreen .stage{width:min(100vw,calc(100vh * 16 / 9));min-width:0;border:0;border-radius:0}

@media (prefers-reduced-motion:reduce){
  .slide,.slide.before{transform:none}
  .deck-toc{transform:none}
}

/* Телефон: слайды по одному, высота по содержимому, крупный кегль. Только screen. */
@media screen and (max-width:819px){
  .deck-hint,#deck-fs,#deck-pdf{display:none}
  .deck-mnav{display:block;text-align:center;margin-block-start:12px}
  .deck-mnav .deck-hint{display:inline}
  .stage{container-type:normal;width:100%;min-width:0;aspect-ratio:auto;overflow:visible;border:0;background:none}
  .slide{--u:12px;position:relative;inset:auto;display:none;padding:22px 16px 52px;border:1px solid var(--n-200);border-radius:var(--radius);opacity:1;visibility:visible;transform:none;transition:none}
  .slide.on{display:flex;animation:deck-in var(--t-med) var(--ease-out)}
  .s-title{font-size:27px}
  .s-body{flex:none;justify-content:flex-start;margin-block-start:20px}
  .fit{transform:none;width:auto}
  .s-src{position:static;margin-block-start:18px;font-size:12px}
  .s-num{bottom:18px;font-size:12px}
  .c4,.c5,.c6{grid-template-columns:1fr 1fr}
  .c3,.cols2,.kz,.trust,.pilot,.sides,.who,.band,.bar,.bar p,.levels,.box{grid-template-columns:1fr}
  .ruled>.m+.m{border:0;padding:0}
  .kz .metrics{border:0;padding:0}
  .st{min-height:0}
  .st:not(:last-child)::after{display:none}
  .flow{grid-template-columns:1fr;gap:12px}
  .flow .arrow{display:none}
  .lined .rw{grid-template-columns:28px 1fr}
  .lined .rw span:last-child{grid-column:2}
  .cover .s-body,.photo .s-body{position:relative}
  .bg{position:relative;height:200px;width:calc(100% + 32px);max-width:none;margin:-22px -16px 0;border-radius:var(--radius) var(--radius) 0 0}
  .panel{position:relative;width:auto;padding:20px 0 0;background:none}
  .m-v,.box .m-v,.photo .m-v{font-size:26px}
  .m-l{font-size:15px}
  .deck-page{padding-block-end:72px}
  .cover .fit{height:auto;gap:20px}
  .c-title{font-size:32px}
  .big{font-size:48px}
  .team{grid-template-columns:minmax(0,1fr)}
  .d-person{grid-template-columns:72px minmax(0,1fr)}
  .d-person img{width:72px;height:72px}
  .d-contacts{flex-direction:column;align-items:flex-start}
  .cta-btn{margin:0;height:44px;padding-inline:18px}
  .req .rw{grid-template-columns:28px 1fr}
  .side{position:fixed;top:auto;bottom:16px;width:48px;opacity:1;transform:none;z-index:var(--z-header);box-shadow:0 4px 12px rgb(15 14 13/.12)}
  .side.prev{inset-inline-start:16px}.side.next{inset-inline-end:16px}
}
@keyframes deck-in{from{opacity:0}to{opacity:1}}

/* Печать и PDF: все слайды подряд, по одному на лист 297 на 167 мм */
@media print{
  @page{size:297mm 167mm;margin:0}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .beta-bar,.header,.footer,.deck-nav,.deck-mnav,.side{display:none!important}
  body{background:var(--n-0)}
  .deck-page{padding:0;max-width:none}
  .stage{width:297mm;min-width:0;aspect-ratio:auto;border:0;border-radius:0;overflow:visible}
  .slide{position:relative;inset:auto;height:165mm;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;animation:none!important;break-after:page;break-inside:avoid}
  .slide:last-of-type{break-after:auto}
}