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

/* one rhythm for the whole page: equal air between chapters, one head-to-content gap, headline widths that breathe */
:root{--ind-air:clamp(96px,10vw,160px);--ind-head:clamp(40px,4.4vw,68px)}
main#main>.section{padding-top:var(--ind-air)!important;padding-bottom:var(--ind-air)!important;margin:0!important}
main#main>.section[data-screen-label="Industry tiles"]{padding-top:clamp(56px,6vw,96px)!important}
main#main>.section[data-screen-label="Live demo intro"]{padding-bottom:0!important}
main#main>#product{margin-top:clamp(40px,4.4vw,68px)!important;margin-bottom:0!important}
main#main>.section .lhead,main#main>#explore .lhead{margin-bottom:var(--ind-head)!important}
main#main .lhead .kicker{margin-bottom:18px!important}
main#main .lsec{line-height:1.08!important;text-wrap:balance}
main#main .lsec span{margin-top:18px!important;line-height:1.55!important}
main#main>#waitlist{margin-top:var(--ind-air)!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}

#explore .lhead{text-align:left!important;margin-left:0!important;margin-right:auto!important}#explore .lhead .lsec,#explore .lhead .kicker{margin-left:0!important;text-align:left!important}

/* busywork: left-aligned head, bare plus signs, more air above the section */
main#main>section[data-screen-label="Every firm"]{padding-top:clamp(140px,15vw,230px)!important}
main#main>section[data-screen-label="Every firm"] .lhead{text-align:left!important;margin-left:0!important;margin-right:auto!important}
main#main>section[data-screen-label="Every firm"] .lhead .lsec,main#main>section[data-screen-label="Every firm"] .lhead .kicker{margin-left:0!important;text-align:left!important}
.bw-plus{border:0!important;background:none!important;border-radius:0!important;width:18px!important;height:18px!important;color:var(--ink)!important}
.bw-plus::before,.bw-plus::after{width:14px!important;height:1.5px!important}
.bwrow.open .bw-plus{background:none!important;border:0!important;color:#4D6E9C!important}


/* plus toggles: bare crosses, never circled */
.uc-card .chev,.sv-plus,.bw-plus,.st-plus,.ub-plus,.mc-plus,.cp-plus,.mb-plus,.capsx .mb-plus,.capsx .cp-plus{border:0!important;background:none!important;border-radius:0!important;box-shadow:none!important}
.uc-card .chev{width:auto!important;height:auto!important;font-size:20px!important;line-height:1!important;font-weight:300;color:var(--ink)!important}
.uc-card.open .chev{color:#4D86C2!important}
.sv-plus::before,.sv-plus::after,.bw-plus::before,.bw-plus::after{width:14px!important;height:1.5px!important}
.sv-plus{color:var(--ink)!important}
.sv-tab.on .sv-plus,.sv-tab[aria-selected="true"] .sv-plus{background:none!important;color:#4D86C2!important}
.st-plus{background:none!important}


main#main>section[data-screen-label="Why these firms"]{padding-top:clamp(170px,18vw,290px)!important}
main#main>section[data-screen-label="Why these firms"] .lhead{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
main#main>section[data-screen-label="What you will find inside"] .lhead{text-align:left!important;margin-left:0!important}
main#main>section[data-screen-label="Why these firms"] .lhead .lsec{margin-left:auto!important;margin-right:auto!important}
main#main>section[data-screen-label="What you will find inside"] .lhead .lsec{margin-left:0!important}
.wf-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:clamp(40px,4.4vw,64px);border-top:1px solid rgba(27,27,27,.1);padding-top:clamp(28px,3vw,44px)}
.wf-col{display:flex;flex-direction:column;gap:14px}
.wf-col .bw-n,.in-tile .bw-n{font-family:var(--f-ui);font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--stone-6)}
.wf-col h3,.in-tile h3{margin:0;font-family:var(--f-display);font-weight:460;font-size:clamp(19px,1.7vw,26px);line-height:1.2;letter-spacing:-.015em;color:var(--ink)}
.wf-col p,.in-tile p{margin:0;font-family:var(--f-ui);font-size:15px;line-height:1.65;color:var(--stone-6)}
/* next: centred statement */
.wn-band{text-align:center;max-width:820px;margin:0 auto;padding-top:0}
.wn-p{margin:18px auto 0;font-family:var(--f-display);font-weight:420;font-size:clamp(22px,2.2vw,32px);line-height:1.3;letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
.wn-link{display:inline-flex;align-items:baseline;gap:12px;padding:0 0 11px;border-bottom:1px solid rgba(27,27,27,.35);font-family:var(--f-ui);font-size:16px;font-weight:500;text-decoration:none;color:var(--ink)!important;margin-top:clamp(24px,2.6vw,36px)!important;transition:border-color .2s}
.wn-link i{font-style:normal;transition:transform .2s}
.wn-link:hover{border-bottom-color:var(--ink)}.wn-link:hover i{transform:translateX(4px)}
@media(max-width:1000px){.in-grid,.wf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.in-grid,.wf-cols{grid-template-columns:1fr}.wf-lane{grid-template-columns:1fr;gap:14px}.wf-cap{grid-column:1}.wf-lab{padding-top:0}.shp-track{flex-direction:column;gap:14px}.shp-track::before{left:6px;right:auto;top:6px;bottom:6px;width:1px;height:auto}.shp-node,.shp-node:last-child{flex-direction:row;align-items:center;text-align:left}}

.bw-go{display:inline-block;margin-left:8px;font-family:var(--f-ui);font-weight:500;color:#4D6E9C;text-decoration:none;white-space:nowrap}
.bw-go:hover{color:var(--ink)}
main#main>section[data-screen-label="What you will find inside"] .bwlist{margin-top:0!important}

/* the shared shape: two segmented tracks on white, the active step walks along */
.shp{display:flex;flex-direction:column;border-top:1px solid rgba(27,27,27,.1)}
.shp-lane{display:grid;grid-template-columns:minmax(120px,.26fr) minmax(0,1fr);gap:clamp(16px,2.4vw,44px);align-items:center;padding:clamp(26px,3vw,44px) 0;border-bottom:1px solid rgba(27,27,27,.1)}
.shp-lab{font-family:var(--f-ui);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--stone-6)}
.shp-track{position:relative;display:inline-flex;flex-wrap:wrap;gap:4px;background:rgba(27,27,27,.05);border:1px solid rgba(27,27,27,.06);border-radius:999px;padding:5px;width:fit-content;max-width:100%}
.shp-fill{display:none}
.shp-node{display:inline-flex;align-items:center;gap:0;background:transparent;border:0;border-radius:999px;padding:10px 20px;cursor:pointer;font:inherit;color:inherit;transition:background .3s,color .3s,box-shadow .3s}
.shp-node i{display:none}
.shp-node b{font-family:var(--f-ui);font-weight:500;font-size:14px;line-height:1;color:var(--stone-6);white-space:nowrap;transition:color .3s}
.shp-node.done b{color:var(--ink)}
.shp-node:hover b{color:var(--ink)}
.shp-node.on{background:#fff;box-shadow:0 2px 10px rgba(27,27,27,.09)}
.shp-node.on b{color:var(--ink)}
.shp-note{grid-column:2;margin:0;font-family:var(--f-display);font-weight:420;font-size:clamp(17px,1.5vw,22px);line-height:1.35;letter-spacing:-.01em;color:var(--ink);min-height:1.35em;transition:opacity .25s;text-wrap:pretty}
.shp-note.swap{opacity:0}
.shp-foot{display:grid;grid-template-columns:minmax(120px,.26fr) minmax(0,1fr);gap:clamp(16px,2.4vw,44px);align-items:baseline;padding:clamp(22px,2.4vw,34px) 0 0}
.shp-foot-k{font-family:var(--f-ui);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--stone-6)}
.shp-foot-t{font-family:var(--f-ui);font-size:15.5px;line-height:1.6;color:var(--stone-6);max-width:60ch}
main#main>section[data-screen-label="Why these firms"] .bwlist{margin-top:clamp(40px,4.4vw,64px)!important}

/* the shared shape: two typographic sequences, same hairline grid as the numbered rows */
.shape{border-top:1px solid rgba(27,27,27,.1)}
.shape-row{display:grid;grid-template-columns:minmax(60px,.4fr) minmax(0,1fr);gap:clamp(16px,2.4vw,44px);align-items:start;padding:clamp(30px,3.4vw,50px) 0;border-bottom:1px solid rgba(27,27,27,.1)}
.shape-lab{text-transform:uppercase;padding-top:14px;color:var(--stone-6)!important}
.shape-body{display:flex;flex-direction:column;gap:18px}
.shape-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.shape-w{font-family:var(--f-display);font-weight:460;font-size:clamp(24px,2.6vw,40px);line-height:1.15;letter-spacing:-.018em;color:var(--ink);transition:color .25s}
.shape-s{font-family:var(--f-display);font-weight:300;font-size:clamp(22px,2.4vw,36px);line-height:1;color:#4D6E9C;opacity:.8}
.shape-line:hover .shape-w{color:rgba(27,27,27,.4)}
.shape-line .shape-w:hover{color:var(--ink)}
.shape-cap{margin:0;font-family:var(--f-ui);font-size:15.5px;line-height:1.6;color:var(--stone-6);max-width:60ch}
main#main>section[data-screen-label="Why these firms"] .bwlist{margin-top:0!important;border-top:0!important}
@media(max-width:760px){.shape-row{grid-template-columns:1fr;gap:12px}.shape-lab{padding-top:0}}


@media(min-width:1025px){
main#main>section[data-screen-label="Why these firms"] .shape{display:grid!important;grid-template-columns:1fr 1fr!important;gap:clamp(18px,2vw,28px)!important;border:0!important;margin-top:clamp(40px,4.4vw,64px)!important}
main#main>section[data-screen-label="Why these firms"] .shape-row{display:flex!important;flex-direction:column!important;padding:clamp(30px,3vw,44px)!important;border:0!important;border-radius:26px!important;background:linear-gradient(160deg,#eef2fb 0%,#dde6f8 100%)!important}
main#main>section[data-screen-label="Why these firms"] .shape-row:nth-child(2){background:linear-gradient(160deg,#f5f1ea 0%,#e9e2d6 100%)!important}
main#main>section[data-screen-label="Why these firms"] .shape-lab{display:block!important;font-family:var(--f-ui)!important;font-size:12px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--stone-6)!important;margin:0 0 26px!important;padding:0!important;width:auto!important}
main#main>section[data-screen-label="Why these firms"] .shape-body{padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
main#main>section[data-screen-label="Why these firms"] .shape-line{flex:1 1 auto!important}
main#main>section[data-screen-label="Why these firms"] .shape-row:nth-child(2) .shape-line .shape-w{width:100%!important}
main#main>section[data-screen-label="Why these firms"] .shape-cap{margin-top:auto!important;padding-top:22px!important}
main#main>section[data-screen-label="Why these firms"] .bwlist{margin-top:clamp(72px,8vw,120px)!important}
main#main>section[data-screen-label="Why these firms"] .shape-line{display:flex!important;flex-direction:column!important;gap:0!important;position:relative!important;counter-reset:sh;flex-wrap:nowrap!important}
main#main>section[data-screen-label="Why these firms"] .shape-line .shape-s{display:none!important}
main#main>section[data-screen-label="Why these firms"] .shape-line .shape-w{position:relative!important;display:block!important;font-family:var(--f-display)!important;font-size:clamp(20px,1.5vw,24px)!important;font-weight:500!important;letter-spacing:-.01em!important;color:var(--ink)!important;border:0!important;border-radius:0!important;padding:13px 0 13px 64px!important;margin:0!important;background:none!important;counter-increment:sh;line-height:1.25}
main#main>section[data-screen-label="Why these firms"] .shape-row:nth-child(1) .shape-line .shape-w::before{content:"0" counter(sh);position:absolute;left:0;top:19px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--stone-4);font-weight:400}
main#main>section[data-screen-label="Why these firms"] .shape-row:nth-child(1) .shape-line::before{content:"";position:absolute;left:38px;top:22px;bottom:22px;width:1px;background:rgba(27,27,27,.16)}
main#main>section[data-screen-label="Why these firms"] .shape-row:nth-child(1) .shape-line .shape-w::after{content:"";position:absolute;left:34.5px;top:22px;width:8px;height:8px;border-radius:50%;background:#fff;border:1px solid rgba(27,27,27,.4)}
main#main>section[data-screen-label="Why these firms"] .shape-row:nth-child(2) .shape-line .shape-w{padding-left:36px!important;border-bottom:1px solid rgba(27,27,27,.1)!important}
main#main>section[data-screen-label="Why these firms"] .shape-row:nth-child(2) .shape-line .shape-w:last-child{border-bottom:0!important}
main#main>section[data-screen-label="Why these firms"] .shape-row:nth-child(2) .shape-line .shape-w::before{content:"";position:absolute;left:2px;top:21px;width:14px;height:14px;border-radius:4px;border:1.3px solid rgba(27,27,27,.5)}
main#main>section[data-screen-label="Why these firms"] .shape-row:nth-child(2) .shape-line .shape-w::after{content:"";position:absolute;left:6px;top:24px;width:6px;height:3px;border-left:1.3px solid rgba(27,27,27,.7);border-bottom:1.3px solid rgba(27,27,27,.7);transform:rotate(-45deg)}
main#main>section[data-screen-label="Why these firms"] .shape-cap{margin:24px 0 0!important;font-size:15px!important;line-height:1.55!important;color:var(--stone-6)!important;padding-top:22px!important;border-top:1px solid rgba(27,27,27,.1)!important;max-width:none!important}
}


.vtabs,#work .vtabs,#hwDept{display:inline-flex!important;flex-wrap:wrap!important;justify-content:center;gap:4px!important;background:rgba(27,27,27,.05)!important;border:1px solid rgba(27,27,27,.06)!important;border-radius:999px!important;padding:5px!important;max-width:100%;overflow-x:auto;scrollbar-width:none;margin-left:auto!important;margin-right:auto!important;width:fit-content}
.vtabs::-webkit-scrollbar{display:none}
.vtabs button{flex:0 0 auto;border:0!important;background:transparent!important;padding:10px 22px!important;border-radius:999px!important;font-family:var(--f-ui);font-size:14px!important;font-weight:500!important;color:var(--stone-6)!important;box-shadow:none!important;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.vtabs button:hover{color:var(--ink)!important}
.vtabs button.on,.vtabs button[aria-selected="true"]{background:#fff!important;color:var(--ink)!important;box-shadow:0 2px 10px rgba(27,27,27,.09)!important}
#product{display:flex;flex-direction:column;align-items:center}
#product .dispw{width:100%}


#hwDept.vtabs.vtabs,.vtabs.vtabs.vtabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;justify-content:flex-start!important;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-padding:0 16px;max-width:1120px;width:max-content;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
#hwDept::-webkit-scrollbar,.vtabs.vtabs.vtabs::-webkit-scrollbar{display:none}
#hwDept.vtabs>*,.vtabs.vtabs.vtabs>*{flex:0 0 auto!important;white-space:nowrap!important;scroll-snap-align:start}


.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}
}


/* accordion: body text sits on the same left edge as the headline.
   the head has a third (plus) column, so an .4fr first column resolves
   narrower there than in the two-column body — pin both to the same % */
.bw-head{grid-template-columns:minmax(60px,26.5%) minmax(0,1fr) auto!important}
.bw-body{grid-template-columns:minmax(60px,26.5%) minmax(0,1fr)!important}
.bw-body>p,.bw-body>.bw-rung{grid-column:2!important}
@media(max-width:900px){
  .bw-head{grid-template-columns:minmax(0,1fr) auto!important}
  .bw-head .bw-n{display:none!important}
  .bw-body{grid-template-columns:minmax(0,1fr)!important}
  .bw-body>p,.bw-body>.bw-rung{grid-column:1!important}
}