/* Additive navigation shared by the existing home pages and the AI service pages. */
.ai-nav-enabled{isolation:isolate;gap:20px}
.ai-nav-enabled .desktop-nav{align-items:center;gap:28px;white-space:nowrap}
.ai-nav-item{min-width:0}
.ai-nav-item--desktop{position:static}
.ai-nav-split{display:flex;align-items:center;gap:3px}
.ai-nav-overview{white-space:nowrap}
.ai-nav-trigger{display:none;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:44px;padding:0;background:transparent;color:#d0d3df;border:1px solid transparent;border-radius:4px}
.ai-nav-ready .ai-nav-trigger{display:inline-flex}
.ai-nav-trigger:hover{background:#ffffff0a;border-color:#ffffff24;color:#fff}
.ai-nav-trigger svg{transition:transform .2s ease}
.ai-nav-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.ai-nav-current .ai-nav-overview{color:var(--orange,#ff774d)}
.ai-nav-language{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-size:12px;color:#d0d3df;line-height:1.4}
.ai-nav-language:hover{color:var(--orange,#ff774d)}
.ai-nav-panel[hidden]{display:none!important}
.ai-nav-panel{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:40;padding:26px 28px 0;background:linear-gradient(125deg,#172136fa,#0d1321fc 68%);border:1px solid #a6c8ff40;border-top:2px solid var(--orange,#ff774d);border-radius:0 0 9px 9px;box-shadow:0 28px 65px #0009;backdrop-filter:blur(24px);max-height:calc(100dvh - 115px);overflow-y:auto;overscroll-behavior:contain;animation:ai-nav-enter .2s ease both;white-space:normal}
.ai-nav-panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid #ffffff1a}
.ai-nav-panel-head>span{font:11px monospace;letter-spacing:2px;color:var(--orange,#ff774d)}
.ai-nav-panel-head>a{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--ice,#9edbff)}
.ai-nav-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:24px 0}
.ai-nav-group h3{font-size:11px;letter-spacing:1.2px;font-weight:500;color:#9cadc6;margin:0 0 12px;padding:0 10px}
.ai-nav-group ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.ai-nav-enabled .desktop-nav .ai-nav-panel a::after{content:none}
.ai-nav-group a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:9px 10px;border-radius:4px;font-size:13px;line-height:1.6;color:#e2e9f6;transition:background .2s ease,color .2s ease}
.ai-nav-group a:hover{background:#ffffff0a;color:var(--orange,#ff774d)}
.ai-nav-link-arrow{color:#7f99b9;font-size:14px;flex-shrink:0}
.ai-nav-managed{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-top:1px solid #ff946f40}
.ai-nav-managed>span:first-child{display:grid;gap:5px}
.ai-nav-managed strong{font-size:15px;font-weight:500;color:#ffc3ac}
.ai-nav-managed small{font-size:11px;line-height:1.8;color:#aebed2}
.ai-nav-managed-action{display:inline-flex;align-items:center;gap:18px;color:#ffc3ac;font-size:12px;white-space:nowrap}
.ai-nav-managed:hover .ai-nav-managed-action{color:#fff}
.ai-nav-item--mobile{display:none}
.ai-nav-enabled .mobile-nav{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
.ai-nav-menu-toggle{display:none}
@keyframes ai-nav-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:681px) and (max-width:1180px){.ai-nav-enabled .brand-descriptor{display:none}.ai-nav-enabled .desktop-nav{gap:20px}.ai-nav-enabled .header-actions{gap:18px}.ai-nav-enabled{gap:16px}.ai-nav-groups{gap:12px}.ai-nav-panel{padding-inline:20px}.ai-nav-group a{font-size:12px}}
@media(min-width:681px) and (max-width:1050px){.ai-nav-enabled .header-actions>.button{display:none}}
@media(min-width:681px) and (max-width:900px){.ai-nav-enabled .desktop-nav{gap:12px;font-size:11px}.ai-nav-enabled .header-actions{gap:12px}.ai-nav-enabled{gap:12px}.ai-nav-enabled .brand{font-size:23px;gap:8px}.ai-nav-enabled .brand img{width:27px;height:27px}.ai-nav-trigger{width:26px}.ai-nav-panel{max-height:calc(100dvh - 95px)}.ai-nav-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ai-nav-group a{font-size:13px}html[lang="en"] .ai-nav-enabled .desktop-nav{gap:10px;font-size:10px}.ai-nav-language{font-size:11px}}
@media(max-width:680px){.ai-nav-enabled{gap:14px}.ai-nav-item--desktop{display:none}.ai-nav-item--mobile{display:block}.ai-nav-item--mobile .ai-nav-split{justify-content:space-between;border-bottom:1px solid #ffffff12}.ai-nav-enabled .mobile-nav .ai-nav-overview{flex:1;border:0;padding:14px 0;min-height:52px}.ai-nav-item--mobile .ai-nav-trigger{width:48px;min-height:48px}.ai-nav-item--mobile .ai-nav-panel{position:static;max-height:none;overflow:visible;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;backdrop-filter:none;animation:ai-nav-enter .2s ease both}.ai-nav-item--mobile .ai-nav-panel-head{display:none}.ai-nav-item--mobile .ai-nav-groups{grid-template-columns:1fr;gap:22px;padding:22px 0}.ai-nav-item--mobile .ai-nav-group h3{padding-inline:10px;margin-bottom:7px;color:#9edbff}.ai-nav-enabled .mobile-nav .ai-nav-group a{display:flex;min-height:46px;padding:10px;border:0;font-size:14px;background:#ffffff03}.ai-nav-enabled .mobile-nav .ai-nav-managed{display:flex;flex-direction:column;align-items:flex-start;gap:14px;border-top:1px solid #ff946f40;border-bottom:0;padding:20px 10px 12px}.ai-nav-item--mobile .ai-nav-managed strong{font-size:15px}.ai-nav-item--mobile .ai-nav-managed small{font-size:12px}.ai-nav-item--mobile .ai-nav-managed-action{font-size:13px}.ai-nav-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:transparent}}
@media(prefers-reduced-motion:reduce){.ai-nav-panel,.ai-nav-trigger svg,.ai-nav-group a{animation:none;transition:none}}
.motion-paused .ai-nav-panel,.motion-paused .ai-nav-trigger svg,.motion-paused .ai-nav-group a{animation:none;transition:none}
@media(max-width:680px){.ai-nav-enabled .header-actions{gap:12px}}
/* Keep the overview reachable on phones when scripts are unavailable. */
@media(max-width:680px){html:not(.ai-nav-ready) .ai-nav-enabled{flex-wrap:wrap;height:auto;min-height:77px;padding-block:18px}html:not(.ai-nav-ready) .ai-nav-enabled .menu-toggle,html:not(.ai-nav-ready) .ai-nav-enabled .ai-nav-menu-toggle{display:none}html:not(.ai-nav-ready) .ai-nav-enabled .mobile-nav[hidden]{display:block!important;position:static;flex-basis:100%;max-height:none;padding:8px 0 0;border-bottom:0;background:transparent;backdrop-filter:none}}