.nav-island-wrap{
    position:fixed;top:20px;left:50%;transform:translateX(-50%);
    z-index:200;width:calc(100% - 40px);max-width:780px;
    pointer-events:none;
}
.nav-island{
    pointer-events:all;
    display:flex;align-items:center;gap:6px;
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(20px) saturate(1.8);
    -webkit-backdrop-filter:blur(20px) saturate(1.8);
    border:1px solid rgba(255,255,255,.7);
    border-radius:100px;padding:8px 8px 8px 20px;
    box-shadow:0 8px 32px rgba(8,9,15,.12),0 2px 8px rgba(8,9,15,.06);
    transition:box-shadow .3s;
}
.nav-island:hover{box-shadow:0 12px 40px rgba(8,9,15,.16),0 2px 8px rgba(8,9,15,.06)}

.ni-logo{
    font-family:'Bricolage Grotesque',sans-serif;
    font-weight:800;font-size:17px;letter-spacing:-.02em;
    color:var(--ink);margin-right:4px;flex-shrink:0;
}

.ni-links{display:flex;gap:2px;flex:1;justify-content:center}
.ni-links a{
    padding:8px 14px;border-radius:100px;
    font-size:14px;font-weight:500;color:var(--ink-60);
    transition:background .2s,color .2s;white-space:nowrap;
}
.ni-links a:hover,.ni-links a.active{background:var(--ink-08);color:var(--ink)}

.ni-cta{
    padding:10px 22px;background:var(--ink);color:#fff;
    border-radius:100px;font-size:14px;font-weight:600;
    transition:background .2s,transform .15s;flex-shrink:0;
}
.ni-cta:hover{background:var(--blue);transform:scale(1.03)}

.ni-burger{display:none;background:none;border:none;padding:8px 12px;color:var(--ink)}

.mobile-overlay{
    position:fixed;inset:0;background:var(--white);
    z-index:210;display:flex;align-items:center;justify-content:center;
    flex-direction:column;gap:4px;
    opacity:0;pointer-events:none;
    transition:opacity .35s var(--ease);
}
.mobile-overlay.open{opacity:1;pointer-events:all}
.mo-inner{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}
.mo-link{
    font-family:'Bricolage Grotesque',sans-serif;
    font-size:clamp(28px,8vw,52px);font-weight:800;
    letter-spacing:-.03em;color:var(--ink);padding:8px 0;
    transition:color .2s;
}
.mo-link:hover{color:var(--blue)}
.mo-link--cta{
    margin-top:24px;font-size:18px;font-weight:600;
    font-family:'Plus Jakarta Sans',sans-serif;
    background:var(--blue);color:#fff;
    padding:14px 36px;border-radius:100px;
}

.mo-close{
    position:absolute;top:28px;right:28px;
    background:none;border:1.5px solid var(--ink-25);
    width:42px;height:42px;border-radius:50%;
    font-size:18px;color:var(--ink);
    display:flex;align-items:center;justify-content:center;
    transition:background .2s,color .2s,border-color .2s;
}
.mo-close:hover{background:var(--ink);color:#fff;border-color:var(--ink)}