/* ==========================================================
   ANALIVA · MEGA DROPDOWNS on the homepage nav
   (rules copied from site/site.css; tokens scoped to .nav)
   ========================================================== */
.nav{--sx-ink:#07131F;--sx-ivory:#F4F1EA;--sx-teal:#34C3B8;--sx-teal-2:#7FE0D6;--sx-teal-d:#137F77;--sx-mu-l:#55636F;--sx-serif:"Instrument Serif",Georgia,serif;--sx-sans:"Geist",Inter,system-ui,sans-serif;--sx-ease:cubic-bezier(.16,1,.3,1)}
.nav .sx-dd__t{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;font:500 14px/1 var(--sx-sans);color:inherit;opacity:.78;background:none;border:0;cursor:pointer;transition:opacity .25s}
.nav .sx-dd__t:hover,.nav .sx-dd.is-open .sx-dd__t{opacity:1}
.sx-roll{position:relative;display:inline-block;overflow:hidden;height:1.3em;line-height:1.3em;vertical-align:middle}
.sx-roll>span{display:block;transition:transform .55s var(--sx-ease)}
.sx-roll>span+span{position:absolute;left:0;top:100%}
.sx-dd__cv{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:transform .5s cubic-bezier(.34,1.5,.5,1)}
.sx-dd.is-open .sx-dd__cv{transform:rotate(180deg)}
.sx-dd{position:relative}
.sx-dd__panel{position:absolute;top:calc(100% + 18px);left:50%;translate:-50% 0;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;width:640px;padding:10px;border-radius:26px;visibility:hidden;opacity:0;transform:translateY(-10px) scale(.98);transform-origin:50% 0;
  color:var(--sx-ink);background:rgba(251,250,246,.96);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);
  box-shadow:0 0 0 1px rgba(7,19,31,.06),0 50px 90px -30px rgba(7,19,31,.45),0 12px 28px -16px rgba(7,19,31,.25);transition:opacity .3s,visibility .3s,transform .55s var(--sx-ease)}
.sx-dd__panel::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.sx-dd.is-open .sx-dd__panel{visibility:visible;opacity:1;transform:none}
.sx-dd__items{display:flex;flex-direction:column;gap:2px}
.sx-dd__i{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;padding:11px 12px;border-radius:16px;color:var(--sx-ink)!important;text-decoration:none!important;transition:background-color .3s,transform .4s var(--sx-ease);opacity:0;transform:translateY(8px)}
.sx-dd.is-open .sx-dd__i{opacity:1;transform:none;transition:background-color .3s,opacity .5s var(--sx-ease),transform .6s var(--sx-ease)}
.sx-dd.is-open .sx-dd__i:nth-child(2){transition-delay:0s,.04s,.04s}.sx-dd.is-open .sx-dd__i:nth-child(3){transition-delay:0s,.08s,.08s}.sx-dd.is-open .sx-dd__i:nth-child(4){transition-delay:0s,.12s,.12s}.sx-dd.is-open .sx-dd__i:nth-child(5){transition-delay:0s,.16s,.16s}
.sx-dd__i:hover{background:rgba(7,19,31,.05)}
.sx-dd__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--sx-ivory);color:var(--sx-teal-d);box-shadow:inset 0 0 0 1px rgba(7,19,31,.06);transition:background-color .4s,color .4s}
.sx-dd__ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sx-dd__i:hover .sx-dd__ic{background:var(--sx-ink);color:var(--sx-teal)}
.sx-dd__i b{display:block;font:600 14.5px/1.3 var(--sx-sans);letter-spacing:-.01em}
.sx-dd__i small{display:block;margin-top:2px;font:400 12.5px/1.4 var(--sx-sans);color:var(--sx-mu-l)}
.sx-dd__card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;border-radius:18px;color:var(--sx-ivory)!important;text-decoration:none!important;isolation:isolate;min-height:100%;
  background:linear-gradient(0deg,rgba(7,19,31,.92) 10%,rgba(7,19,31,.2) 70%),var(--img) center/cover}
.sx-dd__card::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--img) center/cover;transform:scale(1.08);transition:transform 1.2s var(--sx-ease);opacity:0}
.sx-dd__card-t{font-family:var(--sx-serif);font-size:24px;line-height:1.05}
.sx-dd__card-l{margin-top:10px;font:500 13px var(--sx-sans);color:var(--sx-teal-2)}
a:hover>.sx-roll>span,button:hover>.sx-roll>span,.sx-btn:hover .sx-roll>span{transform:translateY(-100%)}