/* The homepage menu on the other public pages. Everything is prefixed sn- so it
   never clashes with a page's own styles. Matches home.html's nav. */
#sitenav{min-height:67px}
.sn{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.82); backdrop-filter:saturate(160%) blur(14px); -webkit-backdrop-filter:saturate(160%) blur(14px); border-bottom:1px solid #EEF0F5; font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif}
.sn a{text-decoration:none}
.sn-in{display:flex; align-items:center; justify-content:space-between; height:66px; max-width:1140px; margin:0 auto; padding:0 32px}
.sn-brand{display:inline-flex; align-items:center; gap:9px}
.sn-brand .te{font-weight:800; font-size:26px; letter-spacing:-.055em; color:#0F1121; line-height:.8}
.sn-brand .m{display:flex; flex-direction:column; justify-content:space-between; height:20px}
.sn-brand .m i{display:block; width:26px; height:5px; border-radius:2.5px}
.sn-brand .m i:nth-child(1){background:#2FBFA5} .sn-brand .m i:nth-child(2){background:#5A6DF0} .sn-brand .m i:nth-child(3){background:#8467FF}
.sn-brand .beta{margin-left:4px; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#fff; background:linear-gradient(90deg,#2FBFA5,#8467FF); padding:3px 8px; border-radius:100px}
.sn-links{display:flex; align-items:center; gap:26px; font-size:14.5px; font-weight:550; color:#6B7085}
.sn-links > a, .sn-ddb{color:#6B7085}
.sn-links > a:hover, .sn-ddb:hover{color:#14162B}
.sn-btn{display:inline-flex; align-items:center; justify-content:center; font-weight:650; font-size:15px; padding:11px 18px; border-radius:12px; background:#5A6DF0; color:#fff !important; box-shadow:0 10px 24px -10px rgba(90,109,240,.7)}
.sn-btn:hover{background:#4353D6}
.sn-dd{position:relative}
.sn-ddb{border:none; background:none; font:inherit; cursor:pointer; padding:6px 0}
.sn-ddb span{font-size:11px; margin-left:2px}
.sn-ddm{position:absolute; top:100%; left:-14px; min-width:170px; background:#fff; border:1px solid #EEF0F5; border-radius:12px; box-shadow:0 18px 40px -24px rgba(20,22,43,.35); padding:6px; opacity:0; visibility:hidden; transform:translateY(4px); transition:opacity .15s, transform .15s, visibility .15s; z-index:60}
.sn-ddm a{display:block; padding:9px 12px; border-radius:8px; color:#3B3F55}
.sn-ddm a:hover, .sn-ddm a[aria-current]{background:#F7F8FB; color:#14162B}
.sn-dd:hover .sn-ddm, .sn-dd:focus-within .sn-ddm, .sn-dd.open .sn-ddm{opacity:1; visibility:visible; transform:none}
.sn-burger{display:none; width:44px; height:44px; border:none; background:none; flex-direction:column; justify-content:center; gap:5px; cursor:pointer}
.sn-burger span{display:block; width:22px; height:1.7px; margin:0 auto; background:#0F1121; border-radius:2px}
.sn-m{display:none; padding:6px 28px 20px; background:#fff}
.sn-m.open{display:block}
.sn-m > a, .sn-mwk a{display:block; padding:13px 0; border-bottom:1px solid #EEF0F5; font-size:17px; color:#3B3F55}
.sn-mwk span{display:block; padding:13px 0 4px; font-size:13px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#6B7085}
.sn-mwk a{padding:10px 0 10px 14px; font-size:16px}
.sn-m .sn-btn{display:flex; width:100%; margin-top:14px; padding:14px 20px}
@media (max-width:860px){ .sn-links{display:none} .sn-burger{display:flex} }
@media (max-width:600px){ .sn-in{padding:0 28px} }
