.eco-self{position:relative;overflow:hidden;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:clamp(28px,4vw,48px)}.eco-self:before{content:"";position:absolute;inset:0;background:var(--hero-glow);opacity:.45;pointer-events:none}.eco-self>*{position:relative;z-index:1}.eco-badge{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:5px 12px;margin-bottom:16px}.eco-self h2{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,3vw,36px);letter-spacing:-.025em;line-height:1.1;color:var(--text-primary);margin:0 0 14px}.eco-self>p{font-size:16px;color:var(--text-secondary);line-height:1.75;max-width:860px;margin:0 0 18px}.eco-self .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.eco-card .eco-ext{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:13.5px;font-weight:600;color:var(--accent)}.eco-card .eco-ext svg{width:15px;height:15px;flex:none;transition:transform var(--dur,.18s) var(--ease,ease)}.eco-card .eco-ext:hover svg{transform:translate(2px,-2px)}.eco-card p{margin-bottom:4px}.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}}