.scale-demo{padding:18px;overflow:hidden}.scale-stage{position:relative;width:100%;height:100%;min-height:320px;border:1px solid var(--line);border-radius:var(--radius);background:#faf9f5;overflow:hidden;transition:background .55s ease,border-color .55s ease,box-shadow .55s ease}.scale-network{position:absolute;inset:0;z-index:1;transition:filter .45s ease,opacity .45s ease}.scale-network-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.scale-you-node{opacity:.56;transform:translate(-50%,-50%) scale(.92);box-shadow:none;transition:box-shadow .45s ease,background .45s ease,transform .45s ease}.scale-network .scale-system{opacity:.66;pointer-events:none;transition:opacity .45s ease,transform .45s ease,background .45s ease,border-color .45s ease,color .45s ease,box-shadow .45s ease}.scale-network .scale-system.is-bottleneck{opacity:1;transform:scale(1.07);border-color:#b44732;background:#fff7f4;color:#8b3528;box-shadow:0 0 0 7px rgba(180,71,50,.08)}.scale-network .scale-system.is-coordinated{opacity:.9;transform:scale(1);border-color:rgba(47,116,64,.38);color:#2f7440;background:#f7fbf7;box-shadow:0 0 0 4px rgba(47,116,64,.045)}.scale-network-link{fill:none;stroke:rgba(15,107,104,.2);stroke-width:1.6;vector-effect:non-scaling-stroke;transition:stroke .55s ease,stroke-width .55s ease,opacity .55s ease}.scale-network-pulse{fill:var(--accent);opacity:.3;filter:drop-shadow(0 0 2px rgba(15,107,104,.24));transition:fill .55s ease,opacity .55s ease,filter .55s ease}.scale-work-item{fill:var(--accentDark);opacity:.72;filter:drop-shadow(0 0 2px rgba(15,107,104,.3));transition:fill .55s ease,opacity .55s ease,r .55s ease,filter .55s ease}.scale-stage.is-warning .scale-work-item{fill:#9a7300}.scale-stage.is-overloaded{border-color:rgba(180,71,50,.42);background:#fff8f5;box-shadow:inset 0 0 0 1px rgba(180,71,50,.035)}.scale-stage.is-overloaded .scale-network-link{stroke:rgba(180,71,50,.4)}.scale-stage.is-overloaded .scale-network-pulse,.scale-stage.is-overloaded .scale-work-item{fill:#b44732;opacity:.88;filter:drop-shadow(0 0 3px rgba(180,71,50,.34))}.scale-stage.is-overloaded .scale-you-node{background:#35211d;box-shadow:0 0 0 11px rgba(180,71,50,.1)}.scale-stage.is-transforming{border-color:rgba(15,107,104,.45);background:#fbfbf7}.scale-stage.is-transforming .scale-network{filter:saturate(.88)}.scale-stage.is-stabilized{border-color:rgba(47,116,64,.42);background:#f8fbf7;box-shadow:inset 0 0 0 1px rgba(47,116,64,.04)}.scale-stage.is-stabilized .scale-network-link{stroke:rgba(47,116,64,.32);stroke-width:1.7}.scale-stage.is-stabilized .scale-network-pulse{fill:#2f7440;opacity:.42;filter:drop-shadow(0 0 2px rgba(47,116,64,.24))}.scale-stage.is-stabilized .scale-work-item{fill:#2f7440;opacity:.74;filter:drop-shadow(0 0 2px rgba(47,116,64,.18))}.scale-stage.is-stabilized .scale-work-item.is-organized{opacity:.68}.scale-stage.is-stabilized .scale-you-node{background:var(--ink);box-shadow:0 0 0 8px rgba(47,116,64,.055)}
.scale-network .slot-1{left:6%;top:27%}.scale-network .slot-2{left:28%;top:20%}.scale-network .slot-3{right:28%;top:20%}.scale-network .slot-4{right:6%;top:27%}.scale-network .slot-5{left:5%;top:52%}.scale-network .slot-6{right:5%;top:52%}.scale-network .slot-7{left:6%;bottom:8%}.scale-network .slot-8{left:28%;bottom:7%}.scale-network .slot-9{right:28%;bottom:7%}.scale-network .slot-10{right:6%;bottom:8%}
.scale-load{position:absolute;z-index:6;left:50%;top:12px;min-width:160px;transform:translateX(-50%);display:grid;grid-template-columns:auto auto;grid-template-areas:"label label" "value unit";column-gap:7px;align-items:end;padding:8px 14px 9px;border:1px solid currentColor;border-radius:9px;background:rgba(255,255,255,.96);color:#2f7440;box-shadow:0 9px 26px rgba(21,26,30,.07);transition:color .45s ease,border-color .45s ease,box-shadow .45s ease,transform .45s ease}.scale-load span{grid-area:label;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.scale-load strong{grid-area:value;font-size:var(--load-size,30px);line-height:.9;font-weight:900;transition:font-size .35s ease}.scale-load small{grid-area:unit;padding-bottom:2px;font-size:10px;font-weight:850;text-transform:uppercase}.scale-load.is-green{color:#2f7440}.scale-load.is-yellow{color:#9a7300;box-shadow:0 9px 28px rgba(154,115,0,.11)}.scale-load.is-red{color:#b44732;box-shadow:0 12px 34px rgba(180,71,50,.16)}.scale-load.is-red.is-peak{animation:scaleStress .18s linear infinite}.scale-load.is-stable{color:#2f7440;border-color:#2f7440;box-shadow:0 10px 30px rgba(47,116,64,.12)}
.scale-problems{position:absolute;z-index:6;right:16px;top:15px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.scale-problems.is-visible{opacity:1;transform:translateY(0)}.scale-problems span{padding:5px 8px;border:1px solid rgba(180,71,50,.3);border-radius:999px;background:rgba(255,250,247,.96);color:#9a3d2e;font-size:10px;font-weight:850;box-shadow:0 5px 14px rgba(180,71,50,.07)}
.scale-work-types{position:absolute;z-index:5;left:16px;top:17px;display:flex;gap:6px;flex-wrap:wrap;max-width:330px}.scale-work-types span{padding:4px 7px;border:1px solid rgba(200,192,178,.85);border-radius:999px;background:rgba(255,255,255,.85);color:var(--muted);font-size:9px;font-weight:800}
.scale-cybtronix-layer{position:absolute;z-index:4;inset:8px;border:1px solid transparent;border-radius:10px;pointer-events:none;opacity:0;transition:opacity .55s ease,border-color .55s ease,box-shadow .55s ease;overflow:hidden}.scale-cybtronix-layer.is-visible{opacity:1;border-color:rgba(47,116,64,.48);box-shadow:inset 0 0 0 1px rgba(47,116,64,.07)}.scale-cybtronix-label{position:absolute;left:14px;bottom:11px;display:flex;align-items:baseline;gap:8px;padding:5px 8px;border-radius:6px;background:rgba(250,249,245,.94);color:#2f7440}.scale-cybtronix-label strong{font-size:11px;font-weight:950;letter-spacing:.05em}.scale-cybtronix-label span{font-size:9px;font-weight:750;color:var(--muted)}.scale-cybtronix-layer:after{content:"";position:absolute;left:-35%;top:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(47,116,64,.14),transparent);transform:skewX(-12deg);opacity:0}.scale-cybtronix-layer.is-entering:after{animation:scaleWave 1.15s ease-out both}
.scale-summary{position:absolute;z-index:7;right:16px;top:15px;width:190px;display:grid;gap:5px;padding:9px 11px;border:1px solid rgba(47,116,64,.34);border-radius:8px;background:rgba(255,255,255,.96);opacity:0;transform:translateY(-5px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.scale-summary.is-visible{opacity:1;transform:translateY(0)}.scale-summary div{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.scale-summary strong{font-size:11px;color:#2f7440}
.scale-exception{position:absolute;z-index:10;left:50%;top:50%;width:min(480px,60%);transform:translate(-50%,-46%) scale(.94);padding:18px 20px;border:1px solid var(--ink);border-radius:9px;background:rgba(255,255,255,.985);box-shadow:0 22px 58px rgba(21,26,30,.18);opacity:0;transition:opacity .35s ease,transform .35s ease,border-color .35s ease}.scale-exception.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.scale-exception.is-leaving{opacity:0;transform:translate(-50%,-54%) scale(.95);pointer-events:none}.scale-exception.is-rescue{border-color:#b44732;box-shadow:0 22px 58px rgba(180,71,50,.16),0 0 0 8px rgba(180,71,50,.045)}.scale-exception-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.scale-exception h3{margin:0;max-width:340px;font-size:22px}.scale-exception-value{flex:0 0 auto;font-size:30px;font-weight:950;line-height:1;color:#b44732}.scale-exception.is-rescue .scale-exception-value:after{content:" active";display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;text-align:right}.scale-exception p:not(.meta){margin:9px 0 0;color:var(--muted);font-size:12px}.scale-approve{width:100%;margin-top:14px}.scale-approve.is-attention{animation:workflowAttention 1.3s ease-in-out infinite}.scale-refund{display:none!important}.scale-next:disabled{opacity:.22;cursor:default;filter:saturate(.4);box-shadow:none}.scale-next.is-ready{opacity:1;filter:none;animation:workflowNext 1.45s ease-in-out infinite}.scale-note{margin:10px 0 0;color:var(--muted);font-size:12px;text-align:center}
@keyframes scaleStress{0%{transform:translateX(-50%) translate(0,0)}25%{transform:translateX(-50%) translate(-1px,1px)}50%{transform:translateX(-50%) translate(1px,0)}75%{transform:translateX(-50%) translate(0,-1px)}100%{transform:translateX(-50%) translate(0,0)}}@keyframes scaleWave{0%{left:-35%;opacity:0}15%{opacity:1}100%{left:112%;opacity:0}}
@media(prefers-reduced-motion:reduce){.scale-load.is-red.is-peak,.scale-cybtronix-layer.is-entering:after,.scale-approve.is-attention,.scale-next.is-ready{animation:none}.scale-network-pulse,.scale-work-item{display:none}}
@media(max-width:1199px){.scale-exception{width:min(480px,68%)}.scale-work-types{max-width:260px}.scale-summary{width:175px}}
@media(max-width:767px){.scale-demo{padding:10px}.scale-stage{min-height:440px}.scale-network .complexity-node{width:86px;font-size:10px}.scale-network .slot-1{left:2%;top:24%}.scale-network .slot-2{left:35%;top:20%}.scale-network .slot-3{right:2%;top:24%}.scale-network .slot-4{right:2%;top:44%}.scale-network .slot-5{left:2%;top:44%}.scale-network .slot-6{right:2%;top:62%}.scale-network .slot-7{left:2%;bottom:5%}.scale-network .slot-8{left:35%;bottom:5%}.scale-network .slot-9{right:2%;bottom:5%}.scale-network .slot-10{right:2%;bottom:22%}.scale-load{top:8px;min-width:138px;padding:7px 10px}.scale-work-types{left:8px;top:auto;bottom:8px;max-width:190px}.scale-problems{right:8px;top:8px}.scale-problems span{font-size:9px}.scale-summary{right:8px;top:8px;width:150px}.scale-exception{width:88%;padding:15px}.scale-exception h3{font-size:19px}.scale-exception-value{font-size:24px}.scale-cybtronix-label{left:8px;bottom:46px}}