.ecosystem-hero{text-align:center;padding:4rem 1rem;background:radial-gradient(circle at top right,rgba(137,71,209,.1),transparent 50%)}.ecosystem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.ecosystem-card{background:var(--bg-card);border-radius:1rem;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.ecosystem-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #8947d133;border-color:var(--accent-purple)}.ecosystem-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-pink),var(--accent-purple))}.ecosystem-card h3{color:var(--accent-purple);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.ecosystem-card h3 i{font-size:1.5rem}.ecosystem-card p{color:var(--text-secondary);margin-bottom:1.5rem}.ecosystem-card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.badge{background:#8947d133;color:var(--accent-purple);padding:.25rem .75rem;border-radius:2rem;font-size:.8rem;font-weight:600}.feature-list{list-style:none;margin:1.5rem 0;padding:0}.feature-list li{margin-bottom:.75rem;padding-left:1.75rem;position:relative}.feature-list li:before{content:"→";position:absolute;left:0;color:var(--accent-pink)}.code-preview{background:var(--bg-darker);border-radius:.5rem;padding:1rem;margin:1.5rem 0;font-family:Fira Code,monospace;font-size:.9rem;overflow-x:auto}.terminal-icon{color:var(--accent-purple);margin-right:.5rem}