/* Full-width navigation panels follow the reference layout in Workplex colors. */
.announcement{background:linear-gradient(100deg,#8a6d2f 0%,#c8a24b 52%,#e8c56a 100%);color:#080d1a;box-shadow:0 3px 18px #c8a24b44;position:relative;z-index:30;font-weight:500}.announcement a{color:#080d1a;text-decoration:underline;text-decoration-color:#080d1a66;text-underline-offset:3px}.announcement a:hover{color:#fff}.announcement a span{font-weight:700}
.primary-navigation{display:flex;align-items:center;gap:6px;margin-left:auto}
.nav-group{position:static}
.nav-trigger,.nav-direct{display:flex;align-items:center;gap:7px;border:0;padding:13px 16px;background:transparent;color:#b8c2d4;font:inherit;font-size:14px;white-space:nowrap}
.nav-trigger:hover,.nav-trigger[aria-expanded=true],.nav-direct:hover{background:#111a2e;color:#f4f0e6}
.nav-trigger span{color:#7e93b8;transition:transform .15s}
.nav-trigger[aria-expanded=true] span{transform:rotate(180deg)}
.mega-panel{position:absolute;left:0;right:0;top:100%;background:#0c1322;border-bottom:1px solid #2a3750;box-shadow:0 18px 30px #0003}
.mega-inner{max-width:1400px;margin:auto;padding:30px 0 40px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px}
.mega-column{padding-right:24px;min-width:0}
.mega-column:first-child{border-right:1px solid #2a3750}
.mega-label{font-size:10px;letter-spacing:.9px;color:#8e9fba;margin-bottom:19px}
.mega-column>a{display:block;padding:13px 0;color:#f4f0e6;font-size:16px;line-height:1.4}
.mega-column>a:hover,.mega-column>a[aria-current=page]{color:#e8c56a}
.mega-column small{display:block;color:#b8c2d4;font-size:11px;font-weight:400;line-height:1.5;margin-top:5px}
.mega-feature{display:block;background:#111a2e;padding:12px;min-width:0}
.mega-art{min-height:200px;background:radial-gradient(ellipse at 80% 100%,#c8a24b33,transparent 70%),#080d1a;padding:25px;display:flex;flex-direction:column;justify-content:center;gap:15px;border:1px solid #2a3750}
.mega-art>.mini-mark,.mega-art>.orb{width:32px;height:32px;font-size:19px}
.mega-art>strong{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.8px;color:#f4f0e6}
.mega-art>div{font-size:8px;letter-spacing:1px;color:#c8a24b}
.mega-art>i{height:2px;background:#7e93b833;width:80%}.mega-art>i:nth-of-type(2){width:60%}.mega-art>i:last-child{width:70%}
.mega-feature>strong{display:block;font-size:15px;font-weight:500;margin:16px 3px 6px}
.mega-feature>p{font-size:11px;margin-inline:3px}
.mega-feature>span{display:block;margin:14px 3px 3px;font-size:11px;color:#c8a24b}
.nav-backdrop{position:fixed;inset:0;z-index:19;background:#02061288;backdrop-filter:blur(5px)}
[hidden]{display:none!important}
@media(max-width:1490px){.mega-inner{margin-inline:24px}}
@media(max-width:1150px){.primary-navigation{gap:0}.nav-trigger,.nav-direct{padding-inline:11px}.mega-inner{gap:28px}.mega-column{padding-right:15px}.mega-column>a{font-size:15px}.mega-art{padding:20px}}
@media(max-width:900px){
 .menu-toggle{display:block}.desktop-cta{display:none}
 .primary-navigation{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 115px);overflow-y:auto;background:#0c1322;border-block:1px solid #2a3750;padding:12px 24px 24px;overscroll-behavior:contain}
 .primary-navigation.is-open{display:block}
 .nav-trigger,.nav-direct{width:100%;justify-content:space-between;text-align:left;padding:17px 0;font-size:15px;border-bottom:1px solid #2a3750}
 .nav-trigger:hover,.nav-trigger[aria-expanded=true]{background:transparent;color:#e8c56a}
 .mega-panel{position:static;border:0;box-shadow:none;background:transparent}
 .mega-inner{display:block;margin:0;padding:12px 0 16px}
 .mega-column{padding:0}.mega-column:first-child{border:0}
 .mega-column+.mega-column{margin-top:20px}.mega-label{margin-bottom:5px;font-size:9px}
 .mega-column>a{padding:11px 0;font-size:14px}.mega-column small{font-size:11px}
 .mega-feature{display:none}.nav-backdrop{backdrop-filter:blur(3px)}
}
@media(max-width:600px){.primary-navigation{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.nav-trigger span{transition:none}}