@media (min-width:1024px){.eco-section{padding-block:80px}}.eco{--eco-line:color-mix(in srgb, var(--slate) 28%, var(--bg));--eco-ring:var(--paper-line);flex-direction:column;display:flex}.eco-summary{max-width:54ch;color:var(--ink-muted);margin-top:12px;font-size:1rem;line-height:1.6}.eco-graph{--u:calc(100cqw / 560);width:100%;max-width:560px;margin:32px auto 0;position:relative;container-type:inline-size}.eco-canvas{aspect-ratio:560/460;position:relative}.eco-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.eco-ring{fill:none;stroke:var(--eco-ring);stroke-width:1px;vector-effect:non-scaling-stroke}.eco-spoke{stroke:var(--eco-line);stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke .4s}.eco-spoke.is-on{stroke:var(--orange);stroke-width:1.5px}.eco-agent{fill:var(--bg);stroke:var(--orange);stroke-width:1px;vector-effect:non-scaling-stroke}.eco-dom{fill:var(--bg);stroke:var(--eco-line);stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke .4s}.eco-dom-icon{color:var(--slate);transition:color .4s}.eco-node.is-on .eco-dom{stroke:var(--orange);stroke-width:1.5px}.eco-node.is-on .eco-dom-icon{color:var(--midnight)}.eco-node.is-on .eco-agent{stroke-width:1.5px}.eco-pulse{fill:var(--orange);transform:translate(var(--fx), var(--fy));animation:2.8s cubic-bezier(.45,0,.3,1) infinite eco-pulse}@keyframes eco-pulse{0%{transform:translate(var(--fx), var(--fy));opacity:0}8%{opacity:1}64%{opacity:1}72%,to{transform:translate(var(--tx), var(--ty));opacity:0}}.eco-core{width:max(64px, calc(84 * var(--u)));aspect-ratio:1;background:var(--midnight);color:var(--white);letter-spacing:.06em;text-align:center;border-radius:50%;place-content:center;font-size:.875rem;font-weight:700;line-height:1.15;display:grid;position:absolute;top:50.4348%;left:50%;translate:-50% -50%}.eco-pause{border-radius:var(--r-chip);min-height:32px;color:var(--ink-muted);align-items:center;gap:6px;padding:4px 8px;font-size:.875rem;font-weight:500;display:inline-flex;position:absolute;top:0;right:0}.eco-pause:hover{color:var(--ink)}.eco-tabs{border-bottom:1px solid var(--paper-line);scrollbar-width:none;justify-content:space-between;gap:12px;margin-top:4px;display:flex;overflow-x:auto}.eco-tab{color:var(--ink-muted);white-space:nowrap;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:10px 2px;font-size:.875rem;font-weight:500;line-height:1.3;transition:color .3s,border-color .3s}.eco-tab:hover,.eco-tab.is-on{color:var(--ink)}.eco-tab.is-on{border-bottom-color:var(--orange)}.eco-tab:focus-visible,.eco-pause:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-chip)}.eco-tab-hit,.eco-tab-long{display:none}@media (min-width:640px){.eco-tabs{pointer-events:none;border:0;margin:0;position:absolute;inset:0;overflow:visible}.eco-tab{left:var(--x);top:var(--y);translate:-50% calc(-18 * var(--u));pointer-events:auto;border:0;flex-direction:column;align-items:center;gap:8px;margin:0;padding:0 4px 2px;font-size:.9375rem;display:flex;position:absolute}.eco-tab.is-above{translate:-50% calc(-100% + 18 * var(--u));flex-direction:column-reverse}.eco-tab-hit{width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:50%;display:block}.eco-tab-long{display:inline}.eco-tab-short{display:none}.eco-tab:focus-visible{outline-offset:4px}}.eco-panels{margin-top:24px;display:grid}.eco-panel{visibility:hidden;opacity:0;grid-area:1/1;transition:opacity .35s,visibility 0s linear .35s}.eco-panel.is-on{visibility:visible;opacity:1;transition:opacity .35s}.eco-p-title{letter-spacing:-.015em;color:var(--ink);font-size:1.25rem;font-weight:700;line-height:1.25}.eco-p-agent{color:var(--ink-muted);align-items:baseline;gap:8px;margin-top:6px;font-size:.9375rem;line-height:1.45;display:flex}.eco-glyph{flex:none;width:16px;height:11px;translate:0 1px}.eco-p-items{border-bottom:1px solid var(--paper-line);margin-top:16px}.eco-p-items li{border-top:1px solid var(--paper-line);color:var(--ink);padding-block:9px;font-size:.9375rem;line-height:1.35}@media (min-width:1024px){.eco{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,560px);column-gap:clamp(48px,6vw,96px);display:grid}.eco-intro{grid-area:1/1}.eco-panels{grid-area:2/1;align-self:end;max-width:440px;margin-top:32px}.eco-graph{grid-area:1/2/3/3;align-self:center;margin:0}}.eco[data-phase=armed] :is(.eco-ring,.eco-spoke){stroke-dasharray:1;stroke-dashoffset:1px}.eco[data-phase=armed] :is(.eco-node,.eco-tab,.eco-core){opacity:0}.eco[data-phase=in] :is(.eco-ring,.eco-spoke){stroke-dasharray:1;animation:1.2s cubic-bezier(.33,0,.2,1) both eco-draw}.eco[data-phase=in] .eco-spoke{animation-duration:.6s;animation-delay:calc(.5s + var(--i) * 80ms)}.eco[data-phase=in] .eco-core{animation:.5s ease-out both eco-fade}.eco[data-phase=in] :is(.eco-node,.eco-tab){animation:.5s ease-out both eco-fade;animation-delay:calc(.8s + var(--i) * 80ms)}@keyframes eco-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes eco-fade{0%{opacity:0}}.eco[data-paused] .eco-pulse{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.eco *,.eco :before{transition:none!important;animation:none!important}}