/* ════════════════════════════════════════════════════════════════════════════
 * NAV
 * Top navigation + language dropdown + cta button
 * ════════════════════════════════════════════════════════════════════════════
 */

/* ──────────────────────────  NAV  ────────────────────────── */
nav{position:fixed;top:18px;left:18px;right:18px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:14px 22px;z-index:50;animation:fade-up-soft .8s cubic-bezier(.16,1,.3,1) 1.6s both;}
.brand{font-weight:900;font-size:13px;letter-spacing:-.02em;text-transform:uppercase;display:flex;align-items:baseline;gap:6px;}
.brand sup{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:500;color:var(--periwinkle);letter-spacing:.1em;}
.nav-mid{display:flex;gap:24px;justify-content:center;}
.nav-mid a{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .15s,border-color .15s;border-bottom:1px solid transparent;padding-bottom:2px;}
.nav-mid a:hover{color:var(--paper);border-bottom-color:var(--periwinkle);}
.nav-right{display:flex;gap:10px;align-items:center;}
.lang-wrap{position:relative;}
.lang-btn{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;background:transparent;color:var(--paper);border:1px solid var(--rule);padding:6px 12px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
.lang-btn:hover{border-color:var(--periwinkle);color:var(--periwinkle);}
.lang-btn .arr{font-size:8px;opacity:.6;transition:transform .25s cubic-bezier(.16,1,.3,1);}
.lang-wrap.open .lang-btn .arr{transform:rotate(180deg);}
.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:140px;background:rgba(5,5,6,.85);backdrop-filter:blur(20px);border:1px solid var(--rule-strong);box-shadow:0 16px 48px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);z-index:100;}
.lang-wrap.open .lang-menu{opacity:1;pointer-events:auto;transform:translateY(0);}
.lang-opt{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);cursor:pointer;border-bottom:1px solid var(--rule);transition:background .2s, color .2s;}
.lang-opt:last-child{border-bottom:none;}
.lang-opt:hover{background:rgba(94,106,210,.18);color:var(--periwinkle);}
.lang-opt.active{color:var(--periwinkle);}
.lang-opt .lang-code{font-size:9px;color:var(--muted);}
.lang-opt.active .lang-code{color:var(--periwinkle);}
.cta-btn{font-size:13px;font-weight:600;color:var(--paper);background:linear-gradient(90deg,var(--parme),var(--periwinkle),var(--indigo),var(--violet),var(--parme));background-size:300% 100%;animation:shimmer 6s ease-in-out infinite;padding:7px 18px;text-decoration:none;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden;}
.cta-btn::after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:sweep 4s cubic-bezier(.16,1,.3,1) infinite;}
.cta-btn:hover{box-shadow:0 0 32px var(--accent-glow);}