/* Integrations are part of the page below the tour. */
:root { --chrome-header:clamp(64px,8svh,88px); --chrome-footer:0px; }
.marketing-home .site-header,.marketing-tour .masthead { position:fixed;inset:0 0 auto;z-index:120;height:var(--chrome-header);max-width:none;margin:0;padding:0 clamp(20px,6vw,120px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#1a1a1d;border-bottom:1px solid #ffffff0c; }
.marketing-home .site-header nav,.marketing-tour .masthead nav { display:flex;align-items:center;flex-wrap:nowrap;gap:8px;font-size:14px;line-height:20px; }
.marketing-home .nav-contact,.marketing-home .nav-faq,.marketing-tour .nav-contact,.marketing-tour .nav-faq { display:inline-flex!important;align-items:center;justify-content:center;height:44px;min-height:44px;padding:10px 14px;font:inherit;color:#b6bdca;white-space:nowrap; }
.marketing-home .site-header .nav-demo,.marketing-tour .masthead nav>.nav-demo { display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;min-height:44px;padding:10px 14px;font:inherit;white-space:nowrap; }
.marketing-home .site-header .nav-demo .demo-arrow,.marketing-tour .masthead .nav-demo .demo-arrow { margin:0; }
.marketing-home .nav-contact:hover,.marketing-home .nav-faq:hover,.marketing-tour .nav-contact:hover,.marketing-tour .nav-faq:hover { color:#c7ddff; }
.marketing-tour .masthead nav>a[href="demo/#/home"] { display:inline-flex!important;align-items:center;flex:none;white-space:nowrap;color:var(--accent);border:1px solid #414751;border-radius:6px; }
.marketing-tour .masthead nav>a:not([href="demo/#/home"]):not(.nav-contact):not(.nav-faq):not(.nav-phone-tour),.marketing-tour .nav-savings,.marketing-tour #navPlay { display:none; }
.demo-label-short { display:none; }
.nav-demo .demo-label-long,.nav-demo .demo-label-short { margin:0;color:inherit; }
.marketing-home .intro-screen { grid-template-rows:minmax(0,1fr) auto;padding-top:calc(var(--chrome-header) + 20px);padding-bottom:20px; }
.marketing-home .product-screen { grid-template-rows:minmax(0,1fr) auto;gap:clamp(10px,1.8svh,20px);padding-top:calc(var(--chrome-header) + 16px);padding-bottom:20px; }
.marketing-tour.slideshow body { --deck-header:var(--chrome-header);--deck-footer:86px; }
.marketing-tour .deck-controls { bottom:0;height:86px; }
.marketing-home #savingsDialog,.marketing-tour #savingsDialog { inset:var(--chrome-header) 0 0;margin:auto;max-height:calc(100svh - var(--chrome-header) - 24px);overflow:auto; }
@media(max-width:760px) {
 :root { --chrome-header:64px; }
 .marketing-home .site-header,.marketing-tour .masthead { padding:0 16px;gap:12px; }
 .marketing-home .site-header nav,.marketing-tour .masthead nav { gap:4px; }
 .marketing-home .nav-contact,.marketing-home .nav-faq,.marketing-tour .nav-contact,.marketing-tour .nav-faq { padding-left:8px;padding-right:8px; }
 .marketing-home .intro-screen { padding-top:calc(var(--chrome-header) + 12px);padding-bottom:16px; }
 .marketing-home .product-screen { padding-top:calc(var(--chrome-header) + 12px);padding-bottom:16px; }
 .marketing-tour.slideshow body { --deck-footer:72px; }
 .marketing-tour .deck-controls { height:72px; }
}
@media(max-width:480px) {
 .marketing-home .site-header .brand>span,.marketing-tour .masthead .brand>span { display:none; }
 .marketing-home .site-header .brand,.marketing-tour .masthead .brand { gap:0; }
 .marketing-home .site-header nav,.marketing-tour .masthead nav { gap:4px;font-size:12px; }
 .demo-label-long { display:none; }.demo-label-short { display:inline; }
 .nav-demo .demo-arrow,.marketing-tour .masthead .demo-arrow { display:none; }
 .marketing-home .nav-demo,.marketing-tour .masthead nav>a[href="demo/#/home"] { min-height:44px;padding:8px 12px; }
}
@media(max-width:760px) and (max-height:700px) {
 .marketing-home h1 { font-size:30px;line-height:1.1; }
 .marketing-home .home-copy { gap:10px; }
 .marketing-home .industry-context { font-size:16px;line-height:1.3;margin-bottom:8px; }
 .marketing-home .definition { font-size:14.5px;line-height:1.4; }
 .marketing-home .savings-link { font-size:14px;margin-top:10px; }
 .marketing-home .screen-down { min-height:40px;font-size:13px; }
}

.marketing-home .site-header .brand{font-size:26px}.marketing-home .site-header .brand img{width:28px;height:28px}

/* The app's 22px dot grid, fading out across the marketing background. */
body.marketing-home{position:relative;isolation:isolate}
body.marketing-home::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(131,176,250,.36) .7px,transparent .9px);background-size:22px 22px;filter:blur(.5px);mask-image:radial-gradient(ellipse 58% 62% at 50% 48%,#000 8%,rgba(0,0,0,.5) 48%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 58% 62% at 50% 48%,#000 8%,rgba(0,0,0,.5) 48%,transparent 88%)}

/* Plain slideshow surround; retain the app captures and information flow. */
.marketing-home .product-screen{position:relative;isolation:isolate;background:#1a1a1d}
.marketing-home .capture{background:#1a1a1d;border:0;box-shadow:none}
.marketing-home .capture-stage{position:relative}
.marketing-home .capture-stage::before{content:none}