/* Same navigation geometry as the homepage, on a clean white surface. */
body:has(:is(.about-design,.security-page,.demo-page))>header{background:#fff;color:#14271e;border-bottom:1px solid #dedfd9}
body:has(:is(.about-design,.security-page,.demo-page))>header>div{max-width:none;padding-left:clamp(24px,3vw,56px);padding-right:clamp(24px,3vw,56px)}
body:has(:is(.about-design,.security-page,.demo-page))>header>div>div{height:96px}
body:has(:is(.about-design,.security-page,.demo-page))>header nav>.group>a{color:#14271e;font-weight:400}
body:has(:is(.about-design,.security-page,.demo-page))>header nav>.group:focus-within>div{visibility:visible;opacity:1}
body:has(:is(.about-design,.security-page,.demo-page))>header>div>div>div>a[href*="book-demo"]{background:#14271e;color:#fff;border-radius:5px;padding:12px 20px;height:auto}
body:has(.about-design)>header nav a[href="about.html"],body:has(.about-design)>header nav a[href="/about"],body:has(.security-page)>header nav a[href="security.html"],body:has(.security-page)>header nav a[href="/security"]{text-decoration:underline;text-underline-offset:6px}
.about-mobile-nav{position:fixed;inset:80px 0 0;z-index:60;background:#fff;overflow:auto;padding:24px}
.about-mobile-nav[hidden]{display:none}
.about-mobile-nav a{display:block;padding:18px 0;border-bottom:1px solid #dedfd9;color:#14271e;font-size:18px}
@media(min-width:1024px){body:has(:is(.about-design,.security-page,.demo-page))>header>div>div{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}body:has(:is(.about-design,.security-page,.demo-page))>header>div>div>a{justify-self:start}body:has(:is(.about-design,.security-page,.demo-page))>header>div>div>div{justify-self:end}.about-mobile-nav{display:none}}
@media(max-width:1023px){body:has(:is(.about-design,.security-page,.demo-page))>header>div>div{height:80px}}