/* Focused color and motion for the opportunity, process, and partnership sections. */
#why .muted,.process-intro .muted { color:#377c64; }
.value-item { position:relative; isolation:isolate; }
.value-item::before { content:''; position:absolute; top:-1px; left:0; width:100%; height:2px; background:linear-gradient(90deg,#418a70,#a3f486); transform:scaleX(0); transform-origin:left; transition:transform .5s ease; }
.value-item:hover::before { transform:scaleX(1); }
.money-art>span { color:#285f4e; transition:color .35s,text-shadow .35s; }
.money-art path { stroke:#6ca988; stroke-width:2; }
.value-item:hover .money-art>span { color:#347c59; text-shadow:0 0 26px #a3f48655; }
.value-item:hover .money-art path { stroke:#4f9c63; animation:investment-rise 1.6s ease both; }
.orbit-ring,.orbit-ring:after { border-color:#8fb9a4; }
.orbit-center { background:#255f4e; color:#c5f9a8; box-shadow:0 0 0 9px #b3d9bb29; transition:background .35s,box-shadow .35s,transform .35s; }
.orbit-point { border-color:#80af94; color:#356c55; background:#eff5e9; }
.value-item:hover .orbit-center { background:#a3f486; color:#173e32; box-shadow:0 0 0 14px #a3f48625,0 0 35px #9ada8570; transform:rotate(8deg); }
.value-item:hover .orbit-ring { animation:orbit-turn 9s linear infinite; }
.bars-art { overflow:visible; }
.bars-art>span { background:#b6d8bb; border-radius:3px 3px 0 0; transition:background .25s,box-shadow .25s,filter .25s; }
.bars-art>span:nth-child(2) { background:#9cccad; --bar-delay:.1s; }
.bars-art>span:nth-child(3) { background:#77b694; --bar-delay:.2s; }
.bars-art>span:nth-child(4) { background:#4e9679; --bar-delay:.3s; }
.bars-art>span:nth-child(5) { background:#286950; --bar-delay:.4s; }
.bars-art>i { color:#3d8865; transition:color .3s,transform .3s; }
.value-item.visible .bars-art>span { animation:bar-charge .85s var(--bar-delay,0s) cubic-bezier(.2,.7,.2,1) backwards; }
.value-item:hover .bars-art>span { background:#8edc82; box-shadow:0 0 20px #98e87d44; }
.value-item .bars-art>span:hover { background:#bcff9a; box-shadow:0 0 9px #b4f591bb,0 0 30px #81d46699; filter:brightness(1.08); }
.value-item:hover .bars-art>i { color:#246a47; transform:translate(3px,-3px); }
.step { position:relative; isolation:isolate; }
.step::before { content:''; position:absolute; inset:0 -16px; border-radius:8px; background:linear-gradient(100deg,#e5f0e2,#edf3ea66); opacity:0; z-index:-1; transition:opacity .35s; }
.step::after { content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:linear-gradient(90deg,#468a6c,#a3f486); transform:scaleX(0); transform-origin:left; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.step-number,.step .eyebrow { color:#4e7f6b; }
.step-symbol { color:#4e896c; transition:color .3s,transform .3s,text-shadow .3s; }
.step:hover::before { opacity:1; }
.step:hover::after { transform:scaleX(1); }
.step:hover .step-symbol { color:#2d8d52; transform:translate(2px,-2px); text-shadow:0 0 14px #a3f486aa; }
.process-track span { background:#64a879; }
.process-intro .button { background:#265f4c; }
.process-intro .button:hover { background:#31765e; }
.statement { background:radial-gradient(ellipse at 85% 30%,#306b50 0,transparent 60%),#163f35; color:#f5f8ee; }
.statement .eyebrow { color:#bcd5c5; }
.statement-copy>span { color:#aaf28a; text-shadow:0 0 55px #a3f48616; }
.statement-bottom p { color:#ccdbd1; }
.statement .circle-link { color:#b7f296; border-color:#90be9f80; background:#c3f1b509; box-shadow:0 0 0 0 #a3f48600; transition:background .3s,box-shadow .3s,transform .3s; }
.statement .circle-link:hover { background:#a3f486; color:#173d30; box-shadow:0 0 35px #a3f48640; transform:rotate(45deg); }
.statement-route { opacity:.6; }
.statement-route path { stroke:#80b49a; stroke-width:1; }
.statement-route .statement-current { stroke:#a3f486; stroke-width:2.5; stroke-linecap:round; stroke-dasharray:12 88; stroke-dashoffset:12; animation:partnership-power 6s linear infinite; filter:drop-shadow(0 0 5px #a3f48677); }
@keyframes investment-rise { from { stroke-dashoffset:420; } to { stroke-dashoffset:0; } }
@keyframes bar-charge { from { transform:scaleY(.15); opacity:.35; } to { transform:scaleY(1); opacity:1; } }
@keyframes orbit-turn { to { transform:rotate(360deg); } }
@keyframes partnership-power { to { stroke-dashoffset:-88; } }
@media(hover:none) { .value-item::before { transform:scaleX(.3); } }
@media(max-width:600px) { .step::before { inset:0 -8px; } .statement-route { opacity:.28; } }
@media(prefers-reduced-motion:reduce) { .statement-current { display:none; } }
.motion-paused .statement-current { display:none; }
.managed-art { overflow:visible; }
.funded-art { overflow:visible; }
.funded-art svg { width:100%; max-width:280px; height:100%; overflow:visible; }
.funding-back { fill:#dae9d9; stroke:#b2cdb6; stroke-width:1.5; transition:transform .35s; }
.funding-card { fill:#edf3e9; stroke:#51826b; stroke-width:2; }
.funding-amount { fill:#275b48; font:500 58px var(--display); letter-spacing:-3px; }
.funding-caption { fill:#527260; font:600 9px var(--sans); letter-spacing:1px; }
.funding-detail { stroke:#9dbba3; stroke-width:2; stroke-linecap:round; }
.funding-badge { fill:#a6e789; stroke:#f4f4ed; stroke-width:5; transition:fill .3s,filter .3s; }
.funding-check { stroke:#285b40; stroke-width:3.5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1; }
.value-item:hover .funding-back { transform:translate(2px,-3px); }
.value-item:hover .funding-badge { fill:#b9f795; filter:drop-shadow(0 0 10px #9adb8066); }
.value-item:hover .funding-check { animation:funding-approved .7s ease both; }
@keyframes funding-approved { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
.managed-art svg { width:100%; max-width:300px; height:100%; overflow:visible; }
.service-links path { stroke:#91b7a0; stroke-width:1.5; transition:stroke .35s; }
.managed-cable { stroke:#527565; stroke-width:3; stroke-linecap:round; }
.managed-charger { fill:#275b48; }
.managed-face { fill:#e7f0e3; }
.managed-bolt { fill:#438d61; }
.managed-light { stroke:#a3f486; stroke-width:3; stroke-linecap:round; }
.service-check circle { fill:#e7f0e3; stroke:#a2c3aa; transition:fill .3s,filter .3s; }
.service-check path { stroke:#3f7b53; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.service-check text { fill:#527260; font:500 10px var(--sans); }
.value-item:hover .service-links path { stroke:#66b476; }
.value-item:hover .service-check circle { fill:#acf28c; filter:drop-shadow(0 0 6px #9add8266); }
.service-check:nth-of-type(3) circle { transition-delay:.1s; }
.service-check:nth-of-type(4) circle { transition-delay:.2s; }
@media(max-width:600px) { .managed-art { overflow:hidden; } .managed-art svg { width:145px; max-width:none; transform:translateX(-8px); } .service-check text { display:none; } }
