footer{background:#1B1B1B!important;background-image:none!important}

/* Get started: centred on the viewport, the same air above and below, then the footer rule */
main#main>section#waitlist,main#main>#waitlist,body #waitlist{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
#waitlist .cta-band{width:100%!important;max-width:none!important;margin:0!important;padding:clamp(120px,12.5vw,186px) var(--gut) clamp(72px,7.5vw,114px)!important;min-height:0!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
#waitlist .cta-band>*{margin-left:auto!important;margin-right:auto!important}
#waitlist .cta-band>*:last-child{margin-bottom:0!important}
footer{padding-top:0!important;margin-top:0!important;background:#1B1B1B!important;background-image:none!important}
footer .fwrap{padding-top:clamp(24px,2.6vw,40px)!important;margin-top:0!important}
footer .fgrid,footer .ftop{margin-top:0!important}
main#main>*:last-child:not(#waitlist){padding-bottom:0!important;margin-bottom:0!important}


/* the footer sits on the page column, centred */
footer .fwrap{max-width:1360px!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--gut)!important;padding-right:var(--gut)!important;box-sizing:border-box}
footer .fgrid{max-width:none!important;margin-left:0!important;margin-right:0!important}


/* whatever precedes Get started ends flush: the band's own padding sets the air, identical on every page */
main#main>*:has(+ #waitlist){margin-bottom:0!important}


.ndpanel .ndcol.two,.ndpanel .ndcol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:660px!important;gap:4px 28px!important}
.ndd:has(>.ndl[href*="Industries"]) .ndpanel .ndcol{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:960px!important;gap:4px 24px!important}
.ndd:has(>.ndl[href*="Industries"]) .ndwrap{grid-template-columns:1fr 320px!important}


@media(min-width:1025px){
body footer .fwrap{max-width:min(2200px,calc(100vw - 2 * clamp(28px,4vw,120px)))!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
body footer .ftop{max-width:none!important}
body footer .fgrid{grid-template-columns:minmax(260px,1.1fr) minmax(0,3fr)!important;gap:clamp(40px,6vw,140px)!important}
}


/* the back link used to sit inside the dark hero, where it was near-invisible.
   it now leads the light content section as a proper, legible control. */
.jb-backbar{padding:0 0 clamp(20px,2.2vw,30px)}
a.jb-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin:0;padding:0 16px 0 13px;border:1px solid rgba(27,27,27,.18);border-radius:999px;font-family:var(--f-ui);font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;background:transparent;transition:background .18s,border-color .18s}
a.jb-back:hover{background:rgba(27,27,27,.045);border-color:rgba(27,27,27,.4)}
a.jb-back i{font-style:normal;font-size:15px;line-height:1;transition:transform .18s}
a.jb-back:hover i{transform:translateX(-2px)}
.jbsec{padding-top:clamp(34px,3.6vw,52px)!important}