/* ===== Многостраничный сайт: общие блоки и новые разделы ===== */

/* меню: текущая страница */
.nav a[aria-current="page"]{color:var(--fg)}
.nav a[aria-current="page"]::after{content:"";display:block;position:absolute;left:14px;right:14px;bottom:8px;height:2px;background:var(--clay)}
.nav a{position:relative}

/* подвал на 5 колонок */
.foot .wrap{grid-template-columns:1.2fr 1fr 1fr .8fr 1.2fr}
@media (max-width:980px){.foot .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot .wrap{grid-template-columns:1fr}}

/* появление */
.js [data-in]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-hard),transform .7s var(--ease-hard)}
.js [data-in].in{opacity:1;transform:none}

/* вывод раздела — заметная плашка */
.key{margin:0;padding:18px 22px;border-radius:8px 8px 8px 2px;background:linear-gradient(90deg,rgba(122,156,255,.12),rgba(122,156,255,.03));box-shadow:inset 3px 0 0 var(--hard-text),0 0 0 1px rgba(122,156,255,.18);font-size:var(--fs-4);line-height:1.55;color:var(--muted);max-width:820px}
.key b{color:var(--fg);font-weight:600}

/* списки с галочками */
.ticks-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ticks-list li{position:relative;padding-left:28px;font-size:var(--fs-4);line-height:1.5;color:var(--muted)}
.ticks-list li::before{content:"";position:absolute;left:0;top:.3em;width:16px;height:16px;border-radius:5px 5px 5px 2px;background:rgba(122,156,255,.14);box-shadow:inset 0 0 0 1px rgba(122,156,255,.45)}
.ticks-list li::after{content:"";position:absolute;left:5px;top:calc(.3em + 4px);width:6px;height:4px;border-left:1.5px solid var(--hard-text);border-bottom:1.5px solid var(--hard-text);transform:rotate(-45deg)}
.ticks-list b{color:var(--fg);font-weight:600}

/* превью RSPR на главной */
.tz-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:center}
.tz-grid .sec-head{gap:18px}
.tz-grid .btn{justify-self:start}
.tz-shot{position:relative;border-radius:8px 8px 8px 2px;padding:10px;background:linear-gradient(160deg,rgba(122,156,255,.18),rgba(210,102,47,.10) 60%,transparent);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 120px rgba(0,0,0,.55)}
.rsp-panel{border-radius:8px 8px 8px 2px}
.rsp-panel .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){.tz-grid{grid-template-columns:1fr}}

/* услуги: карточки на главной */
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.svc{position:relative;display:grid;gap:10px;align-content:start;padding:22px 22px 26px;border-radius:8px 8px 8px 2px;background:var(--card);box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s,background .2s}
.svc:hover{box-shadow:0 0 0 1px rgba(122,156,255,.5);background:#121217}
.svc .n{font-size:var(--fs-1);color:var(--hard-text);letter-spacing:.1em}
.svc b{font:800 var(--fs-5)/1.2 var(--f-d);letter-spacing:-.02em}
.svc p{margin:0;font-size:var(--fs-3);line-height:1.5;color:var(--muted)}
.svc .ar{position:absolute;right:20px;top:18px;font-family:var(--f-m);color:var(--faint-t);transition:color .2s,transform .2s}
.svc:hover .ar{color:var(--fg);transform:translateX(3px)}
@media (max-width:980px){.svc-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.svc-grid{grid-template-columns:1fr}}

/* кто за этим стоит */
.ab-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,72px);align-items:center}
.ab-photo{position:relative;border-radius:8px 8px 8px 2px;overflow:hidden;aspect-ratio:4/5;max-width:420px;box-shadow:0 0 0 1px var(--line)}
.ab-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);display:block}
.ab-photo::after{content:"";position:absolute;left:0;bottom:0;width:38%;height:8px;background:var(--clay)}
.ab-grid .sec-head{gap:18px;max-width:none}
.ab-grid .btn{justify-self:start}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:7px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font:400 var(--fs-2) var(--f-m);color:var(--fg)}
.strip.mini{grid-template-columns:repeat(3,minmax(0,1fr))}
.strip.mini .cell{padding:16px 16px 18px}
@media (max-width:980px){.ab-grid{grid-template-columns:1fr}.ab-photo{max-width:340px}}
@media (max-width:560px){.strip.mini{grid-template-columns:1fr}}

/* ===== дом-рентген ===== */
.rsv-sec{padding-top:0}
.rsv-sec>.coord{padding-top:clamp(56px,9vh,96px)}
.rsv-track{position:relative;height:320vh}
.rsv-stick{position:sticky;top:68px;height:calc(100vh - 68px);height:calc(100dvh - 68px);display:grid;align-items:center;overflow:hidden}
.rsv-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,48px);align-items:center;width:100%}
.rsv-copy{display:grid;gap:16px;align-content:center}
.rsv-copy p{margin:0;color:var(--muted);font-size:var(--fs-4);line-height:1.6;max-width:46ch}
.rsv-list{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;counter-reset:f}
.rsv-list li{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid var(--line-soft);font:500 var(--fs-3)/1.3 var(--f-t);color:var(--faint-t);transition:color .3s}
.rsv-list li .num{font-size:var(--fs-1);color:var(--faint-t);min-width:24px;transition:color .3s}
.rsv-list li.on{color:var(--fg)}
.rsv-list li.on .num{color:var(--hard-text)}
.rsv-list li.hot{color:var(--accent-text)}
.rsv-list li.hot .num{color:var(--accent-text)}
.rsv-list li:last-child{grid-column:1/-1}
#rsv.done .rsv-list li:last-child{color:var(--grass-text)}
#rsv.done .rsv-list li:last-child .num{color:var(--grass-text)}
.rsv-stage{position:relative;height:min(78vh,720px)}
.rsv-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.rsv-done{position:absolute;right:8%;top:10%;padding:8px 14px;border-radius:999px;background:var(--grass);color:#fff;font:500 var(--fs-2) var(--f-m);letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
#rsv.done .rsv-done{opacity:1;transform:none}
.rsv-flat .rsv-stage{display:none}
.rsv-flat .rsv-list li{color:var(--fg)}
.money-row{display:grid;gap:12px}
@media (max-width:980px){
  .rsv-track{height:260vh}
  .rsv-grid{grid-template-columns:1fr;gap:6px;align-content:start;padding-top:12px}
  .rsv-stage{order:-1;height:44vh}
  .rsv-copy{gap:10px}
  .rsv-copy p{font-size:var(--fs-3)}
  .rsv-list li{padding:4px 0;font-size:var(--fs-2)}
}
@media (max-width:640px){.rsv-copy p{display:none}.rsv-copy h2{font-size:var(--fs-7)}}
@media (prefers-reduced-motion:reduce){.rsv-track{height:auto}.rsv-stick{position:relative;top:0;height:auto;padding-block:40px}}

/* ===== схема-микросхема: бегущие точки ===== */
#pcb .glow{fill:none;stroke:rgba(122,156,255,.10);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
#pcb .tr{stroke:rgba(122,156,255,.55);stroke-width:1.6}
#pcb .dots{fill:none;stroke:#cfd9ff;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:0 34;animation:dots 1.6s linear infinite}
@keyframes dots{to{stroke-dashoffset:-34}}
#pcb .via{fill:#09090a;stroke:#7a9cff;stroke-width:1.4}
#pcb .pad{fill:#7a9cff}
@media (prefers-reduced-motion:reduce){#pcb .dots{animation:none}}

/* хаос: спокойнее */
.frag{transition:none}

/* ===== внутренние страницы ===== */
.page-hero{padding-block:clamp(48px,9vh,110px) clamp(40px,6vh,72px)}
.page-hero .wrap{display:grid;gap:22px}
.page-hero h1{max-width:20ch}
.page-hero .lead{font-size:var(--fs-4);max-width:62ch}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.toc a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font:500 var(--fs-3) var(--f-t);color:var(--muted)}
.toc a:hover{color:var(--fg);box-shadow:inset 0 0 0 1px var(--muted)}
.toc .num{font-size:var(--fs-1);color:var(--hard-text)}

.sv-list{display:grid;gap:14px}
.sv{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,56px);padding:clamp(22px,3vw,36px);border-radius:8px 8px 8px 2px;background:var(--card);box-shadow:0 0 0 1px var(--line);scroll-margin-top:90px}
.sv-h{display:grid;gap:12px;align-content:start}
.sv-h .n{font-size:var(--fs-2);color:var(--hard-text);letter-spacing:.1em}
.sv-h h2{font-size:var(--fs-7)}
.sv-h p{margin:0;color:var(--muted);font-size:var(--fs-4);line-height:1.55}
.sv-h .btn{justify-self:start;margin-top:6px}
.sv-b{display:grid;gap:18px;align-content:start}
#sistema{background:linear-gradient(160deg,rgba(122,156,255,.10),var(--card) 55%);box-shadow:0 0 0 1px rgba(122,156,255,.35)}
@media (max-width:980px){.sv{grid-template-columns:1fr}}
.packs.one{grid-template-columns:1fr;margin-top:12px}

/* лента по годам */
.tl{list-style:none;margin:0;padding:0;display:grid;position:relative}
.tl::before{content:"";position:absolute;left:118px;top:10px;bottom:10px;width:1px;background:linear-gradient(var(--hard-text),rgba(122,156,255,.1))}
.tl-i{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr) 220px;gap:28px;padding:22px 0;border-bottom:1px solid var(--line-soft)}
.tl-i::before{content:"";position:absolute;left:113px;top:30px;width:11px;height:11px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px var(--hard-text)}
.tl-y{font-size:var(--fs-3);color:var(--fg);padding-top:4px}
.tl-b{display:grid;gap:10px;padding-left:10px}
.tl-b h3{font:800 var(--fs-6)/1.2 var(--f-d);letter-spacing:-.02em}
.tl-b p{margin:0;color:var(--muted);font-size:var(--fs-3);line-height:1.6;max-width:62ch}
.tl-pic{border-radius:8px 8px 8px 2px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 0 0 1px var(--line);align-self:start}
.tl-pic img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);display:block}
@media (max-width:980px){.tl-i{grid-template-columns:90px minmax(0,1fr)}.tl-pic{grid-column:2;max-width:320px}.tl::before{left:90px}.tl-i::before{left:85px}}
@media (max-width:560px){.tl::before,.tl-i::before{display:none}.tl-i{grid-template-columns:1fr;gap:8px}.tl-b{padding-left:0}.tl-pic{grid-column:1}.tl-y{color:var(--hard-text)}}

.why-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.why-grid li{display:grid;gap:8px;align-content:start;padding:18px 18px 22px;border-radius:8px 8px 8px 2px;background:var(--card);box-shadow:0 0 0 1px var(--line);font-size:var(--fs-3);line-height:1.5;color:var(--muted)}
.why-grid b{display:block;font:800 var(--fs-4)/1.25 var(--f-d);letter-spacing:-.02em;color:var(--fg)}
@media (max-width:1100px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr}}

/* контакты */
.ct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.ct{display:grid;gap:8px;align-content:start;padding:22px 22px 24px;border-radius:8px 8px 8px 2px;background:var(--card);box-shadow:0 0 0 1px var(--line)}
.big-l{font:400 var(--fs-6)/1.3 var(--f-m);letter-spacing:-.02em;color:var(--fg)}
.big-p{margin:0;font:600 var(--fs-4)/1.4 var(--f-t)}
.ct .small{margin:0;font-size:var(--fs-2);color:var(--muted)}
.req{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.req div{padding:16px 18px;border-radius:8px 8px 8px 2px;background:var(--card);box-shadow:0 0 0 1px var(--line)}
.req dt{font:400 var(--fs-1)/14px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.req dd{margin:6px 0 0;font-size:var(--fs-3)}
@media (max-width:980px){.ct-grid,.req{grid-template-columns:1fr}}

/* поле выбора в форме */
.fld select{min-height:48px;padding:0 14px;border:0;border-radius:10px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font:400 var(--fs-4) var(--f-t);color:var(--fg);grid-column:1/-1}
.fld:has(select){grid-column:1/-1}

/* телефон: схема не нужна, страница не шире экрана */
main{overflow-x:clip}
@media (max-width:700px){#pcb{display:none}}

/* ===== видео-фон: закат над стройкой (первый экран), котлован (звонки) ===== */
.hero{position:relative}
.bgv{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.bgv video{width:100%;height:100%;object-fit:cover;display:block}
.bgv::after{content:"";position:absolute;inset:0}
.bgv-hero video{opacity:.62;filter:saturate(.9) contrast(1.05)}
.bgv-hero::after{background:linear-gradient(90deg,var(--bg) 0%,rgba(9,9,10,.86) 34%,rgba(9,9,10,.35) 64%,rgba(9,9,10,.55) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 28%),linear-gradient(180deg,rgba(9,9,10,.6) 0%,transparent 22%)}
.stick .bgv{z-index:-1}
.bgv-chaos video{opacity:.34;filter:grayscale(.35) contrast(1.1)}
.bgv-chaos::after{background:linear-gradient(90deg,var(--bg) 0%,rgba(9,9,10,.8) 38%,rgba(9,9,10,.25) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 25%),linear-gradient(180deg,var(--bg) 0%,transparent 20%)}
@media (max-width:980px){
  .bgv-hero video{opacity:.5}
  .bgv-hero::after{background:linear-gradient(180deg,rgba(9,9,10,.55) 0%,rgba(9,9,10,.85) 45%,var(--bg) 100%)}
  .bgv-chaos::after{background:linear-gradient(180deg,var(--bg) 0%,rgba(9,9,10,.75) 40%,rgba(9,9,10,.6) 100%)}
}

/* фото-фон шапки внутренней страницы (Услуги) */
.page-hero.has-bg{position:relative}
.bgp img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block;filter:grayscale(1) contrast(1.1);opacity:.38}
.bgp::after{background:linear-gradient(90deg,var(--bg) 0%,rgba(9,9,10,.85) 45%,rgba(9,9,10,.4) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 35%)}
.ab-hero .ab-photo{aspect-ratio:1/1}
.ab-hero .ab-photo img{filter:grayscale(1)}
@media (max-width:980px){.bgp::after{background:linear-gradient(180deg,rgba(9,9,10,.6),var(--bg))}}

/* схема: сигнал как на странице RSPR — бегущий штрих, стиль в main.css (#pcb .sig) */
#pcb .dots{display:none}
#pcb .glow{display:none}

/* «Система РС»: фон — ровная арматурная сетка */
#method{position:relative}
.bgv-sys video{opacity:.30;filter:grayscale(.3) contrast(1.15) brightness(.8)}
.bgv-sys::after{background:linear-gradient(90deg,var(--bg) 0%,rgba(9,9,10,.9) 40%,rgba(9,9,10,.55) 100%),linear-gradient(180deg,var(--bg) 0%,transparent 18%,transparent 70%,var(--bg) 100%)}
@media (max-width:980px){.bgv-sys::after{background:linear-gradient(180deg,var(--bg) 0%,rgba(9,9,10,.8) 30%,rgba(9,9,10,.85) 100%)}}

/* «О нас»: галереи под объектом, как на старом сайте */
.tl-gal{grid-column:2/-1;display:grid;gap:10px;margin-top:6px}
.tl-gal.g1{grid-template-columns:minmax(0,1fr);max-width:420px}
.tl-gal.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tl-gal figure{margin:0;display:grid;gap:6px}
.tl-gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px 8px 8px 2px;box-shadow:0 0 0 1px var(--line);display:block;filter:grayscale(.15)}
.tl-gal figcaption{font:400 var(--fs-2)/1.4 var(--f-m);color:var(--muted)}
@media (max-width:980px){.tl-gal{grid-column:2}.tl-gal.g4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tl-gal{grid-column:1}}

/* разделитель разделов: короткая оранжевая черта, номер крупнее — синий остаётся только у схемы */
.coord.wrap,.coord{font-size:var(--fs-2);letter-spacing:.12em;gap:12px}
.coord .cn{color:var(--accent-text);font-size:var(--fs-3);font-weight:500}
.coord .rule{flex:0 0 56px;height:2px;background:var(--clay);opacity:1}
.coord .rule::before,.coord .rule::after{display:none}
.coord .cross::before,.coord .cross::after{background:var(--clay)}

/* ===== первый экран: оцифровка облёта ===== */
.bgv-hero video{opacity:.72;filter:saturate(.7) contrast(1.08)}
.fh{position:absolute;inset:0;pointer-events:none}
.fh-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fh-wires g{opacity:0;transition:opacity .2s}
.fh-wires .w-tr{fill:none;stroke:rgba(122,156,255,.6);stroke-width:1.4}
.fh-wires .w-sig{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-dasharray:.1 var(--per,2000px);animation:fhsig 5s linear infinite}
.fh-wires .w-sig.o{stroke:#e5834f}
@keyframes fhsig{to{stroke-dashoffset:calc(-1 * var(--per,2000px))}}
.fh-mk{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity}
.fh-mk .dot{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:#7a9cff;box-shadow:0 0 0 3px rgba(9,9,10,.55)}
.fh-mk .ring{position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:50%;border:1.5px solid #7a9cff;animation:fhpulse 2s ease-out infinite}
@keyframes fhpulse{from{transform:scale(.4);opacity:1}to{transform:scale(1.5);opacity:0}}
.fh-mk span{position:absolute;left:14px;top:-26px;white-space:nowrap;padding:5px 9px;border-radius:8px 8px 8px 2px;background:rgba(9,9,10,.78);box-shadow:0 0 0 1px rgba(122,156,255,.45);font:500 var(--fs-1)/1.2 var(--f-m);letter-spacing:.04em;color:#fff}
.fh-mk.ev .dot{background:var(--clay)}.fh-mk.ev .ring{border-color:var(--clay)}.fh-mk.ev span{box-shadow:0 0 0 1px rgba(210,102,47,.6)}
.fh-mk.ok .dot{background:#6fbf8e}.fh-mk.ok .ring{border-color:#6fbf8e}.fh-mk.ok span{box-shadow:0 0 0 1px rgba(111,191,142,.6)}
@media (max-width:980px){.fh-mk span{font-size:var(--fs-1);padding:4px 7px}}
@media (prefers-reduced-motion:reduce){.fh-wires .w-sig,.fh-mk .ring{animation:none}}

/* ===== первый экран без кольца: цепочка системы строкой над заголовком ===== */
.hero{min-height:calc(100vh - 68px);min-height:calc(100dvh - 68px);display:grid;align-items:center}
.hero .wrap{grid-template-columns:minmax(0,680px)}
.hchain{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 0}
.hchain li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:999px;background:rgba(15,15,17,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font:500 var(--fs-2)/1 var(--f-t);color:var(--fg);white-space:nowrap}
.hchain li b{font:500 var(--fs-1) var(--f-m);color:var(--hard-text);padding:3px 6px;border-radius:999px;background:rgba(122,156,255,.14)}
.hchain li:not(:last-child)::after{content:"";width:18px;height:1px;margin:0 -12px 0 12px;background:rgba(255,255,255,.35)}
.hchain li.last{box-shadow:inset 0 0 0 1px rgba(210,102,47,.6)}
.hchain li.last b{color:var(--accent-text);background:var(--wash)}
@media (max-width:640px){.hchain li{font-size:var(--fs-2);padding:6px 10px 6px 6px}.hchain li:not(:last-child)::after{width:10px;margin:0 -8px 0 8px}}

/* ===== хаос: текст справа, люди на видео слева; звонки слетаются в контрольную точку ===== */
@media (min-width:981px){.ch-wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.ch-head{order:2}}
.bgv-chaos video{opacity:.62;filter:grayscale(.15) contrast(1.05)}
.bgv-chaos::after{background:linear-gradient(270deg,var(--bg) 0%,rgba(9,9,10,.85) 36%,rgba(9,9,10,.15) 70%,rgba(9,9,10,.25) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 22%),linear-gradient(180deg,var(--bg) 0%,transparent 16%)}
.frag{background:rgba(15,15,17,.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transform-origin:50% 50%}
.ch-node{position:absolute;left:0;top:0;opacity:0;pointer-events:none;z-index:2}
.ch-node .dot{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:5px 5px 5px 2px;background:var(--hard-text);box-shadow:0 0 0 4px rgba(122,156,255,.25)}
.ch-node .ring{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--hard-text);animation:fhpulse 2s ease-out infinite}
.ch-node span{position:absolute;right:22px;top:-22px;white-space:nowrap;padding:8px 12px;border-radius:8px 8px 8px 2px;background:rgba(9,9,10,.85);box-shadow:0 0 0 1px rgba(122,156,255,.5);font:400 var(--fs-2)/1.4 var(--f-m);color:var(--muted);text-align:right}
.ch-node span b{display:block;font:600 var(--fs-2) var(--f-t);color:var(--fg)}
@media (max-width:980px){.bgv-chaos::after{background:linear-gradient(180deg,var(--bg) 0%,rgba(9,9,10,.8) 40%,rgba(9,9,10,.45) 100%)}.ch-node span{right:auto;left:-120px;top:22px;text-align:left}}

/* ===== финал: готовый цех и контрольные точки ===== */
.done-sec{padding-top:0}
.done-sec>.coord{padding-top:clamp(56px,9vh,96px)}
.done-stage{position:relative;min-height:min(92vh,860px);display:grid;align-items:center;margin-bottom:clamp(40px,6vh,72px)}
.bgv-done{z-index:0}
.bgv-done video{opacity:.9;filter:saturate(.8) contrast(1.05)}
.bgv-done::after{background:linear-gradient(90deg,var(--bg) 0%,rgba(9,9,10,.9) 30%,rgba(9,9,10,.35) 60%,rgba(9,9,10,.15) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 18%),linear-gradient(180deg,var(--bg) 0%,transparent 14%)}
.done-copy{position:relative;z-index:1;display:grid;gap:16px;align-content:center}
.done-copy>*{max-width:520px}
.done-copy p{margin:0;color:var(--muted);font-size:var(--fs-4);line-height:1.6}
.done-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.done-list li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px 8px 8px 2px;background:rgba(15,15,17,.7);box-shadow:inset 0 0 0 1px var(--line);font:500 var(--fs-3) var(--f-t);color:var(--faint-t);transition:color .4s,box-shadow .4s}
.done-list li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--faint);transition:background .4s,box-shadow .4s}
.done-list li.on{color:var(--fg);box-shadow:inset 0 0 0 1px rgba(111,191,142,.45)}
.done-list li.on::before{background:var(--grass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.6 2.6L13 6.7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;box-shadow:none}
.done-list li.pay.on{background:rgba(47,143,126,.35);box-shadow:inset 0 0 0 1px var(--grass-text);color:#fff}
.fh-mk.done span{font-size:var(--fs-2)}
.fh-mk.pay .dot{width:14px;height:14px;left:-7px;top:-7px;background:var(--grass-text)}
.fh-mk.pay .ring{border-color:var(--grass-text)}
.fh-mk.pay span{background:var(--grass);box-shadow:none;font-size:var(--fs-2);padding:7px 11px}
@media (max-width:980px){
  .done-stage{min-height:auto;padding-block:40vh 24px;align-items:end}
  .bgv-done::after{background:linear-gradient(180deg,rgba(9,9,10,.2) 0%,rgba(9,9,10,.55) 35%,var(--bg) 62%)}
  .fh-mk.done span{display:none}
}

/* ===== Услуги: флагман и карточки с фото ===== */
.feat{position:relative;overflow:hidden;padding-block:clamp(64px,10vh,120px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:80px}
.feat-bg{position:absolute;inset:0;z-index:-1}
.feat-bg img{width:100%;height:100%;object-fit:cover;object-position:70% 40%;filter:grayscale(1) contrast(1.1);opacity:.5}
.feat-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(9,9,10,.92) 42%,rgba(9,9,10,.35) 100%)}
.feat-in{display:grid;gap:20px}
.feat-in>*{max-width:640px}
.feat-tag{justify-self:start;padding:7px 12px;border-radius:999px;background:var(--clay);color:var(--on-clay);font:600 var(--fs-2) var(--f-m);letter-spacing:.12em;text-transform:uppercase}
.feat h2{font-size:var(--fs-9)}
.feat-lead{margin:0;font-size:var(--fs-4);line-height:1.6;color:var(--fg)}
.feat-price{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.feat-price>div{display:grid;gap:4px;padding:16px 18px;border-radius:8px 8px 8px 2px;background:rgba(15,15,17,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.feat-price b{font:400 var(--fs-6)/1.1 var(--f-m);letter-spacing:-.03em;white-space:nowrap}
.feat-price small{font-size:var(--fs-2);color:var(--muted)}
@media (max-width:980px){.feat-bg::after{background:linear-gradient(180deg,rgba(9,9,10,.6),rgba(9,9,10,.92) 40%)}}
@media (max-width:560px){.feat-price{grid-template-columns:1fr}}
.svc2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.svc2{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);border-radius:8px 8px 8px 2px;overflow:hidden;background:var(--card);box-shadow:0 0 0 1px var(--line);scroll-margin-top:90px}
.svc2-pic{position:relative;min-height:100%}
.svc2-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .8s var(--ease-hard)}
.svc2:hover .svc2-pic img{transform:scale(1.04)}
.svc2-pic .n{position:absolute;left:12px;top:12px;padding:4px 8px;border-radius:999px;background:rgba(9,9,10,.8);font-size:var(--fs-2);color:var(--hard-text)}
.svc2-b{display:grid;gap:12px;align-content:start;padding:22px 22px 24px}
.svc2-b h3{font:800 var(--fs-6)/1.2 var(--f-d);letter-spacing:-.02em}
.svc2-lead{margin:0;color:var(--muted);font-size:var(--fs-3);line-height:1.55}
.svc2-b .ticks-list li{font-size:var(--fs-3)}
.svc2-b .key{font-size:var(--fs-3);padding:12px 14px}
@media (max-width:1100px){.svc2-grid{grid-template-columns:1fr}}
@media (max-width:640px){.svc2{grid-template-columns:1fr}.svc2-pic{min-height:180px}}

/* Контакты: облёт объекта фоном */
.ct-hero{min-height:calc(100vh - 68px);min-height:calc(100dvh - 68px);display:grid;align-items:center}
.bgv-ct video{opacity:.5;filter:saturate(.7) contrast(1.05)}
.bgv-ct::after{background:linear-gradient(90deg,var(--bg) 0%,rgba(9,9,10,.85) 40%,rgba(9,9,10,.35) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}
.ct-hero .ct{background:rgba(15,15,17,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media (max-width:980px){.bgv-ct::after{background:linear-gradient(180deg,rgba(9,9,10,.5),var(--bg) 70%)}}

/* ===== раунд 5 ===== */
/* разные языки: один блок RS по центру вместо RS в каждой строке */
.trans{position:relative}
@media (min-width:641px){
  .tr-c b{opacity:0}
  .tr-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:128px;padding:18px 12px 16px;border-radius:8px 8px 8px 2px;background:var(--hard-text);color:#0b0b0c;display:grid;gap:6px;justify-items:center;text-align:center;box-shadow:0 0 0 6px rgba(122,156,255,.14),0 20px 60px rgba(0,0,0,.5)}
  .tr-hub b{font:800 var(--fs-7)/1 var(--f-d);letter-spacing:-.03em}
  .tr-hub span{font:500 var(--fs-1)/1.35 var(--f-t);color:#0b0b0c;opacity:.8}
  .tr-row.on~.tr-hub,.trans:has(.tr-row.on) .tr-hub{animation:hubpulse 2.6s ease-in-out infinite}
}
@keyframes hubpulse{50%{box-shadow:0 0 0 12px rgba(122,156,255,.08),0 20px 60px rgba(0,0,0,.5)}}
@media (max-width:640px){.tr-hub{display:none}}
.tr-head .rs-roles:empty{min-height:1px}
/* дела: красный и зелёный контур */
.cases{border:0;gap:14px;grid-template-columns:1fr 1fr}
.case{border:0;border-radius:8px 8px 8px 2px;background:var(--card);padding:22px 24px 24px}
.case.neg{box-shadow:inset 0 0 0 1.5px rgba(210,102,47,.7);background:linear-gradient(160deg,rgba(210,102,47,.10),var(--card) 60%)}
.case.neg .sum{color:var(--accent-text)}
.case.pos{box-shadow:inset 0 0 0 1.5px rgba(111,191,142,.7);background:linear-gradient(160deg,rgba(111,191,142,.12),var(--card) 60%)}
.case.pos .sum{color:var(--grass-text)}
@media (max-width:640px){.cases{grid-template-columns:1fr}}
/* рынок: красная плашка в длину и широкая плашка 20–50% */
.market-risk{display:grid;gap:14px;padding:22px 24px 24px;border-radius:8px 8px 8px 2px;background:linear-gradient(120deg,rgba(210,102,47,.16),rgba(210,102,47,.05));box-shadow:inset 0 0 0 1.5px rgba(210,102,47,.55)}
.market-risk>.lbl{color:var(--accent-text)}
.market-risk .market{grid-template-columns:repeat(3,minmax(0,1fr))}
.market-risk .mk{border-top-color:rgba(210,102,47,.35)}
.market-win{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 28px;align-items:center;padding:22px 26px;border-radius:8px 8px 8px 2px;background:linear-gradient(120deg,rgba(111,191,142,.18),rgba(111,191,142,.05));box-shadow:inset 0 0 0 1.5px rgba(111,191,142,.6)}
.market-win .mv{font:400 var(--fs-9)/1 var(--f-m);letter-spacing:-.04em;color:var(--grass-text)}
.market-win p{margin:0;font-size:var(--fs-4);line-height:1.5;color:var(--muted)}
.market-win p b{color:var(--fg);font-weight:500}
.market-win .src{font:400 var(--fs-1) var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
@media (max-width:980px){.market-risk .market{grid-template-columns:1fr}.market-win{grid-template-columns:1fr}}
/* полосы с фото между разделами */
.band-photo{position:relative;margin:0;height:clamp(220px,42vh,460px);overflow:hidden;border-top:1px solid var(--line)}
.band-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.2) contrast(1.05) brightness(.85)}
.band-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,transparent 22%,transparent 78%,var(--bg) 100%)}
.band-photo figcaption{position:absolute;right:var(--gut);bottom:18px;z-index:1;font:400 var(--fs-1) var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:rgba(237,237,237,.75)}
/* реестр: колонка итога */
.reg .it{display:inline-flex;align-items:center;gap:6px;font:500 var(--fs-1) var(--f-m);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.reg .it.ok{color:var(--grass-text)}.reg .it.hot{color:var(--accent-text)}
@media (max-width:640px){.reg tbody tr{grid-template-areas:"what what" "who whom" "base term" "res res"}.reg td:nth-child(6){grid-area:res}}
/* RSPR на главной — вертикально */
.tz-v{grid-template-columns:1fr;justify-items:start}
.tz-v .sec-head{max-width:760px}
.tz-v .tz-shot{width:100%;max-width:980px;justify-self:center}
/* спор — полноценный блок */
.dispute{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:center;padding:24px 26px;border-radius:8px 8px 8px 2px;background:var(--card);box-shadow:inset 3px 0 0 var(--grass),0 0 0 1px var(--line)}
.dispute .lbl{color:var(--grass-text)}
.dispute h3{margin:6px 0 6px;font:800 var(--fs-6)/1.2 var(--f-d);letter-spacing:-.02em}
.dispute p{margin:0;color:var(--muted);font-size:var(--fs-3)}
@media (max-width:640px){.dispute{grid-template-columns:1fr}}
.letters .pslot.fas{position:relative}
.letters .pslot.fas::after{content:"ФАС · РНП не включать";position:absolute;left:8px;bottom:8px;padding:5px 8px;border-radius:999px;background:var(--grass);color:#fff;font:500 var(--fs-1)/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase}

/* клиенты */
.clients{display:grid;gap:12px}
.cl-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cl-logo{display:grid;place-items:center;min-height:76px;padding:14px 18px;border-radius:8px 8px 8px 2px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);text-align:center}
.cl-logo img{max-width:100%;max-height:30px;width:auto;height:auto;display:block;opacity:.9}
.cl-txt{font:800 var(--fs-5)/1.1 var(--f-d);letter-spacing:-.02em;color:var(--fg);opacity:.9}
.cl-txt small{display:block;margin-top:4px;font:400 var(--fs-1) var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cl-stat{margin:0;font-size:var(--fs-3);color:var(--muted)}
.cl-stat b{color:var(--fg);font-weight:500;font-size:var(--fs-4)}
@media (max-width:560px){.cl-row{grid-template-columns:1fr}}

/* ===== 28.09: полосы-фото между разделами заменены на цепочку-прогресс ===== */
.band-chain{border-top:1px solid var(--line);padding-block:26px;background:linear-gradient(90deg,rgba(122,156,255,.07),transparent 55%)}
.band-chain .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.band-chain .hchain li{opacity:.42;transition:opacity .4s}
.band-chain .hchain li.on{opacity:1;box-shadow:inset 0 0 0 1px rgba(122,156,255,.6)}
.band-chain .hchain li.last.on{box-shadow:inset 0 0 0 1px rgba(210,102,47,.7)}
.bc-note{font:400 var(--fs-1) var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--hard-text);white-space:nowrap}
/* сетка под видео, шина над видео: было наоборот — сетка рисовалась поверх роликов */
.ground{z-index:-3}
/* хвост шины: от контрольной точки хаоса вниз, внутри липкой сцены — стыкуется с шиной на границе раздела */
.ch-node .tail{position:absolute;left:-.8px;top:8px;width:1.6px;height:300vh;background:rgba(122,156,255,.55);box-shadow:0 0 6px rgba(122,156,255,.25)}
/* под каждым видео — глухая подложка: сетка сквозь ролик не просвечивает; сетка остаётся только на «схемных» разделах */
.bgv::before{content:"";position:absolute;inset:0;background:var(--bg);z-index:-1}
/* первый экран на широких мониторах: слева не глухая чернота, ролик читается во всю ширину */
.bgv-hero::after{background:linear-gradient(90deg,rgba(9,9,10,.92) 0%,rgba(9,9,10,.84) 38%,rgba(9,9,10,.32) 66%,rgba(9,9,10,.5) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 26%),linear-gradient(180deg,rgba(9,9,10,.6) 0%,transparent 22%)}
/* на телефоне метки облёта на первом экране ложатся на заголовок — прячем, видео остаётся */
@media (max-width:700px){.bgv-hero .fh{display:none}}

/* 28.09: хаос — больше обрывков и заметное броуновское движение до схода в точку */
.frag{width:200px}
@media (max-width:980px){.frag{width:170px}}
/* 28.09: цепочка на первом экране — в одну линию (на телефоне переносится) */
@media (min-width:981px){.hero .wrap{grid-template-columns:minmax(0,780px)}.hero .hchain{flex-wrap:nowrap;width:max-content;max-width:calc(100vw - 2*var(--gut))}}
/* переводчик: провода от плашек площадки в RS и дальше в договорный контур; вход — красный, выход — зелёный */
.tr-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}
.tr-wires path{fill:none;stroke:rgba(255,255,255,.12);stroke-width:1.4;stroke-linecap:round}
.tr-wires path.on{stroke-dasharray:1000;stroke-dashoffset:1000;animation:wdraw .6s linear forwards}
.tr-wires path.in.on{stroke:#ff6b5b;filter:drop-shadow(0 0 4px rgba(255,107,91,.6))}
.tr-wires path.out.on{stroke:#6fbf8e;filter:drop-shadow(0 0 4px rgba(111,191,142,.6))}
@keyframes wdraw{to{stroke-dashoffset:0}}
@media (min-width:641px){.tr-c i,.tr-c b{display:none}
  .tr-row.on .tr-l{box-shadow:0 0 0 1.5px #ff6b5b}.tr-row.on .tr-l .lbl{color:#ff6b5b}
  .tr-row.on .tr-r{box-shadow:0 0 0 1px var(--line)}
  .tr-row.done .tr-r{box-shadow:0 0 0 1.5px #6fbf8e}.tr-row.done .tr-r .lbl{color:#6fbf8e}}
@media (prefers-reduced-motion:reduce){.tr-wires path.on{animation:none;stroke-dashoffset:0}}

/* ===== 30.09: первый экран — облёт площадки + стопка документов 01–05 (js/hero3d.js) ===== */
.hero .wrap{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4vw,64px);align-items:center}
.hero .hchain{grid-column:1/-1;flex-wrap:nowrap;width:auto;max-width:none;overflow:visible}
.hero .hchain li{cursor:pointer;transition:box-shadow .35s,background .35s,opacity .35s}
.hero .hchain li.on{background:rgba(122,156,255,.18);box-shadow:inset 0 0 0 1.5px var(--hard-text)}
.hero .hchain li.past b{background:rgba(122,156,255,.32);color:#fff}
.hero .hchain li.last.on{background:rgba(210,102,47,.18);box-shadow:inset 0 0 0 1.5px var(--clay)}
.hero .copy{max-width:640px}
.bgv-hero video{opacity:.78;filter:saturate(.75) contrast(1.06)}
.bgv-hero::after{background:linear-gradient(90deg,rgba(9,9,10,.94) 0%,rgba(9,9,10,.82) 36%,rgba(9,9,10,.38) 62%,rgba(9,9,10,.55) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 24%),linear-gradient(180deg,rgba(9,9,10,.55) 0%,transparent 20%)}

.dstack{position:relative;height:clamp(380px,50vh,500px);perspective:1300px;perspective-origin:40% 40%;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.dstack.grab{cursor:grabbing}
.ds-3d{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.dc{position:absolute;left:-170px;top:-118px;width:340px;padding:16px 18px 14px;border-radius:8px 8px 8px 2px;
  background:linear-gradient(160deg,rgba(24,24,28,.97),rgba(13,13,15,.97));box-shadow:0 0 0 1px rgba(255,255,255,.12),0 24px 60px rgba(0,0,0,.55);
  display:grid;gap:10px;transform-style:preserve-3d;backface-visibility:hidden;
  transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .6s,box-shadow .4s}
.dc header{display:flex;align-items:center;gap:10px}
.dc .dn{font:500 var(--fs-1) var(--f-m);color:var(--hard-text);padding:3px 7px;border-radius:999px;background:rgba(122,156,255,.14)}
.dc .lbl{font-size:var(--fs-1);letter-spacing:.1em}
.dc h3{margin:0;font:700 var(--fs-4)/1.25 var(--f-d);letter-spacing:-.02em;color:var(--fg)}
.dc dl{margin:0;display:grid;gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.dc dl div{display:flex;justify-content:space-between;gap:12px}
.dc dt{font:400 var(--fs-1) var(--f-m);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;white-space:nowrap}
.dc dd{margin:0;font:500 var(--fs-2)/1.35 var(--f-t);color:var(--fg);text-align:right}
.dc footer{display:flex}
.dc .st{display:inline-flex;align-items:center;gap:7px;font:500 var(--fs-1) var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.dc .st::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}
.dc .st.hot{color:#ff7a6b}.dc .st.hot::before{background:#ff6b5b;box-shadow:0 0 0 3px rgba(255,107,91,.2)}
.dc .st.ok{color:#9ae3d3}.dc .st.ok::before{background:#6fbf8e;box-shadow:0 0 0 3px rgba(111,191,142,.2)}
.dc.on{box-shadow:0 0 0 1.5px var(--hard-text),0 30px 80px rgba(0,0,0,.6),0 0 40px rgba(122,156,255,.18)}
.dc.fin.on{box-shadow:0 0 0 1.5px #6fbf8e,0 30px 80px rgba(0,0,0,.6),0 0 40px rgba(111,191,142,.18)}
.dc.fin .dn{color:var(--accent-text);background:var(--wash)}
.dstack.intro .dc{transform:translate3d(0,0,0) rotateY(-4deg)!important;opacity:.9!important;transition:none}
.ds-hint{position:absolute;right:0;bottom:-6px;margin:0;font:400 var(--fs-1) var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.8;transition:opacity .4s}
.dstack.turned .ds-hint{opacity:0}
@media (hover:none){.ds-hint{display:none}}
@media (max-width:980px){
  .hero .wrap{grid-template-columns:1fr}
  .hero .hchain{flex-wrap:wrap}
  .dstack{height:340px;margin-top:8px}
  .dc{left:-150px;top:-104px;width:300px;padding:14px 16px 12px}
}
@media (max-width:400px){.dc{left:-135px;width:270px}}
@media (prefers-reduced-motion:reduce){.dc{transition:none}}
.ds-3d{top:62%}
@media (max-width:980px){.dstack{height:380px}.ds-3d{top:64%}}
.dc h3,.dc dl,.dc footer{transition:opacity .45s}
.dc.back h3,.dc.back dl,.dc.back footer{opacity:0}
.dc.back{background:linear-gradient(160deg,rgba(28,28,33,.98),rgba(16,16,19,.98))}
@media (min-width:1200px){.dc{left:-185px;top:-124px;width:370px}}
/* финал: новый ролик цеха светлый — затемнение шире, чтобы текст слева читался */
.bgv-done video{opacity:.85;filter:saturate(.8) contrast(1.05) brightness(.8)}
.bgv-done::after{background:linear-gradient(90deg,var(--bg) 0%,rgba(9,9,10,.94) 34%,rgba(9,9,10,.72) 56%,rgba(9,9,10,.25) 78%,rgba(9,9,10,.15) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 18%),linear-gradient(180deg,var(--bg) 0%,transparent 14%)}
@media (max-width:980px){.bgv-done::after{background:linear-gradient(180deg,rgba(9,9,10,.3) 0%,rgba(9,9,10,.7) 35%,var(--bg) 62%)}}

/* ===== 30.09: «ядро системы» в разделе «Система РС» (js/rsmap.js) ===== */
.rsmap{position:relative;margin:clamp(24px,4vh,48px) 0 clamp(40px,6vh,72px);padding:clamp(12px,2vw,24px);border-radius:8px 8px 8px 2px;
  background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(40,70,160,.28),rgba(9,9,10,.6) 70%),rgba(9,9,10,.55);box-shadow:0 0 0 1px rgba(122,156,255,.22);overflow:hidden}
.rsmap svg{display:block;width:100%;height:auto;overflow:visible}
.rm-orb{fill:none;stroke:rgba(122,156,255,.22);stroke-width:1}
.rm-orb.d{stroke-dasharray:3 7;animation:rmspin 40s linear infinite;transform-origin:center;transform-box:fill-box}
.rm-orb.d2{stroke:rgba(122,156,255,.1);stroke-dasharray:1 9}
@keyframes rmspin{to{transform:rotate(360deg)}}
.rm-w{fill:none;stroke:rgba(122,156,255,.16);stroke-width:1.2;transition:stroke .3s}
.rm-w.pay{stroke:rgba(111,191,142,.12);stroke-dasharray:3 5}
.rm-w.on.in{stroke:rgba(255,107,91,.8)}.rm-w.on.out{stroke:rgba(122,156,255,.9)}.rm-w.on.pay{stroke:rgba(111,191,142,.85);stroke-dasharray:none}
.rm-dot{fill:#fff;filter:drop-shadow(0 0 6px #fff)}
.rm-dot.in{fill:#ff6b5b;filter:drop-shadow(0 0 8px #ff6b5b)}.rm-dot.out{fill:#cfd9ff;filter:drop-shadow(0 0 8px #7a9cff)}.rm-dot.pay{fill:#6fbf8e;filter:drop-shadow(0 0 8px #6fbf8e)}
.rm-ring{fill:none;stroke:#7a9cff;stroke-width:1.5;stroke-dasharray:6 6;animation:rmspin 18s linear infinite;transform-origin:center;transform-box:fill-box}
.rm-ring.r2{stroke-width:1;stroke-dasharray:2 4;animation-direction:reverse;animation-duration:12s;opacity:.7}
.rm-core circle{fill:#7a9cff;transition:fill .3s}
.rm-core.hit circle{fill:#aebfff}
.rm-ct{font:800 26px var(--f-d);fill:#0b0b0c;text-anchor:middle;letter-spacing:-.02em}
.rm-cs{font:500 10px var(--f-m);fill:#0b0b0c;text-anchor:middle;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.rm-node circle{fill:#0f0f14;stroke:#7a9cff;stroke-width:1.5;transition:fill .3s,stroke .3s}
.rm-node .halo{fill:none;stroke:rgba(122,156,255,.25);stroke-width:1;transition:stroke .3s,transform .6s;transform-box:fill-box;transform-origin:center}
.rm-node.hit circle:first-child{fill:#7a9cff}.rm-node.hit .halo{stroke:rgba(122,156,255,.7);transform:scale(1.35)}
.rm-node.hit .rm-nn{fill:#0b0b0c}
.rm-node.money circle:first-child{stroke:#6fbf8e}.rm-node.money .halo{stroke:rgba(111,191,142,.3)}
.rm-node.money.hit circle:first-child{fill:#6fbf8e}.rm-node.money.hit .halo{stroke:rgba(111,191,142,.8)}
.rm-nn{font:500 11px var(--f-m);fill:#cfd9ff;text-anchor:middle}
.rm-nt{font:700 16px var(--f-d);fill:var(--fg);text-anchor:middle;letter-spacing:-.01em}
.rm-nd{font:400 12px var(--f-m);fill:var(--muted);text-anchor:middle}
.rm-src circle{fill:rgba(255,107,91,.5);transition:fill .3s}
.rm-src text{font:400 13px var(--f-m);fill:var(--muted);letter-spacing:.04em;transition:fill .3s}
.rm-src.hit circle{fill:#ff6b5b}.rm-src.hit text{fill:#ff8a7d}
.rm-cap{min-height:3em;margin:4px auto 0;max-width:820px;text-align:center;font:400 var(--fs-2)/1.5 var(--f-m);color:var(--fg);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.rm-cap.show{opacity:1;transform:none}
@media (max-width:760px){.rm-nt{font-size:20px}.rm-nn{font-size:14px}.rm-src text{font-size:17px}.rm-ct{font-size:30px}.rm-cs{font-size:12px}}
@media (prefers-reduced-motion:reduce){.rm-orb.d,.rm-ring{animation:none}}

/* ===== 30.09 (2): ядро — на первом экране, стопка документов — в «Системе РС» ===== */
.rsmap-hero{margin:0;padding:0;background:none;box-shadow:none;overflow:visible}
.rsmap-hero svg{max-height:min(66vh,620px);margin-inline:auto}
.rsmap-hero .rm-cap{min-height:3em;font-size:var(--fs-1);letter-spacing:.02em;color:var(--muted)}
.rsmap-hero .rm-cap b{color:var(--fg)}
.rm-core circle{fill:#0d1120;stroke:#7a9cff;stroke-width:1.5;filter:drop-shadow(0 0 18px rgba(122,156,255,.45))}
.rm-core.hit circle{fill:#16204a}
.rm-core .lg-w{fill:#ececec}.rm-core .lg-b{fill:#0037ff}.rm-core .lg-k{fill:#0d1120}
.rm-core.hit .lg-k{fill:#16204a}
.rm-cs{fill:#cfd9ff;font-size:10px}
.rm-src text{font-size:14px}
.rsmap-hero .rm-nd{font-size:13px}
.hero .copy{max-width:600px}
/* в «Системе РС» стопка справа от заголовка */
.m-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:clamp(32px,5vh,56px)}
.m-intro .sec-head{margin-bottom:0}
@media (max-width:980px){.m-intro{grid-template-columns:1fr}.hero .wrap{grid-template-columns:1fr}.rsmap-hero svg{max-height:none}}
/* ядро на первом экране: тёмная «линза» под схемой, крупнее подписи */
@media (min-width:981px){.hero .wrap{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}
.rsmap-hero{position:relative;isolation:isolate}
.rsmap-hero::before{content:"";position:absolute;inset:-6% -10%;z-index:-1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(9,9,10,.92) 0%,rgba(9,9,10,.82) 55%,rgba(9,9,10,.4) 80%,transparent 100%)}
.rsmap-hero svg{max-height:min(70vh,640px)}
.rsmap-hero .rm-nt{font-size:21px}
.rsmap-hero .rm-nd{font-size:15px}
.rsmap-hero .rm-nn{font-size:13px}
.rsmap-hero .rm-src text{font-size:16px;fill:#a9a9b0}
.rsmap-hero .rm-cs{font-size:11px}
.rsmap-hero .rm-cap{font-size:var(--fs-2);color:#c9c9cf}
.bgv-hero::after{background:linear-gradient(90deg,rgba(9,9,10,.94) 0%,rgba(9,9,10,.8) 40%,rgba(9,9,10,.55) 70%,rgba(9,9,10,.7) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 24%),linear-gradient(180deg,rgba(9,9,10,.55) 0%,transparent 20%)}

/* ===== 30.09: хаос — всё через директора (js/home.js, chaos) ===== */
.ch-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.ch-wires line{stroke:rgba(255,107,91,.35);stroke-width:1;stroke-dasharray:3 5}
.ch-pulse{fill:#ff6b5b;filter:drop-shadow(0 0 6px #ff6b5b)}
.field .frag{z-index:1}
.ch-boss{position:absolute;left:0;top:0;z-index:2;width:0;height:0;pointer-events:none;opacity:0}
.ch-boss::before{content:"";position:absolute;left:-46px;top:-46px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#2a1412 0%,#140c0c 70%);box-shadow:0 0 0 1.5px #ff6b5b,0 0 40px rgba(255,107,91,.35)}
.ch-boss .ring{position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,107,91,.5);animation:fhpulse 2.4s ease-out infinite}
.ch-boss .ring.r2{animation-delay:1.2s}
.ch-boss b{position:absolute;left:-60px;width:120px;top:-12px;text-align:center;font:700 var(--fs-3) var(--f-d);color:#fff;letter-spacing:-.01em}
.ch-boss span{position:absolute;left:-80px;width:160px;top:56px;text-align:center;font:400 var(--fs-1) var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:#ff8a7d}
.ch-boss em{font-style:normal;font:500 var(--fs-3) var(--f-m);color:#fff}
.ch-boss.hit::before{animation:bosshit .3s ease-out}
@keyframes bosshit{50%{box-shadow:0 0 0 3px #ff6b5b,0 0 60px rgba(255,107,91,.6)}}
.ch-boss.over::before{animation:bossover .5s ease-in-out infinite alternate}
@keyframes bossover{to{box-shadow:0 0 0 3px #ff6b5b,0 0 70px rgba(255,107,91,.7)}}
.ch-node span{right:auto;left:26px;top:-22px;text-align:left}
@media (prefers-reduced-motion:reduce){.ch-boss .ring,.ch-boss.over::before{animation:none}}

/* ===== 30.09 (3): новая воронка ===== */
/* «Знакомая картина?»: звонки на весь экран, директор краснеет */
.chaos .stick{display:block}
.chaos .field{position:absolute;inset:68px 0 0;height:auto;z-index:1}
.chaos .ch-wrap{position:relative;z-index:3;display:flex;align-items:center;height:100%;grid-template-columns:none}
.chaos .ch-head{order:0;max-width:440px;padding:26px 28px;border-radius:8px 8px 8px 2px;background:rgba(9,9,10,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.chaos .ch-head h2{font-size:var(--fs-8)}
.ch-p2{margin:0;color:var(--muted);font-size:var(--fs-3);line-height:1.6}
.ch-boss::before{background:radial-gradient(circle,rgba(var(--hc,236,236,236),.28) 0%,rgba(20,14,14,.95) 70%);box-shadow:0 0 0 1.5px rgb(var(--hc,236,236,236)),0 0 calc(24px + 40px*var(--heat,0)) rgba(var(--hc,236,236,236),.45);transition:box-shadow .5s,background .5s}
.ch-boss .ring{border-color:rgba(var(--hc,236,236,236),.55)}
.ch-boss span{color:rgb(var(--hc,236,236,236))}
.ch-boss.hit::before{animation:none}
.ch-wires line{stroke:rgba(255,120,100,.3)}
@media (max-width:760px){.chaos .ch-wrap{align-items:flex-start;padding-top:18px}.chaos .ch-head{max-width:none;padding:18px}.chaos .ch-head h2{font-size:var(--fs-7)}.ch-p2{display:none}}
@media (max-width:640px){.ch-track{height:190vh}.stick{position:sticky;top:68px;height:calc(100vh - 68px);height:calc(100dvh - 68px)}}

/* «Масштаб» */
#market .market-risk{margin-top:8px}

/* «Узнаёте себя?»: карточки листаются, как входящие в RSPR */
.sit-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.sit-head .sec-head{margin-bottom:0}
.deck-nav{display:flex;align-items:center;gap:10px}
.deck-nav .btn{min-width:48px;padding-inline:0;justify-content:center}
.deck-n{font:500 var(--fs-2) var(--f-m);color:var(--muted);min-width:52px;text-align:center}
.deck{display:grid;grid-auto-flow:column;grid-auto-columns:min(460px,86%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 18px;cursor:grab;outline:none}
.deck::-webkit-scrollbar{display:none}
.deck.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.sit{scroll-snap-align:start;display:grid;gap:12px;align-content:start;padding:20px 22px;border-radius:8px 8px 8px 2px;background:linear-gradient(160deg,rgba(24,24,28,.96),rgba(13,13,15,.96));box-shadow:0 0 0 1px rgba(255,255,255,.1);opacity:.55;transition:opacity .35s,box-shadow .35s}
.sit.on{opacity:1;box-shadow:0 0 0 1.5px rgba(255,107,91,.6),0 24px 60px rgba(0,0,0,.45)}
.sit header{display:flex;justify-content:space-between;gap:12px;align-items:center}
.sit .src{display:inline-flex;align-items:center;gap:8px;font:400 var(--fs-1) var(--f-m);letter-spacing:.06em;color:var(--muted)}
.sit .src i{width:7px;height:7px;border-radius:50%;background:#ff6b5b;box-shadow:0 0 0 3px rgba(255,107,91,.2)}
.sit .sum{font:500 var(--fs-4) var(--f-m);color:#ff7a6b;white-space:nowrap}
.sit h3{margin:0;font:700 var(--fs-5)/1.2 var(--f-d);letter-spacing:-.02em}
.sit>p{margin:0;color:var(--fg);font-size:var(--fs-3);line-height:1.55}
.sit dl{margin:0;display:grid;gap:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.sit dt{font:400 var(--fs-1) var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.sit dd{margin:0;font-size:var(--fs-2);line-height:1.5;color:#d5d5da}
.deck-end{margin:10px 0 0;max-width:62ch;color:var(--muted);font-size:var(--fs-3)}

/* «Разные языки»: колонки подписаны, в центре — высокий столб RS со знаком */
.tr-head .tr-col{font:500 var(--fs-2) var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}
.tr-head .tr-col.r{color:var(--hard-text)}
@media (min-width:641px){
  .tr-hub{top:-18px!important;bottom:-18px;transform:translateX(-50%)!important;height:auto;width:132px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px}
  .hub-logo{position:relative;width:44px;height:44px}
  .hub-logo i{position:absolute;display:block}
  .hub-logo .w{left:0;top:10px;width:32px;height:32px;background:#ececec}
  .hub-logo .b{left:22px;top:0;width:22px;height:22px;background:#0037ff}
  .hub-logo .k{left:22px;top:10px;width:10px;height:12px;background:var(--hard-text)}
  .tr-hub b{font-size:var(--fs-5)}
}

/* «Цена молчания»: дела крупнее, с подводкой */
.cases-head{margin:clamp(36px,5vh,56px) 0 16px;display:grid;gap:6px}
.cases-head h3{margin:0;font:700 var(--fs-5)/1.25 var(--f-d);letter-spacing:-.02em;max-width:36ch}
.case h3{font-size:var(--fs-5)}
.case .cp{font-size:var(--fs-3);line-height:1.55;color:var(--fg)}
.case .st{font-size:var(--fs-2)}
.case .sum{font-size:var(--fs-7)}

/* ===== 30.09 (4) ===== */
/* первый экран: только заголовок, тезисы и ядро */
.hero .copy{padding-top:0}
/* «Знакомая картина?»: компактная плашка вверху слева, видео с людьми на арматуре видно */
.chaos .ch-wrap{align-items:flex-start;padding-top:clamp(20px,4vh,40px)}
.chaos .ch-head{max-width:380px;padding:18px 22px;gap:10px}
.chaos .ch-head h2{font-size:var(--fs-7)}
.chaos .ch-head p{font-size:var(--fs-3);line-height:1.5}
.bgv-chaos video{opacity:.85;filter:saturate(.9) contrast(1.05)}
.bgv-chaos::after{background:linear-gradient(180deg,rgba(9,9,10,.55) 0%,rgba(9,9,10,.15) 30%,rgba(9,9,10,.25) 70%,var(--bg) 100%)}
.chaos .frag{background:rgba(12,12,14,.86)}
/* «Масштаб»: завод сверху под цифрами */
#market{position:relative;overflow:hidden}
.bgv-mk video{opacity:.5;filter:grayscale(.3) contrast(1.05)}
.bgv-mk::after{background:linear-gradient(180deg,var(--bg) 0%,rgba(9,9,10,.72) 25%,rgba(9,9,10,.72) 75%,var(--bg) 100%)}

/* «Объект стоит. Деньги не получены.»: входящие + HUD-разбор */
.ibx{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,2.4vw,32px);align-items:stretch;margin-top:8px}
.ibx-list{display:grid;align-content:start;border-radius:8px 8px 8px 2px;background:rgba(15,15,18,.9);box-shadow:0 0 0 1px rgba(255,255,255,.09);overflow:hidden}
.ibx-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);font:400 var(--fs-1) var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ibx-top b{font:500 var(--fs-3) var(--f-m);color:#ff7a6b;letter-spacing:0}
.ibx-row{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-columns:12px minmax(0,1fr) auto;grid-template-areas:"d s tag" "d b m";gap:4px 12px;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .25s}
.ibx-row:hover{background:rgba(255,255,255,.03)}
.ibx-row:focus-visible{outline:2px solid var(--hard-text);outline-offset:-2px}
.ibx-row .dot{grid-area:d;width:8px;height:8px;border-radius:50%;background:#ff6b5b;box-shadow:0 0 0 3px rgba(255,107,91,.2)}
.ibx-row.read .dot{background:rgba(255,107,91,.35);box-shadow:none}
.ibx-row .s{grid-area:s;font:400 var(--fs-1) var(--f-m);letter-spacing:.04em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ibx-row b{grid-area:b;font:600 var(--fs-3)/1.3 var(--f-t);color:var(--fg)}
.ibx-row .m{grid-area:m;font:500 var(--fs-2) var(--f-m);color:#ff7a6b;white-space:nowrap}
.ibx-row .tag{grid-area:tag;justify-self:end;font:500 var(--fs-1) var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:#ff8a7d;padding:2px 8px;border-radius:999px;background:rgba(255,107,91,.12)}
.ibx-row.on{background:linear-gradient(90deg,rgba(122,156,255,.14),transparent 80%)}
.ibx-row.on::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--hard-text);box-shadow:0 0 12px var(--hard-text)}

.hud{position:relative;min-height:420px;padding:26px 28px;border-radius:6px;overflow:hidden;
  background:radial-gradient(ellipse 80% 60% at 30% 0%,rgba(122,156,255,.16),transparent 70%),linear-gradient(180deg,rgba(14,20,40,.92),rgba(9,11,20,.95));
  box-shadow:inset 0 0 0 1px rgba(122,156,255,.28),0 0 60px rgba(60,100,255,.12)}
.hud::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(122,156,255,.05) 0 1px,transparent 1px 4px);pointer-events:none}
.hud .hc{position:absolute;width:22px;height:22px;border:2px solid #7a9cff;filter:drop-shadow(0 0 6px #7a9cff);opacity:.9}
.hud .tl{left:8px;top:8px;border-right:0;border-bottom:0}.hud .tr{right:8px;top:8px;border-left:0;border-bottom:0}
.hud .bl{left:8px;bottom:8px;border-right:0;border-top:0}.hud .br{right:8px;bottom:8px;border-left:0;border-top:0}
.hud .scan{position:absolute;left:0;right:0;top:-30%;height:30%;background:linear-gradient(180deg,transparent,rgba(122,156,255,.22),transparent);pointer-events:none;opacity:0}
.hud.live .scan{animation:hudscan 1.1s ease-out}
@keyframes hudscan{0%{top:-30%;opacity:1}100%{top:110%;opacity:0}}
.hud.live .hc{animation:hudcorner .6s cubic-bezier(.2,.8,.2,1)}
@keyframes hudcorner{from{transform:scale(2.2);opacity:0}}
.hud-in{position:relative;display:grid;gap:14px}
.h-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.h-top .lbl{color:#9fb5ff}
.h-src{font:400 var(--fs-1) var(--f-m);color:var(--muted)}
.hud h3{margin:0;font:700 var(--fs-6)/1.15 var(--f-d);letter-spacing:-.02em;color:#fff;text-shadow:0 0 18px rgba(122,156,255,.35)}
.hud.live h3{animation:hudin .5s .15s both}
.h-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.h-step{padding:12px 14px;border-radius:4px;background:rgba(122,156,255,.06);box-shadow:inset 0 0 0 1px rgba(122,156,255,.18);display:grid;gap:6px;align-content:start}
.hud.live .h-step{animation:hudin .55s calc(.35s + var(--d)*.22s) both}
@keyframes hudin{from{opacity:0;transform:translateY(10px);filter:blur(4px)}}
.h-step .k{font:500 var(--fs-1) var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#7a9cff}
.h-step p{margin:0;font-size:var(--fs-2);line-height:1.5;color:#dde3f5}
.h-step p b{color:#fff}
.h-step.loss{background:rgba(255,107,91,.08);box-shadow:inset 0 0 0 1px rgba(255,107,91,.3)}
.h-step.loss .k{color:#ff8a7d}
.h-sum{font:500 var(--fs-6) var(--f-m);color:#ff7a6b;letter-spacing:-.02em}
.h-bar{height:4px;background:rgba(255,107,91,.15);border-radius:2px;overflow:hidden}
.h-bar i{display:block;height:100%;background:#ff6b5b;box-shadow:0 0 10px #ff6b5b;transform-origin:left;animation:hudbar .9s .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes hudbar{from{transform:scaleX(0)}}
.h-step.need{background:rgba(111,191,142,.07);box-shadow:inset 0 0 0 1px rgba(111,191,142,.28)}
.h-step.need .k{color:#9ae3d3}
.h-ok{font:500 var(--fs-1) var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:#9ae3d3}
@media (max-width:900px){.ibx{grid-template-columns:1fr}.hud{min-height:0}.h-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hud.live .scan,.hud.live .hc,.hud.live h3,.hud.live .h-step,.h-bar i{animation:none}}

/* «Причина»: крупный заголовок, плотнее строки */
.kick{display:block;font:800 var(--fs-5) var(--f-d);letter-spacing:-.01em;color:var(--accent-text);margin-bottom:6px}
#gap h2{font-size:var(--fs-9);max-width:18ch}
#gap .sec-head p{max-width:60ch}
.m-trans .trans,.m-trans .tr-head{max-width:1100px;margin-inline:auto}
.m-trans .trans{gap:8px}
.m-trans .tr-l,.m-trans .tr-r{padding:12px 16px;gap:4px}
.m-trans .tr-r p{font-size:var(--fs-2);line-height:1.45}
.m-trans .tr-l p{font-size:var(--fs-3)}
@media (min-width:641px){.m-trans .tr-row{grid-template-columns:1fr 170px 1.25fr}.m-trans .tr-head{grid-template-columns:1fr 170px 1.25fr}}

/* практика: дела под заголовком */
#silence .cases{margin-top:8px}
/* калькулятор неустойки */
.calc{margin-top:clamp(40px,6vh,72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;padding:clamp(20px,3vw,32px);border-radius:8px 8px 8px 2px;background:linear-gradient(160deg,rgba(210,102,47,.10),rgba(15,15,18,.95) 55%);box-shadow:0 0 0 1px rgba(210,102,47,.3)}
.calc-head{display:grid;gap:10px}
.calc-head h3{margin:0;font:700 var(--fs-7)/1.1 var(--f-d);letter-spacing:-.02em}
.calc-head p{margin:0;color:var(--muted);font-size:var(--fs-3);line-height:1.55}
.calc-ui{display:grid;gap:16px}
.calc-f{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:baseline}
.calc-f span{font:400 var(--fs-1) var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.calc-f b{font:500 var(--fs-4) var(--f-m);color:var(--fg)}
.calc-f input{grid-column:1/-1;width:100%;accent-color:var(--clay);height:28px;cursor:pointer}
.calc-out{display:grid;gap:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.calc-out .big{font:500 var(--fs-8) var(--f-m);color:#ff7a6b;letter-spacing:-.03em}
.calc-out .formula{font:400 var(--fs-2) var(--f-m);color:var(--muted)}
.calc .ticks{display:grid;grid-template-columns:repeat(60,1fr);gap:2px;height:22px}
.calc .ticks i{background:rgba(255,255,255,.08);border-radius:1px}
.calc .ticks i.on{background:#ff6b5b}
@media (max-width:900px){.calc{grid-template-columns:1fr}}

/* сравнение ✕ / ✓ */
.vs{display:grid;gap:0;border-radius:8px 8px 8px 2px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.09)}
.vs-row{display:grid;grid-template-columns:1fr 1fr}
.vs-row>div{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;font-size:var(--fs-3);line-height:1.45;border-top:1px solid rgba(255,255,255,.06)}
.vs-l{background:rgba(15,15,18,.9);color:var(--muted)}
.vs-r{background:linear-gradient(90deg,rgba(122,156,255,.12),rgba(122,156,255,.04));color:var(--fg)}
.vs-row i{font-style:normal;flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;line-height:1}
.vs-l i{background:rgba(255,107,91,.14);color:#ff7a6b}
.vs-r i{background:rgba(111,191,142,.16);color:#9ae3d3}
.vs-h>div{border-top:0;font:500 var(--fs-1) var(--f-m);letter-spacing:.12em;text-transform:uppercase;padding:14px 20px}
.vs-h .vs-r{color:var(--hard-text)}
.vs .vs-row:not(.vs-h){opacity:0;transform:translateY(8px);transition:opacity .5s calc(var(--i)*.08s),transform .5s calc(var(--i)*.08s)}
.vs.on .vs-row{opacity:1;transform:none}
@media (max-width:700px){.vs-row{grid-template-columns:1fr}.vs-h .vs-l{display:none}.vs-l{border-top:1px solid rgba(255,255,255,.12)!important}}
@media (prefers-reduced-motion:reduce){.vs .vs-row{opacity:1;transform:none;transition:none}}

/* Система РС: список «что делаем» */
#method .lead{font-size:var(--fs-4);line-height:1.55;color:var(--fg)}
.m-do{display:grid;gap:10px;margin-top:6px}
.m-do li{font-size:var(--fs-3);line-height:1.5}
.m-intro{align-items:start}
.m-intro .dstack{margin-top:40px}
/* RSPR как сервис */
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 24px}
.sv-c{position:relative;display:grid;gap:8px;align-content:start;padding:20px;border-radius:8px 8px 8px 2px;background:linear-gradient(160deg,rgba(122,156,255,.10),rgba(15,15,18,.95) 60%);box-shadow:0 0 0 1px rgba(122,156,255,.22);overflow:hidden}
.sv-c::after{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,#7a9cff,transparent);transform:translateX(-100%);animation:svsweep 4.8s calc(var(--i)*.8s) infinite}
@keyframes svsweep{0%{transform:translateX(-100%)}30%,100%{transform:translateX(100%)}}
.sv-i{font:500 var(--fs-1) var(--f-m);color:var(--hard-text);letter-spacing:.1em}
.sv-c h3{margin:0;font:700 var(--fs-4)/1.25 var(--f-d);letter-spacing:-.01em}
.sv-c p{margin:0;color:var(--muted);font-size:var(--fs-2);line-height:1.55}
@media (max-width:980px){.svc-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.svc-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sv-c::after{animation:none}}
/* основатель */
.ab-lead{margin:0;font-size:var(--fs-3);line-height:1.6;color:#d8d8dd;max-width:60ch}
#about blockquote{font-size:var(--fs-5)}

/* ===== 30.09 (5): правки по замечаниям ===== */
/* первый экран: тезис и цепочка метода стрелками */
.hero .h1-sub{margin:10px 0 0;font:700 var(--fs-6)/1.2 var(--f-d);letter-spacing:-.02em;color:var(--accent-text)}
.hflow{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:hf;max-width:560px}
.hflow li{position:relative;display:grid;grid-template-columns:34px 170px 1fr;gap:12px;align-items:baseline;padding:9px 0;counter-increment:hf}
.hflow li::before{content:counter(hf,decimal-leading-zero);font:500 var(--fs-1) var(--f-m);color:var(--hard-text);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(122,156,255,.5);background:rgba(9,9,10,.7);align-self:center}
.hflow li:not(:last-child)::after{content:"";position:absolute;left:13.5px;top:38px;bottom:-9px;width:1px;background:linear-gradient(180deg,rgba(122,156,255,.7),rgba(122,156,255,.2))}
.hflow li:not(:last-child) b::after{content:"";position:absolute;left:10px;bottom:-4px;width:7px;height:7px;border-right:1px solid #7a9cff;border-bottom:1px solid #7a9cff;transform:rotate(45deg)}
.hflow b{font:700 var(--fs-4) var(--f-d);letter-spacing:-.01em;color:var(--fg)}
.hflow span{font-size:var(--fs-3);line-height:1.4;color:#c4c4ca}
.hflow li.fin::before{color:var(--accent-text);box-shadow:inset 0 0 0 1px rgba(210,102,47,.7)}
.hflow li.fin b{color:var(--accent-text)}
@media (max-width:560px){.hflow li{grid-template-columns:34px 1fr}.hflow span{grid-column:2}}

/* «Знакомая ситуация?» и «Директор» — оранжевым */
.chaos .ch-head h2{color:var(--accent-text)}
.ch-boss b{color:#ff9a5c;font-size:var(--fs-4);top:-13px;text-shadow:0 0 14px rgba(240,138,82,.5)}
.mk-cap{margin:26px 0 10px;font:500 var(--fs-2) var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#market h2{max-width:24ch}

/* ситуации: карусель документов, как в кабинете */
.cvw{display:grid;gap:14px}
.cv-stage{position:relative;height:clamp(420px,56vh,520px);perspective:1700px;perspective-origin:50% 45%;overflow:hidden;outline:none;touch-action:pan-y;cursor:grab}
.cv-stage::after{content:"";position:absolute;left:8%;right:8%;bottom:3%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(122,156,255,.55),transparent);box-shadow:0 0 18px rgba(122,156,255,.5)}
.cv-unit{--o:0;position:absolute;left:50%;top:10px;bottom:26px;width:min(400px,78vw);display:flex;flex-direction:column;gap:8px;cursor:pointer;
  transform:translateX(-50%) translateX(calc(var(--o) * 76%)) translateZ(calc(min(var(--o) * var(--o), 4) * -200px)) rotateY(calc(clamp(-1, var(--o), 1) * -42deg)) scale(calc(1 - min(var(--o) * var(--o), 4) * .14));
  z-index:calc(10 - min(var(--o) * var(--o), 9));opacity:calc(1 - min(var(--o) * var(--o), 9) * .24);
  transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s}
.cv-strip{flex:none;display:grid;gap:3px;padding:10px 14px;border-radius:8px 8px 8px 2px;background:rgba(15,15,17,.92);border:1px solid rgba(122,156,255,.38)}
.cv-strip .l1{display:flex;align-items:baseline;gap:9px;white-space:nowrap;overflow:hidden}
.cv-strip .t{font:600 var(--fs-1) var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);flex:none}
.cv-strip .t.out{color:var(--hard-text)}
.cv-strip .no{font-size:var(--fs-2);color:var(--muted);overflow:hidden;text-overflow:ellipsis;min-width:0}
.cv-strip .sm{margin-left:auto;font:700 var(--fs-3) var(--f-m);color:#ff7a6b;flex:none}
.cv-strip .ti{font:700 var(--fs-4)/1.25 var(--f-d);letter-spacing:-.01em;color:#fff}
.cv-strip .l3{font:600 var(--fs-2) var(--f-t);color:var(--accent-text)}
.cv-strip .l3::before{content:"● "}
.cv-doc{position:relative;flex:1;min-height:0;border-radius:5px;overflow:hidden;background:#f4f2ee;box-shadow:0 0 0 1px rgba(122,156,255,.45),0 18px 60px rgba(0,0,0,.55)}
.cv-unit.on .cv-doc{box-shadow:0 0 0 1px rgba(122,156,255,.6),0 0 40px rgba(122,156,255,.35),0 24px 70px rgba(0,0,0,.6)}
.cv-paper{position:absolute;inset:0;padding:22px 24px;color:#1a1815;display:grid;gap:9px;align-content:start;font-family:var(--f-t)}
.cv-paper .p-no{font:400 var(--fs-1) var(--f-m);color:#6b665f}
.cv-paper b{font:700 var(--fs-3) var(--f-d);letter-spacing:.08em;margin:6px 0 2px}
.cv-paper p{margin:0;font-size:var(--fs-2);line-height:1.5;color:#2a2724}
.cv-paper .p-sign{display:block;width:38%;height:1px;background:#8a847b;margin-top:14px}
.cv-doc::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(122,156,255,.12),transparent 35%,transparent 70%,rgba(122,156,255,.08)),repeating-linear-gradient(180deg,transparent 0 3px,rgba(122,156,255,.04) 3px 4px)}
.cv-unit:not(.on) .cv-strip{opacity:.5;border-color:rgba(122,156,255,.2)}
.cv-unit:not(.on) .cv-doc{background:rgba(122,156,255,.07);box-shadow:0 0 24px rgba(122,156,255,.25),inset 0 0 30px rgba(122,156,255,.12)}
.cv-unit:not(.on) .cv-paper{color:#9fb5ff}.cv-unit:not(.on) .cv-paper p,.cv-unit:not(.on) .cv-paper .p-no{color:rgba(159,181,255,.75)}
.cv-unit:not(.on) .cv-paper .p-sign{background:rgba(159,181,255,.5)}
.cv-nav{display:flex;align-items:center;justify-content:center;gap:12px}
.cv-nav .btn{min-width:48px;padding-inline:0;justify-content:center}
.cv-nav>.num{font:500 var(--fs-2) var(--f-m);color:var(--muted);min-width:52px;text-align:center}
.cv-total{margin-left:18px;font:400 var(--fs-1) var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cv-total b{font:500 var(--fs-3) var(--f-m);color:#ff7a6b;letter-spacing:0;margin-left:6px}
.cvw .hud{min-height:0;padding:20px 24px}
.cvw .h-grid{grid-template-columns:1.2fr 1.2fr .8fr 1fr}
@media (max-width:980px){.cvw .h-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cvw .h-grid{grid-template-columns:1fr}.cv-total{display:none}}
@media (prefers-reduced-motion:reduce){.cv-unit{transition:none}}

/* причина: столб RS строго по центру */
@media (min-width:641px){.m-trans .tr-row,.m-trans .tr-head{grid-template-columns:1fr 170px 1fr}}

/* калькулятор: один строй — подписи обычным текстом, числа моноширинным */
.calc-head h3{font:700 var(--fs-6)/1.2 var(--f-d)}
.calc-f span,.calc-out span{font:400 var(--fs-3) var(--f-t);letter-spacing:0;text-transform:none;color:#c4c4ca}
.calc-f b{font:500 var(--fs-5) var(--f-m);color:#fff}
.calc-out{grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px}
.calc-out b{font:500 var(--fs-7) var(--f-m);color:#ff7a6b;letter-spacing:-.02em}
.calc-out small{grid-column:1/-1;font:400 var(--fs-2) var(--f-m);color:var(--muted)}

/* Система РС без стопки: текст и список в две колонки */
.m-intro{display:block}
.m-do{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;max-width:1000px;margin-top:18px}
@media (max-width:760px){.m-do{grid-template-columns:1fr}}

/* сравнение — на светлом */
#roles.paper{background:#f4f2ee;color:#14120f;position:relative;z-index:0}
#roles.paper h2{color:#14120f}
#roles.paper .lbl,#roles.paper .coord{color:#6b665f}
#roles.paper .vs{box-shadow:0 0 0 1px rgba(20,18,15,.12),0 20px 60px rgba(20,18,15,.08)}
#roles.paper .vs-row>div{border-top:1px solid rgba(20,18,15,.08)}
#roles.paper .vs-l{background:#ebe7e0;color:#5b564f}
#roles.paper .vs-r{background:#fff;color:#14120f}
#roles.paper .vs-h .vs-l{color:#6b665f}#roles.paper .vs-h .vs-r{color:#0037ff}
#roles.paper .vs-l i{background:rgba(200,60,40,.12);color:#c0392b}
#roles.paper .vs-r i{background:rgba(47,143,126,.14);color:#35693a}

/* до и после */
.ba{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:stretch}
.ba-c{padding:24px 26px;border-radius:8px 8px 8px 2px;display:grid;gap:14px;align-content:start}
.ba-c.before{background:rgba(120,30,22,.22);box-shadow:inset 0 0 0 1px rgba(255,107,91,.4)}
.ba-c.after{background:rgba(30,80,40,.22);box-shadow:inset 0 0 0 1px rgba(111,191,142,.45)}
.ba-t{font:800 var(--fs-7) var(--f-d);letter-spacing:-.02em}
.before .ba-t{color:#ff7a6b}.after .ba-t{color:#9ae3d3}
.ba-c ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ba-c li{position:relative;padding-left:26px;font-size:var(--fs-4);line-height:1.4}
.ba-c li::before{position:absolute;left:0;top:.1em;font:500 var(--fs-3) var(--f-m)}
.before li::before{content:"✕";color:#ff7a6b}.after li::before{content:"✓";color:#9ae3d3}
.ba-hub{position:relative;display:grid;place-items:center;align-content:center;gap:8px}
.ba-hub b{font:800 var(--fs-5) var(--f-d);color:#fff}
.ba-hub .hub-logo{position:relative;width:64px;height:64px;padding:10px;border-radius:50%;background:#0d1120;box-shadow:0 0 0 1.5px #7a9cff,0 0 30px rgba(122,156,255,.45);display:block}
.ba-hub .hub-logo i{position:absolute;display:block}
.ba-hub .hub-logo .w{left:16px;top:24px;width:26px;height:26px;background:#ececec}
.ba-hub .hub-logo .b{left:34px;top:15px;width:18px;height:18px;background:#0037ff}
.ba-hub .hub-logo .k{left:34px;top:24px;width:8px;height:9px;background:#0d1120}
.ba-w{position:absolute;top:50%;height:2px;width:calc(50% - 40px);margin-top:-22px}
.ba-w.in{left:0;background:linear-gradient(90deg,#ff6b5b,#7a9cff)}.ba-w.out{right:0;background:linear-gradient(90deg,#7a9cff,#6fbf8e)}
.ba-w::after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:baflow 1.8s linear infinite}
.ba-w.out::after{animation-delay:.9s}
@keyframes baflow{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 8px);opacity:0}}
@media (max-width:860px){.ba{grid-template-columns:1fr;gap:0}.ba-hub{padding:18px 0}.ba-w{display:none}}
@media (prefers-reduced-motion:reduce){.ba-w::after{animation:none}}

.m-intro{margin-bottom:clamp(40px,6vh,64px)}

/* ===== контакты: фото офиса (БЦ «Суперметалл») на фоне и галереей ===== */
.bgp i{position:absolute;inset:0;background-size:cover;background-position:center 38%;opacity:0;animation:bgpfade 21s infinite;filter:saturate(.85) contrast(1.05)}
.bgp i:nth-child(1){animation-delay:0s}.bgp i:nth-child(2){animation-delay:7s}.bgp i:nth-child(3){animation-delay:14s}
@keyframes bgpfade{0%{opacity:0;transform:scale(1.06)}6%{opacity:.75}33%{opacity:.75}40%{opacity:0;transform:scale(1)}100%{opacity:0}}
.bgv-ct.bgp::after{background:linear-gradient(90deg,var(--bg) 0%,rgba(9,9,10,.82) 42%,rgba(9,9,10,.4) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}
@media (prefers-reduced-motion:reduce){.bgp i{animation:none}.bgp i:first-child{opacity:.7}}
.ofc{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:10px;height:clamp(260px,44vh,440px)}
.ofc figure{margin:0;border-radius:8px 8px 8px 2px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.ofc img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.ofc figure:hover img{transform:scale(1.04)}
.ofc-cap{margin:10px 0 0;font:400 var(--fs-1) var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
@media (max-width:860px){.ofc{grid-template-columns:1fr 1fr;height:auto}.ofc figure{aspect-ratio:3/4}.ofc .w2{grid-column:1/-1;aspect-ratio:16/9}}

/* ===== контакты v2: один кадр атриума на фоне, цитата ===== */
.ct-hero{min-height:calc(100vh - 68px);min-height:calc(100dvh - 68px);align-content:center}
.ct-photo{overflow:hidden}
.ct-photo i{position:absolute;inset:-2%;background-size:cover;background-position:58% 50%;animation:ctzoom 38s ease-in-out infinite alternate;filter:saturate(.9) contrast(1.04)}
@keyframes ctzoom{from{transform:scale(1)}to{transform:scale(1.08) translate(-1.5%,-1%)}}
.bgv-ct.ct-photo::after{background:linear-gradient(90deg,rgba(9,9,10,.94) 0%,rgba(9,9,10,.82) 34%,rgba(9,9,10,.35) 64%,rgba(9,9,10,.25) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 34%),linear-gradient(180deg,rgba(9,9,10,.6) 0%,transparent 18%)}
.ct-hero .ct{background:rgba(12,12,14,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ct-quote{margin:clamp(40px,8vh,88px) 0 0;max-width:760px;padding-left:22px;border-left:2px solid var(--clay)}
.ct-quote blockquote{margin:0;font:700 clamp(22px,1.6vw + 12px,34px)/1.25 var(--f-d);letter-spacing:-.02em;color:#fff;text-wrap:balance}
.ct-quote figcaption{margin-top:12px;font:400 var(--fs-1) var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#c9c9cf}
.ct-form{position:relative}
@media (prefers-reduced-motion:reduce){.ct-photo i{animation:none}}
@media (max-width:760px){.bgv-ct.ct-photo::after{background:linear-gradient(180deg,rgba(9,9,10,.55) 0%,rgba(9,9,10,.85) 55%,var(--bg) 100%)}}

/* ===== 30.09 (7): плотнее ритм, тонкая ось RS в «Причине» ===== */
.sec{padding-block:clamp(52px,7.5vh,92px)}
.coord.wrap,.coord{margin-bottom:clamp(18px,2.6vh,30px)}
.band-chain{padding-block:18px}
.sec-head{margin-bottom:clamp(22px,3vh,34px)}
.done-sec>.coord{padding-top:clamp(36px,6vh,64px)}
.done-stage{min-height:min(80vh,760px)}

/* «Причина»: вместо синей плиты — ось с круглым знаком RS, как в «До и после» */
@media (min-width:641px){
  .m-trans .trans{position:relative}
  .m-trans .trans::before{content:"";position:absolute;left:50%;top:-18px;bottom:-18px;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(255,107,91,.0),rgba(122,156,255,.8) 18%,rgba(122,156,255,.8) 82%,rgba(111,191,142,0));z-index:0}
  .m-trans .tr-hub{position:absolute!important;left:50%!important;top:50%!important;bottom:auto!important;width:auto!important;height:auto!important;transform:translate(-50%,-50%)!important;padding:0!important;background:none!important;box-shadow:none!important;display:grid!important;justify-items:center;gap:8px;z-index:2}
  .m-trans .tr-hub .hub-logo{position:relative;display:block;width:72px;height:72px;border-radius:50%;background:#0d1120;box-shadow:0 0 0 1.5px #7a9cff,0 0 36px rgba(122,156,255,.5)}
  .m-trans .tr-hub .hub-logo .w{left:18px;top:27px;width:28px;height:28px;background:#ececec}
  .m-trans .tr-hub .hub-logo .b{left:37px;top:17px;width:20px;height:20px;background:#0037ff}
  .m-trans .tr-hub .hub-logo .k{left:37px;top:27px;width:9px;height:10px;background:#0d1120}
  .m-trans .tr-hub b{font:800 var(--fs-4) var(--f-d);color:#fff}
  .m-trans .tr-hub span:not(.hub-logo){max-width:140px;text-align:center;font:400 var(--fs-1)/1.4 var(--f-m);color:#9fb5ff;letter-spacing:.04em;background:rgba(9,9,10,.85);padding:4px 6px;border-radius:6px}
  .m-trans .tr-row{position:relative;z-index:1}
  .m-trans .tr-l,.m-trans .tr-r{background:rgba(15,15,18,.96)}
}

/* суд: статистика и практика одним блоком */
.court-stat{margin:6px 0 0}
#silence .cases-head{margin-top:clamp(28px,4vh,44px)}
#silence .cases-head p{margin:4px 0 0;color:var(--muted);font-size:var(--fs-3);max-width:62ch}
#silence .calc{margin-top:clamp(28px,4vh,48px)}

/* сравнение — снова тёмное, правая колонка выделена */
#roles .vs-r{background:linear-gradient(90deg,rgba(122,156,255,.14),rgba(122,156,255,.05))}
/* подписи на шине налезали на текст — убраны, шина говорит движением */
#pcb .tl{display:none}

/* ===== 30.09 (9) ===== */
/* первый экран: цепочка метода — ровная таблица */
.hflow{max-width:600px;border-top:1px solid rgba(255,255,255,.1)}
.hflow li{grid-template-columns:40px 190px 1fr;align-items:center;gap:0 14px;padding:11px 0;min-height:52px;border-bottom:1px solid rgba(255,255,255,.1)}
.hflow li::before{width:28px;height:28px;align-self:center}
.hflow li:not(:last-child)::after,.hflow li:not(:last-child) b::after{display:none}
.hflow b{white-space:nowrap;line-height:1.2}
.hflow span{font-size:var(--fs-2);line-height:1.4}
@media (max-width:560px){.hflow li{grid-template-columns:40px 1fr}.hflow span{grid-column:2}}

/* последствие: крупный вывод под разбором */
.deck-end.big{max-width:none;margin-top:18px;padding:18px 22px;border-left:2px solid var(--clay);background:rgba(210,102,47,.06);border-radius:0 12px 12px 0;font:600 var(--fs-5)/1.4 var(--f-d);letter-spacing:-.01em;color:var(--fg)}
.hud p{line-height:1.55}

/* причина: два абзаца, сигнал по оси RS */
#gap .sec-head p+p{margin-top:10px}
#gap .sec-head{max-width:880px}
@media (min-width:641px){
  .m-trans .trans::after{content:"";position:absolute;left:50%;top:-18px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#cfd9ff;box-shadow:0 0 12px #7a9cff;animation:axisdot 3.2s linear infinite;z-index:1}
  .m-trans .tr-hub{pointer-events:none}
  .tr-wires{z-index:1}
  .tr-wires path{stroke:rgba(122,156,255,.28);stroke-width:1.4}
  .tr-wires path.in.on{stroke:#ff6b5b;stroke-width:2}
  .tr-wires path.out.on{stroke:#6fbf8e;stroke-width:2}
}
@keyframes axisdot{0%{top:-18px;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:calc(100% + 8px);opacity:0}}
@media (prefers-reduced-motion:reduce){.m-trans .trans::after{display:none}}

/* суд: практика по центру, калькулятор компактнее и по центру */
.cases-head.center{text-align:center;justify-items:center;margin-inline:auto;max-width:760px}
.cases-head.center p{margin-inline:auto}
#silence .calc{max-width:920px;margin-inline:auto;grid-template-columns:1fr 1fr;padding:22px 24px;gap:22px}
#silence .calc-head h3{font-size:var(--fs-5)}
#silence .calc-head p{font-size:var(--fs-2)}
#silence .calc-out b{font-size:var(--fs-6)}

/* Система RS: абзац о проактивности */
.pro{margin:16px 0 0;padding:14px 18px;border-radius:8px 8px 8px 2px;background:rgba(122,156,255,.08);box-shadow:inset 0 0 0 1px rgba(122,156,255,.25);font-size:var(--fs-3);line-height:1.6;color:#d8d8dd;max-width:880px}
.pro b{color:#fff}
/* RSPR: седьмая карточка на всю ширину */
.sv-c.wide{grid-column:1/-1}
/* сравнение крупнее */
#roles h2{font-size:var(--fs-9);max-width:22ch}
#roles .vs-row>div{font-size:var(--fs-4);padding:18px 22px}
@media (max-width:980px){#silence .calc{grid-template-columns:1fr}}
.hflow li{grid-template-columns:40px 158px 1fr}

/* ===== 30.09 (10): разрыв — две карточки, видео арматуры; система — сеть; образцы документов ===== */
main .coord{display:none}
#gap{position:relative;isolation:isolate}
.bgv-gap video{opacity:.5;filter:grayscale(.3) contrast(1.15) brightness(.8)}
.bgv-gap::after{background:linear-gradient(90deg,var(--bg) 0%,rgba(9,9,10,.7) 40%,rgba(9,9,10,.3) 100%),linear-gradient(180deg,var(--bg) 0%,transparent 16%,transparent 60%,var(--bg) 100%)}
.gp2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,32px);margin-top:clamp(20px,3vh,32px);max-width:1100px}
.gp{position:relative;padding:22px 24px 24px;border:1px solid var(--line);background:rgba(14,14,16,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;gap:10px;align-content:start}
.gp::before{content:"";position:absolute;left:-1px;top:-1px;width:36px;height:2px;background:var(--clay)}
.gp.l{margin-top:clamp(28px,5vh,56px)}
.gp.l::before{background:#7a9cff}
.gp h3{font-size:var(--fs-5);line-height:1.25;max-width:24ch}
.gp p{max-width:none;font-size:var(--fs-3);line-height:1.55}
.gp .gp-law{border-top:1px dashed var(--line);padding-top:10px;color:var(--fg)}
@media (max-width:760px){.gp2{grid-template-columns:1fr}.gp.l{margin-top:0;margin-left:18px}}

#method{isolation:isolate}
.netbg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.9;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 80%,transparent 100%)}
.m-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}
.pro2{border:1px solid var(--line);background:rgba(14,14,16,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:22px 24px;display:grid;gap:14px;margin-top:clamp(0px,4vh,48px)}
.pro2>.lbl{color:var(--accent-text)}
.pr-row{display:grid;gap:4px;padding-left:14px;border-left:2px solid var(--line)}
.pr-row b{font-size:var(--fs-3)}
.pr-row p{font-size:var(--fs-2);line-height:1.5;color:var(--muted)}
.pr-row.on{border-left-color:#7a9cff}
.pr-row.on p{color:var(--fg)}
.pr-f{font-size:var(--fs-4);line-height:1.35;color:var(--fg);border-top:1px solid var(--line);padding-top:12px}
@media (max-width:980px){.m-intro{grid-template-columns:1fr}.pro2{margin-top:0}}

#trailList [data-doc]{cursor:pointer;transition:border-color .2s,background .2s}
#trailList [data-doc]:hover,#trailList [data-doc]:focus-visible{background:rgba(122,156,255,.07);outline:none}
#trailList [data-doc]:focus-visible{outline:2px solid #7a9cff;outline-offset:2px}
.doc-open{display:inline-block;margin-top:6px;font:500 var(--fs-1)/1.3 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}
#trailList [data-doc]:hover .doc-open{text-decoration:underline;text-underline-offset:3px}

html.docm-on{overflow:hidden}
.docm{position:fixed;inset:0;z-index:200;background:rgba(5,5,6,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px 16px;opacity:0;transition:opacity .22s}
.docm.on{opacity:1}
.docm[hidden]{display:none}
.docm-in{position:relative;width:min(760px,100%);max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto 1fr auto;gap:10px;transform:translateY(14px);transition:transform .25s}
.docm.on .docm-in{transform:none}
.docm-in>.lbl{color:#fff}
.docm-x{position:absolute;right:0;top:-6px;width:36px;height:36px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.docm-x:hover{background:rgba(255,255,255,.1)}
.docm-paper{overflow:auto;background:#f6f4ef;color:#1b1b1d;padding:clamp(24px,5vw,56px) clamp(20px,5vw,64px);font:400 15px/1.6 "Times New Roman",Georgia,serif;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.docm-paper p{margin:0 0 .8em;text-align:justify;max-width:none;color:#1b1b1d;font-size:15px}
.docm-paper .dp-title{font:500 11px/1.3 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#8a8a8f;margin-bottom:18px}
.dp-c{text-align:center!important;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.dp-c.s{font-weight:400;text-transform:none;color:#555;margin-top:-.5em}
.dp-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:22px;font-size:13.5px;line-height:1.45}
.dp-from{display:grid}.dp-from span{color:#555}
.dp-to{text-align:right}
.dp-t{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:14px}
.dp-t th,.dp-t td{border:1px solid #cfccc4;padding:6px 9px;text-align:left;vertical-align:top}
.dp-t th{width:34%;font-weight:600;background:#eceae3}
.dp-sign{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:end;margin:22px 0 6px;font-size:14px}
.dp-line{border-bottom:1px solid #1b1b1d;height:1px}
.dp-stamp{display:inline-block;margin:14px 0 4px;padding:6px 12px;border:2px solid #2f55d4;color:#2f55d4;font:600 12px/1.3 var(--f-m);letter-spacing:.04em;transform:rotate(-1.5deg)}
.dp-stamp.g{border-color:#1f8a5b;color:#1f8a5b}
.dp-note{margin-top:18px!important;padding:10px 14px;background:#e8ecf8;border-left:3px solid #2f55d4;font:400 13.5px/1.5 var(--f-t)!important;text-align:left!important}
.docm-n{font-size:var(--fs-1);color:rgba(255,255,255,.6);max-width:none}
@media (max-width:640px){.dp-head{grid-template-columns:1fr}.dp-to{text-align:left}.docm-paper p{text-align:left}}

/* ===== 30.09 (11): сеть — во всех разделах без видео; разрыв над колонками; проактивный КМ в сравнении; письма крупно ===== */
.has-net{position:relative;isolation:isolate}
/* разрыв: карточки стоят над колонками «Площадка» и «Договор», одинаковые по размеру */
#gap .gp2{max-width:1100px;width:100%;margin:clamp(8px,2vh,20px) auto 0;display:grid;grid-template-columns:1fr 170px 1fr;gap:0;align-items:stretch}
#gap .gp{margin:0;border:1px solid rgba(122,156,255,.4);box-shadow:0 0 0 1px rgba(122,156,255,.08),0 0 30px rgba(122,156,255,.12);grid-template-rows:auto auto 1fr auto}
#gap .gp.b{border-color:rgba(210,102,47,.55);box-shadow:0 0 0 1px rgba(210,102,47,.1),0 0 30px rgba(210,102,47,.12)}
#gap .gp h3{min-height:2.5em}
.gp-gap{display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;align-items:center;gap:8px;padding:10px 0}
.gp-gap i{width:0;height:100%;border-left:1px dashed rgba(255,122,107,.6)}
.gp-gap span{font:500 var(--fs-1)/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:#ff7a6b;padding:6px 8px;border:1px solid rgba(255,122,107,.5);background:var(--bg)}
@media (min-width:641px){#gap .gp2{grid-template-columns:1fr 170px 1fr}}
@media (max-width:760px){#gap .gp2{grid-template-columns:1fr}.gp-gap{grid-template-rows:none;grid-template-columns:1fr auto 1fr;padding:6px 0}.gp-gap i{height:0;width:100%;border-left:0;border-top:1px dashed rgba(255,122,107,.6)}#gap .gp.l{margin-left:0}}
/* система RS: слева заголовок, справа что делаем */
.m-intro{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end}
.m-intro .m-do{margin:0}
@media (max-width:980px){.m-intro{grid-template-columns:1fr}}
/* проактивный контрактный менеджмент — над сравнением */
.pro3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,3vw,44px);align-items:start;margin-bottom:clamp(20px,3vh,32px)}
.pro3 .kick{grid-column:1/-1}
.pro3-d{font:500 var(--fs-6)/1.35 var(--f-d);letter-spacing:-.01em;color:var(--fg);max-width:34ch}
.pro3-m{display:grid;gap:12px}
.pro3-m>div{padding:14px 18px;border-left:2px solid var(--line);background:rgba(14,14,16,.6)}
.pro3-m>div.on{border-left-color:#7a9cff;background:rgba(122,156,255,.06)}
.pro3-m b{font-size:var(--fs-3)}
.pro3-m p{font-size:var(--fs-2);line-height:1.5;color:var(--muted);margin-top:4px;max-width:none}
.pro3-m .on p{color:var(--fg)}
@media (max-width:860px){.pro3{grid-template-columns:1fr}}
/* карточки писем: нажатие — крупно */
.cv-unit.on{cursor:zoom-in}
.sitz .docm-in{width:min(820px,100%)}
.sz-nav{display:flex;align-items:center;justify-content:center;gap:12px}
.sz-nav .btn{min-width:48px;padding-inline:0;justify-content:center}
.sz-nav .btn:disabled{opacity:.35;cursor:default}
.sz-nav .num{font:500 var(--fs-2) var(--f-m);color:rgba(255,255,255,.75);min-width:56px;text-align:center}
.sitz .docm-in{grid-template-rows:auto 1fr auto}
.sz-rs{margin-top:22px;padding:14px 18px;background:#e8ecf8;border-left:3px solid #2f55d4;font-family:var(--f-t)}
.sz-rs p{font:400 14px/1.55 var(--f-t)!important;text-align:left!important;margin:0 0 .5em!important}
.sz-rs .dp-title{display:block;margin-bottom:8px;color:#2f55d4}
.m-intro{grid-template-columns:1fr;align-items:start;gap:clamp(18px,3vh,28px)}
.m-intro .m-do{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px;max-width:none}
@media (max-width:980px){.m-intro .m-do{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.m-intro .m-do{grid-template-columns:1fr}}
.sitz .docm-paper>p{font-size:17px}
@media (max-width:760px){#gap .gp{grid-template-rows:none}#gap .gp h3{min-height:0}}

/* ===== 30.09 (12): письма — панель разбора как «Входящие» кабинета; разрыв — рваный лист; заголовок «Но оплата не получена» ===== */
#h-sit .but{color:var(--muted);font-weight:500}
#h-sit .unpaid{font-style:normal;color:#ff7a6b;background:linear-gradient(transparent 62%,rgba(255,122,107,.22) 62%);padding:0 .08em}
#cases-deck .sec-head p+p{margin-top:.6em}

/* разрыв: карточки меньше, стоят ровно по центру своих колонок; контур повторяет рваный край */
#gap .gp2{align-items:stretch}
.gp-w{justify-self:center;width:min(100%,410px);display:grid;filter:drop-shadow(1px 0 0 var(--c)) drop-shadow(-1px 0 0 var(--c)) drop-shadow(0 1px 0 var(--c)) drop-shadow(0 -1px 0 var(--c)) drop-shadow(0 0 16px var(--g))}
.gp-w.b{--c:rgba(210,102,47,.75);--g:rgba(210,102,47,.22);justify-self:end}
.gp-w.l{--c:rgba(122,156,255,.7);--g:rgba(122,156,255,.22);justify-self:start}
#gap .gp{border:0;box-shadow:none;background:#121216;backdrop-filter:none;-webkit-backdrop-filter:none;padding:18px 22px 20px;gap:8px}
#gap .gp.b{padding-right:30px}
#gap .gp.l{padding-left:32px}
#gap .gp.l::before{left:16px}
#gap .gp h3{font-size:var(--fs-4)}
#gap .gp p{font-size:var(--fs-2)}
@media (min-width:761px){#gap .gp2{grid-template-columns:1fr 170px 1fr}
  .gp-w.b,.gp-w.l{justify-self:center}}
@media (max-width:760px){.gp-w,.gp-w.b,.gp-w.l{width:100%;justify-self:stretch}}

/* проактивный контрактный менеджмент — одна строка-определение над сравнением */
.pro3{grid-template-columns:1fr;gap:10px}
.pro3-d{max-width:52ch}

/* ===== панель разбора писем ===== */
.sitrv{position:fixed;inset:0;z-index:300}
.sitrv[hidden]{display:none}
.rv-scrim{position:absolute;inset:0;background:rgba(6,7,10,.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .35s}
.sitrv.on .rv-scrim{opacity:1}
.rv-bus{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.rv-bus .rv-tr{fill:none;stroke:rgba(122,156,255,.55);stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .6s .15s ease-out}
.sitrv.on .rv-bus .rv-tr{stroke-dashoffset:0}
.rv-bus .rv-sig{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:4 96;stroke-dashoffset:100;opacity:0;filter:drop-shadow(0 0 4px #7a9cff)}
.sitrv.on .rv-bus .rv-sig{opacity:1;animation:rvSig 2.4s .7s linear infinite}
@keyframes rvSig{to{stroke-dashoffset:0}}
.rv-bus .rv-port{fill:#7a9cff}
.rv-bus .rv-port-box{fill:none;stroke:rgba(122,156,255,.8);stroke-width:1.5;filter:drop-shadow(0 0 8px rgba(122,156,255,.6))}
.rv-panel{position:absolute;left:50%;top:50%;width:min(1180px,calc(100vw - 32px));height:min(860px,calc(100vh - 40px));margin-left:calc(min(1180px,calc(100vw - 32px)) / -2);margin-top:calc(min(860px,calc(100vh - 40px)) / -2);
  display:grid;grid-template-rows:auto 1fr;background:rgba(13,14,18,.96);border:1px solid rgba(122,156,255,.35);box-shadow:0 0 0 1px rgba(122,156,255,.08),0 0 60px rgba(122,156,255,.18),0 40px 120px rgba(0,0,0,.6);
  transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s;overflow:hidden}
.sitrv.off .rv-panel{opacity:0}
/* уголки HUD и проход скан-линии — панель «собирается» */
.rv-panel .rc{position:absolute;width:22px;height:22px;border:2px solid #7a9cff;z-index:3;opacity:0;transition:opacity .3s .35s,transform .45s .3s cubic-bezier(.2,.8,.2,1)}
.rc.tl{left:6px;top:6px;border-right:0;border-bottom:0;transform:translate(-14px,-14px)}
.rc.tr{right:6px;top:6px;border-left:0;border-bottom:0;transform:translate(14px,-14px)}
.rc.bl{left:6px;bottom:6px;border-right:0;border-top:0;transform:translate(-14px,14px)}
.rc.br{right:6px;bottom:6px;border-left:0;border-top:0;transform:translate(14px,14px)}
.sitrv.on .rc{opacity:1;transform:none}
.rv-scan{position:absolute;left:0;right:0;top:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,#9fb5ff,transparent);box-shadow:0 0 18px #7a9cff;opacity:0;pointer-events:none}
.sitrv.on .rv-scan{animation:rvScan 1s .3s ease-out}
@keyframes rvScan{0%{top:0;opacity:1}100%{top:100%;opacity:0}}
.rv-head,.rv-body{opacity:0;transform:translateY(8px);transition:opacity .35s .4s,transform .45s .4s}
.sitrv.on .rv-head,.sitrv.on .rv-body{opacity:1;transform:none}
.rv-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.rv-title{display:flex;align-items:baseline;gap:18px}
.rv-title .lbl{color:var(--accent-text)}
.rv-count{margin:0;display:flex;gap:6px;align-items:baseline}
.rv-count b{font:600 var(--fs-6) var(--f-m);color:#fff}
.rv-count span{font:400 var(--fs-2) var(--f-m);color:var(--muted)}
.rv-nav{display:flex;gap:8px}
.rv-nav button{width:40px;height:40px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s}
.rv-nav button:hover:not(:disabled){background:rgba(122,156,255,.14);border-color:rgba(122,156,255,.5)}
.rv-nav button:disabled{opacity:.3;cursor:default}
.rv-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:0}
.rv-doc{position:relative;min-height:0}
.rv-stage{position:absolute;inset:0;perspective:1800px;perspective-origin:50% 45%;overflow:hidden;touch-action:pan-y;cursor:grab}
.rv-stage .cv-unit{width:min(520px,58%);top:18px;bottom:22px}
.rv-stage .cv-unit.on{cursor:default}
.rv-stage .cv-strip .ti{font-size:var(--fs-5)}
.rv-stage .cv-paper{overflow:auto;padding:30px 34px;gap:11px;scrollbar-width:thin}
.rv-stage .cv-paper p{font-size:var(--fs-3);line-height:1.6}
.rv-stage .cv-paper b{font-size:var(--fs-4)}
.rv-stage .cv-unit:not(.on) .cv-paper{overflow:hidden}
.rv-ring{position:absolute;left:16px;bottom:16px;width:96px;height:96px;z-index:20;pointer-events:none}
.rv-ring .o{fill:rgba(13,14,18,.7);stroke:rgba(122,156,255,.25)}
.rv-ring .rot{transform-origin:65px 65px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.rv-ring .t{stroke:rgba(122,156,255,.45);stroke-width:2}
.rv-ring .t.on{stroke:#ff7a6b;stroke-width:3}
.rv-ring .n{font:600 26px var(--f-m);fill:#fff}
.rv-ring .m{font:500 9px var(--f-m);letter-spacing:.14em;fill:var(--muted)}
.rv-side{border-left:1px solid rgba(255,255,255,.08);padding:20px 22px;display:grid;align-content:start;gap:14px;overflow:auto}
.rv-side>.lbl{color:var(--muted)}
.rs-st{display:grid;gap:4px;padding-left:12px;border-left:2px solid rgba(122,156,255,.4);opacity:0;animation:rsIn .45s calc(var(--d) * .09s + .1s) forwards}
.rs-st .k{font:500 var(--fs-1)/1.2 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#9fb5ff}
.rs-st p{font-size:var(--fs-2);line-height:1.5;margin:0;max-width:none}
.rs-st.loss{border-left-color:#ff7a6b}.rs-st.loss .k{color:#ff7a6b}
.rs-st.loss b{font:600 var(--fs-6) var(--f-m);color:#ff7a6b}
.rs-st.need{border-left-color:#6fbf8e}.rs-st.need .k{color:#6fbf8e}
@keyframes rsIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@media (max-width:900px){
  .rv-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
  .rv-side{border-left:0;border-top:1px solid rgba(255,255,255,.08);max-height:34vh;padding:14px 16px}
  .rv-stage .cv-unit{width:min(520px,80%)}
  .rv-ring{display:none}
  .rv-title .lbl{display:none}
}
@media (prefers-reduced-motion:reduce){.rv-panel,.rv-head,.rv-body,.rc,.rv-scrim{transition:none}.rs-st{animation:none;opacity:1}}
/* методология в панели разбора: лист документа — «бумага» docm-paper внутри ленты */
.rv-stage .cv-paper.docm-paper{position:absolute;inset:0;display:block;padding:28px 32px;font:400 15px/1.6 "Times New Roman",Georgia,serif;box-shadow:none}
.rv-stage .cv-paper.docm-paper p{font-size:15px;color:#1b1b1d;line-height:1.6}
.rv-stage .cv-paper.docm-paper b{font:inherit;font-weight:700;letter-spacing:0;margin:0}
.rv-stage .cv-paper.docm-paper .dp-from b{display:block}
.rv-stage .cv-unit:not(.on) .cv-paper.docm-paper *{color:rgba(159,181,255,.75)!important;border-color:rgba(159,181,255,.3)!important;background:transparent!important}
.rv-stage .cv-unit:not(.on) .cv-paper.docm-paper{background:transparent}
.rs-foot{font-size:var(--fs-1);color:var(--muted);margin-top:6px}

/* ===== 30.09 (14): десять документов — сеткой, как стопка входящих; нажатие — лента разбора ===== */
.sit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 16px;padding-top:6px}
.sg-card{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:6px;height:300px;cursor:pointer;
  opacity:0;transform:translateY(26px) rotate(calc((var(--i) - 4.5) * .35deg));transition:opacity .5s calc(var(--i) * 60ms),transform .6s calc(var(--i) * 60ms) cubic-bezier(.2,.8,.2,1)}
.sit-grid.in .sg-card{opacity:1;transform:rotate(calc((var(--i) - 4.5) * .35deg))}
.sit-grid.in .sg-card:hover,.sit-grid.in .sg-card:focus-visible{transform:translateY(-8px) rotate(0) scale(1.03);z-index:2;transition-delay:0s}
.sg-card .cv-strip{padding:8px 11px;gap:2px}
.sg-card .cv-strip .l1{gap:6px}
.sg-card .cv-strip .t{font-size:10px;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}
.sg-card .cv-strip .sm{font-size:var(--fs-2)}
.sg-card .cv-strip .ti{font-size:var(--fs-3);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.sg-card .cv-doc{flex:1;min-height:0}
.sg-card .cv-paper{padding:14px 15px;gap:6px}
.sg-card .cv-paper b{font-size:var(--fs-2);margin:2px 0 0}
.sg-card .cv-paper p{font-size:12px;line-height:1.45}
.sg-card .cv-doc::before{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;z-index:1;background:linear-gradient(transparent,#f4f2ee 85%);pointer-events:none}
.sg-open{position:absolute;right:10px;bottom:10px;z-index:2;font:500 var(--fs-1)/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:#2f55d4;opacity:.75;transition:opacity .2s}
.sg-card:hover .sg-open{opacity:1}
.sg-card:hover .cv-doc,.sg-card:focus-visible .cv-doc{box-shadow:0 0 0 1px rgba(122,156,255,.7),0 0 40px rgba(122,156,255,.35),0 24px 60px rgba(0,0,0,.55)}
.sg-card:hover .cv-strip{border-color:rgba(122,156,255,.7)}
.sit-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.sit-foot .cv-total{margin:0}
.sit-hint{font:400 var(--fs-1) var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
@media (max-width:1180px){.sit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.sit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.sit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.sg-card{height:250px}.sg-card .cv-paper p:nth-of-type(n+2){display:none}}
@media (prefers-reduced-motion:reduce){.sg-card{opacity:1;transform:none;transition:none}}
/* документы — ровной сеткой, без наклона */
.sg-card{transform:translateY(26px)}
.sit-grid.in .sg-card{transform:none}
.sit-grid.in .sg-card:hover,.sit-grid.in .sg-card:focus-visible{transform:translateY(-6px)}

/* ===== 01.10: шина внутренних страниц (bus.js), услуги — рельс задач, три документа в «О нас» ===== */
#pcb .port{fill:#09090a;stroke:#7a9cff;stroke-width:2;filter:drop-shadow(0 0 6px rgba(122,156,255,.85))}
#pcb .port.in{fill:#7a9cff}
#pcb .tr{stroke-linejoin:round;stroke-linecap:round}
.letters{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}
@media (max-width:640px){.letters{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* услуги: первый экран — сопровождение */
.feat h1{font-size:var(--fs-9);max-width:16ch}
.feat-lead.sm{font-size:var(--fs-3);color:var(--muted)}
.feat:first-child{padding-top:clamp(56px,9vh,110px)}
#roles .sec-head{margin-bottom:0}
/* отдельные задачи: рельс-шина по центру, карточки по очереди слева и справа */
.svc-head{text-align:center;justify-items:center;margin-inline:auto}
.svc-head p{max-width:64ch}
.svc2-grid.rail{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px 96px;align-items:start;padding-block:26px}
.svc2-grid.rail::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:0;margin-left:-1px;border-left:1.6px solid rgba(122,156,255,.5)}
.svc2-grid.rail::after{content:"";position:absolute;left:50%;top:0;width:3px;height:16px;margin-left:-2px;border-radius:2px;background:#ededed;box-shadow:0 0 8px rgba(122,156,255,.9);animation:railSig 7s linear infinite}
@keyframes railSig{from{top:0}to{top:calc(100% - 16px)}}
.rail .svc2{position:relative;overflow:visible;grid-template-columns:1fr;background:#101114;box-shadow:0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .25s,transform .25s}
.rail .svc2:hover{box-shadow:0 0 0 1px rgba(122,156,255,.7),0 0 40px rgba(122,156,255,.16);transform:translateY(-3px)}
.rail .svc2:nth-child(even){margin-top:120px}
.rail .svc2:nth-child(odd):not(:first-child){margin-top:-86px}
/* отвод от рельса к карточке и узел на рельсе */
.rail .svc2::before{content:"";position:absolute;top:70px;width:48px;height:0;border-top:1.6px solid rgba(122,156,255,.5)}
.rail .svc2::after{content:"";position:absolute;top:64px;width:12px;height:12px;border-radius:50%;background:#09090a;box-shadow:0 0 0 2px #7a9cff,0 0 12px rgba(122,156,255,.8)}
.rail .svc2:nth-child(odd)::before{right:-48px}.rail .svc2:nth-child(odd)::after{right:-54px}
.rail .svc2:nth-child(even)::before{left:-48px}.rail .svc2:nth-child(even)::after{left:-54px}
.rail .svc2-pic{min-height:0;height:132px;border-radius:16px 16px 0 0;overflow:hidden}
.rail .svc2-pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,17,20,.1),#101114)}
.rail .svc2-pic .n{z-index:1;left:16px;top:14px;background:var(--clay);color:var(--on-clay);font-weight:600}
.rail .svc2-b{padding:6px 24px 24px;margin-top:-34px;position:relative}
.rail .svc2-b h3{font-size:var(--fs-7)}
@media (max-width:900px){
  .svc2-grid.rail{grid-template-columns:1fr;gap:18px;padding-left:30px}
  .svc2-grid.rail::before{left:8px}.svc2-grid.rail::after{left:8px}
  .rail .svc2:nth-child(n){margin-top:0}
  .rail .svc2:nth-child(n)::before{left:-22px;right:auto;width:22px}
  .rail .svc2:nth-child(n)::after{left:-28px;right:auto}
}
@media (prefers-reduced-motion:reduce){.svc2-grid.rail::after{animation:none;display:none}}
.svc-head{text-align:left;justify-items:start;margin-inline:0;max-width:520px}
.svc-head p{max-width:46ch}
.feat{isolation:isolate}
/* форма: галочка — только согласие; ссылка на политику отдельной строкой без отметки */
.agree-note{grid-column:1/-1;margin:-14px 0 0 28px;font-size:var(--fs-2);color:var(--muted)}


/* ===== Дела, которые мы вели ===== */
.dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.dl-i{position:relative;border-radius:8px 8px 8px 2px;background:var(--card);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);overflow:hidden;transition:box-shadow .3s,background .3s}
.dl-i:hover{box-shadow:inset 0 0 0 1px rgba(111,191,142,.5)}
.dl-i[open]{box-shadow:inset 0 0 0 1.5px rgba(111,191,142,.7);background:linear-gradient(170deg,rgba(111,191,142,.08),var(--card) 45%)}
.dl-i summary{list-style:none;display:grid;gap:12px;padding:24px 24px 22px;cursor:pointer}
.dl-i summary::-webkit-details-marker{display:none}
.dl-i summary:focus-visible{outline:2px solid #7a9cff;outline-offset:-2px;border-radius:8px 8px 8px 2px}
.dl-tag{font:500 var(--fs-1) var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.dl-i h3{margin:0;font:800 var(--fs-6)/1.2 var(--f-d);letter-spacing:-.02em;color:#fff;text-wrap:balance}
.dl-res{display:flex;align-items:baseline;gap:10px;font:500 var(--fs-2) var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dl-res b{font:400 clamp(40px,5vw,64px)/1 var(--f-m);letter-spacing:-.04em;color:var(--grass-text);text-transform:none}
.dl-go{display:inline-flex;align-items:center;gap:10px;justify-self:start;padding:9px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);font:600 var(--fs-2)/1 var(--f-d);color:var(--fg);transition:background .2s,box-shadow .2s}
.dl-i:hover .dl-go{box-shadow:inset 0 0 0 1px var(--grass-text)}
.dl-go i{position:relative;width:10px;height:10px}
.dl-go i::before,.dl-go i::after{content:"";position:absolute;left:0;top:4px;width:10px;height:2px;background:currentColor;transition:transform .25s}
.dl-go i::after{transform:rotate(90deg)}
.dl-i[open] .dl-go i::after{transform:rotate(0)}
.dl-b{position:relative;display:grid;gap:16px;padding:0 24px 84px}
.dl-lead{margin:0;font-size:var(--fs-3);line-height:1.55;color:var(--fg);max-width:none}
.dl-tl{list-style:none;margin:0;padding:0 0 0 22px;display:grid;gap:14px;position:relative}
.dl-tl::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:rgba(122,156,255,.5);transform:scaleY(0);transform-origin:top}
.dl-i[open] .dl-tl::before{animation:dlLine 1s ease-out forwards}
.dl-tl li{position:relative;display:grid;gap:4px;opacity:0;transform:translateX(10px)}
.dl-i[open] .dl-tl li{animation:dlIn .45s ease-out forwards;animation-delay:calc(.15s + var(--k) * .22s)}
.dl-tl li::before{content:"";position:absolute;left:-22px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 2px #7a9cff}
.dl-tl li.ok::before{background:var(--grass-text);box-shadow:none}
.dl-tl span{font:500 var(--fs-1) var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#9fb5ff}
.dl-tl li.ok span{color:var(--grass-text)}
.dl-tl p{margin:0;font-size:var(--fs-2);line-height:1.55;color:var(--muted);max-width:none}
.dl-tl li.ok p{color:var(--fg)}
.dl-more{justify-self:start;font:600 var(--fs-2) var(--f-d);color:var(--grass-text);text-decoration:underline;text-underline-offset:4px}
.dl-stamp{position:absolute;right:20px;bottom:18px;padding:8px 12px;border:2.5px solid var(--grass-text);border-radius:8px;font:700 13px/1.15 var(--f-m);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--grass-text);opacity:0;transform:rotate(-8deg) scale(1.8);pointer-events:none}
.dl-i[open] .dl-stamp{animation:dlStamp .35s cubic-bezier(.3,1.4,.5,1) forwards;animation-delay:1.25s}
.dl-next{display:flex;gap:10px;align-items:center;margin:18px 0 0;font-size:var(--fs-2);color:var(--muted);max-width:none}
.dl-next .dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent-text);animation:dlPulse 1.8s ease-in-out infinite}
@keyframes dlLine{to{transform:scaleY(1)}}
@keyframes dlIn{to{opacity:1;transform:none}}
@keyframes dlStamp{to{opacity:.85;transform:rotate(-8deg) scale(1)}}
@keyframes dlPulse{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.dl-i[open] .dl-tl li,.dl-i[open] .dl-tl::before,.dl-i[open] .dl-stamp{animation:none;opacity:1;transform:none}.dl-i[open] .dl-stamp{transform:rotate(-8deg)}}
@media (max-width:860px){.dl{grid-template-columns:1fr}}
@media (max-width:560px){.dl-i summary{padding:20px 18px 18px}.dl-b{padding:0 18px 80px}.dl-stamp{right:16px;bottom:16px}}
.dl-stamp.wip{border-color:var(--accent-text);color:var(--accent-text)}

/* ===== производительность на телефоне (02.10.2026): размытие фона под 14 движущимися обрывками поверх видео
   пересчитывается на каждом кадре — на телефоне это подтормаживание второго экрана. Там — плотный фон без размытия. */
.ch-boss.hit2::before{animation:bosshit2 .3s ease-out}
@keyframes bosshit2{50%{box-shadow:0 0 0 3px #ff6b5b,0 0 60px rgba(255,107,91,.6)}}
@media (max-width:980px),(pointer:coarse){
  .frag{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(15,15,17,.93)}
  .ch-pulse{filter:none}
  .tr-wires path.in.on,.tr-wires path.out.on{filter:none}
}
@media (prefers-reduced-motion:reduce){.ch-boss .ring,.ch-node .ring{animation:none}}

/* ===== RSPR на главной — короткий анонс (03.10.2026): текст слева, справа список «Сделать сегодня» из кабинета ===== */
.rq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.rq-text h2{margin:10px 0 14px;font:800 var(--fs-8)/1.12 var(--f-d);letter-spacing:-.025em;max-width:18ch;text-wrap:balance}
.rq-text p{margin:0 0 22px;max-width:52ch;color:var(--muted);font-size:var(--fs-3);line-height:1.6}
.rq-today{margin:0;padding:22px 22px 16px;border-radius:8px 8px 8px 2px;background:#0f0f11;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 24px 60px rgba(0,0,0,.45)}
.rq-today figcaption{font:600 var(--fs-3) var(--f-d);color:#fff;margin:0 0 12px}
.rq-today ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rq-today li{display:grid;gap:3px;padding:12px 14px 12px 16px;border-radius:10px;background:#141417;box-shadow:inset 3px 0 0 #7a9cff}
.rq-today li.hot{box-shadow:inset 3px 0 0 #d2662f}
.rq-today li.ok{box-shadow:inset 3px 0 0 #6fbf8e}
.rq-today li b{font:600 var(--fs-3)/1.35 var(--f-t);color:var(--fg)}
.rq-today li span{font-size:var(--fs-2);line-height:1.45;color:var(--muted)}
.rq-note{margin:12px 0 0;font-size:12px;color:var(--faint-t)}
@media (max-width:900px){.rq{grid-template-columns:1fr}}

/* ===== оранжевая полоса перед заявкой (03.10.2026): один яркий акцент на тёмной странице; крупный белый текст (≥3:1 для крупного) ===== */
.band-cta{position:relative;z-index:1;background:#d2662f;color:#fff;padding:clamp(56px,9vw,120px) 0}
.band-cta h2{margin:0;max-width:16ch;font:800 clamp(38px,6.4vw,92px)/1.02 var(--f-d);letter-spacing:-.035em;color:#fff;text-wrap:balance}
.band-cta p{margin:clamp(18px,2.4vw,28px) 0 0;max-width:46ch;font:500 clamp(17px,1.6vw,21px)/1.5 var(--f-t);color:#1a0c05}
.band-cta .band-btn{display:inline-flex;align-items:center;min-height:52px;margin-top:clamp(22px,3vw,34px);padding:0 28px;border-radius:999px;background:#0b0b0c;color:#fff;font:600 var(--fs-3)/1 var(--f-t);transition:background .2s}
.band-cta .band-btn:hover{background:#1f1f22}
.band-cta .band-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.band-cta{z-index:6;isolation:isolate}

/* ===== телефон: главная короче (03.10.2026) ===== */
.fold-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin:12px 0 0;border:0;border-radius:12px;background:#141417;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:var(--fg);font:600 var(--fs-3)/1 var(--f-t);cursor:pointer}
.fold-btn i{width:9px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}
.fold-btn[hidden]{display:none}
.fold-btn:focus-visible{outline:2px solid #7a9cff;outline-offset:2px}
.fold-hide{display:none!important}
@media (max-width:760px){
  /* «переводчик»: строки сменяют друг друга сами — на телефоне видна одна, текущая */
  .trans .tr-row:not(.on){display:none}
  .trans:not(:has(.tr-row.on)) .tr-row:first-of-type{display:grid}
  .trans .tr-row.on{animation:foldIn .45s ease-out}
  /* цифры рынка — компактными строками: число слева, пояснение справа */
  .court-stat .market{gap:0}
  .court-stat .mk{gap:4px;padding:12px 0}
  .court-stat .mv{font-size:30px}
  .court-stat .mk p{font-size:var(--fs-2);line-height:1.45;max-width:none}
  .court-stat .mk .src{font-size:10px;letter-spacing:.06em}
}
@keyframes foldIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.trans .tr-row.on{animation:none}}
@media (max-width:640px){.reg{overflow:visible}.reg table{min-width:0}.reg table,.reg tbody{display:block}.reg tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reg .it{white-space:normal}}

/* ===== «После сдачи»: три группы потерь (03.10.2026) ===== */
.sg-groups{display:grid;gap:10px}
.sg-grp{border-radius:8px 8px 8px 2px;background:rgba(15,15,17,.85);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .25s}
.sg-grp.open{box-shadow:inset 0 0 0 1px rgba(255,122,107,.45)}
.sg-head{all:unset;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:18px;width:100%;padding:20px 22px;cursor:pointer;border-radius:inherit}
.sg-head:focus-visible{outline:2px solid #7a9cff;outline-offset:2px}
.sg-name{display:grid;gap:4px;min-width:0}
.sg-name b{font:700 var(--fs-5)/1.25 var(--f-d);letter-spacing:-.015em;color:#fff}
.sg-name span{font-size:var(--fs-2);line-height:1.45;color:var(--muted)}
.sg-sum{font:500 clamp(20px,2.4vw,30px)/1 var(--f-m);color:#ff7a6b;white-space:nowrap}
.sg-head i{width:10px;height:10px;border:solid var(--muted);border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg);transition:transform .25s}
.sg-grp.open .sg-head i{transform:translateY(2px) rotate(-135deg)}
.sg-head:hover .sg-name b{color:#ffd9d3}
.sg-body{padding:4px 22px 24px;grid-template-columns:repeat(4,minmax(0,1fr))}
.sg-body[hidden]{display:none}
@media (max-width:900px){.sg-body{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.sg-head{grid-template-columns:minmax(0,1fr) 14px;gap:6px 12px;padding:16px}.sg-sum{grid-column:1;grid-row:2;font-size:22px}.sg-head i{grid-column:2;grid-row:1 / span 2}.sg-body{padding:2px 12px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== RSPR внутри итога «Объект построен» ===== */
#start .rq{margin-top:clamp(8px,2vw,24px)}
#start .rq-text h3{margin:0 0 16px;max-width:22ch;font:800 var(--fs-7)/1.15 var(--f-d);letter-spacing:-.02em;text-wrap:balance}
.rq-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px;max-width:52ch}
.rq-list li{position:relative;padding-left:22px;color:var(--muted);font-size:var(--fs-3);line-height:1.55}
.rq-list li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:2px;background:#6fbf8e}

/* ===== «Знакомая ситуация?» — три боли на одном экране (03.10.2026) ===== */
.pains .pn-head{max-width:640px;margin:0 0 clamp(24px,3vw,40px)}
.pains .pn-head h2{margin:0 0 10px;font:800 var(--fs-9)/1.05 var(--f-d);letter-spacing:-.03em}
.pains .pn-head p{margin:0;color:var(--muted);font-size:var(--fs-4);line-height:1.55}
.pn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.pn{display:grid;grid-template-rows:auto auto 1fr;gap:10px;align-content:start;padding:clamp(18px,2vw,26px);border-radius:8px 8px 8px 2px;background:#0f0f11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);opacity:.35;transform:translateY(14px);transition:opacity .6s,transform .6s,box-shadow .6s}
.pains.s1 .pn1,.pains.s2 .pn2,.pains.s3 .pn3{opacity:1;transform:none;box-shadow:inset 0 0 0 1px rgba(255,107,91,.35)}
.pn h3{margin:6px 0 0;font:700 var(--fs-5)/1.25 var(--f-d);letter-spacing:-.015em;color:#fff}
.pn>p{margin:0;color:var(--muted);font-size:var(--fs-3);line-height:1.55}
.pn-vis{position:relative;height:clamp(180px,17vw,220px);border-radius:12px;background:#09090b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden;padding:14px}
/* 1 — звонки */
.pn-calls{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pn-calls li{padding:7px 10px;border-radius:8px;background:#141417;font-size:13px;line-height:1.3;color:var(--fg);opacity:0;transform:translateX(-10px);transition:opacity .35s,transform .35s;transition-delay:calc(var(--k) * .32s)}
.pn-calls li span{display:block;font-size:11px;color:#ff8a7d;margin-bottom:1px}
.pains.s1 .pn-calls li{opacity:1;transform:none}
.pn-big{position:absolute;right:14px;bottom:12px;display:grid;justify-items:end;gap:2px;padding:8px 12px;border-radius:10px;background:rgba(9,9,11,.92);box-shadow:0 0 0 1px rgba(255,107,91,.5)}
.pn-big b{font:500 34px/1 var(--f-m);color:#ff6b5b;font-variant-numeric:tabular-nums}
.pn-big span{font-size:11px;color:var(--muted)}
/* 2 — документы со штампами */
.pn-docs{position:relative;height:100%}
.pn-doc{position:absolute;top:calc(8px + var(--k) * 14px);left:calc(10% + var(--k) * 12%);width:58%;height:68%;padding:12px;border-radius:6px;background:#efece6;box-shadow:0 10px 24px rgba(0,0,0,.45);transform:rotate(calc((var(--k) - 1) * 3deg))}
.pn-doc i{display:block;height:5px;margin:0 0 7px;border-radius:3px;background:#cfcac0}
.pn-doc i:nth-child(2){width:80%}.pn-doc i:nth-child(3){width:60%}
.pn-doc em{position:absolute;left:50%;top:58%;padding:4px 8px;border:2px solid #d23c2f;border-radius:4px;font:700 10px/1.15 var(--f-m);letter-spacing:.04em;text-transform:uppercase;color:#d23c2f;font-style:normal;white-space:nowrap;opacity:0;transform:translate(-50%,-50%) rotate(-9deg) scale(1.8);transition:opacity .25s,transform .3s cubic-bezier(.3,1.4,.5,1);transition-delay:calc(.2s + var(--k) * .5s)}
.pains.s2 .pn-doc em{opacity:.92;transform:translate(-50%,-50%) rotate(-9deg) scale(1)}
/* 3 — деньги */
.pn-money{margin:0;display:grid;gap:10px}
.pn-money div{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:#141417}
.pn-money dt{font-size:12px;color:var(--muted)}
.pn-money dd{margin:0;font:500 24px/1.1 var(--f-m);color:var(--fg);font-variant-numeric:tabular-nums}
.pn-money .loss{box-shadow:inset 0 0 0 1px rgba(255,107,91,.45)}
.pn-money .loss dd{color:#ff6b5b}
.pn-rate{position:absolute;left:14px;bottom:12px;font-size:12px;color:var(--faint-t)}
@media (max-width:900px){.pn-grid{grid-template-columns:1fr}.pn{grid-template-columns:minmax(0,1fr)}.pn-vis{height:190px}}
@media (prefers-reduced-motion:reduce){.pn,.pn-calls li,.pn-doc em{transition:none}}
/* правка 03.10: звонки — колонкой слева, счётчик справа; листы — лесенкой, у каждого виден свой штамп */
.pn-calls{width:64%}
.pn-big{top:14px;bottom:auto}
.pn-doc{left:8px;right:8px;width:auto;height:30%;top:calc(10px + var(--k) * 31%);padding:10px 12px;transform:none}
.pn-doc i{width:52%;height:4px;margin-bottom:6px}.pn-doc i:nth-child(2){width:40%}.pn-doc i:nth-child(3){width:30%;margin:0}
.pn-doc em{left:auto;right:12px;top:50%;transform:translateY(-50%) rotate(-6deg) scale(1.8)}
.pains.s2 .pn-doc em{transform:translateY(-50%) rotate(-6deg) scale(1)}
@media (max-width:420px){.pn-calls{width:100%}.pn-big{top:auto;bottom:10px}.pn-calls li:nth-child(n+4){display:none}}
/* правка 03.10 (2): звонки и счётчик — рядом, без наложения; на телефоне сцены ниже */
.pn1 .pn-vis{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
.pn-calls{width:auto}
.pn-calls li:nth-child(n+4){display:none}
.pn-big{position:static;padding:8px 10px}
.pn-big b{font-size:30px}
.pn-big span{max-width:9ch;text-align:right;line-height:1.25}
@media (max-width:900px){.pn-vis{height:auto;min-height:150px}.pn-docs{height:150px}.pn-money{gap:8px}.pn-rate{position:static;display:block;margin-top:8px}}
@media (max-width:420px){.pn-big{position:static}.pn-calls li:nth-child(n+4){display:none}}

/* ===== «Чем это грозит»: группы потерь + суд (03.10.2026) ===== */
.threat-court{margin-top:clamp(40px,6vw,72px);display:grid;gap:clamp(18px,2.4vw,28px)}
.tc-h{margin:0;max-width:24ch;font:800 var(--fs-7)/1.15 var(--f-d);letter-spacing:-.02em;text-wrap:balance}
/* ===== день директора с ассистентом RSPR ===== */
.rq-day{margin:0;padding:22px 22px 16px;border-radius:8px 8px 8px 2px;background:#0f0f11;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 24px 60px rgba(0,0,0,.45)}
.rq-day figcaption{font:600 var(--fs-3) var(--f-d);color:#fff;margin:0 0 14px}
.rq-day ol{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.rq-day ol::before{content:"";position:absolute;left:23px;top:10px;bottom:10px;width:2px;background:linear-gradient(#d2662f,#7a9cff,#6fbf8e)}
.rq-day li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:8px 0}
.rq-day time{position:relative;z-index:1;align-self:start;justify-self:center;padding:4px 0;font:500 12px/1 var(--f-m);color:#fff;background:#0f0f11;font-variant-numeric:tabular-nums}
.rq-day b{display:block;font:600 var(--fs-3)/1.35 var(--f-t);color:var(--fg);margin-bottom:3px}
.rq-day li p{margin:0;font-size:var(--fs-2);line-height:1.5;color:var(--muted)}

/* переводчик RS перенесён из «Разрыва» в «Систему RS» первым шагом (03.10.2026) */
.m-trans .tr-head{margin-top:clamp(14px,2vw,22px)}

/* методологии под реестром обязательств (03.10.2026) */
.m-methods{margin-top:clamp(18px,2.4vw,28px)}
.m-methods h4{margin:0 0 12px;font:700 var(--fs-4)/1.3 var(--f-d);color:#fff}
.m-methods ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.m-methods li{display:grid;gap:6px;align-content:start;padding:16px;border-radius:8px 8px 8px 2px;background:#0f0f11;box-shadow:inset 0 0 0 1px rgba(122,156,255,.25)}
.m-methods b{font:700 var(--fs-4)/1.2 var(--f-d);color:#9fb5ff}
.m-methods span{font-size:var(--fs-2);line-height:1.5;color:var(--muted)}
@media (max-width:980px){.m-methods ul{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.m-methods ul{grid-template-columns:1fr}}
@media (min-width:1181px){.m-methods ul{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:981px) and (max-width:1180px){.m-methods ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rq-price{margin:12px 0 0;font-size:var(--fs-2);color:var(--muted)}
#start .rq-text h3{max-width:26ch}

/* ===== «Что вы покупаете» — три пакета на главной (03.10.2026) ===== */
.buy3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.buy3 article{display:grid;gap:14px;align-content:start;padding:clamp(20px,2.2vw,28px);border-radius:8px 8px 8px 2px;background:#0f0f11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.buy3 article.hi{box-shadow:inset 0 0 0 1.5px rgba(210,102,47,.7);background:linear-gradient(170deg,rgba(210,102,47,.09),#0f0f11 55%)}
.buy3 h3{margin:0;font:800 var(--fs-6)/1.15 var(--f-d);letter-spacing:-.02em;color:#fff}
.buy-p{margin:0;color:var(--muted);font-size:var(--fs-2)}
.buy-p b{display:block;font:500 clamp(28px,3vw,40px)/1.05 var(--f-m);letter-spacing:-.03em;color:var(--fg);margin-bottom:4px}
.buy3 dl{margin:0;display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.buy3 dt{font-size:12px;color:var(--faint-t);margin-bottom:2px}
.buy3 dd{margin:0;font-size:var(--fs-3);line-height:1.5;color:var(--fg)}
.buy-note{margin:16px 0 0;max-width:90ch;font-size:var(--fs-2);line-height:1.55;color:var(--muted)}
.buy-ctas{margin-top:20px}
.tc-stat{margin:0;max-width:70ch;color:var(--muted);font-size:var(--fs-3);line-height:1.55}
@media (max-width:900px){.buy3{grid-template-columns:1fr}}

/* первый экран: что мы продаём (03.10.2026) */
.hero .h1-what{margin:14px 0 0;max-width:54ch;font:400 var(--fs-4)/1.5 var(--f-t);color:#e3e3e6}
.hero .h1-what b{font-weight:700;color:#fff}
.mm-more{margin-left:12px;font:500 var(--fs-2) var(--f-t);color:#9fb5ff;text-decoration:underline;text-underline-offset:3px}
@media (min-width:981px){.m-methods ul{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* страница «Дела и вопросы» (03.10.2026) */
.page-top{padding-bottom:0}
.page-top h1{margin:0 0 12px;font:800 var(--fs-9)/1.05 var(--f-d);letter-spacing:-.03em;max-width:18ch;text-wrap:balance}
.dv-nav{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.pr-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0 0;font-size:var(--fs-3)}

/* ===== отличие RSPR: управление и право вместе (03.10.2026) ===== */
.uniq .sec-head h2{max-width:24ch}
.uq3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);gap:clamp(12px,1.6vw,20px);align-items:stretch}
.uq3 article{display:grid;gap:14px;align-content:start;padding:clamp(20px,2.2vw,28px);border-radius:8px 8px 8px 2px;background:#0f0f11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.uq3 article.hi{background:linear-gradient(165deg,rgba(111,191,142,.12),#0f0f11 60%);box-shadow:inset 0 0 0 1.5px rgba(111,191,142,.7)}
.uq3 h3{margin:0;font:800 var(--fs-6)/1.15 var(--f-d);letter-spacing:-.02em;color:#fff}
.uq3 article.hi h3{color:#6fbf8e}
.uq3 ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.uq3 li{position:relative;padding-left:30px;font-size:var(--fs-3);line-height:1.5;color:var(--fg)}
.uq3 li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%}
.uq3 li.y::before{background:#6fbf8e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%230b0b0c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.uq3 li.n{color:var(--muted)}
.uq3 li.n::before{background:rgba(255,107,91,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.5 6.5l7 7M13.5 6.5l-7 7' fill='none' stroke='%23ff6b5b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:inset 0 0 0 1px rgba(255,107,91,.5)}
.uq-note{margin:18px 0 0;max-width:70ch;font:600 var(--fs-5)/1.45 var(--f-d);letter-spacing:-.01em;color:var(--fg)}
.uniq-in{margin-top:clamp(28px,4vw,52px)}
.uq-h{margin:0 0 18px;max-width:26ch;font:800 var(--fs-7)/1.15 var(--f-d);letter-spacing:-.02em;color:#fff;text-wrap:balance}
@media (max-width:900px){.uq3{grid-template-columns:1fr}}

/* два пакета вместо трёх (03.10.2026, вечер) */
@media (min-width:901px){.buy3.buy2{grid-template-columns:repeat(2,minmax(0,1fr))}.feat-price.fp2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}}

/* ===== таблица сравнения пакетов (03.10.2026) ===== */
.cmp{display:grid;grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr));border-radius:8px 8px 8px 2px;background:#0f0f11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);overflow:hidden}
.cmp-r{display:contents}
.cmp-r>div{display:flex;align-items:center;justify-content:center;padding:14px 16px;border-top:1px solid rgba(255,255,255,.07);font-size:var(--fs-2);color:var(--muted);text-align:center}
.cmp-r>.cmp-l{justify-content:flex-start;text-align:left;font-size:var(--fs-3);line-height:1.4;color:var(--fg)}
.cmp-r>.hi{background:rgba(210,102,47,.07)}
.cmp-h>div{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;padding:22px 16px 20px;border-top:0;text-align:left}
.cmp-h>.cmp-l span{font-size:var(--fs-2);color:var(--muted)}
.cmp-h h3{margin:0 0 6px;font:800 var(--fs-5)/1.15 var(--f-d);letter-spacing:-.02em;color:#fff}
.cmp-h b{font:500 clamp(22px,2.3vw,32px)/1 var(--f-m);letter-spacing:-.03em;color:var(--fg);white-space:nowrap}
.cmp-h .hi b{color:#f08a52}
.cmp-h small{font-size:12px;color:var(--muted)}
.cmp-h em{margin-top:8px;font-style:normal;font-size:var(--fs-2);line-height:1.35;color:var(--fg)}
.cmp i{display:block;width:22px;height:22px;border-radius:50%}
.cmp i.y{background:#6fbf8e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%230b0b0c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.cmp i.n{width:14px;height:2px;border-radius:2px;background:rgba(255,255,255,.22)}
@media (max-width:760px){
  .cmp{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cmp-r>.cmp-l{grid-column:1/-1;padding:12px 14px 4px;border-top:1px solid rgba(255,255,255,.07);font-size:var(--fs-2)}
  .cmp-r>div:not(.cmp-l){border-top:0;padding:6px 6px 12px;font-size:12px}
  .cmp-h>.cmp-l{display:none}
  .cmp-h>div:not(.cmp-l){padding:16px 10px 14px}
  .cmp-h h3{font-size:var(--fs-3)}
  .cmp-h b{font-size:17px;white-space:normal}
  .cmp-h em{font-size:12px}
}
/* страница кейсов: верх */
.page-top h1{margin:0 0 10px}
.pg-lead{margin:0;max-width:60ch;color:var(--muted);font-size:var(--fs-4);line-height:1.55}
.kpi3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:clamp(22px,3vw,36px)}
.kpi3 a{display:grid;gap:8px;align-content:start;padding:clamp(18px,2vw,26px);border-radius:8px 8px 8px 2px;background:#0f0f11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .2s}
.kpi3 a:hover{box-shadow:inset 0 0 0 1px rgba(111,191,142,.6)}
.kpi3 b{font:500 clamp(34px,4.6vw,60px)/1 var(--f-m);letter-spacing:-.04em;color:var(--fg)}
.kpi3 b.ok{color:#6fbf8e}
.kpi3 span{font-size:var(--fs-3);line-height:1.45;color:var(--muted)}
@media (max-width:760px){.kpi3{grid-template-columns:1fr}}
@media (max-width:1240px){.nav a{padding:0 9px}}
.nav a{white-space:nowrap}
.brand span span{white-space:nowrap}

/* ===== внедрение и доплаты — крупно, рядом с таблицей (03.10.2026) ===== */
.cmp-x{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,1.6vw,20px);margin-top:clamp(12px,1.6vw,20px)}
.cmp-x>div{display:grid;gap:4px;align-content:start;padding:clamp(18px,2vw,26px);border-radius:8px 8px 8px 2px;background:#0f0f11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.cmp-x>.cx-main{box-shadow:inset 0 0 0 1px rgba(111,191,142,.5)}
.cmp-x span{font:700 var(--fs-4)/1.2 var(--f-d);color:#fff}
.cmp-x b{font:500 clamp(24px,2.6vw,36px)/1.05 var(--f-m);letter-spacing:-.03em;color:var(--fg);margin-top:6px}
.cmp-x i{font-style:normal;font-size:var(--fs-2);color:var(--muted)}
.cmp-x p{margin:10px 0 0;font-size:var(--fs-2);line-height:1.5;color:var(--muted)}
.cmp-x ul{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.cmp-x li{position:relative;padding-left:16px;font-size:var(--fs-2);line-height:1.45;color:var(--fg)}
.cmp-x li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:2px;background:#6fbf8e}
.cmp-fine{margin:12px 0 0;font-size:12px;color:var(--faint-t)}
@media (max-width:900px){.cmp-x{grid-template-columns:1fr}.cmp-x ul{grid-template-columns:1fr}}
/* ===== ритм страницы: заголовки не только слева ===== */
.sec-head.c{margin-inline:auto;text-align:center;justify-items:center}
.sec-head.c>*{margin-inline:auto}
@media (min-width:901px){.sec-head.r{margin-left:auto;margin-right:0;max-width:680px}}
/* ===== фото-пауза ===== */
.ph-band{position:relative;z-index:6;isolation:isolate;height:clamp(260px,44vw,560px);overflow:hidden;background:#09090a}
.ph-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.ph-band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,10,.55) 0%,rgba(9,9,10,0) 30%,rgba(9,9,10,0) 55%,rgba(9,9,10,.85) 100%)}
.ph-band .wrap{position:relative;z-index:1;height:100%;display:flex;align-items:flex-end;padding-bottom:clamp(18px,3vw,36px)}
.ph-band p{margin:0;max-width:34ch;font:700 var(--fs-6)/1.3 var(--f-d);letter-spacing:-.015em;color:#fff}

/* ===== дорожная карта внедрения (03.10.2026) ===== */
.road{margin-top:clamp(14px,1.8vw,22px);padding:clamp(20px,2.4vw,32px);border-radius:8px 8px 8px 2px;background:#0f0f11;box-shadow:inset 0 0 0 1px rgba(111,191,142,.5)}
.road-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:clamp(18px,2.4vw,30px)}
.road-h h3{margin:0;max-width:26ch;font:800 var(--fs-6)/1.2 var(--f-d);letter-spacing:-.02em;color:#fff}
.road-h p{margin:0;font-size:var(--fs-2);color:var(--muted)}
.road-h p b{display:inline-block;margin-right:8px;font:500 clamp(24px,2.6vw,36px)/1 var(--f-m);letter-spacing:-.03em;color:var(--fg)}
.road-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 clamp(12px,1.6vw,22px);position:relative}
.road-l::before,.road-l::after{content:"";position:absolute;left:0;right:0;top:5px;height:2px;border-radius:2px;background:rgba(255,255,255,.14)}
.road-l::after{background:#6fbf8e;transform:scaleX(0);transform-origin:left;transition:transform 2.6s cubic-bezier(.4,0,.2,1) .2s}
.road.on .road-l::after{transform:none}
.road-l>li{position:relative;padding-top:26px;display:grid;gap:6px;align-content:start;opacity:.25;transform:translateY(8px);transition:opacity .5s,transform .5s;transition-delay:calc(.25s + var(--k) * .5s)}
.road.on .road-l>li{opacity:1;transform:none}
.road-l>li::before{content:"";position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;background:#0f0f11;box-shadow:inset 0 0 0 2px rgba(255,255,255,.3);z-index:1;transition:background .3s,box-shadow .3s;transition-delay:calc(.25s + var(--k) * .5s)}
.road.on .road-l>li::before{background:#6fbf8e;box-shadow:none}
.rd-t{font-size:12px;color:var(--muted)}
.road-l>li>b{font:700 var(--fs-4)/1.25 var(--f-d);color:#fff}
.road-l>li.fin>b{color:#6fbf8e}
.road-l ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}
.road-l ul li{position:relative;padding-left:20px;font-size:var(--fs-2);line-height:1.45;color:var(--fg)}
.road-l ul li::before{content:"";position:absolute;left:0;top:.2em;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5l3 3 6-6.5' fill='none' stroke='%236fbf8e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.cmp-x.cmp-x2{grid-template-columns:1fr 1fr}
@media (max-width:980px){
  .road-l{grid-template-columns:1fr;gap:18px 0;padding-left:4px}
  .road-l::before,.road-l::after{left:5px;right:auto;top:6px;bottom:6px;width:2px;height:auto}
  .road-l::after{transform:scaleY(0);transform-origin:top}
  .road-l>li{padding:0 0 0 30px}
  .cmp-x.cmp-x2{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.road-l::after,.road-l>li,.road-l>li::before{transition:none}}

/* ===== светлая секция (цены): разбивает чёрную страницу ===== */
.sec.lt{position:relative;z-index:6;isolation:isolate;background:#f3f1ec;color:#141416;--fg:#141416;--muted:#5d5d64;--line:rgba(0,0,0,.2);--faint-t:#6b6b72;--accent-text:#b04a16}
.lt .sec-head h2{color:#141416}
.lt .cmp,.lt .cmp-x>div,.lt .road{background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.06)}
.lt .cmp-r>div{border-top-color:rgba(0,0,0,.08)}
.lt .cmp-r>.hi{background:rgba(210,102,47,.09)}
.lt .cmp-h h3,.lt .cmp-x span,.lt .road-h h3,.lt .road-l>li>b{color:#141416}
.lt .cmp-h .hi b{color:#b04a16}
.lt .cmp i.y{background-color:#2f8f7e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.lt .cmp i.n{background:rgba(0,0,0,.2)}
.lt .road{box-shadow:inset 0 0 0 1.5px rgba(47,143,126,.55),0 12px 32px rgba(0,0,0,.06)}
.lt .road-l::before{background:rgba(0,0,0,.12)}
.lt .road-l::after,.lt .road.on .road-l>li::before{background:#2f8f7e}
.lt .road-l>li::before{background:#fff;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}
.lt .road-l>li.fin>b{color:#1f7566}
.lt .road-l ul li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5l3 3 6-6.5' fill='none' stroke='%232f8f7e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.lt .btn.gh{color:#141416;box-shadow:inset 0 0 0 1px rgba(0,0,0,.28)}
.lt .btn.gh:hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,.6)}
.lt :focus-visible{outline-color:#141416}
.ph-band.ph-s img{object-position:50% 45%}

/* ===== светлая секция мягче (03.10.2026): тёплый серый лист на тёмной странице, а не белая полоса во всю ширину ===== */
.sec.lt{background:var(--bg);border-top:0;padding-inline:clamp(8px,1.6vw,24px)}
.sec.lt>.wrap{max-width:1300px;padding-block:clamp(40px,5.5vw,76px);border-radius:28px 28px 28px 8px;background:#e4e0d8;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 40px 120px -40px rgba(210,102,47,.18)}
.lt .cmp,.lt .cmp-x>div,.lt .road{background:#f4f2ed}
#gap .sec-head.c p{margin-inline:auto}
@media (min-width:901px){#cases-deck .sec-head.r{max-width:720px}}

/* ===== страница «Кейсы и FAQ» компактнее (03.10.2026): узкая колонка, дела — строками ===== */
[data-page="dela"] main .wrap,[data-page="dela"] .sec>.wrap{max-width:1040px}
[data-page="dela"] .sec{padding-block:clamp(40px,6vh,72px)}
[data-page="dela"] .page-top{padding-bottom:clamp(20px,3vh,32px)}
[data-page="dela"] .sec-head{margin-bottom:clamp(16px,2.4vh,24px)}
[data-page="dela"] .sec-head h2{font-size:clamp(28px,3.2vw,40px)}
[data-page="dela"] .kpi3{gap:10px;margin-top:clamp(16px,2.4vw,24px)}
[data-page="dela"] .kpi3 a{grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:14px 18px}
[data-page="dela"] .kpi3 b{font-size:clamp(26px,2.8vw,36px)}
[data-page="dela"] .kpi3 span{font-size:var(--fs-2);line-height:1.4}
[data-page="dela"] .dl{grid-template-columns:1fr;gap:10px}
[data-page="dela"] .dl-i summary{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"tag res go" "h res go";align-items:center;gap:6px 22px;padding:16px 20px}
[data-page="dela"] .dl-tag{grid-area:tag}
[data-page="dela"] .dl-i h3{grid-area:h;font-size:var(--fs-5)}
[data-page="dela"] .dl-res{grid-area:res;font-size:12px}
[data-page="dela"] .dl-res b{font-size:clamp(28px,3vw,40px)}
[data-page="dela"] .dl-go{grid-area:go}
[data-page="dela"] .dl-b{padding:0 20px 76px;max-width:760px}
[data-page="dela"] .rc-fig b{font-size:clamp(24px,2.4vw,32px)}
@media (max-width:760px){
  [data-page="dela"] .kpi3 a{grid-template-columns:1fr;gap:4px}
  [data-page="dela"] .dl-i summary{grid-template-columns:1fr auto;grid-template-areas:"tag tag" "h h" "res go";gap:8px 12px;padding:16px}
  [data-page="dela"] .dl-b{padding:0 16px 76px}
}
@media (min-width:761px){[data-page="dela"] .kpi3{grid-template-columns:1fr 1fr 1.45fr}}
[data-page="dela"] .kpi3 b{white-space:nowrap}

/* ===== встреча: видео или офис в «Суперметалле» (03.10.2026) ===== */
.meet-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);align-items:center}
.meet-t h2{margin:0 0 14px;font:800 clamp(28px,3.2vw,42px)/1.12 var(--f-d);letter-spacing:-.025em;max-width:18ch;text-wrap:balance}
.meet-t>p{margin:0;max-width:52ch;color:var(--muted);font-size:var(--fs-4);line-height:1.55}
.meet-o{display:grid;gap:10px;margin-top:clamp(18px,2.4vw,26px)}
.meet-o>div{display:grid;gap:4px;padding:14px 18px;border-radius:8px 8px 8px 2px;background:var(--card);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.meet-o b{font:700 var(--fs-4)/1.25 var(--f-d);color:#fff}
.meet-o span{font-size:var(--fs-2);line-height:1.5;color:var(--muted)}
.meet-a{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:clamp(18px,2.4vw,26px)}
.meet-p{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:4/3.1}
.meet-p figure{margin:0;overflow:hidden;border-radius:8px 8px 8px 2px;background:#141416}
.meet-p img{width:100%;height:100%;object-fit:cover;display:block}
.meet-p .m1{grid-column:1;grid-row:1/3}
.meet-p .m1 img{object-position:50% 60%}
.meet-p .m2{grid-column:2;grid-row:1}
.meet-p .m3{grid-column:2;grid-row:2}
@media (max-width:900px){
  .meet-g{grid-template-columns:1fr}
  .meet-p{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;aspect-ratio:auto}
  .meet-p .m1{grid-column:1/-1;grid-row:1;aspect-ratio:16/10}
  .meet-p .m2,.meet-p .m3{grid-row:2;aspect-ratio:1}
  .meet-p .m2{grid-column:1}.meet-p .m3{grid-column:2}
}
/* выбор формата в форме заявки */
.meet-f{margin:0;padding:0;border:0;min-width:0}
.meet-f legend{padding:0;margin-bottom:6px;font:400 var(--fs-1)/14px var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.meet-r{display:flex;flex-wrap:wrap;gap:8px}
.meet-r label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--fs-3);color:var(--fg);cursor:pointer}
.meet-r label:has(input:checked){box-shadow:inset 0 0 0 1.5px #6fbf8e}
.meet-r input{accent-color:#6fbf8e;margin:0}
.meet-r label:has(input:focus-visible){outline:2px solid #7a9cff;outline-offset:2px}
.form-wrap .meet-f{grid-column:1/-1}
.fld .meet-r label{font:500 var(--fs-3)/1.3 var(--f-t);letter-spacing:0;text-transform:none;color:var(--fg)}

/* встреча: высокое фото переговорной слева, два горизонтальных справа */
.meet-p{grid-template-columns:1fr 1.5fr;aspect-ratio:4/3.2}
.meet-p .m1 img{object-position:60% 55%}
@media (max-width:900px){.meet-p .m1{aspect-ratio:4/5}.meet-p .m1 img{object-position:60% 60%}}

/* ===== Контакты: первый экран — приглашение в офис (03.10.2026) ===== */
.ct-meet{padding-block:clamp(36px,7vh,88px) clamp(40px,7vh,80px)}
.ct-meet .meet-g{align-items:center}
.ct-meet .lbl{display:block;margin-bottom:14px}
.ct-meet h1{margin:0 0 16px;font:800 clamp(36px,4.6vw,64px)/1.04 var(--f-d);letter-spacing:-.035em;max-width:13ch;text-wrap:balance}
.ct-meet .meet-t>p{font-size:var(--fs-4)}
.ct-meet .meet-p{aspect-ratio:4/4.2}
.ct-direct .ct-grid{margin-top:0}
.ct-direct .ct-quote{margin-top:clamp(32px,5vh,56px)}
@media (max-width:900px){
  .ct-meet .meet-p{order:-1;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;height:clamp(220px,62vw,380px);aspect-ratio:auto}
  .ct-meet .meet-p .m1{grid-column:1;grid-row:1/3;aspect-ratio:auto}
  .ct-meet .meet-p .m2,.ct-meet .meet-p .m3{grid-column:2;aspect-ratio:auto}
  .ct-meet .meet-p .m2{grid-row:1}.ct-meet .meet-p .m3{grid-row:2}
}

/* ===== карточка офиса рядом с формой заявки (03.10.2026) ===== */
.form-wrap{grid-template-rows:auto 1fr}
.form-wrap>.intro{grid-column:1;grid-row:1}
.form-wrap>form{grid-column:2;grid-row:1/3}
.of-card{grid-column:1;grid-row:2;align-self:end;position:relative;margin:0;overflow:hidden;border-radius:8px 8px 8px 2px;aspect-ratio:4/4.4;max-height:520px;background:#141416;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 80px -30px rgba(210,102,47,.35)}
.of-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 58%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.of-card:hover img{transform:scale(1.04)}
.of-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,10,0) 45%,rgba(9,9,10,.88) 100%);pointer-events:none}
.of-card figcaption{position:absolute;left:0;right:0;bottom:0;z-index:1;display:grid;gap:4px;padding:clamp(16px,2vw,24px)}
.of-card b{font:800 var(--fs-5)/1.2 var(--f-d);letter-spacing:-.02em;color:#fff}
.of-card span{font-size:var(--fs-2);color:#d6d6db}
.of-card a{justify-self:start;margin-top:6px;font-size:var(--fs-2);color:#fff}
@media (max-width:980px){
  .form-wrap{grid-template-rows:none}
  .form-wrap>.intro,.form-wrap>form,.of-card{grid-column:auto;grid-row:auto}
  .of-card{aspect-ratio:16/11;max-height:none;margin-top:8px}
}
@media (prefers-reduced-motion:reduce){.of-card img{transition:none}}

/* ===== галерея офиса: фото открываются крупно (03.10.2026) ===== */
.gal-t{cursor:zoom-in}
.gal-t:focus-visible{outline:2px solid #7a9cff;outline-offset:3px}
.meet-p .gal-t img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.meet-p .gal-t:hover img{transform:scale(1.04)}
.gal-all{background:none;border:0;padding:0;font:inherit;font-size:var(--fs-3);color:var(--fg);cursor:pointer}
html.gal-on{overflow:hidden}
.gal{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(6,6,7,.94);color:#fff}
.gal::backdrop{background:rgba(6,6,7,.6)}
.gal figure{margin:0;height:100%;display:grid;grid-template-rows:1fr auto;place-items:center;padding:clamp(12px,3vw,40px) clamp(12px,6vw,96px) 12px}
.gal img{max-width:100%;max-height:calc(100dvh - 90px);object-fit:contain;border-radius:10px}
.gal figcaption{display:flex;gap:16px;align-items:baseline;justify-content:center;padding:10px 0 4px;font-size:var(--fs-2);color:#d6d6db;text-align:center}
.gal-n{color:#9a9aa2}
.gal button{position:absolute;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font:400 30px/1 var(--f-t);cursor:pointer}
.gal button:hover{background:rgba(255,255,255,.2)}
.gal button:focus-visible{outline:2px solid #7a9cff;outline-offset:2px}
.gal-x{top:14px;right:14px}
.gal-p{left:14px;top:50%;transform:translateY(-50%)}
.gal-f{right:14px;top:50%;transform:translateY(-50%)}
@media (max-width:760px){.gal-p,.gal-f{top:auto;bottom:12px;transform:none}.gal figure{padding-bottom:70px}}
.gal-n{white-space:nowrap}
[data-gal-cycle] img{transition:opacity .5s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
[data-gal-cycle] img.cy-out{opacity:0}
.road-h .road-n{flex-basis:100%;margin:0;font-size:var(--fs-2);color:var(--fg)}

/* ===== оффер запуска (04.10.2026) ===== */
.offer{display:grid;gap:clamp(16px,2vw,24px);margin-top:clamp(14px,1.8vw,22px);padding:clamp(22px,2.8vw,36px);border-radius:8px 8px 8px 2px;background:#0f0f11;box-shadow:inset 0 0 0 1.5px rgba(210,102,47,.7),0 30px 80px -40px rgba(210,102,47,.45)}
.of-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 32px}
.of-h h3{margin:0;max-width:30ch;font:800 clamp(22px,2.3vw,32px)/1.18 var(--f-d);letter-spacing:-.025em;color:#fff;text-wrap:balance}
.of-h p{margin:0;display:grid;justify-items:end;gap:2px;text-align:right}
.of-h p span{font-size:var(--fs-2);color:var(--muted)}
.of-h p b{font:500 clamp(28px,3vw,42px)/1 var(--f-m);letter-spacing:-.03em;color:#f08a52;white-space:nowrap}
.of-h p i{font-style:normal;font-size:12px;color:var(--muted)}
.of-3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.of-3 li{display:grid;gap:6px;align-content:start;padding:16px 18px;border-radius:8px 8px 8px 2px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.of-3 b{font:700 var(--fs-4)/1.25 var(--f-d);color:#fff}
.of-3 span{font-size:var(--fs-2);line-height:1.5;color:var(--muted)}
.offer .btn{justify-self:start}
.lt .offer{background:#fff;box-shadow:inset 0 0 0 1.5px rgba(176,74,22,.55),0 24px 60px -30px rgba(176,74,22,.35)}
.lt .of-h h3,.lt .of-3 b{color:#141416}
.lt .of-h p b{color:#b04a16}
.lt .of-3 li{background:#f4f2ed;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.rp-connect .offer{margin:0 0 clamp(20px,2.6vw,32px)}
@media (max-width:760px){
  .of-h p{justify-items:start;text-align:left}
  .of-3{grid-template-columns:1fr}
  .offer .btn{justify-self:stretch;text-align:center}
}

/* ===== образец «как в кабинете» (07.10.2026): рамка с засечками, цвета по ролям, моно-подписи. Только .cab; ?old — прежний вид ===== */
.cab{--k-ink:#141210;--k-ink2:#55504a;--k-ink3:#6a655e;--k-line:rgba(20,18,15,.12);--k-strong:rgba(20,18,15,.42);--k-clay:#b4501d;--k-hard:#1c3fa8;--k-grass:#2e6b3f;--k-surface:#fbfaf7;--k-surface2:#f1efe9}
.cab .cmp,.cab .offer,.cab .road,.cab .cmp-x>div{position:relative;border-radius:8px 8px 8px 2px;background:var(--k-surface);box-shadow:inset 0 0 0 1px var(--k-strong),0 18px 40px -28px rgba(20,18,15,.35)}
.cab .cmp::before,.cab .offer::before,.cab .road::before,.cab .cmp-x>div::before,
.cab .cmp::after,.cab .offer::after,.cab .road::after,.cab .cmp-x>div::after{content:"";position:absolute;left:0;width:26px;height:26px;pointer-events:none;z-index:2}
.cab .cmp::before,.cab .offer::before,.cab .road::before,.cab .cmp-x>div::before{top:0;border-top:1.5px solid var(--k-ink);border-left:1.5px solid var(--k-ink);border-top-left-radius:8px}
.cab .cmp::after,.cab .offer::after,.cab .road::after,.cab .cmp-x>div::after{bottom:0;border-bottom:1.5px solid var(--k-clay);border-left:1.5px solid var(--k-clay);border-bottom-left-radius:2px}
/* оранжевый — только действие: цены и рамки чернилами */
.cab .cmp-h .hi b,.cab .of-h p b,.cab .cmp-h b,.cab .cmp-x b{color:var(--k-ink)}
.cab .cmp-r>.hi{background:rgba(20,18,15,.035)}
.cab .cmp-r>div{border-top-color:var(--k-line)}
/* «входит» и «работает» — трава */
.cab .cmp i.y{background-color:var(--k-grass)}
.cab .road-l::after,.cab .road.on .road-l>li::before{background:var(--k-grass)}
.cab .road-l>li.fin>b{color:var(--k-grass)}
.cab .road-l ul li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5l3 3 6-6.5' fill='none' stroke='%232e6b3f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* данные — моноширинным, статус — квадратиком */
.cab .rd-t,.cab .cmp-h small,.cab .cmp-x i,.cab .of-h p span,.cab .of-h p i,.cab .cmp-h>.cmp-l span{font:500 11px/1.35 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--k-ink3)}
.cab .rd-t{display:inline-flex;align-items:center;gap:7px}
.cab .rd-t::before{content:"";width:6px;height:6px;background:var(--k-ink3)}
.cab .road-l>li.fin .rd-t{color:var(--k-grass)}.cab .road-l>li.fin .rd-t::before{background:var(--k-grass)}
/* плашки оффера — как строки кабинета */
.cab .of-3 li{border-radius:6px 6px 6px 2px;background:var(--k-surface2);box-shadow:inset 0 0 0 1px var(--k-line)}
/* кнопки — как в кабинете: прямоугольник со скруглением 5 px */
.cab .btn{border-radius:5px;min-height:44px}
.cab .btn.gh{box-shadow:inset 0 0 0 1px var(--k-strong)}
/* ссылки на документы и право — хард */
.cab a.u{color:var(--k-hard)}