@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --paper:#f6f5f2; --paper2:#fffefc; --ink:#14181f; --ink2:#4f5866; --ink3:#8b939f;
  --line:rgba(20,24,31,.1); --line2:rgba(20,24,31,.18);
  --gold:#a8791c; --gold2:#c9a44a; --goldsoft:rgba(201,164,74,.14);
  --grn:#177a4a; --red:#c0483c;
  --dark:#12161c; --dark2:#1a2027;
  --r:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--paper); color:var(--ink); overflow-x:clip;
  font:16px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
::selection{background:rgba(201,164,74,.32)}

.wrap{width:min(1140px,100%);margin:0 auto;padding:0 26px}

/* ══════ прогресс чтения ══════ */
.prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:90;background:transparent}
.prog i{display:block;height:100%;background:linear-gradient(90deg,#c9a44a,#a8791c);transform-origin:0 50%;transform:scaleX(0)}
@supports (animation-timeline: scroll()){
  .prog i{animation:grow-x linear;animation-timeline:scroll(root);transform:none}
  @keyframes grow-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}

/* ══════ слайд ══════ */
.slide{position:relative;padding:96px 0;display:flex;align-items:center;min-height:100svh}
.slide-in{width:100%;max-width:1140px;margin-inline:auto}
.slide.dark{background:var(--dark);color:#eef1f5}
.slide.dark .lbl{color:var(--gold2)}
.slide.dark .lbl::before{background:var(--gold2)}
.slide.dark .lead{color:#a9b2be}
.slide.tint{background:linear-gradient(170deg,#fbf9f4,#f4f2ec)}

.num{position:absolute;top:38px;right:32px;font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--ink3)}
.slide.dark .num{color:rgba(255,255,255,.32)}

.lbl{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.lbl::before{content:'';width:26px;height:1.5px;background:var(--gold);opacity:.7}

h1{font-size:clamp(32px,4.4vw,54px);font-weight:800;letter-spacing:-.038em;line-height:1.08}
h2{font-size:clamp(27px,4.1vw,46px);font-weight:800;letter-spacing:-.034em;line-height:1.1;margin-bottom:18px}
h2 em,h1 em{font-style:normal;color:var(--gold)}
.slide.dark h2 em{color:var(--gold2)}
.lead{font-size:clamp(15.5px,1.6vw,19px);line-height:1.65;color:var(--ink2);max-width:740px}

/* появление на скролле */
.rise{opacity:0;transform:translateY(28px)}
.rise.on{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.rise.d1{transition-delay:.08s}.rise.d2{transition-delay:.16s}.rise.d3{transition-delay:.24s}
.rise.d4{transition-delay:.32s}.rise.d5{transition-delay:.4s}
@media(prefers-reduced-motion:reduce){.rise{opacity:1;transform:none}}

/* ══════ 1. титул ══════ */
.hero{background:radial-gradient(1100px 620px at 76% 14%,rgba(201,164,74,.19),transparent 62%),var(--paper);overflow:hidden}
.hero-mk{display:inline-flex;align-items:center;gap:13px;margin-bottom:34px}
.hero-mk i{width:46px;height:46px;border-radius:14px;background:linear-gradient(150deg,#d7b158,#9c7118);
  display:grid;place-items:center;box-shadow:0 14px 30px -12px rgba(168,121,28,.6)}
.hero-mk i svg{width:25px;height:25px}
.hero-mk span{font-size:13.5px;font-weight:700;color:var(--ink2);line-height:1.35}
.hero-mk span b{display:block;font-size:15px;font-weight:800;color:var(--ink)}
.hero h1{margin-bottom:22px}
.hero p{font-size:clamp(15.5px,1.5vw,18px);line-height:1.62;color:var(--ink2);margin-bottom:30px}
.hero-meta{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:30px;padding-top:22px;border-top:1px solid var(--line)}
.hero-meta div b{display:block;font-size:clamp(19px,1.9vw,24px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.hero-meta div span{font-size:12.5px;color:var(--ink3);font-weight:600}
.scroll-hint{position:absolute;left:26px;bottom:34px;display:flex;align-items:center;gap:11px;font-size:12px;
  font-weight:700;color:var(--ink3);letter-spacing:.02em}
.scroll-hint i{width:22px;height:34px;border:1.6px solid var(--line2);border-radius:12px;position:relative}
.scroll-hint i::after{content:'';position:absolute;left:50%;top:7px;width:3px;height:6px;border-radius:9px;
  background:var(--gold);transform:translateX(-50%);animation:sc 1.8s infinite}
@keyframes sc{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,12px)}}

/* ══════ 2. проблема ══════ */
.voices{position:relative;height:clamp(260px,34vw,360px);margin-top:16px}
.voice{position:absolute;padding:11px 16px;border-radius:14px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);font-size:clamp(12px,1.3vw,14px);line-height:1.4;color:#cfd6e0;
  backdrop-filter:blur(3px);white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}
.voice b{color:#fff;font-weight:800}
.voice:nth-child(1){top:2%;left:0;animation:fl 7s ease-in-out infinite}
.voice:nth-child(2){top:20%;right:4%;animation:fl 8s ease-in-out .6s infinite}
.voice:nth-child(3){top:40%;left:8%;animation:fl 6.4s ease-in-out .3s infinite}
.voice:nth-child(4){top:58%;right:12%;animation:fl 7.6s ease-in-out .9s infinite}
.voice:nth-child(5){top:76%;left:2%;animation:fl 6.8s ease-in-out 1.2s infinite}
.voice:nth-child(6){top:92%;right:0;animation:fl 8.4s ease-in-out .2s infinite}
@keyframes fl{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-9px) rotate(.5deg)}}
@media(prefers-reduced-motion:reduce){.voice{animation:none}}
.quote-big{margin-top:34px;padding:28px 32px;border-radius:var(--r);background:rgba(201,164,74,.1);
  border:1px solid rgba(201,164,74,.28)}
.quote-big p{font-size:clamp(17px,2.1vw,23px);line-height:1.5;font-weight:600;font-style:italic;color:#f2f4f7}
.quote-big span{display:block;margin-top:14px;font-size:13px;color:rgba(255,255,255,.5);font-weight:700;font-style:normal}

/* ══════ 3. решение — счётчики ══════ */
.eq{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:clamp(10px,2vw,26px);margin:44px 0 26px}
.eq-i{text-align:center;padding:clamp(20px,3vw,34px) 14px;border-radius:var(--r);background:var(--paper2);
  border:1px solid var(--line);box-shadow:0 1px 2px rgba(20,24,31,.04),0 18px 40px -28px rgba(20,24,31,.4)}
.eq-i.hl{background:linear-gradient(165deg,#fdf6e4,#f9efd8);border-color:rgba(201,164,74,.4)}
.eq-v{font-size:clamp(38px,6.6vw,72px);font-weight:800;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.eq-i.hl .eq-v{color:var(--gold)}
.eq-l{font-size:clamp(11.5px,1.2vw,13.5px);font-weight:700;color:var(--ink3);margin-top:12px;line-height:1.4}
.eq-ar{color:var(--gold);opacity:.55}
.eq-ar svg{width:clamp(20px,2.6vw,30px);height:clamp(20px,2.6vw,30px);display:block}

/* ══════ 4. шаги ══════ */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:44px;counter-reset:st}
.step{padding:24px 20px;border-radius:var(--r);background:var(--paper2);border:1px solid var(--line);
  transition:transform .25s,box-shadow .25s;position:relative}
.step:hover{transform:translateY(-5px);box-shadow:0 22px 44px -26px rgba(20,24,31,.45)}
.step-n{width:34px;height:34px;border-radius:11px;background:var(--goldsoft);border:1px solid rgba(201,164,74,.36);
  color:var(--gold);display:grid;place-items:center;font-size:14.5px;font-weight:800;margin-bottom:16px}
.step b{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.018em;line-height:1.3;margin-bottom:9px}
.step p{font-size:13.5px;line-height:1.55;color:var(--ink2)}
.step-who{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line2);font-size:11px;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.step-who.man{color:var(--gold)}

/* ══════ 5. живой пример ══════ */
.case{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(14px,2.4vw,30px);align-items:center;margin-top:42px}
.case-c{padding:22px;border-radius:var(--r);background:var(--paper2);border:1px solid var(--line)}
.case-c.out{background:linear-gradient(165deg,#fdf7e6,#faf1da);border-color:rgba(201,164,74,.38)}
.case-t{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);margin-bottom:15px}
.case-c.out .case-t{color:var(--gold)}
.bub{padding:11px 14px;border-radius:12px;background:#f1f1ee;font-size:13px;line-height:1.45;color:var(--ink2);margin-bottom:8px}
.bub b{display:block;font-size:11px;font-weight:800;color:var(--ink);margin-bottom:3px}
.bub-more{font-size:12.5px;font-weight:700;color:var(--gold);padding-left:3px}
.case-ar{display:grid;place-items:center;color:var(--gold)}
.case-ar svg{width:30px;height:30px}
.ans{padding:15px 17px;border-radius:12px;background:#fff;border:1px solid rgba(201,164,74,.3)}
.ans b{display:block;font-size:13px;font-weight:800;margin-bottom:8px;line-height:1.35}
.ans p{font-size:13px;line-height:1.55;color:var(--ink2)}
.ans-out{margin-top:13px;padding-top:12px;border-top:1px dashed rgba(201,164,74,.42);font-size:12.5px;
  font-weight:700;color:var(--grn);line-height:1.45}

/* ══════ 6. три роли ══════ */
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.role{padding:26px;border-radius:var(--r);background:var(--paper2);border:1px solid var(--line)}
.role-i{width:44px;height:44px;border-radius:14px;background:var(--goldsoft);border:1px solid rgba(201,164,74,.3);
  color:var(--gold);display:grid;place-items:center;margin-bottom:17px}
.role-i svg{width:21px;height:21px}
.role b{display:block;font-size:17px;font-weight:800;letter-spacing:-.018em;margin-bottom:11px}
.role ul{list-style:none}
.role li{font-size:13.5px;line-height:1.5;color:var(--ink2);padding-left:17px;position:relative;margin-bottom:9px}
.role li:last-child{margin-bottom:0}
.role li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--gold2)}

/* ══════ 7. состав и сроки ══════ */
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,3.4vw,46px);margin-top:42px;align-items:start}
.scope-l{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.sc{padding:16px 17px;border-radius:14px;background:var(--paper2);border:1px solid var(--line)}
.sc b{display:block;font-size:13.5px;font-weight:800;margin-bottom:5px;letter-spacing:-.012em}
.sc span{font-size:12px;line-height:1.5;color:var(--ink2)}
.tl{display:flex;flex-direction:column}
.tl-i{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}
.tl-i:last-child{border-bottom:0}
.tl-d{font-size:12.5px;font-weight:800;color:var(--gold);padding-top:2px}
.tl-b b{display:block;font-size:14.5px;font-weight:800;margin-bottom:4px;letter-spacing:-.015em}
.tl-b p{font-size:12.5px;line-height:1.5;color:var(--ink2)}

/* ══════ 8. финал ══════ */
.price-box{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:clamp(26px,3.4vw,40px);
  border-radius:22px;background:linear-gradient(155deg,rgba(201,164,74,.18),rgba(201,164,74,.05));
  border:1px solid rgba(201,164,74,.35);margin:38px 0 30px}
.price-l small{display:block;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold2);margin-bottom:12px}
.price-v{font-size:clamp(38px,5.6vw,62px);font-weight:800;letter-spacing:-.045em;line-height:1;color:#fff}
.price-l p{font-size:14.5px;line-height:1.6;color:#a9b2be;margin-top:14px;max-width:460px}
.price-r{display:flex;flex-direction:column;gap:11px}
.price-r div{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:600;color:#cbd3dd}
.price-r svg{width:17px;height:17px;flex:0 0 17px;color:var(--gold2)}
.links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.lnk{display:block;padding:22px;border-radius:var(--r);background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);transition:.2s}
.lnk:hover{background:rgba(255,255,255,.09);border-color:rgba(201,164,74,.5);transform:translateY(-3px)}
.lnk-i{width:38px;height:38px;border-radius:12px;background:rgba(201,164,74,.16);border:1px solid rgba(201,164,74,.3);
  color:var(--gold2);display:grid;place-items:center;margin-bottom:14px}
.lnk-i svg{width:18px;height:18px}
.lnk b{display:block;font-size:15.5px;font-weight:800;margin-bottom:6px;color:#fff}
.lnk span{font-size:12.5px;line-height:1.5;color:#9aa4b1;display:block}
.lnk em{display:block;margin-top:11px;font-style:normal;font-size:12px;font-weight:700;color:var(--gold2)}
.foot{margin-top:44px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:18px;
  flex-wrap:wrap;align-items:center;font-size:13px;color:#8993a1;font-weight:600}
.foot a{color:var(--gold2)}

/* ══════ адаптив ══════ */
@media(max-width:1000px){
  .steps{grid-template-columns:repeat(2,1fr)}
  .roles,.links{grid-template-columns:1fr}
  .two-col{grid-template-columns:1fr}
  .case{grid-template-columns:1fr}
  .case-ar{transform:rotate(90deg);padding:4px 0}
  .price-box{grid-template-columns:1fr;gap:22px}
}
@media(max-width:640px){
  .slide{padding:74px 0;min-height:auto}
  .wrap{padding:0 20px}
  .num{top:26px;right:20px;font-size:10.5px}
  .steps{grid-template-columns:1fr}
  .scope-l{grid-template-columns:1fr}
  .eq{grid-template-columns:1fr;gap:12px}
  .eq-ar{transform:rotate(90deg);margin:0 auto}
  .hero-meta{grid-template-columns:1fr 1fr;gap:18px}
  .hero{min-height:100svh}
  .tl-i{grid-template-columns:1fr;gap:5px}
  .scroll-hint{left:20px;bottom:24px}
  .voices{height:auto;display:flex;flex-direction:column;gap:9px}
  .voice{position:static;white-space:normal;animation:none;max-width:100%}
}

/* ══════════ 1. ГЕРОЙ: две колонки ══════════ */
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(24px,4vw,64px);align-items:center}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 20px;border-radius:13px;
  font-size:14.5px;font-weight:700;transition:.2s;border:1px solid var(--line2);color:var(--ink);background:var(--paper2)}
.btn svg{width:17px;height:17px;flex:0 0 17px}
.btn:hover{border-color:var(--ink3);transform:translateY(-2px)}
.btn-p{background:linear-gradient(160deg,#c9a44a,#a8791c);color:#fff;border-color:transparent;
  box-shadow:0 16px 34px -16px rgba(168,121,28,.75)}
.btn-p:hover{background:linear-gradient(160deg,#d5b25c,#b6842a);color:#fff}

.hero-art{position:relative;perspective:1600px;padding:0 0 70px;min-width:0}
.art-win{border-radius:20px;background:var(--paper2);border:1px solid var(--line);overflow:hidden;
  box-shadow:0 40px 80px -40px rgba(20,24,31,.45),0 2px 6px rgba(20,24,31,.05);
  transform:rotateY(-5deg) rotateX(2deg) translateZ(0);max-width:100%}
.art-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#f2f1ed;border-bottom:1px solid var(--line)}
.art-top i{width:9px;height:9px;border-radius:99px;background:rgba(20,24,31,.14)}
.art-top span{margin-left:9px;font-size:11.5px;font-weight:700;color:var(--ink3)}
.art-b{padding:16px}
.art-row{padding:14px 15px;border-radius:13px;background:#faf9f6;border:1px solid var(--line);margin-bottom:10px;
  opacity:0;transform:translateY(10px)}
.on .art-row{animation:artIn .6s cubic-bezier(.2,.8,.3,1) forwards;animation-delay:var(--d)}
@keyframes artIn{to{opacity:1;transform:none}}
.art-row:last-child{margin-bottom:0}
.art-row.hl{background:linear-gradient(160deg,#fdf6e6,#faf0d8);border-color:rgba(201,164,74,.4)}
.art-tag{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  padding:4px 8px;border-radius:6px;background:rgba(192,72,60,.12);color:#a83b30;margin-bottom:8px}
.art-tag.g{background:rgba(23,122,74,.12);color:var(--grn)}
.art-row b{display:block;font-size:13px;font-weight:800;line-height:1.35;margin-bottom:9px}
.art-m{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:600;color:var(--ink3)}
.art-m em{font-style:normal;font-weight:800;color:var(--gold)}
.art-f{display:flex}
.art-f i{width:20px;height:20px;border-radius:7px;background:linear-gradient(150deg,#e4e7ec,#d3d8e0);
  border:1.5px solid var(--paper2);margin-left:-6px}
.art-f i:first-child{margin-left:0}

.art-mail{position:absolute;right:0;bottom:0;width:min(300px,86%);padding:15px 17px;border-radius:16px;
  background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -26px rgba(20,24,31,.5);
  opacity:0;transform:translateY(14px)}
.on .art-mail{animation:artIn .65s cubic-bezier(.2,.8,.3,1) forwards;animation-delay:var(--d)}
.art-mail-h{font-size:11px;color:var(--ink3);padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid var(--line)}
.art-mail-h b{color:var(--ink)}
.art-mail p{font-size:12.5px;line-height:1.5;color:var(--ink2)}
.art-mail-q{margin-top:11px;padding-left:10px;border-left:2px solid rgba(201,164,74,.5);font-size:11px;
  font-style:italic;color:var(--ink3);line-height:1.45}

/* ══════════ 3. 51 точка → 8 тем ══════════ */
.dots{display:grid;grid-template-columns:minmax(0,.82fr) auto minmax(0,1.18fr);gap:clamp(16px,3vw,44px);align-items:center;margin:40px 0 30px}
.dots-t{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);margin-bottom:16px}
.dots-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:6px;max-width:400px}
.dot{aspect-ratio:1;border-radius:3.5px;background:#dcd9d2;transition:background .5s ease}
.dots.lit .dot{background:var(--dc)}
.dots-ar{color:var(--gold);opacity:.5}
.dots-ar svg{width:clamp(20px,2.4vw,28px);height:clamp(20px,2.4vw,28px);display:block}
.dots-themes{display:flex;flex-direction:column;gap:7px}
.dth{display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:11px;background:var(--paper2);
  border:1px solid var(--line);opacity:0;transform:translateX(10px)}
.dots.lit .dth{animation:dthIn .5s cubic-bezier(.2,.85,.3,1) forwards}
.dots.lit .dth:nth-child(1){animation-delay:.85s}.dots.lit .dth:nth-child(2){animation-delay:.93s}
.dots.lit .dth:nth-child(3){animation-delay:1.01s}.dots.lit .dth:nth-child(4){animation-delay:1.09s}
.dots.lit .dth:nth-child(5){animation-delay:1.17s}.dots.lit .dth:nth-child(6){animation-delay:1.25s}
.dots.lit .dth:nth-child(7){animation-delay:1.33s}.dots.lit .dth:nth-child(8){animation-delay:1.41s}
@keyframes dthIn{to{opacity:1;transform:none}}
.dth b{flex:0 0 34px;height:26px;border-radius:8px;background:var(--c);color:#fff;display:grid;place-items:center;
  font-size:12.5px;font-weight:800}
.dth span{font-size:13px;font-weight:600;color:var(--ink2);line-height:1.3}

/* ══════════ навигация точками ══════════ */
.dotnav{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:80;display:flex;flex-direction:column;gap:13px}
.dotnav a{position:relative;width:9px;height:9px;border-radius:99px;background:rgba(20,24,31,.2);transition:.22s}
.dotnav a::after{content:attr(data-t);position:absolute;right:20px;top:50%;transform:translateY(-50%) translateX(6px);
  white-space:nowrap;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:8px;background:var(--ink);color:#fff;
  opacity:0;pointer-events:none;transition:.2s}
.dotnav a:hover{background:var(--gold);transform:scale(1.35)}
.dotnav a:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}
.dotnav a.on{background:var(--gold);height:22px;border-radius:99px}
.dotnav.on-dark a{background:rgba(255,255,255,.28)}
.dotnav.on-dark a.on,.dotnav.on-dark a:hover{background:var(--gold2)}
.dotnav.on-dark a::after{background:#fff;color:var(--ink)}
@media(max-width:1319px){.dotnav{display:none}}

/* ══════════ линия между шагами ══════════ */
.steps{position:relative}
.steps::before{content:'';position:absolute;top:41px;left:9%;right:9%;height:1.5px;
  background:repeating-linear-gradient(90deg,rgba(201,164,74,.45) 0 7px,transparent 7px 15px);z-index:0}
.step{z-index:1}
@media(max-width:1000px){.steps::before{display:none}}

@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr}
  .hero-art{margin-top:8px}
  .art-win{transform:none}
  .art-mail{position:static;width:100%;margin-top:14px}
  .dots{grid-template-columns:1fr}
  .dots-ar{transform:rotate(90deg);margin:0 auto}
}
@media(max-width:640px){
  .btn{height:46px;font-size:14px;width:100%}
  .hero-cta{flex-direction:column}
  .dots-grid{grid-template-columns:repeat(11,1fr);gap:5px}
}

/* итоговая строка слайда 3 */
.sum{display:flex;align-items:center;gap:clamp(12px,2vw,26px);flex-wrap:wrap;padding:20px 24px;border-radius:var(--r);
  background:var(--paper2);border:1px solid var(--line);box-shadow:0 1px 2px rgba(20,24,31,.04)}
.sum>div{text-align:center;min-width:104px}
.sum b{display:block;font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.04em;line-height:1;
  font-variant-numeric:tabular-nums}
.sum .hl b{color:var(--gold)}
.sum span{display:block;font-size:11.5px;font-weight:700;color:var(--ink3);margin-top:7px}
.sum i{font-style:normal;color:var(--gold);opacity:.5;font-size:19px}
.sum p{flex:1;min-width:230px;font-size:13.5px;line-height:1.55;color:var(--ink2);padding-left:clamp(12px,2vw,24px);
  border-left:1px solid var(--line)}
@media(max-width:640px){
  .sum{gap:12px;padding:16px}
  .sum>div{min-width:76px}
  .sum p{flex-basis:100%;padding-left:0;border-left:0;padding-top:14px;border-top:1px solid var(--line)}
}

/* ── примечание про контроль человека ── */
.note{margin-top:22px;padding:16px 20px;border-radius:14px;background:var(--goldsoft);
  border:1px solid rgba(201,164,74,.32);font-size:14px;line-height:1.6;color:var(--ink2);max-width:860px}
.note b{color:var(--ink);font-weight:800}

/* ── что нужно от союза (финальный слайд) ── */
.start{margin:30px 0 26px;padding:26px 28px;border-radius:var(--r);background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.13)}
.start-h{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);margin-bottom:18px}
.start-g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.start-g>div{display:flex;gap:11px}
.start-g b{flex:0 0 24px;height:24px;border-radius:8px;background:rgba(201,164,74,.2);border:1px solid rgba(201,164,74,.34);
  color:var(--gold2);display:grid;place-items:center;font-size:12px;font-weight:800}
.start-g span{font-size:13px;line-height:1.5;color:#b6bfca}
.start-n{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.11);font-size:13.5px;color:#96a0ad}
@media(max-width:900px){.start-g{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.start-g{grid-template-columns:1fr}.start{padding:20px}}

/* ══════ ПЕЧАТЬ / СОХРАНЕНИЕ В PDF ══════ */
@media print{
  @page{size:A4 landscape;margin:12mm}
  html,body{background:#fff!important;color:#14181f!important}
  .prog,.dotnav,.scroll-hint{display:none!important}
  .slide{min-height:auto!important;padding:0!important;margin:0!important;display:block!important;
    background:#fff!important;overflow:visible!important;break-inside:avoid;page-break-inside:avoid}
  /* разрыв ставим ПЕРЕД каждым слайдом кроме первого — иначе браузер добавляет пустую страницу */
  .slide + .slide{break-before:page;page-break-before:always}
  .slide-in{padding:0!important;zoom:.86}
  /* плотнее, чтобы каждый слайд помещался на одну страницу */
  .dots{margin:18px 0 14px!important}
  .dth{padding:7px 12px!important}
  .sum{padding:14px 18px!important}
  .steps,.roles,.case,.two-col,.voices{margin-top:20px!important}
  .step{padding:16px 15px!important}
  .role{padding:18px!important}
  .quote-big{margin-top:20px!important;padding:18px 22px!important}
  .price-box{margin:20px 0 16px!important;padding:22px!important}
  .start{margin:16px 0!important;padding:18px 20px!important}
  .links{gap:10px!important}
  .lnk{padding:14px!important}
  .note{margin-top:14px!important;padding:12px 16px!important}
  h2{margin-bottom:12px!important}
  .foot{margin-top:18px!important;padding-top:12px!important;break-before:avoid;page-break-before:avoid;font-size:11.5px!important}
  .slide.dark,.slide.tint{background:#fff!important;color:#14181f!important}
  .quote-big span,.slide.dark .quote-big span{color:#8b939f!important}
  .slide.dark .lead,.slide.dark .voice,.slide.dark .quote-big p,.slide.dark .start-g span,
  .slide.dark .price-l p,.slide.dark .price-r div,.slide.dark .lnk span,.slide.dark .start-n{color:#4f5866!important}
  .slide.dark h2,.slide.dark .price-v,.slide.dark .lnk b,.slide.dark .voice b{color:#14181f!important}
  .slide.dark .lbl,.slide.dark h2 em{color:#a8791c!important}
  .voice,.quote-big,.start,.lnk,.price-box{background:#faf9f6!important;border-color:rgba(20,24,31,.14)!important;
    backdrop-filter:none!important}
  .voices{height:auto!important;display:flex;flex-direction:column;gap:6px}
  .voice{position:static!important;animation:none!important;white-space:normal!important}
  .rise{opacity:1!important;transform:none!important}
  .art-row,.art-mail,.dth{opacity:1!important;transform:none!important;animation:none!important}
  .art-win{transform:none!important;box-shadow:none!important}
  .art-mail{position:static!important;width:100%!important;margin-top:10px;box-shadow:none!important}
  .dots.lit .dot,.dot{background:var(--dc)!important}
  .num{color:#8b939f!important}
  .step:hover{transform:none}
  a[href]::after{content:''}
  .lnk em{color:#a8791c!important}
  .hero{overflow:visible!important}
}