/* Metal-only branding. The supplied PNG stays byte-for-byte unchanged;
   this viewport excludes its transparent canvas padding without editing it. */
.ai-site .ai-logo-viewport { display:block; position:relative; width:210px; aspect-ratio:1346/428; overflow:hidden; flex:none; }
.ai-site .ai-logo-viewport>.ai-official-logo { position:absolute; top:-36.682243%; left:-.742942%; width:101.485884%; height:auto; max-height:none; max-width:none; }
.ai-site .ai-nav { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:24px; padding:13px max(28px, calc((100vw - 1240px)/2)); background:#fffffff5; border-bottom:1px solid #e8edf4; box-shadow:0 4px 22px #1d294205; }
.ai-site .ai-nav>.ai-brand { flex:none; }
.ai-site .ai-links { display:flex; justify-content:center; flex:1; gap:10px; padding:0; margin:0; border:0; order:initial; width:auto; }
.ai-site .ai-links>a, .ai-site .ai-nav-menu>summary { display:flex; align-items:center; gap:7px; min-height:44px; padding:0 13px; border-radius:8px; color:#485369; font-size:13px; font-weight:600; transition:background .16s,color .16s; }
.ai-site .ai-links>a:hover, .ai-site .ai-nav-menu>summary:hover, .ai-site .ai-nav-menu[open]>summary { background:#f3f5fb; color:#172451; }
.ai-site .ai-nav-menu.is-current>summary, .ai-site .ai-links a[aria-current], .ai-site .ai-mobile-panel a[aria-current] { color:#4054eb; background:#f0f3ff; }
.ai-site .ai-nav-dropdown { top:calc(100% + 10px); padding:8px; width:282px; border-color:#e5eaf3; box-shadow:0 18px 48px #17245116; }
.ai-site .ai-nav-dropdown a { min-height:44px; display:flex; align-items:center; font-size:13px; }
.ai-site .ai-nav-actions { flex:none; gap:12px; }
.ai-site .ai-language { display:inline-flex; align-items:center; justify-content:center; min-height:44px; min-width:44px; padding:0 9px; border:1px solid #e5eaf1; border-radius:9px; font-size:12px; font-weight:600; text-decoration:none; }
.ai-site .ai-language:hover { background:#f5f7fb; border-color:#c8d0e6; }
.ai-site .ai-nav .ai-button-small { min-height:44px; padding:12px 18px; gap:15px; font-size:13px; box-shadow:0 4px 10px #5264ff16; }
.ai-site .ai-nav .ai-quote-label-full, .ai-site .ai-nav .ai-quote-label-short { font-size:inherit; }
.ai-site .ai-quote-label-short, .ai-site .ai-mobile-menu { display:none; }
.ai-site .ai-nav :focus-visible { outline:2px solid #5264ff; outline-offset:3px; }
.ai-site .ai-mobile-menu>summary { display:flex; align-items:center; justify-content:center; width:44px; height:44px; list-style:none; border:1px solid #e1e7f0; border-radius:9px; cursor:pointer; background:#fff; }
.ai-site .ai-mobile-menu>summary::-webkit-details-marker { display:none; }
.ai-site .ai-menu-lines { width:18px; height:16px; display:flex; flex-direction:column; justify-content:space-between; }
.ai-site .ai-menu-lines i { display:block; height:2px; width:18px; background:#172451; border-radius:2px; transition:transform .18s,opacity .18s; }
.ai-site .ai-mobile-menu[open] .ai-menu-lines i:first-child { transform:translateY(7px) rotate(45deg); }
.ai-site .ai-mobile-menu[open] .ai-menu-lines i:nth-child(2) { opacity:0; }
.ai-site .ai-mobile-menu[open] .ai-menu-lines i:last-child { transform:translateY(-7px) rotate(-45deg); }
.ai-site .ai-mobile-panel { position:absolute; inset-inline:16px; top:calc(100% + 8px); max-height:calc(100dvh - 105px); overflow:auto; padding:15px; background:#fff; border:1px solid #e5eaf2; border-radius:14px; box-shadow:0 20px 48px #17245121; }
.ai-site .ai-mobile-panel>p { margin:3px 10px 12px; font-size:10px; color:#8993a7; letter-spacing:.1em; font-weight:600; }
.ai-site[dir=rtl] .ai-mobile-panel>p { letter-spacing:0; }
.ai-site .ai-mobile-panel>a { min-height:48px; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:10px 12px; border-radius:8px; color:#243149; font-size:14px; text-decoration:none; }
.ai-site .ai-mobile-panel>a:hover { background:#f5f7fd; color:#4054eb; }
.ai-site .ai-mobile-panel>a>span { color:#8b98ba; }
@media(max-width:1100px) and (min-width:901px) { .ai-site .ai-nav .ai-logo-viewport { width:185px; } .ai-site .ai-nav { gap:12px; padding-inline:25px; } .ai-site .ai-links { gap:2px; } .ai-site .ai-links>a, .ai-site .ai-nav-menu>summary { padding-inline:10px; } }
@media(max-width:900px) {
    .ai-site .ai-nav { display:grid; grid-template-columns:minmax(0,1fr) auto; padding:13px 18px; gap:10px; }
    .ai-site .ai-nav .ai-logo-viewport { width:136px; }
    .ai-site .ai-nav>.ai-links { display:none; }
    .ai-site .ai-mobile-menu { display:block; position:static; }
    .ai-site .ai-nav-actions { gap:6px; }
    .ai-site .ai-nav .ai-language { min-width:40px; padding-inline:6px; font-size:11px; }
    .ai-site .ai-nav .ai-button-small { padding:11px 12px; gap:7px; font-size:12px; }
    .ai-site .ai-nav .ai-quote-label-full { display:none; }
    .ai-site .ai-nav .ai-quote-label-short { display:inline; }
}
@media(max-width:360px) { .ai-site .ai-nav { padding-inline:12px; gap:6px; } .ai-site .ai-nav .ai-logo-viewport { width:112px; } .ai-site .ai-nav .ai-button-small { padding-inline:9px; font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .ai-site .ai-menu-lines i, .ai-site .ai-links>a, .ai-site .ai-nav-menu>summary { transition:none; } }
