.ecosystem-page{background:#030814;padding:30px 28px 120px}.ecosystem-page .header.content-column,.ecosystem-content{width:100%;max-width:1080px;margin-inline:auto}.ecosystem-page .trending-bar{max-width:1080px}.ecosystem-page .header{padding-inline:0}.ecosystem-content{margin-top:32px}.ecosystem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:37px;display:grid}.ecosystem-card{--tool:#75a9eb;--tool-soft:#325d91;isolation:isolate;background:#0b172a;border:1px solid #1a2a414f;border-radius:21px;min-width:0;min-height:224px;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.ecosystem-card:hover{background:#102039;border-color:#345273;transform:translateY(-2px)}.ecosystem-card-link{flex-direction:column;align-items:flex-start;min-height:224px;padding:22px;display:flex;position:relative}.ecosystem-card-link:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0b172af5 12%,#0b172a94 58%,#0000);position:absolute;inset:0}.ecosystem-tool-icon{color:#a9d0ff;background:radial-gradient(circle at 31% 22%,#dceeff2e 0 9%,#0000 31%),linear-gradient(145deg,#294f7d,#172f50 48%,#0d1d34);border:1px solid #8fc2ff66;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #e4f2ff36,inset 0 -4px 9px #0613268c,0 9px 24px #0005,0 0 0 3px #5c9ee20b}.ecosystem-tool-icon:before{content:"";border-radius:inherit;border:1px solid #a9d0ff26;position:absolute;inset:4px;box-shadow:inset 0 0 12px #72aef51a}.ecosystem-tool-icon:after{content:"";background:linear-gradient(90deg,#eaf5ff47,#0000);border-radius:50%;width:14px;height:6px;position:absolute;top:7px;left:10px;transform:rotate(-21deg)}.ecosystem-tool-icon svg{z-index:1;filter:drop-shadow(0 2px 3px #02091699);width:23px;height:23px;position:relative}.ecosystem-tool-icon img{object-fit:cover;width:100%;height:100%}.ecosystem-card-art{z-index:-2;border:17px solid color-mix(in srgb, var(--tool) 12%, transparent);background:color-mix(in srgb, var(--tool-soft) 48%, #1b304f);width:188px;height:188px;color:var(--tool);opacity:.24;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:-28px;overflow:hidden;transform:rotate(-12deg);box-shadow:inset 2px 2px 2px #dcecff35,0 0 0 2px #9bc7f50b}.ecosystem-card-art svg{stroke-width:1.2px;width:78px;height:78px}.ecosystem-card-art .tool-icon-detail{display:none}.ecosystem-card-art img{object-fit:cover;width:100%;height:100%}.ecosystem-card-copy{gap:5px;margin-top:25px;display:grid}.ecosystem-card-copy small{color:color-mix(in srgb, var(--tool) 82%, #c8d9ed);letter-spacing:1.25px;font-size:8px;font-weight:700}.ecosystem-card-copy strong{color:#edf4fd;letter-spacing:-.65px;font-size:22px;font-weight:700}.ecosystem-card-copy>span{color:#8195b1;max-width:235px;margin-top:2px;font-size:10px;line-height:1.55}.ecosystem-open{color:#b9cce4;align-items:center;gap:7px;margin-top:auto;padding-top:17px;font-size:10px;font-weight:600;display:inline-flex}.ecosystem-open svg{width:12px;height:12px;transition:transform .18s}.ecosystem-card:hover .ecosystem-open svg{transform:translate(3px)}.ecosystem-navigation{z-index:10;bottom:max(18px, env(safe-area-inset-bottom));width:294px;max-width:calc(100% - 40px);position:fixed;left:50%;transform:translate(-50%)}@media (min-width:1600px){.ecosystem-page .header.content-column,.ecosystem-page .trending-bar,.ecosystem-content{max-width:1200px}.ecosystem-card-link{min-height:246px}.ecosystem-card-art{width:210px;height:210px}}@media (max-width:900px){.ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ecosystem-page{padding:24px 18px 110px}.ecosystem-content{margin-top:24px}.ecosystem-grid{grid-template-columns:1fr;gap:14px;margin-top:29px}.ecosystem-card,.ecosystem-card-link{min-height:210px}.ecosystem-card-art{width:202px;height:202px;right:-16px}.ecosystem-card-copy>span{max-width:245px}}@media (prefers-reduced-motion:reduce){.ecosystem-card,.ecosystem-open svg{transition:none}}