.nm-demo .kpi-row{display:flex;gap:10px}.nm-demo .kpi-box{flex:1;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);box-shadow:var(--shadow-card);padding:12px}.nm-demo .kpi-label{font-size:11px;color:var(--text-muted);font-weight:600}.nm-demo .kpi-value{margin-top:6px;font-size:16px;font-weight:900;color:var(--text-primary)}.nm-demo .demo-tutorial-entry{margin:0 16px 12px;padding:12px 14px;border:1px solid rgba(59,130,246,.14);border-radius:16px;background:linear-gradient(135deg,rgba(239,246,255,.98),hsla(0,0%,100%,.98));box-shadow:0 14px 32px rgba(15,23,42,.08)}.nm-demo .demo-tutorial-entry-title{font-size:14px;font-weight:800;color:var(--text-primary)}.nm-demo .demo-tutorial-entry-text{margin-top:6px;font-size:12px;line-height:1.6;color:var(--text-secondary)}.nm-demo .demo-tutorial-entry-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.nm-demo .demo-tutorial-entry-note{font-size:11px;color:var(--text-muted)}.nm-demo .demo-tutorial-layer{position:fixed;inset:0;z-index:1500;pointer-events:none}.nm-demo .demo-tutorial-mask{position:absolute;inset:0;width:100%;height:100%}.nm-demo .demo-tutorial-mask-fill{fill:rgba(15,23,42,.56)}.nm-demo .demo-tutorial-spotlight{position:fixed;border:2px solid hsla(0,0%,100%,.98);box-shadow:0 0 0 1px rgba(59,130,246,.28),0 0 0 6px hsla(0,0%,100%,.1);pointer-events:none}.nm-demo .demo-tutorial-card{position:fixed;width:min(320px,calc(100vw - 32px));padding:16px;border-radius:18px;background:hsla(0,0%,100%,.98);box-shadow:0 22px 60px rgba(15,23,42,.24);pointer-events:auto}.nm-demo .demo-tutorial-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-blue)}.nm-demo .demo-tutorial-title{margin:10px 0 0;font-size:18px;line-height:1.35;color:var(--text-primary)}.nm-demo .demo-tutorial-summary{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--text-primary)}.nm-demo .demo-tutorial-notes{margin:10px 0 0;font-size:12px;line-height:1.7;color:var(--text-secondary)}.nm-demo .demo-tutorial-waiting{margin-top:10px;font-size:11px;color:var(--text-muted)}.nm-demo .demo-tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.nm-demo .demo-tutorial-actions-right{display:flex;align-items:center;gap:8px}@media (max-width:768px){.nm-demo .demo-tutorial-card{width:calc(100vw - 24px);padding:14px;border-radius:16px;box-shadow:0 18px 42px rgba(15,23,42,.22)}.nm-demo .demo-tutorial-actions{align-items:stretch;flex-direction:column}.nm-demo .demo-tutorial-actions-right{width:100%;flex-wrap:wrap;justify-content:flex-end}.nm-demo .demo-tutorial-title{font-size:17px}.nm-demo .demo-tutorial-summary{font-size:13px;line-height:1.55}.nm-demo .demo-tutorial-notes{line-height:1.65}.nm-demo .demo-tutorial-spotlight{border-width:2px;box-shadow:0 0 0 1px rgba(59,130,246,.34),0 0 18px hsla(0,0%,100%,.2)}.nm-demo .demo-tutorial-card-compact{padding:12px}.nm-demo .demo-tutorial-card-compact .demo-tutorial-title{margin-top:8px;font-size:16px;line-height:1.32}.nm-demo .demo-tutorial-card-compact .demo-tutorial-summary{margin-top:8px}.nm-demo .demo-tutorial-card-compact .demo-tutorial-notes{margin-top:8px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.nm-demo .demo-tutorial-card-compact .demo-tutorial-actions{margin-top:12px}}