/* Shared navigation for the separate website draft. */
.site-navigation .nav-links{gap:28px}
.site-navigation .current-section,.site-navigation [aria-current="page"]{color:var(--accent)}
.site-navigation .mega-menu{padding:30px 34px;grid-template-columns:250px minmax(0,1fr);gap:32px}
.site-navigation .menu-intro{padding:10px 27px 10px 0}
.site-navigation .menu-intro h2{font-size:33px}
.site-navigation .menu-intro>p:not(.eyebrow){font-size:14px;line-height:1.6;color:var(--muted)}
.site-navigation .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.site-navigation .menu-grid a{padding:11px 12px}
.site-navigation .menu-grid strong{font-size:15px;line-height:1.4}
.site-navigation .menu-grid span{font-size:12px;line-height:1.5;margin-top:5px}
.site-navigation .menu-all-features{display:inline-flex;margin-top:22px;padding-bottom:4px;font-size:13px;font-weight:500;border-bottom:1px solid var(--line);min-height:32px;align-items:center}
.site-navigation .menu-all-features:hover{color:var(--accent);border-color:var(--accent)}
.site-navigation .mobile-nav{position:absolute;top:100%;left:0;right:0;padding:26px 0 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 22px 30px #2926220b;max-height:calc(100dvh - 118px);overscroll-behavior:contain}
.mobile-nav-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;align-items:start}
.mobile-product-group{grid-column:1;grid-row:1}
.mobile-feature-group{grid-column:2;grid-row:1/span 2}
.mobile-comparison-group{grid-column:1;grid-row:2}
.navigation-group h2{font:400 13px/1.4 var(--sans);letter-spacing:0;color:var(--muted);margin:0 0 15px}
.navigation-group a{display:block;font-size:14px;line-height:1.4;padding:8px 0;min-height:36px;width:fit-content;max-width:100%}
.navigation-group a:hover{color:var(--accent)}
.site-navigation .mobile-nav .navigation-group a{font-size:14px;line-height:1.45;padding:10px 0;min-height:40px}
.site-navigation .mobile-nav .navigation-group [aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.mobile-navigation-note{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font-size:12px;line-height:1.5;color:var(--muted)}
.site-navigation-footer{padding-block:76px 28px}
.footer-site-map{display:grid;grid-template-columns:1.2fr .8fr 1.2fr 1fr;gap:38px;padding-bottom:48px}
.footer-intro .brand{margin-bottom:21px}
.footer-intro>p{font-size:15px;line-height:1.6;color:var(--muted)}
.footer-intro .text-link{font-size:13px;margin-top:20px}
.site-navigation-footer .navigation-group h2{margin-top:6px;margin-bottom:17px}
.site-navigation-footer .navigation-group [aria-current="page"]{color:var(--accent)}
.footer-legal-links{border-top:1px solid var(--line);padding-top:23px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 27px;font-size:12px;color:var(--muted)}
.footer-legal-links>a{display:inline-flex;align-items:center;min-height:32px}
.footer-legal-links>a:hover{color:var(--accent)}
.footer-legal-links>span{margin-left:auto}
.footer-draft-status{font-size:10px;line-height:1.6;color:var(--muted);margin-top:14px;letter-spacing:.015em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.site-navigation .nav-links{gap:20px}.site-navigation .mega-menu{grid-template-columns:205px minmax(0,1fr);gap:22px;padding:27px}.site-navigation .menu-intro{padding-right:20px}.site-navigation .menu-intro h2{font-size:30px}.site-navigation .menu-grid{gap:5px 9px}.site-navigation .menu-grid a{padding:9px}.footer-site-map{gap:25px;grid-template-columns:1fr .85fr 1.3fr 1fr}}
@media(max-width:850px){.site-navigation .nav-links{display:none}.site-navigation-footer{padding-top:56px}.footer-site-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px}.footer-intro{grid-column:1/-1;display:flex;align-items:center;gap:30px}.footer-intro .brand{margin:0}.footer-intro>p{font-size:14px}.footer-intro .text-link{margin:0 0 0 auto}.footer-site-map>.navigation-group{min-width:0}.site-navigation .mega-menu{display:none}}
@media(max-width:600px){.site-navigation-footer{padding-top:46px}.footer-site-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding-bottom:32px}.footer-intro{grid-column:1/-1;flex-wrap:wrap;gap:20px}.footer-intro .brand{font-size:32px}.footer-intro>p{margin-left:auto;font-size:13px}.footer-intro .text-link{display:none}.footer-site-map>.navigation-group:nth-child(2){grid-column:1;grid-row:2}.footer-site-map>.navigation-group:nth-child(3){grid-column:2;grid-row:2/span 2}.footer-site-map>.navigation-group:nth-child(4){grid-column:1;grid-row:3}.site-navigation-footer .navigation-group h2{font-size:12px;margin-bottom:12px}.site-navigation-footer .navigation-group a{font-size:13px;padding:9px 0;min-height:36px}.footer-legal-links{gap:8px 23px;padding-top:17px}.footer-legal-links>span{width:100%;margin-left:0;font-size:11px;margin-top:4px}.footer-draft-status{font-size:9px;max-width:300px}.site-navigation .mobile-nav{padding-top:22px}.site-navigation .mobile-nav .navigation-group a{font-size:13px}.navigation-group h2{font-size:12px}}
@media(max-width:340px){.site-navigation .nav-cta{font-size:10px;padding-inline:9px;gap:7px}.site-navigation .nav{gap:8px}.site-navigation .brand{font-size:27px;gap:5px}.site-navigation .brand svg{width:21px}.mobile-nav-groups{grid-template-columns:1fr;gap:24px}.mobile-product-group,.mobile-feature-group,.mobile-comparison-group{grid-column:auto;grid-row:auto}.site-navigation .mobile-nav .navigation-group a{font-size:14px;min-height:42px}.site-navigation .mobile-nav .navigation-group h2{margin-bottom:8px}}

/* One header height also anchors the companion page's sticky section navigation. */
:root{--site-header-height:87px}
.site-navigation .mobile-nav{max-height:calc(100dvh - var(--site-header-height))}
.site-navigation .menu-grid a:focus-visible{outline-offset:-2px;background:var(--wash)}
.site-navigation .menu-grid span{font-size:13px}
.site-navigation .menu-all-features{min-height:40px;font-size:14px}
.footer-draft-status{font-size:11px}
@media(max-width:850px){:root{--site-header-height:77px}}
@media(max-width:600px){
 :root{--site-header-height:71px}
 .site-navigation .mobile-nav .navigation-group a{font-size:14px;min-height:44px;padding-block:11px}
 .site-navigation-footer .navigation-group a{font-size:14px;min-height:40px;padding-block:10px}
 .footer-legal-links>a{min-height:40px}
 .footer-draft-status{font-size:10px;max-width:none}
}