@font-face{font-family:'VTB Group UI';font-weight:400;src:url(fonts/VTBGroupUI-Regular.woff2) format('woff2')}
@font-face{font-family:'VTB Group UI';font-weight:500;src:url(fonts/VTBGroupUI-Medium.woff2) format('woff2')}
@font-face{font-family:'VTB Group UI';font-weight:600;src:url(fonts/VTBGroupUI-SemiBold.woff2) format('woff2')}
@font-face{font-family:'VTB Group UI';font-weight:700;src:url(fonts/VTBGroupUI-Bold.woff2) format('woff2')}
:root{--navy:#002882;--blue:#0142D3;--btn:#0062FF;--sky:#6FA3FF;--bg1:#EDF5FF;--bg2:#D6E4FE;--card:#F3F4F6;--line:#D5D8DE;
  --t1:#22242B;--t2:#35383F;--t3:#7A7E89;--ok:#1BA049;--okbg:#EAFCF1;--warn:#FF5C22;--warnbg:#FFF1E5;--bad:#D92020;--badbg:#FFEFEF;--law:#A71212}
*{box-sizing:border-box}
html,body{margin:0;background:#F5F7FA;color:var(--t1);font-family:'VTB Group UI',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button{font-family:inherit;cursor:pointer}
input,textarea,select{font-family:inherit}
a{color:var(--btn)}

/* шапка */
.top{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);height:68px;display:flex;align-items:center;gap:24px;padding:0 28px}
.top .logo{height:24px}
.top .name{font-size:20px;font-weight:600;color:var(--navy);white-space:nowrap}
.demo{font-size:13px;font-weight:600;color:var(--warn);background:var(--warnbg);border-radius:6px;padding:3px 8px}
.tabs{display:flex;gap:6px;margin-left:12px}
.tab{position:relative;height:38px;padding:0 22px;border:none;background:var(--bg1);color:#5A7BD8;font-size:16px;font-weight:500;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.tab.on{background:linear-gradient(90deg,#2476FE,#435CFF);color:#fff;font-weight:600}
.top .sp{flex:1}
.ghost{height:36px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 14px;font-size:14px;color:var(--t2)}
.ghost:hover{border-color:var(--blue);color:var(--blue)}

.page{max-width:1480px;margin:0 auto;padding:24px 28px 48px}
.h1{font-size:28px;line-height:34px;font-weight:600;color:var(--navy);margin:0 0 6px}
.lead{font-size:16px;line-height:22px;color:var(--t3);margin:0 0 20px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.card h3{margin:0 0 14px;font-size:18px;font-weight:600;color:var(--navy)}
.muted{color:var(--t3)}
.small{font-size:13px;line-height:18px}
.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;background:var(--bg1);color:var(--navy);font-size:13px;font-weight:500;margin:0 6px 6px 0}
.badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}
.b0{background:var(--okbg);color:#137a37}.b1{background:var(--bg1);color:var(--blue)}.b2{background:var(--warnbg);color:#c2410c}.blaw{background:var(--badbg);color:var(--law)}
.bsilent{background:#F1F3F6;color:var(--t2)}.bactive{background:var(--okbg);color:#137a37}.brolled{background:var(--badbg);color:var(--bad)}
.btn{height:44px;border:none;border-radius:12px;background:var(--btn);color:#fff;font-size:15px;font-weight:600;padding:0 18px}
.btn:hover{filter:brightness(1.06)}
.btn.sec{background:#fff;color:var(--btn);border:1.5px solid var(--btn)}
.btn.dark{background:var(--navy)}
.btn.okb{background:var(--ok)}
.btn.badb{background:#fff;color:var(--bad);border:1.5px solid var(--bad)}
.btn:disabled{opacity:.45;cursor:default;filter:none}
.row{display:flex;gap:10px;flex-wrap:wrap}

/* клиент */
.client{display:grid;grid-template-columns:330px 410px 1fr;gap:24px;align-items:start}
.preset{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:8px}
.preset b{display:block;font-size:15px;font-weight:600;color:var(--t1)}
.preset span{display:block;font-size:13px;color:var(--t3);margin-top:2px}
.preset.on{border-color:var(--blue);background:var(--bg1)}
.sw{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #EEF0F3;font-size:14px}
.sw:last-child{border-bottom:none}
.tg{position:relative;width:40px;height:24px;flex:0 0 40px}
.tg input{display:none}
.tg i{position:absolute;inset:0;background:#C9CED6;border-radius:12px;transition:.2s}
.tg i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}
.tg input:checked+i{background:var(--blue)}
.tg input:checked+i:after{left:19px}
.lawtag{font-size:11px;font-weight:600;color:var(--law);background:var(--badbg);border-radius:5px;padding:1px 6px;margin-left:6px}

/* телефон: ВТБ Онлайн (по скриншотам приложения, ноябрь 2026) */
.phone{width:410px;height:840px;border-radius:60px;background:#0B0D12;padding:13px;box-shadow:0 30px 60px rgba(0,30,110,.25),inset 0 0 0 2px #2A3040,inset 0 0 0 6px #0B0D12,inset 0 0 0 7px #1C2130}
.screen{--vb:#3A73F6;--vbt:#2F66E8;--vt:#17181C;--vt2:#6E6F75;--vg:#F5F5F7;--vtile:#F2F2F4;--vline:#ECEDF0;--vlb:#EAF0FE;--ok2:#1E9E5A;
  position:relative;width:100%;height:100%;border-radius:47px;background:var(--vg);overflow:hidden;color:var(--vt);font-size:15px}
.notch{position:absolute;left:50%;top:11px;width:112px;height:32px;margin-left:-56px;background:#000;border-radius:20px;z-index:7}
.status{position:absolute;left:0;right:0;top:0;height:50px;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:4px 28px 0 42px;font-size:16px;font-weight:600;color:var(--vt);pointer-events:none;transition:background .2s,color .2s}
.status .si{display:flex;gap:6px;align-items:center}
.status svg{fill:currentColor}
.m-hero .status,.m-full .status{color:#fff}
.m-hero.scrolled .status{background:#fff;color:var(--vt)}
.m-full.scrolled .status{background:rgba(33,66,200,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.scr{position:absolute;inset:0;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:none}
.scr::-webkit-scrollbar{display:none}
.stk{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;align-items:center;gap:10px;background:#fff;padding:52px 16px 12px;border-radius:0 0 24px 24px;box-shadow:0 4px 14px rgba(20,30,60,.06);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s,transform .2s}
.m-hero.scrolled .stk{opacity:1;transform:none;pointer-events:auto}
.stk .stt{font-size:21px;font-weight:600}
.sp{flex:1}
.grow{flex:1}

/* hero: градиент как на главной и в «Платежах» */
.hero,.pg.full{color:#fff;background:
  radial-gradient(38% 26% at 88% 30%,rgba(82,170,220,.95),rgba(82,170,220,0)),
  radial-gradient(46% 24% at 58% 16%,rgba(78,142,240,.9),rgba(78,142,240,0)),
  radial-gradient(34% 20% at 10% 21%,rgba(72,120,214,.85),rgba(72,120,214,0)),
  radial-gradient(56% 34% at 42% 42%,rgba(40,54,150,.95),rgba(40,54,150,0)),
  radial-gradient(44% 30% at 96% 76%,rgba(64,118,170,.9),rgba(64,118,170,0)),
  linear-gradient(180deg,#2C3FAA 0%,#2A43B4 32%,#2148EB 64%,#2758DE 100%)}
.hero{padding:54px 18px 48px;flex:0 0 auto}
.h-top{display:flex;align-items:center;gap:10px;height:36px}
.ava,.hsq{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;flex:0 0 34px}
.ava.g,.hsq.g{background:var(--vtile)}
.hsq.g{background:#F6F2FC}
.h-name{font-size:13px;font-weight:600}
.hic{display:flex;margin-left:4px}
.acc{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:15.5px}
.amt{display:flex;align-items:center;gap:12px;font-size:31px;line-height:38px;font-weight:600;margin-top:2px;letter-spacing:-.2px}
.chips{display:flex;gap:8px;margin-top:14px}
.cchip{height:38px;border-radius:12px;background:rgba(255,255,255,.17);display:flex;align-items:center;gap:9px;padding:0 13px 0 8px;font-size:15.5px;font-weight:500}
.cchip.plus{width:38px;padding:0;justify-content:center}
.mcard{position:relative;display:block;width:30px;height:20px;border-radius:4px;background:linear-gradient(135deg,#3C4159,#0E1018);overflow:hidden;font-style:normal;flex:0 0 30px}
.mcard:before{content:"";position:absolute;left:6px;top:-4px;width:4px;height:28px;background:rgba(255,255,255,.85);transform:skewX(-28deg)}
.mcard b{position:absolute;right:3px;bottom:2px;font-size:6px;line-height:6px;font-weight:700;color:#fff;letter-spacing:.02em}
.mcard.lg{width:42px;height:28px;flex-basis:42px;border-radius:6px}
.mcard.lg:before{left:8px;width:5px;height:40px}
.mcard.lg b{font-size:7.5px;line-height:8px;right:4px;bottom:3px}
.gg{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:50px 50px;gap:8px;margin-top:18px}
.gl{border:none;background:rgba(255,255,255,.15);color:#fff;border-radius:16px;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:15px;font-weight:500;text-align:left;white-space:nowrap}
.gl.tall{white-space:normal}
.gl svg,.bn svg,.lrow .gt,.op .av{flex:0 0 auto}
.gl.tall{grid-row:span 2;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:14px 16px 16px;line-height:20px}
.gl.promo{background:linear-gradient(90deg,#F1A8F8 0%,#E86FE0 52%,#CC4EDB 100%)}
.bn{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;border:none;background:rgba(255,255,255,.15);color:#fff;border-radius:16px;padding:14px 16px 13px;text-align:left;min-height:108px}
.bn-t{flex:1;display:block}
.bn b{display:block;font-size:18px;line-height:23px;font-weight:500}
.bn-t>span{display:block;font-size:13px;line-height:17px;opacity:.8;margin-top:2px}
.bn u{display:block;text-decoration:none;font-size:14px;margin-top:18px;opacity:.92}
.bn.call{background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6);animation:pulse 1.6s infinite}
.bn-code{font-size:30px;font-weight:600;letter-spacing:.16em}
.dots{display:flex;justify-content:center;gap:5px;margin-top:12px}
.dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.35)}
.dots i.on{background:#fff}
.h-title{display:flex;align-items:center;gap:16px;height:40px;font-size:22px;font-weight:600}
.hs{display:flex;gap:8px;margin:18px -18px 0;padding:0 18px;overflow-x:auto;scrollbar-width:none}
.hs::-webkit-scrollbar{display:none}
.gc{flex:0 0 126px;height:128px;border:none;border-radius:16px;background:rgba(255,255,255,.15);color:#fff;padding:11px 12px 12px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;font-size:14.5px;line-height:18px;font-weight:500}
.gq{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.gs{background:rgba(255,255,255,.15);border-radius:16px;padding:14px 14px 13px}
.gs b{display:block;font-size:19px;line-height:24px;font-weight:600}
.gs span{display:block;font-size:13px;line-height:16px;opacity:.85;margin-top:6px}

/* белые листы на сером фоне */
.sheet,.sec{background:#fff;border-radius:26px;margin-top:8px;padding:20px 18px 18px;flex:0 0 auto}
.hero+.sheet{margin-top:-28px;position:relative}
.sh{display:flex;align-items:center;gap:8px;font-size:21px;line-height:26px;font-weight:600;margin-bottom:16px}
.sh .caret{margin-top:2px}
.qa{display:grid;grid-template-columns:repeat(4,1fr);margin:0 -12px}
.qa button{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12.5px;line-height:15px;color:var(--vt);padding:0;font-weight:400}
.qa svg{height:34px}
.srch{width:100%;height:46px;border:1.5px solid #E3E4E8;background:#fff;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:16px;color:#8A8B90;text-align:left;margin-bottom:18px}
.srch>span{flex:1}
.srch.s{height:38px;border-radius:12px;color:var(--vt);font-size:15.5px;margin:0;flex:1;padding:0 10px}
.t4{display:grid;grid-template-columns:repeat(4,1fr);margin:0 -8px}
.t4 button{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;line-height:15px;color:var(--vt);padding:0 2px}
.gt{width:42px;height:42px;border-radius:12px;background:var(--vtile);display:flex;align-items:center;justify-content:center;flex:0 0 42px;font-style:normal}
.p2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.p2 button{border:none;background:#E9EFFC;border-radius:16px;height:52px;text-align:left;padding:0 14px;font-size:13px;line-height:16px;color:var(--vt)}
.lrow{display:flex;align-items:center;gap:14px;width:100%;border:none;background:none;padding:6px 0;font-size:16px;color:var(--vt);text-align:left}
.fl{display:flex;align-items:center;gap:16px}
.fchip{height:34px;border-radius:12px;background:var(--vtile);padding:0 14px;display:flex;align-items:center;font-size:15.5px;font-weight:500}
.hero+.sheet .fl{margin:-4px 0 -2px}
.dt{font-size:14px;color:var(--vt2);margin-bottom:8px}
.op{display:flex;align-items:center;gap:12px;padding:7px 0}
.av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:17px;flex:0 0 42px}
.op-t{flex:1;min-width:0}
.op-t b{display:block;font-size:16px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-t span{display:block;font-size:13.5px;line-height:17px;color:var(--vt2);margin-top:1px}
.op-t span.okt{color:var(--ok2)}
.op-a{font-size:16px;font-weight:500;white-space:nowrap}
.op-a.hold{color:var(--vt2)}
.empty-s{font-size:14px;color:var(--vt2);padding:4px 0 2px}
.navpad{height:96px;flex:0 0 96px}

/* плавающий таб-бар */
#pnav{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;z-index:5;pointer-events:none}
.tb{pointer-events:auto;width:318px;height:62px;border-radius:22px;background:linear-gradient(90deg,#19256A 0%,#1B347E 36%,#1C3079 64%,#1A2667 100%);box-shadow:0 10px 26px rgba(12,24,80,.35);display:grid;grid-template-columns:repeat(5,1fr);padding:0 4px}
.tb button{position:relative;border:none;background:none;color:#9DABD8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;line-height:12px;font-weight:500;padding:0}
.tb button.on{color:#fff;font-weight:600}
.tb em{position:absolute;top:6px;left:calc(50% + 4px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#C8283F;color:#fff;font-style:normal;font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px #1C3079}

/* внутренние экраны */
.pg{flex:1 0 auto;display:flex;flex-direction:column;padding:52px 16px 22px;background:var(--vg)}
.pg.white{background:#fff}
.nb{display:flex;align-items:center;gap:12px;min-height:44px;margin:0 0 12px;font-size:18px;line-height:22px;font-weight:600}
.bk{width:36px;height:36px;border-radius:12px;border:none;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 36px;padding:0}
.pg.white .bk{background:var(--vtile)}
.from{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 14px;margin-bottom:10px}
.from-t{flex:1}
.from-t b{display:block;font-size:15.5px;font-weight:500}
.from-t span{display:block;font-size:13.5px;color:var(--vt2)}
.fld{display:block;background:#fff;border:1.5px solid #E3E4E8;border-radius:16px;padding:9px 14px 8px;margin-bottom:10px}
.fld>span:first-child{display:block;font-size:12.5px;line-height:16px;color:var(--vt2)}
.fld input{width:100%;min-width:0;border:none;outline:none;background:transparent;font-size:17px;line-height:24px;color:var(--vt);padding:0}
.fld input:disabled{-webkit-text-fill-color:var(--vt);opacity:1}
.fld .fv{display:flex;align-items:center;gap:8px}
.fld.big input{font-size:26px;line-height:34px;font-weight:600}
.fld.big em{font-style:normal;font-size:26px;font-weight:600;color:var(--vt2)}
.fld:focus-within{border-color:var(--vb)}
.fnote{font-size:13.5px;color:var(--vt2);margin:0 4px}
.card2{background:#fff;border-radius:20px;padding:14px 16px;margin-bottom:10px}
.rcp{display:flex;align-items:center;gap:12px}
.rcp b{display:block;font-size:17px;font-weight:600}
.rcp span span{display:block;font-size:13.5px;color:var(--vt2)}
.rows>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:15px;border-bottom:1px solid var(--vline)}
.rows>div:last-child{border:none}
.rows span{color:var(--vt2)}
.rows b{font-weight:500;text-align:right}
.rows.v>div{display:block}
.rows.v span{display:block;font-size:13px;margin-bottom:2px}
.rows.v b{display:block;text-align:left;font-size:15px;line-height:20px}
.hint{background:var(--vlb);border-radius:16px;padding:12px 14px;font-size:14px;line-height:19px;color:#1B2B5E;display:flex;gap:10px;margin-bottom:8px}
.hint svg,.warnbox svg,.rulebox svg{flex:0 0 20px}
.pbtn{width:100%;height:50px;border:none;border-radius:14px;background:var(--vb);color:#fff;font-size:16.5px;font-weight:500;margin-top:8px;flex:0 0 auto}
.pbtn.sec{background:var(--vlb);color:var(--vbt);font-weight:600}
.pbtn.wh{background:#fff;color:#1F45D6;font-weight:600}
.pbtn.gls{background:rgba(255,255,255,.18);color:#fff}
.pbtn:disabled{opacity:.4}
.lnk{border:none;background:none;color:var(--vbt);font-size:15px;font-weight:600;margin-top:12px;padding:4px}
.lnk.wl{color:rgba(255,255,255,.85);font-weight:500}
.lnk:disabled{opacity:.45}
.rhead{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 0 14px}
.rhead b{font-size:24px;line-height:30px;font-weight:600}
.rh-s{font-size:14px;color:var(--vt2);margin-top:2px}
.ric{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex:0 0 auto}
.rhead .ric{width:72px;height:72px;margin-bottom:10px}
.res{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 10px}
.res h2{font-size:23px;line-height:28px;font-weight:600;margin:0 0 8px}
.res p{font-size:15px;line-height:21px;color:var(--vt2);margin:0 0 8px}
.res p.small{font-size:13.5px;line-height:19px}
.codebox{font-size:40px;line-height:48px;font-weight:600;letter-spacing:.24em;padding:8px 14px 8px 24px;background:var(--vlb);border-radius:16px;color:var(--vt);margin:6px 0 12px}
.lead-s{font-size:14px;line-height:19px;color:var(--vt2);margin:0 4px 12px}
.list2{padding:4px 14px}
.cat{display:flex;align-items:center;gap:12px;width:100%;border:none;background:none;padding:9px 0;font-size:15px;line-height:19px;color:var(--vt);text-align:left;border-bottom:1px solid var(--vline)}
.cat:last-child{border:none}
.cat>span{flex:1}
.cat em{width:22px;height:22px;border-radius:50%;border:2px solid #C9CBD1;flex:0 0 22px;transition:border .15s}
.cat.on em{border:7px solid var(--vb)}
.face{width:170px;height:170px;border-radius:50%;margin:44px auto 24px;border:3px dashed var(--vb);display:flex;align-items:center;justify-content:center;animation:spin 3s linear infinite}
.face-t{text-align:center;font-size:15px;line-height:21px;color:var(--vt2);margin:0 20px}
@keyframes spin{to{transform:rotate(360deg)}}

/* пауза: экран уровня 2 на градиенте hero */
.pg.full{padding-top:50px}
.nbc{text-align:center;font-size:15px;font-weight:500;opacity:.85;height:30px;line-height:30px}
.orb{width:92px;height:92px;border-radius:50%;margin:12px auto 6px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(255,255,255,.17);box-shadow:0 0 0 14px rgba(255,255,255,.07),0 0 0 30px rgba(255,255,255,.04)}
.st-title{font-size:24px;line-height:29px;font-weight:600;text-align:center;margin:20px 0 4px}
.st-sub{font-size:14px;text-align:center;opacity:.85;margin-bottom:14px}
.glass{background:rgba(255,255,255,.14);border-radius:16px;padding:12px 14px}
.noticed{font-size:14px;line-height:19px}
.noticed .gl-h{font-size:12.5px;opacity:.75;margin-bottom:4px}
.noticed>div+div{display:flex;gap:8px;padding:3px 0}
.q{margin:14px 0 8px;font-size:16px;font-weight:600}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opt{border:none;background:rgba(255,255,255,.14);color:#fff;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:17px;text-align:left;min-height:46px}
.opt.on{background:#fff;color:#1F3FBF;font-weight:600}
.warnbox,.rulebox{display:flex;gap:10px;background:#fff;color:var(--vt);border-radius:14px;padding:11px 12px;font-size:13.5px;line-height:18px;margin-top:10px}
.timer{font-size:13.5px;text-align:center;opacity:.85;margin-top:12px}
.code{font-size:30px;font-weight:700;letter-spacing:.32em;color:#fff}
@keyframes pulse{0%,100%{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6),0 0 0 0 rgba(255,255,255,.45)}50%{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6),0 0 0 8px rgba(255,255,255,0)}}


.decision .lv{font-size:44px;font-weight:700;color:var(--blue);line-height:48px}
.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #EEF0F3;font-size:14px}
.kv:last-child{border:none}
.jr{font-size:13px;line-height:18px;padding:8px 0;border-bottom:1px solid #EEF0F3}
.jr b{font-weight:600;color:var(--navy)}
.ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.ladder div{border-radius:12px;padding:10px;background:var(--card);font-size:12px;line-height:16px;color:var(--t3)}
.ladder div b{display:block;font-size:20px;color:var(--t2)}
.ladder div.on{background:var(--blue);color:#fff}.ladder div.on b{color:#fff}
.ladder div.law.on{background:var(--law)}

/* оператор и аналитик */
.two{display:grid;grid-template-columns:420px 1fr;gap:24px;align-items:start}
.item{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;margin-bottom:10px;cursor:pointer}
.item.on{border-color:var(--blue);box-shadow:0 0 0 2px var(--bg2)}
.item .t{display:flex;justify-content:space-between;gap:8px;align-items:center}
.item b{font-size:16px}
.script{background:var(--bg1);border-radius:14px;padding:14px 16px;font-size:15px;line-height:21px;color:var(--navy)}
.calln{display:flex;align-items:center;gap:14px;background:#0B1A55;color:#fff;border-radius:14px;padding:12px 16px;margin-top:12px}
.empty{padding:40px 10px;text-align:center;color:var(--t3);font-size:15px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stat{background:var(--card);border-radius:12px;padding:12px}
.stat b{display:block;font-size:26px;color:var(--blue)}
.stat span{font-size:13px;color:var(--t3)}
textarea{width:100%;min-height:70px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px;line-height:19px;resize:vertical}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;font-size:12px;color:var(--t3);font-weight:600;padding:8px 8px 8px 0;border-bottom:1px solid var(--line)}
td{padding:10px 8px 10px 0;border-bottom:1px solid #EEF0F3;vertical-align:top}
.spike{background:var(--badbg);color:var(--bad)}
.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:#fff;border-radius:12px;padding:12px 18px;font-size:14px;z-index:50;box-shadow:0 10px 30px rgba(0,30,110,.3)}
.foot{max-width:1480px;margin:0 auto;padding:0 28px 30px;font-size:12px;color:var(--t3)}
@media (max-width:1300px){.client{grid-template-columns:300px 410px}.client>.side{grid-column:1/-1}.two{grid-template-columns:1fr}}
@media (max-width:760px){.client{grid-template-columns:minmax(0,1fr)}.client>.phone{order:-1}.phone{margin:0 auto;transform:none}.tabs{overflow-x:auto;margin-left:0;min-width:0}.top{gap:10px;padding:0 12px}.top .name,.demo{display:none}
  .page{padding:16px 12px 32px}.h1{font-size:23px;line-height:28px}.lead{font-size:14.5px;line-height:20px}.foot{padding:0 12px 24px}.ghost{padding:0 10px;font-size:13px;white-space:nowrap}.tab{padding:0 16px;font-size:15px;white-space:nowrap}.ladder{grid-template-columns:repeat(2,1fr)}}
@media (max-width:440px){.phone{width:100%;height:calc(100svh - 84px);min-height:640px;max-height:860px;padding:8px;border-radius:50px}.screen{border-radius:42px}.notch{top:9px}}