.serene-nav-wrapper{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;padding-top:1.5rem;z-index:2147483647;pointer-events:auto}.serene-nav{pointer-events:auto;height:auto}.nav-shell{width:min(94vw,1200px);margin:0 auto}.nav-shell-inner{display:flex;align-items:center;gap:.75rem;justify-content:space-between;pointer-events:auto}@media (min-width:768px){.nav-shell-inner{gap:1.5rem}}@media (max-width:767px){.serene-nav-wrapper{left:50%;right:auto;transform:translateX(-50%);padding-top:1.25rem}.nav-shell{width:auto;max-width:92vw;margin:0 auto}.nav-shell-inner{width:100%;justify-content:space-between}}.serene-nav-glass{position:relative;pointer-events:auto;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 40px rgba(0,0,0,.18);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);background:rgba(255,255,255,.08)}.serene-nav-glass-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.12));border-radius:inherit;mix-blend-mode:screen;pointer-events:none;z-index:0}.serene-nav-glass>*{position:relative;z-index:1}.serene-nav-mobile{margin-top:.75rem;display:flex;justify-content:center;transition:opacity .25s ease,transform .25s ease;opacity:0;transform:translateY(-6px);pointer-events:none}.serene-nav-mobile.open{opacity:1;transform:translateY(0);pointer-events:auto}.serene-nav-mobile-card{width:min(92vw,460px);background:rgba(10,13,20,.8);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.28);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.serene-nav-mobile-link{width:100%;text-align:left;color:#e6efea;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;border-radius:12px;transition:background-color .2s ease,transform .15s ease;background:transparent;border:none}.serene-nav-mobile-link:hover{background:rgba(255,255,255,.06);transform:translateY(-1px)}.serene-nav-mobile-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);margin:4px 0}.serene-nav-mobile-primary,.serene-nav-mobile-secondary{display:inline-flex;justify-content:center;align-items:center;width:100%;border-radius:12px;padding:12px 14px;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;border:1px solid rgba(255,255,255,.24);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.serene-nav-mobile-primary{background:linear-gradient(135deg,rgba(52,211,153,.9),rgba(16,185,129,.9));color:#0b1720;box-shadow:0 12px 30px rgba(34,197,94,.25)}.serene-nav-mobile-primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(34,197,94,.35)}.serene-nav-mobile-secondary{color:#e6efea;background:rgba(255,255,255,.05);margin-top:4px}.serene-nav-mobile-secondary:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}.demo-nav-floating{position:fixed;top:1.5rem;right:1.5rem;z-index:2150000000;pointer-events:none}.demo-nav-toggle{pointer-events:auto;display:inline-flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.95);border-radius:999px;padding:.7rem 1.4rem;text-transform:uppercase;letter-spacing:.3em;font-size:.65rem;font-weight:700;color:#121212;border:none;box-shadow:0 12px 30px rgba(0,0,0,.35)}.demo-nav-toggle:hover{transform:translateY(-1px);box-shadow:0 16px 40px rgba(0,0,0,.45)}.demo-nav-floating button{pointer-events:auto}.demo-nav-chevron{display:inline-block;width:10px;height:10px;border-right:1px solid #e6efea;border-bottom:1px solid #e6efea;transform:rotate(45deg);transition:transform .25s ease}.demo-nav-chevron.open{transform:rotate(-135deg)}.demo-nav-dropdown{position:absolute;top:3.75rem;right:0;width:min(280px,80vw);padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.2);background:rgba(10,10,15,.95);box-shadow:0 25px 60px rgba(0,0,0,.45);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;gap:.75rem;pointer-events:auto}.demo-nav-links{display:flex;flex-direction:column;gap:.4rem}.demo-nav-links a{color:#e6efea;font-size:.85rem;letter-spacing:.25em;text-transform:uppercase;line-height:1.4;text-decoration:none}.demo-nav-links a:hover{color:#b7f0ca}.demo-nav-actions{display:flex;flex-direction:column;gap:.4rem}.demo-nav-actions a,.demo-nav-actions button{border-radius:999px;padding:.6rem .9rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.2em;border:1px solid rgba(255,255,255,.3);background:transparent;color:#e6efea;text-align:center;text-decoration:none;display:inline-flex;justify-content:center}.demo-nav-actions a:hover,.demo-nav-actions button:hover{border-color:#7dd3fc;color:#7dd3fc}.demo-nav-close{align-self:flex-end;text-transform:uppercase;letter-spacing:.4em;font-size:.55rem;border:none;background:transparent;color:#f0f5f1;padding:0}