.site-menu-toggle{display:none}
.site-products{position:relative;color:#0d1b2b;font-size:13px;font-weight:800}
.site-products summary{display:flex;align-items:center;gap:7px;min-height:44px;cursor:pointer;list-style:none;white-space:nowrap}
.site-products summary::-webkit-details-marker{display:none}
.site-products summary:focus-visible{outline:3px solid #12b49c;outline-offset:4px;border-radius:4px}
.site-products summary:hover,.site-products[open] summary{color:#078b79}
.site-products-panel{position:absolute;top:100%;left:-18px;min-width:205px;padding:9px;background:#fff;border:1px solid #dce5ec;border-radius:12px;box-shadow:0 12px 30px #0d1b2b18;z-index:1100}
.site-header nav .site-products-panel a,.demo-site-header nav .site-products-panel a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:13px;text-decoration:none;white-space:nowrap;border-radius:7px;color:#0d1b2b}
.site-products-panel a:hover{background:#e8f8f3}
body.site-navigation-open{overflow:hidden}
@media(max-width:620px){
  .site-products{width:100%}.site-products summary{min-height:64px;font-size:24px;border-bottom:1px solid #dce6e6;justify-content:space-between;padding:14px 0}
  .site-products-panel{position:static;padding:0 0 0 18px;background:transparent;border:0;box-shadow:none}
  .site-header nav .site-products-panel a,.demo-site-header nav .site-products-panel a{font-size:20px;min-height:60px;padding:14px 0;border-bottom:1px solid #dce6e6;border-radius:0}
  .site-header,.home-page .site-header,.demo-site-header{position:relative;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px}
  .site-header .brand,.demo-logo{width:min(230px,calc(100% - 56px));max-width:230px}
  .site-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none;width:44px;height:44px;border:1px solid #dce6e6;border-radius:10px;background:transparent;color:#0b2d45;cursor:pointer}
  .site-menu-toggle span{display:block;width:20px;height:2px;background:currentColor;transition:transform .15s,opacity .15s}
  .site-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
  .site-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .site-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .site-menu-toggle:focus-visible{outline:3px solid #12b49c;outline-offset:3px}
  .site-header .home-nav,.demo-site-header nav{display:none;position:fixed;inset:0;width:100%;height:100dvh;box-sizing:border-box;padding:110px 28px 32px;background:#eef3f7;border:0;border-radius:0;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;z-index:1000}
  .site-menu-open .home-nav,.demo-site-header.site-menu-open nav{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}
  .site-menu-open .site-menu-toggle{position:fixed;top:12px;right:18px;z-index:1002}
  .site-header.site-menu-open .brand,.demo-site-header.site-menu-open .demo-logo{position:fixed;top:12px;left:18px;z-index:1001;width:min(230px,calc(100% - 92px))}
  .site-header .home-nav a,.demo-site-header nav a{display:flex;align-items:center;min-height:64px;padding:14px 0;font-size:24px;line-height:1.3;box-sizing:border-box;border-radius:0;border-bottom:1px solid #dce6e6}
  .site-header .home-nav a:hover,.demo-site-header nav a:hover{background:#edf8f5}
}
@media(prefers-reduced-motion:reduce){.site-menu-toggle span{transition:none}}