.ecosystem { position:relative; z-index:2; padding:130px var(--gutter) 90px; text-align:center; border-top:1px solid #ffffff15; }
.ecosystem-feature { position:relative; isolation:isolate; overflow:hidden; border:1px solid #ffffff24; border-radius:32px; background:#080b12; box-shadow:inset 0 1px 0 #ffffff0c,0 24px 80px #00000026; margin-bottom:52px; }
.ecosystem-media { position:absolute; z-index:-2; inset:0; pointer-events:none; }
.ecosystem-media img,.ecosystem-media video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
.ecosystem-media video { opacity:0; transition:opacity .65s ease; }
.ecosystem-feature.is-video-ready .ecosystem-media video { opacity:1; }
.ecosystem-feature::before { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(5,8,14,.59),rgba(5,8,14,.64) 48%,rgba(5,8,14,.91)),radial-gradient(ellipse at 50% 30%,rgba(5,8,14,.15),transparent 65%); }
.ecosystem-feature-content { padding:clamp(52px,5.2vw,86px) clamp(28px,5vw,80px) 30px; }
.ecosystem-eyebrow { font:400 12px/1.5 var(--secondary); letter-spacing:.16em; color:#c2c6ce; margin:0 0 28px; }
.ecosystem h2 { font:300 clamp(48px,5.8vw,98px)/1.06 'Helvetica Neue',Helvetica,sans-serif; letter-spacing:-.055em; margin:0; text-shadow:0 2px 30px #0006; }
.ecosystem h2 span { color:#b8bec8; }
.ecosystem-intro { max-width:760px; margin:32px auto 52px; font:400 19px/1.65 var(--secondary); color:#c1c5ce; }
.ecosystem-band { border-top:1px solid #ffffff12; padding:32px 0 42px; }
.ecosystem-band h3 { font:400 14px/1.5 var(--secondary); color:#a4a8b3; letter-spacing:.05em; }
.ecosystem-partners { padding:28px 18px 22px; border-color:#ffffff22; }
.ecosystem-partners h3 { color:#c2c5cd; }
.partner-logos { display:grid; grid-template-columns:repeat(3,1fr); max-width:850px; gap:45px; margin:30px auto 0; }
.partner-logos a { display:flex; justify-content:center; align-items:center; flex-direction:column; min-height:95px; opacity:.88; transition:opacity .2s; }
.partner-logos a:hover,.partner-logos a:focus-visible { opacity:1; }
.partner-logos a:focus-visible { outline:2px solid #f0c39b; outline-offset:8px; border-radius:8px; }
.partner-logos img { max-width:180px; height:90px; width:auto; object-fit:contain; }
.partner-logos a:last-child img { height:40px; }
.partner-logos a span { font:400 10px/1.5 var(--secondary); letter-spacing:.2em; margin-top:12px; color:#d0d4dc; }
.logo-mono { filter:grayscale(1) brightness(0) invert(1); }
.ecosystem-motion-toggle { position:absolute; top:20px; right:20px; z-index:2; display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #ffffff30; border-radius:50%; background:#080b1266; color:#e7e9ec; cursor:pointer; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition:background .2s,border-color .2s; }
.ecosystem-motion-toggle[hidden] { display:none; }
.ecosystem-motion-toggle:hover { background:#080b12a6; border-color:#ffffff60; }
.ecosystem-motion-toggle:focus-visible { outline:2px solid #f0c39b; outline-offset:4px; }
.ecosystem-play-icon,.ecosystem-motion-toggle.is-paused .ecosystem-pause-icon { display:none; }
.ecosystem-motion-toggle.is-paused .ecosystem-play-icon { display:block; }
.client-logos { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:34px; margin:38px auto 0; align-items:center; }
.client-logos img { width:100%; height:70px; object-fit:contain; opacity:.65; }
.client-name { font:500 26px/1.2 'Helvetica Neue',Helvetica,sans-serif; letter-spacing:-.045em; color:#b3b6c0; }
.client-name-small { font-size:21px; }
.compatibility-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:35px; gap:25px; }
.compatibility-grid>div { display:flex; flex-direction:column; align-items:center; gap:10px; }
.protocol-icon { color:#bac3d0; font:300 30px/1.3 var(--secondary); }
.compatibility-grid strong { font:400 18px/1.4 var(--secondary); }
.compatibility-grid div>span:last-child { font:400 13px/1.5 var(--secondary); color:#848997; }
@media(max-width:900px) { .client-logos { grid-template-columns:repeat(3,minmax(0,1fr));gap:35px; }.compatibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;} .partner-logos{gap:24px}.partner-logos img{max-width:150px} }
@media(max-width:600px) { .ecosystem{padding:85px 24px 55px}.ecosystem-feature{border-radius:24px;margin-bottom:36px}.ecosystem-feature-content{padding:72px 22px 24px}.ecosystem-media img,.ecosystem-media video{object-position:37% 50%}.ecosystem-intro{font-size:18px;margin:26px auto 36px}.ecosystem-eyebrow{font-size:11px;letter-spacing:.13em}.ecosystem-partners{padding:25px 0 8px}.partner-logos{gap:18px;grid-template-columns:1fr;margin-top:24px}.partner-logos a{min-height:70px}.partner-logos img{height:68px}.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.ecosystem h2{font-size:clamp(36px,8.7vw,45px)}.ecosystem-motion-toggle{top:16px;right:16px}.compatibility-grid strong{font-size:15px}.compatibility-grid div>span:last-child{font-size:11px}.compatibility-grid{gap:30px 16px} }
@media(prefers-reduced-motion:reduce) { .ecosystem-media video { display:none; transition:none; }.ecosystem-motion-toggle { display:none; }.partner-logos a { transition:none; } }