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 scroll-snap snapport ignored the bleed padding, pulling card 01 flush
   to the viewport edge instead of the headline's left edge */
#crValues{scroll-padding-left:clamp(18px,4vw,52px)}


/* life at Hive: six hairline tiles on white */
section[data-screen-label="What we value"]{background:#FFFFFF!important}
section[data-screen-label="What we value"] .lhead{margin-bottom:clamp(48px,5.4vw,84px)!important}
.cr6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.8vw,60px) clamp(24px,2.6vw,40px)}
.cr6-c{position:relative;display:flex;flex-direction:column;
  padding:clamp(24px,2.4vw,36px) 0 clamp(20px,2vw,30px) clamp(24px,2.4vw,36px);min-height:clamp(250px,23vw,320px)}
.cr6-c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,rgba(63,111,163,.85),rgba(63,111,163,.22))}
.cr6-c::after{content:"";position:absolute;left:1px;top:0;bottom:0;width:50%;
  background:linear-gradient(90deg,rgba(111,166,220,.20) 0%,rgba(111,166,220,.13) 34%,rgba(111,166,220,.06) 66%,rgba(111,166,220,0) 100%);pointer-events:none}
.cr6-c svg{width:28px;height:28px;color:var(--ink);flex:0 0 auto}
main .cr6-c h3{font-family:var(--f-display)!important;font-weight:400!important;font-size:clamp(19px,1.5vw,23px)!important;letter-spacing:-.015em;line-height:1.2;color:var(--ink)!important;margin:auto 0 clamp(14px,1.4vw,20px)!important}
main .cr6-c p{font-family:var(--f-ui)!important;font-size:15px!important;line-height:1.55!important;color:rgba(27,27,27,.62)!important;margin:0!important;max-width:36ch}
@media(max-width:1024px){.cr6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cr6{grid-template-columns:1fr;gap:28px}.cr6-c{min-height:0}.cr6-c h3{margin-top:36px!important}}


/* open application: plain text with a hairline above, no tile */
.cr-open{background:none!important;border-radius:0!important;
  border-top:1px solid rgba(27,27,27,.14)!important;
  padding:clamp(30px,3.4vw,48px) 0 0!important;
  margin-top:clamp(44px,5vw,72px)!important;
  align-items:center!important;gap:clamp(20px,3vw,48px)!important}
main .cr-open h3{font-family:var(--f-display)!important;font-weight:400!important;font-size:clamp(20px,1.9vw,26px)!important;letter-spacing:-.015em;margin:0 0 10px!important;color:var(--ink)!important}
main .cr-open p{font-family:var(--f-ui)!important;font-size:15px!important;line-height:1.55!important;color:var(--stone-6)!important;margin:0!important;max-width:52ch}
@media(max-width:700px){.cr-open{flex-direction:column;align-items:flex-start!important}}