/* ===== CLICARITY NAV (dropdowns + hamburger) ===== */
.cnav{position:sticky;top:0;z-index:900;display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding:12px 5%;background:rgba(249,248,246,.94);backdrop-filter:blur(12px);
  border-bottom:1px solid #e8e5e0;font-family:'Inter',sans-serif}
.cnav *{box-sizing:border-box}
.cnav-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.cnav-logo img{height:3.2rem;width:auto;display:block}
.cnav-menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.cnav-menu>li{position:relative}
.cnav-link{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:500;color:#6b6860;
  text-decoration:none;padding:10px 14px;border-radius:8px;background:none;border:0;cursor:pointer;
  font-family:inherit;white-space:nowrap;transition:color .15s,background .15s}
.cnav-link:hover{color:#0f0e0d;background:rgba(15,14,13,.04)}
.cnav-link svg{transition:transform .2s;opacity:.55}
.cnav-item.open>.cnav-link{color:#0f0e0d;background:rgba(15,14,13,.05)}
.cnav-item.open>.cnav-link svg{transform:rotate(180deg)}
.cnav-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:250px;background:#fff;
  border:1px solid #e8e5e0;border-radius:14px;padding:8px;
  box-shadow:0 18px 44px -14px rgba(15,14,13,.18);opacity:0;visibility:hidden;
  transform:translateY(-6px);transition:opacity .17s,transform .17s,visibility .17s}
.cnav-item.open>.cnav-panel{opacity:1;visibility:visible;transform:none}
.cnav-panel a{display:block;padding:10px 13px;border-radius:9px;font-size:.87rem;font-weight:500;
  color:#0f0e0d;text-decoration:none;line-height:1.35;transition:background .14s}
.cnav-panel a:hover{background:#f9f8f6}
.cnav-panel a small{display:block;font-size:.75rem;color:#6b6860;font-weight:400;margin-top:2px}
.cnav-sep{height:1px;background:#e8e5e0;margin:6px 8px}
.cnav-cta{font-size:.84rem;font-weight:600;color:#fff;background:#186eac;padding:11px 20px;
  border-radius:100px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity .15s}
.cnav-cta:hover{opacity:.9}
.cnav-burger{display:none;width:42px;height:42px;align-items:center;justify-content:center;
  background:none;border:1px solid #e8e5e0;border-radius:10px;cursor:pointer;flex-shrink:0}
.cnav-burger span{display:block;width:18px;height:1.8px;background:#0f0e0d;position:relative;transition:.22s}
.cnav-burger span::before,.cnav-burger span::after{content:"";position:absolute;left:0;width:18px;height:1.8px;
  background:#0f0e0d;transition:.22s}
.cnav-burger span::before{top:-6px}
.cnav-burger span::after{top:6px}
body.cnav-lock{overflow:hidden}
body.cnav-open .cnav-burger span{background:transparent}
body.cnav-open .cnav-burger span::before{top:0;transform:rotate(45deg)}
body.cnav-open .cnav-burger span::after{top:0;transform:rotate(-45deg)}
.cnav-scrim{position:fixed;inset:0;background:rgba(15,14,13,.42);opacity:0;visibility:hidden;
  transition:.24s;z-index:890}
body.cnav-open .cnav-scrim{opacity:1;visibility:visible}

@media(max-width:1024px){
  .cnav-burger{display:flex}
  .cnav-menu{position:fixed;top:0;right:0;bottom:0;width:min(340px,86vw);background:#fff;
    display:block;padding:84px 18px 30px;overflow-y:auto;z-index:895;
    transform:translateX(102%);transition:transform .26s cubic-bezier(.2,.7,.3,1);
    border-left:1px solid #e8e5e0}
  body.cnav-open .cnav-menu{transform:none}
  .cnav-menu>li{border-bottom:1px solid #f0eeea}
  .cnav-menu>li:last-child{border-bottom:0}
  .cnav-link{width:100%;justify-content:space-between;padding:15px 6px;font-size:.95rem;
    font-weight:600;color:#0f0e0d;border-radius:0}
  .cnav-link:hover{background:none}
  .cnav-panel{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    border:0;border-radius:0;padding:0 0 10px;min-width:0;display:none}
  .cnav-item.open>.cnav-panel{display:block}
  .cnav-panel a{padding:10px 6px 10px 18px;font-size:.87rem;color:#6b6860}
  .cnav-panel a:hover{background:none;color:#0f0e0d}
  .cnav-cta{display:none}
  .cnav-mob-cta{display:block;margin-top:22px}
  .cnav-mob-cta a{display:block;text-align:center;background:#186eac;color:#fff;font-weight:600;
    font-size:.9rem;padding:14px;border-radius:100px;text-decoration:none}
}
@media(min-width:1025px){
  .cnav-mob-cta{display:none}
  .cnav-scrim{display:none}
}
@media(prefers-reduced-motion:reduce){
  .cnav-menu,.cnav-panel,.cnav-scrim,.cnav-burger span,.cnav-burger span::before,.cnav-burger span::after{transition:none}
}