/* Model layers and the five-worker ring share the site's sage palette. */
.model-chip{display:block;padding:6px;transform:none;background:linear-gradient(145deg,#e8ede0,#dbe4d2);width:102px;height:112px;border-radius:16px}
.model-chip svg{display:block;width:100%;height:100%}
.chip-pins{stroke:#819273}.chip-frame{fill:#d1ddc4;stroke:#8b9f7c;stroke-width:1.2}.chip-inset{fill:#e6eddc;stroke:#adc09c;stroke-width:.7}
.chip-layer{fill:#b0c49e;stroke:#7d966a;stroke-width:.8}.layer-middle{fill:#c7d7b8}.layer-top{fill:#dfebd3}.layer-edge{stroke:#647f51;stroke-width:1.1}.chip-core{fill:#86a370;stroke:#6a8757;stroke-width:.7}
.chip-layer{animation:layer-breathe 6s ease-in-out infinite;animation-play-state:paused}.layer-middle{animation-delay:-1.1s}.layer-bottom{animation-delay:-2.2s}
/* Abstract five-node network: layered computation, synchronization and depth. */
.distributed-network{display:block;height:290px;padding:5px 18px;background:radial-gradient(ellipse at 50% 50%,#dce7d3,#edf0e7);border:1px solid #d3dec9;overflow:hidden}
.distributed-network::before{display:none}.distributed-network svg{display:block;width:100%;height:100%}
.network-orbit{stroke:#8ea380;stroke-dasharray:2 10;stroke-width:.7;opacity:.3}.network-faint{stroke:#7a9769;stroke-width:.8;opacity:.28}.network-path{stroke:#829d72;stroke-width:1.2;opacity:.6}
.network-signal{stroke:#456b32;stroke-width:2;stroke-dasharray:18 180;stroke-linecap:round;animation:ring-sync 10s linear infinite;animation-play-state:paused}.network-signal.secondary{stroke-width:1.2;opacity:.6;animation-duration:14s;animation-direction:reverse}
.tile-under{fill:#91aa80;stroke:#79956a}.tile-mid{fill:#bad0a9;stroke:#8ba879}.tile-top{fill:#e2edd8;stroke:#9ab788}.tile-circuit{stroke:#729961;stroke-width:.75;opacity:.6}.tile-shadow{fill:#688552;opacity:.12}.tile-glow{fill:#567c3e;animation:studio-status 4.5s ease-in-out infinite;animation-delay:var(--pulse-delay,0s);animation-play-state:paused}
[data-theme="dark"] .distributed-network{background:radial-gradient(ellipse at 50% 50%,#24392b,#1b2a22);border-color:#304335}[data-theme="dark"] .network-orbit{stroke:#9cbb88}[data-theme="dark"] .network-faint{stroke:#9cbb88;opacity:.2}[data-theme="dark"] .network-path{stroke:#8bad76}[data-theme="dark"] .network-signal{stroke:#d1edb6}[data-theme="dark"] .tile-under{fill:#253e2d;stroke:#5b7e4d}[data-theme="dark"] .tile-mid{fill:#3b5a3c;stroke:#739361}[data-theme="dark"] .tile-top{fill:#59734c;stroke:#a2bc8d}[data-theme="dark"] .tile-circuit{stroke:#d2e5bf}[data-theme="dark"] .tile-glow{fill:#e9f8d8}[data-theme="dark"] .tile-shadow{fill:#06160b;opacity:.32}
.animated-art.is-moving .icon-motion{animation-play-state:running}html[data-mini-motion="paused"] .animated-art .icon-motion{animation-play-state:paused}
[data-theme="dark"] .model-chip{background:linear-gradient(145deg,#29372c,#1c2821)}
[data-theme="dark"] .chip-pins{stroke:#667d60}[data-theme="dark"] .chip-frame{fill:#253529;stroke:#6b825e}[data-theme="dark"] .chip-inset{fill:#1d2b22;stroke:#445b3d}[data-theme="dark"] .chip-layer{fill:#354c32;stroke:#789168}[data-theme="dark"] .layer-middle{fill:#496240}[data-theme="dark"] .layer-top{fill:#627f51}[data-theme="dark"] .layer-edge{stroke:#a2bf83}[data-theme="dark"] .chip-core{fill:#a4c28a;stroke:#b6d49b}
@keyframes layer-breathe{0%,100%{translate:0 1px;opacity:.82}50%{translate:0 -2px;opacity:1}}
@keyframes ring-sync{to{stroke-dashoffset:-928}}
@keyframes studio-status{0%,100%{opacity:.45}35%{opacity:1}60%{opacity:.65}}
@media(max-width:700px){.model-chip{width:78px;height:88px;padding:5px}.distributed-network{height:245px;padding:5px}}
@media(prefers-reduced-motion:reduce){.animated-art .icon-motion{animation:none!important}}

/* A bottom-to-top activation passes through three distinct, raised chip plates. */
.model-chip{box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #81957430}
.chip-frame{stroke-width:1.5}.chip-inset{stroke-width:1}
.layer-side{fill:#819c6b;stroke:#698558;stroke-width:.65}
.chip-layer{animation:chip-layer-lift 4.2s ease-in-out infinite;animation-play-state:paused;--plate-lift:-1px}
.layer-bottom{animation-delay:0s}.layer-middle{animation-delay:0s;--plate-lift:-3px}.layer-top{animation-delay:0s;--plate-lift:-5px}
.chip-flash{fill:#fff;stroke:#f6ffe8;stroke-width:1.8;opacity:0;animation:chip-layer-flash 4.2s ease-in-out infinite;animation-play-state:paused}
.layer-bottom .chip-flash{animation-delay:0s}.layer-middle .chip-flash{animation-delay:.55s}.layer-top .chip-flash{animation-delay:1.1s}
[data-theme="dark"] .model-chip{box-shadow:inset 0 1px 0 #b7cf9a25,inset 0 -1px 0 #0005}
[data-theme="dark"] .layer-side{fill:#203722;stroke:#617f4e}
.compute-node use{animation:compute-float 5.5s ease-in-out infinite;animation-play-state:paused;animation-delay:var(--pulse-delay,0s)}
.animated-art.is-moving .compute-node use{animation-play-state:running}
html[data-mini-motion="paused"] .animated-art .compute-node use{animation-play-state:paused}
@keyframes chip-layer-lift{0%,100%{translate:0 1px}40%,60%{translate:0 var(--plate-lift)}}
@keyframes chip-layer-flash{0%,8%,31%,100%{opacity:0}16%{opacity:.85}23%{opacity:.22}}
@keyframes compute-float{0%,100%{translate:0 2px}50%{translate:0 -7px}}
@media(prefers-reduced-motion:reduce){.animated-art .compute-node use{animation:none!important}.chip-flash{opacity:0}}