nav.sg-ecosystem {
  display:block;
  width:100%;
  box-sizing:border-box;
  margin:0;
  padding:40px clamp(18px,4vw,50px) 44px;
  border-block:1px solid #253140;
  background:#0e1c2b;
  color:#cbd0d5;
  text-align:left;
  font:400 14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.sg-ecosystem .sfc-eco-label,
.sg-ecosystem .sfc-eco-grid { max-width:1440px; margin-inline:auto; }
.sg-ecosystem .sfc-eco-label {
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
  color:#a9b5c0;
  font-size:12px;
  font-weight:750;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.sg-ecosystem .sfc-eco-label::after { content:""; flex:1; height:1px; background:#253140; }
.sg-ecosystem .sfc-eco-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
body .sg-ecosystem .sfc-eco-card {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:94px;
  margin:0;
  padding:14px 16px;
  border:1px solid #2b3746;
  border-radius:9px;
  background:#192434;
  color:#edf1f4;
  text-decoration:none;
}
body .sg-ecosystem .sfc-eco-card:hover,
body .sg-ecosystem .sfc-eco-card:focus-visible { background:#203245; border-color:#5ac5a6; color:#fff; text-decoration:none; }
body .sg-ecosystem .sfc-eco-card:focus-visible { outline:2px solid #5ac5a6; outline-offset:3px; }
.sg-ecosystem .sfc-eco-icon {
  display:grid;
  flex:0 0 36px;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:8px;
  background:#173a3f;
  color:#45cfaa;
}
.sg-ecosystem .sfc-eco-icon svg { width:18px; height:18px; }
.sg-ecosystem .sfc-eco-name { display:block; font-size:13px; font-weight:750; color:inherit; }
.sg-ecosystem .sfc-eco-desc { display:block; margin-top:3px; color:#adb9c5; font-size:11.5px; line-height:1.5; }
@media(max-width:1050px) { .sg-ecosystem .sfc-eco-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:680px) { .sg-ecosystem .sfc-eco-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:430px) { .sg-ecosystem .sfc-eco-grid { grid-template-columns:minmax(0,1fr); } }
