.eco-stack{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:6px 6px 0}.eco-win{position:relative;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;box-shadow:0 22px 44px -22px rgba(40,24,8,.34);overflow:hidden}.eco-win+.eco-win{margin-top:-34px}.eco-win:first-child{margin-right:46px;z-index:1}.eco-win:nth-child(2){margin-left:22px;margin-right:24px;z-index:2}.eco-win:nth-child(3){margin-left:44px;margin-right:6px;z-index:3}.eco-win:nth-child(4){margin-left:62px;z-index:4;box-shadow:0 28px 56px -20px rgba(40,24,8,.42)}.eco-win.is-self{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.eco-win-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-2);border-bottom:1px solid var(--border)}.eco-win-dots{display:flex;gap:5px;flex:none}.eco-win-dots i{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--text-secondary) 34%,transparent)}.eco-win.is-self .eco-win-dots i:first-child{background:var(--accent)}.eco-win-host{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-secondary);margin:0 auto;letter-spacing:.01em}.eco-win.is-self .eco-win-host{color:var(--accent)}.eco-win-body{position:relative;min-height:108px;padding:16px 16px 20px;background:radial-gradient(120% 90% at 18% 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),var(--surface-1)}.eco-win.is-self .eco-win-body{background:radial-gradient(120% 90% at 18% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 62%),var(--surface-1)}.eco-win-name{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text-primary);margin:0 0 12px}.eco-win-skel{display:flex;flex-direction:column;gap:8px}.eco-win-skel span{height:8px;border-radius:5px;background:color-mix(in srgb,var(--text-secondary) 16%,transparent)}.eco-win-skel span:first-child{width:88%}.eco-win-skel span:nth-child(2){width:66%}.eco-win-skel span:nth-child(3){width:74%;background:color-mix(in srgb,var(--accent) 30%,transparent)}@media (max-width:980px){.eco-stack{max-width:460px;margin:0 auto}}.eco-pill{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:26px;padding:12px 20px;background:var(--surface-1);border:1px solid var(--border);border-radius:999px;box-shadow:var(--elev-sm)}.eco-pill b{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.eco-pill span{font-size:13.5px;color:var(--text-secondary);position:relative;padding-left:15px}.eco-pill span:before{content:"·";position:absolute;left:3px;color:color-mix(in srgb,var(--text-secondary) 55%,transparent)}.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:980px){.eco-grid{grid-template-columns:1fr}}.eco-prod{display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:clamp(22px,2.4vw,32px);transition:border-color var(--dur,.18s) var(--ease,ease),transform var(--dur,.18s) var(--ease,ease)}.eco-prod:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));transform:translateY(-3px)}.eco-prod.is-self{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));margin-bottom:20px}.eco-prod.is-self:before{content:"";position:absolute;inset:0;background:var(--hero-glow);opacity:.5;pointer-events:none}.eco-prod.is-self>*{position:relative;z-index:1}.eco-self-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:34px;align-items:center}@media (max-width:860px){.eco-self-grid{grid-template-columns:1fr;gap:24px}}.eco-host{font-family:var(--font-mono);font-size:12.5px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.eco-prod.is-self .eco-host{color:var(--accent)}.eco-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.eco-name{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text-primary);font-size:22px}.eco-prod.is-self .eco-name{font-size:clamp(26px,3vw,38px)}.eco-tag{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:4px 10px}.eco-tag.is-here{color:var(--surface-1);background:var(--accent-grad)}.eco-tagline{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 10px}.eco-prod.is-self .eco-tagline{font-size:17px}.eco-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0 0 16px}.eco-prod.is-self .eco-desc{font-size:15.5px}.eco-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.eco-tags span{font-size:12.5px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:5px 10px}.eco-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.eco-open{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:13.5px;font-weight:600;color:var(--accent)}.eco-open svg{width:15px;height:15px;flex:none;transition:transform var(--dur,.18s) var(--ease,ease)}.eco-open:hover svg{transform:translate(2px,-2px)}.eco-steps{grid-template-columns:repeat(4,1fr)}@media (max-width:1020px){.eco-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.eco-steps{grid-template-columns:1fr}}.eco-dia{max-width:960px;margin:0 auto 30px}.eco-dia-flow{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:10px}.eco-node{flex:1 1 200px;max-width:264px;min-width:172px;display:flex;flex-direction:column;gap:6px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 18px 16px;text-align:left;transition:border-color var(--dur,.18s) var(--ease,ease),transform var(--dur,.18s) var(--ease,ease)}.eco-node:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));transform:translateY(-2px)}.eco-node b{font-family:var(--font-display);font-weight:800;font-size:19px;color:var(--text-primary);letter-spacing:-.02em}.eco-node-role{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.eco-node-sub{font-size:12.5px;color:var(--text-secondary);line-height:1.5}.eco-node.is-core{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:radial-gradient(120% 120% at 50% 0,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%),var(--surface-1)}.eco-arrow{flex:0 0 auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--accent)}.eco-arrow>span{font-family:var(--font-mono);font-size:10.5px;color:var(--text-secondary)}.eco-arrow svg{width:32px;height:14px}.eco-dia-join{display:flex;flex-direction:column;align-items:center;gap:5px;margin:10px 0;color:var(--accent)}.eco-dia-join>span{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.eco-dia-join svg{width:16px;height:28px}.eco-node.is-voice{position:relative;overflow:hidden;max-width:none;text-align:center;align-items:center;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));padding:26px 24px}.eco-node.is-voice:before{content:"";position:absolute;inset:0;background:var(--hero-glow);opacity:.6;pointer-events:none}.eco-node.is-voice>*{position:relative;z-index:1}.eco-node.is-voice b{font-size:clamp(22px,3vw,30px)}.eco-node.is-voice .eco-node-sub{font-size:14px}.eco-node.is-voice:hover{transform:none}.eco-dia-base{margin-top:16px;text-align:center;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.02em;color:var(--text-secondary)}@media (max-width:720px){.eco-dia-flow{flex-direction:column;align-items:stretch}.eco-node{max-width:none}.eco-arrow svg{transform:rotate(90deg)}}.eco-why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:900px){.eco-why{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.eco-why{grid-template-columns:1fr}}.eco-why-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px}.eco-why-card h3{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text-primary);margin:0 0 8px}.eco-why-card p{font-size:13.5px;color:var(--text-secondary);line-height:1.6;margin:0}