:root { --brand:#6c63ff; --brand-2:#48c6ef; --ink:#17152d; }
.navbar { position:fixed; inset:0 0 auto; z-index:1000; height:72px; background:rgba(255,255,255,.88); border-bottom:1px solid rgba(23,21,45,.08); backdrop-filter:blur(20px) saturate(160%); -webkit-backdrop-filter:blur(20px) saturate(160%); transition:box-shadow .25s,background .25s; }
.navbar.scrolled { background:rgba(255,255,255,.96); box-shadow:0 12px 40px rgba(28,24,66,.08); }
.nav-shell { width:min(1160px,calc(100% - 40px)); height:72px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.nav-logo { display:flex; align-items:center; flex:0 0 auto; min-width:0; color:var(--ink); text-decoration:none; }
.nav-logo-image { display:block; width:auto; height:39px; object-fit:contain; }
.nav-links { display:flex; align-items:center; gap:7px; }
.nav-links a { padding:9px 12px; border-radius:10px; color:#514e66; font-size:.82rem; font-weight:700; text-decoration:none; transition:background .2s,color .2s,transform .2s; }
.nav-links a:hover,.nav-links a.active { color:var(--brand); background:#f1efff; }
.nav-links .nav-cta { margin-left:5px; padding:10px 18px; color:#fff!important; background:linear-gradient(135deg,var(--brand),#5149d8); box-shadow:0 8px 20px rgba(108,99,255,.2); }
.nav-links .nav-cta:hover { color:#fff; background:linear-gradient(135deg,#5d54f3,#443cc6); transform:translateY(-1px); }
.hamburger { display:none; width:42px; height:42px; padding:10px; border:0; border-radius:11px; background:#f4f2ff; cursor:pointer; }
.hamburger span { display:block; width:22px; height:2px; margin:4px 0; border-radius:2px; background:#292641; transition:.25s; }
@media(max-width:900px){.nav-shell{width:min(100% - 28px,1160px)}.nav-links{display:none}.hamburger{display:block}.nav-links.open{display:flex; position:absolute; top:72px; left:14px; right:14px; padding:14px; flex-direction:column; align-items:stretch; gap:4px; border:1px solid rgba(23,21,45,.08); border-radius:0 0 18px 18px; background:rgba(255,255,255,.98); box-shadow:0 22px 44px rgba(28,24,66,.14)}.nav-links a{padding:12px 14px}.nav-links .nav-cta{margin:6px 0 0;text-align:center}}
@media(max-width:600px){.nav-logo-image{height:32px}}