.ecosystem-scroll{height:230vh;min-height:1400px}.ecosystem-sticky{position:sticky;top:83px;height:calc(100svh - 83px);min-height:720px;max-height:1150px;padding:38px 8% 20px;overflow:hidden;background:radial-gradient(ellipse at 45% 55%,#32225125,transparent 58%)}.eco-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;max-width:1300px;margin:auto}.eco-heading .micro{font-size:11px;letter-spacing:.16em;margin-bottom:22px;color:#b3a6ce}.eco-heading h1{font-size:clamp(42px,4.7vw,72px);line-height:1.07;margin:0;max-width:none;letter-spacing:-.05em}.eco-heading h1 em{font-style:normal;color:#cfb9e4}.eco-heading>p{font-size:17px;line-height:1.8;color:#9ca2bb;max-width:340px;margin:0 0 7px}.ecosystem{position:relative;isolation:isolate;width:100%;max-width:1300px;height:clamp(380px,48vh,575px);margin:24px auto 0;--p:0}.eco-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.eco-line{fill:none;stroke:url(#current-gradient);stroke-width:1.5}.eco-halo{fill:none;stroke:url(#current-gradient);stroke-width:10;opacity:.1}.eco-signal{fill:none;stroke-width:2.4;stroke-linecap:round;stroke:url(#current-gradient)}.eco-node{position:absolute;transform:translate(-50%,-50%);display:flex;gap:15px;align-items:center;width:175px;padding:10px 0;border:0;background:none;color:#a9c5d8;text-align:left;cursor:pointer;z-index:4}.eco-node svg{width:35px;height:35px;flex:none;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;transition:color .3s}.eco-node strong{display:block;font-size:15px;font-weight:450;line-height:1.4;color:#d0d1e1}.eco-node small{display:block;font-size:11px;color:#717d9a;margin-top:4px;line-height:1.4}.eco-node.output{color:#c3aed2}.eco-node:hover svg,.eco-node:focus-visible svg,.eco-node.engaged svg{color:#faf1ff;filter:drop-shadow(0 0 8px #b798db66)}.eco-node:hover strong,.eco-node:focus-visible strong{color:#fff}.eco-hub{position:absolute;left:50%;top:28%;transform:translate(-50%,-50%);text-align:center;z-index:3;pointer-events:none;opacity:calc(.28 + var(--p)*.72)}.eco-hub>span{font-size:clamp(25px,2.8vw,41px);font-weight:450;letter-spacing:.11em;color:#e8d9f4}.eco-hub small{display:block;white-space:nowrap;font-size:8px;letter-spacing:.12em;color:#a493bc;margin-top:11px}.eco-tooltip{position:absolute;width:245px;max-width:80%;padding:16px 19px;border:1px solid #b3a0d333;border-radius:8px;background:#19192ded;backdrop-filter:blur(12px);color:#b7b8d0;line-height:1.7;font-size:14px;z-index:8;pointer-events:none}.eco-tooltip b{display:block;font-weight:500;color:#e5d7f1;margin-bottom:5px}.eco-bottom{max-width:1300px;margin:0 auto;padding-top:20px;border-top:1px solid #ffffff15;display:flex;justify-content:space-between;gap:40px;align-items:center}.eco-state{font-size:23px;letter-spacing:-.025em;color:#e7d9f1}.eco-bottom p{font-size:14px;color:#838ba6;margin-top:7px}.eco-controls{display:flex;align-items:center;gap:18px;font-size:12px;color:#a7a0bc}.eco-controls input{appearance:none;width:140px;height:2px;background:#49405d;border:0;cursor:ew-resize}.eco-controls input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#ccb0e5}.eco-controls input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#ccb0e5}.eco-controls button,.eco-finish button{padding:7px 0;background:none;border:0;color:#878ba4;font-size:12px;cursor:pointer}.eco-note{font-size:11px;color:#606d8a;max-width:1300px;margin:20px auto 0}.eco-finish{padding:100px 8%;text-align:center;background:radial-gradient(ellipse at 50% 100%,#45305266,transparent 65%)}.eco-finish h2{font-size:clamp(40px,5vw,64px);line-height:1.1;margin:25px 0}.eco-finish>a{font-size:16px;color:#d7bee6}.eco-finish button{display:block;margin:30px auto 0}.eco-node:focus-visible{outline:2px solid #d9bce9;outline-offset:4px;border-radius:5px}
@media(max-width:900px){.ecosystem-sticky{padding-left:6%;padding-right:6%}.eco-heading>p{font-size:15px;max-width:245px}.eco-node{width:145px;gap:10px}.eco-node strong{font-size:14px}.eco-node small{font-size:10px}.eco-node svg{width:29px;height:29px}.eco-controls{gap:12px}.eco-controls input{width:90px}}
@media(max-width:650px){.ecosystem-scroll{height:auto;min-height:0}.ecosystem-sticky{position:relative;top:0;height:auto;min-height:0;max-height:none;padding:35px 6%}.eco-heading{display:block}.eco-heading .micro{font-size:10px;margin-bottom:20px}.eco-heading h1{font-size:45px}.eco-heading>p{max-width:none;margin-top:22px;font-size:16px}.ecosystem{height:530px;margin:20px auto}.eco-node{display:block;width:105px;text-align:center;padding:6px 0}.eco-node svg{width:30px;height:30px;margin-bottom:6px}.eco-node strong{font-size:12px}.eco-node small{font-size:10px;margin-top:2px}.eco-hub{top:45%}.eco-hub>span{font-size:25px}.eco-hub small{font-size:7px;letter-spacing:.03em;max-width:130px;white-space:normal;line-height:1.7}.eco-line{stroke-width:2}.eco-hub{background:none}.eco-bottom{display:block;padding-top:24px}.eco-controls{margin-top:24px}.eco-controls input{flex:1;min-width:40px}.eco-state{font-size:24px}.eco-note{font-size:10px}.eco-finish{padding:55px 7%}}
@media(prefers-reduced-motion:reduce){.ecosystem-scroll{height:auto;min-height:0}.ecosystem-sticky{position:relative;top:0;height:auto;max-height:none}.eco-node svg{transition:none}}