.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:40px;align-items:stretch}.node{position:relative;display:grid;gap:10px;align-content:start;padding:22px 20px;border-radius:18px;background:var(--panel);border:1px solid var(--line);margin:0 14px;z-index:1}.node:first-child{margin-left:0}.node:last-child{margin-right:0}.node .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--brand-text);background:var(--brand-soft);border:1px solid rgba(20,99,255,.3)}.node .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.node .ic svg.eyes{width:26px;height:26px;stroke:none;overflow:visible}.node.nino{border-color:#1463ff80;box-shadow:0 0 40px -16px var(--brand-glow)}.node.you .ic{color:var(--ok);background:#34d3991a;border-color:#34d39959}.node .st{font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.node b{font:700 18px/1.2 var(--font-display)}.node span.d{color:var(--muted);font-size:14.5px}.node{transition:border-color .45s,box-shadow .45s,background .45s}.node .ic{transition:background .45s,color .45s,border-color .45s}.node.lit{border-color:#1463ffb3;background:var(--panel-2);box-shadow:0 0 0 1px #1463ff40,0 0 44px -14px var(--brand-glow)}.node.lit .ic{background:#1463ff47;border-color:#7ea6ffb3;color:#fff}.node.nino.lit{border-color:var(--brand-text);box-shadow:0 0 0 1px #7ea6ff73,0 0 80px -8px #1463ffd9}.node.nino.lit .ic svg.eyes{filter:drop-shadow(0 0 10px rgba(126,166,255,.9))}.node.you.lit{border-color:#34d399b3;box-shadow:0 0 0 1px #34d39940,0 0 44px -14px #34d399b3}.node+.node:before{content:"";position:absolute;top:44px;left:-30px;width:30px;height:2px;z-index:-1;background:#7ea6ff38}.node+.node:after{content:"";position:absolute;top:40px;left:-34px;width:10px;height:10px;border-radius:50%;background:#cfe0ff;box-shadow:0 0 12px 2px var(--brand);opacity:0;pointer-events:none}.node.rx:after{animation:packet .55s ease-in forwards}@keyframes packet{0%{transform:translate(0);opacity:0}25%{opacity:1}to{transform:translate(32px);opacity:0}}.connect{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:start}.probe{padding:28px;border-radius:22px;background:linear-gradient(180deg,#0f1a29,#0a121d);border:1px solid var(--line-2);display:grid;gap:18px}.probe svg.panel{width:100%;height:auto;max-width:100%}.probe b{font:700 22px/1.2 var(--font-display)}.psteps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.psteps li{display:inline-flex;align-items:center;gap:8px;font:600 13.5px/1 var(--font-display);color:#cfe0ff;padding:8px 12px 8px 8px;border-radius:999px;background:#1463ff14;border:1px solid rgba(20,99,255,.25)}.psteps span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font:700 11px/1 var(--font-display)}.probe p{color:var(--muted)}.protos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pr{padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);display:grid;gap:4px;align-content:start;transition:border-color .2s,background .2s}.pr:hover{border-color:#1463ff73;background:var(--panel-2)}.pr b{font:500 14px/1.2 var(--font-mono);color:#cfe0ff}.pr span{color:var(--muted);font-size:14px}.files{margin-top:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fl{padding:16px;border-radius:14px;border:1px dashed var(--line-2);display:grid;gap:4px;align-content:start}.fl b{font:700 15.5px/1.25 var(--font-display)}.fl span{color:var(--muted);font-size:14px}.fl i{font:500 11px/1 var(--font-mono);font-style:normal;color:var(--ok);letter-spacing:.06em}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tab{min-height:44px;padding:0 18px;border-radius:999px;font:700 15px/1 var(--font-display);color:var(--muted);background:transparent;border:1px solid var(--line-2);cursor:pointer;display:inline-flex;gap:8px;align-items:center}.tab svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab[aria-selected=true]{color:#fff;background:var(--brand-soft);border-color:#1463ff99;box-shadow:0 0 18px -6px var(--brand-glow)}.tour{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}.tour-t{display:grid;gap:16px}.tour-t h3{font-size:clamp(26px,3vw,38px)}.tour-t ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.tour-t li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;color:var(--muted)}.tour-t li:before{content:"";width:7px;height:7px;margin-top:10px;border-radius:50%;background:var(--brand-text);box-shadow:0 0 8px var(--brand)}.win{border-radius:16px;background:#0b131f;border:1px solid var(--line-2);box-shadow:0 40px 90px -40px #000000e6,0 0 50px -30px var(--brand-glow);overflow:hidden;min-width:0}.win-bar{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}.win-bar i{width:9px;height:9px;border-radius:50%;background:#334155}.win-bar span{margin-left:10px;font:500 11.5px/1 var(--font-mono);color:var(--muted)}.win-body{padding:20px;min-height:360px;display:grid;gap:14px;align-content:start;background:#101922}.ex{justify-self:start;font:500 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--warn);border:1px solid rgba(251,191,36,.35);border-radius:999px;padding:5px 8px}.user{justify-self:end;max-width:86%;background:var(--brand);color:#fff;font-size:14.5px;padding:9px 13px;border-radius:16px 4px 16px 16px}.reply{position:relative;background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px 14px 20px;display:grid;gap:10px;font-size:14.5px;color:#e2e8f0}.reply:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc, var(--chart));box-shadow:0 0 14px -1px var(--acc, var(--chart))}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kpi{padding:12px;border-radius:12px;background:#1e293b66;border:1px solid rgba(51,65,85,.5);display:grid;gap:4px}.kpi span{font:500 10.5px/1.2 var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kpi b{font:700 20px/1 var(--font-display);font-variant-numeric:tabular-nums}.kpi em{font:500 11.5px/1 var(--font-mono);font-style:normal;color:var(--ok)}.chart{padding:14px;border-radius:12px;background:#1e293b66;border:1px solid rgba(51,65,85,.5)}.chart .t{font:600 13px/1 var(--font-display);margin-bottom:12px;display:flex;justify-content:space-between}.chart .t span{font:500 11px/1 var(--font-mono);color:var(--muted)}.cols{display:flex;align-items:flex-end;gap:5px;height:120px}.cols i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#3b82f6,#3b82f659)}.cols i.we{background:linear-gradient(180deg,#64748b,#64748b4d)}.cols i.hi{background:linear-gradient(180deg,#f97316,#f9731659)}.race{display:grid;gap:6px;font:500 11.5px/1 var(--font-mono);color:var(--muted)}.race .tr{height:8px;border-radius:6px;background:#94a3b824;position:relative}.race .tr i{position:absolute;inset:0 28% 0 0;border-radius:6px;background:#a3e635;box-shadow:0 0 10px -2px #a3e635}.race .tr s{position:absolute;top:-3px;bottom:-3px;left:75%;width:2px;background:var(--fg)}.bim{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;align-items:stretch}.stage3d{position:relative;border-radius:12px;overflow:hidden;min-height:320px;aspect-ratio:4 / 3.2;max-width:100%;background:radial-gradient(80% 70% at 50% 75%,rgba(20,99,255,.18),transparent 70%),#0b121c;border:1px solid rgba(255,255,255,.06);cursor:grab;touch-action:pan-y}.stage3d:active{cursor:grabbing}.stage3d canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.floors{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:3px;padding:4px;border-radius:14px;background:#0e1320;box-shadow:0 10px 26px #00000080,inset 0 1px #ffffff0f}.floors button{min-width:38px;height:32px;padding:0 9px;border-radius:10px;border:0;background:#141b2c;color:#9fb0c9;font:600 12px/1 var(--font-display);cursor:pointer;transition:box-shadow .15s,color .15s}.floors button[aria-pressed=true]{background:#0f1626;color:#bfdbfe;box-shadow:inset 0 1px 4px #0000008c,0 0 0 1px #1463ff,0 0 9px #1463ff4d}.hint{position:absolute;left:12px;bottom:12px;font:500 10.5px/1 var(--font-mono);color:#8191a8;background:#0a0f1ab3;padding:6px 8px;border-radius:8px;transition:opacity .4s;pointer-events:none}.side .lg{display:flex;gap:6px;align-items:center;font:500 10px/1 var(--font-mono);color:#8191a8}.side .lg i{flex:1;height:5px;border-radius:4px;background:linear-gradient(90deg,#3b82f6,#22c55e,#eab308,#f97316,#ef4444)}.side .flr{font:500 11.5px/1 var(--font-mono);color:var(--muted);margin-top:-4px}.side .bar{height:6px;border-radius:4px;background:#94a3b824;overflow:hidden}.side .bar i{display:block;height:100%;width:85%;border-radius:4px;background:#ef4444;box-shadow:0 0 10px -2px #ef4444;transition:width .3s,background .3s}.side{padding:14px;border-radius:10px;background:#0f172ad9;border:1px solid rgba(255,255,255,.08);display:grid;gap:8px;align-content:start;font-size:13px}.side .k{font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.side b{font:700 15px/1.2 var(--font-display)}.side .row{display:flex;justify-content:space-between;color:var(--muted)}.side .row b{font-size:13px;color:var(--fg)}.devs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dev{padding:14px;border-radius:14px;background:#1e293b66;border:1px solid rgba(51,65,85,.5);display:grid;gap:10px}.dev .h{display:flex;gap:10px;align-items:center}.dev .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none}.dev .av svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dev b{font:600 14px/1.2 var(--font-display);display:block}.dev small{font:500 11px/1.2 var(--font-mono);color:var(--muted)}.badges{display:flex;flex-wrap:wrap;gap:6px}.bd{font:500 10.5px/1 var(--font-body);padding:4px 7px;border-radius:4px}.bd.y{background:#eab30840;color:#fde047}.bd.g{background:#10b98133;color:#6ee7b7}.bd.s{background:#0ea5e933;color:#7dd3fc}.spark{width:100%;height:34px}.pane{display:none}.pane.on{display:grid}.ops{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.bell{padding:18px;border-radius:18px;background:var(--panel);border:1px solid var(--line);display:grid;gap:10px;align-content:start}.bell .hd{display:flex;justify-content:space-between;align-items:center;font:700 16px/1 var(--font-display)}.bell .hd span{font:500 11px/1 var(--font-mono);color:var(--muted)}.grp{font:500 10.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px}.al{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px;border-radius:12px;background:#ffffff08}.al i{width:8px;height:8px;margin-top:7px;border-radius:50%}.al b{display:block;font:600 14.5px/1.3 var(--font-display)}.al span{color:var(--muted);font-size:13.5px}.al time{font:500 11px/1.5 var(--font-mono);color:var(--muted)}.mail{padding:18px;border-radius:18px;background:var(--panel);border:1px solid var(--line);display:grid;gap:12px;align-content:start}.mail .meta{display:grid;gap:4px;font:500 12.5px/1.4 var(--font-mono);color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px}.mail .meta b{color:var(--fg);font-weight:500}.mail h3{font-size:20px}.mail p{color:var(--muted);font-size:15px}.att{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:#fb718512;border:1px solid rgba(251,113,133,.3)}.att .ic{width:34px;height:42px;border-radius:6px;background:#fb7185;color:#1a0b10;display:grid;place-items:center;font:800 10.5px/1 var(--font-display)}.att b{display:block;font:600 14px/1.2 var(--font-display)}.att span{font:500 11.5px/1.3 var(--font-mono);color:var(--muted)}.cad{display:flex;gap:8px;flex-wrap:wrap}.cad span{font:600 13px/1 var(--font-display);padding:8px 12px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted)}.cad span.on{color:#fff;border-color:#1463ff99;background:var(--brand-soft)}.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.people>div{padding:24px;border-radius:18px;background:var(--panel);border:1px solid var(--line);display:grid;gap:10px;align-content:start}.people b{font:700 19px/1.25 var(--font-display)}.people p{color:var(--muted);font-size:15px}.roles{display:grid;gap:6px;margin-top:4px}.roles span{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:7px 10px;border-radius:8px;background:#ffffff08}.roles span em{font-style:normal;color:var(--muted);font-size:13px;text-align:right}@media(max-width:960px){.flow{grid-template-columns:minmax(0,1fr);gap:18px}.node{margin:0}.node+.node:before{top:-18px;left:42px;width:2px;height:18px}.node+.node:after{top:-22px;left:38px}.node.rx:after{animation-name:packetv}@keyframes packetv{0%{transform:translateY(0);opacity:0}25%{opacity:1}to{transform:translateY(20px);opacity:0}}.connect,.tour,.ops{grid-template-columns:minmax(0,1fr)}.files{grid-template-columns:repeat(2,minmax(0,1fr))}.people{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.protos{grid-template-columns:repeat(2,minmax(0,1fr))}.files{grid-template-columns:minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.protos>:last-child:nth-child(odd),.kpis>:last-child:nth-child(odd){grid-column:1 / -1}.cad{flex-wrap:nowrap;gap:6px}.cad span{padding:8px 10px;font-size:12.5px;white-space:nowrap}.bim,.devs{grid-template-columns:minmax(0,1fr)}.win-body{padding:14px}.hint{display:none}}.kpi em.warn{color:var(--warn)}#sVs{color:var(--alert)}.cols i.h30{height:30%}.cols i.h31{height:31%}.cols i.h32{height:32%}.cols i.h33{height:33%}.cols i.h34{height:34%}.cols i.h70{height:70%}.cols i.h71{height:71%}.cols i.h72{height:72%}.cols i.h73{height:73%}.cols i.h74{height:74%}.cols i.h75{height:75%}.cols i.h76{height:76%}.cols i.h77{height:77%}.cols i.h78{height:78%}.cols i.h79{height:79%}.cols i.h96{height:96%}.dev .av.amber{background:#f59e0b4d;color:#fcd34d}.dev .av.sky{background:#0ea5e94d;color:#7dd3fc}.dev .av.emerald{background:#10b9814d;color:#6ee7b7}.dev .av.slate{background:#64748b4d;color:#cbd5e1}.al i.alert{background:var(--alert);box-shadow:0 0 8px var(--alert)}.al i.brand{background:var(--brand-text)}.al i.warn{background:var(--warn)}.al i.muted{background:var(--muted)}
