.ecosystem-stage{isolation:isolate;width:100%;max-width:520px;margin-inline:auto;padding:88px 16px 32px;position:relative}.ecosystem-screen-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;width:100%;height:100%;display:flex;overflow:auto hidden}.ecosystem-screen-track::-webkit-scrollbar{display:none}.ecosystem-screen-track:focus-visible{outline:3px solid var(--tiffany-deep);outline-offset:-3px}.ecosystem-screen-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;height:100%;position:relative}.ecosystem-screen-controls{justify-content:center;align-items:center;gap:24px;display:flex}.ecosystem-screen-controls button{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:50%;width:48px;height:48px;font-size:24px}.ecosystem-screen-controls button:disabled{opacity:.3;cursor:default}.ecosystem-screen-controls button:focus-visible{outline:2px solid var(--tiffany-deep);outline-offset:4px}.ecosystem-screen-controls p{text-align:center;min-width:120px}.ecosystem-screen-controls strong{font-size:14px;display:block}.ecosystem-screen-controls p span{color:var(--muted-foreground);font-size:12px}.ecosystem-glow{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in oklab,var(--tiffany) 23%,transparent),transparent 70%);position:absolute;inset:5%}.ecosystem-phone{justify-content:center;max-width:100%;animation:7s ease-in-out infinite ecosystem-breathe;display:flex;position:relative}.ecosystem-float-layer{z-index:2;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.ecosystem-floating-card{width:max-content;max-width:calc(50% - 20px);position:absolute}.ecosystem-floating-card:first-child{top:36px;left:20px}.ecosystem-floating-card:nth-child(2){top:24%;right:20px}.ecosystem-floating-card:nth-child(3){top:46%;left:20px}.ecosystem-floating-card:nth-child(4){top:69%;right:20px}.ecosystem-card-body{animation:ecosystem-drift var(--float-duration) ease-in-out var(--float-delay) infinite;border-radius:16px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;line-height:1.35;display:flex}.ecosystem-card-body [data-ecosystem-artwork]{border-radius:9px;width:32px;height:32px}@media(min-width:640px){.ecosystem-stage{padding:52px 24px 44px}.ecosystem-floating-card{max-width:calc(50% - 28px)}.ecosystem-floating-card:first-child{top:8%}.ecosystem-floating-card:nth-child(2){top:29%}.ecosystem-floating-card:nth-child(3){top:55%}.ecosystem-floating-card:nth-child(4){top:78%}.ecosystem-card-body{gap:10px;padding:8px 12px 8px 8px;font-size:14px}.ecosystem-card-body [data-ecosystem-artwork]{border-radius:12px;width:48px;height:48px}}@keyframes ecosystem-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ecosystem-drift{0%,to{transform:translate(0)rotate(0)}23%{transform:translate3d(var(--float-x),calc(var(--float-y) * -1),0) rotate(var(--float-tilt))}51%{transform:translate3d(calc(var(--float-x) * -.7),calc(var(--float-y) * -.35),0) rotate(calc(var(--float-tilt) * -.6))}78%{transform:translate3d(calc(var(--float-x) * .45),var(--float-y),0) rotate(calc(var(--float-tilt) * .4))}}@media(prefers-reduced-motion:reduce){.ecosystem-phone,.ecosystem-card-body{animation:none!important}}