/* Navigation shared by desktop disclosures and mobile accordions. */
.header{gap:clamp(24px,3.5vw,52px)}
.header .brand{display:inline-flex;align-items:center;flex:none;white-space:nowrap}
.header .brand-symbol{width:30px;height:30px;margin-right:10px;object-fit:contain}
.workspace-brand img{vertical-align:-3px;margin-right:5px;object-fit:contain}
.header .navigation{display:block;font-size:13px}
.header .nav-list,.header .nav-panel ul{margin:0;padding:0;list-style:none}
.header .nav-list{display:flex;align-items:center;gap:4px}
.header .nav-group{position:relative}
.header .nav-trigger{display:flex;align-items:center;gap:7px;min-height:42px;padding:10px 12px;border-radius:7px;color:#c8c6c0;white-space:nowrap;transition:background .16s,color .16s}
.header .nav-trigger:hover,.header .nav-trigger[aria-expanded="true"]{background:#ffffff0a;color:var(--white)}
.header .nav-chevron{width:14px;height:14px;stroke-width:1.5;color:#8e8c85;transition:transform .18s}
.header .nav-trigger[aria-expanded="true"] .nav-chevron{transform:rotate(180deg);color:var(--white)}
.header .nav-panel{position:absolute;top:calc(100% + 12px);left:0;width:365px;padding:8px;background:#171715;border:1px solid #3b3933;border-radius:13px;box-shadow:0 24px 60px #0009,0 2px 8px #0004;animation:nav-reveal .18s var(--ease) both}
.header .nav-panel#nav-solutions{width:394px}
.header .nav-entry{display:flex;align-items:flex-start;gap:14px;padding:14px 12px;border-radius:7px;transition:background .16s}
.header .nav-entry:hover,.header .nav-entry:focus-visible{color:var(--white);background:#ffffff08}
.header .nav-entry:focus-visible,.header .nav-overview:focus-visible{outline-offset:-2px}
.header .nav-icon{width:23px;height:23px;margin-top:2px;color:#c1b7a3;stroke-width:1.35}
.header .nav-entry-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.header .nav-entry strong{color:#f3f0e9;font-weight:550;font-size:13px;line-height:1.5}
.header .nav-entry-copy>span{color:#a5a29a;font-size:12px;line-height:1.5}
.header .nav-overview{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;margin:5px 4px 0;border-top:1px solid #ffffff12;color:#d3d0c7;font-size:12px}
.header .nav-overview:hover{color:#fff}
.header .nav-overview svg{width:17px;height:17px}
.header .account{gap:24px;white-space:nowrap}
.header .mobile-login{display:none}
@keyframes nav-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:961px) and (max-width:1160px){
  .header{gap:24px;padding-inline:4%}
  .header .nav-trigger{padding-inline:8px;gap:5px;font-size:12px}
  .header .account{gap:20px;font-size:12px}
  .header .start{padding-inline:18px}
  .header .nav-panel#nav-pricing{left:auto;right:0}
}
@media(max-width:960px){
  .header{gap:16px;min-height:76px;padding:18px 6%}
  .header .brand{font-size:26px}
  .header .brand-symbol{width:27px;height:27px;margin-right:8px}
  .header .account{margin-left:auto}
  .header .login{display:none}
  .header .start{padding:8px 15px;font-size:12px}
  .header .menu-toggle{display:flex;flex:none;flex-direction:column;gap:5px;width:36px;height:40px;justify-content:center;align-items:center;padding:4px}
  .header .menu-toggle span{height:1px;width:20px;background:#eee;transition:transform .16s}
  .header .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
  .header .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
  .header .navigation{display:none;position:absolute;top:calc(100% - 2px);left:5%;right:5%;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;padding:12px;background:#171715;border:1px solid #3b3933;border-radius:12px;box-shadow:0 22px 55px #000b}
  .header.is-menu-open .navigation{display:block;animation:nav-reveal .18s var(--ease) both}
  .header .nav-list{display:block}
  .header .nav-group+.nav-group{border-top:1px solid #ffffff0d}
  .header .nav-trigger{width:100%;justify-content:space-between;padding:13px 12px;min-height:48px;font-size:14px}
  .header .nav-panel,.header .nav-panel#nav-solutions{position:static;width:auto;padding:0 0 8px;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none}
  .header .nav-entry{padding:12px;gap:12px}
  .header .nav-entry-copy>span{font-size:12px}
  .header .nav-icon{width:21px;height:21px}
  .header .mobile-login{display:flex;justify-content:space-between;align-items:center;margin:8px 0 0;padding:16px 12px 8px;border-top:1px solid #ffffff18;font-size:13px;color:var(--white)}
}
@media(max-width:380px){
  .header{padding-inline:5%;gap:9px}
  .header .brand{font-size:24px}
  .header .brand-symbol{width:24px;height:24px;margin-right:6px}
  .header .start{padding-inline:10px;font-size:11px}
  .header .menu-toggle{width:30px}
}
@media(prefers-reduced-motion:reduce){
  .header .nav-panel,.header.is-menu-open .navigation{animation:none}
  .header .nav-chevron,.header .menu-toggle span{transition:none}
}