header .nav-dropdown{position:relative;z-index:40;margin:0;padding:0;border:0;color:inherit;font-size:13px;line-height:1.5}
header .nav-dropdown>summary{display:flex;align-items:center;justify-content:flex-start;gap:9px;padding:8px 0;list-style:none;cursor:pointer;color:inherit;font-size:inherit;white-space:nowrap}
header .nav-dropdown>summary::-webkit-details-marker{display:none}
header .nav-dropdown>summary::after{content:none}
header .nav-dropdown>summary:hover,header .nav-dropdown[open]>summary{color:var(--accent)}
header .nav-dropdown>summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:2px}
header .nav-dropdown>summary svg{transition:transform .15s}
header .nav-dropdown[open]>summary svg{transform:rotate(180deg)}
header .nav-dropdown>.nav-submenu{position:absolute;top:calc(100% + 10px);left:0;display:grid;min-width:200px;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:6px;box-shadow:0 15px 35px #0006}
header .nav-dropdown:not([open])>.nav-submenu{display:none}
header .nav-dropdown .nav-submenu a{display:block;padding:12px 16px;border-radius:3px;color:var(--ink);font-size:13px;text-decoration:none;white-space:nowrap}
header .nav-dropdown .nav-submenu a:hover,header .nav-dropdown .nav-submenu a[aria-current=page]{color:var(--accent);background:#d9edb00d}
@media(max-width:650px){header:has(.nav-dropdown){height:auto;min-height:80px;flex-wrap:wrap;padding:20px 0;gap:18px}header:has(.nav-dropdown)>nav{width:100%;gap:18px;align-items:center;flex-wrap:wrap}header:has(.nav-dropdown)>nav>.button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){header .nav-dropdown>summary svg{transition:none}}

header>nav>.nav-whats-new{display:inline-flex;white-space:nowrap}
@media(max-width:480px){header>nav>.nav-pricing{display:none}header:has(.nav-dropdown)>nav{gap:12px}header .nav-dropdown{font-size:12px}header>nav>.nav-whats-new{font-size:12px}header>nav>.button{font-size:12px;padding:10px 12px;gap:12px}}