.eco-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px;margin:24px 0}.eco-panel{padding:26px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm)}.eco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:18px 0}.eco-card{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);min-width:0}.eco-card h2{font-size:1.05rem;margin:.55rem 0}.eco-card p{color:var(--muted);margin:0}.eco-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.eco-tags{display:flex;gap:6px;flex-wrap:wrap}.eco-tag{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.72rem;font-weight:700}.eco-toolbar{position:sticky;top:64px;z-index:4;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);margin:18px 0}.eco-toolbar input{flex:1;min-width:0}.eco-empty{padding:36px;text-align:center;border:1px dashed var(--border);border-radius:16px}.eco-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.eco-step{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-weight:750;text-align:center}.eco-stat{font-size:2.25rem;font-weight:850;letter-spacing:-.05em}.eco-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px}.eco-table{width:100%;border-collapse:collapse}.eco-table th,.eco-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}.eco-table th{position:sticky;top:0;background:var(--surface-2)}.eco-callout{padding:18px;border-left:4px solid var(--accent);background:var(--surface-2);border-radius:12px}.eco-product{display:flex;flex-direction:column;gap:10px}.eco-product a{margin-top:auto}.eco-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.eco-roadmap article{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}@media(max-width:900px){.eco-hero,.eco-roadmap{grid-template-columns:1fr}.eco-flow{grid-template-columns:1fr 1fr}}@media(max-width:640px){.eco-grid,.eco-flow{grid-template-columns:1fr}.eco-toolbar{top:8px;flex-wrap:wrap}.eco-toolbar label{width:100%}}