/* Buffer-inspired reading order, VKIT typography and original feature icons. */
#nav .pn-menu{display:block;grid-template-columns:none;gap:0;box-sizing:border-box;background:#fff;color:#141b26;left:50%;right:auto;transform:translateX(-50%);width:min(900px,92vw);padding:26px;border:1px solid #dddfe3;border-radius:16px;max-height:calc(100dvh - 130px);overflow:auto;box-shadow:0 18px 60px #101b3026;text-align:left}
#nav .pn-menu[hidden],#mobile-nav[hidden]{display:none!important}.pn-label{font:600 13px/1.4 'DM',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:0 14px 15px;color:#616875;border-bottom:1px solid #e2e4e7}.pn-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:10px 0}.pn-item{display:flex!important;align-items:flex-start;gap:15px;padding:19px 14px!important;text-align:left;border-radius:10px;min-width:0;color:#18212d!important;transition:background .18s}.pn-item:hover,.pn-item:focus-visible{background:#eef3fc}.pn-item .vn-icon{display:flex!important;align-items:center;justify-content:center;background:transparent!important;border-radius:0;width:32px!important;height:32px!important;flex:0 0 32px;color:#2459ce}.pn-item .vn-icon svg,.pn-item .vn-icon img{display:block!important;visibility:visible!important;opacity:1!important;width:29px!important;height:29px!important;max-width:none;object-fit:contain}.pn-item>span:not(.vn-icon){flex:1;min-width:0}.pn-item strong{font:700 19px/1.3 'DM',sans-serif!important;letter-spacing:-.02em!important;display:block!important;margin:0!important}.pn-item small{font:400 14px/1.45 'DM',sans-serif!important;color:#616875!important;display:block!important;margin:5px 0 0!important;max-width:none!important;text-transform:none!important;letter-spacing:0!important}.pn-item>b{font-size:20px;opacity:0;transition:opacity .18s}.pn-item:hover>b{opacity:1}.pn-links{border-top:1px solid #e2e4e7;padding:18px 14px 2px;display:flex;gap:25px;flex-wrap:wrap}.pn-links a{font:600 14px/1.4 'DM',sans-serif!important;color:#2459ce!important}.pn-mobile .pn-label{padding-left:8px}.pn-mobile .pn-item{padding:16px 8px!important}.pn-mobile .pn-item strong{font-size:18px!important}.pn-mobile .pn-item small{font-size:14px!important}.pn-mobile .pn-links{padding:20px 8px;gap:22px}.pn-mobile .pn-item>b{display:none}
@media(max-width:760px){#nav .pn-menu{width:94vw;padding:18px}.pn-list{grid-template-columns:1fr}body #mobile-nav.pn-mobile{padding:20px 16px;max-height:calc(100dvh - 100px);overscroll-behavior:contain}}@media(prefers-reduced-motion:reduce){.pn-item,.pn-item>b{transition:none}}

/* Keep the two shared dropdowns independent of older mega-menu grids. */
#nav .pn-menu .pn-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
#nav .pn-chevron{display:inline-block;font:18px/1 sans-serif;margin-left:5px;transition:transform .2s}
#nav .nav-trigger[aria-expanded="true"] .pn-chevron{transform:rotate(180deg)}
#nav .pn-menu .pn-links{display:flex;align-items:center;justify-content:flex-start;gap:16px 26px;background:#f5f7fb;margin:8px -26px -26px;padding:22px 40px;border-radius:0 0 15px 15px}
#mobile-nav.pn-mobile{background:#fff;color:#141b26}
#mobile-nav .pn-category{border:0;border-bottom:1px solid #e2e4e7;padding:0;margin:0}
#mobile-nav .pn-category summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:20px 8px;font:700 22px/1.3 'DM',sans-serif;color:#141b26}
#mobile-nav .pn-category summary::-webkit-details-marker{display:none}
#mobile-nav .pn-category[open] summary>span{transform:rotate(180deg)}
#mobile-nav .pn-mobile-pricing{display:flex;justify-content:space-between;padding:22px 8px;font:700 22px/1.3 'DM',sans-serif;color:#141b26}
#mobile-nav .pn-mobile-signin{display:block;padding:20px 8px;font:600 16px/1.4 'DM',sans-serif;color:#2459ce}
#nav .pn-item:focus-visible,#mobile-nav summary:focus-visible{outline:2px solid #2459ce;outline-offset:2px}
@media(max-width:1000px){#nav .pn-menu{display:none}body #mobile-nav.pn-mobile{box-sizing:border-box;width:100%;left:0;right:0;padding:12px 20px;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}#mobile-nav .pn-item{width:100%;box-sizing:border-box}#mobile-nav .pn-links{padding:16px 8px 24px}}

/* One header on every route, independent of page-specific styles. */
body #nav.pn-header{position:fixed;top:12px;left:2.5%;right:2.5%;height:80px;box-sizing:border-box;padding:12px 24px;display:flex;align-items:center;gap:22px;background:#fffffff5;color:#141b26;border:1px solid #e5e7eb;border-radius:9px;box-shadow:0 4px 25px #101b3010;backdrop-filter:blur(18px)}
body #nav.pn-header>.logo{position:relative;display:block;width:94px;height:52px;flex:0 0 94px}
body #nav.pn-header>.logo .wordmark-on-light{display:block;visibility:visible;width:94px;height:52px}
body #nav.pn-header .nav-provider{display:flex;align-items:center;gap:7px;max-width:115px;font:500 10px/1.2 'DM',sans-serif;color:#141b26}
body #nav.pn-header .nav-provider img{width:46px;max-width:46px;height:auto}
body #nav.pn-header>nav{display:flex;align-items:center;gap:28px;margin:0 auto}
body #nav.pn-header>nav>a,body #nav.pn-header .nav-trigger,body #nav.pn-header .nav-signin{font:700 13px/1.4 'DM',sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#141b26}
body #nav.pn-header .nav-trigger{padding:12px 0;background:none;border:0;border-bottom:1px solid transparent}
body #nav.pn-header .nav-trigger[aria-expanded=true]{border-bottom-color:#2459ce;color:#2459ce}
body #nav.pn-header .nav-actions{display:flex;align-items:center;gap:0;margin:0}
body #nav.pn-header .nav-signin{padding:12px 8px}
body #nav.pn-header .menu-toggle{color:#141b26}
body #nav.pn-header .menu-toggle span{background:#141b26}
body #nav.pn-header .pn-menu{top:calc(100% + 12px)}
@media(max-width:1200px){body #nav.pn-header .nav-provider{display:none}body #nav.pn-header>nav{gap:22px}}
@media(max-width:1000px){body #nav.pn-header{height:72px;padding:10px 16px;gap:14px}body #nav.pn-header>nav{display:none}body #nav.pn-header .nav-actions{margin-left:auto}body #nav.pn-header>.logo,body #nav.pn-header>.logo .wordmark-on-light{width:78px;height:44px;flex-basis:78px}}
@media(max-width:760px){body #nav.pn-header{left:4%;right:4%;height:68px;padding:10px 12px}body #nav.pn-header>.logo,body #nav.pn-header>.logo .wordmark-on-light{width:70px;height:40px;flex-basis:70px}}

/* Homepage behavior: transparent at the top, solid only after scrolling. */
body #nav.pn-header{position:absolute;top:20px;background:transparent;backdrop-filter:none;border-color:transparent;box-shadow:none;color:#141b26;transition:background .25s,box-shadow .25s}
body #nav.pn-header>.logo .wordmark-on-dark{position:absolute;inset:0;display:block;visibility:hidden;width:100%;height:100%}
body[data-nav-over-hero] #nav.pn-header:not(.scrolled):not(.dropdown-open){color:#fff}
body[data-nav-over-hero] #nav.pn-header:not(.scrolled):not(.dropdown-open)>.logo .wordmark-on-light{visibility:hidden}
body[data-nav-over-hero] #nav.pn-header:not(.scrolled):not(.dropdown-open)>.logo .wordmark-on-dark{visibility:visible}
body[data-nav-over-hero] #nav.pn-header:not(.scrolled):not(.dropdown-open)>nav>a,body[data-nav-over-hero] #nav.pn-header:not(.scrolled):not(.dropdown-open) .nav-trigger,body[data-nav-over-hero] #nav.pn-header:not(.scrolled):not(.dropdown-open) .nav-signin,body[data-nav-over-hero] #nav.pn-header:not(.scrolled):not(.dropdown-open) .nav-provider{color:#fff}
body[data-nav-over-hero] #nav.pn-header:not(.scrolled):not(.dropdown-open) .menu-toggle span{background:#fff}
body #nav.pn-header.scrolled,body #nav.pn-header.dropdown-open{background:#fffffff0;backdrop-filter:blur(18px);border-color:#e5e7eb;box-shadow:0 4px 25px #101b3010;color:#141b26}
body #nav.pn-header.scrolled{position:fixed;top:12px}
body #nav.pn-header.scrolled>.logo .wordmark-on-dark,body #nav.pn-header.dropdown-open>.logo .wordmark-on-dark{visibility:hidden}
body #nav.pn-header.scrolled>.logo .wordmark-on-light,body #nav.pn-header.dropdown-open>.logo .wordmark-on-light{visibility:visible}
.feature-page .lm-main{padding-top:0}
.feature-page .fs-intro{height:100svh;padding-top:180px;min-height:820px}
@media(max-width:760px){body #nav.pn-header{top:12px}.feature-page .fs-intro{height:auto;min-height:1000px;padding-top:130px}}
@media(prefers-reduced-motion:reduce){body #nav.pn-header{transition:none}}
body #nav #menu-integrations{width:min(1080px,94vw)}body #nav #menu-integrations .pn-list{grid-template-columns:repeat(3,minmax(0,1fr))}body #nav #menu-integrations .pn-item{padding:14px 12px!important}body #nav #menu-integrations .pn-item strong{font-size:18px!important}#nav .integration-logo img{filter:none!important;opacity:1!important}#mobile-nav .integration-logo img{filter:none!important;opacity:1!important}

#mobile-nav .pn-mobile-tools{display:flex;justify-content:space-between;padding:22px 8px;border-bottom:1px solid #e2e4e7;font:700 22px/1.3 DM,sans-serif;color:#141b26}
body #nav.pn-header>nav>.nav-tools{white-space:nowrap;padding:12px 0;border-bottom:1px solid transparent}body #nav.pn-header>nav>.nav-tools:hover{border-bottom-color:currentColor}body #nav.pn-header>nav>a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
