/* Общая оболочка слайдшоу и иллюстрации возможностей ToPdf и Cleaner. */
.slideshow{min-width:0;container-type:inline-size;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:#10252c;box-shadow:0 36px 80px -40px #000;overflow:hidden}
.slideshow::before{display:none}
.slideshow__viewport{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.feature-slide{min-width:0}
.slideshow.is-ready .slideshow__viewport{gap:0}
.slideshow.is-ready .feature-slide{grid-area:1 / 1;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .45s var(--ease),visibility .45s}
.slideshow.is-ready .feature-slide.is-active{visibility:visible;opacity:1;pointer-events:auto}
.feature-slide__scene{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;aspect-ratio:7 / 4;min-height:220px;padding:1.8em 2em 1.5em;font-size:clamp(8px,2.3cqw,16px);line-height:1.4;background:radial-gradient(ellipse at 20% 20%,rgba(255,122,107,.12),transparent 65%),linear-gradient(140deg,#193039,#102028);overflow:hidden}
.feature-slide__eyebrow{display:flex;align-items:center;gap:.7em;color:#d3dedd;font-size:.88em;letter-spacing:.035em}
.feature-slide__eyebrow .dot{width:.5em;height:.5em;background:var(--a);box-shadow:0 0 12px var(--a)}
.feature-slide__caption{min-height:116px;padding:20px 24px 18px;border-top:1px solid rgba(255,255,255,.08)}
.feature-slide__caption h4{font:600 clamp(17px,3.2cqw,21px)/1.35 var(--f-body);color:#fff}
.feature-slide__caption p{margin-top:7px;font-size:15px;line-height:1.5;color:var(--on-night-soft);text-wrap:pretty}
.slideshow .feature-slide img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}
.slideshow__controls{display:flex;align-items:center;gap:6px;padding:0 16px 14px}
.slideshow__controls[hidden]{display:none}
.slideshow__button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:transparent;color:var(--on-night);cursor:pointer;transition:background .2s,border-color .2s}
.slideshow__button:hover{background:color-mix(in srgb,var(--a) 12%,transparent);border-color:var(--a)}
.slideshow__button .ico{width:19px;height:19px}
.slideshow__back{transform:rotate(180deg)}
.slideshow__dots{display:flex;align-items:center;justify-content:center;flex:1;gap:2px}
.slideshow__dot{position:relative;display:grid;place-items:center;width:30px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.slideshow__dot::before{content:"";width:7px;height:7px;border-radius:5px;background:#6f858a;transition:width .3s,background .3s}
.slideshow__dot[aria-current="true"]::before{width:24px;background:var(--a)}
.slideshow__dot:hover::before{background:#fff}
.slideshow__count{margin-inline:8px;color:var(--on-night-soft);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.slideshow__play{font-size:21px;color:var(--a)}
.slideshow__play[aria-pressed="true"]{font-size:16px}
.slideshow.is-ready .feature-slide__scene{touch-action:pan-y pinch-zoom}

/* Конвертация изображений. */
.file-conversion,.pdf-assembly,.pdf-merge{display:flex;align-items:center;justify-content:center;gap:1.5em;margin-block:1.3em}
.photo-file{position:relative;width:40%;padding:.5em .5em 0;border:1px solid rgba(255,255,255,.2);border-radius:.9em;background:#243942;box-shadow:0 1.4em 2em -1em rgba(0,0,0,.6);transform:rotate(-5deg)}
.photo-file--result{transform:rotate(5deg);border-color:rgba(255,122,107,.5);background:#f4eeea;color:#24313b}
.slideshow .photo-file img{height:9.6em;border-radius:.5em}
.photo-file__type{position:absolute;left:1.1em;top:1.1em;padding:.35em .6em;border-radius:.4em;background:#11242be8;color:#fff;font-size:.9em;font-weight:700}
.photo-file--result .photo-file__type{background:var(--a);color:#30160f}
.photo-file__name{display:flex;justify-content:space-between;align-items:center;gap:.3em;padding:.8em .4em;font-size:.85em;white-space:nowrap}
.photo-file__name .ico{color:#167b64;width:1.1em;height:1.1em}
.demo-arrow{display:grid;place-items:center;flex:none;width:2.8em;height:2.8em;border-radius:50%;background:rgba(255,122,107,.12);color:var(--a)}
.demo-arrow .ico{width:1.4em;height:1.4em}
.demo-note{display:flex;align-items:center;justify-content:center;gap:.5em;color:#c0d0d1;font-size:.9em;text-align:center}

/* Обрезка, сжатие и размер фото. */
.photo-editor{position:relative;width:80%;height:12.4em;align-self:center;margin:1em 0;border-radius:.8em;overflow:hidden;box-shadow:0 1em 2em -.5em #0006}
.photo-editor::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.32)}
.photo-editor__crop{position:absolute;z-index:1;inset:10% 18%;display:grid;place-items:end center;border:1px solid #fff;background:linear-gradient(90deg,transparent 33%,#fff6 33%,#fff6 33.3%,transparent 33.3%,transparent 66%,#fff6 66%,#fff6 66.3%,transparent 66.3%),linear-gradient(transparent 33%,#fff6 33%,#fff6 33.3%,transparent 33.3%,transparent 66%,#fff6 66%,#fff6 66.3%,transparent 66.3%);box-shadow:0 0 0 9em #06161c55}
.photo-editor__crop i{position:absolute;width:.7em;height:.7em;background:#fff;border-radius:1px}
.photo-editor__crop i:nth-child(1){left:-.35em;top:-.35em}
.photo-editor__crop i:nth-child(2){right:-.35em;top:-.35em}
.photo-editor__crop i:nth-child(3){left:-.35em;bottom:-.35em}
.photo-editor__crop i:nth-child(4){right:-.35em;bottom:-.35em}
.photo-editor__crop span{margin-bottom:.6em;padding:.2em .7em;background:#0b1a22cf;border-radius:.4em;font-size:.75em;color:#fff}
.photo-editor__badge{position:absolute;z-index:2;top:.7em;left:.8em;padding:.3em .6em;border-radius:.35em;background:#10252ce6;font-size:.8em;color:#fff}
.edit-tools{display:flex;justify-content:center;gap:.5em;color:#d3dedd;font-size:.85em}
.edit-tools span{padding:.5em .8em;border:1px solid #ffffff26;border-radius:2em}
.edit-tools .is-chosen{border-color:var(--a);background:var(--a);color:#30160f}

/* Снимки в PDF. */
.pdf-assembly{gap:2.4em;margin-block:.9em}
.photo-stack{position:relative;width:34%;height:11.6em}
.photo-stack>div{position:absolute;inset:0;padding:.45em .45em 0;border:1px solid #ffffff40;border-radius:.7em;background:#47616b;transform:rotate(-13deg) translate(-.4em,-.2em)}
.photo-stack>div:nth-child(2){transform:rotate(-6deg);background:#a1b4b6}
.photo-stack>div:nth-child(3){transform:rotate(3deg);background:#f4eeea;color:#24313b}
.slideshow .photo-stack img{height:8.4em;border-radius:.35em}
.photo-stack span{display:block;padding:.7em;font-size:.8em}
.paper-doc{position:relative;width:28%;height:14.5em;display:flex;flex-direction:column;align-items:flex-start;gap:.65em;padding:1.2em 1em .8em;border-radius:.3em 1.5em .3em .3em;background:#f6f1eb;color:#24313b;box-shadow:0 1.4em 2em -.6em #0005}
.paper-doc::after{content:"";position:absolute;right:0;top:0;width:1.5em;height:1.5em;border-radius:0 0 0 .25em;background:#d7dedc}
.paper-doc__label{display:inline-block;padding:.25em .55em;border-radius:.3em;background:#fbd2c9;color:#a63d30;font-size:.8em;font-weight:700}
.paper-doc b{font-size:.8em;font-weight:600}
.slideshow .paper-doc img{height:5.3em;border-radius:.2em}
.paper-doc i{display:block;flex:none;width:100%;height:.3em;border-radius:.2em;background:#b7c5c6}
.paper-doc i:nth-last-of-type(1){width:65%}
.paper-doc small{display:flex;align-items:center;justify-content:space-between;gap:.3em;width:100%;margin-top:auto;font-size:.68em;color:#566a71}
.paper-doc small .ico{color:#167b64}

/* Объединение и сжатие PDF. */
.pdf-merge{gap:1.5em;margin-block:1em}
.pdf-pair{display:flex;align-items:center;gap:.8em}
.pdf-pair>span{color:var(--a);font-size:1.5em}
.paper-doc--mini{width:6.5em;height:9em;padding:.8em .7em;gap:.7em;font-size:.9em;transform:rotate(-5deg)}
.paper-doc--mini:nth-last-child(1){transform:rotate(4deg)}
.paper-doc--merged{width:7em;height:11em;gap:1em}
.pdf-compress{display:flex;align-items:center;justify-content:center;gap:.6em;padding:.7em .9em;border:1px solid #ff7a6b40;border-radius:.7em;background:#ff7a6b0a;font-size:.85em;color:#edc7be}
.pdf-compress .ico{color:var(--a)}

/* Локальная обработка. */
.feature-slide__scene--private{background:radial-gradient(ellipse at 50% 55%,#21816d38,transparent 70%),#10252c}
.feature-slide__scene--private .feature-slide__eyebrow .dot{background:#65dbb3;box-shadow:0 0 12px #65dbb3}
.local-browser{width:87%;align-self:center;margin:1em 0;border:1px solid #6fbaa266;border-radius:.85em;background:#132b32;box-shadow:0 1.5em 3em -1em #0007;overflow:hidden}
.local-browser__bar{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.8em 1em;border-bottom:1px solid #ffffff1a;color:#b6c9ca;font-size:.78em}
.local-browser__bar>span{font-size:.7em;letter-spacing:.1em;color:#69888b}
.local-browser__body{display:flex;align-items:center;justify-content:center;gap:2.3em;padding:1.4em 1em 1em}
.local-browser__file{display:grid;place-items:center;width:3em;height:3.7em;border:1px solid #94b6b24d;border-radius:.4em;background:#ffffff08;color:#d3e3df;font-size:.85em;font-weight:600;transform:rotate(-9deg)}
.local-browser__file:last-child{transform:rotate(9deg)}
.local-browser__lock{display:grid;place-items:center;width:5em;height:5em;border:1px solid #65dbb366;border-radius:50%;background:#65dbb314;box-shadow:0 0 0 .6em #65dbb306,0 0 3em #65dbb315;color:#65dbb3}
.local-browser__lock .ico{width:2.3em;height:2.3em;stroke-width:1.4}
.local-browser>p{display:flex;align-items:center;justify-content:center;gap:.75em;padding:0 1em 1.4em;color:#c9dcd6;font-size:.8em}
.local-browser>p span,.feature-slide__scene--private .demo-note .ico{color:#65dbb3}

/* Cleaner: сканирование, осознанный выбор, восстановление и отчёты. */
.slideshow--cleaner .feature-slide__scene{background:radial-gradient(ellipse at 20% 20%,#38c6e81c,transparent 65%),linear-gradient(140deg,#18333e,#10232c)}
.slideshow--cleaner .demo-arrow{background:#38c6e81f}
.slideshow--cleaner .demo-note .ico{color:#67d9bd}
.clean-scan{display:flex;align-items:center;justify-content:center;gap:2.8em;margin:1.5em 0}
.clean-scan__disk{display:grid;place-items:center;flex:none;width:12.2em;height:12.2em;padding:.65em;border-radius:50%;background:conic-gradient(from -70deg,#38c6e8 0 43%,#88ded0 43% 74%,#e9bd77 74% 91%,#ffffff14 91%);box-shadow:0 0 2.5em #38c6e815}
.clean-scan__disk>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.55em;width:100%;height:100%;border-radius:50%;background:#15303a;box-shadow:inset 0 0 2em #38c6e80a}
.clean-scan__disk .ico{width:2em;height:2em;color:var(--a)}
.clean-scan__disk b{font-size:1.1em;font-weight:600;color:#f4faf9}
.clean-scan__disk span{font-size:.6em;color:#a5c5cd}
.clean-scan__categories{display:grid;gap:1.55em;width:40%;font-size:.85em;color:#e0edee}
.clean-scan__categories i{display:block;width:100%;height:.45em;margin-top:.6em;border-radius:1em;background:#ffffff0d}
.clean-scan__categories i::after{content:"";display:block;width:var(--fill);height:100%;border-radius:inherit;background:var(--a)}
.clean-scan__categories>div:nth-child(2) i::after{background:#88ded0}
.clean-scan__categories>div:nth-child(3) i::after{background:#e9bd77}
.clean-window{margin:1.1em 0;border:1px solid #89bbc833;border-radius:.8em;background:#122a34;box-shadow:0 1.4em 2em -.8em #0005;overflow:hidden}
.clean-window__bar{display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.8em 1em;border-bottom:1px solid #ffffff12;color:#e0edee;font-size:.85em;font-weight:600}
.clean-window__bar small{font-size:.8em;font-weight:400;color:#8facb7}
.clean-choice{display:flex;align-items:center;gap:.7em;padding:.7em 1em;border-bottom:1px solid #ffffff0b;font-size:.85em}
.clean-choice__check{display:grid;place-items:center;flex:none;width:1.3em;height:1.3em;border:1px solid #8fabb580;border-radius:.3em}
.clean-choice__check.is-checked{border-color:var(--a);background:var(--a);color:#10232c}
.clean-choice__check .ico{width:1em;height:1em;stroke-width:2.5}
.clean-choice>div{min-width:0;flex:1}
.clean-choice b,.clean-choice small{display:block}
.clean-choice b{color:#e0edee;font-size:1em;font-weight:500}
.clean-choice small{margin-top:.15em;color:#9bb4be;font-size:.78em}
.clean-tag{padding:.3em .5em;border-radius:.4em;background:#67d9bd12;color:#8fddc9;font-size:.7em;white-space:nowrap}
.clean-tag--caution{background:#e9bd7712;color:#e9c48a}
.clean-window__footer{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.8em 1em;color:#9bb4be;font-size:.7em}
.clean-action{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.6em .8em;border:1px solid var(--a);border-radius:.5em;background:var(--a);color:#0d2732;font-weight:600}
.clean-action--outline{background:transparent;color:var(--a)}
.clean-action em{padding:.15em .4em;border-radius:.3em;background:#38c6e81a;font-size:.8em;font-style:normal}
.clean-restore{display:flex;align-items:center;justify-content:center;gap:1em;margin:1.5em 0}
.clean-journal{width:53%;border:1px solid #89bbc833;border-radius:.8em;background:#122a34;box-shadow:0 1.4em 2em -.8em #0005;overflow:hidden}
.clean-journal__entry{display:flex;align-items:flex-start;gap:.65em;padding:1.3em 1em}
.clean-journal__point{width:.55em;height:.55em;flex:none;margin-top:.3em;border-radius:50%;background:var(--a);box-shadow:0 0 0 .3em #38c6e815}
.clean-journal__entry b,.clean-journal__entry small{display:block}
.clean-journal__entry b{color:#e0edee;font-size:.9em;font-weight:500}
.clean-journal__entry small{margin:.35em 0 1em;color:#9bb4be;font-size:.75em}
.clean-journal__entry .clean-action{font-size:.7em}
.clean-restored{display:flex;flex-direction:column;align-items:center;gap:.6em;flex:1;text-align:center}
.clean-restored>.ico{width:4.3em;height:4.3em;padding:.85em;border:1px solid #67d9bd50;border-radius:1em;background:#67d9bd0d;color:#67d9bd;stroke-width:1.5}
.clean-restored b{color:#d8eee7;font-size:.8em;font-weight:500}
.clean-restored span{color:#9bb4be;font-size:.62em}
.clean-pro{display:flex;align-items:center;justify-content:center;gap:1em;margin:1.4em 0}
.clean-pro__card{display:flex;flex-direction:column;align-items:center;gap:.8em;width:43%;padding:1.4em .8em;border:1px solid #89bbc833;border-radius:1em;background:#122a34;text-align:center;box-shadow:0 1.4em 2em -.8em #0005}
.clean-pro__icon{display:grid;place-items:center;width:3em;height:3em;border-radius:.8em;background:#38c6e812;color:var(--a)}
.clean-pro__icon .ico{width:1.65em;height:1.65em;stroke-width:1.5}
.clean-pro__card b{color:#e0edee;font-size:1em;font-weight:500}
.clean-pro__card p{color:#9bb4be;font-size:.8em}
.clean-pro__label{margin-top:.4em;padding:.35em .65em;border-radius:2em;background:#38c6e810;color:#9edfea;font-size:.65em}
.clean-pro__plus{color:var(--a);font-size:1.5em;font-weight:400}
.clean-fleet{width:90%;align-self:center;margin:1em 0}
.clean-fleet__devices{position:relative;display:flex;justify-content:space-around;padding-bottom:2.4em}
.clean-fleet__devices::after{content:"";position:absolute;left:16.66%;right:16.66%;bottom:1em;height:1.4em;border:1px solid #38c6e860;border-top:0;border-radius:0 0 .7em .7em}
.clean-fleet__devices>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5em;width:33.33%;color:#bcd4dc}
.clean-fleet__devices .ico{width:3.1em;height:3.1em;color:#83d8ed;stroke-width:1.3}
.clean-fleet__devices span{font-size:.72em}
.clean-fleet__devices i{position:absolute;bottom:-2.4em;left:50%;height:2.4em;width:1px;background:#38c6e860}
.clean-fleet__devices>div:not(:nth-child(2)) i{display:none}
.clean-fleet__report{position:relative;padding:1.2em;border:1px solid #38c6e85c;border-radius:.8em;background:#15323e;box-shadow:0 1.4em 2em -.8em #0005}
.clean-fleet__report>div:first-child{display:flex;align-items:center;gap:1em}
.clean-fleet__report-icon{display:grid;place-items:center;flex:none;width:2.8em;height:2.8em;border-radius:.7em;background:#38c6e812;color:var(--a)}
.clean-fleet__report-icon .ico{width:1.5em;height:1.5em}
.clean-fleet__report b,.clean-fleet__report>div>div>span{display:block}
.clean-fleet__report b{color:#e0edee;font-size:.95em;font-weight:500}
.clean-fleet__report>div>div>span{margin-top:.3em;color:#9bb4be;font-size:.75em}
.clean-fleet__metrics{display:flex;gap:.6em;margin-top:1.2em;padding-top:.8em;border-top:1px solid #ffffff12;color:#b4cdd5;font-size:.65em}
.clean-fleet__metrics span{flex:1;padding:.35em .5em;border-radius:.4em;background:#ffffff04;text-align:center}

/* Якорь панели оставляет место под закреплённой навигацией приложений. */
@media(max-width:899px){
  .pp{scroll-margin-top:80px}
}
@media(max-width:599px){
  .feature-slide__caption{min-height:130px;padding:18px}
  .slideshow__controls{padding-inline:10px;gap:2px}
  .slideshow__dots{gap:0}
  .slideshow__dot{width:22px}
  .slideshow__dot[aria-current="true"]::before{width:20px}
  .slideshow__count{display:none}
}
@media(prefers-reduced-motion:reduce){
  .slideshow.is-ready .feature-slide{transition:none}
}