.ill{border:1px solid var(--line);background:#fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 18px 44px #0b1a2614}.ill-bar{border-bottom:1px solid var(--line-soft);background:var(--surface-2);align-items:center;gap:6px;padding:11px 16px;display:flex}.ill-dot{background:var(--line);border-radius:50%;width:9px;height:9px}.ill-url{font-family:var(--font-mono-stack);color:var(--text-3);margin-left:8px;font-size:10.5px}.ill-body{padding:18px 20px 20px}.ill-title{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.ill-mono{font-family:var(--font-mono-stack)}.ill-muted{color:var(--text-3);letter-spacing:.1em;font-size:10.5px;font-family:var(--font-mono-stack)}.ill-pill{white-space:nowrap;border-radius:9999px;padding:3px 10px;font-size:10.5px;font-weight:600}.ill-row{border:1px solid var(--line-soft);background:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;font-size:12.5px;display:flex}.ill-seq{opacity:0;transform:translateY(10px)}.ill-play .ill-seq{animation:.5s cubic-bezier(.16,1,.3,1) forwards illIn;animation-delay:calc(var(--i,0) * .32s + .15s)}@keyframes illIn{to{opacity:1;transform:translateY(0)}}.ill-check{color:#16a34a;background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex;transform:scale(0)}.ill-play .ill-check{animation:.45s cubic-bezier(.34,1.56,.64,1) forwards illPop;animation-delay:calc(var(--i,0) * .5s + .3s)}@keyframes illPop{to{transform:scale(1)}}.ill-bar-col{transform-origin:bottom;border-radius:3px 3px 0 0;flex:1;transform:scaleY(0)}.ill-play .ill-bar-col{animation:.9s cubic-bezier(.16,1,.3,1) forwards illGrow;animation-delay:calc(var(--i,0) * .12s + .2s)}@keyframes illGrow{to{transform:scaleY(1)}}.ill-fill{background:var(--brand);border-radius:9999px;width:0;height:100%}.ill-play .ill-fill{animation:1.4s cubic-bezier(.16,1,.3,1) .3s forwards illFill}@keyframes illFill{to{width:var(--w,80%)}}.ill-pulse{background:var(--teal);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.ill-pulse:after{content:"";border:2px solid var(--teal);opacity:0;border-radius:50%;position:absolute;inset:-4px}.ill-play .ill-pulse:after{animation:1.8s ease-out infinite illPulse}@keyframes illPulse{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.ill-kanban{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ill-kcol{background:var(--surface-3);border-radius:9px;flex-direction:column;gap:6px;min-height:118px;padding:8px;display:flex}.ill-kcard{border:1px solid var(--line-soft);background:#fff;border-radius:7px;padding:8px 9px;font-size:11px}.ill-kmove{width:calc(33.3333% - 21.3333px);position:absolute;top:0;left:0}.ill-play .ill-kmove{animation:4.5s cubic-bezier(.65,0,.35,1) infinite illMove}@keyframes illMove{0%,18%{transform:translate(0)}38%,58%{transform:translate(calc(100% + 16px))}78%,to{transform:translate(calc(200% + 32px))}}.ill-flow{grid-auto-columns:1fr;grid-auto-flow:column;align-items:start;gap:0;display:grid;position:relative}.ill-flow:before{content:"";left:8%;right:8%;top:calc(var(--flow-pad,16px) + var(--flow-dot,44px) / 2 - 1px);background:var(--line);height:2px;position:absolute}.ill-flow-line{left:8%;top:calc(var(--flow-pad,16px) + var(--flow-dot,44px) / 2 - 1px);background:var(--brand);width:0;height:2px;position:absolute}.ill-play .ill-flow-line{animation:3.2s cubic-bezier(.4,0,.2,1) .3s forwards illLine}@keyframes illLine{to{width:84%}}.ill-node{text-align:center;flex-direction:column;align-items:center;gap:8px;min-height:132px;display:flex;position:relative}.ill-node-dot{width:var(--flow-dot,44px);height:var(--flow-dot,44px);border:1px solid var(--line);color:var(--text-3);background:#fff;border-radius:12px;justify-content:center;align-items:center;transition:none;display:inline-flex}.ill-play .ill-node-dot{animation:.5s forwards illNode;animation-delay:calc(var(--i,0) * .6s + .35s)}@keyframes illNode{to{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 10px 24px #00506d47}}.ill-node-label{order:1;font-size:12.5px;font-weight:600;line-height:1.3}.ill-node-sub{color:var(--text-3);order:3;font-size:11px;line-height:1.4}.ill-node-aktiv .ill-node-dot{box-shadow:0 0 0 4px var(--brand-50)}.ill-node-aktiv .ill-node-label{color:var(--brand)}.ill-node-aktiv:after{content:"Du är här";font-family:var(--font-mono-stack);letter-spacing:.1em;text-transform:uppercase;color:var(--brand);background:var(--brand-50);border-radius:9999px;order:2;margin-top:2px;padding:3px 9px;font-size:9px}.ill-node-ai{max-width:calc(100% - 12px);font-family:var(--font-mono-stack);letter-spacing:.06em;text-align:center;color:var(--teal);white-space:normal;text-wrap:balance;background:#ccfbf1;border-radius:10px;order:4;justify-content:center;align-items:center;gap:5px;margin:8px 6px 0;padding:4px 10px;font-size:9px;line-height:1.35;display:inline-flex}.ill-node-ai svg{flex:none}.ill-rita{stroke-dasharray:320;stroke-dashoffset:320px}.ill-play .ill-rita{animation:1s cubic-bezier(.4,0,.2,1) .25s forwards illRita}.ill-play .ill-rita-2{animation-delay:.9s}.ill-play .ill-rita-3{animation-delay:1.5s}@keyframes illRita{to{stroke-dashoffset:0}}.ill-phone{background:var(--navy);border-radius:30px;width:220px;margin:0 auto;padding:12px;box-shadow:0 24px 50px #0b1a2638}.ill-screen{background:var(--bg);border-radius:20px;min-height:300px;padding:16px 14px 18px;font-size:12px}.ill-offline{color:#b45309;background:#fef3c7;border-radius:9999px;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.ill-play .ill-offline{animation:.4s 2.6s forwards illOnline}@keyframes illOnline{to{color:#047857;background:#d1fae5}}.ill-offline-text{display:inline}.ill-online-text{display:none}.ill-play .ill-offline .ill-offline-text{animation:10ms 2.6s forwards illHide}.ill-play .ill-offline .ill-online-text{animation:10ms 2.6s forwards illShow}@keyframes illHide{to{display:none}}@keyframes illShow{to{display:inline}}.ill-flash{opacity:0;pointer-events:none;background:#fff;border-radius:14px;position:absolute;inset:0}.ill-play .ill-flash{animation:.5s ease-out 1.9s forwards illFlash}@keyframes illFlash{0%{opacity:0}15%{opacity:.85}to{opacity:0}}.ill-float{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;animation:6s ease-in-out infinite floatY;position:absolute;box-shadow:0 16px 40px #0b1a2624}.ill-stage{background:radial-gradient(600px 300px at 20% 0%, #5ec3dc38, transparent), radial-gradient(500px 300px at 90% 100%, #00607f24, transparent), var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:36px;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.ill-seq,.ill-check,.ill-bar-col{opacity:1!important;animation:none!important;transform:none!important}.ill-fill{width:var(--w,80%)!important;animation:none!important}.ill-flow-line{width:84%!important;animation:none!important}.ill-node-dot{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;animation:none!important}.ill-rita{stroke-dashoffset:0!important;animation:none!important}.ill-kmove,.ill-pulse:after,.ill-flash,.ill-float,.ill-offline{animation:none!important}}.ill-rutnat{max-width:100%}@media (max-width:760px){.ill-rutnat{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto}.ill-stage{padding:18px 14px}.ill-body{padding:14px 14px 16px}.ill-flow{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:22px 8px}.ill-flow:before,.ill-flow-line{display:none}.ill-flow{--flow-dot:40px}.ill-node-label{font-size:12px}.ill-node-sub,.ill-node-ai{display:none}.ill-node-aktiv:after{padding:2px 6px;font-size:8px}.ill-node{min-height:0}.ill-float{display:none}.ill-phone{width:210px}.ill-kcard{padding:6px 7px;font-size:10px}.ill-row{padding:9px 11px;font-size:12px}.ill-title{flex-wrap:wrap}}