/* The centered glass capsule and direct landing links, shared sitewide. */
.ecosystem-header.ecosystem-header{box-sizing:border-box;position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:80;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;gap:18px;width:max-content;max-width:calc(100% - 40px);height:64px;min-height:64px;margin:0;padding:9px 20px;color:#fff;background:linear-gradient(135deg,#765192f5,#604578f2);border:1px solid #ffffff85;border-radius:40px;box-shadow:inset 0 1px 1px #ffffff65,inset 0 -1px 1px #38204650,0 10px 30px #35204428;backdrop-filter:blur(24px);pointer-events:auto;font:600 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0}
.ecosystem-header .ecosystem-brand{display:flex;align-items:center;flex:0 0 180px;width:180px;min-width:0;min-height:44px;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;text-decoration:none;color:inherit;line-height:1}
.ecosystem-header .ecosystem-brand>svg{display:block;width:100%;height:32px;max-width:none;overflow:hidden;filter:drop-shadow(0 1px 1px #29163890)}
.ecosystem-header .ecosystem-nav{display:flex;flex-flow:row nowrap;align-items:center;flex:0 0 auto;justify-content:flex-start;gap:4px;width:auto;min-width:0;margin:0;padding:0;white-space:nowrap;font:600 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.02em}
.ecosystem-header a,.ecosystem-header summary{box-sizing:border-box;color:inherit;text-decoration:none;text-transform:none;letter-spacing:.02em;font:600 12px/1.4 Arial,Helvetica,sans-serif}
.ecosystem-nav>a,.ecosystem-header summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:6px 12px;border:0;border-radius:24px;white-space:nowrap;background:transparent;cursor:pointer;list-style:none}
.ecosystem-header summary::-webkit-details-marker{display:none}.ecosystem-header summary::marker{content:''}
.ecosystem-nav>a:hover,.ecosystem-nav>a[aria-current=page],.ecosystem-nav>a.is-current,.ecosystem-header summary:hover,.ecosystem-header summary.is-current,.ecosystem-header details[open]>summary{background:#ffffff29}
.ecosystem-header a:focus-visible,.ecosystem-header summary:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.ecosystem-header details{position:relative;display:block;margin:0;padding:0;max-width:none;border:0;background:none;color:inherit}
.ecosystem-header .ecosystem-panel{box-sizing:border-box;position:absolute;top:calc(100% + 17px);left:0;display:flex;flex-direction:column;align-items:stretch;gap:3px;width:230px;max-width:calc(100vw - 48px);margin:0;padding:10px;border:1px solid #fff9;border-radius:24px;background:linear-gradient(135deg,#fffefd,#eee2f8);color:#493058;box-shadow:0 18px 45px #39204440;backdrop-filter:blur(24px)}
.ecosystem-header details:not([open])>.ecosystem-panel{display:none}
.ecosystem-header .ecosystem-panel a{display:flex;align-items:center;justify-content:flex-start;min-height:44px;margin:0;padding:10px 16px;border:0;border-radius:18px;background:transparent;color:#493058;white-space:nowrap;font-size:13px}
.ecosystem-header .ecosystem-panel a:hover,.ecosystem-header .ecosystem-panel a[aria-current=page],.ecosystem-header .ecosystem-panel a.is-current{background:#9365b824;color:#512578}.ecosystem-header .ecosystem-panel a:focus-visible{outline-color:#754594}
.ecosystem-chevron{display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}details[open]>summary .ecosystem-chevron{transform:rotate(225deg) translate(-2px,-1px)}
.ecosystem-header .ecosystem-mobile{display:none}.ecosystem-mobile>summary{border:1px solid #ffffff55;gap:8px}.ecosystem-menu-icon{position:relative;display:block;width:14px;height:2px;background:currentColor;border-radius:1px}.ecosystem-menu-icon::before,.ecosystem-menu-icon::after{content:'';position:absolute;left:0;width:14px;height:2px;border-radius:1px;background:currentColor}.ecosystem-menu-icon::before{top:-5px}.ecosystem-menu-icon::after{top:5px}.ecosystem-mobile[open] .ecosystem-menu-icon{background:transparent}.ecosystem-mobile[open] .ecosystem-menu-icon::before{top:0;transform:rotate(45deg)}.ecosystem-mobile[open] .ecosystem-menu-icon::after{top:0;transform:rotate(-45deg)}
.ecosystem-mobile .ecosystem-panel a:last-child{border-top:1px solid #9365b833;border-radius:0 0 18px 18px;margin-top:4px}
.ecosystem-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding:22px;font:12px/1.5 Arial,sans-serif}.ecosystem-footer a{color:inherit}.experience-destinations{margin-top:16px}.standalone-player-nav[hidden]{display:none!important}
#interface>.ecosystem-header{position:absolute;top:18px;left:50%;right:auto;z-index:30}#interface.before-entry>.ecosystem-header.ecosystem-header{visibility:visible!important;pointer-events:auto!important}#interface>.ecosystem-header~.topbar{top:90px;padding-top:14px}#interface>.ecosystem-header~.coordinate{top:198px}#interface>.ecosystem-header~.entry .entry-content{padding-top:112px}
.prism-body #interface>.ecosystem-header{position:fixed;z-index:80}.prism-body .prism-room-ui>header{position:absolute;top:88px;left:0;right:0;padding:12px 20px;justify-content:flex-end}.prism-body .prism-daw{padding-top:92px}.prism-body .daw-header{flex-wrap:wrap}
.signal>.ecosystem-header+.sg-shell{padding-top:112px}.ecosystem-header+.app-shell{padding-top:100px}.ecosystem-header+.app-shell .sidebar{top:96px}.ecosystem-header+.app-shell .topbar{top:88px}.ecosystem-header~.hall-controls{position:absolute;top:94px;right:24px;z-index:8}.hall-controls .motion{font-size:11px}.ecosystem-header~.hall-controls+main{padding-top:105px}.ecosystem-header+iframe{margin-top:92px}
@media(max-width:620px){.ecosystem-header.ecosystem-header{top:12px;max-width:calc(100% - 24px);gap:12px;padding:9px 12px}.ecosystem-header .ecosystem-brand{width:142px;flex-basis:142px}.ecosystem-header .ecosystem-brand>svg{height:26px}.ecosystem-header .ecosystem-nav{gap:4px}.ecosystem-header .ecosystem-nav>a:not(.ecosystem-music){display:none}.ecosystem-header .ecosystem-mobile{display:block}.ecosystem-header summary,.ecosystem-header .ecosystem-nav>.ecosystem-music{padding-inline:10px;font-size:11px}.ecosystem-header .ecosystem-panel{left:auto;right:0}#interface>.ecosystem-header{top:12px}.ecosystem-header+iframe{margin-top:88px}}
@media(max-width:350px){.ecosystem-header .ecosystem-brand{width:120px;flex-basis:120px}.ecosystem-header.ecosystem-header{gap:8px;padding-inline:10px}.ecosystem-header summary,.ecosystem-header .ecosystem-nav>.ecosystem-music{padding-inline:8px}}