/* Shared public navigation and homepage charcoal buttons. */
.marketing-site .site-header{z-index:50;border-bottom:1px solid #ececf3;background:#ffffffee;box-shadow:0 3px 18px #17132804}
.marketing-site .nav-shell{min-height:76px;height:76px;gap:20px}.marketing-site .site-header{height:76px}.marketing-site .site-nav{min-width:0}.marketing-site .nav-groups{gap:14px}.marketing-site .nav-actions{margin-left:22px;gap:8px}.marketing-site .nav-group summary,.marketing-site .nav-link{font-size:14px;font-weight:600;color:#262636;border-radius:7px}.marketing-site .nav-group summary{padding:12px 8px}.marketing-site .nav-link{padding:12px 8px}.marketing-site .nav-group summary>span{transition:transform .15s}.marketing-site .nav-group[open] summary>span{transform:rotate(180deg)}.marketing-site .nav-group[open] summary,.marketing-site .nav-group summary:hover,.marketing-site .nav-link:hover{background:#f3f1fa;color:#5030b8}.marketing-site .site-header a:focus-visible,.marketing-site .site-header summary:focus-visible,.marketing-site .menu-toggle:focus-visible{outline:2px solid #6942ed;outline-offset:3px}
.marketing-site .nav-dropdown{top:calc(100% + 10px);z-index:60;width:240px;border-color:#e7e5ee;padding:10px;box-shadow:0 18px 48px #17122a17}.marketing-site .nav-dropdown a{font-size:14px;line-height:1.4;padding:11px 12px}.marketing-site .nav-group--mega{position:static}.marketing-site .nav-mega{top:76px;width:min(1040px,calc(100vw - 40px));grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;max-height:calc(100dvh - 100px);overflow-y:auto}.marketing-site .nav-group--mega:not([open]) .nav-mega{display:none}.marketing-site .nav-group--mega[open] .nav-mega{display:grid}.marketing-site .nav-mega section{padding:14px;background:#faf9fd;border:1px solid #f1eff7;border-radius:12px}.marketing-site .nav-mega section>small{font-size:11px;color:#676278;letter-spacing:1px}.marketing-site .nav-mega-product{display:flex;gap:8px;align-items:start;padding:5px 0!important}.marketing-site .nav-mega-product strong{font-size:14px;color:#171522}.marketing-site .nav-mega-product em{font-size:10px;white-space:nowrap;background:#eeebf5;color:#615c72}.marketing-site .nav-mega section>div{gap:3px 5px;margin-top:8px}.marketing-site .nav-mega section>div a{padding:6px 7px;font-size:12px}.marketing-site .nav-actions .button{min-height:42px;font-size:13px;padding:0 16px;white-space:nowrap}.marketing-site .button--primary,.marketing-site .button--white{color:#fff;background:linear-gradient(135deg,#080808,#181818);border-color:#111;box-shadow:0 5px 14px #08081714}.marketing-site .button--primary:hover,.marketing-site .button--white:hover{color:#fff;background:#252525;box-shadow:0 8px 20px #08081720}.marketing-site .button--outline{color:#171717;border-color:#bfc1ca}.marketing-site .button--on-dark{color:#fff;background:#141414;border-color:#444}.marketing-site .button--on-dark:hover{background:#292929}.marketing-site .menu-toggle{border:1px solid #e8e6ee;border-radius:9px;background:#fafafa;cursor:pointer}
@media(min-width:901px) and (max-width:1100px){.marketing-site .nav-groups{gap:5px}.marketing-site .nav-group summary,.marketing-site .nav-link{font-size:13px;padding:10px 5px}.marketing-site .nav-actions{margin-left:12px}.marketing-site .nav-actions .button{padding:0 12px;font-size:12px}}
@media(max-width:900px){.marketing-site .site-nav{top:76px;max-height:calc(100dvh - 76px);padding:18px 20px 24px;background:#fff}.marketing-site .nav-groups{display:block;margin:0}.marketing-site .nav-group summary,.marketing-site .nav-link{padding:15px 12px;font-size:15px;border-color:#efedf5}.marketing-site .nav-actions{margin:0;padding-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.marketing-site .nav-actions .button{width:100%;min-height:45px;font-size:13px}.marketing-site .nav-dropdown{position:static;width:100%;transform:none;border:0;box-shadow:none;padding:7px 6px 10px}.marketing-site .nav-mega{grid-template-columns:1fr;max-height:none;overflow:visible;gap:10px}.marketing-site .nav-group--mega{position:relative}.marketing-site .nav-mega section>div a{font-size:13px;padding:8px}.marketing-site .nav-mega-product strong{font-size:15px}.marketing-site .nav-shell{gap:12px}}
@media(prefers-reduced-motion:reduce){.marketing-site .nav-group summary>span{transition:none}}