/* Each ecosystem possibility has its own coordinated illustration. */
.ecosystem-showcase .ecosystem-card{display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s;background:#fff}
.ecosystem-showcase .ecosystem-card[hidden]{display:none}
.ecosystem-showcase .ecosystem-card:hover{border-color:#cbb7de;box-shadow:0 16px 40px #4d2c7309}
.ecosystem-showcase .eco-illustration{height:auto;width:100%;aspect-ratio:440/300;display:block;isolation:isolate;background:#faf8fd;border-bottom:1px solid #eee7f3}
.ecosystem-showcase .eco-illustration:before,.ecosystem-showcase .eco-illustration:after{display:none;content:none;animation:none}
.ecosystem-showcase .eco-illustration canvas,.ecosystem-showcase .eco-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.ecosystem-showcase .eco-illustration canvas{opacity:0}
.ecosystem-showcase .eco-illustration:is([data-scene-state="animated"],[data-scene-state="paused"]) canvas{opacity:1}
.ecosystem-showcase .eco-illustration:is([data-scene-state="animated"],[data-scene-state="paused"]) .eco-poster{opacity:0}
.ecosystem-showcase .eco-copy{padding:26px;flex:1}
.ecosystem-showcase .eco-copy .tag{font-size:10px;letter-spacing:.05em;padding:4px 10px;margin-bottom:16px;background:#fbf8fe;border-color:#e9e0f1;color:#80628f}
.ecosystem-showcase .eco-copy h3{font-size:25px;line-height:1.17;margin-bottom:15px}
.ecosystem-showcase .eco-copy p{font-size:14px;line-height:1.8}
@media(min-width:601px) and (max-width:1100px){.ecosystem-showcase .ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.ecosystem-showcase .ecosystem-grid{grid-template-columns:1fr;gap:22px}.ecosystem-showcase .eco-copy{padding:27px}.ecosystem-showcase .eco-copy h3{font-size:27px}}
.motion-paused .ecosystem-showcase .ecosystem-card{transition:none}
@media(prefers-reduced-motion:reduce){.ecosystem-showcase .ecosystem-card{transition:none}}