/* Scenes in HTML + GSAP, in de kleuren van softwareupgrade (teal, geel, diepgroen, creme).
   Alles staat onder .scn of .stage zodat er niets naar de rest van de site lekt.
   Regels: vlak en getint, geen glans, tekst altijd in een kader, alleen merkkleuren. */
.schp{overflow:hidden}
.scn{position:relative;width:520px;height:340px;overflow:hidden;transform-origin:top left;font-family:Inter,system-ui,sans-serif;color:#15211D;background:linear-gradient(#fff,#FFF9EF)}
.scn .mesh,.stage .mesh{position:absolute;inset:0;background:radial-gradient(60% 55% at 100% 0%,rgba(19,181,166,.2),transparent 70%),radial-gradient(55% 50% at 0% 100%,rgba(255,200,54,.24),transparent 70%);will-change:transform;animation:meshmove 16s ease-in-out infinite}
.scn .dots,.stage .dots{position:absolute;inset:0;background-image:radial-gradient(rgba(21,33,29,.09) 1px,transparent 1.4px);background-size:20px 20px}
@keyframes meshmove{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-3%,2%) scale(1.08)}100%{transform:translate(0,0) scale(1)}}
.scn .el,.stage .el{position:absolute}

/* kaarten */
.scn .card,.stage .card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(21,33,29,.08);border-radius:16px;box-shadow:0 24px 50px -30px rgba(21,33,29,.45),inset 0 1px 0 #fff;padding:14px;box-sizing:border-box}
.scn .card.dark,.stage .card.dark{background:#0E4D45;color:#F2FBF9;border-color:#14655B;box-shadow:0 30px 60px -30px rgba(14,77,69,.8)}
.scn .card.soft,.stage .card.soft{background:#E8F7F4;border-color:rgba(19,181,166,.4)}
.scn .card.gold,.stage .card.gold{background:#FFF1CC;border-color:#FFC836}
.scn .card.grey,.stage .card.grey{background:#F3F0E8;border-color:#DED8CB}
.scn .hd,.stage .hd{display:flex;align-items:center;gap:10px}
.scn .hd>div,.stage .hd>div{flex:1;min-width:0}
.scn .name,.stage .name{font-size:13.5px;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.scn .meta,.stage .meta{font:600 8.5px/1.4 'JetBrains Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:#7E8A85}
.scn .card.dark .meta,.stage .card.dark .meta{color:#9FC9C2}
.scn .txt,.stage .txt{font-size:12px;font-weight:500;color:#5B6A65;line-height:1.35}
.scn .txt.ink,.stage .txt.ink{color:#15211D}
.scn .card.dark .txt,.stage .card.dark .txt{color:#CDE8E3}
.scn .av,.stage .av{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:11px;font-weight:700;color:#fff;flex:none;background:#13B5A6}
.scn .av.gold,.stage .av.gold{background:#FFC836;color:#2A2000}
.scn .av.grey,.stage .av.grey{background:#DED8CB;color:#5B6A65}

/* balken, chips, labels, toasts */
.scn .bar,.stage .bar{flex:1;height:6px;border-radius:3px;background:#EEEAE0;overflow:hidden}
.scn .bar i,.stage .bar i{display:block;height:100%;width:0;background:#13B5A6;border-radius:3px}
.scn .bar.gold i,.stage .bar.gold i{background:#FFC836}
.scn .chip,.stage .chip{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font:600 8.5px/1 'JetBrains Mono',monospace;letter-spacing:.09em;text-transform:uppercase;background:#FFF1CC;border:1px solid #FFC836;color:#9A6E00;white-space:nowrap}
.scn .chip.teal,.stage .chip.teal{background:#D6F0EC;border-color:#13B5A6;color:#0A7A6F}
.scn .chip.grey,.stage .chip.grey{background:#F3F0E8;border-color:#DED8CB;color:#7E8A85}
.scn .chip b,.stage .chip b{font-family:'JetBrains Mono',monospace;font-weight:700}
.scn .lbl,.stage .lbl{position:absolute;font:600 8.5px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#7E8A85;white-space:nowrap}
.scn .lbl.gold,.stage .lbl.gold{color:#9A6E00}.scn .lbl.teal,.stage .lbl.teal{color:#0A7A6F}
.scn .toast,.stage .toast{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;background:#fff;border:1px solid rgba(21,33,29,.08);border-radius:999px;box-shadow:0 18px 40px -20px rgba(21,33,29,.5);font-size:12px;font-weight:600;white-space:nowrap;opacity:0}
.scn .ok,.stage .ok{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#13B5A6;color:#fff;font-size:12px;font-weight:800;flex:none}
.scn .ok.gold,.stage .ok.gold{background:#FFC836;color:#2A2000}
.scn .ok.grey,.stage .ok.grey{background:#DED8CB;color:#5B6A65}
.scn .badge,.stage .badge{position:absolute;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:#13B5A6;box-shadow:0 8px 16px -8px rgba(21,33,29,.6);transform:scale(0)}
.scn .badge.gold,.stage .badge.gold{background:#FFC836;color:#2A2000}
.scn .cnt,.stage .cnt{position:absolute;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid rgba(21,33,29,.08);box-shadow:0 10px 24px -14px rgba(21,33,29,.5);font:600 10.5px/1 Inter,system-ui,sans-serif;color:#5B6A65;white-space:nowrap}
.scn .cnt b,.stage .cnt b{font-family:'JetBrains Mono',monospace;color:#15211D;margin-left:2px}
.scn .cnt.teal,.stage .cnt.teal{border-color:rgba(19,181,166,.45);color:#0A7A6F}.scn .cnt.teal b,.stage .cnt.teal b{color:#0A7A6F}
.scn .cnt.gold,.stage .cnt.gold{border-color:#FFC836;color:#9A6E00}.scn .cnt.gold b,.stage .cnt.gold b{color:#9A6E00}
.scn .person,.stage .person{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#FFC836;flex:none}
.scn .person:before,.stage .person:before{content:"";width:9px;height:9px;border-radius:50%;background:#15211D;margin-bottom:-2px}
.scn .person:after,.stage .person:after{content:"";width:18px;height:9px;border-radius:9px 9px 0 0;background:#15211D}
.scn .cursor,.stage .cursor{position:absolute;left:0;top:0;width:18px;height:22px;filter:drop-shadow(0 3px 3px rgba(21,33,29,.35));opacity:0;z-index:5}
.scn .kbtn,.stage .kbtn{position:relative;display:inline-grid;place-items:center;padding:9px 18px;border-radius:999px;background:#13B5A6;color:#06231F;font:700 12px Inter,system-ui,sans-serif;white-space:nowrap;overflow:hidden;opacity:.4;transition:opacity .3s,background .3s}
.scn .kbtn.on,.stage .kbtn.on{opacity:1}
.scn .kbtn.done,.stage .kbtn.done{background:#FFC836;color:#15211D}
.scn .kbtn::after,.stage .kbtn::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.6);transform:translate(-50%,-50%) scale(0);opacity:0}
.scn .kbtn.rip::after,.stage .kbtn.rip::after{animation:rip .6s ease-out}
@keyframes rip{0%{transform:translate(-50%,-50%) scale(0);opacity:.9}100%{transform:translate(-50%,-50%) scale(14);opacity:0}}
.scn .pkt,.stage .pkt{width:34px;height:26px;border-radius:7px;background:#fff;border:1px solid rgba(21,33,29,.1);box-shadow:0 10px 20px -10px rgba(21,33,29,.5);display:grid;place-items:center;opacity:0}
.scn .pkt i,.stage .pkt i{display:block;width:16px;height:2px;background:#13B5A6;border-radius:1px;box-shadow:0 5px 0 #13B5A6,0 -5px 0 #13B5A6}
.scn svg.wire,.stage svg.wire{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.scn svg.wire path,.stage svg.wire path{fill:none;stroke:#D6D0C2;stroke-width:1.5}
.scn svg.wire path.teal,.stage svg.wire path.teal{stroke:#13B5A6;stroke-width:2}
.scn svg.wire path.gold,.stage svg.wire path.gold{stroke:#FFC836;stroke-width:2}
.scn .lock,.stage .lock{position:relative;width:18px;height:18px;border-radius:50%;background:#7E8A85;flex:none}
.scn .lock:before,.stage .lock:before{content:"";position:absolute;left:5px;top:8px;width:8px;height:6px;border-radius:2px;background:#fff}
.scn .lock:after,.stage .lock:after{content:"";position:absolute;left:6px;top:4px;width:4px;height:5px;border:1.5px solid #fff;border-bottom:0;border-radius:3px 3px 0 0}

/* de agent: een vlakke getinte tegel met het AI-teken; puls en denkpuntjes zodra hij werkt */
.scn .agent,.stage .agent{position:relative;width:40px;height:40px;flex:none;display:block}
.scn .agent .core,.stage .agent .core{position:absolute;inset:3px;border-radius:11px;background:color-mix(in srgb,var(--c,#13B5A6) 16%,#fff);border:1.5px solid color-mix(in srgb,var(--c,#13B5A6) 45%,#fff);transition:border-color .3s,background .3s}
.scn .agent .core:after,.stage .agent .core:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:var(--cd,#0E4D45);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 1.5C12 8 16 12 22.5 12 16 12 12 16 12 22.5 12 16 8 12 1.5 12 8 12 12 8 12 1.5Z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 1.5C12 8 16 12 22.5 12 16 12 12 16 12 22.5 12 16 8 12 1.5 12 8 12 12 8 12 1.5Z'/></svg>") center/contain no-repeat}
.scn .agent.working .core,.stage .agent.working .core{border-color:var(--c,#13B5A6);background:color-mix(in srgb,var(--c,#13B5A6) 26%,#fff)}
.scn .agent.working .core:after,.stage .agent.working .core:after{animation:agpulse 1s ease-in-out infinite}
.scn .agent .dots,.stage .agent .dots{position:absolute;inset:auto;left:50%;top:-11px;transform:translateX(-50%);display:flex;gap:3px;opacity:0;transition:opacity .3s;background:none}
.scn .agent .dots b,.stage .agent .dots b{width:5px;height:5px;border-radius:50%;background:var(--c,#13B5A6);animation:agdot .9s ease-in-out infinite}
.scn .agent .dots b:nth-child(2),.stage .agent .dots b:nth-child(2){animation-delay:.15s}.scn .agent .dots b:nth-child(3),.stage .agent .dots b:nth-child(3){animation-delay:.3s}
.scn .agent.working .dots,.stage .agent.working .dots{opacity:1}
@keyframes agpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes agdot{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* ===== hero: van zwaar pakket naar maatwerk, module voor module (540x484) ===== */
.stage{position:relative;width:540px;height:484px;overflow:hidden;transform-origin:top left;background:#fff;perspective:1400px;font-family:Inter,system-ui,sans-serif;color:#15211D}
.stage .tilt{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.stage .tilt>*{position:absolute}
.stage .sys{left:22px;top:44px;width:232px;min-height:196px;padding:12px}
.stage .sys .hd{margin-bottom:9px}
.stage .mrow{display:flex;align-items:center;gap:8px;padding:7px 9px;margin-top:6px;border-radius:10px;background:#F3F0E8;border:1px solid #DED8CB;font-size:11.5px;font-weight:600;color:#5B6A65;transition:opacity .4s,background .4s,border-color .4s}
.stage .mrow i{width:10px;height:10px;border-radius:3px;background:#C9C3B5;flex:none}
.stage .mrow span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage .mrow .tg{position:relative;flex:none;font:600 7.5px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#7E8A85;padding:3px 6px;border-radius:999px;background:#fff;border:1px solid #DED8CB;min-width:34px;text-align:center}
.stage .mrow .tg .b{position:absolute;inset:0;display:grid;place-items:center;opacity:0}
.stage .mrow.run .tg{border-color:#13B5A6;color:#0A7A6F}
.stage .mrow.run .tg .a,.stage .mrow.out .tg .a{opacity:0}.stage .mrow.run .tg .b1,.stage .mrow.out .tg .b2{opacity:1}
.stage .mrow.out{opacity:.45}
.stage .sys .warn{display:flex;align-items:center;gap:7px;margin-top:9px;padding:7px 9px;border-radius:10px;background:#FFF1CC;border:1px solid #FFC836;font-size:10.5px;font-weight:600;color:#9A6E00;opacity:0}
.stage .sys .warn b{font-family:'JetBrains Mono',monospace;font-weight:700;flex:none}
.stage .sys .warn span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage .nw{left:286px;top:44px;width:232px;min-height:196px;padding:12px;background:rgba(255,255,255,.92)}
.stage .nw .hd{margin-bottom:9px}
.stage .slot{position:relative;display:flex;align-items:center;gap:8px;padding:7px 9px;margin-top:6px;border-radius:10px;border:1.5px dashed #DED8CB;font-size:11.5px;font-weight:600;color:#15211D;min-height:34px;box-sizing:border-box;transition:border-color .35s,background .35s}
.stage .slot .ok{width:18px;height:18px;font-size:10px;transform:scale(0)}
.stage .slot>span:not(.ok){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .3s}
.stage .slot small{flex:none;font:600 7.5px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#0A7A6F;padding:3px 6px;border-radius:999px;background:#D6F0EC;opacity:0;transition:opacity .3s}
.stage .slot.on{border:1px solid #13B5A6;background:#E8F7F4}
.stage .slot.on>span:not(.ok){opacity:1}.stage .slot.on small{opacity:1}
.stage .slot.on .ok{transform:scale(1);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.stage .build{left:22px;top:258px;width:496px;min-height:64px;padding:11px 14px}
.stage .build .hd{gap:12px}
.stage .build .hd>div{flex:0 0 168px;min-width:0}
.stage .build .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage .build .bar{height:7px}
.stage .build .wk{position:relative;min-width:44px;text-align:right}
.stage .build .wk{font:700 10px/1 'JetBrains Mono',monospace;color:#0A7A6F;white-space:nowrap;flex:none}
.stage .jij{left:22px;top:340px;width:318px;min-height:66px;padding:12px 14px}
.stage .jij .hd{gap:10px}
.stage .jij .txt{color:#F2FBF9;font-size:11.5px;line-height:1.3;min-height:15px}
.stage .jij .kbtn{margin-left:auto;flex:none}
.stage .fly{position:absolute;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:#fff;border:1px solid #13B5A6;box-shadow:0 18px 36px -16px rgba(19,181,166,.8);font-size:11.5px;font-weight:600;white-space:nowrap;opacity:0;z-index:4}
.stage .fly i{width:10px;height:10px;border-radius:3px;background:#13B5A6;flex:none}
.stage .hcnt{right:22px;top:14px;opacity:0}.stage .hcnt b{margin-left:0}
.stage .htoast{left:22px;top:418px}
.stage .foot{left:22px;bottom:12px}
.stage .top{left:22px;top:14px}
.stage .mesh,.stage .dots{position:absolute;inset:0}

/* ===== 01: je zit vast (tickets stapelen, Excel loopt vol, de klok draait) ===== */
.scn.zw .sys{position:absolute;left:176px;top:46px;width:172px;min-height:150px;padding:12px;background:#F3F0E8;border-color:#DED8CB}
.scn.zw .sys .hd{margin-bottom:8px}
.scn.zw .mrow{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-top:5px;border-radius:9px;background:#fff;border:1px solid #DED8CB;font-size:11px;font-weight:600;color:#5B6A65}
.scn.zw .mrow i{width:9px;height:9px;border-radius:3px;background:#C9C3B5;flex:none}
.scn.zw .mrow small{margin-left:auto;font:600 7.5px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#7E8A85}
.scn.zw .sys.hot{border-color:#FFC836;box-shadow:0 20px 40px -22px rgba(255,200,54,.9)}
.scn.zw .tk{position:absolute;left:26px;top:60px;width:132px;padding:8px 10px;border-radius:10px;background:#FFF1CC;border:1px solid #FFC836;box-shadow:0 10px 22px -12px rgba(21,33,29,.5);font-size:10.5px;color:#5B6A65;opacity:0;box-sizing:border-box;line-height:1.3}
.scn.zw .tk b{display:block;font-size:11px;color:#15211D;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scn.zw .tk span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scn.zw .xl{position:absolute;left:366px;top:46px;width:130px;min-height:150px;padding:10px}
.scn.zw .xl .meta{margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scn.zw .cells{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.scn.zw .cells i{height:14px;border-radius:3px;background:#F3F0E8;border:1px solid #ECE7DC;transition:background .25s,border-color .25s}
.scn.zw .cells i.on{background:#FFF1CC;border-color:#FFC836}
.scn.zw .clk{position:absolute;left:236px;top:226px;width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid #15211D;box-shadow:0 12px 24px -12px rgba(21,33,29,.6)}
.scn.zw .clk i{position:absolute;left:50%;bottom:50%;width:2px;height:19px;background:#15211D;transform-origin:bottom center;margin-left:-1px;border-radius:1px}
.scn.zw .clk i.h{height:13px;width:3px;margin-left:-1.5px}
.scn.zw .clk:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#FFC836}
.scn.zw .c1{left:26px;top:242px}.scn.zw .c2{left:366px;top:242px}
.scn.zw .ztoast{left:120px;top:286px}

/* ===== 02: wij upgraden, gefaseerd (weken op een as, oud draait door, modules gaan een voor een live) ===== */
.scn.fs .axis{position:absolute;left:40px;top:286px;width:440px;height:2px;background:#DED8CB}
.scn.fs .tick{position:absolute;top:294px;transform:translateX(-50%);font:600 8px/1 'JetBrains Mono',monospace;letter-spacing:.06em;color:#7E8A85;white-space:nowrap}
.scn.fs .old{position:absolute;left:40px;top:52px;width:438px;height:38px;border-radius:10px;background:#E7E2D6;border:1px solid #DED8CB;display:flex;align-items:center;gap:8px;padding:0 12px;box-sizing:border-box;font-size:11.5px;font-weight:600;color:#5B6A65;overflow:hidden}
.scn.fs .old .lock{width:16px;height:16px;transform:scale(.9)}
.scn.fs .old span{white-space:nowrap}
.scn.fs .mod{position:absolute;left:40px;width:146px;height:36px;border-radius:10px;background:rgba(255,255,255,.85);border:1.5px dashed rgba(19,181,166,.7);display:flex;align-items:center;gap:7px;padding:0 8px 0 5px;box-sizing:border-box;font-size:11px;font-weight:600;color:#15211D;overflow:hidden;opacity:0;white-space:nowrap}
.scn.fs .mod .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#D6F0EC}
.scn.fs .mod>*{position:relative}
.scn.fs .mod.live{border:1px solid #13B5A6;background:#D6F0EC}
.scn.fs .mod .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.scn.fs .mod .agent{width:30px;height:30px}
.scn.fs .mod .agent .core{inset:2px;border-radius:8px}
.scn.fs .mod .agent .core:after{width:13px;height:13px;margin:-6.5px 0 0 -6.5px}
.scn.fs .mod .agent .dots{top:-8px}
.scn.fs .mod .ok{width:18px;height:18px;font-size:10px;transform:scale(0);margin-left:auto}
.scn.fs .mod.live .ok{transform:scale(1);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}

.scn.fs .now{position:absolute;left:40px;top:50px;width:2px;height:250px;background:#15211D;opacity:.9}
.scn.fs .now b{position:absolute;left:-14px;top:-18px;width:30px;text-align:center;font:700 8px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#15211D;background:#fff;padding:3px 0;border-radius:6px;border:1px solid rgba(21,33,29,.12)}
.scn.fs .fcnt{right:18px;top:14px}
.scn.fs .ftoast{left:40px;top:238px}

/* ===== 03: je wint terrein (handwerk zakt, agents verwerken meer, kerncijfers tellen op) ===== */
.scn.gr .chartsvg .grid path{stroke:rgba(21,33,29,.08);stroke-width:1}
.scn.gr .chartsvg .bars rect{fill:#13B5A6;rx:3}
.scn.gr .chartsvg .bars rect:nth-child(even){fill:#FFC836}
.scn.gr .chartsvg .line{stroke:#15211D;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none}
.scn.gr .chartsvg .pts circle{fill:#fff;stroke:#15211D;stroke-width:2.5;opacity:0}
.scn.gr .ax{position:absolute;top:258px;transform:translateX(-50%);font:600 8px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#7E8A85;opacity:0;white-space:nowrap}
.scn.gr .leg{position:absolute;left:30px;top:14px;display:flex;gap:14px}
.scn.gr .leg span{display:inline-flex;align-items:center;gap:6px;font:600 8.5px/1 'JetBrains Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:#7E8A85;white-space:nowrap}
.scn.gr .leg i{width:10px;height:10px;border-radius:3px;background:#13B5A6}
.scn.gr .leg i.ln{width:14px;height:3px;border-radius:2px;background:#15211D}
.scn.gr .stat{position:absolute;left:342px;width:158px;min-height:58px;padding:10px 12px;box-sizing:border-box;opacity:0}
.scn.gr .stat b{display:block;font:700 22px/1 'JetBrains Mono',monospace;letter-spacing:-.03em;color:#0A7A6F;white-space:nowrap}
.scn.gr .stat.gold b{color:#9A6E00}.scn.gr .stat.dark b{color:#15211D}
.scn.gr .stat .meta{margin-top:5px;white-space:normal;line-height:1.35}
.scn.gr .gtoast{left:30px;top:286px}

/* ===== dashboard in de groene band: balken groeien, cijfers tellen ===== */
.dash[data-scene] .dash-chart i{height:0}
.dash[data-scene] .dk b{display:inline-block;min-width:3ch}

@media(prefers-reduced-motion:reduce){
  .scn .mesh,.stage .mesh{animation:none}
  .scn .agent .core:after,.stage .agent .core:after,.scn .agent .dots b,.stage .agent .dots b{animation:none}
}