:root{--torus-bg:transparent;--torus-grid-dark:#3a5868;--torus-grid-medium:#5a7888;--torus-teal-r:74;--torus-teal-g:156;--torus-teal-b:156;--torus-orange-r:212;--torus-orange-g:165;--torus-orange-b:116;--demo-bg:#f9fafb;--demo-card-bg:#fff;--demo-text:#1f2937;--demo-text-secondary:#374151;--demo-button-bg:#3b82f6;--demo-button-hover:#2563eb;--demo-slider-bg:#e5e7eb}.torus-container{cursor:pointer;width:100%;height:100%;transition:transform .3s ease-out,filter .3s ease-out}.torus-container:hover{filter:brightness(1.08);transform:scale(1.02)}.torus-container .background{fill:#0000}.torus-container .patches{stroke:none;animation:6s ease-in-out infinite torus-shimmer}.torus-container .grid-lines{stroke:var(--torus-grid-medium);stroke-width:1px;opacity:.5;fill:none;animation:4s ease-in-out infinite grid-pulse}@keyframes torus-shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@keyframes grid-pulse{0%,to{opacity:.4}50%{opacity:.6}}
:root{--resonance-bg:transparent;--resonance-dark-teal:#3a5868;--resonance-dark-teal-light:#5a7888;--resonance-dark-teal-dark:#2a4858;--resonance-teal:#6aa8b8;--resonance-teal-light:#8ac8d8;--resonance-teal-dark:#5a98a8;--resonance-light-teal:#9ad8e8;--resonance-light-teal-light:#aae8f8;--resonance-light-teal-dark:#8ac8d8;--resonance-orange:#d89870;--resonance-orange-light:#e8b090;--resonance-orange-dark:#c88860;--resonance-outline:#2a3840;--resonance-outline-width:2.5}.resonance-container{cursor:pointer;width:100%;height:100%;transition:transform .3s ease-out,filter .3s ease-out}.resonance-container:hover{filter:brightness(1.08);transform:scale(1.02)}.resonance-background{fill:var(--resonance-bg)}.resonance-dark-teal{fill:var(--resonance-dark-teal)}.resonance-teal{fill:var(--resonance-teal)}.resonance-light-teal{fill:var(--resonance-light-teal)}.resonance-orange{fill:var(--resonance-orange)}.resonance-outline{fill:none;stroke:var(--resonance-outline);stroke-width:var(--resonance-outline-width);stroke-linejoin:round;stroke-linecap:round}.resonance-layer{transform-origin:250px 250px}.resonance-layer-1{animation:7s ease-in-out infinite layer-rotate-1}.resonance-layer-2{animation:8s ease-in-out -2s infinite layer-rotate-2}.resonance-layer-3{animation:9s ease-in-out -4s infinite layer-rotate-3}.resonance-layer-4{animation:7.5s ease-in-out -3s infinite layer-rotate-4}@keyframes layer-rotate-1{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes layer-rotate-2{0%,to{transform:rotate(3deg)}50%{transform:rotate(-3deg)}}@keyframes layer-rotate-3{0%,to{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}@keyframes layer-rotate-4{0%,to{transform:rotate(4deg)}50%{transform:rotate(-3deg)}}.resonance-layer ellipse{animation:4s ease-in-out infinite tube-breathe}@keyframes tube-breathe{0%,to{opacity:.9}50%{opacity:1}}
:root{--stack-bg:transparent;--stack-cyan-light:#0ff6;--stack-cyan:#00c8c880;--stack-cyan-dark:#00969699;--stack-purple-light:#b464ff66;--stack-purple:#9650dc80;--stack-purple-dark:#783cb499;--stack-blue-light:#6496ff66;--stack-blue:#5078dc80;--stack-blue-dark:#3c5ab499;--stack-deep-light:#50287880;--stack-deep:#3c1e6499;--stack-deep-dark:#281450b3;--stack-outline:#00ffff4d;--stack-outline-width:1}@layer components{.isometric-stack-container{cursor:pointer;width:100%;height:100%;transition:transform .3s ease-out,filter .3s ease-out}.isometric-stack-container:hover{filter:brightness(1.08);transform:scale(1.02)}.stack-background{fill:var(--stack-bg)}.block-cyan-light{fill:var(--stack-cyan-light)}.block-cyan{fill:var(--stack-cyan)}.block-cyan-dark{fill:var(--stack-cyan-dark)}.block-purple-light{fill:var(--stack-purple-light)}.block-purple{fill:var(--stack-purple)}.block-purple-dark{fill:var(--stack-purple-dark)}.block-blue-light{fill:var(--stack-blue-light)}.block-blue{fill:var(--stack-blue)}.block-blue-dark{fill:var(--stack-blue-dark)}.block-deep-light{fill:var(--stack-deep-light)}.block-deep{fill:var(--stack-deep)}.block-deep-dark{fill:var(--stack-deep-dark)}.block-beige-light{fill:var(--stack-cyan-light)}.block-beige{fill:var(--stack-cyan)}.block-beige-dark{fill:var(--stack-cyan-dark)}.block-gray-blue{fill:var(--stack-purple-light)}.block-gray-blue-dark{fill:var(--stack-purple)}.block-orange-light{fill:var(--stack-purple-light)}.block-orange{fill:var(--stack-purple)}.block-orange-dark{fill:var(--stack-purple-dark)}.block-teal-light{fill:var(--stack-blue-light)}.block-teal{fill:var(--stack-blue)}.block-teal-dark{fill:var(--stack-blue-dark)}.block-teal-darker{fill:var(--stack-deep-light)}.block-dark-teal{fill:var(--stack-deep)}.block-dark-teal-darker{fill:var(--stack-deep-dark)}.stack-outline{stroke:var(--stack-outline);stroke-width:var(--stack-outline-width);stroke-linejoin:round;stroke-linecap:round;fill:none}.stack-shape{stroke:var(--stack-outline);stroke-width:var(--stack-outline-width);stroke-linejoin:round;stroke-linecap:round}}
:root{--unit-bg:transparent;--unit-dark-teal:#3a5868;--unit-dark-teal-light:#4a6878;--unit-dark-teal-dark:#2a4858;--unit-teal:#6aa8b8;--unit-teal-light:#7ab8c8;--unit-teal-dark:#5a98a8;--unit-light-teal:#8ac8d8;--unit-light-teal-light:#9ad8e8;--unit-light-teal-dark:#7ab8c8;--unit-orange:#d89870;--unit-orange-light:#e8a880;--unit-orange-dark:#c88860;--unit-beige:#e8d8b8;--unit-beige-light:#f8e8c8;--unit-beige-dark:#d8c8a8;--unit-outline:#2a3840;--unit-outline-width:2}.unit-container{cursor:pointer;width:100%;height:100%;transition:transform .3s ease-out,filter .3s ease-out}.unit-container:hover{filter:brightness(1.08);transform:scale(1.02)}.unit-background{fill:var(--unit-bg)}.unit-dark-teal{fill:var(--unit-dark-teal)}.unit-dark-teal-light{fill:var(--unit-dark-teal-light)}.unit-dark-teal-dark{fill:var(--unit-dark-teal-dark)}.unit-teal{fill:var(--unit-teal)}.unit-teal-light{fill:var(--unit-teal-light)}.unit-teal-dark{fill:var(--unit-teal-dark)}.unit-light-teal{fill:var(--unit-light-teal)}.unit-light-teal-light{fill:var(--unit-light-teal-light)}.unit-light-teal-dark{fill:var(--unit-light-teal-dark)}.unit-orange{fill:var(--unit-orange)}.unit-orange-light{fill:var(--unit-orange-light)}.unit-orange-dark{fill:var(--unit-orange-dark)}.unit-beige{fill:var(--unit-beige)}.unit-beige-light{fill:var(--unit-beige-light)}.unit-beige-dark{fill:var(--unit-beige-dark)}.unit-outline{fill:none;stroke:var(--unit-outline);stroke-width:var(--unit-outline-width);stroke-linejoin:round}.unit-diagram{transform-origin:250px 250px;animation:12s ease-in-out infinite unit-rotate}@keyframes unit-rotate{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
:root{--workflow-bg:#ffffff08;--icon-box-bg:#4a6878;--icon-box-border:#2a3840;--icon-box-corner:#d89870;--graph-node-teal:#6aa8b8;--graph-node-orange:#d89870;--graph-line:#8ac8d8;--file-bg:#ffffff14;--file-border:#5a7888;--file-fold:#ffffff26;--hash-box-bg:#8ac8d8;--hash-box-border:#2a3840;--device-cpu:#d89870;--device-gpu:#6aa8b8;--device-screen:#ffffff1a;--device-border:#5a7888;--arrow-color:#8ac8d8;--text-color:#c8d8e8}.workflow-container{cursor:pointer;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:transform .3s ease-out,filter .3s ease-out}.workflow-container:hover{filter:brightness(1.08);transform:scale(1.02)}.workflow-background{fill:var(--workflow-bg);rx:16}.workflow-text{fill:var(--text-color);font-weight:600}.workflow-text-small{fill:var(--text-color);font-size:10px}.workflow-arrow{stroke:var(--arrow-color);stroke-width:2px;fill:var(--arrow-color);animation:2s ease-in-out infinite arrow-pulse}@keyframes arrow-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes dot-flow{0%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}to{opacity:.4;transform:translateY(0)}}@keyframes node-glow{0%,to{filter:drop-shadow(0 0 2px #8ac8d84d)}50%{filter:drop-shadow(0 0 6px #8ac8d899)}}.workflow-container circle{animation:3s ease-in-out infinite node-glow}.workflow-container circle:nth-child(odd){animation-delay:.5s}.workflow-container circle:nth-child(2n){animation-delay:1s}
:root{--comparison-bg:#ffffff08;--graph-traditional:#e8a080;--graph-atlas:#6aa8b8;--graph-axis:#8ac8d8;--gear-teal:#6aa8b8;--gear-dark-teal:#4a6878;--gear-orange:#d89870;--magnify-teal:#6aa8b8;--magnify-glass:#ffffff26;--table-header-orange:#d898704d;--table-header-teal:#6aa8b84d;--table-cell-beige:#ffffff0d;--table-border:#5a7888;--table-text:#c8d8e8;--node-orange:#d89870;--node-teal:#6aa8b8;--node-border:#5a7888;--connection:#8ac8d866;--wire:#5a7888;--gate-teal:#6aa8b8;--gate-orange:#d89870}.comparison-container{cursor:pointer;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:transform .3s ease-out,filter .3s ease-out}.comparison-container:hover{filter:brightness(1.08);transform:scale(1.02)}.comparison-background{fill:var(--comparison-bg);rx:16}.comparison-text{fill:var(--table-text)}.comparison-text-bold{fill:var(--table-text);font-weight:700}