.eco{--eco-fg: var(--wf-on-dark);--eco-fg-2: var(--wf-on-dark-2);--eco-fg-3: var(--wf-on-dark-3);--eco-disc: #0b1f39;--eco-hub: var(--wf-navy-800);--eco-track: rgba(157, 226, 255, .5);--eco-bead: var(--wf-sky);--eco-kicker: var(--wf-sky);--eco-step: rgba(195, 210, 226, .3);--eco-rule: rgba(150, 190, 235, .16)}.eco.is-light{--eco-fg: var(--wf-ink);--eco-fg-2: var(--wf-ink-2);--eco-fg-3: var(--wf-ink-3);--eco-disc: #fff;--eco-hub: #fff;--eco-track: rgba(20, 112, 232, .35);--eco-bead: var(--wf-blue);--eco-kicker: var(--wf-blue);--eco-step: var(--wf-rule);--eco-rule: var(--wf-rule)}.eco .wf-kicker{color:var(--eco-kicker)}.eco.is-pinned{height:620vh;padding:0}.eco.is-pinned .eco-sticky{align-items:center;display:flex;height:100vh;height:100svh;padding-top:72px;position:sticky;top:0}.eco-grid{align-items:center;display:grid;gap:clamp(24px,3.5vw,56px);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);width:100%}.eco-art{min-width:0}.eco:not(.is-pinned) .eco-grid{align-items:start}.eco:not(.is-pinned) .eco-art{position:sticky;top:110px}.eco-diagram{display:block;height:auto;max-height:calc(100svh - 120px);overflow:visible;width:100%}.eco-diagram text{font-family:var(--font-body)}.eco-name{fill:var(--eco-fg);font-size:19px;font-weight:700}.eco-price{fill:var(--eco-fg-3);font-size:14.5px}.eco-ring{fill:none;stroke-dasharray:1;stroke-dashoffset:1;stroke-width:2.5;transition:stroke-dashoffset 1.4s var(--wf-ease)}.eco-ring.is-on{stroke-dashoffset:0}.eco-ring-run{fill:none;opacity:0;stroke:var(--wf-green);stroke-dasharray:2 14;stroke-linecap:round;stroke-width:3;transition:opacity .8s}.eco-ring-run.is-on{animation:eco-flow 1.6s linear infinite;opacity:1}.eco-inner{transform:rotate(calc(var(--p, 0) * 240deg));transform-box:view-box;transform-origin:380px 330px}.eco-track{fill:none;opacity:.7;stroke:var(--eco-track);stroke-dasharray:.1 11;stroke-linecap:round;stroke-width:2.5}.eco-bead{fill:var(--eco-bead)}.eco-flow{animation:eco-flow 1s linear infinite;fill:none;opacity:.9;stroke-dasharray:.1 10;stroke-linecap:round;stroke-width:5.5;transition:opacity .3s,stroke-width .3s}.eco-spoke.is-spot .eco-flow{animation-duration:.4s;opacity:1;stroke-width:7}@keyframes eco-flow{to{stroke-dashoffset:-10.1}}.eco-reveal{fill:none;stroke:#fff;stroke-dasharray:1;stroke-dashoffset:1;stroke-width:16;transition:stroke-dashoffset 1s var(--wf-ease)}.eco-reveal.is-on{stroke-dashoffset:0}.eco-spark{filter:drop-shadow(0 0 6px var(--glow));opacity:0;transition:opacity .4s}.eco-spoke.is-on .eco-spark{opacity:.9}.eco-addon{outline:none;text-decoration:none;transition:opacity .4s}.eco-addon .eco-node,.eco-addon .eco-label{opacity:0;transform:scale(.3);transform-box:fill-box;transform-origin:center;transition:opacity .45s,transform .7s var(--wf-spring)}.eco-addon.is-on .eco-node,.eco-addon.is-on .eco-label{opacity:1;transform:none}.eco-addon.is-spot .eco-node{transform:scale(1.14)}.eco-addon.is-soon.is-on .eco-node,.eco-addon.is-soon.is-on .eco-label{opacity:.62}.eco-addon.is-soon .eco-disc-ring{stroke-dasharray:5 6}.eco-diagram.has-spot .eco-addon:not(.is-spot),.eco-diagram.has-spot .eco-spoke:not(.is-spot){opacity:.38}.eco-spoke{transition:opacity .4s}a.eco-addon:hover .eco-disc-ring,a.eco-addon:focus-visible .eco-disc-ring{stroke-width:9}a.eco-addon:focus-visible .eco-disc{stroke:var(--wf-sky);stroke-width:3}.eco-disc{fill:var(--eco-disc)}.eco-disc-ring{fill:none;stroke-width:6;transition:stroke-width .2s}.eco-halo{fill:none;opacity:0;stroke-width:2.5}.eco-addon.is-spot .eco-halo{animation:eco-halo 1.6s ease-out infinite}@keyframes eco-halo{0%{opacity:.8;r:52px}to{opacity:0;r:82px}}.eco-icon{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.eco-hub-disc{fill:var(--eco-hub)}.eco-hub-ring{fill:none;stroke-width:5}.eco-hub-halo{animation:eco-hub 2.4s ease-out infinite;fill:none;stroke-width:2}@keyframes eco-hub{0%{opacity:.55;r:100px}to{opacity:0;r:132px}}.eco .eco-hub-name{fill:var(--eco-fg);font-family:var(--font-display);font-size:21px;font-weight:800}.eco-hub-price{fill:var(--eco-fg-3);font-size:13.5px}.eco-words{min-width:0}.eco-panels{display:grid;gap:44px}.eco.is-pinned .eco-panels{gap:0}.eco.is-pinned .eco-panel{grid-area:1 / 1;opacity:0;transform:translateY(16px);transition:opacity .45s,transform .55s var(--wf-ease),visibility 0s .55s;visibility:hidden}.eco.is-pinned .eco-panel.is-shown{opacity:1;transform:none;transition:opacity .45s,transform .55s var(--wf-ease);visibility:visible}.eco:not(.is-pinned) .eco-panel+.eco-panel{border-top:1px solid var(--eco-rule);padding-top:36px}.eco .wf-h2{color:var(--eco-fg);margin:6px 0 14px}.eco-title{color:var(--eco-fg);font-size:clamp(28px,3vw,40px);margin:6px 0 10px}.eco-lede{color:var(--eco-fg-2);font-size:17.5px;line-height:1.6;margin:0 0 18px;max-width:46ch}.eco-swatch{border-radius:50%;display:inline-block;height:10px;margin-right:8px;vertical-align:0;width:10px}.eco-clip{border-radius:14px;box-shadow:0 0 0 1px #96c3f033,0 30px 60px -30px #000000b3;overflow:hidden}.eco.is-light .eco-clip{box-shadow:0 0 0 1px var(--wf-rule),var(--wf-shadow-lg)}.eco-clip video,.eco-clip img{display:block;height:auto;width:100%}.eco .eco-more{color:var(--eco-kicker);margin-top:6px}.eco-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.eco-list li{color:var(--eco-fg-2);display:flex;font-size:17px;gap:12px;line-height:1.55;max-width:48ch}.eco-list li:before{background:var(--wf-green);border-radius:50%;content:"";flex:0 0 9px;height:9px;margin-top:9px}.eco-steps{display:flex;gap:8px;margin-top:22px}.eco-steps button{background:var(--eco-step);border:0;border-radius:99px;cursor:pointer;height:10px;padding:0;transition:width .3s,background .3s;width:10px}.eco-steps button:hover{background:var(--eco-fg-3)}.eco-steps button.is-on{background:var(--eco-kicker);width:28px}.eco-steps button:focus-visible{outline:3px solid var(--wf-sky);outline-offset:3px}@media(max-width:899px){.eco-grid{grid-template-columns:minmax(0,1fr)}.eco:not(.is-pinned) .eco-art{position:static}.eco-diagram{margin:0 auto;max-height:none;max-width:560px}}@media(prefers-reduced-motion:reduce){.eco-flow,.eco-ring-run.is-on,.eco-addon.is-spot .eco-halo,.eco-hub-halo{animation:none}.eco-spark{display:none}.eco-ring,.eco-reveal,.eco-addon .eco-node,.eco-addon .eco-label{transition:none}}.eco:not(.is-pinned) .eco-panel{scroll-margin-top:96px}