.eco{position:relative}.eco-intro{text-align:center;max-width:680px;margin:0 auto}.eco-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-tertiary);background:color-mix(in srgb, var(--color-tertiary) 9%, transparent);border:1px solid color-mix(in srgb, var(--color-tertiary) 22%, transparent);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.eco-eyebrow .eco-dot{background:var(--color-primary);border-radius:50%;width:7px;height:7px}.eco-h{text-wrap:balance;margin:18px 0 14px}.eco-grad{background:var(--color-primary);color:#0000;background-clip:text}.eco-lead{color:var(--color-text);text-wrap:pretty;margin:0;font-size:1.05rem}.eco-lead b{color:var(--color-text-dark);font-weight:600}.eco-stage{aspect-ratio:1040/720;width:100%;max-width:1040px;margin:28px auto 0;position:relative}.eco-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.eco-spoke{stroke-width:1.6px;fill:none;opacity:.5;stroke-dasharray:5 7;animation:2.6s linear infinite eco-flow}.eco-ring{fill:none;stroke:var(--color-border);stroke-width:1px;opacity:.7}@keyframes eco-flow{to{stroke-dashoffset:-24px}}.eco-hub{background:var(--color-body);border:1px solid var(--color-border);width:186px;height:186px;box-shadow:0 0 0 10px color-mix(in srgb, var(--color-tertiary) 6%, transparent), 0 14px 40px -14px #1028464d;z-index:3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eco-hub:before{content:"";background:var(--color-primary);-webkit-mask-composite:xor;border-radius:50%;padding:3px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.eco-hub:after{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--color-tertiary) 20%, transparent), transparent 68%);border-radius:50%;animation:4.5s ease-in-out infinite eco-pulse;position:absolute;inset:-34px}@keyframes eco-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.eco-mark{font-family:var(--font-secondary);letter-spacing:-.02em;color:var(--color-tertiary);font-size:26px;font-weight:700}.eco-mark .eco-o{color:var(--color-secondary)}.eco-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);font-size:10.5px;font-weight:600}.eco-node{z-index:2;width:232px;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);animation:6s ease-in-out infinite eco-float;animation-delay:var(--d,0s);position:absolute;transform:translate(-50%,-50%)}@keyframes eco-float{0%,to{translate:0}50%{translate:0 -6px}}.eco-card{text-align:left;background:var(--color-body);border:1px solid var(--color-border);cursor:pointer;color:inherit;border-radius:15px;align-items:flex-start;gap:11px;padding:12px 14px;font-family:inherit;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;display:flex;box-shadow:0 10px 30px -12px #1028463d}.eco-node:hover .eco-card,.eco-card:hover{border-color:color-mix(in srgb, var(--color-tertiary) 40%, var(--color-border));transform:translateY(-4px);box-shadow:0 20px 46px -14px #0879fe66}.eco-card:focus-visible{outline:2px solid var(--color-tertiary);outline-offset:3px}.eco-ic{color:#fff;background:var(--color-primary);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 14px -6px #0879fe99}.eco-ic svg{width:19px;height:19px}.eco-tx{flex-direction:column;min-width:0;display:flex}.eco-name{color:var(--color-text-dark);overflow-wrap:break-word;hyphens:auto;font-size:13.5px;font-weight:600;line-height:1.22}.eco-tag{color:var(--color-text);overflow-wrap:break-word;margin-top:2px;font-size:11.5px;line-height:1.38}.eco-more{color:var(--color-tertiary);margin-top:5px;font-size:11px;font-weight:600}.eco-stack{margin-top:22px;display:none}.eco-hub-m{border:1px solid var(--color-border);background:var(--color-body);border-radius:16px;justify-content:center;align-items:center;gap:14px;max-width:320px;margin:0 auto 14px;padding:15px;display:flex;box-shadow:0 12px 34px -14px #1028463d}.eco-hub-m .eco-badge{background:var(--color-primary);color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.eco-hub-m .eco-mark{font-size:21px}.eco-grid{grid-template-columns:1fr;gap:11px;display:grid}.eco-grid .eco-card{width:100%}.eco-modal{z-index:60;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.eco-modal[hidden]{display:none}.eco-backdrop{backdrop-filter:blur(3px);background:#1020346b;animation:.2s eco-fade;position:absolute;inset:0}@keyframes eco-fade{0%{opacity:0}}.eco-modal-card{background:var(--color-body);border:1px solid var(--color-border);border-radius:22px;width:100%;max-width:460px;max-height:88vh;padding:26px;animation:.26s cubic-bezier(.2,.8,.2,1) eco-rise;position:relative;overflow:auto;box-shadow:0 40px 90px -24px #08142880}@keyframes eco-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}.eco-close{border:1px solid var(--color-border);background:var(--color-light);width:34px;height:34px;color:var(--color-text);cursor:pointer;border-radius:50%;place-items:center;font-size:19px;line-height:1;transition:color .2s,border-color .2s;display:grid;position:absolute;top:16px;right:16px}.eco-close:hover{color:var(--color-text-dark);border-color:var(--color-tertiary)}.eco-modal-head{align-items:center;gap:14px;margin-bottom:14px;padding-right:34px;display:flex}.eco-modal-head .eco-ic{border-radius:14px;width:48px;height:48px}.eco-modal-head .eco-ic svg{width:25px;height:25px}.eco-modal-head h3{margin:0 0 3px;font-size:20px}.eco-modal-tag{color:var(--color-tertiary);margin:0;font-size:13px;font-weight:500}.eco-modal-intro{color:var(--color-text);margin:0 0 18px;font-size:14.5px;line-height:1.6}.eco-modal-bullets{flex-direction:column;gap:12px;margin:0 0 22px;padding:0;list-style:none;display:flex}.eco-modal-bullets li{gap:11px;display:flex}.eco-chk{background:color-mix(in srgb, var(--color-secondary) 16%, transparent);width:21px;height:21px;color:var(--color-secondary);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.eco-chk svg{width:12px;height:12px}.eco-modal-bullets b{color:var(--color-text-dark);font-size:13.5px;font-weight:600;display:block}.eco-modal-bullets span{color:var(--color-text);font-size:12.5px;line-height:1.45}.eco-modal-link{color:#fff;background:var(--color-primary);border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:filter .2s,transform .2s;display:inline-flex;box-shadow:0 8px 20px -8px #0879fe99}.eco-modal-link:hover{filter:brightness(1.06);transform:translateY(-1px)}@media (width<=900px){.eco-stage{display:none}.eco-stack{display:block}}@media (prefers-reduced-motion:reduce){.eco-spoke,.eco-hub:after,.eco-node{animation:none!important}}