/* Six partner roles exchange project inputs through a shared collaboration hub. */
[data-partner-motion]{--partner-ink:#b4cff6;--partner-muted:#859ec2;--partner-line:#699fe9;--partner-node:#19273c;--partner-investor:#e0bd82;--partner-resource:#78d0d1;--partner-tone:var(--partner-line)}
html[data-theme="light"] [data-partner-motion]{--partner-ink:#385d95;--partner-muted:#6c84a7;--partner-line:#5389dc;--partner-node:#f1f6ff;--partner-investor:#95702d;--partner-resource:#287f88}
[data-partner-role="investors"]{--partner-tone:var(--partner-investor)}
[data-partner-role="resources"]{--partner-tone:var(--partner-resource)}
[data-partner-motion] .partner-demo-label{font-size:8px;line-height:1.6;letter-spacing:.08em;color:var(--partner-muted);margin-bottom:5px}
[data-partner-motion] .network-visual{height:300px;container-type:inline-size;isolation:isolate}
[data-partner-motion] .partner-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
[data-partner-motion] .partner-track{stroke:var(--partner-line);stroke-width:1.15;opacity:.3}
[data-partner-motion] .partner-signal{stroke:var(--partner-tone);stroke-width:2;stroke-dasharray:.18 .82;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--partner-tone) 35%,transparent))}
[data-partner-motion] .partner-signal.is-partner-active{animation:partner-connection-flow 2.2s ease-in-out infinite;animation-play-state:paused}
[data-partner-motion].is-partner-running .partner-signal.is-partner-active{animation-play-state:running}
[data-partner-motion] .network-center{position:relative;width:clamp(60px,22cqw,106px);height:clamp(60px,22cqw,106px);display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:center;font-size:clamp(8px,2.8cqw,13px);color:var(--partner-ink);padding:7px}
[data-partner-motion] .network-center>b{font-weight:500;letter-spacing:.04em}
[data-partner-motion] .network-center>small{font:clamp(5px,1.65cqw,8px)/1.5 var(--font);color:var(--partner-muted);overflow-wrap:anywhere}
[data-partner-motion] .network-center:after{content:"";position:absolute;inset:-5px;border:1px solid var(--partner-tone);border-radius:50%;opacity:0;pointer-events:none}
[data-partner-motion].is-partner-running .network-center:after{animation:partner-hub-response 2.2s ease-out infinite}
[data-partner-motion] .network-node{width:27%;height:22%;left:auto;right:auto;top:auto;bottom:auto;padding:5px 7px;gap:4px;justify-content:center;transform:translateY(-50%);font-size:clamp(6px,2cqw,10px);line-height:1.5;text-align:center;color:var(--partner-ink);background:var(--partner-node);border-color:color-mix(in srgb,var(--partner-line) 25%,transparent);transition:border-color .4s,background-color .4s,box-shadow .4s}
[data-partner-motion] .network-node svg{width:clamp(12px,4.5cqw,20px);height:clamp(12px,4.5cqw,20px);flex-shrink:0;color:var(--partner-line)}
[data-partner-motion] .network-node>span{min-width:0;max-width:100%;overflow-wrap:anywhere}
[data-partner-motion] [data-partner-node="channels"],[data-partner-motion] [data-partner-node="regions"],[data-partner-motion] [data-partner-node="projects"]{left:1.5%}
[data-partner-motion] [data-partner-node="investors"],[data-partner-motion] [data-partner-node="resources"],[data-partner-motion] [data-partner-node="growth"]{right:1.5%}
[data-partner-motion] [data-partner-node="channels"],[data-partner-motion] [data-partner-node="investors"]{top:18%}
[data-partner-motion] [data-partner-node="regions"],[data-partner-motion] [data-partner-node="resources"]{top:50%}
[data-partner-motion] [data-partner-node="projects"],[data-partner-motion] [data-partner-node="growth"]{top:82%}
[data-partner-motion] [data-partner-node="investors"] svg{color:var(--partner-investor)}
[data-partner-motion] [data-partner-node="resources"] svg{color:var(--partner-resource)}
[data-partner-motion] .network-node.is-partner-active{border-color:color-mix(in srgb,var(--partner-tone) 70%,transparent);background:color-mix(in srgb,var(--partner-tone) 8%,var(--partner-node));box-shadow:0 0 0 2px color-mix(in srgb,var(--partner-tone) 10%,transparent),0 0 18px color-mix(in srgb,var(--partner-tone) 8%,transparent)}
[data-partner-ready="true"] .network-node{animation:partner-role-enter .6s ease-out both;animation-delay:calc(var(--node-index)*65ms);animation-play-state:paused}
[data-partner-motion].is-partner-running .network-node{animation-play-state:running}
[data-partner-motion] .partner-flow-note{display:flex;align-items:center;gap:8px;padding:9px 10px;margin-top:4px;background:color-mix(in srgb,var(--partner-line) 5%,transparent);border:1px solid color-mix(in srgb,var(--partner-line) 15%,transparent);border-radius:4px;color:var(--partner-ink)}
[data-partner-motion] .partner-flow-note>i{width:4px;height:4px;border-radius:50%;background:var(--partner-tone);flex-shrink:0;transition:background-color .3s}
[data-partner-motion] .partner-note-copy{display:grid;min-width:0;align-items:center;font-size:9px;line-height:1.6;overflow-wrap:anywhere}
[data-partner-motion] [data-partner-note]{grid-area:1/1;visibility:hidden}
[data-partner-phase="static"] [data-partner-note="static"],[data-partner-phase="0"] [data-partner-note="0"],[data-partner-phase="1"] [data-partner-note="1"],[data-partner-phase="2"] [data-partner-note="2"],[data-partner-phase="3"] [data-partner-note="3"],[data-partner-phase="4"] [data-partner-note="4"],[data-partner-phase="5"] [data-partner-note="5"]{visibility:visible}
[data-partner-motion] .partner-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:8px;height:3px}
[data-partner-motion] .partner-progress>i{background:color-mix(in srgb,var(--partner-line) 15%,transparent);border-radius:3px;transition:background-color .4s}
[data-partner-motion] .partner-progress>.is-partner-done{background:color-mix(in srgb,var(--partner-tone) 72%,transparent)}
[data-partner-motion] .mock-list>*{min-width:0;overflow-wrap:anywhere}
[data-partner-motion] .mock-list>b{max-width:60%;text-align:right}
[data-partner-motion].compact .partner-demo-label{font-size:6px;margin-bottom:2px}
[data-partner-motion].compact{padding-top:0}
[data-partner-motion].compact .mock-window{transform:perspective(1000px) rotateY(-6deg) rotateX(4deg) translateY(6px)}
[data-partner-motion].compact .window-content{padding:10px}
[data-partner-motion].compact .network-visual{height:166px}
[data-partner-motion].compact .network-node{height:24%;padding:2px 4px;gap:2px;font-size:clamp(5px,1.85cqw,7px);border-radius:4px}
[data-partner-motion].compact .network-node svg{width:11px;height:11px}
[data-partner-motion].compact .network-center{width:clamp(46px,22cqw,66px);height:clamp(46px,22cqw,66px);font-size:8px;gap:2px;padding:4px}
[data-partner-motion].compact .network-center>small{font-size:5px}
[data-partner-motion].compact .partner-flow-note{padding:6px;gap:6px}
[data-partner-motion].compact .partner-note-copy{font-size:7px}
@keyframes partner-role-enter{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@keyframes partner-connection-flow{0%{stroke-dashoffset:1;opacity:0}15%,80%{opacity:.85}100%{stroke-dashoffset:0;opacity:0}}
@keyframes partner-hub-response{0%,55%{opacity:0;transform:scale(.98)}70%{opacity:.5;transform:scale(1.02)}100%{opacity:0;transform:scale(1.18)}}
@media(max-width:700px){[data-partner-motion] .network-visual{height:280px}[data-partner-motion].compact .network-visual{height:166px}[data-partner-motion] .partner-note-copy{font-size:8px}}
@media(prefers-reduced-motion:reduce){[data-partner-motion] .network-node{animation:none!important;opacity:1!important;translate:0 0!important;transition:none!important}[data-partner-motion] .partner-signal,[data-partner-motion] .network-center:after{animation:none!important;opacity:0!important}[data-partner-motion] :is(.partner-progress>i,.partner-flow-note>i){transition:none!important}}
