.hero-art{display:flex;align-items:flex-start;justify-content:center;min-width:0;width:100%;height:auto;aspect-ratio:auto;overflow:visible}.node-graph{position:relative;width:100%;min-height:220px;direction:ltr!important;isolation:isolate;overflow:visible}.graph-branches{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.graph-branch{fill:none;stroke:url(#graphBranchGradient);stroke-width:1.6;stroke-linecap:round;opacity:.48;animation:graph-branch-breathe 5.5s ease-in-out infinite;transition:opacity .2s ease,stroke-width .2s ease,filter .2s ease}.graph-branch.is-active{stroke-width:2.5;opacity:1;filter:drop-shadow(0 0 5px rgba(199,243,107,.62))}.graph-branch.is-emphasized{stroke-width:3;opacity:1;animation:none;filter:drop-shadow(0 0 8px rgba(199,243,107,.9))}@keyframes graph-branch-breathe{0%,100%{filter:drop-shadow(0 0 0 rgba(199,243,107,0))}50%{filter:drop-shadow(0 0 3px rgba(199,243,107,.34))}}.graph-hub{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:92px;height:92px;border:1px solid rgba(199,243,107,.44);border-radius:50%;background:radial-gradient(circle at 35% 26%,#263328,#151d18 72%);box-shadow:0 0 0 9px rgba(199,243,107,.035),0 0 42px rgba(199,243,107,.13),inset 0 1px rgba(255,255,255,.06);color:var(--lime);transform:translate(-50%,-50%)}.graph-hub>span{font-size:27px;font-weight:800;line-height:1;letter-spacing:-.08em}.graph-hub>small{color:#abb69f;font-size:8px;font-weight:800;letter-spacing:.16em}.graph-nodes{position:absolute;inset:0;z-index:3;pointer-events:none}.graph-node{position:absolute;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:none;min-height:40px;padding:9px 15px;border:1px solid rgba(199,243,107,.22);border-radius:999px;background:linear-gradient(135deg,rgba(27,36,30,.98),rgba(18,25,20,.97));color:#e7eee4;font:inherit;font-size:11px;font-weight:700;line-height:1.25;white-space:nowrap;writing-mode:horizontal-tb;cursor:pointer;pointer-events:auto;box-shadow:0 7px 22px rgba(0,0,0,.18);translate:-50% -50%;scale:1;animation:graph-float var(--float-duration,5.5s) ease-in-out var(--float-delay,0s) infinite;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,scale .2s}.graph-node:hover,.graph-node:focus-visible{z-index:5;border-color:rgba(199,243,107,.88);background:rgba(199,243,107,.14);color:var(--lime);box-shadow:0 0 0 3px rgba(199,243,107,.12),0 0 24px rgba(199,243,107,.22);scale:1.05;outline:none}.graph-node.is-active{z-index:4;border-color:rgba(199,243,107,.88);background:rgba(199,243,107,.12);color:var(--lime);box-shadow:0 0 0 2px rgba(199,243,107,.12),0 0 22px rgba(199,243,107,.2)}.graph-node.is-active::after{position:absolute;inset:-5px;border:1px solid rgba(199,243,107,.8);border-radius:inherit;content:"";pointer-events:none}.graph-node.is-just-selected::after{animation:graph-select-pulse 1s ease-out 2}.graph-node-icon{flex:0 0 auto;font-size:15px;line-height:1}.graph-node-label{display:inline-block;overflow:visible;text-overflow:clip;white-space:nowrap;unicode-bidi:plaintext}.graph-node:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@keyframes graph-float{0%,100%{translate:-50% -50%}50%{translate:calc(-50% + var(--float-x,7px)) calc(-50% + var(--float-y,-7px))}}@keyframes graph-select-pulse{0%{opacity:.9;scale:.96}100%{opacity:0;scale:1.2}}@media(max-width:619px){.hero-art{align-items:flex-start}.node-graph{min-height:220px}.graph-hub{width:78px;height:78px}.graph-hub>span{font-size:24px}.graph-node{min-height:38px;padding:8px 13px;font-size:10px}.graph-node-icon{font-size:14px}}@media(prefers-reduced-motion:reduce){.graph-node,.graph-node.is-just-selected::after,.graph-branch{animation:none!important;transition:none!important}.graph-node:hover,.graph-node:focus-visible{scale:1}}