/* Интерактивные виджеты. Размеры — в пикселях макета 1440 (секции масштабируются целиком). */

/* ---------- видео ---------- */
.video-embed{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;background:#000;display:none}
.video-embed iframe,.video-embed video{width:100%;height:100%;border:0;display:block;background:#000;object-fit:contain}
.video-wait{position:absolute;left:0;right:0;bottom:56px;text-align:center;z-index:6;font:500 14px/1.4 Onest,sans-serif;color:#B9BEC7;display:none}
.is-playing .video-embed{display:block}

/* ---------- опрос систем ---------- */
.vtabs{position:absolute;display:block}
.vtab{position:absolute;top:0;width:234px;height:90px;border-radius:10px;background:#fff;border:2px solid var(--red);padding:20px;text-align:left;
  display:flex;flex-direction:column;gap:6px;transition:background .3s,border-color .3s}
.vtab .vn{font:700 11px/11px Inter,sans-serif;letter-spacing:.88px;color:#979797;transition:color .3s}
.vtab .vt{display:block;margin-top:0;font:500 17px/20.4px Manrope,sans-serif;color:#646464;transition:color .3s}
.vtab .vs{display:block;margin-top:5px;font:600 10px/10px Onest,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#979797;transition:color .3s}
.vtab.on{background:var(--red);border-width:0}
.vtab.on .vn{color:#F6F4F4}.vtab.on .vt{color:#F4F5F7}.vtab.on .vs{color:#FBDFDF}
.sview{position:absolute;overflow:hidden;border-radius:20px;background:#fff}
.sview .poster{position:absolute;inset:0}
.sview iframe{position:absolute;left:0;top:0;width:720px;height:720px;border:0;visibility:hidden}
.sview.ready iframe{visibility:visible}
.sview.owner-on{width:1248px!important}
.owner-mode .tiles{visibility:hidden}
.sview .owner{position:absolute;inset:0;z-index:3;display:none;flex-direction:column;background:#fff}
.sview.owner-on .owner{display:flex;animation:rise .3s ease both}
.owner .bar{flex:none;height:40px;display:flex;align-items:center;gap:8px;padding:0 14px;background:#F4F5F7;border-bottom:1px solid #E1E4EA}
.owner .bar i{width:10px;height:10px;border-radius:50%;background:#D6DAE1}
.owner .bar span{margin-left:10px;flex:1;height:24px;border-radius:6px;background:#fff;border:1px solid #E1E4EA;font:12px/22px Onest,sans-serif;color:#5A606B;padding:0 10px}
.owner .shot{flex:1;min-height:0;overflow:hidden;background:#F4F5F7}
.owner .shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.owner .foot{flex:none;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 24px;height:96px;border-top:1px solid #E1E4EA;background:#fff}
.owner .foot b{font:500 20px/1.2 Manrope,sans-serif;color:#14171C}
.owner .foot span{font:13px/1.45 Onest,sans-serif;color:#3A3F47}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tile{position:absolute;width:252px;height:106px;border-radius:6px;background:#F4F5F7;text-align:left;border:1px solid transparent;transition:background .2s,border-color .2s,box-shadow .2s}
.tile .tt{position:absolute;left:16px;top:16px;width:220px;font:500 15px/18px Onest,sans-serif;color:var(--ink)}
.tile .tb{position:absolute;left:16px;right:16px;bottom:16px;height:24px;display:flex;justify-content:space-between;align-items:center}
.tile .tb b{font:400 12px/12px Onest,sans-serif;color:#5A606B;text-align:right}
.chip-s{display:inline-flex;align-items:center;justify-content:center;width:74px;height:24px;border-radius:24px;font:600 10px/10px Manrope,sans-serif;text-transform:uppercase;background:#FBDFDF;color:var(--red);border:1px solid #FBDFDF}
.chip-s.inc{background:var(--red);color:#F4F5F7;border-color:var(--red)}
.tile:hover{background:#ECEEF2}
.tile.on{background:#fff;border-color:#EDEDED;box-shadow:0 0 0 3px rgba(193,19,43,.14)}
.tiles.has-sel .tile:not(.on){opacity:.55}

/* ---------- карта объектов ---------- */
.mchips{position:absolute;display:flex;flex-direction:column;gap:10px}
.mrow{display:flex;gap:10px}
.mchip{display:inline-flex;align-items:center;gap:17px;height:40px;padding:0 20px;border-radius:100px;background:#fff;box-shadow:inset 0 0 0 1px #979797;color:var(--ink);white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}
.mchip span{font:500 13px/13px Onest,sans-serif}
.mchip b{font:700 11px/11px Inter,sans-serif;color:#8A909B;transition:color .25s}
.mchip.on{background:var(--red);color:#fff;box-shadow:none}
.mchip.on b{color:#fff}
.mapwrap{position:absolute;left:91px;top:633px;width:1262px;height:721px;border-radius:20px;overflow:hidden;background:#E9ECF1;isolation:isolate}
#map{position:absolute;inset:0}
.leaflet-container{font-family:Onest,sans-serif}
.leaflet-tile-pane{filter:saturate(.45) brightness(1.04)}   /* приглушаем цветную подложку под палитру сайта */
.leaflet-control-attribution{font:10px/1.4 Onest,sans-serif;color:#5A606B;background:rgba(244,245,247,.85)!important}
.leaflet-bar a{color:var(--ink);border-bottom-color:#E1E4EA}
.leaflet-marker-icon{transition:opacity .3s ease}
.leaflet-marker-icon.dim{opacity:.16;pointer-events:none}
.pin{position:relative;width:28px;height:30px;cursor:pointer}
.pin .pc{position:absolute;left:0;top:0;width:28px;height:30px;display:flex;align-items:flex-end;justify-content:center;font:400 27px/27px 'Noto Sans Symbols 2','Onest',sans-serif;color:var(--red);-webkit-text-stroke:2.6px #fff;paint-order:stroke fill;transform-origin:50% 100%;transition:transform .18s ease;text-shadow:0 2px 3px rgba(20,23,28,.35)}
.pin::after{content:"";position:absolute;left:3px;bottom:-2px;width:22px;height:7px;border-radius:50%;background:rgba(193,19,43,.28);opacity:0;transform:scale(.5);transition:all .25s ease}
.pin.on .pc{transform:scale(1.28) translateY(-2px)}
.pin.on::after{opacity:1;transform:scale(1)}
.pin .lbl{position:absolute;left:30px;top:7px;white-space:nowrap;font:600 11px/1.4 Onest,sans-serif;color:var(--ink);background:rgba(255,255,255,.92);padding:1px 7px;border-radius:3px;box-shadow:0 1px 4px rgba(20,23,28,.15);opacity:0;pointer-events:none;transition:opacity .18s}
.pin.on .lbl{opacity:1}
.ocard{position:absolute;left:990.5px;top:661.6px;width:340px;background:#FCFCFC;border-radius:10px;box-shadow:0 14px 40px rgba(20,23,28,.14);overflow:hidden;z-index:5}
.ocard .ph{position:relative;height:234px;background:#E9ECF1}
.ocard .ph img{display:block;width:100%;height:100%;object-fit:cover}
.ocard .ph .tag{position:absolute;left:25px;top:26px;display:inline-flex;align-items:center;height:24px;padding:0 15px;border-radius:100px;background:rgba(0,0,0,.25);color:#fff;font:500 10px/13px Manrope,sans-serif;text-transform:uppercase;}
.ocard .bd{padding:19px 25px 20px}
.ocard h3{margin:0;font:700 18px/25px Manrope,sans-serif;color:#000}
.ocard .ad{margin-top:11px;font:400 12px/13px Manrope,sans-serif;color:#000}
.ocard .rw{display:flex;gap:3px;margin-top:11px}
.ocard .pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:100px;font:500 10px/13px Onest,sans-serif;background:#F4F5F7;color:#585050}
.ocard .pill.red{background:var(--red);color:#fff}
.ocard .pill.amber{background:#FBDFDF;color:var(--red)}
.ocard .sys{display:flex;flex-wrap:wrap;gap:6px 5px;margin-top:11px}
.ocard .sys span{display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 10px 0 8px;border-radius:6px;background:#EAEAEA;font:500 9px/13px Onest,sans-serif;color:#646464;white-space:nowrap}
.ocard .sys i{width:8px;height:8px;border-radius:50%;box-sizing:border-box}
.ocard .sys i.ok{background:#48509A}.ocard .sys i.part{box-shadow:inset 0 0 0 2px var(--red)}.ocard .sys i.down{background:var(--red)}
.ocard .ft{display:flex;justify-content:space-between;align-items:center;margin-top:11px;padding-top:11px;border-top:1px solid #C9CDD5}
.ocard .ft span{font:400 10.65px/15px Manrope,sans-serif;color:#979797}
.ocard .ft b{font:400 14px/19px Manrope,sans-serif;color:var(--red)}
.glass2{background:rgba(246,246,246,.88)!important}

/* ---------- возможности ---------- */
.ftabs{position:absolute}
.ftab{position:absolute;top:0;height:90px;border-radius:10px;background:#fff;border:0;box-shadow:inset 0 0 0 2px var(--red);padding:22px 22px 22px;text-align:left;display:flex;flex-direction:column;gap:22px;transition:background .3s}
.ftab .vn{font:700 11px/11px Inter,sans-serif;letter-spacing:.88px;color:#979797;transition:color .3s}
.ftab .vt{font:500 17px/20.4px Manrope,sans-serif;color:#646464;transition:color .3s}
.ftab.on{background:var(--red);box-shadow:none;padding:20px}   /* рамка — тенью, а не border: при масштабе страницы нижняя грань border попадала между пикселей и обрезалась */
.ftab.on .vn{color:#F6F4F4}.ftab.on .vt{color:#F4F5F7}

/* ---------- оборудование ---------- */
.echips{position:absolute}
.erow{position:absolute;left:0;display:flex;gap:4px}
.echip{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 20px;border-radius:100px;background:#fff;box-shadow:inset 0 0 0 1px #979797;color:#363636;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}
.echip span{font:500 13px/13px Onest,sans-serif}
.echip b{font:700 11px/11px Inter,sans-serif;color:#979797;transition:color .25s}
.echip.on{background:var(--red);color:#fff;box-shadow:none}
.echip.on b{color:#fff}
.bcard{transition:box-shadow .25s}
.bcard.dim{opacity:.22}
.bcard:hover{box-shadow:0 14px 30px rgba(20,23,28,.12)}
.bcard.sel .tl:last-child{color:var(--red)!important}

/* ---------- калькулятор стоимости ---------- */
.calc{display:grid;grid-template-columns:761px 485px;column-gap:20px;align-items:start;font-family:Onest,sans-serif;color:var(--ink)}
.calc button{text-align:left}
.calc .cl{display:flex;flex-direction:column;gap:20px;min-width:0}
.cbase{position:relative;background:#F4F5F7;border:1px solid #EAEAEA;border-radius:20px;padding:25.7px 27px 30px}
.chd{display:flex;align-items:flex-start;gap:24px;height:48px}
.chd .num{flex:none;width:66px;font:600 60px/46px Manrope,sans-serif;color:#D6DAE1;margin-top:1px;letter-spacing:0}
.chd .vl{flex:none;width:1px;height:41.4px;margin-top:3.3px;background:#C9CDD5}
.chd .ttl{flex:1;position:relative;height:46px;margin-top:1px}
.chd .ttl b{position:absolute;left:0;top:0;font:600 12.64px/16px Onest,sans-serif;letter-spacing:1.517px;text-transform:uppercase;color:#14171C;white-space:nowrap}
.chd .ttl span{position:absolute;left:0;top:31.2px;font:400 12.64px/16px Onest,sans-serif;color:#5A606B;white-space:nowrap}
.chd .ttl span.bold{font-weight:700}
.chd .amt{position:absolute;right:0;top:0;font:600 16px/20px Onest,sans-serif;white-space:nowrap}
.cbase .chd{position:relative}
.cbase .tg{position:absolute;left:46.5px;top:106px;display:flex;align-items:center;gap:7.8px;font:400 12.64px/16px Onest,sans-serif;color:#5A606B}
.cbase .tg i{font-style:normal;font-size:8.75px;transition:transform .25s}
.cbase.closed .tg i{transform:rotate(-90deg)}
.crows{margin:16.6px 0 0 114px;width:582px;overflow:hidden;transition:max-height .35s ease;display:flex;flex-direction:column;gap:5px}
.cbase.closed .crows{max-height:0!important;margin-top:0}
.cbase.closed{padding-bottom:50px}
.crow{position:relative;display:flex;justify-content:space-between;gap:140px;padding-top:12px;border-bottom:1px solid rgba(0,0,0,.15)}
.crow .l{width:324px;display:flex;flex-direction:column;gap:10px;padding-bottom:12px}
.crow .l b{font:600 12px/15px Onest,sans-serif;color:#14171C}
.crow .l span{font:400 10px/13px Onest,sans-serif;color:#5A606B;white-space:pre-line}
.crow .r{flex:none;width:118px;text-align:right;font:600 16px/20px Onest,sans-serif;white-space:nowrap}
.cstep{position:absolute;left:303.7px;top:12px;display:flex;align-items:center;gap:18px;height:36.4px;padding:0 14px;border-radius:5.1px;background:#D6DAE1;font:600 13.6px/17px Onest,sans-serif}
.cstep button{width:auto;min-width:8px;font:inherit;color:#000;text-align:center}
.cstep i{width:1px;height:34.8px;background:#F4F5F7}
.cstep input{width:27px;border:0;background:none;font:inherit;text-align:center;padding:0;color:#000;outline:0;-moz-appearance:textfield}
.cstep input::-webkit-outer-spin-button,.cstep input::-webkit-inner-spin-button{-webkit-appearance:none}
.chead2{background:#F4F5F7;border:1px solid #E1E4EA;border-radius:7.8px;padding:26px 20.4px 26px;position:relative;height:100px}
.chead2 .chd .num{width:74px}
.chead2 .chd{gap:20px}
.chead2 .rs{position:absolute;right:14px;top:26px;font:400 12.64px/16px Onest,sans-serif;color:#5A606B;transition:color .2s}
.chead2 .rs:hover{color:var(--red)}
.ctiles{margin-left:3px;width:757px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7.3px}
.ct{background:#F4F5F7;border:1px solid #E1E4EA;padding:12.74px;text-align:left;cursor:pointer;transition:background .2s,border-color .2s;display:flex;flex-direction:column}
.ct .hd{display:flex;flex-direction:column;gap:3.6px;padding:1px 0.9px 0}
.ct .cb{flex:none;box-sizing:border-box;width:17px;height:17px;background:#fff;border:1px solid #9AA0AA;display:flex;align-items:center;justify-content:center;font:400 10px/10px Onest,sans-serif;color:#F4F5F7}
.ct .nm{padding-top:6.7px;min-height:44.8px;font:500 13.65px/17.06px Onest,sans-serif;color:#585050}
.ct .pr{font:400 10.9px/14px Onest,sans-serif;color:#5A606B}
.ct .sp{margin-top:10.9px}
.ct .hint{font:400 10px/13px Onest,sans-serif;color:#8A909B}
.ct .stp{display:none;height:32.76px;margin-bottom:5.5px;background:#fff;border:.91px solid #C9CDD5;align-items:center}
.ct .stp button{flex:none;width:29.1px;height:29.1px;text-align:center;font:500 14.5px/29px Onest,sans-serif;color:#585050}
.ct .stp input{flex:1;min-width:0;height:30.9px;border:0;border-left:.91px solid #E1E4EA;border-right:.91px solid #E1E4EA;background:none;text-align:center;font:500 12.74px/16px Onest,sans-serif;color:#585050;outline:0;-moz-appearance:textfield}
.ct .stp input::-webkit-outer-spin-button,.ct .stp input::-webkit-inner-spin-button{-webkit-appearance:none}
.ct.on{background:#fff;border-color:#585050}
.ct.on .cb{background:var(--red);border-color:var(--red)}
.ct.on .stp{display:flex}
.ct.on .hint{color:#5A606B}
.ct.on .hint.extra{color:var(--red)}
.ct:not(.on):hover{background:#EEF0F3}
.cr{display:flex;flex-direction:column;gap:20px}
.ctotal{background:#14171C;border-radius:6px;padding:31.1px;color:#F4F5F7}
.ctotal .t1{display:flex;justify-content:space-between;font:600 11.67px/15px Onest,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#B9BEC7}
.ctotal .t1 em{font-style:normal;font-weight:400;letter-spacing:0;text-transform:none}
.ctotal .big{margin-top:9.7px;padding-top:7.8px;font:400 54.46px/55px Manrope,sans-serif;white-space:nowrap}
.ctotal .sub{margin-top:10px;font:400 13.6px/17px Onest,sans-serif;color:#B9BEC7}
.ctotal .ln{margin-top:20px;padding-top:20.4px;border-top:1px solid rgba(244,245,247,.14);display:flex;flex-direction:column;gap:11.7px}
.ctotal .ln div{display:flex;justify-content:space-between;font:400 13.6px/17px Onest,sans-serif}
.ctotal .ln div span{color:#B9BEC7}
.ctotal .chs{margin-top:20px;display:flex;flex-wrap:wrap;gap:5.8px 5.2px}
.ctotal .chs span{padding:4.9px 8.75px;background:rgba(244,245,247,.08);color:#E4E7EC;font:400 11.67px/15px Onest,sans-serif;border-radius:2px}
.ctotal .go{display:flex;align-items:center;justify-content:center;margin-top:10px;height:46px;border-radius:6px;background:var(--red);color:#fff;font:600 13.6px/16.3px Onest,sans-serif;transition:background .25s}
.creg{display:flex;align-items:center;gap:13.6px;height:100px;padding:16.5px 20.4px;background:#F4F5F7;border:1px solid #E1E4EA}
.creg i{flex:none;width:7.8px;height:7.8px;background:var(--red)}
.creg span{font:400 16px/19px Onest,sans-serif;color:#14171C}
.crules{background:#F4F5F7;border:1px solid #E1E4EA;border-radius:7.8px;padding:35.7px 30px 30px}
.crules .h{border-top:1px solid #14171C;padding-top:15.6px;height:34.5px;font:600 11.67px/15px Onest,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#14171C}
.crules .it{border-bottom:1px solid #E1E4EA}
.crules .bt{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13.6px 0;height:47.5px}
.crules .bt .a{display:flex;gap:9.7px;align-items:center}
.crules .bt .a em{font:500 11.67px/12px Inter,sans-serif;font-style:normal;color:var(--red)}
.crules .bt .a b{font:500 14.59px/19px Onest,sans-serif;color:#14171C}
.crules .bt .sg{font:500 15.56px/20px Onest,sans-serif;color:#5A606B}
.crules .bd{overflow:hidden;max-height:0;transition:max-height .35s ease}
.crules .bd p{margin:0;padding:0 0 18px;font:400 13.6px/21.1px Onest,sans-serif;color:#3A3F47}
.crules .it.open .bd{max-height:220px}
.crules .note{padding-top:13.6px;font:400 11.67px/17.5px Onest,sans-serif;color:#5A606B}

/* ---------- команда ---------- */
.grid>.n{pointer-events:auto}
.ttabs{position:absolute}
.ttab{position:absolute;top:0;width:181px;height:90px;border-radius:10px;background:#34373C;border:2px solid #34373C;padding:20px 20px 15px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:background .3s,border-color .3s}
.ttab .vn{font:700 11px/11px Inter,sans-serif;letter-spacing:.88px;color:#979797}
.ttab .vt{font:500 17px/20.4px Manrope,sans-serif;color:#fff}
.ttab.on{background:var(--red);border-width:0;padding:20px 20px 17px}
.ttab.on .vn{color:#F6F4F4}
.tview{position:absolute;left:92px;top:473px;width:1263px;height:521px;overflow:hidden}
.ttrack{position:absolute;left:0;top:0;height:521px;display:flex;gap:9px;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.tcard{flex:none;width:415px;height:521px;background:#fff;border:1px solid #E1E4EA;box-shadow:0 4px 28.8px 4px rgba(0,0,0,.1);display:flex;flex-direction:column}
.tcard .ph{flex:none;height:309px;background:#E9ECF1;position:relative;overflow:hidden}
.tcard .ph img{width:100%;height:100%;object-fit:cover;display:block}
.tcard .bd{padding:20px 22px 0;display:flex;flex-direction:column;flex:1}
.tcard h4{margin:0;font:400 20px/25px Manrope,sans-serif;color:#14171C}
.tcard .rl{margin-top:8px;font:600 12px/15px Onest,sans-serif;letter-spacing:.477px;text-transform:uppercase;color:var(--red)}
.tcard .tx{margin-top:12px;font:400 14px/21px Onest,sans-serif;color:#3A3F47}
.tcard .ach{margin-top:auto;padding:15px 0 20px;border-top:1px solid #E1E4EA;display:flex;gap:6px;flex-wrap:nowrap}
.slot{position:relative;flex:none;width:35px;height:35px;cursor:pointer}
.slot .n{left:0;top:0}
.slot .patch{display:none;position:absolute;inset:-2px -1px -2px;border-radius:8px 8px 13px 13px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,rgba(255,255,255,0) 1px 3px),#1A1E25;box-shadow:0 0 0 2px #5A606B,0 4px 10px rgba(20,23,28,.28);outline:1px dashed rgba(244,245,247,.35);outline-offset:-3px;align-items:center;justify-content:center;font:400 20px/1 'Noto Sans Symbols 2',sans-serif;color:#E2B45A;text-shadow:0 1px 0 rgba(0,0,0,.6);transition:transform .3s}
.slot.earned .patch{display:flex}.slot.earned .n{visibility:hidden}
.slot.earned:hover .patch{transform:translateY(-2px) rotate(-3deg)}
.slot.queen .patch{background:repeating-linear-gradient(135deg,rgba(255,255,255,.09) 0 1px,rgba(255,255,255,0) 1px 3px),#C1132B;box-shadow:0 0 0 2px #E2B45A,0 4px 10px rgba(20,23,28,.28)}
.tarrows{position:absolute;left:1262px;top:1044px;display:flex;gap:12px}
.tarr{width:40px;height:40px;border-radius:50%;border:1px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .25s,background .25s}
.tarr svg{width:24px;height:24px}
.tarr:disabled{opacity:.4;cursor:default}
.ttip{position:absolute;display:none;z-index:20;background:#fff;border-radius:6px;box-shadow:0 4px 22px rgba(0,0,0,.25);padding:20px;color:#000}
.ttip.on{display:block}
.ttip::after{content:"";position:absolute;left:var(--ax,46px);width:24px;height:12px;background:#fff;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 -2px 3px rgba(0,0,0,.08))}
.ttip.up::after{bottom:-11px;transform:rotate(180deg)}
.ttip.down::after{top:-11px}
.ttip h6{margin:0;font:500 19.96px/20px Onest,sans-serif;color:#000}
.ttip p{margin:0;font:400 10px/15px Onest,sans-serif;color:#979797}
.ttip.legend{width:352px}
.ttip.legend .sl{display:flex;gap:6.5px;margin-top:18px}
.ttip.legend .sl span{width:43.3px;height:43.3px;border-radius:12px;border:1.08px dashed var(--red);display:flex;align-items:center;justify-content:center;font:400 22px/1 'Noto Sans Symbols 2',sans-serif;color:#000}
.ttip.legend .nm{display:flex;gap:6.5px;margin-top:8px;padding-bottom:18px;border-bottom:1px solid #E9E9E9}
.ttip.legend .nm span{width:43.3px;text-align:center;font:400 8.66px/9px Onest,sans-serif;color:#979797}
.ttip.legend p{margin-top:17px}
.ttip.slotip{width:291px}
.ttip.slotip .hd{display:flex;align-items:center;gap:15px}
.ttip.slotip .hd i{font:400 20px/1 'Noto Sans Symbols 2',sans-serif;font-style:normal;color:var(--red)}
.ttip.slotip p{margin-top:12px}

/* ---------- партнёры: бегущая строка ---------- */
.mq{left:0;top:283px;width:1440px;height:70px;overflow:hidden}
.mqt{display:flex;gap:16px;width:max-content;align-items:center;height:70px;animation:mq 42s linear infinite;will-change:transform}
.mq:hover .mqt{animation-play-state:paused}
.mlogo{position:relative;flex:none}
.mlogo .n{position:absolute}
@keyframes mq{to{transform:translateX(-25%)}}
@media (prefers-reduced-motion:reduce){.mqt{animation:none}}
.sec a.btn-link{cursor:pointer;background:none!important;background-color:#C1132B!important;transition:background-color .25s}
.sec a.btn-link:hover{background-color:#A70017!important}
.clink:hover .tl{color:var(--red)!important}
.reqcopy{cursor:pointer}
.reqcopy:hover .tl{color:var(--red)!important}
.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,20px);padding:12px 20px;border-radius:100px;background:#14171C;color:#fff;font:500 14px/1.2 Onest,sans-serif;opacity:0;pointer-events:none;transition:all .3s;z-index:200}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- страница документов ---------- */
.dacc{position:absolute;left:88px;top:492px;width:450px}
.dacc .dh{display:flex;align-items:center;height:52px;background:#14171C;padding:0 16px;gap:29px;color:#F4F5F7}
.dacc .dh span{font:500 12.5px/13px Onest,sans-serif}

.dacc .dh b{margin-left:auto;font:700 10.6px/11px Inter,sans-serif;color:#8A909B;padding-right:0}
.dacc .fl{background:#fff;border-bottom:1px solid #EAEAEA}
.dacc .fl.cur{background:#F6F4F4}
.dacc .fh{width:100%;display:flex;gap:20px;padding:15.4px;text-align:left;min-height:88px;align-items:flex-start}
.dacc .ic{position:relative;flex:none;width:27px;height:27px;background:#14171C;color:#fff;display:flex;align-items:center;justify-content:center;font:400 17px/1 'Noto Sans Symbols 2',sans-serif;transition:background .25s}
.dacc .fl.cur .ic{background:var(--red)}
.dacc .ft{flex:1;min-width:0;padding-top:0}
.dacc .ft b{display:block;font:500 12.5px/18.2px Onest,sans-serif;color:#14171C}
.dacc .ft span{display:block;margin-top:2px;font:400 10.6px/15.4px Onest,sans-serif;color:#8A909B}
.dacc .cn{flex:none;display:flex;gap:7px;align-items:center;font:700 10.6px/11px Inter,sans-serif;color:#8A909B;padding-top:2px}
.dacc .cn i{font:400 8.7px/1 Onest,sans-serif;font-style:normal;transition:transform .25s;display:inline-block}
.dacc .fl.open .cn i{transform:rotate(180deg)}
.dacc .rows{overflow:hidden;max-height:0;transition:max-height .4s ease}
.dacc .rw{width:100%;display:flex;align-items:flex-start;gap:20px;padding:15.4px 17px 15.4px 64px;text-align:left;border-top:1px solid #EAEAEA;background:#fff;color:#14171C;transition:background .2s}
.dacc .rw span.t{flex:1;font:500 12.5px/18.2px Onest,sans-serif}
.dacc .rw em{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:45px;height:17px;padding:0 8px;border-radius:20px;border:1px solid var(--red);color:var(--red);font:400 10px/17px Manrope,sans-serif;font-style:normal}
.dacc .rw:hover{background:#F6F4F4}
.dacc .rw.on{background:#14171C;color:#fff;border-top-color:#14171C}
.dacc .rw.on em{background:var(--red);color:#fff}
.dacc .rw small{display:block;font:400 10.6px/15px Onest,sans-serif;color:#8A909B;margin-top:3px}
.dacc .rw.on small{color:#9DA3AD}
.dprev{position:absolute;left:548px;top:491px;width:798px;background:#fff;border:1px solid #E1E4EA;box-shadow:0 23px 58px rgba(20,23,28,.1)}
.dprev .ph{display:flex;align-items:center;justify-content:space-between;height:69px;padding:0 19px;border-bottom:1px solid #E1E4EA}
.dprev .ph b{display:block;font:500 14.5px/19.5px Onest,sans-serif;color:#14171C}
.dprev .ph span{display:block;margin-top:3.9px;font:400 11.6px/16.2px Onest,sans-serif;color:#8A909B}
.dprev .ph em{font:700 10.6px/11px Inter,sans-serif;font-style:normal;color:#8A909B}
.dprev .ph a{display:none;height:30px;min-width:84px;padding:0 18px;border-radius:6px;border:1px solid var(--red);color:var(--red);font:700 12px/28px Manrope,sans-serif;text-align:center;transition:background .2s,color .2s}
.dprev.has .ph a{display:block}.dprev.has .ph em{display:none}
.dprev .pb{position:relative;height:436px;padding:40px;background:linear-gradient(#F6F4F4,#DDDCDC);overflow:hidden;transition:height .3s}
.dprev.has .pb{height:632px}
.dprev .empty{position:absolute;inset:0}
.dprev.has .empty{display:none}
.dprev .papers{position:absolute;left:243.8px;top:38.6px;width:308px;height:241px}
.dprev .etx{position:absolute;left:214.9px;top:305.7px;width:366px;text-align:center}
.dprev .etx b{display:block;font:400 21.2px/26.5px Manrope,sans-serif;color:#14171C}
.dprev .etx span{display:block;margin-top:8px;font:400 12.5px/18.8px Onest,sans-serif;color:#5A606B}
.dprev .doc{display:none;position:absolute;left:114.5px;top:37.8px;width:567px;height:556px;background:#fff;padding:60px;flex-direction:column}
.dprev.has .doc{display:flex}
.dprev .doc .r1{display:flex;justify-content:space-between;font:700 10px/14px Inter,sans-serif;color:#DDDCDC}
.dprev .doc h5{margin:40px 0 0;font:400 24px/26px Manrope,sans-serif;color:#000}
.dprev .doc .sb{margin-top:10px;font:700 10.6px/11px Inter,sans-serif;color:#979797}
.dprev .doc hr{margin:24px 0 0;border:0;height:2px;background:var(--red);width:444px}
.dprev .doc .ln{margin-top:24px;display:flex;flex-direction:column;gap:12px}
.dprev .doc .ln i{display:block;height:9.3px;border-radius:5px;background:#EAEAEA}
.mlogo.wh{filter:brightness(0) invert(1)}
.ct.on .cb::after{content:"✓"}

/* ---------- наведение: у всех кнопок как у главной — фон становится темнее ---------- */
.sec .video-play:hover,.vtab.on:hover,.ftab.on:hover,.ttab.on:hover,.mchip.on:hover,.echip.on:hover,.ctotal .go:hover{background:#A70017!important}
.sec .video-play:hover{box-shadow:none!important}
.vtab:not(.on):hover,.ftab:not(.on):hover,.mchip:not(.on):hover,.echip:not(.on):hover,.sec .ecta:hover,.sec .ecta:hover .n,.dprev .ph a:hover{background:#EDEFF3!important;color:inherit}
.dprev .ph a:hover{color:var(--red)}
.sec .tleg:hover,.sec .tleg[aria-expanded=true]{background:#1D2128!important;box-shadow:none}
.tarr:hover:not(:disabled){background:rgba(255,255,255,.18)}
.hdr a.logo:hover .glass,.hdr a.phone:hover .glass{background:rgba(210,210,210,.45)!important}
.hdr a.logo:hover .logo-pl{background:rgba(193,19,43,.2)!important}
.sec button.n:hover,.sec a.btn-link:hover{cursor:pointer}
.sview.ready .poster{display:none}

.chip-s.ok{background:#EAECEF;color:#5A606B;border-color:#EAECEF}

.dprev .doc.frame{left:40px;top:40px;width:716px;height:552px;padding:0;box-shadow:0 14px 40px rgba(20,23,28,.14)}
.dprev .doc.frame iframe{width:100%;height:100%;border:0;background:#fff;display:block}
.dprev .doc.frame img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}
.dprev .doc .ld{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#fff;font:500 13px/18px Onest,sans-serif;color:#8A909B;transition:opacity .25s}
.dprev .doc.frame .ld{display:flex}.dprev .doc.frame.ready .ld{opacity:0;pointer-events:none}
.dprev .doc .ld i{width:34px;height:34px;border-radius:50%;border:3px solid #E1E4EA;border-top-color:var(--red);animation:dspin .8s linear infinite}
@keyframes dspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.dprev .doc .ld i{animation-duration:2.4s}}

.dacc .dh .lg{position:relative;flex:none;width:35px;height:22px}
.dacc .dh .lg>.n{left:0!important;top:0!important}
.dacc .ic>.n{left:0!important;top:0!important;background:transparent!important}

/* кнопка «Что означают нашивки»: значок и подпись — по центру кнопки; рамка тенью, а не svg-прямоугольником
   (у svg при масштабе страницы правая грань обрезалась) */
.sec button.tleg{display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:inset 0 0 0 1px #fff}
.sec .tleg>svg.sv{display:none}
.sec .tleg>.n{position:relative!important;left:auto!important;top:auto!important;flex:none}
.sec .tleg:hover,.sec .tleg[aria-expanded=true]{box-shadow:none}

/* чипы систем в «Интеграциях» начинаются ровно на линии сетки (542,16 px), а не левее неё */
.sec .echips{left:542.16px!important;width:815px!important}