.ecosystem{grid-template-columns:repeat(2,1fr);gap:20px;max-width:1400px;margin:0 auto;padding:20px;display:grid}.ecosystem-section-card-title{letter-spacing:1px;border-bottom:2px solid #00a4ef;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:max-content;margin:0 auto 16px;padding-bottom:4px;font-size:16px;font-weight:400;display:flex}.card{color:#fff;background:linear-gradient(135deg,#0a2e4d 0%,#134a6b 100%);border-radius:16px;padding:40px;transition:transform .3s,box-shadow .3s}.card:first-child{background:linear-gradient(135deg,#0a1e3d 0%,#0d2847 100%)}.card:nth-child(2){background:linear-gradient(135deg,#0a3d4d 0%,#0d5a6b 100%)}.card:nth-child(3){background:linear-gradient(135deg,#0a2e4d 0%,#134a6b 100%)}.card:nth-child(4){background:linear-gradient(135deg,#0a3d4d 0%,#0d5a6b 100%)}.outer-card{align-items:center;gap:12px;margin-bottom:16px;display:flex}.ecosystems-number{color:#4da6c7;font-size:18px;font-weight:700;line-height:1}.ecosystems-title{color:#fff;margin:0;font-size:18px;font-weight:700;line-height:1}.ecosystems-description{color:#ffffffe6;margin:0;font-size:16px;line-height:1.6}.ecosystem-pills{gap:14px;margin-top:18px;display:flex}.ecosystem-pill{color:#ffffffd9;border-bottom:2px solid #ffffff2e;padding-bottom:6px;font-size:13px;font-weight:500}.ecosystem-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.ecosystem-meta{flex-wrap:wrap;gap:18px;display:flex}.ecosystem-meta-item{color:#fffc;align-items:center;gap:8px;font-size:13px;display:inline-flex}.ecosystem-meta-item svg{opacity:.9;flex:none}.ecosystem-cta{color:#fff;white-space:nowrap;background:#00a4efd9;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.ecosystem-cta:hover{color:#000;background:#fff}.ecosystem-cta-disabled{cursor:default;opacity:.95}@media (max-width:1024px){.container{gap:16px}.card{padding:30px}.ecosystem-number,.title{font-size:28px}.description{font-size:16px}}@media (max-width:768px){.container{grid-template-columns:1fr;gap:16px}.card{padding:24px}.number,.title{font-size:24px}.description{font-size:15px}}@media (max-width:480px){.card{padding:20px}.number,.title{font-size:20px}.header{gap:8px}.description{font-size:14px}}