/* KAR SYSTEM — объёмная система первого экрана (взрыв-схема панели). Все правила внутри .sys3d */
.sys3d{position:fixed;inset:0;perspective:2600px;pointer-events:none;z-index:5;opacity:0}
.sys3d .cam{position:absolute;left:0;top:0;transform-style:preserve-3d}
.sys3d .world{position:absolute;left:0;top:0;transform-style:preserve-3d}
.sys3d .w{position:absolute;left:0;top:0;transform-style:preserve-3d}
/* уровень = секция панели в объёме */
.sys3d .face{position:absolute;inset:0;border-radius:var(--r,16px);overflow:hidden;box-sizing:border-box; background:linear-gradient(180deg,#373334,#2D2A2B);border:1px solid rgba(255,255,255,.07); box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(121,239,179,var(--hi,0)),0 0 calc(var(--hi,0)*30px) rgba(121,239,179,calc(var(--hi,0)*.45))}
.sys3d .co .face{background:linear-gradient(180deg,#2B2829,#242122)}
/* KAR — база полностью в фирменном зелёном; в финале — тёмная плашка бренда, как в панели */
.sys3d .kar .face{background:#79EFB3;border:0;box-shadow:0 0 calc(30px + var(--core,0)*70px) rgba(121,239,179,calc((.25 + var(--core,0)*.5)*var(--gl,1)))}
.sys3d .kar .face .dark{position:absolute;inset:0;background:linear-gradient(180deg,#1D1A1B,#211E1F);box-shadow:inset 0 2px 6px rgba(0,0,0,.55);opacity:0}
/* WORKVISION — световая труба без дна; в финале проявляется кнопка */
.sys3d .wv .face{background:none;border:0;box-shadow:none;overflow:visible}
.sys3d .wv .face .btnbg{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#373334,#2D2A2B);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);opacity:0}
.sys3d .face .mintfill{position:absolute;inset:0;background:linear-gradient(180deg,#96F7C6,#6FE7AA);opacity:0}
.sys3d .face svg.gfx{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sys3d .face .name{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--pb,0px);box-sizing:border-box; font:600 var(--fs,17px) var(--f-text);letter-spacing:.14em;color:var(--c,#B1B4BC);white-space:nowrap}
.sys3d .face .name i{font-style:normal;padding:6px 12px;border-radius:8px;background:rgba(34,31,32,var(--chip,.9)); text-shadow:0 0 calc(var(--lit,0)*12px) rgba(121,239,179,calc(var(--lit,0)*.9))}
.sys3d .wv .face .name i{border:1px solid rgba(121,239,179,calc((.25 + var(--lit,0)*.6)*var(--chip,1)));background:rgba(29,26,27,var(--chip,.95))}
.sys3d .face .logo{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--pb,0px);box-sizing:border-box}
.sys3d .side{position:absolute;background:#1A1718;border:1px solid rgba(255,255,255,.05);box-sizing:border-box}
.sys3d .kar .side{background:#4FC48B;border-color:rgba(255,255,255,.15)}
.sys3d .anchor{position:absolute;width:1px;height:1px}
.sys3d .body{border-radius:30px;background:linear-gradient(180deg,#302C2D,#262324);border:1px solid rgba(255,255,255,.05); box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 28px 60px -24px rgba(0,0,0,.7);box-sizing:border-box}
.sys3d .well{border-radius:21px;background:linear-gradient(180deg,#262324,#2A2728);box-shadow:inset 0 2px 7px rgba(0,0,0,.5)}
/* связи и импульсы: снизу вверх, от KAR */
.sys3d .riser{width:2px;background:linear-gradient(rgba(121,239,179,.5),rgba(230,227,224,.14));transform-origin:0 0}
.sys3d .spark{position:absolute;left:-2px;width:6px;height:40px;border-radius:3px;background:linear-gradient(rgba(218,248,208,0),#DAF8D0 45%,#79EFB3); box-shadow:0 0 14px 3px rgba(121,239,179,.7)}
.sys3d .dotn{width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#221F20;border:1.5px solid rgba(230,227,224,.55);box-sizing:border-box}
/* пояснения (плоские, поверх сцены) */
.sys3d-labels{position:fixed;inset:0;pointer-events:none;z-index:6}
.sys3d-labels .lab{position:absolute;display:flex;align-items:center;gap:10px;white-space:nowrap}
.sys3d-labels .lab .ln{height:1px;background:linear-gradient(90deg,rgba(230,227,224,.15),rgba(230,227,224,.5))}
.sys3d-labels .lab .mk{width:17px;height:17px;flex:0 0 17px;margin-left:-8px;overflow:visible}
.sys3d-labels .lab .tx b,.sys3d-labels .lab .tx span{display:block}
.sys3d-labels .lab .tx{display:flex;flex-direction:column;gap:5px}
.sys3d-labels .lab b{font:600 12px var(--f-text);letter-spacing:.16em;color:#E6E3E0;transition:color .3s}
.sys3d-labels .lab span{font:500 14px var(--f-text);color:#B1B4BC}
.sys3d-labels .lab.on b{color:#79EFB3}
.sys3d-labels .lab{opacity:0}
.sys3d .face .palefill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#E8FCE2,#D3F5C7);box-shadow:inset 0 1px 0 rgba(255,255,255,.75);opacity:0}
/* ядро KAR SYSTEM: логотип в рамке из углов знака, углы «дышат» */
.sys3d-labels .core{position:relative;display:inline-flex;align-items:center;padding:10px 16px;margin:-6px 0 4px -4px}
.sys3d-labels .core-logo svg{display:block;filter:drop-shadow(0 0 10px rgba(121,239,179,.45))}
.sys3d-labels .cc{position:absolute;width:14px;height:14px;overflow:visible}
.sys3d-labels .cc path{fill:#79EFB3}
.sys3d-labels .cc-tl{left:0;top:0;animation:ccTL 2.4s ease-in-out infinite}
.sys3d-labels .cc-br{right:0;bottom:0;animation:ccBR 2.4s ease-in-out infinite}
@keyframes ccTL{0%,100%{transform:translate(0,0);opacity:1}50%{transform:translate(-4px,-4px);opacity:.55}}
@keyframes ccBR{0%,100%{transform:translate(0,0);opacity:1}50%{transform:translate(4px,4px);opacity:.55}}
.sys3d-labels .lab.k-kar .nt{color:#E6E3E0}
/* AI-помощники: значок «AI» в кольце с бегущим штрихом */
.sys3d-labels .ai{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:9px;vertical-align:middle;border-radius:50%;
  border:1px solid rgba(121,239,179,.6);font-style:normal}
.sys3d-labels .ai em{font:600 8.5px var(--f-mono);font-style:normal;letter-spacing:.02em;color:#79EFB3}
.sys3d-labels .ai::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid transparent;border-top-color:#79EFB3;animation:aiSpin 2.2s linear infinite}
@keyframes aiSpin{to{transform:rotate(360deg)}}
.sys3d-labels .lab b{display:flex;align-items:center}