html { scroll-padding-top: 88px; }
.demo-nav { position:sticky; top:0; z-index:100; background:#0d1a2d; border-bottom:1px solid #26364b; }
.demo-nav .nav-inner { display:flex; align-items:center; gap:24px; min-height:76px; }
.demo-nav .brand { flex-shrink:0; }
.demo-links { display:flex; align-items:center; gap:26px; margin-left:auto; color:#c9d5e6; font:500 14px "Hanken Grotesk",sans-serif; }
.demo-links a,.demo-solutions summary { color:inherit; text-decoration:none; }
.demo-links a:hover,.demo-links a:focus-visible,.demo-solutions summary:hover { color:white; }
.demo-solutions { position:relative; }
.demo-solutions summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:8px; padding:20px 0; }
.demo-solutions summary::-webkit-details-marker { display:none; }
.demo-dropdown { position:absolute; top:100%; left:-20px; width:330px; padding:10px; border:1px solid #31465f; border-radius:12px; background:#101f35; box-shadow:0 18px 42px #05122940; }
.demo-dropdown a { display:block; padding:13px 14px; border-radius:7px; font-size:14px; line-height:1.4; }
.demo-dropdown a:hover,.demo-dropdown a:focus-visible { background:#18374d; color:#8deeff; }
.demo-links > a[aria-current="page"],.demo-solutions summary.active { color:#83e8f7; }
.demo-menu-toggle { display:none; border:1px solid #506078; border-radius:6px; padding:9px 12px; background:transparent; color:white; font:500 14px "Hanken Grotesk",sans-serif; cursor:pointer; }
.demo-nav :focus-visible { outline:2px solid #00c8e8; outline-offset:5px; }
@media(max-width:980px){
 .demo-nav .nav-inner{gap:14px;min-height:70px;}
 .demo-menu-toggle{display:block;margin-left:auto;}
 .demo-links{display:none;position:absolute;left:0;right:0;top:100%;padding:14px 24px 25px;background:#101f35;border-bottom:1px solid #31465f;margin:0;max-height:calc(100dvh - 80px);overflow:auto;}
 .demo-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;}
 .demo-links > a,.demo-solutions summary{padding:15px 0;}
 .demo-dropdown{position:static;width:auto;box-shadow:none;margin-bottom:10px;border-color:#31465f;}
}
@media(max-width:480px){
 .demo-nav .nav-inner{gap:10px;}.demo-nav .brand{font-size:19px;}.demo-nav .brand img{width:26px;height:26px;}
 .demo-nav .nav-actions .btn.primary{font-size:12px;padding:9px 11px;min-height:39px;}
 .demo-menu-toggle{font-size:12px;padding:9px;}.demo-menu-toggle span{display:none;}
}

/* Shared header styling across the homepage and every deep dive. */
.demo-nav .container{width:min(1180px,calc(100% - 48px));margin:0 auto;}
.demo-nav .brand{display:inline-flex;align-items:center;gap:10px;font:700 20px "Bricolage Grotesque",sans-serif;color:white;text-decoration:none;}
.demo-nav .brand img{width:31px;height:31px;object-fit:contain;}
.demo-nav .nav-actions{display:flex;flex-wrap:nowrap;}
.demo-nav .nav-actions .btn.primary{font:700 16px "Hanken Grotesk",Inter,system-ui,sans-serif;min-height:50px;padding:10px 22px;border-radius:7px;background:#00c8e8;color:#051229;border:1px solid #00a9c4;border-bottom:3px solid #007d91;white-space:nowrap;cursor:pointer;}
.solutions-chevron{display:block;flex:none;transition:transform 160ms ease;}
.demo-solutions[open] .solutions-chevron{transform:rotate(180deg);}
.demo-dropdown{border:0;padding:15px 12px;background:rgba(13,28,47,.96);border-radius:18px;box-shadow:0 18px 40px 6px #05122930;backdrop-filter:blur(20px);}
.demo-dropdown a{border-radius:0;padding:13px 14px;font-size:15px;}
.demo-dropdown a:hover,.demo-dropdown a:focus-visible{background:transparent;color:#8deeff;}
@media(max-width:980px){.demo-dropdown{padding:0 0 8px 12px;background:transparent;box-shadow:none;backdrop-filter:none;}.demo-nav .nav-actions .btn.primary{min-height:44px;padding:9px 15px;font-size:14px;}}
@media(max-width:480px){.demo-nav .brand{font-size:19px;}.demo-nav .brand img{width:26px;height:26px;}.demo-nav .nav-actions .btn.primary{font-size:12px;padding:9px 11px;min-height:39px;}}
@media(prefers-reduced-motion:reduce){.solutions-chevron{transition:none;}}