nav{
  position:sticky;top:0;z-index:400;
  height:58px;background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(249,115,22,.22);
  box-shadow:0 8px 24px rgba(194,65,12,.08);
  backdrop-filter:blur(10px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  padding:0 1.6rem;
  gap:1.25rem;
}
.nav-logo{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:1.2rem;font-weight:900;
  letter-spacing:-.05em;cursor:pointer;
  display:flex;align-items:center;gap:.05rem;text-decoration:none
}
.nav-logo .p{color:var(--or)}.nav-logo .h{color:var(--vi)}
.nav-links{
  display:flex;align-items:center;gap:.25rem;
  justify-content:center;
  width:max-content;justify-self:center;
  background:rgba(255,244,236,.72);
  border:1px solid rgba(249,115,22,.18);
  border-radius:999px;
  padding:.22rem
}
.ndrop{position:relative}
.ndrop::after{content:'';position:absolute;left:0;right:0;top:100%;height:10px}
.ndrop-btn{
  background:none;border:none;cursor:pointer;
  font-size:.78rem;font-weight:750;color:var(--tx2);
  padding:.42rem .82rem;border-radius:999px;
  display:flex;align-items:center;gap:.25rem;
  transition:color .12s,background .12s,transform .12s,box-shadow .12s;
  white-space:nowrap
}
.ndrop-btn:hover{color:var(--ord);background:#fff;box-shadow:var(--sh);transform:translateY(-1px)}
.nav-orange{color:var(--ord)}
.nav-purple{color:var(--vid)}
.nav-orange:hover{color:var(--ord);background:#fff4ec}
.nav-purple:hover{color:var(--vid);background:#f3f0ff}
.ndrop-arr{font-size:.6rem;transition:transform .15s}
.ndrop:hover .ndrop-arr,.ndrop:focus-within .ndrop-arr{transform:rotate(180deg)}
.ndrop-menu{
  display:none;position:absolute;
  top:100%;left:50%;transform:translateX(-50%);
  background:var(--w);border:1px solid var(--bdr);
  border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.12);
  min-width:250px;z-index:500;padding:.45rem;
}
.ndrop:hover .ndrop-menu,.ndrop:focus-within .ndrop-menu{display:block}
.ndrop-item{
  display:block;width:100%;text-align:left;
  background:var(--orp);border:none;border-left:3px solid var(--or);padding:.62rem 1rem;
  font-size:.8rem;color:var(--tx2);cursor:pointer;
  font-family:'Inter',sans-serif;transition:background .1s,color .1s,transform .1s;
  border-radius:6px;margin:.15rem 0;text-decoration:none
}
.ndrop-item:nth-child(even){background:var(--vip);border-left-color:var(--vi)}
.ndrop-item:hover,.ndrop-item:focus{background:#ffeadb;color:var(--ord);transform:translateX(2px);outline:none}
.ndrop-item:nth-child(even):hover,.ndrop-item:nth-child(even):focus{background:#e9e2ff;color:var(--vid)}
.ndrop-div{height:1px;background:var(--bdr);margin:.22rem 0}
.nlink{
  font-size:.78rem;font-weight:750;color:var(--tx2);
  padding:.42rem .82rem;background:none;border:none;
  cursor:pointer;border-radius:999px;white-space:nowrap;
  transition:color .12s,background .12s,transform .12s,box-shadow .12s;
  display:inline-flex;align-items:center;text-decoration:none
}
.nlink:hover{color:var(--ord);background:#fff;box-shadow:var(--sh);transform:translateY(-1px)}
.nav-right{display:flex;align-items:center;gap:.55rem}
.n-login{
  font-size:.78rem;font-weight:800;
  padding:.42rem .9rem;border:1.5px solid var(--vil);
  border-radius:999px;background:var(--vip);cursor:pointer;color:var(--vid);
  white-space:nowrap;transition:all .12s;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)
}
.n-login:hover{border-color:var(--vi);background:#fff;color:var(--vid);transform:translateY(-1px);box-shadow:var(--sh)}
.n-cta{
  background:linear-gradient(135deg,var(--or),var(--orm));color:#fff;
  font-size:.84rem;font-weight:900;
  padding:.55rem 1.18rem;border-radius:8px;border:none;
  cursor:pointer;white-space:nowrap;transition:background .12s,transform .12s,box-shadow .12s;
  box-shadow:0 8px 18px rgba(249,115,22,.26)
}
.n-cta:hover{background:linear-gradient(135deg,var(--ord),var(--or));transform:translateY(-1px);box-shadow:0 10px 22px rgba(249,115,22,.32)}
.burger{
  display:none;flex-direction:column;gap:5px;
  cursor:pointer;padding:5px;border:none;background:none
}
.burger span{display:block;height:2px;width:22px;background:var(--tx);border-radius:2px}
.mob-menu{
  display:none;position:fixed;
  top:58px;left:0;right:0;
  background:var(--w);border-bottom:1px solid var(--bdr);
  z-index:399;padding:1rem 1.5rem 1.35rem;
  flex-direction:column;gap:.15rem;
  box-shadow:0 6px 24px rgba(0,0,0,.08)
}
.mob-menu.open{display:flex}
.mi{
  font-size:.88rem;font-weight:500;color:var(--tx2);
  padding:.6rem 0;border-bottom:1px solid var(--bdr);
  background:none;border-left:none;border-right:none;border-top:none;
  text-align:left;cursor:pointer;width:100%;font-family:'Inter',sans-serif;
  display:block;text-decoration:none
}
.mi:nth-child(odd){color:var(--ord)}
.mi:nth-child(even){color:var(--vid)}
.mi:last-of-type{border-bottom:none}
.m-cta{
  margin-top:.6rem;background:var(--or);color:#fff;
  font-size:.88rem;font-weight:700;padding:.6rem 1rem;
  border-radius:6px;border:none;cursor:pointer;width:100%;
  font-family:'Bricolage Grotesque',sans-serif
}
@media(max-width:820px){
  nav{grid-template-columns:auto auto;gap:0}
  .nav-links{display:none}
  .n-login{display:none}
  .burger{display:flex}
  .n-cta{font-size:.75rem;padding:.3rem .75rem}
}


.nav-right a{text-decoration:none}.nav-right{justify-self:end}nav .gmi{font-family:Arial,sans-serif}.ndrop-arr{display:none}.sidebar{top:78px}:root{--vil:#ede9fe;--vip:#f5f0ff;--orm:#fb923c} @media(max-width:1180px){.nav-links{display:none}.burger{display:flex}nav{grid-template-columns:1fr auto}} @media(max-width:420px){nav{padding:0 12px;gap:8px}.nav-right{gap:8px}.n-phone{font-size:11px!important}.n-phone span,.n-login,.nav-right>.n-cta{display:none}}