.nav-dropdown { position: relative; margin: 0; }
.nav-dropdown summary { display: flex; align-items: center; gap: 5px; list-style: none; cursor: pointer; color: #555d6d; font-size: 14px; font-weight: 600; letter-spacing: .005em; user-select: none; }
.nav-dropdown summary::-webkit-details-marker { display: none; }
.nav-dropdown summary:hover, .nav-dropdown summary[aria-current="page"] { color: var(--indigo); }
.nav-dropdown-caret { margin-top: -2px; color: #8d94a1; font-size: 12px; transition: transform .16s ease; }
.nav-dropdown[open] .nav-dropdown-caret { transform: rotate(180deg); }
.nav-dropdown-menu { position: absolute; z-index: 30; top: calc(100% + 13px); left: 50%; width: 210px; padding: 8px; display: none; transform: translateX(-50%); border: 1px solid #e0e3e9; border-radius: 12px; background: #fff; box-shadow: 0 18px 45px rgba(21,24,34,.12); }
.nav-dropdown[open] .nav-dropdown-menu, .nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu { display: grid; }
.marketing-nav .nav-dropdown-menu a { padding: 10px 11px; border-radius: 8px; color: #515968; font-size: 12px; font-weight: 650; white-space: nowrap; }
.marketing-nav .nav-dropdown-menu a:hover, .marketing-nav .nav-dropdown-menu a[aria-current="page"] { background: #f3f3ff; color: var(--indigo); }
.mobile-nav-toggle { display: none; width: 42px; height: 42px; padding: 0; align-items: center; justify-content: center; flex-direction: column; gap: 4px; border: 1px solid #d9dde5; border-radius: 10px; background: rgba(255,255,255,.82); color: var(--ink); cursor: pointer; box-shadow: 0 5px 16px rgba(21,24,34,.04); }
.mobile-nav-toggle span { width: 17px; height: 1.5px; border-radius: 999px; background: currentColor; transition: transform .16s ease, opacity .16s ease; }
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(5.5px) rotate(45deg); }
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg); }

@media (max-width: 980px) {
  .site-header { position: relative; grid-template-columns: minmax(0,1fr) auto auto; gap: 12px; }
  .mobile-nav-toggle { display: inline-flex; }
  .marketing-nav.is-mobile-open { position: absolute; z-index: 50; top: calc(100% + 1px); left: 0; right: 0; display: flex; flex-direction: column; gap: 0; padding: 10px; border: 1px solid #dde1e8; border-radius: 0 0 14px 14px; background: rgba(255,255,255,.98); box-shadow: 0 22px 50px rgba(21,24,34,.13); }
  .marketing-nav.is-mobile-open > a { padding: 13px 12px; border-radius: 9px; font-size: 14px; }
  .marketing-nav.is-mobile-open > a:hover, .marketing-nav.is-mobile-open > a[aria-current="page"] { background: #f5f5ff; color: var(--indigo); }
  .marketing-nav.is-mobile-open .nav-dropdown { width: 100%; }
  .marketing-nav.is-mobile-open .nav-dropdown summary { width: 100%; padding: 13px 12px; justify-content: space-between; border-radius: 9px; }
  .marketing-nav.is-mobile-open .nav-dropdown summary:hover, .marketing-nav.is-mobile-open .nav-dropdown summary[aria-current="page"] { background: #f5f5ff; }
  .marketing-nav.is-mobile-open .nav-dropdown-menu { position: static; width: 100%; margin: 2px 0 7px; padding: 4px 8px 8px 20px; transform: none; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .marketing-nav.is-mobile-open .nav-dropdown:not([open]) .nav-dropdown-menu { display: none; }
  .marketing-nav.is-mobile-open .nav-dropdown[open] .nav-dropdown-menu { display: grid; }
  .marketing-nav.is-mobile-open .nav-dropdown-menu a { padding: 10px 12px; }
}

@media (max-width: 680px) {
  .site-header { grid-template-columns: minmax(0,1fr) auto auto; gap: 8px; }
  .mobile-nav-toggle { width: 40px; height: 40px; }
  .marketing-nav.is-mobile-open { left: -2px; right: -2px; }
}

@media (prefers-reduced-motion: reduce) {
  .nav-dropdown-caret, .mobile-nav-toggle span { transition: none; }
}