/* SKYTOOLS GLOBAL | MAIN RC2 Navigation Visual Parity | 3D LAB
   Isolated layout: preserves all landing styles, content, media, scripts and lead handlers. */
.ecosystem-bar--3d{position:relative;z-index:90;color:#e7f4f8;border-top:1px solid rgba(67,150,162,.28);border-bottom:1px solid #184256;background:linear-gradient(94deg,#071d29 0%,#092637 55%,#082131 100%);font-family:Inter,Arial,Helvetica,sans-serif}
.ecosystem-bar--3d *{box-sizing:border-box}
.ecosystem-bar--3d .ecosystem-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding-top:9px;padding-bottom:9px}
.ecosystem-bar--3d .ecosystem-identity{display:flex;align-items:center;gap:19px;min-width:0}
.ecosystem-bar--3d .ecosystem-context{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:.7rem;color:#c6dce3}
.ecosystem-bar--3d .ecosystem-context strong{font-size:.74rem;color:#fff}
.ecosystem-bar--3d .ecosystem-eyebrow{font-size:.67rem;font-weight:850;color:#75faaa;letter-spacing:.13em}
.ecosystem-bar--3d .ecosystem-dot{width:7px;height:7px;border-radius:50%;background:#20f57a;box-shadow:0 0 10px #23f8799a;flex:none}
.ecosystem-bar--3d .ecosystem-separator{opacity:.46}
.ecosystem-bar--3d .ecosystem-back{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:44px;padding:0 13px;border-radius:12px;border:1px solid #426576;color:#d7f4e9;background:#102e3a;font-size:.76rem;font-weight:850;white-space:nowrap;text-decoration:none;transition:background .16s,border-color .16s}
.ecosystem-bar--3d .ecosystem-back:hover{background:#15453d;border-color:#22e986}
.ecosystem-bar--3d .ecosystem-back span{color:#43f49c;font-size:1rem}
.ecosystem-bar--3d .ecosystem-controls{display:flex;align-items:center;gap:12px;min-width:0}
.ecosystem-bar--3d .ecosystem-language{display:flex;align-items:center;gap:9px;flex:none}
.ecosystem-bar--3d .ecosystem-language-label{color:#bdd2da;font-size:.7rem;letter-spacing:.07em;font-weight:850;white-space:nowrap}
.ecosystem-bar--3d .language-switcher{display:inline-flex;align-items:center;gap:5px;padding:4px;border:1px solid rgba(85,155,157,.63);border-radius:14px;background:#071d2b;flex:none}
.ecosystem-bar--3d .language-switcher a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 10px;font-size:.86rem;font-weight:900;line-height:1;border-radius:10px;color:#d9eaf2;background:#103144;border:1px solid #335d72;text-decoration:none;transition:background .17s,color .17s}
.ecosystem-bar--3d .language-switcher a:hover{background:#155743;color:#fff;border-color:#2acb8c}
.ecosystem-bar--3d .language-switcher a.lang-current{background:#1cf27b;border-color:#25f08a;color:#06261a;box-shadow:0 0 0 1px #08704b}
.ecosystem-bar--3d .ecosystem-switcher{position:relative;flex:0 0 auto;min-width:216px}
.ecosystem-bar--3d .ecosystem-switcher summary{list-style:none}
.ecosystem-bar--3d .ecosystem-switcher summary::-webkit-details-marker{display:none}
.ecosystem-bar--3d .ecosystem-switcher-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 16px;min-height:44px;border:1px solid #20d87a;border-radius:12px;background:#10394a;color:#ecf9f3;font-size:.8rem;font-weight:850;cursor:pointer;user-select:none}
.ecosystem-bar--3d .ecosystem-switcher-trigger:hover,.ecosystem-bar--3d .ecosystem-switcher[open] .ecosystem-switcher-trigger{background:#13483b;border-color:#44f0a0}
.ecosystem-bar--3d .ecosystem-trigger-short{display:none}
.ecosystem-bar--3d .ecosystem-chevron{font-size:1.4rem;line-height:1;transition:transform .15s}
.ecosystem-bar--3d .ecosystem-switcher[open] .ecosystem-chevron{transform:rotate(180deg)}
.ecosystem-bar--3d .ecosystem-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:min(430px,calc(100vw - 28px));padding:16px 14px 13px;display:flex;flex-direction:column;max-height:min(690px,77vh);overflow:auto;border-radius:18px;border:1px solid #3a6478;background:#071b2bf5;box-shadow:0 24px 65px #000a;backdrop-filter:blur(14px);z-index:100}
.ecosystem-bar--3d .ecosystem-dropdown-title{color:#91bdcc;font-size:.73rem;letter-spacing:.16em;font-weight:850;margin:0 0 10px;padding:3px 10px 12px}
.ecosystem-bar--3d .ecosystem-unit{display:flex;align-items:center;gap:13px;padding:11px 11px;min-height:62px;border-radius:12px;border:1px solid transparent;color:#e7f5f6;font-size:.84rem;text-decoration:none}
.ecosystem-bar--3d .ecosystem-unit:hover,.ecosystem-bar--3d .ecosystem-unit:focus-visible{background:#164052;border-color:#225b5c}
.ecosystem-bar--3d .ecosystem-unit>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.ecosystem-bar--3d .ecosystem-unit b{font-size:.84rem;line-height:1.3;font-weight:800}
.ecosystem-bar--3d .ecosystem-unit small{color:#b4cad3;font-size:.72rem;line-height:1.32}
.ecosystem-bar--3d .ecosystem-unit-icon{display:grid;place-items:center;width:41px;height:41px;flex:none;border-radius:12px;border:1px solid #2b6570;background:#092c3a;color:#71f6aa;font-size:1.24rem}
.ecosystem-bar--3d .ecosystem-unit-icon.cyan{color:#6ed9ff;border-color:#2f819b}
.ecosystem-bar--3d .ecosystem-unit.is-current{border-color:#27986f;background:#123d38}
.ecosystem-bar--3d .ecosystem-unit.is-current .ecosystem-unit-icon{border-color:#37bb8b}
.ecosystem-bar--3d .ecosystem-unit-arrow{color:#91c5d5;font-size:1rem}
.ecosystem-bar--3d .ecosystem-unit .unit-status{color:#49f6a2;font-size:.7rem;font-weight:900;white-space:nowrap}
.ecosystem-bar--3d .ecosystem-dropdown-divider{height:1px;margin:9px 10px;background:#315363}
.ecosystem-bar--3d .ecosystem-switcher-trigger:focus-visible,.ecosystem-bar--3d a:focus-visible{outline:2px solid #92ffe0;outline-offset:3px}
@media(max-width:1120px){.ecosystem-bar--3d .ecosystem-context{display:none}.ecosystem-bar--3d .ecosystem-identity{gap:0}}
@media(max-width:760px){
 .ecosystem-bar--3d .ecosystem-bar-inner{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding-top:9px;padding-bottom:10px}
 .ecosystem-bar--3d .ecosystem-identity{justify-content:space-between;width:100%}
 .ecosystem-bar--3d .ecosystem-identity:after{content:'3D LAB';color:#78f4aa;font-weight:850;letter-spacing:.13em;font-size:.7rem}
 .ecosystem-bar--3d .ecosystem-back{min-height:36px;padding:0 11px;font-size:.73rem}
 .ecosystem-bar--3d .ecosystem-controls{justify-content:space-between;width:100%;gap:6px}
 .ecosystem-bar--3d .ecosystem-language{gap:5px}
 .ecosystem-bar--3d .ecosystem-language-label{font-size:.68rem}
 .ecosystem-bar--3d .language-switcher{padding:3px;gap:4px}
 .ecosystem-bar--3d .language-switcher a{min-width:44px;min-height:44px;padding:0 7px;font-size:.8rem}
 .ecosystem-bar--3d .ecosystem-switcher{min-width:0}
 .ecosystem-bar--3d .ecosystem-switcher-trigger{font-size:.72rem;gap:7px;padding:0 10px}
 .ecosystem-bar--3d .ecosystem-trigger-full{display:none}
 .ecosystem-bar--3d .ecosystem-trigger-short{display:inline}
 .ecosystem-bar--3d .ecosystem-dropdown{max-height:min(650px,65vh);width:min(430px,calc(100vw - 30px))}
}
@media(max-width:375px){
 .ecosystem-bar--3d .ecosystem-controls{display:grid;grid-template-columns:1fr;gap:8px}
 .ecosystem-bar--3d .ecosystem-language{justify-content:flex-end}
 .ecosystem-bar--3d .ecosystem-switcher{width:100%}
 .ecosystem-bar--3d .ecosystem-switcher-trigger{width:100%;min-height:42px;justify-content:space-between}
 .ecosystem-bar--3d .ecosystem-dropdown{right:0}
}
@media(prefers-reduced-motion:reduce){.ecosystem-bar--3d .ecosystem-chevron,.ecosystem-bar--3d .ecosystem-back,.ecosystem-bar--3d .language-switcher a{transition:none}}
/* Draw a real chevron instead of a font-dependent glyph. */
.ecosystem-bar--3d .ecosystem-chevron{display:inline-block;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;font-size:0;flex:none;transform:rotate(45deg);margin-top:-5px}
.ecosystem-bar--3d .ecosystem-switcher[open] .ecosystem-chevron{transform:rotate(225deg);margin-top:4px}

/* SVG chevron mirrors Main Web reliably across browsers. */
.ecosystem-bar--3d svg.ecosystem-chevron{width:16px;height:16px;transform:none;margin:0;border:0;display:block}
.ecosystem-bar--3d .ecosystem-switcher[open] svg.ecosystem-chevron{transform:rotate(180deg);margin:0}