/* Consistent native dropdowns, precise vector chevrons and clear destinations. */
.main-nav{gap:2px;padding:5px;border-radius:14px;font-size:11px}
.main-nav .nav-dropdown>summary{display:flex;align-items:center;gap:7px;min-height:42px;padding:10px 12px;border:0;border-radius:10px;list-style:none;color:#2e405e;transition:background .2s,color .2s;user-select:none}
.main-nav .nav-dropdown>summary::marker{content:''}
.main-nav .nav-dropdown>summary::-webkit-details-marker{display:none}
.main-nav .nav-dropdown>summary .nav-label{margin:0;color:inherit}
.main-nav .nav-chevron{display:grid;place-items:center;flex-shrink:0;width:20px;height:20px;margin:0;color:#7b90b2;background:#eaf0fc80;border:1px solid #dce6f388;border-radius:50%;transition:background .2s,border-color .2s,color .2s}
.nav-chevron svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s cubic-bezier(.2,.8,.3,1)}
.main-nav .nav-dropdown>summary:hover,.main-nav .nav-dropdown[open]>summary{background:linear-gradient(115deg,#e6f4ff,#ecebff);color:#365cc0}
.main-nav .nav-dropdown[open] .nav-chevron{background:#fff;border-color:#c9d7f6;color:#4669d3}
.nav-dropdown[open]>summary .nav-chevron svg{transform:rotate(180deg)}
.main-nav .dropdown-panel{z-index:45;top:calc(100% + 12px);left:0;min-width:0;width:330px;max-width:calc(100vw - 32px);padding:10px;border:1px solid #dce5f6;border-radius:20px;background:linear-gradient(150deg,#fff,#f9faff);box-shadow:0 20px 60px #2d478a24,0 3px 12px #314b7d08}
.main-nav .nav-dropdown:not([open])>.dropdown-panel{display:none}
.main-nav .nav-dropdown[open]>.dropdown-panel{animation:nav-panel-enter .2s ease-out}
.main-nav .nav-about .dropdown-panel,.main-nav .nav-partners .dropdown-panel{left:auto;right:0}
.nav-panel-caption{display:block;padding:12px 13px 10px;color:#8392ad;font-size:8px;line-height:1.5;font-weight:650;letter-spacing:1.3px}
.main-nav .dropdown-panel a{display:flex;align-items:center;gap:12px;min-height:76px;padding:13px 12px;border-radius:12px;color:#293d60;transition:background .18s,color .18s}
.main-nav .dropdown-panel a:hover{background:linear-gradient(110deg,#eaf7ff,#eeedff);color:#325fcd}
.nav-link-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #dfe7f5;border-radius:11px;background:linear-gradient(135deg,#effcff,#eeedff);color:#6989c9;box-shadow:inset 0 1px #fff}
.nav-link-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.nav-link-copy{min-width:0;flex:1}
.nav-link-copy b{display:block;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:-.15px}
.main-nav .dropdown-panel small{display:block;margin:5px 0 0;color:#7a8ba4;font-size:10px;line-height:1.5;font-weight:400}
.nav-link-arrow{width:14px;height:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#a3b3d0;transition:transform .2s,color .2s}
.dropdown-panel a:hover .nav-link-arrow{color:#5b7bd7;transform:translate(2px,-2px)}
.main-nav summary:focus-visible,.main-nav .dropdown-panel a:focus-visible{outline:2px solid #5f7be4;outline-offset:3px}
#company,#ib-journey{scroll-margin-top:110px}
@keyframes nav-panel-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1001px) and (max-width:1250px){
 .main-nav{gap:1px;font-size:10px;padding:4px}
 .main-nav .nav-dropdown>summary{padding-inline:9px;gap:5px}
 .main-nav .nav-chevron{width:17px;height:17px}
 .main-nav .nav-chevron svg{width:11px;height:11px}
}
@media(max-width:1000px){
 .main-nav{padding:10px;border-radius:18px;font-size:14px;max-height:calc(100dvh - 110px)}
 .main-nav.is-open{gap:3px}
 .main-nav .nav-dropdown>summary{justify-content:space-between;min-height:52px;padding:13px 15px;border-radius:11px}
 .main-nav .nav-chevron{width:25px;height:25px}
 .main-nav .nav-chevron svg{width:14px;height:14px}
 .main-nav .dropdown-panel{position:static;width:auto;max-width:none;min-width:0;margin:5px 0 9px;padding:7px;border-radius:14px;box-shadow:none;background:#eef2ff80;border-color:#e1e8f5}
 .nav-panel-caption{padding:9px 10px 7px;font-size:8px;letter-spacing:1px}
 .main-nav .dropdown-panel a{gap:11px;padding:12px 9px;min-height:70px}
 .nav-link-copy b{font-size:13px}
 .main-nav .dropdown-panel small{font-size:11px;line-height:1.5}
 .nav-link-icon{width:35px;height:35px;border-radius:10px}
 .nav-link-arrow{width:13px;height:13px}
 .main-nav .mobile-nav-login{margin:5px 3px 3px;min-height:46px}
 #company,#ib-journey{scroll-margin-top:85px}
}
@media(prefers-reduced-motion:reduce){.main-nav .nav-dropdown>summary,.nav-chevron,.nav-chevron svg,.main-nav .dropdown-panel a,.nav-link-arrow{transition:none}.main-nav .nav-dropdown[open]>.dropdown-panel{animation:none}}
