.connection-landscape{isolation:isolate;background:radial-gradient(at 29%,#e5ecdc 0,#0000 48%),#f5f6ee;border:1px solid #d8e0d0;border-radius:15px;height:480px;position:relative;overflow:hidden}.connection-landscape:before{content:"";z-index:-1;opacity:.26;background-image:radial-gradient(#aabb9f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000 35% 75%,#0000)}.connection-paths{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.connection-path{fill:none;stroke:#b5c5af;stroke-width:1.25px;vector-effect:non-scaling-stroke}.connection-paths text{fill:#4c6756;paint-order:stroke;stroke:#f5f6ee;stroke-width:7px;stroke-linejoin:round;font-family:inherit;font-size:10px}.connection-flow{fill:none;stroke:#668661;stroke-width:2px;stroke-linecap:round;stroke-dasharray:3 97;stroke-dashoffset:100px;opacity:0;vector-effect:non-scaling-stroke}.connections-revealed .connection-flow{animation:connection-travel 2.5s ease-in-out var(--flow-delay) 1 both}@keyframes connection-travel{0%{stroke-dashoffset:100px;opacity:0}15%,75%{opacity:.8}to{stroke-dashoffset:0;opacity:0}}.connection-person{text-align:center;width:112px;position:absolute;top:50%;left:8.18%;transform:translate(-50%,-23px)}.connection-person>svg{stroke:#31594a;stroke-width:1.5px;background:#fffefa;border:1px solid #c7d2bf;border-radius:50%;width:46px;height:46px;margin:0 auto 11px;padding:6px;display:block}.connection-person>strong{font-size:12px;display:block}.connection-person>span{color:#4c6756;justify-content:center;align-items:center;gap:4px;margin-top:8px;font-size:9px;display:flex}.connection-platform{text-align:center;width:18.18%;position:absolute;top:50%;left:21.82%;transform:translateY(-34px)}.connection-platform>div{background:#103c30;border-radius:10px;place-items:center;height:68px;padding:18px;display:grid;box-shadow:0 14px 28px -20px #143b2c99}.connection-platform img{filter:brightness(0)invert();width:100%;max-width:163px;height:auto}.connection-platform>span{color:#3e5c4d;white-space:nowrap;margin-top:16px;font-size:9px;display:block}.connection-endpoint{align-items:center;gap:13px;max-width:245px;display:flex;position:absolute;transform:translateY(-26px)}.endpoint-erp{top:15.625%;left:56.82%}.endpoint-suppliers{top:32.29%;left:75%}.endpoint-recyclers{top:60.416%;left:76.82%}.endpoint-finance{top:83.33%;left:62.27%}.endpoint-reporting{top:87.5%;left:42.27%}.endpoint-symbol{color:#315944;background:#fffefa;border:1px solid #c7d2bf;border-radius:14px;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 5px 12px -9px #264a37}.endpoint-symbol>img{width:74%;height:auto;display:block}.endpoint-suppliers .endpoint-symbol{background:#ebe7f5;border-color:#d5cde4;border-radius:50%}.endpoint-recyclers .endpoint-symbol{background:#dcedd9;border-color:#c1d5b9;border-radius:50%}.endpoint-finance .endpoint-symbol{border-radius:5px;transform:rotate(-4deg)}.endpoint-finance .endpoint-symbol:before{content:"";z-index:-1;background:#f2eedf;border:1px solid #c7d2bf;border-radius:5px;position:absolute;inset:3px -5px -5px 3px;transform:rotate(7deg)}.endpoint-reporting .endpoint-symbol{background:#eef2de;border-color:#d5ddbd;border-radius:9px}.endpoint-copy strong{font-size:13px;line-height:1.4;display:block}.endpoint-copy small{color:#4c6756;margin-top:4px;font-size:10px;line-height:1.5;display:block}.endpoint-method{display:none}@media (width>=1400px){.endpoint-copy strong{font-size:14px}.endpoint-copy small{font-size:11px}}@media (width>=901px) and (width<=1100px){.connection-landscape{height:440px}.connection-endpoint{gap:9px;max-width:205px}.endpoint-symbol{flex-basis:43px;width:43px;height:43px}.endpoint-copy strong{font-size:11px}.endpoint-copy small{font-size:9px}.endpoint-recyclers{left:75%}.endpoint-suppliers{left:74%}.connection-platform>div{padding:14px}.connection-platform>span{font-size:8px}}@media (width<=900px){.connection-landscape{grid-template-columns:100px 1fr;gap:35px 60px;height:auto;padding:35px 36px;display:grid}.connection-paths{display:none}.connection-person,.connection-platform{align-self:center;width:auto;position:relative;inset:auto;transform:none}.connection-person{padding-bottom:4px}.connection-platform{justify-self:start;width:220px;max-width:100%}.connection-platform:before{content:"";background:#b5c5af;width:76px;height:1px;position:absolute;top:34px;right:100%}.connection-platform>span{font-size:9px}.connection-endpoints{border-left:1px solid #b5c5af;grid-column:1/-1;gap:28px;margin-left:46px;padding:5px 0 0 40px;display:grid;position:relative}.connection-endpoints:before{content:"";border-top:1px solid #b5c5af;border-left:1px solid #b5c5af;border-radius:14px 0 0;width:224px;height:32px;position:absolute;bottom:100%;left:-1px}.connection-endpoints:after{content:"";background:#b5c5af;width:1px;height:10px;position:absolute;bottom:calc(100% + 31px);left:223px}.connection-endpoint{gap:17px;max-width:none;min-height:56px;position:relative;inset:auto;transform:none}.connection-endpoint:before{content:"";background:#b5c5af;width:40px;height:1px;position:absolute;top:26px;right:100%}.connection-endpoint:nth-child(2n){margin-left:42px}.connection-endpoint:nth-child(2n):before{width:82px}.endpoint-symbol{flex-basis:52px;width:52px;height:52px}.endpoint-copy strong{font-size:14px}.endpoint-copy small{font-size:11px}.endpoint-method{color:#4c6756;margin-top:5px;font-size:9px;display:block}}@media (width<=600px){.connection-landscape{grid-template-columns:75px minmax(0,1fr);gap:32px 28px;padding:27px 20px}.connection-person{width:75px}.connection-person>strong{font-size:11px}.connection-person>span{white-space:nowrap;gap:3px;font-size:8px}.connection-person>span>svg{width:10px}.connection-platform{width:100%}.connection-platform>div{border-radius:8px;height:59px;padding:12px}.connection-platform>span{white-space:normal;margin-top:12px;font-size:7px}.connection-platform:before{width:39px;top:30px}.connection-endpoints{gap:24px;margin-left:22px;padding-left:23px}.connection-endpoints:before{width:calc(50% + 40.5px);height:30px}.connection-endpoints:after{height:10px;bottom:calc(100% + 29px);left:calc(50% + 39.5px)}.connection-endpoint{gap:11px;min-height:58px}.connection-endpoint:before{width:23px;top:24px}.connection-endpoint:nth-child(2n){margin-left:20px}.connection-endpoint:nth-child(2n):before{width:43px}.endpoint-symbol{flex-basis:43px;width:43px;height:46px}.endpoint-symbol>svg{width:22px}.endpoint-copy strong{font-size:12px}.endpoint-copy small{margin-top:3px;font-size:10px}.endpoint-method{margin-top:4px;font-size:8px}}@media (prefers-reduced-motion:reduce){.connection-flow{animation:none!important;display:none!important}}